/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    width: 100%;
    height: 100%;
    font-family: 'ProximaNovaRegular',Helvetica,Arial,sans-serif;
    color: #000000;
    background-color: #ffffff;
}

html {
    width: 100%;
    height: 100%;
}

@font-face {
    font-family: 'Moon Bold';
    src: url('../fonts/moon-bold/moonbold.otf') format('opentype');
    src: url('../fonts/moon-bold/moonbold-webfont.eot');
    src: url('../fonts/moon-bold/moonbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/moon-bold/moonbold-webfont.woff2') format('woff2'),
         url('../fonts/moon-bold/moonbold-webfont.woff') format('woff'),
         url('../fonts/moon-bold/moonbold-webfont.ttf') format('truetype'),
         url('../fonts/moon-bold/moonbold-webfont.svg#moonbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* BASIC STYLES  ---------------------------------------------- */

h1 {
    color: #87754d;
    font-family: 'Moon Bold', Gotham Rounded, Helvetica,Arial,sans-serif;
    font-size: 26px;
    letter-spacing: 3px;
    line-height: 36px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

h1 span {
    display: block;
    color: #87754d;
    font-family: 'Moon Bold', Gotham Rounded, Helvetica,Arial,sans-serif;
    font-size: 74px;
    letter-spacing: 3px;
    line-height: 36px;
    margin: 0 0 10px;
    text-transform: none;
}

h2 {
    color: #87754d;
    font-family: 'Moon Bold', Gotham Rounded, Helvetica,Arial,sans-serif;
    font-size: 26px;
    letter-spacing: 3px;
    line-height: 36px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

h2.bickham-font {
	text-transform: none;
	font-size: 74px;
}

h3 {
    color: #87754d;
	font-family: 'ProximaNovaBold',Helvetica,Arial,sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 22px;
    margin: 0 0 10px;
    text-transform: uppercase;
}
span.black-font {
	color: #000000;
}
span.black-font-light {
	color: #000000;
	font-family: 'ProximaNovaRegular',Helvetica,Arial,sans-serif;
}

p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 26px;
}
b, strong {
    font-weight: 400;
	font-family: 'ProximaNovaBold',Helvetica,Arial,sans-serif;
}
.small, small {
    font-size: 12px;
	line-height: 22px;
}

a {
    color: #87754d;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #000000;
}


/* NAVBAR ---------------------------------------------- */


.navbar-custom {
    height: 140px;
    margin-bottom: 0;
    position: fixed;
    text-transform: uppercase;
    width: 100%;
	z-index: 300;
}
.navbar-custom.bkg-color {
	background-color: #ffffff;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.navbar-header {
    margin: 0;
    padding: 0;
    width: 100%;
}
@media (min-width: 768px) {
	.navbar-header {
    	padding: 0 150px;
	}
}

.logo {
	background: rgba(0, 0, 0, 0) url("../img/logo-bellissimo.png") no-repeat scroll center center;
    display: block;
    height: 106px;
    overflow: hidden;
    text-indent: -999px;
    width: 215px;
}

#menu_button {
    cursor: pointer;
    float: right;
    font-size: 30px;
    line-height: 30px;
    margin-top: 50px;
    padding: 2px;
    position: relative;
	z-index: 400;
}
#menu_button:hover {
    opacity: 0.5;
}

#menu_content {
    background-color: #87754d;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: opacity 0.5s ease 0s;
    width: 100%;
}
@media (max-width: 992px){
	#menu_content {
		padding-bottom: 10px;
	}
}
/* hidden state of menu*/
 #mobile-menu.menu-hidden #menu_content {
    display: none;
}

/* menu items*/

ul.nav-custom {
	padding: 0;
	margin: 120px 150px 0;
}
@media (max-width: 992px){
	ul.nav-custom {
		padding: 0;
		margin: 100px 0 0;
	}
}

.nav-custom li {
	list-style-type: none;
}

.nav-custom a {
    color: #fff;
    font-family: "ProximaNovaRegular",Helvetica,Arial,sans-serif;
    font-size: 13px;
    letter-spacing: 3px;
}

.nav-custom li a {
	display: block;
    float: left;
    padding: 150px 0 50px;
    text-align: center;
    width: 25%;
	background-attachment: scroll;
    background-position: center 20px;
    background-repeat: no-repeat;
    background-size: auto 50%;
}
@media (max-width: 767px){
	.nav-custom li a {
		background-attachment: scroll;
    	background-position: center 10px;
    	background-repeat: no-repeat;
    	background-size: auto 50%;
    	display: block;
    	float: left;
    	font-size: 10px;
    	padding: 60px 0 5px;
    	text-align: center;
    	width: 50%;
	}
}


.nav-custom li a:hover,
.navbar-custom li a:focus,
.navbar-custom li a:active {
	background-color: #9e8f6e;
	outline: 0;
	transition: background .5s ease-in-out;
}
.nav-custom li a.zones { background-image: url("../img/nav-icons-zones.png"); }
.nav-custom li a.coil { background-image: url("../img/nav-icons-coil.png"); }
.nav-custom li a.support { background-image: url("../img/nav-icons-support.png"); }
.nav-custom li a.anatomy { background-image: url("../img/nav-icons-anatomy.png"); }
.nav-custom li a.science { background-image: url("../img/nav-icons-science.png"); }
.nav-custom li a.guarantee { background-image: url("../img/nav-icons-guarantee.png"); }
.nav-custom li a.prices { background-image: url("../img/nav-icons-prices.png"); }
.nav-custom li a.stockists { background-image: url("../img/nav-icons-stockists.png"); }




/* HEADER SECTION ---------------------------------------------- */

.intro {
    display: table;
    width: 100%;
    height: 100%;
    padding: 100px 0;
    text-align: center;
    color: #87754d;
    background: url("../img/bkg-intro.jpg") no-repeat bottom center scroll;
    background-color: #ffffff;
    background-size: cover;
}
.intro .intro-body {
    display: table-cell;
	padding-top: 60px;
}

.btn-center {
	bottom: 0;
    display: block;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 100%;
}
@media(min-width:768px) {
	.btn-center {
	}
}

.btn-start {
    background: #87754d none repeat scroll 0 0;
    color: #fff;
    font-size: 70px;
    height: 80px;
    line-height: 70px;
    width: 80px;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-start:hover,
.btn-start:focus {
    outline: 0;
    color: #fff;
    opacity: 0.5;
}



/* CONTENT SECTIONS  ---------------------------------------------- */

.container {
	max-width: 1150px;
}
.content-section {
    padding-top: 160px;
}


.content-graphic {
	display: block;
	margin: 0 auto 60px auto;
	text-indent: -999px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.content-zone .content-graphic { width: 95px; height: 118px; background-image: url("../img/graphic-zone.png"); }
.content-coil .content-graphic { width: 145px; height: 97px; background-image: url("../img/graphic-coil.png"); }
.content-support .content-graphic { width: 82px; height: 160px; background-image: url("../img/graphic-support.png"); }
.content-science .content-graphic { width: 88px; height: 113px; background-image: url("../img/graphic-science.png"); }
.content-guarantee .content-graphic { width: 344px; height: 179px; background-image: url("../img/graphic-guarantee.png"); }
@media (max-width: 767px) {
	.content-guarantee .content-graphic { width: 240px; height: 120px; }
}

.divider-line {
	display: block;
	margin: 40px auto 60px;
	content: "";
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 69px;
	height: 5px;
	background-image: url("../img/divider-line.png");
}
.divider-line.big {
	width: 100px;
	height: 7px;
}

.ausmade-logo {
	background-image: url("../img/ausmade-logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 110px;
    margin: 50px auto;
    overflow: hidden;
    text-indent: -999px;
    width: 140px;
}

.mm-logo {
	background-image: url("../img/mm-logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 165px;
    margin: -103px auto 0;
    overflow: hidden;
    text-indent: -999px;
    width: 370px;
}
@media (max-width: 767px) {
	.mm-logo {
		width: 270px;
		height: 120px;
	}
}

section#mattress-support {
	background-color: #f2f2f2;
    margin-top: 100px;
    padding: 100px 0;
}

section#anatomy {
	background-color: #87754d;
}
section#anatomy h2 {
	color: #ffffff;
}
section#anatomy .row.select-buttons {
	margin: 50px 0;
}

button.btn.btn-custom {
	background-color: #87754d;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-family: "ProximaNovaBold",Helvetica,Arial,sans-serif;
    font-size: 13px;
    letter-spacing: 3px;
    margin: 10px;
    padding: 10px 40px;
}
button.btn.btn-custom:hover,
button.btn.btn-custom.active {
	background-color: #ffffff;
	color: #87754d;
}

section#prices {
	background-color: #f2f2f2;
}
section#prices h3 {
	margin-top: 20px;
}

.row.margin-bottom {
	margin-bottom: 150px;	
}
p.price {
	border-bottom: 1px solid #87754d;
    color: #87754d;
    display: block;
    letter-spacing: 1px;
    margin: 5px 0;
    padding: 0 0 5px;	
}
span.price-lable {
	background-color: #ffffff;
    display: block;
    font-family: "ProximaNovaSemibold",Helvetica,Arial,sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 11px;
    margin-left: -120px;
    margin-top: 5px;
    padding: 2px;
    position: absolute;
}
span.price-lable-hidden {
	background-color: #ffffff;
    display: block;
    font-family: "ProximaNovaSemibold",Helvetica,Arial,sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 11px;
    margin-left: -120px;
    margin-top: 5px;
    padding: 2px;
    position: absolute;
	display: none;
}
@media (max-width: 1200px) {
	p.price {
		text-align: right;
	}
	span.price-lable {
		margin-left: 0;
	}
}
@media (max-width: 767px) {
	
	span.price-lable-hidden {
		display: block;
		margin-left: 0;
	}
}

.price-disclaimer {
    font-size: 12px;
	line-height: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #87754d;
	font-style: italic;
	display: block;
	margin: 50px 0;
}

.mattress {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: block;
    height: 130px;
    margin: 0;
    overflow: hidden;
    text-indent: -999px;
}
@media (min-width: 768px) and (max-width: 992px) {
	.mattress {
		height: 110px;
	}
}

.mattress.single { background-image: url("../img/mattress-single.png"); }
.mattress.double { background-image: url("../img/mattress-double.png"); }
.mattress.queen { background-image: url("../img/mattress-queen.png"); }
.mattress.king { background-image: url("../img/mattress-king.png"); }
.mattress.super-king { background-image: url("../img/mattress-super-king.png"); }

h3.bargraph {
	margin: 5px 0 !important;
	text-align: left;
}
.bargraph {
	content: "";
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    height: 35px;
    margin: 0;
}
@media (max-width: 992px) {
	.bargraph {
		height: 30px;
	}
}
.bargraph.bargraph-1 { background-image: url("../img/bargraph-1.png"); }
.bargraph.bargraph-2 { background-image: url("../img/bargraph-2.png"); }
.bargraph.bargraph-3 { background-image: url("../img/bargraph-3.png"); }

.row.bargraph-labels {
	height: 50px;
}

h3.bargraph-label {
	display: inline-block;
    margin-bottom: 10px;
	position: absolute;
}
h3.bargraph-label.soft { left: 19%; }
h3.bargraph-label.medium { left: 55%; }
h3.bargraph-label.firm { right: 0%; }

.brochure-download {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: fixed;
	background-image: url("../img/brochure-cover.png");
    display: block;
    height: 344px;
	width: 246px;
    margin: 0 auto 30px auto;
    overflow: hidden;
    text-indent: -999px;
}

/* 5 Column grid   ---------------------------------------------- */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/* FEATURE SECTIONS  ---------------------------------------------- */

.feature-section {
    margin: 100px 0 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
}
.feature-section.dreams { padding: 260px 0 200px; background-image: url("../img/bkg-dreams.jpg"); }
.feature-section.spring { height: 880px; background-image: url("../img/bkg-spring.jpg"); }
.feature-section.relax { height: 620px; background-image: url("../img/bkg-relax.jpg"); }
@media (min-width: 768px) and (max-width: 992px) {
	.feature-section.dreams { padding: 100px 0 80px; }
	.feature-section.spring { height: 500px; }
	.feature-section.relax { height: 500px; }
}
@media (max-width: 767px) {
	.feature-section.dreams { padding: 60px 0 20px; }
	.feature-section.spring { height: 300px; }
	.feature-section.relax { height: 300px; }
}



/* FOOTER ---------------------------------------------- */

footer {
    padding: 50px 0;
	background-color: #006a36;
}

footer h4 {
	font-size: 12px;
	line-height: 18px;
	font-family: 'ProximaNovaBold',Helvetica,Arial,sans-serif;
	color: #fff010;
}

footer p {
    margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
}

footer a {
	color: #ffffff;
}

.fa-envelope-o::before {
	margin-right: 10px;
	font-size: 18px;
}
.fa-map-marker::before {
	margin-right: 18px;
	font-size: 18px;
}

.social-block {
	margin: 20px 0;	
}
.fa-facebook::before,
.fa-twitter::before,
.fa-youtube::before {
	font-size: 35px;
	margin: 10px;
}

.stockist-block {
}

.stockist {
	display: inline-block;
    padding: 20px;
    text-align: left;
    vertical-align: top;
}

.tagline {
	background-image: url("../img/tagline.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    margin: 20px 0;
    overflow: hidden;
    padding: 2px;
    text-indent: -999px;
}

/* FORM ---------------------------------------------- */

.btn {
    border-radius: 0;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 1px solid #42dca3;
    color: #42dca3;
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #42dca3;
    outline: 0;
    color: #000;
    background-color: #42dca3;
}

.btn-primary {
	font-size: 14px;
    border: 1px solid #96694E;
    color: #96694E;
    background-color: transparent;
    letter-spacing: 0.225em;
   	font-family: 'ProximaNovaRegular',Helvetica,Arial,sans-serif;
   	min-width: 230px;
   	padding-top: 9px;
   	padding-bottom: 7px;
}

.btn-primary:hover,
.btn-primary:focus {
    border: 1px solid #96694E;
    outline: 0;
    color: #FFF;
    background-color: #96694E;
}

.contact-form {
	margin-bottom: 280px;
	text-align: left;
	font-size: 14px;
}

.form-horizontal .control-label {
	text-align: left;
	font-size: 14px;
}

.form-control {
	border-radius: 0;
	border-color: #96694E;
}

.form-control:focus {
	border-color: #96694E;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150,105,78,.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150,105,78,.6);	
}

.radio-group {
	margin-top: 40px;
}

.form-horizontal .radio {
	margin-bottom: 5px;
}

.btn-group {
	margin-top: 20px;
	text-align: center;
	width: 100%;
}

.btn-group .btn {
	float: none;
}

.iradio_square {
	background: none !important;
	margin-right: 10px;
	border: 1px solid #96694E;
	width: 17px;
	height: 17px;
}

.iradio_square.checked {
	background: #96694E !important;
}

.iradio_square.checked:before {
	content: "\f00c";
	font-family: 'FontAwesome';
	line-height: 16px;
	text-align: center;
	display: block;
	color: white;
	-webkit-font-smoothing: antialiased;
	font-size: 10px;
}

#enquire iframe {
	border: 0;
	width: 100%;
	height: 550px;
	overflow: auto;
	margin-bottom: 280px;	
}

@media(max-width:767px) {
	#enquire iframe {
		height: 770px;
	}	
}

/* TO BE SORTED ---------------------------------------------- */



ul.banner-social-buttons {
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}

::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}