/* standard text styles */
p, ol, body, td, th, .text, ul, li, input, select , textarea,.standard_text {
	color:#333333;
	font-family: 'Roboto';
	font-size:1rem;
}

/* custom text styles */
.title 			{ font-size:1.4rem;font-weight:bold;text-transform: uppercase;color:#2aa5de; }
.subtitle 		{ font-size:1.2rem;font-weight:bold;text-transform: uppercase; }

.product_detail_title		{ font-size:1.4rem;font-weight:bold;text-transform: uppercase; }
.product_detail_subtitle	{ font-size:1.2rem;font-weight:bold;text-transform: uppercase; }


/* object styles */
ul			{ list-style-type: square; }
img			{ display:block; }
hr			{ border: 0; color: #B4B4B4; background-color: #B4B4B4; height: 1px; margin-top:2px; margin-bottom:2px; }

/* link styles */
a:link			{ color:#346793; text-decoration:none; }
a:visited		{ color:#346793; text-decoration:none; }
a:hover			{ color:#333333; text-decoration:none; }
a:active		{ color:#333333; text-decoration:none; }
a.navi_txt:link		{ color:#111111; text-decoration:none; }
a.navi_txt:visited		{ color:#111111; text-decoration:none; }
a.navi_txt:hover		{ color:#111111; text-decoration:underline; }
a.navi_txt:active		{ color:#111111; text-decoration:underline; }
a.footer:link		{ color:#ffffff; text-decoration:none; }
a.footer:visited	{ color:#ffffff; text-decoration:none; }
a.footer:hover		{ color:#dedede; text-decoration:underline; }
a.footer:active		{ color:#dedede; text-decoration:underline; }
a.topmenu:link		{ color:#808080; text-decoration:none; }
a.topmenu:visited	{ color:#808080; text-decoration:none; }
a.topmenu:hover		{ color:#1d93c7; text-decoration:none; }
a.topmenu:active	{ color:#1d93c7; text-decoration:none; }

.sector_topmenu {
	display: block;
	position:fixed;
	width:100%;
	background:#ffffff;
	z-index:2000;
}
	.sector_topmenu_shadow {
		box-shadow: 0px 3px 20px #333333;
	}
	.sector_topmenu_content {
		position: relative;
		width:100%;
		/*max-width: 1920px;*/
	}
	.sector_topmenu_soundsphat_logo {
		padding: 5px 5px 3px 5px;
		display: inline-table;
	}
	.sector_topmenu_soundsphat_logo_img {
		width:17vw;
	}
	.top_menu_items {
		position: absolute;
		right:15px;
		bottom:10px;
		font-size: .9rem;
		text-transform: uppercase;
	}

.sector_header {
	display:block;
	position: relative;
	width:100%;
	height: 70vh;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
	background-size: cover;
	overflow: hidden;
}
	.sector_header_container {
		height: 100%;
		width: 100%;
		display: table;
		position: absolute;
		box-sizing: border-box;
	}
	.sector_header_content {
		text-align:left;
		display: table-cell;
		text-align: left;
		vertical-align: middle;
	}
	.sector_header_content_DIV {
		display:inline-table;
		margin-left:20vw;
		margin-top:0vh;
	}
	.sector_header_content_DIV_ani_start {
		margin-top: 40vh;
		opacity: 0;
		filter: alpha(opacity=0);

	}
	.sector_header_content_DIV_ani_target {
		margin-top: 0vh;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	.header_class_info {
		display:table;
		color: #ffffff;
		background: #000000;
		font-size:.8rem;
		padding: 5px;
		text-transform: uppercase;
		/*box-shadow: 1px 1px 0px #ffffff;*/
	}
	.header_logo_pack_image {
		margin-top:.5rem;
	}
	.header_logo_pack_image_img {
		height: 4.5rem;
	}
	.header_description {
		color:#ffffff;
		margin-top:.5rem;
	}


.sector_spotlight {
	display:block;
	position: relative;
	margin-top:0px;
	width:100%;
	box-sizing: border-box;
	padding: 0vw 1vw 2vw 1vw;
}
	.spotlight_box {
		display:inline-block;
	}
	.spotlight_prod_25 {
		position: relative;
		display:inline-block;
		width: 	21vw;
		height: 21vw;
		background:#d6effa;
		margin-top:2vw;
		margin-left:1vw;
		margin-right:1vw;
		box-sizing: border-box;
		padding:0;

		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center bottom;
		background-size: cover;
		cursor: pointer;
		cursor: hand;
	}
	.spotlight_prod_50 {
		position: relative;
		display:inline-block;
		width: 	44.4vw;
		height: 44.4vw;
		background:#d6effa;
		margin-top:2vw;
		margin-left:1vw;
		margin-right:1vw;
		box-sizing: border-box;

		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center bottom;
		background-size: cover;
		cursor: pointer;
		cursor: hand;
	}
	.spotlight_content {
		display: block;
		position: absolute;
		width: 100%;
		text-align: left;
		bottom:0;
		padding:3px;
		box-sizing: border-box;
	}
	.spotlight_content_plate {
		position: relative;
		background: rgba(255,255,255,.8);
		padding:3px;
		font-size:.8rem;
		box-sizing: border-box;
	}
	.spotlight_new {
		position:absolute;
		bottom:0;
		right:0;
	}
	.spotlight_new_img {
		width:4vw;
	}
	.product_info_plate_display {
		display:none;
		z-index:1000;
	}
	.product_info_plate {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background: rgba(255,255,255,.9);		
		display: table;
		box-sizing: border-box;
		border: solid 2px #26a6df;
	}
	.product_info_plate_content {
		display: table-cell;
		text-align:center;
		vertical-align: middle;
		font-size:.8rem;
		padding:10px;	
	}
	.close_product_info_plate {
		position:absolute;
		right:0;
		top:0;
		padding:5px;
		font-size:1.2rem;
		font-weight:bold;
		cursor: pointer;
		cursor: hand;
		z-index:1000;
	}

.sector_txt {
	padding-top: 130px;
	padding-bottom: 50px;
	width:75vw;
	text-align: left;
}
.sector_fullist {
	padding-top: 130px;
	padding-bottom: 50px;
	width:75vw;
	text-align: left;
}
	.img_cover_all_samples {
		width: 20vw;
	}
	.plate_all_samples {
		min-height: 17vw;
		background: #f3f3f3;
		padding: 1vw;
		box-sizing: border-box;
		margin-left: 1vw;
	}
	.plate_all_choices {
		margin-top:.5rem;
		
	}

.sector_product_detail {
	position:relative;
	padding-top: 28vh;
	padding-bottom: 80px;
	width:75vw;
	text-align: left;
	box-sizing: border-box;
	z-index: 1000;
}
	.sector_product_detail_content {
		position:relative;
		padding: 30px;
		text-align: left;
		background:#ffffff;	
		box-sizing: border-box;
		z-index: 1000;
	}
	.pdetail_header_cover {
		position:absolute;
		background: #2aa5de;
		top:0;
		width:100%;
		height:80vh;
		z-index: 0;
		background-position: center top;
		background-size: cover;
	}
	.pdetail_header_fader {
		position:absolute;
		top:40vh;
		width:100%;
		height:40vh;
		z-index: 0;
		background: -webkit-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,1)); /*Safari 5.1-6*/
		background: -o-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,1)); /*Opera 11.1-12*/
		background: -moz-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,1)); /*Fx 3.6-15*/
		background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); /*Standard*/
	}
	.product_content_header {
		width: 44vw;
		line-height:1.6rem;
	}
	.product_content_img_div {
		float:right;
		margin-left: 15px;
		margin-bottom:30px;
		text-align:right;
	}
	.product_content_buy {
		margin-top:10px;
	}
	.product_content_img {
		width: 30vw;
	}
	.product_content_selector {
		margin-top:3px;
		width:30vw;
		font-size: 1.4rem;
		font-weight: bold;
		padding: .2rem;
	}


.sector_footer {
	position:relative;
	margin-top:5px;
	background:#6d6d6d;
	font-size:.75em;
	color:#dedede;
	width:100%;
	box-sizing: border-box;
	padding:2em 2em 3em 2em;
}
	.social_bar {
		width:100%;
		bottom:5vh;
		margin-top: 0px;
		margin-bottom: 30px;
	}
	.social_logo {
		display: inline-table;
		padding: 0vw 0.8vw 0vw 0.8vw;
		width:2.5vw;
	}


.button_style_1 {
	display:inline-table;
	color:#ffffff;
	padding:10px;
	font-weight: bold;
	text-transform: uppercase;
	background: #26a6df;
	cursor: pointer;
	cursor: hand;
	border-radius:5px;
}
.button_style_2 {
	margin-top:.5rem;
	font-size:.8rem;
	display:inline-table;
	color:#ffffff;
	padding:4px 5px 4px 5px;
	text-transform: uppercase;
	background: #26a6df;
	cursor: pointer;
	cursor: hand;
	border-radius:5px;
}
.button_style_3 {
	margin-top:.7rem;
	font-size:.8rem;
	display:inline-table;
	color:#ffffff;
	padding:4px 5px 4px 5px;
	text-transform: uppercase;
	background: #26a6df;
	cursor: pointer;
	cursor: hand;
	border-radius:5px;
}


.black_friday_banner_desktop {
	display: block;
	position: relative;
	width:100%;
	box-sizing: border-box;
	background:#00ff00;
	padding: 10rem;
}
.black_friday_banner_mobile {
	display: none;	
}

@media screen and (max-width: 951px) and (orientation: portrait){
	/* standard text styles */
	p, ol, body, td, th, .text, ul, li, input, select , textarea,.standard_text {
		color:#333333;
		font-family: 'Roboto';
		font-size:1.2rem;
	}
	.title 			{ font-size:2.4rem;font-weight:bold;text-transform: uppercase;color:#2aa5de; }

	.sector_topmenu {
		display: none;
	}
	.sector_txt {
		padding-top: 200px;
		padding-bottom: 50px;
		width:85vw;
		text-align: left;
	}
	.sector_fullist {
		padding-top: 180px;
		padding-bottom: 50px;
		width:94vw;
		text-align: left;
	}
		.img_cover_all_samples {
			width: 40vw;
		}
		.plate_all_samples {
			min-height: 36vw;
			background: #f3f3f3;
			padding: 1vw;
			box-sizing: border-box;
			margin-left: 1vw;
		}
		.plate_all_choices {
			margin-top:.5rem;
			
		}	
	
	.sector_product_detail {
		padding-top: 200px;
		padding-bottom: 50px;
		width:94vw;
		text-align: left;
	}

	.sector_footer {
		margin-top:5px;
		background:#6d6d6d;
		font-size:1.2em;
		color:#dedede;
		width:100%;
		box-sizing: border-box;
		padding:2em 2em 3em 2em;
	}
		.social_bar {
			margin-top: 20px;
			margin-bottom: 30px;
		}
		.social_logo {
			padding: 0vw 4vw 0vw 4vw;
			width:8vw;
		}



	.button_style_1 {
		display:inline-table;
		color:#ffffff;
		padding:10px;
		font-weight: bold;
		text-transform: uppercase;
		background: #26a6df;
		cursor: pointer;
		cursor: hand;
		border-radius:5px;
	}
	.button_style_2 {
		margin-top:.5rem;
		font-size:.8rem;
		display:inline-table;
		color:#ffffff;
		padding:4px 5px 4px 5px;
		text-transform: uppercase;
		background: #26a6df;
		cursor: pointer;
		cursor: hand;
		border-radius:5px;
	}
	.button_style_3 {
		margin-top:.7rem;
		font-size:1rem;
		display:inline-table;
		color:#ffffff;
		padding:8px 10px 8px 10px;
		text-transform: uppercase;
		background: #26a6df;
		cursor: pointer;
		cursor: hand;
		border-radius:5px;
	}

}


@media screen and (max-width: 951px) and (orientation: landscape){
	.sector_topmenu {
		display: none;
	}
}