@font-face {
    font-family: Akkurat-Regular;
    src: url(../../../base/default/css/fonts/lineto-akkurat-regular.woff),
         url(../../../base/default/css/fonts/lineto-akkurat-regular.ttf),
         url(../../../base/default/css/fonts/lineto-akkurat-regular.svg),
         url(../../../base/default/css/fonts/lineto-akkurat-regular.eot);
}

@font-face {
    font-family: Akkurat-Light;
    src: url(../../../base/default/css/fonts/lineto-akkurat-light.woff),
         url(../../../base/default/css/fonts/lineto-akkurat-light.ttf),
         url(../../../base/default/css/fonts/lineto-akkurat-light.svg),
         url(../../../base/default/css/fonts/lineto-akkurat-light.eot);
}

html {
  margin: 0;
  padding: 0;
  border: 0;
}

.bp-reset-element, body, h1, h2, h3, h4, h5, h6, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, blockquote, q, th, td, caption, table,
div, span, object, iframe, p,
pre, a, abbr, acronym, address,
code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset,
form, label, legend,
caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

blockquote, q {
  quotes: "" "";
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

th, td, caption {
  float: none !important;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

a img {
  border: none;
}

div.fancy-select {
  position: relative;
  font-family: "Akkurat-Light", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #161616;
  width: 100%;
  max-width: 220px;
}
@media screen and (min-width: 320px) {
  div.fancy-select {
    font-size: 14px;
  }
}
@media screen and (min-width: 550px) {
  div.fancy-select {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  div.fancy-select {
    font-size: 16px;
  }
}

div.fancy-select.disabled {
  opacity: 0.5;
}

div.fancy-select select:focus + div.trigger {
  box-shadow: 0 0 0 2px #4b5468;
}

div.fancy-select select:focus + div.trigger.open {
  box-shadow: none;
}

div.fancy-select div.trigger {
  border-radius: 4px;
  cursor: pointer;
  padding: 10px 24px 9px 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  background: #99A5BE;
  border: 1px solid #99a5be;
  border-top-color: #A5B2CB;
  color: #4B5468;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  width: 80%;
  width: -webkit-calc(100% - 33px);
  width: calc(100% - 33px);
  transition: all 240ms ease-out;
  -webkit-transition: all 240ms ease-out;
  -moz-transition: all 240ms ease-out;
  -ms-transition: all 240ms ease-out;
  -o-transition: all 240ms ease-out;
}

div.fancy-select div.trigger:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #4B5468;
  top: 20px;
  right: 9px;
}

div.fancy-select div.trigger.open {
  background: #4A5368;
  border: 1px solid #475062;
  color: #7A8498;
  box-shadow: none;
}

div.fancy-select div.trigger.open:after {
  border-top-color: #7A8498;
}

div.fancy-select ul.options {
  list-style: none;
  margin: 0;
  position: absolute;
  top: 40px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 50;
  max-height: 200px;
  overflow: auto;
  background: #62C8BF;
  border-radius: 4px;
  border-top: 1px solid #7dd8d2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  width: 100%;
  transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.open {
  visibility: visible;
  top: 50px;
  opacity: 1;
  /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
  /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
  transition: opacity 300ms ease-out, top 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, top 300ms ease-out;
  -o-transition: opacity 300ms ease-out, top 300ms ease-out;
}

div.fancy-select ul.options.overflowing {
  top: auto;
  bottom: 40px;
  transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.overflowing.open {
  top: auto;
  bottom: 50px;
  transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}

div.fancy-select ul.options li {
  padding: 8px 12px;
  color: #2B8686;
  cursor: pointer;
  white-space: nowrap;
  transition: all 150ms ease-out;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
}

div.fancy-select ul.options li.selected {
  background: rgba(43, 134, 134, 0.3);
  color: rgba(255, 255, 255, 0.75);
}

div.fancy-select ul.options li.hover {
  color: #fff;
}

.close-icon {
  color: #161616;
  position: absolute;
  right: 20px;
  top: 30px;
  line-height: 190%;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: transparent;
  height: 30px;
  width: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: background 170ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
  -webkit-transition-delay: 0ms;
  -moz-transition: background 170ms cubic-bezier(0.600, -0.280, 0.735, 0.045) 0ms;
  -o-transition: background 170ms cubic-bezier(0.600, -0.280, 0.735, 0.045) 0ms;
  transition: background 170ms cubic-bezier(0.600, -0.280, 0.735, 0.045) 0ms;
}
.close-icon span.x-icon {
  display: inline-block;
  color: #161616;
  -webkit-transition: all 320ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition-delay: 0ms;
  -moz-transition: all 320ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
  -o-transition: all 320ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
  transition: all 320ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
  opacity: 0;
  line-height: 33px;
}
@media screen and (min-width: 320px) {
  .close-icon span.x-icon {
    font-size: 28px;
  }
}
@media screen and (min-width: 550px) {
  .close-icon span.x-icon {
    font-size: 29px;
  }
}
@media screen and (min-width: 768px) {
  .close-icon span.x-icon {
    font-size: 31px;
  }
}
@media screen and (min-width: 1024px) {
  .close-icon {
    display: none;
  }
}

.animate-close-icon {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 1 !important;
}

.xl-lightbox-text {
  font-family: "Akkurat-Regular", Helvetica, Arial, sans-serif;
  padding: 30px 30px 50px 30px;
  z-index: 2;
  opacity: 1;
  margin-top: 30px;
  -webkit-transition: all 320ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition-delay: 0ms;
  -moz-transition: all 320ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
  -o-transition: all 320ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
  transition: all 320ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
}
@media screen and (min-width: 1024px) {
  .xl-lightbox-text {
    padding: 30px 30px 50px 50px;
  }
}
.xl-lightbox-text h3 {
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 140%;
  margin-bottom: 10px;
  margin-top: 10px;
  max-width: 60%;
  max-width: -webkit-calc(100% - 90px);
  max-width: calc(100% - 90px);
}
@media screen and (min-width: 320px) {
  .xl-lightbox-text h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 550px) {
  .xl-lightbox-text h3 {
    font-size: 21px;
  }
}
@media screen and (min-width: 768px) {
  .xl-lightbox-text h3 {
    font-size: 23px;
  }
}
.xl-lightbox-text h4 {
  font-weight: 100;
  font-family: "Akkurat-Light", Helvetica, Arial, sans-serif;
  line-height: 150%;
  margin-bottom: 25px;
  max-width: 60%;
  max-width: -webkit-calc(100% - 60px);
  max-width: calc(100% - 60px);
}
@media screen and (min-width: 320px) {
  .xl-lightbox-text h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 550px) {
  .xl-lightbox-text h4 {
    font-size: 19px;
  }
}
@media screen and (min-width: 768px) {
  .xl-lightbox-text h4 {
    font-size: 21px;
  }
}
.xl-lightbox-text .product-info-wrap {
  position: relative;
  margin-top: 25px;
}
.xl-lightbox-text .cart-button-wrap {
  margin-top: 0px;
  margin-bottom: 10px;
  float: right;
}
.xl-lightbox-text a.add-to-cart {
  color: #fff;
  padding: 10px 30px;
  font-family: "Akkurat-Light", Helvetica, Arial, sans-serif;
  border-radius: 2px;
  border: 1px solid #000;
  text-decoration: none;
  font-size: 17px;
  background: #000;
  -webkit-transition: all 320ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
  -webkit-transition-delay: 0ms;
  -moz-transition: all 320ms cubic-bezier(0.600, -0.280, 0.735, 0.045) 0ms;
  -o-transition: all 320ms cubic-bezier(0.600, -0.280, 0.735, 0.045) 0ms;
  transition: all 320ms cubic-bezier(0.600, -0.280, 0.735, 0.045) 0ms;
}
.xl-lightbox-text a.add-to-cart:hover {
  background: #161616;
  color: white;
}
.xl-lightbox-text p.price {
  line-height: 150%;
}
@media screen and (min-width: 320px) {
  .xl-lightbox-text p.price {
    font-size: 16px;
  }
}
@media screen and (min-width: 550px) {
  .xl-lightbox-text p.price {
    font-size: 17px;
  }
}
@media screen and (min-width: 768px) {
  .xl-lightbox-text p.price {
    font-size: 17px;
  }
}
.xl-lightbox-text p.stock {
  font-family: "Akkurat-Light", Helvetica, Arial, sans-serif;
  line-height: 150%;
}
@media screen and (min-width: 320px) {
  .xl-lightbox-text p.stock {
    font-size: 16px;
  }
}
@media screen and (min-width: 550px) {
  .xl-lightbox-text p.stock {
    font-size: 17px;
  }
}
@media screen and (min-width: 768px) {
  .xl-lightbox-text p.stock {
    font-size: 17px;
  }
}
.xl-lightbox-text p.out {
  color: red;
  opacity: 0.5;
}
.xl-lightbox-text .product-info {
  position: absolute;
  top: 0;
  left: 0;
}
.xl-lightbox-text #lp, .xl-lightbox-text #cd {
  opacity: 0;
  margin-top: 10px;
  -webkit-transition: all 320ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
  -webkit-transition-delay: 0ms;
  -moz-transition: all 320ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms;
  -o-transition: all 320ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms;
  transition: all 320ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms;
}
.xl-lightbox-text a.tracklisting-header {
  margin-top: 30px;
  display: inline-block;
  color: #161616;
  text-decoration: none;
}
@media screen and (min-width: 320px) {
  .xl-lightbox-text a.tracklisting-header {
    font-size: 16px;
  }
}
@media screen and (min-width: 550px) {
  .xl-lightbox-text a.tracklisting-header {
    font-size: 17px;
  }
}
@media screen and (min-width: 768px) {
  .xl-lightbox-text a.tracklisting-header {
    font-size: 17px;
  }
}
.xl-lightbox-text span.plus {
  display: inline-block;
  font-size: 20px;
  margin-left: 20px;
  -webkit-transition: all 520ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
  -webkit-transition-delay: 0ms;
  -moz-transition: all 520ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms;
  -o-transition: all 520ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms;
  transition: all 520ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms;
}
.xl-lightbox-text .rotate {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.xl-lightbox-text .tracklisting-tracks {
  margin-left: -30px;
  margin-top: 20px;
  opacity: 0;
  -webkit-transition: all 520ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
  -webkit-transition-delay: 0ms;
  -moz-transition: all 520ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms;
  -o-transition: all 520ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms;
  transition: all 520ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms;
}
.xl-lightbox-text .tracklisting-tracks ul {
  list-style-type: none;
}
.xl-lightbox-text .tracklisting-tracks ul li {
  font-family: "Akkurat-Light", Helvetica, Arial, sans-serif;
  line-height: 180%;
  padding-left: 25px;
  text-indent: -15px;
}
.xl-lightbox-text .tracklisting-tracks ul li .tracknumber {
  margin-left: -10px;
  margin-right: 10px;
}
@media screen and (min-width: 320px) {
  .xl-lightbox-text .tracklisting-tracks ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 550px) {
  .xl-lightbox-text .tracklisting-tracks ul li {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  .xl-lightbox-text .tracklisting-tracks ul li {
    font-size: 16px;
  }
}
.xl-lightbox-text .showtracklist {
  opacity: 1 !important;
  margin-left: 0px !important;
}
.xl-lightbox-text .bye {
  opacity: 0;
  margin-left: 40px;
}

.animate-iframetext {
  opacity: 1 !important;
  margin-top: 0px !important;
}

.showinfo {
  opacity: 1 !important;
  margin-top: 0px !important;
  z-index: 2;
}

div.fancy-select div.trigger {
  border-radius: 2px;
  border: 1px solid #858585;
  background: transparent;
  box-shadow: none;
  color: #858585;
  font-family: "Akkurat-Light", Helvetica, Arial, sans-serif;
}
div.fancy-select div.trigger:after {
  border: 0px;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(../../../base/default/css/images/downarrow.png);
  background-repeat: no-repeat;
  top: 46%;
  top: -webkit-calc(50% - 10px);
  top: calc(50% - 10px);
}
div.fancy-select div.trigger:hover {
  border: 1px solid #161616;
}

div.fancy-select div.selected {
  border: 1px solid #161616;
  color: #161616;
  font-family: "Akkurat-Light", Helvetica, Arial, sans-serif;
}

div.fancy-select div.trigger.open:after {
  border: 0px;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(../../../base/default/css/images/uparrow.png);
  background-repeat: no-repeat;
  top: 46%;
  top: -webkit-calc(50% - 10px);
  top: calc(50% - 10px);
}

div.fancy-select select:focus + div.trigger {
  box-shadow: none;
}

div.fancy-select div.trigger.open {
  border: 1px solid #161616;
  background: #161616;
  color: white;
}

div.fancy-select ul.options {
  border-radius: 2px;
  background: white;
  box-shadow: none;
  border: 1px solid #161616;
  padding: 0;
}
div.fancy-select ul.options li {
  color: #161616;
}
div.fancy-select ul.options li:hover {
  background: #232323;
}
div.fancy-select ul.options li.selected {
  background: #f6f6f6;
  color: #161616;
}
div.fancy-select ul.options li.selected:hover {
  background: #232323;
  color: white;
}
/*css changes for 14/3/2017      */

p.availability.in-stock {
    font-size: 18px;
    color: #000000;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    border-bottom: 2px solid #010101;
    padding-bottom: 23px;
    margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .xl-lightbox-text h3 {
    font-size: 24px;
    color: #000000;
    margin-bottom: 6px;
    font-weight: bold;
  }
  .xl-lightbox-text h4 {
    font-size: 23px;
    color: #000;
    margin-bottom: 13px;
}
}
.price-box-bundle,  .price-box-bundle + .price-box{display: none;}
#product-options-wrapper .bundle-product-iframe {clear: both;}
#product-options-wrapper .bundle-product-iframe .product-image,
#product-options-wrapper .bundle-product-iframe li .required, 
#product-options-wrapper .bundle-product-iframe span[id^="bundle-option"], #product-options-wrapper .bundle-product-iframe .qty-holder {display: block;float:left;}
#product-options-wrapper .bundle-product-iframe li {list-style: none;clear:both;display:block;margin-bottom: 27px;width:100%;float: left;}
#product-options-wrapper .bundle-product-iframe .product-image img {border:1px solid #979797;}
#product-options-wrapper .bundle-product-iframe .product-image {margin-right: 20px;}
#product-options-wrapper .bundle-product-iframe li .required {font-size: 17px;font-weight: bold;width: 60%;}
#product-options-wrapper .bundle-product-iframe li .required .input-box {font-weight: normal;}
#product-options-wrapper .bundle-product-iframe li .qty-holder { float: right;text-align: right;width: 15%;margin-top: -12px;}
#product-options-wrapper .bundle-product-iframe li .price-bundle {float: left;width:10%;text-align:right;}
#product-options-wrapper .bundle-product-iframe li .qty-holder .input-text{border: 1px solid #000;height: 32px;line-height: 32px;text-align: center;width: 50px;}

#product-options-wrapper p.required {float: left;width:15%;}
.product-options-bottom .price-box {float: left;text-align: right;width: 59.7%;}
.product-options-bottom label,  .product-options-bottom .qty {float: left; display: none;}
.product-options-bottom .add-to-links {display: none;}

#product_addtocart_form {border-bottom: 1px solid #000;display: block;margin-bottom: 25px;overflow: hidden;padding-bottom: 50px;}
#product-options-wrapper .bundle-product-iframe li .price-bundle-mobile {display: none;}
#product_addtocart_form .mobile-required {display: none;}

@media screen and (max-width: 1400px) { 
  .product-options-bottom .price-box {float: left;text-align: right;width: 61.7%;}
}
@media screen and (max-width: 960px) { 
  #product-options-wrapper p.required { width: 20%;}
  .product-options-bottom .price-box {float: left;text-align: right;width: 61.7%;}
}
@media screen and (max-width: 767px) { 
  #product-options-wrapper p.required {width: 45%;}
  .bundle-zoomed .product-options-bottom .price-box {width: 100%;float: right;margin-bottom: 20px;}
  #product-options-wrapper .bundle-product-iframe li .required {width: 40%;}
  #product-options-wrapper .bundle-product-iframe li .price-bundle {display: none;}
  #product-options-wrapper .bundle-product-iframe li .price-bundle-mobile {display: block; font-weight: bold;}
  #product-options-wrapper .bundle-product-iframe li .qty-holder {width: auto;}
  #product-options-wrapper .bundle-product-iframe .product-image {margin-right: 10px;}

  #product_addtocart_form.bundle-zoomed {zoom:1.25;}
  #product_addtocart_form .mobile-required {display: block;margin-bottom: 20px;}
  #product_addtocart_form .desktop-required {display: none;}

  .bundle-zoomed p.availability {margin-bottom: 25px;}

}

@media screen and (max-width: 465px) { 
  #product_addtocart_form.bundle-zoomed {zoom:1.15;}
}