@import url(//fonts.googleapis.com/css?family=Oswald:400,700,300);

* {
	border-radius: 0 !important;
} 
 body {
 	/*font-family: 'oswald', sans-serif;*/
 	font-family: Arial, Helvetica, sans-serif;
 	background: #fff url(../img/tile.jpg) repeat;
 	color: #000;

}
.modal {
	color: #000;
}
.bg-success {
    background-color: rgba(177, 123, 61, 0.56);
    color: #fff!important;
}

mark {
	display: inline-block!important;
	padding: 2px 6px!important;
	}

h2,h3,h4 {
	font-family: 'oswald', sans-serif;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small {
	display: block;
}

h2 {
	text-transform: uppercase;
	font-weight: 300;
}
h2 a {
	/*color: #fff;*/
	text-decoration: none;
}

a {
	color: #5c5c5c;
}
a:hover,a:focus {
	border-color: transparent;
	color: #222;
	text-decoration: none;
}
.modal a {
	color: #999;
}
.modal a:hover,.modal a:focus {
	color: #000;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}

hr {
	border-top: 1px solid rgba(0,0,0,0.05);
}
.content hr:last-child {
  display: none;
}
.content >  hr {
  display: none;
}
.content-item {
    margin-bottom: 30px;
}

button, input, optgroup, select, textarea {
	color: #222;
}

.page-header {
	margin: 0;
}

.btn-cart {
	background-color: #5193bc;
	color: #fff;
	text-transform: uppercase;
}
.btn-cart:hover,.btn-cart:focus,.btn-cart:active,.btn-cart:focus:active {
	background-color: #3b769c;
	color: #fff;
}
.btn-primary,
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.focus[disabled], .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  background-color: #b02300;
  border-color: #b02300;
  text-transform: uppercase;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:focus:active {
  background-color: #821a00;
  border-color: #821a00;
  color: #fff;
}
.btn-link {
    color: #b02300;
}
.btn-link:hover,.btn-link:focus {
    color: #821a00;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: #122134;
}

.nav-items a:hover {
  color: #cccccc;
}

.site-footer {
	background-color: #1a1a1a;
	border-top: 1px dotted #2a2a2a;
	margin: 3rem 0 0;
	padding: 3rem 0;
}
.input-group.newletter-input {
	margin-bottom: 1rem;
}

.pager-list {
	display: none;
}

/*#region Header */
    .site-header {
	    margin-bottom: 40px;
	    background-color: #fff;
	    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	    height: 75px;
        position: relative;
        /*z-index: 16;*/
    }
    .site-header .container {
      /*max-width: 1078px;*/
    }
    .header-logo {
	    display: inline-block;
	    margin-left: -12px;
        line-height: 75px;
    }
    .header-logo img { height: 36px; display: inline; }

    .header-social {
	    float: right;
        margin-right: -10px;
	    /*padding-top: 25px;*/
    }
    .header-social a {
	    color: #b3b4b8;
	    display: inline-block;
	    font-size: 16px;
	    line-height: 75px;
	    width: 26px;
        text-align: center;
    }
    .fa-facebook:hover {
      color: #3b5998;
    }
    .fa-twitter:hover {
      color: #00acee;
    }
    .fa-soundcloud:hover {
      color: #ff8800;
    }
    .fa-youtube:hover {
      color: #bb0000;
    }
    .spotify-iframe {
        margin-top: 1.5rem;
    }

    .nav-container {
        height: 40px;
        position: relative;
        z-index: 11;
    }
    .sticky .nav-container {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 101;
    }

    .nav-user {
        margin: 0;
        height: 40px;
        list-style: none;
    }
    .nav-user > li > a, li.nav-basket a, .navbar-toggle, .header-search .btn-search {
        margin: 0;
        text-transform: uppercase;
        background-color: #122134;
        color: #fff;
        color: rgba(255,255,255,0.75);
        text-decoration: none;
        height: 40px;
        display: block;
        font-size: 21px;
        font-family: "Oswald", Helvetica, sans-serif;
        font-size: 18px;
        line-height: 1;
        padding: 10px;
    }
    .header-search .btn-search {
        position: absolute;
        top: 0;
        right: 40px;
        width: 40px;
    }
    li.nav-account {
        position: absolute;
        top: 0;
        right: 80px;
        width: 40px;
    }
    .nav-basket {
        position: absolute;
        left: 0;
        top: 0;
    }
    .header-search {
	    float: right;
    }
    .header-search form {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 46px;
        z-index: 99;
        display: none;
    }
    .navbar-toggle {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
    }
    .header-search .searchbox {
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 46px;
        font-size: 1.5em;
        color: #222;
        border: none;
    }
    .btn-close-search {
        margin: 0;
        padding: 0;
        background: transparent;
        border: none;
        color: #999;
        font-weight: 100;
        font-size: 3.5em;
        line-height: 46px;
        position: absolute;
        right: 10px;
    }

    .nav-account .dropdown-menu {
        left: auto;
        right: 0;
    }

    nav {
      background: #122134;
      float: left;
      padding: 0 0 5px;
      position: relative;
      width: 100%;
      z-index: 2;
      /*top: -4px;*/
      line-height: 1.6;
    }

    .nav-items {
      display: block;
      list-style-type: none;
      margin: 0;
      margin-left: -12px;
      padding: 5px 0;
      text-align: left;
      width: 100%;
    }
    
    .nav-items a {
      color: white;
      padding: 0 10px;
      font-weight: 300;
      font-family: "Oswald", Helvetica, sans-serif;
      display: block;
      font-size: 26px;
      line-height: 60px;
      text-align: center;
      text-transform: uppercase;
    }
    .nav-items a:hover,.nav-items a:focus,
    .nav-user > li > a:hover, li.nav-basket a:hover, .navbar-toggle:hover, .header-search .btn-search:hover,
    .nav-user > li > a:focus, li.nav-basket a:focus, .navbar-toggle:focus, .header-search .btn-search:focus {
        background-color: #000 !important;
        color: #fff;
    }

/*#endregion */

/* #region Panels */
	.panel {
		background-color: rgba(255,255,255,0.5);
		
		border-color: transparent;
	}
	.panel > .panel-heading {
		background-color: transparent;
		/*color: #fff;*/
		border-color: transparent;
	}
	.panel-footer {
		padding: 15px;
		background-color: transparent;
		border: none;
		border-radius: 0;
	}	

	.panel-footer.pre-order {
    background-color: rgba(52, 150, 114, 0.18);
}
/* #endregion */

/* #region Thumbnail items */
	.thumbnail {
		/*background-color: rgba(0,0,0,0.5);*/
		border: 1px solid #aaa;
		border-radius: 0;
		padding: 0;
	}
	a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
		border: 1px solid #000;
	}
	a.thumbnail.MagicZoomPlus.active, a.thumbnail.MagicZoomPlus:focus, a.thumbnail.MagicZoomPlus:hover {
		border: 1px solid rgba(0,0,0,0.3);
	}

	.thumbnail-item {
		margin-bottom: 0;
	}
	.thumbnail-item-caption {
		padding: 0.6rem;
		background-color: #999;
		color: #fff;
        transition: all 500ms;
	}
    .thumbnail-item:hover .thumbnail-item-caption, .thumbnail-item:focus .thumbnail-item-caption,
    .thumbnail-item.hover .thumbnail-item-caption, .thumbnail-item.focus .thumbnail-item-caption{
        background-color: #222;
    }
	.thumbnail-item-heading, .media-view .media-heading {
		font-size: 1.2rem;
		margin: 0;
		min-height: 6.25rem;
		text-transform: uppercase;
		font-weight: 300;
	}
	.thumbnail-item-heading small {
		color: inherit;
		display: block;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 75%;
		font-weight: 400;
		line-height: 1.1;
		margin-top: 0.4rem;
		opacity: 0.65;
		text-transform: none;
		min-height: 1.1rem;
	}
	.artwork-view:hover .thumbnail-item,.artwork-view:focus .thumbnail-item,
	.media-view .thumbnail:hover,.media-view .thumbnail:focus,
	.thumbnails .thumbnail:hover,.thumbnails .thumbnail:focus {
		
	}

    .row-home-news .media-view .thumbnail {
        border: none;
    }
    .home-news-media .media-body {
        vertical-align: middle;
    }
    .home-news-media .media-heading {
        min-height: 4rem;
        padding-right: 0.5rem;
    }
	
	.thumbnail-item > a img,.thumbnail-item > img, .featured-item img {
  		background-color: #fff;
  		border: 1px solid #aaa;
	}
	.featured-item {
		padding: 15px;
	}

	.caption.discount {
		color: #fff;
		background: rgba(18, 33, 52, .9);
		padding: 0.2rem;
		opacity: 0.9;
	}
	.caption.discount .caption-heading:after {		
		color: #FFF;
	}
	.caption.discount .caption-heading {
  		font-family: inherit;
  		font-size: 0.9rem;
  		font-weight: 400;
        text-transform: uppercase;
  		margin: 10px;
	}
	
	.col-media {
		padding-bottom: 15px;
		padding-top: 15px;
		border: 1px solid transparent;
	}
	.media:not(.cart-item .media) {
		padding-bottom: 15px;
		border-bottom: 1px dotted #000;
	}
	.media-object:not(.cart-item .media-object) {
		border-right: 5px solid;
		max-width: 100px;
	}
	.owl-carousel .owl-item, .artwork-view.col-md-3 {
		padding: 15px;
		border: 1px solid transparent;
	}
	.owl-carousel .owl-item:hover,.owl-carousel .owl-item:focus,
	.col-media:hover,.col-media:focus,
	.artwork-view.col-md-3:hover,.artwork-view.col-md-3:focus,
	.artwork-view.col-md-4:hover,.artwork-view.col-md-4:focus {
		background-color: rgba(255,255,255,0.5);
		/*border: 1px dotted rgba(0,0,0,0.3);*/
	}
	.owl-controls {
		padding-right: 15px;
		text-align: left;
	}
	.owl-stage-outer + .owl-controls {
		display: none;
	}
	.owl-controls > div {
		font-size: 2em;
		height: 1.2em;
		width: 1.2em;
		line-height: 1.1;
		text-align: center;
		background-color: rgba(255,255,255,0.5);
		color: #000;
		cursor: pointer;
		display: inline-block;
	}
	.owl-controls > div:hover,.owl-controls > div:focus {
		background-color: #fff;
		color: #000;
	}
	.owl-next {
		margin-left: 3px;
	}
/* #endregion */

/* #region Sidebar */
    #sidebar {
        position: -webkit-sticky;
        position: sticky; 
        z-index: 10;
        top: 39px;
    }
    .sidebar { background-color: #fff; text-align: center;  }
    .sidebar > .container { padding: 0; }
	.sidebar-nav h2 {
  		/*display: none;*/
	}
	.sidebar-link-list {
		margin: 0 0 1.5em;
		padding: 0;
		list-style: none;
	}
	.sidebar-link-list a {
		/*background: #e6e7e8 none repeat scroll 0 0;*/
		color: #444;
		font: 400 1rem/1.6 Helvetica,Arial,sans-serif;
		padding: 5px 10px;
		display: block;
		/*text-transform: uppercase;*/
		transition: all 0.2s ease 0s;
	}
	.sidebar-link-list a:hover,.sidebar-link-list a:focus {
		background: #122134 none repeat scroll 0 0;
		color: #fff;
	}
    .sticky .sidebar-items {
        max-height: calc(100vh - 96px);
        overflow-y: auto;
    }

    .sidebar-toggle {
        padding: 0 1em;
        /*margin: 0 -15px;*/
        display: block;
        /*width: calc( 100% + 30px );*/
        width: 100%;
        font-family: "Oswald", Helvetica, sans-serif;
        background: #ccc;
        border: none;
        position: relative;
        text-align: left;
        text-transform: uppercase;
        border-bottom: 2px solid #122134;
        line-height: 40px;
    }
    .sidebar-toggle i {
        position: absolute;
        right: 1em;
        top: 0.75em;
    }
/* #endregion */

.carousel { margin: -1px -15px 3rem; }
.carousel-caption {
    position: static;
    min-height: 8rem;
    background-color: #222;
    text-align: left;
    padding: 0.75rem 80px 0.75rem 0.75rem;
}
.carousel-caption h2 {
    margin-top: 0;
    font-size: 1.25rem;
}
.carousel-indicators {
    bottom: calc( 8rem - 40px );
    right: 20px;
    left: auto;
    width: auto;
    margin: 0;
}
.carousel-control {
    font-size: 3rem;
    bottom: 8rem;
}
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
.carousel-control .fa-angle-left, .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px;
}
.carousel-control .fa-angle-right, .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px;
}

a.jp-play,a.jp-pause {
  /*color: #fff;*/
}
a.jp-play:hover,a.jp-play:focus,
a.jp-pause:hover,a.jp-pause:focus {
	/*color: #ccc;*/
}
.jp-play-bar {
	/*background-color: rgba(255,255,255,0.1);*/
}
td.track {
  vertical-align: middle !important;
}

.checkout .radio.control-label {
  position: relative;
  right: 2em;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: rgba(255,255,255,0.1);
}

.tab-content {
  padding: 2rem 1rem 1rem;
  border: 1px solid #ddd;
  border-top: none;
  background-color: #fff;
}
.modal .tab-content {
	border: none;
}
.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
	color: #000;
}

.spotify-embed {
    width: 100%;
}
.search-results h2 {
    margin-top: 0;
}

@media (min-width: 768px){
	.sidebar-nav .navbar-header {
		float: none;
	}
	.btn-cart {
		margin-bottom: 1.5rem;
	}
	.footer-social {
		text-align: right;
	}
	.newletter-text {
		/*float: left;*/
		margin-right: 1rem;
		line-height: 2;
	}
	.input-group.newletter-input {
		float: left;
		width: 280px;
	}
	
    .main {
        min-height: calc( 100vh - 322px );
    }
	/*body:not(.page-search).store-section .main {*/
	body.store-section .main {
		/*padding-top: 1.6rem;*/
        margin: 0 auto;
        width: 1170px;
        max-width: 100%;
	}
    .main:after,.main:before {
        display: table;
        content: " ";
    }
    .main:after {
        clear: both;
    }
    /*body:not(.page-search).store-section #sidebar {*/
    body.store-section #sidebar {
        float: right;
        width: 25%;
        padding: 0 15px;
        /*position: sticky;*/
        top: 70px;
    }
    /*body:not(.page-search).store-section #content {*/
    body.store-section #content {
        float: left;
        width: 75%;
        padding: 0 15px;
    }
    body.store-section #sidebar .container, body:not(.page-search).store-section #content .container {
        padding: 0;
        width: auto;
    }
    .sidebar { background-color: transparent; text-align: left; }
    .sidebar > .container { padding: 0 15px; }
    .sidebar-items {
        display: block;
        height: auto!important;
    }

    .site-header {
        margin-bottom: 70px;
    }
    .site-header > .container {
		position: relative;
	}
	.header-social {
		/*float: none;
		position: absolute;
		left: 15px;
		top: 0;*/
	}
    .header-social a {
	    font-size: 26px;
        width: 50px;
    }
    .header-logo img { height: auto; }
    .nav-container {
        position: relative;
        /*top: -4px;
        overflow: hidden;*/
        height: auto;
    }
    .nav {
        position: relative;
        top: 0;
    }
    .navbar-toggle {
        display: none;
    }
    .header-search {
        margin-top: 5px;
    }
    .header-search .btn-search {
        position: static;
    }
    .header-search form { top: 4px; }
    .navbar-collapse,.navbar-collapse.collapse {
        /*display: inline-block !important;*/
        padding: 0;
    }
    .header-logo-small {
        position: absolute;
        top: 0;
        left: 0;
        transition: .3s ease-out all;
        width: 63px;
        height: 50px;
        overflow: hidden;
    }
    .header-logo-small img {
        height: 50px;
        width: auto;
        position: relative;
        top: -50px;
        opacity: 0;
        transition: .3s ease-out all;
    }
    .nav-items {
        position: relative;
        left: 0;
        transition: .3s ease-out all;
        float: left;
        width: auto;
    }
    .nav-items li {
      display: inline-block;
    }
    .nav-items li a {
      /*float: left;
      margin: 0 5px;
      padding: 0 5px;*/
      font-size: 16px;
      line-height: 40px;
      display: inline-block;
      padding: 0 5px;
    }
    
    .sticky .header-logo-small {
        
    }
    .sticky .header-logo-small img {
        top: 0;
        opacity: 1;
    }

    .sticky .nav-items {
        left: 60px;
    }

    .nav-user {
        margin: 0;
        padding: 5px 0;
        list-style: none;
        float: right;
    }
    .nav-user > li {
        display: inline-block;
        position: relative;
        left: 0;
        top: 0;
        width: auto;
    }
    .nav-user >li > a, li.nav-basket a {
        display: inline-block;
        width: auto;
        font-family: "Oswald", Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 300;
        padding: 0 10px;
        line-height: 40px;
        text-transform: uppercase;
        color: #fff;
        vertical-align: baseline;
        padding: 0 5px;
    }

    li.nav-account > a {
        width: 40px;
        text-align: center;
    }
    li.nav-account > a > .hidden-xs {
        display: none;
    }
    #basket {
        display: inline;
    }

    .carousel { margin: 2rem 0 3rem; }
    .carousel-caption {
        padding: 1.5rem 80px 1.5rem 1.5rem;
    }
    .carousel-caption h2 {
        font-size: 1.875rem;
    }
}
@media (min-width: 992px){
    nav::after, nav::before {
      background: #122134;
      content: '';
      height: 100%;
      position: absolute;
      top: 0;
      width: 75px;
      z-index: -1;
    }
    nav::after {
      -webkit-transform: skew(45deg);
      -moz-transform: skew(45deg);
      -ms-transform: skew(45deg);
      transform: skew(45deg);
      left: -40px;
    }
    nav::before {
      -webkit-transform: skew(-45deg);
      -moz-transform: skew(-45deg);
      -ms-transform: skew(-45deg);
      transform: skew(-45deg);
      right: -40px;
    }
    nav::after, nav::before {
      display: block!important;
      background: #122134;
      content: '';
      height: 100%;
      position: absolute;
      top: 0;
      width: 75px;
      z-index: -1;
    }

    .sticky .nav-items {
        left: 80px;
    }
    .nav-items li a {
      /*float: left;
      margin: 0 10px;*/
      font-size: 18px;
      padding: 0 8px;
    }
    .nav-user >li > a, li.nav-basket a  {
      font-size: 18px;
        padding: 0 8px;
    }

    li.nav-account > a {
        width: auto;
        text-align: center;
    }
    li.nav-account > a > .hidden-xs {
        display: inline;
    }


    .page-search .thumbnail-item-caption {
        min-height: 8rem;
    }

	.owl-controls {
		margin-top: 0.8em;
		text-align: right;
	}
}
@media (min-width: 1200px){
	.nav-items li a, .nav-user >li > a, li.nav-basket a {
        padding: 0 15px;
	}
}

@media screen and (max-width: 767px){
	body {
		
	}
	.navbar-fixed-top {
		position: absolute;
		top: 0;
		background-color: #122134;
	}
	.navbar-fixed-top .navbar-collapse {
		max-height: none;
	}
	#sidebar {
		
	}
	.navbar-header {
		/*background-color: #000;*/
	}
	.navbar-brand {
		/*height: 100px;*/
		padding: 10px
	}
	.navbar-brand > img {
		height: 30px;
	}
	.navbar-collapse {
		/*background-color: #222;*/
	}
	.navbar-toggle {
		/*margin-top: 30px;*/
	}
	.navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.btn-cart {
		margin: 10px 0;
		clear: both;
	}
	.sidebar-nav h2 {
  		/*color: #999;
  		font-size: 18px;*/
	}
	.sidebar-link-list a {
		/*background-color: transparent;
		color: #fff;
		font: 400 16px/1.6 Helvetica,Arial,sans-serif;*/
	}
	.sidebar-link-list a:hover,.sidebar-link-list a:focus {
		/*background: rgba(255, 255, 255, 0.75);
		color: #000;*/
	}

    .home-news-media .media-object {
        width: 80px;
    }
}
@media screen and (max-width: 991px){
    .container {
        width: 100%;
        max-width: none;
    }
    .nav-container .container {
        padding: 0;
    }
    .nav {
        padding: 0 15px;
    }
}