::-moz-selection {
	background: #0086cf;
	color: #fff;
}

::selection {
	background: #0086cf;
	color: #fff;
}

@keyframes rotate {
	0% {
	    transform: rotate(0deg);
	}
	100% {
	    transform: rotate(360deg);
	}
}

#preload, #overlay {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10015;
	display: block;
	background: #000;
	width: 100%;
	height: 100%;
	margin-top: 0;
}

#preload center, #overlay center {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;

	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	-o-transform: translateY(-50%); 
	transform: translateY(-50%); 
}

#overlay center {
	padding: 15%;
}

#preload center img {
	max-width: 250px;
	width: 100%;
}

#overlay {
	left: -100%;
	-webkit-transition: all ease-in-out .25s;
	transition: all ease-in-out .25s;
}

#overlay.visible {
	background: #000;
	background: rgba(0, 0, 0, .75);
	left: 0;
	-webkit-transition: all ease-in-out .25s;
	transition: all ease-in-out .25s;
}

.close {
    position: absolute;
    top: -60px;
    right: 20px;
    height: 25px;
    width: 25px;
    cursor: pointer;
    display: block;
    z-index: 1100;
    opacity: 1;
	-webkit-transition: top ease-in-out .1s;
	transition: top ease-in-out .1s;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.close.visible {
	top: 20px;
}

.close span, .close span::before, .close span::after {
    backface-visibility: hidden;
    background-color: #efefef;
    content: '';
    display: block;
    height: 3px;
    margin-top: 10px;
    position: absolute;
    width: 25px;
}

.close span {
    background-color: transparent;
}

.close span:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 0;
}

.close span:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -10px;
}
 
.loader {
	display: block;
	width: 100%;
	text-align: center;
}
 
.loader div {
	border-color: #3a434a #3a434a #0086cf #0086cf;
	border-radius: 100%;
	border-width: 2px;
	border-style: solid;
	display: inline-block;
	margin: 50px 0 25px 0;
	width: 50px;
	height: 50px;
	 
	-webkit-animation: 1s linear 0s normal none infinite running rotate;
	-moz-animation: 1s linear 0s normal none infinite running rotate;
	-ms-animation: 1s linear 0s normal none infinite running rotate;
	-o-animation: 1s linear 0s normal none infinite running rotate;
	animation: 1s linear 0s normal none infinite running rotate;
}

* {
	box-sizing: border-box;
}

html {
	width: 100%;
	height: 100%;
}

body, html {
	overflow-x: hidden;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 150%;
	background: #161616;
	color: #a0a0a0;
	
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

body {
	margin: 0;
	padding: 0;
}

body.overflow-hidden, html.overflow-hidden {
	overflow: hidden !important;
}

ul, ul li {
	margin: 0;
	padding: 0;
	color: #fff;
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
}

a, input {
	text-decoration: none;
	outline: 0 none;
	color: inherit;
	display: inline-block;
}

h1, h2, h3, h4, h5, h6, a, strong {
	font-weight: 700;
	margin-top: 0;
}

.centered h2 {
	margin-top: 16px;
	margin-top: 1rem;
}

h1, h2, h3, h4, h5, h6, .quote strong {
	color: #f7f7f7;
	text-transform: uppercase;
}

h1 {
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 125%;
}

.quote p {
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 125%;
	font-style: italic;
	margin-top: 0;
}

h1, p {
	margin-bottom: 32px;
	margin-bottom: 2rem;
}

p, .quote p, #highlight-icons .content-wrapper .quarter-col h3 {
	color: #a0a0a0;
}

.spacer {
	width: 100% !important;
	height: 48px !important;
	height: 3rem !important;
	display: block !important;
	float: none !important;
	clear: both !important;
	background: #1e1e1e;
	background-color: #1e1e1e;
}

header {
	background: #000;
}

header.fixed {
	position: fixed;
	top: -500px;
	left: 0;
	right: 0;
	z-index: 2000;
	-webkit-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
}

header.fixed.move-down {
	top: 0;
}

header nav ul {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

header nav ul li a {
	color: #e6e7e8;
	cursor: pointer;
	-webkit-transition: all ease-in-out .1s;
	transition: all ease-in-out .1s;
	padding-bottom: 4px;
}

header nav ul li #logo {
	width: 35%;
	cursor: pointer;
		-webkit-transition: all ease-in-out .1s;
	transition: all ease-in-out .1s;
}

header .third-col:nth-child(1) {
	width: 40%;
	text-align: left;
}

header .third-col:nth-child(2) {
	width: 50%;
	text-align: right;
}

header .third-col:nth-child(3) {
	width: 10%;
	text-align: center;
}

.site-navigation li {
	margin: 0 0 0 16px;
	margin: 0 0 0 1rem;
}

.lang li {
	margin: 0 4px;
	margin: 0 .25rem;
}

.lang li .current {
	cursor: default;
	pointer-events: none;
}

.lang img {
	opacity: .35;
	-webkit-transition: all ease-in-out .1s;
	transition: all ease-in-out .1s;
}

.lang img:hover, .lang .current img {
	opacity: 1;
}

header nav ul li span {
	color: #e6e7e8;
}

.red {
	color: #ce3438;
}

.blue {
	color: #0086cf;
}

.green {
	color: #009900;
}

.button-primary {
	background: #0086cf;
	color: #fff;
	padding: 16px 24px;
	padding: 1rem 1.5rem;
	-webkit-transition: all ease-in-out .1s;
	transition: all ease-in-out .1s;
	cursor: pointer;
}

.button-primary.disabled {
	background: #666;
	opacity: .9;
	cursor: default;
	pointer-events: none;
}

.button-secondary {
	color: #0086cf;
	cursor: pointer;
	-webkit-transition: all ease-in-out .1s;
	transition: all ease-in-out .1s;
	position: relative;
	z-index: 10;
	font-weight: 700;
}

.button-primary:hover, header nav ul li a:hover, .button-secondary:hover, .close:hover, header nav ul li #logo:hover, #highlight-icons .quarter-col:hover, #highlight-details .trigger:hover, #highlights .content-wrapper strong:hover {
	opacity: .9;
}

.slider {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.clearfix {
	clear: both;
	float: none;
	height: 0;
}

.content-wrapper {
	display: inline-block;
	width: 100%;
	padding: 32px;
	padding: 2rem;
}

.content-wrapper.centered {
	text-align: center;
}

.content-wrapper.centered.parallax {
	display: block;
	padding-bottom: 56.25%;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 65% auto;
}

#imagine .content-wrapper.centered.parallax {
	background-image: url('../images/bluguitar-ampx-top.jpg');
}

#features .content-wrapper.centered.parallax {
	background-image: url('../images/bluguitar-ampx-back.jpg');
}

#ampx-logo img {
	width: 100%;
	max-width: 350px;
	margin: 32px  auto;
	margin: 2rem auto;
	display: block;
}

#ampx-logo .note {
	font-size: 32px;
	font-size: 2rem;
	margin-bottom: 0;
}

#video {
	position: relative;
	padding-top: 41.25%;
    overflow: hidden;
}

#video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

#video .youtube-video {
	position: relative;
	text-align: center;
}

#video img {
	width: 65%;
	margin: 0 auto;
}

#statement .content-wrapper .txt, #statement-two .content-wrapper .txt, #banner .content-wrapper {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	display: block;
}

#imagine .imagine-wrapper {
	display: flex;
	align-content: center;
	align-items: center;
}

#imagine .imagine-wrapper .half-col {
	width: 50%;
}

#imagine .imagine-wrapper .half-col img {
	width: 100%;
	display: block;
}

#highlight-icons .content-wrapper .quarter-col {
	display: inline-block;
	width: 20%;
	margin: 1.5% 1.5% 0 1.5%;
	vertical-align: top;
	cursor: pointer;
}

#highlight-icons .content-wrapper .quarter-col img {
	display: block;
	width: 75%;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.75);
}

.shadow.top {
	-webkit-box-shadow: 0px -50px 50px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -50px 50px 0px rgba(0,0,0,0.5);
	box-shadow: 0px -50px 50px 0px rgba(0,0,0,0.5);
}

.shadow.bottom {
	-webkit-box-shadow: 0px 50px 50px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 50px 50px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 50px 50px 0px rgba(0,0,0,0.5);
}

#features ul {
	margin: 16px 0;
	margin: 1rem 0;
}

#features ul li {
	display: block;
	list-style-type: circle;
	margin: 8px 0;
	margin: .5rem 0;
	color: #a0a0a0;
}

#highlights .full-col {
	position: relative;
}

#highlights .full-col img {
	display: block;
	width: 100%;
}

#highlights .content-wrapper {
	width: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background: #161616;
	background-color: #161616;
	background: rgba(0, 0, 0, .75);
	background-color: rgba(0, 0, 0, .75);
}

#highlights .content-wrapper.left {
	left: 0;
}

#highlights .content-wrapper.right {
	right: 0;
}

#highlights .content-wrapper .full {
	max-height: 0;
	opacity: 0;
	margin: 0;
	-webkit-transition: all ease-out .25s;
	transition: all ease-out .25s;
}

#highlights .full.visible {
	max-height: 1000px;
	opacity: 1;
	margin: 16px 0 32px 0;
	margin: 1rem 0 2rem 0;
	-webkit-transition: all ease-in .25s;
	transition: all ease-in .25s;
}

#highlights .content-wrapper strong {
	position: relative;
	z-index: 1000;
	cursor: pointer;
	color: #fff;
}

#newsletter {
	text-align: center;
	background: #fff;
	padding: 32px 0;
	padding: 2rem 0;
}

#newsletter h2 {
	color: #1f1f1f;
}

.single-item .slick-slide {
	position: relative;
}

.single-item li {
	display: block;
}

.single-item li:before {
	content: "•";
	padding-right: 16px;
	padding-right: 1rem;
	color: #fff;
}

.single-item.slider .slider-content-wrapper {
	position: relative;
	float: left;
}

.single-item h1, .single-item p {
	color: #e6e7e8;
}

.single-item .slider-content-wrapper, .slider-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
}

.slider-background {
	z-index: -1;
	min-height: 100vh;
}

.slick-slide {
	opacity: 1;
}
    
.slick-active {
	opacity: 1;
}

.slick-current {
	opacity: 1;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	
	overflow: hidden;
}

.slick-list{
	position: relative;
	
	display: block;
	overflow: hidden;
	
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
	width: 100%;
}

.slick-initialized .slick-slide img {
	padding: 0 32px;
	padding: 0 2rem;
	width: 100%;
	max-width: 1080px;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-dots {
	bottom: 32px;
	bottom: 2rem;
}

.slick-prev, .slick-next {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	z-index: 1000;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all ease-in-out .1s;
	transition: all ease-in-out .1s;
}

.slick-prev:before, .slick-next:before {
	content: "";
}

.slick-prev, .slick-prev:hover, .slick-prev:focus {
	background: transparent url('../images/arrow-left-wh.png') no-repeat;
	background-size: 50px 50px;
	left: 16px;
	left: 1rem;
}

.slick-next, .slick-next:hover, .slick-next:focus {
	background: transparent url('../images/arrow-right-wh.png') no-repeat;
	background-size: 50px 50px;
	right: 16px;
	right: 1rem;
}

.slick-arrow.slick-disabled {
	opacity: .5;
	cursor: default;
	pointer-events: none;
}

.slick-prev:hover, .slick-next:hover, footer .social-media li:hover a, footer li a:hover {
	opacity: .5;
}

.slick-dotted.slick-slider {
	margin-bottom: 0;
}

.slick-dots li, .slick-dots li button, .slick-dots li button:before {
	width: 20px;
	height: 20px;
	font-size: 10px;
	font-size: .625rem;
}

footer {
	background: #1f1f1f;
	color: #e6e7e8;
	padding: 32px 48px;
	padding: 2rem 3rem;
}

footer a {
	color: #0086cf;
	font-weight: 400;
}

footer ul {
	display: inline-block;
	vertical-align: text-top;
}

footer ul:first-of-type {
	width: 25%;
	text-align: left;
}

footer ul:last-of-type {
	width: 75%;
	text-align: right;
}

footer li {
	margin: 0 6px;
	margin: 0 .375rem;
}

footer li a, #highlight-details .trigger, input[type="submit"] {
	-webkit-transition: all ease-in-out .1s;
	transition: all ease-in-out .1s;
}

.mobile {
	display: none !important;
}

input[type=text], input[type=email], textarea, select {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 150%;
	text-align: center;
	background-color: transparent;
	color: #a0a0a0;
	border-image: none;
	border-style: solid;
	border-width: 2px;
	border-color: #a0a0a0;
	border-top: none;
	border-left: none;
	border-right: none;
	outline: 0 none;
	border-radius: 0;
	height: 35px;
	max-width: 500px;
	width: 100%;
	padding: 0;
	
	-webkit-appearance: none !important; 
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
}

input[type="checkbox"] {
	background-color: transparent;
	color: #ffffff;
	border: 2px;
	border-style: solid;
	border-color: #a0a0a0;
	border-radius: 100%;
	width: 25px;
	height: 25px;
	margin-right: 20px;
	
	-webkit-appearance: none !important; 
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
}

input[type="checkbox"]:checked {
	background-color: #0086cf;
	
	-webkit-box-shadow: inset 0px 0px 0px 3px #ffffff;
	-moz-box-shadow: inset 0px 0px 0px 3px #ffffff;
	-ms-box-shadow: inset 0px 0px 0px 3px #ffffff;
	-o-box-shadow: inset 0px 0px 0px 3px #ffffff;
	box-shadow: inset 0px 0px 0px 3px #ffffff;
}

input[type="submit"] { 
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 150%;
	text-align: center;
	border: 0 none;
	outline: 0 none;
	border-radius: 0;
	
	-webkit-appearance: none !important; 
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
}

.youtube {
    background-color: transparent;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

.youtube.playing {
	background-color: #1f1f1f;
}

.youtube, #main-video, .youtube img, .youtube-video .play-button {
	cursor: pointer !important;
}

.youtube img {
    width: 100%;
    opacity: 1;
    transition: ease-in-out all .1s;
    -webkit-transition: ease-in-out all .1s;
}

.youtube-video .play-button {
    width: 90px;
    height: 60px;
    background-color: #ce3438;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
    transition: ease-in-out all .25s;
    -webkit-transition: ease-in-out all .25s;
}

.youtube-video .play-button:hover {
	opacity: .5;
}

.youtube-video .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}

.youtube img, .youtube-video .play-button {
    cursor: pointer;
}

.youtube img, .youtube iframe, .youtube-video .play-button, .youtube-video .play-button:before {
    position: absolute;
    top: 0;
}

.youtube-video .play-button, .youtube-video .play-button:before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d( -50%, -50%, 0);
    transform: translate3d( -50%, -50%, 0);
}

.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


@media (max-width:1280px) {
	body, html {
		font-size: 16px;
		font-size: 1rem;
	}
	
	h1, #ampx-logo .note {
		font-size: 24px;
		font-size: 1.5rem;
	}
	
	.button-primary {
		padding: 8px 16px;
		padding: .5rem 1rem;
	}
}

@media (max-width:1024px) {
	header nav ul li #logo {
		width: 50%;
	}
	
	.content-wrapper.centered.parallax {
		background-attachment: initial;
		background-size: 85% auto;
	}
	
	.shadow.top, .shadow.bottom {
		box-shadow: none;
	}
	
	.spacer.mobile {
		display: block !important;
	}
	
	#highlight-icons .content-wrapper .quarter-col {
		width: 45%;
	}
	
	#highlights .spacer.mobile {
		display: block !important;
	}
	
	#highlights .content-wrapper { 
		position: relative;
		width: 100%;
		top: 0;
		transform: none;
		-webkit-transform: none;
		background: #161616;
		background-color: #161616;
	}
}

@media (max-width:768px) {
	.mobile {
		display: block !important;
	}
	
	.desktop {
		display: none !important;
	}
	
	header nav ul li #logo {
		width: 100%;
	}
	
	.site-navigation li:last-of-type {
		margin-right: 16px;
		margin-right: 1rem;
	}
	
	#ampx-logo img {
		max-width: 250px;
	}
	
	#imagine .imagine-wrapper {
		display: block;
	}
	
	#imagine .imagine-wrapper .half-col {
		width: 100%;
	}

	#newsletter {
		margin-top: 0;
	}	
	
	footer ul {
		width: 100% !important;
		text-align: center !important;
	}
	
	#overlay center {
		padding: 2rem;
	}
}

@media (max-width:525px) {

}