@import url('https://fonts.googleapis.com/css?family=Crimson+Text:600i,700i');

/* Gradients
 */

	.transparent-black-gradient-left-right {position: relative;}
	.transparent-black-gradient-left-right:before {
		position: absolute; top: 0; left: 0%; width: 100%; height: 100%; display: block; z-index: 1;
		content:'';
		background: -moz-linear-gradient(left, rgba(0,0,0,0.4) 10%, rgba(51,51,51,0.05) 40%, rgba(51,51,51,0) 80%);
		background: -webkit-linear-gradient(left, rgba(0,0,0,0.4) 10%,rgba(51,51,51,0.05) 40%,rgba(51,51,51,0) 80%);
		background: linear-gradient(to right, rgba(0,0,0,0.4) 10%,rgba(51,51,51,0.05) 40%,rgba(51,51,51,0) 80%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00333333',GradientType=1 );
	}

/* GLOBALS
 */

	img.fix-middle.fix-center.min-vh100.min-vw100 {left: 50%; top: 50%; transform: translate(-50%,-50%);}
	.box-shadow1 { drop-shadow #000 16% X0 Y3 B0 (16% X0 Y4 B3 on hover)}
	.box-shadow1.on-hover-box-shadow {transition: box-shadow .3s; box-shadow: 0 3px 0 rgba(0,0,0,.16);}
	.box-shadow1.on-hover-box-shadow:hover { box-shadow: 0 4px 3px rgba(0,0,0,.16);}

	#content {padding-bottom: 0;}

/* LAYOUTS
 */

	#header-nav .span12.-gutter {box-shadow: none !important;}

	#callout-hero .text-glow {text-shadow: 1px 1px 14px rgba(0,0,0,0.8);}
	#callout-hero .subtitle { font-size: 3.75rem;}
	#callout-hero .tagline { font-size: 2.75rem;}
	#callout-hero .slide {min-height: 200px; }

	#side-nav {top: 20rem;}
	#side-nav a {overflow: hidden; width: 100%; max-width: 4.25rem !important; transition: max-width .6s cubic-bezier(0.895, 0.03, 0.685, 0.22); text-overflow: clip;}
	#side-nav a span {opacity: 0;  transition: opacity .4s cubic-bezier(0.895, 0.03, 0.685, 0.22);}
	#side-nav:hover a,
	html.ondesktop #callout-hero.js-inview  ~ #side-nav a { max-width: 19rem !important; opacity: 1;}
	#callout-hero.js-inview  ~ #side-nav span,
	#side-nav:hover span {opacity: 1 !important;}
	#callout-hero {height: 580px;}
	#callout-hero > img {transition: opacity .8s; opacity: .8;}
	#callout-hero.js-inview > img {opacity: 1;}
	html.onsmallscreen #callout-hero > img  {width: auto !important; height: 150% !important; max-width: none !important;}
	html.ontablet #callout-hero .item > img { height: 120% !important; left: 70%;}
	html.onphone #callout-hero {height: auto;}


	#callout-hero-promo .-margin-top {margin-top: -4em !important; }
	html.ontablet #callout-hero-promo .-margin-top {margin-top: -3em !important; }

	html.ontablet #callout-hero-promo .span12 {text-align: center;}
	html.ontablet #callout-hero-promo .span6 {min-width: 26em; display: inline-block; float: none; text-align: left; vertical-align: top; margin: auto; }

	#callout-research-development a.circle.button {margin-right: 0 !important;}
	#callout-research-development a.circle.button i {font-size: 1em !important;vertical-align: 3em !important;line-height: 2.2em !important; display: inherit !important; width: 100%;}

	#callout-research-development .border {border: 2px solid rgba(204,204,204,0.5);}


	#callout-comfort-description .comfort-container {}

	#callout-comfort-description .border-top,
	#callout-comfort-description .border-bottom { border-color: rgb(82,159,211);}
	#callout-comfort-description .border-top {border-bottom-width: 2px;}
	#callout-comfort-description .border-bottom { border-top-width: 2px;}

	#callout-comfort-description .comfort-container {height: 6rem; position: relative;}
	#callout-comfort-description .comfort-container > div {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
	#callout-comfort-description .comfort-container p {line-height: 2rem; opacity: 0; transition: opacity .3s .2s, line-height .3s .2s, font-weight .3s .2s;}
	#callout-comfort-description .js-active p {opacity: 1;}
	#callout-comfort-description .comfort-ultra-plush p {line-height: 4rem;}
	#callout-comfort-description .comfort-plush p {line-height: 3rem;}
	#callout-comfort-description .comfort-medium p {line-height: 2.25rem;}
	#callout-comfort-description .comfort-firm p {line-height: 2rem;}

	#callout-comfort-description .js-active .comfort-ultra-plush p {line-height: 5rem;}
	#callout-comfort-description .js-active .comfort-plush p {line-height: 4rem;}
	#callout-comfort-description .js-active .comfort-medium  p{line-height: 3rem;}
	#callout-comfort-description .js-active .comfort-firm p {line-height: 2.25rem;}

	#callout-comfort-description button {position: absolute; top: 50%; display: none !important;}
	#callout-comfort-description button.prev { left: 0;}
	#callout-comfort-description button.next { right: 0;}

	html:not(.onphone) #instagram-feed,
	html:not(.onphone) #instagram-feed > div,
	html:not(.onphone) #instagram-feed img {height: 18em; }
	html:not(.onphone) #instagram-feed img {width: 18em;}
	html:not(.onphone) #instagram-feed > div {width: 999em;}
	html:not(.onphone) [data-instagram] > div {display: block; float:left; margin: 0;}
	html:not(.onphone) #instagram-feed img {transition: opacity .3s;}
	html:not(.onphone) #instagram-feed:hover img {opacity: .8; }
	html:not(.onphone) #instagram-feed img:hover {opacity:1;}

	html.onphone [data-instagram] a {display: block; float: left; width: 33.33%;}
	html.onphone [data-instagram] a img {width: 100%;}

	#instagram1594118831437469521_233461459 {display: none !important;}


	html.onphone .footer-wrapper.bg-image,
	.mch-callout-sealy-statements {display:none;}
	html.onphone .footer-wrapper.bg-image + div {z-index: 3; position: relative; background: white;}

	#footer-banner {transition: bottom .3s; background-color: rgba(162,152,112,0.9); z-index: 9; }
	#callout-hero.js-inview ~ #footer-banner,
	#callout-research-development.js-above-the-top  ~ #footer-banner {bottom: -16em; }

	html.onphone #footer-banner {bottom: 0 !important;}

 	@media all and (-ms-high-contrast:none)
     {
     .hero-txt {padding-top: 7%;}
     }
/* Slider */
.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;margin-left: auto;margin-right: auto;}
.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.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;}