@font-face {
font-family: "MinionPro";
src: url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProRegular.eot);
src: url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProRegular.eot) format("embedded-opentype"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProRegular.woff2) format("woff2"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProRegular.woff) format("woff"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProRegular.ttf) format("truetype"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProRegular.svg#MinionProRegular) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "MinionPro";
src: url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProItalic.eot);
src: url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProItalic.eot) format("embedded-opentype"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProItalic.woff2) format("woff2"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProItalic.woff) format("woff"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProItalic.ttf) format("truetype"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProItalic.svg#MinionProItalic) format("svg");
font-weight: 400;
font-style: italic;
font-display: swap
}
@font-face {
font-family: "MinionPro";
src: url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProBold.eot);
src: url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProBold.eot) format("embedded-opentype"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProBold.woff2) format("woff2"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProBold.woff) format("woff"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProBold.ttf) format("truetype"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/MinionProBold.svg#MinionProBold) format("svg");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Knockout";
src: url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/KnockoutHTF48FeatherweightRegular.eot);
src: url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/KnockoutHTF48FeatherweightRegular.eot) format("embedded-opentype"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/KnockoutHTF48FeatherweightRegular.woff2) format("woff2"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/KnockoutHTF48FeatherweightRegular.woff) format("woff"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/KnockoutHTF48FeatherweightRegular.ttf) format("truetype"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/KnockoutHTF48FeatherweightRegular.svg#KnockoutHTF48FeatherweightRegular) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "icomoon";
src: url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/icomoon.eot?6qysmq);
src: url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/icomoon.eot?6qysmq#iefix) format("embedded-opentype"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/icomoon.ttf?6qysmq) format("truetype"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/icomoon.woff?6qysmq) format("woff"), url(//steinway.co.uk/wp-content/themes/steinway/assets/fonts/icomoon.svg?6qysmq#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap
}
[class^=icon-],
[class*=" icon-"] {
font-family: "icomoon" !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
}
.icon-pin:before {
content: "";
}
.icon-slider-arrow-right:before {
content: "";
}
.icon-slider-arrow-left:before {
content: ""
}
.icon-close:before {
content: ""
}
.icon-facebook:before {
content: ""
}
.icon-twitter:before {
content: ""
}
.icon-email:before {
content: ""
}
.icon-location:before {
content: ""
}
.icon-phone:before {
content: ""
}
.icon-arrow-right:before {
content: ""
}
.icon-chat:before {
content: ""
}
.icon-logo:before {
content: ""
}
.bounce {
-moz-animation: bounce 3s infinite;
-webkit-animation: bounce 3s infinite;
animation: bounce 3s infinite
}
#gform_21 input[type=text],
#gform_21 input[type=email] {
height: 45px !important;
}
#gform_21 label {
text-transform: capitalize;
}
p:has(script) {
position: absolute;
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
transform: translateY(0)
}
40% {
-moz-transform: translateY(-20px);
transform: translateY(-20px)
}
60% {
-moz-transform: translateY(-10px);
transform: translateY(-10px)
}
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
60% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
60% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
}
@media screen and (min-width: 1200px) {
.slide-in-left {
left: -100px;
opacity: 0;
position: relative
}
.even .slide-in-left {
left: 100px;
opacity: 0;
position: relative
}
.slide-in-left-margin {
margin-left: -100px;
opacity: 0
}
.slide-in-right {
right: -100px;
opacity: 0;
position: relative
}
.even .slide-in-right {
right: 100px;
opacity: 0;
position: relative
}
.slide-in-right-margin {
margin-right: -100px;
opacity: 0
}
.slide-in-up {
top: 70px;
opacity: 0;
position: relative
}
.fade-in {
opacity: 0
}
.fade-in-up {
position: relative;
top: 90px;
opacity: 0
}
}
* {
margin: 0;
padding: 0
}
html,
body {
height: 100%
}
body {
font-family: "MinionPro", sans-serif;
font-size: 16px;
line-height: 26px;
letter-spacing: 1px;
color: #000;
background: #fff
}
header,
nav,
section,
article,
aside,
footer {
display: block
}
.clear {
display: block;
clear: both;
height: 0
}
a {
outline: none
}
a img {
border: none
}
a i {
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
input[type=submit] {
-webkit-appearance: none
}
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none
}
.loaded *,
.loaded {
-moz-transition: all .15s ease-in-out;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out
}
#page-wrapper {
padding-top: 200px
}
::-moz-selection {
color: #fff;
background: #000
}
::selection {
color: #fff;
background: #000
}
.screen-reader {
display: none
}
@media speech {
.screen-reader {
display: block
}
}
section {
padding: 0 20px
}
article {
max-width: 1046px;
margin: 0 auto
}
.container {
position: relative;
}
.content {
padding: 25px 0 25px 0;
position: relative;
}
a {
color: #000;
text-decoration: underline
}
a:hover {
text-decoration: none
}
.button {
display: block;
max-width: 330px;
margin: 0 auto;
background-color: #c22026;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
line-height: 19px;
padding: 9px 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center
}
.button:hover {
background-color: #000
}
.button.black {
background-color: #000
}
.button.black:hover {
background-color: #c22026
}
.button.white {
background-color: #fff;
color: #000;
border: 1px solid #e1e1e1;
font-family: "Knockout", sans-serif;
letter-spacing: 2px
}
.button.white:hover {
background-color: #000;
color: #fff;
border-color: #000
}
p {
padding-bottom: 26px
}
.mobile {
display: none
}
img.mobile {
display: none !important
}
hr {
display: block;
max-width: 330px;
width: 100%;
height: 1px;
margin: 0 auto 11px auto;
border: none;
background-color: #e7e7e7
}
img {
display: block;
max-width: 100%;
height: auto;
margin: 0
}
body:not(.home) .aligncenter {
margin-bottom: 54px
}
.center {
max-width: 784px;
margin: 0 auto;
padding: 0 0 20px 0;
text-align: center
}
.center.text-align-left {
text-align: left
}
.payment-method {
font-size: 0;
line-height: 0
}
.payment-method img {
display: inline-block;
max-width: 32px;
height: auto;
margin: 0 15px 0 0
}
.payment-method img:last-child {
margin-right: 0
}
.video {
padding-bottom: 56.25%;
position: relative;
height: 0;
margin: 103px 0 0 0
}
.video iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.content ul {
list-style: none;
padding: 0 0 20px 0;
margin: 0;
line-height: 19px
}
.content ul li {
padding: 6px 0
}
.one-half {
float: left;
width: 45.124%;
margin-right: 9.752%;
padding: 2px 0 67px 0
}
.one-half.last {
margin-right: 0
}
.logos {
text-align: justify;
padding: 26px 0 27px 0
}
.logos:after {
content: "";
display: inline-block;
width: 100%;
height: 0
}
.logos a {
display: inline-block;
vertical-align: middle;
opacity: .8
}
.logos a img {
display: block;
max-width: 100%;
height: auto;
margin: 0
}
.logos a:hover {
opacity: 1
}
h1 {
font-size: 40px;
line-height: 45px;
letter-spacing: 6px;
font-weight: normal;
font-family: "Knockout", sans-serif;
padding: 41px 0 41px 0;
text-transform: uppercase
}
h2 {
font-size: 40px;
line-height: 45px;
letter-spacing: 6px;
font-weight: normal;
font-family: "Knockout", sans-serif;
padding: 41px 0 41px 0;
text-transform: uppercase
}
h3 {
font-size: 35px;
line-height: 40px;
letter-spacing: 5px;
font-weight: normal;
font-family: "Knockout", sans-serif;
padding: 25px 0 25px 0;
text-transform: uppercase
}
h4 {
font-size: 28px;
line-height: 33px;
letter-spacing: 2.33px;
font-weight: normal;
font-family: "Knockout", sans-serif;
text-transform: uppercase
}
h5 {
font-size: 21px;
line-height: 30px;
letter-spacing: 3px;
font-weight: normal;
font-style: italic;
font-family: "MinionPro", sans-serif;
text-transform: uppercase
}
h6 {
font-size: 16px;
line-height: 23px;
letter-spacing: 2.29px;
font-weight: normal;
font-style: italic;
font-family: "MinionPro", sans-serif;
text-transform: uppercase
}
.content h6 {
font-size: 14px;
line-height: 20px;
letter-spacing: 2px;
font-weight: bold;
font-style: normal;
padding: 30px 0 14px 0
}
#header {
background-color: #fff;
position: fixed;
left: 0;
top: 0;
width: 100%;
text-align: center;
z-index: 1000;
height: 200px;
-moz-transition: height .2s ease;
-webkit-transition: height .2s ease;
-o-transition: height .2s ease;
transition: height .2s ease
}
#header-inner {
position: relative;
max-width: 1336px;
margin: 0 auto;
padding: 41px 20px 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#logo {
display: block;
width: 362px;
margin: 0 auto;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
#logo img {
display: block;
max-width: 100%;
height: auto;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
.nav {
padding-top: 27px;
-moz-transition: padding .2s ease;
-webkit-transition: padding .2s ease;
-o-transition: padding .2s ease;
transition: padding .2s ease;
font-size: 0;
line-height: 0
}
.menu {
list-style: none;
display: inline-block
}
.menu li {
display: inline-block;
padding: 0 6px
}
.menu li.overview {
display: none !important
}
.menu li a {
text-decoration: none;
color: #000;
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
letter-spacing: 2px;
border-bottom: 5px solid transparent;
font-family: "Knockout", sans-serif;
padding-bottom: 5px;
display: block
}
.menu>li.current-menu-ancestor>a,
.menu>li.current-menu-parent>a,
.menu>li.current-menu-item>a,
.menu>li.hover>a,
.menu>li>a:hover {
border-color: #000
}
.menu>li>ul {
position: fixed;
left: 0;
top: 180px;
width: 100%;
background-color: #000;
padding: 22px 0 20px 0;
border-top: 21px solid #fff;
height: 91px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.menu>li>ul>li {
padding: 0 15px
}
.menu>li>ul>li>a {
color: #fff;
font-size: 16px;
line-height: 22px;
border-bottom: 4px solid transparent;
padding-bottom: 2px
}
.menu>li.hover>ul {
opacity: 1;
margin-top: 0;
z-index: 10
}
.nav.no-transition .menu>li>ul {
opacity: 1;
margin-top: 0
}
.menu>li>ul>li.current-menu-parent>a,
.menu>li>ul>li.current-menu-item>a,
.menu>li>ul>li.hover>a,
.menu>li>ul>li>a:hover {
border-color: #fff
}
.menu>li>ul>li>ul {
position: fixed;
left: 0;
top: 250px;
width: 100%;
background-color: #000;
padding: 22px 0 20px 0;
height: 70px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.menu>li>ul>li.hover>ul {
visibility: visible;
z-index: 10
}
.menu>li>ul>li>ul>li>a {
color: #fff;
font-size: 16px;
line-height: 22px;
border-bottom: 4px solid transparent;
padding-bottom: 2px
}
.menu>li>ul>li>ul>li.current-menu-item a,
.menu>li>ul>li>ul>li a:hover {
border-color: #fff
}
.nav.cloned {
position: fixed;
left: 0;
top: 0;
width: 100%;
text-align: center;
z-index: 100
}
.nav.cloned.no-scroll-transition {
display: none
}
.nav.cloned.no-scroll-transition * {
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
.nav:not(.cloned) .menu>li>ul { }
.nav.cloned .close-menu {
display: block;
opacity: 1
}
.nav.cloned .menu>li>ul {
top: 70px;
-moz-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1);
box-shadow: 0px 5px 30px rgba(0, 0, 0, .2);
z-index: 10
}
.nav.cloned .menu>li>ul>li:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: -1;
pointer-events: none
}
.nav.cloned.hover .menu>li.hover {
z-index: 10
}
.nav.cloned.hover .menu>li.hover>ul {
top: 180px
}
.nav.cloned .menu>li>ul>li>ul {
position: absolute;
top: 0;
-moz-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1);
z-index: -2
}
.nav.cloned.hover .menu>li>ul>li.hover>ul {
top: 100%;
box-shadow: 0px 5px 30px rgba(0, 0, 0, .2);
visibility: visible
}
li.close {
margin-top: 19px !important;
padding: 0 !important;
width: 100%;
display: none
}
li.close a {
padding: 7px 0 !important
}
li.hover li.close {
display: block
}
.close-menu {
width: 100%;
background-color: #000;
text-decoration: none;
text-transform: uppercase;
font-size: 18px;
line-height: 39px;
height: 39px;
letter-spacing: 2px;
font-family: "Knockout", sans-serif;
color: #fff;
border-top: 1px solid #4f4b4b;
border-bottom: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
display: block;
width: 100%;
clear: both;
padding: 7px 0 !important
}
.close-menu.level-3 {
margin-top: 90px
}
.close-menu:after {
content: "";
display: inline-block;
width: 22px;
height: 22px;
background: transparent url(//steinway.co.uk/wp-content/themes/steinway/assets/img/close-menu.png) no-repeat left top;
background-size: 22px auto !important;
margin: 0 0 0 14px;
position: relative;
top: 5px
}
.nav-button {
display: none;
text-decoration: none;
text-transform: uppercase;
color: #000;
font-size: 16px;
line-height: 18px;
padding-bottom: 2px;
border-bottom: 2px solid transparent;
font-family: "Knockout", sans-serif;
position: absolute;
left: 67px;
top: 29px
}
.nav-button.active {
border-color: #000
}
#chat {
position: absolute;
right: 20px;
top: 47px;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
color: #000;
font-size: 18px;
line-height: 22px;
letter-spacing: 2px;
font-family: "Knockout", sans-serif;
cursor: pointer;
}
#chat span {
display: inline-block;
border-bottom: 5px solid transparent;
padding-bottom: 5px;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
-moz-transition: border-color .15s ease-in-out !important;
-webkit-transition: border-color .15s ease-in-out !important;
-o-transition: border-color .15s ease-in-out !important;
transition: border-color .15s ease-in-out !important
}
#chat i {
display: inline-block;
font-size: 24px;
vertical-align: top;
position: relative;
top: 1px;
margin-left: 9px
}
#chat:hover span {
border-color: #000
}
.wc-cart {
position: absolute;
right: 180px;
top: 47px;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
color: #000;
font-size: 18px;
line-height: 22px;
letter-spacing: 2px;
font-family: "Knockout", sans-serif;
border-bottom: 5px solid transparent;
padding-bottom: 5px
}
.wc-cart span {
display: inline-block;
border-bottom: 5px solid transparent;
padding-bottom: 5px;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
-moz-transition: border-color .15s ease-in-out !important;
-webkit-transition: border-color .15s ease-in-out !important;
-o-transition: border-color .15s ease-in-out !important;
transition: border-color .15s ease-in-out !important
}
.wc-cart img {
display: inline-block;
vertical-align: top;
position: relative;
top: -2px;
margin-left: 6px;
max-width: 24px;
height: auto
}
.wc-cart div {
display: inline-block
}
.wc-cart:hover span {
border-color: #000
}
#header.scrolled {
height: 96px;
box-shadow: 0px 0px 40px rgba(0, 0, 0, .0736724)
}
#header.scrolled #logo {
position: absolute;
left: 48px;
top: 26px;
width: 200px;
opacity: 1
}
#header.scrolled .nav {
padding-top: 6px
}
#header.scrolled .nav .menu>li>ul {
top: 79px;
border-top: 17px solid #fff
}
#header.scrolled .nav .menu>li>ul>li>ul {
top: 145px
}
#header.scrolled .close-menu {
bottom: -131px
}
#header.scrolled .close-menu.level-3 {
bottom: -176px
}
body.header-scrolled .nav.cloned .menu>li>ul {
top: -36px !important
}
body.header-scrolled .nav.cloned.hover .menu>li.hover>ul {
top: 79px !important
}
.fancybox-container {
z-index: 9999999 !important
}
.fancybox-is-open .fancybox-bg {
opacity: .8 !important
}
.modal-button.opened:not(#chat) {
color: #d8d8d8 !important
}
.modal-button.opened:hover span {
border-color: #d8d8d8 !important
}
.modal-form {
display: none
}
.modal-form.fancybox-content {
vertical-align: top !important;
background-color: transparent;
padding: 160px 20px 20px 20px;
max-width: 1336px;
margin: 0 auto;
text-align: center;
color: #fff;
width: 100%
}
#contact-popup {
padding-top: 40px
}
#school-popup {
padding-top: 100px;
}
.modal-form.fancybox-content .inner-modal {
max-width: 558px;
margin: 0 auto
}
.modal-form.fancybox-content h3,
.modal-form.fancybox-content h4 {
padding: 0 0 37px 0;
margin: 0
}
.modal-form.fancybox-content em {
display: block;
font-size: 24px;
line-height: 23px;
letter-spacing: 1.2px;
padding: 27px 20px 57px 20px
}
@media only screen {
.modal-form.fancybox-content label {
visibility: hidden;
height: 0;
position: absolute;
left: -99999px
}
}
.modal-form.fancybox-content label.checkbox {
display: block;
position: relative;
text-align: left;
font-size: 14px;
line-height: 17px;
letter-spacing: 0;
font-family: "MinionPro", sans-serif;
color: #fff;
padding: 0 0 0 50px;
margin: 5px 0 20px 0
}
.modal-form.fancybox-content label.checkbox input[type=checkbox] {
position: absolute;
left: 0;
top: 50%;
margin-top: -13px;
width: 25px;
height: 25px;
border-radius: 0px;
box-shadow: none;
background-color: #fff;
border: 1px solid #979797;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none
}
.modal-form.fancybox-content input[type=text],
.modal-form.fancybox-content input[type=email],
.modal-form.fancybox-content input[type=tel],
.modal-form.fancybox-content select,
.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper select {
width: 100%;
height: 57px;
line-height: 57px;
background-color: #fff;
border: 1px solid #979797;
box-shadow: none;
border-radius: 0px;
-webkit-appearance: none;
outline: none;
text-align: left; color: #000;
font-size: 16px;
letter-spacing: 1px;
font-family: "MinionPro", sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: border-color .2s ease;
-webkit-transition: border-color .2s ease;
-o-transition: border-color .2s ease;
transition: border-color .2s ease
}
.modal-form .gform_wrapper li.gfield.checkbox ul {
list-style: none;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start
}
.modal-form .gform_wrapper li.gfield.checkbox ul li {
padding: 0;
margin: 0;
display: flex;
align-items: center;
position: relative
}
@media screen and (max-width: 767px) {
.modal-form .gform_wrapper li.gfield.checkbox ul li {
min-width: 50%
}
}
.modal-form .gform_wrapper li.gfield.checkbox ul li input {
width: 25px;
height: 25px;
border-radius: 0px;
border: none;
margin-right: 10px;
box-shadow: none;
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
cursor: pointer
}
.modal-form .gform_wrapper li.gfield.checkbox ul li input:checked+label:before {
background: #c22026 url(//steinway.co.uk/wp-content/themes/steinway/assets/img/check.svg) no-repeat center center;
background-size: 16px auto
}
.modal-form .gform_wrapper li.gfield.checkbox ul li label {
position: relative;
display: flex;
align-items: center;
cursor: pointer
}
.modal-form .gform_wrapper li.gfield.checkbox ul li label:before {
content: "";
display: inline-block;
width: 25px;
height: 25px;
background-color: #fff;
cursor: pointer;
margin-right: 10px
}
.modal-form .gform_wrapper li.gfield.checkbox label {
display: block;
color: #fff;
font-size: 24px;
line-height: 34px;
text-align: left;
opacity: 1;
visibility: visible;
left: auto;
height: auto;
position: relative;
top: auto;
font-family: "Knockout", sans-serif;
padding: 0;
margin: 0
}
.modal-form.fancybox-content select,
.gform_wrapper select {
background-image: url(//steinway.co.uk/wp-content/themes/steinway/assets/img/dropdown.svg);
background-size: 15px;
background-repeat: no-repeat;
background-position: calc(100% - 18px) center
}
.modal-form.fancybox-content textarea,
.gform_wrapper textarea {
width: 100%;
max-width: 100%;
min-width: 100%;
height: 209px;
max-height: 209px;
min-height: 209px;
line-height: 26px;
background-color: #fff;
border: 1px solid #979797;
box-shadow: none;
border-radius: 0px;
-webkit-appearance: none;
outline: none;
text-align: left;
padding: 5px 0 0 25px;
margin: 0 0 7px 0;
color: #000;
font-size: 16px;
letter-spacing: 1px;
font-family: "MinionPro", sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: border-color .2s ease;
-webkit-transition: border-color .2s ease;
-o-transition: border-color .2s ease;
transition: border-color .2s ease
}
.modal-form.fancybox-content input[type=text]:focus,
.modal-form.fancybox-content input[type=email]:focus,
.modal-form.fancybox-content input[type=phone]:focus,
.modal-form.fancybox-content input[type=tel]:focus,
.modal-form.fancybox-content textarea:focus {
border-color: #c22026 !important;
}
.modal-form.fancybox-content input[type=submit],
.modal-form.fancybox-content button[type=submit] {
width: 100%;
height: 57px;
line-height: 57px;
background-color: #c22026;
border: none;
box-shadow: none;
border-radius: 0px;
-webkit-appearance: none;
outline: none;
text-align: left;
padding: 0 0 0 25px;
margin: 0 0 16px 0;
color: #fff;
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
font-family: "Knockout", sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative
}
.modal-form.fancybox-content input[type=submit] i,
.modal-form.fancybox-content button[type=submit] i {
position: absolute;
right: 23px;
top: 50%;
font-size: 13px;
margin-top: -7px
}
.modal-form.fancybox-content input[type=submit]:hover,
.modal-form.fancybox-content button[type=submit]:hover {
cursor: pointer;
background-color: #000
}
.modal-form.fancybox-content ::-webkit-input-placeholder {
color: #000;
opacity: 1
}
.modal-form.fancybox-content ::-moz-placeholder {
color: #000;
opacity: 1
}
.modal-form.fancybox-content :-ms-input-placeholder {
color: #000;
opacity: 1
}
.modal-form.fancybox-content :-moz-placeholder {
color: #000;
opacity: 1
}
.modal-form .fancybox-close-small {
display: none
}
.modal-form .close-button {
top: 220px !important;
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-family: "Knockout", sans-serif;
font-size: 18px;
line-height: 22px;
letter-spacing: 2px;
position: absolute;
right: 20px;
top: 0
}
.modal-form .close-button i {
display: inline-block;
font-size: 21px;
vertical-align: top;
position: relative;
top: -1px;
margin-left: 10px
}
.modal-form .close-button span {
display: inline-block;
border-bottom: 5px solid transparent;
padding-bottom: 5px
}
.modal-form .close-button:hover span {
border-color: #fff
}
body.header-scrolled .modal-form.fancybox-content {
padding-top: 116px
}
body.header-scrolled .modal-form .close-button {
top: 116px !important
}
.slider .flexslider .slides li a.thumb {
display: block;
overflow: hidden
}
.slider .flexslider .slides li img {
display: block;
position: relative;
z-index: -1;
animation-duration: .5s;
-webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
animation-fill-mode: both
}
.slider .flexslider .slides li a:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05)
}
.slider .slide-content {
text-align: center;
text-transform: uppercase;
max-width: 784px;
margin: 0 auto;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 28px 70px 28px 70px;
margin-top: -56px;
position: relative;
z-index: 1
}
.slider .slide-content p {
text-transform: none;
padding: 0
}
.slider .slide-content h1,
.slider .slide-content h2 {
padding: 0 0 14px 0;
margin: 0
}
.slider .slide-content h5 {
max-width: 538px;
margin: 0 auto;
padding: 0 0 23px 0
}
.slider-container.full {
max-width: none;
padding: 0;
max-width: 1046px;
margin: 0 auto;
}
.slider-container.full .slider {
max-width: none;
padding: 0
}
.slider-container.full .flex-direction-nav a { }
.slider-container.full .slider .slides li img {   display: block;
margin: 0 auto
}
.slider-container.full.caped {
margin-bottom: 27px
}
.slider-container.full.caped .slider .slides li img {
max-width: 1046px;
max-height: none
}
.flex-direction-nav a {
width: 50px !important;
height: 50px !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: -25px 0 0 0 !important;
opacity: 0 !important;
background-color: #000 !important;
line-height: 50px !important;
display: block !important;
visibility: hidden !important;
color: #fff !important;
text-align: center !important;
font-size: 15px;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
.flex-direction-nav a i {
display: inline-block;
height: 50px;
line-height: 50px;
width: 50px;
text-align: center;
vertical-align: top
}
.flex-direction-nav a.visible {
-moz-transition: all .15s ease-in-out !important;
-webkit-transition: all .15s ease-in-out !important;
-o-transition: all .15s ease-in-out !important;
transition: all .15s ease-in-out !important;
visibility: visible !important;
opacity: 1 !important
}
.flex-direction-nav a:before {
display: none !important
}
.flex-direction-nav a.flex-prev {
left: 0 !important
}
.flex-direction-nav a.flex-next {
right: 0 !important
}
.flex-direction-nav a:hover {
background-color: #d8d8d8 !important;
color: #000 !important
}
.page-nav {
padding: 0 0 23px 0
}
.page-nav a {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
color: #000;
font-size: 16px;
line-height: 20px;
letter-spacing: 2px;
font-family: "Knockout", sans-serif;
border: 1px solid #e1e1e1;
padding: 7px 20px;
margin: 0 3px 11px 3px
}
.page-nav a:hover,
.page-nav a.active {
background-color: #000;
border-color: #000;
color: #fff
}
.pianos {
text-align: center;
padding: 32px 0 51px 0;
display: flex;
flex-direction: column
}
.pianos-tabs .pianos-tab {
display: none;
position: relative;
}
.pianos-tabs .pianos-tab.active {
display: block
}
body.single-piano .pianos-tabs .pianos-tab.active {
display: block !important
}
.pianos-tabs .pianos-tab .text {
max-width: 784px;
margin: 0 auto;
padding: 0 0 42px 0
}
.pianos-tabs .pianos-tab .flexslider {
display: block;
margin: 0 0 23px 0
}
.pianos-tabs .pianos-tab .flexslider .slides {
list-style: none;
padding: 0;
margin: 0
}
.pianos-tabs .pianos-tab .flexslider .slides li {
padding: 0;
margin: 0 2.678% 28px 0;
display: block;
float: left;
width: 31.548%
}
.pianos-tabs .pianos-tab .flexslider .slides li:nth-child(3n) {
margin-right: 0
}
.pianos-tabs .pianos-tab .flexslider .slides li:nth-child(3n+1) {
clear: left
}
.pianos-tabs .pianos-tab .flexslider .slides li img {
display: block;
max-width: none;
width: 100%;
height: auto
}
.pianos-tabs .pianos-tab .flexslider .slides li a {
display: block;
text-decoration: none;
position: relative;
background-color: #000
}
.pianos-tabs .pianos-tab .flexslider .slides li a span {
display: block
}
.pianos-tabs .pianos-tab .flexslider .slides li a span.description {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.0001) 100%);
z-index: 1;
padding: 24px 15px 24px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.pianos-tabs .pianos-tab .flexslider .slides li a span.t {
text-transform: uppercase;
color: #fff;
font-size: 35px;
line-height: 40px;
letter-spacing: 3px;
font-family: "Knockout", sans-serif;
padding: 0 0 7px 0
}
.pianos-tabs .pianos-tab .flexslider .slides li a span.p {
color: #fff;
font-size: 16px;
line-height: 20px;
letter-spacing: 1px
}
.pianos-tabs .pianos-tab .flexslider .slides li a:hover img {
opacity: .7
}
.cta-container {
background-color: #000;
color: #fff;
text-align: center;
margin: 57px 0 0 0
}
.cta {
padding: 19px 0 76px 0
}
.cta h3 {
max-width: 560px;
margin: 0 auto
}
.cta form {
max-width: 518px;
margin: 19px auto 0 auto;
padding: 0;
position: relative
}
.cta form label {
font-size: 0;
line-height: 0
}
.cta form input {
width: 100%;
height: 57px;
line-height: 57px;
border: none;
border-radius: 0px;
box-shadow: none;
padding: 0 60px 0 27px;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
letter-spacing: 2.29px;
font-family: "MinionPro", sans-serif;
outline: none
}
.cta form input[type=submit],
.cta form button[type=submit] {
border: none;
padding: 0;
width: 40px;
height: 40px;
line-height: 40px;
border: none;
position: absolute;
right: 8px;
top: 50%;
margin-top: -7px;
text-align: center;
background-color: #000;
color: #fff
}
.cta form button[type=submit] i {
font-size: 14px;
display: block;
line-height: 40px
}
.cta form input[type=submit]:hover,
.cta form button[type=submit]:hover {
background-color: #c22026;
cursor: pointer
}
.cta form ::-webkit-input-placeholder {
color: #000;
opacity: 1;
font-style: italic
}
.cta form ::-moz-placeholder {
color: #000;
opacity: 1;
font-style: italic
}
.cta form :-ms-input-placeholder {
color: #000;
opacity: 1;
font-style: italic
}
.cta form :-moz-placeholder {
color: #000;
opacity: 1;
font-style: italic
}
footer {
padding: 0 20px;
background-color: #f6f6f6
}
footer .footer-inner {
max-width: 1046px;
margin: 0 auto;
padding: 82px 0 53px 0;
text-align: center
}
footer .center {
max-width: 450px;
margin: 0 auto
}
footer .footer-columns {
padding: 55px 0 66px 0
}
footer .footer-columns .footer-column {
display: inline-block;
max-width: 156px;
vertical-align: top;
margin: 0 30px
}
footer .footer-columns .footer-column a {
text-decoration: none
}
footer .footer-columns .footer-column a:hover {
color: #c22026
}
footer .footer-columns .footer-column a i {
display: block;
line-height: 26px;
font-size: 24px;
margin: 0 0 7px 0
}
footer .footer-columns .footer-column p {
padding: 0;
margin: 0;
display: block
}
footer .footer-columns .footer-column p a {
display: inline-block;
vertical-align: top
}
footer .footer-columns .footer-column p a i {
margin-left: 7px;
margin-right: 7px
}
footer .links {
padding: 36px 0 14px 0
}
footer .links a {
display: inline-block;
text-decoration: none;
margin: 0 18px
}
footer .links a:hover {
text-decoration: none;
color: #c22026
}
footer .links p {
display: inline-block;
margin: 0 18px
}
footer .links h6 {
display: block;
font-style: normal;
padding: 0 0 15px 0;
margin: 0;
font-weight: normal;
text-decoration: none;
letter-spacing: 2px;
font-family: "Knockout", sans-serif
}
footer .links h6 a {
margin: 0
}
.news {
text-align: center;
padding: 32px 0 51px 0
}
.news .posts {
padding: 16px 0 30px 0
}
.news .posts .post {
margin-bottom: 79px
}
.news .posts .post .post-thumb a {
display: block;
overflow: hidden
}
.news .posts .post .post-thumb img {
display: block;
max-width: none;
width: 100%;
height: auto;
animation-duration: .5s;
-webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
animation-fill-mode: both
}
.news .posts .post .post-thumb a:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05)
}
.news .posts .post .post-description {
position: relative;
z-index: 1;
padding-left: 372px;
text-align: left
}
.news .posts .post .post-info {
position: absolute;
left: 0;
top: 120px;
max-width: 372px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
line-height: 20px;
letter-spacing: .88px;
color: #636363;
font-style: italic;
padding: 24px 0 0 0
}
.news .posts .post .post-info p {
padding: 0 0 27px 0;
max-width: 235px
}
.news .posts .post .post-info img {
display: block;
max-width: 100%;
width: auto;
margin: 33px auto 0 auto
}
.news .posts .post .post-text {
background-color: #fff;
margin-top: -120px;
padding: 27px 0 0 60px;
min-height: 220px
}
.news .posts .post .post-text h1,
.news .posts .post .post-text h2 {
padding: 0 0 16px 0
}
.news .posts .post .post-text h1 a,
.news .posts .post .post-text h2 a {
text-decoration: none;
padding-top: 0;
border-bottom: 4px solid transparent
}
.news .posts .post .post-text h1 a:hover,
.news .posts .post .post-text h2 a:hover {
border-color: #000
}
.news .posts .post .post-text h5 {
padding: 0 0 36px 0
}
.news .posts .post .post-text .button {
margin: 16px 0 0 0
}
.news-container.single .posts {
padding-bottom: 0
}
.news-container.single .posts .post {
margin-bottom: 0
}
.news .posts .post .post-description.secondary .post-text {
min-height: 1px;
margin-top: 0
}
.news .posts .post .post-description.secondary .post-text .button {
margin-top: 20px
}
.news .posts .post .post-image {
margin: 53px auto 8px auto
}
.news .posts .post img {
display: block;
max-width: 100%;
width: auto;
height: auto;
margin: 0 auto
}
.news .post-slider-wrap {
margin: 33px 0 7px 0
}
.news .post-slider {
position: absolute;
left: 0;
width: 100%
}
.quote-box {
padding: 59px 0 13px 0;
text-align: center
}
.quote-box blockquote {
display: block;
max-width: 784px;
margin: 0 auto;
font-size: 23px;
line-height: 30px;
font-style: italic;
font-weight: normal;
letter-spacing: 1.5px;
padding-bottom: 36px
}
.load-more {
border-top: 1px solid #e7e7e7;
padding: 40px 0 0 0
}
.load-more a {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
font-family: "Knockout", sans-serif;
color: #000;
padding-bottom: 2px;
border-bottom: 3px solid transparent;
line-height: 20px
}
.load-more a:hover {
border-color: #000
}
.post-downloads {
text-align: center;
border-top: 1px solid #e7e7e7;
font-size: 0;
padding: 45px 0 0 0;
margin-top: 145px
}
.post-downloads .box {
display: inline-block;
max-width: 330px;
margin: 0 20px 40px 20px
}
.post-downloads .box .thumb {
display: block;
overflow: hidden;
position: relative
}
.post-downloads .box .thumb img {
display: block;
width: 100%;
max-width: none;
height: auto;
margin: 0;
animation-duration: .5s;
-webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
animation-fill-mode: both
}
.post-downloads .box .thumb:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05)
}
.post-downloads .box .button {
padding-left: 10px;
padding-right: 10px;
margin: 17px 0 0 0
}
.post-press-contact {
border-top: 1px solid #e7e7e7;
text-align: left;
padding: 51px 0 6px 432px;
margin-top: 9px
}
.post-press-contact h6 {
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-family: "MinionPro", sans-serif;
font-style: normal;
font-weight: bold;
padding: 0 0 23px 0
}
.post-press-contact p {
padding: 0
}
.post-press-contact a {
text-decoration: none
}
.post-press-contact a:hover {
text-decoration: underline
}
.single-piano-intro {
position: relative;
z-index: 1;
text-align: center;
padding-bottom: 32px
}
.single-piano-intro .center {
max-width: 895px;
margin: 0 auto;
background-color: #fff;
margin-top: -51px;
padding: 30px 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.single-piano-intro .quote-box {
margin: 21px auto 76px auto
}
.center.piano-name h1 {
padding-bottom: 11px
}
.center.piano-name h6 {
padding: 0;
font-style: italic;
font-size: 16px;
letter-spacing: 2.29px;
font-weight: normal
}
.pianos-container.single .pianos-tabs {
text-align: left;
padding-top: 70px
}
.pianos-container.single .pianos-tabs .image {
float: left;
width: 61.08%;
margin-right: 7.37%;
}
.pianos-container.single .pianos-tabs .text {
float: left;
width: 31.55%
}
.pianos-container.single .pianos-tabs h6 {
text-transform: uppercase;
padding: 0;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
letter-spacing: 2px;
padding: 10px 0 12px 0
}
.carousel-container {
padding: 0;
margin: 0 0 5px 0;
max-width: none
}
.carousel {
padding: 0;
margin: 0;
max-width: none
}
.related-news {
text-align: center;
margin-top: 34px
}
.related-posts {
padding: 16px 0 0 0
}
@media screen and (min-width: 767px) {
.related-post {
float: left;
width: 31.548% !important;
margin-right: 2.678% !important;
text-align: left
}
.related-post:nth-child(3n) {
margin-right: 0 !important
}
.related-news .flexslider {
display: block
}
.related-news .flexslider .slides {
padding: 0;
margin: 0;
display: block
}
.related-news .flexslider .slides li {
padding: 0;
display: block !important
}
}
.related-post {
opacity: 0
}
.related-post h3 {
font-size: 16px;
line-height: 26px;
letter-spacing: 1px;
font-family: "MinionPro", sans-serif;
text-transform: uppercase;
padding: 16px 0 14px 0
}
.related-post h3 a {
text-decoration: none;
color: #000;
border-bottom: 2px solid transparent
}
.related-post h3 a:hover {
border-color: #000
}
.related-post a.read-more {
text-decoration: none;
text-transform: uppercase;
display: inline-block;
letter-spacing: 2px;
font-family: "Knockout", sans-serif;
border-bottom: 2px solid transparent
}
.related-post a.read-more:hover {
border-color: #000
}
.related-post .thumb {
display: block;
overflow: hidden
}
.related-post .thumb img {
display: block;
max-width: none;
width: 100%;
height: auto;
margin: 0;
animation-duration: .5s;
-webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
animation-fill-mode: both
}
.related-post .thumb:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05)
}
div.boxes {
padding: 42px 0 39px 0
}
div.boxes .box {
float: left;
width: 31.548%;
margin-right: 2.678%;
margin-bottom: 28px;
text-align: center;
position: relative
}
div.boxes .box:nth-child(3n) {
margin-right: 0
}
div.boxes .box:nth-child(3n+1) {
clear: left
}
div.boxes .box a {
text-decoration: none;
display: block
}
div.boxes .box.hover {
position: relative;
z-index: 10
}
div.boxes .box .image {
display: block;
background-color: #fff;
border: 1px solid #e2e2e2;
position: relative;
top: 0;
z-index: 2;
-moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
div.boxes .box .image img {
display: block;
max-width: none;
width: 100%;
height: auto;
margin: 0
}
div.boxes .box .image .badge {
max-width: 100%;
width: auto;
position: absolute;
left: -27px;
top: -27px;
opacity: 0;
-moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
div.boxes .box .read-more {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
color: #000;
display: block;
text-transform: uppercase;
font-family: "Knockout", sans-serif;
letter-spacing: 2px
}
div.boxes .box a:hover .image {
box-shadow: 0px 19px 40px rgba(0, 0, 0, .223667);
top: -40px;
border-color: transparent
}
div.boxes .box a:hover .image .badge {
opacity: 1
}
div.boxes .box .text {
display: block;
background-color: #fff;
border: 1px solid #e2e2e2;
position: relative;
top: 0;
z-index: 2;
-moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
padding: 71px 20px 47px 20px
}
div.boxes .box .text span {
display: block;
text-transform: uppercase
}
div.boxes .box .text .title {
font-size: 35px;
line-height: 40px;
letter-spacing: 5px;
font-family: "Knockout", sans-serif;
color: #000;
max-width: 256px;
margin: 0 auto 32px auto
}
div.boxes .box .text .description {
font-size: 16px;
line-height: 23px;
letter-spacing: 2.29px;
font-style: italic;
max-width: 256px;
margin: 0 auto 0 auto
}
div.boxes .box a:hover .text {
box-shadow: 0px 19px 40px rgba(0, 0, 0, .223667);
top: -40px;
border-color: transparent
}
.map-wrap {
text-align: center;
padding-bottom: 7px
}
.map-wrap h5 {
max-width: 614px;
margin: 0 auto;
text-align: center;
padding: 0
}
.map-wrap img {
display: block;
max-width: none;
width: 100%;
height: auto;
margin: 0
}
.map-wrap .map {
margin: 45px 0 37px 0
}
.map-wrap .button {
max-width: none;
display: inline-block;
padding-left: 25px;
padding-right: 25px
}
.history {
text-align: center
}
.history h2 {
padding-bottom: 19px
}
.history .years {
position: relative
}
.history .years:before {
content: "";
position: absolute;
left: 50%;
top: 35px;
width: 1px;
height: calc(100% - 60px);
background-color: #e2e2e2
}
.history .year {
float: left;
margin-right: 9.84%;
width: 45.08%;
text-align: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.history .year:nth-child(even) {
margin-right: 0;
float: left;
text-align: left
}
.history .year:nth-child(2n) {
padding-top: 35px
}
.history .year:nth-child(2n+1) {
clear: left
}
.contact-wrap {
position: relative;
margin-bottom: 80px
}
.contact-wrap .map {
float: left;
width: 64.05%;
margin-right: 7.55%
}
.contact-wrap .text {
position: absolute;
right: 0;
bottom: 0;
width: 28.4%
}
.contact-wrap .text a {
text-decoration: none
}
.contact-wrap .text a:hover {
text-decoration: underline
}
.members-container {
text-align: center;
padding-top: 20px
}
.members .member {
float: left;
width: 24.28%;
margin-right: .96%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #e2e2e2;
text-align: left;
padding: 38px 15px 31px 15px;
line-height: 19px;
margin-top: 10px
}
.members .member:nth-child(4n) {
margin-right: 0
}
.members .member:nth-child(4n+1) {
clear: left
}
.members .member h6 {
padding: 0 0 30px 0
}
.members .member p {
padding: 0
}
.members .member a {
text-decoration: none
}
.members .member a:hover {
text-decoration: underline
}
.breadcrumbs-module {
margin-top: 10px;
margin-bottom: 10px
}
.breadcrumbs-module-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
color: #aaa
}
.breadcrumbs-module-content a {
text-decoration: none;
display: inline-block;
margin: 0 3px;
color: #aaa
}
.breadcrumbs-module-content a:hover {
color: #888
}
#mapbox {
height: 0px;
padding-bottom: 50%
}
.mapboxgl-popup-content {
max-width: 273px;
box-shadow: 0px 19px 40px rgba(0, 0, 0, .223667);
border-radius: 0;
padding: 14px 19px
}
.mapboxgl-popup-content p {
padding-bottom: 9px
}
.mapboxgl-popup-content p:last-child {
padding-bottom: 0
}
.mapboxgl-popup .mapboxgl-popup-tip,
.mapboxgl-popup .mapboxgl-popup-close-button,
a.mapboxgl-ctrl-logo,
.mapboxgl-ctrl-bottom-right {
display: none
}
.marker {
background-image: url(//steinway.co.uk/wp-content/themes/steinway/assets/img/pin.png);
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 24px;
cursor: pointer
}
.used-piano {
border: 1px solid #e2e2e2;
padding: 0 60px;
max-width: 880px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex
}
.used-piano a.thumb {
display: block;
float: left;
width: 49.86%;
padding: 20px 0
}
.used-piano a.thumb img {
display: block;
max-width: none;
width: 100%;
height: auto;
margin: 0
}
.used-piano .description {
display: block;
float: right;
width: 49.86%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.used-piano .description .t {
text-transform: uppercase;
font-family: "Knockout", sans-serif;
font-size: 35px;
line-height: 1.14
}
.used-piano .description .s {
margin-bottom: 11px;
text-transform: uppercase
}
.used-piano .description .read-more {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
color: #000;
font-size: 16px;
line-height: 20px;
letter-spacing: 2px;
font-family: "Knockout", sans-serif;
border: 1px solid #e1e1e1;
padding: 7px 20px;
margin: 0;
margin-top: 20px
}
.used-piano .description .read-more:hover {
background-color: #000;
border-color: #000;
color: #fff
}
.used-piano {
margin-bottom: 30px
}
.used-pianos-restoration ul {
list-style: none;
margin-bottom: 38px
}
.used-pianos-restoration h5 {
font-style: normal;
font-size: 14px;
margin-bottom: 18px
}
.used-pianos-restoration .center {
max-width: 640px
}
.used-pianos-details hr {
margin-bottom: 40px
}
.used-pianos-details .button {
margin: 35px auto 20px;
padding: 18px 0
}
.under-link {
text-decoration: none;
font-style: italic;
color: #8e8e8e
}
.under-link:hover {
color: #4c4c4c
}
@media screen and (max-width: 1500px) {
.post-downloads {
margin-top: 100px
}
}
@media screen and (max-width: 1200px) {
.nav.cloned .menu>li>ul {
top: 0
}
.nav.cloned .menu>li>ul>li>ul {
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
.nav.cloned.hover .menu>li.hover>ul {
top: 179px !important
}
body.header-scrolled .nav.cloned.hover .menu>li.hover>ul {
top: 75px !important
}
.nav.cloned.no-scroll-transition {
display: block !important
}
.nav.cloned .close-menu {
display: block !important
}
body.header-scrolled .nav.cloned .menu>li>ul {
top: -56px !important
}
.menu li.overview {
display: inline-block !important
}
.menu>li>ul>li {
padding: 0 10px
}
img.aligncenter {
margin-left: -20px !important;
margin-right: 0 !important;
width: calc(100% + 40px);
max-width: none
}
img.aligncenter.mobile {
margin-left: -20px !important;
margin-right: 0 !important
}
.video {
margin: 60px 0 0 0
}
.one-half {
padding: 0 0 40px 0
}
.slider-container {
padding-left: 0;
padding-right: 0
}
.slider-container.full .slider .slides li img {
max-height: 100%;
height: auto; display: block;
margin: 0 auto
}
.slider-container.full.caped {
margin-bottom: 0
}
.slider-container.full.caped .slider .slides li img {
max-width: 100%;
max-height: none
}
body:not(.home) .pianos {
padding-top: 0
}
body:not(.home) .pianos .text {
padding-bottom: 9px
}
.news {
padding-top: 0
}
.news-container.single .news {
padding-bottom: 10px
}
.news .center {
padding-bottom: 9px
}
.news .posts {
padding-top: 0;
padding-bottom: 0
}
.news .posts .post .post-thumb {
width: calc(100% + 40px);
margin-left: -20px
}
.news .posts .post .post-text {
width: calc(100% + 20px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 20px
}
.news .posts .post .post-image {
margin: 25px auto 15px auto
}
.post-downloads {
margin-top: 70px
}
.single-piano-intro .quote-box {
margin: 0 auto 20px auto
}
.pianos-container.single .pianos-tabs {
padding-top: 25px
}
.pianos-container.single .pianos-tabs .image {
margin-right: 5%
}
.pianos-container.single .pianos-tabs .text {
width: 33.92%
}
div.boxes {
padding: 20px 0 25px 0
}
div.boxes .box a .image .badge {
max-width: 100px
}
div.boxes .box a:hover .image {
box-shadow: none;
top: 0;
border-color: #e2e2e2
}
div.boxes .box a:hover .image .badge {
opacity: 0
}
div.boxes .box.hover a .image {
box-shadow: 0px 19px 40px rgba(0, 0, 0, .223667) !important;
top: -40px !important;
border-color: transparent !important
}
div.boxes .box.hover a .image .badge {
opacity: 1 !important
}
.map-wrap .map {
margin: 25px 0 25px 0
}
.members .member {
width: 32.7%;
margin-right: .95%
}
.members .member:nth-child(4n) {
margin-right: .95%
}
.members .member:nth-child(4n+1) {
clear: none
}
.members .member:nth-child(3n) {
margin-right: 0
}
.members .member:nth-child(3n+1) {
clear: left
}
}
@media screen and (max-width: 960px) {
.nav.cloned.hover .menu>li.hover>ul {
top: 154px !important
}
li.close {
margin-top: 16px !important
}
.close-menu.level-3 {
margin-top: 66px !important
}
body.header-scrolled li.close {
margin-top: 8px !important
}
.one-half {
width: 47%;
margin-right: 6%
}
.logos {
text-align: center;
padding-bottom: 0
}
.logos a {
margin: 0 40px 25px 0
}
.menu>li>ul {
height: 71px;
padding: 12px 0 10px 0;
top: 154px;
border-top: 15px solid #fff
}
.menu>li>ul>li {
padding: 0 8px
}
.menu>li>ul>li>a {
font-size: 14px;
letter-spacing: 1px
}
.menu>li>ul>li>ul {
height: 50px;
padding: 12px 0 10px 0;
top: 225px
}
.menu>li>ul>li>ul>li {
padding: 0 6px
}
.menu>li>ul>li>ul>li>a {
font-size: 14px
}
#header.scrolled .nav .menu>li>ul>li>ul {
top: 150px
}
#logo {
width: 300px
}
#header {
height: 169px
}
#header-inner {
padding: 30px 20px 0 20px
}
#page-wrapper {
padding-top: 169px
}
#chat {
top: 25px
}
#header.scrolled {
height: 87px
}
#header.scrolled #logo {
left: 20px;
top: 26px;
width: 160px
}
#header.scrolled .nav {
padding-top: 15px
}
#header.scrolled #chat {
top: 45px
}
.slider .slide-content {
max-width: 90%
}
.pianos-tabs .pianos-tab .text {
padding-bottom: 14px
}
.cta {
padding: 19px 0 50px 0
}
footer .footer-inner {
padding: 70px 0 40px 0
}
footer .footer-columns {
padding: 25px 0 40px 0
}
footer .footer-columns .footer-column {
max-width: 136px;
margin: 0 20px;
font-size: 14px
}
.news .posts .post .post-description {
padding-left: 250px
}
.news .posts .post .post-text {
padding-left: 40px
}
.news .posts .post .post-info {
max-width: 250px
}
.news .posts .post .post-info p {
max-width: 220px
}
.news .posts .post .post-info img {
max-width: 70%;
margin-top: 10px
}
.news .posts .post .post-text h5 {
padding-bottom: 25px
}
.news .posts .post .post-text .button {
margin-top: 4px
}
.post-downloads .box {
display: block;
float: left;
max-width: none;
width: 47.5%;
margin-right: 5%;
margin-left: 0
}
.post-downloads .box:nth-child(2n) {
margin-right: 0
}
.post-downloads .box:nth-child(2n+1) {
clear: left
}
.post-downloads .box .button {
max-width: none
}
.post-press-contact {
padding: 51px 0 6px 290px
}
.single-piano-intro .center {
max-width: calc(100% - 80px);
padding: 30px 50px;
margin-top: -40px
}
.single-piano-intro .quote-box {
margin: 0 auto 10px auto
}
.pianos-container.single .pianos-tabs .image {
float: left;
width: 47.5%
}
.pianos-container.single .pianos-tabs .text {
float: left;
width: 47.5%
}
div.boxes .box .text {
padding: 30px 15px 25px 15px
}
div.boxes .box .text .title {
font-size: 28px;
line-height: 32px;
letter-spacing: 3.5px;
margin: 0 auto 20px auto
}
div.boxes .box .text .description {
font-size: 14px;
line-height: 20px;
letter-spacing: 1.5px
}
.contact-wrap {
margin-bottom: 40px
}
.contact-wrap .map {
float: none;
width: calc(100% + 40px);
margin-left: -20px;
margin-right: 0;
margin-bottom: 40px
}
.contact-wrap .text {
position: relative;
right: auto;
bottom: auto;
width: auto;
text-align: justify
}
.contact-wrap .text:after {
content: "";
display: inline-block;
width: 100%;
height: 0
}
.contact-wrap .text p {
display: inline-block;
vertical-align: top
}
.contact-wrap .text>br {
display: none
}
.members .member {
width: 49.5%;
margin-right: 1%
}
.members .member:nth-child(4n) {
margin-right: 1%
}
.members .member:nth-child(4n+1) {
clear: none
}
.members .member:nth-child(3n) {
margin-right: 1%
}
.members .member:nth-child(3n+1) {
clear: none
}
.members .member:nth-child(2n) {
margin-right: 0
}
.members .member:nth-child(2n+1) {
clear: left
}
}
@media screen and (max-width: 1200px) {
.logos {
padding: 27px 0 16px 0;
font-size: 0;
line-height: 0;
text-align: justify
}
.logos a {
width: 45%;
margin: 0 0 20px 0
}
.logos a img {
max-height: 50px
}
body:not(.home) .logos {
padding-top: 0
}
body:not(.home) .logos:before {
content: "";
display: block;
max-width: 330px;
margin: -20px auto 0 auto;
height: 1px;
background-color: #e7e7e7;
margin-bottom: 62px
}
#header {
height: 158px
}
#header-inner {
padding: 28px 20px 0 20px
}
#page-wrapper {
padding-top: 158px
}
body.header-scrolled.visible-nav #header {
height: 107px
}
#logo {
width: 241px
}
.nav {
padding-top: 17px
}
.menu li {
display: inline-block;
padding: 0 6px
}
.menu li a {
font-size: 16px;
line-height: 18px;
border-bottom: 3px solid transparent;
padding-bottom: 2px
}
.nav.cloned.hover .menu>li.hover>ul {
top: 134px !important
}
body.header-scrolled .nav.cloned.hover .menu>li.hover>ul {
top: 40px !important
}
body.header-scrolled.visible-nav .nav.cloned.hover .menu>li.hover>ul {
top: 80px !important
}
.menu>li>ul {
padding: 24px 0 0 0;
margin-top: 24px !important;
border-top: none;
height: auto;
visibility: hidden
}
.menu>li>ul>li {
display: none !important
}
.menu>li.hover>ul {
visibility: visible
}
.menu>li.hover>ul>li {
display: block !important
}
.menu>li>ul>li {
display: block;
padding: 7px 0
}
.menu>li>ul>li>a {
font-size: 16px;
line-height: 18px;
letter-spacing: 2px;
border-bottom: 3px solid transparent;
padding-bottom: 2px;
display: inline-block;
position: relative
}
.menu>li>ul>li.has-dropdown a:after {
content: "";
font-family: icomoon;
font-size: 10px;
transform: rotate(90deg);
position: absolute;
display: inline-block;
right: -15px;
top: 0
}
.menu>li>ul>li.has-dropdown.hover a:after {
transform: rotate(-90deg)
}
.menu>li>ul>li>ul {
position: relative !important;
left: auto !important;
top: auto !important;
padding: 14px 0 10px 0;
height: auto !important;
display: none !important;
z-index: 1 !important
}
.menu>li>ul>li.hover>ul {
display: block !important
}
.menu>li>ul>li>ul:after {
content: "";
display: block;
width: 100%;
height: 50%;
position: absolute;
left: 0;
bottom: 0;
box-shadow: 0px 5px 30px rgba(0, 0, 0, .2);
z-index: -1
}
.menu>li>ul>li>ul>li>a {
font-size: 16px;
line-height: 18px;
border-bottom: 3px solid transparent;
padding-bottom: 2px;
display: inline-block
}
.menu>li>ul>li>ul>li>a:before {
content: "- "
}
.close-menu {
display: none !important
}
.menu li.close {
display: block;
padding: 0;
margin: 19px 0 0 0;
width: 100%
}
.menu li.close a {
display: block;
padding: 10px 0 0 0 !important;
margin: 0;
border: none;
border-top: 1px solid #4f4b4b
}
.menu li.close a:after {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background: transparent url(//steinway.co.uk/wp-content/themes/steinway/assets/img/close-menu.png) no-repeat left top;
background-size: 18px auto !important;
margin: 0 0 0 8px;
position: relative;
top: 3px
}
.close-menu.level-3 {
margin-top: 0 !important
}
#header.scrolled {
height: 64px
}
#header.scrolled #logo {
left: 12px;
top: 16px;
width: 34px;
height: 39px;
background: transparent url(//steinway.co.uk/wp-content/themes/steinway/assets/img/scrolled-logo.png) no-repeat left top;
background-size: 34px auto
}
#header.scrolled #logo img {
display: none
}
#header.scrolled .nav {
position: fixed;
left: 0;
top: 64px;
z-index: 99999;
background-color: #fff;
visibility: hidden;
opacity: 0;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
width: 100%;
padding-bottom: 5px
}
#header.scrolled .nav-button {
display: block
}
#header.scrolled .nav.visible {
visibility: visible;
opacity: 1
}
#header.scrolled .nav .menu>li>ul {
margin-top: 0 !important
}
#header.scrolled #chat {
top: 24px;
right: 14px
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 36px;
line-height: 41px;
letter-spacing: 3px;
padding: 16px 0 14px 0
}
h2 {
font-size: 36px;
line-height: 41px;
letter-spacing: 3px;
padding: 16px 0 14px 0
}
h3 {
font-size: 28px;
line-height: 33px;
letter-spacing: 2.33px;
padding: 25px 0 25px 0
}
h4 {
font-size: 24px;
line-height: 33px;
letter-spacing: 2.33px
}
h5 {
font-size: 16px;
line-height: 22px;
letter-spacing: 2px;
font-style: normal
}
h5.mobile {
text-align: center;
background-color: #fff;
display: block;
position: relative;
z-index: 1;
margin-bottom: -37px;
margin-top: -47px;
padding-bottom: 0
}
h6 {
font-size: 16px;
line-height: 22px;
letter-spacing: 2px;
font-style: normal
}
.content h6 {
padding: 20px 0 12px 0
}
p {
padding-bottom: 26px
}
.video {
margin: 49px 0 47px 0
}
.video:after {
content: "";
display: block;
max-width: 292px;
width: 100%;
margin: 0 auto;
height: 1px;
background-color: #e7e7e7;
margin-top: 40px;
position: absolute;
left: 50%;
bottom: -41px;
transform: translate(-50%, 0)
}
.one-half {
float: none;
width: auto;
margin-right: 0;
padding: 0 0 0 0
}
.content ul {
padding: 0 0 14px 0
}
.mobile {
display: block
}
img.mobile {
display: block !important;
margin: 7px auto 38px auto !important
}
body:not(.home) .aligncenter {
margin-bottom: 30px
}
.desktop {
display: none !important
}
.button {
max-width: none;
padding: 10px 50px
}
.news-container:not(.single) .button.white {
background-color: #000;
color: #fff;
border: none
}
.news-container:not(.single) .button.white:hover {
background-color: #c22026;
color: #fff
}
hr {
margin: 0 0 11px 0;
display: none
}
.center {
padding-bottom: 0
}
.center h1,
.center h2 {
background-color: #fff;
max-width: calc(100% - 40px);
margin: -40px auto 0 auto;
background-color: #fff;
position: relative;
z-index: 1
}
.center h5 {
max-width: 242px;
margin: 0 auto
}
.carousel-container {
margin-bottom: -25px
}
.logos {
padding: 27px 0 16px 0;
font-size: 0;
line-height: 0;
text-align: justify
}
.logos a {
width: 45%;
margin: 0 0 20px 0
}
.logos a img {
max-height: 50px
}
body:not(.home) .logos {
padding-top: 0
}
body:not(.home) .logos:before {
content: "";
display: block;
max-width: 330px;
margin: -20px auto 0 auto;
height: 1px;
background-color: #e7e7e7;
margin-bottom: 62px
}
#header {
height: 158px
}
#header-inner {
padding: 28px 20px 0 20px
}
#page-wrapper {
padding-top: 158px
}
body.header-scrolled.visible-nav #header {
height: 107px
}
#logo {
width: 241px
}
#chat {
right: 14px;
top: 24px
}
#chat span {
display: none
}
.nav {
padding-top: 17px
}
.menu li {
display: inline-block;
padding: 0 6px
}
.menu li a {
font-size: 16px;
line-height: 18px;
border-bottom: 3px solid transparent;
padding-bottom: 2px
}
.nav.cloned.hover .menu>li.hover>ul {
top: 134px !important
}
body.header-scrolled .nav.cloned.hover .menu>li.hover>ul {
top: 40px !important
}
body.header-scrolled.visible-nav .nav.cloned.hover .menu>li.hover>ul {
top: 80px !important
}
.menu>li>ul {
padding: 24px 0 0 0;
margin-top: 24px !important;
border-top: none;
height: auto;
visibility: hidden
}
.menu>li>ul>li {
display: none !important
}
.menu>li.hover>ul {
visibility: visible
}
.menu>li.hover>ul>li {
display: block !important
}
.menu>li>ul>li {
display: block;
padding: 7px 0
}
.menu>li>ul>li>a {
font-size: 16px;
line-height: 18px;
letter-spacing: 2px;
border-bottom: 3px solid transparent;
padding-bottom: 2px;
display: inline-block;
position: relative
}
.menu>li>ul>li.has-dropdown a:after {
content: "";
font-family: icomoon;
font-size: 10px;
transform: rotate(90deg);
position: absolute;
display: inline-block;
right: -15px;
top: 0
}
.menu>li>ul>li.has-dropdown.hover a:after {
transform: rotate(-90deg)
}
.menu>li>ul>li>ul {
position: relative !important;
left: auto !important;
top: auto !important;
padding: 14px 0 10px 0;
height: auto !important;
display: none !important;
z-index: 1 !important
}
.menu>li>ul>li.hover>ul {
display: block !important
}
.menu>li>ul>li>ul:after {
content: "";
display: block;
width: 100%;
height: 50%;
position: absolute;
left: 0;
bottom: 0;
box-shadow: 0px 5px 30px rgba(0, 0, 0, .2);
z-index: -1
}
.menu>li>ul>li>ul>li>a {
font-size: 16px;
line-height: 18px;
border-bottom: 3px solid transparent;
padding-bottom: 2px;
display: inline-block
}
.menu>li>ul>li>ul>li>a:before {
content: "- "
}
.close-menu {
display: none !important
}
.menu li.close {
display: block;
padding: 0;
margin: 19px 0 0 0;
width: 100%
}
.menu li.close a {
display: block;
padding: 10px 0 0 0 !important;
margin: 0;
border: none;
border-top: 1px solid #4f4b4b
}
.menu li.close a:after {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background: transparent url(//steinway.co.uk/wp-content/themes/steinway/assets/img/close-menu.png) no-repeat left top;
background-size: 18px auto !important;
margin: 0 0 0 8px;
position: relative;
top: 3px
}
.close-menu.level-3 {
margin-top: 0 !important
}
#header.scrolled {
height: 64px
}
#header.scrolled #logo {
left: 12px;
top: 16px;
width: 34px;
height: 39px;
background: transparent url(//steinway.co.uk/wp-content/themes/steinway/assets/img/scrolled-logo.png) no-repeat left top;
background-size: 34px auto
}
#header.scrolled #logo img {
display: none
}
#header.scrolled .nav {
position: fixed;
left: 0;
top: 64px;
z-index: 99999;
background-color: #fff;
visibility: hidden;
opacity: 0;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
width: 100%;
padding-bottom: 5px
}
#header.scrolled .nav-button {
display: block
}
#header.scrolled .nav.visible {
visibility: visible;
opacity: 1
}
#header.scrolled .nav .menu>li>ul {
margin-top: 0 !important
}
#header.scrolled #chat {
top: 24px;
right: 14px
}
.modal-form .close-button {
top: 168px !important;
right: 8px
}
.modal-form .close-button span {
display: none
}
.modal-form.fancybox-content {
padding: 200px 15px 20px 15px
}
.modal-form.fancybox-content .inner-modal {
max-width: 558px;
margin: 0 auto
}
.modal-form.fancybox-content h3 {
padding: 0 0 17px 0;
margin: 0
}
.modal-form.fancybox-content em {
font-size: 16px;
line-height: 21px;
letter-spacing: .8px;
padding: 5px 20px 19px 20px
}
.modal-form.fancybox-content label.checkbox {
font-size: 14px;
line-height: 16px;
padding: 0 0 0 33px;
margin: 0 0 20px 0
}
.modal-form.fancybox-content label.checkbox input[type=checkbox] {
top: 15px
} .modal-form.fancybox-content select {
background-position: calc(100% - 12px) center
}
.modal-form.fancybox-content textarea {
height: 176px;
max-height: 176px;
min-height: 176px;
padding: 9px 0 0 15px;
margin: 0 0 2px 0
}
.modal-form.fancybox-content input[type=submit],
.modal-form.fancybox-content button[type=submit] {
padding: 0 0 0 15px;
margin: 0
}
.modal-form.fancybox-content input[type=submit] i,
.modal-form.fancybox-content button[type=submit] i {
right: 15px
}
body.header-scrolled .modal-form.fancybox-content {
padding-top: 106px
}
body.header-scrolled .modal-form .close-button {
top: 74px !important
}
.slider .slide-content {
max-width: calc(100% - 80px);
padding: 9px 0 28px 0;
margin-top: -40px
}
.slider .slide-content h1,
.slider .slide-content h2 {
padding: 0 0 11px 0
}
.slider .slide-content h5 {
max-width: 538px;
margin: 0 auto;
padding: 0 0 30px 0
}
.slider .slide-content p {
display: none
}
.slider-container.full.caped.mobile {
margin-bottom: -25px
}
.slider-container.full.caped.mobile .flex-direction-nav a.flex-prev {
display: none !important
}
.slider-container.full.caped.mobile .flex-direction-nav a.flex-next {
top: auto !important;
margin-top: 0 !important;
bottom: 0 !important
}
.flex-direction-nav a {
width: 40px !important;
height: 40px !important;
font-size: 12px;
margin: -40px 0 0 0 !important
}
.flex-direction-nav a i {
height: 40px;
line-height: 40px;
width: 40px
}
.slider-container.full .flex-direction-nav a {
margin-top: -20px !important
}
.pianos {
padding: 12px 0 51px 0
}
.pianos hr {
display: block
}
.page-nav {
padding: 0 0 14px 0;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: calc(100% + 5px);
margin-left: -5px
}
.page-nav a {
padding: 7px 10px;
margin: 0 5px 10px 5px;
flex: 1;
white-space: nowrap
}
.page-nav:after {
content: "";
display: table;
clear: both
}
.pianos-tabs .pianos-tab {
display: none;
}
.pianos-tabs .pianos-tab.active {
display: block;
}
.pianos-tabs .pianos-tab .text {
max-width: none;
padding: 0 0 6px 0;
display: none
}
.pianos-tabs .pianos-tab .text.mobile {
display: block
}
.pianos-tabs .pianos-tab .flexslider {
margin: 0 0 29px 0
} .pianos-tabs .pianos-tab .flexslider .flex-nav-prev { }
.pianos-tabs .pianos-tab .flexslider .flex-next { z-index: 1
} .pianos-tabs .pianos-tab .flexslider .flex-prev { z-index: 1
}
.pianos-tabs .pianos-tab .flexslider .slides {
list-style: none;
padding: 0;
margin: 0
}
.pianos-tabs .pianos-tab .flexslider .slides li {
margin: 0;
clear: none !important
}
.pianos-tabs .pianos-tab .flexslider .slides li a span.description {
padding: 24px 15px 15px 15px
}
body:not(.home) .cta-container {
margin-top: 10px
}
.cta-container {
margin: 32px 0 0 0
}
.cta {
padding: 0 0 28px 0
}
.cta form {
margin: 0 auto 0 auto
}
.cta form input {
padding: 0 60px 0 23px
}
footer .footer-inner {
padding: 43px 0 35px 0
}
footer .center {
max-width: 260px
}
footer .footer-columns {
padding: 39px 0 9px 0
}
footer .footer-columns .footer-column {
display: block;
max-width: 156px;
margin: 0 auto 28px auto;
font-size: 16px;
line-height: 26px
}
footer hr {
display: block
}
footer .links {
padding: 16px 0 0 0
}
footer .links a {
margin: 0 10px
}
footer .links p {
margin: 0 10px
}
footer .links h6 {
padding: 0 0 6px 0
}
.news .posts {
padding-top: 14px;
padding-bottom: 10px
}
.news .posts .post {
margin-bottom: 70px
}
.news .posts .post .post-thumb {
position: relative
}
.news .posts .post .post-thumb a.read-more {
position: absolute;
right: 0;
bottom: 0;
width: 40px;
height: 40px;
line-height: 40px;
background-color: #000;
color: #fff;
text-decoration: none;
font-size: 12px
}
.news .posts .post .post-thumb a.read-more i {
width: 40px;
height: 40px;
line-height: 40px;
display: block;
vertical-align: top
}
.news .posts .post .post-description {
padding-left: 0;
margin: 0 auto;
width: auto
}
.news .posts .post .post-info {
display: none
}
.news .posts .post .post-text {
margin: 0;
width: auto;
padding: 0;
text-align: center;
min-height: 1px !important;
text-align: left;
background-color: transparent
}
.news .posts .post .post-text h2,
.news .posts .post .post-text h1 {
padding: 9px 20px 12px 20px;
text-align: center;
max-width: calc(100% - 40px);
margin: -40px auto 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff
}
.news .posts .post .post-text h5 {
text-align: center;
max-width: calc(100% - 40px);
margin: 0 auto
}
.news-container.single .news .posts .post .post-text h5 {
padding-bottom: 33px
}
.news .posts .post .post-text p {
display: none
}
.news-container.single .news .posts .post .post-text p {
display: block
}
.news .posts .post .post-text .button {
margin-top: 4px
}
.news .posts .post .post-description.secondary .post-text .button:first-of-type {
margin-top: 9px
}
.news .posts .post .post-description.secondary .post-text .button:last-of-type {
margin-bottom: 36px
}
.news .posts .post .post-image {
margin: 17px auto 29px auto
}
.news .post-info {
font-size: 14px;
line-height: 20px;
letter-spacing: .88px;
color: #636363;
font-style: italic;
padding: 5px 0 15px 0;
text-align: left
}
.news .post-info p {
padding: 0 0 27px 0
}
.news .post-slider-wrap {
margin: 0 0 7px 0
}
.news .post-slider {
position: relative;
left: auto;
width: calc(100% + 40px);
margin-left: -20px
}
.quote-box {
padding: 20px 0 13px 0
}
.quote-box blockquote {
font-size: 23px;
line-height: 30px;
letter-spacing: 1.5px;
padding-bottom: 35px
}
.load-more {
padding: 26px 0 0 0;
max-width: calc(100% - 40px);
margin: 0 auto
}
.post-downloads {
margin-top: 40px;
padding-top: 40px;
padding-bottom: 15px
}
.post-downloads .box {
display: block;
float: none;
max-width: none;
width: auto;
margin-right: 0;
margin-bottom: 25px
}
.post-press-contact {
padding: 32px 0 29px 0;
margin-bottom: 27px;
border-bottom: 1px solid #e7e7e7
}
.post-press-contact h6 {
padding-bottom: 10px
}
.single-piano-intro {
padding-bottom: 45px
}
.single-piano-intro .center {
max-width: none;
margin-top: 0;
padding: 21px 0 8px 0
}
.single-piano-intro hr {
display: block;
margin-bottom: 6px
}
.single-piano-intro .quote-box {
margin: 0 auto 12px auto
}
.pianos-container.single .pianos-tabs {
padding-top: 0
}
.pianos-container.single .pianos-tabs .image {
float: none;
width: auto;
margin-right: 0;
margin-top: 0
}
.pianos-container.single .pianos-tabs .text {
float: none;
width: auto;
display: block !important;
text-align: center;
margin-top: 25px
}
.pianos-container.single .pianos-tabs .inner-text.read-more {
max-height: 400px;
overflow: hidden;
position: relative
}
.pianos-container.single .pianos-tabs .inner-text.read-more:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
pointer-events: none;
height: 124px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.0001) 0%, #FFFFFF 65.68%)
}
.pianos-container.single .pianos-tabs .inner-text.read-more .button {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: none
}
.pianos-container.single .pianos-tabs h6 {
text-align: left;
padding: 5px 0 17px 0
}
.related-news hr {
display: block
}
.related-news {
margin-top: 0
}
.related-posts {
padding: 0
}
.related-post {
text-align: left
}
.related-post h3 {
font-size: 16px;
line-height: 26px;
letter-spacing: 1px;
font-family: "MinionPro", sans-serif;
text-transform: uppercase;
padding: 16px 0 14px 0
}
.related-post h3 a {
text-decoration: none;
color: #000;
border-bottom: 2px solid transparent
}
.related-post h3 a:hover {
border-color: #000
}
.related-news .flex-direction-nav a.flex-prev {
display: none !important
}
.related-news .flex-direction-nav a.flex-next {
margin-right: -20px !important;
z-index: 100
}
div.boxes {
padding: 31px 0 2px 0
}
div.boxes .box {
float: left;
width: 50%;
margin-right: 0;
margin-bottom: 20px
}
div.boxes .box:nth-child(2n) {
margin-left: -1px
}
div.boxes .box:nth-child(3n+1) {
clear: none
}
div.boxes .box:nth-child(2n+1) {
clear: left
}
div.boxes .box .image .badge {
max-width: 67px;
left: -13px;
top: -14px
}
div.boxes.with-text .box {
float: none;
width: auto
}
div.boxes .box .text {
padding: 25px 15px 0 15px;
display: flex;
align-items: center
}
div.boxes .box .text .title {
font-size: 35px;
line-height: 40px;
letter-spacing: 5px;
margin: 0 auto 25px auto;
min-height: 1px !important
}
div.boxes .box .text .description {
font-size: 16px;
line-height: 23px;
letter-spacing: 2.29px;
min-height: 1px !important;
display: none;
margin-bottom: 25px
}
div.boxes.with-text .box.hover {
margin-top: 60px
}
div.boxes .box.hover .text {
display: block
}
div.boxes .box.hover .text .description {
display: block
}
.map-wrap {
padding-bottom: 20px
}
.map-wrap .map {
display: none
}
.map-wrap .button {
margin-top: 41px
}
.history:before {
content: "";
display: block;
max-width: 330px;
height: 1px;
background-color: #e7e7e7;
margin: -8px auto 35px auto
}
.history .years:before {
display: none
}
.history h2 {
padding-bottom: 18px
}
.history .year {
float: none;
margin-right: 0;
width: auto;
text-align: center
}
.history .year:nth-child(even) {
float: none;
text-align: center
}
.history .year:nth-child(2n) {
padding-top: 0
}
.members .member {
width: auto;
margin-right: 0 !important;
float: none
}
.contact-wrap {
margin-top: 16px;
margin-bottom: 0
}
.contact-wrap .map {
margin-bottom: 20px
}
.contact-wrap .text {
text-align: left
}
.contact-wrap .text p {
display: block;
padding-bottom: 20px
}
.contact-wrap .text>br {
display: block
}
.used-piano {
flex-direction: column;
padding-bottom: 30px
}
.used-piano a.thumb {
width: 100%;
float: none;
padding-top: 0
}
.used-piano .description {
width: 100%;
float: none
}
.used-pianos-restoration h5 {
margin-bottom: 15px
}
.single-piano-intro hr {
max-width: none
}
.used-pianos-details {
padding-bottom: 30px
}
.used-pianos-details hr {
display: block;
max-width: none;
margin-bottom: 25px
}
.used-pianos-details .button {
margin: 5px auto 12px
}
}
@media(max-width: 500px) {
.used-piano {
padding: 20px
}
}
.slider-container.full+.single-piano-intro-container .shop-product-details {
margin-top: -50px
}
.shop-product-details {
max-width: 895px;
margin: 0 auto 0 auto;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 60px;
text-align: left
}
.shop-product-details:after {
content: "";
display: block;
height: 1px;
max-width: 330px;
background-color: #e7e7e7;
margin: 24px 0 16px 148px
}
.shop-product-details .shop-product-details-item {
position: relative;
padding: 0 0 0 148px;
margin: 12px 0
}
.shop-product-details .shop-product-details-item .shop-product-details-label {
position: absolute;
left: 0;
top: 0;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase
}
.woocommerce .single-piano-intro-container .product,
.woocommerce .single-piano-intro-container .product-type-simple {
border-bottom: 1px solid #e7e7e7;
padding-bottom: 42px
}
.woocommerce .single-piano-intro-container .product.product-type-variable .summary>.shop-product-details .shop-product-details-item:first-child,
.woocommerce .single-piano-intro-container .product-type-simple.product-type-variable .summary>.shop-product-details .shop-product-details-item:first-child {
display: none
}
.woocommerce .single-piano-intro-container .product .summary,
.woocommerce .single-piano-intro-container .product-type-simple .summary {
float: none;
width: auto;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left
}
.woocommerce .single-piano-intro-container .product .shop-product-details,
.woocommerce .single-piano-intro-container .product-type-simple .shop-product-details {
margin-top: 0;
padding: 0
}
.woocommerce .single-piano-intro-container .product .shop-product-details:after,
.woocommerce .single-piano-intro-container .product-type-simple .shop-product-details:after {
display: none
}
.woocommerce .single-piano-intro-container .product .price,
.woocommerce .single-piano-intro-container .product-type-simple .price {
font-size: 19px;
line-height: 20px;
font-weight: bold;
color: #000;
letter-spacing: 2px
}
.woocommerce .single-piano-intro-container .product .price ins,
.woocommerce .single-piano-intro-container .product-type-simple .price ins {
text-decoration: none
}
.woocommerce .single-piano-intro-container .product .variations,
.woocommerce .single-piano-intro-container .product-type-simple .variations {
padding-left: 148px;
padding-top: 24px
}
.woocommerce .single-piano-intro-container .product .variations_form,
.woocommerce .single-piano-intro-container .product-type-simple .variations_form {
max-width: 784px;
margin: 0 auto 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 60px 0 74px;
text-align: left
}
.woocommerce .single-piano-intro-container .product select,
.woocommerce .single-piano-intro-container .product-type-simple select {
width: 100%;
height: 57px;
line-height: 57px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #979797;
background-color: #fff;
border-radius: 0px;
box-shadow: none;
padding: 0 0 0 20px;
color: #000;
font-size: 16px;
line-height: 26px;
letter-spacing: 1px;
font-family: "MinionPro";
outline: none !important;
-webkit-appearance: none;
appearance: none
}
.woocommerce .single-piano-intro-container .product .value,
.woocommerce .single-piano-intro-container .product-type-simple .value {
position: relative
}
.woocommerce .single-piano-intro-container .product .value:after,
.woocommerce .single-piano-intro-container .product-type-simple .value:after {
content: "";
display: block;
position: absolute;
right: 14px;
top: 50%;
width: 14px;
height: 8px;
margin-top: -18px;
background: transparent url(//steinway.co.uk/wp-content/themes/steinway/assets/img/select-arrow.png) no-repeat left top;
background-size: 14px auto
}
.woocommerce .single-piano-intro-container .product .qty,
.woocommerce .single-piano-intro-container .product-type-simple .qty {
display: none !important
}
.woocommerce .single-piano-intro-container .product form.cart .variations,
.woocommerce .single-piano-intro-container .product-type-simple form.cart .variations {
padding-bottom: 16px;
margin-bottom: 0
}
.woocommerce .single-piano-intro-container .product .single_add_to_cart_button,
.woocommerce .single-piano-intro-container .product-type-simple .single_add_to_cart_button {
display: block;
width: calc(100% - 148px);
float: none;
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-size: 16px;
line-height: 55px;
height: 55px;
background-color: #c22026 !important;
text-align: center;
padding: 0;
margin: 16px 0 0 148px;
border: none;
border-radius: 0px;
box-shadow: none;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: none;
font-family: "MinionPro";
font-weight: normal;
letter-spacing: 1px
}
.woocommerce .single-piano-intro-container .product .single_add_to_cart_button:hover,
.woocommerce .single-piano-intro-container .product-type-simple .single_add_to_cart_button:hover {
cursor: pointer;
background-color: #000 !important
}
.woocommerce .single-piano-intro-container .product-type-simple {
max-width: 784px;
margin: 0 auto 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1px 60px 42px 74px;
text-align: left;
margin-top: -1px
}
.woocommerce .single-piano-intro-container .product-type-simple form.cart {
margin: 0;
max-width: none;
padding: 0
}
.woocommerce .single-piano-intro-container .product-type-simple .amount {
font-size: 19px;
line-height: 20px;
font-weight: bold;
color: #000;
letter-spacing: 2px
}
.woocommerce .single-piano-intro-container .product-type-simple .amount ins {
text-decoration: none
}
.woocommerce .single-piano-intro-container .product-type-simple .single_add_to_cart_button {
margin-top: 0
}
.woocommerce .single-piano-intro-container p.error {
color: #c22026
}
.woocommerce .single-piano-intro-container form {
max-width: 784px;
margin: 0 auto 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 60px 0 222px;
text-align: left
}
.woocommerce .single-piano-intro-container form input[type=password] {
width: 100%;
height: 57px;
line-height: 57px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #979797;
background-color: #fff;
border-radius: 0px;
box-shadow: none;
padding: 0 0 0 20px;
color: #000;
font-size: 16px;
line-height: 26px;
letter-spacing: 1px;
font-family: "MinionPro";
outline: none !important;
-webkit-appearance: none;
appearance: none
}
.woocommerce .single-piano-intro-container form input[type=password]:focus {
border-color: #c22026
}
.woocommerce .single-piano-intro-container form input[type=submit] {
display: block;
width: 100%;
float: none;
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-size: 16px;
line-height: 55px;
height: 55px;
background-color: #c22026;
text-align: center;
padding: 0;
margin: 15px 0 0 0;
border: none;
border-radius: 0px;
box-shadow: none;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: none;
font-family: "MinionPro";
font-weight: normal;
letter-spacing: 1px
}
.woocommerce .single-piano-intro-container form input[type=submit]:hover {
cursor: pointer;
background-color: #000
}
.woocommerce-notices-wrapper {
position: relative;
z-index: 10;
padding-bottom: 10px
}
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info {
border-color: #000;
line-height: 34px
}
.woocommerce-notices-wrapper .woocommerce-message:before,
.woocommerce-notices-wrapper .woocommerce-info:before {
color: #000
}
.woocommerce-notices-wrapper .woocommerce-message a.button,
.woocommerce-notices-wrapper .woocommerce-info a.button {
border-radius: 0px;
background-color: #000;
color: #fff
}
.woocommerce-notices-wrapper .woocommerce-message a.button:hover,
.woocommerce-notices-wrapper .woocommerce-info a.button:hover {
background-color: #c22026;
color: #fff
}
.woocommerce-info {
border-color: #000;
line-height: 34px
}
.woocommerce-info:before {
color: #000
}
.woocommerce-info a.button {
border-radius: 0px;
background-color: #000;
color: #fff
}
.woocommerce-info a.button:hover {
background-color: #c22026;
color: #fff
}
.woocommerce table.shop_table {
border-radius: 0px !important
}
.woocommerce button[name=update_cart],
.woocommerce .wc-proceed-to-checkout .checkout-button.button {
display: block;
width: 100%;
float: none;
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-size: 16px;
line-height: 55px;
height: 55px;
background-color: #c22026;
text-align: center;
padding: 0;
margin: 0;
border: none;
border-radius: 0px;
box-shadow: none;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: none;
font-family: "MinionPro";
font-weight: normal;
letter-spacing: 1px
}
.woocommerce button[name=update_cart]:hover,
.woocommerce .wc-proceed-to-checkout .checkout-button.button:hover {
background-color: #000;
color: #fff
}
.woocommerce button[name=update_cart] {
width: auto;
float: right !important;
padding: 0 15px !important;
color: #fff !important;
height: 45px;
line-height: 45px
}
.woocommerce button[name=update_cart]:hover {
background-color: #000 !important;
color: #fff !important
}
.woocommerce .shipping-calculator-form {
padding: 0 !important;
margin: 0 !important
}
.woocommerce .shipping-calculator-form input,
.woocommerce .shipping-calculator-form select,
.woocommerce .shipping-calculator-form .select2-container--default .select2-selection--single {
width: 100%;
height: 30px;
line-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #979797;
background-color: #fff;
border-radius: 0px;
box-shadow: none;
padding: 0 0 0 6px;
color: #000;
font-size: 16px;
line-height: 26px;
letter-spacing: 1px;
font-family: "MinionPro";
outline: none !important;
appearance: none;
border-radius: 0px !important
}
.woocommerce .shipping-calculator-form .select2-container--default .select2-selection--single {
padding-left: 0;
margin: 5px 0 1px 0 !important
}
.woocommerce .shipping-calculator-form p {
padding: 0 0 2px 0
}
.woocommerce .shipping-calculator-form button {
display: block;
width: auto;
float: none;
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-size: 16px;
line-height: 40px;
height: 40px;
background-color: #c22026;
text-align: center;
padding: 0 15px;
margin: 0 !important;
border: none;
border-radius: 0px;
box-shadow: none;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: none;
font-family: "MinionPro";
font-weight: normal;
letter-spacing: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.woocommerce .shipping-calculator-form button:hover {
background-color: #000;
color: #fff
}
.woocommerce .shipping-calculator-form .select2-selection__arrow {
top: 5px
}
.woocommerce-terms-and-conditions-wrapper input {
width: 20px !important;
height: 20px !important;
position: relative;
top: 4px
}
.woocommerce-checkout .woocommerce input[type=text],
.woocommerce-checkout .woocommerce input[type=email],
.woocommerce-checkout .woocommerce input[type=tel],
.woocommerce-checkout .woocommerce select,
.woocommerce-checkout .woocommerce .select2-container--default .select2-selection--single {
width: 100%;
height: 57px;
line-height: 57px;
background-color: #fff;
border: 1px solid #979797;
box-shadow: none;
border-radius: 0px;
-webkit-appearance: none;
outline: none;
text-align: left;
padding: 0 0 0 25px;
margin: 0 0 16px 0;
color: #000;
font-size: 16px;
letter-spacing: 1px;
font-family: "MinionPro", sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: border-color .2s ease;
-webkit-transition: border-color .2s ease;
-o-transition: border-color .2s ease;
transition: border-color .2s ease
}
.woocommerce-checkout .woocommerce input[type=checkbox] {
margin-top: -13px;
width: 25px;
height: 25px;
border-radius: 0px;
box-shadow: none;
background-color: #fff;
border: 1px solid #979797;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none
}
.woocommerce-checkout .woocommerce .col2-set .col-1 {
width: 100%;
float: none
}
.woocommerce-checkout .woocommerce .col2-set .col-2 {
display: none !important
}
.woocommerce-checkout .woocommerce .select2-container--default .select2-selection--single {
margin-bottom: 0;
padding-left: 17px
}
.woocommerce-checkout .woocommerce .select2-container--default .select2-selection--single span {
line-height: 57px;
color: #000
}
.woocommerce-checkout .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 15px
}
.woocommerce-checkout .woocommerce select {
background-image: url(//steinway.co.uk/wp-content/themes/steinway/assets/img/dropdown.svg);
background-size: 15px;
background-repeat: no-repeat;
background-position: calc(100% - 18px) center
}
.woocommerce-checkout .woocommerce textarea {
width: 100%;
max-width: 100%;
min-width: 100%;
height: 209px;
max-height: 209px;
min-height: 209px;
line-height: 26px;
background-color: #fff;
border: 1px solid #979797;
box-shadow: none;
border-radius: 0px;
-webkit-appearance: none;
outline: none;
text-align: left;
padding: 5px 0 0 25px;
margin: 0 0 7px 0;
color: #000;
font-size: 16px;
letter-spacing: 1px;
font-family: "MinionPro", sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: border-color .2s ease;
-webkit-transition: border-color .2s ease;
-o-transition: border-color .2s ease;
transition: border-color .2s ease
}
.woocommerce-checkout .woocommerce input[type=text]:focus,
.woocommerce-checkout .woocommerce input[type=email]:focus,
.woocommerce-checkout .woocommerce input[type=phone]:focus,
.woocommerce-checkout .woocommerce input[type=tel]:focus,
.woocommerce-checkout .woocommerce textarea:focus {
border-color: #c22026
}
.woocommerce-checkout .woocommerce input[type=submit],
.woocommerce-checkout .woocommerce button[type=submit] {
width: 100%;
height: 57px;
line-height: 57px;
background-color: #c22026 !important;
border: none;
box-shadow: none;
border-radius: 0px;
-webkit-appearance: none;
outline: none;
text-align: left;
padding: 0 !important;
margin: 0 0 16px 0;
color: #fff !important;
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
font-family: "Knockout", sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
text-align: center !important;
font-weight: normal !important;
font-family: "MinionPro" !important;
letter-spacing: 1px !important
}
.woocommerce-checkout .woocommerce input[type=submit]:hover,
.woocommerce-checkout .woocommerce button[type=submit]:hover {
cursor: pointer;
background-color: #000 !important
}
.woocommerce-checkout .woocommerce ::-webkit-input-placeholder {
color: #000;
opacity: 1
}
.woocommerce-checkout .woocommerce ::-moz-placeholder {
color: #000;
opacity: 1
}
.woocommerce-checkout .woocommerce :-ms-input-placeholder {
color: #000;
opacity: 1
}
.woocommerce-checkout .woocommerce :-moz-placeholder {
color: #000;
opacity: 1
}
.woocommerce-checkout .woocommerce #order_review #payment {
border-radius: 0px;
background-color: #f1f1f1
}
.woocommerce-checkout .woocommerce #order_review #payment .woocommerce-notice--info {
padding: 10px
}
.woocommerce-error {
padding: 10px 15px 10px 65px !important
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
border-color: #979797
}
@media screen and (max-width: 1200px) {
#header.scrolled .wc-cart {
top: 25px
}
}
@media screen and (max-width: 960px) {
#header .wc-cart {
top: 25px
}
}
@media screen and (max-width: 767px) {
.wc-cart {
right: 56px
}
.wc-cart span {
display: none
}
.wc-cart img {
top: -1px
}
.woocommerce .woocommerce-shipping-destination {
text-align: left
}
.woocommerce .woocommerce-shipping-calculator {
text-align: left
}
.woocommerce button[name=update_cart] {
margin-bottom: 9px
}
.woocommerce .shop-product-details {
max-width: none;
padding: 0;
margin: 0 !important
}
.woocommerce .shop-product-details:after {
margin-left: 0
}
.woocommerce .shop-product-details .shop-product-details-item {
padding-left: 0
}
.woocommerce .shop-product-details .shop-product-details-item .shop-product-details-label {
position: relative;
top: auto;
left: auto
}
.woocommerce .single-piano-intro-container .product .variations,
.woocommerce .single-piano-intro-container .product-type-simple .variations {
margin-left: 0;
padding-left: 0
}
.woocommerce .single-piano-intro-container .product .variations_form,
.woocommerce .single-piano-intro-container .product-type-simple .variations_form {
padding-right: 0;
padding-left: 0
}
.woocommerce .single-piano-intro-container .product .single_add_to_cart_button,
.woocommerce .single-piano-intro-container .product-type-simple .single_add_to_cart_button {
width: 100%;
margin-left: 0
}
.woocommerce .single-piano-intro-container .product-type-simple {
padding-left: 0;
padding-right: 0;
margin-left: 0
}
.woocommerce .woocommerce-notices-wrapper {
margin: 10px 0
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
position: relative;
padding-bottom: 60px
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message a.button {
float: none !important;
position: absolute;
left: 15px;
bottom: 15px;
width: calc(100% - 30px)
}
.woocommerce-checkout .woocommerce input[type=text],
.woocommerce-checkout .woocommerce input[type=email],
.woocommerce-checkout .woocommerce input[type=tel],
.woocommerce-checkout .woocommerce select,
.woocommerce-checkout .woocommerce .select2-container--default .select2-selection--single {
height: 45px;
line-height: 45px;
padding: 0 0 0 15px;
margin: 0 0 12px 0
}
.woocommerce-checkout .woocommerce select {
background-position: calc(100% - 12px) center
}
.woocommerce-checkout .woocommerce textarea {
height: 176px;
max-height: 176px;
min-height: 176px;
padding: 9px 0 0 15px;
margin: 0 0 2px 0
}
.woocommerce-checkout .woocommerce .select2-container--default .select2-selection--single {
padding-left: 7px
}
.woocommerce-checkout .woocommerce .select2-container--default .select2-selection--single span {
line-height: 45px
}
.woocommerce-checkout .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px
}
.woocommerce form .form-row-first,
.woocommerce-page form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
float: none;
width: auto !important
}
}
img.aligncenter {
margin: 0 auto;
margin-bottom: 0
}
body:not(.home) img.aligncenter {
margin: 20px auto
}
body:not(.home) img.aligncenter:first-child {
margin-top: 0
}
.all-schools-wrapper a {
text-decoration: none
}
ul.gform_fields {
list-style: none
}
.gform_button.button {
max-width: none
}
.gfield_description.validation_message {
font-size: 12px;
margin: 0;
padding: 0;
margin-top: -14px;
margin-bottom: 9px;
color: #de7a7e
}
#gform_fields_4 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 5px 20px
}
#field_4_1 {
grid-column-start: 1;
grid-column-end: 3;
background-color: #f1f1f1;
padding: 26px
}
.ginput_container_creditcard {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.ginput_container_creditcard>span {
margin-bottom: 15px
}
.gform_card_icon_container {
display: flex;
justify-content: flex-start;
margin-bottom: 10px
}
.gform_card_icon {
font-family: "Knockout", sans-serif;
color: #fff;
background: #000;
display: inline-block;
padding: 3px 7px;
line-height: 1;
border-radius: 2px;
margin-right: 6px;
text-transform: uppercase
}
.ginput_cardinfo_left {
float: left;
width: 48%
}
.ginput_cardinfo_right {
float: right;
width: 48%
}
.ginput_cardextras>span,
.ginput_cardextras>span>span,
#input_4_1_1_container,
#input_4_1_5_container {
display: flex;
flex-direction: column
}
.ginput_cardextras>span>label,
.ginput_cardextras>span>span>label,
#input_4_1_1_container label,
#input_4_1_5_container label {
order: -1;
margin-bottom: 10px
}
.gform_card_icon_container {
order: -2
}
#field_4_14 {
margin-top: 20px;
margin-bottom: 40px;
grid-column-start: 1;
grid-column-end: 3
}
#field_4_16 {
margin-top: 20px;
margin-bottom: 40px;
grid-column-start: 1;
grid-column-end: 3
}
#field_4_16 .gfield_label {
display: none
}
.gform_button.button,
input.gform_button[type=submit] {
width: 100%;
height: 57px;
line-height: 57px;
background-color: #c22026;
border: none;
box-shadow: none;
border-radius: 0px;
-webkit-appearance: none;
outline: none;
text-align: center;
text-align-last: center;
padding: 0 0 0 25px;
margin: 0 0 16px 0;
color: #fff;
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
font-family: "Knockout", sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
cursor: pointer
}
.gform_button.button:hover,
input.gform_button[type=submit]:hover {
background-color: #000
}
.selected-piano-box {
margin-top: 20px
}
.selected-piano-box .after-send {
display: none
}
.selected-piano-box.checkout-sent .before-send {
display: none
}
.selected-piano-box.checkout-sent .after-send {
display: block
}
@media(max-width: 767px) {
.selected-piano-box {
margin-top: 30px
}
#gform_fields_4 {
display: block
}
.gform_card_icon_container {
align-items: flex-start;
flex-wrap: wrap
}
.gform_card_icon {
margin-bottom: 6px
}
}  .spirio_new {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
}
.spirio_new * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.spirio_new-title {
max-width: 600px;
font-family: "Knockout", sans-serif;
font-weight: normal;
font-size: 40px;
line-height: 45px;
letter-spacing: 6px;
text-align: center;
text-transform: uppercase;
padding: 0;
margin: 41px 0 41px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.spirio_new-title {
font-size: 30px;
}
}
@media screen and (max-width: 480px) {
.spirio_new-title {
font-size: 24px;
}
}
.spirio_new_main_video {
width: 100%;
margin-bottom: 60px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #000;
}
.spirio_new_main_video picture img {
max-height: 675px;
}
@media screen and (max-width: 480px) {
.spirio_new_main_video {
height: 300px;
margin-bottom: 50px;
}
}
.spirio_new_main_video:last-child {
margin-bottom: 0;
}
.spirio_new_main_video * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.spirio_new_main_video iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.spirio_new_slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 83px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 480px) {
.spirio_new_slider {
margin-bottom: 50px;
}
}
.spirio_new_slider:last-child {
margin-bottom: 0;
}
.spirio_new_slider * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.spirio_new_slider-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
max-width: 1620px;
}
.spirio_new_slider-title {
margin-bottom: 49px;
}
@media screen and (max-width: 480px) {
.spirio_new_slider-title {
margin-bottom: 30px;
}
}
.spirio_new_slider-box {
width: 100%;
padding: 0 138px;
position: relative;
}
@media screen and (max-width: 767px) {
.spirio_new_slider-box {
padding: 0 70px;
}
}
@media screen and (max-width: 480px) {
.spirio_new_slider-box {
padding: 0;
margin-bottom: 30px;
}
}
@media screen and (max-width: 480px) {
.spirio_new_slider-box:last-child {
margin-bottom: 0;
}
}
.spirio_new_slider-box.slick-initialized button.slick-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50px;
height: 50px;
font-size: 0;
border: none;
background: #000;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 1;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
cursor: pointer;
}
.spirio_new_slider-box.slick-initialized button.slick-arrow:hover {
background: #d8d8d8;
}
.spirio_new_slider-box.slick-initialized button.slick-arrow:hover::after {
filter: invert(1);
}
.spirio_new_slider-box.slick-initialized button.slick-arrow:after {
content: "";
display: block;
width: 10px;
height: 17px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1L1 8.5L9 16' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.spirio_new_slider-box.slick-initialized button.slick-arrow.slick-prev { }
@media screen and (max-width: 480px) {
.spirio_new_slider-box.slick-initialized button.slick-arrow.slick-prev {
left: -20px;
}
}
.spirio_new_slider-box.slick-initialized button.slick-arrow.slick-next { }
@media screen and (max-width: 480px) {
.spirio_new_slider-box.slick-initialized button.slick-arrow.slick-next {
right: -20px;
}
}
.spirio_new_slider-box.slick-initialized button.slick-arrow.slick-next:after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.spirio_new_slider-block {
width: 100%;
}
.spirio_new_slider-block img {
width: 100%;
height: auto;
}
.spirio_new_slider-content {
width: 100%;
max-width: 895px;
font-size: 16px; text-align: center; background: #fff;
padding: 50px 72px;
margin-top: -67px;
margin-bottom: 26px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1300px) {
.spirio_new_slider-content {
margin-top: 0;
}
}
@media screen and (max-width: 480px) {
.spirio_new_slider-content {
padding: 0;
}
}
.spirio_new_slider-content:last-child {
margin-bottom: 0;
}
.spirio_new_slider-content p {
padding: 0;
margin: 0;
margin-bottom: 10px;
}
.spirio_new_slider-content p:last-child {
margin-bottom: 0;
}
.spirio_new_slider-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
min-width: 389px;
height: auto;
font-size: 18px;
line-height: 1.22;
text-align: center;
letter-spacing: 0.05em;
color: #fff;
text-decoration: none;
text-transform: uppercase;
background: #C22026;
padding: 18px 30px;
}
@media screen and (max-width: 480px) {
.spirio_new_slider-btn {
min-width: 100%;
font-size: 16px;
padding: 12px 20px;
}
}
.spirio_new_slider-btn:hover {
background: #000;
}
.spirio_new_slider-btn span {
width: 100%;
max-width: 150px;
}
.spirio_new_tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 83px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 480px) {
.spirio_new_tabs {
margin-bottom: 50px;
}
}
.spirio_new_tabs:last-child {
margin-bottom: 0;
}
.spirio_new_tabs * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.spirio_new_tabs-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
max-width: 948px;
}
.spirio_new_tabs-title {
margin-bottom: 37px;
}
@media screen and (max-width: 480px) {
.spirio_new_tabs-title {
margin-bottom: 30px;
}
}
.spirio_new_tabs-title:last-child {
margin-bottom: 0;
}
.spirio_new_tabs-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
}
.spirio_new_tabs-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 61px;
}
@media screen and (max-width: 480px) {
.spirio_new_tabs-nav {
margin-bottom: 40px;
}
}
.spirio_new_tabs-nav:last-child {
margin-bottom: 0;
}
.spirio_new_tabs-nav>* {
font-family: "Knockout", sans-serif;
font-size: 16px;
line-height: 1.2;
text-transform: uppercase;
text-align: center;
border: 1px solid #E1E1E1;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 8px 18px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
@media screen and (max-width: 480px) {
.spirio_new_tabs-nav>* {
font-size: 14px;
padding: 6px 12px;
}
}
.spirio_new_tabs-nav>*.active {
font-weight: 400;
color: #fff;
border-color: #000;
background: #000;
}
.spirio_new_tabs-nav>*:hover {
border-color: #000;
}
.spirio_new_tabs-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
}
.spirio_new_tabs-content>* {
display: none;
width: 100%;
}
.spirio_new_tabs-content>*.active {
display: block;
}
.spirio_new_item {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 30px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.spirio_new_item {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.spirio_new_item * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.spirio_new_item-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.spirio_new_item-img img {
width: auto;
max-width: 100%;
height: auto;
}
.spirio_new_item-content {
font-size: 16px;
line-height: 1.2;
}
.spirio_new_item-content p {
padding: 0;
margin: 0;
margin-bottom: 10px;
}
.spirio_new_item-content p:last-child {
margin-bottom: 0;
}
.spirio_new_item-content ul,
.spirio_new_item-content ol {
list-style: none;
}
.spirio_new_item-content ul li,
.spirio_new_item-content ol li {
padding-left: 20px;
margin-bottom: 5px;
position: relative;
}
.spirio_new_item-content ul li:last-child,
.spirio_new_item-content ol li:last-child {
margin-bottom: 0;
}
.spirio_new_item-content ul li:before,
.spirio_new_item-content ol li:before {
content: "";
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #000;
position: absolute;
top: 7px;
left: 5px;
}
.spirio_new_video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 83px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 80px
}
@media screen and (max-width: 480px) {
.spirio_new_video {
margin-bottom: 50px;
margin-top: 40px;
}
}
.spirio_new_video * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.spirio_new_video-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
max-width: 948px;
}
.spirio_new_video-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: center;
margin-bottom: 54px;
}
@media screen and (max-width: 480px) {
.spirio_new_video-head {
margin-bottom: 30px;
}
}
.spirio_new_video-head:last-child {
margin-bottom: 0;
}
.spirio_new_video-title {
margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
.spirio_new_video-title {
margin-bottom: 20px;
}
}
.spirio_new_video-title:last-child {
margin-bottom: 0;
}
.spirio_new_video-desc {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.05em;
padding: 0;
}
.spirio_new_video-box {
width: 100%;
position: relative;
}
@media screen and (max-width: 480px) {
.spirio_new_video-box {
height: 300px;
}
}
.spirio_new_video-box iframe {
display: block;
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.spirio_new_products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 83px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 480px) {
.spirio_new_products {
margin-bottom: 50px;
}
}
.spirio_new_products * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.spirio_new_products:last-child {
margin-bottom: 0;
}
.spirio_new_products-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
max-width: 948px;
}
.spirio_new_products-title {
margin-bottom: 66px;
}
@media screen and (max-width: 767px) {
.spirio_new_products-title {
margin-bottom: 40px;
}
}
.spirio_new_products-title:last-child {
margin-bottom: 0;
}
.spirio_new_products-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
}
.spirio_new_products__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
border-bottom: 2px solid #E7E7E7;
padding-bottom: 35px;
margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
.spirio_new_products__block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.spirio_new_products__block:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.spirio_new_products__block-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
max-width: 543px;
}
.spirio_new_products__block-wrap {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.05em;
margin-bottom: 35px;
}
.spirio_new_products__block-wrap:last-child {
margin-bottom: 0;
}
.spirio_new_products__block-wrap p {
padding: 0;
margin: 0;
}
.spirio_new_products__block-wrap b {
font-weight: 600;
}
.spirio_new_products__block-more {
font-family: "Knockout", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.05em;
}
.spirio_new_products__block-more:hover {
color: #C22026;
}
.spirio_new_products__block-more:hover span:after {
background-color: #C22026;
}
.spirio_new_products__block-more span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.spirio_new_products__block-more span:after {
content: "";
width: 5px;
height: 9px;
background-color: #000;
-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='5' height='9' viewBox='0 0 5 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.999999 8L4 4.5L1 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='5' height='9' viewBox='0 0 5 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.999999 8L4 4.5L1 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
margin-left: 10px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.spirio_new_products__block-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 500px;
}
@media screen and (max-width: 767px) {
.spirio_new_products__block-img {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
max-width: 100%;
margin-bottom: 20px;
}
}
.spirio_new_products__block-img img {
width: auto;
max-width: 100%;
height: auto;
}
.spirio_new_accordion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
color: #fff;
padding-bottom: 76px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.spirio_new_accordion {
padding-bottom: 40px;
}
}
.spirio_new_accordion * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.spirio_new_accordion-bg {
width: 100%;
height: 100%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.spirio_new_accordion-bg:after {
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.26);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.spirio_new_accordion-bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.spirio_new_accordion__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-bottom: 78px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
.spirio_new_accordion__title {
margin-bottom: 40px;
}
}
.spirio_new_accordion__title:before,
.spirio_new_accordion__title:after {
content: "";
display: block;
width: 100%;
background: #fff;
}
.spirio_new_accordion__title:after {
background: transparent;
}
.spirio_new_accordion__title-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
max-width: 948px;
}
.spirio_new_accordion__title-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: auto;
min-height: 133px;
font-family: "Knockout", sans-serif;
font-weight: 400;
font-size: 35px;
line-height: 1.17;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #000;
background: #fff;
padding: 15px 0;
padding-right: 118px;
margin: 0;
}
@media screen and (max-width: 1000px) {
.spirio_new_accordion__title-text {
min-height: auto;
font-size: 30px;
padding: 30px 20px;
padding-right: 50px;
}
}
@media screen and (max-width: 767px) {
.spirio_new_accordion__title-text {
max-width: 80%;
font-size: 24px;
padding: 20px;
}
}
@media screen and (max-width: 480px) {
.spirio_new_accordion__title-text {
font-size: 22px;
}
}
.spirio_new_accordion-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
max-width: 948px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1000px) {
.spirio_new_accordion-box {
padding: 0 20px;
}
}
.spirio_new_accordion__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
color: #000;
background: #fff;
margin-bottom: 20px;
}
.spirio_new_accordion__block:last-child {
margin-bottom: 0;
}
.spirio_new_accordion__block-head {
width: 100%;
padding: 22px 20px;
padding-right: 63px;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (max-width: 480px) {
.spirio_new_accordion__block-head {
padding: 16px;
padding-right: 50px;
}
}
.spirio_new_accordion__block-head.active:after {
-webkit-transform: translate(0, -50%) rotate(-180deg);
-ms-transform: translate(0, -50%) rotate(-180deg);
transform: translate(0, -50%) rotate(-180deg);
}
.spirio_new_accordion__block-head:after {
content: "";
display: block;
width: 15px;
height: 8px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 2L8.17267 6.38848C7.79125 6.73522 7.20875 6.73523 6.82733 6.38848L2 2' stroke='black' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3e%3c/svg%3e ");
position: absolute;
top: 50%;
right: 35px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
@media screen and (max-width: 480px) {
.spirio_new_accordion__block-head:after {
right: 16px;
}
}
.spirio_new_accordion__block-title {
font-family: "Knockout", sans-serif;
font-weight: 400;
font-size: 21px;
line-height: 1.2;
letter-spacing: 0.05em;
text-transform: uppercase;
padding: 0;
margin: 0;
}
@media screen and (max-width: 767px) {
.spirio_new_accordion__block-title {
font-size: 18px;
}
}
.spirio_new_accordion__block-body {
display: none;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.05em;
padding: 2px 20px 24px 20px;
padding-right: 63px;
}
@media screen and (max-width: 480px) {
.spirio_new_accordion__block-body {
padding: 16px;
padding-top: 0;
padding-right: 50px;
}
}
.spirio_new_accordion__block-body p {
padding: 0;
margin: 0;
margin-bottom: 10px;
}
.spirio_new_accordion__block-body p:last-child {
margin-bottom: 0;
}
.spirio_new_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
line-height: 1.2;
text-align: center;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 83px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 480px) {
.spirio_new_block {
margin-bottom: 50px;
}
}
.spirio_new_block:last-child {
margin-bottom: 0;
}
.spirio_new_block * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.spirio_new_block-title {
font-family: "Knockout", sans-serif;
font-weight: 400;
font-size: 35px;
letter-spacing: 0.05em;
text-transform: uppercase;
padding: 0;
margin-bottom: 26px;
}
@media screen and (max-width: 767px) {
.spirio_new_block-title {
font-size: 28px;
}
}
@media screen and (max-width: 480px) {
.spirio_new_block-title {
font-size: 24px;
margin-bottom: 20px;
}
}
.spirio_new_block-title:last-child {
margin-bottom: 0;
}
.spirio_new_block-desc {
font-size: 16px;
letter-spacing: 0.05em;
padding: 0;
margin-bottom: 50px;
}
@media screen and (max-width: 480px) {
.spirio_new_block-desc {
margin-bottom: 30px;
}
}
.spirio_new_block-desc:last-child {
margin-bottom: 0;
}
.spirio_new_block-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
height: auto;
font-family: "MinionPro", sans-serif;
font-weight: 400;
font-size: 18px;
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none;
color: #FFF;
background: #C22026;
padding: 20px 31px 16px 31px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
@media screen and (max-width: 480px) {
.spirio_new_block-btn {
font-size: 16px;
padding: 16px 30px;
}
}
.spirio_new_block-btn:hover {
background: #000;
}
body.term-2000054 .breadcrumbs-module,
body.term-2000040 .breadcrumbs-module {
margin-bottom: 28px;
}
body.term-2000054 .spirio-new-sep,
body.term-2000040 .spirio-new-sep {
display: none;
}
.pianos-tabs .pianos-tab .text ul {
margin-left: 20px;
} .post-thumb-block {
flex: 0 0 43.5%;
}
.post-grid {
gap: 100px;
display: flex;
padding: 30px 0;
border-top: 1px solid #E7E7E7;
justify-content: space-between;
}
.post-grid:first-of-type {
border: none
}
.title-gd a,
.title-gd {
transition: all .4s
}
.title-gd {
margin-bottom: 20px;
}
.title-gd a {
font-family: "Knockout", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 33px;
line-height: 47px;
letter-spacing: 0.05em;
color: #000000;
text-transform: uppercase;
text-decoration: none
}
.button-gd {
font-family: "Knockout", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #C4C4C4;
text-decoration: none;
}
.title-gd:hover a {
text-decoration: underline
}
.date-block-pg {
font-family: "MinionPro", sans-serif;
font-style: italic;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.05em;
color: #000000;
margin-bottom: 15px
}
.description-block {
text-align: left;
}
.load-more.gd-load {
border: none;
padding: none !important;
}
.nf {
font-family: "Knockout", sans-serif;
font-weight: 500;
font-size: 33px;
line-height: 47px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #000000;
}
.hidden-more {
display: none
}
@media (max-width: 1400px) {
.post-grid {
gap: 50px
}
}
@media (max-width: 768px) {
.description-block {
margin-top: 20px
}
.post-grid {
flex-direction: column-reverse;
gap: 0;
}
.post-grid a.read-more.mobile.loaded {
display: none
}
}
.shop-product-details:after {
margin: 24px auto 16px auto !important;
}
.colorpicker-wrap {
display: flex;
}
.colorpicker-navigation {
width: 33.3333%;
}
.colorpicker-media {
width: 66.6666%;
position: relative;
margin-left: 20px;
}
@media(max-width: 760px) {
.colorpicker-media {
margin-left: 0;
margin-top: 20px;
}
}
ul.farbtoene,
ul.farbtoene_auswahl,
ul {
text-transform: uppercase;
list-style-type: none;
width: 100%;
height: auto;
position: relative;
float: left;
padding: 0 0 10px 0;
margin: 0;
}
ul.farbtoene {
border-bottom: 1px solid #d0d0d0;
margin-bottom: 16px;
}
ul.farbtoene,
ul.farbtoene_auswahl ul {
display: grid;
grid-template-columns: repeat(9, 1fr);
column-gap: 5px;
row-gap: 5px;
}
@media only screen and (max-width: 1024px) {
ul.farbtoene,
ul.farbtoene_auswahl,
ul {
padding-bottom: 10px;
}
}
.colorpicker-navigation .disclaimer {
margin-top: 0px;
font-size: 11px;
line-height: 130%;
color: #aaa;
float: left;
text-align: left;
}
ul.farbtoene :first-child,
ul.farbtoene_auswahl h3 {
color: #000;
padding: 0;
margin: 0;
font-size: 22px;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
line-height: 120%;
grid-column: 1 / -1;
}
@media only screen and (max-width: 1024px) {
ul.farbtoene :first-child,
ul.farbtoene_auswahl h3 {
height: 33px;
}
}
ul.farbtoene li,
ul.farbtoene_auswahl li {
padding-bottom: 3px;
border-bottom: 4px solid #fff;
width: 100%;
}
ul.farbtoene li a,
ul.farbtoene_auswahl li a {
display: block;
}
ul.farbtoene li:before,
ul.farbtoene_auswahl li:before {
display: none;
}
ul.farbtoene li.active,
ul.farbtoene_auswahl li.active {
border-bottom: 4px solid #000;
}
a.gelbtoene {
background-color: #d3cd20;
}
a.orangetoene {
background-color: #d08a1d;
}
a.rottoene {
background-color: #c3261b;
}
a.violetttoene {
background-color: #a91792;
}
a.blautoene {
background-color: #1b3ec3;
}
a.gruentoene {
background-color: #3a9339;
}
a.grautoene {
background-color: #747474;
}
a.weiss_schwarz_toene {
background-color: #ebe8dd;
}
a.brauntoene {
background-color: #8f5c27;
}
li a.colorIcon {
position: relative;
height: 0;
padding-top: 100%;
}
.colorIcon--black:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: transparent;
background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(4, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
}
ul.farbtoene_auswahl ul {
border: 0;
display: none;
}
ul.farbtoene_auswahl .active {
display: grid;
}
img.image_preload {
position: absolute;
top: 0;
left: 0;
display: none;
}
@media only screen and (max-width: 760px) {
.colorpicker-wrap {
flex-direction: column;
}
.colorpicker-navigation,
.colorpicker-media {
width: 100%;
}
}
section.masonry {
width: 100%;
margin: 0 0 10px;
padding: 0;
}
section.masonry div.tile {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
margin: 0 0 10px;
}
section.masonry div.tile .gradient-enabled {
background: transparent; background: -moz-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(100%, rgba(0, 0, 0, 0.6))); background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.6) 100%); background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.6) 100%); background: -ms-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.6) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#000000)";
}
section.masonry.variation-50-50 div.tile,
section.masonry.variation-33-34-33 div.tile,
section.masonry.variation-30-70 div.tile.position-0,
section.masonry.variation-70-30 div.tile.position-1 {
width: 100%;
padding-bottom: 100%;
}
section.masonry.variation-70-30 div.tile.position-0,
section.masonry.variation-30-70 div.tile.position-1 {
width: 100%;
padding-bottom: calc(100%);
}
section.masonry.variation-100-short div.tile {
width: 100%;
padding-bottom: calc(33%);
}
section.masonry.variation-100-tall div.tile {
width: 100%;
padding-bottom: calc(50%);
}
@media screen and (min-width: 480px) {
section.masonry {
float: left;
}
section.masonry div.tile {
float: left;
}
section.masonry.variation-30-70 div.tile.position-0,
section.masonry.variation-50-50 div.tile.position-0,
section.masonry.variation-70-30 div.tile.position-0 {
margin: 0 5px 0 0;
}
section.masonry.variation-30-70 div.tile.position-1,
section.masonry.variation-50-50 div.tile.position-1,
section.masonry.variation-70-30 div.tile.position-1 {
margin: 0 0 0 5px;
}
section.masonry.variation-33-34-33 div.tile.position-0,
section.masonry.variation-33-34-33 div.tile.position-2 {
margin: 0;
}
section.masonry.variation-33-34-33 div.tile.position-1 {
width: calc(34% - 20px);
padding-bottom: 33%;
margin: 0 10px;
}
section.masonry.variation-50-50 div.tile {
width: calc(50% - 5px);
padding-bottom: calc(50% - 5px);
}
section.masonry.variation-30-70 div.tile.position-0,
section.masonry.variation-70-30 div.tile.position-1 {
width: calc(33.333333% - 5px);
padding-bottom: calc(33.333333% - 5px);
}
section.masonry.variation-70-30 div.tile.position-0,
section.masonry.variation-30-70 div.tile.position-1 {
width: calc(66.6666666% - 5px);
padding-bottom: calc(33.333333% - 5px);
}
section.masonry.variation-33-34-33 div.tile.position-0,
section.masonry.variation-33-34-33 div.tile.position-2 {
width: 33%;
padding-bottom: 33%;
}
}
section.masonry .text-container {
height: 100%;
width: 100%;
position: absolute;
}
section.masonry .text-container .tile-text {
left: 0;
right: 0;
bottom: 10%;
margin: auto;
position: absolute;
}
section.masonry .tile-description {
height: auto;
text-align: center;
line-height: 32px;
color: #fff;
overflow: hidden;
width: 80%;
margin: 0 auto;
}
section.masonry .tile-description div.title {
font-family: "Knockout 48 A", "Knockout 48 B", sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
font-size: 28px;
letter-spacing: 3px;
}
section.masonry .tile-description div.title em {
font-family: 'minion-pro', serif;
text-transform: lowercase;
font-size: 21px;
letter-spacing: 3px;
font-weight: 200;
font-style: italic;
}
@media screen and (min-width: 720px) {
section.masonry .tile-description div.title em {
font-size: 28px;
}
}
@media screen and (min-width: 720px) {
section.masonry .tile-description div.title {
margin: 0 auto;
font-size: 36px;
}
}
section.masonry .tile-description p {
color: #fff;
}
section.masonry .tile-description p.subtitle {
margin: 10px auto 0 auto;
line-height: 20px;
}
section.link-tiles .ss-button {
margin: 0 auto -40px auto;
}
section.masonry .ss-button {
margin: 0 auto -52px auto;
} section.entry-field {
background: #E0E0E0;
padding: 40px 0;
clear: both;
}
section.entry-field h2,
section.entry-field h3 {
margin-top: 0;
font-size: 40px;
text-align: center;
margin-bottom: 10px;
letter-spacing: 6px;
padding: 0;
}
section.entry-field div.description-container {
margin: 0 auto;
max-width: 300px;
}
@media screen and (min-width: 480px) {
section.entry-field div.description-container {
max-width: 460px;
}
}
@media screen and (min-width: 720px) {
section.entry-field div.description-container {
max-width: 650px;
}
}
@media screen and (min-width: 1024px) {
section.entry-field div.description-container {
max-width: 700px;
}
}
section.entry-field p.form-error {
color: #c22026;
}
section.entry-field fieldset {
width: 312px;
margin: 10px auto;
border: 0;
padding: 0; }
section.entry-field fieldset.columns {
gap: 20px;
display: grid;
grid-template-columns: 1fr;
}
@media screen and (min-width: 1024px) {
section.entry-field fieldset {
width: 800px;
}
section.entry-field fieldset.columns {
grid-template-columns: 1fr 1fr;
}
section.entry-field fieldset .newsletter {
width: 300px;
}
}
section.entry-field .consent {
margin: 10px auto 20px auto;
position: relative;
}
section.entry-field .consent p {
text-align: left;
text-transform: uppercase;
margin: -25px 20px 0 35px;
font-size: 10px;
line-height: 14px;
}
section.entry-field .consent p a {
border: none;
text-decoration: underline;
}
section.entry-field input[type="submit"] {
padding: 10px;
width: calc(100% - 20px);
display: block;
margin: 0 auto;
max-width: 260px;
}
section.entry-field .dealer-form-quote {
text-align: center;
margin: 0 auto;
max-width: 300px;
font-family: 'minion-pro', serif;
font-size: 16px;
letter-spacing: 1px;
text-rendering: optimizeSpeed;
font-variant-ligatures: no-common-ligatures;
line-height: 28px;
color: #999;
padding-bottom: 0;
margin-top: 40px;
}
@media screen and (min-width: 480px) {
section.entry-field .dealer-form-quote {
max-width: 460px;
}
}
@media screen and (min-width: 720px) {
section.entry-field .dealer-form-quote {
max-width: 650px;
}
}
@media screen and (min-width: 1024px) {
section.entry-field .dealer-form-quote {
max-width: 700px;
}
}
section.entry-field .input-wrapper {
height: auto;
position: relative;
width: 380px;
margin: 0;
}
@media screen and (min-width: 1024px) {
section.entry-field .input-wrapper {
float: left;
margin: 0;
}
}
section.entry-field h2,
section.entry-field h3 {
margin-top: 0;
font-size: 40px;
text-align: center;
margin-bottom: 10px;
letter-spacing: 6px;
}
section.entry-field h2 em,
section.entry-field h3 em {
font-size: 40px;
}
section.entry-field div.post-submit-error,
section.entry-field div.post-submit-success {
padding: 20px 0 0 0;
}
section.entry-field div.post-submit-error p.form-error,
section.entry-field div.post-submit-success p.form-error {
text-align: center;
}
section.entry-field select {
width: 312px;
height: 41px;
background: #fff;
}
section.entry-field select:focus {
border: 1px solid #c1c1c1;
}
section.entry-field select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
section.entry-field select::-ms-expand {
display: none;
}
section.entry-field .drop-down {
width: 312px;
display: block;
position: relative;
}
section.entry-field .drop-down .arrow {
position: absolute;
cursor: pointer;
top: 15px;
right: 30px;
width: 0.4em;
height: 0.4em;
border-right: 0.2em solid black;
border-top: 0.2em solid black;
transform: rotate(135deg);
pointer-events: none;
}
section.entry-field .checkbox-holder #consent-checkbox {
visibility: hidden;
width: 20px;
}
@media screen and (min-width: 1024px) {
section.entry-field .checkbox-holder #consent-checkbox {
width: 20px;
}
}
section.entry-field .checkbox-holder label {
display: block;
width: 20px;
height: 20px;
cursor: pointer;
background: #fff;
position: absolute;
top: 0;
left: 0;
border: 1px solid #e1e1e1;
}
section.entry-field .checkbox-holder label:after {
content: '';
width: 9px;
height: 5px;
position: absolute;
top: 4px;
left: 4px;
border: 3px solid black;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
transform: rotate(-45deg);
}
section.entry-field .checkbox-holder label:hover::after {
opacity: 0.5;
}
@media screen and (min-width: 1024px) {
section.entry-field .checkbox-holder label {
margin: 0 0 0 5px;
}
}
section.entry-field .checkbox-holder.clicked label:after {
opacity: 0.5;
}
section.entry-field .checkbox-holder input[type=checkbox]:checked+label:after {
opacity: 1 !important;
}
section.entry-field .checkbox-holder .failed {
text-align: center;
}
fieldset.columns div.input-wrapper:nth-child(odd) {
clear: left;
}
fieldset.columns div.input-wrapper:nth-child(even) {
clear: none;
}
.fl-form .fl-wrap {
position: relative;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fl-form input.fl-input,
.fl-form select.fl-select,
.fl-form textarea.fl-textarea {
width: 100%;
outline: 0;
font-size: 17px;
letter-spacing: 1px;
line-height: 36px;
border-radius: 1px;
border: 1px solid #e1e1e1;
background-color: #fff;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
color: #999;
padding: 0 26px 0 18px;
font-family: "minion-pro", serif;
display: block;
}
.fl-form input.fl-input::placeholder,
.fl-form select.fl-select::placeholder,
.fl-form textarea.fl-textarea::placeholder {
text-transform: uppercase;
}
.fl-form input.fl-input,
.fl-form select.fl-select {
height: 60px;
}
.fl-form textarea.fl-textarea {
line-height: 24px;
padding-top: 13px;
padding-bottom: 11px;
height: 60px;
}
@media screen and (min-width: 1024px) {
.fl-form textarea.fl-textarea.wide {
width: 634px;
}
}
.fl-form input.fl-input:-moz-placeholder,
.fl-form select.fl-select:-moz-placeholder,
.fl-form textarea.fl-textarea:-moz-placeholder {
color: #999;
}
.fl-form input.fl-input::-moz-placeholder,
.fl-form select.fl-select::-moz-placeholder,
.fl-form textarea.fl-textarea::-moz-placeholder {
color: #999;
}
.fl-form input.fl-input:-ms-input-placeholder,
.fl-form select.fl-select:-ms-input-placeholder,
.fl-form textarea.fl-textarea:-ms-input-placeholder {
color: #999;
}
.fl-form input.fl-input::-webkit-input-placeholder,
.fl-form select.fl-select::-webkit-input-placeholder,
.fl-form textarea.fl-textarea::-webkit-input-placeholder {
color: #999;
}
.fl-form select.fl-select {
position: relative;
color: #999;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
}
.fl-form select.fl-select::-ms-expand {
display: none;
}
.fl-form .fl-is-active input.fl-input,
.fl-form .fl-is-active select.fl-select,
.fl-form .fl-is-active textarea.fl-textarea {
color: #444;
background-color: #fff;
border-color: #e1e1e1;
}
.fl-form .fl-has-focus input.fl-input,
.fl-form .fl-has-focus select.fl-select,
.fl-form .fl-has-focus textarea.fl-textarea {
background-color: #fff;
border-color: #444;
}
.fl-form label.fl-label {
opacity: 0;
visibility: hidden;
display: block;
position: absolute;
top: 6px;
left: 15px;
font-size: 10px;
text-transform: uppercase;
font-weight: 400;
line-height: 12px;
color: #999;
transition: all 0.2s ease-in-out;
z-index: 1;
letter-spacing: 0.5px;
}
.fl-form .fl-wrap-textarea label.fl-label {
top: 1px;
padding-top: 6px;
padding-right: 3px;
background-color: #fff;
}
body[dir=rtl] .fl-form label.fl-label {
left: unset;
right: 0;
}
.fl-form .fl-is-active label.fl-label {
opacity: 1;
visibility: visible;
}
.fl-form .fl-has-focus label.fl-label { }
.fl-form .fl-is-required.valid:before {
content: "";
background-color: transparent;
position: absolute;
z-index: 999;
right: 13px;
top: 13px;
width: 5px;
border-bottom: 3px solid #999;
height: 13px;
border-right: 3px solid #999;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}  body[dir=rtl] .fl-form .fl-is-required:before {
right: unset;
left: 15px;
} .fl-form.fl-style-1 input.fl-input,
.fl-form.fl-style-1 select.fl-select,
.fl-form.fl-style-1 textarea.fl-textarea {
padding: 6px 12px;
}
.fl-form.fl-style-1 select.fl-select {
height: 38px;
}
.fl-form.fl-style-1 .fl-is-active input.fl-input,
.fl-form.fl-style-1 .fl-is-active select.fl-select,
.fl-form.fl-style-1 .fl-is-active textarea.fl-textarea {
padding: 6px 12px;
}
.fl-form.fl-style-1 label.fl-label {
top: 1px;
left: 10px;
background-color: transparent;
padding: 12px 3px;
}
.fl-form.fl-style-1 label.fl-label:before {
content: '';
display: block;
position: absolute;
top: 19px;
left: 0;
right: 0;
height: 1px;
background-color: #fff;
z-index: -1;
}
.fl-form.fl-style-1 .fl-is-active label.fl-label {
top: -9px;
padding: 3px;
}
.fl-form.fl-style-1 .fl-is-active label.fl-label:before {
top: 9px;
}
body[dir=rtl] .fl-form.fl-style-1 label.fl-label {
left: unset;
right: 10px;
}
.fl-form.fl-style-2 input.fl-input,
.fl-form.fl-style-2 select.fl-select,
.fl-form.fl-style-2 textarea.fl-textarea {
padding: 12px;
}
.fl-form.fl-style-2 select.fl-select {
height: 50px;
}
.fl-form.fl-style-2 .fl-is-active input.fl-input,
.fl-form.fl-style-2 .fl-is-active select.fl-select,
.fl-form.fl-style-2 .fl-is-active textarea.fl-textarea {
padding: 18px 12px 6px;
}
.fl-form.fl-style-2 label.fl-label {
top: 1px;
left: 10px;
padding: 6px 3px 3px;
}
.fl-form.fl-style-2 .fl-is-required:before {
padding-top: 12px;
}
body[dir=rtl] .fl-form.fl-style-2 label.fl-label {
left: unset;
right: 10px;
} body[dir=rtl] .fl-form .fl-wrap-select:after {
right: unset;
left: 6px;
}
form a {
color: #444;
}
form a:hover { }
form .button {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Knockout 48 A", "Knockout 48 B", sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 2px;
padding: 10px 30px;
margin: 0;
position: relative;
display: block;
text-align: center;
text-decoration: none;
outline: none;
cursor: pointer;
border: 1px solid transparent;
border-radius: 1px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: top;
color: #fff;
background-color: #aaa;
border-color: #aaa;
transition: color 0.125s ease-in-out, background-color 0.125s ease-in-out, border-color 0.125s ease-in-out;
}
form .button:hover {
outline: none;
text-decoration: none;
}
form .button:hover {
background-color: #c22026;
border-color: #c22026;
}
form .button:active,
.button.active {
background-color: #c22026;
border-color: #c22026;
}  fieldset .checkbox-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 0;
margin-left: 5px;
cursor: pointer;
font-size: 14px;
letter-spacing: 0.5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #999;
}
fieldset label.checkbox-container p {  font-family: 'minion-pro', serif;
font-size: 16px;
letter-spacing: 1px;
text-rendering: optimizeSpeed;
font-variant-ligatures: no-common-ligatures;
color: rgba(0, 0, 0, 1);
line-height: 28px;
margin: 0 auto 15px auto;
line-height: 24px;
color: #999;
padding: 0;
}
fieldset label.checkbox-container p+p {
margin: 0;
height: 0;
visibility: hidden;
color: #999;
}
.checkbox-container input {
font-family: "minion-pro", serif;
display: block;
width: 100%;
outline: none;
background-color: transparent;
border: 1px solid #e1e1e1;
color: #dfdfdf;
border-radius: 1px;
font-size: 1rem;
line-height: 1.5rem;
padding: 6px 5px 5px 14px;
border-width: 1px; background-color: #fff;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox-container .checkmark {
cursor: pointer;
font-size: 14px;
letter-spacing: 0.5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #999;
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #fff;
border: 1px solid #e1e1e1;
}
.checkbox-container .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #fff;
border: 1px solid #e1e1e1;
}
.checkbox-container input:checked~.checkmark {
background-color: #999;
}
.checkbox-container .checkmark:after {
content: "";
position: absolute;
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkbox-container input:checked~.checkmark:after {
display: block;
}
section.entry-field a.button.js_send,
section.entry-field button.button.js_send {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "MinionPro", sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 2px;
position: relative;
display: block;
text-align: center;
text-decoration: none;
outline: none;
cursor: pointer;
border: 1px solid transparent;
border-radius: 1px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: top;
color: #fff;
background-color: #aaa;
transition: color 0.125s ease-in-out, background-color 0.125s ease-in-out, border-color 0.125s ease-in-out;
padding: 10px;
width: calc(100% - 20px);
margin: 0 auto;
max-width: 260px;
}
section.entry-field button.button:hover {
outline: none;
text-decoration: none;
}
section.entry-field button.button:hover {
background-color: #c22026;
border-color: #c22026;
}
section.entry-field button.button:active,
section.entry-field button.button.active {
background-color: #c22026;
border-color: #c22026;
}
section.entry-field fieldset.frc-box {
margin-top: 20px;
width: 300px;
display: none;
}
section.entry-field .input-wrapper {
height: auto;
position: relative;
width: 312px;
margin: 0px auto;
}
@media screen and (min-width: 1024px) {
section.entry-field .input-wrapper {
width: 380px;
float: left;
margin: 5px;
}
}
.formReady {
display: none;
margin: 0;
align-items: center;
justify-content: center;
padding: 0 20px;
height: 200px;
}
.copy p {
padding-bottom: 16px;
font-family: 'Minion Pro';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
text-align: center;
letter-spacing: 0.05em;
color: #000000;
}
.copy p .button {
margin-top: 25px;
}
section.text-callout {
margin-bottom: 44px;
}
section.entry-field button.button.js_send.colorpicker-send-btn {
background-color: #c22026;
padding: 15px 90px;
font-family: 'Minion Pro' !important;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
color: #FFFFFF;
width: auto;
margin-top: 40px;
transition: 0.3s;
}
@media (max-width: 1024px) {
section.entry-field button.button.js_send.colorpicker-send-btn {
width: calc(100% - 20px);
justify-content: center;
}
}
section.entry-field button.button.js_send.colorpicker-send-btn:hover {
background-color: #000;
border-color: #000;
}
form .arrow {
position: absolute;
cursor: pointer;
top: 24px;
right: 33px;
width: 0.4em;
height: 0.4em;
border-right: 0.2em solid #000;
border-top: 0.2em solid #000;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
pointer-events: none;
}
.colorpicker-center {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.colorpicker-center .with-btn {
border-top: 1px solid #E7E7E7;
width: fit-content;
margin-top: 24px;
}
@media screen and (max-width: 1024px) {
.colorpicker-center .with-btn {
margin-top: 0px;
}
}
.colorpicker-center .with-btn a.button {
margin-top: 40px;
}
.gform_description {
text-align: center;
margin: 0 auto;
max-width: 300px;
font-family: 'minion-pro', serif;
font-size: 16px;
letter-spacing: 1px;
text-rendering: optimizeSpeed;
font-variant-ligatures: no-common-ligatures;
line-height: 28px;
color: #999;
padding-bottom: 0;
margin-top: 40px;
display: block;
}
@media screen and (min-width: 480px) {
.gform_description {
max-width: 460px;
}
}
@media screen and (min-width: 720px) {
.gform_description {
max-width: 650px;
}
}
@media screen and (min-width: 1024px) {
.gform_description {
max-width: 700px;
}
}
#gform_fields_16 {
margin: 10px auto;
border: 0;
padding: 0;
gap: 20px;
display: grid;
grid-template-columns: 1fr;
}
@media screen and (min-width: 1024px) {
#gform_fields_16 {
grid-template-columns: 1fr 1fr;
width: 800px;
}
}
#gform_fields_16 label {
display: none;
}
#gform_fields_16 .gfield {
height: auto;
position: relative;
width: 312px;
margin: 15px auto;
}
@media screen and (min-width: 1024px) {
#gform_fields_16 .gfield {
width: 380px;
float: left;
margin: 5px;
}
}
#gform_fields_16 .gfield :nth-child(odd) {
clear: left;
}
#gform_fields_16 .ginput_container {
position: relative;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#gform_fields_16 .gfield_select {
width: 100%;
outline: 0;
font-size: 17px;
letter-spacing: 1px;
line-height: 36px;
border-radius: 1px;
border: 1px solid #e1e1e1;
background-color: #fff;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
color: #999;
padding: 0 26px 0 18px;
font-family: "minion-pro", serif;
display: block;
height: 60px;
position: relative;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
margin-bottom: 0;
}
#gform_fields_16 input[type="text"],
#gform_fields_16 input[type="email"],
#gform_fields_16 textarea {
width: 100%;
outline: 0;
font-size: 17px;
letter-spacing: 1px;
line-height: 36px;
border-radius: 1px;
border: 1px solid #e1e1e1;
background-color: #fff;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
color: #999;
padding: 0 26px 0 18px;
font-family: "minion-pro", serif;
display: block;
height: 60px;
margin-bottom: 0;
}
#gform_fields_16 textarea {
padding: 11px 26px 0 18px;
}
#gform_fields_16 input[type="text"]::placeholder,
#gform_fields_16 input[type="email"]::placeholder,
#gform_fields_16 textarea::placeholder {
color: #999;
text-transform: uppercase;
}
#gform_submit_button_16 {
background: #4F4F4F;
padding: 15px 90px;
font-family: 'Minion Pro';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.05em;
color: #FFFFFF;
width: auto;
margin-top: 40px;
}
#gform_submit_button_16:hover {
background-color: #c22026;
}
#gform_confirmation_message_16 {
text-align: center;
}
#gform_16_validation_container {
display: none !important;
}
section.details-container.left-img {
height: initial;
max-width: 960px;
margin: 0 auto 60px auto;
padding: 0 20px;
}
section.details-container div.detail-img img {
height: auto;
}
section.details-container .details-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
section.details-container .details-wrapper {
flex-direction: column;
}
}
div.detail-content {
flex: 1;
margin-left: 100px;
}
@media screen and (max-width: 1023px) {
div.detail-content {
margin-left: 20px;
}
}
@media screen and (max-width: 767px) {
div.detail-content {
margin-left: 0px;
display: flex;
flex-direction: column;
}
}
p.active-color,
p.active-material {
margin-bottom: 0;
font-weight: 500;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #000000;
padding-bottom: 10px;
text-align: left;
}
div.js_selected_value {
height: 16px;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
line-height: 22px;
}
.swatches a {
width: 60px;
height: 60px;
display: block;
box-sizing: border-box;
position: relative;
opacity: 0.8;
transition: opacity ease 0.3s;
border-bottom: none;
text-decoration: unset;
}
section.details-container.left-img ul.swatches {
margin: 0;
padding-left: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
width: 212px;
align-items: flex-start;
margin-bottom: 32px;
padding-bottom: 0;
}
section.details-container.left-img ul.swatches li {
margin-right: 0;
list-style: none;
justify-content: center;
}
.swatches .active {
opacity: 1;
}
.color-picker .swatches a.active span {
position: relative;
top: 100%;
}
.finishes-title-color-wrap {
position: relative;
}
.finishes-title-color-wrap span {
position: absolute;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-align: center;
letter-spacing: 0.05em;
color: #000000;
text-transform: none;
display: none;
}
.finishes-title-color-wrap span.active {
display: block;
}
.swatches .active:after {
content: '';
position: absolute;
bottom: 0px;
content: '';
left: 50%;
margin-left: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
}
.swatches .active.dark-after:after {
border-bottom: 6px solid #333;
}
.finishes-title {
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 43px;
letter-spacing: 0.05em;
color: #000000;
padding: 0 0 16px;
}
.finishes-subtitle {
font-style: italic;
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.05em;
color: #000000;
padding-bottom: 24px;
}
.color-disclaimer {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 130%;
color: #828282;
padding-bottom: 16px;
border-bottom: 1px solid #BDBDBD;
margin-bottom: 16px;
text-align: left;
letter-spacing: 0.01rem;
}
.productdetail-data {
width: 100%;
}
.productdetail-data tr td {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #000000;
padding-bottom: 10px;
}
.productdetail-data tr td:first-child {
text-align: left;
}
.productdetail-data tr td:last-child {
text-align: right;
}
@media (max-width: 767px) {
body:not(.home) .pianos {
padding-bottom: 0;
}
} .slick-prev {
left: 70px !important;
}
.slick-next {
right: 70px !important;
}
.slider-container.tt_slider-full {
max-width: 1046px;
margin: 0 auto;
}
.tt_contact-form {
margin-top: 3rem;
}
.tt_slider-main .flex-direction-nav {
position: absolute;
top: 33%;
max-width: none;
margin: auto;
}
.tt_slider-main .flex-direction-nav .flex-nav-prev {
left: -70px;
position: absolute;
}
.tt_slider-main .flex-direction-nav .flex-nav-next {
right: -70px;
position: absolute;
}
@media (max-width: 1210px) {
.tt_slider-main .flex-direction-nav .flex-nav-prev {
left: -55px;
}
.tt_slider-main .flex-direction-nav .flex-nav-next {
right: -55px;
}
}
@media (max-width: 1176px) {
.tt_slider-main .flex-direction-nav .flex-nav-prev {
left: 0;
}
.tt_slider-main .flex-direction-nav .flex-nav-next {
right: 0;
}
}
.flex-direction-nav {
position: absolute;
top: calc(50% + 20px);
max-width: 1124px;
display: block;
margin: 0 auto;
}
.tt_slider-full .flex-direction-nav {
top: 50%;
}
.slider-container.full .flex-direction-nav {
top: 50%;
}
.slider-container.full .flex-direction-nav .flex-nav-prev {
left: -70px;
position: absolute;
}
.slider-container.full .flex-direction-nav .flex-nav-next {
right: -70px;
position: absolute;
}
@media (max-width: 1210px) {
.slider-container.full .flex-direction-nav .flex-nav-prev {
left: -55px;
}
.slider-container.full .flex-direction-nav .flex-nav-next {
right: -55px;
}
}
@media (max-width: 1176px) {
.slider-container.full .flex-direction-nav .flex-nav-prev {
left: 0;
}
.slider-container.full .flex-direction-nav .flex-nav-next {
right: 0;
}
}
@media (max-width: 767px) {
.modal-form.fancybox-content input[type="submit"],
.modal-form.fancybox-content button[type="submit"] {
padding: 0 !important;
}
.slick-prev {
left: 70px !important;
}
.slick-next {
right: 70px !important;
}
}
@media (max-width: 1146px) {
.flex-direction-nav {
width: 100%;
margin: 0;
}
.pianos-tabs .flex-direction-nav { }
}
@media (max-width: 480px) {
.slick-prev {
left: 0 !important;
}
.slick-next {
right: 0 !important;
}
}
.image-title-heading {
position: absolute;
bottom: 0;
right: 0;
background: #fff;
padding: 30px 140px !important;
}
.tab-overlay {
position: absolute;
height: 100%;
width: 100%;
background-color: white;
transition: all .3s;
z-index: 1;
}
@media (max-width: 767px) {
.image-title-heading {
margin: 0 auto;
margin-top: 0px;
display: block;
position: inherit;
width: 80%;
text-align: center;
margin-top: -35px;
padding: 16px 0 14px 0 !important;
}
}
@media (min-width: 767px) {
.tab-overlay {
height: 0;
}
}
.tab-overlay-hidden {
width: 0;
}
.slider-container.full.tt_slider-contact .slides li {
aspect-ratio: 1.5;
height: auto;
}
.slider-container.full.tt_slider-contact .slides li img {
object-fit: contain;
height: 100%;
}
#gform_18 {
display: flex;
flex-direction: column;
width: 800px;
margin: 0 auto;
}
@media (max-width: 1024px) {
#gform_18 {
width: 312px;
}
}
#gform_fields_18 {
column-gap: 28px;
row-gap: 16px;
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 10px;
}
@media (max-width: 1024px) {
#gform_fields_18 {
column-gap: 28px;
row-gap: 16px;
display: grid;
grid-template-columns: 1fr;
margin-top: 10px;
}
}
#gform_fields_18 .gfield_label {
display: none;
}
#gform_fields_18 .ginput_container_select {
position: relative;
}
#gform_fields_18 .gfield_select {
width: 100%;
height: 60px;
background: #fff;
position: relative;
color: #999;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
outline: 0;
font-size: 17px;
letter-spacing: 1px;
line-height: 36px;
border-radius: 1px;
border: 1px solid #e1e1e1;
background-color: #fff;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
color: #999;
padding: 0 26px 0 18px;
font-family: "minion-pro", serif;
display: block;
}
#gform_fields_18 .gfield_select:focus {
border: 1px solid #c1c1c1;
}
#gform_fields_18 .arrow {
top: 24px;
}
#gform_fields_18 .ginput_container_text input,
#gform_fields_18 .ginput_container_email input {
width: 100%;
outline: 0;
font-size: 17px;
height: 60px;
letter-spacing: 1px;
line-height: 36px;
border-radius: 1px;
border: 1px solid #e1e1e1;
background-color: #fff;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
color: #999;
padding: 0 26px 0 18px;
font-family: "minion-pro", serif;
display: block;
}
#gform_fields_18 .ginput_container_text input::placeholder,
#gform_fields_18 .ginput_container_email input::placeholder {
color: #999;
}
#gform_18 .button {
background-color: #c22026;
padding: 15px 90px;
font-family: 'MinionPro' !important;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: .05em;
color: #FFF;
width: auto;
margin-top: 40px;
transition: 0.3s;
}
#gform_18 .button:hover {
background-color: #000;
border-color: #000;
}
#field_18_14,
#field_18_13 {
margin-top: -10px;
}
@media (min-width: 1025px) {
#field_18_14,
#field_18_13 {
grid-column-start: span 2;
}
}
#gform_18 .gfield-choice-input {
position: absolute;
display: none;
}
#gform_18 .gfield-choice-input~label:after {
content: '';
cursor: pointer;
font-size: 14px;
letter-spacing: .5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #999;
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #fff;
border: 1px solid #e1e1e1;
margin-top: -3px;
}
#gform_18 .gfield-choice-input:checked~label:after {
background-color: #999;
}
#gform_18 .gfield-choice-input~label:before {
content: "";
position: absolute;
left: 9px;
top: 5px;
width: 5px;
height: 10px;
z-index: 67;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: -3px;
}
#gform_18 .gfield-choice-input:checked~label:before {
display: block;
}
#gform_18 .gfield-choice-input~label {
font-family: 'minion-pro', serif;
font-size: 16px;
letter-spacing: 1px;
text-rendering: optimizeSpeed;
font-variant-ligatures: no-common-ligatures;
color: rgba(0, 0, 0, 1);
line-height: 28px;
margin: 0 auto 15px auto;
line-height: 24px;
color: #999;
padding: 0;
text-transform: initial;
padding-left: 36px;
}
.gform_confirmation_message_18 {
text-align: center;
}
.gform_confirmation_message_18 {
padding: 0 10px;
font-weight: bold;
}
body {
height: auto !important;
} #header {
height: 159px;
display: flex;
justify-content: center;
align-items: center;
position: sticky;
}
.menu .current-menu-item a {
border-bottom-color: transparent !important;
}
.wc-cart span,
#chat span {
white-space: nowrap;
}
@media (min-width: 1000px) and (max-width: 1900px) {
#header {
height: calc(5.26vw + 2.75vw + .47vw);
}
.wc-cart span {
white-space: nowrap; line-height: 1.18vw;
border-bottom-width: calc(.15vw *2);
}
#chat span {
white-space: nowrap; line-height: 1.18vw;
border-bottom-width: calc(.15vw *2);
}
#chat img {
width: 26px;
}
.menu li a {
font-size: .99vw;
line-height: 1.18vw;
letter-spacing: .15vw;
border-bottom-width: calc(.15vw + .15vw);
}
}
@media (max-width: 999px) {
#header {
box-sizing: border-box;
height: 132px;
display: block;
padding-top: 24px;
transition: all .5s;
}
#chat img {
max-width: 26px;
}
.wc-cart span {
display: none;
}
#header.mob-active {
height: 80px;
}
#logo img {
transition: all .5s !important;
object-position: top;
object-fit: cover;
overflow: hidden;
margin-top: 0;
}
#logo img.mob-active {
height: 35px;
transform: translateY(0);
margin-top: -4px;
}
}
#header-inner {
width: 100%;
height: 79px;
padding: 0;
display: flex;
}
@media (min-width: 1000px) and (max-width: 1900px) {
#header-inner {
height: calc(3.8vw + .38vw);
width: calc(5.26vw * 13 + 1.8vw + .15vw);
min-width: 1046px;
}
}
@media (max-width: 999px) {
#header-inner {
width: calc(100% - 40px);
height: 53px;
}
}
#page-wrapper {
padding-top: 159px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
#page-wrapper {
padding-top: calc(5.26vw + 2.75vw + .47vw);
}
}
.wc-cart img {
max-width: 32px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.wc-cart img { max-width: 26px;
}
}
@media (max-width: 999px) {
.wc-cart img {
max-width: 26px;
top: 0;
}
#header .wc-cart {
top: 0;
}
}
.header__buttons {
height: 79px;
width: 282px;
position: absolute;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
right: 0;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.header__buttons {
height: calc(3.8vw + .47vw); width: unset;
gap: 1.06vw;
}
}
@media (max-width: 999px) {
.header__buttons {
align-items: flex-start;
}
}
#menu-button {
position: absolute;
left: 0;
width: 33px;
height: 28px;
display: flex;
flex-direction: column; justify-content: space-between;
align-items: flex-start;
cursor: pointer;
}
#menu-button::after {
content: "MENU";
position: absolute;
letter-spacing: 3px;
height: min-content;
bottom: 0;
left: 0;
padding-top: 10px;
transform: translateY(100%);
transition: all .3s;
}
#menu-button span {
height: 0;
width: 11px;
background-color: #000;
transition: all .3s !important;
border-width: 4px;
}
#menu-button span:nth-child(2) {
width: 100%;
}
#menu-button span:last-child {
width: 66.66%;
}
#menu-button:hover span:last-child {
width: 33.33%;
}
#menu-button:hover span:nth-child(2) {
width: 66.66%;
}
#menu-button:hover span:first-child {
width: 100%;
}
#menu-button.active {
z-index: 1000;
}
#menu-button.active span {
transition-delay: .5s;
}
#menu-button.active span:nth-child(2) {
width: 0;
}
#menu-button.active span:first-child {
transform: rotate(45deg) translate(12px, 11px);
width: 100%;
}
#menu-button.active span:last-child {
transform: rotate(-45deg) translate(8px, -8px);
width: 100%;
}
@media (min-width: 1000px) and (max-width: 1900px) {
#menu-button {
width: 2.1vw; gap: .55vw;
}
}
@media (min-width: 1000px) {
#menu-button {
margin-top: 8px;
}
#header.minify #menu-button {
margin-top: -8px;
}
}
@media (max-width: 999px) {
#menu-button.wc-cart {
height: 53px;
justify-content: flex-start;
position: absolute !important;
}
}
.header__buttons .wc-cart,
#chat,
#menu-button.wc-cart {
right: unset;
left: unset;
bottom: unset;
top: unset;
display: flex;
flex-direction: column;
border-bottom: unset;
padding-bottom: 0;
gap: 10px;
align-items: center;
margin-bottom: -10px;
}
.header__buttons .wc-cart,
#chat {
position: relative;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.header__buttons .wc-cart,
#chat,
#menu-button.wc-cart {
gap: .55vw;
margin-bottom: -.55vw;
}
}
#menu-button.wc-cart {
align-items: flex-start;
}
.header__buttons .wc-cart span,
#chat span,
#menu-button.wc-cart span {
margin: 0;
padding: 0;
}
@media (max-width: 999px) {
#chat span {
display: none;
}
.header__buttons {
height: 53px;
width: auto;
gap: 18px;
}
.full-width .center-content {
overflow: hidden;
}
#page-wrapper {
padding-top: 132px;
}
.header__buttons .wc-cart:first-child {
width: 26px;
}
.header__buttons .wc-cart:first-child img {
margin-left: 12px;
margin-top: 2px;
}
#logo img {
transform: translateY(24px);
}
}
.header__buttons .wc-cart img,
#menu-button.wc-cart img {
padding: 0;
margin: 0;
}
.menu-title {
height: 22px;
color: #000;
z-index: 105;
width: auto;
top: 84px;
color: #000;
font-family: Minion Pro;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 22px;
letter-spacing: 1.08px;
z-index: 106;
left: 84px;
text-transform: capitalize !important;
padding: 0 !important;
margin-bottom: 32px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.menu-title {
top: calc(4.2vw + .15vw + .15vw);
height: 1.18vw; line-height: 1.18vw;
left: calc(4.2vw + .15vw);
margin-bottom: 1.7vw;
}
}
@media (max-width: 999px) {
.menu-title {
margin-bottom: 0;
padding-bottom: 27px !important;
margin-bottom: 24px !important;
}
.menu-title::after {
content: '';
width: 100%;
position: absolute;
left: 0;
height: 1px;
background-color: rgba(234, 234, 234, 1);
margin-top: 62px;
}
}
.menu-title * {
color: #000;
background-color: transparent;
}
.nav {
position: fixed;
display: block;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background: rgba(72, 72, 72, 0.70);
z-index: 100;
padding: 0;
opacity: 0;
pointer-events: none;
transition: all .5s;
}
.nav.active {
opacity: 1;
pointer-events: auto;
}
.nav__container {
box-sizing: border-box;
width: 395px;
background-color: #fff;
height: 100vh;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.nav__container { }
}
@media (max-width: 999px) {
.nav__container {
width: 330px;
}
}
.nav .menu {
box-sizing: border-box;
display: flex;
flex-direction: column;
background-color: #fff;
align-items: flex-start;
margin-top: 0;
top: 0;
position: absolute;
height: 100vh;
padding: 84px 0 0 84px;
width: 395px;
z-index: 100;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.nav .menu {
padding: calc(4.2vw + .15vw) 0 0 calc(4.2vw + .15vw); padding: 84px 0 0 84px;
width: 395px;
}
}
@media (max-width: 999px) {
.nav .menu {
width: 330px;
padding: 24px 0 0 24px;
}
} .nav .menu>li.menu-item {
background-color: #fff;
box-sizing: border-box;
text-align: left;
height: 40px;
width: 100%;
margin: 0;
padding: 0;
cursor: pointer;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.nav .menu>li.menu-item { }
}
.nav .menu>li.menu-item>a {
box-sizing: border-box;
width: auto;
display: inline;
transition: all .2s;
white-space: nowrap;
font-size: 18px;
}
.nav .menu>li.menu-item:hover>a {
border-bottom-color: #000 !important;
} .nav .menu>li.menu-item>ul.sub-menu {
background-color: unset;
padding: 0;
margin: 0;
border-top: unset;
width: 395px;
box-sizing: border-box;
position: absolute;
top: 0;
height: 100vh;
padding: 84px 0 0 84px;
display: flex;
flex-direction: column;
transform: translateX(395px);
cursor: auto;
z-index: -1;
transition: all .2s;
pointer-events: none;
opacity: 0;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.nav .menu>li.menu-item>ul.sub-menu {
transform: translateX(calc(5.26vw * 3 + 4.75vw + .38vw));
padding: calc(4.2vw + .15vw) 0 0 calc(4.2vw + .15vw); width: 395px;
transform: translateX(395px);
padding: 84px 0 0 84px;
}
}
@media (max-width: 999px) {
.nav .menu>li.menu-item>ul.sub-menu {
width: 330px;
transform: translateX(330px);
padding: 24px 0 0 24px;
}
}
.nav .menu>li.menu-item>ul.sub-menu>li.menu-item {
text-align: left;
height: 40px;
width: 100%;
margin: 0;
padding: 0;
cursor: pointer;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.nav .menu>li.menu-item>ul.sub-menu>li.menu-item { }
}
.nav .menu>li.menu-item>ul.sub-menu>li.menu-item>a {
white-space: nowrap;
color: #000;
border-bottom: 5px solid transparent;
font-size: 18px;
display: inline;
line-height: 120%;
transition: all .2s;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.nav .menu>li.menu-item>ul.sub-menu>li.menu-item>a { border-bottom-width: calc(.15vw + .15vw);
}
}
.nav .menu>li.menu-item>ul.sub-menu>li.menu-item:hover>a {
border-bottom-color: #000 !important;
} .nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu {
background-color: unset;
padding: 0;
margin: 0;
top: 0;
border-top: unset;
width: 395px;
box-sizing: border-box;
position: absolute;
margin-left: -1px;
transform: translateX(395px);
height: 100vh;
padding: 84px 0 0 84px;
display: flex;
flex-direction: column;
transition: all .2s;
overflow-x: hidden;
z-index: -2;
pointer-events: none;
opacity: 0;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu {
width: calc(5.26vw * 3 + 4.75vw + .38vw);
padding: calc(4.2vw + .15vw) 0 0 calc(4.2vw + .15vw);
transform: translateX(calc(5.26vw * 3 + 4.75vw + .38vw)); padding: 84px 0 0 84px;
width: 395px;
transform: translateX(395px);
}
}
@media (max-width: 999px) {
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu {
width: 330px;
transform: translateX(330px);
}
}
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu>li.menu-item {
text-align: left;
height: 40px;
width: 100%;
margin: 0;
padding: 0;
cursor: pointer;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu>li.menu-item { }
}
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu>li.menu-item>a {
color: #000;
border-bottom: 5px solid transparent;
font-size: 18px;
display: inline;
line-height: 120%;
transition: all .2s;
white-space: nowrap;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu>li.menu-item>a { border-bottom-width: calc(.15vw + .15vw);
}
}
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu>li.menu-item:hover>a {
border-bottom-color: #000 !important;
}
.nav__sub-container,
.nav__sub-container2 {
height: 100vh;
background-color: #fff;
width: 394px;
position: absolute;
transform: translateX(395px);
top: 0;
border-left: 1px solid rgba(234, 234, 234, 1);
transition: all .6s;
opacity: 0;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.nav__sub-container,
.nav__sub-container2 {
width: calc(5.26vw * 3 + 4.75vw + .38vw);
transform: translateX(calc(5.26vw * 3 + 4.75vw + .38vw)); width: 330px;
transform: translateX(330px);
display: none;
}
}
@media (max-width: 999px) {
.nav__sub-container,
.nav__sub-container2 {
width: 330px;
transform: translateX(330px);
display: none;
}
}
.nav__sub-container2 {
transform: translateX(789px);
}
@media (min-width: 1000px) and (max-width: 1900px) {
.nav__sub-container2 { }
}
@media (max-width: 999px) {
.nav__sub-container2 {
transform: unset;
}
}
.nav__sub-container-open {
opacity: 1 !important;
}
@media (max-width: 999px) {
.nav__sub-container-open {
transform: translateX(0) !important;
}
}
.nav ul li {
display: flex;
align-items: center; }
.nav .menu ul {
background-color: #fff !important;
border-left: 1px solid rgba(234, 234, 234, 1);
}
.nav ul li a {
margin: 0;
padding: 0;
}
.sub-menu-open {
opacity: 1 !important;
pointer-events: auto !important;
}
@media (min-width: 1000px) and (max-width: 1900px) {
#logo img {
width: calc(5.26vw * 3 + 1.28vw + .15vw);
margin: 0 auto;
}
}
@media (max-width: 999px) {
.menu>li>ul {
visibility: visible !important;
display: flex !important;
margin-top: 0 !important;
}
.menu>li>ul>li {
display: flex !important;
}
.menu>li>ul>li>ul {
display: flex !important;
background-color: #fff !important;
padding: 0 !;
margin: 0 !;
top: 0;
border-top: unset !important;
width: 330px;
box-sizing: border-box;
position: absolute !important;
height: 100vh !important;
padding: 24px 0 0 24px !important;
display: flex !important;
flex-direction: column;
transition: all .2s;
overflow-x: hidden;
z-index: -2;
pointer-events: none;
opacity: 0;
left: 0 !important;
position: absolute !important;
top: 0 !important;
}
.menu>li>ul>li>ul>li>a::before {
display: none;
}
.menu>li>ul>li>ul:after {
display: none;
}
.sub-menu-open {
transform: translateX(0) !important;
opacity: 1 !important;
z-index: 120 !important;
background-color: #fff !important;
}
.menu>li>ul>li>ul.sub-menu-open {
z-index: 130 !important;
}
}
.menu-close {
display: none;
}
@media (max-width: 999px) {
.menu-close {
display: block;
background-image: url(//steinway.co.uk/wp-content/themes/steinway/assets/img/close-menu.svg);
width: 20px;
height: 20px;
position: absolute;
margin-left: 342px;
margin-top: 0;
top: 24px;
cursor: pointer;
}
.nav .menu>li.menu-item>ul.sub-menu>li.menu-item:hover>a {
border-bottom-color: transparent !important;
}
.menu>li.current-menu-ancestor>a,
.menu>li.current-menu-parent>a,
.menu>li.current-menu-item>a,
.menu>li.hover>a,
.menu>li>a:hover {
border-color: transparent;
}
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu>li.menu-item:hover>a {
border-color: transparent;
}
.nav .menu li:hover {
outline: none;
}
.nav .menu li:hover a {
border-color: transparent;
}
.nav .menu>li.menu-item:hover>a {
border-color: transparent;
outline: none;
}
*:focus,
*:active,
*:visited,
*:hover,
*:target {
outline: none !important;
outline-width: 0 !important;
-webkit-tap-highlight-color: transparent;
}
.menu li {
display: flex !important;
align-items: center !important;
}
.menu li.menu-item-has-children::after {
content: '';
width: 12px;
height: 7px;
background-image: url(//steinway.co.uk/wp-content/themes/steinway/assets/img/shevron.svg);
transform: rotate(-90deg);
position: absolute;
right: 12px;
margin-top: -7px
}
}
.menu-title .cls-m {
font-size: 16px;
position: relative;
cursor: pointer;
}
.menu-title .cls-2,
.menu-title .cls-3 {
margin-left: 26px;
}
.menu-title .cls-2::before,
.menu-title .cls-3::before {
content: '';
width: 12px;
height: 7px;
display: block;
background-image: url(//steinway.co.uk/wp-content/themes/steinway/assets/img/shevron.svg);
transform: rotate(-90deg);
position: absolute;
bottom: calc(50% - 3px);
left: -18px;
} h3 span.buyers-italic {
font-family: 'MinionPro';
font-size: 35px;
font-style: italic;
font-weight: 400;
line-height: 62px;
text-transform: lowercase; letter-spacing: 2.4px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
h3 span.buyers-italic {
font-size: 1.8vw;
line-height: calc(3.15vw + .15vw);
}
}
.buyers-guide article {
max-width: 1481px;
position: relative;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.buyers-guide article {
max-width: calc(5.26vw * 14 + 4.2vw);
}
}
.buyers-guide .one-half:first-child {
margin-right: 0;
width: 909px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.buyers-guide .one-half:first-child {
width: calc(5.26vw * 9 + .47vw);
}
}
@media (max-width: 999px) {
.buyers-guide .one-half:first-child {
position: relative;
width: 100%;
}
}
.buyers-guide .one-half.last {
margin-right: 0;
width: 753px;
position: absolute;
}
@media (max-width: 999px) {
.buyers-guide .one-half.last {
position: relative;
width: 100%;
}
}
@media (min-width: 1000px) and (max-width: 1900px) {
.buyers-guide .one-half.last {
width: calc(5.26vw * 7 + 2.75vw);
}
}
.buyers-guide .one-half.last img {
width: 657px;
position: absolute;
}
@media (max-width: 999px) {
.buyers-guide .one-half p {
text-align: right;
height: 67vw;
}
.buyers-guide .one-half.last img {
display: inline;
margin-right: -6px !important;
}
.buyers-guide .one-half.last img {
position: relative;
width: 90% !important;
min-width: 290px;
}
.buyers-guide .one-half p {
padding: 0;
}
.buyers-guide .one-half.last img:first-child {
right: 0;
top: 0 !important;
}
.buyers-guide .one-half.last img:last-child { top: -53.5vw !important;
right: 10vw;
}
}
@media (min-width: 1000px) and (max-width: 1900px) {
.buyers-guide .one-half.last img {
width: calc(5.26vw * 6 + 2.95vw);
}
}
.buyers-guide .one-half.last img.buyers-img-2 {
top: 25px;
right: 0;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.buyers-guide .one-half.last img.buyers-img-2 {
top: 1.28vw;
}
}
.buyers-guide .one-half.last img.buyers-img-3 {
top: 137px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.buyers-guide .one-half.last img.buyers-img-3 {
top: calc(5.26vw + 2vw);
}
}
.buyers-guide .one-half:first-child img {
width: 909px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.buyers-guide .one-half:first-child img {
width: calc(5.26vw * 9 + .47vw);
}
}
.buyers-guide-services .list {
display: none;
}
.buyers-guide-content {
margin-bottom: 80px;
padding-bottom: 20px;
}
@media (max-width: 999px) {
.buyers-guide-services .piano-list-title {
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: 62px;
}
.buyers-guide-services .piano-list-header {
margin-top: 45px;
}
.buyers-guide-services .piano-list-header {
padding-bottom: 0 !important;
}
.buyers-guide-boxes .piano-list-link {
width: 136px;
float: unset !important;
margin: 0 auto !important;
}
.buyers-guide-boxes {
margin-bottom: 40px;
}
.buyers-guide-slider h5 {
font-size: 18px !important;
}
.buyers-guide-slider .button {
width: 230px;
display: none;
}
.buyers-italic {
display: block
}
.buyers-guide-content h3 {
font-size: 40px;
padding-top: 0 !important;
}
.buyers-guide-page .spirio-new-sep {
display: none;
}
.buyers-guide-content {
margin-bottom: 40px;
}
}
ul.farbtoene,
ul.farbtoene_auswahl,
ul {
float: none;
}
.buyers-guide-services article {
padding-bottom: 0;
}
.buyers-guide-services .piano-list-header {
margin-bottom: 0;
padding-bottom: 18px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.buyers-guide-services .piano-list-header {
padding-bottom: .99vw;
}
}
.buyers-guide-boxes .boxes {
padding-top: 18px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.buyers-guide-boxes .boxes {
padding-top: .99vw;
}
}
.buyers-guide-slider .slide-content {
margin-top: 0;
}
.buyers-guide-slider.tt_slider-main .flex-direction-nav {
top: 50%;
}
.buyers-guide-slider h5 {
font-family: 'MinionPro';
font-size: 30px;
font-style: italic;
text-transform: initial !important;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.buyers-guide-slider h5 {
font-size: 1.6vw;
}
}
p.buyers-italic {
font-style: italic;
padding-bottom: 0;
}
.form-buyers-guide {
display: flex;
flex-direction: column;
width: 800px;
margin: 0 auto;
}
.form-buyers-guide ul li {
margin: 0;
padding: 0;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide {
width: calc(5.26vw * 8);
}
}
@media (max-width: 999px) {
.form-buyers-guide {
width: 100%;
}
}
.form-buyers-guide input {
border: 1px solid #e1e1e1 !important;
color: #999 !important;
height: 40px !important;
font-size: 12px !important;
margin-bottom: 0 !important;
padding-left: 16px !important;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide input {
height: 2.1vw !important;
font-size: .65vw !important; height: 40px !important;
font-size: 12px !important;
padding-left: 16px !important;
}
}
.form-buyers-guide ul.gform_fields {
column-gap: 16px;
row-gap: 16px;
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 16px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide ul.gform_fields {
column-gap: 1.51vw;
row-gap: .88vw;
margin-top: .55vw; column-gap: 16px;
row-gap: 16px;
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 16px;
}
}
@media (max-width: 999px) {
.form-buyers-guide ul.gform_fields {
grid-template-columns: 1fr;
row-gap: 15px;
}
.form-buyers-guide ul li {
padding: 0 !important;
}
.form-buyers-guide ul li input {
margin: 0 !important;
}
.form-buyers-guide .form-buyers-guide_check:not(:last-child) {
margin-top: 0 !important;
}
.form-buyers-guide .form-buyers-guide_check:last-child {
margin-top: -2px;
}
}
.form-buyers-guide .form-buyers-guide_check {
margin: 0;
height: auto;
}
@media (min-width: 1000px) {
.form-buyers-guide .form-buyers-guide_check {
grid-column-start: span 2;
}
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide .form-buyers-guide_check { }
}
.form-buyers-guide .form-buyers-guide_check ul {
height: auto;
margin: 0;
padding: 0;
}
.form-buyers-guide .form-buyers-guide_check ul li {
text-align: initial;
height: auto;
margin: 0;
padding: 0;
margin-top: 16px;
}
.form-buyers-guide .form-buyers-guide_check ul li label {
font-family: 'minion-pro', serif;
letter-spacing: 1px;
text-rendering: optimizeSpeed;
font-variant-ligatures: no-common-ligatures;
color: rgba(0, 0, 0, 1) !important;
padding: 0;
padding-left: 36px;
font-family: 'MinionPro';
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 14px; letter-spacing: 0.6px;
text-transform: uppercase;
display: block;
position: relative;
margin: 0 !important;
padding-top: 4px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide .form-buyers-guide_check ul li label {
line-height: .78vw;
padding-left: 1.8vw;
font-size: .55vw; line-height: 14px;
padding-left: 36px;
font-size: 10px;
}
}
.form-buyers-guide .form-buyers-guide_check ul li label a {
color: inherit;
}
.form-buyers-guide .form-buyers-guide_check ul li label::before {
content: "";
position: absolute;
left: 9px;
top: 5px;
width: 5px;
height: 10px;
z-index: 67;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: -3px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide .form-buyers-guide_check ul li label::before {
left: .53vw;
top: .38vw;
width: .38vw;
height: .55vw;
border-width: 0 .15vw .15vw 0;
margin-top: -.15vw; left: 9px;
top: 5px;
width: 5px;
height: 10px;
border-width: 0 3px 3px 0;
margin-top: -3px;
}
}
.form-buyers-guide .form-buyers-guide_check:last-child ul li label {
margin-top: 24px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide .form-buyers-guide_check:last-child ul li label {
margin-top: 1.28vw;
}
}
.form-buyers-guide .form-buyers-guide_check ul li label::after {
content: '';
cursor: pointer;
font-size: 14px;
letter-spacing: .5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #999;
position: absolute;
top: 0;
left: 0;
height: 24px;
width: 24px;
background-color: #fff;
border: 1px solid #e1e1e1;
margin-top: -3px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide .form-buyers-guide_check ul li label::after {
font-size: .78vw;
height: 1.28vw;
width: 1.28vw;
margin-top: -.15vw; margin-top: -3px;
height: 24px;
width: 24px;
font-size: 14px;
}
}
.form-buyers-guide .form-buyers-guide_check .gfield-choice-input {
position: absolute;
display: none;
}
p.buyers-italic+p {
display: none;
}
.buyers-guide-content:has(.form-buyers-guide2),
.buyers-guide-page .breadcrumbs-module,
.buyers-guide-page .spirio-new-sep {
background: #F2F2F2;
}
.form-buyers-guide2 {
width: calc(5.26vw * 8);
display: contents;
}
.form-buyers-guide2 form {
width: 100%;
max-width: unset;
padding: 0;
background: unset;
}
@media screen and (max-width: 980px) {
.buyers-guide .one-half.last img.buyers-img-3 {
position: absolute;
left: 0;
top: 50px;
}
}
.form-buyers-guide2 form input:not([type="checkbox"]) {
width: 100%;
height: 57px;
line-height: 57px;
background-color: #fff;
border: 1px solid #979797;
box-shadow: none;
border-radius: 0px;
-webkit-appearance: none;
outline: none;
text-align: left;
padding: 0 0 0 25px;
padding-left: 25px;
margin: 0 0 16px 0;
margin-bottom: 16px;
color: #000;
font-size: 16px;
letter-spacing: 1px;
font-family: "MinionPro", sans-serif !important; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: border-color .2s ease;
-webkit-transition: border-color .2s ease;
-o-transition: border-color .2s ease;
transition: border-color .2s ease;
height: 40px !important;
font-size: 12px !important;
padding-left: 16px !important;
border: 1px solid #e1e1e1 !important;
margin: 0;
text-transform: uppercase;
}
.form-buyers-guide3 form textarea {
font-family: "MinionPro", sans-serif;
text-transform: uppercase;
font-size: 12px !important;
}
.form-buyers-guide2 .wrapperContainer {
display: grid;
column-gap: 16px;
row-gap: 16px;
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 16px;
}
.form-buyers-guide3 form {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 16px;
row-gap: 16px;
}
.form-buyers-guide3 form br,
.form-buyers-guide3 form [data-editorblocktype="Divider"] {
display: none;
}
.form-buyers-guide3 form>div {
width: 100%;
}
.form-buyers-guide3 form [type="checkbox"] {
width: 22px;
height: 22px;
}
.form-buyers-guide3 form>div:has(button),
.form-buyers-guide3 form>div:nth-child(n+6) {
grid-column-start: span 2;
}
#contact-popup {
padding-top: calc((100vh - 558px) / 2);
}
@media screen and (max-width: 480px) {
.form-buyers-guide2 .wrapperContainer {
grid-template-columns: 1fr;
}
}
.fancybox-inner:has(.form-buyers-guide3) .modal-form .close-button {
top: calc((100vh - 558px) / 2) !important;
right: 8px;
}
@media screen and (max-width: 680px) {
.form-buyers-guide3 form {
display: block;
max-width: 450px;
}
.form-buyers-guide3 form>div {
grid-column-start: unset;
margin-bottom: 10px;
}
#contact-popup {
padding-top: calc((100vh - 658px) / 2);
}
.fancybox-inner:has(.form-buyers-guide3) .modal-form .close-button {
top: 8px !important;
right: 8px;
}
}
.form-buyers-guide2 button {
width: 100%;
height: 57px;
line-height: 57px;
background-color: #c22026;
border: none;
box-shadow: none;
border-radius: 0px;
-webkit-appearance: none;
outline: none;
text-align: center;
text-align-last: center;
padding: 0 0 0 25px;
margin: 0 0 16px 0;
color: #fff;
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
font-family: "MinionPro", sans-serif !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
cursor: pointer;
width: 330px !important;
height: 37px !important;
padding: 9px 50px !important;
margin: 0 auto !important;
line-height: 16px !important;
font-size: 16px !important;
color: #fff !important;
font-weight: normal;
border: none !important;
transition: all .2s;
margin-top: 16px !important;
}
.form-buyers-guide2 button:hover {
background-color: #000 !important;
}
.form-buyers-guide2 .wrapperContainer:has(button) {
display: block;
}
.woocommerce-cart-form,
.single-piano-intro form,
section form {
background-color: unset !important;
color: inherit !important;
}
form.woocommerce-cart-form {
padding: 0;
}
.woocommerce-cart-form input {
width: 3.631em;
height: inherit;
border: 1px solid #000;
color: #000;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: none;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals>*:nth-child(1),
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals>*:nth-child(2) {
grid-column-start: span 2;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals>*:nth-child(3) {
grid-column: 2 / -1;
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
max-width: 100%;
}
.buyers-guide-page .breadcrumbs-module-content,
.buyers-guide-page .breadcrumbs-module-content a,
.buyers-guide-page .breadcrumbs-module-content span {
color: #999;
}
.woocommerce .single-piano-intro-container .product-type-simple form.cart,
.checkout.woocommerce-checkout {
background-color: unset;
color: inherit;
}
@media screen and (max-width: 775px) {
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
grid-template-columns: 1fr;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals>*:nth-child(3) {
grid-column: unset;
}
.woocommerce button[name=update_cart],
.woocommerce .wc-proceed-to-checkout .checkout-button.button {
line-height: 34px;
}
}
.buyers-guide-page .breadcrumbs-module {
padding: 10px 0;
margin: 0;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.buyers-guide-page .breadcrumbs-module {
padding: .55vw 0; padding: 10px 0;
margin: 0;
}
}
.buyers-guide-page .spirio-new-sep hr {
background: #E7E7E7;
}
.form-buyers-guide .form-buyers-guide_check .gfield-choice-input:checked~label:after {
background-color: #999;
}
.form-buyers-guide .form-buyers-guide_check .gfield-choice-input:checked~label:before {
display: block;
}
.form-buyers-guide .gform_button {
width: 330px !important;
height: 37px !important;
padding: 9px 50px !important;
margin: 0 auto !important;
line-height: 16px !important;
font-size: 16px !important;
color: #fff !important;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide .gform_button {
width: calc(5.26vw * 3 + 1.6vw) !important;
height: 2vw !important;
padding: .47vw 2.55vw !important;
line-height: .88vw !important;
font-size: .88vw !important; width: 330px !important;
height: 37px !important;
padding: 9px 50px !important;
margin: 0 auto !important;
line-height: 16px !important;
font-size: 16px !important;
}
}
@media (max-width: 999px) {
.form-buyers-guide .gform_button {
margin-top: 20px !important;
}
}
.form-buyers-guide .validation_message {
text-align: left;
}
.form-buyers-guide_wrapper .gform_validation_errors {
display: none;
}
.buyers-guide-page .breadcrumbs-module {
padding-top: 40px;
}
.buyers-guide-slider {
padding-bottom: 60px;
}
@media (max-width: 999px) {
.buyers-guide-page .breadcrumbs-module {
padding-top: 20px;
}
.buyers-guide-slider {
padding-bottom: 30px;
}
}
@media (min-width: 1000px) and (max-width: 1900px) {
.buyers-guide-page .breadcrumbs-module {
padding-top: 2.1vw; padding-top: 40px;
}
.buyers-guide-slider {
padding-bottom: 3.15vw; padding-bottom: 60px;
}
} .services-form:has(#services-form) {
margin-top: 80px !important;
padding-top: 50px;
background: #F2F2F2;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.services-form:has(#services-form) {
margin-top: 4.2vw !important;
padding-top: 2.55vw; margin-top: 80px !important;
padding-top: 50px;
background: #F2F2F2;
}
}
@media (max-width: 999px) {
.services-form:has(#services-form) {
margin-top: 40px !important;
padding-top: 25px;
background: #F2F2F2;
}
}
.services-form #services-form h3 {
margin: 0;
}
@media (max-width: 999px) {
.services-form #services-form h3 {
font-size: 40px;
}
.services-form #services-form h3 .buyers-italic {
display: inline;
}
}
.services-form #services-form .buyers-italic {
text-transform: initial;
}
.form-buyers-guide .form-buyers-guide_select {
position: relative;
width: calc(50% - 8px);
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide .form-buyers-guide_select {
width: calc(50% - .47vw); width: calc(50% - 8px);
}
}
@media (max-width: 999px) {
.form-buyers-guide .form-buyers-guide_select {
width: 100%;
}
}
.form-buyers-guide .form-buyers-guide_select .arrow {
display: none;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide .form-buyers-guide_select .arrow {
top: calc(50% - .38vw);
right: .88vw;
width: .47vw;
height: .47vw;
}
}
.form-buyers-guide .form-buyers-guide_select::after {
content: '';
position: absolute;
cursor: pointer;
top: calc(50% - 6px);
right: 16px;
width: 8px;
height: 8px;
border-right: 1px solid #000;
border-top: 1px solid #000;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
pointer-events: none;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide .form-buyers-guide_select::after {
top: calc(50% - .38vw);
right: .88vw;
width: .47vw;
height: .47vw; top: calc(50% - 6px);
right: 16px;
width: 8px;
height: 8px;
}
}
.form-buyers-guide_select {
grid-column-start: span 2;
}
@media (max-width: 999px) {
.form-buyers-guide_select {
grid-column-start: span 1;
}
}
.form-buyers-guide .gfield_select {
width: 100%;
height: 40px;
background: #fff;
position: relative;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
outline: 0;
font-size: 12px !important;
letter-spacing: 1px;
line-height: 36px;
border-radius: 1px;
border: 1px solid #e1e1e1;
background-color: #fff;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
color: #000;
font-family: "minion-pro", serif;
display: block;
padding: 0;
padding: 0 26px 0 16px;
margin: 0;
text-transform: uppercase;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide .gfield_select {
font-size: .65vw !important;
height: 2.1vw;
line-height: 1.8vw;
padding: 0 1.28vw 0 .88vw; height: 40px;
font-size: 12px !important;
line-height: 36px;
padding: 0 26px 0 16px;
}
}
.form-buyers-guide .gfield_select option {
cursor: pointer;
text-transform: uppercase !important;
}
.form-buyers-guide_textarea {
grid-column-start: span 2;
}
@media (max-width: 999px) {
.form-buyers-guide_textarea {
grid-column-start: span 1;
}
}
.form-buyers-guide_textarea textarea {
height: 117px;
padding: 16px;
font-size: 12px !important;
border-color: #e1e1e1;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide_textarea textarea {
height: calc(5.26vw + .99vw);
padding: .88vw;
font-size: .65vw !important; height: 117px;
padding: 16px;
font-size: 12px !important;
}
}
.form-buyers-guide .gfield_description.validation_message {
margin-top: 2px;
margin-left: 2px;
}
@media (min-width: 1000px) and (max-width: 1900px) {
.form-buyers-guide .gfield_description.validation_message {
margin-top: .15vw;
margin-left: .15vw; margin-top: 2px;
margin-left: 2px;
}
}
.services-form~.container:has(.members-container) {
margin-top: 80px !important;
margin-bottom: 80px !important;
} .landing-container .one-half img:not(.gform_ajax_spinner) {
width: 100%;
}
#landings-form {
width: 100%;
padding: 28px 28px;
background: #F2F2F2;
box-sizing: border-box;
}
@media (max-width: 900px) {
#landings-form {
margin: 40px auto;
padding: 12px 12px;
}
}
#landings-form .form-buyers-guide {
width: calc(100% - 32px);
}
#landings-form p:last-child {
margin: 0;
padding: 0;
}
#landings-form .form-buyers-guide .gform_fields {
grid-template-columns: 1fr;
}
#landings-form .form-buyers-guide_textarea,
#landings-form .form-buyers-guide_check {
grid-column-start: span 1;
}
#landings-form .form-buyers-guide .gform_button.button {
width: 100% !important;
margin-top: 56px !important;
}
.landing-container .one-half {
width: 47%;
margin-right: 3%;
}
@media (max-width: 900px) {
.landing-container .one-half {
width: 100%;
margin-right: 0;
}
}
.landing-container .one-half.last {
margin-right: 0;
}
#landings-form h3 {
font-size: 40px;
text-align: center;
letter-spacing: 2.4px;
}
@media (max-width: 900px) {
#landings-form h3 {
font-size: 28px !important;
}
}
#landings-form .buyers-italic {
text-transform: initial;
}
#landings-form p.buyers-italic {
text-align: center;
}
#landings-form .form-buyers-guide {
padding: 0 16px;
}
@media (max-width: 900px) {
#landings-form .form-buyers-guide {
padding: 0 12px;
}
}
#landings-form h3 span.buyers-italic {
font-size: 40px;
letter-spacing: 2.4px;
display: inline;
}
@media (max-width: 900px) {
#landings-form h3 span.buyers-italic {
font-size: 28px !important;
}
}
#landings-form .form-buyers-guide_check .validation_message {
margin: 0;
padding: 0;
position: relative;
top: 10px;
}
#landings-form .gform_submission_error {
display: none;
}
@media (min-width: 1000px) and (max-width: 1900px) {
#landings-form .form-buyers-guide_check .validation_message {
top: .55vw;
}
} @media (min-width: 900px) {
#header {
transition: all .3s;
}
#header.minify {
height: 80px;
}
#header #header-inner {
transition: all .3s;
}
#header.minify #header-inner {
height: 50px;
align-items: center;
}
#header #menu-button {
transition: all .3s;
}
#header.minify #menu-button { }
#header.minify #menu-button {
transform: translate(0, -8px) scale(.8); }
#header #logo {
transition: all .3s;
}
#header.minify #logo {
overflow: hidden;
height: 50px;
}
#header .wc-cart {
transition: all .3s;
}
#header.minify .wc-cart {
flex-direction: row;
align-items: end;
}
#header.minify .wc-cart:first-child img {
top: 2px;
}
#header.minify #menu-button span { }
#header #chat {
transition: all .3s;
}
#header.minify #chat {
flex-direction: row;
align-items: end;
}
#header .header__buttons {
transition: all .3s;
}
#header.minify .header__buttons {
width: auto;
}
}
@media (min-width: 1000px) and (max-width: 1900px) {
#header.minify {
height: 4.2vw;
}
#header.minify #logo {
height: calc(2.5vw);
}
}
#page-wrapper {
padding-top: 0;
transition: all .3s;
}
#page-wrapper.minify {
padding-top: 79px;
}
@media (max-width: 1000px) {
#page-wrapper.minify {
padding-top: 42px;
}
}
.form-buyers-guide input {
color: #000 !important;
}
input:focus::placeholder,
textarea:focus::placeholder {
color: transparent;
} #services-form .ginput_container>input,
#landings-form .ginput_container>input,
.buyers-guide-content .ginput_container>input {
line-height: unset;
}
#signup-popup .ginput_recaptcha+.gfield_validation_message {
margin-top: 14px;
}
.gform_button.button,
input.gform_button[type=submit] {
font-family: "MinionPro", sans-serif;
}  .custom-select,
.form-buyers-guide .ginput_container_select,
.forms__select {
position: relative;
}
.form-buyers-guide .form-buyers-guide_select::after {
display: none;
}
.custom-select select,
.form-buyers-guide .ginput_container_select select,
.forms__select select {
display: none; }
#buyers-guide-container .phoneFormFieldBlock {
margin: 0px !important;
padding: 0px !important;
}
.select-selected {
background-color: #fff;
height: 40px;
box-sizing: border-box;
} .select-selected:after {
position: absolute;
content: "";
top: 15px;
right: 16px;
width: 7px;
height: 7px;
border-left: 2px solid #000;
border-top: 2px solid #000;
transform: rotate(-135deg);
transform-origin: 3px 3px;
transition: all .4s;
} .select-selected.select-arrow-active:after {
transform: rotate(45deg);
} .select-items div.select-items__item {
box-sizing: border-box;
height: 28px;
}
.select-items div,
.select-selected {
font-family: "MinionPro";
font-size: 12px;
color: #000;
border: 1px solid #E1E1E1;
cursor: pointer;
display: flex;
align-items: center;
}
.select-selected {
padding-left: 18px;
line-height: 12px;
}
.select-items div {
border: none;
margin-bottom: 4px;
padding-left: 12px;
line-height: 12px;
}
.select-items div:first-child {
margin-top: 6px;
}
.select-items div:last-child {
margin-bottom: 6px;
} .select-items {
padding: 0 6px;
box-sizing: border-box;
position: absolute;
background-color: #fff;
top: 100%;
left: 0;
right: 0;
z-index: 99;
height: 0;
overflow: hidden;
border: 1px solid #E1E1E1;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
transition: height .4s, padding-top, .4s padding-botom .4s, box-shadow .4s;
pointer-events: auto;
}
.select-items.scrolled {
overflow-y: auto;
} .select-hide {
padding: 0 6px;
pointer-events: auto; border-top: none;
border-bottom: none;
pointer-events: none;
}
.select-items div:hover,
.same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
} .forms-popup {
box-sizing: border-box;
position: fixed;
z-index: 2000000001;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background-color: #fff;
transition: opacity .3s;
opacity: 0;
pointer-events: none;
}
.forms-popup.active {
opacity: 1;
pointer-events: auto;
}
.forms * {
box-sizing: border-box;
}
.forms-popup__controls {
position: sticky;
z-index: 2000000002;
top: 0;
margin: 0 auto;
padding-top: 35px;
width: 100%;
height: auto;
max-width: 1376px;
padding-bottom: 35px;
background-color: #fff;
box-sizing: border-box;
display: flex;
gap: 50%;
}
@media (max-width: 1700px) {
.forms-popup__controls {
max-width: 80%;
}
}
@media (max-width: 780px) {
.forms-popup__controls {
max-width: 100%;
}
}
@media (max-width: 780px) {
.forms-popup__controls {
padding: 25px 15px;
}
}
.forms-popup__controls:before {
position: absolute;
content: '';
width: 330px;
height: 1px;
background-color: #e7e7e7;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.forms-popup__close,
.forms-popup__back,
.forms__title-arrow {
width: 30px;
height: 30px;
position: relative;
cursor: pointer;
transition: opacity .3s;
}
@media (min-width: 1280px) and (max-width: 1900px) {
.forms__title-arrow {
width: 2.4vw;
height: 2.4vw;
}
}
@media (max-width: 780px) {
.forms__title-arrow {
width: 30px;
height: 30px;
}
}
@media (min-width: 1901px) {
.forms__title-arrow {
width: 50px;
height: 50px;
}
}
.forms-popup__back {
opacity: 0;
position: none;
}
.forms-popup__close {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.forms-popup__close::before,
.forms-popup__close::after {
position: absolute;
content: '';
width: 27px;
height: 3px;
background-color: #000;
display: block;
}
.forms-popup__close::before {
transform: translateX(-14px) translateY(-1px) rotate(45deg);
top: 50%;
left: 50%;
transition: all .3s;
}
.forms-popup__close::after {
transform: translateX(-14px) translateY(-1px) rotate(-45deg);
top: 50%;
left: 50%;
transition: all .3s;
}
.forms-popup__close:hover::before {
transform: translateX(-14px) translateY(-1px) rotate(45deg) scale(1.3);
}
.forms-popup__close:hover::after {
transform: translateX(-14px) translateY(-1px) rotate(-45deg) scale(1.3);
}
.forms-popup__back::before,
.forms__title-arrow::before {
position: absolute;
content: '';
width: 13px;
height: 13px;
border-left: 3px solid #000;
border-top: 3px solid #000;
display: block;
top: 50%;
left: 50%;
transform: translateX(-10%) translateY(-50%) rotate(-45deg);
transition: all .3s;
}
@media (min-width: 1280px) and (max-width: 1900px) {
.forms__title-arrow::before {
width: .7vw;
height: .7vw;
}
}
@media (max-width: 780px) {
.forms__title-arrow::before {
width: 9px;
height: 9px;
}
}
.forms__title-arrow {
background-color: #000;
}
.forms__title-arrow::before {
border-color: #fff;
transform: unset;
top: 50%;
left: 50%;
border-width: 2px;
transform: translateX(-70%) translateY(-50%) rotate(135deg);
}
.forms-popup__back:hover::before {
transform: translateX(-10%) translateY(-50%) rotate(-45deg) scale(1.3);
}
.forms {
box-sizing: border-box;
width: 100%;
margin: 0 auto;
height: 100%;
position: absolute;
left: 50%;
padding-top: 10px;
transform: translateX(-50%);
padding-bottom: 160px;
overflow-y: auto;
}
#forms.forms {
padding-bottom: 100px;
padding-top: 60px;
}
@media (min-width: 1280px) and (max-width: 1900px) {
#forms.forms {
padding-top: 2vw;
}
}
@media (max-width: 780px) {
.forms {
padding-top: 0;
padding-bottom: 100px;
}
#forms.forms {
padding-top: 40px;
padding-bottom: 0;
}
} .forms::-webkit-scrollbar {
width: 6px;
} .forms::-webkit-scrollbar-track {
background: linear-gradient(90deg, #fff 10%, #c0c0c0 60%, #fff 10%);
} .forms::-webkit-scrollbar-thumb {
background: #c0c0c0;
}
.forms__form {
background-color: #fff;
width: 100%;
height: 100%; opacity: 0;
pointer-events: none;
transition: opacity .3s;
}
.forms__form.active {
opacity: 1;
pointer-events: auto;
}
.forms__title {
text-align: center;
margin: 0;
padding: 0;
font-weight: 400;
font-family: 'MinionPro';
font-size: 30px;
line-height: normal;
letter-spacing: 3.6px;
text-transform: initial;
font-style: italic;
}
@media (min-width: 767px) {
.forms__title {
font-size: 45px;
}
}
@media (min-width: 1280px) and (max-width: 1900px) {
.forms__title {
font-size: 2.3vw;
}
}
@media (min-width: 1901px) {
.forms__title {
font-size: 60px;
}
}
.forms__title span {
text-transform: uppercase;
font-weight: 500;
font-family: "Knockout";
font-style: normal;
}
.forms__title-items {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px; margin-top: 70px
}
@media (min-width: 1280px) and (max-width: 1900px) {
.forms__title-items {
margin-top: 5.5vw;
gap: 1.6vw;
}
}
@media (max-width: 780px) {
.forms__title-items {
gap: 14px;
margin-top: 48px;
}
}
@media (min-width: 1901px) {
.forms__title-items {
gap: 30px;
}
}
.forms__title-item {
box-sizing: border-box;
width: 100%; padding-bottom: 15px;
border-bottom: 2px solid #5D5D5D;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 1280px) and (max-width: 1900px) {
.forms__title-item {
height: 4.2vw;
padding-bottom: 1.2vw;
}
}
@media (max-width: 780px) {
.forms__title-item {
height: 60px;
padding-bottom: 16px;
}
}
@media (min-width: 1901px) {
.forms__title-item {
padding-bottom: 30px;
}
}
.forms__title-item:hover .forms__title-arrow::before {
transform: translateX(-70%) translateY(-50%) rotate(135deg) scale(1.2);
}
.forms__title-icon {
display: flex;
align-items: center;
width: 30px;
height: 30px;
}
@media (max-width: 780px) {
.forms__title-icon {
width: 30px;
}
.forms__title-icon * {
width: 100%;
}
}
@media (min-width: 1280px) and (max-width: 1900px) {
.forms__title-icon {
width: 2.4vw;
height: 2.4vw;
}
}
@media (min-width: 1901px) {
.forms__title-icon {
width: 50px;
height: 50px;
}
}
.forms__title-half {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
@media (max-width: 780px) {
.forms__title-half {
gap: 15px;
}
}
.forms__title-text {
font-family: 'MinionPro';
font-size: 24px;
font-style: italic;
font-weight: 400;
line-height: normal;
letter-spacing: 2.16px;
text-transform: initial;
}
@media (max-width: 780px) {
.forms__title-text {
font-size: 18px;
}
}
@media (min-width: 1280px) and (max-width: 1900px) {
.forms__title-text {
font-size: 1.9vw;
}
}
@media (min-width: 1901px) {
.forms__title-text {
font-size: 36px;
}
}
.forms__inner {
background-color: #fff;
padding: 0 20px;
width: 100%;
max-width: 690px;
margin: 0 auto;
}
@media (min-width: 1024px) and (max-width: 1900px) {
.forms__inner {
max-width: calc(5.26vw * 8 + 1.28vw);
min-width: 690px;
}
}
@media (min-width: 1901px) {
.forms__inner {
width: 826px;
max-width: unset;
}
}
.forms-popup__back.active {
opacity: 1;
pointer-events: auto;
}
#forms-price-request .forms__select {
position: relative;
width: 100%;
top: 238px;
}
@media (min-width: 365px) {
#forms-price-request .forms__select {
top: 210px;
}
}
@media (min-width: 767px) {
#forms-price-request .forms__select {
top: 280px;
}
}
@media (min-width: 1280px) and (max-width: 1900px) {
#forms-price-request .forms__select {
top: 16.2vw;
}
}
@media (min-width: 1000px) and (max-width: 1900px) {
#forms-price-request .forms__select {
width: 100%;
}
}
@media (min-width: 1901px) {
#forms-price-request .forms__select {
top: 340px;
}
}
.forms__form .form-buyers-guide_wrapper,
.forms__form .form-buyers-guide {
width: 100%;
}
#forms-price-request .forms__select .select-items div:first-child {
display: none;
}
#forms-price-request .forms__select .select-items div:nth-child(2) {
margin-top: 6px;
} #forms-price-request .forms__select .select-items::-webkit-scrollbar {
width: 6px;
} #forms-price-request .forms__select .select-items::-webkit-scrollbar-track {
background: #f0f0f0;
} #forms-price-request .forms__select .select-items::-webkit-scrollbar-thumb {
background: #c0c0c0;
}
.forms #forms {
opacity: 1;
pointer-events: auto;
transition: opacity .3s;
}
.forms#forms.hidden {
opacity: 0;
pointer-events: none;
}
.forms__form .gfield_html h2,
.forms__form-title h2 {
text-align: center;
margin: 0;
padding: 0;
font-weight: 400;
font-family: 'MinionPro';
font-size: 30px;
line-height: normal;
letter-spacing: 3.6px;
text-transform: initial;
font-style: italic;
text-align: center;
white-space: nowrap;
}
@media (min-width: 767px) {
.forms__form .gfield_html h2,
.forms__form-title h2 {
font-size: 45px;
}
}
@media (min-width: 1280px) and (max-width: 1900px) {
.forms__form .gfield_html h2,
.forms__form-title h2 {
font-size: 3.1vw;
}
}
@media (min-width: 1901px) {
.forms__form .gfield_html h2,
.forms__form-title h2 {
font-size: 60px;
}
}
.forms__form .gfield_html h2 span,
.forms__form-title h2 span {
text-transform: uppercase;
font-weight: 500;
font-family: "Knockout";
font-style: normal;
}
.forms__form .gfield_html h2 br,
.forms__form-title h2 br {
display: block;
}
.forms__form-description {
margin-top: 25px;
padding-bottom: 35px;
font-family: 'MinionPro';
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 28px; letter-spacing: 1.2px;
text-align: center;
}
.forms__form-description+.gfield {
margin-top: 0 !important;
}
@media (min-width: 480px) {
.forms__form-description {
font-size: 18px;
}
}
@media (min-width: 767px) {
.forms__form-description {
margin-top: 35px;
padding-bottom: 45px;
}
}
@media (min-width: 1280px) and (max-width: 1900px) {
.forms__form-description {
margin-top: 2.1vw;
padding-bottom: 3.1vw;
}
}
@media (min-width: 1901px) {
.forms__form-description {
margin-top: 40px;
padding-bottom: 60px;
font-size: 20px;
}
}
.forms__form input,
.forms__form .select-selected {
height: 50px !important;
}
@media (max-width: 780px) {
.forms__form input,
.forms__form .select-selected {
height: 40px !important;
}
}
.forms__form .select-selected:after {
top: 22px;
}
@media (max-width: 780px) {
.forms__form .select-selected:after {
top: 16px;
}
}
.forms__form .gfield--type-text,
.forms__form .gfield--type-email,
.forms__form .gfield--type-phone,
.forms__form .gfield--type-textarea {
margin-top: 40px;
}
@media (max-width: 780px) {
.forms__form .gfield--type-text,
.forms__form .gfield--type-email,
.forms__form .gfield--type-phone,
.forms__form .gfield--type-textarea {
margin-top: 20px;
}
}
.forms__form .gfield--type-text input,
.forms__form .gfield--type-email input,
.forms__form .gfield--type-phone input,
.forms__form .gfield--type-textarea input,
.forms__form .gfield--type-textarea textarea {
border: none !important;
background-color: #F5F5F5;
border-bottom: 2px solid #D9D9D9 !important;
line-height: unset;
font-size: 14px !important;
}
.forms__form .gfield--type-text input::placeholder,
.forms__form .gfield--type-email input::placeholder,
.forms__form .gfield--type-phone input::placeholder,
.forms__form .gfield--type-textarea input::placeholder,
.forms__form .gfield--type-textarea textarea::placeholder {
text-transform: uppercase;
font-size: 14px !important;
}
.forms__form .gfield--type-textarea textarea {
padding-left: 16px;
}
.forms__form .select-selected {
border: none;
font-size: 14px !important;
background-color: #F5F5F5;
border-bottom: 2px solid #D9D9D9;
text-transform: uppercase;
color: #616161;
}
.forms__form .select-items div:hover,
.forms__form .same-as-selected {
background-color: #F5F5F5;
}
.forms__form .select-items div {
text-transform: uppercase;
font-size: 14px !important;
color: #616161;
}
.forms__form .gform_footer {
margin: 0 auto;
margin-top: 60px;
display: flex;
}
@media (max-width: 780px) {
.forms__form .gform_footer {
margin-top: 20px;
}
}
.forms__form .forms__form-checkbox {
margin: 0;
height: auto;
border: none;
}
.forms__form .forms__form-checkbox:last-child {
margin-top: 16px;
}
.forms__form .forms__form-checkbox .gfield_checkbox {
height: auto;
margin: 0;
padding: 0;
}
.forms__form .forms__form-checkbox .gfield_checkbox>div {
text-align: initial;
height: auto;
margin: 0;
padding: 0;
margin-top: 16px;
}
.forms__form .forms__form-checkbox .gfield-choice-input {
position: absolute;
display: none;
}
.forms__form .forms__form-checkbox .gfield_checkbox>div label {
font-family: 'minion-pro', serif;
letter-spacing: 1px;
text-rendering: optimizeSpeed;
font-variant-ligatures: no-common-ligatures;
color: rgba(0, 0, 0, 1) !important;
padding: 0;
padding-left: 36px;
font-family: 'MinionPro';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 14px;
letter-spacing: 0.6px;
display: block;
position: relative;
margin: 0 !important;
padding-top: 4px;
cursor: pointer;
}
.forms__form .forms__form-checkbox .gfield_checkbox>div label::before {
content: "";
position: absolute;
left: 8px;
top: 9px;
width: 5px;
height: 10px;
z-index: 67;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: -3px;
}
.forms__form .forms__form-checkbox .gfield-choice-input:checked~label:before {
display: block;
}
.forms__form .forms__form-checkbox .gfield_checkbox>div label::after {
box-sizing: border-box;
content: '';
cursor: pointer;
font-size: 14px;
letter-spacing: .5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #999;
position: absolute;
top: 5px;
left: 0;
height: 24px;
width: 24px;
background-color: #fff;
border: 1px solid #e1e1e1;
margin-top: -3px;
}
.forms__form .forms__form-checkbox .gfield-choice-input:checked~label:after {
background-color: #999;
}
.forms__form .forms__inner:has(.gform_confirmation_wrapper)>.forms__select {
display: none;
}
#forms-education.forms__form .forms__form-title,
#forms-services.forms__form .forms__form-title,
#forms-contacts .forms__form-title,
#forms-latest-news .forms__form-title {
padding-top: 60px;
}
#forms-services.forms__form .form-buyers-guide .form-buyers-guide_select {
width: 100%;
}
@media (max-width: 860px) {
#forms-latest-news.forms__form .gfield_html h2 {
white-space: unset;
}
#forms-latest-news.forms__form .gfield_html br {
display: none;
}
}
@media (max-width: 780px) {
#forms-education.forms__form .gfield_html h2,
#forms-services.forms__form .gfield_html h2,
#forms-contacts.forms__form .gfield_html h2 {
white-space: unset;
}
#forms-education.forms__form .gfield_html br,
#forms-services.forms__form .gfield_html br,
#forms-contacts.forms__form .gfield_html br {
display: none;
}
#forms-education.forms__form .forms__form-title,
#forms-services.forms__form .forms__form-title,
#forms-contacts.forms__form .forms__form-title {
padding-top: 40px;
}
}
#forms-price-request .forms__form-description {
padding-bottom: 75px;
}
@media (min-width: 767px) {
#forms-price-request .forms__form-description {
padding-bottom: 95px;
}
}
@media (min-width: 1280px) and (max-width: 1900px) {
#forms-price-request .forms__form-description {
padding-bottom: 6vw;
}
#forms-price-request .forms__form-title {
margin-top: -1.8vw;
}
}
@media (min-width: 1901px) {
#forms-price-request .forms__form-description {
margin-top: 40px;
padding-bottom: 110px;
}
}
@media (max-width: 780px) {
.forms__form .forms__inner {
padding-bottom: 60px;
}
}
#forms-contacts .gform_confirmation_message h2 {
white-space: initial;
}
#forms-latest-news .forms__form-checkbox .gfield_checkbox>div label {
margin-bottom: 20px !important;
margin-top: 30px !important;
}
@media (min-width: 1280px) and (max-width: 1900px) {
#menu-button {
margin-top: 2px;
}
#menu-button img {
max-width: unset;
}
#menu-button span {
font-size: 17px;
}
#header.minify #menu-button {
margin-top: -6px;
}
} form:has(.gform_ajax_spinner) .gform_ajax_spinner {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 12px;
}
form:has(.gform_ajax_spinner) .gform_footer {
position: relative;
}
form:has(.gform_ajax_spinner) input[type='submit'] {
color: transparent !important;
}  #header.minify #menu-button {
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 1900px) {
.header__buttons .wc-cart:first-child img {
top: 2px;
}
.nav__container {
width: calc(((100vw - 1336px) / 2) + 226px);
}
.nav .menu {
width: calc(((100vw - 1336px) / 2) + 226px);
padding: 184px 0 0 calc(((100vw - 1350px) / 2));
}
.nav__sub-container {
transform: translateX(calc(((100vw - 1336px) / 2) + 226px));
}
.nav .menu>li.menu-item>ul.sub-menu {
transform: translateX(calc(((100vw - 1336px) / 2) + 226px));
}
.nav__sub-container2 {
transform: translateX(calc(((100vw - 1336px) / 2) + 226px + 394px));
}
.nav .menu>li.menu-item>ul.sub-menu,
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu {
padding-top: 184px;
}
}
@media (min-width: 1000px) and (max-width: 1899px) {
#menu-button {
width: 1.8vw;
height: 1.51vw;
}
#menu-button span {
border-width: .22vw;
}
#menu-button::after {
padding-top: .15vw;
letter-spacing: .15vw;
font-size: .98vw;
}
#menu-button.active span:first-child {
transform: rotate(45deg) translate(.61vw, .54vw);
width: 100%;
}
#menu-button.active span:last-child {
transform: rotate(-45deg) translate(.4vw, -.3vw);
width: 100%;
}
#menu-button.wc-cart {
gap: 0;
}
.nav__sub-container,
.nav__sub-container2 {
width: 395px;
display: block;
} }
@media (min-width: 1480px) and (max-width: 1899px) {
.nav__container {
width: calc(((100vw - (5.26vw * 13 + 1.8vw + .15vw)) / 2) + 226px);
}
.nav .menu {
width: calc(((100vw - (5.26vw * 13 + 1.8vw + .15vw)) / 2) + 226px);
padding: 10vw 0 0 calc(100vw - (5.26vw * 13 + 1.8vw + .15vw) - 15.1vw);
}
.nav__sub-container { transform: translateX(calc(((100vw - (5.26vw * 13 + 1.8vw + .15vw)) / 2) + 226px));
}
.nav__sub-container2 {
transform: translateX(calc(((100vw - (5.26vw * 13 + 1.8vw + .15vw)) / 2) + 226px + 394px));
}
.nav .menu>li.menu-item>ul.sub-menu { transform: translateX(calc(((100vw - (5.26vw * 13 + 1.8vw + .15vw)) / 2) + 226px));
}
.nav .menu>li.menu-item>ul.sub-menu,
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu {
padding-top: 10vw;
}
}
@media (min-width: 1201px) and (max-width: 1479px) {
.nav .menu {
padding: 124px 0 0 calc((100vw - 1040px) / 2);
width: calc(((100vw - 1040px) / 2) + 226px);
}
.nav__container {
width: calc(((100vw - 1040px) / 2) + 226px);
}
.nav__sub-container {
width: calc(((100vw - 1040px) / 2) + 226px);
transform: translateX(calc(((100vw - 1040px) / 2) + 226px));
}
.nav .menu>li.menu-item>ul.sub-menu { transform: translateX(calc(((100vw - 1040px) / 2) + 226px));
}
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu { transform: translateX(calc(((100vw - 1040px) / 2) + 226px));
}
.nav__sub-container2 {
width: calc(((100vw - 1040px) / 2) + 226px);
transform: translateX(calc((((100vw - 1040px) / 2) + 226px) * 2));
}
.nav .menu>li.menu-item>ul.sub-menu,
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu {
padding-top: 124px;
width: calc(((100vw - 1040px) / 2) + 226px);
}
}
@media (min-width: 1000px) and (max-width: 1200px) {
.text-column {
margin-left: 65% !important;
}
#header {
position: fixed;
}
.header__buttons .wc-cart:first-child img {
top: 2px;
}
.nav .menu {
padding: 124px 0 0 3.5vw;
width: 330px;
}
.nav__container {
width: 330px;
}
.nav__sub-container {
width: 330px;
transform: translateX(330px);
}
.nav .menu>li.menu-item>ul.sub-menu { transform: translateX(330px);
}
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu { transform: translateX(330px);
}
.nav__sub-container2 {
width: 330px;
transform: translateX(660px);
}
.nav .menu>li.menu-item>ul.sub-menu,
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu {
padding-top: 120px;
width: 330px;
}
.header__buttons span,
.header__buttons #chat span {
display: none;
} #menu-button.wc-cart {
left: 48px;
}
.header__buttons {
right: 48px;
}
.menu>li>ul>li,
.menu>li>ul>li>ul>li {
display: flex !important;
}
.menu>li>ul,
.menu>li>ul>li>ul {
visibility: visible;
top: 0 !important
}
.menu>li>ul>li>ul {
display: flex !important;
position: absolute !important;
left: 0 !important;
}
.menu>li>ul>li>ul>li>a:before,
.menu>li>ul>li>ul:after {
content: unset;
}
.menu>li>ul {
margin-top: 0 !important;
}
}
@media (max-width: 999px) {
#menu-button.wc-cart {
height: 28px;
transform: scale(.5);
margin-top: -4px;
}
#menu-button.active {
z-index: unset;
}
#menu-button.wc-cart span {
display: block;
transform: unset;
}
#menu-button.active span:first-child,
#menu-button.active span:last-child,
#menu-button.active span:nth-child(2) {
transform: unset;
}
#menu-button.active span:nth-child(2) {
width: 100%;
}
#menu-button:hover span:first-child,
#menu-button.active span:first-child {
width: 33.33%;
}
#menu-button:hover span:last-child,
#menu-button.active span:last-child {
width: 66.66%;
}
#menu-button:hover span:nth-child(2),
#menu-button.active span:nth-child(2) {
width: 100%;
}
#menu-button::after { }
}
@media (min-width: 360px) and (max-width: 480px) {
.header__buttons .wc-cart:first-child img {
margin-top: 4px;
}
#menu-button::after {
content: unset;
}
#menu-button.wc-cart {
margin-top: 0;
}
.nav .menu,
.nav .menu>li.menu-item>ul.sub-menu,
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu {
width: 100%;
}
.nav .menu>li.menu-item>ul.sub-menu,
.nav .menu>li.menu-item>ul.sub-menu>li>ul.sub-menu {
transform: translateX(100vw);
}
.menu-close {
z-index: 1000;
filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(5689%) hue-rotate(202deg) brightness(78%) contrast(100%);
right: 12px;
top: 24px;
margin-top: 0;
}
} .catalog {
padding-top: 47px;
padding-bottom: 100px;
}
.catalog__inner {
max-width: 1200px;
margin: 0 auto;
}
@media (min-width: 1200px) and (max-width: 1900px) {
.catalog__inner {
width: calc(5.26vw* 13 + 1.8vw + 0.15vw);
}
}
.catalog__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
gap: 24px;
}
.catalog__title {
padding: 0;
font-size: 24px;
font-weight: 500;
letter-spacing: 1.44px;
line-height: normal;
width: 282px;
}
.catalog-result {
flex: 1;
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.catalog-result__item {
text-decoration: none;
border: 1px solid #ddd;
border-radius: 8px;
padding: 0 8px;
max-height: 30px;
box-sizing: border-box;
font-style: italic;
cursor: pointer;
white-space: nowrap;
font-size: 12px;
transition: border-color .25s ease;
}
.catalog-result__item--apply {
opacity: 0;
transition: opacity .25s ease;
pointer-events: none;
margin-top: 20px !important;
}
.catalog-result__item--apply.active {
opacity: 1;
pointer-events: all;
}
@media (hover: hover) {
.catalog-result__item:hover {
border-color: rgba(0, 0, 0, .3);
}
}
.catalog-result__item::after {
content: "\00d7";
padding-left: 8px;
font-style: italic;
cursor: pointer;
white-space: nowrap;
font-size: 12px;
}
.catalog__block {
display: flex;
gap: 24px;
}
.catalog-sidebar {
width: 282px;
}
.catalog__list-wrapper {
flex: 1;
}
.catalog-list {
display: flex;
flex-wrap: wrap;
gap: 40px 24px;
}
.catalog-item {
width: calc((100% / 3) - 16px);
display: flex;
flex-direction: column;
}
.catalog-item__badge {
background: #b81601;
color: #fff;
text-transform: uppercase;
font-family: "Knockout", sans-serif;
position: absolute;
left: 0;
z-index: 20;
bottom: 20px;
padding: 2px 12px;
pointer-events: none;
}
.catalog-item:hover .catalog-item__preview img,
.catalog-item:hover .catalog-item__preview picture {
transform: scale(1.1);
}
.catalog-item__preview {
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.catalog-item__preview img,
.catalog-item__preview picture {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: all .5s ease;
}
.catalog-item__cat {
font-family: "MinionPro";
font-style: italic;
}
.catalog-item__title {
font-family: "Knockout", sans-serif;
font-size: 24px;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
letter-spacing: 1.44px;
padding-bottom: 10px;
border-bottom: 1px solid #F2F2F2;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.catalog-item__desc {
text-transform: uppercase;
font-family: "MinionPro";
line-height: 120%;
margin-bottom: 10px;
padding-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.catalog-item__btn {
margin-top: auto;
font-family: "Knockout", sans-serif;
background: #F2F2F2;
display: block;
text-decoration: none;
text-align: center;
padding: 10px;
font-size: 18px;
text-transform: uppercase;
line-height: 150%;
letter-spacing: 1.08px;
font-weight: 500;
border: 2px solid transparent;
}
@media (hover: hover) {
.catalog-item__btn {
transition: all .25s ease;
}
.catalog-item__btn:hover {
background: transparent;
border-color: #000;
}
}
.pagination {
margin-top: 100px;
padding: 0 83px;
display: flex;
gap: 20px;
align-items: center;
}
.pagination__arrow {
width: 47px;
height: 47px;
display: flex;
justify-content: center;
align-items: center;
background: #000;
}
.pagination__arrow-prev {
transform: rotateY(180deg);
margin-right: 20px;
}
.pagination__arrow-next {
margin-left: 20px;
}
span.pagination__arrow {
opacity: .5;
pointer-events: none;
}
.pagination__arrow svg {
display: block;
width: 17px;
height: 24px;
stroke: #fff;
}
.pagination__link,
.pagination__extend,
.pagination__current {
width: 43px;
height: 43px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
text-align: center;
font-family: "Knockout", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 150%;
letter-spacing: 1.08px;
text-transform: uppercase;
background: #F2F2F2;
border: 2px solid transparent;
}
.pagination__link {
text-decoration: none;
}
@media (hover: hover) {
.pagination__link {
transition: all .25s ease;
}
.pagination__arrow {
transition: background .25s ease;
}
.pagination__arrow svg {
transition: stroke .25s ease !important;
}
.pagination__link:hover {
background: transparent;
border-color: #000;
}
.pagination__arrow:hover {
background: rgba(0, 0, 0, .2);
}
.pagination__arrow:hover svg {
stroke: #000;
}
}
.catalog-tab__header {
display: flex;
}   .catalog-tab__header-item {
text-decoration: none;
flex: 1 1 50%;
text-align: center;
background: #F2F2F2;
cursor: pointer;
padding: 10px;
font-family: "Knockout", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 150%;
letter-spacing: 1.08px;
text-transform: uppercase;
border: 2px solid transparent;
}
.catalog-tab__header-item.active {
background: #000;
color: #fff;
pointer-events: none;
}
@media (hover: hover) {
.catalog-tab__header-item {
transition: all .25s ease;
}
.catalog-tab__header-item:not(.active):hover {
background: transparent;
border-color: #000;
}
}
.icon {
display: block;
}
.icon svg,
.icon img {
display: block;
width: 100%;
height: 100%;
}
.dropdown {
position: relative;
}
.dropdown.open .dropdown-current {
background: #000;
}
.dropdown.open .dropdown-current__text {
color: #fff;
}
.dropdown.open .dropdown-current__icon {
transform: rotate(-180deg);
}
.dropdown.open .dropdown-current__icon svg {
stroke: #fff;
}
.dropdown.open .dropdown-list__inner {
opacity: 1;
transition-delay: .3s;
}
.dropdown-current {
justify-content: space-between;
display: flex;
align-items: center;
background: #F2F2F2;
gap: 24px;
padding: 6px 16px;
cursor: pointer;
transition: all .25s ease;
}
.dropdown-current__text {
pointer-events: none;
font-family: "Knockout", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%;
letter-spacing: 1.08px;
text-transform: uppercase;
transition: all .25s ease;
}
.dropdown-current__icon {
pointer-events: none;
width: 15px;
height: 9px;
transition: all .25s ease;
}
.dropdown-current__icon svg {
stroke: #000;
transition: all .25s ease;
}
.dropdown-list {
position: absolute;
display: none;
left: 0;
top: 100%;
width: 100%;
z-index: 10;
background: #F2F2F2;
}
.dropdown-list__inner {
padding: 16px;
opacity: 0;
transition: opacity .25s ease 0s;
}
.dropdown-item {
cursor: pointer;
}
.new-loader {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
background: rgba(255, 255, 255, .5);
transition: all .25s ease;
opacity: 0;
pointer-events: none;
}
.new-loader.visible {
opacity: 1;
pointer-events: auto;
}
.new-loader__circle {
position: absolute;
left: 50%;
top: 50%;
width: 50px;
height: 50px;
transform: translate(-50%, -50%);
border: 4px solid #000;
border-top: 4px solid transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.dropdown-item.active .dropdown-item__text {
color: #000
}
.dropdown-item.active .dropdown-item__icon {
opacity: 1;
}
.dropdown-item+.dropdown-item {
margin-top: 16px;
}
.dropdown-item__label {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
text-decoration: none;
user-select: none;
}
.dropdown-item__text {
flex: 1;
font-family: "Knockout", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
letter-spacing: 0.96px;
text-transform: uppercase;
color: rgba(0, 0, 0, .3);
text-decoration: none;
transition: all .25s ease;
}
@media (hover: hover) {
.dropdown-item:hover .dropdown-item__text {
color: #000;
}
}
.dropdown-item__icon {
width: 24px;
height: 24px;
pointer-events: none;
opacity: 0;
transition: opacity .2s ease;
}
.dropdown-item__icon svg {
stroke: #000;
} .catalog-accordion__item+.catalog-accordion__item {
margin-top: 2px;
}
.catalog-accordion__item.active .catalog-accordion__header {
background: #fff;
}
.catalog-accordion__item.active .catalog-accordion__header-text {
color: #000;
}
.catalog-accordion__item.active .catalog-accordion__header-icon {
transform: rotate(-180deg);
}
.catalog-accordion__item.active .catalog-accordion__header-icon svg {
stroke: #000;
}
.catalog-accordion__item.active .catalog-accordion__body-inner {
opacity: 1;
transition-delay: .3s;
}
.catalog-accordion__header {
display: flex;
align-items: center;
padding: 10px 16px;
background: #000;
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
cursor: pointer;
transition: all .25s ease;
}
.catalog-accordion__header-text {
user-select: none;
pointer-events: none;
font-family: "Knockout", sans-serif;
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
line-height: 150%;
letter-spacing: 1.08px;
text-transform: uppercase;
transition: all .25s ease;
}
.catalog-accordion__header-icon {
pointer-events: none;
width: 15px;
height: 9px;
transition: all .25s ease;
}
.catalog-accordion__header-icon svg {
stroke: #fff;
transition: all .25s ease;
} .catalog-accordion__body-inner {
max-height: 305px;
overflow: auto;
padding: 16px;
opacity: 0;
transition: opacity .25s ease 0s;
}
.catalog-accordion__body-inner::-webkit-scrollbar {
width: 4px;
background: linear-gradient(90deg, #fff 10%, rgba(0, 0, 0, 0.40) 60%, #fff 10%);
}
.catalog-accordion__body-inner::-webkit-scrollbar-thumb {
background: #000;
}
.catalog-accordion__body-item+.catalog-accordion__body-item {
margin-top: 20px;
}
.catalog-accordion__body-item input {
position: absolute;
left: -99999em;
}
.catalog-accordion__body-item input:checked+.catalog-accordion__body-label .catalog-accordion__body-icon {
border-color: rgba(0, 0, 0, .3);
}
.catalog-accordion__body-item input:checked+.catalog-accordion__body-label .catalog-accordion__body-icon svg {
opacity: 1;
}
.catalog-accordion__body-label {
display: flex;
align-items: center;
gap: 10px;
user-select: none;
cursor: pointer;
}
.catalog-accordion__body-icon {
width: 24px;
height: 24px;
border: 1px solid #E1E1E1;
display: flex;
justify-content: center;
align-items: center;
transition: border-color .25s ease;
}
.catalog-accordion__body-icon svg {
display: block;
width: 12px;
height: 9px;
stroke: #000;
transition: opacity .2s ease;
opacity: 0;
}
.catalog-accordion__body-text {
text-transform: uppercase;
}
@media (hover: hover) {
.catalog-accordion__body-label:hover .catalog-accordion__body-icon {
border-color: rgba(0, 0, 0, .3);
}
}
@media (max-width: 1440px) {
.catalog-list {
gap: 30px 18px;
}
.catalog__block,
.catalog-header {
gap: 18px;
}
.catalog-item {
width: calc(33.3333% - 12px);
}
.pagination {
padding: 0 30px;
margin-top: 80px;
}
}
@media (max-width: 1366px) {
.catalog-item {
width: calc(50% - 9px);
}
}
@media (max-width: 1200px) {
.catalog {
padding-top: 120px;
}
}
@media (max-width: 1000px) {
.catalog-result__item--apply {
margin-top: 10px !important;
}
.catalog-result {
gap: 10px;
width: 100%;
justify-content: center;
}
.catalog-header {
flex-direction: column;
}
.dropdown {
width: 100%;
}
.catalog {
padding-top: 24px;
}
.catalog__block {
flex-wrap: wrap;
gap: 16px;
}
.catalog-sidebar {
width: 100%;
}
.catalog__list-wrapper {
width: 100%;
}
.catalog-header {
margin-bottom: 16px;
}
.catalog__title {
width: 100%;
text-align: center;
}
.catalog-list {
gap: 24px;
}
.catalog-item {
width: calc(50% - 12px);
}
.pagination {
gap: 10px;
padding: 0;
margin-top: 60px;
justify-content: center;
}
.pagination__arrow {
width: 40px;
height: 40px;
}
.pagination__arrow-next {
margin-left: 14px;
}
.pagination__arrow-prev {
margin-right: 14px;
}
.pagination__link,
.pagination__extend,
.pagination__current {
width: 36px;
height: 36px;
font-size: 16px;
}
}
@media (max-width: 768px) {
.catalog-accordion__body-icon {
width: 22px;
height: 22px;
}
.catalog-accordion__body-text {
font-size: 14px;
line-height: 140%;
}
.catalog-tab__header-item {
font-size: 16px;
}
.catalog-item {
width: 100%;
}
.catalog-item__btn {
font-size: 16px;
}
.catalog-item__title {
font-size: 22px;
line-height: 130%;
}
.dropdown-item+.dropdown-item {
margin-top: 11px;
}
.dropdown-item__text {
font-size: 14px;
flex: none
}
.dropdown-item__icon svg {
width: 24px;
height: 24px;
}
.catalog-accordion__body-item+.catalog-accordion__body-item {
margin-top: 10px;
}
}
.catalog-tab__header-item {
position: relative;
}
.catalog-tab__header-times {
position: absolute;
width: 15px;
height: 15px;
left: 5px;
top: 5px;
display: none;
pointer-events: none;
}
.catalog-tab__header-item.active {
pointer-events: auto;
}
.catalog-tab__header-item.active .catalog-tab__header-times {
display: block;
}
.catalog-tab__header-times::before,
.catalog-tab__header-times::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 2px;
background: #fff;
}
.catalog-tab__header-times::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.catalog-tab__header-times::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.slider-container.full.product .flex-viewport {
max-height: 740px !important;
display: block;
height: auto;
}
.slider-container.full.product .flex-viewport .slides li picture,
.slider-container.full.product .flex-viewport .slides li picture img,
.slider-container.full.product .flex-viewport .slides li img {
display: block;
max-height: 740px;
}
.slider-container.full.product .flex-viewport .slides li picture img,
.slider-container.full.product .flex-viewport .slides li img {
object-fit: contain;
}
.slider-container.full.product .flex-viewport .slides,
.slider-container.full.product .flex-viewport .slides li,
.slider-container.full.product .flex-viewport .slides li picture {
max-height: 740px;
position: relative;
}
@media screen and (max-width: 768px) {
.slider-container.full.product .flex-viewport {
max-height: 480px !important;
display: block;
height: auto;
}
.slider-container.full.product .flex-viewport .slides li picture,
.slider-container.full.product .flex-viewport .slides li picture img {
display: block;
max-height: 480px;
}
.slider-container.full.product .flex-viewport .slides li picture img {
object-fit: contain;
}
.slider-container.full.product .flex-viewport .slides,
.slider-container.full.product .flex-viewport .slides li,
.slider-container.full.product .flex-viewport .slides li picture {
max-height: 480px;
position: relative;
}
}