@charset "UTF-8";

body  {
    font: 100% Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
    background-color:#ffffff;
}

a {
	color: #98700d;
	text-decoration: none;
    background-color:inherit;
}

a:hover {
	color: #073644;
	text-decoration: underline;
    background-color:inherit;
}

a:visited {
	color: #b46012;
    background-color:inherit;
}

h1 {
	color: #98700d;
	font-weight: normal;
    background-color:inherit;
}

h2 {
	color: #073644;
	font-weight: normal;
    background-color:inherit;
}

h3 {
	color: #073644;
	font-weight: normal;
    background-color:inherit;
}

h4 {
	color: #073644;
	font-weight: normal;
    background-color:inherit;
}

div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

img { max-width:100%; }

#container { 
	width: 1100px;
	background-color: #FFFFFF;
    color:inherit;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0 140px 20px 140px;
}

#header {
	padding: 40px 0 10px 0; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

#header a img {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	border: none;
}

#navigation {
	height: 30px;
    background-color: inherit;
    background-image: url(../imgs/navLines.png);
    background-repeat: no-repeat;
    color:inherit;
	margin-bottom: 20px;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#navigation li {
	height: 18px;
	display: inline;
	padding: 6px 25px;
	float: left;
}

#navigation li.first {
	padding-left: 0;
}

#navigation li a {
	text-decoration: none;
	color: #666;
    background-color:inherit;
}

#navigation li a:hover {
	color: #98700d;
    background-color:inherit;
}

#search {
	width: 225px;
	float: right;
	padding: 3px 0 3px 25px;
}

#searchField {
	width: 8.5em;
}

#sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 230px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0 10px 15px 20px;
    background-color: inherit;
    background-image: url(../imgs/sidebarLine.png);
    background-repeat: no-repeat;
    background-position: top left;
	color: #666;
	line-height: 1.25em;
	font-size: .8em;
    float:left;
    overflow:hidden;
}

#sidebar a {
	color: #073644;
    background-color:inherit;
	text-decoration: none;
}

#sidebar a:hover {
	color: #073644;
	text-decoration: underline;
    background-color:inherit;
}

#sidebar a:visited {
	color: #073644;
    background-color:inherit;
}

#sidebar a img {
	border: none;
}

#sidebar h3 {
	margin-top: 5px;
	margin-bottom: 0;
}

#sidebar p {
	margin-top: 5px;
}

.arrow {
	position: relative;
	top: 2px;
}

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

.socialIcon {
	position: relative;
	bottom: 10px;
	margin-right: 15px;
}

#archiveLink {
	width: 70px;
	position: relative;
	bottom: 45px;
	left: 120px;
}

#signature {
	width: 200px;
	position: relative;
	bottom: 10px;
	margin-top: 40px;
}

#mainContent { 
	margin: 0 250px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	/*padding: 0 0 0 80px;*/
	line-height: 1.5em;
	font-size: .9em;
    margin: 0 20px 0 0;
    float:left;
    width: 570px;
    overflow:hidden;
}
#mainContent-wide { 
    margin: 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	/*padding: 0 0 0 80px;*/
	line-height: 1.5em;
	font-size: .9em;
    margin: 0;
    float:left;
    width: 800px;
    overflow:hidden;
}

#mainContent h1, #mainContent-wide h1 {
	line-height: 1em;
	margin-bottom: 0;
}

#banner-container {
  position: relative;
  top: 0px;
  left: 0px;
  height: 380px;
  z-index: 2000;
	line-height: .9em;
	font-size: 1.15em;
}

#banner-container a,
#banner-container a:hover,
#banner-container a:active,
#banner-container a:visited {
  text-decoration: none;
}

.banner {
  position: relative;
}

.banner img.headline {
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.byline {
	color: #666;
	margin-top: 5px;
    background-color:inherit;
}

.byline img {
	padding: 2px 6px;
}

#mainContent p, #mainContent-wide p {
	margin-bottom: 0;
}


.imgCenter {
	width: 570px;
	background: url(../imgs/captionLine.png) bottom center no-repeat;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
	color: #666;
	line-height: 1.25em;
	font-size: .8em;
}

.imgRight {
	width: 200px;
	float: right;
	background: url(../imgs/captionLine.png) bottom center no-repeat;
	padding: 8px 0 8px 8px;
	margin: 8px 0 8px 8px;
	color: #666;
	line-height: 1.25em;
	font-size: .8em;
}

.imgLeft {
	width: 400px;
	float: left;
	background: url(../imgs/captionLine.png) bottom center no-repeat;
	padding: 8px 8px 8px 0;
	margin: 8px 8px 8px 0;
	color: #666;
	line-height: 1.25em;
	font-size: .8em;
}

.imgCenter p,
.imgRight p,
.imgLeft p {
	margin-top: 0;
	padding: 8px 8px 0 0;
}

.quoteRight {
	width: 25%;
	float: right;
	font-size: 1.25em;
	color: #073644;
    background-color:inherit;
	padding: 10px 0 10px 10px;
	margin: 10px 0 10px 10px;
	text-align: right;
}

.quoteLeft {
	width: 25%;
	float: left;
	font-size: 1.25em;
	color: #073644;
    background-color:inherit;
	padding: 10px 10px 10px 0;
	margin: 10px 10px 10px 0;
}

.addthis_toolbox {
	height: 16px;
	padding: 15px 0 40px 0;
}

#pages {
	width: 200px;
	float: right;
	text-align: right;
	font-size: .9em;
	font-weight: bold;
}

#comments {
	/*width: 660px;
	height: 100px;*/
	color: #666;
    background-color:inherit;
}

#footer {
	width: 100%;
	color: #666;
    background-color:inherit;
	font-size: .75em;
    clear:both;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
  height: 0;
  font-size: .1em;
  line-height: 0px;
}

.accessible-text {
  position: absolute;
  left: -3000px;
}

.block-75 { width:73%;margin: 0 1% 1em 1%;float:left;overflow:hidden; }
.block-20 { width:18%;margin: 0 1% 1em 1%;float:left;overflow:hidden; }
.block-80 { width:78%;margin: 0 1% 1em 1%;float:left;overflow:hidden; }
.block-25 { width:23%;margin: 0 1% 1em 1%;float:left;overflow:hidden; }
.block-70 { width:68%;margin: 0 1% 1em 1%;float:left;overflow:hidden; }
.block-30 { width:28%;margin: 0 1% 1em 1%;float:left;overflow:hidden; }
.block-33 { width:31%;margin: 0 1% 1em 1%;float:left;overflow:hidden; }
.block-60 { width:58%;margin: 0 1% 1em 1%;float:left;overflow:hidden; }
.block-40 { width:38%;margin: 0 1% 1em 1%;float:left;overflow:hidden; }
.block-50 { width:48%;margin: 0 1% 1em 1%;float:left;overflow:hidden; }
.clear-left {clear:left; }
.clear-right {clear:right; }
.clear {clear:both; }

@media only screen and (max-width: 50em), 
only screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1000px) and (   min--moz-device-pixel-ratio: 2),
only screen and (max-width: 1000px) and (     -o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 1000px) and (        min-device-pixel-ratio: 2),
only screen and (max-width: 1000px) and (                min-resolution: 192dpi),
only screen and (max-width: 1000px) and (                min-resolution: 2dppx) {
    
    #mainContent, #mainContent-wide {
        float:none;
        width:100%;
    }
    #sidebar {
        float:none;
        width:100%;
    }
    #container {
        width:100%;
        padding: 0 1em 20px 1em;
    }
    .block-80 {width:98%;float:none;}
    .block-20 {width:98%;float:none;}
    .block-75 {width:98%;float:none;}
    .block-25 {width:98%;float:none;}
    .block-70 { width:98%;float:none; }
    .block-30 { width:98%;float:none; }
    .block-33 { width:98%;float:none; }
    .block-60 { width:98%;float:none; }
    .block-40 { width:98%;float:none; }
    .block-50 {width:98%;float:none;}
}

/*--------------------------------------
Quiz Page CSS
--------------------------------------*/
form#enterRaffle label{
    display:inline-block;
    font-weight:700;
	margin-top:0.5em;
}
form#enterRaffle input{
	display:block;
	width:100%;
	height:1.5em;
	font-size:1em;
	clear:left;
}
form#krannertQuiz .robotic{
	display:none;
}
form#krannertQuiz ol li h4{
	margin-bottom:0.5em;
	font-weight:700;
	color:#000;
    background-color:inherit;
}
form#krannertQuiz ol li h4.error{
	color:#992121;
    background-color:inherit;
}
form#krannertQuiz ol li h4.correct{
	color:#085c11;
    background-color:inherit;
}
form#krannertQuiz ol li h4.incorrect{
	color:#C23939;
    background-color:inherit;
}
form#krannertQuiz .g-recaptcha.error iframe{
	border:solid 1px #cd5a5a;
}
form#enterRaffle{
    width:100%;
    max-width:250px;
}
form#enterRaffle input[type="submit"]{
    margin-bottom:15px;
}
form#enterRaffle input[type="submit"],form#krannertQuiz input[type="submit"]{
	height:auto;
	width:auto;
	margin-top:1em;
	padding:8px 16px;
	background:#003643;
	font-weight:700;
    font-size:0.8em;
	color:#fff;
	border:2px solid #fff;
}
form#enterRaffle input[type="submit"]:hover,form#krannertQuiz input[type="submit"]:hover{
    background:#fff;
	color:#003643;
	border:2px solid #003643;
    cursor:pointer;
}
.msg{
	border:1px solid #ccc;
	width:100%;
    padding:0px 2%;
}
.msg.error{
	border-color:#cd5a5a;
	background:#fff7f7;
    color:inherit;
}
.msg.success{
	border-color:#86a62f;
	background:#faffec;
    color:inherit;
}
    [class*='grid-lg-']{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    [class*='grid-md-']{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    [class*='grid-sm-']{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    [class*='grid-xs-']{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    [class*='block-lg-']{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    [class*='block-md-']{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    [class*='block-sm-']{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    [class*='block-xs-']{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    [class*='block-lg-']{float:left;display:inherit}
    .grid-lg-0{display:none;}
    .grid-lg-1{display: grid; grid-gap: 1em; grid-template-columns: auto;}
    .grid-lg-2{display: grid; grid-gap: 1em; grid-template-columns: auto auto;}
    .grid-lg-3{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto;}
    .grid-lg-4{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto;}
    .grid-lg-5{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto;}
    .grid-lg-6{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto auto;}
    .grid-lg-7{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto auto auto;}
    .grid-lg-8{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto auto auto auto;}
    .block-lg-0{display:none}
	.block-lg-1{width:8%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-lg-12{width:10.5%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-15{width:13%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-2{width:18%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-25{width:23%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-3{width:28%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-33{width:31.3%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-35{width:33%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-4{width:38%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-5{width:48%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-6{width:58%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-66{width:64%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-7{width:68%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-lg-75{width:73%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-8{width:78%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-9{width:88%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-lg-10{width:98%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-lg-7 iframe.video, .block-lg-5 iframe.video, .block-lg-6 iframe.video, .block-lg-66 iframe.video, .block-lg-7 iframe.video, .block-lg-75 iframe.video, .block-lg-8 iframe.video, .block-lg-9 iframe.video, .block-lg-10 iframe.video { width:100%;height:21.429em; }
    .block-lg-1 iframe.video, .block-lg-12 iframe.video, .block-lg-15 iframe.video, .block-lg-2 iframe.video, .block-lg-25 iframe.video, .block-lg-3 iframe.video, .block-lg-33 iframe.video, .block-lg-35 iframe.video, .block-lg-4 iframe.video { width:100%;height:14.286em; }
@media (max-width:62em){
    .grid-md-0{display:none;}
    .grid-md-1{display: grid; grid-gap: 1em; grid-template-columns: auto;}
    .grid-md-2{display: grid; grid-gap: 1em; grid-template-columns: auto auto;}
    .grid-md-3{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto;}
    .grid-md-4{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto;}
    .grid-md-5{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto;}
    .grid-md-6{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto auto;}
    .grid-md-7{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto auto auto;}
    .grid-md-8{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto auto auto auto;}
	.block-md-0{display:none}
	.block-md-1{width:8%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-md-12{width:10.5%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-md-15{width:13%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-md-2{width:18%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-md-25{width:23%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-md-3{width:28%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-md-33{width:31.3%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-md-35{width:33%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-md-4{width:38%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-md-5{width:48%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-md-6{width:58%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-md-66{width:64%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-md-7{width:68%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-md-75{width:73%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-md-8{width:78%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-md-9{width:88%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-md-10{width:98%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-md-10 iframe.video, .block-md-5 iframe.video, .block-md-6 iframe.video, .block-md-66 iframe.video, .block-md-7 iframe.video, .block-md-75 iframe.video, .block-md-8 iframe.video, .block-md-9 iframe.video, .block-md-10 iframe.video { width:100%;height:21.429em; }
    .block-md-1 iframe.video, .block-md-12 iframe.video, .block-md-15 iframe.video, .block-md-2 iframe.video, .block-md-25 iframe.video, .block-md-3 iframe.video, .block-md-33 iframe.video, .block-md-35 iframe.video, .block-md-4 iframe.video { width:100%;height:14.286em; }
}
@media (max-width:48em){
    .grid-sm-0{display:none;}
    .grid-sm-1{display: grid; grid-gap: 1em; grid-template-columns: auto;}
    .grid-sm-2{display: grid; grid-gap: 1em; grid-template-columns: auto auto;}
    .grid-sm-3{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto;}
    .grid-sm-4{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto;}
    .grid-sm-5{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto;}
    .grid-sm-6{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto auto;}
    .grid-sm-7{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto auto auto;}
    .grid-sm-8{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto auto auto auto;}
	.block-sm-0{display:none}
	.block-sm-1{width:8%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-sm-12{width:10.5%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-sm-15{width:13%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-sm-2{width:18%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-sm-25{width:23%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-sm-3{width:28%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-sm-33{width:31.3%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-sm-35{width:33%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-sm-4{width:38%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-sm-5{width:48%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-sm-6{width:58%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-sm-66{width:64%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-sm-7{width:68%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-sm-75{width:73%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-sm-8{width:78%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-sm-9{width:88%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-sm-10{width:98%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-sm-5 iframe.video, .block-sm-6 iframe.video, .block-sm-66 iframe.video, .block-sm-7 iframe.video, .block-sm-75 iframe.video, .block-sm-8 iframe.video, .block-sm-9 iframe.video, .block-sm-10 iframe.video { width:100%;height:21.429em; }
    .block-sm-1 iframe.video, .block-sm-12 iframe.video, .block-sm-15 iframe.video, .block-sm-2 iframe.video, .block-sm-25 iframe.video, .block-sm-3 iframe.video, .block-sm-33 iframe.video, .block-sm-35 iframe.video, .block-sm-4 iframe.video { width:100%;height:14.286em; }
}
@media (max-width:31em){
    .grid-xs-0{display:none;}
    .grid-xs-1{display: grid; grid-gap: 1em; grid-template-columns: auto;}
    .grid-xs-2{display: grid; grid-gap: 1em; grid-template-columns: auto auto;}
    .grid-xs-3{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto;}
    .grid-xs-4{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto;}
    .grid-xs-5{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto;}
    .grid-xs-6{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto auto;}
    .grid-xs-7{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto auto auto;}
    .grid-xs-8{display: grid; grid-gap: 1em; grid-template-columns: auto auto auto auto auto auto auto auto;}
	.block-xs-0{display:none}
	.block-xs-1{width:8%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-xs-12{width:10.5%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-xs-15{width:13%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-xs-2{width:18%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-xs-25{width:23%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-xs-3{width:28%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-xs-33{width:31.3%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-xs-35{width:33%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-xs-4{width:38%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-xs-5{width:48%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-xs-6{width:58%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-xs-66{width:64%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-xs-7{width:68%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-xs-75{width:73%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-xs-8{width:78%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-xs-9{width:88%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
	.block-xs-10{width:98%; margin: 0 1% 1em 1%;float:left;overflow:hidden;}
    .block-xs-5 iframe.video, .block-xs-6 iframe.video, .block-xs-66 iframe.video, .block-xs-7 iframe.video, .block-xs-75 iframe.video, .block-xs-8 iframe.video, .block-xs-9 iframe.video, .block-xs-10 iframe.video { width:100%;height:21.429em; }
    .block-xs-1 iframe.video, .block-xs-12 iframe.video, .block-xs-15 iframe.video, .block-xs-2 iframe.video, .block-xs-25 iframe.video, .block-xs-3 iframe.video, .block-xs-33 iframe.video, .block-xs-35 iframe.video, .block-xs-4 iframe.video { width:100%;height:14.286em; }
}