/* UPDATED 4/9/2018 @ 12:20PM */

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
html { -webkit-text-size-adjust: 100%; }
body { background-color: #FFFFFF; }
.Page, .Navigation .Menu, .Navigation .Search, .Masthead .Topics { -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease; }

body { margin: 0px; height: 100%; background-color: #FFFFFF; }
body { background-color: #ECECEC; }
div, span { font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 120%; color: #333333; }
a { color: #3366CC; text-decoration: none; }
a:hover { text-decoration: underline; }
form { margin: 0px; padding: 0px; }
.Clear { clear: both; }
.CF { zoom: 1; }
.CF:before, .CF:after { content: ""; display: table; }
.CF:after { clear: both; }
img { border: none; }
iframe { display: ''; }

.Layer1 { display: block; width: 100%; height: 234px; background-color: #000000; position: absolute; left: 0px; top: 0px; z-index: 1; }
.Layer2 { display: block; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; }

.Table { display: table; }
.Row { display: table-row; }
.Col { display: table-cell; width: auto; }

.Social .Table .Col { padding-right: 2px; }

.Video { position: relative; padding-bottom: 56.25%; height: 0px; } /* 16:9 */	
.Video iframe { position: absolute; top: 0px;	left: 0px; width: 100%; height: 100%; }

#BacktoTop { display: none; width: 40px; height: 40px; position: fixed; cursor: pointer; z-index: 9000; background-image: url(../images/BacktoTop.svg); background-repeat: no-repeat; background-position: center center; }

.Marker { display: none; }

/* ========================================== */

.Page { position: absolute; left: 0px; top: 0px; width: 100%; }

.Container { display: block; min-width: 280px; width: auto; max-width: 1400px; padding: 20px; margin: 0px auto; background-color: #FFFFFF; }

.SectionHead {  display: block; width: auto; margin: 0px auto 15px auto; font-family: 'Montserrat'; font-weight: 700; font-size: 20px; color: #000000; text-transform: uppercase; }
.SectionHead:before { content: ""; display: table; width: 115px; height: 4px; background-color: #343434; margin-bottom: 10px; }
.SectionHead:before { background-color: #343434; }
.MastheadContainer { background-color: #343434; }

#Widget15 { max-width: 640px; border: solid 1px #CCCCCC; margin: 0px 0px 50px 0px; }
#Widget15 .Content { padding: 20px; }
#Widget15 .Title { display: block; font-size: 18px; font-weight: 900; color: #000000; margin: 0px auto 10px auto; }
#Widget15 .Description {  display: block; font-size: 14px; color: #666666; margin: 0px auto 10px auto; }
#Widget15 .Small { font-size: 11px; color: #666666; }
#Widget15 .Small a { color: #666666; text-decoration: underline; }

/*
.MastheadContainer { display: block; width: 100%; margin: 0px auto; background-color: #333333; background-image: url(../images/Background-Masthead.svg); background-repeat: repeat; background-position: left bottom; }
*/
.MastheadContainer { display: block; width: 100%; margin: 0px auto; background-color: #343434; }
.Masthead { display: table; width: 100%; max-width: 1480px; height: 80px; margin: 0px auto; }
.Masthead .ButtonMenu { display: table-cell; width: 70px; cursor: pointer; background-image: url(../images/Button-Menu.svg); background-repeat: no-repeat; background-position: center center; }

/*
.Masthead .ButtonTopics { display: none; cursor: pointer; background-image: url(../images/Button-Topics.svg); background-repeat: no-repeat; background-position: center center; }
*/

.Masthead .ButtonTopics { display: table-cell; width: 70px; }

.Masthead .ButtonClose { background-image: url(../images/Button-Close.svg) !important; }
.Masthead .Logo { display: table-cell; width: auto; vertical-align: middle; text-align: center; }
.Masthead .Logo a { color: #FFFFFF; }

.Masthead .Logo img { max-width: 200px; max-height: 100px !important; }
.Masthead .Topics { display: block; width: 250px; height: 100%; position: fixed; right: -250px; top: 0px; z-index: 1000; background-color: #333333; border:0px solid green;vertical-align:middle;}
.Masthead .Topics .Icons { display: block; width: 172px; margin: 0px auto; padding-top:5px;padding-bottom:5px; }
.Masthead .Topics .Icons .Icon { display: block; float: left; width: 80px; height: 80px; margin: 0px; text-align: center; }
.Masthead .Topics .Icons .Icon2 { float:left;width:110px;}
.Masthead .Topics .Icons .Icon2 div { text-align: center;vertical-align:middle;height:100%;border:0px solid red;}
.Masthead .Topics .Icons .Icon div { margin: 0px; }
.Masthead .Topics .Icons .Science { display: none; }

.HeaderButtons .IconArrowDown { background-image: url(../images/Icon-Arrow-Down-White.svg); }
.HeaderButtons .IconMenu { background-image: url(../images/Icon-Menu-White.svg); }
.HeaderButtons .IconSubscribe { background-image: url(../images/Icon-Subscribe-White.svg); }
.HeaderButtons .IconCart { background-image: url(../images/Icon-Cart-White.svg); }

.HeaderButtons .Button { 
display: inline-block; 
margin: 0px 2px 0px 0px; 
padding: 10px 12px; 
color: #FFFFFF; 
border: solid 1px rgba(255, 255, 255, 0.35); 
outline: none 0px; 
border-radius: 2px; 
background-repeat: no-repeat; 
background-color: rgba(0,0,0,0); 
cursor: pointer; 
text-align: center; 
font-weight: 700; 
font-size: 10px; 
line-height: 10px; 
text-transform: uppercase;
}

.HeaderButtons .Button:hover { background-color: rgba(255,255,255,0.15); color: #FFFFFF; }
#HeaderRight .Button { float: right; }
#ButtonSubscribe { padding-left: 30px!important; background-position: center left 6px; }
#ButtonStore { padding-left: 40px!important; padding-right: 20px!important; background-position: center left 15px; background-color: #F7623B; border: solid 1px #F7623B; }
#ButtonBack { display: none; }

.NavigationContainer { display: block; width: 100%; margin: 0px auto; background-color: #000000; }
.Navigation { display: block; width: 100%; max-width: 1480px; }
.Navigation .Menu { display: block; width: 250px; height: 100%; position: fixed; left: -250px; top: 0px; z-index: 999; color: #FFFFFF; background-color: #000000; }
.Navigation .Menu .Categories { display: block; width: auto; margin: 0px auto; padding: 15px; }
.Navigation .Menu .Categories div { display: block; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #454545; color: #FFFFFF; font-family: 'Fira Sans'; font-size: 16px; }
.Navigation .Menu .Categories div a { display: block; width: 100%; color: #FFFFFF; }

.Navigation .Search { display: block; margin: 10px 0px; }
.Navigation .Search .SearchBox { display: table; width: 100%; background-color: #FFFFFF; border: none 0px; }
.Navigation .Search .SearchBox div { display: table-cell; width: auto; vertical-align: middle; padding: 2px; }
.Navigation .Search .SearchBox div:nth-child(1) {  }
.Navigation .Search .SearchBox div:nth-child(1) input { width: 90%; padding: 6px; border: none 1px; font-family: 'Montserrat'; font-size: 14px; }
.Navigation .Search .SearchBox div:nth-child(1) input:focus { outline: none; }

.Navigation .Search .SearchBox div:nth-child(1) input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; }
.Navigation .Search .SearchBox div:nth-child(2) { width: 46px; }

.UnderNavigationContainer { display: block; width: 100%; margin: 0px auto; height: 6px; background-color: #CCCCCC; }

.FooterContainer { display: block; min-width: 280px; width: auto; max-width: 1400px; margin: 0px auto; }
.Footer { display: block; width: auto; margin: 0px auto; font-size: 12px; color: #999999; text-align: center; padding: 20px; }
.Footer b { color: #999999; }
.Footer a { color: #999999; text-decoration: underline; } 


.Feeder { display: block; width: auto; margin: 0px auto 15px auto; font-size: 14px; line-height: 17px; }
.Feeder a { text-decoration: none; }


/* WIDGETS ==================================== */

.Post { display: table; width: 100%; margin-bottom: 15px; }
.Post .Pic { display: table-cell; width: 100px; vertical-align: top; padding-right: 10px; position: relative; }
.Post .Pic img { max-width: 100%; width: 100%; max-height: 100%; }
.Post .Text { display: table-cell; width: auto; vertical-align: top; position: relative; }
.Post .Text .Info { }
.Post .Text .Info .Category { }
.Post .Text .Info .Date { }
.Post .Text .Title { opacity:0.9;filter:alpha(opacity=90); }
.Post .Text .Description { }
.Post .Text .Link { }
.Post .Text .Link a { opacity:0.9;filter:alpha(opacity=90);}
.Post .Text .Date {  }

.PostGradient {
background: -moz-linear-gradient(top, rgba(119,119,119,0) 10%, rgba(56,53,94,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(119,119,119,0) 10%,rgba(56,53,94,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(119,119,119,0) 10%,rgba(56,53,94,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00777777', endColorstr='#343434',GradientType=0 ); /* IE6-9 */
}

/* ------------------------------------- */

/*FONTS */

.Post div { font-family: 'Fira Sans'; }
.Post div span { font-family: 'Fira Sans'; }
.PageNav div { font-family: 'Montserrat'; }
.PostTitle h1 { font-family: 'Fira Sans'; }
.PostTitle h1:before { background-color: #343434; }
.PostDescription { font-family: 'Montserrat'; }
.PostInfo { font-family: 'Montserrat'; }
.PostInfo .Date { font-family: 'Montserrat'; }
.PostTags { font-family: 'Fira Sans'; }
.PostTags a { color: #343434; }
.PostSocial .Views { font-family: 'Fira Sans'; }
.PostArticle { font-family: 'Fira Sans'; }
.PostArticle h1, .PostArticle h2, .PostArticle h3, .PostArticle h4, .PostArticle h5 { font-family: 'Fira Sans'; }
.Index1 .PostsAll .Post .Text .Description { font-family: 'Fira Sans'; }

/* ------------------------------------- */

.PostsAll { display: block; margin: 0px auto 15px auto; }
.PostsAll .Post { margin-bottom: 8px; border-bottom: dotted 1px #343434; }
.PostsAll .Post .Pic { width: 100px; padding-bottom: 12px; }
.PostsAll .Post .Pic img { max-width: 250px;}
.PostsAll .Post .Text { padding-bottom: 12px; }
.PostsAll .Post .Text .Info { font-size: 11px; color: #999999; margin: 0px auto 8px auto; }
.PostsAll .Post .Text .Info .Date { font-size: 11px; color: #999999; }
.PostsAll .Post .Text .Info .Category { font-size: 10px; color: #999999; text-transform: uppercase; }
.PostsAll .Post .Text .Info .Category a { color: #333333; }
.PostsAll .Post .Text .Info .Author { font-size: 11px; color: #999999; }
.PostsAll .Post .Text .Info .Author a { color: #333333; }
.PostsAll .Post .Text .Title { font-size: 14px; color: #000000; margin: 0px auto 5px auto; }
.PostsAll .Post .Text .Title a { color: #000000; }
.PostsAll .Post .Text .Description { display: none; }

/* ------------------------------------- */

.PostsOverlay { display: block; margin: 0px auto 15px auto; }
.PostsOverlay .Post { display: block !important; margin-bottom: 16px; position: relative; }
.PostsOverlay .Post .Category { font-size: 12px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; position: absolute; left: 0px; top: 0px; z-index: 10; padding: 5px; background-color: #343434; }
.PostsOverlay .Post .Category a { color: #FFFFFF; }
.PostsOverlay .Post .Pic { display: block !important; width: auto !important; padding: 0px; }
.PostsOverlay .Post .Text { display: block !important; padding: 10px; position: absolute; bottom: 0px; left: 0px; z-Index: 5}
.PostsOverlay .Post .BG { display: block !important; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; }
.PostsOverlay .Post .Text .Info { font-size: 11px; color: #FFFFFF; margin: 0px auto 5px auto; }
.PostsOverlay .Post .Text .Info a { color: #FFFFFF; }
.PostsOverlay .Post .Text .Info .Date { font-size: 11px; color: #FFFFFF; }
.PostsOverlay .Post .Text .Info .Author { font-size: 11px; color: #FFFFFF; }
.PostsOverlay .Post .Text .Info .Author a { color: #FFFFFF; }
.PostsOverlay .Post .Text .Title {font-weight: 700; font-size: 14px; color: #FFFFFF; margin: 0px auto 5px auto; }
.PostsOverlay .Post .Text .Title a { color: #FFFFFF; }

/* ------------------------------------- */

.PostsLarge { display: block; margin: 0px auto 15px auto; }
.PostsLarge .Post { display: block !important; margin-bottom: 16px; }
.PostsLarge .Post .Pic { display: block !important; width: auto !important; padding: 0px; }
.PostsLarge .Post .Pic .Category { font-size: 12px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; position: absolute; left: 0px; top: 0px; z-index: 100; padding: 5px; background-color: #343434; }
.PostsLarge .Post .Pic .Category a { color: #FFFFFF; text-decoration: none; }
.PostsLarge .Post .Pic .Category a:hover { color: #FFFFFF; text-decoration: underline; }
.PostsLarge .Post .Text { display: block !important; padding: 10px 0px 0px 0px; }
.PostsLarge .Post .Text .Info { font-size: 11px; color: #999999; margin-bottom: 8px; }
.PostsLarge .Post .Text .Info a { color: #333333; }
.PostsLarge .Post .Text .Info .Date { color: #999999; }
.PostsLarge .Text .Info .Author { }
.PostsLarge .Text .Info .Author a { color: #999999; }
.PostsLarge .Post .Text .Title { font-size: 18px; color: #000000; margin: 0px auto 5px auto; }
.PostsLarge .Post .Text .Title a { color: #000000; }

/* ------------------------------------- */

.PostsMedium { display: block; margin: 0px auto 15px auto; }
.PostsMedium .Post { margin-bottom: 8px; border-bottom: dotted 1px #343434; }
.PostsMedium .Post .Pic { width: 100px; padding-bottom: 12px; }
.PostsMedium .Post .Text { padding-bottom: 12px; }
.PostsMedium .Post .Text .Info { font-size: 11px; color: #999999; margin: 0px auto 8px auto; }
.PostsMedium .Post .Text .Info .Date { font-size: 11px; color: #999999; }
.PostsMedium .Post .Text .Info .Author { font-size: 10px; color: #999999; }
.PostsMedium .Post .Text .Info .Author a { color: #999999; }
.PostsMedium .Post .Text .Title { font-size: 14px; color: #000000; margin: 0px auto 5px auto; }
.PostsMedium .Post .Text .Title a { color: #000000; }
.PostsMedium .Post:nth-child(1) { margin-bottom: 8px; border-top: dotted 1px #343434; border-bottom: dotted 1px #343434; }
.PostsMedium .Post:nth-child(1) .Pic { padding-top: 10px; }
.PostsMedium .Post:nth-child(1) .Text { padding-top: 10px; }

/* ------------------------------------- */

.PostsSmall { display: block; margin: 0px auto 15px auto; }
.PostsSmall .SectionHead { font-weight: 700; font-size: 22px; color: #000000; text-transform: uppercase; }
.PostsSmall .Post { margin-bottom: 8px; border-bottom: dotted 1px #343434; }
.PostsSmall .Post .Pic { width: 60px; padding-bottom: 12px; }
.PostsSmall .Post .Text { padding-bottom: 12px; }
.PostsSmall .Post .Text .Title { font-size: 14px; color: #000000; margin: 0px auto 5px auto; }
.PostsSmall .Post .Text .Title a { color: #000000; }
.PostsSmall .Post .Text .Info { font-size: 11px; color: #999999; }
.PostsSmall .Post .Text .Info .Date { font-size: 11px; color: #999999; }
.PostsSmall .Post .Text .Info .Date a { color: #999999; }
.PostsSmall .Post .Text .Info .Author { font-size: 11px; color: #999999; }
.PostsSmall .Post .Text .Info .Author a { color: #999999; }

/* ------------------------------------- */

.PostsText { display: block; margin: 0px auto 15px auto; }
.PostsText .Post { border-bottom: dotted 1px #343434; }
.PostsText .Post .Text { padding-bottom: 12px; }
.PostsText .Post .Text .Date {font-size: 11px; color: #999999; }
.PostsText .Post .Text .Title { font-size: 13px; color: #000000; font-weight: 400; margin: 0px auto 5px auto; }
.PostsText .Post .Text .Title a { color: #000000; }

/* ------------------------------------- */

.AltNews { display: block; margin: 0px auto 15px auto; }
.AltNews .Post { border-bottom: dotted 1px #343434; margin-bottom: 5px; }
.AltNews .Post .Text {  }
.AltNews .Post .Text h2 { font-size: 13px; font-weight: 400; margin: 0px; padding: 0px; }
.AltNews .Post .Text h2 a { color: #000000; }
.AltNews .Post .Text .Info { font-size: 11px; color: #999999; margin-bottom: 5px; }
.AltNews .Post .Text .Info a { color: #999999; text-decoration: underline; }
.AltNews .Post .Text .Info .Date { font-size: 11px; color: #999999; }

/* ------------------------------------- */

.Vimeo { display: block; min-width: 300px; width: 100%; max-width: 640px; margin: 0px auto 10px auto; }
.Vimeo .Row .Block div:nth-child(1) { position: absolute; left: 5px; top: 5px; color: #FFFFFF; background-color: #020202; padding: 3px; font-size: 11px; line-height: 11px; font-family: arial, helvetica, sans-serif; opacity: .85; }
.Vimeo .Row .Block div:nth-child(2) { display: block; width: auto; margin: 0px auto 5px auto; }
.Vimeo .Row .Block div:nth-child(3) { display: block; width: auto; margin: 0px auto 5px auto; font-size: 12px; line-height: 14px; font-family: arial, helvetica, sans-serif; font-weight: bold; }
.Vimeo .Row .Block div a { color: #000000; text-decoration: none; }
.Vimeo .Row .Block div a:hover { text-decoration: underline; }
.Vimeo .Row { display: block; width: 100%; margin: 0px auto 5px auto; }
.Vimeo .Row:nth-child(1) { display: block; width: 100%; margin: 0px auto 10px auto; }
.Vimeo .Row .Block { display: block; position: relative; width: 100%; margin: 0px auto; }
.VimeoThumb { width: 100%; }
.Vimeo .Row:nth-child(1) .Block div:nth-child(2) { font-size: 14px; line-height: 16px; }
.Vimeo .Row:nth-child(2) { display: table; }
.Vimeo .Row:nth-child(3) { display: table; }
.Vimeo .Row:nth-child(4) { display: table; }
.Vimeo .Row:nth-child(2) .Block { display: table-cell; width: 50%; vertical-align: top; }
.Vimeo .Row:nth-child(3) .Block { display: table-cell; width: 50%; vertical-align: top; }
.Vimeo .Row:nth-child(4) .Block { display: table-cell; width: 50%; vertical-align: top; }
.Vimeo .Row:nth-child(2) .Block:nth-child(1) div { padding-right: 5px; }
.Vimeo .Row:nth-child(2) .Block:nth-child(2) div { padding-left: 5px; }
.Vimeo .Row:nth-child(3) .Block:nth-child(1) div { padding-right: 5px; }
.Vimeo .Row:nth-child(3) .Block:nth-child(2) div { padding-left: 5px; }
.Vimeo .Row:nth-child(4) .Block:nth-child(1) div { padding-right: 5px; }
.Vimeo .Row:nth-child(4) .Block:nth-child(2) div { padding-left: 5px; }
.Vimeo .Row:nth-child(2) .Block:nth-child(2) div:nth-child(1) { left: 10px; }
.Vimeo .Row:nth-child(3) .Block:nth-child(2) div:nth-child(1) { left: 10px; }
.Vimeo .Row:nth-child(4) .Block:nth-child(2) div:nth-child(1) { left: 10px; }

/* INDEX PAGES ================================== */

.Index { display: block; width: auto; margin: 0px auto; }
.Index1 { display: block; width: auto; margin: 0px auto 15px auto; }
.Index2 { display: block; width: auto; margin: 0px auto 15px auto; }
.IndexAB { display: block; width: auto; }
.IndexA { display: block; width: auto; margin: 0px auto 15px auto; }
.IndexB { display: block; width: auto; margin: 0px auto; }

/* ------------------------------------- */

.PageNav { display: table; width: 100%; margin: 0p auto; }
.PageNav div { display: table-cell; width: 33%; vertical-align: middle; font-size: 14px; color: #999999; }
.PageNav div a { display: block; width: 125px; padding: 15px 5px; text-align: center; background-color: #FFFFFF; color: #999999; text-decoration: none; border: solid 1px #CCCCCC; }
.PageNav div a:hover { background-color: #FCFCFC; }
.PageNav div:nth-child(2)  { text-align: center; }
.PageNav div:nth-child(3)  a { float: right; }
.PageNavSingle div a { width: 100%; padding: 5px 0px; }

/* ARTICLE PAGE ================================== */

.Article { display: block; width: auto; margin: 0px auto; }
.Article1 { display: block; width: auto; margin: 0px auto 15px auto; }
.Article2 { display: block; width: auto; margin: 0px auto 15px auto; }

/* -------------------------------- */

.PostTitle { display: block; width: auto; margin: 0px auto 15px auto; }
.PostTitle h1 { font-size: 20px; line-height: 115%; font-weight: 700; color: #000000; padding-top: 0px; margin-top: 0px; }
.PostTitle h1:before { content: ""; display: table; width: 115px; height: 4px; background-color: #333333; margin-bottom: 10px; }

/* -------------------------------- */

.PostPic { display: block; width: auto; margin: 0px auto 15px auto; }
.PostPic .Pic { display: block; width: auto; margin: 0px auto 5px auto; }
.PostPic .Pic img { max-width: 100%; width: 100%; max-height: 100%; }
.PostPic .Text { display: block; width: auto; margin: 0px auto; Color: #999999; }
.PostPic .Text span { padding-left: 5px; color: #CCCCCC; }

/* -------------------------------- */

.PostDescription { font-size: 12px; color: #999999; font-weight: 400; }

.PostInfo { display: block; width: auto; margin: 0px auto; font-size: 12px; color: #999999; font-weight: 400; }
.PostInfo a { color: #999999; }

.PostInfo .Date { font-size: 12px; color: #999999; font-weight: 400; }
.PostTags { display: block; width: auto; margin: 0px auto 40px auto; font-size: 16px; line-height: 150%; color: #454545; }
.PostTags a { color: #333333; }

.PostSocial { display: table; width: auto; margin: 0px 0px 15px 0px; }
.PostSocial .Buttons { display: table-cell; vertical-align: middle; }
.PostSocial .Views { display: table-cell; vertical-align: middle; padding-left: 10px; font-size: 20px; line-height: 115%; font-weight: 900; color: #000000; }

.SocialButtons { display: table; margin: 0px; }
.SocialButtons div { display: table-cell; width: 35px; height: 30px; background-repeat: no-repeat; background-position: center center; text-align: center; vertical-align: middle; border-right: solid 1px #FFFFFF; cursor: pointer; }
.SocialButtons .Facebook { background-color: #3B5999; background-image: url(../images/Icon-Facebook-White.svg); }
.SocialButtons .BrighteonIO { background-color: #ED1B2F; background-image: url(../images/Icon-BrighteonIO-White.svg); }
.SocialButtons .Twitter { background-color: #55ACEF; background-image: url(../images/Icon-Twitter-White.svg); }
.SocialButtons .Add2Any { background-color: #3274D1; background-image: url(../images/Icon-A2A-White.svg); }
.SocialButtons .Comments { background-color: #ED1B2F; background-image: url(../images/Icon-Comments-White.svg); }
.SocialButtons .Email { background-color: #343434; background-image: url(../images/Icon-Email-White.svg); }
.SocialButtons .Print { background-color: #343434; background-image: url(../images/Icon-Print-White.svg); }
.Facebook-Hover { background-color: #527CD4 !important; }
.Twitter-Hover { background-color: #70c1ff !important; }
.Add2Any-Hover { background-color: #739bed !important; }
.Comments-Hover { background-color: #f85a69 !important; }
.Email-Hover { background-color: #878787 !important; }
.Print-Hover { background-color: #878787 !important; }

/* -------------------------------- */

.PostArticle { display: block; width: auto; margin: 0px auto 15px auto; font-size: 16px; line-height: 150%; color: #454545; }
.PostArticle a { color: #00aeef; }
.PostArticle img { display: block; width: auto; margin: 0px auto; }   
.PostArticle h1, .PostArticle h2, .PostArticle h3, .PostArticle h4, .PostArticle h5 { color: #000000; }
.PostArticle h1 { font-size: 20px; }
.PostArticle h2 { font-size: 19px; }
.PostArticle h3 { font-size: 18px; }
.PostArticle h4 { font-size: 17px; }
.PostArticle h5 { font-size: 16px; }

/* -------------------------------- */

@media (min-width: 400px) {
.PostsOverlay .Post .Text .Title { font-size: 16px; }
.PostsMedium .Post .Pic { width: 140px; }
.PostTitle h1 { font-size: 24px; }
.PostArticle h1 { font-size: 24px; }
.PostArticle h2 { font-size: 22px; }
.PostArticle h3 { font-size: 20px; }
.PostArticle h4 { font-size: 18px; }

.Masthead .Topics .Icons .Icon2 {float:left;width:80px;}
}

@media (min-width: 450px) {
.IndexA .PostsOverlay .Post .Text .Title { font-size: 22px; }
}

@media (min-width: 550px) {
.IndexA .PostsOverlay .Post .Text { padding: 20px; }
.IndexA .PostsOverlay .Post .Text .Title { font-size: 25px; }
.IndexB .PostsOverlay .Post .Text { padding: 20px; }
.IndexB .PostsOverlay .Post .Text .Title { font-size: 25px; }
.PageNav div a { padding: 15px 20px; }
.PageNavSingle div a { width: 100%; padding: 15px 0px; }
.PostTitle h1 { font-size: 26px; }
.PostDescription { font-size: 14px; }
.PostInfo { font-size: 14px; }
.PostInfo .Date { font-size: 14px; }
.PostArticle h1 { font-size: 26px; }
.PostArticle h2 { font-size: 24px; }
.PostArticle h3 { font-size: 22px; }
.PostArticle h4 { font-size: 20px; }
.PostArticle h5 { font-size: 18px; }
.Article2 .PostsOverlay .Post .Text { padding: 20px; }
.Article2 .PostsOverlay .Post .Text .Title { font-size: 25px; }
.Masthead .Logo img { max-width: 100%; }
}

@media (min-width: 680px) {
.Container { padding: 20px; }
.IndexA .PostsOverlay .Post .Text { padding: 10px; }
.IndexA .PostsOverlay .Post .Text .Title { font-size: 16px; }
.IndexA .PostsMedium .Post .Pic { width: 100px; }
.PostsSmall .Post .Pic { width: 100px; }
.PostTitle h1 { font-size: 28px; }
.PostArticle h1 { font-size: 28px; }
.PostArticle h2 { font-size: 26px; }
.PostArticle h3 { font-size: 24px; }
.PostArticle h4 { font-size: 22px; }
.PostArticle h5 { font-size: 20px; }
.SocialButtons div { width: 60px; height: 40px; background-size: 22px 22px; }
}

@media (min-width: 768px) {
.Index { display: table; width: 100%; }
.Index1 { display: table-cell; width: auto; vertical-align: top; padding-right: 20px; position: relative; }
.Index2 { display: table-cell; vertical-align: top; min-width: 300px; width: 300px; max-width: 300px; position: relative; }
.IndexA .PostsOverlay .Post .Text .Title { font-size: 22px; }
.IndexB .PostsOverlay .Post .Text .Title { font-size: 22px; }
.Article { display: table; width: 100%; }
.Article1 { display: table-cell; width: auto; vertical-align: top; padding-right: 20px; position: relative; }
.Article2 { display: table-cell; vertical-align: top; min-width: 300px; width: 300px; max-width: 300px; position: relative; }
.PostTitle h1 { font-size: 24px; }
.PostArticle h1 { font-size: 24px; }
.PostArticle h2 { font-size: 22px; }
.PostArticle h3 { font-size: 20px; }
.PostArticle h4 { font-size: 18px; }
.IndexB .PostsOverlay .Post .Text { padding: 10px; }
.IndexB .PostsOverlay .Post .Text .Title { font-size: 16px; }
.PostsSmall .Post .Pic { width: 60px; }
.Article2 .PostsOverlay .Post .Text .Title { font-size: 22px; }
}

@media (min-width: 850px) {
.IndexA .PostsOverlay .Post .Text { padding: 20px; }
.IndexA .PostsOverlay .Post .Text .Title { font-size: 25px; }
.IndexB .PostsOverlay .Post .Text { padding: 20px; }
.IndexB .PostsOverlay .Post .Text .Title { font-size: 25px; }
.IndexA .PostsMedium .Post .Pic { width: 140px; }
.PostTitle h1 { font-size: 26px; }
.PostArticle h1 { font-size: 26px; }
.PostArticle h2 { font-size: 24px; }
.PostArticle h3 { font-size: 22px; }
.PostArticle h4 { font-size: 20px; }
.PostArticle h5 { font-size: 18px; }
}

@media (min-width: 950px) {
.IndexA .PostsOverlay .Post .Text .Title { font-size: 27px; }
.IndexB .PostsOverlay .Post .Text .Title { font-size: 27px; }
.Article2 .PostsOverlay .Post .Text .Title { font-size: 27px; }
}

@media (min-width: 1024px) {
.PopupLayer1 { display: block; position: fixed; top: 30%; left: 30%; z-index: 999991; overflow: auto; border:1px solid black }
.IndexAB { display: table; margin: 0px auto; }
.IndexA { display: table-cell; vertical-align: top; padding-right: 20px; min-width: 360px; width: auto; }
.IndexB { display: table-cell; vertical-align: top; width: auto; min-width: 300px; max-width: 400px; }
.IndexB .PostsSmall .Post .Pic { display: none; }
.IndexA .PostsOverlay .Post .Text { padding: 10px; }
.IndexA .PostsOverlay .Post .Text .Title { font-size: 16px; }
.IndexB .PostsOverlay .Post .Text { padding: 10px; }
.IndexB .PostsOverlay .Post .Text .Title { font-size: 16px; }
.PostsSmall .Post .Pic { width: 60px; }
.IndexA .PostsMedium .Post .Pic { width: 100px; }
.Index1 .PostsAll .Post .Pic { width: 200px; padding: 30px 40px 40px 0px; }
.Index1 .PostsAll .Post .Text { padding: 30px 0px 40px 0px; }
.Index1 .PostsAll .Post .Text .Title { font-size: 20px; }

.PostTitle h1 { font-size: 34px; }
.PostArticle img { margin: 0px; }   
.PostArticle h1 { font-size: 24px; }
.PostArticle h2 { font-size: 22px; }
.PostArticle h3 { font-size: 20px; }
.PostArticle h4 { font-size: 18px; }
.Article2 .PostsOverlay .Post .Text { padding: 10px; }
.Article2 .PostsOverlay .Post .Text .Title { font-size: 16px; }
.Article2 .PostsSmall .Post .Pic { display: none; }

.Page, .Navigation .Menu, .Navigation .Search, .Masthead .Topics { -webkit-transition: none;  -moz-transition: none;  transition: none; }

.Masthead .ButtonMenu { display: none; }
.Masthead .Logo { display: table-cell; text-align: left; padding: 0px 0px 0px 20px; }

/*
.Masthead .Topics { display: table-cell; width: 746px; background-color: #000000; background-image: url(../images/Background-Topics.svg); background-repeat: no-repeat; background-position: left bottom; position: static; }
*/
.Masthead .Topics { display: table-cell; width: 820px; background-color: #343434; position: static; }

.Masthead .ButtonTopics { display: none; }
.Masthead .ButtonSearch { display: none; }

.Masthead .Topics .Icons .Icon2 div { text-align: left; }
.Masthead .Topics .Icons .Icon2 div:nth-child(2) { margin-bottom: 5px; }

.Masthead .Topics .Icons { display: table; width: 100%; height: 80px; margin: 0px; }
.Masthead .Topics .Icons .Icon { display: table-cell; width: 106px; margin: 0px; position: relative; }
.Masthead .Topics .Icons .Icon:last-child { width: auto; }
.Masthead .Topics .Icons .Icon div { margin: 0px; }

.Masthead .Topics .Icons .MedicineIcon { left: 68px; top: 8px; }
.Masthead .Topics .Icons .MedicineText { left: 34px; bottom: 12px; }
.Masthead .Topics .Icons .FoodIcon { left: 54px; top: 8px; }
.Masthead .Topics .Icons .FoodText { left: 40px; bottom: 12px; }
.Masthead .Topics .Icons .HealthIcon { left: 50px; top: 8px; }
.Masthead .Topics .Icons .HealthText { left: 27px; bottom: 12px; }
.Masthead .Topics .Icons .PollutionIcon { left: 43px; top: 8px; }
.Masthead .Topics .Icons .PollutionText { left: 10px; bottom: 12px; }
.Masthead .Topics .Icons .CancerIcon { left: 38px; top: 8px; }
.Masthead .Topics .Icons .CancerText { left: 10px; bottom: 12px; }
.Masthead .Topics .Icons .ClimateIcon { left: 28px; top: 8px; }
.Masthead .Topics .Icons .ClimateText { left: -2px; bottom: 12px; }

.Masthead .Topics .Icons .Icon2 .ScienceText2 { margin-left: 7px; }
.Masthead .Topics .Icons .Icon2 .MedicineText2 { margin-left: 28px; }
.Masthead .Topics .Icons .Icon2 .FoodText2 { margin-left: 20px; }
.Masthead .Topics .Icons .Icon2 .HealthText2 { margin-left: 12px; }
.Masthead .Topics .Icons .Icon2 .PollutionText2 { margin-left: 3px; }
.Masthead .Topics .Icons .Icon2 .CancerText2 { margin-left: 5px; }
.Masthead .Topics .Icons .Icon2 .ClimateText2 { margin-left: -4px; }

.Masthead .Topics .Icons .Icon2 .GearText2 { margin-left: 18px; }
.Masthead .Topics .Icons .Icon2 .GunsText2 { margin-left: 19px; }
.Masthead .Topics .Icons .Icon2 .SurvivalText2 { margin-left: 5px; }
.Masthead .Topics .Icons .Icon2 .CollapseText2 { margin-left: 4px; }
.Masthead .Topics .Icons .Icon2 .LibertyText2 { margin-left: 8px; }
.Masthead .Topics .Icons .Icon2 .RadiationText2 { margin-left: 2px; }
.Masthead .Topics .Icons .Icon2 .EMPText2 { margin-left: 22px; }
.Masthead .Topics .Icons .Icon2 .PlagueText2 { margin-left: 12px; }
.Masthead .Topics .Icons .Icon2 .BugoutText2 { margin-left: 12px; }

.Navigation { display: table; width: 100%; margin: 0px auto; }
.Navigation .Menu { display: table-cell; width: auto; height: auto; position: static; padding: 0px; vertical-align: middle; }
.Navigation .Menu .Categories { display: table; width: auto; margin-left: 20px; padding: 0px; }
.Navigation .Menu .Categories div { display: table-cell; width: auto; margin: 0px; padding: 0px 15px 0px 0px; border-bottom: none 0px; font-size: 14px; vertical-align: middle; }
.Navigation .Search { display: table-cell; width: 320px; height: auto; position: static; vertical-align: middle; padding: 10px 0px 10px 10px; margin: 0px; }
.Navigation .Search .SearchBox div:nth-child(1) input { font-size: 12px; padding: 5px; }

#Widget15 { max-width: 640px; border: solid 1px #CCCCCC; margin: 0px 0px 50px 0px; box-shadow: 0 0 10px #CCCCCC; }
#Widget15 .Content { padding: 40px; }
#Widget15 .Title { display: block; font-size: 24px; font-weight: 900; color: #000000; margin: 0px auto 10px auto; }
#Widget15 .Description {  display: block; font-size: 14px; color: #666666; margin: 0px auto 10px auto; }
#Widget15 .Small { font-size: 11px; color: #666666; }
#Widget15 .Small a { color: #666666; text-decoration: underline; }
}

@media (min-width: 1150px) {
.IndexB { min-width: 350px; max-width: 450px; }
.IndexA .PostsOverlay .Post .Text .Title { font-size: 20px; }
.IndexA .PostsMedium .Post .Pic { width: 140px; }
.IndexB .PostsSmall .Post .Pic { display: table-cell; width: 70px; }
.Article2 .PostsSmall .Post .Pic { display: table-cell; width: 70px; }
}

@media (min-width: 1300px) {
.Container { padding: 40px; }
.Index1 { padding-right: 40px; }
.IndexA { padding-right: 40px; min-width: 400px; width: auto; }
.IndexB { min-width: 400px; max-width: 500px; }
.IndexA .PostsOverlay .Post .Text .Title { font-size: 18px; }
.IndexB .PostsOverlay .Post .Text .Title { font-size: 18px; }
.IndexA .PostsMedium .Post .Pic { width: 140px; }
.Index1 .PostsAll .Post .Pic { width: 250px; }
.Index1 .PostsAll .Post .Text .Title { font-size: 22px; }
.Index1 .PostsAll .Post .Text .Description { display: block; font-size: 14px; color: #999999; margin: 0px auto 10px auto; }
.Index1 .PostsAll .Post .Text .Description a { color: #999999; text-decoration: none; }
.PostsOverlay .Post .Category { left: -10px; top: 10px; }
.PostsLarge .Post .Pic .Category { left: -10px; top: 10px; }

.Article1 { padding-right: 40px; }

.Article2 { min-width: 500px; width: 500px; max-width: 500px; }

.PostArticle h1 { font-size: 28px; }
.PostArticle h2 { font-size: 26px; }
.PostArticle h3 { font-size: 24px; }
.PostArticle h4 { font-size: 22px; }
.PostArticle h5 { font-size: 20px; }
.Masthead .Logo { padding: 0px 0px 0px 40px; }
.Navigation .Menu .Categories { margin-left: 40px; }
.Navigation .Search { width: 340px; }

.Article2 .PostsOverlay .Post .Text .Title { font-size: 18px; }

}

@media (min-width: 1400px) {
.IndexA .PostsOverlay .Post .Text { padding: 20px; }
.IndexA .PostsOverlay .Post .Text .Title { font-size: 18px; }
}

@media (min-width: 1480px) {
.Index1 .PostsAll .Post .Pic { width: 300px; }
.Index1 .PostsAll .Post .Text {  }
.Index1 .PostsAll .Post .Text .Info { font-size: 13px;  }
.Index1 .PostsAll .Post .Text .Info .Date { font-size: 13px; }
.Index1 .PostsAll .Post .Text .Info .Category { font-size: 12px; }
.Index1 .PostsAll .Post .Text .Title { font-size: 24px; }
.IndexA .PostsOverlay .Post .Text .Title { font-size: 27px; }


.IndexA .PostsLarge .Post { position: relative; margin-bottom: 40px; }
.IndexA .PostsLarge .Post .Text { width: 420px; position: absolute; bottom: 0px; right: 0px; padding: 0px; }

.IndexA .PostsLarge .Post .Text .Layers { display: block; width: 100%; margin: 0px auto; position: relative; }
.IndexA .PostsLarge .Post .Text .L1 { display: block; width: 100%; height: 100%; margin: 0px auto; position: absolute; left: 0px; top: 0px; }
.IndexA .PostsLarge .Post .Text .L2 { display: block; width: auto; margin: 0px auto; padding: 30px 30px 0px 30px; }
 
.LayerGradient {
background: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.PostsLarge .Post .Text .Info a { color: #000000; }
.PostsLarge .Post .Text .Info .Date { color: #000000; }
.PostsLarge .Text .Info .Author { color: #000000; }
.PostsLarge .Text .Info .Author a { color: #000000; }

.IndexA .PostsLarge .Post .Text .Title { font-size: 20px; }

.IndexA .PostsMedium .Post { margin-bottom: 40px; }
.IndexA .PostsMedium .Post .Pic { width: 200px; padding-bottom: 40px; padding-right: 40px; }
.IndexA .PostsMedium .Post .Text .Title { font-size: 18px; }
.IndexA .PostsMedium .Post:nth-child(1) { margin-bottom: 40px; }
.IndexA .PostsMedium .Post:nth-child(1) .Pic { padding-top: 40px; }
.IndexA .PostsMedium .Post:nth-child(1) .Text { padding-top: 40px; }
.Masthead .Logo { padding: 0px; }
.Navigation .Menu .Categories { margin-left: 0px; }
}


.PopupBox { text-align: center; font-family: 'Roboto Condensed', 'Roboto', Arial, helvetica, sans-serif; z-index:100; display:none}
.PopupLayer2 { display: none; }
.PopupClose img { max-width: 100%; max-height: 100%; }
.PopupTable { display: table; width: 100%; height: 100%; margin: 0px auto; background-color: #FFFFFF; }
.PopupCol { display: table-cell; vertical-align: top; padding: 0px; }
.PopupContent { display: block; margin: 0px auto; position: relative; }
.PopupBox1 { display: block; margin: 0px auto; padding: 50px; }
.PopupCloseLink { display: block; margin: 0px auto; padding: 20px; text-align: center; font-size: 11px; line-height: 120%; color: #000000; font-family: 'Roboto'; text-transform: uppercase; }
.PopupCloseLink a { color: #000000; text-decoration: none; }

#SubscribeForm { display: block; max-width: 700px; margin: 0px auto; }
#SubscribeForm .Content { padding: 0px; }
#SubscribeForm .Content .Left { display: block; }
#SubscribeForm .Content .Right { display: none; }
#SubscribeForm .PopupClose { display: block; width: 30px; height: 30px; position: fixed; right: 0px; top: 0px; z-index: 999992; cursor: pointer; }
#SubscribeForm .Title { display: block; font-size: 24px; font-weight: 900; color: #000000; margin: 0px auto 10px auto; font-family: 'Roboto Condensed'; }
#SubscribeForm .Description {  display: block; font-size: 14px; font-weight: 300; color: #666666; margin: 0px auto 10px auto; }
#SubscribeForm .Small { font-size: 11px; color: #666666; }
#SubscribeForm .Small a { color: #666666; text-decoration: underline; }

#popupbody {
    background-color: #000;
    opacity: 0.9;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    height: 10000px;
    width: 100%;
    overflow: hidden;
    display:none;
}