.paradigm-hero-container {
	position:relative;
}

.paradigm-hero-title-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.paradigm-hero-title-container .v-center {
	top:55%; /* account for header encroachment when vertically centering the hero */
}

.paradigm-hero-title {
	width:45%;
	left:55%;
}

.headline-stronger-longer {
	color: #000;
    font-family: "Gotham Cond A", "Gotham Cond B", sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    text-rendering: geometricPrecision;
    font-size: 72pt;
    line-height: 60pt;
}

/* PARADIGM MENU */
.paradigmMenu {
	background-color: #292929;
	position: relative;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 50px;
}

.paradigmmobileMenu{
	width: 100%;
	z-index: 10;
}

.paradigm-menu-inner {
	height: 100%;
	font-size: 0;
}

.paradigm-menu-inner .nav-link {
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 0.5px;
	color:#FFF;
	height:100%;
	display:inline-block;
	line-height:50px;
	width:20%;
	font-size:9pt;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.paradigmMenu .nav-link:hover {
	background-color:#444;
}

.paradigmMenu .nav-link.active {
	background-color:#FF10A4;
}


.paradigmMenu .nav-link.active:hover {
	background-color:#FF10A4;
}

/* Paradigm Heading Stroke Style */
.stroke-white {
   color: white;
   -webkit-text-fill-color: #ffffff; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 0;
   -webkit-text-stroke-color: white;
   letter-spacing: 2px;
}

.stroke-black {
   color: black;

   letter-spacing: 2px;
}

h1 {
	font-size:30pt;
	margin:0px;
	font-weight:700;
}

h2 {
	font-size:22pt;
	margin:0px;
	letter-spacing: -0.05em;
}

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

/* Paradigm paragraph style */
p {
	line-height:18px;
	max-width:550px;
	margin-top:10px;
	margin-bottom:20px;
}

p.white {
	color:#FFF;
}

p.dark {
	color:#666;
}

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

.btn-paradigm-black {
	border: 2px solid #FF10A4;
	background-color: #FF10A4;
	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;
}


.section {
	width: 100%;
	z-index: 1;
	position: relative;
	margin: 0 auto;
	padding: 60px 5%;
}

#frame1 {
	margin-top: 0;
}

.subMenu {
	height: 50px;
	z-index: 2;
	width: 100%;
	background: #0977bc;
}

.subMenu .inner {
	padding:0;
	font-weight: 400;
	margin: 0 auto;
}


.subNavBtn {
	display: block;
	height: 35px;
	width: 10%;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	
	color: #fff;
}
.subMenu a:hover {
	background: #1783c7;
}

.active {
	background: #25aae1;
}
.end {
	margin: 0;
}
.inner{
	height:100%;
	position:relative;
}
.v-center {
 	position: relative;
    top: 50%;
    transform: translateY(-50%);
    transform-style: preserve-3d;
}

#strongerVideos {
    background-color: #000;
}

#strongerVideos .swiper-slide {
    background-color: #000;
}

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

.plasma-thumb {
	position:relative;
}

#strongerVideos div.play-icon i,
.plasma-thumb div.play-icon i {
    font-size: 16pt;
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 5px;
    width: 40px;
    height: 40px;
    line-height: 23pt;
    padding-left: 10px;
    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: 0 0 10px rgba(0,0,0,.25);
}

#strongerVideos .swiper-slide:hover div.play-icon i {
	color:#ff10a4;
	border-color:#ff10a4;
}

#strongerVideos .stronger-thumb-caption {
	position:absolute;
	bottom:10px;
	text-align: center;
	width:100%;
	color:#FFF;
	font-weight:500;
	text-transform: uppercase;
	font-size:8pt;
	letter-spacing: 1px;
}

#strongerVideos .swiper-left,
#strongerVideos .swiper-right {
	top: calc(50% - 13px);
	z-index:2;
}

#strongerVideos .swiper-left:hover,
#strongerVideos .swiper-right:hover {
	border-color:#FF10A4;
}

.data-callout {
	margin-top:20px;
}

.data-callout .data-first {
	text-transform: uppercase;
	color:#666;
	font-size: 8pt;
}

.data-callout h3.data-heading {
	font-size:48pt;
	margin:0;
	color:#666;
	font-weight:500;
	text-transform: none;
	
	background: -webkit-linear-gradient(#aaa, #666);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.data-callout .data-second {
	text-transform: uppercase;
	color:#666;
	font-weight:500;
	font-size: 8pt;
}

.tone-test-play,
.strength-test-play {
	position:relative;
	height: 100%;
}

.strength-test-caption {
	margin-top:20px;
}

div.play-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
}

div.play-icon i {
    font-size: 32pt;
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 5px;
    width: 80px;
    height: 80px;
    line-height: 52pt;
    padding-left: 15px;
    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: 0 0 10px rgba(0,0,0,.25);
}
div.play-icon i:hover  {
	color:#ff10a4;
	border-color:#ff10a4;
}

.tone-test-play p,
.strength-test-play p {
	margin:10px auto 0;
}

.tone-test-caption {
    margin-top: 20px;
}

/* SECTION SPECIFIC STYLES */

.s0 {
	background:#000;
	background:url('../../images/paradigm/innovation-film.jpg');
	background-position: left center;
	background-size: cover;
	height:600px;
}

.s1 {
	background:#000;
	background:url('../../images/paradigm/angus.jpg');
	background-position: center center;
	background-size: cover;
	height:600px;
}

.tone-uncompromised {
	height:400px;
}

.tone-uncompromised .left-caption {
	position: absolute;
    color: #fff;
    z-index: 2;
    bottom: 10px;
    left: 10px;
    font-weight: 500;
    width:100% !important;
    overflow: hidden;
}

.tone-uncompromised .right-caption {
	position: absolute;
    color: #fff;
    z-index: 2;
    bottom: 10px;
    right: 10px;
    font-weight: 500;
    overflow: hidden;
}

.tone-uncompromised .left-caption-mobile {
    float: left;
    font-size: 8pt;
    font-weight: 500;
    margin-top: 10px;
    display: inline-block;
}

.tone-uncompromised .right-caption-mobile {
    float: right;
    font-size: 8pt;
    font-weight: 500;
    margin-top: 10px;
    display: inline-block;
}

.mobile-caption {
	text-align: center;
    font-size: 8pt;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 20px;
}

.tone-test {
	height:600px;
	/*background:url('../../images/paradigm/tone-test.jpg'); JS Loaded */
	background-position: center top;
	background-size: cover;
}

.s2 {
	background:url('../../images/paradigm/strongerthan.jpg');
	background-position: center center;
	background-size: cover;
	height:auto;
}

.rps-section {
	height:600px;
	/*background:url('../../images/paradigm/rps/3d-grid.jpg'); JS Loaded */
	background-color:#f5f5f5;
	background-position: center center;
	background-size: cover;
}

.high-strength-steel {
	height:auto;
}

.strength-test-section {
	height:600px;
	/*background:url('../../images/paradigm/lab-test.jpg'); JS Loaded */
	background-position: center top;
	background-size: cover;
}

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

.s3 p {
	margin:10px auto 20px;
}

.corrosion-resistance {
	height:auto;
}

.caption-default {
	font-size: 9pt;
    font-weight: 500;
    letter-spacing: 1px;
    color: #000;
    margin-top: 15px;
    text-transform: uppercase;
    text-align: center;
}

.longer-life {
	height:600px;
	background-color:#f5f5f5;
}

.s4 {
	background: #000;
	height:auto;
	background:url('../../images/paradigm/blue-bg.jpg');
	background-position: center top;
	background-size: cover;
}

span.who-guarantees {
	font-size: 36pt;
    line-height: 36pt;
}

span.their-strings {
	font-size: 43pt;
    line-height: 46pt;
}

span.wont-break {
	font-size: 46pt;
    line-height: 48pt;
}

span.we-do {
	font-size: 96pt;
	line-height:92pt;
	-webkit-text-stroke-width: 2px;	
}

.s4 hr {
	width:35%;
	border-top-width: 2px;
}

.s4 p {
	margin: 0 auto;
}

.s4 img {
	margin:0 auto;
}

.s4 p.need-replacement {
	margin-bottom:10px;
}

.superscript {
	vertical-align: super;
	font-size:.6em;
}

.fade {
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

	
.paradigm-mobile-nav {
	width:100%;
	background-color: #333;
	text-align: center;
	color:#FFF;
	padding:10px 0;
	text-transform: uppercase;
	letter-spacing:2px;
	font-weight: 300;
	font-size:8pt;
	position: relative;
}

ul.paradigm-mobile-menu {
	padding: 0;
    text-align: center;
    background-color:#3c3c3c;
    margin-bottom:0;
    position: absolute;
    z-index: 9;
    width: 100%;
}

ul.paradigm-mobile-menu li {
	padding:10px 0;
	border-bottom:1px solid #444;
}

ul.paradigm-mobile-menu li a {
	color:#FFF;
	text-transform: uppercase;
	width:100%;
	text-decoration: none !important;
	letter-spacing: 1px;
    font-size: 8pt;
}

.qualifier {
	text-align: center;
    color: #999;
    font-size: 7pt;
    padding:10px 0;
}

.img-with-qualifier {
	position:relative;
}

.img-with-qualifier .qualifier {
    text-align: center;
    color: #fff;
    font-size: 7pt;
    position: absolute;
    bottom: 5px;
    width: 100%;
    padding: 0px 5px;
    opacity: .5;
}

.pdp-buttons {
	margin-top:30px;
}

.pdp-buttons a img {
	margin:0 auto;
}

.pdp-buttons a.btn-pink {
	margin-top:10px;
}

.warranty-link {
	cursor: pointer;
}

.guarantee-modal .modal-dialog {
	width: 90%;
}

.paradigm-contact-container {
	max-width: 700px;
	margin: 20px auto;
	background-color: rgba(255,255,255,0.15);
	padding: 30px;
}

.paradigm-contact {
	font-size:14pt;
	line-height:16pt;
	font-weight:400;
	color:#FFF;
	text-align: left;
}



/* xs */
@media only screen and (max-width:767px) {

	.paradigm-hero-title {
		width: 100%;
		left: 0;
    	right: 0;
	}
	
	.paradigm-hero-title a {
		margin:15px 5px;
	}
	
	h1.headline-advanced {
    	font-size: 43px;
	}
	
	h1.headline-guitarstrings {
    	font-size: 28px;
    	letter-spacing:0;
	}
	
	h1.headline-known {
    	font-size: 28px;
    	letter-spacing:0;
	}
	
	.headline-upsize {
		font-size: 48px;
	}
	
	.s0 {
		background:#000;
		background:url('../../images/paradigm/innovation-mobile.jpg');
		background-position: center top;
		background-size: cover;
		height:600px;
	}

	
	.s1 {
		background:#000;
		background:url('../../images/paradigm/angus-mobile.jpg');
		background-position: center top;
		background-size: cover;
		height:600px;
	}
	
	.s2 {
		background:#000;
		background:url('../../images/paradigm/stronger-mobile.jpg');
		background-position: center top;
		background-size: cover;
		height:600px;
	}
	
	.break-resist-copy {
	    height: 295px;
	}
	
	.high-strength-steel {
		height:auto;
	}
	
	.strength-test-section {
		height:auto;
	}
	
	.strength-test-play div.play-icon {
		position:relative;
		top:initial;
		transform:none;
		padding:60px 0;
	}
	
	.rps-section {
		height:auto;
	}
	
	.rps-mobile {
		padding: 0;
		margin: 0 -10px;
	}
	
	.s3 {
		background:#000;
		background:url('../../images/paradigm/plasma-mobile.jpg');
		background-position: center 15%;
		background-size: cover;
		height:600px;
	}
	
	.section {
		text-align: center;
		padding: 60px 10px;
	}

	h1 {
		
		font-size:20pt;
	}
	
	h2 {
		
		font-size:18pt;
	}
	
	p {
		font-size:9pt;
		line-height: 12pt;
		margin:10px auto 20px;
		max-width:360px;
	}
	
	/* .btn-pink:focus, .btn-pink:hover {
		background-color:transparent;
	} */
	
	p.subhead {
		font-size:8pt;
		letter-spacing:0.5px;
		margin: 5px auto 10px
	}
	
	.pink-accent.left-pink:after {
		margin:10px auto 0;
	}
	
	.tone-uncompromised {
		height:auto;
	}
	
	.ba-slider {
		width:100%;
		margin-top:30px;
	}
	
	.tone-test {
		height:auto;
	}
	
	.tone-test .tone-test-play .play-icon {
	    position: relative;
	    top: initial;
	    transform: none;
	    padding: 15% 0;
	}
	
	.v-center {
		top:initial;
		transform: none;
	}
	
	.bottom-center {
		top:initial;
		transform: none;
		position:absolute;
		bottom:10px;
		left:0;
		right:0;
	}
	
	.data-callout {
	    margin-top: 0px;
	    margin-bottom: 20px;
	}
	
	.everlast-comparison {
		margin-top:30px;
	}
	
	span.who-guarantees {
		font-size: 20pt;
	    line-height: 21pt;
	}
	
	span.their-strings {
		font-size: 24pt;
	    line-height: 26pt;
	}
	
	span.wont-break {
		font-size: 26pt;
	    line-height: 28pt;
	}
	
	span.we-do {
		font-size: 56pt;
		line-height:58pt;
		-webkit-text-stroke-width: 2px;	
	}
	
	.s4 hr {
		width:240px;
	}
	
	.pdp-buttons div {
		margin:15px 0;
	}
	
	.paradigm-contact {
		font-size:12pt;
		line-height:14pt;
		font-weight:400;
		color:#FFF;
		text-align: center;
		
	}
	
	.s4 p.paradigm-contact {
		margin-bottom:20px;
	}
}

/* smaller iPhones */
@media only screen and (max-width:321px) {
	
	.paradigm-hero-title {
		width: 100%;
		left: 0;
    	right: 0;
    	bottom:0;
	}
	
	.paradigm-hero-title a {
		margin:10px 5px;
		padding:10px;
	}
	
	h1.headline-advanced {
    	font-size: 36px;
    	line-height:32px;
    	letter-spacing:6px;
	}
	
	h1.headline-guitarstrings {
    	font-size: 28px;
    	letter-spacing:1px;
	}
	
	h1.headline-known {
    	font-size: 28px;
    	letter-spacing:1px;
	}
	
	.headline-upsize {
		font-size: 42px;
		letter-spacing:4px;
	}
	
	span.who-guarantees {
		font-size: 25px;
	    line-height: 18pt;
	}
	
	span.their-strings {
		font-size: 32px;
	    line-height: 40px;
	}
	
	span.wont-break {
		font-size: 32px;
	    line-height: 30px;
	}
	
	span.we-do {
		font-size: 68px;
		line-height:70px;
		-webkit-text-stroke-width: 2px;	
	}
	
	.headline-stronger-longer {
		font-size: 48pt;
		line-height: 40pt;
		margin-top: 5px;
	}
	
}	

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

	h1.headline-advanced {
    	font-size: 32pt;
	}
	
	h1.headline-guitarstrings {
    	font-size: 31px;
    	letter-spacing:0;
	}
	
	h1.headline-known {
    	font-size: 31px;
    	letter-spacing:0;
	}
	
	.headline-upsize {
		font-size:35pt
	}
	
	.paradigm-hero-container a {
		margin: 10px 4px;
		padding:10px;
	}
	
	.headline-stronger-longer {
		font-size:50pt;
		line-height:44pt;
		margin-top: 15px;
	}

}

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

	h1.headline-advanced {
    	font-size: 32pt;
	}
	
	h1.headline-guitarstrings {
    	font-size: 23pt;
    	letter-spacing:0;
	}
	
	h1.headline-known {
    	font-size: 23pt;
    	letter-spacing:0;
	}
	
	.headline-upsize {
		font-size:35pt
	}
	
	.paradigm-hero-container a {
		margin: 10px 4px;
		padding:10px;
	}
	
	.headline-stronger-longer {
		font-size:50pt;
		line-height:44pt;
		margin-top: 15px;
	}


}


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

	.paradigm-hero-title {
	    width: 43%;
	    left: 57%;
	}
	
	h1.headline-advanced {
    	font-size: 32pt;
	}
	
	h1.headline-guitarstrings {
    	font-size: 23pt;
    	letter-spacing:0;
	}
	
	h1.headline-known {
    	font-size: 23pt;
    	letter-spacing:0;
	}
	
	.headline-upsize {
		font-size:35pt
	}
	
	.headline-stronger-longer {
		font-size:50pt;
		line-height:44pt;
	}
	
	.paradigm-hero-container a {
		margin: 10px 4px;
		padding:10px;
	}
	
	.s0 {
		background-position: -285px center;
	}
	
	.s1 {
		background-position: -195px center;
	}
	
	.s2 {
		height:600px;
	}
	
	.s3 {
		background-position: center bottom;
		background-size: 150%;
		background-repeat: no-repeat;
		background-color: #120308;
	}

	
	.tone-uncompromised {
		height:auto;
	}
	
	.tone-uncompromised .v-center {
		top:initial;
		transform: none;
	}
	
	.s4 hr {
    	width: 60%;
    }
    
    .rps-section {
	    height:800px;
	    position:relative;
    }
    
    .rps-copy {
	    position: absolute;
	    top: 60px;
	    transform: none;
	    text-align: center;
	    left: 0;
		right: 0;
    }
    
    .rps-copy .pink-accent.left-pink:after {
    	margin: 10px auto 0 auto;
	}
	
	.rps-copy p {
		margin: 10px auto 20px auto;
	}
    
    .rps-anim {
		height:100%;
	}
	
	.rps-anim div.rps-img-container img,
	.rps-anim div.trad-img-container img {
		left:-180%;
		width:100%;
		max-width:120%;
	}
	
	
	.rps-anim div.rps-img-container,
	.rps-anim div.trad-img-container {
		position:absolute;
		left:-140%;
		width: 100%;
	}
	
	
	.rps-anim div.rps-img-container {
	    top:45%;
	    -webkit-transition: all 3s ease;
	    -moz-transition: all 3s ease;
	    -o-transition: all 3s ease;
	    transition: all 3s ease;
	}
	
	.rps-anim div.trad-img-container {
		top:75%;
	    -webkit-transition: all 3s ease;
	    -moz-transition: all 3s ease;
	    -o-transition: all 3s ease;
	    transition: all 3s ease;
	    -webkit-transition-delay: 1s; /* Safari */
		transition-delay: 1s;
	}
	
	.collapse.in .rps-anim div.rps-img-container {
	    left:-9%;
	}
	
	.collapse.in .rps-anim div.trad-img-container {
	    left:-20%;
	}
	
	.rps-caption span {
	    font-size: 9pt;
	    color: #666;
	    width: 45%;
	    position: absolute;
	    right: 0px;
	    top: 110%;
	    margin-top: -2%;
	    -webkit-transition: all 2s ease;
	    -moz-transition: all 2s ease;
	    -o-transition: all 2s ease;
	    transition: all 2s ease;
	    -webkit-transition-delay: 4.5s; /* Safari */
		transition-delay: 4.5s;
	}
	
	.rps-caption div.line {
		height: 0%;
	    border-left: 1px solid #aaa;
	    position: absolute;
	    right: 48%;
	    top: 50%;
	    -webkit-transition: all 2s ease;
	    -moz-transition: all 2s ease;
	    -o-transition: all 2s ease;
	    transition: all 2s ease;
	    -webkit-transition-delay: 4.5s; /* Safari */
		transition-delay: 4.5s;
	}
	
	.normal {
		position:absolute;
		opacity:1;
		-webkit-transition: all 2s ease;
	    -moz-transition: all 2s ease;
	    -o-transition: all 2s ease;
	    transition: all 2s ease;
		-webkit-transition-delay: 4.5s; /* Safari */
		transition-delay: 4.5s;
	}
	
	.stress {
		position:absolute;
		opacity:0;
		-webkit-transition: all 2s ease;
	    -moz-transition: all 2s ease;
	    -o-transition: all 2s ease;
	    transition: all 2s ease;
		-webkit-transition-delay: 4.5s; /* Safari */
		transition-delay: 4.5s;
	}
	
	.collapse.in .normal {
	    opacity:0;
	}
	
	.collapse.in .stress {
	    opacity:1;
	}
	
	.collapse.in .rps-caption span {
	    margin-top:0%;
	}
	
	.collapse.in .rps-caption div.line {
	    height:80%;
	}
	
	.caption-default {
		font-size:8pt;
	}
	
	.steel-img {
		padding: 0;
		border: solid 2px #fff;
	}

	.longer-life {
		height:auto;
	}

	.longer-life-copy {
		top:initial;
		transform:none;
	}
	
	.tone-uncompromised h2 {
		text-align: center;
	}
		
	.tone-uncompromised h2.pink-accent.left-pink:after {
		margin:10px auto 10px auto;
	}
	
	.tone-uncompromised p {
		margin:10px auto 20px auto;
		text-align: center;
	}
	
	.everlast-thumb {
		margin-top:30px;
	}
}


/* Desktop+ */
@media only screen and (min-width: 992px) {

	.collapse .steel-comparison,
	.collapse .plasma-enhanced-comparison {
	    -webkit-transition: all 2s ease;
	    -moz-transition: all 2s ease;
	    -o-transition: all 2s ease;
	    transition: all 2s ease;
	    -webkit-backface-visibility: hidden;
	}
	
	.collapse .steel-comparison img,
	.collapse .plasma-enhanced-comparison img {
		/*-webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.35));
	    filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.35));*/
	    box-shadow: 0px 0px 10px rgba(0,0,0,.35);
	    -webkit-backface-visibility: hidden;
	}
	
	.collapse.in .steel-comparison,
	.collapse.in .plasma-enhanced-comparison {
	    margin-top: -20%;
	    -webkit-backface-visibility: hidden;
	}
	
	.rps-anim {
		height:100%;
	}
	
	.rps-anim div.rps-img-container img,
	.rps-anim div.trad-img-container img {
		left:-180%;
		width:100%;
		max-width:120%;
	}
	
	
	.rps-anim div.rps-img-container,
	.rps-anim div.trad-img-container {
		position:absolute;
		left:-140%;
		width: 100%;
	}
	
	
	.rps-anim div.rps-img-container {
	    top:20%;
	    -webkit-transition: all 3s ease;
	    -moz-transition: all 3s ease;
	    -o-transition: all 3s ease;
	    transition: all 3s ease;
	}
	
	.rps-anim div.trad-img-container {
		top:60%;
	    -webkit-transition: all 3s ease;
	    -moz-transition: all 3s ease;
	    -o-transition: all 3s ease;
	    transition: all 3s ease;
	    -webkit-transition-delay: 1s; /* Safari */
		transition-delay: 1s;
	}
	
	.collapse.in .rps-anim div.rps-img-container {
	    left:-15%;
	}
	
	.collapse.in .rps-anim div.trad-img-container {
	    left:-30%;
	}
	
	.rps-caption span {
	    font-size: 9pt;
	    color: #666;
	    width: 45%;
	    position: absolute;
	    right: 0px;
	    top: 110%;
	    margin-top: -2%;
	    -webkit-transition: all 2s ease;
	    -moz-transition: all 2s ease;
	    -o-transition: all 2s ease;
	    transition: all 2s ease;
	    -webkit-transition-delay: 4.5s; /* Safari */
		transition-delay: 4.5s;
	}
	
	.rps-caption div.line {
		height: 0%;
	    border-left: 1px solid #aaa;
	    position: absolute;
	    right: 48%;
	    top: 50%;
	    -webkit-transition: all 2s ease;
	    -moz-transition: all 2s ease;
	    -o-transition: all 2s ease;
	    transition: all 2s ease;
	    -webkit-transition-delay: 4.5s; /* Safari */
		transition-delay: 4.5s;
	}
	
	.normal {
		position:absolute;
		opacity:1;
		-webkit-transition: all 2s ease;
	    -moz-transition: all 2s ease;
	    -o-transition: all 2s ease;
	    transition: all 2s ease;
		-webkit-transition-delay: 4.5s; /* Safari */
		transition-delay: 4.5s;
	}
	
	.stress {
		position:absolute;
		opacity:0;
		-webkit-transition: all 2s ease;
	    -moz-transition: all 2s ease;
	    -o-transition: all 2s ease;
	    transition: all 2s ease;
		-webkit-transition-delay: 4.5s; /* Safari */
		transition-delay: 4.5s;
	}
	
	.collapse.in .normal {
	    opacity:0;
	}
	
	.collapse.in .stress {
	    opacity:1;
	}
	
	.collapse.in .rps-caption span {
	    margin-top:0%;
	}
	
	.collapse.in .rps-caption div.line {
	    height:80%;
	}
	
	


}



/* md */
@media only screen and (min-width: 992px) and (max-width:1199px) {
	
	.paradigm-hero-title {
	    width: 43%;
	    left: 57%;
	}
	
	h1.headline-advanced {
    	font-size: 43pt;
	}
	
	h1.headline-guitarstrings {
    	font-size: 30pt;
    	letter-spacing:0;
	}
	
	h1.headline-known {
    	font-size: 30pt;
    	letter-spacing:0;
	}
	
	.headline-upsize {
		font-size:48pt
	}
	
	.headline-stronger-longer {
		font-size:60pt;
		line-height:54pt;
	}
	
	.paradigm-hero-container a {
		margin:10px 15px;
	}
	
	.s0 {
		background-position: -135px center;
	}
	
	.s3 {
		background-position: center bottom;
		background-size: 120%;
		background-repeat: no-repeat;
		background-color: #120308;
	}
	
	h1 {
		font-size:29pt;
	}
	
	p.subhead {
		letter-spacing:1px;
	}
	
	.paradigm-menu-inner .nav-link {
		font-size:8pt;
		letter-spacing: 0;
	}
	
	.video-container video {
		width:150%;
	}
	
	.collapse.in .rps-anim div.rps-img-container {
	    left: -25%;
	}
	
	.collapse.in .rps-anim div.trad-img-container {
	    left: -40%;
	}	
	
	.rps-anim div.rps-img-container img, .rps-anim div.trad-img-container img {
	    left: -180%;
	    width: 120%;
	    max-width: 120%;
	}
	
	.paradigm-contact {
		font-size:12pt;
		line-height:14pt;
		font-weight:400;
		color:#FFF;		
	}

}

/* lg */
@media only screen and (min-width: 1200px) and (max-width:1429px) {
	
	.paradigm-hero-title {
    	width: 46%;
    	left: 54%;
	}
	
	h1.headline-advanced {
    	font-size: 26pt;
	}
	
	h1.headline-guitarstrings {
    	font-size: 35pt;
	}
	
	h1.headline-known {
    	font-size: 35pt;
	}
	
	.paradigm-hero-container.row {
		left:0;
	}
	
	.paradigm-hero-container a {
		margin:15px 10px;
	}

}

/* xl */
@media only screen and (min-width: 1430px) and (max-width:1799px) {
	
	.paradigm-hero-title {
    	width: 46%;
    	left: 54%;
	}
	
	h1.headline-advanced {
    	font-size: 32pt;
	}
	
	h1.headline-guitarstrings {
    	font-size: 43pt;
	}
	
	h1.headline-known {
    	font-size: 43pt;
	}
	
	.headline-stronger-longer {
		font-size:80pt;
		line-height:72pt;
	}
	
	.paradigm-hero-container.row {
		left:0;
	}
	
	.paradigm-hero-container a {
		margin:30px 15px;
	}
	
	.s0 {
		height:800px;
	}
	
	.tone-uncompromised {
		height:600px;
	}
	
	.s3 {
		background: #000;
		height:800px;
		background:url('../../images/paradigm/plasma4.jpg');
		background-position: center center;
		background-size: cover;
	}
	
	.rps-anim div.rps-img-container {
    	top: 15%;
    }
    
    .rps-caption span {
	    font-size: 9pt;
	    color: #666;
	    width: 47%;
	    position: absolute;
	    right: 0px;
	    top: 118%;
	}
}

/* xxl */
@media only screen and (min-width: 1800px) {
	
	.paradigm-hero-title {
    	width: 46%;
    	left: 54%;
	}

		
	h1 {
		font-size: 36pt;
	}
	
	h2 {
		font-size:28pt;
	}
	
	p.subhead {
		font-size: 12pt;
	}
	p {
		line-height:22px;
		font-size:12pt;
		max-width:700px;
	}
	
	h1.headline-advanced {
    	font-size: 41pt;
	}
	
	h1.headline-guitarstrings {
    	font-size: 55pt;
	}
	
	h1.headline-known {
    	font-size: 56pt;
	}
	
	.headline-stronger-longer {
		font-size:100pt;
		line-height:88pt;
	}
	
	.paradigm-hero-container.row {
		left:0;
	}
	
	.paradigm-hero-container a {
		margin:30px 15px;
	}
	
	.s0 {
		height:800px;
	}
	
	.s1 {
		height:800px;
	}
	
	.tone-uncompromised {
		height:800px;
	}
	
	.tone-test {
		height:800px;
	}

	.s2 {
		height:760px;
	}
	
	
	.strength-test-section {
		height:800px;
	}
	
	.s3 {
		padding-top:120px;
		height:1200px;
	}
	
	.s3 {
		background: #000;
		padding-top:120px;
		height:1200px;
		background:url('../../images/paradigm/plasma4.jpg');
		background-position: center center;
		background-size: cover;
	}
	
	.s3 inner p {
		max-width:700px;
	}
	
	.longer-life {
    	height: 800px;
    }
	
	.rps-section {
		height:900px;
	}
	
	.rps-anim div.rps-img-container {
    	top: 15%;
    }
    
    .rps-caption div.line {
	    right:57%;
    }
    
    .rps-caption span {
	    font-size: 10pt;
	    color: #666;
	    width: 42%;
	    position: absolute;
	    right: 13%;
	    top: 120%;
	}

}

/* xxl+ */
@media only screen and (min-width: 2560px) {
	
	.paradigm-hero-title {
    	width: 46%;
    	left: 54%;
	}
	
	h1.headline-advanced {
    	font-size: 60pt;
	}
	
	h1.headline-guitarstrings {
    	font-size: 80pt;
	}
	
	h1.headline-known {
    	font-size: 80pt;
	}
	
	.headline-stronger-longer {
		font-size:140pt;
		line-height:120pt;
	}
	
	.paradigm-hero-container.row {
		left:0;
	}
	
	.paradigm-hero-container a {
		margin:30px 15px;
	    font-size: 12pt;
		padding: 15px 30px;
	}
	
	.s0 {
		height:800px;
	}
	
	.s2 {
		height:900px;
	}
}


.ba-slider {
  position: relative;
  overflow: hidden;
}
.ba-slider img {
  width: 100%;
  display: block;
}
.resize {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  overflow: hidden;
}
.handle {
  /* Thin line seperator */
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  margin-left: -2px;
  background: rgba(255, 255, 255, 1);
  cursor: ew-resize;
}
.handle:after {
  /* knob  */
  position: absolute;
  top: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  content: '\21d4';
  color: #FF10A4;
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  line-height: 64px;
  background: #fff;
  border-radius: 50%;
  transition: all 0.1s ease;

}
.draggable:after {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  line-height: 48px;
  font-size: 30px;
}