/*	FONTS	*/
@font-face {
  font-family: Arial;
  src: url(fonts/ARIALNB.TTF);
  font-weight:bold;
}
@font-face {
  font-family: Arial;
  src: url(fonts/ARIALN.TTF);
  font-weight:narrow;
}

*{
	margin:0;
	padding:0;
	font-family:Arial;
	font-weight:narrow;
}
html{
	min-height:100%;
	position:relative;
}
body{
	margin-bottom:175px;
}
h2{
	font-size:26px;
	font-weight:bold;
}
p{margin:5px 0;}
ul,p{font-size:16px;}
#main-img{
	display:block;
	width:90%;
	margin:0 auto;
	padding-top:20px;
}
#sub-img{
	position:absolute;
	left:0;
	bottom:0;
	width:15%;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#sub-img img{width:100%;}
#sub-img p{
	width:100%;
	font-weight:bold;
	text-align:center;
}
#sub-img:hover{
	opacity:1;
	filter:alpha(opacity=100);
	cursor:pointer;
}

/*	SIDE NAV	*/
#side-nav{
	position:fixed;
	left:0;
	top:50px;
	bottom:0px;
	width:20%;
	font-size:0;
	height:100%;
	vertical-align:top;
	background-color:rgba(49,50,51,1);
}
.model{
	width:100%;
	height:60px;
	margin:2px 0;
	position:relative;
	background-color:rgba(76,78,82,1);
}
.model:hover:not(.sel){
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:pointer;
}
.model p{
	display:inline-block;
	line-height:60px;
	font-size:30px;
	font-family:Arial;
	font-weight:bold;
	color:rgba(255,255,255,1);
	vertical-align:top;
	margin:0;
}
.model p.arrow{
	line-height:60px;
	font-size:30px;
	color:rgba(255,255,255,0.5);
	margin-left:20px;
}
.model.sel{background-color:rgba(106,109,113,1);}
.spacer{
	width:100%;
	height:50px;
}
.bar-1000,.bar-2000,.bar-3000,.bar-4000,.bar-5000,.bar-6000,.bar-std{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:15px;
}
.bar-1000{background-color:rgba(121,201,237,1);}
.bar-2000{background-color:rgba(111,192,95,1);}
.bar-3000{background-color:rgba(248,206,59,1);}
.bar-4000{background-color:rgba(249,157,28,1);}
.bar-5000{background-color:rgba(220,26,34,1);}
.bar-6000{background-color:rgba(143,80,1,1);}
.bar-std{background-color:rgba(225,225,225,1);}
.swoop{height:60px;}


.overview{
	width:80%;
	margin:25px auto;
	color:rgba(251,251,251,1);
}
.overview ul{margin-left:35px;}
#main-content{
	width:80%;
	padding-left:20%;
	font-size:0;
	vertical-align:top;
	background-color:rgba(242,242,242,1);
	background-image:url('../img/background3.png');
	background-size:contain;
	background-repeat:no-repeat;
	margin-top:50px;
}
#feat-list,#opt-list{
	display:inline-block;
	list-style-type:none;
	vertical-align:bottom;
}
#feat-list li,#opt-list li{
	list-display-type:none;
	width:23px;
	height:24px;
	border-radius:3px;
	border:2px solid rgba(76,77,79,1);
	background-color:rgba(255,255,255,1);
	color:rgba(76,77,79,1);
	display:inline-block;
	line-height:24px;
	text-align:center;
	font-family:Arial;
	font-weight:bold;
}
#feat-list li:not(last-child),#opt-list li:not(last-child){
	margin-right:5px;
}
#feat-list li.selected,#opt-list li.selected{
	background-color:rgba(76,77,79,1);
	color:rgba(255,255,255,1);
}
#feat-list li:hover:not(.selected),#opt-list li:hover:not(.selected){
	background-color:rgba(76,77,79,0.75);
	color:rgba(255,255,255,1);
	cursor:pointer;
	
}
.features{
	list-style-type:none;
}
.feature{
	list-style-type:none;
	display:inline-block;
	vertical-align:top;
	margin:10px 0;
	width:15%;
	margin-right:2%;
}
.feature:nth-child(6n){margin-right:0;}
.feature img{width:100%;}
.feature .prodvid{
	margin-bottom:10px;
	margin-top:7px;
}
.feature .prodvid img{width:15px;}
.feature h2{
	font-size:18px;
	margin-top:5px;
}
.feat{
	background-color:rgba(214,214,214,1);
}



.feat-title{
	display:inline-block;
	margin-right:30px;
	vertical-align:bottom;
}
#feat-show,#opt-show{font-weight:bold;}
#feat-show:hover,#opt-show:hover{
	cursor:pointer;
	text-decoration:underline;
}
	
.dark-back{
	width:100%;
	padding:5px 0;
	background-color:rgba(214,214,214,0.5);
}
.content{
	width:90%;
	max-width:1440px;
	margin:20px auto;
	font-size:16px;
	font-family:Arial;
	font-weight:narrow;
	position:relative;
}

/* Table Styles */
/* Styles each table with the following styles */
.horz, .vert {
	width: 100%;
	text-align: center;
	line-height: 23px;
	border-collapse: collapse;
	margin: 0 auto;
}

/* The first row in each table has the following styles applied */
.horz tr:first-child, .vert tr:first-child,.header {
	background-color: rgba(76,77,79,1);
	color: rgba(255,255,255,1);
	font-weight: bold;
	vertical-align:top;
}
.horz tr td:first-child,.vert tr td:first-child{font-weight:bold;}
.horz tr:first-child td,.vert tr:first-child td{border-left:20px solid rgb(0,121,182);}
.horz tr:first-child td:first-child,.vert tr:first-child td:first-child{border-left:none;}

/* Every other row, not including the heading, has the following style applied */
.horz tr:nth-child(even):not(.header), .vert tr:nth-child(even):not(.header) {
	background-color: rgba(76,77,79,0.25);
}
.horz td,.horz th,.vert td,.vert th{padding:5px;}


/* Header Styles */
#header{
	width:100%;
	height:50px;
	position:fixed;
	z-index:998;
	left:0px;
	top:0px;
	background-color:rgba(0,0,0,1);
	background-image:url('https://hlasnow.com/img/gen/header.png');
}
#logo{
	position:relative;
	width:60%;
	max-width:220px;
	margin-top:-20px;
	z-index:1000;
}
#logo img{width:100%;}
#nav{
	margin-left:250px;
	margin-top:-93px;
}
#nav a{
	color:#FFFFFF;
	text-decoration:none;
}
#header{
	background-image:none;
	box-shadow:0 -8px 0 rgba(75,163,209,1) inset;
}
#nav>a,#nav>li{
	list-style-type: none;
	display: inline-block;
	line-height: 50px;
	padding: 0 15px;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
}
#nav>a:hover,#nav>li:hover{
	background-color:rgba(64,64,64,1);
	cursor:pointer;
	box-shadow:0 -8px 0 rgba(120,186,221,1) inset;
}

@supports (-moz-appearance:none){
	#nav>a:hover{
		position:relative;
		top:-1px;
	}
	#nav>a:hover li{
		position:relative;
		top:1px;
	}
}
#nav>li:hover ul{
	display:block;
}
.sub-menu{
	display:none;
	width:21%;
	background-image:url('https://hlasnow.com/img/gen/white_95.png');
	position:absolute;
	top:50px;
	margin-left:-20px;
	list-style-type:none;
}
.sub-menu li{
	list-style-type:none;
	padding:5px 25px;
	color:#000000;
}
.sub-menu li:hover{
	background-image:url('https://hlasnow.com/img/gen/grey_90.png');
}
a{text-decoration:none;}

#mob-link{
	display:none;
	position:absolute;
	top:0px;
	right:0px;
}
#mob-link:hover{
	cursor:pointer;
	opacity:0.75;
	filter:alpha(opacity=75);
}
#mob-mnu{display:none;}



/* Footer Styles */
#footer{
	width:100%;
	height:175px;
	position:absolute;
	left:0px;
	bottom:0px;
	background-color:#000000;	
}
#google{
	position:absolute;
	width:100%;
	margin:0 auto;
	text-align:right;
	left:0;
	right:0;
	color:#DDDDDD;
	line-height:50px;
}
#google p,#google a{
	color:#888888;
	font-size:11px;
	margin-top:-20px;
}
#google a{text-decoration:underline;}
#google a:hover{text-decoration:none;}
#ascomp{
	position:relative;
	text-align:left;
	display:inline-block;
	width:30%;
	color:#FFFFFF;
}
#contact{
	position:relative;
	text-align:right;
	display:inline-block;
	width:69%;
	color:#FFFFFF;
}
#cform{
	width:100%;
}
.third,.two-thirds{
	display:inline-block;
	vertical-align:top;
}
.third{width:32%;}
.two-thirds{
	width:62%;
	margin-right:3%;
}
#cform input,#cform textarea{
	width:100%;
	font-size:16px;
	padding:5px 0;
}
ul.associates{
	width:100%;
	position:relative;
	text-align:center;
	margin-top:25px;
}
ul.associates li{
	display:inline-block;
	vertical-align:middle;
	list-style-type:none;
	padding:0 20px;
}
ul.associates img{
	height:40px;
}
ul.associates li a{
	opacity:1;
	filter: alpha(opacity=100);
}
ul.associates li a:hover{
	opacity:0.4;
	filter: alpha(opacity=40);
	cursor:pointer;
}
#warranty{
	position:relative;
	z-index:1000;
}
#warranty a{
	text-decoration:none;
	color:rgba(75,163,209,1);
}
#warranty a:hover{
	text-decoration:none;
	color:rgba(75,163,209,0.75);
}
.mobile{display:none;}



#specs{
	vertical align:top;
	margin-top:25px;
	z-index:300;
	position:relative;
	display:block;
}

#mobile,.mobile{display:none;}


/*	Index Promos 	*/
#index-promo{
    width: 100%;
	height:66vh;
	min-height:500px;
	margin-top:50px;
    overflow: hidden;
    background-image: url(../img/snow-promo.png);
    background-size: cover;
    background-position: center center;
	position:relative;
}
#promovid{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}
#promovid iframe{
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#promo-overview{
	width:100%;
}
#promo-products{
	list-style-type:none;
}
#promo-products li{
	display:inline-block;
	width:22%;
	margin:0 1%;
}
#promo-products li img{
	background-size:cover;
	background-position:center center;
}
#promo-products li a:hover{
	filter:alpha(opacity=75);
	opacity:0.75;
	cursor:pointer;
}
#promo-products img{width:100%;}
.bar{
	width:100%;
	background-color:rgba(125,125,125,1);
	padding:9px 0 5px 0;
	text-align:center;
	border-radius:4px;
}
.bar:hover{
	background-color:rgba(200,50,50,1);
	cursor:pointer;
}
#promo-products .bar img{width:initial;}
#intro{padding-bottom:25px;}
#promo,#promo-alt{
	margin-top:50px;
	max-height:427px;
	width:100%;
	/* background-image:url('../img/gen/bg.png'); */
	background-repeat:repeat-x;
	background-size:cover;
	background-position:center;
}

/*  VIDEOS  */
.video-button{
	width:100%;
	max-width:291px;
	opacity:1;
	filter:alpha(opacity=100);
	display:inline-block;
	text-align:center;
	font-weight:bold;
	background-repeat:no-repeat;
	padding:10px 4px;
	vertical-align:top;
	margin-bottom:20px;
}

.video-button img{
	width:100%;
	height:100%;
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	margin-bottom:10px;
}

.video-button:hover img{
	filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
	cursor:pointer;	
}

#video-list,.video-list{text-align:center;}
#video-screen iframe{
	width:100%;
	height:100%;
}
.vimeobtn{
	position:absolute;
	right:0;
	top:-25px;
	padding:15px;
	background-color:rgba(0,121,182,1);
	color:rgba(255,255,255,1);
	font-weight:bold;
	text-decoration:none;
	border-radius:5px;
}
.vimeobtn:hover{
	color:rgba(0,121,182,1);
	background-color:rgba(240,240,240,1);
	border:1px solid rgba(0,121,182,1);
}

#dist{
	display:inline-block;
	padding:15px 25px;
	background-color:#323232;
	border-radius:10px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	margin:15px 0;
}

/*  BROCHURES  */
#brochure-list{
	text-align:center;
}

#brochure-list li{
	width:206px;
	opacity:1;
	filter:alpha(opacity=100);
	display:inline-block;
	text-align:center;
	font-weight:bold;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 25px;
}

#brochure-list li img{
	width:206px;
	opacity:1;
	filter:alpha(opacity=100);
}

#brochure-list li:hover{
	opacity:.75;
	filter:alpha(opacity=75);
	cursor:pointer;	
}

.contactTitle{
	width:50%;
	padding-right:25px;
	text-align:right;
}

#series-title div{
	display:inline-block;
	vertical-align:top;
	width:48%;
}
#series-title div:nth-child(1){
	margin-right:2%;
}

.series-model{
	width:500px;
	height:166px;
	margin:5px;
	background-color:#EDEDED;
	display:inline-block;
}
.series-placeholder{
	width:500px;
	height:0px;
	margin:5px;	
	display:inline-block;
}

.series-model:hover{
	cursor:pointer;
	background-color:#FFFFFF;
}

.series-image{
	width:250px;
	display:inline-block;
	vertical-align:top;
}

.series-image img{
	width:100%;
}

.series-text{
	width:240px;
	height:166px;
	text-align:top;
	display:inline-block;
	vertical-align:top;
}

a .series-model,a .series-model:hover{
	color:rgb(0,0,0);
}
.series-model h1{
	font-size:40px;
	text-transform:uppercase;
	margin-bottom:-10px;
	margin-top:40px;
}

.series-model h2{
	text-transform:uppercase;
	font-size:16px;
}

#series-title{
	padding-top:75px;
}

#series-banner img{
	pointer-events:none;
}

#feat-opt.no-move{
	z-index:300;
}

#feat-opt.no-move li{
	width:24px;
	height:24px;
	position:absolute;
	list-style-type:none;
	color:#FFFFFF;
	/*background-image:url('../img/feat-opt/feat-num.png');*/
	background-color:rgb(0,121,182);
	border:2px solid rgb(255,255,255,1);
	border-radius:16px;
	font-weight:bold;
	line-height:25px;
	text-align:center;
}

#feat-opt.no-move li:hover{
	cursor:pointer;
	opacity:0.75;
	filter:alpha(opacity=75);
}

#series-features{
	background-color:#DEDEDE;
	height:188px;
}

#series-features #feature-box{
	display:none;
	width:650px;
	height:250px;
	margin:0px;
	margin-left:300px;
	padding:0px;
	background-color:transparent;
	border:0px;
	z-index:1500;
}


/* Product Page Styling */
#title,#prod-img,#feat-opt,#specs,#series-bar{
	position:relative;
}
#title{
	width:100%;
	text-align:right;
	z-index:200;
}
#series-title #title h1{
	font-size:50px;
}
#prod-img{
	width:100%;
	margin-top:-75px;
	z-index:150;
	text-align:left;
}
#prod-img img{
	width:85%;
}
#print,#gallery{
	position:absolute;
	bottom:10px;
	right:0px;
}
#print:hover,#gallery:hover{
	cursor:pointer;
	opacity:0.75;
	filter:alpha(opacity=75);
}
#print img,#print h2,#gallery img,#gallery h2{
	vertical-align:middle;
	display:inline-block;
}
#print img,#gallery img{
	width:100%;
	max-width:23px;
}
#gallery {right:80px;}
#prod-img{width:initial;}
#print h2,#gallery h2{
	font-weight:bold;
	margin-bottom:0;
}
#feat-opt{
	margin-top:-75px;
	width:25%;
	z-index:250;
	display:inline-block;
	top:-150px;
}

#specs.edgespecs{margin-top:-125px;}

#edgefeat,#edgedesc{
	display:inline-block;
	vertical-align:top;
}
#edgefeat{
	width:12%;
	padding-right:3%;
}
#edgefeat ul{
	margin:5px 0;
}
#edgedesc{width:84%;}


/*	CUSTOM LIGHTBOX	*/
#lightbox,#ptolightbox,#imglightbox{
	display:none;
	text-align:center;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.9);
	z-index:10000;
	height:100%;
}
.xbtn{
	position:fixed;
	top:30px;
	right:30px;
	width:30px;
}
.xbtn img{width:100%;}
.xbtn:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:pointer;
}
.helper{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.container,.brolink h3{
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	width:50%;
	margin:0 auto;
}
#lightbox .container{width:75%;}
#imglightbox .container{
	width:90%;
	max-width:800px;
}
.container #youtube,#flickr{
	position:relative;
	width:100%;
	top:10px;
	padding-bottom:56.25%;
	height:0;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:25px;
}
#flickr{padding-bottom:66.76%;}
#youtube img{width:100%;}
#flickr img{width:100%;}
#imglightbox .container img{width:100%;}
.container iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#mainvid{
	position:fixed;
	left:0;
	bottom:0;
	z-index:-5;
	overflow:hidden;
}
#mainvid iframe{
	width:100%;
	height:100%;
	pointer-events:none;
}

/*	DISTRIBUTOR */
#dCountry select,#dRegion select{
	width:100%;
	padding:10px;
	background-color:#FAFAFA;
}
#dCountry,#dRegion{
	width:100%;
	max-width:250px;
	min-width:150px;
	display:inline-block;
	text-align:center;
	padding:3px;
}
#dSelect label,#sSelect label{font-size:0;}
#dSelect label select,#sSelect label select{font-size:16px;}
#distributor{margin-top:35px;}
#distributor h1{
	font-size:22px;
	margin-bottom:-15px;
}
/*.ddHide{display:none;}*/

#dist{
	display:inline-block;
	padding:15px 25px;
	background-color:#323232;
	border-radius:10px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	margin:15px 0;
}
#dist:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
}
.mobile{display:none;}

#dealers{
	width:100%;
	list-style-type:none;
}
#dealers li{
	display:inline-block;
	list-style-type:none;
	width:29%;
	margin:0 2%;
	opacity:0.75;
	filter:opacity(75%);
}
#dealers li img{
	width:100%;
	margin:0 auto;
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	margin-bottom:10px;
}
#dealers li .btn{
	width:50%;
	background-color:rgba(69,69,69,1);
	color:rgba(255,255,255,1);
	border-radius:9px;
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	padding:18px 0;
}
#dealers li:hover{
	cursor:pointer;
	opacity:1;
	filter:opacity(100%);
}
#dealers li:hover img{
	filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
}
.disthalf{
	width:30%;
	display:inline-block;
	margin-bottom:25px;
	vertical-align:top;
}

/*	GALLERY	*/
#sketchfab{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
#sketch-gallery{
	height:0;
	position:relative;
	padding-bottom:45%;
}
#sketchfab iframe{
	height:100%;
	width:100%;
}
#prod-gallery{
	width:100%;
	margin-top:75px;
	position:relative;
}
#gallerythumbs{
	list-style-type:none;
	width:100%;
	text-align:center;
	margin-top:15px;
}
#gallerythumbs li{
	list-style-type:none;
	display:inline-block;
	width:75px;
	height:75px;
	background-color:rgb(200,200,200,1);
	margin:0 5px;
	background-size:cover;
	background-position:center center;
}
#gallerythumbs li:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:pointer;
}