#loading {
	z-index:109009888080;
	margin:auto;
	width:100%;
	height:100%;
    position:absolute;
    text-align:center;  
    padding:0 0 0 0;

} 

.loadingbg {
	width:100%;
	height:100%; 
	background-color: #FFF;
	opacity:0.8;
	filter:alpha(opacity=80); /*For IE8 and earlier */ 
} 

.loading {
	text-align:center;
	z-index:5555555555555555;
	font-family:"hlr 0", sans-serif;
	font-size:16px;
	color:#F00;
	margin:auto;
	position:absolute;
	padding-left:50%;
	padding-top:250px;
}



html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { max-width: 100%;  margin: auto 0; font-size: 1em; line-height: 1.4; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

body{ background:#000; font-family: "HELVE27", "hlr 0", sans-serif; font-style: normal; font-weight: 600; color:#fff; font-size:10px; overflow-x:hidden;}

ul, ol, ul li, ol li{padding:0px; margin:0px;}
.viewport{max-width:90%; margin: 0 auto; height:100%; padding: 0px 3% 0px 3%}
.lt-ie9 .viewport{width:90%;}
.slide{max-width:100%; width:100% margin:auto; height:100%; }
.lt-ie9 .slide{width:100%;}
.scrollblock{width:100%; position:relative; }



h2{margin:0px; text-transform:uppercase}


.space { height:300px;}

/*----- Next section -----*/
.next-section{position:absolute; bottom:10px; left:46%; width:50px; height:50px; text-indent:-9999em;}
.next-section a{display:block; width:35px; height:35px;}
.next-section a.nav-button{ background: url(../images/scroll-to-sm.png) center -35px no-repeat;}
.next-section a.nav-button:hover{ background: url(../images/scroll-to-sm.png) center 0px no-repeat;}
	
/* Next section arrow */
a.btn-next{ background: url(../images/see_more_button.png) left top no-repeat; cursor:pointer; z-index:500; width:177px; height:50px; display:none; 
						position:fixed; bottom:2%; left:44%; z-index:999; text-indent:-999em }
a.btn-prev{background: url(../images/scroll-to-sm.png) center -70px no-repeat; cursor:pointer; z-index:500; width:35px; height:35px; display:none; 
						position:fixed; top:2%; left:49%; z-index:999; text-indent:-999em}
a.btn-prev:hover{ opacity:1.0; border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .5);
							-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .5); background-position:center -105px; }

a.btn-next:hover{opacity:0.7; }

						
a.btn-next-active, a.btn-prev-active		{ display:block }
#connected a.btn-next, .connected-scroll a.btn-next{ background-position:left bottom; }
a.btn-prev	{ background-position:center -70px  }
#connected a.btn-next:hover, .connected-scroll a.btn-next:hover, a.btn-prev:hover	{ opacity:0.7; }

.button{display:inline-block; text-transform: uppercase; font-family: "hlr 0", sans-serif; font-style: normal; font-weight: 400;}
.lt-ie7 #vignette .button{display:inline; float:left; width:120px!important;}
.lt-ie7 #vignette .button a{color:#fff !important}
.button strong{font-weight: 700;}
.button a{padding: 6px 9px 6px 9px; font-size: 14px; line-height: 14px; display:block; text-decoration:none;}

.button.red a{ background:#ec1f24; color:#fff;}
.button.red a:hover{background:#000;}

.button.black a{ background:#000; color:#fff;}
.button.black a:hover{background:#fff; color:#000;}

.button.white a{ background:#fff; color:#000;}
.button.white a:hover{background:#ec1f24; color:#fff}


/*----------------------------------------------------
timeline
-----------------------------------------------------*/
#timebg {
	background-color:#919191;
	height:909px;
}

#iframe {
	width:100%;
	height:1000px;
}
.timerelispary {
	width:100%;
	height:100%;
	float:left;

}
.timerelispary iframe {

}
.timelines {
	z-index:100001;
	margin:10px 0px 20px 13%;
	color:#fff;
	font-size:55px;
	line-height:55px;
	position:relative;
	font-family: "HELVE27", sans-serif;
	font-style: normal;
	font-weight: 800;
	text-align:left;	
	text-transform:uppercase
}
/*----------------------------------------------------
footer
-----------------------------------------------------*/
.viewport1{max-width:95%; margin: 0 auto; height:100%;}
.lt-ie9 .viewport1{width:95%; }

.viewport2{max-width:100%; margin: 0 auto; height:100%;}
.lt-ie9 .viewport2{width:100%; }

#wrap {
	margin: 0 auto;
	width:100%;
	bottom:0;
	background-color: #333;
	height:50px;
	position: fixed;
	z-index:1090098880;
}
#text {
	margin-left:3%;
	margin-top:10px;
}
.footers{
	font-family: "hlr_0", sans-serif;
	font-size:10px;
}

#social {
	position: relative;
	margin:auto;
	margin-top:-30px;
	margin-left:85%;
	z-index: 11109988808;
}

.social{
	display:inline-block;
	padding-left:-30px;
}

.lt-ie7 .social{display:inline; float:left; !important;}
.lt-ie7 .social a{color:#fff !important}


.social a{ 
	background:#ec1f24;
	color:#fff;
	display:block;
	}
	
.social a img {	width:100%; height:auto}	
	
.social a:hover{
	background:#000;
}

/*----------------------------------------------------
menu
-----------------------------------------------------*/
#menu {
	position: fixed;
	padding-top:30px;
	height:auto;
	margin:auto;
	margin-left:75%;
	z-index: 109988808;
	
}

.nav ul {
    margin: 0px;
    padding: 0px;
    float:left;
}
.nav li {
    list-style:none;
}
.nav>ul>li {
	padding:3px;
    float: left;
    margin-right: 1px;
    position:relative;
}
.nav>ul>li ul {	
    height:100%;
    position:absolute;
    bottom:-100%
}
.nav>ul>li ul>li {
	padding-bottom:3px;
    bottom:0px;
    display:none;
    float:left;
}
.nav>ul>li:hover ul>li {
    display:block
}
.nav a {
	font-style: normal;
	font-family: "hlr 0", sans-serif;
	padding: 6px 9px 6px 9px;
	font-size: 14px;
	line-height: 14px;
	display:block;
	text-decoration:none;
    text-transform: uppercase;
	background:#ec1f24;
	color:#fff;
}
.nav a:hover {
    text-decoration: none;
    cursor:pointer;
    background:#000;
}

.nav .active {
}
/*----------------------------------------------------
Section
-----------------------------------------------------*/ 
#fullSectionWrap{
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.fullSection {
	height: 100%;
    padding-top: 0;      
    margin-top: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
/*----------------------------------------------------
aboutus
-----------------------------------------------------*/ 
#about{background: #000; width:100%; margin:auto; }
#about .item{ position:relative; z-index:90000}
#about .slides .about-details{position: absolute; top:250px; left:7%; text-align:left; z-index:10000; }
#about .slides .video-details{position: absolute; top:250px; left:28%; text-align:left; z-index:10000; }
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
	text-align:left;
	z-index:10000;
    position: absolute;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
	top:250px; left:7%;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width:20%;
    height:20%;
}

#about .slides .video-details .button {margin-top: 15px; font-family: "hlr_0", sans-serif; font-style: normal; position: absolute; bottom:0px;}
.lt-ie8 #about .slides .about-details{margin-left:0;}
#about .slides h2{color:#fff; font-size:55px; line-height:55px; margin: 0 auto; position:relative; margin-bottom:40px; font-family: "HELVE27", sans-serif; font-style: normal; font-weight: 800;}
#about .slides h2 .line1{display:block;}
#about .copy{ width:700px; margin-top:-30px; font-family: "hlr_0", sans-serif; font-size:20px; line-height:20px; overflow:hidden;}

/*----------------------------------------------------
Vignette
-----------------------------------------------------*/
#vignette{
	background: #000;
	width: 100%;
	height: auto;
}
#vignette .item{ position:relative; z-index:90000}
#vignette .slides .vignette-details{position: absolute; bottom:70px; text-align:left; z-index:10000; }
.lt-ie8 #vignette .slides .vignette-details{margin-left:0;}
#vignette .slides .vignette-details .button{margin-top:15px; font-family: "hlr_0", sans-serif; font-style: normal; position: absolute; bottom:0px;}
#vignette .slides h2{text-shadow: 2px 2px 2px #000; color:#fff; font-size:60px; line-height:55px; margin: 0 auto; position:relative; margin-bottom:40px; font-family: "HELVE27", sans-serif; font-style: normal; font-weight: 800;}
#vignette .slides h2 .line1{display:block;}
#vignette .article-reveal{  text-shadow: 2px 1px 2px #000; display:none; font-family: "hlr 0", sans-serif; font-size:20px; line-height:21px; margin-bottom:-100px; height:250px; overflow:hidden;}

.can{position:absolute; top:-50px; right:-140px; z-index:9999999}
.can2{position:absolute; top:-50px; right:-140px; width:159px; height: 346px; text-indent:-9999em; background: url(../images/nitron_can.png); no-repeat; z-index:9999999}
.can3{position:absolute; top:-50px; right:-140px; width:159px; height: 346px; text-indent:-9999em; background: url(../images/relispraydr_can.png); no-repeat; z-index:9999999}
.can4{position:absolute; top:-50px; right:-140px; width:159px; height: 346px; text-indent:-9999em; background: url(../images/international_can.png); no-repeat; z-index:9999999}
.can:hover{cursor: pointer;}
.can a{dispaly:block; width:159px; height:346px; }

.close-article{position:absolute; top:-30px; right:0px; width:27px; height: 27px; text-indent:-9999em; background: url(../images/close.png); no-repeat; z-index:9999999}
.close-article:hover{opacity:0.4; cursor: pointer;}
.close-article a{dispaly:block; width:27px; height: 27px; }


/*----------------------------------------------------
FlexSlider Necessary Styles
-----------------------------------------------------*/ 
.flexslider {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}
.flexslider .slides{text-align:center;}
.flexslider .slides > li {display: none; width: 100%; position:relative; max-height:auto;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; max-height: inherit; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/*----------------------------------------------------
FlexSlider Nav
-----------------------------------------------------*/ 
.flex-direction-nav{position: absolute;width:100%; top:0px;top:40%; }
.flex-direction-nav li{float:left; position:absolute;  width:100%;z-index:0; height:0px; text-indent:-9999px !important;}
.flex-direction-nav a{display:block; width:40px; height:40px;  text-indent:-9999px !important; position:absolute; color:red;}

.flex-direction-nav a.prev			{float:left; background: url(../images/left.png) left top no-repeat;}
.flex-direction-nav a.prev:hover	{ background: url(../images/left.png)  no-repeat;}

.flex-direction-nav a.next			{float:right; background: url(../images/right.png) right top no-repeat;}
.flex-direction-nav a.next:hover	{ background: url(../images/right.png) no-repeat;}

.tooltip {
    display:none;
	text-transform:uppercase;
    background: url(../images/tooltip.png) no-repeat;
    font-size:15px;
    height:40px;
    width:137px;
    padding:20px 25px 10px 25px;
    color:#fff;
	text-align:center;
	z-index:10000 !important;
	font-family: "HELVE27", "HELVE27", sans-serif; font-style: normal; font-weight: 1000;
  }

.fluid-width-video-wrapper{height:100%;}

.scrollable { position:relative;overflow:hidden;width: 100%;height: 210px; z-index:10 }
.scrollable .items { width:20000em;position:absolute; }
.items div {float:left;}
.items div a:hover{opacity:0.8;}

.next{ display:block; background: url(../images/left-right-sm.png) top right no-repeat; right:20px; position:absolute; width:35px; height:35px;  top:40%; z-index:200; cursor:pointer }
.prev{ display:block; background: url(../images/left-right-sm.png) top left no-repeat; left:20px; position:absolute; width:35px; height:35px;   top:40%; z-index:201; cursor:pointer }

.next:hover, .prev:hover{ -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .5); 
				box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .5); border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px; }
.next:hover		{ background-position:right -70px }
.prev:hover		{ background-position:left -70px }

.disabled{display:none;}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none;}
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content:""; display: table; }
.clearfix img{ width:100%; height:auto;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.md a img {width:100px; height:auto;}

@media only screen and (max-width:1600px) {
	.timeline {margin-left:9%;}
	#issues li img { width:90%; height:auto; }
	#menu { margin-left:75%;}
	.about {font-size:65px!important; line-height:60px!important; }
	.videowrapper {top:220px; left:7%;}
	#about .slides .video-details{position: absolute; top:250px; left:460px; text-align:left; z-index:10000; }
	#about .slides .about-details{position: absolute; top:250px; left:7%; text-align:left; z-index:10000; }
	#about .slides h2{font-size:50px!important; line-height:45px!important; }
	#about .copy{ width:600px; font-family: "hlr 0", sans-serif; font-size:16px; line-height:19px; overflow:hidden;}
	#vignette .slides h2{font-size:55px!important; line-height:50px!important; }
	#social {margin-left:88%;}
	.social a{ width:80%;	height: auto;}
	.nav a {font-size:13px !important;}
	.footers {bottom:10px; font-size:9px;}
	.md a img {width:100px; height:auto;}
}


@media only screen and (max-width: 1500px) {
	.timeline {margin-left:9%;}
	#issues li img { width:90%; height:auto; }
	#menu { margin-left:75%;}
	.about {font-size:65px!important; line-height:60px!important; }
	.videowrapper {top:220px; left:7%;}
	#about .slides .video-details{position: absolute; top:250px; left:460px; text-align:left; z-index:10000; }
	#about .slides .about-details{position: absolute; top:250px; left:7%; text-align:left; z-index:10000; }
	#about .slides h2{font-size:50px!important; line-height:45px!important; }
	#about .copy{ width:600px; font-family: "hlr 0", sans-serif; font-size:16px; line-height:19px; overflow:hidden;}
	#vignette .slides h2{font-size:55px!important; line-height:50px!important; }
	#social {margin-left:88%;}
	.social a{	width:80%;	height:80%;}
	.nav a {font-size:12px !important;}
	.footers { 	bottom:10px; font-size:9px;}
	.md a img {width:100px; height:auto;}
}

@media only screen and (max-width: 1400px) {
	#iframe { width:100%; height:1000px; margin-left:5%;}
	.timelines {margin-left:9%;}
	#menu { margin-left:75%;}
	.about {font-size:65px!important; line-height:60px!important; }
	.videowrapper {top:220px; left:7%;}
	#about .slides .video-details{position: absolute; top:250px; left:460px; text-align:left; z-index:10000; }
	#about .slides .about-details{position: absolute; top:250px; left:7%; text-align:left; z-index:10000; }
	#about .slides h2{font-size:50px!important; line-height:45px!important; }
	#about .copy{ width:600px; font-family: "hlr 0", sans-serif; font-size:16px; line-height:19px; overflow:hidden;}
	#vignette .slides h2{font-size:55px!important; line-height:50px!important; }
	.button a{font-size: 13px; margin-top:-30px;}	
	#social {	margin-left:88%;}
	.social a{	width:60%;	height:60%;}
	.nav a {font-size:11px !important;}
	.footers { 	bottom:10px; font-size:9px;}
	.md a img {width:100px; height:auto;}
}

@media only screen and (max-width: 1300px) {
	#iframe { width:100%; height:850px;}
	#dates li { height: 42px; padding-left: 10px;}
	#issues li img { width:85%; height:auto; }
	#timelines { margin-left:3%;}
	#iframe {	width:100%;}
	.timeline {margin-left:9%;}
	#menu { margin-left:70%;}
	.about {font-size:65px!important; line-height:60px!important; }
	.videowrapper {top:172px; left:7%;}
	#about .slides .video-details{position: absolute; top:200px;
	left:420px; text-align:left; z-index:10000; }
	#about .slides .about-details{position: absolute; top:200px; left:85px; text-align:left; z-index:10000; }
	#about .slides h2{font-size:50px!important; line-height:40px!important; }
	#about .copy{ width:600px; font-family: "hlr 0", sans-serif; font-size:18px; line-height:15px; overflow:hidden;}
	.button a{font-size: 13px; margin-top:-30px;}
	#vignette .slides h2{font-size:50px!important; line-height:45px!important; }
	#social {	margin-left:88%;}
	.social a{	width:80%;	height:80%;}
	.nav a {font-size:11px !important;}
	.footers { 	bottom:10px; font-size:9px;}
	.md a img {width:100px; height:auto;}
}

@media only screen and (max-width: 1200px) {
	#iframe { width:100%; height:850px; }
	#dates li { height: 39px; padding-left: 10px;}
	#issues li img { width:78%; height:auto; }
	#timelines { margin-left:3%;}
	#iframe {	width:100%;}
	.timelines {margin-left:9%;}
	#menu { margin-left:75%;}
	.videowrapper {top:172px; left:7%;}
	.about {font-size:65px!important; line-height:60px!important; }
	#about .slides .video-details{position: absolute; top:200px;
	left:420px; text-align:left; z-index:10000; }
	#about .slides .about-details{position: absolute; top:200px; left:85px; text-align:left; z-index:10000; }
	#about .slides h2{font-size:45px!important; line-height:40px!important; }
	#about .copy{ width:600px; font-family: "hlr 0", sans-serif; font-size:15px; line-height:17px; overflow:hidden;}
	.button a{padding: 3px 6px 3px 6px; font-size: 12px; margin-top:-30px;}
	#vignette .slides h2{font-size:50px!important; line-height:45px!important; }
	#social {	margin-left:88%;}
	.social a{	width:70%;	height:70%;}
	.nav a {font-size:11px !important;}
	.footers { 	bottom:10px; font-size:9px;}
	.md a img {width:100px; height:auto;}
}

@media only screen and (max-width: 1100px) {
	#iframe { width:100%; height:750px;}
	#dates li { height: 32px; padding-left: 10px; font-size:11pt;}
	#issues li img { width:65%; height:auto; }
	#timeline { margin-left:3%;}
	.timelines {margin-left:9%;}
	.videowrapper {top:120px; left:7%;}
	#menu { margin-left:65%;}
	.about {font-size:40px!important; line-height:40px}
	#about .slides .video-details{position: absolute; top:150px; left:420px; text-align:left; z-index:10000; }
	#about .slides .about-details{position: absolute; top:150px; left:70px; text-align:left; z-index:10000; }
	#about .slides h2{font-size:35px!important; line-height:35px!important; }
	#about .copy{ width:500px; font-family: "hlr 0", sans-serif; font-size:15px; line-height:17px; overflow:hidden;}
	.button a{padding: 3px 6px 3px 6px; font-size: 11px; margin-top:-30px;}
	#vignette .slides h2{font-size:40px!important; line-height:35px!important; }
	#social {	margin-left:85%;}
	.social a{	width:70%;	height:70%;}
	.nav a {font-size:11px !important;}
	.footers { 	bottom:10px; font-size:9px;}
	.md a img {width:100px; height:auto;}
}

@media only screen and (max-width: 1000px) {
	#iframe { width:100%; height:1000px;}
	#dates li { height:25px; padding-left: 10px; font-size:9pt;}
	#issues li img { width:48%; height:auto; }
	#timeline { margin-left:3%;}
	.timelines {margin-left:13%; font-size:25pt;}
	.videowrapper {top:100px; left:7%;}
	#menu { margin-left:68%;}
	.about {font-size:20px!important; line-height:40px}
	#about .slides .video-details{position: absolute; top:100px; left:390px; text-align:left; z-index:10000; }
	#about .slides .about-details{position: absolute; top:100px; left:55px; text-align:left; z-index:10000; }
	#about .slides h2{font-size:30px!important;
	line-height:30px!important; }
	#about .copy{ width:400px; font-family: "hlr 0", sans-serif; font-size:12px; line-height:17px; overflow:hidden;}
	.button a{padding: 3px 6px 3px 6px; font-size: 11px; margin-top:-30px;}
	#vignette .slides h2{font-size:40px!important; line-height:35px!important; }
	#social {	margin-left:88%;}
	.social a{	width:70%;	height:70%;}
	.nav a {font-size:11px !important;}
	.footers { 	bottom:10px; font-size:9px;}
	.md a img {width:100px; height:auto;}
}
@media only screen and (max-width: 950px) {
	#iframe { width:100%; height:1000px;}
	.timelines {margin-left:13%; font-size:25pt;}
	#dates li { height:25px; padding-left: 10px; font-size:9pt;}
	#issues li img { width:48%; height:auto; }
	#timeline { margin-left:3%;}
	#menu { margin-left:68%;}
	.videowrapper {top:165px; left:7%;}
	.about {font-size:20px!important; line-height:40px}
	#about .slides .video-details{position: absolute; top:100px; left:390px; text-align:left; z-index:10000; }
	#about .slides .about-details{position: absolute; top:100px; left:55px; text-align:left; z-index:10000; }
	#about .slides h2{font-size:30px!important;
	line-height:30px!important; }
	#about .copy{ width:400px; font-family: "hlr 0", sans-serif; font-size:12px; line-height:17px; overflow:hidden;}
	.button a{padding: 3px 6px 3px 6px; font-size: 11px; margin-top:-30px;}
	#vignette .slides h2{font-size:40px!important; line-height:35px!important; }
	#social {	margin-left:88%;}
	.social a{	width:70%;	height:70%;}
	.nav a {font-size:11px !important;}
	.footers { 	bottom:10px; font-size:9px;}
	.md a img {width:100px; height:auto;}	
}

@media only screen and (max-width: 900px) {
	#menu { margin-left:70%;}
	.nav a {font-size:9px; padding: 3px 6px 3px 6px;}
	#social {	margin-left:80%;}
	.social a{	width:60%;	height:60%;}
	.footers { 	bottom:10px; font-size:9px;}
	.md a img {width:80px; height:auto;}
	.about {font-size:20px!important; line-height:40px}
	.videowrapper {top:145px; left:7%;}
	#about .slides .about-details{position: absolute; top:130px; left:55px; text-align:left; z-index:10000; }
	#about .slides .video-details{position: absolute; top:100px; left:300px; text-align:left; z-index:10000; }
	#about .slides h2{font-size:30px!important;
	line-height:30px!important; }
	#about .copy{ width:400px; font-family: "hlr 0", sans-serif; font-size:12px; line-height:17px; overflow:hidden;}
	.button a{padding: 3px 6px 3px 6px; font-size: 11px; margin-top:-30px;}
	#vignette .slides h2{font-size:40px!important; line-height:35px!important; }
	#iframe { width:100%; height:760px; margin-left:0px; margin-top:10px; }
}

@media only screen and (max-width: 850px) {
	#menu { margin-left:65%;}
	.nav a {font-size:9px; padding: 3px 6px 3px 6px;}
	#social {	margin-left:80%;}
	.social a{	width:60%;	height:60%;}
	.footers { 	bottom:10px; font-size:9px;}
	.md a img {width:80px; height:auto;}
	.about {font-size:15px!important; line-height:30px}
	.videowrapper {top:125px; left:7%;}
	#about .slides .about-details{position: absolute; top:100px; left:55px; text-align:left; z-index:10000; }
	#about .slides .video-details{position: absolute; top:100px; left:300px; text-align:left; z-index:10000; }
	#about .slides h2{font-size:25px!important;	line-height:25px!important; }
	#about .copy{ width:350px; font-family: "hlr 0", sans-serif; font-size:11px; line-height:15px; overflow:hidden;}
	.button a{padding: 3px 6px 3px 6px; font-size: 11px; margin-top:-30px;}
	#vignette .slides h2{font-size:40px!important; line-height:35px!important; }
	#iframe { width:100%; height:660px;}

}

@media only screen and (max-width: 768px) {
	#menu { margin-left:63%;}
	.nav a {font-size:9px; padding: 3px 6px 3px 6px;}
	#social {	margin-left:80%;}
	.social a{	width:60%;	height:60%;}
	.footers { 	bottom:10px; font-size:9px;}
	.md a img {width:80px; height:auto;}
	.about {font-size:15px!important; line-height:30px}
	.videowrapper {top:105px; left:7%;}
	#about .slides .about-details{position: absolute; top:100px; left:50px; text-align:left; z-index:10000; }
	#about .slides .video-details{position: absolute; top:100px; left:250px; text-align:left; z-index:10000; }
	#about .slides h2{font-size:25px!important;	line-height:25px!important; }
	#about .copy{ width:350px; font-family: "hlr 0", sans-serif; font-size:11px; line-height:15px; overflow:hidden;}
	.button a{padding: 3px 6px 3px 6px; font-size: 11px; margin-top:-30px;}
	#vignette .slides h2{font-size:30px!important; line-height:25px!important; }
	.viewport{max-width:75%; margin: 0 auto; height:100%; padding: 0px 3% 0px 3%}
	.lt-ie9 .viewport{width:75%;}
	.can img{ width:80%; height:auto;}
	#vignette .slides .vignette-details{position: absolute; bottom:10px; text-align:left; z-index:10000; }
	#iframe { width:100%; height:560px;}
}
@media only screen and (max-width: 680px){
	#menu { margin-left:50%; padding-top:5px;}
	.nav a {font-size:5px; padding: 3px 6px 3px 6px;}
	#social {	margin-left:80%;}
	.social a{	width:60%;	height:60%;}
	.footers { 	bottom:10px; font-size:9px;}
	.md a img {width:80px; height:auto;}
	.about {font-size:15px!important; line-height:30px}
	.videowrapper {top:85px; left:7%;}
	#about .slides .about-details{position: absolute; top:30%; left:7%; text-align:left; z-index:10000; }
	#about .slides .video-details{position: absolute; top:25%; left:30%; text-align:left; z-index:10000; }
	#about .slides h2{font-size:16px!important;	line-height:13px!important; }
	#about .copy{ margin-top:-35px; width:200px; font-family: "hlr 0", sans-serif; font-size:7px; line-height:8px; overflow:hidden;}
	.button a{padding: 3px 6px 3px 6px; font-size: 11px; margin-top:-30px;}
	#vignette .slides h2{font-size:20px!important; line-height:15px!important; }
	.viewport{max-width:75%; margin: 0 auto; height:100%; padding: 0px 3% 0px 3%}
	.lt-ie9 .viewport{width:75%;}
	.can img{ width:80%; height:auto;}
	#vignette .slides .vignette-details{position: absolute; bottom:10px; text-align:left; z-index:10000; }
	#iframe { width:100%; height:560px; margin-left:0px; margin-top:10px; }
}

@media only screen and (max-width: 550px){
	#menu { margin-left:40%; padding-top:5px;}
	.nav a {font-size:6px; font-weight: 100; padding: 2px 4px 2px 4px;}
	#social { margin-left:3%; padding-top:35px;}
	.social a{	width:40%;	height:40%;}
	.footers { 	bottom:-0px; font-size:8px;}
	.md a img {width:70px; height:auto;}
	.about {font-size:8px!important; line-height:15px}
	.videowrapper {top:65px; left:7%;}
	#about .slides .about-details{position: absolute; top:30%; left:30px; text-align:left; z-index:10000; }
	#about .slides .video-details{position: absolute; top:50px; left:30%; text-align:left; z-index:10000; }
	#about .slides h2{font-size:14px!important;	line-height:11px!important; }
	#about .copy{ margin-top:-40px; width:200px; font-family: "hlr 0", sans-serif; font-size:7px; line-height:8px; overflow:hidden;}
	.button a{padding: 2px 4px 2px 4px; font-size: 8px; margin-top:-30px;}
	.flex-direction-nav { display:none;}
	#vignette .slides h2{font-size:15px!important; line-height:14px!important; }
	.viewport{max-width:80%; margin: 0 auto; height:100%; padding: 0px 3% 0px 3%}
	.lt-ie9 .viewport{width:80%;}
	.can img{ width:50%; height:auto;}
	#vignette .slides .vignette-details{position: absolute; bottom:1px; text-align:left; z-index:10000; }
	#iframe { width:100%; height:360px; margin-left:0px; margin-top:10px; }
}

@media only screen and (max-width: 400px){
	#menu { margin-left:28%; padding-top:5px;}
	.nav a {font-size:6px; font-weight: 100; padding: 2px 4px 2px 4px;}
	#social { margin-left:3%; padding-top:35px;}
	.social a{	width:40%;	height:40%;}
	.footers { 	bottom:-0px; font-size:6px;}
	.md a img {width:60px; height:auto;}
	.videowrapper {top:45px; left:7%;}
	.about {font-size:8px!important; line-height:15px}
	#about .slides .about-details{position: absolute; top:30%; left:20px; text-align:left; z-index:10000; }
	#about .slides .video-details{position: absolute; top:50px; left:100px; text-align:left; z-index:10000; }
	#about .slides h2{font-size:13px!important;	line-height:11px!important; }
	#about .copy{ margin-top:-40px; width:150px; font-family: "hlr 0", sans-serif; font-size:5px; line-height:6px; overflow:hidden;}
	.button a{padding: 1px 2px 1px 2px; font-size:6px; margin-top:-30px;}
	.flex-direction-nav { display:none;}
	#vignette .slides h2{font-size:15px!important; line-height:14px!important; }
	#vignette .article-reveal{font-size:7px; line-height:7px; height:150px;}
	.viewport{max-width:80%; margin: 0 auto; height:100%; padding: 0px 3% 0px 3%}
	.lt-ie9 .viewport{width:80%;}
	.can{top:-20px; right:-160px;}
	.can img{ width:30%; height:auto;}
	#vignette .slides .vignette-details{position: absolute; bottom:10px; text-align:left; z-index:10000; }
	#iframe { width:100%; height:260px; margin-left:0px; margin-top:10px; }
}

@media only screen and (max-width: 350px){
	#menu { margin-left:28%; padding-top:5px;}
	.nav a {font-size:6px; font-weight: 100; padding: 2px 4px 2px 4px;}
	#social { margin-left:3%; padding-top:35px;}
	.social a{	width:40%;	height:40%;}
	.footers { 	bottom:-0px; font-size:6px;}
	.md a img {width:60px; height:auto;}
	.videowrapper {top:45px; left:7%;}
	.about {font-size:8px!important; line-height:15px}
	#about .slides .about-details{position: absolute; top:30%; left:20px; text-align:left; z-index:10000; }
	#about .slides .video-details{position: absolute; top:50px; left:100px; text-align:left; z-index:10000; }
	#about .slides h2{font-size:11px!important;	line-height:11px!important; }
	#about .copy{ margin-top:-40px; width:150px; font-family: "hlr 0", sans-serif; font-size:4px; line-height:4px; overflow:hidden;}
	.button a{padding: 1px 2px 1px 2px; font-size:6px; margin-top:-30px;}
	.flex-direction-nav { display:none;}
	#vignette .slides h2{font-size:15px!important; line-height:14px!important; }
	#vignette .article-reveal{font-size:6px; line-height:6px; height:150px;}
	.viewport{max-width:80%; margin: 0 auto; height:100%; padding: 0px 3% 0px 3%}
	.lt-ie9 .viewport{width:80%;}
	.can{top:-20px; right:-160px;}
	.can img{ width:25%; height:auto;}
	#vignette .slides .vignette-details{position: absolute; bottom:13px; text-align:left; z-index:10000; }
	#iframe { width:100%; height:260px; margin-left:0px; margin-top:10px; }

}

@media only screen and (max-width: 300px){
	#menu { display:none;}
	.nav a {font-size:4px; font-weight: 10; padding: 1px 2px 1px 2px;}
	#social { margin-left:3%; padding-top:35px;}
	.social a{	width:40%;	height:40%;}
	.footers { 	bottom:-0px; font-size:6px;}
	.md a img {width:60px; height:auto;}
	.about {font-size:8px!important; line-height:15px}
	.videowrapper {top:30px; left:7%;}
	#about .slides .about-details{position: absolute; top:20px; left:12px; text-align:left; z-index:10000; }
	#about .slides .video-details{position: absolute; top:20px; left:50px; text-align:left; z-index:10000; }
	#about .slides h2{font-size:5px!important;	line-height:5px!important; }
	#about .copy{ margin-top:-40px; width:70px; font-family: "hlr 0", sans-serif; font-size:2px; line-height:2px; overflow:hidden;}
	.button a{padding: 0.1px 0.2px 0.1px 0.2px; font-size:5px; margin-top:-40px;}
	.flex-direction-nav { display:none;}
	#vignette .slides h2{font-size:7px!important; line-height:7px!important; }
	#vignette .article-reveal{font-size:2px; line-height:2px; height:60px;}
	.viewport{max-width:80%; margin: 0 auto; height:100%; padding: 0px 3% 0px 3%}
	.lt-ie9 .viewport{width:80%;}
	.can img{ width:35%; height:auto;}
	#vignette .slides .vignette-details{position: absolute; bottom:-10px; text-align:left; z-index:10000; }
	#iframe { width:100%; height:260px; margin-left:0px; margin-top:10px; }

}

@media only screen and (max-width: 250px){
}


@media only screen and (max-width: 100px){
}

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/*.cloned {display: none;}*/