/* Reset Styles
========================================== */

.main-container * {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

.main-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.main-container{max-width: 100%; background:#fff}
.main-container img {
    display: block;
    max-width: 100%;
}
video#bgvid {position: fixed;top: 50%;left: 50%;min-width: 100%;height:300px;min-height: 300px;width: auto;height: auto;z-index: -100;-ms-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);background-size: cover; }
.video-responsive {position: relative;padding-top: 0;padding-bottom: 27.25%;height: 0;overflow: hidden;cursor:pointer}
.video-responsive img{position: absolute;z-index: 10000;top: 50%;  /* position the top  edge of the element at the middle of the parent */
left: 50%; /* position the left edge of the element at the middle of the parent */
transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */}
.video-responsive img{max-width:50%}
.row.row-951, .row .row-1038{background:#fff;padding:0}
.tygh-content .container{padding:0px;}

.sleep2019-containner-padding, .featured, .sleep2019-marging-brands{max-width: 1280px !important; margin:0 auto}

* {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, img {
display: block;
}

ol, ul {
list-style: none;
margin-bottom: 0;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

a,
a:focus,
a:hover {
outline: 0;
}

sup {
vertical-align: super !important;
font-size: 75% !important;
top: 0 !important;
}

.clear-fix:after {
content: "";
display: table;
clear: both;
}

/* Helper Classes
====================================== */
.float-left {
float: left
}

.float-right {
float: right
}

.relative {
position: relative
}

.absolute {
position: absolute
}

.fixed {
position: fixed
}

.text-right {
text-align: right
}

.text-center {
text-align: center
}

.text-left {
text-align: left
}

.text-justify {
text-align: justify
}

.block {
display: block
}

.inline {
display: inline
}

.inline-block {
display: inline-block
}

.table {
display: table;
background: transparent
}

.table-row {
display: table-row
}

.table-cell {
display: table-cell;
vertical-align: middle
}

/* Harvey Norman Resets
====================================== */
.feature-heading,
.feature-image,
.feature-description,
.mainbox-primary h2.title,
.row-1103>.alpha,
.row-993>.alpha>.col-sm-9,
.row-994 {
display: none
}

.feature-description {
margin: 0 !important;
height: 0 !important
}

.gap-main-top {
padding-top: 0
}

.gap {
display: none !important
}

.wysiwyg-content ul {
list-style: none
}


.wysiwyg-content ul,
.wysiwyg-content ol {
padding-left: 0;
margin-bottom: 0
}

.slider .slide2,.slider .slide3{display:none}
.slider.slick-initialized .slide2,.slider.slick-initialized .slide3{display:block}
.slider-mobile{display:none}

/* Default Styles
======================================= */
main {
font-family: lato, arial, sans-serif;
font-size: 14px;
width: 100%;
max-width: 1260px;
padding: 0;
margin: 0 auto 80px
}

main img {
display: block;
max-width: 100%
}

/*/////////////////////////////////////////////*/
.row-1006 .col-xs-12.col-sm-3.alpha {
z-index: 900;
margin-bottom: 20px
}

.badge {
position: absolute;
top: 70%;  /* position the top  edge of the element at the middle of the parent */
left: 50%; /* position the left edge of the element at the middle of the parent */
transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */
}

.product-image {
position: relative
}

.adserving {
display: none
}

.bx-viewport .hero {
display: block
}

.heavy {
font-weight: 700
}


.line {
height: 2px;
background: #000;
}


.alignCenter {
text-align: center;
}


.container>.row {
margin-left: 10px;
margin-right: 10px
}


.product {
position: relative;
text-align: center;
cursor: pointer;
}

.img-container {
display: block;
height: 200px;
margin-top: 50px;
}


.sleep2019-choose {
border: 6px solid #e9e9e9;
border-radius: 100%;
width: 190px;
height: 190px;
margin: 0 auto;
padding: 0px
}

.sleep2019-choose:hover {
border: 6px solid #302937;
transition: 0.50s ease-out;
}

.sleep2019-choose {
clear: both;
}

.btn-group-top,
.btn-group-compare {
display: none
}
.cookie-compliance-desk {
display: none
}
.row-1116 .col-xs-12.col-sm-3.alpha {
z-index: 1000;
margin-bottom: 20px
}

/*//////////////////////////////////////////////
///////////              START            /////
//////////////////////////////////////////////*/
.sleep2019-img-center {
display: block;
margin-left: auto;
margin-right: auto;
width: 97%;
}
}


.badge {
display: inline-block;
min-width: 8px;
padding: 2px 6px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #e8e8e8;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #251e2569;
border-radius: 0px;
}

.sleep2019-block h3.heading{color:#fff}
.sleep2019-marging-brands .collectionC{margin-bottom:20px}
/*esta clase ayuda a la de abajo para ponerle en el bloque*/
.sleep2019-block {
	position: absolute;
	top: 50%;  /* position the top  edge of the element at the middle of the parent */
	left: 50%; /* position the left edge of the element at the middle of the parent */
	transform: translate(-50%, -50%); /* This is a shorthand of
																			 translateX(-50%) and translateY(-50%) */
}

.sleep2019-block {
background-color:rgba(47, 37, 47, .5);
text-transform: uppercase;
min-width: 8px;
padding: 13px 31px;
font-size: 23px;
font-weight: 700;
letter-spacing: 2px;
line-height: 1;
color: #e8e8e8;
text-align: center;
display: inline-block;
vertical-align: middle;
width:90%;
}
/*white-space: nowrap;
/*background-color: #2f252fb5;*/
/*background-color:rgba(47, 37, 47, .5);
border-radius: 0px;

}

/*esta clase ayuda a la de arriba para ponerle en el bloque*/
.sleep2019-button {
background-color: none;
/* Green */
border: none;
color: white;
padding: 8px 50px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 17px;
margin: 4px 2px;
-webkit-transition-duration: 0.4s;
/* Safari */
transition-duration: 0.4s;
cursor: pointer;
}

.sleep2019-button-green {
background-color: #acd4bb00;
font-weight: bold;
border: 2px solid #ffffff;
border-radius: 3px;
}

.sleep2019-button-green:hover {
	background-color: #27193842;
	border: 2px solid #998eaa;
}

.sleep2019-blurb {
font-size: 17px;
line-height: 30px;
margin: 50px 10px;
text-align: justify;
padding: 10px;
}

.sleep2019-tittle {
font-size: 30px;
line-height: 50px;
letter-spacing: 1px;
margin: 10px 0;
text-align: center;
padding: 0;
}



.parall {
	background: rgba(255, 255, 255, 1) url(https://s3-eu-west-1.amazonaws.com/hnie-assets/Promotion+Pages/Sleep+Gallery/images/para-1.jpg) 30% 0 no-repeat fixed;
}
.parall {
	width: 100% !important;
	min-height: 400px;
	height: auto;
}

@media screen and (min-width:1280px) {

.row-972 .container,
.row-1038 .container,
.row-1089 .container,
.row-1103>.omega {
	max-width: 100%
}


.gap-main-top {
	padding-top: 0
}
}


@media screen and (max-width: 500px){
.parall {
	background: rgba(255, 255, 255, 1) url(https://s3-eu-west-1.amazonaws.com/hnie-assets/Promotion+Pages/Sleep+Gallery/images/para-1.jpg) 50% 0 no-repeat;
	background-size: contain;
min-height: 250px;
}
.sleep2019-block {font-size:18px}
}


@media screen and (max-width: 700px){
.slider{display:none}
.slider-mobile{display:block}
.slider-mobile .slide2,.slider-mobile .slide3{display:none}
.slider-mobile.slick-initialized .slide2-mobile,.slider-mobile.slick-initialized .slide3{display:block}
}

@media screen and (max-width: 320px){
.sleep2019-containner-padding, .featured, .sleep2019-marging-brands{text-align:center}
.circle-container{width:100%}
}