@charset "UTF-8";

@import url("../fonts/MyFontsWebfontsKit.css");
/* CSS Document */

.HelveticaNeueLTStd-BdCn { 
	font-family: HelveticaNeueLTStd-BdCn;
	font-weight: normal;
	font-style: normal;
}
.HelveticaNeueLTStd-MdCn { 
	font-family: HelveticaNeueLTStd-MdCn;
	font-weight: normal;
	font-style: normal;
}

/*
@font-face {
  font-family: 'HelveticaNeueLTPro-BdCn';
  src: url("https://www.marshallheadphones.com/on/demandware.static/Sites-Marshall-SK-Site/-/en_MX/v1556865777608/fonts/helveticaneue/HelveticaNeueLTPro-BdCn.eot");
  src: url("https://www.marshallheadphones.com/on/demandware.static/Sites-Marshall-SK-Site/-/en_MX/v1556865777608/fonts/helveticaneue/HelveticaNeueLTPro-BdCn.eot?#iefix") format("embedded-opentype"), 
       url("https://www.marshallheadphones.com/on/demandware.static/Sites-Marshall-SK-Site/-/en_MX/v1556865777608/fonts/helveticaneue/HelveticaNeueLTPro-BdCn.woff2") format("woff2"), 
       url("https://www.marshallheadphones.com/on/demandware.static/Sites-Marshall-SK-Site/-/en_MX/v1556865777608/fonts/helveticaneue/HelveticaNeueLTPro-BdCn.woff") format("woff"), 
       url("https://www.marshallheadphones.com/on/demandware.static/Sites-Marshall-SK-Site/-/en_MX/v1556865777608/fonts/helveticaneue/HelveticaNeueLTPro-BdCn.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
.HelveticaNeueLTPro-Cn {
  font-family: 'HelveticaNeueLTPro-Cn';
  font-weight: normal;
  font-style: normal;
}

.HelveticaNeueLTPro-MdCn {
  font-family: 'HelveticaNeueLTPro-MdCn';
  font-weight: 500;
  font-style: normal;
}

.HelveticaNeueLTPro-BdCn {
  font-family: 'HelveticaNeueLTPro-BdCn';
  font-weight: bold;
  font-style: normal;
}

.HelveticaNeueLTPro-HvCn {
  font-family: 'HelveticaNeueLTPro-HvCn';
  font-weight: 900;
  font-style: normal;
}
*/

body {
  font-family: HelveticaNeueLTStd-BdCn;
	/*font-family: 'HelveticaNeueLTPro-BdCn';*/
	font-size: 16px;
  background-color: #000;
  color: #fff;
}

.font-alt {
    font-family: HelveticaNeueLTStd-BdCn, Helvetica, Arial, sans-serif;
    /*text-transform: uppercase;
    letter-spacing: 0.2em;*/
}
p,
.banner-heading,
.product h4.product-variation {
	font-family: HelveticaNeueLTStd-MdCn, Helvetica, Arial, sans-serif;
/*	font-family: 'HelveticaNeueLTPro-BdCn', Helvetica, Arial, sans-serif;*/
}
.main-nav.stick-fixed:not(.small-height) .nav-logo-wrap {
    float: none;
    margin-right: 0;
}
.nav-logo-wrap .logo {
    display: block;
    vertical-align: middle;
    max-width: 200px;
    height: 71px;
	margin: 0 auto;
}
.nav-logo-wrap .logo img {
    max-height: 100%;
}

.main-nav.stick-fixed:not(.small-height) .inner-nav.desktop-nav {
	margin-top: 2em;
}
.main-nav.stick-fixed.small-height .inner-nav.desktop-nav {
	margin-top: 1em;
	margin-left: -166px;/* offset by logo width and margin */
}
.inner-nav ul {
	font-size: 1em;
	letter-spacing: inherit;
}
.main-nav.stick-fixed:not(.small-height) .inner-nav ul li {
	margin-top: 0.5em;
}
.inner-nav ul li a {
	letter-spacing: inherit;
	border-bottom: 2px solid transparent;
}
.inner-nav ul li a:hover,
.inner-nav ul li a:active {
	border-bottom: 2px solid #fff;
}
.inner-nav ul li a,
.small-height .inner-nav ul li a {
	height: 1.5em !important;
	line-height: 1.5em !important;
}
.main-nav.dark .inner-nav ul > li > a {
	color: #fff;
}

h1, h2 {
  display: table;
  margin:0;
  /*background: #000;*/
  padding: 5px;
  color: #fff;
  text-transform:uppercase;
}
h1 {
  font-size: 70px;
}
h2 {
  font-size:40px;
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
}

.home-text {
	vertical-align: bottom;
}

.home-text h1,
.home-text h2 {	
  padding: 12px !important;
  line-height: 1;
  letter-spacing: 0;
  clear: both;
  /* display: inline-block; */
  overflow: hidden;
  /*white-space: nowrap;*/
  text-align: left;
}
/*.mb-5 { margin-bottom:5px; }*/

@media only screen and (max-width : 800px) {
  h1 {
    font-size: 50px;
  }
  h2 {
    font-size: 30px;
  }
  .home-text h1,
  .home-text h2 {
    padding: 8px !important;
  }
}
@media only screen and (max-width : 480px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 25px;
  }
  .home-text h1,
  .home-text h2 {
    padding: 6px !important;
  }
}

.owl-buttons {
    display:none;
}

.product-section {
  padding: 0;
  background-attachment: scroll;
}
.product-section,
.mfp-content .product.selected {
  background-image: radial-gradient(circle at center, rgba(255,255,255,0.8) 10%,rgba(255,255,255,0.15) 95%);
}
.mfp-content .product.selected {
	background-color: #000;
}

.banner-section {
  /*background-attachment: scroll;*/
  border-bottom: 1px solid rgba(0,0,0,0.75);
}
.product-lifestyle {
	height: 50vw;
}
.banner-section .container-fluid {
	max-width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.75));
}

.page-section .product-lifestyle {
  width: 100%;
}

.titulo {
  /*  margin: 0 -100%;*/
    /* border-bottom: 27px solid #ccc; */
    display: block;
    /* width: 100px; */
}
.section-title {
	font-size:30px;
}
.section-text {
    font-size: 20px;
    
    color: #fff;
    line-height: 1.5;
    text-align: center;
}
h2.section-title {
  margin: auto;
  margin-bottom: 40px;
  width: auto !important;
  text-indent: 0;
  font-family: HelveticaNeueLTStd-BdCn, Helvetica, Arial, sans-serif;
/*  font-family: 'HelveticaNeueLTPro-BdCn', Helvetica, Arial, sans-serif;*/
  font-size: 3.75rem;
  line-height: 1.125em;
  letter-spacing: 0;	
}
/*#acton h2 {
	background: url(../images/01_acton/acton_title.png) no-repeat;
	    background-size: contain !imporant;
		background-size: contain;
}
#kilburn h2 {
	background: url(../images/02_kilburn/kilburn_title.png) no-repeat;
	    background-size: contain !imporant;background-size: contain;
}
#stanmore h2 {
	background: url(../images/03_stanmore/stanmore_title.png) no-repeat;
	    background-size: contain !imporant;background-size: contain;
		    width: 309px;
}
#woburn h2 {
	background: url(../images/04_woburn/woburn_title.png) no-repeat;
	    background-size: contain !imporant;background-size: contain;
}
#stockwell h2 {
	background: url(../images/05_stockwell/stockwell_title.png) no-repeat;
	    background-size: contain !imporant;background-size: contain;
}*/

.products .w-100 {
	order: -1;
}

.products .product {
/*	margin-bottom: 3em;*/
}
.products .product.not-selected {
	display: block;
	border: 1px solid transparent;
	border-radius: 1em;
	transition: border-color 0.5s, background-color 0.5s;
}
.products .product.not-selected.active,
.products .product.not-selected:hover {
	border: 1px solid rgba(255,255,255,0.35);
	background-color: rgba(255,255,255, 0.075);
}
.products .product.not-selected > div {
	text-align: center;
	/*display: block;
	width: auto !important;
	max-width: 100% !important;
	box-sizing: content-box !important;*/
}
.products .product.not-selected .row,
.products .product.not-selected .col,
.products .product.not-selected .col-4 {
	display: block;
}
.products .product.not-selected .col,
.products .product.not-selected .col-4 {
	display: block;
	width: auto !important;
	max-width: 100% !important;
}
.products .product.not-selected .product-image .hero,
.products .product.not-selected .product-description {
	display: none;
}
.products .product.not-selected .product-image img,
.products .product.not-selected .product-actions .button {
	cursor: pointer;
}

.products .product.selected,
.mfp-content .product.selected {
	order: -2;
	flex: 0 0 100% !important;
	max-width: 100% !important;
}
.products .product.selected .product-image .thumbnail,
.products .product.selected .product-actions .button.button-view,
.mfp-content .product.selected .product-image .thumbnail,
.mfp-content .product.selected .product-actions .button.button-view {
	display: none;
}

.product .product-info .product-title,
.product .product-info .product-variation {
	text-transform: uppercase;
}
.product h3, h3 {
	font-size: 1.25em;
	letter-spacing:0;
	margin:0;
	/*font-weight:900;*/
}
.product h4, h4 {
	margin:0;
	min-height: 1em;
	font-size: 1em;
	letter-spacing: 0;
	line-height: 1em;
}
/*#headphones .product h4, h4 {
	font-size:12px;
	letter-spacing:2px;
	margin:0;
}*/
.product.selected .product-info .product-title {
	font-size: 2.85rem;
}

.product .product-purchase {
	margin-bottom: 1em;
}
.product .product-purchase .product-price {
	font-size: 1.5em;
	letter-spacing:0;
	/*font-weight:900;
	text-align:center;*/
}
.product .product-purchase .product-actions .button {
	display: inline-block;
	margin: 1em auto;
	padding: 0.5em 1.5em;
	font-size: 0.85rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.product.selected .product-actions .button {
	margin: 0;
}
.product .product-purchase .product-actions .button.button-buy {
	background: #d40b0b;
	color: #fff;
}
.product .product-purchase .product-actions .button.button-view {
	background-color: #fff;
	color: #000;
}
.product.not-selected .product-info .product-sku {
	display: none;
}
.product.not-selected .product-purchase .product-price,
.product.not-selected .product-purchase .product-actions {
	flex-basis: 100%;
	max-width: 100%;
	text-align: center!important;
}
.product.not-selected .product-purchase .product-price {
	font-size: 1em;
}
.product .product-actions .button.button-buy:not([href]) {
    display: none;
}

.product .options {
	margin: 0;
	padding: 0;
}
.product .options-color {
	display: flex;
	justify-content: center;
	margin: 0.5em 0;
}
.product .options-color .option {
	text-indent: -1000em;
	display: block;
	margin: 0 0.25em;
	width: 1em;
	height: 1em;
	background-color: #000;
	border-radius: 50%;
	box-shadow: 0 0 4px -1px #000;
	cursor: pointer;
}
.product.selected .options-color {
	position: relative;
	justify-content: start;
	margin: 1em 0;
	padding-top: 2em;
}
@media screen and (max-width: 767px) {
	.product.selected .product-purchase {
		order: -1;
	}
	.product.selected .options-color {
		order: -2;
	}
}
.product.not-selected .options-color {
	justify-content: center !important;
}
.product.selected .options-color:before {
	content: 'Seleccionar opción';
	display: inline-block;
	position: absolute;
	top: 0;
	text-transform: uppercase;
}
.product.selected .options-color .option {
	margin: 0 0.35em;
	width: 1.5em;
	height: 1.5em;
}
.product .options-color .option.selected {
	border: 2px solid #fff;
	box-shadow: 0 0 4px -1px inset #000;
}
.product.selected .options-color-selected-black:before {
	content: 'Negro';
}
.product.selected .options-color-selected-grey:before {
	content: 'Gris';
}
.product.selected .options-color-selected-white:before {
	content: 'Blanco';
}
.product.selected .options-color-selected-cream:before {
	content: 'Crema';
}
.product.selected .options-color-selected-brown:before {
	content: 'Café';
}
.product.selected .options-color-selected-burgundy:before {
	content: 'Vino';
}
.product.selected .options-color-selected-indigo:before {
	content: 'Índigo';
}
.product .options-color .option-black {
	background-color: #000;
}
.product .options-color .option-grey {
	background-color: #AFAEAA;
}
.product .options-color .option-white {
	background-color: #fff;
}
.product .options-color .option-cream {
	background-color: #e9ddcc;
}
.product .options-color .option-brown {
	background-color: #824820;
}
.product .options-color .option-burgundy {
	background-color: #50294c;
}
.product .options-color .option-indigo {
	background-color: #3F5364;
}

.banner-content {
  text-align: center;
}
.banner-heading {
    margin: 0 auto 20px;
    padding: 0 0.5em;
    /*background-color: transparent !important;*/
    font-size: 30px;
    line-height: 1.5;
    letter-spacing:0;
    text-transform: uppercase;
    text-align: center;
    /*color: rgba(255,255,255, 0.9);*/
    /*color: #000 !important;*/
}
.mt-250 {
  margin-top: 250px;
}
.mb-250 {
	margin-bottom:250px;
}
.mt-5 {
	margin-top:5px;
}
.mt-45 {
	margin-top:45px;
}
h5 {
	margin: 0;
	/*font-weight:900;*/}
	.no-padding {
		padding-left:0;
		padding-right:0;}
section#headphones {
    background: #f3f3f3;
}
.footer, #footer{
	background:#000;
}
.footer hr {
	border: none;
	border-top: 1px solid #fff;
}
a.link-to-top {
    position: absolute;
    top: 26px;
    right: 20%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 48px;
}
.page-section.footer {
	padding: 70px 0 50px;
}
.p-0 {
	padding:0px !important;
}
.p-30 {
	padding:20px !important;
}
