@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('../fonts/brandon_reg-webfont.eot');
    src: url('../fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_reg-webfont.woff2') format('woff2'),
         url('../fonts/brandon_reg-webfont.woff') format('woff'),
         url('../fonts/brandon_reg-webfont.ttf') format('truetype'),
         url('../fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('../fonts/brandon_med-webfont.eot');
    src: url('../fonts/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_med-webfont.woff2') format('woff2'),
         url('../fonts/brandon_med-webfont.woff') format('woff'),
         url('../fonts/brandon_med-webfont.ttf') format('truetype'),
         url('../fonts/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('../fonts/brandon_bld-webfont.eot');
    src: url('../fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_bld-webfont.woff2') format('woff2'),
         url('../fonts/brandon_bld-webfont.woff') format('woff'),
         url('../fonts/brandon_bld-webfont.ttf') format('truetype'),
         url('../fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('../fonts/brandon_blk-webfont.eot');
    src: url('../fonts/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_blk-webfont.woff2') format('woff2'),
         url('../fonts/brandon_blk-webfont.woff') format('woff'),
         url('../fonts/brandon_blk-webfont.ttf') format('truetype'),
         url('../fonts/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('../fonts/brandon_light-webfont.eot');
    src: url('../fonts/brandon_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_light-webfont.woff2') format('woff2'),
         url('../fonts/brandon_light-webfont.woff') format('woff'),
         url('../fonts/brandon_light-webfont.ttf') format('truetype'),
         url('../fonts/brandon_light-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family:'AvenirLTStd-Light';
	src: url('../fonts/AvenirLTStd-Light_gdi.eot');
	src: url('../fonts/AvenirLTStd-Light_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirLTStd-Light_gdi.woff') format('woff'),
		url('../fonts/AvenirLTStd-Light_gdi.ttf') format('truetype'),
		url('../fonts/AvenirLTStd-Light_gdi.svg#AvenirLTStd-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}
@font-face {
	font-family: 'Georgia';
	src: url('../fonts/Georgia-Italic.eot');
	src: url('../fonts/Georgia-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Georgia-Italic.woff2') format('woff2'),
		url('../fonts/Georgia-Italic.woff') format('woff'),
		url('../fonts/Georgia-Italic.ttf') format('truetype'),
		url('../fonts/Georgia-Italic.svg#Georgia-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}
html,body{ height: 100% !important;}
body{ font-family: 'brandon_grotesque_regularRg'; letter-spacing: 1px; }
a{ transition: ease-in-out 0.5s;}
a:hover, a:focus{ text-decoration: none; outline: none;}

.heading h1, .heading h3{ font-family: 'brandon_grotesqueblack'; text-transform: uppercase; letter-spacing: 2px;}
/*.add-height{ height: 85px;}*/
/** Navigation **/
.header-top{ padding: 15px 0; box-shadow: rgba(0,0,0,0.14) 0 0 5px;}
.navigation{ background: none; border: none; margin-bottom: 0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ background: none; }
.navbar-nav > li > a{ color: #666666 !important; font-size: 16px; font-weight: 300; text-transform: uppercase;  padding: 8px 30px; font-family: 'brandon_grotesquemedium';}
.navbar-nav{ margin-left: 10px; float: none; padding-right: 80px;}
.navbar-nav li a:hover, .navbar-nav li.active a{ color: #333 !important;}
.navbar-collapse { padding: 10px 15px;}
.navbar-brand{ height: auto;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ margin-left: 0;}
.cart-top{ border-left: #cacaca 1px solid; position: absolute; right: 15px; top: 15px; }
.cart-top a{ padding: 5px 30px !important; position: relative}
.cart-top span{ width: 15px; height: 15px; line-height: 15px; border-radius: 50%; background: #f55956; color: #fff; font-size:8px; vertical-align: middle; text-align: center; display: inline-block;  position: absolute; top: -4px; margin-left: 7.5px; transition: ease-in-out 0.3s; }
.cart-top a:hover span{ top: -6px;}

.banner-content br, .free-trial h1 br{ display: none;}
.review-banner h1 br{ display: block;}
.banner-main{ position: relative; width: 100%;}
.home-banner{ background: url('../img/slider-1.jpg') no-repeat center top; background-size: cover; background-attachment: fixed;}
.bannr-overlay{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.27);}
.banner-content{ padding: 240px 0 30px; text-align: center; position: relative; z-index: 99;}
.banner-content h1, .banner-info h1{ color: #fff; font-size: 48px; margin: 0; font-family: 'brandon_grotesqueblack'; text-transform: uppercase; text-shadow: 0 0 3px rgba(0,0,0,0.7); letter-spacing:1px;}
.shop-btn{ text-align: center; margin: 150px 0 110px;}
.shop-btn a{ background: #fff; display: inline-block; font-size: 14px; color: #666666; height: 50px; line-height: 48px; padding: 0 40px; border:transparent 2px solid; border-radius: 2px; font-family: 'brandon_grotesqueblack'; text-transform: uppercase;}
.shop-btn a:hover{ border: transparent 2px solid; background: #9f3f3d; color: #fff;}

.arrow-wrap { z-index:1; display:block; text-align: center; color: #fff;  margin: 0; width: 100%; text-align: center;}
.arrow { position:relative; transition: ease-in-out 0.4s; top: 0; }
.arrow-wrap p{ font-size: 18px; color: #fff; font-family: 'brandon_grotesquebold'; text-transform: uppercase; margin-bottom: 0; line-height: 10px;}
.arrow-wrap span{ font-size: 30px; line-height: 30px;}
.arrow:hover{ color: #f18b30; top: 5px;}
.arrow-wrap:hover{ color: #fff;}
.arrow:focus, .arrow-wrap:focus{ outline: none; text-decoration: none; color: #fff; }

/*Section 2*/
.sec-2{ background: #a24b49 url('../img/sec-2-bg.jpg') center top; background-size: cover; width: 100%; display: inline-block; padding: 38px 0 50px; }
.free-trial{ text-align: center; color: #fff;}
.free-trial h1{ margin: 25px 0 5px;}
.free-trial h3{ margin: 0; text-transform: none; font-size: 24px; letter-spacing: 1.5px; font-family: 'brandon_grotesquelight'; line-height: 30px;}

.why-sec{ text-align: center; padding-bottom: 125px;}
.why-opt-outr{ padding: 150px 0 0; text-align: center;}
.why-option{ padding: 0 30px;}
.why-option span{ display: inline-block; position: relative; min-height: 64px; padding-top: 12px;}
.why-option span img{ vertical-align: middle;}
.last-opt span{ padding-top: 0; }
.why-option h4{ color: #333333; text-transform: uppercase; font-family: 'brandon_grotesqueblack'; margin: 20px 0 18px;}
.why-option p{ font-family:'AvenirLTStd-Light'; line-height: 24px; letter-spacing: 0;}
.why-choose{ padding-top: 150px;}
.why-choose h1{ margin: 0; color: #333;}
.why-choose p{ font-size: 24px; font-family: 'brandon_grotesquelight'; color: #000; width: 90%; margin: 90px auto 112px; line-height: 36px; }
.why-choose span{ color: #9f3f3d; }

.matress-img{ position: relative; width: 100%;}
.mat-piece{ position: absolute; bottom: 0; left: 50%; transform: translatex(-50%)}

.best-night-sec{ background: #fbe6e5 url('../img/mattress-border.jpg') repeat-x bottom left; padding: 60px 0 10px; position: relative;}
.best-night-innr img{ width: 100%}
.best-night-info{ padding: 70px 0; width: 50%; position: absolute; left: 0; top: 0; color: #852d2b; text-align: center;}
.best-night-info h1{ margin-top: 0;}
.best-night-info p, .climate-sec p{ font-size: 24px; font-family: 'brandon_grotesquelight'; margin-top: 20px; line-height: 30px; }
.climate-sec h1{ margin-top: 0}
.climate-control{ padding: 115px 0 90px; text-align: center;}
.climate-temp{ padding: 100px 0 0;}
.temp-img{ display: inline-block; margin: 0 25px;}
.temp-img p{ font-size: 14px; font-family: 'brandon_grotesque_regularRg'; margin-top: 10px;}
.thermal-btn{ margin: 60px 0 80px;}
.thermal-btn a{ background: #9f3f3d; color: #fff; padding: 0 30px;  }
.thermal-btn a:hover{ background: #333; text-shadow: none; border: 2px solid transparent;}
.gradient1 { display: inline-block; font-size: 36px; margin: 0; opacity: 0.9; background: white; color:black; position: relative;}
.gradient1::before, .gradient1::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none;}
.gradient1::before { background: -webkit-linear-gradient(left, #dc5e55, #4a84cc); background: linear-gradient(to right, #dc5e55, #4a84cc); content: ''; display: block; mix-blend-mode: screen;}
.gradient1::after { content: "Unparalleled"; color: white; mix-blend-mode: multiply;}

.dream-sec{ background: url('../img/mattress-bg.jpg') center top; background-size: cover; text-align: center; padding: 105px 0;}
.dream-inner h1{ color: #000; margin-top: 0; font-size: 40px;}
.dream-option{ width: 60%; margin: 65px auto 0;}
.dream-option ul{padding-left: 0; list-style: none;}
.dream-option li a{ width: 50%; float: left; border-right: #a4a2a2 2px solid; font-family: 'brandon_grotesqueblack'; text-transform: uppercase; letter-spacing: 1px; font-size: 36px; color: #a24b49; line-height: 48px;}
.dream-option li a:hover{ color: #333;}
.dream-option li:last-child a{ border-right: none; }

.wc-sec{ position: relative; background: url('../img/wc-bg.png') no-repeat center top; background-size: 100%; padding:0; height: 180px; line-height: 180px; margin-top: -30px; text-align: center; }
.wc-sec-innr{ display: inline-block; vertical-align: middle; padding-top: 25px;}
.wc-sec-innr h1{ color: #fff; margin: 0;}

/*Footer*/
.footer-home{ padding: 60px 0;}
.ft-nav{ display: inline-block; width: 100%; font-size: 12px; color: #666; font-family:'AvenirLTStd-Light';}
.ft-nav ul{ list-style: none; padding-left: 0; display: inline-block;}
.ft-nav li{ display: inline-block;}
.ft-nav li a{ font-size: 12px; color: #666; font-family:'AvenirLTStd-Light'; padding: 0 15px; letter-spacing: 0.5px; }
.ft-nav li:first-child a{ padding-left: 0;}
.ft-nav li a:hover{ color: #000;}

.social-icn{ text-align:center; margin:55px 0 0; position:relative; background:#fff; border-top:#c4c4c4 1px solid;}
.social-icn span{position:absolute; left:50%; top:50%; background:#fff; padding: 0 15px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.social-icn span a{ color: #666; font-size: 14px; padding: 0 7px;}
.social-icn span a:hover{ color: #333;}

/**About**/
.about-banner{ background: url('../img/slider-2.jpg') no-repeat center top; background-size: cover; height: 100%; width: 100%; min-height: 585px; background-attachment: fixed;}
.about-sec{ padding-top: 105px;}
.about-sec h1{ margin-bottom: 20px; display: inline-block;}
.about-sec p{ margin: 30px 0 0; line-height: 30px; width: 100%; }
.factor-sec{ background: #f8f8f8; padding: 70px 0 85px; border-top: #e7e5e5 1px solid; }
.factor-inner{ text-align: center; }
.factor-inner h1{ color: #9f3f3d; font-size: 20px; margin: 0}
.factor-point{ margin-top: 115px;}
.factor-point ul{ list-style: none; padding-left: 0; margin-bottom: 0;}
.factor-point li{ width: 12%; margin-right: 5.2%; display: inline-block; vertical-align: middle; }
.factor-point li h3{ font-family: 'brandon_grotesqueblack'; text-transform: uppercase; letter-spacing: 1.5px; font-size: 18px; margin: 30px 0 0; line-height: 22px;}
.factor-point li:last-child{ position: relative; top: -7px; margin-right: 0;}
.bottm-banner{ background: url('../img/about-bottm.jpg') no-repeat center top; background-size: cover; position: relative; }
.factor-point li span{ position: relative; bottom: 0px; transition: ease 0.5s; cursor: pointer;}
.factor-point li:hover span{ bottom:8px;}

.bottm-ovrlay{ background: rgba(0,0,0,0.11); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.banner-info{ padding: 350px 0 170px; position: relative; z-index: 999;}
.banner-info h1{ font-size: 60px; line-height: 44px;}
.banner-info span{ font-size: 30px; display: block;}
.wc-sec-innr h1 br{ display: none;}

/**Contact**/
.contact-sec{ background: #ebebeb; padding: 85px 0 125px; }
.contact-inner{ width: 70%; margin:auto;}
.contact-top{ border-bottom:  #cacaca 1px solid; text-align: center;}
.call-box{ width: 49%; display: inline-block; vertical-align: bottom; border-right: #cacaca 1px solid; padding: 20px 0 70px;}
.call-box p, .call-box a{ margin:12px 0 0; font-size: 14px; font-family: 'brandon_grotesqueblack'; text-transform: uppercase; letter-spacing: 1.5px; color: #333; }
.call-box a{ margin: 0; font-size: 30px; line-height: 48px; text-transform: none; letter-spacing:2px;}
.call-box a:hover{ color: #a24b49;}
.call-box span{ display: inline-block; }
.mail-bx{ border: none; padding-left: 60px; padding-right: 20px;}
.mail-bx span{ padding-top: 0; }
.contact-main{ text-align: center; margin-top: 52px;}
.contact-main h3{ margin: 0;}
.contact-form{ margin-top: 58px;}
.input-field, .txt-area, .select-bx{ width: 49%; float: left; height: 54px; background: #fff; border: #d8d8d8 1px solid; border-radius: 3px; padding: 0 18px; font-size: 18px; color: #000; font-family: 'brandon_grotesquebold'; box-shadow: rgba(0,0,0,0.1) 0 0 2px; margin-bottom: 15px; letter-spacing: 0.5px;}
.txt-area{ width: 100%; resize: none; height: 185px; padding: 18px;}
.select-bx{ -webkit-appearance:none; -moz-appearance:none; appearance:none; color: #787878; padding: 0 15px;  background: #fff url('../img/select-icon.png') no-repeat 96.5% 50%; cursor: pointer;}
.submit-btn, .sub-btn, .cart-btn a{ background: #a24b49; color: #fff; font-family: 'brandon_grotesqueblack'; font-size: 18px; height: 54px; line-height: 54px; border-radius: 3px; width: 390px; text-align: center; text-transform: uppercase; border: none; margin-top: 20px; transition: ease 0.5s; letter-spacing: 2px;}
.submit-btn:hover, .sub-btn:hover, .cart-btn a:hover{ background: #333;}

/**Review**/
.review-banner{ background: url('../img/slider-3.jpg') no-repeat center top; background-size: cover; text-align: center;}
.review-banner .banner-content{ padding: 200px 0 90px;}
.review-banner .banner-content h1{ color: #333; font-size: 36px; text-shadow: none; letter-spacing: 2px; margin: 0 0 0;}
.review-banner .banner-content p{ color: #333; font-size: 18px; margin: 28px 0;}
.review-banner .banner-content span{ color: #9f3f3d;}
.shop-btn2{ margin: 0; }
.shop-btn2 a{background: #9f3f3d; color: #fff;}
.shop-btn2 a:hover{ background: #333; }
.premium-sec{ background: #9f3f3d; padding: 18px 0; text-align: center; }
.premium-innr h1{ font-size: 30px; color: #fff; margin: 0; display: inline-block; vertical-align: middle; letter-spacing: 2.5px;}
.premium-innr a{ background: #fff; height: 36px; line-height: 36px; color: #333; font-size: 14px; display: inline-block; padding: 0 18px; border-radius: 2px; font-family: 'brandon_grotesqueblack'; text-transform: uppercase; margin-left: 95px;}
.premium-innr a:hover{ background:#e6e2e2;}

.review-sec{ padding-bottom: 85px; }
.review-outr{ text-align: left;}
.review-row{ margin-bottom: 45px; display: inline-block;}
.client-info{ width: 18%; float: left; position: relative;}
.client-info h6{ margin: 10px 0 0; font-size: 14px; font-family: 'brandon_grotesqueblack'; text-transform: uppercase;}
.client-info p{ margin: 0; font-size: 12px; font-family:'AvenirLTStd-Light'; line-height: 20px; letter-spacing: 0;}
.rating-star{ font-size: 16px;}
.client-info{ margin-top: 30px;}
.client-info span{ font-weight: 700; display: block;}
.type{ margin-top: 15px; font-family:'AvenirLTStd-Light'; font-size: 12px; letter-spacing: 0.2px;}
.review-date{ font-size: 14px; font-family:'AvenirLTStd-Light'; font-weight: 700; margin-top: 56px;}
.client-review{ position: relative; border: #d9d9d9 2px solid; border-radius: 2px; padding: 25px 35px 75px; width: 82%; float: left;}
.client-review h3{ font-family: 'brandon_grotesquemedium'; margin: 0 0 10px;}
.client-review p{ position: relative; font-size: 18px; line-height: 24px; margin: 0; letter-spacing: 1px;}
.quote-icn{ padding: 30px 0 30px 8px; position: absolute;}

/**Write a Review**/
.write-review{ padding: 70px 0;}
.review-field{ text-align: center;}
.review-field h1{ margin: 0; color: #9f3f3d; letter-spacing: 2px;}
.review-form{ margin-top: 75px;}
.review-form ul{ list-style: none; padding-left: 0; margin-bottom: 0; }
.review-form li{ width: 47.5%; float: left; text-align: left; margin-bottom: 35px;}
.review-form label{ font-size:18px; font-family: 'brandon_grotesquemedium'; text-transform: uppercase; color: #333;  margin-bottom: 20px; line-height: 15px;} 
.rv-input, .rv-select, .rv-txtarea{ height: 65px; line-height: 65px; border: #bdbdbd 1px solid; border-radius: 3px; padding: 0 30px; width: 100%; box-shadow: none;}
.review-form label span{ color:#fd0002; font-family: 'brandon_grotesquelight'; font-size: 20px; }
.rv-select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; color: #787878; padding: 0 15px;  background: #fff url('../img/drop-dwn.png') no-repeat 94% 50%; cursor: pointer; } 
.rv-select option{ border: none; padding: 10px;}
.rating{ cursor: pointer; padding: 23px 0;}
.rating span{ margin-right: 20px;}
.stars{ color: #c3c3c3; font-size: 16px;}
.highlight{ color: #9f3f3d;}
.full-li{ width: 100% !important;}
.rv-txtarea{ height: 235px; resize: none;}
.sub-bttn{ text-align: center !important;}
.sub-btn{ height: 50px; line-height: 50px; background: #9f403e; color: #fff; font-size: 14px; width: auto; padding: 0 70px; }
.review-form li:last-child{ margin-bottom: 0;}


/**Sign Up**/
.signup-sec{ background: #fbe6e5; padding: 170px 0; position: relative; height: 100%;}
.signup-inner{ width: 390px; margin: auto; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.signup-inner h1{ margin: 0;}
.signup-form{ margin-top: 45px;}
.login-input { width: 100%; margin-bottom: 10px;}
.signup-btn{ width: 100%; margin-top: 5px;}
.hv-acnt{ font-size: 18px; letter-spacing: 0px; color: #333; margin-top: 40px; margin-bottom: 0;}
.hv-acnt a{ color: #333;}
.hv-acnt a:hover{ text-decoration: underline; color: #9f403e;}

/*Login*/
.login-sec{ background: #fbe6e5 url('../img/login-bg.png') no-repeat center; background-size: cover; position: relative; height: 100%; }
input.check3radio[type=checkbox]:checked + label:before { content:"\2714"; color:#fff; background-color: #9f403e; border:none; text-align:center;}
input.check3radio[type=checkbox] + label:before { content: ""; display: inline-block; width: 17px; height: 17px; vertical-align:middle; margin-right: 8px;  background-color: #fff; border: 1px solid #d8d8d8;   border-radius: 3px; margin-top: -3px; font-size: 12px; }
input[type="radio"], input[type="checkbox"]{ display: none;}
.rembr{ text-align: left; color: #787878; font-family: 'brandon_grotesquelight'; font-size: 16px; margin-bottom: 10px; }
.rembr a{ color: #a24b49; font-family: 'brandon_grotesque_regularRg'; font-size: 14px; margin-top: 5px;}
.rembr a:hover{ text-decoration: underline;}

/**Shop**/
.prod-descp{ background: #f6f6f6; border-bottom: #dddddd 1px solid; padding: 70px 0 80px;}
.prod-img{ text-align: center; width:60%; float: left; margin-top: 60px;}
.prod-img ul{ padding-left: 0; list-style: none;}
.prod-img li{ display: inline-block; margin: 0 5px; width: 15%; border: #d7d7d7 1px solid;}
.prod-img li img{ width: 100%;}
.main-img img{ width: 100%; }
.prod-thumb{ margin-top: 45px;}
.prod-info{ text-align: center; width:38%; float: left;}
.prod-info h1{ margin: 0;}
.matres-type{ text-align: center; margin: 25px 0 10px; }
.matres-type a{ font-size: 14px; font-family: 'brandon_grotesqueblack'; text-transform: uppercase; color: #333; display: inline-block; height: 26px; line-height: 26px; border-radius: 3px; transition: ease 0.3s; padding: 0 15px; }
.highlight-mat{ background:#a44f4d !important; color: #fff !important; }
.see-size{ color: #9f403e; font-size: 12px; text-transform: uppercase; display: block; width: 100%; text-align: right; margin-bottom: 10px;}
.see-size:hover{ text-decoration: underline;}
.matrs-size{ text-align: center; display: inline-block; width: 100%; }
.matrs-size ul{ padding-left: 0; border-radius: 2px; list-style: none; border: #bebebe solid; border-width:1px; margin-bottom: 0; }
.matrs-size li{ width: 33.33333333%; float: left; font-size: 14px; color: #727272; border: #bebebe solid; border-width: 0px 1px 1px 0; height: 40px; line-height: 40px; display: inline-block; text-transform: uppercase; cursor: pointer; font-family: 'brandon_grotesquebold'; transition: ease 0.3s; }
.matrs-size li label{  font-weight: normal; cursor: pointer; width: 100%; margin: 0; height: 100%;}
.matrs-size li:nth-child(n+4){ border-bottom: none;}
.matrs-size li:nth-child(3n){ border-right: none;}

.highlight-size, .matrs-size li:hover{ background: #dcdcdc;}

.matres-type ul{ list-style: none; padding-left: 0; }
.matres-type li{ display: inline-block;}
.matres-type li label{ font-size: 14px; font-family: 'brandon_grotesqueblack'; text-transform: uppercase; color: #333; display: inline-block; height: 26px; line-height: 26px; border-radius: 3px; transition: ease 0.3s; padding: 0 15px; font-weight: normal; cursor: pointer;}
.shipping-info p{ font-size: 14px; color: #333; font-family: 'brandon_grotesquemedium'; text-transform: uppercase; text-align: center; line-height: 30px; margin: 30px 0; }
.add-cart{ width: 100%; text-align: right; margin-top: 20px;}
.prod-thumb li:first-child { margin-left: 0;}
.prod-price{ display: inline-block; font-family: 'brandon_grotesqueblack'; text-transform: uppercase;}
.prod-price span{ display: block; font-size: 48px; line-height: 44px; }
.cart-btn{ margin-left: 25px; display: inline-block; vertical-align: top;}
.cart-btn a{ background: #a44f4d; display: inline-block; width: auto; height: 60px; line-height: 60px; padding: 0 60px; margin: 0;}
.shiping-option{ padding: 40px 0 55px;}
.shiping-option h3{ color: #333333; text-transform: uppercase; font-family: 'brandon_grotesqueblack'; margin: 18px 0 0;}
.shiping-option ul{ list-style: none; padding-left: 0; margin-bottom: 0;}
.shiping-option li{ display: inline-block; vertical-align: bottom; width: 32%;}

.night-sec{ background: #a24b49 url('../img/100-night-bg.jpg') center top; background-size: 100%; width: 100%; display: inline-block; padding: 40px 0;}
.night-sec h1{ margin: 0;}

.user-manual{ padding: 56px 0 85px; }
.manual-outr{ padding-bottom: 100px;}
.manual-outr ul{ list-style: none; padding-left: 0; margin-bottom: 0; }
.manual-outr li{ text-align: center; display: inline-block; width: 16.5%; margin-right: 4%; }
.manual-outr li:last-child{ margin-right: 0;}
.manual-info{ margin-top: 60px; font-size: 18px; text-transform: uppercase; font-family: 'brandon_grotesqueblack'; }
.manual-info p{ margin-bottom: 0;}
.manual-info span{ color: #ccc;}
.measure-sec{ padding: 30px 0 0; width: 90%; margin: auto;}
.measure-sec h1{ margin: 0; font-size: 18px; text-align: center; }
.measure-bx{ margin-top: 45px;}
.measure-sec ul{ list-style: none; padding-left: 0; margin: 45px 0 0; border: #a44f4d solid; border-width: 0 0 1px 1px; }
.measure-sec li{ padding: 45px 0; text-align: center; width: 33.333333%; float: left; border: #a44f4d solid; border-width: 1px 1px 0 0; cursor: pointer;}
.measure-sec li h1{ color: #a44f4d; margin:0 0 15px; letter-spacing: 1.5px;}
.measure-sec li h4{ margin:0 0 15px; letter-spacing: 1.5px;}
.measure-sec li h6{ margin:0 0 15px; font-size: 14px; font-family: 'brandon_grotesquebold'; text-transform: uppercase;  letter-spacing: 1.5px;}
.measure-sec li p{ margin-bottom: 0; color: #797979; font-family:'AvenirLTStd-Light'; letter-spacing: 0px; }
.size-bx-selct{ background: #fff4f3;}
.still-ques{ background: #fbe6e5; padding: 85px 0 120px; }
.ques-innr{ width: 75%; margin: auto;}
.ques-innr h1{ text-align: center; margin: 0;}
.ques-list ul{ list-style: none; margin-bottom: 0; padding: 85px 0 0;}
.ques-list li{ width: 49%; display: inline-block; margin-bottom: 60px; padding-right: 55px; vertical-align: top;}
.ques-list li h4{ margin: 0 0 15px; color: #a24b49; font-family: 'brandon_grotesqueblack'; text-transform: uppercase; }
.ques-list li p{ margin-bottom: 0; font-family:'AvenirLTStd-Light'; line-height: 20px; color: #333; letter-spacing: 0px;}
.ques-list li:last-child, .ques-list li:nth-last-child(2){ margin-bottom: 0;}

/**Design page**/
.design-banner{ background: url('../img/design-banner.jpg') no-repeat center top; background-size: cover; text-align: center; background-attachment: fixed;}
.design-banner h1{ color: #fff !important; }
.design-banner .banner-content{ padding: 270px 0 95px;}
.design-banner .shop-btn2{ margin-top: 50px;}

.eng-perfct{ position: relative; background: #fff; border-bottom: #fff 4px solid;}
.eng-perfct:after, .eng-perfct:before,
.tooltip-cont:after, .tooltip-cont:before,
.tooltip-left:after, .tooltip-left:before,
.tooltip-rt:after, .tooltip-rt:before
{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
    z-index: 9999;
}

.eng-perfct:after{
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 30px;
	margin-left: -30px;
}
.eng-perfct:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 36px;
	margin-left: -36px;
}

.enginr-sec{ padding-top: 100px; }
.enginr-sec p{ margin: 60px 0 100px; width: 100%;}
.eng-matres{ display: inline-block; vertical-align: bottom;}
.eng-matres ul{ list-style: none; padding-left: 0; margin-bottom: 0;}
.eng-matres li{ display: inline-block; vertical-align: bottom; text-align: center; width: 24%; padding: 0 15px; }
.eng-matres h3{ margin: 30px 0; text-transform: uppercase; font-family: 'brandon_grotesqueblack';}
.eng-matres p{ margin: 0; font-family:'AvenirLTStd-Light'; line-height: 20px; color: #333; letter-spacing: 0; font-size: 14px; width: 100%;}
.eng-matres span{ display: inline-block;}

.matres-outlt{ background: #ebebeb; padding: 115px 0; position: relative;}
.oulet-innr h1{ margin: 0; text-align: center; color: #9f3f3d;}
.outlet-sec{ margin-top: 115px;}
.outlet-sec2{ margin-top: 120px;}
.oulet-img{ width: 60%; display: inline-block; position: relative;}
.outlt-type{ position: absolute; right:70px; bottom: 15px;}
.oulet-info{ width: 39%; display: inline-block; vertical-align: top; background: #F3F3F3; box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); padding: 60px 45px; border-radius: 3px;}
.outlt-type h4{ text-align: center; display: inline-block; color: rgba(51,51,51,0.38);}
.oulet-info1{ margin-top: 25px;}
.oulet-info h4, .oulet-img h4{ margin: 0 0 20px; text-transform: uppercase; font-family: 'brandon_grotesqueblack'; line-height: 30px; font-size: 20px; letter-spacing: 2px;}
.oulet-info p{ margin-bottom: 0; font-family: 'brandon_grotesquelight'; font-size: 18px; line-height: 24px; }
.oulet-img2{ padding-left: 20px;}
.oulet-img2 .outlt-type{ text-align: center;  position: absolute; left:40px; bottom: 0px; display: flex;}
.climate-sec2{ width: 70%; margin: auto;}
.color-sel{ background: #f8dbdb; }
.color-int{ text-align: center;}
.color-int span{ padding: 68px 0; display: inline-block;}
.color-int h1{ margin: 0 0 15px; font-size: 30px; }
.color-int p{ font-size: 24px; font-family: 'brandon_grotesquelight'; letter-spacing: 2px; margin: 0; line-height: 30px; }
.ceritfied-sec{ padding: 30px 0 100px; text-align: center; width: 100%;  margin-top: 120px; display: inline-block; background: #fff;} 
.cloud-bg{ background: url('../img/cloud-bg.png') no-repeat center top; background-size: 100%; width: 100%; display: block; margin-top: 40px;}
.ceritfied-inner span{ margin-bottom: 150px; display: inline-block;}
.certipur-outer{ margin-top: 20px;}
.certipur-opt{ margin-top: 105px;}
.certipur-opt span{ margin: 0; padding: 0; min-height: 107px;}
.certipur-opt p{ font-size: 18px; color: #333; font-family: 'brandon_grotesquelight'; letter-spacing: 1px; margin: 18px 0 0; line-height: 24px; }

.point-1{position:absolute; top:41%; left:44.3%;}
.point-2{position:absolute; top:41.5%; left:23%;}
.point-3{position:absolute; top:42.7%; left:7.5%;}
.point-4{position:absolute; top:78%; left:31%;}
.point-5{position:absolute; top:46.8%; left:52.3%;}
.point-6{position:absolute; top:38.5%; right:11%;}
.point-7{position:absolute; top:66.5%; right:22%;}
.left-pp{bottom:29%; right:16%;}
.br-span{display:block; padding:2px; border:0px solid #fff;border-radius:50%;}
.outer-span{padding:4px; border-radius:50%; display:block;}
.point-inner a{display:block; width:13px; height:13px; border-radius:50%; background:#fff; position: relative; z-index: 99;}
.point-2 .point-inner a, .point-3 .point-inner a{width:10px; height:10px;}
.point-2 .br-span, .point-3 .br-span { left: -11px; top: -12px;}
.point-4 .point-inner a{width:11px; height:11px;}
.point-4 .br-span { left: -11px; top: -12px;}
.point-6 .point-inner a{width:6px; height:6px;}
.point-6 .br-span { left: -13px; top: -13px;}
.tooltips{ position: relative; background: #fff;}
.tooltip-cont{ position: absolute; background: #fff; width: 200px; text-align: center; transform: translate(-50%, -130%); margin-left: 15px; padding: 5px 15px; border-radius: 5px; opacity: 0; transition: ease 0.5s; border-bottom: #fff 4px solid; font-family: 'brandon_grotesquelight'; line-height: 16px; }
.tooltips:hover .tooltip-cont{ opacity: 1;}
.tooltip-cont:after {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 14px;	margin-left: -23px;}
.tooltip-cont:before {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 14px;	margin-left: -23px;}

.tooltip-left{ transform: translate(-130%, -42%); width: 125px; padding: 15px 5px;}
.tooltip-left:after, .tooltip-left:before{ left: 115%; top: 50% !important; margin-top: -13px; }
.tooltip-left:after {border-color: rgba(255, 255, 255, 0);border-left-color: #fff;border-width: 14px;	margin-left: -23px;}
.tooltip-left:before {border-color: rgba(255, 255, 255, 0);border-left-color: #fff;border-width: 14px;	margin-left: -23px;}

.tooltip-rt{ transform: translate(10%, -45%); width: 125px; padding: 15px 5px;}
.tooltip-rt:after, .tooltip-rt:before{ right: 97%; top: 50% !important; margin-top: -13px; left: auto; }
.tooltip-rt:after {border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 14px;	margin-left: -23px;}
.tooltip-rt:before {border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 14px;	margin-left: -23px;}

.br-span {
	display: block;
	background: #fff;
	border-radius: 100px;
	height: 40px;
	width: 40px;
	position: absolute;
	-webkit-animation: av_pulsate 1s ease-out infinite;
	animation: av_pulsate 1s linear infinite;
	opacity: 0;
	top: -9px;
	left: -9px;
z-index: 1;
}
/*image hotspot pulse*/
@-webkit-keyframes av_pulsate {
    0% 		{-webkit-transform: scale(0.1); opacity: 0.0;}
    50% 	{opacity: 0.8;}
    100% 	{-webkit-transform: scale(1); opacity: 0.0;}
}

@keyframes av_pulsate {
    0% 		{transform: scale(0.1); opacity: 0.0;}
    50% 	{opacity: 0.8;}
    100% 	{transform: scale(1); opacity: 0.0;}
}


.meter, .meter2 { 
    height: 100%; 
    position: relative;
    margin: 0;
    background: #ccc;
    -moz-border-radius: 20%;
    -webkit-border-radius: 20%;
    border-radius: 20%;
    padding: 0;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
    z-index: 999;
}
.meter > span, .meter2 > span {
    display: block;
    height: 80%;
    width: 100%;
    border-radius: 0 0 50% 50%;
    background-color: #dd5e55;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    z-index: 9;
}
.meter2 span{ background: #4a84cc; height: 45%;}
.meter img{ position: relative; z-index: 99; width: 100%;} 

.dream-inner h1 br{ display: none;}
.no-bordr{border: none;}
.no-mrgn{ margin: 0 !important;}
.fademe{ opacity:0; position: relative; left: -50%; }