@charset "utf-8";

@font-face {
	font-family: 'League Gothic';
	src: url('fonts/leaguegothic-regular-webfont.eot');
	src: url('fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
						url('fonts/leaguegothic-regular-webfont.woff') format('woff'),
						url('fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
						url('fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'icons';
  src:
    url('fonts/icons.ttf?fdtryj') format('truetype'),
    url('fonts/icons.woff?fdtryj') format('woff'),
    url('fonts/icons.svg?fdtryj#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon {
	font-family: 'icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height:1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* {
	margin:0;
	padding:0;
	font-size:inherit;
	font-family:inherit;
	box-sizing:border-box;
}

body {
 font-family:Alegreya, Georgia, serif;
 font-size:16px;
	line-height:25px;
	letter-spacing:0.25px;
 margin:0px;
 background-color:#fff;
 color:#000;
	-webkit-text-size-adjust: none;
	text-align:center;
 position:relative;
 z-index:-100;
}

article, aside, details, figcaption, figure, footer, header, main, mark, nav, section, summary, time {
	display:block;
}
section { position:relative; clear:both; }

table { border-collapse:collapse; text-align:left; margin-left:auto; margin-right:auto; width:auto; }
th { text-align:left;  background-color:#c3a572; font-family:'League Gothic'; font-size:20px; line-height:30px; font-weight:normal; }
tbody th { background-color:transparent; }
td, th { padding:5px; }
td td { padding:0 5px 0 0; }
td table { margin:0; }
.altrows tr:nth-child(even) { background-color:#decdaf; }
tr.new_section { border-top: 20px solid rgba(223,223,223,0); } /* Creates 10 extra pixels of space above row */
table.bordered td, table.bordered th {
 border-right: 1px solid #dfdfdf;
 border-bottom: 1px solid #dfdfdf;
}
table.bordered {
 border-top: 1px solid #dfdfdf;
 border-left: 1px solid #dfdfdf;
}
.grey table.bordered td, .grey table.bordered th {
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
}
.grey table.bordered {
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
}

img { border:none; }

* + p, * + h1, * + h2, * + h3, * + h4, * + h5, * + h6, * + table { margin-top:25px; max-height:10000em; }
hr { margin:25px 0; height:1px; border:none; overflow:hidden; background-color:#000; }

h1, h2, h3, h4, h5, h6 { line-height:1; font-weight:normal; }
h1 { font-size:60px; font-style:italic; }
 h1 strong { font-family:'League Gothic'; text-transform:uppercase; font-style:normal; font-weight:normal; }
h2 { font-size:35px; font-style:italic; margin:25px 0; }
 h2 strong { font-family:'League Gothic'; text-transform:uppercase; font-style:normal; font-weight:normal; }
h3 { font-size:32px; font-family:'League Gothic'; text-transform:uppercase; }
 h3 em { text-transform:none; font-family:Alegreya, san-serif; }
h3 + p { margin-top:3px; }
h4 { font-size:20px; font-family:'League Gothic'; text-transform:uppercase;  letter-spacing:0.5px; }
 h4 em { text-transform:none; font-family:Alegreya, Georgia, serif; }
h4 + p { margin-top:0; }
section > h2 { margin:25px 0 50px; }

a { color:#000; }
a:hover { color:#c3a572; }
a[href^="tel:"] { text-decoration:none; display:inline-block; border-bottom:1px solid #000; line-height:1; }
a[href^="tel:"]:hover { border-bottom:1px solid #c3a572; }

ul, ol {	padding-left:1em; max-width:620px; width:fit-content; margin:auto; }
li { text-align:justify; }

input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]), select, textarea {
	font-family:'League Gothic';
	font-size:18px;
	letter-spacing:0.5px;
	padding:5px;
 border-radius:0;
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=file]) {
 width:200px;
 max-width:100%;
}
::placeholder {
	color:#999;
}

input[type=submit], input[type=button], .button {
	display:inline-block;
	color:#fff;
	background-color:#c3a572;
	text-transform:uppercase;
	padding:10px 40px;
	border:none;
	transition:all 0.25s;
	text-decoration:none;
	font-size:20px;
	font-family:'League Gothic';
	letter-spacing:0.5px;
	font-weight:normal;
	font-style:normal;
	line-height:1;
	cursor:pointer;
 -webkit-appearance:none;
 border-radius:0;
}
input[type=submit]:hover, input[type=button]:hover, .button:hover {
	color:#fff;
	background-color:#000;
}

.gold { color:#c3a572; }
.gothic { font-family:'League Gothic'; text-transform:uppercase; font-weight:normal; letter-spacing:0.5px; }
.xl { font-size:32px; line-height:40px; }
.l { font-size:20px; line-height:30px; }
.m { font-size:16px; }
.s { font-size:14px; }
.xs { font-size:12px; }

.slim {
	padding:0 calc((100% - 940px)/2);
}
.skinny {
	padding:0 calc((100% - 620px)/2);
}
.tablescroll {
 width:100%;
 overflow-x:auto;
}
.boxed {
	border: 1px solid #ddd;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	padding: 20px;
 background-color:#fff;
}

.success {
 color:#00cc00;
 font-weight:bold;
}
.error {
 color:#cc0000;
 font-weight:bold;
}
.is-error { border:2px solid #c00; }
.warning {
 color:#ff9900;
 font-weight:bold;
}

.clear {
 clear:both;
	height:0;
	overflow:hidden;	
}

.full, .half, .twothirds, .third, .quarter {
	display:inline-block;
	vertical-align:top;
	padding:10px;	
	width:100%;
}
.full {
 display:block;
}
.half {
	width:50%;
}
.twothirds {
	width:66.6%;
}
.third {
	width:33.3%;
}
.quarter {
	width:25%;
}

header {
 position: -webkit-sticky;
 position: sticky;
	top: 0px;
	z-index: 3;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.25);
}

#mobile_contact {
	display:none;
	font-family:icons;
	font-size:32px;
	line-height:1;
	float:right;
	margin-top:14px;
}
#mobile_contact a { text-decoration:none; }
#mobile_logo {
	display:none;
	height:60px;
 vertical-align:top;
 transition:all 0.25s;
 transform-origin:bottom center;
}
nav {
	font-family:'League Gothic';
	text-transform:uppercase;
	font-size:22px;
	letter-spacing:0.5px;
 color:#808080;
}
nav a { 	text-decoration:none; }
nav > span {
	display:inline-block;
	width:calc((100% - 142px) / 2);
	vertical-align:middle;
	text-align:right;
}
nav > span:last-child { text-align:left; }
nav > span > div, #logo {
	display:inline-block;
	vertical-align:middle;
	margin:20px;
}
nav > span > div > div {
	display:none;
	position:absolute;
	z-index:2;
	background-color:#f1f1f1;
	font-size:20px;
	line-height:35px;
	text-align:left;
	padding:6px 10px 4px;
	margin-left:-10px;
	border-top:10px solid #fff;
	width:165px;
}
nav > span > div:hover > div {
	display:block;
}
/*nav > span > div > div > a:hover { color:#fff; }*/
#logo {
	height:75px;
 transition:all 0.25s;
}
nav:focus, #menu_button:focus, nav div:focus { outline:none; }
#menu_bg {
	display:none;
	position:fixed;
	z-index:3;
	left:0;	right:0; top:0; bottom:0;
	background-color:rgba(0,0,0,0.5);
}
#menu_button {
	display:none;
	font-size:32px;
	line-height:32px;
	cursor:pointer;
	font-family:icons;
	margin-top:14px;
	float:left;
	transition:all 0.25s;
}
#menu_button:hover {
	color:#c3a572;
}

#nav_close {
	display:none;
	text-align: right;
	margin:10px 0;
	cursor:pointer;
	transition:all 0.25s !important;
}
#nav_close:hover { color:#c3a572; }

section.grey {
	background-color:#dfdfdf;
}
#request {
	padding:25px calc((100% - 720px)/2) 50px;
 position:relative;
 overflow:hidden;
}
#request .grecaptcha-badge { position:absolute !important; }

#request input[type=text] {
	width:336px;
	margin:10px;
}
#request textarea {
	width:696px;
	margin:10px 10px 0;
}
#request input[type=submit], #request input[type=button] {
	margin:10px;
}
#request select[name=store] {
 width:125px;
 margin:10px -10px 0 0;
 padding:7px;
 vertical-align:top;
}

#contact {
	padding:25px calc((100% - 720px)/2) 40px;
}
#contact > h2, #request > h2, .piano_band > h2, compare > h2 {
	margin-bottom:40px;
}
section#contact p { text-align:center; }
footer {
	padding:50px calc((100% - 720px)/2);
	background-color:#dfdfdf;
	font-size:14px;
}
footer .quarter a { text-decoration:none; }
footer .quarter { text-align:left; }
#copyright {
	margin-top:25px;
	padding-top:10px;
	text-align:left;
	border-top:1px solid #000;
	font-size:13px;
	line-height:1.4;
}
#copyright .icon {
	font-size:24px;
	margin-right:10px;
	text-decoration:none;
	float:left;
}

.slider_tabs {
 height:20px;
	margin-top:calc(56vw - 50px);
	margin-bottom:calc(-56vw + 30px);
	position:relative;
	z-index:2;
 display:flex;
 justify-content:center;
}

section.text, section.form {
	padding:25px calc((100% - 1240px)/2);
}

@media screen and (min-width:1928px) {
	.slider_tabs {
		margin-top:calc(1080px - 50px);
		margin-bottom:calc(-1080px + 30px);		
	}
}
.slider_tabs > div {
	height:10px;
	width:60px;
	margin:5px;
	background-color:#bbb;
	display:inline-block;
	vertical-align:top;
 transition:color 1s, opacity 0.25s;
	cursor:pointer;
	opacity:0.6;
}
.slider_tabs > div:hover { opacity:0.9; }
.slider_tabs > div.is-active {
	background-color:#fff;
	opacity:0.9;
	cursor:default;
}
.slider_left, .slider_right {
	font-family:icons;
	font-size:72px;
	position:absolute;
	line-height:72px;
 cursor:pointer;
	color:#fff;
 z-index:2;
	padding:0 20px;
	transition:all 0.25s;
	opacity:0.6;
 padding-top:calc(28vw - 36px);
}
.slider_right {
	right:0;
}
.slider_left:hover, .slider_right:hover { opacity:0.9; }
@media screen and (min-width:1928px) {
	.slider_left, .slider_right {
  padding-top:calc(540px - 36px);
	}
}

.slider_container {
 position:relative;
 overflow:hidden;
 max-width:1920px;
 margin:auto;
}
.slider {
	white-space:nowrap;
}
.slider > div {
	display:inline-block;
	vertical-align:top;
	white-space:normal;
	width:100%;
	transition:all 1s;
}
.slider > div > div, .slider > div > a > div {
 background-size:cover;
	background-position:center;
	height:56vw;
	max-height:1080px;
	color:#fff;
	position:relative;
}
.slider > div > a { text-decoration:none; }
.slider > div > div:before, .slider > div > a > div:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:100%;
	max-height:1080px;
	width:0;	
}
.slider > div > div > h1, .slider > div > a > div > h1 {
	display:inline-block;
	vertical-align:middle;
	max-width: calc(100% - 20px);
 text-shadow: 2px 2px 4px rgba(0,0,0,0.25);
}
.slider > div > div > iframe {
	left:0;
	right:0;
	top:0;
	bottom:0;
	position:absolute;
	width:100%;
	height:100%;
}
.slider > div > img {
	height:60px;
	display:block;
	margin:25px auto 0;
}
.slider h2, .slider p, .slider ul, .slider ol {
	max-width:620px;
	margin:25px auto 0;
}
.slider p:last-child { margin-bottom:25px; }

.slider ul, .slider ol { text-align:left; }
section p { text-align:justify; }
.video_overlay {
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	/*background-color:rgba(255,0,0,0.5);*/
	top:0;
	left:0;
}

.promos {
	padding:25px calc((100% - 1260px)/2);
}
.promos > div > div, .promos > div > a > div {
	background-size:cover;
	color:#fff;
	height:400px;
	width:100%;
	padding:0 25px;
	transition:all 0.5s;
	position:relative;
}

.promos > div > a {
	text-decoration:none;
	overflow:hidden;
	display:block;
}

.promos > div > a:hover > div {
	transform:scale(1.1,1.1);
}

.promos > div > div:before, .promos > div > a > div:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:400px;
	width:0;
}
.promos > div > div > div, .promos > div > a > div > div {
	display:inline-block;
	vertical-align:middle;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.25)
}
.promos > div > div > div > em, .promos > div > a > div > div > em {
	display:block;
	font-size:25px;
	margin-top:5px;
}
.promos p:last-child { margin-bottom:25px; }

.piano_band {
	padding:25px calc((100% - 1260px)/2);
}
.pianos > div {
	display:inline-block;
	width:33.3%;
	vertical-align:top;
	padding:10px;
}
.pianos > div > div {
	border:1px solid #ddd;
	box-shadow:1px 1px 3px rgba(0,0,0,0.1);
	padding-bottom:10px;
	position:relative;
 background-color:#fff;
}
.pianos > div > div:after {
 content:"";
 display:block;
 clear:both;
 height:0;
}
.pianos > div > div > a {
	text-decoration:none;
}
.pianos > div > div > a > span {
	overflow:hidden;
	display:block;
	margin-bottom:10px;
}
.pianos > div > div > a > span > div {
	width:100%;
	padding-top:75%;
	background-size:cover;
	transition:all 0.5s;
}
.pianos > div > div > a:hover > span > div {
	transform:scale(1.1, 1.1);
}
.pianos > div > div > a > div {
	border-bottom:1px solid #ddd;
	margin:0 30px;
	text-align:left;
	line-height:30px;
	/*white-space:nowrap;*/
}
.pianos > div > div > a > div:last-child {
 border-bottom: none;
}
.make {
	font-family:'League Gothic';
	letter-spacing:0.5px;
	font-size:20px;
	text-transform:uppercase;
 height:33px;
 overflow:hidden;
}
.make em {
	font-family:Alegreya;
	font-size:16px;
	letter-spacing:0.25px;
	text-transform:none;
 white-space:nowrap;
}
.pianos > div > div > div {
 text-align:right;
	margin:7px 30px 0;
}
.pianos > div > div > div.request {
 float:left;
 margin-top:5px;
}
.pianos input:checked:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	background-color:#fff6e5;
}
.button.is-disabled, .button.is-disabled:hover {
	cursor:not-allowed;
	background-color:#ccc;
}
.button.is-open, .button.is-open:hover {
	background-color:#f1f1f1;
	color:#000;
	cursor:default;
}
#filter_button, #compare_button {
 position:sticky;
 top:80px;
 z-index:2;
}
#filter {
	display:none;
	background-color:#f1f1f1;
 position:absolute;
	position:sticky;
 top:130px;
 width:310px;
	padding:10px 20px 20px;
	margin:10px auto -381px;
	z-index:2;
 height:381px;
 max-height: calc(100vh - 140px);
 overflow: auto;
}
#filter_close {
	text-align:right;
	cursor:pointer;
	transition:all 0.25s;
	font-family:"League Gothic";
	font-size:20px;
	letter-spacing:0.5px;
 margin-left: auto;
 width: fit-content;
}
#filter table { margin:10px auto 15px; }
#filter_close:hover { color:#c3a572; }
#filter td { text-align:left; vertical-align:top; }
#filter select { margin:-7px 0 12px; width:140px; }
#filter input[type=text] { width:140px; }
#filter_bg {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1;
}
#filter p { text-align:center; }

#compare { padding:25px 0; }
.compare { margin:auto; }
.compare td {
 padding:0px;
 min-width:320px;
 max-width:420px;
 vertical-align:top;
}
.compare .pianos {
	position:sticky;
	top:-235px;
	background-color:#fff;
}
.compare > div {
	display:inline-block;
	vertical-align:top;
	width:320px;
	text-align:left;
	white-space:normal;
	max-width:50%;
}
.compare .pianos > div { width:100%; }
section.features {
	padding: 25px calc((100% - 1260px)/2);
}
.features .intro { padding:0 10px; }
.feature {
	padding:0 10px 50px;
}
.features p {
	text-align:justify;
}
section.features .feature {
	width:50%;
	display:inline-block;
	vertical-align:top;
}
section.features .feature:nth-child(even):last-child {
	display: block;
	margin: auto;
}
.features > div > div, .features > span > div > div {
	overflow:hidden;
}
.feature > div > div, .feature > a > div > div {
	width:100%;
	background-size:cover;
	transition:all 0.5s;
	padding-top:50%;
}
.feature > a:hover > div > div {
	transform:scale(1.1, 1.1);
}
.features > span {
	display:block;
	overflow:hidden;
	max-height:0;
	transition:all 2s;
}
.features > span.features_more_button {
	max-height:22px;
 transition:all 0.25s;
 margin:0 10px;
}
.features_more_button:after {
 content:"";
	display:block;
	background-color:#999;
	height:1px;
	margin:-13px 0 12px;
}
.features_more_button > span {
	background-color:#fff;
	padding:0 10px;
	cursor:pointer;
	font-style:italic;
}
.grey .features_more_button > span {
	background-color:#dfdfdf;
}

.text iframe {
 max-width: 620px;
 max-height: 348px;
 width: 100%;
 height: calc((100vw - 20px) * 9/16);
}
.text.white tr:nth-child(even) { background-color:#decdaf; }
.text td, .text th {
 padding:15px;
 border:1px solid #fff;
 vertical-align:middle;
 text-align:left;
}

.anchor, section:not(#s1):not(.slider):not(#compare) {
 padding-top:95px;
 box-shadow: inset 0 70px #fff;
 margin-top: -70px;
}
.grey .anchor, section.grey + section:not(#s1) {
 box-shadow: inset 0 70px #dfdfdf;
}

#smsBox {
	position:fixed;
	bottom:0;
	right:20px;
	background-color:#fff;
	border:1px solid #808080;
	border-bottom:none;
	padding:10px;
	width:280px;
	max-height:35px;
	overflow:hidden;
	transition:all 0.5s;
	cursor:pointer;
	box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 25%);
 z-index:3;
}
#smsBox:hover h4 { color:#ddd; }
#smsBox:focus:hover h4 { color:#fff; }
#smsBox:focus { max-height:500px; outline:none; cursor:default; }
#smsBox:focus-within { max-height:500px; outline:none; cursor:default; }
#smsBox h4 {
 background-color: #931030;
 color: #fff;
 margin: -10px -10px 10px;
 padding: 9px;
}
#smsBox input[type=text], #smsBox select, #smsBox textarea { width:100%; margin-bottom:5px; border:1px solid #000; }
#smsBox div { text-align:left; }
#sms_status { padding-left: 5px; font-family: 'League Gothic'; font-weight: normal !important; font-size: 20px; }
#sms_close {
 float:right;
 cursor:pointer;
 display:none;
 font-family: 'League Gothic';
 font-size: 20px;
 margin:-2px 4px 0;
 color:#fff;
}
#sms_close:hover { color:#ddd; }
#smsBox:focus #sms_close { display:block; }
#smsBox:focus-within #sms_close { display:block; }

.is-error { border:1px solid #c00 !important; }

.is-mobile { display:none; }

@media (max-width:1260px) {
 .promos > div > div, .promos > div > a > div, .promos > div > div:before, .promos > div > a > div:before {
		height:calc(100vw / 3 - 20px);
	}
	section.text, section.form {	width:auto; padding:20px 10px; }
 .piano_band > p { padding:0 10px; }
}

@media screen and (max-width:1024px) {
 .slider_left, .slider_right { display:none; }
	header { padding:10px; top:-10px; }
	nav > span {
		display:block;
		width:auto;
		text-align:left;
	}
	nav > a, #logo {
  display:none;
	}
	#nav_close, #mobile_nav_right, #menu_button, #mobile_contact {
		display:block;
	}
	#mobile_logo { display:inline; }
	nav {
		width:300px;
		position:fixed;
		left:0;
		top:0;
		margin-left:-300px;
		height:100%;
		transition:all 1s;
		z-index:4;
		padding:10px 0;
		background-color:#fff;
		text-align:left;
		padding:10px;
		height:100vh;
		overflow:auto;
	}
	nav:focus, #menu_button:focus + nav {
		margin-left:0;
	}
	nav:focus-within { margin-left:0; }
	nav:focus + #menu_bg, #menu_button:focus + nav + #menu_bg {
		display:block;
	}
	nav:focus-within + #menu_bg {
		display:block;
	}
	nav > span > div {
		display:block;
		cursor:pointer;
		max-height:25px;
		overflow:hidden;
		transition:all 1s;
		margin:20px 0;
	}
	nav > span > div:focus {
		max-height:600px;
	}
	nav > span > div:focus-within {
		max-height:600px;
	}
	nav > span > div[tabindex]:before {
		content:"+";
		font-family:icons;
		float:right;
		font-size:16px;
		opacity:0.5;
		transition: opacity 0.25s, transform 1s;
	}
	nav > span > div[tabindex]:before:hover { opacity:1; }
	nav > span > div[tabindex]:focus-within:before {
		transform: rotate(180deg);
	}
	nav > span > div[tabindex]:focus:before {
		transform: rotate(180deg);
	}
	nav > span > div > div {
	 display:block;
		position:static;
		margin:0 10px;
  background-color:transparent;
  border-top:none;
  width:auto;
	}
	nav > span > div > div > a:hover {
  color:#c3a572;
 }
 #compare { overflow-x:auto; width:100%; }
	.compare { white-space:normal; }
	.compare .pianos { top:-252px;	}
 .compare .pianos > div {
		padding:10px 0;
	}
	.compare .pianos > div > div {
		border-left:none;
		border-right:none;
		box-shadow:none;
 }
	.compare .pianos > div > div > a > div {
		margin:0 10px;
	}
	.compare h3 {	font-size:20px;	}
	.feature { padding-bottom:20px; }
 .slim { width:auto; padding:0; }
 .piano_band > div:not(.pianos):not(.skinny) { padding-left:10px; padding-right:10px; }
 #request input[type=submit], #request input[type=button] {
  padding: 6px 20px;
  float:left;
  width: auto !important;
 }
 #request select[name=store] {
  float:left;
  margin:10px 0 10px 12px;
  padding:3px;
  width: auto;
 }
}

@media screen and (max-width:767px) {
	#request input[type=text], #request textarea {
		width:calc(100% - 24px);
	}
 .quarter, .pianos > div {
		width:50%;
	}
	#request, #contact, footer {
		width:auto;
		padding:20px 10px;
	}
 .skinny { width:auto; padding:0; }

	#request { padding-bottom:30px; }
 section > h2 { margin-bottom:20px; }
	.slider h2, .slider p { max-width:calc(100% - 40px); 	margin:25px auto 0; }
 #compare { padding:20px 0; }
	.compare .pianos { position: static;	}
 .compare td { min-width:50vw; max-width:50vw; }
 .piano_band > div:not(.pianos) { padding-left:10px; padding-right:10px; }
}
@media screen and (max-width:567px) {
 .isnot-mobile { display:none; }
 .is-mobile { display:inline-block; }
	h1 { font-size:40px; }
 .third, .half, .twothirds, .pianos > div, section.features > div, section.features > span > div, section.features > div.feature, section.features > span > div.feature { width:100%; }
	input[type=submit], input[type=button], .button { padding:10px 20px; }
 .promos > div {
		padding:10px 0;
 }
 .promos > div > p, .promos > div > h3 { padding:0 10px; }
	.promos > div.full > div, .promos > div.full > a > div {
		height:33vw;
	}
	.promos > div.twothirds > div, .promos > div.twothirds > a > div {
		height:50vw;
	}
	.promos > div.half > div, .promos > div.half > a > div {
		height:66vw;
	}
	.promos > div.third > div, .promos > div.third > a > div {
		height:100vw;
	}
 .promos > div > div, .promos > div > a > div, .promos > div > div:before, .promos > div > a > div:before {
		height:100%;
	}
	.slider_tabs {
		margin-top:calc(56vw + 10px) !important;
		margin-bottom:calc(-56vw - 30px) !important;
	}
	.slider_tabs > div.is-active {
		background-color:#000;
	}
	.slider > div > div, .slider > div > a > div { margin-bottom:60px; }
 .feature > div {
  margin:0 -10px 0;
 }
}