/*
______            _     _   _   _   _   _
|  _  \          (_)   | | | | | | | \ | |
| | | |__ ___   ___  __| | | |_| | |  \| | __ _ _   _ _   _  ___ _ __
| | | / _` \ \ / / |/ _` | |  _  | | . ` |/ _` | | | | | | |/ _ \ '_ \
| |/ / (_| |\ V /| | (_| | | | | | | |\  | (_| | |_| | |_| |  __/ | | |
|___/ \__,_| \_/ |_|\__,_| \_| |_/ \_| \_/\__, |\__,_|\__, |\___|_| |_|
                                           __/ |       __/ |
                                          |___/       |___/

 Version: 1.0
  Author: David H. Nguyen
 */

html, body { background-color: #eeeeee; }
body  { font-family: Verdana, Arial, Helvetica, sans-serif; }
.ea-red { color: #c71825; }
h1 , h2 { font-family: Arial, Veranda; }
#content { margin: 0px auto; max-width: 1060px; }
@media (max-width: 1060px) {
	#content { margin: 0px 15px; }
}
.navbar { background-color: #ffffff; margin: 0px; border-bottom: 1px solid #eeeeee;  }
.navbar .container-fluid { padding: 0 15px; }
div.container-fluid { padding: 0px; }
#main-slot img { width: 100%; }

.nav-justified > li {
	display: table-cell !important;
	width: 1%;
}

.nav-justified > li {
	float: none !important;
}

/********** Main Navigation **********/
/************************************
 * Blackberry Z30				 360 x  640 *
 * Blackberry Playbook	 600 x 1024 *
 * iPhone 4							 320 x  480 *
 * iPhone 5							 320 x  568 *
 * iPhone 6							 375 x  667 *
 * iPhone 6+						 414 x  736 *
 * iPad									 768 x 1024 *
 * Google Nexus 4-5			 384 x  640 *
 * Google Nexus 7				 600 x  960 *
 * Google Nexus 10			 800 x 1280 *
 * Kindle Fire 					1600 x 2560 *
 * LG Optimus L70				 384 x  640 *
 * Nokia Lumina 520			 320 x  533 *
 * Nokia N9							 360 x  640 *
 * Samsung Galaxy S3-4	 360 x  640 *
 * Samsung Note2-3			 360 x  640 *
 ************************************/

/* css less variable definitions */
/*

@screen-lg: 1200px;
@screen-lg-min: @screen-lg;

@screen-md: 992px;
@screen-md-min: @screen-md;
@screen-md-max: 1199px;

@screen-sm: 768px;
@screen-sm-min: @screen-sm;
@screen-sm-max: 991px;

@screen-xs: 480px;
@screen-xs-min: @screen-xs;
@screen-xs-max: 767px;

*/

/* Required for use with jQuery top nav hover for ONLY large screens   */
/* small screens change css clear to none turns off top menu nav hover */

.sizecheck {
	clear: both;
}

@media (max-width:767px){
	.sizecheck {
		clear: none;
	}
	.kicker {
		padding: 0 0 10px 0;
	}
	.kicker-first {
		padding: 0 0 10px 0;
	}
	.kicker-last {
		padding: 0;
	}
}

.show-grid [class^=col-] {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
	background-color: rgba(86,61,124,.15);
	border: 1px solid #ddd;
	border: 1px solid rgba(86,61,124,.2);
}

h1.identity {
	padding: 0px;
	 margin: 0px auto;
		/* width: 100%; */
		/* width: 240px; */
		width: 282px;
}

h1.identity span.h1-identity {
	text-indent: -5000px;
		 position: absolute;
			display: block;
}

#wrapper {
	margin-right: auto;
	 margin-left: auto;
		 max-width: 1170px;
}

@media (max-width: 767px) {
	#content {
		margin-top: 0px;
	}
}

/* expand submenu on hover for large screens */
/*
@media (min-width: 768px) {
	ul.nav li:hover > ul.dropdown-menu {
		display: block;
	}
}
*/

.navbar {
	background-color: transparent;
		 border-bottom: 1px solid #eeeeee;
				 max-width: 1060px;
						margin: 0px auto;
}

.navbar > div.container {
	background-color: #fff;
}

div#nav-img {
	padding-bottom: 0px;
	 padding-right: 0px;
		/* padding-left: 30px; */
		 padding-top: 10px;
					 width: 100%;
}

@media (max-width: 767px) {
	div#nav-img {
		padding-top: 10px;
	}
}

@media (min-width: 768px) {
	div#nav-img {
		padding-top: 30px;
	}
}

.navbar .container,
.navbar .container-fluid {
	padding-left: 0px;
}

div.container,
div.container-fluid {
	padding: 0px;
}

#main-slot img {
	width: 100%;
}

/* top navigation style for .eamenu */

#nav-eamenu {
	background-color: transparent;
						border: none;
}

.bold { font-weight: bold; }

.fl  { float: left !important; }
.fr  { float: right !important; }
.nf  { float: none !important; }

.hauto { height: auto !important; }

.dib { display: inline-block !important; }

.mlauto { margin-left: auto !important; }
.mrauto { margin-right: auto !important; }

.mr1pct { margin-right: 1% !important; }
.mr2pct { margin-right: 2% !important; }
.mr3pct { margin-right: 3% !important; }
.mr4pct { margin-right: 4% !important; }
.mr5pct { margin-right: 5% !important; }
.mr6pct { margin-right: 6% !important; }
.mr7pct { margin-right: 7% !important; }
.mr8pct { margin-right: 8% !important; }
.mr9pct { margin-right: 9% !important; }
.mr10pct { margin-right: 10% !important; }
.mr20pct { margin-right: 20% !important; }
.mr25pct { margin-right: 25% !important; }
.mr30pct { margin-right: 30% !important; }
.mr40pct { margin-right: 40% !important; }
.mr50pct { margin-right: 50% !important; }
.mr60pct { margin-right: 60% !important; }
.mr70pct { margin-right: 70% !important; }
.mr75pct { margin-right: 75% !important; }
.mr80pct { margin-right: 80% !important; }
.mr90pct { margin-right: 90% !important; }
.mr95pct { margin-right: 95% !important; }
.mr96pct { margin-right: 96% !important; }
.mr97pct { margin-right: 97% !important; }
.mr98pct { margin-right: 98% !important; }
.mr99pct { margin-right: 99% !important; }
.mr100pct { margin-right: 100% !important; }

.ml1pct { margin-left: 1% !important; }
.ml2pct { margin-left: 2% !important; }
.ml3pct { margin-left: 3% !important; }
.ml4pct { margin-left: 4% !important; }
.ml5pct { margin-left: 5% !important; }
.ml6pct { margin-left: 6% !important; }
.ml7pct { margin-left: 7% !important; }
.ml8pct { margin-left: 8% !important; }
.ml9pct { margin-left: 9% !important; }
.ml10pct { margin-left: 10% !important; }
.ml20pct { margin-left: 20% !important; }
.ml25pct { margin-left: 25% !important; }
.ml30pct { margin-left: 30% !important; }
.ml40pct { margin-left: 40% !important; }
.ml50pct { margin-left: 50% !important; }
.ml60pct { margin-left: 60% !important; }
.ml70pct { margin-left: 70% !important; }
.ml75pct { margin-left: 75% !important; }
.ml80pct { margin-left: 80% !important; }
.ml90pct { margin-left: 90% !important; }
.ml95pct { margin-left: 95% !important; }
.ml96pct { margin-left: 96% !important; }
.ml97pct { margin-left: 97% !important; }
.ml98pct { margin-left: 98% !important; }
.ml99pct { margin-left: 99% !important; }
.ml100pct { margin-left: 100% !important; }

.-ml20 { margin-left: -20px !important; }
.-ml15 { margin-left: -15px !important; }
.-ml10 { margin-left: -10px !important; }
.m0  { margin: 0; }
.mt0 { margin-top: 0 !important; }
.mr0 { margin-right: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb6 { margin-bottom: 6px !important; }
.mb7 { margin-bottom: 7px !important; }
.mb15 { margin-bottom: 15px !important; }
.ml0 { margin-left: 0 !important; }

.minh40 { min-height: 40px !important; }

.minw25pct { min-width: 25% !important; }
.minw110 { min-width: 110px !important; }
.minw115 { min-width: 115px !important; }
.minw120 { min-width: 120px !important; }
.minw200 { min-width: 200px !important; }
.minw220 { min-width: 220px !important; }
.minw235 { min-width: 235px !important; }
.minw250 { min-width: 250px !important; }
.minw1060 { min-width: 1060px !important; }

.maxw200 { max-width: 200px !important; }
.maxw220 { max-width: 220px !important; }
.maxw235 { max-width: 235px !important; }
.maxw250 { max-width: 250px !important; }
.maxw265 { max-width: 265px !important; }
.maxw1060 { max-width: 1060px !important; }

.ofh { overflow: hidden !important; }

.p0  { padding: 0; }
.pt0 { padding-top: 0 !important; }
.pt7 { padding-top: 7px !important; }
.pt8 { padding-top: 8px !important; }
.pt9 { padding-top: 9px !important; }
.pt10 { padding-top: 10px !important; }
.pt13 { padding-top: 13px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pr0 { padding-right: 0 !important; }
.pr4 { padding-right: 4px !important; }
.pr5 { padding-right: 5px !important; }
.pr6 { padding-right: 6px !important; }
.pr9 { padding-right: 9px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pb0 { padding-bottom: 0 !important; }
.pb7 { padding-bottom: 7px !important; }
.pb8 { padding-bottom: 8px !important; }
.pb9 { padding-bottom: 9px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb13 { padding-bottom: 13px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl0 { padding-left: 0 !important; }
.pl4 { padding-left: 4px !important; }
.pl5 { padding-left: 5px !important; }
.pl6 { padding-left: 6px !important; }
.pl9 { padding-left: 9px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }

.mw160 { min-width: 160px; }

.w10pct  { width: 10% !important; }
.w20pct  { width: 20% !important; }
.w30pct  { width: 30% !important; }
.w40pct  { width: 40% !important; }
.w45pct  { width: 45% !important; }
.w46pct  { width: 46% !important; }
.w47pct  { width: 47% !important; }
.w48pct  { width: 48% !important; }
.w49pct  { width: 49% !important; }
.w50pct  { width: 50% !important; }
.w60pct  { width: 60% !important; }
.w70pct  { width: 70% !important; }
.w80pct  { width: 80% !important; }
.w90pct  { width: 90% !important; }
.w100pct { width: 100% !important; }

.bgc000  { background-color: #000 !important; }
.bgcfff  { background-color: #fff !important; }
.bgcnone { background-color: transparent !important; }

.block-center {
	margin-left: auto;
	margin-right: auto;
}

.text-center {
	text-align: center;
}

.btn-ea {
	background-color: #c71825;
	color: #fff;
}

.btn-ea:hover {
	background-color: #777;
	color: #fff;
}

.btn-ea-inverted {
	border: 1px solid #c71825 !important;
	background-color: #fff;
	color: #c71825;
}

.btn-ea-inverted:hover {
	border: 1px solid #c71825 !important;
	background-color: #fff;
	color: #777;
}

.eamenu .nav,
.eamenu .collapse,
.eamenu .dropup,
.eamenu .dropdown {
	position: static;
}
.eamenu .container {
	position: relative;
}
.eamenu .dropdown-menu {
	left: auto;
}
.eamenu .eamenu-content {
	padding: 20px 30px;
}
.eamenu .dropdown.eamenu-fw .dropdown-menu {
	right: 0px;
	 left: 0px;
}

li.dropdown.eamenu-fw.open > a > b.caret {
	border-top: 5px dashed;
	border-top: 5px solid \9;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	margin-top: 6px;
	margin-left: 2px;
}

/* menu styes */

.list-unstyled,
.list-unstyled ul {
	min-width: 120px;
}

@media (min-width: 768px) {
	.panel-group {
		width: 400px;
	}
	.thumbnail {
		margin: 0px;
	}
	.kicker {
		padding: 0 5px 0 4px;
	}
	.kicker-first {
		padding: 0 9px 0 0;
	}
	.kicker-last {
		padding: 0 0 0 9px;
	}
}

/* Grid menu styles */

.grid-menu {
/*
	padding-right: 15px;
	 padding-left: 15px;
*/
}

@media (max-width: 767px) {
	.grid-menu {
		padding-bottom: 0px;
			 padding-top: 0px;
	}
}

@media (min-width: 768px) {
	.grid-menu {
		padding-bottom: 20px;
			 padding-top: 20px;
	}
	.grid-menu [class*="col-"] {
		background-color: transparent;
			 margin-bottom: 5px;
					margin-top: 5px;
					text-align: left;
					 font-size: 1em;
	}
	.minw265 { min-width: 265px; }
}

/* increase vertical space of dropdown menu for small screens */
@media (max-width: 767px) {
	.grid-menu [class*="col-"] {
		line-height: 2;
	}
}


/* Main Navigation */

.navbar-collapse.collapse.in#myNavbar {
	padding: 0px;
}

ul.nav.navbar-nav {
	margin-right: 0px;
	 margin-left: 0px;
}

ul.nav.navbar-nav li a {
/*	padding: 15px 20px 15px 20px; */
		color: #777 !important;
}

ul.nav.navbar-nav li.lang-select {
	min-width: 80px;
	max-width: 80px;
}

ul.nav.navbar-nav li.lang-select a {
	padding-left: 0;
	padding-right: 0;
}

ul.nav.navbar-nav li a:hover {
	background-color: #ffffff !important;
	 text-decoration: none;
						 color: #c71825 !important;
}

ul.nav.navbar-nav li a:active {
	background-color: #ffffff !important;
						 color: #c71825 !important;
}

ul.nav.navbar-nav li a:visited {
	background-color: #ffffff !important;
						 color: #777;
}

li.dropdown.full-width.open a.dropdown-toggle {
	background-color: #ffffff;
						 color: #c71825 !important;
}

#myNavbar {
	/* padding-top: 10px; */
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/* Main Navigation - Collapse Menu */
button#menu-icon {
	padding-right: 0px;
		 margin-top: 0px;
}

.icon-bar {
	background-color: #000000;
}

a.logo-collapse.visible-xs img,
a.logo-collapse.visible-xs svg {
	padding-left: 15px;
	 padding-top: 10px;
	 			height: 36px;
				 width: 195px;
}

a.logo-collapse img {
	/* width: 240px; */
}

/* Main Menu Dropdown */

.full-width.dropdown {
	position: static;
}

.full-width.dropdown > .dropdown-menu {
	right: 0px;
	 left: 0px;
}

.full-width.dropdown > .dropdown-menu > li > a {
	white-space: normal;
}

.menu-content {
	padding: 20px 30px;
}

.sub-menu {
	padding-left: 0px;
}

.sub-menu li {
	list-style-type: none;
}

.sub-menu a {
	text-decoration: none;
	 padding-bottom: 1px !important;
		 padding-left: 4px !important;
			padding-top: 1px !important;
				font-size: 12px;
					display: block;
}

.menu-content a {
	display: block;
}

.row .col-sm-3 {
	border-right-style: none;
}

.nav > li {
	outline: soild;
}

a#about {
	padding: 0px;
}

.category-active,
.category-inactive {
	padding-left: 0px !important;
}

@media (min-width: 768px) {
	.category-active,
	.category-inactive {

	}
}

nav.navbar {
	margin-bottom: 0px;
}

/* For small screens */
@media (max-width: 767px) {
	li.dropdown.eamenu-fw.open div[class^=col-] {
		border-right-style: none;
	}
	.menu-content {
		padding: 5px 30px !important;
	}
	li.dropdown.eamenu-fw .dropdown-menu .grid-menu .row {
		padding-left: 0px;
	}
	ul.nav.navbar-nav li a {
		padding: 15px 20px 5px 0px;
	}
}

/* For larger screens */
@media (min-width: 1060px) {
	.dropdown.eamenu-fw > .dropdown-menu [class^=col-] {
		min-width: 265px;
	}
}

/* For larger screens */
@media (min-width: 768px) {
	.dropdown.eamenu-fw > .dropdown-menu [class^=col-] {
		border-right: 1px solid #ddd;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	li.dropdown.eamenu-fw .dropdown-menu .grid-menu .row div:last-child {
		border-right-width: 0px;
	}

	li.dropdown.eamenu-fw div[class^=col-] {
		/* Do not set float: none to entire menu bcz it breaks aside layout
		 * Set float: none individually with .nf to element when needed
		 */
		vertical-align: top;
					 display: table-cell;
	}

	ul.nav.navbar-nav {
		margin-right: auto;
		table-layout: auto;
		 margin-left: auto;
				 display: table;
					 float: none;
	}

	ul.nav.navbar-nav + li {
		display: table-cell;
			float: none;
	}
}


/* Navigation Top Secondary */
.nav-top-secondary {
	background-color: #fff;
		 margin-bottom: 10px;
			margin-right: auto;
			 margin-left: auto;
			 white-space: nowrap;
				margin-top: 0px;
				text-align: center;
					 display: block;
					 padding: 0px;
						 float: none;
							 top: 0px;
}

#slideshow-menu > .cycle-carousel-wrap {
	margin-bottom: 5px !important;
	 margin-right: auto;
		margin-left: auto;
		 margin-top: 5px !important;
}

@media (min-width: 768px) {
	#slideshow-menu > .cycle-carousel-wrap {
		margin-right: auto;
		 margin-left: auto;
					 width: 100%;
	}
}

@media (max-width: 767px) {
	#slideshow-menu > .cycle-carousel-wrap {
		right: 50px;
		 left: 50px;
					 width: 80%;
	}
}

#slideshow-menu > li {
	background-color: #fff;
		vertical-align: middle;
				text-align: center;
					position: relative;
					 display: inline-block;
					 padding: 0px;
						 float: left;
						 left: 0px;
						 width: 100%;
						 border: 1px solid red !important;
}

.nav-top-secondary > a#next-slide,
.nav-top-secondary > a#prev-slide {
	font-size: 20px;
	 position: relative;
		display: inline-block;
			width: 20px;
}

.nav-top-secondary > a#next-slide {
	float: right;
}

.nav-top-secondary > a#prev-slide {
	float: left;
}

.nav-top-secondary > a#next-slide > .glyphicon-triangle-right,
.nav-top-secondary > a#prev-slide > .glyphicon-triangle-left {
	font-size: 20px;
}

/* Main Navigation - Collapse Menu */
button#menu-icon { margin-top: 0px; }
.icon-bar { background-color: #000000; }
a.logo-collapse.visible-xs img {
	padding-left: 15px;
	 padding-top: 5px;
				 width: 180px;
}

.full-width.dropdown { position: static; }
.full-width.dropdown > .dropdown-menu { left: 0; right: 0; }
.full-width.dropdown > .dropdown-menu > li > a { white-space: normal; }
.menu-content { padding: 20px 30px; }
.sub-menu { padding-left: 0; }
.sub-menu li { list-style-type: none; }
.sub-menu span.ea-red, .sub-menu a { text-decoration: none; display: block; padding-left: 4px !important; padding-top: 1px !important; padding-bottom: 1px !important; font-size: 12px; }
.menu-content a{ display: block; }
.row .col-sm-3 { border-right-style: none; }

.nav > li { outline: soild; }

nav.navbar { margin-bottom: 8px; }

/* For small screens */
@media (max-width: 767px) {
	li.dropdown.full-width.open div.col-sm-3.col-md-2 { border-right-style: none; }
	.menu-content { padding: 5px 30px !important; }
	ul.nav.navbar-nav li a,
	ul.nav.navbar-nav li span.ea-red { padding: 15px 20px 5px 0px; }
}

.nav > li > a,
.nav > li > span.ea-red {
	position: relative;
	display: block;
	padding: 10px 15px;
}

.navbar-nav > li > a,
.navbar-nav > li > span.ea-red {
	padding-top: 12.5px;
	padding-bottom: 12.5px;
	line-height: 17px;
}

@media (min-width: 768px)
.navbar-nav > li > a,
.navbar-nav > li > span.ea-red {
	padding-top: 12.5px;
	padding-bottom: 12.5px;
	line-height: 17px;
}

/* For larger screens */
@media (min-width: 768px) {
.full-width.dropdown > .dropdown-menu .col-sm-3 , .full-width.dropdown > .dropdown-menu .col-md-2 { padding-top: 8px; }
	li.dropdown.full-width div.col-sm-3.col-md-2 { border-right: 1px solid #cccccc; }
	li.dropdown.full-width .menu-content .row div:last-child { border-right-width: 0px; }
	li.dropdown.full-width div.col-sm-3.col-md-2 { display: table-cell; vertical-align: top; float:none; }
	ul.nav.navbar-nav { float: none; margin-right: auto; margin-left: auto; display: table; table-layout: auto; }
	ul.nav.navbar-nav + li { float: none; display: table-cell; }
}

/* Collections & Thank You */
a.coll {
	color: #777;
	text-decoration: none;
	padding-left: 10px;
}
a.coll:hover {
	color: #c71825;
	text-decoration: none;
}

/********** Footer Styling **********/
#footer { float: left; background-color: #ffffff; margin: 10px 0px 0px 0px; padding: 20px 10px; font-size: 11px; width: 100%; }
#footer .footer-social { vertical-align: top; padding: auto 2px; display: inline-block; }
#footer img { width: 20px; display: inline; margin-left: 10px; }
#footer ul { width: 100%; padding-left: 0px;}
#footer ul li { display: inline-block; float: right; padding: 2px 5px; color: #777; }
#footer ul li a { color: #777; }
#footer ul li a:hover { text-decoration: none; color: #333; }
#footer #copyright { width: 100%; text-align: right; }
#footer .footer-social.fb { transform: scale(1.65); vertical-align: top; padding: 1px 2px 0 2px; }
#footer .footer-social.in { transform: scale(1.30); vertical-align: top; padding: 1.5px 3.5px 0 4px; }

@media only screen and (min-width: 768px){
	#footer .col-sm-pull-9.col-sm-3 {
		right: 65% !important;
		width: 35% !important;
	}
	#footer .col-sm-push-3.col-sm-9 {
		left: 35% !important;
		width: 65% !important;
	}
}
/********** Footer Email Styling **********/
#footer-email { width: 100%; background-color: #4d4d4f; color: #fff; padding: 15px 7% 40px 7%; float: left; }

/********** Footer Red Styling **********/
#footer-red { width: 100%; background-color: #C41726; color: #fff; padding: 15px 7% 40px 7%; float: left; }
#footer-red * { color: #fff; }
#footer-red h3 { font-family: akzidenz-grotesk-extended; color: #fff; text-transform: uppercase; font-size: 1.4rem; padding: 2px 0 12px; border-bottom: 1px solid #fff; margin-bottom: 16px; }
#footer-red ul, #footer-red ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
}
#footer-red li { font-size: 0.9em; line-height: 20px; margin-top: 8px; margin-bottom: 8px; }

/********** instagram Styling START **********/
.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover {
	background-position: 0 -60px;
}
.ig-b-:active {
	background-position: 0 -120px;
}
.ig-b-16 {
	width: 16px; height: 16px; background: url(./badges/ig-badge-sprite-16.png) no-repeat 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	.ig-b-16 {
		background-image: url(./badges/ig-badge-sprite-16@2x.png);
		background-size: 60px 178px;
	}
}
/********** instagram Styling END   **********/

@media (max-width: 767px) {
	#footer {padding-top: 0px; }
	#footer .col-sm-9 { text-align: center; padding-top: 20px; }
	#footer #copyright { width: 100%; text-align: center; }
	#footer ul#footer-menu li { float: none; padding: 8px 5px; }
	div#facebook { text-align: center; padding-top: 15px; }
	#footer .footer-social.fb { transform: scale(1.6); vertical-align: top; padding: 1px 5px 0 5px; }
	#footer .footer-social.in { transform: scale(1.30); vertical-align: top; padding: 1.9px 6px 0 4px; }
	.coll {
		text-align: center;
	}
}
@media (min-width: 768px) {
	#footer { padding-bottom: 20px; }
	#footer #facebook { display: table-cell; vertical-align: bottom; }
	#footer .twitter-follow-button { display: table-cell; vertical-align: bottom; }
}



/********** Homepage styling **********/
img.home-img { width: 100%; }
#kicker { margin: 0px; width: 100%; overflow: hidden; }
#kicker img{ width: 33.33%; display: block; float: left; border-style: solid; border-width: 2px; border-color: #cca300; }
#kicker:first-child img { position: relative; }
#home .carousel-control { width:30px; height:30px; background: none !important; filter: progid:none !important; margin: auto 0px; color:#777; top:40%; bottom:auto; padding-top:4px; opacity: 0.5; }
#home .carousel-control.right { left:auto; right:0px; }
#home .carousel-control.left { right:auto; left:0px; }
#home div.container-fluid { padding: 0px !important; }
#home .carousel-control:hover { color:#c71825; opacity: 1; }
#homeCarousel ol.carousel-indicators { margin-bottom: -10px; }
#home .carousel-indicators li { border-radius:5px; width:10px; height:10px;  border:2px solid #ccc; background-color: #ccc; }
#home .carousel-indicators .active { border-radius:6px; width:12px; height:12px; background:#ffffff; border-color:#ffffff; }

@media (min-width: 768px) {
	.slide { display: block; width: 100%; height: auto; max-width: 1060px; background-color: transparent; }
}

/********** Category styling **********/
#category .carousel-control { width:30px; height:30px; background: none !important; filter: progid:none !important; margin: auto 0px; color:#777; top:43.5%; bottom:auto; padding-top:4px; opacity: 0.5; }
#category .carousel-control.right { left:auto; right:0px; }
#category .carousel-control.left { right:auto; left:0px; }
#category div.container-fluid { padding: 0px !important; }
#category .carousel-control:hover { color:#c71825; opacity: 1; }
#categoryCarousel ol.carousel-indicators { margin-bottom: -10px; }
#category .carousel-indicators li { border-radius:5px; width:10px; height:10px;  border:2px solid #ccc; background-color: #ccc; }
#category .carousel-indicators .active { border-radius:6px; width:12px; height:12px; background:#ffffff; border-color:#ffffff; }

/* Cycle2 Slider START */
#slideshow {
	height: 100%;
	margin: 0px auto;
}

#slideshow div {
	width: 100%;
	height: 100%;
	margin: 0px auto;
}

#slideshow div img {
	height: 100%;
}

/* slider left / right nav */
#prev-slide,
#next-slide {
	z-index: 200;
}

@media (min-width: 480px) {
	.glyphicon-triangle-right,
	.glyphicon-triangle-left {
		font-size: 30px;
	}
	.glyphicon-menu-right,
	.glyphicon-menu-left {
		font-size: 30px;
	}
}

@media (max-width: 479px) {
	.glyphicon-triangle-right,
	.glyphicon-triangle-left {
		font-size: 30px;
	}
	.glyphicon-menu-right,
	.glyphicon-menu-left {
		font-size: 30px;
	}
	.coll {
		text-align: center;
	}
	.kicker {
		padding: 0 0 13px 0;
	}
	.kicker-first {
		padding: 0 0 13px 0;
	}
	.kicker-last {
		padding: 0;
	}
}

@media screen and (min-width: 768px)
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	margin-left: -15px;
}

#ceramide-menu-carousel .carousel-control .glyphicon-chevron-left,
#ceramide-menu-carousel .carousel-control .glyphicon-chevron-right {
	margin-top: -10px;
	 font-size: 20px;
			height: 20px;
			 width: 20px;
			 	 top: 50%;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
	margin-top: 0px;
	 font-size: 30px;
			height: 30px;
			 width: 30px;
}

/* pager */

@media (min-width: 480px) {
	.cycle-pager span.dots {
		font-size: 2em;
		line-height: 1em;
	}
	.cycle-pager {
			margin-top: -23px; /* shift up 20px to remove bottom gap */
					bottom: 10px;
					height: 23px;
	}
	.cycle-pager.dots {
			/* margin-top: -18px; */
			/* shift up 15px to remove bottom gap */
			/* background: url(/images/sitewide/slider_shadow_bg.jpg) 50% -5px no-repeat; */
			background-size: contain;
			margin-top: 4px; /* shift up 15px to remove bottom gap */
					bottom: 4px;
					min-height: 30px;
	}
	.cycle-pager span.glyphicon.glyphicon-th-large {
		 line-height: 21px;
		 padding-top: 0px;
			 font-size: 16px;
	}
	.cycle-pager span.glyphicon.glyphicon-th-large.cycle-pager-active {
		font-size: 18px;
	}
}

@media (max-width: 479px) {
	.cycle-pager span.dots {
		font-size: 3em;
		line-height: 0.9em;
	}
	.cycle-pager {
		margin-top: -30px; /* shift up 30px to remove bottom gap */
				bottom: 0px;
				height: 44px;
	}
	.cycle-pager.dots {
		margin-top: 0px; /* shift up 15px to remove bottom gap */
				bottom: 0px;
				height: 44px;
	}
	.cycle-pager span.glyphicon.glyphicon-th-large {
		line-height: 18px;
		padding-top: 0px;
			font-size: 13px;
	}
	.cycle-pager span.glyphicon.glyphicon-th-large.cycle-pager-active {
		font-size: 15px;
	}
}

.cycle-pager {
	margin-right: auto;
	 margin-left: auto;
		text-align: center;
			position: relative;
			overflow: hidden;
			 z-index: 300;
				 float: none;
				 width: 100%;
}

.cycle-pager span.dots {
	vertical-align: middle;
					cursor: pointer;
					margin: 0px 3px;
					 color: #ccc;
}

.cycle-pager span.glyphicon.glyphicon-th-large {
	vertical-align: middle;
					cursor: pointer;
					margin: 0px 3px;
					 color: #c71825;
}

.cycle-pager span.dots.cycle-pager-active,
.cycle-pager span.dots.cycle-pager-hover {
	color: #c71825;
}

.cycle-pager span.cycle-pager-active,
.cycle-pager span.cycle-pager-hover,
.cycle-pager span.glyphicon.glyphicon-th-large.cycle-pager-active {
	color: #f86a74;
}

.cycle-pager > * {
	cursor: pointer;
}

/* caption */
.cycle-caption {
	position: absolute;
	 z-index: 700;
		bottom: 15px;
		 color: white;
		 right: 15px;
}

/* overlay */
.cycle-overlay {
	font-family: tahoma, arial;
	 background: black;
		 position: absolute;
			padding: 15px;
			opacity: .5;
			z-index: 600;
			 bottom: 0px;
				width: 100%;
				color: white;
}

/* prev / next links */
.cycle-prev,
.cycle-next {
	position: absolute;
	 z-index: 800;
	 opacity: 0px;
		cursor: pointer;
		filter: alpha(opacity=0);
		height: 100%;
		 width: 30%;
			 top: 0px;
}

.cycle-prev {
	left: 0px;
}

.cycle-next {
	right: 0px;
}

.cycle-prev:hover,
.cycle-next:hover {
	opacity: .7;
	 filter: alpha(opacity=70);
}

.disabled {
	opacity: .5;
	 filter:alpha(opacity=50);
}

/* display paused text on top of paused slideshow */
.cycle-paused:after {
	border-radius: 2px;
		 background: black;
			 position: absolute;
				padding: 10px;
				z-index: 500;
				content: 'Paused';
				opacity: .5;
				 filter: alpha(opacity=50);
					color: white;
					right: 10px;
						top: 10px;
}

/*
	media queries
	some style overrides to make things more pleasant on mobile devices
*/

.cycle-slide {
	margin: auto 10px;
	line-height: 20px;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	.cycle-slideshow {
		width: 100%;
	}
	.cycle-overlay {
		padding: 4px;
	}
	.cycle-caption {
		bottom: 4px;
		 right: 4px;
	}
}

/* Cycle2 Slider END */


/********** What's New **********/
img.whatsnew-img { width: 100%; }
#whats-new .carousel-control { width:30px; height:30px; background: none !important; filter: progid:none !important; margin: auto 0px; }
#whats-new .carousel-control.right { left:auto; right:15px; }
#whats-new .carousel-control.left { right:auto; left:15px; }
#whats-new div.container-fluid { padding: 0px !important; }
#whats-new .carousel-control { color:#ccc; top:40%; color:#ccc; bottom:auto; padding-top:4px; width:30px; height:30px; text-shadow:none; opacity: 0.7; }
#whats-new .carousel-control:hover { color:#ffffff; opacity: 1; }
#whats-new .carousel-indicators li { border-radius:5px; width:10px; height:10px;  border:2px solid #ccc; background-color: #ccc; }
#whats-new .carousel-indicators .active { border-radius:6px; width:12px; height:12px; background:#ffffff; border-color:#ffffff; }

/********** Language **********/

li.lang-select {
	min-width: 100px;
	display: inline-block;
}

li.lang-select a.langOne {
	padding-right: 0;
}

li.lang-select a.langTwo {
	padding-left: 0;
}

li.lang-select a {
	display: inline-block;
}

@media (min-width: 1060px){
	li.lang-select a.langOne {
		padding-right: 0;
	}

	li.lang-select a.langTwo {
		padding-left: 0;
	}
}

@media (max-width: 767px){
	li.lang-select a.langOne {
		padding-right: 0 !important;
	}

	li.lang-select a.langTwo {
		padding-left: 0 !important;
	}
}

@media (max-width: 479px){
	li.lang-select a.langOne {
		padding-right: 0 !important;
	}

	li.lang-select a.langTwo {
		padding-left: 0 !important;
	}
}

/********** Legal **********/
.legal { background-color: #ffffff; padding: 30px 30px 20px 30px; margin: 0px; }
@media (max-width: 767px) {
	.legal { padding: 20px 25px 15px 25px;}
}
.legal h2 { margin: 10px 0; font-size: 1.2em; font-weight: bold; }
.legal h1 { margin-bottom: 10px; font: 1.6em arial, verdana, sans-serif; color: #aa0000; }
.legal ol { list-style-type: decimal !important; padding-left: 20px !important; display: block !important; }
.legal ul { list-style-type: disc !important; padding-left: 20px !important; display: block !important; }
.legal a { color: #cc0000; }

ol.numeric-decimal {
	padding-left: 0 !important;
}

ol.numeric-decimal,
ol.numeric-decimal > li > ol {
	list-style-type: none !important;
	counter-reset: section !important;
}

ol.numeric-decimal > li:before,
ol.numeric-decimal > li > ol > li:before {
	counter-increment: section !important;
	padding-right: 0.6em;    
}

ol.numeric-decimal > li:before {
	content: counters(section,".") "." !important;
}

ol.numeric-decimal > li > ol > li:before {
	content: counters(section,".") " " !important;
}

/********** Locator **********/
#search {
	background-color: #ffffff;
	padding: 10px 0 30px 0;
}

.search-div {
	width: auto;
	min-height: 33px;
	margin-left: 0;
	margin-right: 0;
}

.search-all-any {
	max-width: 150px !important;
	border-radius: 0;
	display: inline-block !important;
	vertical-align: middle;
}

/********** Locator **********/
#locator { text-align: center; background-color: #ffffff; padding: 30px 0px; }
#locator .form-group { margin: 10px 0px; }
#locator .form-group  p { margin: 10px; }
#locator h1 { font-size: 2em; }
#locator div.col-sm-2.hidden-xs .red-or { padding-top: 7px; display: inline-block; }
#locator .red-or { color: #aa0000; font-weight: bold; }
#location-search { max-width: 900px; margin: 0px auto !important; }
#location-search .col-sm-1 { padding: 0px; }

#location-search { max-width: 900px; margin: 0px auto !important; }
#location-search .col-sm-1 { padding: 0px; }
#locator-results { background-color: #ffffff; font-size: 12px; padding: 0px 30px 30px 30px; }
#num-results { font-size: 1.1em; padding-top: 30px; padding-bottom: 5px; /* border-bottom: 1px solid #cccccc; */ }
#num-results span, #locator-results .store strong { color: #aa0000; font-weight: bold; }

#locator .stores {
	font-size: 12px;
	display: inline-block;
	padding: 15px 20px;
	border-top: 1px solid #eeeeee;
	width: 275px;
	vertical-align: top;
	text-align: left;
	text-transform: capitalize;
}

#location-filter-brand {
	max-width: 900px;
	margin: 30px auto !important;
}

@media (max-width: 479px){
	min-height: auto;
}

@media (min-width: 480px){
	min-height: 150px;
}

#locator .stores a { color: #aa0000; padding-right: 4px; text-decoration: underline; }

/********** Signup **********/
#signup { margin: 0px; background-color: #ffffff; font-size: 12px; }
#wrapper div.container-fluid { padding: 0px; }
#signup div.hidden-xs.col-sm-5 , #signup div.col-sm-7 { padding: 0px; }
#signup img { width: 100%; }
#signup p { padding-left: 20px; padding-right: 40px; }
#signup #top-p {padding-top: 30px; }
#signup form { padding: 15px 20px; }
@media (max-width: 767px) {
	#signup form { padding-bottom: 50px;}
}
#signup form .col-xs-8 { padding-left: 0px;}
#signup div.form-group { margin: 0px 0px 7px 0px;}
#signup label { padding-right: 3px; text-align: left; }
#signup .ea-red { color: #cc0000; }
#signup select { display: inline-block; }
#signup .birthday { padding: 0px; }
#signup button { display: block; margin: 0px auto; }
#signup a { color: #aa0000; }
#signup #thank-you-img {width: 80%; max-width: 400px; display: block; margin: 0px auto; padding: 15px 0px; }
#signup .thanks:last-child { padding-bottom: 30px; }


/********** Unsubscribe **********/
#unsubscribe { margin: 0px; background-color: #ffffff; font-size: 12px; }
#wrapper div.container-fluid { padding: 0px; }
#unsubscribe div.hidden-xs.col-sm-5 , #unsubscribe div.col-sm-7 { padding: 0px; }
#unsubscribe img { width: 100%; }
#unsubscribe h1, #unsubscribe p { padding-left: 20px; padding-right: 40px; }
#unsubscribe #top-p {padding-top: 30px; }
#unsubscribe form { padding: 15px 20px; }
@media (max-width: 767px) {
	#unsubscribe form { padding-bottom: 50px;}
}
#unsubscribe form .col-xs-8 { padding-left: 0px;}
#unsubscribe div.form-group { margin: 0px 0px 7px 0px;}
#unsubscribe label { padding-right: 3px; text-align: left; }
#unsubscribe .ea-red { color: #cc0000; }
#unsubscribe select { display: inline-block; }
#unsubscribe .birthday { padding: 0px; }
#unsubscribe button { display: block; margin: 0px auto; }
#unsubscribe a { color: #aa0000; }
#unsubscribe #thank-you-img {width: 80%; max-width: 400px; display: block; margin: 0px auto; padding: 15px 0px; }
#unsubscribe .thanks:last-child { padding-bottom: 30px; }


/********** Beauty Review ****************/
#beauty-reviews { background-color: #ffffff; }
#beauty-reviews form { font-size: 12px; }
#beauty-reviews .row { margin: 0px; padding-bottom: 8px; }
#beauty-reviews .birthday { padding: 0 7px 0 0;}
#beauty-reviews .checkbox-inline { margin-left: 15px; }
#beauty-reviews .captcha img { width: 75%; display: block; margin: 0px auto; }
#beauty-reviews p { padding: 0px 20px; }
#beauty-reviews #intro-title { padding-top: 30px; color: #cc0000; font-weight: bold; }
#beauty-reviews .ea-red { color: #cc0000; }
#beauty-reviews #submit { margin: 0px auto; display: block; margin-bottom: 40px; }
#beauty-reviews #spots img { width: 32%; margin: 0px; }
#beauty-reviews #reviews-thankyou { width: 80%; max-width: 350px; padding: 35px 0px; margin: 0px auto; display: block; }



/********** About Skincare brands **********/
#about-skincare-brands { background-color: #ffffff; }
.scb-header { background-color: #ffffff; width: 100%; padding: 15px 0px 5px 0px; border-bottom: 1px solid #ccc; }
.scb-header img { width: 80%; max-width: 450px; margin-left: auto; margin-right: auto; display: block; }
img.scb-image { width: 100%; }
#about-skincare-brands .learn-more li { display:inline; padding-right: 12px; }
#about-skincare-brands li a { color: #aa0000; }
#about-skincare-brands .row { margin: 0px; border-bottom: 1px solid #ccc; overflow: hidden; }
#about-skincare-brands .col-sm-4.col-md-3 , #about-skincare-brands .col-sm-8.col-md-9 { padding: 0px; }
#about-skincare-brands .col-sm-8.col-md-9 img { padding: 7px 0px; margin-left: 30px; }
#about-skincare-brands .col-sm-8.col-md-9 p , #about-skincare-brands ul { margin-left: 30px; margin-right: 30px; padding: 0px; }
@media (min-width: 768px) {
	#about-skincare-brands .col-sm-8.col-md-9 { border-left: 1px solid #ccc; }
	#about-skincare-brands .col-sm-4.col-md-3 , #about-skincare-brands .col-sm-8.col-md-9 { display: table-cell; vertical-align: top; float: none; }
}
@media (max-width: 767px) {
	img.scb-image { border-bottom: 1px solid #ccc; }
	#about-skincare-brands .col-sm-8.col-md-9 { padding: 15px 0px; }
}



/********** Ceramide **********/
#ceramide-menu { margin-top: -10px; margin-bottom: 1px; background-color: #ffffff; }
#ceramide-menu ul{ max-width: 768px; margin-left: auto; margin-right: auto; font-size: 12px;}
#ceramide-menu li a { padding: 5px 8px; color: #cc0000; }
#ceramide-menu li a:hover { border-bottom: 3px solid #cc0000; background-color: #ffffff; border-radius: 0px; padding-bottom: 2px; }
#ceramide-menu li a:visited { background-color: #ffffff; }
#ceramide-system { background-color: #ffffff; }
#ceramide-system .row { margin: 0px; border-top: 1px solid #ccc; }
#ceramide-system .col-sm-3 , #ceramide-system .col-sm-9 { padding: 0px; }
#ceramide-system img.product-photo { display: block; margin-right: auto; margin-left: auto; padding: 10px 0px; }
#ceramide-system .col-sm-9 img { padding: 15px 0px 0px 30px; }
#ceramide-system .col-sm-9 h2 { margin: 0px; padding-left: 30px; }
#ceramide-system .col-sm-9 h2 a { font-size: 16px; color: #000000; text-decoration: underline; }
#ceramide-system .col-sm-9 ul { padding-left: 50px; padding-right: 30px; }
#ceramide-system p { padding-left: 30px; }
#ceramide-system .learnmore a { color: #cc0000; font-weight: bold; text-decoration: underline;}
#ceramide-system .new { color: #cc0000; /* font-size: 18px; */ padding-right: 4px; }

#ceramide-carousel-menu-container { min-height: 44px; text-align: center; background-color: #ffffff; font-size: 12px; margin-bottom: 1px; margin-top: -10px; border-top: 1px solid #ccc; }
#ceramide-carousel-menu-container .item .col-xs-3 { padding: 6px 4px; display: table-row; vertical-align: middle;}
#ceramide-carousel-menu-container .item .col-xs-3:first-child { padding: 6px 4px 6px 20px; }
#ceramide-carousel-menu-container .item .col-xs-3:last-child { padding: 6px 20px 6px 4px; }
#ceramide-carousel-menu-container .item .col-xs-4 { padding: 12px 4px; display: table-row; vertical-align: middle;}
#ceramide-carousel-menu-container .item .col-xs-4:first-child { padding: 12px 4px 12px 16px; }
#ceramide-carousel-menu-container .item .col-xs-4:last-child { padding: 12px 16px 12px 4px; }
#ceramide-carousel-menu-container a { color: #cc0000; }
#ceramide-carousel-menu-container a:hover { text-decoration: none; }
#ceramide-carousel-menu-container .item .col-xs-4:hover { text-decoration: none; }
#ceramide-carousel-menu-container .carousel-inner .active.left { left: -25%; }
.carousel-inner .next { left:  25%; }
.carousel-inner .prev { left: -25%; }
#ceramide-carousel-menu-container .carousel-control { width: 4%; background: none !important; filter: progid:none !important; }
#ceramide-carousel-menu-container .carousel-control.left, #ceramide-carousel-menu-container .carousel-control.right { background-image:none; }
#ceramide-carousel-menu-container .item.next { -webkit-transition: 0.1s ease-in-out left; -moz-transition: 0.1s ease-in-out left; -o-transition: 0.1s ease-in-out left; transition: 0.1s ease-in-out left; }
#ceramide-carousel-menu-container .item { transition: 0.1s ease-in-out left; }
#ceramide-carousel-menu-container .item.prev.right { -webkit-transition: 0.1s ease-in-out left; -moz-transition: 0.1s ease-in-out left; -o-transition: 0.1s ease-in-out left; transition: 0.1s ease-in-out left; }

#ceramide-menu-carousel #prev-slide .glyphicon,
#ceramide-menu-carousel #next-slide .glyphicon {
	color: #999;
}

@media (max-width: 479px) {
	#ceramide-menu-carousel #prev-slide,
	#ceramide-menu-carousel #next-slide {
		top: 9px;
		width: 20px;
	}
}
@media (min-width: 480px) {
	#ceramide-menu-carousel #prev-slide,
	#ceramide-menu-carousel #next-slide {
		top: 7px;
		width: 30px;
	}
}


/********** Eight Hour Cream **********/
#ehc-menu { margin-top: -10px; margin-bottom: 10px; background-color: #ffffff; }
#ehc-menu ul{ max-width: 310px; margin-left: auto; margin-right: auto; font-size: 12px;}
#ehc-menu li a { padding: 5px 9px; color: #cc0000; }
#ehc-menu li a:hover { border-bottom: 3px solid #cc0000; background-color: #ffffff; border-radius: 0px; padding-bottom: 2px; }
#ehc-menu li a:visited { background-color: #ffffff; }
#eightuses .container-fluid.hidden-xs.hidden-sm .well , #eightuses .container-fluid.visible-xs .well , #eightuses .container-fluid.visible-sm .well , #miracle-cream .container-fluid.hidden-xs.hidden-sm .well , #miracle-cream .container-fluid.visible-xs .well , #miracle-cream .container-fluid.visible-sm .well { border-radius: 0; border-width: 0px; background-color: #ffffff; }
#eightuses .container-fluid.hidden-xs.hidden-sm .row , #eightuses .container-fluid.visible-xs .row , #eightuses .container-fluid.visible-sm .row , #miracle-cream .container-fluid.hidden-xs.hidden-sm .row , #miracle-cream .container-fluid.visible-xs .row , #miracle-cream .container-fluid.visible-sm .row { margin: 0px; }
#eightuses , #miracle-cream{ background-color: #ffffff; }
#eightuses h1 , #miracle-cream h1{ color: #ffffff; background-color: #a32022; font-size: 1.8em; margin-top: 0px; padding: 10px; text-align: center; }
#eightuses b , #miracle-cream b{ color: #cc0000; }
#eightuses-list , .miracle-cream-body{ padding: 30px 50px; }
@media (max-width: 767px) {
	#eightuses-list, .miracle-cream-body { padding: 30px; }
}
.miracle-cream-body img { width: 100%; max-width: 500px; margin: 0px auto; }

/* Eight Hour Cream Carousel */
#myCarousel { width: 720px; margin-right: auto; margin-left: auto; }
#myCarousel .thumbnail { margin-bottom: 0; height: 240px; text-align: center; }
#myCarousel2 { width: 250px; margin-right: auto; margin-left: auto; }
#myCarousel2 .thumbnail { margin-bottom: 0; height: 218px; text-align: center; }
#myCarousel2 h3 { font-size: 0.7em; }
#myCarousel3 { width: 500px; margin-right: auto; margin-left: auto; }
#myCarousel3 .thumbnail { margin-bottom: 0; height: 250px; text-align: center; }
#myCarousel3 h3 { font-size: 0.9em; }
#product-carousel .carousel-control.left, .carousel-control.right { background-image:none !important; }
#product-carousel .carousel-control { color:#ccc; top:40%; color:#ccc; bottom:auto; padding-top:4px; width:30px; height:30px; text-shadow:none; opacity:1; background: none !important; filter: progid:none !important; }
#product-carousel .carousel-control:hover { color: #cc0000; }
#product-carousel .carousel-control:active { color: #ccc; }
#product-carousel .carousel-control.left, .carousel-control.right { background-image:none !important; }
#product-carousel .carousel-control.right { left:auto; right:-24px; }
#product-carousel .carousel-control.left { right:auto; left:-24px; }
#product-carousel .carousel-indicators { bottom:-30px; }
#product-carousel .carousel-indicators li { border-radius:5px; width:10px; height:10px; background:#ccc !important; border:1px solid #ccc !important; }
#product-carousel .carousel-indicators .active { border-radius:6px; width:12px; height:12px; background:#cc0000 !important;  border-color:#cc0000; }
#myCarousel h3 { font-size: 0.9em; }



/********** PREVAGE **********/
#prevage-menu { margin-top: -10px; margin-bottom: 10px; background-color: #ffffff; }
#prevage-menu ul { max-width: 710px; margin-left: auto; margin-right: auto; font-size: 11.25px; text-align: center; width: 100%; }
#prevage-menu li { display: inline-block; }
#prevage-menu li a { padding: 5px 8px; color: #cc0000; }
#prevage-menu li a:hover { border-bottom: 3px solid #cc0000; background-color: #ffffff; border-radius: 0px; padding-bottom: 2px; }
#prevage-menu li a:visited { background-color: #ffffff; }
#prevage div.accordion { padding-bottom: 20px; }
#prevage div.accordion p { padding: 0px 20px; }
#prevage div.accordion ul { padding: 0px 50px; margin-top: -5px; }
#faq-content { background-color: #ffffff; padding: 0 50px; }
@media (max-width: 767px) {
	#faq-content { padding: 0px 30px; }
}
#faq-content img { display: block; margin: 0 auto; padding: 20px 0; width: 90%; max-width: 396px; }
#faq-content h2 { font-size: 1.5em; margin-top: 5px; margin-bottom: 5px; }
#faq-content a.accordion-toggle { color: #f8902a; }
#prevage-reviews { background-color: #ffffff; padding-bottom: 30px; }
#prevage-reviews-img { background-color: #ffa12d; }
#prevage-reviews img { display: block; margin: 0 auto 20px auto; width: 100%; max-width: 600px; }
#prevage-reviews blockquote { background: url(../images/blockquote_bg.gif) no-repeat; margin: 10px 50px; font-size: 14px; border-left-width: 0px; }
#prevage-reviews .quoter { margin: 0 0 40px 75px; color: #ee1d24; font-size: 14px; }
#prevage-results { background-color: #ffffff; padding-bottom: 30px; }
#prevage-results-content { padding: 20px 20%; }
#prevage-results-content > p { text-align: center; }
#prevage-results-content .caption { font-size: 0.7em; padding-top: 10px; }
#prevage-results-content img { display: block; margin: 0 auto; width: 90%; max-width: 375px; }
#prevage-results-content h2 { font-size: 1.5em; margin: 20px 0px 10px 0px; }
#prevage-results-content a { color: #f8902a; }
#prevage-results-img { background-color: #ffa12d; }
#prevage-results-img img { display: block; margin: 0 auto 20px auto !important; width: 100%; max-width: 600px; }
ul.orangedot { color: #ffa12d; }
#idebenone { background-color: #ffffff; padding: 30px 50px; }
#idebenone h2 { font-size: 1.2em; }
#idebenone p b { font-size: 1.2em; color: #fdb440; }
#idebenone img#idebenone-img { display: block; margin: 0 auto; width: 100%; }
#idebenone.open_quote { float:left; width:17px; line-height:71px; }
#idebenone .authorfont { ont-family:Verdana,Geneva,Sans-serif; font-size:11px; font-style:italic; color:#d71a37; line-height:1.5em; background-color:transparent; padding: 2px 0 0 70px; }
#idebenone .p { text-align:center; display:block;text-decoration:none; margin-bottom:0 }
#idebenone img#epf { width: 100%; max-width: 400px; }
#idebenone img#wendy { width: 100%; max-width: 550px; }
#idebenone img#heres-what { width: 100%; max-width: 550px; }
ul.orangedot span { color: #000000 !important; }
@media (max-width: 767px) {
	#prevage-results-content { padding: 20px 10%; }
}

/* PREVAGE Carousel */
#prevage-Carousel { width: 720px; margin-right: auto; margin-left: auto; }
#prevage-Carousel .thumbnail { margin-bottom: 0; height: 210px; text-align: center; }
#prevage-Carousel2 { width: 250px; margin-right: auto; margin-left: auto; }
#prevage-Carousel2 .thumbnail { margin-bottom: 0; height: 180px; text-align: center; }
#prevage-Carousel2 h3 { font-size: 0.7em; }
#prevage-Carousel3 { width: 500px; margin-right: auto; margin-left: auto; }
#prevage-Carousel3 .thumbnail { margin-bottom: 0; height: 230px; text-align: center; }
#prevage-Carousel3 h3 { font-size: 0.9em; }
#prevage-Carousel h3 { font-size: 0.9em; }
#prevage .container-fluid.hidden-xs.hidden-sm .well , #prevage .container-fluid.visible-xs .well , #prevage .container-fluid.visible-sm .well { border-radius: 0; border-width: 0px; background-color: #ffffff; }
#prevage .container-fluid.hidden-xs.hidden-sm .row , #prevage .container-fluid.visible-xs .row , #prevage .container-fluid.visible-sm .row { margin: 0px; background-color: #ffffff; }
#prevage .carousel-control { color:#ccc; top:40%; color:#ccc; bottom:auto; padding-top:4px; width:30px; height:30px; text-shadow:none; opacity:1; background: none !important; filter: progid:none !important; }
#prevage .carousel-control:hover { color: #f8902a; }
#prevage .carousel-control:active { color: #ccc; }
#prevage .carousel-indicators li { border-radius:5px; width:10px; height:10px; background:#ccc; border:1px solid #ccc; }
#prevage .carousel-indicators .active { border-radius:6px; width:12px; height:12px; background:#f8902a !important;  border-color:#f8902a !important;}

#prevage-carousel-menu-container { text-align: center; background-color: #ffffff; font-size: 10px; margin-bottom: 10px; margin-top: -10px; border-top: 1px solid #ccc; }
#prevage-carousel-menu-container .item .col-xs-4 { padding: 5px 8px; }
#prevage-carousel-menu-container a { color: #cc0000; }
#prevage-carousel-menu-container a:hover { text-decoration: none; }
#prevage-carousel-menu-container .item .col-xs-4:hover { text-decoration: none; border-bottom: 3px solid #cc0000; padding-bottom: 2px; }
#prevage-carousel-menu-container .carousel-inner .active.left { left: -25%; }
.carousel-inner .next { left:  25%; }
.carousel-inner .prev { left: -25%; }
#prevage-carousel-menu-container .carousel-control { width: 4%; background: none !important; filter: progid:none !important; }
#prevage-carousel-menu-container .carousel-control.left, #prevage-carousel-menu-container .carousel-control.right { background-image:none; }
#prevage-carousel-menu-container .item.next { -webkit-transition: 0.1s ease-in-out left; -moz-transition: 0.1s ease-in-out left; -o-transition: 0.1s ease-in-out left; transition: 0.1s ease-in-out left; }
#prevage-carousel-menu-container .item { transition: 0.1s ease-in-out left; }
#prevage-carousel-menu-container .item.prev.right { -webkit-transition: 0.1s ease-in-out left; -moz-transition: 0.1s ease-in-out left; -o-transition: 0.1s ease-in-out left; transition: 0.1s ease-in-out left; }



/********** Product **********/
@media (min-width: 768px) {
	.pdp { min-height: 315px; }
}
.pdp {
	font-size: 0.9em;
	background-color: #fff;
	display: table-cell;
	padding: 15px 15px 0 15px !important;
	border: 5px solid #eee !important;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	border-collapse: collapse;
}
.pdp p { max-width: 90%; text-align: center; margin-left: auto; margin-right: auto; display: block;}
.pdp a, .pdp a:visited { color: #333; text-decoration: none; }
.pdp a:hover, .pdp a:active { color: #c71825 ; text-decoration: none; }
#product-wrapper { background-color: #ffffff; margin: 0px; font-size: 11px; padding-top: 15px; }
#product-wrapper-inner { max-width: 1060px; margin: 0px auto; }
#product-img { margin: 30px auto 0px auto; display: block; width: 90%; max-width: 236px; }
#product-description h1,
#product-description h2 { font-size: 1.4em; font-weight: bold; }
a.vidlink, #product-description a { color: #aa0000; font-weight: bold; font-size: 1.1em; }

/* Product Swatches */
#swatchesdisplay { padding: 0px; }
#swatchesdisplay li { display: inline-block; width: 36px; height: 36px; vertical-align: middle; }
#swatchesdisplay .border { width: 30px; height: 30px; overflow: hidden; margin: 3px; }
#swatchesdisplay .chosen { width: 35px; height: 35px; border: 1px solid #000000; padding: 2px; margin: 0.5px; }
#swatchesdisplay .chosen img { width: 29px; height: 29px; }
#swatchesdisplay li:hover .border { width: 36px; height: 36px; margin: 0px; border-width: 0px; padding: 0px; }
#swatchesdisplay li:hover img { width: 36px; height: 36px; }
#swatches { width: 150px; display: inline-block; margin: 15px 0px 15px 8px; }
.video-modal { display: none; }

/* Tabs */
#tab-wrapper { padding: 20px 15px; }
.nav-tabs li a { border: 1px solid #d6d6d6; border-bottom: none; padding: 5px 10px; color: #777; }
.nav-tabs li a:hover { background-color: #ffffff; color: #cc0000; border-color: #d6d6d6; }
.nav-tabs .active a { color: #aa0000 !important; }
.tab-pane { padding: 15px 20px; height: 250px; overflow-y: scroll; border: 1px solid #d6d6d6; border-top: none; }
.tab-pane a { color: #aa0000; }
.tab-pane p img { width: 100%; max-width: 480px; }

/* pdp active panel top padding for v scroll */
.spacer-top-15 {
	border-right: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	min-height: 15px;
}

/* find store by online buttons */
.btn-pdp {
	display: inline-block;
	min-height: 40px;
	min-width: 120px;
	padding-right: 8px;
}

/* Works Well With */
#works-well-with-wrapper { font-size: 1em; margin-top: 20px; text-align: center; }
#works-well-with-wrapper h2 { font-size: 1.4em; font-weight: bold; }
.works-well-with { text-align: center; display: inline-block; margin: 15px auto; }
.works-well-with a { color: #444444; }
.works-well-with a:hover { text-decoration: none; color: #cc0000; }
@media ( max-width: 767px ) {
	#works-well-with-wrapper {text-align: center; padding-bottom: 30px; margin-top: 0px; }
	.works-well-with { padding: 0px 15px;}
}

/* Video Modal */
#video-modal{ z-index: 1009; }
.video-modal{ position:relative; display: none; }
.video-modal .modal-close, .modal-close { font-size: 12pt; z-index: 99; position: absolute; top: 10px; right: 10px; cursor:pointer;
}
.simplemodal-overlay{ background-color:#000000; }



/********** Family **********/
@media (max-width: 991px){
	#family-header {
		padding-bottom: 5px;
		margin-top: -10px;
	}
}
@media (min-width: 768px){
	#family-header { padding: 0px; }
}
#family { background-color: #eee; }
#family-header { border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; }
#family-header h1 {font-size: 12px; color: #666666; float: left; padding-left: 10px;}
.family-paginator { text-align: right; padding: 10px; background-color: #fff; min-height: 48px;}
.family-paginator a, #family-footer a { font-size: 12px; color: #aa0000; }
.family-paginator a:hover, #family-footer a:hover { color: #cc0000; }
.family-paginator select, #family-footer select { width: 120px; display: inline-block; }
.clear { clear: left;  }
#family-inner { display: block; margin: 0px auto; /* border-left: 1px solid #eeeeee; */ }
.product { font-size: 12px; width: 261px; height: 293px; text-align: center; display: inline-block; vertical-align: top; padding: 15px; border: none;}
.product a { color: #777; }
.product a:hover { color: #cc0000; text-decoration: none; }
#family-footer {
	padding:10px;
	margin-top: 5px;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	position: relative;
	float: right;
	text-align: right;
	background-color: #fff;
	border-bottom: 1px solid #eeeeee;
	z-index: 100;
	margin-bottom: -9px;
}
@media ( max-width: 486px ) {
	.product { width: 100% !important; }
	#family-inner { border: none; }
}
@media ( min-width: 487px) and (max-width: 716px) {
	/* #family-inner { width: 468px; } */
}
@media ( min-width: 717px) and (max-width: 946px) {
	/* #family-inner { width: 692px; } */
}
@media ( min-width: 947px){
	#family-inner { width: 1060px; background-color: #eee; padding-top: 3px;}
}
#family .count { color: #aa0000; font-weight: bold; font-size: 0.9em; }

/********** Visible Difference **********/
#visible-difference-menu { margin-top: -10px; margin-bottom: 10px; background-color: #ffffff; }
#visible-difference-menu ul{ max-width: 470px; margin-left: auto; margin-right: auto; font-size: 11.25px; text-align: center; width: 100%; }
#visible-difference-menu li { display: inline-block; }
#visible-difference-menu li a { padding: 5px 8px; color: #cc0000; }
#visible-difference-menu li a:hover { border-bottom: 3px solid #cc0000; background-color: #ffffff; border-radius: 0px; padding-bottom: 2px; }
#visible-difference-menu li a:visited { background-color: #ffffff; }

#visible-difference-carousel-menu-container { text-align: center; background-color: #ffffff; font-size: 10px; margin-bottom: 10px; margin-top: -10px; border-top: 1px solid #ccc; }
#visible-difference-carousel-menu-container .item .col-xs-4 { padding: 5px 8px; }
#visible-difference-carousel-menu-container a { color: #cc0000; }
#visible-difference-carousel-menu-container a:hover { text-decoration: none; }
#visible-difference-carousel-menu-container .item .col-xs-4:hover { text-decoration: none; border-bottom: 3px solid #cc0000; padding-bottom: 2px; }
#visible-difference-carousel-menu-container .carousel-inner .active.left { left: -25%; }
.carousel-inner .next { left:  25%; }
.carousel-inner .prev { left: -25%; }
#visible-difference-carousel-menu-container .carousel-control { width: 4%; background: none !important; filter: progid:none !important; }
#visible-difference-carousel-menu-container .carousel-control.left, #visible-difference-carousel-menu-container .carousel-control.right { background-image:none; }



/********** UNTOLD **********/
#untold-menu { margin-top: -10px; margin-bottom: 1px; background-color: #ffffff; }
#untold-menu ul { max-width: 320px; margin-left: auto; margin-right: auto; font-size: 12px;}
#untold-menu li a { padding: 5px 8px; color: #b7a176; }
#untold-menu li a:hover { border-bottom: 3px solid #cbb383; background-color: #ffffff; border-radius: 0px; padding-bottom: 2px; }
#untold-menu li a:visited { background-color: #ffffff; }
#untold-menu li { display: inline-block; }

#untold-carousel-menu-container { text-align: center; background-color: #ffffff; font-size: 10px; margin-bottom: 10px; margin-top: -10px; border-top: 1px solid #ccc; }
#untold-carousel-menu-container .item .col-xs-4 { padding: 5px 8px; }
#untold-carousel-menu-container a { color: #cbb383; }
#untold-carousel-menu-container a:hover { text-decoration: none; }
#untold-carousel-menu-container .item .col-xs-4:hover { text-decoration: none; border-bottom: 3px solid #cbb383; padding-bottom: 2px; }
#untold-carousel-menu-container .carousel-inner .active.left { left: -25%; }
.carousel-inner .next { left:  25%; }
.carousel-inner .prev { left: -25%; }
#untold-carousel-menu-container .carousel-control { width: 4%; background: none !important; filter: progid:none !important; }
#untold-carousel-menu-container .carousel-control.left, #untold-carousel-menu-container .carousel-control.right { background-image:none; }


/********* UNTOLD HOME *********/
#untold, #untold-film, #untold-fragrance, #untold-getthelook { background: transparent url('/images/untold/untold_background.jpg') repeat-y top left; background-size: 100%; }
.untold-title img { display: block; margin: 0px auto; padding: 30px 30px 0px 30px; max-width:572px; width: 90%; }
#untold .container , #untold-film .container { max-width: 750px; }
#untold .container .col-sm-4 { padding: 0px 7.5px; }
.untold-home-img-container { padding-bottom: 15px; width: 100%; margin: 0px auto; display: block; overflow: hidden; }
.untold-home-img { width: 100%; opacity: 0; }
@media (max-width: 767px) {
	.untold-home-img-container { max-width: 350px; }
}
.untold-home-img { max-width: 350px;  }
#untold-inner { padding: 40px 20px; }
#untold-ff { background: transparent url('/images/untold/untold_home_1_1.jpg') no-repeat top left; background-size: 100%; }
#untold-bts { background: transparent url('/images/untold/untold_home_1_2.jpg') no-repeat top left; background-size: 100%; }
#untold-ps { background: transparent url('/images/untold/untold_home_2_1.jpg') no-repeat top left; background-size: 100%; }
#untold-f { background: transparent url('/images/untold/untold_home_2_2.jpg') no-repeat top left; background-size: 100%; }
#untold-b { background: transparent url('/images/untold/untold_home_3_1.jpg') no-repeat top left; background-size: 100%; }
#untold-gtl { background: transparent url('/images/untold/untold_home_3_2.jpg') no-repeat top left; background-size: 100%; }


/********* UNTOLD FILM *********/
.untold-film-img-container { padding: 0px 5px 10px 5px !important; overflow:hidden; }
.untold-film-img-container img { width: 100%; margin: 0px auto; }
.untold-film-img { opacity: 0; }
.untold-title-intro-film, .untold-title-intro { padding: 15px 25px 25px 25px; text-align: center; font-size: 12px; color: #92815e; max-width: 720px; display: block; margin: 0px auto; }
#untold-film .container:last-of-type { padding-bottom: 40px; }
#untold-film-dc { background: transparent url('/images/untold/untold_film_directorscut.jpg') no-repeat top left; background-size: 100%; }
#untold-film-sf { background: transparent url('/images/untold/untold_film_mid_left.jpg') no-repeat top left; background-size: 100%; }
#untold-film-btsp { background: transparent url('/images/untold/untold_film_mid_right.jpg') no-repeat top left; background-size: 100%; }
#untold-film-btsv { background: transparent url('/images/untold/untold_film_bot_left.jpg') no-repeat top left; background-size: 100%; }
#untold-film-gtl { background: transparent url('/images/untold/untold_film_bot_right.jpg') no-repeat top left; background-size: 100%; }
#untold-film-dc-container {padding-left: 0px !important; padding-right: 0px !important; margin-left: 5px; margin-right: 5px; }
#untold-film-dc { vertical-align: middle; overflow: hidden; width: 710px; margin: 0px auto 0px -359px; position:relative; left:50%;}


/********* UNTOLD FRAGRANCE *********/
#fragrance-slide-indicators {display: block; margin: 0px auto; max-width: 430px; text-align: center; cursor: pointer; }
#untold-inspiration img { width: 80%; max-width: 392px; margin: 0px auto; display: block;}
#untold-fragrance-facets-images { text-align: center; padding-left: 0px; }
.activefacet img {opacity: 1; }
#untold-fragrance-facets-images li { display: inline-block; }
#untold-fragrance-facets-images li img { opacity: 0; }
#untold-fragrance-facets-vibrant { background: transparent url('/images/untold/untold_fragrance_facets_vibrant.jpg') no-repeat top left; background-size: 100%; }
#untold-fragrance-facets-unpredictable { background: transparent url('/images/untold/untold_fragrance_facets_unpredictable.jpg') no-repeat top left; background-size: 100%; }
#untold-fragrance-facets-refined { background: transparent url('/images/untold/untold_fragrance_facets_refined.jpg') no-repeat top left; background-size: 100%; }
#untold-fragrance-facets-mysterious { background: transparent url('/images/untold/untold_fragrance_facets_mysterious.jpg') no-repeat top left; background-size: 100%; }
#untold-fragrance-facets-sensual { background: transparent url('/images/untold/untold_fragrance_facets_sensual.jpg') no-repeat top left; background-size: 100%; }
#untold-fragrance-facets-text { text-align: center; font-size: 11px; color: #92815e; max-width: 720px; display: block; margin: 0px auto; padding: 0px 20px 15px 20px; height: 200px; }
#untold-fragrance-facets-text h2 { font-size: 1.8em; }
#untold-fragrance-facets-text .note { font-size: 0.7em; }
#untold-fragrance #fragrance-slide-indicators { padding-bottom: 15px; }
#untold-fragrance #main-facet img { width: 100%; }
@media (max-width: 767px) {
	#untold-fragrance #untold-fragrance-facets-images li { width: 20%; margin: 0px  -2.5px; }
	#untold-fragrance #untold-fragrance-facets-images li img { width: 100%; }
	#untold-fragrance-facets-text { height: 220px; }
}
@media (min-width: 768px) {
	#untold-fragrance #untoldCarousel { width: 720px; margin: 0px auto; }
}
#untold-fragrance-story-wrapper, #untold-fragrance-bottle-wrapper { padding-bottom: 20px; }
#untold-fragrance #untold-fragrance-story-video,
#untold-fragrance #untold-fragrance-bottle-video { padding-bottom: 25px; display: block; margin: 0px auto; width: 90%; max-width: 700px; }
#untold-fragrance-bottle-video-holder, #untold-fragrance-story-video-holder { width: 90%; max-width: 700px; margin: 0px auto; }
#untold-fragrance-bottle-video-holder iframe , #untold-fragrance-story-video-holder iframe { width: 100% !important; }

/********* UNTOLD VIDEO MODALS **********/
@media (max-width: 1060px) {
	.simplemodal-container { left: 0px !important;}
}
.simplemodal-container { margin: 0px auto; width: 100% !important; max-width: 1060px; height: auto !important;  top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); -webkit-transform:  translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
#simplemodal-container, .simplemodal-wrap { /*max-height: 596px;*/ overflow: hidden; }
.simplemodal-wrap { overflow: hidden !important; }

#untold-home-story-video-holder iframe { max-width: 1060px; max-height: 596px; }
#untold-film-directorscut-video-holder iframe { max-width: 1060px; max-height: 596px; }
#untold-film-short-video-holder iframe { max-width: 1060px; max-height: 596px; }
#untold-film-bts-video-holder iframe { max-width: 1060px; max-height: 596px; }

#untold-bts,
#untold-ps,
#untold-b,
#untold-film-btsp,
#untold-film-btsv,
#untold-film-dc,
#untold-film-sf,
#untold-film-short-video,
#untold-film-short-video-modal,
#untold-film-story-video,
#untold-film-story-video-modal,
#untold-film-bottle-video,
#untold-film-bottle-video-modal,
#untold-film-directorscut,
#untold-film-directorscut,
#untold-film-directorscut-modal,
#untold-film-directorscut-video,
#untold-film-bts-video,
#untold-film-bts-video-modal { display: block; cursor: pointer; }

#untold-home-story-video,
#untold-home-story-video-holder,
#untold-home-bts-video,
#untold-home-bts-video-holder,
#untold-home-bottle-video,
#untold-home-bottle-video-holder,
#untold-film-directorscut-video,
#untold-film-directorscut-video-holder,
#untold-film-short-video,
#untold-film-short-video-holder,
#untold-film-bts-video,
#untold-film-bts-video-holder { display: block;  width: 100% !important; max-width: 1060px; height: auto !important; overflow: hidden !important; }

#untold-bts-modal-close,
.untold-film-modal-close,
.untold-home-modal-close,
.untold-modal-close-btn { z-index: 1000; position: absolute; top: 10px; right: 10px; cursor: pointer;}

.untold-home-video-shopnow,
.untold-home-video-shopnow-img,
.untold-film-video-shopnow,
.untold-film-video-shopnow-img  { z-index: 1001; position: absolute; top: 5px; right: 25px; }


/**************** Spinning wheel ****************/
#untold-home-bottle-loading,
#untold-home-bts-loading,
#untold-home-story-loading,
#untold-film-bts-loading,
#untold-film-directorscut-loading,
#untold-film-short-loading,
#untold-film-story-loading { display: table-cell;  width: 100% !important; max-width: 1060px; height: 100% !important; max-height: 596px; }

#untold-home-bottle-loading img,
#untold-home-bts-loading img,
#untold-home-story-loading img,
#untold-film-bts-loading img,
#untold-film-directorscut-loading img,
#untold-film-short-loading img,
#untold-film-story-loading img { z-index: 1001; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }


/********** UNTOLD Film - BTS slideshow modal **********/
#untold-bts-modal { height: 100%; max-height: 710px; }
#untold-bts-slideshow { width: 100% !important; max-width: 1060px; height: 100%; max-height: 710px; }
.untold-bts-slideshow-image { width: 100% !important; display: block; margin: 0px auto; height: 100% !important; text-align: center; background-color: transparent !important; }
.untold-bts-slideshow-image img { display: block; margin: 0px auto; height: 100%; }
#untold-bts-nav { width: 100%; z-index: 1001; position: relative;
  position: absolute;
  top: 50%;
transform: translateY(-50%);}
#untold-bts-nav-prev { width:40px; height: 55px; left: 15px; display: block; float: left; background: url('/images/untold/arrowLeft.png') no-repeat 0% 50%; cursor:pointer; }
#untold-bts-nav-next { width:40px; height: 55px; right: 15px; display: block; float: right; background: url('/images/untold/arrowRight.png') no-repeat 0% 50%; cursor:pointer; }


/*********** UNTOLD Get the Look ************/
#untold-getthelook { color: #7e7355; font-size: 13px; padding: 0px 25px 30px 25px ;}
#untold-getthelook .container {width: 100%; }
#untold-getthelook .col-sm-4 { padding: 0px; }
#untold-getthelook #gtl-face { width: 90%; display: block; margin: 0px auto; max-width: 300px; }
#untold-getthelook h2 { font-size: 16px; font-weight: bold; }
#untold-getthelook a { color: #7e7355; text-decoration: underline; cursor: pointer; font-style: italic; }
#untold-getthelook p, #untold-getthelook h2 { padding-left: 30px; padding-right: 15px; }
#untold-getthelook .row.top { padding-top: 40px;}
#untold-gtl-eyes { background: transparent url('/images/untold/untold_gtl_eyes.png') no-repeat top left; }
#untold-gtl-lips { background: transparent url('/images/untold/untold_gtl_lips.png') no-repeat top left; }
#untold-gtl-cheeks { background: transparent url('/images/untold/untold_gtl_cheeks.png') no-repeat top left; }
#untold-gtl-modal-pink,
#untold-gtl-modal-bronzeberry,
#untold-gtl-modal-gloss,
#untold-gtl-modal-pmd,
#untold-gtl-modal-glisten,
#untold-gtl-modal-pmd2,
#untold-gtl-modal-pink,
#untold-gtl-modal-black,
#untold-gtl-modal-espresso { display: none; background-color: #f5ede1; text-align: right;}
.untold-gtl-modal-pdp.row { background-color: #ffffff; text-align: left; color: #7E7355; font-size: 12px; padding-right: 25px; margin: 0px;}
.untold-gtl-modal-pdp.row h2 { font-weight: bold; font-size: 1.6em; }
.untold-gtl-modal-pdp.row  img { width: 100%; max-width: 280px; display: block; margin: 0px auto; }
.untold-gtl-modal-close img { padding: 6px; }
#untold-getthelook > .container { max-width: 920px; display: block; margin: 0px auto; }
#simplemodal-container-gtl { max-width: 600px; }
#simplemodal-container-gtl .simplemodal-wrap { max-width: 600px; overflow: visible; }


/****************** PAIA-manual page ******************/

#paia-manual .center-text {
	text-align: center;
}

#paia-manual ol {
	counter-reset: section;
	list-style-type:decimal !important;
	list-style-position:outside !important;
	/* padding-left: 30px !important; */
}

#paia-manual li {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

#paia-manual ol li {
	counter-increment: section;
}

ol[class^="nested"] { /* matches all nested levels */
	padding-left: 0px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

#paia-manual ol.nested {
	list-style-type: none !important;
	counter-reset: item-1;
}

#paia-manual ol.nested li {
	counter-increment: item-1;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#paia-manual ol.nested li:before {
	content: counter(section) "." counter(item-1) ". ";
}

#paia-manual ol.nested-2 {
	list-style-type: none !important;
	counter-reset: item-2;
}

#paia-manual ol.nested-2 li {
	counter-increment: item-2;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#paia-manual ol.nested-2 li:before {
	content: counter(section) "." counter(item-1) "." counter(item-2) ". ";
}
#paia-manual span.tblcell { display: table-cell; width: 120px; min-width: 100px; padding: 0; margin: 0; }
#paia-manual span.clr { clear: both; }

/***************************************************/

/****************** Site Search / Search Bar ******************/
form[role=search] {
	margin-right: 0;
	 line-height: 1.5em;
			position: relative;
				border: none !important;
}
@media (min-width: 768px) {
	form[role=search] {
		 margin-bottom: 0px;
				margin-top: -33px;
						height: 33px;
	}
	.search-right-text-align {
		text-align: left;
	}
	.search-left-text-align {
		text-align: right;
		padding-right: 0 !important;
	}
}
@media (max-width: 767px) {
	form[role=search] {
		margin-bottom: 15px;
			 margin-top: -5px;
	}
	.search-right-text-align {
		text-align: center;
	}
	.search-left-text-align {
		text-align: center;
	}
	.search-results-grid {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		margin-top: -1px;
	}
}
input[name=keywords],input[name=q] {
	vertical-align: middle;
	 border-radius: 0;
			 max-width: 150px;
				 display: inline-block;
}

.valignm {
	vertical-align: middle;
				 display: inline-block;
					 float: none;
}
.btn-search {
	margin-left: 5px;
}

/************************************************/

/****************** Visible  Whitening Modal *********************/
/* /learnmore/css-virtual/visiblewhitening.css.php?lang=en or cn */

/****************** Video Modal START *********************/

/* Can have multiple video modals on same DOM starting with id=videoModal */
/* Requires jquery.dialog.js */

div[id^=videoModal] {
	z-index: 1060;
}

div[id^=videoModal] .modal-content {
	border: 0;
}

.modal-content iframe{
	margin: 0 auto;
	display: block;
}

div[id^=videoModal] .ui-dialog-titlebar-close {
	position: absolute;
	z-index: 1061 !important;
	display: block;
	width: 30px;
	height: 28px;
	background: #777;
	color: #fff;
	text-align: center;
	font-size: 22pt;
	font-weight: 100;
	line-height: 0.9;
	right: 0;
}

div[id^=videoModal] .ui-dialog-titlebar-close,
div[id^=videoModal] .ui-dialog-titlebar-close:hover,
div[id^=videoModal] .ui-dialog-titlebar-close:active,
div[id^=videoModal] .ui-dialog-titlebar-close:visited {
	text-decoration: none;
}

div[id^=videoModal] .modal-dialog .modal-content h1,
div[id^=videoModal] .modal-dialog .modal-content h2
div[id^=videoModal] .modal-dialog .modal-content h3,
div[id^=videoModal] .modal-dialog .modal-content h4
div[id^=videoModal] .modal-dialog .modal-content h5,
div[id^=videoModal] .modal-dialog .modal-content h6 {
	margin: 0;
	padding: 0;
	text-transform: none;
	border: 0;
	color: #000;
	font-family: \'MyriadWebRegular\', Arial, sans-serif;
}

@media (max-width: 480px){
	.action_call.modal_main {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding-top: 10px;
	}
}

div[id^=videoModal] .modal-dialog .modal-content .modal-body {
	padding: 0;
}

div[id^=videoModal] img.modal_main {
	z-index: 1;
}

div[id^=videoModal] .modal-dialog .modal-content {
	border-radius: 0px !important;
}

@media (min-width: 481px) and (max-width: 768px) {
	.action_call.modal_main {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding-top: 10px;
	}
}

@media (min-width: 769px) {
	div[id^=videoModal] .modal-dialog {
		width: 988px;
		height: 556px;
		margin: 30px auto;
	}
	div[id^=videoModal] .modal-dialog .modal-content {
		background-color: #000;
	}
	div[id^=videoModal] .modal-dialog .modal-content .modal-body {
		width: 988px;
		height: 556px;
	}
	.action_call.modal_main {
		padding-left: 5px;
	}
}

.action_call.modal_main {
	padding-bottom: 20px;
}

/****************** Video Modal END *********************/

/****************** Cookie Consent START *********************/

#cookie-consent {
	color: #000;
	position: absolute;
	top: 0;
	height: auto;
	min-height: 80px;
	float: left;
	background: #d4a03a; /* Old browsers */
	background: -moz-linear-gradient(left,  #d4a03a 0%, #fcd896 26%, #dbb44d 59%, #d0a02b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #d4a03a 0%,#fcd896 26%,#dbb44d 59%,#d0a02b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #d4a03a 0%,#fcd896 26%,#dbb44d 59%,#d0a02b 100%);     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4a03a', endColorstr='#d0a02b',GradientType=1 ); /* IE6-9 */
	display: none;
	max-width: 1060px;
}

@media (max-width: 1060px){
	#cookie-consent {
		margin: 0 15px 0 0;
		max-width: 1060px;
	}
}

@media (min-width: 992px){
	#cookie-consent {
		min-width: 962px;
	}
}

/****************** Cookie Consent END *********************/

/****************** Instafeed START *********************/

.instafeed, .instafeed.four { padding: 0 !important; }

/* 1 x 6 */
@media (max-width: 767px) {   
	.instafeed:nth-child(-n+3) > a > img { padding: 0 0 10px 0; }
}

/* 3 x 2 */
@media (max-width: 991px) {
	.instafeed:nth-child(1) > a > img { padding: 0 6px 10px 0; }
	.instafeed:nth-child(2) > a > img { padding: 0 4px 10px 4px; }
	.instafeed:nth-child(3) > a > img {	padding: 0 0   10px 6px; }
	.instafeed:nth-child(4) > a > img {	padding: 0 6px 0   0; }
	.instafeed:nth-child(5) > a > img {	padding: 0 4px 0   4px; }
	.instafeed:nth-child(6) > a > img { padding: 0 0   0   6px; }
}

/* 6 x 1 */
@media (min-width: 992px) {
	.instafeed a img { max-height: 168.66px; }
	.instafeed:nth-child(1)    > a > img { padding: 0 6px 0 0; }
	.instafeed:nth-child(n+2):nth-child(-n+5) > a > img { padding: 0 4px 0 4px; }
	.instafeed:nth-child(6)    > a > img { padding: 0 0 0 6px; }
}

/* 1 x 4 */
@media (max-width: 767px) {   
	.instafeed.four:nth-child(-n+3) > a > img { padding: 0 0 10px 0; }
}

/* 2 x 2 */
@media (max-width: 991px) {
	.instafeed.four:nth-child(1) > a > img { padding: 0 6px 10px 0; }
	.instafeed.four:nth-child(2) > a > img { padding: 0 0   10px 6px; }
	.instafeed.four:nth-child(3) > a > img { padding: 0 6px 0    0; }
	.instafeed.four:nth-child(4) > a > img { padding: 0 0   0   6px; }
}

/* 4 x 1 */
@media (min-width: 992px) {
	.instafeed.four a img { max-height: 259px; }
	.instafeed.four:nth-child(1)    > a > img { padding: 0 6px 0 0; }
	.instafeed.four:nth-child(n+2):nth-child(-n+3) > a > img { padding: 0 4px 0 4px; }
	.instafeed.four:nth-child(4)    > a > img { padding: 0 0 0 6px; }
}
/****************** Instafeed END *********************/

/****************** slick slider START *********************/

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	    touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/****************** slick slider END *********************/

/****************** Events START *********************/

#events .row-1-text {
	background: transparent url(/images/events/row1-3.jpg) bottom right no-repeat;
	background-size: contain;
}

#events .row-1-text h1 {
	font-family: 'akzidenz-grotesk-extended';
	color: #d31145;
	font-size: 1.5em;
	padding-top:10px;
	width: 66%;
}

#events .row-1-text .row-1-text-p1 {
	font-family: 'akzidenz-grotesk-extended';
	color: #000;
	font-size: 1em;
	width: 50%;
}

#events .row-1-text .row-1-text-p2 {
	color: #000;
	font-size: 0.75em;
}

#events .row-1-logo {
	width:33%;
	padding-top:20px;
	padding-bottom: 35px;
}

#events .row-2-text h2 {
	font-family: 'akzidenz-grotesk-extended';
	color: #000;
	font-size: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
}

#events .row-2-text p {
	color: #000;
	padding-left: 10px;
	padding-right: 10px;
}

@media (max-width: 991px) {
	#events .row-1-text {
		background: transparent url(/images/events/row1-3-md.jpg) bottom right no-repeat;
		background-size: contain;
	}
	#events .row-1-text h1 {
		width: 100%;
	}
}

@media (max-width: 767px) {
	#events .row-1-text {
		background: none;
		width: 100%;
	}
	#events .row-1-text .row-1-text-p1 {
		width: 100%;
	}
	#events .row-1-logo {
		width:50%;
	}
}

/****************** Events END *********************/