body {font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto' , Helvetica, Arial, sans-serif; font-size: 17px; color: #000; background: #fff; color: #1D2F49}
a {color: #2672E3}
a:hover {text-decoration: underline}
img {border-radius: 0}
h1 {margin-bottom: 16px; color: #1D2F49}
h3 {font-size: 25px; line-height: 32px; color: #1D2F49}
h4 {font-size: 50px; font-weight: 700; line-height: 60px; padding: 0; margin: 0; margin-bottom: 10px; color: #1D2F49}
h5 {font-size: 26px; line-height: normal; color: #1D2F49}
.wrapper {width: 100%; max-width: 1260px; margin: auto; box-sizing: border-box}
.main {width: 100%; float: left; text-align: center; text-align: left; padding: 0 40px}
#page {float: left; width: 100%; margin-top: 80px}
#page input, #page textarea {background: #fff !important; box-shadow: none !important; border: 1px solid #ccc !important; border-radius: 4px; font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto' , Helvetica, Arial, sans-serif !important; font-size: 17px !important; color: #000 !important}
.col-full {padding: 0}
.mobile {display: none}
.mobilehide {display: block} menu {width: 100%; height: 60px; padding: 8px 0; background:#152132; color: #fff; margin: 0; line-height: 44px; margin-bottom: 1px; position: fixed; z-index: 999; border-bottom: 1px solid #fff}
menu a {color: #fff}
.mainnav {display: flex}
.logo {width: auto; height: 40px; display: block; padding-right: 30px; box-sizing: border-box}
.nav {display: flex; list-style: none; margin: 0; padding: 0}
.nav li {flex-shrink: 0; white-space: nowrap; margin-right: 30px}
.nav li:last-child {margin-right: 0; font-weight: bold}
.nav li a {padding-right: 20px}
.nav li a:hover {text-decoration: none}
.carticon {height: 19px; width: auto; float: left; margin-right: 8px; margin-top: 13px; display: block}
.cartbtn {color: #F7C202; display: block; font-weight: bold} .aws-container {flex-grow: 1; width: 200px; margin-right: 30px}
.aws-container .aws-search-field {border-radius: 8px 0 0 8px !important; background: #fff; font-size: 17px; color: #000; border: none; float: left; width: auto}
.aws-container input {font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto' , Helvetica, Arial, sans-serif;}
.aws-container .aws-search-field:focus {background: #fff}
.aws-container .aws-search-form .aws-form-btn {background: #F7C202; border: 0; box-shadow: none; border-radius: 0 8px 8px 0 !important; box-sizing: border-box; width: 48px; border: none; box-shadow: none; float: left}
.aws-container .aws-search-form .aws-form-btn:hover {background: #DEAE02}
.aws-container .aws-search-form .aws-search-btn_icon {color: #152132; width: 100%}
.aws-container .aws-show-clear .aws-search-field {padding: 0 16px; width: 100%}
.aws-container input[type=search] {padding-left: 16px; box-shadow: none}
.fa-user:before {margin-right: 8px}
::placeholder {color: #757575 !important}
.banner {display: none}
.banner a {color: #fff}
.vacationnotice {display: none}
.aws-container .aws-search-form .aws-form-btn:focus {outline: none;} .banner-public .banner {width: 100%; background: #C74829; padding: 10px; box-sizing: border-box; text-align: center; float: left; color: #fff; margin-top: -20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; font-size: 15px; line-height: 20px; font-weight: 500; display: block} 
.banner-public .banner p {margin: 0}
.banner-public #page {margin-top: 130px}
.banner-public .hero {margin-top: 103px !important} 
.banner-public.page-template-template-checkout .banner {display: none}
.banner-public .vacationnotice {background: #C74829; padding: 20px; text-align: center; font-size: 22px; border: 2px solid rgba(0, 0, 0, 0.5); color: #fff; margin-bottom: 20px; border-radius: 8px; box-shadow: 0px 4px 33px rgba(0, 0, 0, 0.5); display: block}
.banner-public .vacationnotice p {margin: 0}
.banner-public.page-template-template-checkout #page {margin-top: 80px} .mobileheader {background: #152132; text-align: left; padding: 16px 0; box-sizing: border-box; width: 100%; float: left; z-index: 999}
.mobileheader a:hover {text-decoration: none}
.mobileheader ul {list-style: none; margin: 0; padding: 0}
.mobileheader li {float: none; margin-right: 0; border-bottom: 1px solid rgba(255,255,255,0.2); padding-left: 8px}
.mobileheader li a {display: block; width: 100%; padding: 12px 0 12px 3px; box-sizing: border-box; color: #fff}
.mobileheader li a:hover {color: #fff}
.mobileheader .cartbtn {color: #F7C202; float: left; margin-right: 24px}
.mobileheader li .carticon {margin-top: 3px}
.mobileheader form {margin-bottom: 0}
.threelines {float: left; margin: auto; text-align: center; width: 24px; height: auto}
.mobileheader li:last-child {border-bottom: none; margin-bottom: 0}
.mobileheader .content {padding: 0 18px;max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; margin-bottom: 10px}
.mobilelogo {float: left; width: 100%; padding-left: 20px; margin-bottom: 10px}
.hamburger {cursor: pointer; display: inline-block; float: right; padding-right: 24px; position: relative; margin-top: -40px; box-sizing: border-box; line-height: 20px}
.hamburger .carticon {margin-top: 1px}
.mobileheader .aws-container {width: 100%; margin-right: 0;margin: auto; padding: 0 20px} .home #page {margin-top: 0}
.hero {background: url(https://i0.wp.com/www.musonic.co.uk/wp-content/themes/musonic/images/hero.jpg); width: 100%; height: 485px; margin-top: 60px; float: left; background-size: cover; background-position: center center; position: relative; z-index: -1}
.quote {font-size: 60px; width: 580px; font-weight: 900; color: #152132; text-transform:  uppercase; line-height: 55px; margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); box-sizing: border-box;}
.tagline {font-size: 20px; line-height: 24px; margin-top: 20px; width: 75%}
.stats {width: 80%; background: #fff; box-shadow: 0px 4px 33px rgba(0, 0, 0, 0.1); border-radius: 12px; margin: auto; margin-top: -50px; z-index: 888; display: flex}
.stats ul {list-style: none; padding: 0; margin: 0}
.stats li {float: left; width: 33.3%; box-sizing: border-box; padding: 20px 16px; text-align: center}
.stats img {margin: auto; margin-top: 10px}
.brands {margin-top: 80px}
.brands h4 {font-weight: 600}
.brands .left {float: left; width: 39%; padding-right: 1%}
.brands .right {float: right; width: 60%}
.brands ul {list-style: none; padding: 0; margin: 0; float: right; margin-top: -10px}
.brands li {float: left; padding: 8px; width: 33%}
.brands img {border: 1px solid #DADADA; width: 100%; height: auto; border-radius: 8px}
.testimonial {background: #F6F9FE; width: 100%; padding: 48px 16px; float: left; margin-top: 80px; margin-bottom: 80px}
.testimonial h5 {font-weight: 700; width: 75%; margin: auto; margin-top: 36px}
.testimonial .right img {border-radius: 8px; filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.15));}
.testimonial .left {float: left; width: 50%; padding-right: 5%; text-align: center}
.testimonial .right {float: right; width: 50%}
.quoteopen {margin-bottom: 20px; float: left; position: absolute; margin-top: 20px}
.quoteclose {float: right; margin-top: -20px}
.name {margin-top: 10px; font-size: 15px} .footer {float: left; width: 100%; border-top: 1px solid #ccc; padding: 0 20px; padding-top: 20px; margin-bottom: 40px}
.footer  ul{list-style: none; margin: 0; padding: 0; display: flex}
.footer li {flex: 0 1 auto; line-height: 40px; padding: 0 16px; box-sizing: border-box}
.footer li:first-child {font-size: 15px; line-height: 22px; width: 25%}
.footer h4 {color: #2672E3; font-size: 17px; margin: 0} #secondary {display: none}
.widget-area {border-left: 1px solid #ccc; padding-left: 20px; box-sizing: border-box; padding-bottom: 30px}
.widget-area hr {margin: 40px 0} .checkout-button.button.alt.wc-forward {background: #2672E3; border-radius: 4px; font-size: 17px !important; padding: 6.5px}
.checkout-button.button.alt.wc-forward:hover {background: #0F3875 !important}
.wc-forward::after, .woocommerce-Button--next::after {display: none}
#payment #wcpay-card-element {padding: 15px 10px !important} #primary {width: 100%}
button.alt, ul.products li.product .button {border-radius: 4px; background: #2672E3 !important; color: #fff; text-decoration: none; padding: 6.5px; box-sizing: border-box; margin-top: 20px; padding: 6.5px 20px}
button.alt:hover, ul.products li.product .button:hover {background: #0F3875 !important}
.single button.alt, .single ul.products li.product .button {height: 50px}
ul.products li.product img {max-height: 150px; width: auto; min-height: 150px}
.storefront-breadcrumb {padding: 0; margin: 0; margin-bottom: 20px}
.amount {color: #C74829; font-weight: bold}
.stock.out-of-stock {color: #BA0022 !important}
.stock.out-of-stock::before {display: none !important}
.single-product div.product p.price {margin: 0}
.storefront-product-pagination {display: none}
.related.products {display: none}
.tabs {display: none}
.woocommerce-tabs .panel {width: 53%}
.content-area {margin-bottom: 0 !important}
.woocommerce-tabs {padding-bottom: 0}
.added_to_cart {width: 150px !important; margin: auto; background: #fff; color: #2672E3}
.added_to_cart:hover {background: #fff; color: #2672E3}
.site-main ul.products.columns-3 li.product {border: 1px solid #e5e5e5; box-shadow: 2px 2px 6px #eee; border-radius: 12px; padding: 12px; box-sizing: border-box; display: flex; flex-direction: column; min-height: 335px; margin-bottom: 45px}
button.alt, ul.products li.product .button {margin-top: auto; margin-left: auto; margin-right: auto}
.search-results button.alt, ul.products li.product .button {width: 150px !important}
.woocommerce ul.products li.product {width: 21% !important; margin: 2% !important; clear: none !important;}
.woocommerce ul.products li.product:nth-child(4n+1) {clear: both !important;}
.woocommerce-tabs.wc-tabs-wrapper {padding-top: 0} .woocommerce-MyAccount-navigation-link--downloads {display: none}
.select-items {padding: 10px}
.button {font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto' , Helvetica, Arial, sans-serif !important}
#login h1 a, .login h1 a {background: red}
#page .wpcf7-submit {border-radius: 4px; background: #2672E3 !important; color: #fff !important; text-decoration: none; border: none !important}
#page .wpcf7-submit:hover {background: #0F3875 !important; color: #fff}
.page-id-13162 input:focus {background: #f5f5f5; border-radius: 4px; border: 1px solid #000}
.page-id-13162 .wpcf7-file {line-height: 0; padding: 20px}
.page-id-13162 .wpcf7-not-valid-tip {color: #BA0022 !important}
.grecaptcha-badge {visibility: hidden} @media(max-width: 768px) {
.mobile {display: block}
.mobilehide {display: none}
h4 {font-size: 30px; line-height: 35px; margin-bottom: 0}
.main {padding: 0 20px}
#page {margin-top: 20px}
.woocommerce ul.products li.product {width: auto !important; margin-bottom: 20px !important}
.widget-area {border-left: none; padding-left: 0}
.aws-container .aws-search-field {width: 100%}
.banner-public .banner {padding: 10px 20px; margin-top: 20px; margin-bottom: -16px}
.hero {margin-top: 0 !important; height: auto; position: inherit; padding: 20px 0; padding-bottom: 100px}
.banner-public .hero {margin-top: 0 !important; height: auto; position: inherit; padding: 20px 0; padding-bottom: 100px}
.banner-public .vacationnotice {font-size: 20px}
.banner-public #page {margin-top: 20px}
.banner-public.page-template-template-homepage #page {margin-top: 0}
.banner-public.page-template-template-checkout #page {margin-top: 20px}
.quote {position: inherit; width: 100%; margin-top: 0; font-size: 40px; line-height: 40px; background: rgba(255, 255, 255, 0.8); padding: 12px; border-radius: 8px; transform: none}
.tagline {width: 100%}
.stats {width: 100%; margin-top: -70px}
.stats li {width: 100%; text-align: left; padding-left: 100px}
.stats img {float: left; position: absolute; margin-left: -80px; margin-top: 0}
.stat {display: none}
.brands {margin-top: 40px; padding: 0 10px}
.brands .left {width: 100%; margin-bottom: 20px; padding-right: 0}
.brands .right {width: 100%}
.brands h4 {font-size: 40px; line-height: 45px; margin-bottom: 10px}
.brands h5 {font-size: 22px; line-height: 26px}
.testimonial {margin-top: 40px; padding: 16px; margin-bottom: 40px}
.testimonial .left {width: 100%; padding-right: 0; margin-bottom: 20px}
.testimonial .right {width: 100%}
.quoteopen {padding-right: 10px; width: 40px; height: auto}
.quoteclose {padding-left: 10px; width: 40px; height: auto}
.footer li:first-child {width: 100%; padding: 0}
}