/* ==========================================================================
   $VARIABLES
   ========================================================================== */
/*
 * Afmetingen globals
 */
/*
 * Kleuren
 */
/*
 * Button kleuren
 */
/*
 * Nav Menu links
 */
/*
 * Productlijst
 */
/*
 * Fonts
 */
@font-face {
  font-family: 'square721_cn_btbold';
  src: url("../fonts/8930-webfont.eot");
  src: url("../fonts/8930-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/8930-webfont.woff") format("woff"), url("../fonts/8930-webfont.ttf") format("truetype"), url("../fonts/8930-webfont.svg#square721_cn_btbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'square721_cn_btroman';
  src: url("../fonts/8933-webfont.eot");
  src: url("../fonts/8933-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/8933-webfont.woff") format("woff"), url("../fonts/8933-webfont.ttf") format("truetype"), url("../fonts/8933-webfont.svg#square721_cn_btroman") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Large desktop */
/* line 3, responsive/_responsive_defaults.scss */
.container {
  position: relative;
  max-width: 1000px;
  width: auto;
  /*&.maincontainer {
  	background: white;
  }*/
}

@media (min-width: 768px) {
  /* line 14, responsive/_responsive_defaults.scss */
  .container {
    min-width: 960px;
  }
}
@media (max-width: 767px) {
  /* line 20, responsive/_responsive_defaults.scss */
  .container {
    padding: 0 2%;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 965px) {
  /* line 33, responsive/_responsive_defaults.scss */
  .productlist > li {
    width: 20.125%;
  }
  /* line 36, responsive/_responsive_defaults.scss */
  .productlist > li img {
    max-width: 100%;
  }

  /* line 43, responsive/_responsive_defaults.scss */
  .register-box input, .register-box select {
    width: 100%;
  }
  /* line 46, responsive/_responsive_defaults.scss */
  .register-box input[type="checkbox"], .register-box input[type="radio"] {
    width: auto;
  }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) {
  /* line 54, responsive/_responsive_defaults.scss */
  .mm-menu {
    width: auto;
  }

  /* line 58, responsive/_responsive_defaults.scss */
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    left: 0;
    margin: 0;
  }

  /* line 65, responsive/_responsive_defaults.scss */
  .container.maincontainer {
    padding: 10px;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  /*======================================================================================
  	CHANGING ELEMENTS 	
  ======================================================================================*/
  /*=============================================
  	HIDDEN ITEMS
  ==============================================*/
  /* line 82, responsive/_responsive_defaults.scss */
  #soundcloud {
    display: none;
  }

  /* line 83, responsive/_responsive_defaults.scss */
  span.all-news {
    display: none;
  }

  /* line 86, responsive/_responsive_defaults.scss */
  .jcarousel-next-horizontal,
  .jcarousel-prev-horizontal {
    display: none !important;
  }

  /*=============================================
  	HIDDEN ITEMS
  ==============================================*/
  /*=============================================
  	GRID EXEPTIONS FOR MOBILE
  ==============================================*/
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  /*general*/
  /* line 103, responsive/_responsive_defaults.scss */
  p, pre {
    margin: 1em 0;
    margin-top: 0;
    line-height: 1em;
  }

  /*top nav*/
  /* line 110, responsive/_responsive_defaults.scss */
  .top-nav .row > div {
    width: 50%;
    margin: 0;
  }

  /* line 115, responsive/_responsive_defaults.scss */
  .top-nav .row > div.align-center {
    align: left;
  }

  /*header*/
  /* line 120, responsive/_responsive_defaults.scss */
  .header .row > div {
    float: none;
    width: 100%;
  }
  /* line 124, responsive/_responsive_defaults.scss */
  .header .row > div:nth-child(2) {
    margin-top: 10px;
  }

  /*navigation*/
  /* line 130, responsive/_responsive_defaults.scss */
  .navigation {
    border: 0;
  }
  /* line 133, responsive/_responsive_defaults.scss */
  .navigation ul {
    border: 0;
  }
  /* line 136, responsive/_responsive_defaults.scss */
  .navigation ul li {
    float: none;
    display: block;
    padding: 0;
  }
  /* line 142, responsive/_responsive_defaults.scss */
  .navigation ul li h4 {
    font-size: 2em;
    padding: 10px 0;
    text-align: left;
  }
  /* line 148, responsive/_responsive_defaults.scss */
  .navigation ul li h4.foldout-trigger::after {
    display: none;
  }
  /* line 154, responsive/_responsive_defaults.scss */
  .navigation ul li:hover .foldout-menu {
    display: none;
  }
  /* line 161, responsive/_responsive_defaults.scss */
  .navigation ul li.seperator {
    float: none;
    width: 100%;
    height: 1px;
    background: #000;
    margin: 0;
  }
  /* line 171, responsive/_responsive_defaults.scss */
  .navigation ul li .foldout-menu {
    position: relative;
    padding: 0;
    border: 0;
    top: 0;
    left: 0;
  }

  /*social media icons*/
  /* line 182, responsive/_responsive_defaults.scss */
  .custom-share-icons {
    min-width: 75px;
  }
  /* line 185, responsive/_responsive_defaults.scss */
  .custom-share-icons img {
    width: 20px;
  }

  /*news*/
  /* line 194, responsive/_responsive_defaults.scss */
  .highlighted-newsitem td.align-right,
  .news-item td.align-right {
    text-align: right;
  }
}
@media (max-width: 767px) {
  /* line 205, responsive/_responsive_defaults.scss */
  #footer {
    padding-top: 10px;
  }
  /* line 207, responsive/_responsive_defaults.scss */
  #footer .footer-top {
    display: none;
  }

  /* line 215, responsive/_responsive_defaults.scss */
  #track_form table .align-center {
    text-align: center;
  }

  /*=============================================
  	GRID EXEPTIONS FOR MOBILE
  ==============================================*/
  /* line 225, responsive/_responsive_defaults.scss */
  .right-col {
    float: none;
    width: 100%;
  }

  /*======================================================================================
  	CHANGING ELEMENTS 
  ======================================================================================*/
  /* line 234, responsive/_responsive_defaults.scss */
  .navigation .foldout-menu {
    display: none !important;
  }

  /* anders klapt het uitklapmenu uit op een mobiel apparaat */
  /* line 237, responsive/_responsive_defaults.scss */
  .mobilemenulink {
    display: block;
    margin-top: 4px;
  }

  /* line 242, responsive/_responsive_defaults.scss */
  .logo {
    text-align: center;
    width: 100%;
    margin: 0 0 10px 0;
  }
  /* line 247, responsive/_responsive_defaults.scss */
  .logo img {
    max-width: 100%;
  }

  /* line 252, responsive/_responsive_defaults.scss */
  .header-right {
    float: none;
  }

  /* line 256, responsive/_responsive_defaults.scss */
  .basket {
    border-left: none;
    margin: 0;
    padding: 0;
    float: right;
    text-align: right;
  }
  /* line 263, responsive/_responsive_defaults.scss */
  .basket a {
    display: none;
  }
  /* line 266, responsive/_responsive_defaults.scss */
  .basket a.cart-items {
    display: block;
    font-size: 12px;
  }
  /* line 270, responsive/_responsive_defaults.scss */
  .basket a.cart-items-checkout {
    display: block;
    font-size: 12px;
  }
  /* line 276, responsive/_responsive_defaults.scss */
  .basket img {
    top: -2px;
  }

  /* line 280, responsive/_responsive_defaults.scss */
  .search {
    float: left;
    width: 100%;
    position: relative;
  }
  /* line 285, responsive/_responsive_defaults.scss */
  .search input {
    padding: 10px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  /* line 292, responsive/_responsive_defaults.scss */
  .search input:focus {
    color: #000;
  }
  /* line 296, responsive/_responsive_defaults.scss */
  .search img {
    position: absolute;
    right: 0px;
    top: 0px;
  }

  /* line 302, responsive/_responsive_defaults.scss */
  .suggestionsBox {
    display: none !important;
  }

  /* line 305, responsive/_responsive_defaults.scss */
  .homecat {
    display: block;
    float: left;
    margin: 15px 0 5px;
    width: 100%;
  }
  /* line 311, responsive/_responsive_defaults.scss */
  .homecat .accordionButton a {
    width: 100%;
    float: left;
    background: #fd5c00 url(../images/accordin_arrow_w.png) no-repeat 98% 50%;
    cursor: pointer;
    padding: 6px 11px;
    margin: 0 0 6px 0;
    text-decoration: none;
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 327, responsive/_responsive_defaults.scss */
  .homecat .accordionButton a:hover {
    background: #0d4d8b url(../images/accordin_arrow_w.png) no-repeat 98% 50%;
    color: #fff;
  }

  /* line 333, responsive/_responsive_defaults.scss */
  .breadcrumbs {
    font-size: 12px;
    margin: 0 0 15px;
  }
  /* line 338, responsive/_responsive_defaults.scss */
  .breadcrumbs a.terug {
    background: url(../images/mobile_back.png) no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 8px 0 0;
    text-align: right;
    width: 46px;
    text-decoration: none;
  }
  /* line 349, responsive/_responsive_defaults.scss */
  .breadcrumbs .location_desktop {
    display: none;
  }

  /* line 353, responsive/_responsive_defaults.scss */
  .searchresult-navigation-top {
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }
  /* line 358, responsive/_responsive_defaults.scss */
  .searchresult-navigation-top .searchresult-page-nav {
    display: block;
    float: left;
    margin: 5px 0 12px 0;
    text-align: center;
    width: 100%;
  }
  /* line 365, responsive/_responsive_defaults.scss */
  .searchresult-navigation-top .searchresult-page-nav-second,
  .searchresult-navigation-top .searchresult-sort-nav {
    display: none;
  }

  /* line 370, responsive/_responsive_defaults.scss */
  .searchresult-navigation-bottom {
    height: auto;
    margin-top: 0;
    padding: 0;
  }
  /* line 375, responsive/_responsive_defaults.scss */
  .searchresult-navigation-bottom .searchresult-page-nav {
    display: block;
    float: left;
    margin: 12px 0 5px 0;
    text-align: center;
    width: 100%;
  }
  /* line 382, responsive/_responsive_defaults.scss */
  .searchresult-navigation-bottom .searchresult-page-nav-second,
  .searchresult-navigation-bottom .searchresult-sort-nav {
    display: none;
  }

  /* line 387, responsive/_responsive_defaults.scss */
  .user-nav {
    display: none;
  }

  /* line 390, responsive/_responsive_defaults.scss */
  .left-col {
    display: none;
  }

  /* line 393, responsive/_responsive_defaults.scss */
  .main-col {
    width: 100%;
  }

  /* line 398, responsive/_responsive_defaults.scss */
  .productlist > li {
    width: 28.60%;
  }
  /* line 401, responsive/_responsive_defaults.scss */
  .productlist > li:nth-child(4n+4) {
    margin-right: 1.5%;
  }
  /* line 404, responsive/_responsive_defaults.scss */
  .productlist > li:nth-child(3n+3) {
    margin-right: 0;
  }
  /* line 409, responsive/_responsive_defaults.scss */
  .productlist > li .quick-order:hover {
    display: none;
  }

  /* line 416, responsive/_responsive_defaults.scss */
  .quick-order, .productlist li:hover .quick-order, .fancybox-overlay, .fancybox-skin {
    display: none !important;
  }

  /* line 419, responsive/_responsive_defaults.scss */
  .filteraccordion {
    display: block;
    background: #f2f2f2 url(../images/accordin_arrow_z.png) no-repeat scroll 98% 50%;
    color: #191519;
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 10px 15px;
    width: 100%;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* line 434, responsive/_responsive_defaults.scss */
  .actief {
    background: #f0f0f0 url(../images/accordin_arrow_o_z.png) no-repeat scroll 98% 50%;
    cursor: pointer;
  }

  /* line 440, responsive/_responsive_defaults.scss */
  .filter_mobileleft {
    width: 60%;
    float: left;
  }

  /* line 441, responsive/_responsive_defaults.scss */
  .filter_mobileleft .label_check {
    padding-left: 0;
  }

  /* line 442, responsive/_responsive_defaults.scss */
  .filter_mobileright {
    width: 40%;
    float: right;
  }

  /* line 445, responsive/_responsive_defaults.scss */
  .filter_mobileright .filterreset a {
    background: #eeeeee;
    border: 1px solid #79797b;
    display: inline-table;
    float: right;
    font-size: 9px;
    height: 17px;
    line-height: 18px;
    padding: 3px 8px;
    margin-bottom: 15px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
  }

  /* line 462, responsive/_responsive_defaults.scss */
  .filter_mobileleft .menublock,
  .filter_mobileright .menublock {
    width: 100%;
    border-bottom: none;
  }

  /* line 467, responsive/_responsive_defaults.scss */
  .menu-box {
    /*padding:5px;*/
  }

  /* line 470, responsive/_responsive_defaults.scss */
  .filter-col ul li {
    position: relative;
  }

  /* line 476, responsive/_responsive_defaults.scss */
  .mobileoverloop {
    position: absolute;
    z-index: 999;
    left: 0px;
    width: 30px;
    padding-left: 20px;
  }

  /* line 483, responsive/_responsive_defaults.scss */
  .menu-toggle {
    display: none;
  }

  /* line 488, responsive/_responsive_defaults.scss */
  .productdetail-leftcol,
  .productdetail-rightcol,
  .mod-leftcol,
  .mod-rightcol,
  .contactform,
  .contact-info {
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border: none;
    border-bottom: 1px solid #eeeeee;
  }

  /* line 501, responsive/_responsive_defaults.scss */
  .MagicZoomPlus, .MagicZoomPlus:hover {
    cursor: none;
  }

  /* line 505, responsive/_responsive_defaults.scss */
  .MagicToolboxMainContainer_mobiledis {
    background: none repeat scroll 0 0 transparent;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 99;
  }

  /* line 514, responsive/_responsive_defaults.scss */
  .MagicToolboxContainer {
    width: 100% !important;
  }

  /* line 518, responsive/_responsive_defaults.scss */
  .MagicToolboxContainer.selectorsLeft .MagicToolboxMainContainer {
    float: none !important;
  }

  /* line 522, responsive/_responsive_defaults.scss */
  .MagicScroll, .selectorsLeftblock {
    display: none !important;
  }

  /* line 526, responsive/_responsive_defaults.scss */
  .imageNext,
  .imagePrev {
    display: inline-block;
  }

  /* line 530, responsive/_responsive_defaults.scss */
  .MagicThumb-background, .MagicThumb-expanded {
    display: none !important;
  }

  /* line 533, responsive/_responsive_defaults.scss */
  .cart-coupon {
    width: 100%;
    clear: both;
    margin: 15px 0;
  }

  /* line 538, responsive/_responsive_defaults.scss */
  .cart-totals {
    width: 100%;
  }

  /* line 541, responsive/_responsive_defaults.scss */
  .tbl-cart-totals {
    width: 100%;
  }
  /* line 544, responsive/_responsive_defaults.scss */
  .tbl-cart-totals select {
    width: 100%;
  }

  /* line 550, responsive/_responsive_defaults.scss */
  ul#opc-sections li#opc_profile_li, ul#opc-sections li#opc_shipping_payment_li, ul#opc-sections li#opc_summary_li {
    width: 100% !important;
  }

  /* line 555, responsive/_responsive_defaults.scss */
  ul.tabs li {
    width: 100%;
    margin-bottom: 7px;
  }
  /* line 559, responsive/_responsive_defaults.scss */
  ul.tabs li a {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 565, responsive/_responsive_defaults.scss */
  ul.tabs li a.active {
    background: #666666 url(../images/accordin_arrow_o.png) no-repeat scroll 98% 50%;
  }

  /* line 572, responsive/_responsive_defaults.scss */
  .tagcloud {
    display: none;
  }

  /* line 575, responsive/_responsive_defaults.scss */
  .social-bookmarks {
    display: none;
  }

  /* line 578, responsive/_responsive_defaults.scss */
  .footer-column {
    width: 100%;
    margin: 0;
  }
  /* line 583, responsive/_responsive_defaults.scss */
  .footer-column h4 {
    /*margin:0;*/
  }
  /* line 588, responsive/_responsive_defaults.scss */
  .footer-column .accordionButton {
    width: 100%;
    float: none;
    border-bottom: 1px solid #fff;
    background: #79797b url(../images/accordin_arrow_w.png) no-repeat 98% 50%;
    cursor: pointer;
    padding: 6px 5px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 600, responsive/_responsive_defaults.scss */
  .footer-column .accordionButton:hover {
    background: #79797b url(../images/accordin_arrow_w.png) no-repeat 98% 50%;
    color: #fff;
  }
  /* line 609, responsive/_responsive_defaults.scss */
  .footer-column .accordionContent {
    margin-top: 10px;
    width: 100%;
    float: none;
    display: none;
    padding: 0;
    background: none;
  }
  /* line 617, responsive/_responsive_defaults.scss */
  .footer-column .accordionContent li {
    padding: 0 10px 0 10px;
  }
  /* line 622, responsive/_responsive_defaults.scss */
  .footer-column .accordionButton:hover,
  .footer-column .active-trigger {
    background: #e73029 url(../images/accordin_arrow_o.png) no-repeat 98% 50%;
    color: #fff;
  }

  /* line 632, responsive/_responsive_defaults.scss */
  .footer-column-mobile {
    display: inline-block;
    float: right;
    line-height: 35px;
    margin: 20px 0;
  }
  /* line 638, responsive/_responsive_defaults.scss */
  .footer-column-mobile a {
    text-decoration: none;
  }
  /* line 642, responsive/_responsive_defaults.scss */
  .footer-column-mobile img {
    float: left;
    margin: 0 10px 0 0;
  }

  /* line 648, responsive/_responsive_defaults.scss */
  .omhoog {
    float: left;
    padding: 0 10px 0 0;
  }

  /* line 653, responsive/_responsive_defaults.scss */
  .subfooter {
    height: auto;
  }
  /* line 656, responsive/_responsive_defaults.scss */
  .subfooter .copyright {
    clear: both;
    float: left;
  }
}
@media (max-width: 600px) {
  /* line 666, responsive/_responsive_defaults.scss */
  .accountbox {
    width: 50%;
  }

  /* line 675, responsive/_responsive_defaults.scss */
  main.manufacturers_list_page ul.productlist li .productlist-thumb {
    height: 100px;
  }
  /* line 678, responsive/_responsive_defaults.scss */
  main.manufacturers_list_page ul.productlist li .artist-name {
    min-height: 10px;
  }

  /* line 691, responsive/_responsive_defaults.scss */
  main.catalog_page ul.productlist li .formats {
    display: none;
  }
}
/* Landscape phones and down */
@media (max-width: 520px) {
  /* line 704, responsive/_responsive_defaults.scss */
  .manufacturer_biography_page .row > div {
    display: block;
    width: 100%;
    margin: 0;
    float: none;
  }

  /* line 713, responsive/_responsive_defaults.scss */
  .productlist > li {
    width: 45.21%;
  }

  /* line 719, responsive/_responsive_defaults.scss */
  .cart-quantity span.price_note {
    display: none;
  }

  /* line 724, responsive/_responsive_defaults.scss */
  .formats {
    display: none !important;
  }
}
/* Portrait phones and down */
@media (max-width: 420px) {
  /*NEWS */
  /* line 734, responsive/_responsive_defaults.scss */
  .highlighted-newsitem .row > div {
    float: none;
    width: 100%;
    margin: 0;
  }
  /* line 740, responsive/_responsive_defaults.scss */
  .highlighted-newsitem h2 {
    font-size: 0.85em;
  }

  /* line 748, responsive/_responsive_defaults.scss */
  .news-item h2 {
    font-size: 0.85em;
  }

  /* line 755, responsive/_responsive_defaults.scss */
  p.news-message {
    margin-top: 10px;
    font-size: 0.85em;
  }

  /* line 760, responsive/_responsive_defaults.scss */
  .news-shortdescr p {
    font-size: 0.85em;
  }

  /*jcarousel (homepage)*/
  /* line 765, responsive/_responsive_defaults.scss */
  div.jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: auto !important;
    width: 100% !important;
    overflow: visible !important;
  }

  /* line 772, responsive/_responsive_defaults.scss */
  ul.jcarousel-list-horizontal {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    overflow: visible !important;
  }
  /* line 782, responsive/_responsive_defaults.scss */
  ul.jcarousel-list-horizontal li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both;
    height: auto !important;
    margin-bottom: 10px;
  }
  /* line 791, responsive/_responsive_defaults.scss */
  ul.jcarousel-list-horizontal li > div {
    width: 49%;
    float: left;
    margin: 0;
    margin-right: 2%;
    padding: 0;
  }
  /* line 798, responsive/_responsive_defaults.scss */
  ul.jcarousel-list-horizontal li > div:nth-child(2n+2) {
    margin-right: 0;
  }
  /* line 802, responsive/_responsive_defaults.scss */
  ul.jcarousel-list-horizontal li > div * {
    max-width: 100%;
  }
  /* line 805, responsive/_responsive_defaults.scss */
  ul.jcarousel-list-horizontal li table.overview {
    width: 49% !important;
  }
  /* line 808, responsive/_responsive_defaults.scss */
  ul.jcarousel-list-horizontal li table.overview td.align-center.price-cell {
    text-align: left;
  }
  /* line 813, responsive/_responsive_defaults.scss */
  ul.jcarousel-list-horizontal li .mod-carousel-descr {
    height: auto !important;
    overflow: visible !important;
    max-width: 100%;
  }
  /* line 819, responsive/_responsive_defaults.scss */
  ul.jcarousel-list-horizontal li .mod-carousel-descr a {
    font-family: "square721_cn_btbold";
    color: #000;
    font-size: 1em;
  }
}
/* Portrait phones and down */
@media (max-width: 380px) {
  /* line 840, responsive/_responsive_defaults.scss */
  .productlist > li {
    width: 96.50%;
  }
  /* line 843, responsive/_responsive_defaults.scss */
  .productlist > li:nth-child(2n+2) {
    margin-right: 1.5%;
  }
  /* line 846, responsive/_responsive_defaults.scss */
  .productlist > li:nth-child(1n+1) {
    margin-right: 0;
  }

  /* line 852, responsive/_responsive_defaults.scss */
  .accountbox {
    width: 100%;
  }

  /* line 855, responsive/_responsive_defaults.scss */
  .guestbook_message, .guestbook_message2 {
    background-image: none;
    padding-left: 15px;
  }
}