@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,400i,700';
 @font-face {
    font-family: andy-c;
    src: url(../fonts/andy-c.eot);
    src: url(../fonts/andy-c.eot?#iefix) format('embedded-opentype'), url(../fonts/andy-c.woff) format('woff'), url(../fonts/andy-c.ttf) format('truetype'), url(../fonts/andy-c.svg#andy-c) format('svg');
    font-weight: 400;
    font-style: normal
}
.icon {
    line-height: 1
}

.icon:before {
    font-family: andy-c;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    font-size: inherit;
    text-transform: none;
    speak: none;
    line-height: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-facebook::before {
    content: "\61"
}
.icon-soundcloud::before {
    content: "\62"
}
.icon-twitter::before {
    content: "\63"
}
.icon-youtube::before {
    content: "\64"
}
.icon-instagram::before {
    content: "\65"
}
.icon-snapchat::before {
    content: "\66"
}
.icon-angle-down::before {
    content: "\67"
}
.icon-pinterest::before {
    content: "\68"
}
.icon-googleplus::before {
    content: "\69"
}
.icon-reddit::before {
    content: "\6a"
}

::selection {
    color: #1a1a1a;
    background: rgba(255, 0, 0, .2)
}
::-webkit-selection {
    color: #1a1a1a;
    background: rgba(255, 0, 0, .2)
}
::-moz-selection {
    color: #1a1a1a;
    background: rgba(255, 0, 0, .2)
}

* {
	border-radius: 0 !important;
}

body {
  background-color: #fff;
  font-family: Raleway,sans-serif;
  font-size: 1em;
  margin: 0 auto;
}

a {
    color: #1a1a1a;
    text-decoration: none
}
a:hover {
	color: #1a1a1a;
    text-decoration: none
}

.btn-primary {
  background-color: #fff;
  box-shadow: -3px -3px rgba(255, 0, 0, 0.2), 3px 3px rgba(130, 190, 0, 0.2);
  color: #1a1a1a;
  display: inline-block;
  font-size: 0.75em;
  letter-spacing: 2px;
  margin: 0.5em;
  padding: 0.5em 1em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out 0s;
  border: none;
  border-radius: 0;
}
.btn-primary:hover,.btn-primary:focus {
	background-color: #fff;
	border-color: #1a1a1a;
	box-shadow: -5px -5px rgba(255, 0, 0, 0.2), 5px 5px rgba(130, 190, 0, 0.2);
	color: #1a1a1a;
	text-decoration: none;
}

.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: #f5f5f5;
	border: none;
}

.heading,
.heading--large,
.heading--medium,
.heading--small,
.heading--xlarge,
.heading--xsmall,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Raleway, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 600
}
.heading em,
.heading--large em,
.heading--medium em,
.heading--small em,
.heading--xlarge em,
.heading--xsmall em,
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
    color: #1a1a1a
}
h1 {
    font-size: 3.125em;
    font-weight: 700
}
h2 {
    font-size: 2.5em;
    font-weight: 700
}
/*h3 {
    font-size: 2.25em
}
h4 {
    font-size: 2em
}
h5 {
    font-size: 1.5em
}
h6 {
    font-size: 1.25em
}*/

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	display: block;
}

.content h2 {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 .5em .5em;
    margin: 0 0 1em;
    text-indent: -6px;
    /*white-space: nowrap;*/
    border-bottom: 12px solid rgba(255, 0, 0, .2);
    font-size: 2.5em;
    font-weight: 300
}

.content h2::before {
    content: '\\';
    color: rgba(130, 190, 0, 0.2);
    display: inline-block;
    padding-right: .5em
}

.content h2::after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -6px;
    left: -6px;
    width: 100%;
    height: 12px;
    background: rgba(130, 190, 0, .2)
}

.caption.discount h2::before, .caption.discount h2::after {
  display: none;
}
.caption.discount h2 {
  border: none;
}


.page-header {
  border-bottom: none;
  margin: 0 0 20px;
  padding-bottom: 0;
}

.container {
	width: 100%;
	max-width: none;
}
.main {
	padding: 2.25em 0;
  background-color: #fff;
  position: relative;
}
.content {
	padding: 0 1.0625em;
}
.site-header * {
  /*vertical-align: top;*/
}
.site-header {
	background-color: #fff;
	/*border-bottom: 40px solid #1a1a1a;*/
	border-top: 20px solid #1a1a1a;
	position: relative;
	width: 100%;
    height: 5.625rem;
}

/*.header-user * {
  vertical-align: baseline;
}
.header-user {
  position: absolute;
}
.header-user ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.header-user a {
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	font-size: 0.9rem;
	line-height: 2;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}
.header-user .fa {
  text-align: center;
  width: 1.28571em;
}*/

    .nav-user {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        top: calc( 5.625rem - 20px );
        left: 0;
        width: 100%;
        height: 2.5rem;
        background-color: rgba(0,0,0,0.9);
        z-index: 1032;
    }
    .nav-user > li, .btn-search-toggle, .btn-close-search, .navbar-toggle {
        position: absolute;
        
    }
    .nav-user > li > a, .btn-search-toggle, .btn-close-search, .navbar-toggle {
        font-size: 1rem;
        line-height: 2.5rem;
        height: 2.5rem;
        width: 2.5rem;
        padding: 0;
        margin: 0;
        border: none;
        background: transparent;
        color: #fff;
        display: block;
        outline: none;
        text-align: center;
    }
    .nav-user > li > a:hover, .btn-search-toggle:hover, .btn-close-search:hover, .navbar-toggle:hover,
    .nav-user > li > a:focus, .btn-search-toggle:focus, .btn-close-search:focus, .navbar-toggle:focus {
        background-color: rgba(255,255,255,0.05);
        color: #fff;
    }
    .nav-account {
        right: 2.5rem;
        top: 0;
    }
    .nav-basket {
        left: 0;
        top: 0;
    }
    .btn-search-toggle {
        right: 0;
    }
    li.nav-basket a {
        padding: 0 1rem;
        width: auto;
    }
    li.nav-account .dropdown-menu {
        left: auto;
        right: 0;
    }

    .header-search {
        position: absolute;
        top: calc( 5.625rem - 20px );
        left: 0;
        width: 100%;
        z-index: 1034;
    }
    #search {
        display: none;
        position: relative;
    }
    .searchbox {
        border:none;
        padding: 0 3rem 0 1rem;
        margin:0;
        line-height: 2.5rem;
        width: 100%;
        outline: none;
        background: #eee;
    }
    .btn-close-search {
        right: 0;
        top: 0;
        color: #999;
        font-size: 2rem;
    }
    .btn-close-search:hover, .btn-close-search:focus {
        background: #eee;
        color: #000;
    }

    .sticky .nav-user, .sticky .header-search {
        position: fixed;
        top: 0;
    }


.header-container {
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}
.header__logo {
    display: inline-block;
    vertical-align: top;
}
.header__logo img {
    width: 50%
}
.header__logo:hover {
    opacity: .7
}

.close {
	font-size: 5rem;
	font-weight: 100;
	line-height: 1rem;
}

button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  outline: 0 none;
}

.sticky .header__icon-container {
    top: 3rem;
}
.sticky .header__icon {
    top: 4.875rem
}

.header__icon-container {
    position: fixed;
    top: 1.5em;
    right: 1em;
    background-color: rgba(26, 26, 26, .5);
    padding: 2em;
    border-radius: 50% !important;
    z-index: 1035;
    transition: top 0.3s;
}
.header__icon {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    display: block;
    font-size: 6px;
    right: 3em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 35px;
    height: 25px;
    z-index: 3;
    
    transition: top 0.3s;
}
.header__icon span {
    -webkit-tap-highlight-color: transparent;
    left: 0;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 6px;
    position: absolute;
    transition: .4s cubic-bezier(.46, .02, .29, 1.89);
    width: 100%
}
.header__icon span:nth-child(1) {
    top: 0
}
.header__icon span:nth-child(2) {
    top: 10px
}
.header__icon span:nth-child(3) {
    top: 20px
}
.header__icon.is-active span,.header__icon[aria-expanded="true"] span {
    transition: ease-in-out .4s
}
.header__icon.is-active span:nth-child(1),.header__icon[aria-expanded="true"] span:nth-child(1) {
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px)
}
.header__icon.is-active span:nth-child(3),.header__icon[aria-expanded="true"] span:nth-child(3) {
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px)
}

.footer__list,
.nav__list,
.pagination,
.secret-list,
.share,
.social,
.tour__list {
    margin: 0;
    padding: 0;
    list-style: none
}
.nav-is-open {
    overflow: hidden
}

.site-header .nav {
	padding: 0;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch
}
.nav__list {
    height: 5em;
    margin-left: 1em;
    -webkit-overflow-scrolling: touch
}
.nav__list .nav__item {
    display: inline-block;
    height: 10em;
    padding: 1.25em 1.5em;
    margin: 0 1em;
    -webkit-transform: skew(20deg) translateY(-25%);
    -ms-transform: skew(20deg) translateY(-25%);
    transform: skew(20deg) translateY(-25%);
    background-color: transparent;
    border-top: 20px solid #1a1a1a;
    border-bottom: 20px solid #1a1a1a;
    -webkit-backface-visibility: hidden;
    outline: transparent solid 1px;
    transition: .1s all ease-in-out
}
.nav__link {
    position: relative;
    top: 50%;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    vertical-align: bottom;
    -webkit-transform: skew(-20deg) translateY(-50%);
    -ms-transform: skew(-20deg) translateY(-50%);
    transform: skew(-20deg) translateY(-50%);
    text-indent: -.5em
}
.nav__link:hover {
    text-decoration: none;
    color: #676767
}
.nav__link::before {
    content: '\\';
    display: inline-block;
    padding-right: .5em;
    font-weight: 300
}
.nav__item:nth-of-type(odd) .nav__link::before {
    color: rgba(130, 190, 0, .2)
}
.nav__item:nth-of-type(even) .nav__link::before {
    color: rgba(255, 0, 0, .2)
}

.panel-default > .panel-heading, .panel-footer {
	background-color: #fff;
}

.tab-content {
    padding: 1rem;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    border-color: #ddd;
}

.addressbox.thumbnail:hover,.addressbox.thumbnail:focus {
  background-color: #f5f5f5 !important;
}

/* #region Footer */
	.site-footer > .container {
		/*padding: 0;*/
		width: 100% !important;
		max-width: none;
	}
	.footer {
  	padding: 2em 0;
  	background-color: #fff;
		overflow: hidden;
		/*padding: 1em 0 0;*/
	}
	.footer__logo {
  	display: inline-block;
  	float: left;
	}
	.footer nav {
  	display: block;
  	float: left;
  	width: 100%;
	}

	.footer__list {
  	margin: 2em 0;
  	padding: 0;
  	list-style: none;
	}
	.footer__list .nav__item {
  	display: inline-block;
  	margin-right: 2em;
	}
	.footer__list .nav__link {
  	text-indent: 0;
  	transform: none;
	}
	.footer a:hover {
    	/*text-decoration: underline*/
	}

	.footer__logo {
    	display: inline-block;
    	float: left
	}

	.footer__logo:hover {
    	opacity: .7
	}

	.footer__logo img {
    	width: 10em
	}

	.social {
  	display: inline-block;
  	margin: 0 0 3em;
  	position: relative;
  	text-align: left;
  	width: 100%;
	}
	.footer .social {
  	display: inline-block;
  	float: left;
	}
	.blog .social, .connect .social, .contact .social, .footer .social {
  	margin: 0;
  	width: auto;
	}

	.blog .social .social__item, .connect .social .social__item, .contact .social .social__item, .footer .social .social__item {
  	margin: 0 0.5rem 0 0;
  	width: auto;
	}
	.social__item {
    	display: inline-block;
    	color: rgba(130, 190, 0, .2);
    	-webkit-transform: scale(1);
    	-ms-transform: scale(1);
    	transform: scale(1);
    	transition: .05s -webkit-transform linear;
    	transition: .05s transform linear;
    	width: 12%;
    	margin-right: 5%
	}

	.social__item:hover {
    	-webkit-transform: scale(.9);
    	-ms-transform: scale(.9);
    	transform: scale(.9)
	}

	.social__item:first-of-type {
    	margin-left: 0
	}

	.social__item:last-of-type {
    	margin-right: 0
	}

	a.social__link {
    	display: inline-block;
    	height: 2.6rem;
    	width: 2.6rem;
    	color: #fff;
    	border-radius: 50% !important;
    	background-color: #1a1a1a;
    	text-align: center
	}

	a.social__link:hover {
    	text-decoration: none
	}

	a.social__link i {
    	font-size: 1.2rem;
    	line-height: 2.65rem
	}

	.footer__note {
    	display: block;
    	font-size: .6rem;
    	text-transform: uppercase;
    	clear: both;
    	font-weight: 600;
    	text-align: left;
    	float: left;
    	margin: 4em 0
	}
/* #endregion */

/* #region Sidebar */
	.sidebar {
		/*margin: -2.25rem 0 2rem;*/
        margin: 0 0 2rem;
		background-color: #f5f5f5;
	}
	.sidebar-items {
		
	}
	.sidebar-item h2 {
		padding: 0 15px;
		font-size: 1em;
	}
	.sidebar-link-list {
		margin: 0 0 1.5em;
		padding: 0;
		list-style: none;
	}
	.sidebar-link-list a {
		padding: 0.2em 15px;
		text-transform: uppercase;
		display: block;
		transition: .1s all ease-in-out
	}
	.sidebar-link-list a:hover,.sidebar-link-list a:focus {
		background-color: #f0f0f0;
		background-color: rgba(0,0,0,0.08);
		text-decoration: none;
	}
	.sidebar-toggle {
		padding: 1em;
		display: block;
		width: 100%;
		background: transparent;
		border: none;
		position: relative;
		text-align: left;
		text-transform: uppercase;
		border-bottom: 1px solid #eee;
	}
	.sidebar-toggle:hover,.sidebar-toggle:focus {
		background: rgba(255,255,255,0.2);
	}
	.sidebar-toggle i {
		position: absolute;
		right: 1em;
		top: 1.2em;
	}
/* #endregion */

/* #region Thumbnail items */
	.thumbnail {
		background-color: rgba(255,255,255,0.2);
		border: 1px dotted rgba(0,0,0,0.3);
		border-radius: 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: 1em 0 0;
	}
	.thumbnail-item-heading, .media-view .media-heading {
		margin-top: 0;
		min-height: 4.5rem;
	}
	.artwork-view:hover .thumbnail-item,.artwork-view:focus .thumbnail-item,
	.media-view .thumbnail:hover,.media-view .thumbnail:focus,
	.thumbnails .thumbnail:hover,.thumbnails .thumbnail:focus {
		background-color: #fff;
	}
	

	.caption.discount {
		color: #fff;
		background: rgba(56, 55, 64, 0.91);
	}
	.caption.discount h2:after {		
		color: #FFF;
	}

	.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 img {
		transform-style: inherit;
	}
	.owl-carousel .owl-item, .artwork-view.col-md-3 {
		padding: 15px;
		margin-bottom: 30px;
		border: 1px solid transparent;
	}
	.owl-carousel .owl-item:hover img,.owl-carousel .owl-item:focus img,
	.col-media:hover img,.col-media:focus img,
	.artwork-view.col-md-3:hover img,.artwork-view.col-md-3:focus img {
		/*background-color: rgba(255,255,255,0.15);*/
		/*border: 1px dotted rgba(0,0,0,0.3);*/
		opacity: 0.7
	}
	.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 */

.checkout .radio.control-label {
  position: relative;
  right: 2em;
}

@media (min-width: 768px){
	body {
		min-height: 100vh;
        padding-bottom: 22.5rem;
		position: relative;
	}
	.site-footer {
		bottom: 0;
		left: 0;
		position: absolute;
		width: 100%;
	}
	.site-header {
		border-bottom: 19px solid #1a1a1a;
        height: 9.9375rem;
	}
	/*.header-user {
		height: 100%;
		position: absolute;
		right: 20px;
		top: 0;
		z-index: 1000;
	}
	.header-user > ul {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}*/

    .nav-user {
        top: calc( 9.9375rem - 20px );
        right: 2.5rem;
        left: auto;
        width: auto;
        background: transparent;
    }
    .nav-user > li {
        position: relative;
        right: auto;
        left: auto;
        display: inline-block;
    }
    .nav-user > li > a, .btn-search-toggle, .btn-close-search {
        line-height: 2.51rem;
        color: #1a1a1a;
    }
    .nav-user > li > a:hover, .btn-search-toggle:hover, .btn-close-search:hover, .navbar-toggle:hover,
    .nav-user > li > a:focus, .btn-search-toggle:focus, .btn-close-search:focus, .navbar-toggle:focus {
        background-color: rgba(0,0,0,0.08);
        color: #1a1a1a;
    }
    li.nav-basket a {
        white-space: nowrap;
    }
    .nav-account > a > span {
        display: none;
    }

    .header-search {
        top: calc( 9.9375rem - 20px );
    }

	.sidebar {
		margin: -2.25rem 0 2.5rem;
		padding: 0;
		position: relative;
		/*top: -2.5em;*/
        height: 2.5rem;
	}
    .sticky .sidebar {
        position: fixed;
        margin-top: 0;
        left: 0;
        width: 100%;
        top: 0;
        z-index: 1031;
    }
	.sidebar-items {
		display: block;
		padding: 0;
		height: auto !important;
	}
	.sidebar-item-sections {
		float: left;
        margin-right: 1rem;
	}
	.sidebar-item-labels {
		float: left;	
	}
	.sidebar-item h2 {
		margin: 0 0.3em 0 0;
		padding: 0;
		font-size: 0.9em;
        line-height: 2.51rem;
		float: left;
	}
	.sidebar-item-sections h2 {
		display: none;
	}
	.sidebar-item-labels h2:after {
		content: " :";
	}
	.sidebar-link-list {
		margin: 0;
		float: left;
	}
	.sidebar-link-list li {
		/*display: inline-block;*/
		float: left;
	}
	.sidebar-link-list a {
		padding: 0 1.2rem;
		font-size: 0.9em;
		display: block;
        line-height: 2.51rem;
	}


    .header-actions {
        background: #f5f5f5;
        position: absolute;
        top: calc( 9.9375rem - 20px );
        left: 0;
        width: 100%;
        height: 0;
    }
    .actions-container {
        height: 0;
    }
    .nav-user {
        position: relative;
        top: 0;
        /*left: 0;*/
        /*padding-right: 2.5rem;*/
        float: right;
    }
    .nav-user > li > a {
        padding: 0 1rem;
        width: auto;
    }
    .nav-account {
        right: 2.5rem;
    }

    .header-search {
        position: relative;
        top: 0;
        left: 0;
    }
    .btn-search-toggle {
        right: 0;
    }
    #search {
        position: absolute;
        width: 100%;
    }

    .sticky .header-actions {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1034;
    }
    .sticky .nav-user, .sticky .header-search {
        position: relative;
    }
    .sticky .navbar-fixed-top .navbar-collapse {
        position: static;
    }
}

@media (min-width: 992px){
	.owl-controls {
		margin-top: 0.8em;
		text-align: right;
	}
}

@media (min-width: 1200px){
	.container {
		width: 100%;
		max-width: 1390px;
	}
}

@media only screen and (min-width:1301px) {
    .header__logo {
        margin-top: .45em
    }
    .header__logo img {
        width: auto
    }
    .header__icon,
    .header__icon-container,
    .sidepanel-backdrop {
        display: none
    }
    .site-header .nav,.navbar-collapse.collapse {
        display: inline-block !important;
    }
    .nav__list .nav__item.is-active,
    .nav__list .nav__item:hover {
        border-color: #fff;
        background-color: #fff
    }
    
    
}

@media (max-width: 1301px){
	.content h2 {
		font-size: 2em;
	}
	.header__icon {
        position: fixed;
        top: 9em;
        right: 5em;
        z-index: 10001
    }
    .header-container {
    	padding-left: 20px;
    	padding-right: 20px;
    }
    .site-header .nav.js-nav.navbar-collapse.collapse {
    		margin-left: 0;
        	margin-right: 0;
        	padding-left: 0;
        	padding-right: 0;
        z-index: 1035;
    }
	.site-header .nav {
        display: block !important;
        position: fixed;
        top: 0;
        width: 60%;
        width: 100vw;
        height: 100vh;
        max-width: 30rem;
        overflow-y: auto;
        z-index: 1007;
        right: -30em;
        transition: 200ms right linear
        
    }
    .site-header .nav.is-open,.nav.collapse.in {
        right: 0;
        transition: 200ms right linear
    }
    .site-header .nav.is-open::before, .nav.collapse.in::before {
		background-color: rgba(26, 26, 26, 0.75);
		content: "";
		height: 100vh;
		left: 0;
		position: fixed;
		top: 0;
		width: 100vw;
		z-index: 0;
	}
    .site-header .nav.is-open .nav__list,.nav.collapse.in .nav__list {
        padding: 1.75em 0;
        margin: 0;
        height: 100vh;
        background-color: #1a1a1a;
    }
    .site-header .nav.is-open .nav__item,.nav.collapse.in .nav__item {
        display: block;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: auto;
        border: none;
        background-color: #1a1a1a
    }
    .site-header .nav.is-open .nav__link,.nav.collapse.in .nav__link {
        color: #fff;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .site-header .nav.is-open .nav__link:hover,.nav.collapse.in .nav__link:hover {
        color: #b3b3b3
    }
    .site-header .nav.is-open .nav__link::before,.nav.collapse.in .nav__link::before {
        visibility: hidden
    }
    .nav__list .nav__item {
        opacity: 0
    }
    .nav__list .nav__item:nth-child(1) {
        -webkit-animation-delay: .05s;
        animation-delay: .05s
    }
    .nav__list .nav__item:nth-child(2) {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }
    .nav__list .nav__item:nth-child(3) {
        -webkit-animation-delay: .15s;
        animation-delay: .15s
    }
    .nav__list .nav__item:nth-child(4) {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }
    .nav__list .nav__item:nth-child(5) {
        -webkit-animation-delay: .25s;
        animation-delay: .25s
    }
    .nav__list .nav__item:nth-child(6) {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }
    .nav__list .nav__item:nth-child(7) {
        -webkit-animation-delay: .35s;
        animation-delay: .35s
    }
    .is-open .nav__list .nav__item,.collapse.in .nav__list .nav__item {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
        -webkit-animation-duration: .35s;
        animation-duration: .35s;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@media (max-width: 767px){
	.sidebar > .container { padding: 0;}
	/*.header-user {
		top: 71px;
		left: 0;
		width: 100%;
		padding: 0 15px;
	}
	.nav-basket { float: left; }
	li.nav-account { float: right; }
	.header-user a {
		height: 40px;
		line-height: 40px;
		color: #fff;
	}
	.header-user a:hover,.header-user a:focus {
		opacity: 0.7;
		color: #fff;
	}
	.header-user .dropdown-menu {
		left: auto;
		right: 0;
		text-align: left;
	}
	.header-user .dropdown-menu > li > a {
		height: auto;
		line-height: 2;
	}
	li.nav-account > a {
  		width: 40px;
  		text-align: center;
	}*/
	
	.table.checkout img.pull-left {
		float: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1301px){
	.header-user {
		right: 100px;
	}
}

@media (min-width: 768px) and (max-width: 900px) {
    .sidebar-link-list a {
        padding: 0 0.5rem;
    }
    .sidebar-item-sections {
        margin-left: -15px;
        margin-right: 0.75rem;
    }
}

@media only screen and (min-width:90.063em) {
    body {
		padding-bottom: 16rem;
	}

    .footer nav {
        display: inline-block;
        width: auto
    }
    .footer__list {
        margin: 1em 4em
    }
    .footer .social {
        float: right
    }
    .footer__note {
        float: none;
        margin: 15em 0 0;
        text-align: center
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3em, 0, 0);
        transform: translate3d(3em, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3em, 0, 0);
        transform: translate3d(3em, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    40% {
        -webkit-transform: translateX(-50%) translateY(-30px);
        transform: translateX(-50%) translateY(-30px)
    }
    60% {
        -webkit-transform: translateX(-50%) translateY(-15px);
        transform: translateX(-50%) translateY(-15px)
    }
}

@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    40% {
        -webkit-transform: translateX(-50%) translateY(-30px);
        transform: translateX(-50%) translateY(-30px)
    }
    60% {
        -webkit-transform: translateX(-50%) translateY(-15px);
        transform: translateX(-50%) translateY(-15px)
    }
}