/* CSS Document */

body { background:url(../img/bg-marble.jpg) center center; font-family:'Apercu',san-serif; font-size:3vh; font-weight:300; line-height:3.5vh; }
#landing { background:url(../img/bg-space.jpg) no-repeat center center; background-size:cover; }
	#top-nav { background:#000000; color:#ffffff; font-family:'BrandonGrotesqueWeb',san-serif; font-size:2.3333333333333333333333333333333vh; font-weight:bold; left: 0; right: 0; position: absolute; text-transform:uppercase; z-index:1000; }
		#top-nav .navbar-brand img { height:auto; width:13.0859375vw; }
	#landing .logo { height:auto; width:21.58203125vw; }
		#landing .fixed-bottom .down-arrow { color:#ffffff; }
	#landing .down-arrow { position: }
#faq { background:#c6c8c7; }
	#faq h2 { border-bottom:2px dotted #c8cac9; color:#343740; font-size:3.125vw; font-weight:bold; line-height:3.125vw; margin-bottom:0; padding:5.4375vw 0; }
	#faq .accordion {  }
		#faq .card { background-color:transparent; border:none; border-bottom:1px solid #c8cac9; }
		#faq .card-header { background:none; border:none; padding:0; }
			#faq .card-header .btn-link { color:#02a2c2; font-size:2.05078125vw; font-weight:400; line-height:3.6vh; padding:1.7vh; text-decoration:none; white-space:normal; }
				#faq .card-header .btn-link .fa-angle-down { color:#c8cac9; font-size:2.5vw; }
				#faq .card-header .btn-link.collapsed .fa-angle-down:before { content:"\f107"; }
				#faq .card-header .btn-link .fa-angle-down:before { content:"\f106"; }
		#faq .card-body { font-size:1.3671875vw; font-weight:300; padding:0 0 3vh; text-align:center; }
		#faq .card.view-more { border-bottom:none; }
			#faq .card-header.view-more .btn-link { color:#000000; font-weight:bold; text-transform:uppercase; }
				#faq .card-header.view-more .btn-link .fa-angle-down { color:#000000; }
	#show-more-items { display:none; }				
#form-modal {}
	#form-modal .modal-dialog { max-width:74vw; }
		#form-modal .modal-dialog .gradient-borders { margin:10px; }
			#form-modal .modal-dialog .gradient-borders .b-r { padding:0; }
		#form-modal .modal-dialog .modal-content { border-radius:0; }
			#form-modal .modal-dialog .modal-content .modal-header { border-bottom:none; }		
			#form-modal .modal-dialog .modal-content .modal-title { color:#343740; display:block; font-size:3.125vw; font-weight:bold; text-transform:uppercase; width:100%; }
			#form-modal .modal-dialog .modal-content .close { height: 20px; margin:0; padding:0; position:absolute; right:20px; width: 20px; }
			#form-modal .modal-dialog .modal-content .close:before,
			#form-modal .modal-dialog .modal-content .close:after { background:#02a2c2; content: ' '; height: 21px;  left: 9px; position: absolute; top:0; width: 2px; }
			#form-modal .modal-dialog .modal-content .close:before { transform: rotate(45deg); }
			#form-modal .modal-dialog .modal-content .close:after { transform: rotate(-45deg); }
				#form-modal .modal-dialog .modal-content .close span { display:none; }
			#form-modal .modal-dialog .modal-content .modal-body { padding:0 3.515625vw; }		
		#form-modal form label { color:#343740; font-size:1.3671875vw; font-weight:bold; text-transform:uppercase; }
		#form-modal form label.error { color:#cc0000; font-weight:300; }
		#form-modal form .form-control { border:none; border-bottom:1px solid #5f646a; border-radius:0; color:#343740; font-size:1.3671875vw; font-weight:300; padding-left:0; padding-right:0; text-transform:uppercase; }
		#form-modal form .form-control.error { border-color:#cc0000; }
		#form-modal form textarea.form-control { border:1px solid #5f646a; padding-left:.75rem; padding-right:.75rem; }
			#form-modal .modal-dialog .modal-content .modal-footer { border-top:none; display:block; padding-top:0; text-align:center; }
				#form-modal .modal-dialog .modal-content .modal-footer .btn { background-color:#02a2c2; border-radius:0; color:#ffffff; font-size:2.05078125vw; line-height:3.22265625vw; padding:0 3.90625vw; text-transform:uppercase; }
		#contact-form-message { display:none; }
h1 { color:#ffffff; font-size:4.6875vw; font-weight:300; line-height:4.4921875vw; margin-top:2vh; text-transform:uppercase; }
h2 { color:#343740; font-size:3.5vh; font-weight:bold; line-height:4vh; margin-bottom:3.3333333333333333333333333333333vh; text-transform:uppercase; }
footer { background:#343740; color:#02a2c2; font-size:1.3671875vw; font-weight:300; line-height:1.6vw; padding:3.3333333333333333333333333333333vh 0; }
	footer a { color:#02a2c2; }
	footer .logo { height:auto; width:22.65625vw; }
.bed-coverd { height:auto; width:40.33203125vw; }
.bed-uncoverd { height:auto; width:41.30859375vw; }
.gradient-borders { background-color:#ffffff; margin:7.6666666666666666666666666666667vh 7.03125vw; position:relative; }
.gradient-borders.t-l:before { 
	content:''; 
	height:0.83333333333333333333333333333333vh; 
	left:0; 
	position:absolute; 
	right:0; 
	top:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333a44+0,02a2c2+100 */
	background: #333a44; /* Old browsers */
	background: -moz-linear-gradient(left,  #333a44 0%, #02a2c2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #333a44 0%,#02a2c2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #333a44 0%,#02a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333a44', endColorstr='#02a2c2',GradientType=1 ); /* IE6-9 */
}
.gradient-borders.t-l:after { 
	bottom:0;
	content:'';
	left:0;
	position:absolute; 
	top:0;
	width:0.83333333333333333333333333333333vh;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333a44+0,333a44+100 */
	background: #333a44; /* Old browsers */
	background: -moz-linear-gradient(top,  #333a44 0%, #333a44 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #333a44 0%,#333a44 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #333a44 0%,#333a44 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333a44', endColorstr='#333a44',GradientType=0 ); /* IE6-9 */	
}
.gradient-borders.t-l .b-r { padding:0 1.953125vw 1.953125vw; }
.gradient-borders.t-l .b-r:before {
	bottom:0;
	content:'';
	height:0.83333333333333333333333333333333vh;
	left:0;
	position:absolute;
	right:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333a44+0,02a2c2+100 */
	background: #333a44; /* Old browsers */
	background: -moz-linear-gradient(left,  #333a44 0%, #02a2c2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #333a44 0%,#02a2c2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #333a44 0%,#02a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333a44', endColorstr='#02a2c2',GradientType=1 ); /* IE6-9 */	
}
.gradient-borders.t-l .b-r:after {
	bottom:0;
	content:'';
	position:absolute; 
	right:0;
	top:0;
	width:0.83333333333333333333333333333333vh;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333a44+0,333a44+100 */
	background: #02a2c2; /* Old browsers */
	background: -moz-linear-gradient(top,  #02a2c2 0%, #02a2c2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #02a2c2 0%,#02a2c2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #02a2c2 0%,#02a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02a2c2', endColorstr='#02a2c2',GradientType=0 ); /* IE6-9 */	
}
.full-screen { min-height:100vh; overflow:auto; position:relative; }
	.full-screen .fixed-bottom { position:absolute; padding-bottom:2vh; }
		.full-screen .fixed-bottom .down-arrow { color:#343740; font-size:5vh; }	
.mattress { height:auto; width:40.4296875vw; }
.mattress-inside { height:auto; width:32.6171875vw; }
.modal-open-button { background:#f5f5f5; border-radius:0.9765625vw; color:#343740; display:inline-block; font-size:4.1666666666666666666666666666667vh; font-weight:bold; line-height:4.8333333333333333333333333333333vh; margin:10.833333333333333333333333333333vh 0 3.3333333333333333333333333333333vh; padding:3.3333333333333333333333333333333vh 5.859375vw; text-transform:uppercase; }
.modal-open-button { 
  -webkit-box-shadow: inset 0px 1px 2px #ececec, inset 0 -3px 5px #d8d8d8;
  -moz-box-shadow: inset 0px 1px 2px #ececec, inset 0 -3px 5px #d8d8d8;
  box-shadow: inset 0px 1px 2px #ececec, inset 0 -3px 5px #d8d8d8;
}
.modal-backdrop.show { background-color:#343740; opacity:0.83; }
.phone-number { color:#02a2c2; font-size:3.5vh; line-height:4.3333333333333333333333333333333vh; }
	.phone-number a { color:#02a2c2; }
	
@media (max-width: 767px) {
	#top-nav .navbar-toggler { position:absolute; right: 0; top:10px; }
		#top-nav .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
		#top-nav .navbar-brand img { width:37.777777777777777777777777777778vw; }
		#landing .logo { height:auto; width:38.888888888888888888888888888889vw; }		
	#faq h2 { font-size:5.8333333333333333333333333333333vw; line-height:6.3888888888888888888888888888889vw; padding:4.4444444444444444444444444444444vw 0; }
				#faq .accordion .card-header .btn-link { font-size:3.8888888888888888888888888888889vw; line-height:4.1666666666666666666666666666667vw; }
					#faq .accordion .card-header .btn-link .fa-angle-down { font-size:4vw; }
		#faq .accordion .card-body { font-size:2.9166666666666666666666666666667vw; line-height:normal; padding:0 0 4.4444444444444444444444444444444vw; }
		#form-modal .modal-dialog	{ max-width:none; }
				#form-modal .modal-dialog .modal-content .modal-title	{ font-size:4.5vw; }
				#form-modal .modal-dialog .modal-content .close	{ right:15px; }
			#form-modal form label { font-size:3vw; }
			#form-modal form .form-control { font-size:3vw; padding-bottom:.25rem; padding-top:.25rem; }
			#form-modal form textarea.form-control { padding:.25rem; }
				#form-modal .modal-dialog .modal-content .modal-footer .btn	{ font-size:3vw; line-height:3.8vw; }
	body { font-size:5vw; line-height:5.8333333333333333333333333333333vw; }
	h1 { font-size:7.7777777777777777777777777777778vw; line-height:7.2222222222222222222222222222222vw; }
	h1 { font-size:5.8333333333333333333333333333333vw; line-height:6.6666666666666666666666666666667vw; }
		footer .order-md-1 { font-size:2.7777777777777777777777777777778vw; line-height:2.7777777777777777777777777777778vw; text-align:center; padding:10px 0 0; }
	
			footer .logo { height:auto; width:37.777777777777777777777777777778vw; }
	.container-fluid { padding:0 11.111111111111111111111111111111vw; }
	.bed-coverd, .bed-uncoverd, .mattress, .mattress-inside { width:100%; }
	.gradient-borders { margin:10vw 4vw; }
		.gradient-borders.t-l .b-r { padding:0 5.5555555555555555555555555555556vw; }
	.mattress-inside { margin-bottom:7.7777777777777777777777777777778vw; }
	.modal-open-button { font-size:5.5555555555555555555555555555556vw; margin-top:11.111111111111111111111111111111vw; padding:2.5390625vw 0; width:100%; }
	.phone-number { font-size:5.8333333333333333333333333333333vw; }
}