/*==========================
UI Kit Elements
============================*/

/*-- Textpander --*/
.textpander-container {
	padding: 0 45px;
	margin-bottom: 35px;
}

.textpander:not(.part-notes):not(.list-column) {
	margin: 10px 0;
	width: 100%;
	min-height: 50px;
	background: #2E2E2E;
}

:not(.part-notes):not(.list-column) > .textpander-button {
	position: relative;
	display: block;
	padding: 20px 45px 17px 25px;
	font-family: UniversLTStd-Black, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    background: #2E2E2E;
    color: #ffffff;
    font-size: 14px;
    -webkit-transition: background 0.3s, color 0.3s;
	-moz-transition: background 0.3s, color 0.3s;
	-ms-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}

:not(.part-notes):not(.list-column) > .textpander-button.textpander-active {
	background: #EEEEEE;
}

:not(.part-notes):not(.list-column) > .textpander-button::before {
	content: '';
	position: absolute;
	right: 25px;
	top: 22px;
}

:not(.part-notes):not(.list-column) > .textpander-button::before {
	content: url('/assets/img/icons/textpander-down-arrow-white.svg');
}

:not(.part-notes):not(.list-column) > .textpander-active.textpander-button::before {
	content: url('/assets/img/icons/textpander-up-arrow-gray.svg');
}

:not(.part-notes):not(.list-column) > .no-svg .textpander-button::before {
	content: url('/assets/img/icons/textpander-down-arrow-white.png');
}

:not(.part-notes):not(.list-column) > .no-svg .textpander-active.textpander-button::before {
	content: url('/assets/img/icons/textpander-up-arrow-gray.png');
}

:not(.part-notes):not(.list-column) > .textpander-button.textpander-active {
	color: #909090;
}

.textpander:not(.part-notes):not(.list-column) > .textpander-button:hover {
	color: #60ADE4;
}

:not(.part-notes):not(.list-column) > .textpander-content {
	padding: 0 25px 10px 25px;
	background: #2E2E2E;
}

.textpander-content {
    display: none;
    -webkit-transition: background 0.3s, color 0.3s;
	-moz-transition: background 0.3s, color 0.3s;
	-ms-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}

:not(.part-notes):not(.list-column) > .textpander-button.textpander-active + .textpander-content {
	background: #EEEEEE;
	color: #909090;
}

:not(.part-notes):not(.list-column) > .textpander-content p,
:not(.part-notes):not(.list-column) > .textpander-content li {
	color: #2E2E2E;
}

:not(.part-notes):not(.list-column) > .textpander-content h1,
:not(.part-notes):not(.list-column) > .textpander-content h2,
:not(.part-notes):not(.list-column) > .textpander-content h3,
:not(.part-notes):not(.list-column) > .textpander-content h4,
:not(.part-notes):not(.list-column) > .textpander-content h5,
:not(.part-notes):not(.list-column) > .textpander-content h6,
:not(.part-notes):not(.list-column) > .textpander-content ul {
	margin-top: 0;
}

:not(.part-notes):not(.list-column) > .textpander-content ul {
    margin-bottom: 10px !important;
}

/*------END TEXTPANDER------*/

/*-- Filter Module --*/
.category-browser {
	position: relative;
	margin-top: 56px; /*Account for category browser title.*/
	padding-left: 20px;
	width: 100%;
	min-height: 10px;
}

.category-browser .category-browser-title {
	position: absolute;
	top: -35px;
	left: 30px;
	height: auto;
	font-family: UniversLTStd-Black, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
}

.category-browser .category-browser-title span {
    white-space: nowrap;
}

.category-browser .category-browser-title span img {
	position: relative;
	top: 5px;
	left: 7px;
}

.category-browser-button {
	position: relative;
	display: block;
	padding: 20px 25px 16px 25px;
	background: #2E2E2E;
	color: #ffffff;
	font-size: 18px;
	font-family: UniversLT-Condensed, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
	text-decoration: none;
    padding-right: 101px;
    margin-right: -101px;
}

.category-browser-button:hover {
	color: #ffffff;
}

.category-browser-content {
	display: block;
	padding: 20px;
	background: #393939;
	border-top: 0;
    padding-right: 101px;
    margin-right: -101px;
}

.category-browser form label {
	color: #585858;
	color: #ffffff;
	font-family: UniversLTStd, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 16px;
	margin: 11px 0 11px 10px;
	width: 79%;
	float: left;
}

.category-browser form br {
	display: block;
	clear: both;
}

.category-browser form input[type="checkbox"],
.category-browser form .fancy-checkbox-wrap {
	margin: 11px 0;
}

.category-browser form .fancy-checkbox-wrap {
	background: #525252;
	border: 1px solid #838383;
}

.category-browser form .fancy-checkbox-wrap.fancy-checkbox-checked {
	background: #0070ba;
}

.category-browser form .fancy-checkbox-wrap.fancy-focus {
	border-color: #60ADE4;
}

.category-browser form .fancy-checkbox-wrap.fancy-checkbox-checked + label {
	color: #0070BA;
}

.category-browser-content-parent {
	display: block;
	font-style: italic;
	color: white;
	font-size: 16px;
	margin: 11px 0 11px 0;
}

.category-browser-content-children {
	display: block;
	margin-left: 40px;
}

/*------END FILTER MODULE------*/

/*-- Flag --*/
.new-flag::before,
.sale-flag::before {
    content: '';
	position: absolute;
	top: 0;
	left: 138px;
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	z-index: 90;
    width: 100px;
    height: 110px; /* This is the largest flag */
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
}

.new-flag::before {
    background-image: url('/assets/img/icons/new-flag-large.svg');
}

.sale-flag::before {
    background-image: url('/assets/img/icons/sale-flag-large.svg');
}

.no-svg .new-flag::before {
    background-image: url('/assets/img/icons/new-flag-large.png');
}

.no-svg .sale-flag::before {
    background-image: url('/assets/img/icons/sale-flag-large.png');
}

.new-flag.flag-ex-small::before,
.sale-flag.flag-ex-small::before {
	width: 40px;
	height: 44px;
}

.new-flag.flag-ex-small::before {
	background-image: url('/assets/img/icons/new-flag-ex-small.svg');
}

.sale-flag.flag-ex-small::before {
	background-image: url('/assets/img/icons/sale-flag-ex-small.svg');
}

.no-svg .new-flag.flag-ex-small::before {
    background-image: url('/assets/img/icons/new-flag-ex-small.png');
}

.no-svg .sale-flag.flag-ex-small::before {
    background-image: url('/assets/img/icons/sale-flag-ex-small.png');
}

.new-flag.flag-small::before,
.sale-flag.flag-small::before {
	width: 60px;
	height: 66px;
}

.new-flag.flag-small::before {
	background-image: url('/assets/img/icons/new-flag-small.svg');
}

.sale-flag.flag-small::before {
	background-image: url('/assets/img/icons/sale-flag-small.svg');
}

.no-svg .new-flag.flag-small::before {
    background-image: url('/assets/img/icons/new-flag-small.png');
}

.no-svg .sale-flag.flag-small::before {
    background-image: url('/assets/img/icons/sale-flag-small.png');
}

.no-svg .new-flag.flag-medium::before,
.no-svg .sale-flag.flag-medium::before {
	width: 81px;
	height: 88px;
}

.new-flag.flag-medium::before {
	background-image: url('/assets/img/icons/new-flag-medium.svg');
}

.sale-flag.flag-medium::before {
	background-image: url('/assets/img/icons/sale-flag-medium.svg');
}

.no-svg .new-flag.flag-medium::before {
    background-image: url('/assets/img/icons/new-flag-medium.png');
}

.no-svg .sale-flag.flag-medium::before {
    background-image: url('/assets/img/icons/sale-flag-medium.png');
}

.new-flag.flag-opposite-left::before,
.sale-flag.flag-opposite-left::before {
	left: auto;
	right: 138px;
}

.new-flag.flag-opposite-right::before,
.sale-flag.flag-opposite-right::before {
	left: 138px;
	right: auto;
}

.new-flag.flag-opposite-center::before,
.sale-flag.flag-opposite-center::before {
	left: 138px;
	right: auto;
}

/*------END FLAG------*/


/*--Product Tiles--*/

/* Grid uses masonry-init.js, vendor/masonry.pkgd.min.js */
.grid-wrapper {
	width: 100%;
	margin: 0 auto 80px;
}

.grid {
	width: 102%; /* This is necessary to get rid of right gutter */
	margin: 0 auto;
}

a.product-tile {
	display: block;
	float: left;
	letter-spacing: normal;
	margin: 0 0 80px 0;
	position: relative;
	text-decoration: none;
	text-align: left;
	width: 185px;
	height: 220px; /* default size, same as small */
}

a.product-tile .prod-image-wrapper {
	background-color: #ffffff;
	border: 1px solid transparent;
	border-bottom: 1px solid #e7e7e7;
	display: block;
	position: relative;
	margin-bottom: 13px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

a.product-tile .prod-image-wrapper.parts {
    background-color: #0070ba;
}

a.product-tile:hover .prod-image-wrapper,
a.content-tile:hover .content-link {
	border: 1px solid #eeeeee;
	box-shadow: 0 10px 20px rgba(0,0,0,0.27);
}

a.product-tile h3,
a.product-tile h4 {
	color: #2E2E2E;
	margin-top: 5px;
}

a.product-tile:hover h3 {
	color: #0070BA;
}

a.product-tile .item-number {
	color: #767676;
}

a.product-tile .category {
	font-size: 11px;
	color: #0070BA;
	text-decoration: none;
	text-transform: uppercase;
}

/* Product Tile Small */
a.product-tile-small .prod-image-wrapper {
	width: 185px!important;
	height: 160px!important;
	overflow: hidden;
}

a.product-tile-small .prod-image-wrapper img {
	max-width: 185px;
	max-height: 160px;
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	margin: auto;
}

a.product-tile-small .prod-image-wrapper.parts img {
    width: 100%;
    max-width: 50%;
}

a.product-tile.product-tile-small .item-number {
	margin-bottom: 0;
	font-size: 13px;
}

a.product-tile.product-tile-small .category {
	display: none;
}

a.product-tile.product-tile-small h3{
	font-family: UniversLTStd-Bold, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

a.product-tile.product-tile-small.new-flag::before,
a.product-tile.product-tile-small.sale-flag::before {
	right: 20px;
	left: auto;
	z-index: 120;
    width: 40px;
	height: 44px;
    background-position: center top;
}

a.product-tile.product-tile-small.new-flag::before {
    background-image: url('/assets/img/icons/new-flag-ex-small.svg');
}

a.product-tile.product-tile-small.sale-flag::before {
    background-image: url('/assets/img/icons/sale-flag-ex-small.svg');
}

.no-svg a.product-tile.product-tile-small.new-flag::before {
    background-image: url('/assets/img/icons/new-flag-ex-small.png');
}

.no-svg a.product-tile.product-tile-small.sale-flag::before {
    background-image: url('/assets/img/icons/sale-flag-ex-small.png');
}

/* Product Tile Medium */
.grid-sizer {
	width: 100%;
	max-width: 285px;
	min-width: 280px;
}

a.product-tile-medium .prod-image-wrapper {
	width: 100%;
	height: 247px;
	overflow: hidden;
}

a.product-tile-medium .prod-image-wrapper img {
	max-width: 285px;
	max-height: 247px;
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -4px;
	right: -4px;
	margin: auto;
}

a.product-tile.product-tile-medium {
	width: 100%;
	max-width: 285px;
	height: 368px;
}

.product-category a.product-tile.product-tile-medium {
	/*margin: 0 50px 40px 50px;*/
	margin: 0 0 40px 0;
}

a.product-tile.product-tile-medium .item-number {
	margin-bottom: 0;
	font-size: 14px;
}

a.product-tile.product-tile-medium.new-flag::before,
a.product-tile.product-tile-medium.sale-flag::before {
	right: 20px;
	left: auto;
	z-index: 120;
    width: 60px;
    height: 66px;
    background-position: center top;
}

a.product-tile.product-tile-medium.new-flag::before {
    background-image: url('/assets/img/icons/new-flag-small.svg');
}

a.product-tile.product-tile-medium.sale-flag::before {
    background-image: url('/assets/img/icons/sale-flag-small.svg');
}

.no-svg a.product-tile.product-tile-medium.new-flag::before {
    background-image: url('/assets/img/icons/new-flag-small.png');
}

.no-svg a.product-tile.product-tile-medium.sale-flag::before {
    background-image: url('/assets/img/icons/sale-flag-small.png');
}

/* Product Tile Large */
a.product-tile-large .prod-image-wrapper {
	width: 450px;
	height: 390px;
	overflow: hidden;
}

a.product-tile.product-tile-large {
	width: 450px;
	height: 520px;
}

a.product-tile.product-tile-large img {
	max-width: 450px;
	max-height: 390px;
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	margin: auto;
}

a.product-tile.product-tile-large .item-number {
	margin-bottom: 0;
	font-size: 18px;
}

a.product-tile.product-tile-large h3{
	font-size: 28px;
}

a.product-tile.product-tile-large.new-flag::before,
a.product-tile.product-tile-large.sale-flag::before {
	right: 20px;
	left: auto;
	z-index: 120;
    width: 81px;
	height: 88px;
    background-position: center top;
}

a.product-tile.product-tile-large.new-flag::before {
    background-image: url('/assets/img/icons/new-flag-medium.svg');
}

a.product-tile.product-tile-large.sale-flag::before {
    background-image: url('/assets/img/icons/sale-flag-medium.svg');
}

.no-svg a.product-tile.product-tile-large.new-flag::before {
    background-image: url('/assets/img/icons/new-flag-medium.png');
}

.no-svg a.product-tile.product-tile-large.sale-flag::before {
    background-image: url('/assets/img/icons/sale-flag-medium.png');
}

/*------- END Product Tiles --------*/



/*-- Popup (modal) --*/

.popup {
	letter-spacing: normal;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -9999;
}

.popup-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(255, 255, 255, 0.70);
	top: 0;
	left: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: opacity .2s ease-out;
	z-index: 3000;
}

.overlay .popup-overlay {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	left: 0;
}

.popup .cycle-slideshow img {
	width: 100%;
	height: auto;
	max-width: 900px;
}

.popup .popup-body {
	background-color: #ffffff;
	height: 100%;
	width: 100%;
	margin: 0 auto 100px;
	padding: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: opacity .2s ease-out;
	position: relative;
	text-align: center;
}

.popup.visible,
.popup.transitioning {
	z-index: 9999;
}

.popup.visible .popup-body {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*----------- END Popup (modal) ----------*/

/* Tooltip */

.tooltip-container {
    position: relative;
}

.tooltip-container i.fa-info-circle {
    margin-left: 4px;
    cursor: pointer;
    font-size: 16px;
}

.tooltip {
    display: block;
	position: absolute;
    bottom: 26px;
    color: #585858;
    background: #ffffff;
    padding: 10px;
    font-family: UniversLTStd, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    text-transform: none;
    text-align: left;
    line-height: 1.2em;
    box-shadow: 0 8px 12px rgb(0 0 0 / 27%);
}

.tooltip.bottom-left {
    left: -2px;
    width: 220px;
}

.tooltip.bottom-right {
    right: -2px;
    width: 252px;
}

.tooltip a {
    text-decoration: none;
}

.tooltip::after {
    content: "";
    border-width: 9px;
    display: block;
    border-style: solid;
    border-color: #ffffff transparent transparent;
    position: absolute;
    top: 100%;
}

.tooltip.bottom-left::after {
    left: 0;
}

.tooltip.bottom-right::after {
    right: 0;
}

/*----------- END content Grid ----------*/

/*-- content Grid --*/
.content-grid .pure-u-1 {
	padding: 0 !important;
}

.content-grid-header {
	text-align: left;
	color: #0070BA;
}

.content-link {
	margin: 20px auto;
	padding: 10px 0;
	min-height: 20px;
	display: table;
}

.content-link a {
	text-decoration: none;
}

.content-link hr {
	display: block;
	margin: 15px auto;
	width: 50px;
	background: #0070BA;
	height: 1px;
}

.content-link .image-container {
	margin-top: 20px;
}

.content-link .image-container img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 120px;
}

.content-link .text-container {
	padding: 0 10px 0 15px;
}

.content-link .text-container h4 {
	margin: 0;
	color: #2E2E2E;
	font-size: 14px;
	text-align: center;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
}

.content-link a:hover .text-container h4 {
	color: #0070BA;
}

.content-link .text-container p {
	margin: 0;
	font-size: 16px;
	font-family: UniversLT-Condensed, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #2E2E2E;
	text-transform: uppercase;
	text-align: center;
}

/*----------- END content Grid ----------*/




/*-- Bike Diagram --*/

#bike-diagram-popup .popup-body {
	text-align: left;
	padding-top: 0;
	max-height: 1200px;
}

#bike-diagram-popup .bike {
	float: left;
	position: relative;
	padding: 50px;
	overflow: scroll;
	height: 100vh;
}

#bike-diagram-popup.popup img.bike_part {
	cursor: auto;
	position: absolute;
	width: 92%;
	max-width: 1040px!important;
}

#bike-diagram-popup .controls {
	float: left;
	letter-spacing: normal;
	overflow: auto;
	max-height: 100vh;
	position: relative;
}

#bike-diagram-popup .controls a {
	background-color: #2E2E2E;
	display: block;
	position: relative;
	z-index: 2;
	padding: 18px 30px 17px 30px;
	font-size: 18px;
	font-family: UniversLT-Condensed, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: background 0.3s, color 0.3s;
	-moz-transition: background 0.3s, color 0.3s;
	-ms-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}

#bike-diagram-popup .controls a:hover {
	background: #232323;
	color: #0070ba;
}

#bike-diagram-popup .popup-exit {
	position: absolute;
	margin: 0 0 10px;
	top: 0;
	right: 0;
	z-index: 10;
}
/*-------------- END Bike Diagram -------------*/


/*--  Loading Animation --*/
div#chain-animation {
	position: absolute;
	top: 37vh;
	left: 45vw;
}

#loader_chain{
	position:relative;
	width:135px;
	height:105px;
	margin:auto;
	animation-name:rotateAll;
		-o-animation-name:rotateAll;
		-ms-animation-name:rotateAll;
		-webkit-animation-name:rotateAll;
		-moz-animation-name:rotateAll;
	animation-duration:4s;
		-o-animation-duration:4s;
		-ms-animation-duration:4s;
		-webkit-animation-duration:4s;
		-moz-animation-duration:4s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	animation-timing-function: linear;
		-o-animation-timing-function:linear;
		-ms-animation-timing-function:linear;
		-webkit-animation-timing-function:linear;
		-moz-animation-timing-function:linear;
}

#loader_chain .link,
#loader_chain .spacer{
	background-image: url('/assets/img/loading_animation/chain-link-1.svg');
	position:absolute;
	width:54px;
	height:21px;
	animation-name:fadeG;
		-o-animation-name:fadeG;
		-ms-animation-name:fadeG;
		-webkit-animation-name:fadeG;
		-moz-animation-name:fadeG;
	animation-duration:0.9s;
		-o-animation-duration:0.9s;
		-ms-animation-duration:0.9s;
		-webkit-animation-duration:0.9s;
		-moz-animation-duration:0.9s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

.no-svg #loader_chain .link{
	background-image: url('/assets/img/loading_animation/chain-link-1.png');
}

#loader_chain .spacer{
	background-image: url('/assets/img/loading_animation/chain-link-2.svg');
	width:16px;
	height:15px;
}

.no-svg #loader_chain .spacer{
	background-image: url('/assets/img/loading_animation/chain-link-2.png');

}

#rotateG_01{
	left:0;
	top:41px;
	animation-delay:0.4s;
		-o-animation-delay:0.4s;
		-ms-animation-delay:0.4s;
		-webkit-animation-delay:0.4s;
		-moz-animation-delay:0.4s;
	transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
}

#rotateG_02{
	left: 31px;
	top: 15px;
	animation-delay:0.5s;
		-o-animation-delay:0.5s;
		-ms-animation-delay:0.5s;
		-webkit-animation-delay:0.5s;
		-moz-animation-delay:0.5s;
	transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
}

#rotateG_03{
	left: 40px;
	top: 0px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
	transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
}

#rotateG_04{
	left: 88px;
	top: 15px;
	animation-delay:0.7s;
		-o-animation-delay:0.7s;
		-ms-animation-delay:0.7s;
		-webkit-animation-delay:0.7s;
		-moz-animation-delay:0.7s;
	transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
}

#rotateG_05{
	left: 81px;
	top: 41px;
	animation-delay:0.8s;
		-o-animation-delay:0.8s;
		-ms-animation-delay:0.8s;
		-webkit-animation-delay:0.8s;
		-moz-animation-delay:0.8s;
	transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
}

#rotateG_06{
	left: 88px;
	top: 73px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
	transform:rotate(135deg);
		-o-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
}

#rotateG_07{
	left: 40px;
	top: 82px;
	animation-delay:1.0s;
		-o-animation-delay:1.0s;
		-ms-animation-delay:1.0s;
		-webkit-animation-delay:1.0s;
		-moz-animation-delay:1.0s;
	transform:rotate(180deg);
		-o-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
}

#rotateG_08{
	left: 30px;
	top: 73px;
	animation-delay:1.1s;
		-o-animation-delay:1.1s;
		-ms-animation-delay:1.1s;
		-webkit-animation-delay:1.1s;
		-moz-animation-delay:1.1s;
	transform:rotate(-135deg);
		-o-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
		-moz-transform:rotate(-135deg);
}

@keyframes rotateAll {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}

@keyframes fadeG{
	100% {
		display: block;
		opacity: 1;
	}

	0% {
		display: block;
		opacity: 0.2;
	}
}

@-o-keyframes fadeG{
	100% {
		display: block;
		opacity: 1;
	}

	0% {
		display: block;
		opacity: 0.2;
	}
}

@-ms-keyframes fadeG{
	100% {
		display: block;
		opacity: 1;
	}

	0% {
		display: block;
		opacity: 0.2;
	}
}

@-webkit-keyframes fadeG{
	100% {
		display: block;
		opacity: 1;
	}

	0% {
		display: block;
		opacity: 0.2;
	}
}

@-moz-keyframes fadeG{
	100% {
		display: block;
		opacity: 1;
	}

	0% {
		display: block;
		opacity: 0.2;
	}
}
/*---------- END Loading Animation ------------*/

@media (max-width: 1024px){

	.product-category a.product-tile.product-tile-medium {
		margin: 0 60px 40px 0;
	}

}


@media (max-width: 1000px) {
	.category-browser-button {
	    padding-right: 51px;
	    margin-right: -51px;
	}

	.category-browser-content {
	    padding-right: 51px;
	    margin-right: -51px;
	}
}

@media (max-width: 767px) {

	.category-browser {
		padding-left: 0;
		margin-bottom: 50px;
	}

	.category-browser-button,
	.category-browser-content {
		padding-right: 20px;
		margin-right: 0;
	}

	.category-browser-button::before {
		content: url('/assets/img/icons/textpander-down-arrow-white.svg');
		position: absolute;
		right: 25px;
		top: 20px;
	}

	.category-browser-button-active.category-browser-button::before {
		content: url('/assets/img/icons/textpander-up-arrow-white.svg');
	}

	.no-svg .category-browser-button::before {
		content: url('/assets/img/icons/textpander-down-arrow-white.png');
	}

	.no-svg .category-browser-button-active.category-browser-button::before {
		content: url('/assets/img/icons/textpander-up-arrow-white.png');
	}

	/* Product Category tiles */
	.product-category {
		width: 100%;
		text-align: center;
	}

	.product-category a.product-tile.product-tile-medium {
		margin: 0 auto 40px;
		float: none;
	}

	/* On small displays, Product Tile Large should appear like a SMALL tile */
	a.product-tile-large .prod-image-wrapper {
		width: 185px;
		height: 160px;
	}

	a.product-tile-large .prod-image-wrapper img {
		max-width: 185px;
		max-height: 160px;
	}

	a.product-tile.product-tile-large {
		width: 185px;
		height: 220px;
	}

	a.product-tile.product-tile-large .item-number {
		font-size: 13px;
	}
	a.product-tile.product-tile-large .category {
		display: none;
	}

	a.product-tile.product-tile-large h3{
		font-family: UniversLTStd-Bold, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-size: 16px;
	}

    a.product-tile.product-tile-large.new-flag::before,
    a.product-tile.product-tile-large.sale-flag::before {
        width: 40px;
        height: 44px;
    }

	a.product-tile.product-tile-large.new-flag::before {
		background-image: url('/assets/img/icons/new-flag-ex-small.svg');
	}

    a.product-tile.product-tile-large.sale-flag::before {
        background-image: url('/assets/img/icons/sale-flag-ex-small.svg');
    }

    .no-svg a.product-tile.product-tile-large.new-flag::before {
        background-image: url('/assets/img/icons/new-flag-ex-small.png');
    }

    .no-svg a.product-tile.product-tile-large.sale-flag::before {
        background-image: url('/assets/img/icons/sale-flag-ex-small.png');
    }

	.textpander-container {
		padding: 0;
	}

}