@charset "UTF-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,body{
	margin:0;	
	height:100%;
	min-height:100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing:antialias;
}
form,input, select,textarea{
	
	vertical-align: middle;
	font-family:Helvetica,Arial,sans-serif;
}
body{
	
	background-size:cover !important;
	background-attachment:fixed !important;
	background:transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	
}

img, h1, h2, h3, h4, h5, p, table, input, ul, ol, li, select, option, section, figure{
	border:0;
	margin:0;
	padding:0;
	outline:0;
	position:relative;
}
img {
	border: none;
	max-width: 100%;
}

section{
	overflow:hidden;
	height:auto;
}
h1,h2,h3,h4,h5{
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}
a {
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}
a:hover{
	text-decoration: underline;
}
.clear{
	clear:both;
	height:0px;
	overflow:hidden;
}
.off {
	display: none;
}
.pd-off {
	padding: 0;
}
.respOn {
	display: none;
	height: 0;
}
.respOff {
	display: block;
}


/***********************UI THEMES***********************/

/*Theme WHITE*/
.ui-theme-white {
	background: #ffffff;
}
/*.ui-theme-white  a {
	color: #333;
}*/

.ui-theme-white  a:visited {
	color: #4F5962;
}
.ui-theme-white a:hover {
	text-decoration: none;
}

.ui-theme-white h1,
.ui-theme-white h2 {
	color: #4F5962;
	
}
.ui-theme-white h3,
.ui-theme-white h4 {
	color: #4F5962;
}

/*Theme Purple*/
.ui-theme-purple {
	color: #f0f0f0;
	background: #413368;
}
.ui-theme-purple h1,
.ui-theme-purple h2,
.ui-theme-purple h3,
.ui-theme-purple h4 {
	color: #f0f0f0;
	
}

/*Theme Base Gray*/
.ui-theme-gray {
	color: #404040;
	background: #f7f7f7;
}
.ui-theme-gray h1,
.ui-theme-gray h2,
.ui-theme-gray h3,
.ui-theme-gray h4 {
	color: #404040;
	
}

/*Theme MID Gray*/
.ui-theme-midgray {
	color: #f0f0f0;
	background: #454545;
}
.ui-theme-midgray h1,
.ui-theme-midgray h2,
.ui-theme-midgray h3,
.ui-theme-midgray h4 {
	color: #f0f0f0;
	
}

/*Theme Dark Gray*/
.ui-theme-darkgray {
	color: #f0f0f0;
	background: #232323;
}
.ui-theme-darkgray h1,
.ui-theme-darkgray h2,
.ui-theme-darkgray h3,
.ui-theme-darkgray h4 {
	color: #f0f0f0;
	
}

/*Theme BLACK*/
.ui-theme-black {
	color: #f1f1f1;
	background: #000000;
}
.ui-theme-black  a {
	color: #f1f1f1;
}
.ui-theme-black a:hover {
	text-decoration: none;
}
.ui-theme-black h1,
.ui-theme-black h2,
.ui-theme-black h3,
.ui-theme-black h4 {
	color: #f1f1f1;
	
}

/*******************BUTTON UI****************/
.btn {
	
	cursor: pointer;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	touch-action: manipulation;
	line-height: 1.5;
	font-family: Helvetica, sans-serif;
}
.btn-ui-borderwhite {
	padding: 8px 24px !important;
	background-color: transparent !important;
	font-size: 1em;
	box-shadow: none !important;
	border: 2px solid #ffffff !important;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: capitalize;
	border-radius: 2px;
}
.btn-ui-borderwhite {
	color: #f1f1f1;
}
.btn-ui-borderwhite:hover {
	color: #606060;
	background-color: #f0f0f0 !important;
}

.btn-ui-borderorange {
	padding: 8px 24px !important;
	background-color: transparent !important;
	font-size: 1em;
	box-shadow: none !important;
	border: 2px solid #e68903 !important;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: capitalize;
	border-radius: 2px;
}
.btn-ui-borderorange {
	color: #606060;
}

.btn-ui-borderorange:hover {
	color: #f0f0f0 !important;
	background-color: #e68903 !important;
}

.btn-ui-borderlightblue {
	padding: 8px 24px !important;
	background-color: transparent !important;
	font-size: 1em;
	box-shadow: none !important;
	border: 2px solid #008EDF !important;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: capitalize;
	border-radius: 2px;
}
.btn-ui-borderlightblue {
	color: #f0f0f0;
}

.btn-ui-borderlightblue:hover {
	color: #f0f0f0 !important;
	background-color: #008EDF !important;
}

.btn-ui-borderblack {
	color: #000000;
	background-color: transparent !important;
	border: 2px solid #000000 !important;
	font-weight: 500;
	letter-spacing: 0.05em;
}
.btn-ui-blackborder:hover {
	color: #ffffff;
	background-color: #000000 !important;
	border: 2px solid #333333 !important; 
}


/*******************HEADER / NAV SECTION****************/
.wrapper{
	width:100%;
	/*min-height: 100%;*/
	position:relative;
}
#snap-header {
	
}

/*.promo-title {
	text-align: right;
}*/
.tag-line {
	
	font-family: Helvetica, "Helvetica Neue", sans-serif;
	text-align: right;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}
.sub-nav-wrapper {
	width: 37%;
	float: right;
}
#product-sub-nav {
	background-color: #fff;
    padding: 1em 0;
    transition: 0.3s ease-in-out;
    z-index: 99999;
    width: 100%;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}
#product-sub-nav > ul {
	/*text-align: center;*/
}
#product-sub-nav > ul > li{
	cursor: pointer;
	display: inline;
	vertical-align: middle;
	margin: 1em 2em 1em 0;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}
#product-sub-nav > ul >li > a {
	font-size: 1.2em;
	font-weight:200;
	color: #4EA0DD;
}
a.btn-link {
	font-weight:200;
	color: #4EA0DD;
}
#product-sub-nav > ul >li > a:after {
	position: absolute;
	top:100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: rgba(78,160,221,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}
#product-sub-nav > ul >li > a:hover, a.btn-link:hover {
	color: #4EA0DD;
}
#product-sub-nav > ul >li > a:hover::after,
#product-sub-nav > ul >li > a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
/*******************TOP HERO SECTION****************/
.header-image {
	background-image: url('/US/promo/OutdoorSpeakers/images/header-top.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.container .header-image {
	width: 100%;
}

/****************FIRST CONTENT SECTION****************/
h2 .first-title {
	font-family: "HelveticaNeueW01-UltLt", "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: 3px;
	color: #777777;
}
h3 .first-title {
	font-family: "HelveticaNeueW01-UltLt", "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: 3px;
	color: #777777;
}

section p {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.prod-link-wrapper {
	text-align: right;
	margin: 0 auto;
}
.link-icon {
	
}
.icon-image img {
	vertical-align: middle;
}


/****************SECOND CONTENT SECTION****************/
.second-image {
	
}

.text-right h3,
.text-left h3 {
	font-family: "HelveticaNeueW01-UltLt", "Helvetica Neue", Helvetica, Arial, sans-serif
}
/****************CONSUMER PRECAUTIONS SECTION****************/
ul.pre-list {
	position: relative;
	margin-top: 0;
	margin-bottom: 1%;
	font-family:  "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1.5;
}
.list-unstyled {
}
ul li {
	/*list-style-position:inside;*/
	margin-left: 2%;
}
a.show-more {
	color: #f0f0f0;
	text-decoration: underline;
}
a.show-more:hover {
	color: #005A9F;
	text-decoration: underline;
}

/****************SUBSCRIBE SECTION****************/
/*TS: Subscribe Functionality*/

.subscribe-section {
	/*background: #333;
	color: #f1f1f1;*/
	padding: 5% 0;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.form-input {
    color: #333;
}
input {
    font-family: Helvetica, Arial, sans-serif;
    vertical-align: middle;
}
.submit {
    vertical-align: middle;
    margin: 0 0 0 1em;
}
.subscribe-wrapper {
    display: none;
}
.sorry-text,
.thnq-reg,
.reg-error {
    display: none;
    font-size: 1.3em;
    font-weight: 600;
    color: #fff;
}
.subscribe-wrapper-18 {
    display: none;
}
.subscribe-wrapper > h2 {
    color: #fff;
    margin-bottom: 0.5em;
    font-family: Oswald, "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 400;
    font-size: 22px;
}

#yes-btn {
    margin-left: 0;
}
.subscribe-wrapper-18 > h2 {
    color: #fff;
    margin-bottom: 0.5em;
    font-family: Oswald, "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 400;
    font-size: 22px;
}
.thnq-exists,
.thnq-reg {
    font-weight: 600;
    font-size: 1.3em;
    color: #fff;
}
.btn-learn-more:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    text-decoration: none;
}
#subscribe-button {
    margin: 0 auto;
	display:block;
}

.btn-learn-more {
    cursor: pointer;
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    color: #ffffff;
    font-size: 1em;
    font-weight: 600;
    padding: 0.5em 1em;
    text-decoration: none;
    text-transform: uppercase;
}
.container-wrap {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align:  center;
	position: relative;
	z-index: 10;
}
.section-overlay {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #333;
	filter: alpha(opacity=90);
	opacity: 0.9;
}
/*TS: Subscribe Functionality*/


/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
		.wrapper {
			padding: 0;
		}
		#snap-header .container {
			padding: 3% 0;
		}
        .container .header-image {
			padding: 25% 0 35%;
		}
		
		.logo {
			width: 100%;
			text-align: center;
		}
		
		.promo-title {
			width: 100%;
			float: right;
			/*text-align: center;*/
		}
		.tag-line {
			width: 48%;
			float: right;
			font-size: .8em;
			line-height: 1;
		}
		.promo-title h1 {
			line-height: 1.5;
			font-size: 1em;
		}
		.whitespace {
			padding-bottom: 8px;
		}
		.content-wrapper {
			padding: 0 2.5%;
		}
		h2 {
			font-size: 1.6em;
		}
		h3 {
			font-size: 1.5em;
		}
		
		section p {
			font-size: 1em;
			margin: 1% 0;
		}
		
		#consumer p {
			font-size: .8em;
			margin: 1% 0;
		}
		#content-one, #content-two,
		#content-three {
			padding: 4% 0;
		}
		.product-image-left, .product-image-right,
		.text-right, text-left {
			width: 100%;
		}
		.text-left{
			padding-bottom: 10%;
		}
		.text-right ,
		.text-left {
			padding: 5% 2.5%;
		}
		.text-right > *,
		.text-left > * {
			margin-top: 5%;
		}
		#products-row-1,
		#products-row-2,
		#products-row-3 {
			padding: 10% 0;
		}
		.image-responsive img {
			margin: 0 auto;
			display: block;
			
		}
		.show-install .image-block {
			width: 100%;
			
		}
		#consumer {
			padding: 10% 0;
		}
		.button-wrapper {
			width: 50%;
			margin-left: auto;
			margin-right: auto;
		}
		.header-title {
			margin-bottom: 5%;
			font-size: 1em;
		}
		.subscribe-section {
			padding: 5% 0;
			/*background: url(" ") center no-repeat #fcfcfc;*/
			background-size: cover;
			position: relative;
		}
		#email-input {
			border-radius: 2px;				  
			height: 2.075em;
			font-size: 1em;
			margin: 0 !important;
			text-align: inherit;
			/*padding-left: 0.7em;*/
		}
		.link-icon {
			width: 25%;
		}
		/*.link-icon > a {
			float: left;
		}*/
		.product-link-text {
			width: 100%;
		}
		.product-link-text {
			font-family: "Helvetica Neue", Helvetica, sans-serif;
			font-size: 1em;
			vertical-align: middle;
			line-height: 1.5;
		}
		.icon-image img {
			width: 24px;
		}
		.btn {
			width: 100%;
		}
		button.btn {
			width: 50%;
		}
	
	}

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		#email-input {
			border-radius: 2px;				  
			height: 2.075em;
			font-size: 1em;
			margin: 0 !important;
			text-align: inherit;
			/*padding-left: 0.7em;	*/	
		}
		

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.container-wrap {
			width: 750px;
		}
		.container .header-image {
			padding: 25% 0 40%;
		}
		#snap-header .container {
			padding: 1% 0;
		}
		.logo {
			width: 50%;
			float: left;
		}
		.logo img {
			max-width: 100%;
			/*height: auto !important;*/
			padding: 3% 0;
		}
		.promo-title {
			
		}
		.tag-line {
			font-size: 1.2em;
			line-height: 2.5;
		}
		.content-wrapper {
			padding: 2% 10%;
		}
		.promo-title h1 {
			line-height: 2;
			font-size: 2em;
		}
		h2 {
			font-size: 2em;
		}
		h3 {
			font-size: 1.75em;
		}
		.btn {
			width: 50%;
		}
		button.btn {
			width: 25%;
		}
		section p {
			font-size: 1.2em;
			margin: 3% 0 5%;
		}
		#consumer p {
			font-size: 1.2em;
			margin: 2% 0;
		}
		#content-one, #content-two,
		#content-three {
			padding: 2% 0;
		}
		#products-row-1,
		#products-row-2,
		#products-row-3 {
			padding: 3% 0;
		}
		.product-image-left {
			float: left;
		}
		.product-image-right {
			float: right;
		}
		.text-right{
			float: right;
		}
		.text-left{
			float: left;
			padding-left: 7%;
			
		}
		.product-image-left, .product-image-right,
		.text-right, .text-left {
			width: 48%;
		}
		.text-right h3,
		.text-left h3 {
			padding: 0 0 5%;
		}
		/*.text-right ,
		.text-left {
			padding: 0;
		}*/
		#consumer {
			padding: 5% 0;
		}
		.button-wrapper {
			width: 100%;
		}
		.header-title {
			margin-bottom: 5%;
			font-size: 1.2em;
		}
		.prod-link-wrapper {
			padding-right: 5%;
		}
		.link-icon {
			width: 48%;
		}
		.product-link-text {
			width: 100%;
		}
		/*.link-icon > a {
			float: right;
		}*/
		.product-link-text {
			font-family: "Helvetica Neue", Helvetica, sans-serif;
			font-size: 1.2em;
			vertical-align: middle;
			line-height: 1.5;
		}
		.icon-image img {
			width: 32px;
			vertical-align: middle;
		}
		

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		.container-wrap {
			width: 970px;
		}
		#email-input {
			border-radius: 3px;
			width: 15%;
			padding: 0.5em 1em;	   
		}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		.container-wrap {
			width: 1170px;
		}
		#email-input {
			border-radius: 3px;
			width: 15%;
			padding: 0.5em 1em;	   
		}

    }
