/* ERNIE BALL STYLESHEET */

/* Import "Againts" Font */

@font-face {
    font-family: 'againts';
    src:url('https://s3-us-west-2.amazonaws.com/static.ernieball.com/fonts/againts/againts.eot');
    src:url('https://s3-us-west-2.amazonaws.com/static.ernieball.com/fonts/againts/againts.eot?#iefix') format('embedded-opentype'),
    	url('https://s3-us-west-2.amazonaws.com/static.ernieball.com/fonts/againts/againts.woff2') format('woff2'),
        url('https://s3-us-west-2.amazonaws.com/static.ernieball.com/fonts/againts/againts.woff') format('woff'),
        url('https://s3-us-west-2.amazonaws.com/static.ernieball.com/fonts/againts/againts.svg') format('svg'),
        url('https://s3-us-west-2.amazonaws.com/static.ernieball.com/fonts/againts/againts.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.new-ips-style {
	font-family: 'againts', 'Gotham SSm A', 'Gotham SSm B', sans-serif;
	font-weight: 300;
    line-height: 60pt;
    text-transform: none;
    font-size:72pt;
    letter-spacing:1.5px;
    text-rendering: geometricPrecision;
}

.new-ips-style-smaller {
	font-family: 'againts', 'Gotham SSm A', 'Gotham SSm B', sans-serif;
	font-weight: 300;
    line-height: 44pt;
    text-transform: none;
    font-size:56pt;
    letter-spacing:1.5px;
    text-rendering: geometricPrecision;
}

.new-ips-rotate {
	-webkit-transform: rotate(-5deg);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: rotate(-5deg);  /* IE 9 */
    transform: rotate(-5deg);  /* Firefox 16+, IE 10+, Opera */
}

.big-d {
	font-size: 150%;
    letter-spacing: -0.1em;
    line-height:70%;
}

/* @media only screen and (min-width: 768px) {
	#homeHero a.btn.btn-pink {
		float:right;
	}
} */


/* sitewide improvements */
html.cart-active {
	margin-right: 15px;
}

.content-wrapper.cart-active::before { /* transparent cover to make links/buttons inactive when cart is open */
    content: '';
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 11;
}

body, input, textarea, select, button {
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

body {
	font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
	/*-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
	color:#000;
	height: 100%;
	overflow: auto;
}

body.cart-active {
	overflow: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
	text-transform: uppercase;
	font-weight:900;
	line-height: .975em;
}

p {
	font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
	font-weight:300;
	font-size:10pt;
	line-height: 16pt;
}

h1,h2,h3,h4,h5,h6 {
	letter-spacing: -0.05em;
}

h4 {
	font-size:14pt;
}

.product-shadow {
/*-webkit-filter: drop-shadow(0 15px 8px rgba(0,0,0,0.2));
    filter: drop-shadow(0 15px 8px rgba(0,0,0,0.2));
    -webkit-backface-visibility: hidden;*/
}

.auto-margin {
	margin:0 auto;
}

a {
	color:#FF10A4;
}

a:hover {
	color:#e20e91;
}

a.view-all {
	letter-spacing: 0.75px;
	color: #999;
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

a:hover.view-all {
	text-decoration: none;
	color:#000;
}

a:hover.hover-img,
a:focus.hover-img {
    text-decoration: none;
}

.slinky-pink {
	color:#FF10A4;
}

.pink-accent:after {
    content: "";
    width: 40px;
    background-color: #FF10A4;
    height: 6px;
    display: block;
    margin: 10px auto 0;
}
.pink-accent.right-pink:after {
	right: 0;
	position: absolute;
}

.string-theory-content .pink-accent.right-pink:after {
	right: auto;
	position: absolute;
}
.pink-accent.left-pink:after {
    position: absolute;
}

.light-allcaps {
	font-weight:100;
	text-transform: uppercase;
	text-align: center;
	margin: 60px 0 30px;
}

.content-wrapper {

	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-backface-visibility: hidden;
	opacity:1;
}

.content-wrapper.cart-active {
	-webkit-transform: translate(-21em, 0px);
	-moz-transform: translate(-21em, 0px);
	-o-transform: translate(-21em, 0px);
	-ms-transform: translate(-21em, 0px);
	transform: translate(-21em, 0px);
	opacity:0.35;
}

.content-wrapper.dark{
	-ms-filter: brightness(0.5);
	-webkit-filter: brightness(0.5);
	filter: brightness(0.5);
    background-color: rgba(0,0,0,.5);
}


.alert {
	border-radius:0px;
}

.container-full {
	width:100%;	
}

.thin-heading {
	font-weight: 100;
    text-transform: uppercase;
}

.btn {
	font-weight: 500;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	text-transform: uppercase;
	padding: 12px 20px;
	font-size: 9pt;
	
	-webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
    -webkit-backface-visibility: hidden;
}

.btn-search {
	padding: 7px 20px;
}

.btn-default {
	background-color:#1f1f1f;
	color:#fff;
	margin:5px 0;
	border-color: transparent;
	font-size:9pt;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
	background-color:#000;
	color:#FFF;
	border-color: transparent;
}

.btn-default:active {
	color:#eee;
}

.btn-default:active {
	background-color:#000 !important;
	color:#FFF !important;
}

.btn-pink {
	background-color:#FF10A4;
	color:#fff;
}

.btn-pink:hover,
.btn-pink:focus {
	background-color:#D5108A;
	color:#fff;
}

.btn-pink:active {
	background-color:#D5108A !important;
	color:#fff !important;
}

.btn-pink[disabled] {
	background-color:#FF3DB5;
	border-color:transparent;
}

.btn-pink[disabled]:hover {
	background-color:#FF3DB5;
	border-color:transparent;
}

.btn-gray {
	background-color:#aaa;
	color:#fff;
}

.btn-gray:hover,
.btn-gray:focus {
	background-color:#777;
	color:#fff;
}

.btn-gray:active {
	background-color:#777 !important;
	color:#fff !important;
}

.btn-gray[disabled] {
	background-color:#ccc;
	border-color:transparent;
}

.btn-gray[disabled]:hover {
	background-color:#ccc;
	border-color:transparent;
}

button.atc-butt.addToCart.disabled {
    background-color: #888;
}

.btn-white {
	border-color:#FFF;
	color:#FFF;
}

.btn-white-shadow {
	    box-shadow: 0 0 90px rgba(0,0,0,.5);
    text-shadow: 0 0 6px rgba(0,0,0,.7);
    background-color: rgba(0,0,0,.25);
}

.btn-white:hover {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #FFF;
    color: #FFF;
}

.btn-white:active,
.btn-white:visited,
.btn-white:focus {
    border: 1px solid #FFF;
    color: #FFF;
}

select.form-control {
	background-color:none;
	background-color:transparent;
	background-image:initial;
	background: url('../images/select-arrow.png') no-repeat right center;
	border-color:#ccc;
	border-radius:0px!important;
	font-weight:300;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background: url('../images/select-arrow.png') no-repeat right center;
}

label {
	color:#58595b;
}

.label-top {
	display:block;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #FAF7F2;
}

.footer label span {
	padding-top: 1px;
    display: block;
    letter-spacing: 0;
}

.footer label.checkbox-inline {
	margin-top:8px;
}
    

.form-control {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

.container-full-width {
	width:100%;
}

.absolute-container {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

.vblock {
	text-align: center;
    white-space: nowrap;
    width: 100%;
    height: 100%;
}

.vblock:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.vertically-centered-50 {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.vertically-centered-40 {
	position: absolute;
    top: 40%;
    transform: translateY(-50%);
}
.right0 {
	right: 0;
}
.centered-text {
	text-align: center;
}

.heading-whitespace {
	margin:140px 0 60px 0;
}

.modal-backdrop {
	z-index:10;
}

.cross {
width:24px;
height:24px;
}

.cross-outer {
height:24px;
width:2px;
background-color:black;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
Z-index:1;
}

.cross-inner {
height:24px;
width:2px;
background-color:black;
transform: rotate(90deg);
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Safari and Chrome */
Z-index:2;
}

.cross.white .cross-outer{
	background-color:white;
}

.cross.white .cross-inner{
	background-color:white;
}

.cross-small {
	width:20px;
	height:20px;
	display:inline-block;
}

.cross-small .cross-outer {
	height:20px;
	margin-left: 9px;
	width:1px;
}

.cross-small .cross-inner {
	height:20px;
	width:1px;
}


a.offcanvas-link .cross {
	float:right;
	margin-top: 15px;
}

.eq-gradient1 {
	background: -webkit-linear-gradient(top, #5b4da3, #50499e);
	background: linear-gradient(top, #5b4da3, #50499e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.eq-gradient2 {
	background: -webkit-linear-gradient(top, #5a7fa8, #5975ad);
	background: linear-gradient(top, #5a7fa8, #5975ad);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.eq-gradient3 {
	background: -webkit-linear-gradient(top, #32ccc1, #29a3b7);
	background: linear-gradient(top, #32ccc1, #29a3b7);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* off-canvas cart style */

#offcanvas-cart {
         position: fixed;
         top: 0;
         bottom: 0;
         width: 21em;
         right: -21em;
         height: 100%;
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-transition: 300ms ease;
        -moz-transition: 300ms ease;
        -o-transition: 300ms ease;
        transition: 300ms ease;
        z-index:2;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
   }

#offcanvas-cart.cart-active {
        -webkit-transform: translate(-21em, 0px);
        -moz-transform: translate(-21em, 0px);
        -o-transform: translate(-21em, 0px);
        -ms-transform: translate(-21em, 0px);
        transform: translate(-21em, 0px);
        -webkit-backface-visibility: hidden;
}

#offcanvas-cart.cart-active::before {
	content: '';
    border-left: 1px solid #ddd;
    height: 100%;
    position: absolute;
    margin-left: -15px;
}

#offcanvas-cart h3 {
	margin-top:17px;
}

#offcanvas-cart .cart-container {
	position: relative;
    height: 100%;
}

#offcanvas-cart .cart-header {
	    padding: 20px 20px 10px 5px;
}

#offcanvas-cart .cart-contents {
	    padding: 10px 20px 10px 5px;
	overflow-y: auto;
	/* Firefox */
	height: -moz-calc(100% - 271px);
	/* WebKit */
	height: -webkit-calc(100% - 271px);
	/* Opera */
	height: -o-calc(100% - 271px);
	/* Standard */
	height: calc(100% - 271px);
}

#offcanvas-cart .cart-footer {
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	padding: 10px 20px 20px 5px;
}

#offcanvas-cart.cart-active .cart-footer {
	box-shadow: 0px -10px 20px 4px rgba(255,255,255,.5);
}

#offcanvas-cart .cart-footer a.btn {
	display:block;
}

#offcanvas-cart .cart-item {
	margin:20px 0;
}

#offcanvas-cart .cart-contents .cart-item:first-child {
	margin:0 0 20px 0;
}

#offcanvas-cart .cart-contents .cart-item:last-child {
	margin:20px 0 0 0;
}

#offcanvas-cart .cart-item .cart-item-left,
#offcanvas-cart .cart-item .cart-item-right {
	float:left;
}

#offcanvas-cart .cart-item .cart-item-left {
	width:45%;
}


#offcanvas-cart .cart-item .cart-item-right {
	padding-left:10px;
	width:55%;
}

#offcanvas-cart .cart-item .cart-item-right input {
	font-weight:500;
	width:40%;
	float:left;
	padding: 5px 0 5px 10px;
}

#offcanvas-cart .cart-item .remove-item {
	font-size:8pt;
	text-transform: uppercase;
	font-weight:500;
	    text-align: center;
    width: 100%;
    display: block;
    padding: 5px 0;
    color: #888;
}

#offcanvas-cart .cart-item .update-quantity {
    padding: 10px;
    margin-left: 6px;
    margin-top: 0px;
    height: 34px;
    font-size: 8pt;
}

/* slinky color classes */

.power {
	color: #7b00cb;
}
.extra {
	color: #007dca;
}
.regular {
	color: #bbca00;
}
.sthb {
	color: #cb4200;
}
.super {
	color: #c90083;
}
.hybrid {
	color: #ca8100;
}
.noteven {
	color: #1aa271;
}
.beefy {
	color: #e8c900;
}
.bass5 {
	color: #8ccd00;
}

.color-black {
	color:#000;
}


/* global header style */
.global-header {    
	height: 40px;
	background-color: #fff;
	border-bottom: 1px solid #D0D0D0;
}

.global-header-left {
	position:absolute;
	left:0;
	height:40px;
	padding:0;
}

.global-header-right {
	position:absolute;
	right:0;
	height:40px;
	padding:0;
}

ul.global-header-left li {
	height:39px;
	display:inline-block;
	float:left;
	padding:0 10px;
	width:100px;
	border-right: 1px solid #D0D0D0;
}

ul.global-header-right li {
	height:40px;
	display:inline-block;
	padding:10px;
}

ul.global-header-right li {
	height:39px;
	display:inline-block;
	padding: 5px 15px;
	width:100px;
	border-left: 1px solid #D0D0D0;
	opacity: .75;
}


ul.global-header-left li:first-child {
	height:39px;
	display:inline-block;
	padding:13px 10px;
	border-right: 1px solid #D0D0D0;
	opacity:1;
	width:160px;
	float:left;
}

ul.global-header-right li img.inactive-site {
	opacity:.6;
}

ul.global-header-right li img.inactive-site:hover {
	opacity:.9;
}

ul.global-header-left li img.active-site {
	opacity:1;
}

.language-dropdown {
	z-index:99999;
	background-color:#fff;
	position: absolute;
    height: auto;
    width: 159px;
    left:0px;
    font-size:8pt;
}

.language-dropdown ul {
	margin:0;
	padding:10px 0;
}

.language-dropdown ul li {
	padding:10px 10px;
}

.language-dropdown img{
	margin-top:-3px;
}

.language-dropdown a {
	text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    color:#000;
}

.language-dropdown ul li:hover {
	background-color: #FF10A4;
	cursor: pointer;
}

.language-dropdown ul li:hover a {
	color:#fff;
}

.active-global-site {
	font-size:8pt;
}

.active-global-site i {
	float: right;
    padding: 2px 0;
    color: #aaa;
}

.active-global-site img{
	margin-top:-3px;
}


/* header style */

header .drawer-nav {
	font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
	font-weight:700;
	font-size:9pt;
}

header .drawer-brand img {
	width:130px;
}

header .drawer-nav .drawer-menu-item {
	padding:0 20px;
}

header .drawer-nav .a-tocart i {
	font-size: 16pt;
    line-height: 14pt;
}

header a.drawer-dropdown-menu-item,
header a.drawer-dropdown-menu-item:hover,
header a.drawer-dropdown-menu-item:active,
header a.drawer-dropdown-menu-item:focus {
	text-decoration: none;
	color:#FFF;
}

header .nav-container ul li a {
	outline: 0;
}

header .nav-container ul li a:hover {
	color:#FF10A4;
}

header .nav-container ul.submenu li a:hover {
	color:#FFF;
}

header.eb-header.on-white .nav-container ul li a:hover {
    color:#FF10A4;
}

header.eb-header.on-white .nav-container ul.submenu li a:hover {
	color:#FFF;
}

header.eb-header.on-white .header-content.add-bg .nav-container ul li a:hover {
	color:#FF10A4;
}

header.eb-header.on-white .header-content.add-bg .nav-container ul.submenu li a:hover {
	color:#FFF;
}

header .nav-container ul li a.search-toggle:hover,
header .nav-container ul li a#cartToggle:hover,
header.eb-header.on-white .nav-container ul li a.search-toggle:hover,
header.eb-header.on-white .nav-container ul li a#cartToggle:hover,
header.eb-header.on-white .header-content.add-bg .nav-container ul li a.search-toggle:hover,
header.eb-header.on-white .header-content.add-bg .nav-container ul li a#cartToggle:hover {
	color:#CCC;
} 

header .ad-t-cart {
	display: inline-block;
    position: fixed;
    right: 0px;
    top: 0px;
}

.smart-shadow {
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.4));
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.4))
}

#search-container input[type=text]:focus, textarea:focus { /* stop search field textbox highlight, focus is by default when clicked */
  box-shadow: 0 0 0 rgba(0,0,0,0);
  border: 0px solid #D0D0D0;
  outline:none;
}

#search-container input[type=text]:focus, textarea:focus { /* when not focused */
  box-shadow: 0 0 0 rgba(0,0,0,0);
  border: 0px solid #D0D0D0;
  outline:none;
}

/* fix modal open bug where header etc. would shift right */

body.modal-open header.eb-header,
body.modal-open header.eb-header .header-content .nav-container { 
	padding-right:15px;
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    z-index:10;
}

body.modal-open header.eb-header .nav-container.expanded ul.submenu.open {
	width: calc(100% - 15px);
}

body.modal-open .position-fixed-sec {
	margin-right:15px;
}

body.modal-open section.pro-ele-bg .compare {
	z-index:9;
}

/* Home Page style */

section.home-slider #home-swiper .swiper-slide .slide-content {
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    color:#FFF;
}

section.home-slider #home-swiper .swiper-slide .slide-content.center-layout {
	width:100%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

section.home-slider #home-swiper .swiper-slide .slide-content.center-layout .slidecontent-right {
	width:100%;
	float:initial;
}

section.home-slider #home-swiper .swiper-slide .slide-content.center-layout .slidecontent-right img {
	width: 70%;
    margin: 0 auto;
}


/* Style for Firefox image stretch bug */
@-moz-document url-prefix() {
    section.home-slider #home-swiper .swiper-slide img {
        width: 100%;
    }
    
    #how-its-made .swiper-wrapper .swiper-slide img {
        width: 100%;
    }
}

section.home-slider #home-swiper .swiper-slide .slide-content.right-layout {
    width: 33%;
    text-align: left;
    right: 100px;
    left: initial;
}

section.home-slider #home-swiper .swiper-slide .slide-content.left-layout {
    width: 33%;
    text-align: left;
    left: 100px;
    right:initial;
}

section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout {
    width: 60%;
    width: calc(60% - 60px);
    text-align: center;
    right: 60px;
    left:initial;
	top:35%;
}

section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout .pot-container {
	position: absolute;
    bottom: -5%;
    width: 100%;
}

section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout h1 {
	letter-spacing:30px;
	font-weight:700;
	font-size: 16pt;
    margin: 20px 0;
}

section.home-slider #home-swiper .swiper-slide .product-left,
section.home-slider #home-swiper .swiper-slide .slidecontent-right {
	float:left;
	display:inline-block;
	width: 50%;
}

section.home-slider #home-swiper .swiper-slide .product-left img {
	float:right;
}

section.featured-products .row {
	padding-top:70px;
	padding-bottom:70px;
	position:relative;
}

a.hover-img img {
	-o-transform: scale(.92,.92);
	-ms-transform: scale(.92,.92);
	-moz-transform: scale(.92,.92);
	-webkit-transform: scale(.92,.92);
	transform: scale(.92,.92);
	
	/* -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.4)); */
    /* filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.4)); */
	
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-backface-visibility: hidden;
    margin-left: auto;
    margin-right: auto;
}

a.hover-img img.disable-shadow {
	-webkit-filter: initial;
    filter: initial;
}

a.hover-img p {
	text-decoration: none !important;
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-backface-visibility: hidden;
}
/* scale down string packs on homepage to match other featured products */
section.fea-pro .slide-imgs:nth-child(1) a.hover-img img,
section.fea-pro .slide-imgs:nth-child(2) a.hover-img img,
section.fea-pro .slide-imgs:nth-child(3) a.hover-img img {
	padding:10%;
}


a.hover-img:hover img { /* scale up and expand drop shadow */
  position: relative;
  z-index: 9;
  -o-transform: scale(1.0,1.0);
  -ms-transform: scale(1.0,1.0);
  -moz-transform: scale(1.0,1.0);
  -webkit-transform: scale(1.0,1.0);
  transform: scale(1.0,1.0);
  -webkit-backface-visibility: hidden;
  
  /* -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15)); */
  /*  filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15)); */
}

a.hover-img:hover img.disable-shadow {
	-webkit-filter: initial;
    filter: initial;
}

.swiper-wrapper .swiper-slide.active a.hover-img:hover img { /* don't hover active items in swipers */
		-o-transform: scale(.92,.92);
	-ms-transform: scale(.92,.92);
	-moz-transform: scale(.92,.92);
	-webkit-transform: scale(.92,.92);
	transform: scale(.92,.92);
	
		/* -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.4)); */
    /* filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.4)); */
    }
    
.swiper-wrapper .swiper-slide.active a.hover-img:hover img.disable-shadow {
	-webkit-filter: initial;
    filter: initial;
}


section.fea-pro a.hover-img:hover p {
	color:#000;
	text-decoration: none;
}

section.fea-pro .featured-title {
	right:10px;
}

.homepage-tile {
	display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    font-weight: 900;
    font-size: 16pt;
    color: #FFF;
    white-space: normal;
}

.homepage-tile.dark {
	color:#000;
}

section.tone-bg .row:last-child .col-md-6:last-child .homepage-tile {
	/* color:#000 !important; */
}

section.tone-bg .row:nth-child(2) .col-md-6:nth-child(1) .homepage-tile span {
	display:none;
}
/*
section.tone-bg .row:nth-child(2) .col-md-6:nth-child(1) .homepage-tile {
	vertical-align: bottom;
}*/

.homepage-tile h5 {
	font-weight:300;
	font-size:9pt;
	margin:0;
}

.homepage-tile h3 {
	margin:5px 0;
}

.homepage-tile span {
	display:block;
	margin:0 auto;
}

.john-petrucci-home {
	margin-top:25px;
}

a.signupModal {

    text-decoration: none !important;
}

section.lagecy-bg .hover-effe > div > img,
section.lagecy-bg .hover-effe > div > div.vincent {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-backface-visibility: hidden;
}

section.lagecy-bg .hover-effe:hover > div > img {
	-webkit-filter: grayscale(100%) brightness(1.1);
    filter: grayscale(100%);
    filter: gray;
    transform: scale(1.05);
    
}

section.lagecy-bg .hover-effe:hover > div > div.vincent {
	transform: scale(1.05);
	box-shadow:0 0 150px #000;
}

.slide-content.thirds-layout {
	width: 100%;
}

.slide-content.thirds-layout h1 {
	font-size:48pt;
}

section.home-slider #home-swiper .swiper-slide .slide-content .slide-content-left.two-thirds,
section.home-slider #home-swiper .swiper-slide .slide-content .slide-content-right.two-thirds {
	width:66%;
	height: 1px;
}

section.home-slider #home-swiper .swiper-slide .slide-content .slide-content-left.one-third,
section.home-slider #home-swiper .swiper-slide .slide-content .slide-content-right.one-third {
	width:33%;
}

section.home-slider #home-swiper .slide-content p {
	text-transform: uppercase;
}

section.home-slider #home-swiper .swiper-right,
section.home-slider #home-swiper .swiper-left {
	opacity:0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-backface-visibility: hidden;
}

section.home-slider #home-swiper:hover .swiper-right,
section.home-slider #home-swiper:hover .swiper-left {
	opacity:1;
}

/* products landing style */

section.products-landing .container{
	padding-left:30px;
	padding-right:30px;
}

section.products-landing .super-img3 .orginal-hover h6 {
	font-weight:300;
	letter-spacing:1px;
	color:#000;
}

.super-img3 a:hover {
	text-decoration: none !important;
}

.orginal-hover p {
	font-size:9pt;
}

div.toolkit-bg img {
	margin-bottom:60px;
}

div.toolkit-bg h2 {
	color:#FFF;
	text-decoration: none !important;
}

div.toolkit-bg a > img {
	-o-transform: scale(.92,.92);
	-ms-transform: scale(.92,.92);
	-moz-transform: scale(.92,.92);
	-webkit-transform: scale(.92,.92);
	transform: scale(.92,.92);
	
	-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.4));
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.4));
	
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-backface-visibility: hidden;
}

div.toolkit-bg a:hover > img { /* scale up and expand drop shadow */
  position: relative;
  z-index: 9;
  -o-transform: scale(1.0,1.0);
  -ms-transform: scale(1.0,1.0);
  -moz-transform: scale(1.0,1.0);
  -webkit-transform: scale(1.0,1.0);
  transform: scale(1.0,1.0);
  	-webkit-filter: drop-shadow(0px 0px 25px rgba(0,0,0,0.3));
    filter: drop-shadow(0px 0px 25px rgba(0,0,0,0.3));
  -webkit-backface-visibility: hidden;
}

div.toolkit-bg h2.pink-accent {
	margin:60px 0;
}

/* artist landing page style */
section.artist-list {
	padding-top:100px;
}

section.artist-list .row.artist-list-header {
	text-align:center;
	margin:60px 0;
}

section.artist-list .row.artist-list-header h6 {
	letter-spacing:5px;
	font-weight:500;
	color:#999;
}

section.artist-list .row.artist-list-header h1 {
	margin-top:10px;
}

section.artist-list .row.artist-list-header p {
	margin-top:30px;
}

.artist-thumb-caption span.band-name {
	display: block;
    font-weight: 300;
    font-size: 12pt;
}



/* section.artist-list .artist-list-header {
	margin-top:80px;
}*/

/*section.artist-list .artist-list-header h1 {
	text-align:center;
	font-size:60pt;
	margin: 80px 0 60px;
}*/
.artist-thumb-caption {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    text-decoration: none;
    /*text-shadow: 0 0 6px #000;*/
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

div.artist-thumb-bg {
	background-color:#000;

    text-decoration: none;
    overflow:hidden;
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

div.artist-thumb-bg img {
    opacity: 0.7;
    text-decoration: none;
    -o-transform: scale3d(1.01, 1.01, 1);
    -moz-transform: scale3d(1.01, 1.01, 1);
    -webkit-transform: scale3d(1.01, 1.01, 1);
    transform: scale3d(1.01, 1.01, 1);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	border:none;
}

div.artist-thumb-bg:hover {
	overflow:hidden;
}

div.artist-thumb-bg:hover img {
    text-decoration: none;
    -o-transform: scale3d(1.06, 1.06, 1);
    -moz-transform: scale3d(1.06, 1.06, 1);
    -webkit-transform: scale3d(1.06, 1.06, 1);
    transform: scale3d(1.06, 1.06, 1);
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}



/* breadcrumb style */

.eb-breadcrumb {
	color:#ccc;
	font-weight:500;	
	letter-spacing:2px;	
	font-size:8pt;
	padding-left: 40px;
	padding-right: 40px;
	margin: 20px 0;
	text-transform: uppercase;
}

.eb-breadcrumb li {
	padding:0 20px;
	margin:0;
	background-color:#FFF;
}

.eb-breadcrumb li a {
	padding:0;
	margin:0;
	text-transform:uppercase;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.eb-breadcrumb li a:hover {
	color:#000;
}

.eb-breadcrumb li.pink-slash {
	color:#FF10A4;
	font-weight:700;
	background-color:#FFF;
	padding:0;
}

.eb-breadcrumb li:first-child {
	padding-left:40px;
}

.eb-breadcrumb li:last-child {
	padding-right:40px;
}


.eb-breadcrumb span.breadcrumb-container {
	background-color:#fff;
	padding:0 40px;
}

.eb-breadcrumb::after {
	content:"";
	border-bottom:1px solid #ddd;
	display:block;
	margin-top: -8px;
}

.eb-breadcrumb li.pink-slash {
	color:#FF10A4;
	font-weight:700;
	background-color:#FFF;
}

/* strings product detail style */

section.string-pdp {
	padding-top:120px;
}

section.string-pdp.hero-present-padding {
	padding-top:0px;
}

/* swipe for more animation indicator */

.swipe-for-more {
	font-size:8pt;
	text-transform: uppercase;
	letter-spacing:5px;
	font-weight: 500;
    color: #AAA;
    text-align: center;
    position: absolute;
    top: 80px;
    width: 100%;
}

.swipe-for-more-animation{
	opacity:0;
  animation: swipeformoreFrames linear 0.75s;
  animation-iteration-count: 3;
  transform-origin: 50% 50%;
  -webkit-animation: swipeformoreFrames linear 0.75s;
  -webkit-animation-iteration-count: 3;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: swipeformoreFrames linear 0.75s;
  -moz-animation-iteration-count: 3;
  -moz-transform-origin: 50% 50%;
  -o-animation: swipeformoreFrames linear 0.75s;
  -o-animation-iteration-count: 3;
  -o-transform-origin: 50% 50%;
  -ms-animation: swipeformoreFrames linear 0.75s;
  -ms-animation-iteration-count: 3;
  -ms-transform-origin: 50% 50%;
}

@keyframes swipeformoreFrames{
  0% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-moz-keyframes swipeformoreFrames{
  0% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes swipeformoreFrames {
  0% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-o-keyframes swipeformoreFrames {
  0% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-ms-keyframes swipeformoreFrames {
  0% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

/* end swipe for more animation */

section.string-pdp .nav-tabs>li {
	margin-bottom:0px;	
}

.swiper-slide.string-item {
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: initial;
    -ms-flex-pack: center;
    -webkit-justify-content: initial;
    justify-content: initial;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    -webkit-align-items: initial;
    align-items: initial;
    padding:0 5px;
    height: auto;
}

section.played-by .row div.padd0 {
	background-color:#000;
}

section.played-by .row img {
	opacity:.85;
}

.played-by-artist-title {
	position: absolute;
    left: 20px;
    color: #fff;
    display: block;
    width: 100%;
	bottom:20px;
}

.swiper-slide.string-item {
    border-bottom: 6px solid transparent;
}

div#product-prev-button.swiper-button-disabled {
    opacity: .25;
}

div#product-next-button.swiper-button-disabled {
    opacity: .25;
}

#product-selector {
	text-transform: uppercase;
	font-weight:500;
	margin:0;
	letter-spacing:1px;
	font-size:9pt;
}

.product-selector div .gauge {
	margin: 15px 0 30px;
	color:#999;
	text-decoration: none;
}

.product-selector div .gauge {
	margin: 15px 0 30px;
	color:#999;
	text-decoration: none !important;
}

.product-selector div .active.string-item .gauge {
	margin: 15px 0 30px;
	color:#000;
	text-decoration: none !important;
}

.product-selector a:hover .gauge {
	text-decoration: none !important;
}

.product-selector .active.string-item a:hover .gauge {
	text-decoration: none !important;
}

.product-selector .string-item:hover a .gauge {
	text-decoration: none !important;
}

.product-selector .active.string-item:hover a:hover .gauge {
	text-decoration: none !important;
}

#product-selector .swiper-wrapper { /* center align products */
	display: flex;
	justify-content: center;
}

.nav>li>a:hover {
	background-color:transparent !important;
}

select.quantity-select {
	padding: 10px;
    width: 60px;
    border: 1px solid #888;
    height: 45px;
    font-size: 9pt;
    float:left;
}

select.quantity-select.atc-bug {
	margin-top:6px;
	padding:0px 10px;
	height:22px;
	width:90px;
}

.find-compare {
	margin: 15px 0;
	display: inline-block;
}

.find-compare a {
	padding:0px;
}

.find-compare a:last-child {
	margin-left: 15px;
    border-left: 1px #888 solid;
    padding: 0 0 0 15px;
}

.find-compare a:first-child {
    border: none;
    padding: 0;
    margin: 0;
}

.find-compare a.available-date {
	padding-left:0px !important;
	color:#B9C804;
}

.find-compare a.available-date:hover {
	color:#B9C804;
}

.product-price {
	margin-top:30px;
}
span.separator {
	display:inline-block;
}
.separator::after {
	content: "";
    display: inline;
    border-right: 1px solid #ccc;
    width: 1px;
    height: 30px;
    position: absolute;
    top: 27px;
}

.product-content .linky-img p.para {
	margin-bottom:30px;
	max-width: 800px;
}

.linky-img.text-center.loading-image::before {
    content: '';
    background-color: rgba(247,247,247,0.8);
    display: block;
    position: absolute;
    z-index: 2;
    width: calc(100% - 30px);
    height: 105%;
    -webkit-filter: url('#blur');
  filter: url('#blur');
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.linky-img.text-center .loading-spinner {
	display:none;
}

.linky-img.text-center.loading-image .loading-spinner {
	display:block;
    position: absolute;
    z-index: 3;
    color: #000;
    font-size: 20pt;
    text-align: center;
    width: 100%;
    width: calc(100% - 30px);
    height: auto;
    top:45%;    
}

.refresh-icon {
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}

.pdp-video-slide {
	margin-bottom:30px;
	width:inherit;
}

.pdp-video-slide img {
	margin-bottom:30px;
	width:100%;
}

.video-swiper .swiper-slide {
	background-color:transparent;
	width:inherit;
}

.video-swiper .swiper-slide .pdp-video-slide h3 {
	margin-top:10px !important;
	margin-bottom:3px !important;
}

.video-swiper .swiper-slide .pdp-video-slide p {
	font-size:8pt;
	line-height:10pt;
}

.video-swiper .swiper-pagination .swiper-pagination-bullet {
	background-color:#888;
}

.video-swiper .swiper-pagination .swiper-pagination-bullet-active {
	background-color:#FF10A4;
}


.video-swiper div.play-icon {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.video-swiper div.play-icon i {
    font-size: 24pt;
    border: 1px solid #FFF;
    border-radius: 100%;
    padding: 15px;
    width: 60px;
    height: 60px;
    line-height: 23pt;
    padding-left: 19px;
    color: #fff;
    	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-backface-visibility: hidden;
    box-shadow: 0px 0px 10px rgba(0,0,0,.25);
}

.video-swiper a:hover div.play-icon i {
	box-shadow: 0px 0px 40px rgba(0,0,0,.5);
	border-color:#FF10A4;
	color:#FF10A4;
}

.video-swiper a {
	color:#000;
	width:inherit;
}


.product-price {
	display:inline-block;
}
.discounted-price {

	color: #FF10A4;
}
.previous-price {
	font-size: 14px;
	color: #777;
}
#apparel_price {
	display:inline-block;
}

.product-sku {
	font-size:8pt;
	font-weight:500;
	color:#888;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	background-color:transparent;
}

section.string-animation .video-control {
    color: #ccc;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	text-decoration: none;
	-webkit-backface-visibility: hidden;
	cursor: pointer;
}

section.string-animation .video-control .numbers {
    -webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	text-decoration: none;
	-webkit-backface-visibility: hidden;
}

section.string-animation .video-control.active,
section.string-animation .video-control.active .numbers {
    color: #000;
}

section.string-animation .video-control.active .numbers {
    border-color: #FF10A4;
}

section.string-animation .row.anim-desc {
    margin-bottom: 40px;
}

section.string-animation .row.anim-desc.pedals-anim {
	width:100%;
}

section.string-animation .video-control.active .wire-menu-right {
	z-index:6;
}


.position-fixed-sec .fixed-sec-inner .atc-butt {
	font-size:7pt;
	width:50%;
	padding:2px;
}

.atc-bug-close {
	position:absolute;
	left: -15px;
    top: -18px;
    cursor: pointer;
}

.atc-bug-close div {
	width: 30px;
	height: 30px;
	background-color: #000;
	border-radius: 100%;
	padding: 0px 8px;
	color: #fff;
	font-size: 18pt;
	transform: rotate(45deg);
	cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none; 
}

section.string-swiper-mobileonly .swiper-slide {
	display:block;
	margin-top:30px;
	margin-bottom:60px;
}

section.string-swiper-mobileonly .string-swiper-desc-container {
	height:auto;
	width: 90%;
    margin: 0 auto;
}

section.string-swiper-mobileonly .string-swiper-desc-container .numbers {
	border-color:#FF10A4;
	color:#000;
	font-size:14pt;
	margin-bottom:10px;
	padding: 3px 4px;
    margin-right: 5px;
}

section.string-swiper-mobileonly .swiper-pagination-bullet {
	background-color:#ddd;
}

section.string-swiper-mobileonly .swiper-pagination-bullet-active {
    background: #FF10A4;
}

#how-its-made {
	/*background-color:#333;*/
	margin-bottom:-1px;
}

#how-its-made .swiper-slide.bottom-gradient:after {
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

p.rainbow-dis-none {
    text-transform: uppercase;
    letter-spacing: -0.5px;
    font-weight: 900;
    font-size: 8pt;
    line-height: 9pt;
    width:50%;
}

p.rates.rainbow-dis-none {
	color:#888;
	margin:4px 0;
}

button.atc-butt.addToCart.adding {
    background-color: #000;
    -webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	text-decoration: none;
	-webkit-backface-visibility: hidden;
}

button.atc-butt.addToCart.added {
    background-color: #c0df16;
    -webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	text-decoration: none;
	-webkit-backface-visibility: hidden;
}

#offcanvas-cart .cart-item {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	text-decoration: none;
	-webkit-backface-visibility: hidden;
}

#offcanvas-cart .cart-item .updating-content {
	display:none;
}

#offcanvas-cart .cart-item.updating .cart-item-left,
#offcanvas-cart .cart-item.updating .cart-item-right {
	opacity:.3;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	text-decoration: none;
	-webkit-backface-visibility: hidden;
}

#offcanvas-cart .cart-item.updating::before {
	content:'';
	position:absolute;
	width:91%;
	padding:90px 0;
	background-color:transparent;
	z-index:1;
}

#offcanvas-cart .cart-item.updating .updating-content {
	display: block;
    font-weight: 900;
    position: absolute;
    text-align: center;
    width: 90%;
    padding: 60px 0;
    z-index: 2;
}

div#home {
	position:relative;
}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#product-selector.swiper-container {
    width: 100%;
}

#product-selector .swiper-slide a div.gauge {
	color:#000;
	margin:20px 0;
	font-size: 9pt;
	opacity: .5;
	
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}


#product-selector .swiper-slide.active a div.gauge {
	opacity:1;
}

#product-selector .swiper-slide:hover a img {
	-o-transform: scale(.96,.96);
    -ms-transform: scale(.96,.96);
    -moz-transform: scale(.96,.96);
    -webkit-transform: scale(.96,.96);
    transform: scale(.96,.96);
    -webkit-backface-visibility: hidden;
}

#product-selector .swiper-slide.active a img {
	-o-transform: scale(1.0,1.0);
    -ms-transform: scale(1.0,1.0);
    -moz-transform: scale(1.0,1.0);
    -webkit-transform: scale(1.0,1.0);
    transform: scale(1.0,1.0);
    -webkit-backface-visibility: hidden;
   /*  -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15)); */
   /* filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15)); */
}

#product-selector .swiper-slide.active a img.disable-shadow {
	-webkit-filter: initial;
    filter: initial;
}

.swiper-slide {
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #FFF;
    opacity: .75;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #FF10A4;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    left: 0px;
    right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    right: 0px;
    left: auto;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 0;
    width: 120px;
    height: 100%;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
    opacity: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.swiper-left {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    top: calc(50% - 13px);
    right:initial;
    left: 30px;
}

.swiper-right {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    top: calc(50% - 13px);
    left:initial;
    right: 30px;
}

#how-its-made:hover .swiper-button-next,
#how-its-made:hover .swiper-button-prev {
	opacity:1;
}

#how-its-made:not(hover).swiper-button-next.swiper-button-disabled,
#how-its-made:not(hover) .swiper-button-prev.swiper-button-disabled {
	opacity:0;
}

#how-its-made:hover .swiper-button-next.swiper-button-disabled,
#how-its-made:hover .swiper-button-prev.swiper-button-disabled {
	opacity:.35;
}

#product-next-button {
    border-left: 1px solid #FF10A4;
    border-bottom: 1px solid #FF10A4;
    position:absolute;
    left:30px;
    top:6%;
    right:initial;
}

#product-prev-button {
    border-right: 1px solid #FF10A4;
    border-top: 1px solid #FF10A4;
    position:absolute;
    right:30px;
    left:initial;
    top:6%;
}


.product-image-prev-button {
    border-left: 1px solid #FF10A4;
    border-bottom: 1px solid #FF10A4;
    position:absolute;
    left:5%;
}

.product-image-next-button {
	border-right: 1px solid #FF10A4;
    border-top: 1px solid #FF10A4;
    position:absolute;
    right:5%;
}

.product-image-next-button.swiper-button-disabled,
.product-image-prev-button.swiper-button-disabled {
	opacity:.25;	
}

.product-images-container {
	position:relative;
	margin-top:20px;
}

.product-images-container .swiper-container .swiper-wrapper {
    justify-content: center;
}

.product-images-container .swiper-pagination {
	width:100%;
}

.product-images-container .swiper-pagination-bullet {
	margin:10px 3px;
	background:#ccc;
}

.product-images-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background:#FF10A4;
}

.position-relative {
	position:relative;
}

.how-its-made-caption-container {
	position:absolute;
	bottom:12%;
	text-align: center;
	color:#FFF;
	font-weight:900;
	font-size:14pt;
	left: 0;
    right: 0;
    z-index:2;
}

.how-its-made-caption-container.first-slide {
	bottom: 45%;
	font-size:20pt;
}

.first-slide-subhead {
	font-weight:300;
	letter-spacing:8px;
	font-size:14pt;
}

.how-its-made-caption-container p {
	width:60%;
	margin:10px auto 0;
	text-transform: initial;
}

.product-selector {
	max-width: 1500px;
	margin: 0 auto;
}
.string-item.active {
	border-bottom: 6px solid #000;
}
.product-selector-container .hover-img {
	position: relative;
}
.string-item .highlight-new {
	position: absolute;
	top:0;left:0;

}
.new-bg {
	position: absolute;
	top:0;left:0;
	z-index: 97;
	font-size: 60px;
}
.new-bg.gfg {
	font-size: 73px;
}
.new-text {
	position: absolute;
	top:0;left:0;
	z-index: 98;
	color: #fff;
	font-size: 10px;
	line-height: 60px;
	width: 52px;
	height: 60px;
	text-align: center;
	transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
}
.new-text.gfg {
	font-size: 12px;
	line-height: 15px;
	padding-top: 21px;
	width: 63px;
	height: 73px;
}
.compare-item.active {
	border-bottom: 6px solid #FF10A4;
}

.compare-buttons {
	margin:30px auto;
	text-align: center;
}

.compare-buttons a {
	margin: 0 10px;
	padding: 12px 20px;
}

/* pedals product detail style */

section.pedal-hero .products-title.pedal-hero {
	font-size:60pt;
	margin-top:-10%;
}

section.pedal-hero img.img-responsive {
	opacity:.95;
	width: 100%;
}

section.pedal-hero .pedal-buttons {
	position:absolute;
	bottom:10%;
	text-align: center;
    left: 0;
    right: 0;
}

section.pedal-hero .pedal-buttons .btn {
	margin:0 10px;
}

.pre-order {
	margin: 0 10px 10px 0;
	display: inline-block;
}

.pre-preorder {
	color:#B9C804;
	font-weight:500;
	display:inline-block;
	float:left;
	margin-right:20px;
}

.available-date {
	font-size:9pt;
	font-weight:700;
	display: inline-block;
	color:#999;
}

.buynow-logos {
	margin:20px 0;
}

@media only screen and (min-width: 992px) {

	.buynow-logos {
	    margin-left: -3px;
	}

}

.buynow-logos a {
	padding: 15px;
    background-color: #fff;
    display:inline-block;
    width:100%;
    margin-bottom: 10px;
}

.buynow-logos:hover,
.buynow-logos:visited,
.buynow-logos:focus {
	text-decoration: none !important;
}

.buynow-logos a,
.buynow-logos img {
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    text-decoration: none;
}

.buynow-logos img {
	opacity:.7;
	max-height: 50px;
    margin: 0 auto 10px;
    display: block;
}

@media only screen and (max-width:350px) {
	.buynow-logos img {
		width:100%
	}
}

.buynow-logos > a:hover > img {
	/* opacity:1; */
}

.buynow-logos a:hover {
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
}

.buynow-tile {
    padding-right: 5px;
    padding-left: 5px;
}

/* .buynow-logos a:first-child {
	margin-left:0;
} */

.btn-buynow-logo {
	padding:5px 10px;
	margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100px;
}

select.retailer_list {
	padding:5px 10px;
	width: 320px;
}

section.string-animation .row.anim-desc.pedals-anim {
	margin-bottom:0px;
	bottom:-30%;
}

section.pedals-how-its-made .container {
	width: 100%;
    padding: 0 120px;
    margin: 275px 0 120px 0;
}

section.pedals-how-its-made .container {
	width: 100%;
    padding: 0 120px;
    margin: 275px 0 120px 0;
}


section.pedals-how-its-made .pedals-him-content {
	max-width:800px;
	padding: 0 60px;
	left:0;
}

section.pedals-how-its-made .pedals-him-content p {
	margin: 30px 0;
}

section.pedals-how-its-made div.row {
    background-color:#f7f7f7;
}

section.pedals-how-its-made div.row:nth-child(even) .pedals-him-content {
	left:50%;
}

section.pedals-how-its-made div.row:nth-child(odd) .pedals-him-img {
	left:50%;
}

.product-image-selector .product-photo.active {
	border: 2px solid #FF10A4;
}

.product-image-selector .swiper-slide:hover {
	cursor: pointer;
}

.product-image-selector {
    width: 80%;
}

.product-image-selector .swiper-slide img {
	/* fix for ff */
	object-fit: contain;
}

.anim-left-container {
	height: 70%;
    display: block;
    width: 10%;
	position:absolute;
	left:0;
	cursor: pointer;
	z-index:9;
}

.anim-right-container {
	height: 70%;
    display: block;
    width: 10%;
	position:absolute;
	right:0;
	cursor: pointer;
	z-index:9;
}

.anim-left-container.disabled,
.anim-right-container.disabled {
	opacity:.25;
	cursor:default;
}

.anim-left {
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 13px);
    right: initial;
    border-left: 1px solid #FF10A4;
    border-bottom: 1px solid #FF10A4;
    position: absolute;
    left: 30px;
}

.anim-right {
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 13px);
    left: initial;
    border-right: 1px solid #FF10A4;
    border-top: 1px solid #FF10A4;
    position: absolute;
    right: 30px;
}

section.pedals-how-its-made.vp40 h3 {
	font-size: 38pt;
    font-family: "Gotham Cond A", "Gotham Cond B";
	font-style: normal;
	font-weight: 700;
	letter-spacing:0;
	text-rendering: geometricPrecision;
}

section.pedals-how-its-made.tremolo h3 {
	font-size: 32pt;
	font-style: normal;
	font-weight: 900;
	letter-spacing:-.5px;
	text-rendering: geometricPrecision;
}

section.threesixty-view .threesixty-view-desc.vp40 h2 {
	font-size: 38pt;
	line-height: 34pt;
    font-family: "Gotham Cond A", "Gotham Cond B";
	font-style: normal;
	font-weight: 700;
	letter-spacing:0;
	text-rendering: geometricPrecision;
}

section.threesixty-view .threesixty-view-desc.tremolo h2 {
	font-size: 32pt;
	line-height: 34pt;
	font-style: normal;
	font-weight: 900;
	letter-spacing:-.5px;
	text-rendering: geometricPrecision;
}

section.pedals-how-its-made .container.tremolo {
	margin-top:30px;
}

section.blues-video {
	margin-top:30px;
}

.pedal-highlights-container {
	padding:60px 60px 30px 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	section.threesixty-view .threesixty-view-desc.vp40 h2 {
		font-size: 30pt;
		line-height: 30pt;
	}
	
	section.threesixty-view .threesixty-view-desc.tremolo h2 {
		font-size: 30pt;
		line-height: 30pt;
	}
	
	section.pedals-how-its-made.tremolo h3 {
		font-size: 24pt;
		font-style: normal;
		font-weight: 900;
		letter-spacing:-.5px;
		text-rendering: geometricPrecision;
	}
}


section.pedal-hero .pedal-buttons-vp40 {
    position: absolute;
    bottom: 30%;
    text-align: center;
    left: 50%;
    right: 0;
    width: 50%;
}

section.pedals-how-its-made .container.vp40 {
	margin:0;
}

.container.more-videos.vp40 {
	margin-bottom:0px;
	margin-top: 30px;
}


@media only screen and (min-width: 992px) {
	section.pedals-how-its-made .container.vp40 {
	    margin-bottom: 60px;
	}
}

@media only screen and (max-width: 767px) {
	section.pedals-how-its-made .container.vp40 {
	    margin-bottom: 0px;
	}
	
	section.video .container.more-videos.vp40 {
	    margin-top: 30px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	section.pedal-hero .pedal-buttons-vp40 {
	    position: absolute;
	    bottom: 20%;
	    text-align: center;
	    left: 50%;
	    right: 0;
	    width: 50%;
	}
	
	.pedal-buttons-vp40 a.btn-pink,
	.pedal-buttons-vp40 a.btn-default {
		padding: 8px 12px;
	}
	
	.pedal-highlights-container {
		padding:30px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	section.pedal-hero .pedal-buttons-vp40 {
	    position: absolute;
	    bottom: 5px;
	    text-align: center;
	    left:0;
	    right: 0;
	    width: 100%;
	}
	
	.pedal-buttons-vp40 a.btn-pink,
	.pedal-buttons-vp40 a.btn-default {
		padding: 8px 12px;
	}
	
	section.pedals-how-its-made.vp40 h3 {
	    font-size: 30pt;
	}
	
	section.pedals-how-its-made.tremolo h3 {
    	font-size: 18pt;
    }
	
	section.pedals-how-its-made.vp40 .pedals-him-content {
    	margin-top: 15px;
		margin-bottom: 0;
	}
	
	section.pedals-how-its-made.vp40 .container.tuner {
		margin-top:15px;
		margin-bottom:15px;
	}
	
	.pedal-highlight {
		padding-bottom:30px;
	}
	
	.pedal-highlights-container {
		padding:15px;
	}
	
	.pedal-highlights-container {
    	padding: 30px 15px 0;
	}
	
}


/* responsive video embed style */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-background {
	position:relative;
}

.video-container {
	background-color:black;
	
}

.video-container video {
	width:100%;
	opacity: 0.75;
	margin-bottom:-5px;
}

.play-video-container {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    z-index:9
}

.play-video-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.play-video {
	display: inline-block;
    vertical-align: middle;
    color:#FFF;
    text-transform: uppercase;
    font-weight:900;
    text-shadow: 0 0 30px rgba(0,0,0,.75);
    white-space: normal;
    font-size: 12pt;
}

.play-video i.fa-play {
	border: 3px solid #FFF;
    padding: 10px 20px;
    outline:1px solid transparent;
    
        	-webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
    -webkit-backface-visibility: hidden;
}

a.play-video:hover i.fa-play {
	outline:10px solid rgba(0,0,0,.5);
	background-color:rgba(0,0,0,.5);
	color:#bbb;
	border-color:#bbb;
	text-decoration: none;
	
}

.play-video h4 {
	font-weight:700;
	text-transform: none;
	margin:20px 0 5px 0;
}

.play-video p {
	font-weight:300;
	text-transform: none;
	max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
	
a.play-video:hover,
a.play-video:focus {
	color:#FFF;
    text-decoration: none;	
}

#videoOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #000;
	bottom: 0;
	left: 0;
	z-index: 9999;
}

#videoOverlay .close {
	margin:20px;
	color: #fff;
	text-align: center;
}

#videoOverlay .close:hover {
	opacity: .9;
}

#videoOverlay .video .iframe {
	z-index: 99999;
}

section.pedals-how-its-made .container.tuner {
	margin-top:120px;
}

.container.more-videos {
	margin-top: 60px;
    text-align: center;
}

.col-sm-6.other-video {
    margin-bottom: 30px;
}

.other-video-container {
	position:relative;
}

.other-video-desc {
	text-align: center;
}

.other-video-desc h4 {
	margin-top: 20px;
}

/* threesixty viewer */

section.threesixty-view {
	padding-bottom:30px;
	padding-top:30px;
}

section.threesixty-view h2 {
    margin-top: 10px;
    font-size: 30pt;
}

section.threesixty-view h5 {
    margin: 0;
    font-weight: 300;
    color: #000;
}

.tap-tempo .threesixty_images img {
	max-width:300px; /* max width 300px for tap tempo images (for now) */
}

.horizontal-360-padding-top {
	padding-top:100px;
}


/* xs */
@media only screen and (max-width: 767px) {
	
	.threesixty-view-desc {
		padding-top:30px;
	}
	
}

/* sm */
@media only screen and (min-width: 768px) and (max-width:991px) {

	.threesixty-view-desc {
		padding-top:60px;
	}
	
}

/* md */
@media only screen and (min-width: 992px) and (max-width:1199px) {
	
	.threesixty-view-desc {
		padding-top:120px;
	}
	
}

/* lg */
@media only screen and (min-width: 1200px) and (max-width:1439px) {

	section.threesixty-view {
		padding-top:0;
	}

	.threesixty-view-desc {
		padding-top:120px;
	}
	
}

/* xl */
@media only screen and (min-width: 1440px) and (max-width:1599px) {
	
	.threesixty-view-desc {
		padding-top:160px;
	}
	
}

/* xl */
@media only screen and (min-width: 1600px) {
	
	.threesixty-view-desc {
		padding-top:140px;
	}
	
}



/* Paradigm Specific styles */

.stroke-white {
   color: white;
   -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: white;
   letter-spacing: 2px;
   font-weight: 700;
}

.paradigm-microsite-launcher {
	background: #000;
	background:url('/assets/images/paradigm/plasma.jpg');
	height:800px;
	background-position: center top;
	background-size: cover;
	text-align: center;
}

/* xs */
@media only screen and (max-width:767px) {
	.paradigm-microsite-launcher {
		background:#000;
		background:url('/assets/images/paradigm/plasma-mobile-pdp.jpg');
		background-position: center 15%;
		background-size: cover;
		height:600px;
	}
}
/* xl */
@media only screen and (min-width: 1430px) and (max-width: 1799px) {
	.paradigm-microsite-launcher {
	    background: #000;
	    height: 800px;
	    background:url('/assets/images/paradigm/plasma.jpg');
	    background-position: center center;
	    background-size: cover;
	}
}

/* xl */
@media only screen and (min-width: 1800px) {
	.paradigm-microsite-launcher {
	    background: #000;
	    height: 900px;
	    background:url('/assets/images/paradigm/plasma.jpg');
	    background-position: center center;
	    background-size: cover;
	}
}

.paradigm-microsite-title {
	padding-top:60px;
}

p.subhead {
	font-size:10pt;
	font-weight:500;
	letter-spacing: 2px;
	color:#FFF;
	margin-top: 5px;
	text-transform: uppercase;
}


.btn-paradigm-white {
	border: 2px solid #FF10A4;
	background-color:transparent;
}

.btn-paradigm-black {
	border: 2px solid #FF10A4;
	background-color:transparent;
	color:#000;
}

.btn-paradigm-white:active,
.btn-paradigm-black:active,
.btn-paradigm-white:focus,
.btn-paradigm-black:focus
 {
	background-color:transparent;
}

.btn-pink.btn-paradigm-black:focus {
	color:#000;
}

.btn-pink.btn-paradigm-white:focus {
	outline: transparent;
}



/* FlexTune PDP */
.flextune-mobile-hero {
    margin-top: 5% !important;
}

.find-compare2 {
	display:inline-block;
}

.find-compare2 a {
    color: #888;
    font-weight: 700;
    letter-spacing: -0.5px;
    font-size: 8pt;
    text-transform: uppercase;
    
}

/* catalog template style */

.container.catalog-container {
	width:85%;
}

section.catalog-content a:focus {
	text-decoration: none!important;
}
.catalog-item-description {
	text-align: center;
	color:#000;
	margin-bottom:30px;
}

.catalog-item-description h5 {
	letter-spacing:0px;
}

.catalog-item-description h6 {
	letter-spacing:2px;
	color:#999;
	font-weight:500;
}

.technology-heading {
	margin-top:60px;
	margin-left:30px;
	z-index: 5;
}

.technology-heading h5 {
	margin: 0;
    font-weight: 300;
    color: #000;
}	

.technology-heading h2 {
	margin-top: 10px;
	font-size:30pt;
	
}

section.catalog-content {
    margin-bottom: 60px;
}

section.category-info.container-full {
    background-color: #eee;
    padding: 60px 0;
    text-align: center;
}

section.category-info h4 {
	margin-bottom:20px;
	font-size:26px;
}

section.category-info a {
	color:#FF10A4;
}

.read-more-container {
	text-align: center;
	width:100%;
	display:block;
	margin:15px 0 0;
}

section.category-info a.read-more-link {
	font-size:9pt;
	font-weight:500;
	color:#888;
	text-decoration: none !important;
}

a.read-more-link:active,
a.read-more-link:focus,
a.read-more-link:visited {
	color:#888;
}

section.category-info a.read-more-link:hover {
	color:#000;
}

#longDescription {
	max-width: 800px;
    margin: 0 auto;
}

a.hover-img .catalog-item-description h5,
a.hover-img .catalog-item-description h6,
a.hover-img .catalog-item-description p,
a#compare-toggle .find-yr {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

a.hover-img .catalog-item-description p {
	color:#666;
}


a.hover-img:hover .catalog-item-description h6 {
	color:#000;
}

a.hover-img:hover .catalog-item-description p {
	color:#000;
}

a#compare-toggle:hover .find-yr {
	color:#FF10A4;
}

/* TONE PROFILE CSS FROM SLINKY SITE */

.measure {
    font-size: 10pt;
    line-height: 13pt;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 7px;
	color:#000;
}
.measure .scale {
	border: 1px solid #aaa;
	height: 15px;
	padding-left: 1px;
	max-width:450px;

}
.measure .scale .bar {
	background-image: url('../images/tone-level.png');
	background-position-x: right;
	height: 14px;
	background-repeat: no-repeat;
}

.tone-pack-info {
	background-color:#f7f7f7;
	padding: 0 0 60px 0;
}

.tone-pack-profile {
	margin-bottom:20px;
	padding-left: 30px;
    padding-right: 30px;
}

.tone-pack-profile h4 {
	text-align: center;
	height:30px;
}

.tone-pack-profile ul {
	padding-left:20px;
	height:90px;
}

.tone-pack-profile ul li {
	list-style: square;
	font-size:10pt;
}

/* apparel pdp style */

section.apparel-pdp {
	padding-top: 120px;
}

section.apparel-pdp .optins a.a-width.active.selected {
	background-color: black;
    border-color: #000;
    color: #FFF;
}

section.apparel-pdp .optins a.a-width {
	text-decoration: none !important;
}

section.apparel-pdp .optins a.a-width:hover {
	color:#000;
	border-color:#000;
}

.product-selector-container .swiper-slide a {
	text-decoration: none !important;
	width: inherit; /* this fixes the firefox image width bug */
}

/* compare modal style */
.compare-modal .modal-dialog {
	width:100%;
	margin:0;
}

.compare {
	    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
}

.compare-modal .close {
	opacity:1;
}

.compare-modal .modal-header h1 {
	font-weight:900;
	margin:60px 0 10px;
	font-size: 60pt;
	line-height: 60pt;
}

.compare-modal .modal-header p {
	font-weight:700;
	letter-spacing:2px;
}

.compare-modal .modal-body {
	padding:0;
}

.compare-modal .measure {
	color:#FFF;
}

.compare-modal h3 {
	text-align:center;
}

.compare-remove {
    border-radius: 100%;
    text-decoration:none !important;
    position: absolute;
    left: 5%;
}

.compare-remove div {
    width: 40px;
    height: 40px;
    background-color: #FFF;
    border-radius: 100%;
    padding: 0px 10px;
    color: #000;
    font-size: 22pt;
    transform: rotate(45deg);
}

.compare-item p.drag-text span {
	color:#AAA;
}

.compare-item.active p.drag-text span {
	color:#FFF;
}

.no-circle span {
	border:none;
}

.modal-footer .return {
	margin:40px 0;
}

.modal-footer .return a {
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.modal-footer .return a:hover {
	color:#FFF;
	background-color:#000;
}

.drag-drop-container {
	width:100%;
	padding-top: 33%;
}



.drag-drop-label {
	font-weight: 700;
    letter-spacing: -.5px;
    font-size: 12pt;
    line-height: 12pt;
    margin-top: 20px;
}

/* search results style */

section.search-results {
	margin-top:120px;
}

h2.search-results-heading {
	margin: 60px 0 0 0;
    border-bottom: 1px solid #e5e8e7;
    padding-bottom: 40px;
}

.search-result-container {
	border-bottom: 1px solid #e5e8e7;
	padding: 30px 0px;
    font-size: 12pt;
}

.search-result-container:last-child {
	margin-bottom:60px;
}

.search-result-desc {
	padding:20px 0;
}

.search-result-url {
	font-size:10pt;
	color:#999;
}

/* string theory landing style */

section.string-theory-content {
	margin: -30px 5% 90px;
}
section.string-theory-content.striking-a-chord {
	margin: 0px 5% 90px;
}
section.string-theory-content.training {
	margin: 30px 5% 90px;
}

.string-theory-title-1 {
	font-weight:700;
	letter-spacing:1.25em;
	margin-bottom:60px;
}

.string-theory-title-2 {
	font-weight:100;
	letter-spacing:1.5em;
}

.string-theory-subtitle-container {
	position: absolute;
    color: #FFF;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
}

.string-theory-subtitle {
	padding:0 20px;
	margin:0;
}

.string-theory-band {
	font-weight:300;
	line-height: 14pt;
}

.string-theory-pack {
	position: absolute;
    bottom: -30px;
    left: 30px;
    width: 20%;
	z-index: 1;
}
.string-theory-pack-2 {
	position: absolute;
    bottom: -30px;
    left: 100px;
    width: 20%;
	z-index: 0;
}

.string-theory-desc-container p {
	margin: 20px 0;
}
.string-theory-desc-container .sac-description {
	margin: 20px 0 0 0;
}

section.string-theory-header .string-theory-logo {
    opacity: 1;
    padding:0 10%;
}

section.string-theory-content div.play-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

section.string-theory-content div.play-icon i {
    font-size: 24pt;
    border: 1px solid #FFF;
    border-radius: 100%;
    padding: 15px;
    width: 60px;
    height: 60px;
    line-height: 23pt;
    padding-left: 19px;
    color: #fff;
    	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-backface-visibility: hidden;
    box-shadow: 0px 0px 10px rgba(0,0,0,.5);
}

section.string-theory-content .padd0 a:hover div.play-icon i {
	box-shadow: 0px 0px 40px rgba(0,0,0,.8);
	border-color:#FF10A4;
	color:#FF10A4;
}

/* sound of warped landing style */

section.sound-of-warped-content {
	margin: 90px 5% 90px;
}

.sound-of-warped-title-1 {
	font-weight:700;
	letter-spacing:1.25em;
	margin-bottom:60px;
}

.sound-of-warped-title-2 {
	font-weight:100;
	letter-spacing:1.5em;
}

.sound-of-warped-subtitle-container {
	position: absolute;
    color: #FFF;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
}

.sound-of-warped-subtitle {
	padding:0 20px;
	margin:0;
}

.sound-of-warped-band {
	font-weight:300;
	line-height: 14pt;
}

.sound-of-warped-pack {
	position: absolute;
    bottom: -30px;
    left: 30px;
    width: 20%;
}

.sound-of-warped-desc-container p {
	margin: 20px 0;
}


section.sound-of-warped-header .vcenter-header-image-container img:last-child {
    opacity: 1;
    padding:0 10%;
}

section.sound-of-warped-content div.play-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

section.sound-of-warped-content div.play-icon i {
    font-size: 24pt;
    border: 1px solid #FFF;
    border-radius: 100%;
    padding: 15px;
    width: 60px;
    height: 60px;
    line-height: 23pt;
    padding-left: 19px;
    color: #fff;
    	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-backface-visibility: hidden;
    box-shadow: 0px 0px 10px rgba(0,0,0,.5);
}

section.sound-of-warped-content .padd0 a:hover div.play-icon i {
	box-shadow: 0px 0px 40px rgba(0,0,0,.8);
	border-color:#FF10A4;
	color:#FF10A4;
}


.sow-coming-soon {
	font-size: 22px;
    color: #000;
    font-weight: 300;
    text-transform: uppercase;
}

.sow-coming-soon-artist-name {
	font-size: 26px;
    color: #000;
    font-weight: 900;
    text-transform: uppercase;
}

.sow-coming-soon-artist-band {
	font-size: 12pt;
    color: #000;
    font-weight: 300;
    text-transform: uppercase;
    margin-top:5px;
}

.sow-coming-soon-img {
	-webkit-filter: grayscale(100%) brightness(.85);
	filter: grayscale(100%) brightness(.85);
	filter: url(desaturate.svg#greyscale);
}

/* video modal style */

.videoModal .modal-content {
	background-color:#000;
}

.videoModal {
	padding-right:0px !important;
}

/* product modal style */

.modal .product-modal {
	height:100%;
}

.product-modal .modal-dialog {
	height:100%;
	width: 100%;
    margin: 0;
}

.product-modal .modal-content {
	height:100%;
}

.product-modal .modal-header {
	height:80px;
}

.product-modal .modal-body {
	height:calc(100% - 160px);
}

.product-modal .modal-body img {
	max-height:100%;
	margin:0 auto;
}

.product-modal .modal-footer {
	height:80px;
}

.product-modal .modal-footer button {
	margin:0;
}


/* FAQ Styles */

.vcenter-title-container {
	text-align: center;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    color:#fff;
}

.vcenter-title-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.vcenter-title-container .faq-title h1 {
	color:#fff;
	font-size:36pt;
	font-weight:900;
	text-align: center;
	margin: 0px;
}

.vcenter-title {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}

.products-title {
    font-size:54pt;
}

.meet-family-title {
    display: inline-block;
    vertical-align: middle;
}

.meet-family-title h1 {
	font-size: 54pt;
    color: #FFF;
    font-weight: 900;
}

.vcenter-header-image-container {
	background-color:#000;
	position: relative;
}

.vcenter-header-image-container img {
	/*opacity:.6;*/
}


.vcenter-header-image-container.no-opacity img {
	opacity:1;
}

.collection.vcenter-header-image-container img {
	
}

section.string-theory-header .vcenter-header-image-container img {
	opacity:.9;
}

.faq-nav-container {
	border-bottom:1px solid #ccc;
	text-align: center;
}

.faq-nav-container select {
	width: 100%;
    height: 40px;
    padding-left: 10px;
    margin: 20px 0;
}

.faq-nav {
	list-style: none;
	margin:20px auto;
	display:inline-block;
	padding:0;
}

.faq-nav li {
	display:inline-block;
	text-align:center;
	padding:0 15px;
}

.faq-nav li:first-child {
	padding-left:0px;
}

.faq-nav li:last-child {
	padding-right:0px;
}

.faq-nav li a {
	color:#999;
	text-transform:uppercase;
	font-size:10pt;
	font-weight:700;
	letter-spacing:1px;
	-webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
    -webkit-backface-visibility: hidden;
}

.faq-nav li a:hover {
	text-decoration: none;
	color:#000;
}

.faq-nav li a:active,
.faq-nav li a:focus {
	font-weight:700;
	text-decoration:none;
	color:#000;
}

.faq-question {
	text-align:center;
}

.faq-question .question-container {
	padding:40px 0;
	background-color:#fbfbfb;
	-webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
    -webkit-backface-visibility: hidden;
}

.faq-question:nth-child(odd) .question-container {
	background-color:#f5f5f5;
}

.faq-question:hover .question-container {
	color: #FFF;
    background-color: #FF10A4;
}

.faq-question:hover .question-container .arrow-down {
	border-color:#FFF;
}

.faq-question[aria-expanded="true"] .question-container {
	background-color:#FF10A4;
	color: #FFF;
}

.faq-question[aria-expanded="true"] .question-container .arrow-down {
	border-color:#fff;
	transform: rotate(-225deg);
}

.question-category {
	text-transform:uppercase;
	font-size:10pt;
	color:999;
	font-weight:100;
}

.question-title {
	margin: 0 20px 10px 20px;
	font-weight: 300;
	font-size:16pt;
	line-height: 22pt;
	text-transform: none;
	max-width: 800px;
    margin: 0 auto;
}

.faq-answer p {
	margin:40px auto;
	max-width: 800px;
}

.category-heading {
	text-align:center;
	text-transform: uppercase;
	font-size:22pt !important;
	margin:60px 0;
}

/* responsive video embed style */

.videoWrapper {
	position: relative;
	padding-bottom: 50%; /* old: 56.25%;  16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

section.instrument-video {
	margin-top:60px;
}

/* related products style */
.row-related {
	margin: 0 60px;
}

.related-title {
	letter-spacing:5px;
	margin:0 0 40px 0;
}

.related-name {
	letter-spacing:1px;
	line-height:initial;
	font-weight:700;
}

.steel-sam-hie a:focus {
	text-decoration:none;
}


.related-product a.hover-img h5 {
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.related-product a.hover-img:hover h5 {
	color:#000;
}

@media only screen and (min-width: 601px) and (max-width:799px) { /* only show 4 on phablets and portrait tablets */
	.steel-sam-hie:last-child {
		display:none;
	}
	
	.steel-sam-hie {
		width:50%;
		height:350px;
	}
}

/* newsletter style */

.collector-fieldset {
	text-align: center;
}

.collector-button {
	display:inline-block;
	margin-top:10px;
	width:auto;
}

.collector-alert {
    padding: 15px 0;
}

#newsletter-first_name,
#newsletter-last_name,
#newsletter-email {
	font-size:12pt;
}

/* career section styles */

section.career {
	background-color:#fcfcfc;
}

section.career .row.career-header {
    margin: 60px 0;
}

/* footer styles */

.footer {
	background-color:#FFF;
	padding:0;
	font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
	font-size: 12pt;
	width: 100%;
}

.footer a {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-backface-visibility: hidden;
}

.footer a:hover {
	color:#FF10A4;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-backface-visibility: hidden;
}

.footer .footer-right a:hover {
	text-decoration: none;
}

.footer h4 i {
	font-size:18pt;
}

.footer .container {
	padding:0;
	width:100%;
}

.footer ul {
	list-style: none;	
}

.footer ul li a {
	color:#999;
	line-height: 1.6em;
	font-size:10pt;
}

.footer-left {
	margin: 40px 0 0 0;
}

.footer-right h4 {
	text-align: center;
	color:#000;
}

.footer-right .contact-phone h4 {
	text-align: center;
	color:#000;
	font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
	font-weight: 300;
}

a.store-locator {
	background:url("../images/store-locator-bg.jpg") center center;
	height:190px;
	-webkit-background-size:756px 320px;
	-moz-background-size:756px 320px;
	-o-background-size:756px 320px;
	background-size: 756px 320px;
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-backface-visibility: hidden;
    background-position: center;
}

a.store-locator:hover {
	
	-webkit-background-size:808px 342px;
	-moz-background-size:808px 342px;
	-o-background-size:808px 342px;
	background-size:808px 342px;
	background-position: center;
}

.contact-phone {
	height:190px;
}

.social-tile,
.footer-tile {
    float:left;
    position: relative;
    width: 20%;
    padding-bottom : 20%; /* five items width */
    margin:0;
    overflow:hidden;
    background-color:#F4F4F4;
    color:#C2C2C2;
    font-size:21pt;
}

.footer-tile { /* half-width for store locator, contact phone */
    width: 50%;
    background-color:#fff;
}

.social-tile:nth-child(even) {
	background-color:#EBEBEB;
}

.social-tile .content,
.footer-tile .content {
    position:absolute;
    height:100%;
    width:100%;
    padding: 10% 5%;
}

.social-tile .table,
.footer-tile .table{
    display:table;
    height:100%;
    width:100%;
}

.social-tile .table-cell,
.footer-tile .table-cell{
    display:table-cell;
    vertical-align:middle;
    height:100%;
    width:100%;
    text-align: center;
}
.social-tile .table-cell img,
.footer-tile .table-cell img {
	height: 28px;
	opacity: 0.3;
}
a.social-tile:visited {
	color:#C2C2C2
}

a.social-tile:active {
	color:#C2C2C2
}

a.social-tile.youtube:hover,
a.social-tile.youtube:active {
	/*color:#cd201f;*/
	color:#FF10A4;
}

a.social-tile.twitter:hover,
a.social-tile.twitter:active {
	/*color:#55acee;*/
	color:#FF10A4;
}

a.social-tile.facebook:hover,
a.social-tile.facebook:active {
	/*color:#3b5999;*/
	color:#FF10A4;
}

a.social-tile.googleplus:hover,
a.social-tile.googleplus:active {
	/*color:#DC4E41;*/
	color:#FF10A4;
}
a.social-tile.tiktoc:hover .table-cell img,
a.social-tile.tiktoc:active .table-cell img {
	opacity: 1.0;
}
a.social-tile.instagram:hover,
a.social-tile.instagram:active {
	/*color:#125688;*/
	color:#FF10A4;
}

a.contact-phone i {
-webkit-transition: -webkit-transform 200ms ease-out;
-moz-transition:    -moz-transform 200ms ease-out;
-o-transition:      -o-transform 200ms ease-out;
-ms-transition:     -ms-transform 200ms ease-out;
transition:         transform 200ms ease-out;
-webkit-backface-visibility: hidden;
-ms-transform: rotate(+20deg); /* IE 9 */
    -webkit-transform: rotate(+20deg); /* Chrome, Safari, Opera */
    transform: rotate(+20deg);
}

a.contact-phone:hover i {
	-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    transform: rotate(-20deg);
}

.footer-bottom {
	padding-top:40px;
	padding-bottom:40px;
    background-color: #333;
    font-size: 10pt;
    color: #FFF;
}

.footer h5 {
	margin-top:0px;
}

.footer ul {
	padding-left:0;
}


.footer input.email-input {
	padding:4px 8px;
	border:none;
	border-radius: 0px;
	height:39px;
	color:#000;
	width: 100%;
}

.footer #newsletterModal {
	margin:0;
}

.footer div.copyright {
	font-size:8pt;
	line-height: 8pt;
	color:#C1C1C1;
}

.footer .newsletter-signup {
	margin:0 auto;
	display:block;
	font-size:9pt;
}

.footer .newsletter-signup p {
	margin-bottom:10px;
}

.footer label {
	text-transform: uppercase;
    font-size: 9pt;
    letter-spacing: 1px;
}

.copyright-centered {
	color:#bbb;
	text-transform:uppercase;
	font-size:8pt;
	letter-spacing:1px;
	text-align:center;
	margin-top:40px;
}

/* modal styles */

.modal-header {
	padding: 30px 30px 15px 30px;
	border-bottom:0;
}

.modal-content {
	border-radius:0;
}

.modal-body {
	padding: 0 30px;
}

.modal-body p {
    margin: 15px 0;
}

.modal-footer {
	padding: 15px 30px 30px 30px;
	border-top:0;
}

.cross
{
width:24px;
height:24px;
}

.cross-outer
{
height:24px;
width:2px;

background-color:black;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
Z-index:1;

}

.cross-inner
{
height:24px;
width:2px;

background-color:black;
transform: rotate(90deg);
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Safari and Chrome */
Z-index:2;

}

.bg-404 {
	background-image: url('../images/404-bg.jpg');
    background-size: cover;
    background-position: top center;
    min-height: 300px;
    max-height: 800px;
    overflow: hidden;
}

.container-404 {
	position:absolute;
	top:26%;
	width: 100%;
	
}

.container-full.bg-404 .row {
	margin-top:100px;
}

.container-404 img {
	margin:0 auto;
}

.bg-404 p {
	font-weight:100;
	font-size:12pt;
	line-height:18pt;
	text-align: center;
	margin:20px 0;
}


/* sitemap style site map */

section.sitemap {
	background-color: #fcfcfc;
	padding-bottom:60px;
}

.row.sitemap-header {
    margin-top: 60px;
}

section.sitemap h2 {
	font-size:20pt;
}

section.sitemap h3 {
	font-size:16pt;
}

section.sitemap h4 {
	font-size:12pt;
	margin-left:30px;
	font-weight:500;
	text-transform: none;
}

section.sitemap h2 a,
section.sitemap h3 a {
	color:#000;
}

section.sitemap h4 a {
	color:#666;
}

section.sitemap a {
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    text-decoration: none !important;
	
}

section.sitemap a:hover {
	color:#FF10A4;
}

section.sitemap small {
	display:block;
	font-size:9pt;
	text-transform: none;
	margin-top:5px;
	color:#999;
}


/* dealer locator style */

section.dealers {
    padding-top: 140px;
}

.location-container {
	padding:20px 0;
	display:inline-block;
}

input#project1,
select.select {
	padding:10px;
	width:210px;
	border-width: 1px;
    border-color: #000;
    height: 43px;
}

input.submit-location {
	margin-top: -1px;
    height: 43px;
}

section.pro-ele-bg {
    height: 0px;
    padding: 0px;
}

.no-dealers-found h2 {
	font-size:14pt;
}

.elite-dealer-links {
	text-transform: uppercase;
	margin:0;
	display:inline-block;
	float:right;
    width: 580px;
    padding: 20px 0;
}

.elite-dealer-links a {
    display: inline-block;
    width: 85px;
    margin: -7px 3px 0;
}

a.load-video {
	outline: none;
	text-decoration: none !important; 
}

/* free sticker sign up page style */

.sticker-reg-container {
	margin:60px 0;
}

.sticker-reg-container input[type="submit"] {
	float:right;
}

.sticker-reg-container .steps {
	color:#999;
	display:inline-block;
	margin: 12px 10px;
	float:right;
}

/* Paradigm Beta Landing Page styles */

section.paradigm-coming-soon {
	text-align: center;
	margin-top:120px;
	color:#434343;
	margin-bottom:260px;
}

section.paradigm-coming-soon h1 {
	margin:0;
}

section.paradigm-coming-soon h3 {
	margin: 30px 0;
	font-weight:500;
}

section.paradigm-coming-soon p {
	font-size: larger;
}

section.paradigm-coming-soon img {
	margin:30px 0;
}


#showroom-swiper:hover .swiper-button-next,
#showroom-swiper:hover .swiper-button-prev {
    opacity: 1;
}



/*****************************************************
*****************RESPONSIVE STYLES *******************
*****************************************************/

/* xs */ 
@media only screen and (max-width: 480px) {
	
	header .drawer-nav .drawer-menu-item {
    	padding: 15px 20px;
	}

	.footer-tile {
		width:100%;
	}
	
	.footer .newsletter-signup p {
    	margin-bottom: 10px;
    	width: 100%;
    	margin: 0 auto;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content .slide-content-right p {
	    font-size:8pt;
	    line-height:9pt;
    }
    
    #home-swiper .swiper-slide .slide-content .slide-content-right.one-third h1 {
    	font-size: 20pt;
	}
	
	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom:5px;
	}
	
	.sound-whole-heading {
		font-size:18pt !important;
		margin-top:-40px !important;
	}
	

}


/* Fixes breaks on the product catalog page. */
/* iphone6 */ 
@media only screen and (min-width: 375px) and (max-width: 767px) {
	section.catalog-content .catalog-container .row div:nth-child(2n+1){
	    clear:both;
	}
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
	section.catalog-content .catalog-container .row div:nth-child(3n+1){
	    clear:both;
	}
}

@media only screen and (min-width: 991px) {
	section.catalog-content .catalog-container .row div:nth-child(4n+1) {
		clear: both;
	}
}
/* Fixes breaks on the product catalog page. */



/* iphone6 - 6+ */ 
@media only screen and (min-width: 375px) and (max-width: 414px) {
	section.home-slider #home-swiper .swiper-slide .slide-content .slide-content-right h1 {
		font-size: 32pt;
		margin: 20% 0 10px;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.thirds-layout h1 {
		font-size:30pt;
		margin:10px 0;
	}
	
	.visible-xs.home-slider-cta {
	    position: absolute;
	    bottom: 35px;
	    left: 0;
	    right: 0px;
	    margin: 0 auto;
	    width: 200px;
    }
}



/* BELOW sm */
@media only screen and (max-width: 767px) {
	
	.header {
		padding: 4px 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content {
		top:initial;
		bottom:15%;
	}
    
    section.home-slider #home-swiper .swiper-slide .slide-content p {
	    font-size:8pt;
	    line-height:9pt;
    }
	
	section.home-slider #home-swiper .swiper-slide .slide-content.left-layout,
	section.home-slider #home-swiper .swiper-slide .slide-content.right-layout,
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout
	 {
		width:100%;
		display:block;
		text-align: center;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout {
		left:0px;
		right:0px;
		width:100%;
		bottom: -1%;
		top:initial;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout .pot-container {
		position:relative;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1 {
		font-size: 20pt;
		margin-top: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout h1 {
		font-size: 20pt;
		font-weight: 900;
		letter-spacing: -0.05em;
	}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
    
    .visible-xs.home-slider-cta {
	    position: absolute;
	    bottom: 30px;
	    left: 0;
	    right: 0px;
	    margin: 0 auto;
	    width: 200px;
    }
    
    
    section.home-slider #home-swiper .swiper-slide .slide-content.right-layout,
    section.home-slider #home-swiper .swiper-slide .slide-content.left-layout {
	    width:90%;
	    left:0px;
	    right:0px;
	    margin:0 auto;
    }
    

    
    section.home-slider #home-swiper .swiper-slide .slide-content .slidecontent-right {
	    text-align: left;
    }
   
    section.home-slider #home-swiper .swiper-slide .product-left img {
    	max-height: 100px;
		float: right;
		margin-right: 10px;
	}

	.swiper-button-next.swiper-right {
		display:none;
	}
	
	.swiper-button-prev.swiper-left {
		display:none;
	}
	
	.drawer-dropdown-menu-item {
	    border-bottom: 1px solid #2c2c2c;
	}
	
	section.tone-bg .row:nth-child(2) .col-md-6:nth-child(1) .homepage-tile h5 {
    	margin-bottom: 11%;
	}
	
	section.products-landing .container {
		padding-left:15px;
		padding-right:15px;
	}
	
	section.about {
    	padding-top: 20px;
	}
	
	section.about .row.about-header h6 {
		font-size:7pt;
	}
	
	section.about .row.about-header h1 {
		font-size:34pt;
	}
	
	section.artist-list .artist-list-header h1 {
		font-size:34pt;
	}
	
	.string-pdp .atc-butt .addToCart {
		display:block;
		width:100%;
	}
	
	.technology-heading {
		margin-top:30px;
		margin-left:0;
	}
	
	.technology-heading h2 {
		font-size:18pt;
	}
	
	.products-title {
    	font-size: 24pt;
	}
	
	.row-eq-height {
		display:block;
	}
	
	.vertically-centered-40 {
		position:relative;
		top:initial;
		transform:none;
	}
	
	.vertically-centered-50 {
		position:relative;
		top:initial;
		transform:none;
	}
	
	.orginal-hover {
	    opacity: 1;
	}
	
	.super-main {
    	margin: 60px 0;
	}
	
	.lagecy-bg {
		padding:30px 15px;
	}
	
	section.products-landing .super-img3 a img {
		-o-transform: scale(1,1);
		-ms-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
	
	.catalog-item-description h6 {
		line-height:12pt;
	}
	
	a.hover-img p {
		line-height:12pt;
	}
	
	.atc-butt {
		margin-right:10px;
		/*width: 100%;*/
		width: calc(100% - 75px);
	}
	
	.find-compare-mobile {
		text-align: center;
		color:#888;
		margin: 15px 0 0;
	}
	
	.find-compare-mobile a {
		color:#888;
		font-weight:700;
		letter-spacing: -0.5px;
		font-size:8pt;
		text-transform: uppercase;
	}
	
	.position-fixed-sec {
		display:none !important; /* disable nag on mobiles, for now */
	}
	
	div.gauge {
		font-size:8pt;
	}
	
	.related-name {
	    margin-bottom: 30px;
	    margin-top: 0px;
	}
	
	.artist-thumb-caption span.band-name {
    	font-size: 9pt;
	}
	
	div#subscribeModal {
    	width: 100%;
    	margin: 0 auto;
	}
	
	section.string-theory-content {
    	margin: 30px 5% 30px;
	}
	
	.string-theory-desc-container {
		margin-top:20px;
		margin-bottom: 60px;
	}
	
	.string-theory-desc-container .socis-ico .back-none {
		padding:0 15px;
	}
	
	.string-theory-desc-container .socis-ico .back-none:first-child {
		padding-left:0;
	}
	
	.string-theory-pack {
		position: absolute;
    	bottom: -20px;
    	left:initial;
    	right:10px;
    	width:25%
	}

	.string-theory-pack-2 {
		position: absolute;
    	bottom: -20px;
    	left:initial;
    	right:70px;
    	width:25%
	}
	
	
	section.sound-of-warped-content {
    	margin: 30px 5% 30px;
	}
	
	.sound-of-warped-desc-container {
		margin-top:20px;
		margin-bottom: 60px;
	}
	
	.sound-of-warped-desc-container .socis-ico .back-none {
		padding:0 15px;
	}
	
	.sound-of-warped-desc-container .socis-ico .back-none:first-child {
		padding-left:0;
	}
	
	.sound-of-warped-pack {
		position: absolute;
    	bottom: -20px;
    	left:initial;
    	right:10px;
    	width:25%
	}
	
	.su-li-back {
	    padding: 30px 0;
	}	
	
	.product-content .socis-ico {
		text-align: center;
	}
	
	.product-shadow {
	    -webkit-filter: drop-shadow(0 8px 8px rgba(0,0,0,0.2));
	    filter: drop-shadow(0 8px 8px rgba(0,0,0,0.2));
	    -webkit-backface-visibility: hidden;
	}
	
	.how-its-made-caption-container {
    	bottom: 8%;
    }
	
	.how-its-made-caption-container p {
    	width: 90%;
		margin: 10px auto 0;
		line-height: 13pt;
		font-size: 9pt;
	}
	
	.eb-breadcrumb {
		display:none;	
	}
	
	.elite-dealer-links img {
	    margin: 0 auto;
	    padding:5%;
	}
	
	.location-container {
		display:block;
	}
	
	input#project1 {
		width: 100%;
    	margin-bottom: 20px;
	}
	
	section.about .made-in-usa {
    	margin-top: 30px;
    	margin-bottom: 30px;
	}
	
	
	select#miles1 {
		width:50%;
	}
	
	input.submit-location {
		width:47%;
		width: calc(50% - 5px);
	}
	
	.elite-dealer-links {
		width:100%;
		margin-top:18px;
	}
	
	.elite-dealer-links a {
    	width: 49%;
    	margin: 0;
	}
	
	.buynow-logos {
		text-align: center;
	}
    
	.footer .copyright {
		text-align:center;
		margin-top:20px;
	}
	
	.footer .newsletter-submit {
    	margin-top: 10px;
	}
	
	.footer-bottom p {
		margin-bottom:15px;
	}
	
	.footer .label-top {
		margin-top:10px;
		margin-bottom:0;
	}
	
	.footer #newsletter-button {
	    display: block;
		margin-top: 30px;
	}
	
	.footer .newsletter-signup p {
    	margin-bottom: 10px;
    	width: 70%;
    	margin: 0 auto;
	}
	
	.footer label[for="inputEmail"] {
    	margin-top: 10px;
	}
	
	.footer div.copyright {
    	margin: 30px 0 0 0;
	}
	
	.visible-xl {
		display:none;
	}
	
	.slide-imgs {
    	margin-top: 30px;
	}
	
	.container.catalog-container {
    	margin-top: 40px;
	}
	
	.refresh-icon a.refesh.zoom-mobile {
		display:inline-block;
	}
	
	.refresh-icon a.refesh.zoom {
		display:none;
	}
	
	.video-swiper {
		margin:30px 0 0;
	}
	
	section.pedal-hero .products-title.pedal-hero {
	    font-size: 26pt;
	    margin-top: -30%;
	}
	
	section.pedal-hero .pedal-buttons {
		width:100%;
		bottom:0px;
	}
	
	section.pedal-hero .pedal-buttons .btn {
		width:50%;
		float:left;
		margin:0;
	}
	
	section.pedals-how-its-made .pedals-him-content {
		margin-top:0px;
		margin-bottom:60px;

	}
	
	section.pedals-how-its-made .pedals-him-content h3.pink-accent.left-pink:after {
		margin:10px auto;
	}
	
	section.pedals-how-its-made .container {
		width:100%;
		padding:0;
		margin-top:60px;
	}
	
	section.pedals-how-its-made .tremolo .pedals-him-content {
		margin-top:60px;
		margin-bottom:0px;

	}
	
	@media only screen and (max-width: 767px) {
		section.pedals-how-its-made .container {
			width:100%;
			padding:0;
			margin-top:0px;
		}
	}
	
	section.pedals-how-its-made .container.tuner {
		margin-top:60px;
	}
	
	section.pedals-how-its-made .pedals-him-content {
		max-width:100%;
	}
	
	section.pedals-how-its-made div.row {
		background-color:#FFF;
	}
	
	section.pedals-how-its-made div.row:nth-child(odd) .pedals-him-img {
		left:initial;
	}
	
	section.pedals-how-its-made div.row:nth-child(even) .pedals-him-content {
    	left: initial;
	}
	
	.product-images-container {
    	margin-bottom: 20px;
	}
	
	.pedals-swipe {
		top:0px;
	}
	
	.new-ips-style {
		font-size:48pt;
		line-height:28pt;
	}
	
	.new-ips-style-smaller {
		font-size:33pt;
		line-height:22pt;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.center-layout .slidecontent-right img {
		width:60%;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.center-layout {
		bottom:initial;
		top:50%;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.center-layout .slidecontent-right {
		text-align: center;
	}
	
	.find-compare2 {
		text-align: center;
		display:block;
		float: initial;
		margin-right: 0;
	}
	
	.pre-order,
	.pre-preorder {
		float:initial;
		text-align: center;
		display:block;
		margin:0;
	}
	
	.tone-pack-profile {
		margin-bottom: 30px;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.tone-pack-profile:last-child {
		margin-bottom:0px;
	}
	
	.tone-pack-info {
		padding:0 0 30px 0;
	}
	
	.row.su-li-back.tone-pack-padding {
    	padding-bottom: 30px;
	}
		

}

/* sm and up */

@media only screen and (min-width: 768px) {

	.string-theory-content .pink-accent.right-pink:after {
		right: 0;
	}

	.striking-a-chord-content .pink-accent.right-pink:after {
		right: auto;
	}

	section.home-slider #home-swiper .swiper-slide .slide-content.right-layout.product1 {
	    width: 40%;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.left-layout.product1 {
	    width: 40%;
	}
	
	#subscribeModal .modal-dialog {
    	margin: 10% auto;
	}
	
	.tone-pack-profile {
    	margin-bottom: 0px;
	}

}

/* sm */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.string-theory-content.training .pink-accent.right-pink:after {
		right: auto;
	}
	.header {
		padding: 4px 0;
	}
	
	header .drawer-nav .drawer-menu-item {
    	padding: 15px 20px;
	}
	
	.drawer-dropdown-menu-item {
	    border-bottom: 1px solid #2c2c2c;
	}
	
	section.home-slider .slide-content h1 {
		font-size: 26pt;
	}
	
	section.home-slider .slide-content.product1  .slidecontent-right h1 {
		font-size: 22pt;
	}
    
    section.home-slider #home-swiper .swiper-slide .slide-content.right-layout.product1,
    section.home-slider #home-swiper .swiper-slide .slide-content.left-layout.product1 {
    	width: 50%;
	}
	
	.new-ips-style {
		font-size:52pt;
		line-height:30pt;
	}
	
	.new-ips-style-smaller {
		font-size:36pt;
		line-height:26pt;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.center-layout .slidecontent-right img {
		width:60%;
	}
	
	.swiper-button-next.swiper-right {
		display:none;
	}
	
	.swiper-button-prev.swiper-left {
		display:none;
	}
	
	.swiper-slide.string-item {
    	height: 250px;
	}
	
	section.home-slider .slide-content.thirds-layout h1 {
    	font-size: 30pt;
	}
	
	section.tone-bg .row:nth-child(2) .col-md-6:nth-child(1) .homepage-tile h5 {
    	margin-bottom: 11%;
	}
	
	.lagecy-bg {
		padding:60px 20px;	
	}
	
	.row-related {
    	margin: 0 15px;
	}
	
	.related-name {
		font-size:8pt;
	}
	
	.super-main {
    	margin: 30px 0;
	}
	
	.row-eq-height {
		display:block;
	}
	
	.vertically-centered-40 {
		position:relative;
		top:initial;
		transform:none;
	}
	
	.vertically-centered-50 {
		position:relative;
		top:initial;
		transform:none;
	}
	
	section.pedal-hero .products-title.pedal-hero {
    	font-size: 42pt;
    	margin-top: -20%;
	}
	
	section.pedal-hero .pedal-buttons {
    	bottom:5%;
	}
	
	section.pedals-how-its-made .pedals-him-content {
		margin-top:60px;
		margin-bottom: 0px;
		text-align:center;
	}
	
	section.pedals-how-its-made .pedals-him-content h3.pink-accent.left-pink:after {
		margin:10px auto;
	}
	
	section.pedals-how-its-made .container {
		width:100%;
		padding:0;
		margin-top:60px;
	}
	
	section.pedals-how-its-made .pedals-him-content {
		max-width:100%;
	}
	
	section.pedals-how-its-made div.row {
		background-color:#FFF;
	}
	
	section.pedals-how-its-made div.row:nth-child(odd) .pedals-him-img {
		left:initial;
	}
	
	section.pedals-how-its-made div.row:nth-child(even) .pedals-him-content {
    	left: initial;
	}
	
	.product-images-container {
    	margin-bottom: 20px;
	}
		
	.orginal-hover {
	    opacity: 1;
	}
	
	.mr-top {
		padding-top:9.2em;
	}
	
	.add-to-buttons a {
    	padding: 0;
    }
    
    .played-by-artist-title {
	    left: 10px;
    }
    
    .played-by-artist-title h3 {
	    font-size:14pt
    }
    
    .related-name {
	    margin-bottom: 40px;
	    margin-top: 0px;
	}
	
	.video-swiper {
		margin:30px 0;
	}
	
	.video-swiper .swiper-slide {
    	background-color: transparent;
	}
	
	.pdp-video-slide img {
    	padding: 0 40px;
	}
	
	.video-swiper div.play-icon {
	    position: absolute;
	    top: 40%;
	    transform: translateY(-50%);
	    width: 100%;
	    text-align: center;
	}
	
	.pdp-video-slide {
		position:relative;
	}
		
	.faq-nav li {
		padding:0 10px;
	}
	
	.faq-nav li a {
		letter-spacing:0;
	}
	
	.artist-thumb-caption span.band-name {
    	font-size: 9pt;
	}
	
	section.string-theory-content {
   		margin: 60px 5% 60px;
	}
	
	.string-theory-desc-container {
		margin-top:60px;
		margin-bottom: 60px;
	}
	
	.string-theory-desc-container p {
    	margin: 20px 0;
    }
    
    .string-theory-desc-container .socis-ico .back-none {
		padding:5px 20px;
	}
	
	
	section.sound-of-warped-content {
   		margin: 60px 5% 60px;
	}
	
	.sound-of-warped-desc-container {
		margin-top:60px;
		margin-bottom: 60px;
	}
	
	.sound-of-warped-desc-container p {
    	margin: 20px 0;
    }
    
    .sound-of-warped-desc-container .socis-ico .back-none {
		padding:5px 20px;
	}
	
	.pedals-how-its-made .container.tuner {
		margin-top:30px;
	}
	
	.add-to-buttons {
		padding-bottom:0px;
	}
	
	.find-compare {
		margin-bottom:0px;
	}
	
	.eb-breadcrumb {
		display:none;	
	}
	
	.drag-list ul {
    	margin: 0px;
    	padding: 0;
	}
	
	.compare_output {
		width:100%;
	}
	
	.left-drop, .right-drop {
    	padding-top: 0;
	}	
	
	
	section.about .made-in-usa {
    	padding-top: 25%;  
    }
    
    .location-container {
	    padding: 20px 0 10px;
	    display: block;
	    text-align: center;
	}
    
    .elite-dealer-links {
		margin: 0 auto;
		display:block;
		float:none;
	}
    
	.footer-bottom {
		padding-left:20px;
		padding-right:20px;
	}
	
	.footer .label-top {
		margin-bottom:0px;
	}
	
	.footer #newsletter-button {
    	margin-top: 37px;
		margin-bottom: 0px;
		width:100%;
	}
	
	.footer label[for="inputEmail"] {
    	margin-top: 10px;
	}
	
	.footer .checkbox-inline {
		padding-left:14px;
	}
	
	.footer .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
		margin-left:-15px;
	}
	
	.checkbox-inline + .checkbox-inline {
    	margin-top: 0;
		margin-left: 5px;
	}
	
	.footer-bottom .form-row {
		margin-top: -2px;
	}
	
	.footer label.checkbox-inline {
    	margin-top: 12px;
	}
	
	.footer div.copyright {
    	margin: 30px 0 0 0;
		text-align: center;
	}
	.visible-xl {
		display:none;
	}
	
	.slide-imgs {
    	margin-top: 30px;
    }
    
    .products-title {
    	font-size: 28pt;
	}
	
	.container.catalog-container {
    	margin-top: 40px;
	}
	
	section.home-slider #home-swiper .swiper-slide .product-left, section.home-slider #home-swiper .swiper-slide .slidecontent-right {
    float: left;
    display: inline-block;
    width: 50%;
	}
	
	section.home-slider #home-swiper .swiper-slide .product-left, section.home-slider #home-swiper .swiper-slide .product-left {
    margin-right: 0px;
    /*margin-left: -20%;*/
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.right-layout {
		right:30px;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.right-layout p {
		font-size: 8pt;
		line-height: 12pt;
	}  
	
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout .pot-container {
		bottom:-30%;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout .pot-container h1 {
	    font-size: 14pt !important;
	        letter-spacing: 10px;
	}
	
	.refresh-icon a.refesh.zoom-mobile {
		display:none;
	}
	
	.refresh-icon a.refesh.zoom {
		display:inline-block;
	}
	
	.title-404 {
    	margin: 30% 0 10%;
	}
	
	.tone-pack-profile h4 {
		font-size:10pt;
	}
	
	.tone-pack-profile .title {
		font-size:8pt;
	}
	
	.row.su-li-back.tone-pack-padding {
    	padding-bottom: 30px;
	}
	
}



/* md */
@media only screen and (min-width: 992px) and (max-width:1199px) {

	

	header .drawer-brand {
		padding-left: 20px;
		padding-top: 7px;
	}
	
	section.home-slider .slide-content h1 {
		font-size: 29pt;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.right-layout {
		right:60px;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.right-layout.product1 {
		right:100px;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.left-layout {
		left:60px;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.right-layout h1 {
    	margin-left: -2px;
	}
	
	section.home-slider #home-swiper .swiper-slide .product0 p,
	section.home-slider #home-swiper .swiper-slide .product1 p {
    	font-size: 9pt;
	}
	
	section.tone-bg .row:nth-child(2) .col-md-6:nth-child(1) .homepage-tile h5 {
    	margin-bottom: 15%;
	}
	
	.related-name {
		font-size:8pt;
	}
	
	.artist9 {
    	margin-top: 12em;
	}
	
	.faq-title-container .faq-title h1 {
		font-size:42pt;
	}
	
	section.fea-pro .row.row-eq-height {
		display:block;
	}
	
	section.fea-pro .vertically-centered-50 {
		position:relative;
		top:initial;
		transform:none;
	}
	
	section.fea-pro .pink-right-arrow {
    	position: absolute;
    	right: 0px;
	    top: 2px;
	}
	
	section.pedal-hero .products-title.pedal-hero {
		font-size:54pt;
	}
	
	section.string-animation .row.anim-desc.pedals-anim {
	    margin-bottom: 0px;
	    bottom: -15%;
	}
	
	section.pedals-how-its-made .pedals-him-content p {
		line-height:14pt;
		font-size:9pt;
	}
	
	#product-selector.swiper-container {
    	width: calc(100% - 200px);
    	margin:0 auto;
	}
	
	.video-swiper div.play-icon {
	    position: absolute;
	    top: 30%;
	    transform: translateY(-50%);
	    width: 100%;
	    text-align: center;
	}
	
	.video-swiper div.play-icon i {
	    font-size: 14pt;
	    border: 1px solid #FFF;
	    border-radius: 100%;
	    /* padding: 15px; */
	    width: 40px;
		height: 40px;
		line-height: 8pt;
    	padding-left: 14px;
	    color: #fff;
	    -webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
	    -webkit-backface-visibility: hidden;
	    box-shadow: 0px 0px 10px rgba(0,0,0,.25);
	}
	
	.artist-thumb-caption span.band-name {
    	font-size: 9pt;
	}
	
	.string-theory-desc-container .socis-ico .back-none {
		padding:5px 20px;
	}
	
	.string-theory-desc-container .socis-ico .back-none:first-child {
		padding:5px 20px 5px 0;
	}
	
	.sow-coming-soon {
		font-size: 14pt;
	    color: #000;
	    font-weight: 300;
	    text-transform: uppercase;
	}
	
	.sow-coming-soon-artist-name {
		font-size: 16pt;
	    color: #000;
	    font-weight: 900;
	    text-transform: uppercase;
	}
	
	section.about h2 {
		font-size:20pt
	}
	
	.location-container {
		display:block;
		text-align: center;
	}
	
	.elite-dealer-links {
	    display: block;
	    float: none;
	    width: 580px;
	    padding: 20px 0;
	    text-align: center;
	    margin: 0 auto;
	}
	
	.footer-bottom {
		padding:40px;
	}
	
	.footer label[for="inputEmail"] {
		margin-top:10px;
	}
	
	.footer #newsletter-button {
		margin-top:36px;
		width:100%;
	}
	
	.footer .copyright {
		margin:10px 0 0 0;
	}
	
	.footer ul li a {
    	font-size: 9pt;
	}
	
	.footer-left {
   		margin: 30px 0 25px;
	}
	
	.visible-xl {
		display:none;
	}
	
	.slide-imgs {
    	margin-top: 60px;
	}
	
	.products-title {
    	font-size: 40pt;
	}
	
	div.videoContainer {
		margin-botom:60px;
	}
	
	section.string-animation .row.anim-desc {
		bottom:-4%;
	}
	
	.wire-menu-right {
		font-size:9pt;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout {
		width: 60%;
	    width: calc(60% - 30px);
	    text-align: center;
	    right: 30px;
	    left: initial;
	    top: 35%;
	}
	
	.title-404 {
    	margin: 30% 0 10%;
	}
	
	.tone-pack-profile h4 {
		font-size:12pt;
	}
	
	.tone-pack-profile .title {
		font-size:8pt;
	}
	
	.row.su-li-back.tone-pack-padding {
    	padding-bottom: 30px;
	}
	
}

/* lg */
@media only screen and (min-width: 1200px) and (max-width:1429px) {
	
	section.home-slider .item {
		/*height:600px;*/
		transform: translateY(-10%);
	}
	
	section.home-slider .slidecontent-right h1 {
		font-size: 30pt;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.right-layout {
	    width: 33%;
	    text-align: left;
	    right: 60px;
	    left: initial;
	}
	
	#home-swiper .swiper-slide .slide-content.right-layout h1 {
		margin-left:-2px;
	}
	
	#home-swiper .swiper-slide .slide-content h1{
    	font-size: 35pt;    	
	}
	
	header .drawer-brand {
		padding-left: 20px;
		padding-top: 7px;
	}
	
	section.tone-bg .row:nth-child(2) .col-md-6:nth-child(1) .homepage-tile h5 {
    	margin-bottom: 20%;
	}
	
	/* size homepage tile logos */
	
	section.tone-bg .row:nth-child(1) .col-md-6:nth-child(1) .homepage-tile img {
		width:80%;
		margin:0 auto;
	}
	
	section.tone-bg .row:nth-child(1) .col-md-6:nth-child(2) .homepage-tile img,
	section.tone-bg .row:nth-child(2) .col-md-6:nth-child(1) .homepage-tile img,
	section.tone-bg .row:nth-child(2) .col-md-6:nth-child(2) .homepage-tile img {
		width:66.666%;
		margin:0 auto;
	}
	
	section.artist-list .artist-thumb-caption {
		font-size:16pt;
	} 
	
	.artist9 {
	    margin-top: 14em;
	}
	
	section.about h2 {
		font-size:28pt
	}
	
	section.about .made-in-usa {
		padding-left:60px;
		padding-right:60px;
	}
	
	#product-selector.swiper-container {
    	width: calc(100% - 200px);
    	margin:0 auto;
	}
	
	.video-swiper div.play-icon {
	    position: absolute;
	    top: 30%;
	    transform: translateY(-50%);
	    width: 100%;
	    text-align: center;
	}
	
	.video-swiper div.play-icon i {
	    font-size: 14pt;
	    border: 1px solid #FFF;
	    border-radius: 100%;
	    /* padding: 15px; */
	    width: 40px;
		height: 40px;
		line-height: 8pt;
    	padding-left: 14px;
	    color: #fff;
	    -webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
	    -webkit-backface-visibility: hidden;
	    box-shadow: 0px 0px 10px rgba(0,0,0,.25);
	}
	
	.footer-bottom {
		padding:40px;
	}

	
	.footer .newsletter-signup p {
		margin-bottom:0;
	}
	
	.checkbox-inline input[type="checkbox"] {
		margin-left:-16px;
	}
	
	.footer #newsletter-button {
		margin-bottom: 0px;
		margin-top: 20px;
		padding: 0px;
		width: 100%;
	}
	
	.footer .copyright {
		margin:20px 0 0 0;
	}
	
	section.products-landing .container {
    	padding-left: 60px;
		padding-right: 60px;
	}
	
	.visible-xl {
		display:none;
	}
	
	.slide-imgs {
    	margin-top: 60px;
		margin-bottom: 60px;
	}
	
	section.string-animation .row.anim-desc {
		bottom:0%;
	}
	
	section.string-animation .video-control .wire-menu-right:after {
		height:150px;
		top:-110%;
	}
	
	section.string-animation .row.anim-desc.pedals-anim {
	    margin-bottom: 0px;
	    bottom: -12%;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout .pot-container {
		bottom:0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout h1 {
		font-size: 14pt;	
	}
	
	.title-404 {
    	margin: 25% 0 10%;
	}
	
	.tone-pack-profile h4 {
		font-size:12pt;
	}
	
	.tone-pack-profile .title {
		font-size:8pt;
	}
}

/* xl */
@media only screen and (min-width: 1430px){

	#home-swiper .swiper-slide .slide-content.right-layout h1 {
		margin-left:-4px;
	}
	
	#home-swiper .swiper-slide .slide-content.right-layout.product0 {
    	right: 60px !important;
    	
	}
	
	#home-swiper .swiper-slide .slide-content h1{
    	font-size: 44pt;    	
	}

	section.home-slider .item {
		/*height:750px;*/
	}
	
	header .drawer-brand {
		padding-left: 20px;
		padding-top: 3px;
	}
	
	section.sec-slider {
    	height: 800px;
		overflow: hidden;
	}
	
	section.tone-bg .row:nth-child(2) .col-md-6:nth-child(1) .homepage-tile h5 {
    	margin-bottom: 10%;
    	font-size:12pt;
	}
	
	section.about .row.ball-family p {
		width:80%;
		margin:0 auto 80px;
	}
	
	section.artist-list .artist-thumb-caption {
		font-size:16pt;
	}
	
	section.products-landing .container {
    	padding-left: 100px;
		padding-right: 100px;
	}
	
	#product-selector.swiper-container {
    	width: calc(100% - 200px);
    	margin: 0 auto;
	}
	
	section.pedal-hero .products-title.pedal-hero {
		font-size:72pt;
	}
	
	section.pedals-pdp .xl-top-margin {
		margin-top:15%;
	}
	
	#how-its-made .swiper-slide img {
		margin-bottom:-12%;
	}
	
	#how-its-made .swiper-pagination-bullets,
	#how-its-made .swiper-pagination-custom,
	#how-its-made .swiper-pagination-fraction {
		bottom:3%;
	}
	
	#how-its-made .how-its-made-caption-container p {
		width:40%;
	}
	
	section.about .made-in-usa {
		padding-left:80px;
		padding-right:80px;
	}
	
	.artist9 {
	    margin-top: 16em;
	}
	
	.string-theory-desc-container p {
		width: 50%;
	}
	
	.footer-left {
    	margin: 52px 0 0 0;
	}
	
	.footer-bottom {
		padding:40px;
	}
	
	.footer .newsletter-signup p {
		margin-bottom:0;
	}
	
	.footer #newsletter-button {
		margin-bottom: 0px;
		margin-top: 20px;
		padding: 0px;
		width: 100%;
	}
	
	.footer .copyright {
		margin:44px 0 0 0;
	}
	
	.visible-xl {
		display:block;
	}
	
	.slide-imgs {
    	margin-top: 60px;
		margin-bottom: 60px;
	}
	
	section.string-animation .row.anim-desc {
		bottom:4%;
	}
	
	section.string-animation .video-control .wire-menu-right:after {
		height:160px;
		top:-120%;
	}
	
	section.string-animation .row.anim-desc.pedals-anim {
	    margin-bottom: 0px;
	    bottom: -10%;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout .pot-container {
		bottom:6%;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout h1 {
		font-size: 16pt !important;	
	}
	
	/* size homepage tile logos */
	
	section.tone-bg .row:nth-child(1) .col-md-6:nth-child(1) .homepage-tile img {
		width:80%;
		margin:0 auto;
	}
	
	section.tone-bg .row:nth-child(1) .col-md-6:nth-child(2) .homepage-tile img,
	section.tone-bg .row:nth-child(2) .col-md-6:nth-child(1) .homepage-tile img,
	section.tone-bg .row:nth-child(2) .col-md-6:nth-child(2) .homepage-tile img {
		width:66.666%;
		margin:0 auto;
	}
	
	.title-404 {
    	margin: 25% 0 10%;
	}
	
	.tone-pack-profile h4 {
		font-size:12pt;
	}
	
	.tone-pack-profile .title {
		font-size:8pt;
	}
	
	.desc-pushdown {
    	margin-top: 3%;
	}
	

}

/* xxl */
@media only screen and (min-width: 1800px){
	
	.visible-xl {
		display:block;
	}
	
	section.home-slider .item {
		/*height:780px;*/
	}
	
	.slide-content.thirds-layout h1 {
    	font-size: 64pt;
	}
	
	.new-ips-style {
	    line-height: 72pt;
	    font-size: 96pt;
	}
	
	section.sec-slider img {
    	margin-top:-50px;
	}
	
	section.about .made-in-usa {
		padding-left:200px;
		padding-right:200px;
	}
	
	section.pedal-hero .products-title.pedal-hero {
		font-size:80pt;
	}
	
	#product-next-button {
		top:8%;
	}
	
	#product-prev-button {
		top:8%;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout h1 {
		font-size: 18pt !important;	
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout .pot-container {
		bottom: 13%;
	}
	
	section.pedals-how-its-made div.row {
    	max-width: 80%;
    	margin: 0 auto;
	}
	
	section.string-animation .row.anim-desc.pedals-anim {
	    margin-bottom: 0px;
	    bottom: -10%;
	}
	
	.tone-pack-profile h4 {
		font-size:14pt;
	}
	
	.tone-pack-profile .title {
		font-size:10pt;
	}
	
	.desc-pushdown {
    	margin-top: 6%;
	}

}

/* xxxl */
@media only screen and (min-width: 2150px){
	
	.visible-xl {
		display:block;
	}
	
	section.home-slider .item {
		/*height:1000px;*/
	}
	
	header .drawer-brand {
		padding-left: 17px;
		padding-top: 7px;
	}
	
	section.sec-slider {
    	height: 1050px;
		overflow: hidden;
	}
	
	section.sec-slider img {
    	margin-top:-100px;
	}
	
	section.pedal-hero .products-title.pedal-hero {
		font-size:96pt;
	}
	
	section.artist-list .artist-thumb-caption {
		font-size:16pt;
	}
	
	.artist9 {
	    margin-top: 21em;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.pot-layout h1 {
		font-size: 20pt !important;
	}
	
	/* size homepage tile logos */
	
	section.tone-bg .row:nth-child(1) .col-md-6:nth-child(1) .homepage-tile img {
		width:80%;
		margin:0 auto;
	}
	
	section.tone-bg .row:nth-child(1) .col-md-6:nth-child(2) .homepage-tile img,
	section.tone-bg .row:nth-child(2) .col-md-6:nth-child(1) .homepage-tile img,
	section.tone-bg .row:nth-child(2) .col-md-6:nth-child(2) .homepage-tile img {
		width:66.666%;
		margin:0 auto;
	}
	
	section.pedals-how-its-made div.row {
    	max-width: 60%;
    	margin: 0 auto;
	}
	
	section.string-animation .row.anim-desc.pedals-anim {
	    margin-bottom: 0px;
	    bottom: -8%;
	}
	
	.tone-pack-profile h4 {
		font-size:16pt;
	}
	
	.tone-pack-profile .title {
		font-size:11pt;
	}
	
	.desc-pushdown {
    	margin-top: 8%;
	}
	
}

/* HDPI */
@media only screen and (min-width: 2560px){
	section.home-slider .item {
		/*height:1100px;*/
	}
	
	.desc-pushdown {
    	margin-top: 10%;
	}
}


/* desktops only - mostly special hover effects */
@media only screen and (min-width: 992px){
	
	
	section.home-slider #home-swiper:hover .swiper-button-next,
	section.home-slider #home-swiper:hover .swiper-button-prev {
		opacity:1;
	}
	
	section.home-slider #home-swiper .swiper-button-next .swiper-right,
	section.home-slider #home-swiper .swiper-button-prev .swiper-left {
		transition: border-width 50ms ease-in-out;
	}
	
	section.home-slider #home-swiper .swiper-button-next:hover .swiper-right,
	section.home-slider #home-swiper .swiper-button-prev:hover .swiper-left {
		border-width: 3px;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.thirds-layout {
		width: calc(100% - 160px);
	}

	section.catalog-content .catalog-container .row div:nth-child(4n+1){
	    clear:both;
	}
	
	.justify-catalog-content {
		display:flex;
		justify-content: center;
	}

	section.products-landing .super-img3 a img {
		-o-transform: scale(.92,.92);
		-ms-transform: scale(.92,.92);
		-moz-transform: scale(.92,.92);
		-webkit-transform: scale(.92,.92);
		transform: scale(.92,.92);
		
		/* -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.25)); */
	    /* filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.25)); */
		
		-webkit-transition: all 200ms ease;
	    -moz-transition: all 200ms ease;
	    -o-transition: all 200ms ease;
	    transition: all 200ms ease;
	    -webkit-backface-visibility: hidden;
	}
	
	section.products-landing .super-img3 a:hover img { /* scale up and expand drop shadow */
	  position: relative;
	  z-index: 9;
	  -o-transform: scale(1.0,1.0);
	  -ms-transform: scale(1.0,1.0);
	  -moz-transform: scale(1.0,1.0);
	  -webkit-transform: scale(1.0,1.0);
	  transform: scale(1.0,1.0);
	  /* 	-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15)); */
	  /*  filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15)); */
	  -webkit-backface-visibility: hidden;
	}
	
	a img.product-shadow-hover {
		-o-transform: scale(.92,.92);
		-ms-transform: scale(.92,.92);
		-moz-transform: scale(.92,.92);
		-webkit-transform: scale(.92,.92);
		transform: scale(.92,.92);
		
		-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.25));
	    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.25));
		
		-webkit-transition: all 200ms ease;
	    -moz-transition: all 200ms ease;
	    -o-transition: all 200ms ease;
	    transition: all 200ms ease;
	    -webkit-backface-visibility: hidden;
	}
	
	a:hover img.product-shadow-hover { /* scale up and expand drop shadow */
	  position: relative;
	  z-index: 9;
	  -o-transform: scale(1.0,1.0);
	  -ms-transform: scale(1.0,1.0);
	  -moz-transform: scale(1.0,1.0);
	  -webkit-transform: scale(1.0,1.0);
	  transform: scale(1.0,1.0);
	  	-webkit-filter: drop-shadow(0px 0px 25px rgba(0,0,0,0.25));
	    filter: drop-shadow(0px 0px 25px rgba(0,0,0,0.25));
	  -webkit-backface-visibility: hidden;
	}
	
	
	
	
	
	.home-tile-container {
		background-color:#000;
		overflow:hidden;
	}
	
	a.home-tile-hover img.tile-img {
		opacity:1;
		-webkit-transition: opacity 400ms ease, -webkit-transform 800ms ease;
	    -moz-transition: opacity 400ms ease, -moz-transform 800ms ease;
	    -o-transition: opacity 400ms ease, -o-transform 800ms ease;
	    transition: opacity 400ms ease, transform 800ms ease;
	    -webkit-backface-visibility: hidden;
	}
	
	.home-tile-container:hover img.tile-img {
		opacity:0.6;
		-moz-transform: scale(1.05);
	    -o-transform: scale(1.05);
	    -webkit-transform: scale(1.05);
	    transform: scale(1.05); /* Standard Property */
		-webkit-backface-visibility: hidden;
	}
	
	a.home-tile-hover .homepage-tile {
		-webkit-transition: all 400ms ease;
	    -moz-transition: all 400ms ease;
	    -o-transition: all 400ms ease;
	    transition: all 400ms ease;
	    -webkit-backface-visibility: hidden;	
	}
	
	.home-tile-container:hover .homepage-tile {
		
	}
	
	.home-tile-container .tile-cta-container {
		opacity:0;
		-webkit-transition: all 400ms ease;
	    -moz-transition: all 400ms ease;
	    -o-transition: all 400ms ease;
	    transition: all 400ms ease;
	}
	
	.home-tile-container:hover .tile-cta-container {
		opacity:1;
	}
	
	a.btn.btn-pink.tile-cta {
   		margin-top: -10%;
   		-webkit-transition: all 400ms ease;
	    -moz-transition: all 400ms ease;
	    -o-transition: all 400ms ease;
	    transition: all 400ms ease;
	    -webkit-backface-visibility: hidden;
	}
	
	.home-tile-container:hover .tile-cta-container a.btn.btn-pink.tile-cta {
		margin-top:-20%
	}
	
	
	/*.find-compare a:first-child {
    	padding-left: 20px;
	}*/
	
	.super-img3 a:hover .orginal-hover{
		opacity:1;
		transform: translateY(20px)
	}
	
	section.string-animation {
		position:relative;
	}
	
	section.string-animation .row.anim-desc { /* position the descriptions on top of the video and closer to the string */
		position: absolute;
		z-index: 2;
	}	
	
	.string-theory-desc-container {
		padding:0 0 0 60px;
	}
	
	section.string-theory-content .row:nth-child(even) .col-md-6:first-child {
		left:50%;	
	}
	
	section.string-theory-content .row:nth-child(even) .col-md-6:first-child .string-theory-pack {
		left:initial;
		right:30px;
	}
	section.string-theory-content .row:nth-child(even) .col-md-6:first-child .string-theory-pack-2 {
		left:initial;
		right:100px;
	}
	
	section.string-theory-content .row:nth-child(even) .col-md-6:last-child {
		right:50%;
		margin: 0 60px 0 0;	
	}
	
	section.string-theory-content .row:nth-child(even) .col-md-6:last-child p {
		float:right;	
	}
	
	section.string-theory-content .row:nth-child(even) .col-md-6:last-child .pink-accent.left-pink:after {
		margin: 10px 0 0 calc(100% - 40px);
	}
	section.string-theory-content .string-theory:nth-child(even) {
		text-align: right;
	}
	section.string-theory-content .striking-a-chord:nth-child(even) {
		text-align: right;
	}
	section.string-theory-content .striking-a-chord {
		margin-top:100px;
	}

	section.string-theory-content.training .row:nth-child(even) {
		text-align: right;
		margin-top:0;
	}

	.string-theory-desc-container p {
		width: 80%;
	}
	
	section.string-theory-header .vcenter-header-image-container img:last-child {
    	padding:0 25%;
	}
	
	/* SOW */
	
	.sound-of-warped-desc-container {
		padding:0 0 0 60px;
	}
	
	section.sound-of-warped-content .row:nth-child(even) .col-md-6:first-child {
		left:50%;	
	}
	
	section.sound-of-warped-content .row:nth-child(even) .col-md-6:first-child .sound-of-warped-pack {
		left:initial;
		right:30px;	
	}
	
	section.sound-of-warped-content .row:nth-child(even) .col-md-6:last-child {
		right:50%;
		margin: 0 60px 0 0;	
	}
	
	section.sound-of-warped-content .row:nth-child(even) .col-md-6:last-child p {
		float:right;	
	}
	
	section.sound-of-warped-content .row:nth-child(even) .col-md-6:last-child .pink-accent.left-pink:after {
		margin: 10px 0 0 calc(100% - 40px);
	}
	
	section.sound-of-warped-content .row:nth-child(even) {
		text-align: right;
	}
	
	.sound-of-warped-desc-container p {
		width: 80%;
	}
	
	section.sound-of-warped-header .vcenter-header-image-container img:last-child {
    	padding:0 25%;
	}
		
	.refresh-icon a.refesh.zoom-mobile {
		display:none;
	}
	
	.refresh-icon a.refesh.zoom {
		display:inline-block;
	}
		
}

/* string theory/SOW md */
@media only screen and (min-width: 992px) and (max-width:1199px) {
	
	.string-theory-desc-container h3 {
		font-size:16pt;		
	}
	
	.string-theory-desc-container h4 {
		font-size:12pt;		
	}
	
	.string-theory-desc-container p {
		font-size:8pt;
		line-height:11pt;
		margin:20px 0;
		width:100%;
	}
	
	.string-theory-desc-container {
    	padding: 0 0 0 30px;
	}
	
	section.string-theory-content .row:nth-child(even) .col-md-6:last-child {
		margin: 0 30px 0 0;
	}
	
	.string-theory-pack {
	    position: absolute;
	    bottom: -20px;
	    left: 20px;
	    width: 20%;
	}

	.string-theory-pack-2 {
	    position: absolute;
	    bottom: -20px;
	    left: 60px;
	    width: 20%;
	}
	
	section.string-theory-content .row:nth-child(even) .col-md-6:first-child .string-theory-pack {
		right:20px;
	}

	section.string-theory-content .row:nth-child(even) .col-md-6:first-child .string-theory-pack-2 {
		right:60px;
	}
	
	section.string-theory-content .row:nth-child(odd) .string-theory-desc-container {
		left:50%;
	}	
	
	.sound-of-warped-desc-container h3 {
		font-size:16pt;		
	}
	
	.sound-of-warped-desc-container h4 {
		font-size:12pt;		
	}
	
	.sound-of-warped-desc-container p {
		font-size:8pt;
		line-height:11pt;
		margin:15px 0;
		width:100%;
	}
	
	.sound-of-warped-desc-container {
    	padding: 0 0 0 30px;
	}
	
	section.sound-of-warped-content .row:nth-child(even) .col-md-6:last-child {
		margin: 0 30px 0 0;
	}
	
	.sound-of-warped-pack {
	    position: absolute;
	    bottom: -20px;
	    left: 20px;
	    width: 20%;
	}
	
	section.sound-of-warped-content .row:nth-child(even) .col-md-6:first-child .sound-of-warped-pack {
		right:20px;
	}
	
	section.sound-of-warped-content .row:nth-child(odd) .sound-of-warped-desc-container {
		left:50%;
	}
	
	
}

/* string theory lg */
@media only screen and (min-width: 1200px) and (max-width:1429px) {
	
	.string-theory-desc-container p {    
	    width: 90%;
	    font-size: 9pt;
	    line-height: 13pt;
	}
	
	.sound-of-warped-desc-container p {    
	    width: 90%;
	    font-size: 9pt;
	    line-height: 13pt;
	}
	
	section.string-theory-content .row:nth-child(odd) .string-theory-desc-container {
		left:50%;
	}
	
	section.sound-of-warped-content .row:nth-child(odd) .sound-of-warped-desc-container {
		left:50%;
	}
	
}


/* string theory xl */
@media only screen and (min-width: 1430px) and (max-width:1799px) {
	
	.string-theory-desc-container p {    
	    width: 100%;
	}
	
	.sound-of-warped-desc-container p {    
	    width: 65%;
	}
	
	section.string-theory-content .row:nth-child(odd) .string-theory-desc-container {
		left:50%;
	}
	
	section.sound-of-warped-content .row:nth-child(odd) .sound-of-warped-desc-container {
		left:50%;
	}
}


/* string theory xxl */
@media only screen and (min-width: 1800px) {
	
	.string-theory-desc-container p {    
	    width: 80%;
	}

	section.string-theory-content .row:nth-child(odd) .string-theory-desc-container {
		left:50%;
	}
	
	section.sound-of-warped-content .row:nth-child(odd) .sound-of-warped-desc-container {
		left:50%;
	}
}

/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/

@media (min-width: 1200px) and (max-width: 1429px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}



@media (min-width: 1430px) {
    /*.container {
        width: 1570px;
    }*/

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}

/* iphone 4/5 */ 
@media only screen and (max-width: 374px) {
	
	section.home-slider #home-swiper .swiper-slide .slide-content.thirds-layout .slide-content-left h1,
	section.home-slider #home-swiper .swiper-slide .slide-content.thirds-layout .slide-content-right h1 {
		font-size:16pt;
	}
	
	.new-ips-style {
    	font-size: 36pt;
    	line-height: 26pt;
	}
	
	.new-ips-style-smaller {
    	font-size: 28pt;
    	line-height: 26pt;
	}
	
		section.home-slider #home-swiper .swiper-slide .slide-content.center-layout .slidecontent-right img {
		width:50%;
	}

}

/* PARADIGM slide iphone5 */
@media only screen and (max-width: 321px) {	

	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-advanced {
    	font-size: 36px;
    	line-height:32px;
    	letter-spacing:6px;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-guitarstrings {
    	font-size: 28px;
    	letter-spacing:1px;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-known {
    	font-size: 28px;
    	letter-spacing:1px;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content .headline-upsize {
		font-size: 42px;
		letter-spacing:4px;
	}
	
}

/* PARADIGM slide iPhone 7 */
@media only screen and (min-width:375px) and (max-width:413px) {

	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-advanced {
    	font-size: 32pt;
    	    margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-guitarstrings {
    	font-size: 31px;
    	letter-spacing:0;
    	    margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-known {
    	font-size: 31px;
    	letter-spacing:0;
    	    margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content .headline-upsize {
		font-size:35pt;
		    margin: 0;
	}

}

/* PARADIGM slide iPhone 7+ and up */
@media only screen and (min-width:414px) and (max-width:767px) {

	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-advanced {
    	font-size: 32pt;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-guitarstrings {
    	font-size: 23pt;
    	letter-spacing:0;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-known {
    	font-size: 23pt;
    	letter-spacing:0;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content .headline-upsize {
		font-size:35pt;
		margin: 0;
	}
	
	.paradigm-hero-container a {
		margin: 10px 4px;
		padding:10px;
		margin: 0;
	}

}

/* BELOW sm */
@media only screen and (max-width: 767px) {
	
	ul.global-header-right {
		    width: calc(100% - 55px);
	}
	
	ul.global-header-right li {
		width:32%;
		padding:0px;
		text-align:center;
	}
	
	ul.global-header-right li a img {
		max-height:100%;
		display: inline;
	}
	
	ul.global-header-right li:first-child {
		border-left:0px;
	}
	
	ul.global-header-left li:first-child {
		width:55px;
	}
	
	.paradigm-layout {
		width: 100%;
		bottom: -40px;
		left:0px;
		right:0px;
	}
	
	.paradigm-hero-title {
		width: 100%;
		left: 0;
    	right: 0;
    	bottom:0;
	}
	
	.paradigm-hero-title a {
		margin:10px 5px;
		padding:10px;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content.paradigm-layout.product0 {
		bottom:30px;
		transform: none;
		-webkit-transform: none;
	}
	
	.btn-paradigm-white.home-slider-cta {
		margin: 10px 0 0 0;
		height: 43px;
	}
	
}


/* PARADIGM slide sm */
@media only screen and (min-width: 768px) and (max-width:991px) {

	section.home-slider #home-swiper .swiper-slide .slide-content.paradigm-layout.product0 {
		right:0px;
		width:42%;
		margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-advanced {
    	font-size: 32pt;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-guitarstrings {
    	font-size: 23pt;
    	letter-spacing:0;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-known {
    	font-size: 23pt;
    	letter-spacing:0;
    	margin: 0;
	}
	
	.headline-upsize {
		font-size:35pt;
		margin: 0;
	}
	
	.btn-paradigm-white.home-slider-cta {
		margin: 10px 0 0 0;
	}
	
}

/* PARADIGM slide md */
@media only screen and (min-width: 992px) and (max-width:1199px) {
	
	section.home-slider #home-swiper .swiper-slide .slide-content.paradigm-layout.product0 {
		right:0px;
		width:42%;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-advanced {
    	font-size: 43pt;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-guitarstrings {
    	font-size: 30pt;
    	letter-spacing:0;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-known {
    	font-size: 30pt;
    	letter-spacing:0;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content .headline-upsize {
		font-size:48pt;
		margin: 0;
	}
	
	.btn-paradigm-white.home-slider-cta {
		margin: 20px 0 0 0;
	}

}

/* PARADIGM slide lg */
@media only screen and (min-width: 1200px) and (max-width:1429px) {
	
	.slide-content.paradigm-layout.product0 {
		right:0px;
		width:42%;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-advanced {
    	font-size: 26pt;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-guitarstrings {
    	font-size: 35pt;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-known {
    	font-size: 35pt;
    	margin: 0;
	}
	
	.btn-paradigm-white.home-slider-cta {
		margin: 30px 0 0 0;
	}
	
}

/* PARADIGM slide xl */
@media only screen and (min-width: 1430px) and (max-width:1799px) {
	
	.slide-content.paradigm-layout.product0 {
		right:0px;
		width:45%;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-advanced {
    	font-size: 32pt;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-guitarstrings {
    	font-size: 43pt;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-known {
    	font-size: 43pt;
    	margin: 0;
	}
	
	.btn-paradigm-white.home-slider-cta {
		margin: 30px 0 0 0;
	}
}

/* PARADIGM slide xxl */
@media only screen and (min-width: 1800px) {
	
	.slide-content.paradigm-layout.product0 {
		right:0px;
		width:45%;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-advanced {
    	font-size: 41pt;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-guitarstrings {
    	font-size: 55pt;
    	margin: 0;
	}
	
	section.home-slider #home-swiper .swiper-slide .slide-content h1.headline-known {
    	font-size: 56pt;
    	margin: 0;
	}
	
	.btn-paradigm-white.home-slider-cta {
		margin: 30px 0 0 0;
	}
}

/* Paradigm button style */
.btn-paradigm-white {
	border: 2px solid #FF10A4;
	background-color:transparent;
}

.btn-paradigm-black {
	border: 2px solid #FF10A4;
	background-color:transparent;
	color:#000;
}

.btn-paradigm-white:active,
.btn-paradigm-black:active,
.btn-paradigm-white:focus,
.btn-paradigm-black:focus
 {
	background-color:transparent;
}

.btn-pink.btn-paradigm-black:focus {
	color:#000;
}

.btn-pink.btn-paradigm-white:focus {
	outline: transparent;
}
.gdpr {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	color: #fff;
	width: 100%;
	padding: 15px 0;
	background-color: rgba(0,0,0,0.8);
	z-index: 1000;
	font-size: 10px;
}
.gdpr button {
	margin-top: 10px;
	padding: 5px 20px;
	font-size: 7pt;
}
section.video .more_videos {
	margin-bottom: 30px;
}
@media only screen and (min-width: 767px) {
	.gdpr {
		font-size: 14px;
	}
	.gdpr button {
		margin-top: 15px;
		padding: 12px 20px;
		font-size: 9pt;
	}
}

.soundcloud-container {
	background-color: #333333;
	padding: 10px 10px 5px 10px;
	margin-bottom: 20px;
	clear: both;
}
.strikingachord-icons {
	text-align: center;
}
.strikingachord-icons span {
	margin-bottom: 20px;
}
.strikingachord-icons a {
	padding-left: 10px;
	font-size: 32px;
	color: #333333;
}
.strikingachord-icons .logo {
	height: 32px;
	margin-top: -4px;
}
.transcript-link span {
	color: #333;
	font-weight: bold;
}
.transcript {
	margin-top: 50px;
}
.transcript .pink {
	font-weight: bold;
	color: #FF10A4;
}
.transcript .blue {
	font-weight: bold;
	color: #4a90e2;
}
.transcript .orange {
	font-weight: bold;
	color: #f50;
}
@media only screen and (min-width: 992px) {
	.strikingachord-icons {
		text-align: left;
	}
	.strikingachord-icons.sac-right {
		text-align: right;
	}
	.strikingachord-icons a {
		font-size: 20px;
	}
	.strikingachord-icons .logo {
		height: 20px;
	}
	.striking-a-chord-content .pink-accent.right-pink:after {
		right: 0;
	}
}
@media only screen and (min-width: 1800px) {
	.soundcloud-container {
		width: 80%;
	}
	.soundcloud-container.sac-right {
		float: right;
	}
}
.pre-orders-ship {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 15px;
}
.threesixty-view-desc p {
	margin-top: 25px;
}
.product-affirm {
	margin-top: 50px;
	color: #666;
}
.product-affirm span {
	color: #000;
	font-size: 20px;
	font-weight: bold;
}
.product-affirm img {
	width: 50px;
	margin-top: -12px;
}

.blog-feed {
	margin-bottom: 40px;
}

.blog-feed .row {
	margin-top:30px;
}

.blog-snippet {
	box-shadow: 0 0 20px rgba(0,0,0,.2);
	padding:15px;
	position:relative;
}


.blog-snippet p {
	line-height:150%;
}


.blog-snippet a {
	color:#FF10A4;
	text-decoration: none;
	font-weight:500;
	display: block;
	margin-bottom: 10px;
	line-height: 130%;
}

.blog-snippet a:hover {
	color:#e20e91;
}

.blog-snippet a.read-full-post {
	font-size:9pt;
	text-align: right;
	position:absolute;
	bottom:15px;
	font-weight:300;
	right:15px;
	margin:0;
}

.blog-snippet small {
	font-size:75%;
	color:#999;
}

.blog-feed a.btn {
	float:right;
}

.blog-snippet-container {
	margin-bottom:30px;
}

/* Blog Feed Below SM */
@media only screen and (max-width: 767px) {

	.blog-feed {
		padding:30px;
		background-color:#FFF;
	}

	.blog-snippet-container {
		margin-bottom:20px;
	}

	.blog-snippet-container:last-child { /* only show 3 blog posts on mobile */
		display:none;
	}

	.blog-snippet-container:nth-last-child(2) { /* add margin to second-to-last-child, since last child is hidden */
		margin-bottom:30px;
	}

	.blog-snippet {
		min-height:220px;
	}

	.blog-feed a.btn {
		margin:0 auto;
		width:auto;
		display:block;
		float:none;
	}

}

/* Blog Feed for wider mobiles, shorter snippet height */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.blog-feed h3 {
		font-size:26px;
	}

	.blog-snippet {
		min-height:180px;
	}
}

/* Blog Feed SM */
@media only screen and (min-width: 768px) and (max-width:991px) {

	.blog-feed h3 {
		font-size:21px;
	}

	.blog-snippet {
		min-height: 235px;
	}
}

/* Blog Feed MD */
@media only screen and (min-width: 992px) and (max-width:1199px) {

	.blog-feed h3 {
		font-size:28px;
	}

	.blog-snippet {
		min-height:260px;
	}
	.blog-snippet-container:last-child { /* hide 4th blog post on MD */
		display:none;
	}
}

/* Blog Feed LG */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {

	.blog-feed h3 {
		font-size:30px;
	}

	.blog-snippet {
		min-height:255px;
	}

	.blog-feed img {
		width:100%; /* force image to span the whole div */
	}
}

/* Blog Feed LG+ */
@media only screen and (min-width: 1600px) {

	.blog-snippet {
		min-height: 215px;
	}

}
.acsb-trigger.acsb-trigger-position-x-left {
	left: 0px !important;
}
.osano-cm-widget--position_right,
.osano-cm-widget--position_left {
	left: 48px !important;
}
.osano-cm-widget {
	background: #77ce9f;
	width: 30px !important;
	height: 30px !important;
	bottom: 14px !important;
	border-radius: 20px;
}
.osano-cm-widget svg {
	width: 20px !important;
	height: 20px !important;
}
.osano-cm-button {
	border: none !important;
	border-radius: 0 !important;
}
.product-reviews {
	margin: 15px 0;
}
.string-explore-landing {
	padding-top: 50px;
}