/* **********  RESET browser settings  *********** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
/* **********  END RESET browser settings  *********** */

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

/* basic styling and commonly used classes */
body {
    font-family: sans-serif;
    font-size: 13px;
    color:#000;
    font-family: "Open Sans", sans-serif;
}


p {margin-bottom: 15px;}

strong {font-weight:700;}
em {font-style:italic;}

.align-center {text-align:center;}

a, a:hover, a:focus {cursor:pointer;outline:none; text-decoration:none;}

a {color: #111; text-decoration: none;}

ul {list-style-type:disc; margin:0 0 0 17px; padding:0px;}

img{border:none;}
.clear {clear:both;display:block;font-size:0;line-height:0;}

.no-pad {padding:0; margin:0;}
.no-pad-left {padding:0 15px 0 0;}
.no-pad-right {padding:0 0 0 15px;}
/* ********************************************** */
.container {max-width:1024px; margin:0 auto;}
.container-fluid  {padding:0;}
.container-fluid .row {margin:0;}

#header {position:absolute; top: 0; left:0; width:100%; background:rgba(0,0,0,0.7); z-index: 10000;}
#header.light {background:rgba(255,255,255,0.7);}
#header .col2 {text-align:center;}

@media (max-width: 992px) {
	#header .col3 {text-align:center;}
	}
@media (max-width: 480px) {
	#header .col3 img{width:80%; height:auto;}
	}
	
	
#stories-slider {z-index:10000; background:rgba(0,0,0,0.7); position:absolute; right:-100%; top:33px; width:100%;}
#stories-slider a.closebtn {position:absolute; top:0px; left:0px; text-indent:-9999px; width:25px; height:130px; background:url(../images/btn_stories_close.png) no-repeat;}
#stories-slider ul {list-style-type:none; overflow:hidden; margin-left:40px;}
#stories-slider ul li {float: left; width: 120px; height: 130px; text-align: center; color: #fff; padding: 10px; font-size: 11px; line-height: 13px;}
#stories-slider ul li a {color:#fff; font-weight:400; text-align:center;}
#stories-slider ul li a:hover {opacity: 0.7;}
#stories-slider ul li img {margin-bottom:5px;}
	

#footer {text-align:right; margin-bottom:15px;}
#footer img {display:inline-block; margin-left:6px;}
#footer a:hover > img{opacity:0.5;}


/********  COVER PAGE ********/
#cover #row1 {margin-bottom:30px; height:100%;}
#cover #row1 .row {text-align:center; display:block;}
#cover #row1 img.maincopy {}

#cover #row1 .hm-tbl {table-layout: fixed; width:100%; height:100%; margin-top:33px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 0px;
    line-height: suto;
    vertical-align: top;
    border:none;
}
#cover #row1 .hm-tbl .vert {background:url(../images/pixel_white.png) repeat-y center top;}
#cover #row1 .hm-tbl .horz {background:url(../images/pixel_white.png) repeat-x left center;}
#cover #row1 .hm-tbl .tbl-row1 {width:100%; height:180px;}
#cover #row1 .hm-tbl .tbl-row2 {height:96px;}
#cover #row1 .hm-tbl .tbl-row3 {width:100%; height:124px;}
#cover #row1 .hm-tbl .tbl-row5 {width:100%; height:255px; text-align:center; position:relative;}
#cover #row1 .hm-tbl .tbl-row5 .copy {position:absolute; left:55%; top:10%; font-size:24px; color:#fff; line-height:28px; font-weight:100; text-align:left; letter-spacing: 1px;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}

#cover #row1 .hm-tbl .tbl-row6 {width:100%; text-align:center;}



#cover #row1 h1  {font-size:24px; color:#fff; text-transform:uppercase; line-height:24px; padding:20px; border:1px solid #fff;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}

#cover #row1 h2  {font-size:34px; color:#00aeef; line-height:34px;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}
#cover #row1 h2 span {font-size:20px;}

#cover #row2 {margin-bottom:30px; background:url(../images/hm_row2_bg.png) no-repeat center center; background-size:cover;}
#cover #row2 #text-slider { font-size:15px; line-height:22px; color:#fff; padding:30px 60px;}
#cover #row2 #text-slider h2 {font-size:18px; font-weight:700;}



.my-slider {
  margin: 40px 80px;
}

.my-slider ul li {
    font-size:15px; 
    line-height:24px;
    color:#fff;
}

.my-slider ul li h2{font-size:18px; font-weight:600;}

a.unslider-arrow.next {
    background:url(../images/arrows_next.png); 
    background-size:cover;
}
a.unslider-arrow.prev {
    background:url(../images/arrows_prev.png); 
    background-size:cover;
}

a.unslider-arrow{
    top: 45%;
    width:57px; 
    height:39px; 
    text-indent:-9999px;
}
a.unslider-arrow:hover {opacity:0.5;}

@media (max-width: 600px) {
	.my-slider {margin: 20px 40px;}
	a.unslider-arrow{
    	top: 45%;
		width:30px; 
	    height:19px; 
	}

}


#cover #row3 {margin-bottom:30px; background:url(../images/hm_row3_bg.jpg) no-repeat center top; background-size:cover; padding:160px 55px; }
#cover #row3 .container {max-width:900px;}
#cover #row3 .row { background-color:#fff;}
#cover #row3 #row3a {margin-bottom:80px;}
#cover #row3 #row3a .col1 {position:relative; background:url(../images/hm_row3_photo1.jpg) center center no-repeat; background-size:cover; }
#cover #row3 #row3a .col1 .vid-link {position:relative;}
#cover #row3 #row3a .col1 .vid-link .hold {width:100%;}
	#cover #row3 #row3a .col1 .vid-link a:hover {opacity: 0.5;}
	#cover #row3 #row3a .col1 .vid-link a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#cover #row3 #row3b .col2 img{width:100%; height:auto;}
#cover #row3 #row3b .col2 {text-align:right;}

#cover #row3 #row3a .col2, #cover #row3 #row3b .col1 {font-size:14px; line-height:24px; color:#252525; padding:40px; position:relative;} 
#cover #row3 h2 {font-size:24px; line-height:24px; color:#0076a3;}
#cover #row3 a {color:#0076a3; font-size:12px; font-weight:600;}
#cover #row3 a:hover {opacity:0.75;}
#cover #row3 .hideit {display:none; position:absolute; left:0; top:0; padding:40px; background-color:#fff; z-index:10;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
}

@media (max-width: 992px) {
	#cover #row3 #row3a .col1 .vid-link {}
}
@media (max-width: 600px) {
	#cover #row3 {padding:30px 20px; }
}


#cover #row4 {margin-bottom:30px; background:url(../images/hm_row4_bg.jpg) no-repeat right top; background-size:cover; min-height:535px; font-size:14px; line-height:22px; color:#ebebeb;}
#cover #row4 .row {padding-top:20%;}
#cover #row4 h2 { font-size:24px; line-height:22px; color:#0076a3;}
#cover #row4 h4 { font-size:14px; line-height:22px; color:#b1a09b; font-weight:700; margin-bottom:15px;}


/********  /COVER PAGE ********/



/********  HSM PAGE ********/
body#hsm {background-color:#000;}
#hsm #row1 {background:url(../images/hsm_mainphoto.jpg) no-repeat right bottom; background-size: cover; min-height:600px;}
#hsm #row1 .bg img{visibility:hidden; width:100%; height:auto; max-height:925px;}
#hsm #row1 .copy {position:absolute; bottom:40%; left:20%;}
	#hsm #row1 .copy h1{ font-family: 'heuristicaregular'; font-size:48px; color:#fff; line-height:48px; }
	#hsm #row1 .copy h2{ font-size:24px; color:#fff; line-height:36px; font-weight:100; margin-left:-100px;}
	
	#hsm #row1 .vid-box{position:absolute; bottom:30px; left:120px; font-size:12px; color:#fff; line-height:24px;}
	#hsm #row1 .vid-box .vid-link {width:380px; height:208px; background:url(../images/hsm_videophoto.jpg) no-repeat; position:relative;}
	#hsm #row1 .vid-box .vid-link a:hover {opacity: 0.5;}
	#hsm #row1 .vid-box .vid-link a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


@media (max-width: 600px) {
	#hsm #row1 .copy {position:absolute; bottom:20%; left:0;}
	#hsm #row1 .copy h2{margin-left:0px;}
	#hsm #row1 .vid-box{position:absolute; bottom:10px; left:0px;}
}

#hsm #row2 {background:#000; padding:15px 0;}
#hsm #row2 .photo img {width:100%; height:auto;}
#hsm #row2 .copy {font-size:15px; line-height:24px; color:#998675; }
#hsm #row2 .copy span {font-size:24px; color:#f26522;}

#hsm #row3 {background:#000; margin-bottom:30px;}
#hsm #row3 img {width:100%; height:auto;}
#hsm #row3 .copy {position:absolute; left:15px; top:15px; font-size:13px; line-height:20px; color:#fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); margin-top:15px;}
#hsm #row3 .copy h2{font-size:36px; line-height:36px; color:#fff; }

#hsm #row4 {background:#000; margin-bottom:30px; position:relative;}
#hsm #row4 img {width:100%; height:auto;}

#hsm #row4 .feature-box {position:absolute; bottom:0px; right:30px; background-color:#fff; padding-top:15px;  width:320px;}
#hsm #row4 .feature-box h2{font-size:14px; line-height:18px; color:#f26522; text-transform: uppercase;text-align: center;}
#hsm #row4 .feature-box h3{font-size:14px; line-height:18px; color:#998675; text-align: center;}
#hsm #row4 .feature-box p{font-size:12px; line-height:15px; color:#998675;text-align: left; margin:15px 20px 10px 20px;}

#hsm #row4 .vid-box{position:relative;}
#hsm #row4 .no-pad {position:relative;}
	#hsm #row4 .vid-box .vid-link {width:320px; height:177px; background:url(../images/hsm_row4_photo2.jpg) no-repeat; position:relative;}
	#hsm #row4 .vid-box .vid-link a:hover {opacity: 0.5;}
	#hsm #row4 .vid-box .vid-link a img {width: auto; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	
@media (max-width: 600px) {
	#hsm #row4 .feature-box {position:relative; width:320px; margin:0 auto;}
}




/********  HSP PAGE ********/

#hsp #row1 {background:url(../images/hsp_mainphoto.jpg) no-repeat right bottom; background-size: cover; min-height:600px;}
#hsp #row1 .bg img{visibility:hidden; width:100%; height:auto; max-height:925px;}
#hsp #row1 .copy {position:absolute; top:66%; left:33%;}
	#hsp #row1 .copy h1{ font-family: 'heuristicaregular'; font-size:48px; color:#000; line-height:48px; }
	#hsp #row1 .copy h2{ font-size:24px; color:#000; line-height:36px; font-weight:100;}

#hsp #row2 {padding:15px 0;}
#hsp #row2 .photo img {width:100%; height:auto;}
#hsp #row2 .copy {font-size:15px; line-height:24px; color:#998675; }
#hsp #row2 .copy span {font-size:24px; color:#4a93b6;}


#hsp #row3 {margin-bottom:15px;}
#hsp #row3 .col1 {position:relative; background:url(../images/hsp_row3_photo.jpg) center center no-repeat; background-size:cover; }
#hsp #row3 .col1 .vid-link {position:relative;}
#hsp #row3 .col1 .vid-link .hold {width:100%;}
#hsp #row3 .col1 .vid-link a {}
	#hsp #row3 .col1 .vid-link a:hover {opacity: 0.5;}
	#hsp #row3 .col1 .vid-link a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	#hsp #row3 .col1 .vid-link .copy {width:100%; position:absolute; bottom:20px; color:#fff; text-align:center; font-size:12px;}

#hsp #row4 {background-color:#5399ba; margin-bottom:15px;}	
#hsp #row4 .col1 { color:#fff; font-size:14px; line-height:20px;}
#hsp #row4 .col1 .copy {padding:15px;}
	#hsp #row4 .col1 h2 {font-size:36px; margin-bottom:15px; font-weight:600; }

#hsp #row4 .col2 {background-color:#fff;}
#hsp #row4 .col2 img {width:100%; height:auto;}


/* ********************************************** */
@font-face {
    font-family: 'heuristicabold';
    src: url('/css/fonts/heuristica-bold-webfont.eot');
    src: url('/css/fonts/heuristica-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/heuristica-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/heuristica-bold-webfont.woff') format('woff'),
         url('/css/fonts/heuristica-bold-webfont.ttf') format('truetype'),
         url('/css/fonts/heuristica-bold-webfont.svg#heuristicabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'heuristicaregular';
    src: url('/css/fonts/heuristica-regular-webfont.eot');
    src: url('/css/fonts/heuristica-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/heuristica-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/heuristica-regular-webfont.woff') format('woff'),
         url('/css/fonts/heuristica-regular-webfont.ttf') format('truetype'),
         url('/css/fonts/heuristica-regular-webfont.svg#heuristicaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}