/* ------------------------------------ =reset -- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}
th {
text-align: left;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;

}
blockquote {
margin: 0 auto;
padding: 1em 10% 1em 10%;
font-size: .9em;
line-height: 1.3em;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  outline: none;
}

img {
  -ms-interpolation-mode: bicubic;
}

ins {
  background-color: #ffff99;
  color: black;
  text-decoration: none;
}

mark {
  background-color: #ffff99;
  color: black;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  word-wrap: break-word;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

input, select {
  vertical-align: middle;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

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;
}
.clear {
clear: both;
}
.labelnodisp {
display: none;
}

.breadcrumbs {
padding-top: 5px;
}


/* ------------------------------------ =basic -- */

html {
  font: 400 62.5%/1.5 "Lato", "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 20px;
  line-height: 2rem;
  color: #343434;
  background: #d4d1cf url("/rdcms-iasp/files/production/public/PageLayoutImages/bg-noise.jpg") repeat 0 0;
  overflow-x: hidden;
}

#header, .nav-main > .bounds, #main, #footer {
  max-width: 66em;
  margin: 0 auto;
  padding: 0 15px;
  padding: 0 1.5rem;
}


a {
  text-decoration: none;
  color: #006699;
  -webkit-transition: color 0.14s ease, background-color 0.14s ease;
  -moz-transition: color 0.14s ease, background-color 0.14s ease;
  -ms-transition: color 0.14s ease, background-color 0.14s ease;
  -o-transition: color 0.14s ease, background-color 0.14s ease;
  transition: color 0.14s ease, background-color 0.14s ease;
}
a:hover {
  color: #df7a1c;
}

.responsive-block {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.if-js {
  display: none;
}

.js .if-js {
  display: block;
}
 .spacey {
 margin-top: 2em;
 }
  .tight {
padding-top: 0;
 }

.more-tight {
padding-top: 0;
margin-top: -15px;
 }


@media all and (max-width: 63em) {

  .more-tight {
padding-top: 0;
margin-top: 0;
 }

}


/* ------------------------------------ =typography, =formatted -- */

.micro {
  font-size: 10px;
  font-size: 1rem;
}

.milli {
  font-size: 12.0px;
  font-size: 1.2rem;
}

.font-base {
  font-size: 15px;
  font-size: 1.5rem;
}

.kilo {
  font-size: 18px;
  font-size: 1.8rem;
}

.mega {
  font-size: 21.0px;
  font-size: 2.1rem;
}

.giga {
  font-size: 25px;
  font-size: 2.5rem;
}

.tera {
  font-size: 30px;
  font-size: 3rem;
}

.peta {
  font-size: 36px;
  font-size: 3.6rem;
}

.exa {
  font-size: 42.0px;
  font-size: 4.2rem;
}

.subtitle {
  padding-bottom: 20px;
  padding-bottom: 2rem;
  font-size: 21.0px;
  font-size: 2.1rem;
  line-height: 40px;
  line-height: 4rem;
  font-weight: 400;
  color: #006699;
}

.formatted {
  font-size: 15px;
  font-size: 1.5rem;
}
.formatted p, p {
  padding: 5px 0 5px 0;
  padding: 0.5rem 0 0.5rem 0;
}

.formatted p:last-child, .formatted ol:last-child, .formatted ul:last-child {
  padding-bottom: 0;
}

.formatted ol, .formatted ul {
  padding-left: 2em !important;
}

.interior-content .formatted ul li{
  list-style: outside disc;
}

.formatted h1, .formatted h2, .formatted h3, .formatted h4, .formatted h5, .formatted h6, h3, h4 {
  font-weight: 400;
  text-rendering: optimizeLegibility;
display: block;
}

.formatted h4, h5 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2.0rem;
 padding: 1em 0 0.5em 0;
  color: #669933;
}
h4, .landing-tabs h4 a {
  font-size: 18px;
  font-size: 1.8rem;
 padding: 0.8em 0 0.2em 0;
  color: #669933;
}
.formatted h3, h3 {
  font-size: 21.0px;
  font-size: 2.1rem;
    line-height: 20px;
  line-height: 2rem;
  color: #0099e6;
}
h3 {
padding-top: 1em;
}
.formatted h2 {
  font-size: 25px;
  font-size: 2.5rem;
  padding-top: 0.2em;
  color: #669933;
}
h6 {
  color: #669933;
}
.formatted h1 {
  font-size: 30px;
  font-size: 3rem;
  padding: 0.5em 0 0.5em 0;
}
.formatted p img {
/* float: left; */
/* margin: 0 1em 1em 0; */
/*  border: 2px solid #ddd; */
}
#GYAP img {
float: left;
margin: 0;
border: none;
}
#GYAP h3 {
clear: both;
}
.imgRight {
float: right;
margin: 0 0 1em 1em;
/* border: 2px solid #ddd; */
}
.thumbRight {
float: right;
margin: 0 0 1em 1em;
border: 2px solid #ccc;
width: 100px;
}
.thumb {
float: left;
margin: 0 1em 1em 0;
border: 2px solid #ddd;
width: 100px;
}
.bigthumb {
float: left;
margin: 0.5em 1em 1em 0;
border: 2px solid #ccc;
width: 178px;
}
.feature-image {
float: none;
margin:0 auto;
border: 2px solid #ccc;
max-width: 100%;
}
.center {
clear: both;
float: none;
text-align: center;
margin: 0 auto;
display: block;
}
.left {
clear: both;
float: left;
}
/* figure */
.interior-content figure {
float: left;
border: 1px solid #d1d1d1;
max-width: 100%;
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 1em;
}
.interior-content figure img {
float: none;
margin: 0 auto;
}
.gallery-image {
margin: 10px auto;
width: 220px;
height: 150px;
float: none;
text-align: center;
border: 1px solid #ccc;
}
.gallery-image img {
display: inline;
margin: 10px;
width: 200px;
height: 130px;
overflow: hidden;
/* border: 1px solid #ccc; */
}
.calendar-month ul {
width: 100%;
clear: both;
}

.calendar-month li {
text-align: center;
display: inline;
float: left;
margin: 0 auto;
width: 7%;
}
.calendar-month li .previous {
text-align: left;
display: inline;
float: left;
padding: 0 5px 0 0;
}
.calendar-month li .next {
text-align: right;
display: inline;
float: right;
padding: 0 0 0 5px;
}

td.monthheading {
font-size: 1.2em; padding: 0.8em 0; font-weight: bold; color: #dF5400;
}
td.monthnavlinks {
display: block; padding: 1em 0;
}
td.dayheading {
padding: 0.5em 0; background-color: #ccc; width: 80px; border: 1px solid #999;
}
td.datetoday {
padding: 0.3em; background-color: #f5b38b; height: 80px;  vertical-align: top;
}
td.datewithoutevent {
padding: 5px; border: 1px solid #999; background-color: #eee; height: 80px;  vertical-align: top;
}
td.datewithevent {
padding: 5px; border: 1px solid #999; font-size: 0.9em; background-color: #d7e4f1; height: 80px; vertical-align: top;
}
.event-filter {
float: left;
margin: 0;
padding: 1em 1em 0 0;
font-size: 12px;
}
form#data input.nobg {
background: none;
}

form#directory, form#data {
width: 100%;
font-size: 0.85em;
}
form#directory fieldset {
margin: 0;
padding: 0;
clear: both;
float: left;
}
form#data fieldset, form#data {
margin: 0;
padding: 0;
clear: both;
}
.form-field {
	width: 100%;
	clear: both;
	float: left;
	margin: 2px 0;
	display: block;
}

.required {
float: left;
width: 10px;
display: inline-block;
padding: 3px 2px 0 0;

}

form#data label {
float: left;
width: 100%;
display: inline-block;
padding: 8px 0 8px 0;
}
form#directory label {
float: left;
padding:0;
margin: 5px 0 5px 0;
}
form#data label.skinny {
float: left;
width: 20%;
display: inline-block;
}
legend {
padding: 1em 0 0 0;
}
form#data label.wide, form#data legend.wide {
width: 100%;
margin: 0;
padding: 1em 0 0 0;
}
form#directory label:hover {
cursor: pointer;
}
form#directory li {
padding: 12px 0 12px 0;
}
form#directory input,
form#directory textarea, form#directory select, form#data input, form#data textarea, form#data select, from#bcom select {
background: #ffffff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: italic 12px "Trebuchet MS", Trebuchet sans-serif;
font-weight: 500;
padding: 8px;
width: 98%;
border:0;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
-webkit-box-sizing:content-box;
display: block;
}
/*#searchresults span  {
background-color: ecebea;
float: left;
width: 30%;
display: inline;
padding: 0;
clear: both;
margin-right: 5%;
font-weight: 600;
}
#searchresults a {
float: left;
width: 65%;
}
#searchresults p {
padding: 1em 0 1em 0;
}*/

#searchresults dt {
    display: block;
    float: left;
    clear: left;
    width: 30%;
    font-weight: 700;
}
#searchresults dd {
    display: block;
    margin-left: 30%;
}

form#memberlogin input {
width: 200px;
}
.data {
padding: 8px 0 0 0;
display: inline-block;
position: relative;
}
.committees {
clear: both;
}
.committees li  {
display: inline;
float: left;
width: 50%;
margin: 0;
padding: 0;
}
form#random input  {
background: #ffffff;
-font: italic 12px "Trebuchet MS", Trebuchet sans-serif;
font-weight: 500;
padding: 8px;
width: 300px;
border:0;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
-webkit-box-sizing:content-box;
float: left;
display: inline;
margin-top: 15px;
}

form#data input[type=radio] {
float: left;
width: 2%;

clear: both;
background: none;
}
form#data label.radio {
float: left;

width: 96%;
position: relative;
clear: none;
padding: 0;
}
form#data label.checkbox {
float: left;
display: inline;
width: auto;
position: relative;
clear: none;
padding: 0;
}
form#data input[type=checkbox] {
float: left;
width: auto;
clear: both;
background: none;
}
form#data input[type=submit], form#memberlogin input[type=submit], form#directory input[type=submit], form#bcom input[type=submit] {
white-space: nowrap;
position:relative;
outline: none;
overflow: visible; /* removes extra side padding in IE */
cursor: pointer;
text-align: center;
background-color: #DF7B1D;
margin: 15px 15px 15px 0;
font-size: 0.95em;
width: 100px;
color: #fff;
font-style: normal;
font-weight: 600;
display: block;
}
form#data input[type=submit]:hover, form#bcom input[type=submit]:hover  {
background-color: #e58730;
}
form#directory .full, form#data .full {
background: #ffffff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: italic 12px "Trebuchet MS", Trebuchet sans-serif;
font-weight: 500;
padding: 8px;
width: 95%;
border:0;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
-webkit-box-sizing:content-box;
float: left;
display: inline;
}
form#myaccount h5, form#copyright h5 {
  font-size: 18px;
  font-size: 1.8rem;
 padding: 1em 0 0.5em 0;
  color: #669933;
  clear: both;
}
.select-box select {
background: #ffffff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: italic 12px "Trebuchet MS", Trebuchet sans-serif;
font-weight: 500;
padding: 8px;
width: 25%;
border:0;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
-webkit-box-sizing:content-box;
float: left;
display: inline;
}
#search-results {
clear: both;
padding-top: 1em;
}
#search-results li {
border-bottom: 1px solid #ddd;
padding: 0 0 1em 0;
}
#search-results h4 {
padding: 0;
margin: 0;
font-size: 1.2em;
}
.paging {
float: left;
}
.rdcms-pagingcontrols-summary {
display: none;
}
#countries {
padding: 2em 0 2em 0;
clear: both;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
	column-fill: balance;

}
#countries > li {
	display: inline-block;
	width: 100%;
	padding: 2px 0 2px 0;
	margin: 0;
	vertical-align: top;
}

.lt-ie10 #countries li  {
display: block;
float: left;
width: 50%;
margin: 0;
padding: 0;
}
.video-wrapper {
width: 48%;
max-width: 420px;
float: left;
margin: 2em 2% 0 0;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;

}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.products {
width: 100%;
margin: 0 auto;
padding-top: 20px;
}
.products li {
width: 100%;
margin: 0 auto;
float: left;

}
.products img {
float: left;
margin-right: 10px;
/* border: 2px solid #ccc; */
max-width: 100px;
}


@media all and (min-width: 45em) {
  .subtitle {
    font-size: 25px;
    font-size: 2.5rem;
}
.gallery-image {
margin: 10px;
float: left;
}
/* figure */
.interior-content figure {
float: left;
}
.video-wrapper {
width: 100%;
float: none;
margin: 0 auto;
padding: 2em 0 2em 0;
clear: both;
}
form#directory label, form#data label {
width: 40%;
display: inline;
}

form#data label[type=radio] {
float: left;
width: 20px;
display: inline;
clear: both;
background: none;
}
form#data label[type=radio] {
float: left;
display: inline;
width: 20%;
position: relative;
clear: none;
padding: 0;
}
form#directory input,
form#directory textarea, form#directory select {
width: 55%;
float: left;
display: inline;
}

form#data input, form#data textarea, form#data select {
width: 55%;
float: right;
display: inline-block;
}

form#data .field-left input, form#data .field-left textarea, form#data .field-left select {
width: 65%;
float: left;
display: inline-block;
}


form#data #RDCMSField_Captcha{
	float: left;
	clear: both;
}

#form-buttons {
	clear: both;
	display: block;
	float: left;
}



#main {
min-height: 400px;

}
}


/* ------------------------------------ =grids -- */

.grid {
  display: block;
  padding: 0;
  margin-right: -30px;
  margin-right: -3rem;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  text-rendering: optimizespeed;
}

.grid-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -moz-inline-box;
  display: inline-block;
  width: 100%;
  padding: 0 30px 20px 0;
  padding: 0 3rem 2rem 0;
  margin: 0;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
}
.lt-ie8 .grid-item {
  behavior: url("/rdcms-iasp/files/production/public/scripts/boxsizing.htc");
}
.lt-ie8 .grid-item {
  display: inline;
  zoom: 1;
}


@media all and (min-width: 45em) {
  .grid-1-3-m {
    width: 33.3%;
  }
}


/* ------------------------------------ =common -- */

.more {
  color: #0099e6;
display: inline;
}
.more:after, .more-right:after {
  content: "\003e";
  display: inline-block;
  vertical-align: top;
  color: #0099e6;
  -webkit-transform: scaleY(3);
  -moz-transform: scaleY(3);
  -ms-transform: scaleY(3);
  -o-transform: scaleY(3);
  transform: scaleY(3);
  margin-left: 0.75em;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.responsive-block {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.content-box {
  background: #dddddd;
  padding: 20px 15px;
  padding: 2rem 1.5rem;
  margin-top: 20px;
}
.content-box-blue {
  background: #108bc7;
  padding: 20px 15px;
  padding: 2rem 1.5rem;
  color: #fff;
  padding: 12px;
  font-size: 14px;
}
.content-box-blue h3 {
 color: #ededec;
 font-size: 1.8rem;
 margin: -2rem 0 .5rem;
}
.plain-box {
margin-top: 20px;
}
.center {
text-align: center;
}
.content-box-blue a {
color: #000;

}
.content-box-blue .more:after, .landing-tabs-content .more:after {
color: #ffffff;
vertical-align: top;
}
.nobullet  {
list-style: none;
}

div.hr {
  height: 1px;
  background: #fff center;
  margin: 10px;

}
div.hr hr {
  display: none;
}

.content-box > h3:first-child {
  margin: -20px -15px 15px;
  margin: -2rem -1.5rem 1.5rem;
  padding: 10px 15px;
  padding: 1rem 1.5rem;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  background: rgba(237, 237, 236, 0.5);
}
.plain-box h3 {
  padding: 10px 15px;
  padding: 1rem 1.5rem;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  background: rgba(237, 237, 236, 0.5);
}
.content-box.color-c .formatted h3{
  margin: -20px -15px 20px;
  margin: -2rem -1.5rem 2rem;
  padding: 10px 15px;
  padding: 1rem 1.5rem;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  background: rgba(237, 237, 236, 0.5);

}
.content-box.color-a > h3:first-child {
  color: #ededec;
  background: #0088cc;
}

.content-box.color-a.border {
  color: #343434;
  border: #0088cc solid 2px;
}

.content-box.color-a.border h3 {
  color: #ededec;
  background: #0088cc;
}

.content-box.border > .content.center {
	text-align: center;
}


.plain-box.color-a h3 {
  color: #ededec;
  background: #0088cc;
}
.content-box.color-b > h3:first-child, .plain-box.color-b h3 {
  color: #ededec;
  background: #669933;
}
.content-box.color-c > h3:first-child, .content-box.color-c .formatted h3, .plain-box.color-c h3 {
  color: #ededec;
  background: #df7a1c;
}

.content-box.color-e > h3:first-child, .content-box.color-c .formatted h3, .plain-box.color-c h3 {
  color: #ededec;
  background: #006699;
}

.content-box .more, .plain-box .more {
  display: block;
  clear: both;
  margin-top: 5px;
  margin-top: 0.5rem;

}
.more-right {
display: inline;
float: right;
margin-left: 1em;
margin-top: 10px;
margin-top: 1rem;
color: #6cceff;
}
.link-list > li + li {
  padding-top: 20px;
  padding-top: 2rem;
}
.link-list a {
  color: #343434;
}
.link-list a:before {
  content: "- ";
}
.link-list a:hover {
  color: #0099e6;
}

.icon {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  color: transparent;
  text-decoration: none;
  overflow: hidden;
  text-indent: 200%;
  text-overflow: nowrap;
}
.lt-ie8 .icon {
  display: inline;
  zoom: 1;
}

.icon-search {
  width: 22px;
  height: 22px;
  background: url("/rdcms-iasp/files/production/public/PageLayoutImages/icon-search.png") no-repeat 50% 50%;
}
.icon-search:hover, .icon-search.toggle-active, .toggle-active .icon-search, a:hover .icon-search {
  background-image: url("/rdcms-iasp/files/production/public/PageLayoutImages/icon-search-on.png");
}

.icon-social {
  width: 25px;
  height: 25px;
  background: url("/rdcms-iasp/files/production/public/PageLayoutImages/icons-social.png") no-repeat 0 0;
}

.icon-tw {
  background-position: 0 0;
}

.icon-fb {
  background-position: -50px 0;
}

.icon-li {
  background-position: -100px 0;
}

.icon-yt {
  background-position: -150px 0;
}


@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .icon-search {
    background-image: url("/rdcms-iasp/files/production/public/PageLayoutImages/icon-search@2x.png");
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    background-size: 22px 22px;
  }
  .icon-search:hover, .icon-search.toggle-active, .toggle-active .icon-search, a:hover .icon-search {
    background-image: url("/rdcms-iasp/files/production/public/PageLayoutImages/icon-search-on@2x.png");

  }

}


.date-list > li + li {
  padding-top: 20px;
  padding-top: 2rem;
}
.date-list .date {
  width: 2.5em;
  float: left;
  padding-right: 1em;
  text-align: center;
}
.date-list .m {
  display: block;
  color: rgba(108, 206, 255, 0.5);
}
.date-list .d {
  display: block;
  font-size: 30px;
  font-size: 3rem;
  line-height: 40px;
  line-height: 4rem;
  color: #6cceff;
  font-weight: 300;
}
.date-list .content {
  margin-left: 3.5em;
}
.date-list .description {
  font-style: italic;
  color: rgba(237, 237, 236, 0.5);
}
.question {
font-style: italic;
color: #df7a1c;
font-size: 1.1em;
}


/* ------------------------------------ =header and =nav -- */

#header {
  position: relative;
  z-index: 30;
}

#logo {
  max-width: 284px;
  padding: 20px 0;
  padding: 2rem 0;
}

#logo a, #logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
#logo.larger {
  max-width: 240px;
  margin: 0 auto;
}
#mobile-menu {
  max-height: 0;
  overflow: hidden;
  margin: 0 -15px;
  margin: 0 -1.5rem;
  -webkit-transition: max-height 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}
#mobile-menu.toggle-active {
  max-height: 75em;
  -webkit-transition: max-height 0.24s ease-out;
  -moz-transition: max-height 0.24s ease-out;
  -ms-transition: max-height 0.24s ease-out;
  -o-transition: max-height 0.24s ease-out;
  transition: max-height 0.24s ease-out;
}

.js .mobile-menu-section, .js .nav-main {
  display: none;
}

#mobile-menu .mobile-menu-section, #mobile-menu .nav-main {
  display: block;
}
#mobile-menu .header-utility {
  padding: 20px 15px;
  padding: 2rem 1.5rem;
}
#mobile-menu .header-login {
  padding: 0 15px 20px;
  padding: 0 1.5rem 2rem;
}

#header-menu-toggle {
  margin: 0 -15px;
  margin: 0 -1.5rem;
  padding: 0 15px;
  padding: 0 1.5rem;
  line-height: 40px;
  line-height: 4rem;
  text-align: center;
  color: rgba(0, 102, 153, 0.6);
  background-color: #ededec;
}
#header-menu-toggle > span:before {
  content: "Show ";
}
#header-menu-toggle:before, #header-menu-toggle:after {
  content: "\003e";
  display: inline-block;
  vertical-align: middle;
  color: transparent;
  color: rgba(0, 102, 153, 0.5);
  -webkit-transform: rotate(90deg) scaleY(3);
  -moz-transform: rotate(90deg) scaleY(3);
  -ms-transform: rotate(90deg) scaleY(3);
  -o-transform: rotate(90deg) scaleY(3);
  transform: rotate(90deg) scaleY(3);
}
#header-menu-toggle:hover {
  color: #ededec;
  background-color: #0099e6;
}
#header-menu-toggle:hover:before, #header-menu-toggle:hover:after {
  color: rgba(237, 237, 236, 0.9);
}
#header-menu-toggle:before {
  margin-right: 2em;
}
#header-menu-toggle:after {
  margin-left: 2em;
}
#header-menu-toggle.toggle-active > span:before {
  content: "Hide ";
}
#header-menu-toggle.toggle-active:before, #header-menu-toggle.toggle-active:after {
  content: "\003c";
}

.header-utility {
  text-align: center;
  padding: 20px 0;
  padding: 2rem 0;

}
.header-utility li {
  display: -moz-inline-box;
  display: inline-block;
}
.lt-ie8 .header-utility li {
  display: inline;
  zoom: 1;
}
.header-utility a {
  display: block;
  padding: 0 0.75em;
  font-weight: 400;
}
 .header-utility .header-utility-login {
  display: none;
}

.header-login {
  max-width: 26em;
  margin: 0 auto;
}
.header-login .recover {
  display: block;
  font-size: 12.0px;
  font-size: 1.2rem;
  line-height: 30px;
  line-height: 3rem;
  float: left;
}

.text-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 30px;
  height: 3rem;
  line-height: 30px;
  line-height: 3rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  padding: 0 0.75em;
  border: 1px solid gray;
  background: #ededec;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.lt-ie8 .text-input {
  behavior: url("/rdcms-iasp/files/production/public/scripts/boxsizing.htc");
}
.text-input:focus, .text-input:active {
  border-color: #0099e6;
  background: #fafafa;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
  outline: none;
}

.hl-user, .hl-pass {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.hl-user {
  margin-top: 10px;
  margin-top: 1rem;
}

.form-button {
  display: block;
  -webkit-appearance: none;
  min-width: 5em;
  height: 30px;
  height: 3rem;
  line-height: 30px;
  line-height: 3rem;
  padding: 0 0.75em;
  border: none;
  color: #ededec;
  background: #006699;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.form-button:hover, .form-button:focus {
  background: #0099e6;
}

.hl-submit {
  float: right;
}

.nav-main {
  background-color: #ededec;
  position: relative;
  z-index: 20;
}
.nav-main > .bounds > ul {
  margin: 0 -15px;
  margin: 0 -1.5rem;
}
.nav-main > .bounds > ul > li {
  border-top: 1px solid #aaaaaa;
  position: relative;
}
.nav-main > .bounds > ul > li:first-child {
  border-top: none;
}
.nav-main > .bounds > ul > .nav-main-search {
  padding: 5px 15px;
  padding: 0.5rem 1.5rem;
  border-top: none;
}
.nav-main > .bounds > ul > .nav-main-search .toggle {
  display: none;
}
.nav-main .level-1 {
  display: block;
  position: relative;
}
.nav-main .level-1 > a {
  display: block;
  padding: 0 15px;
  padding: 0 1.5rem;
  line-height: 35px;
  line-height: 3.5rem;
}
.nav-main .level-1 > a:hover {
  color: #ededec;
  background-color: #0099e6;
}
.nav-main .level-1 .current {
  color: #df7a1c;
}

.nav-main li ul {
  display: none;
}

.nav-main-search-form {
  width: 100%;
}
.nav-main-search-form .input-wrapper {
  margin-right: 4.75em;
}
.nav-main-search-form .form-button {
  float: right;
  margin-top: -40px;
  margin-top: -4rem;
}

#feature-image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}


@media all and (min-width: 30em) {
  #logo.larger {
    margin: 0;
  }
  #header-menu-toggle {
    float: right;
    margin: 20px 0 0;
    margin: 2rem 0 0;
  }
  #header-menu-toggle:before {
    display: none;
  }
  #header-menu-toggle:after {
    margin-left: 1em;
  }
  .feature-image {
    float: right;
    margin:0 0 1em 1em;
    max-width: 50%;
  }
}

@media all and (min-width: 45em) {
  .js .mobile-menu-section, .js .nav-main {
    display: block;
  }

  #mobile-menu, #header-menu-toggle {
    display: none;
  }

  #logo {
    width: 33.3%;
    float: left;
    height: auto;
    padding: 10px 15px;
    padding: 1rem 1.5rem;
    margin: 5px 0;
    background: #ededec;
    background: rgba(255, 255, 255, 0.8);
  }

  #logo.larger {
	width: 270px;
    max-width: none;
    height: 88px;
    margin: 5px 0;
	overflow: visible !important;
  }
  #logo.larger img {
    width: 270px;
    height: 98px;
    max-height: none;
	overflow: visible !important;  }


   #logo-wip {
    width: 33.3%;
    float: left;
    height: auto;
    padding: 10px 15px;
    padding: 1rem 1.5rem;
    margin: 5px 0;
    background: #ededec;
    background: rgba(255, 255, 255, 0.6);
  }

  #logo-wip.larger-wip {
	width: 270px;
    max-width: none;
    height: 88px;
    margin: 5px 0;
	overflow: visible !important;
  }
  #logo-wip.larger-wip img {
	width: 270px;
    height: 98px;
    max-height: none;
	overflow: visible !important;
  }




  #logo.wip img {
    max-height: 86px;
  }

  .header-utility {
    float: right;
    text-align: right;
    padding: 0 15px;
    padding: 0 1.5rem;
    margin-top: 20px;
    margin-top: 2rem;
    line-height: 40px;
    line-height: 4rem;
    font-size: 12.0px;
    font-size: 1.2rem;
    background-color: #ededec;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .header-utility .header-utility-login {
    display: -moz-inline-box;
    display: inline-block;
  }
  .lt-ie8 .header-utility .header-utility-login {
    display: inline;
    zoom: 1;
  }
  .header-utility .header-utility-login > a {
    display: block;
    line-height: 30px;
    line-height: 3rem;
    color: #ededec;
    background-color: #006699;
  }
  .header-utility .header-utility-login > a:hover, .header-utility .header-utility-login > a.toggle-active {
    background-color: #0099e6;
  }

  .header-login {
    width: 20em;
    position: absolute;
    top: 60px;
    top: 6rem;
    right: 15px;
    right: 1.5rem;
    padding: 20px 15px;
    padding: 2rem 1.5rem;
    background: #ededec;
    background: rgba(255, 255, 255, 0.9);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s ease, top 0.2s ease;
    -moz-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s ease, top 0.2s ease;
    -ms-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s ease, top 0.2s ease;
    -o-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s ease, top 0.2s ease;
    transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s ease, top 0.2s ease;
  }
  .header-login:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0.75em solid transparent;
    border-bottom-color: #ededec;
    border-bottom-color: rgba(255, 255, 255, 0.9);
    border-top-width: 0;
    position: absolute;
    right: 3.25em;
    bottom: 100%;
  }
  .header-login.toggle-active {
    top: 80px;
    top: 8rem;
    visibility: visible;
    opacity: 1;
    z-index: 21;
    -webkit-transition: opacity 0.2s ease, top 0.2s ease;
    -moz-transition: opacity 0.2s ease, top 0.2s ease;
    -ms-transition: opacity 0.2s ease, top 0.2s ease;
    -o-transition: opacity 0.2s ease, top 0.2s ease;
    transition: opacity 0.2s ease, top 0.2s ease;
  }
  .header-login .title > span {
    display: none;
  }

  .hl-user {
    margin-top: 0;
  }

  .nav-main {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .nav-main > .bounds > ul {
    display: table;
    width: 100%;
    margin: 0;
  }
  .nav-main > .bounds > ul > li {
    display: table-cell;
    height: 50px;
    height: 5rem;
    vertical-align: middle;
    text-align: center;
    border-top: none;
    position: relative;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
  }
  .nav-main > .bounds > ul > li:hover {
    background-color: #0099e6;
  }
  .nav-main > .bounds > ul > li:hover > .level-1 > a {
    color: #ededec;
  }
  .nav-main > .bounds > ul > .nav-main-search:hover {
    background-color: transparent;
  }
  .nav-main > .bounds > ul > .nav-main-search .toggle {
    display: block;
  }
  .nav-main .level-1 > a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    color: #343434;
  }
  .nav-main .level-1 > a:hover {
    background-color: transparent;
  }
  .nav-main li ul {
    display: block;
    width: 16em;
    position: absolute;
    left: 0;
    top: 100%;
    padding-top: 0;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 0.2s ease, padding 0.2s ease, visibility 0s linear 0.2s, z-index 0s linear 0.2s;
    -moz-transition: opacity 0.2s ease, padding 0.2s ease, visibility 0s linear 0.2s, z-index 0s linear 0.2s;
    -ms-transition: opacity 0.2s ease, padding 0.2s ease, visibility 0s linear 0.2s, z-index 0s linear 0.2s;
    -o-transition: opacity 0.2s ease, padding 0.2s ease, visibility 0s linear 0.2s, z-index 0s linear 0.2s;
    transition: opacity 0.2s ease, padding 0.2s ease, visibility 0s linear 0.2s, z-index 0s linear 0.2s;
  }
  .nav-main li ul > li {
    position: relative;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .nav-main li ul > li:first-child:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0.75em solid transparent;
    border-bottom-color: white;
    border-bottom-color: rgba(255, 255, 255, 0.9);
    border-top-width: 0;
    position: absolute;
    left: 25%;
    bottom: 100%;
    margin-left: -0.75em;
  }
  .nav-main li ul a {
    display: block;
    padding: 10px 15px;
    padding: 1rem 1.5rem;
    background: white;
    background: rgba(255, 255, 255, 0.92);
  }
  .nav-main li ul a:hover {
    color: #ededec;
    background-color: #0099e6;
  }
  .nav-main li:hover ul {
    padding-top: 20px;
    padding-top: 2rem;
    visibility: visible;
    opacity: 1;
    z-index: 30;
    -webkit-transition: opacity 0.2s ease, padding 0.2s ease;
    -moz-transition: opacity 0.2s ease, padding 0.2s ease;
    -ms-transition: opacity 0.2s ease, padding 0.2s ease;
    -o-transition: opacity 0.2s ease, padding 0.2s ease;
    transition: opacity 0.2s ease, padding 0.2s ease;
  }
  .nav-main li:nth-last-child(2) ul {
    left: auto;
    right: 0;
  }
  .nav-main li:nth-last-child(2) ul > li:first-child:before {
    left: auto;
    right: 25%;
  }

  .nav-main-search-form {
    width: 20em;
    padding: 20px 15px;
    padding: 2rem 1.5rem;
    position: absolute;
    right: 0;
    top: 50px;
    top: 5rem;
    background: #ededec;
    background: rgba(255, 255, 255, 0.9);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s ease, top 0.2s ease;
    -moz-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s ease, top 0.2s ease;
    -ms-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s ease, top 0.2s ease;
    -o-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s ease, top 0.2s ease;
    transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s ease, top 0.2s ease;
  }
  .nav-main-search-form:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0.75em solid transparent;
    border-bottom-color: #ededec;
    border-bottom-color: rgba(255, 255, 255, 0.9);
    border-top-width: 0;
    position: absolute;
    right: 2em;
    bottom: 100%;
  }
  .nav-main-search-form.toggle-active {
    top: 70px;
    top: 7rem;
    visibility: visible;
    opacity: 1;
    z-index: 10;
    -webkit-transition: opacity 0.2s ease, top 0.2s ease;
    -moz-transition: opacity 0.2s ease, top 0.2s ease;
    -ms-transition: opacity 0.2s ease, top 0.2s ease;
    -o-transition: opacity 0.2s ease, top 0.2s ease;
    transition: opacity 0.2s ease, top 0.2s ease;
  }
  .nav-main-search-form .text-input {
    margin-bottom: 0;
  }
  .nav-main-search-form .form-button {
    margin-top: -30px;
    margin-top: -3rem;
  }
#countries {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-fill: balance;
	-moz-column-fill: balance;
	column-fill: balance;
}
.lt-ie10 #countries li  {
width: 25%;
vertical-align: text-top;
}
}


/* ------------------------------------ =general -- */

#main {
  clear: both;
  padding-top: 20px;
  padding-top: 2rem;
    padding-bottom: 20px;
  padding-bottom: 2rem;
  background: #fafafa;
  background: rgba(250, 250, 250, 0.7);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  position: relative;
}
#main > div, #main > article, #main > section {
  margin-bottom: 20px;
  margin-bottom: 2rem;

}

@media all and (max-width: 63em) {

 .GYVideo iframe {
	width: 280px;
	height: 210px;
  }

  }

@media all and (min-width: 63em) {
  #home-feature-container + #main {
    padding-top: 40px;
    padding-top: 4rem;
    position: relative;
    top: -20px;
    top: -2rem;
    z-index: 15;
  }
  #home-feature-container + #main + #footer {
    position: relative;
    top: -20px;
    top: -2rem;
  }

  .GYVideo iframe {
	width: 350px;
	height: 263px;
  }


}



/* ------------------------------------ =home -- */

#home-feature-container {
  display: none;
}

.home-ctas .cta {
  display: block;
  height: 50px;
  height: 5rem;
  line-height: 50px;
  line-height: 5rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  font-size: 18px;
  font-size: 1.8rem;
  color: #ededec;
  text-align: center;
  background-color: #aaaaaa;

}
.home-ctas .cta:hover {
  background-color: #b7b7b7;
}
.home-ctas .join {
  height: 60px;
  height: 6rem;
  line-height: 60px;
  line-height: 6rem;
  font-size: 25px;
  font-size: 2.5rem;
  background: #df7a1c url("/rdcms-iasp/files/production/public/PageLayoutImages/bg-globe-small-15.png") no-repeat 100% 70%;
}
.home-ctas .join:hover {
  background-color: #e58730;
}
.home-ctas .journal {
  background-color: #006699;
}
.home-ctas .journal:hover {
  background-color: #0077b3;
}

.sig-dropdown-container, .dropdown {
  position: relative;


}
.sig-dropdown-container > ul, .dropdown > ul {
  max-height: 0;
  overflow: hidden;
  position: relative;
  top: -20px;
  top: -2rem;
  background: #dddddd;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;

}
.sig-dropdown-container > ul.toggle-active, .dropdown > ul.toggle-active {
  max-height: 50em;
    -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  z-index: 99;
}
.sig-dropdown-container > ul a, .dropdown > ul a {
  display: block;
  padding: 0 15px;
  padding: 0 1.5rem;

}
.sig-dropdown-container > ul a:hover, .dropdown > ul a:hover {
  color: #ededec;
  background: #0099e6;
}

.home-iasp-today  {
  margin-left: -15px;
  margin-left: -1.5rem;
  margin-right: -15px;
  margin-right: -1.5rem;
  padding: 0 15px 20px;
  padding: 0 1.5rem 2rem;
  color: #ededec;
  background: #06212e url("/rdcms-iasp/files/production/public/PageLayoutImages/bg-globe-large-6.png") no-repeat 100% 100%;
}
.landing-tabs  {
  padding: 10px 15px;
  padding: 1rem 1.5rem;
  color: #ededec;
  background: #06212e url("/rdcms-iasp/files/production/public/PageLayoutImages/bg-globe-large-6.png") no-repeat 100% 100%;
  margin-top: 1em;
}
.home-iasp-today a, .landing-tabs a {
  color: #ededec;
}
.home-iasp-today a:hover, .landing-tabs a:hover {
  color: #6cceff;
}
.home-iasp-today > h3 {
  font-size: 25px;
  font-size: 2.5rem;
  margin: 0 -15px 20px -15px;
  margin: 0 -1.5rem 2rem -15px;
  font-weight: 400;
  text-align: center;
  color: #86c546;
  background: rgba(237, 237, 236, 0.2);
  padding-bottom: 1em;
}
.home-iasp-today .tabs-pane, .landing-tabs .tabs-pane {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.home-iasp-today .tabs-pane.toggle-active, .landing-tabs .tabs-pane.toggle-active {
  max-height: 50em;
  padding: 20px 0;
  padding: 2rem 0;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.home-iasp-today .tabs-nav {
  display: block;
  line-height: 40px;
  line-height: 4rem;
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
}
.landing-tabs .tabs-nav {
  display: block;
  line-height: 40px;
  line-height: 4rem;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
}
.home-iasp-today .tabs-nav:after, .landing-tabs .tabs-nav:after {
  content: "\003e";
  display: block;
  color: transparent;
  color: rgba(237, 237, 236, 0.8);
  -webkit-transform: scaleY(3);
  -moz-transform: scaleY(3);
  -ms-transform: scaleY(3);
  -o-transform: scaleY(3);
  transform: scaleY(3);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1.25em;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.home-iasp-today .tabs-nav.toggle-active, .landing-tabs .tabs-nav.toggle-active {
  color: #6cceff;
}
.home-iasp-today .tabs-nav.toggle-active:after, .landing-tabs .tabs-nav.toggle-active:after {
  -webkit-transform: rotate(90deg) scaleY(3);
  -moz-transform: rotate(90deg) scaleY(3);
  -ms-transform: rotate(90deg) scaleY(3);
  -o-transform: rotate(90deg) scaleY(3);
  transform: rotate(90deg) scaleY(3);
}
.home-iasp-today .more, .landing-tabs .more  {
  display: inline;
  float: left;
  margin: 20px 1em 0 0;
  margin: 2rem 1em 0 0;
  color: #6cceff;
}

.home-tabs-image {
  clear: both;
  padding-top: 20px;
  padding-top: 2rem;
}
.home-tabs-image > img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  border: 1px solid gray;
  border-color: rgba(237, 237, 236, 0.5);
}

.home-misc .subtitle {
  text-align: center;
}


@media all and (min-width: 45em) {
  #home-feature-container {
    display: block;
  }

  #home-feature {
    clear: both;
    position: relative;
  }
  #home-feature .tabs-pane {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
  }
  #home-feature .tabs-pane > img {
    display: block;
    width: 100%;
    min-width: 900px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  #home-feature .tabs-pane:first-child > img {
    position: relative;
  }
  #home-feature .description {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 11;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.7s, opacity 0.7s ease;
    -moz-transition: visibility 0s linear 0.7s, opacity 0.7s ease;
    -ms-transition: visibility 0s linear 0.7s, opacity 0.7s ease;
    -o-transition: visibility 0s linear 0.7s, opacity 0.7s ease;
    transition: visibility 0s linear 0.7s, opacity 0.7s ease;
    color: black;
  }
  #home-feature .description > .bounds {
    padding: 20px 15px;
    padding: 2rem 1.5rem;
    background: #ededec;
    background: rgba(255, 255, 255, 0.8);
  }
  #home-feature .description h2 {
    padding-bottom: 10px;
    padding-bottom: 1rem;
    line-height: 40px;
    line-height: 4rem;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;
  }
  #home-feature .arrow {
    display: none;
  }
  #home-feature.enabled {
    top: -177px;
    top: -17.7rem;
    margin-bottom: -177px;
    margin-bottom: -17.7rem;
  }
  #home-feature.enabled .tabs-pane {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
  }
  #home-feature.enabled .tabs-pane:first-child {
    position: relative;
  }
  #home-feature.enabled .tabs-pane > img {
    left: 100%;
    top: 0;
    bottom: 0;
  }
  #home-feature.enabled .tabs-pane.active > img {
    left: 0;
    z-index: 10;
  }
  #home-feature.enabled .tabs-pane.active .description {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.7s ease;
    -moz-transition: opacity 0.7s ease;
    -ms-transition: opacity 0.7s ease;
    -o-transition: opacity 0.7s ease;
    transition: opacity 0.7s ease;
  }
  #home-feature.enabled .tabs-pane.prev > img {
    left: -100%;
  }
  #home-feature.enabled .tabs-pane.next > img {
    left: 100%;
    z-index: 5;
  }

  .home-welcome, .home-ctas {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }
  .lt-ie8 .home-welcome, .lt-ie8 .home-ctas {
    behavior: url("/rdcms-iasp/files/production/public/scripts/boxsizing.htc");
  }

  .home-welcome {
    padding-right: 15px;
    padding-right: 1.5rem;
    float: left;
  }

  .home-ctas {
    padding-left: 15px;
    padding-left: 1.5rem;
    float: right;
  }
  .home-ctas .sigs:after, .items:after {
    content: url('/rdcms-iasp/files/production/public/PageLayoutImages/arrow-down.png');
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3em;
  }

  .sig-dropdown-container > ul, .dropdown > ul {
    width: 100%;
    position: absolute;
    top: 100%;
    background: rgba(255, 255, 255, 0.94);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }

  .home-iasp-today, .landing-tabs {
    clear: both;
    padding-bottom: 40px;
    padding-bottom: 4rem;
    position: relative;
  }

  .home-iasp-today > h3 {
    margin-bottom: 80px;
    margin-bottom: 8rem;
  }
  .home-iasp-today .tabs-pane, .landing-tabs .tabs-pane {
    display: none;
    overflow: visible;
    max-height: 90em;
    padding: 20px 0;
    padding: 2rem 0;
  }
  .home-iasp-today .tabs-pane.toggle-active, .landing-tabs .tabs-pane.toggle-active {
    max-height: 90em;
  }
  .home-iasp-today .tabs-pane.active,  .landing-tabs .tabs-pane.active {
    display: block;
  }
  .home-iasp-today .tabs-nav {
    width: 25%;
    position: absolute;
    top: 80px;
    top: 8rem;
    left: 0;
    text-align: center;
  }
  .landing-tabs .tabs-nav {
    width: 25%;
    position: absolute;
    top: 20px;
    top: 2rem;
    left: 0;
    text-align: center;
  }
  .home-iasp-today .tabs-nav > span, .landing-tabs .tabs-nav > span {
    display: -moz-inline-box;
    display: inline-block;
    line-height: 20px;
    line-height: 2rem;
    padding: 10px;
    padding: 1rem;
    color: #ededec;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .lt-ie8 .home-iasp-today .tabs-nav > span, .lt-ie8 .landing-tabs .tabs-nav > span {
    display: inline;
    zoom: 1;
  }
  .home-iasp-today .tabs-nav:after, .landing-tabs .tabs-nav:after {
    display: none;
  }
  .home-iasp-today .tabs-nav.toggle-active, .landing-tabs .tabs-nav.toggle-active {
    color: #ededec;
  }
  .home-iasp-today .tabs-nav.active > span, .landing-tabs .tabs-nav.active > span {
    color: #6cceff;
    background: #ededec;
    background: rgba(237, 237, 236, 0.3);
  }
  .home-iasp-today .tabs-nav.active > span:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0.75em solid transparent;
    border-top-color: #ededec;
    border-top-color: rgba(237, 237, 236, 0.3);
    border-bottom-width: 0;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -0.75em;
  }
.landing-tabs .tabs-nav.active > span:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0.75em solid transparent;
    border-top-color: #ededec;
    border-top-color: rgba(237, 237, 236, 0.3);
    border-bottom-width: 0;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -0.75em;
  }
  .home-iasp-today .tabs-nav.tab-2, .landing-tabs .tabs-nav.tab-2 {
    left: 25%;
  }
  .home-iasp-today .tabs-nav.tab-3,  .landing-tabs .tabs-nav.tab-3 {
    left: 50%;
  }
  .home-iasp-today .tabs-nav.tab-4,  .landing-tabs .tabs-nav.tab-4 {
    left: 75%;
  }

  .home-tabs-content, .home-tabs-image {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }
  .home-tabs-content h4 {
  font-size: 1.4em;
  padding: 0;
  }
.landing-tabs-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
	margin-top: 5em;
  }
  .landing-tabs-content h4 {
  color: #789948;
  margin: 0;
  padding: 0;
  }
  .lt-ie8 .home-tabs-content, .lt-ie8 .home-tabs-image {
    behavior: url("/rdcms-iasp/files/production/public/scripts/boxsizing.htc");
  }

  .home-tabs-content {
    float: left;
    padding-right: 15px;
    padding-right: 1.5rem;
  }

  .home-tabs-image {
    padding-top: 0;
    clear: right;
    float: right;
    padding-left: 15px;
    padding-left: 1.5rem;
  }

.interior-content .products li {
width: 48%;
margin: 0 2% 2% 0;
float: left;
}
.interior-content .products li:nth-child(odd) {
clear: left;

}
}


@media all and (min-width: 63em) {
  #home-feature .description {
    max-width: 38em;
    left: 50%;
    bottom: auto;
    top: 50%;
    margin-left: -33.5em;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  #home-feature .description > .bounds {
    position: relative;
    top: -50%;
  }
  #home-feature .description h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }

  .home-welcome, .home-tabs-content {
    width: 66.6%;
  }

  .home-ctas, .home-tabs-image {
    width: 33.3%;
  }
}


@media all and (min-width: 70em) {
  #home-feature .arrow {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: 10px;
    margin-top: 1rem;
    color: white;
    color: rgba(255, 255, 255, 0.7);
    z-index: 19;
    font-size: 8em;
    font-weight: 300;
    line-height: 1;
    -webkit-transform: scaleY(2.5);
    -moz-transform: scaleY(2.5);
    -ms-transform: scaleY(2.5);
    -o-transform: scaleY(2.5);
    transform: scaleY(2.5);
  }
  #home-feature .arrow:hover {
    color: white;
  }
  #home-feature .arrow.tabs-prev {
    left: 50%;
    margin-left: -580px;
    margin-left: -58rem;
  }
  #home-feature .arrow.tabs-next {
    right: 50%;
    margin-right: -580px;
    margin-right: -58rem;
  }
}


/* ------------------------------------ =interior -- */

#interior-image {
  display: none;
}

.interior-breadcrumbs {
  padding-top: 20px;
  padding-top: 2rem;
  padding-bottom: 20px;
  padding-bottom: 2rem;
  font-size: 12.0px;
  font-size: 1.2rem;
}
.interior-breadcrumbs a {
  color: #343434;
}

.interior-breadcrumbs a:hover {
color: #006699;
}
.interior-breadcrumbs a.current {
  color: #df7a1c;
}
.interior-breadcrumbs span {
  display: -moz-inline-box;
  display: inline-block;
  margin: 0 0.2em;
}
.lt-ie8 .interior-breadcrumbs span {
  display: inline;
  zoom: 1;
}

.interior-subnav .title {
  margin: 0 -15px 20px;
  margin: 0 -1.5rem 2rem;
  padding: 10px 15px;
  padding: 1rem 1.5rem;
  color: #ededec;
  background: #0099e6;
  position: relative;
}
.js .interior-subnav .title:after {
  content: "\003e";
  display: block;
  position: absolute;
  right: 20px;
  right: 2rem;
  top: 50%;
  margin-top: -0.75em;
  color: #ededec;
  -webkit-transform: scaleY(3);
  -moz-transform: scaleY(3);
  -ms-transform: scaleY(3);
  -o-transform: scaleY(3);
  transform: scaleY(3);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.js .interior-subnav .title.toggle-active:after {
  -webkit-transform: rotate(90deg) scaleY(3);
  -moz-transform: rotate(90deg) scaleY(3);
  -ms-transform: rotate(90deg) scaleY(3);
  -o-transform: rotate(90deg) scaleY(3);
  transform: rotate(90deg) scaleY(3);
}
.interior-subnav > ul a {
  color: #343434;
}
.interior-subnav > ul a:hover {
  color: #006699;
  background: #ccc;

}
.interior-subnav > ul a.current {
  color: #df7a1c;
}
.interior-subnav > ul > li + li {
margin: 0px;
padding: 5px 0 0 0;
text-indent: -0.5em;
}
.interior-subnav > ul > li > ul > li {
  padding: 2px 0 2px 10px;
  font-size: 0.9em;
  line-height: 1.2em;
  }
.interior-subnav > ul > li > ul > li a:before, .interior-content .sig li a:before {
  content: "- ";
}

.interior-subnav > ul > li > a:before, .content-box .sig > ul > li > a:before {
  content: "- ";
}
.js .interior-subnav > ul {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin:0px 0 0 0.5em;
  text-indent: -0.5em;

}
.js .interior-subnav > ul.toggle-active {
  max-height: 25em;
  padding-bottom: 20px;
  padding-bottom: 2rem;
}

.interior-content, .wide-content {
  padding-bottom: 20px;
  padding-bottom: 2rem;
}
.wide-content ul {
list-style:none;

}
.wide-content ul li {
margin-left: 0.5em;
}
.wide-content ul li ul li {
margin-left:  1.5em;
}
.interior-content ul {
list-style: none;
padding:0;
margin:0;
}

/* Updated 6/26/2015 */

.interior-content li {
margin: 0.3em 0 0.3em 0;

}

.date {
 color: #df7a1c;
 font-style: italic;
 font-weight: 400;
 }
.page-title {
  padding-bottom: 10px;
  padding-bottom: 1rem;
  font-size: 30px;
  font-size: 3rem;
  line-height: 40px;
  line-height: 4rem;
  font-weight: 500;
  color: #0088cc;
}
.newsletter-title {
  padding: 5px 0 5px 10px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
  line-height: 3rem;
  font-weight: 500;
  color: #fff;
  background-color: #669933;
}
.page-title-supplementary {
  padding-bottom: 10px;
  padding-bottom: 1rem;
  font-weight: 400;
  font-style: italic;
  color: #df7a1c;
}

.page-title + .page-title-supplementary {
  margin-top: -10px;
  margin-top: -1rem;
}
.box-title {
  line-height: 3em;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 40px;
  line-height: 4rem;
  font-weight: 400;
  color: #fff;
  background-color: #354954;
  padding-left: 20px;
  margin-bottom: 0.5em;
}
.bar-title {
  margin: 10px 0 10px 0;
  padding: 10px 15px;
  padding: 1rem 1.5rem;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
}
.bar-title a {
color: #fff;
}

.button, .button span {
display: inline-block;

}
.button {
white-space: nowrap;
line-height:1em;
position:relative;
outline: none;
overflow: visible; /* removes extra side padding in IE */
cursor: pointer;
text-align: center;
margin: 15px 0 15px 0;
}
.button.small {
margin: 15px 15px 15px 0;
font-size: 0.95em;
}

.button span a:hover {
color: #ffffff;
}
.button.large {
width: 100%;
}




.button.left {
width: 47%;
margin: 15px 2% 5px 0;
display: inline-block;
}
.button.right {
width: 47%;
margin: 15px 0 5px 2%;
display: inline-block;
}


/*
.button.left {
width: 42%;
margin: 15px 2% 5px 0;
display: inline-block;
}
.button.right {
width: 40%;
margin: 15px 0 5px 2%;
display: inline-block;
}

*/


.button.center {
float: none;
margin: 1em auto 1em auto;
text-align: center;
width: 100%;
}
.button span, .flip span {
position: relative;
color:#fff;
padding:0.6em 0.8em;
line-height:1.1em;
text-decoration:none;
text-align:center;
white-space: nowrap;
}

.button.large span, .button.medium span {
font-size:18px;
}
.button.orange, .orange {
background-color: #DF7B1D;
}
.button.orange:hover, .bar-title.orange:hover {
background-color: #e58730;
}
.button.blue, .blue {
background-color: #108BC7;
}
.button.blue:hover, .bar-title.blue:hover {
background-color: #169cde;
}
.button.green, .flip, .green {
background-color: #789948;
}
.button.green:hover, .flip:hover, .bar-title.green:hover {
background-color: #88ad51;
}
.flip {
padding:0.4em 0.4em;
font-size: .95em;
}
div.panel {
margin: 0px;
padding: 5px 10px 5px 10px;
background: #ddd;

}
 div.panel {
    clear: both;
    height: auto;
    display: none;
}

.box-title span {
font-style: italic;
color: #df7a1c;
font-weight: 400;
display: block;
font-size: 16px;
padding-bottom: 10px;
}
.products h4 {
  padding: 5px 10px;
  padding: .5rem 1.0rem;
  margin: 1em 0 1em 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  background: #108bc7;
  color: #fff;
  min-height: 40px;
}

.label {
    display: table;
    width: 100%;
    height: 40px;
    background-color: #108bc7;


}

.label-inner {
    display: table-cell;
    vertical-align: middle;
  color: #fff;
  padding: 0 6px 0 6px;
}

.interior-side-a > div, .interior-side-b > div {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}
.browse {
  display: block;
  height: 50px;
  height: 5rem;
  line-height: 50px;
  line-height: 5rem;
   font-size: 18px;
  font-size: 1.8rem;
  color: #ededec;
  text-align: center;
  background-color: #aaaaaa;
}
.browse:hover {
  background-color: #b7b7b7;
  color: #fff;
}

@media all and (min-width: 45em) {
#interior-image {
    display: block;
    max-width: 100%;
    margin-bottom: -177px;
    margin-bottom: -17.7rem;
    position: relative;
    top: -177px;
    top: -17.7rem;
    background-repeat: repeat-x;
    background-position: 50% 50%;
    z-index: 1;
	text-align: center;
	background: #fff;
	height: 240px;

	}
 #interior-image + #main {
    padding-top: 0;
    margin-bottom: -30px;
    margin-bottom: -3rem;
    position: relative;
    top: -30px;
    top: -3rem;
    z-index: 2;
  }
  #interior-image + #main .interior-breadcrumbs {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 3rem;
  }

  .interior-subnav {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    float: left;
    padding: 20px 15px;
    padding: 2rem 1.5rem;
    background: #dddddd url("/rdcms-iasp/files/production/public/PageLayoutImages/bg-globe-small-15.png") no-repeat 100% 0;
  }
  .lt-ie8 .interior-subnav {
    behavior: url("/rdcms-iasp/files/production/public/scripts/boxsizing.htc");
  }
  .interior-subnav .title {
    margin: 0 0 10px;
    margin: 0 0 1rem;
    padding: 0;
    font-size: 21.0px;
    font-size: 2.1rem;
    font-weight: 400;
    color: #0088cc;
    background: transparent;
    position: relative;
    cursor: default !important;
  }
  .js .interior-subnav .title:after {
    display: none;
  }
  .js .interior-subnav > ul {
    max-height: 99em;
    overflow: visible;
  }
  .js .interior-subnav > ul.toggle-active {
    padding-bottom: 0;
  }

  .interior-content {
    width: 72%;
    float: right;
  }
  .wide-content {
    width: 100%;
    float: left;
  }

  .interior-side-a {
    width: 25%;
    float: left;
    clear: left;

}

  .interior-side-b {
    width: 72%;
    float: right;
    clear: right;
  }
}


@media all and (min-width: 63em) {
  .interior-content {
    width: 52%;
    margin-right: 25%;
  }
  .interior-content.no-right-col {
    width: 77%;
    margin-right: 0;
  }

  .interior-subnav, .interior-side-a {
    width: 20%;
	margin-bottom: 1em;
  }
.landing-side-a {
float: left;
margin-right: 2%;
}

.landing-side-b {
float: left;
width: 100%;
}

.fat {
width: 58%;
}
.huge {
width: 68%;
}
.huge2 {
width: 98%;
}

.tiny {
width: 30%;
}
.skinny {
width: 40%;
}
.normal {
width: 48%;
}
  .landing-side-a h4, .landing-side-b h4 {
  color: #108BC7;
  font-style: Italic;
  font-size: 1em;
  font-weight: 600;
}
  .landing-side-a .content, .landing-side-b .content {
  background-color: #DDDDDD;
  font-size: 0.9em;
  padding: 12px;
}


  .interior-side-b {
    width: 22%;
    float: none;
    clear: none;
    position: absolute;
    right: 15px;
    right: 1.5rem;
    top: 20px;
    top: 2rem;
  }
}


.button.medium {
width: 90%;
}


@media all and (min-width: 63em) {

.button.medium {
width: 30%;
float: left;
}

}



/* ------------------------------------ =footer -- */

#footer {
  padding-top: 20px;
  padding-top: 2rem;
  border-top: solid #666666;
  border-top-width: 5px;
  border-top-width: 0.5rem;
  text-align: center;
  color: #ededec;
  background: #669933 url("/rdcms-iasp/files/production/public/PageLayoutImages/bg-globe-super-6.png") no-repeat 100% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.footer-utility {
  clear: both;
  padding: 20px 0;
  padding: 2rem 0;
}
.footer-utility li {
  display: -moz-inline-box;
  display: inline-block;
}
.lt-ie8 .footer-utility li {
  display: inline;
  zoom: 1;
}
.footer-utility li + li {
  margin-left: 1.5em;
}
.footer-utility a {
  display: block;
  color: #ededec;
}
.footer-utility a:hover {
  color: white;
}

.footer-social .icon-social {
  opacity: 0.7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.footer-social .icon-social:hover {
  opacity: 1;
}
.footer-social .icon-social + .icon-social {
  margin-left: 15px;
}

.footer-contact, .footer-copyright {
  padding-top: 20px;
  padding-top: 2rem;
  font-size: 12.0px;
  font-size: 1.2rem;
}


@media all and (min-width: 45em) {
  #footer {
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
  }
}


@media all and (min-width: 63em) {
  #footer {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
  }

  .footer-contact {
    text-align: left;
    float: left;
  }

  .footer-copyright {
    text-align: right;
  }
}


/* ------------------------------------ =fixes -- */

.group:after, .content-box:after, .date-list > li > a:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ie6 .group, .ie6 .content-box, .ie6 .date-list > li > a {
  height: 1%;
}
.ie7 .group, .ie7 .content-box, .ie7 .date-list > li > a {
  min-height: 1px;
}

form#data .radio {
	width: 100%;
	float: left;
}


form#data .radio input {
	width: auto;
	float: left;
	display: block;
}

form#data .radio label {
	width: 70% !important;
	float: left !important;
	display: block;
	clear: none;
	margin-top: -6px;
}

form#data .radio legend {
	width: 100%;

}

form#data select {
	margin-bottom: 2px;

}

.error {
	color: red;
	margin: 0;
}

/* ------------ Event Microsite Styles -----------------*/

.em-header {
	margin: 0 0 15px 0;
	padding: 8px 0;
	display: block;
}

.em-header h2 {
	font-size: 1.3em;
}

.em-header .date {
	font-size: 1.2em;
}

.em-header .location, .em-header .city {
	font-size: 1.1em;
}

.left-col {
	width: 47%;
	display: inline-block;
	vertical-align: top;
}

.right-col {
	width: 47%;
	display: inline-block;
	text-align: right;
}

.button {
	background-color: #006699;
	padding: 20px, 20px;
	display: block;
	width: 160px;
}

.button a {
	color: #fff;

}

.button:hover {
	background-color: #108bc7;

}

.interior-side-a .button {
	background-color: #006699;
	padding: .75em;
	display: block;
	text-align: left;
	width: 90%;
}

.twitter h3 {
	border-top: #7f7f7f solid 3px;
	border-bottom: #7f7f7f solid 3px;
	padding: 8px 0;
	margin: 20px 0 10px 0;
}

.grid {
  display: block;
  padding: 0;
  margin-right: -20px;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  text-rendering: optimizespeed; }

.grid-no-right {
  display: block;
  padding: 0;
  margin: 0 auto;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  text-rendering: optimizespeed; }


.grid-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: -moz-inline-box;
  display: inline-block;
  padding: 0 30px 20px 0;
  margin: 0;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto; }
  .lt-ie8 .grid-item {
    behavior: url("js/boxsizing.htc"); }
  .lt-ie8 .grid-item {
    display: inline;
    zoom: 1; }

.grid-1-3 {
  width: 100%; }

.grid-2-3 {
  width: 100%; }

  @media all and (min-width: 470px) {
  .grid-1-2-s {
    width: 50%; }

  .grid-1-3 {
    width: 33.3%; }

  .grid-2-3 {
    width: 66.6%; }

  .grid-1-4-s {
    width: 25%; }

  .grid-3-4-s {
    width: 75%; }

  .grid-1-5-s {
    width: 20%; }

  .grid-2-5-s {
    width: 40%; }

  .grid-3-5-s {
    width: 60%; }

  .grid-4-5-s {
    width: 80%; } }
@media all and (min-width: 720px) {
  .grid-1-2-m {
    width: 50%; }

  .grid-1-3-m {
    width: 33.3%; }

  .grid-2-3-m {
    width: 66.6%; }

  .grid-1-4-m {
    width: 25%; }

  .grid-3-4-m {
    width: 75%; }

  .grid-1-5-m {
    width: 20%; }

  .grid-2-5-m {
    width: 40%; }

  .grid-3-5-m {
    width: 60%; }

  .grid-4-5-m {
    width: 80%; } }
@media all and (min-width: 960px) {
  .grid-1-2-l {
    width: 50%; }

  .grid-1-3-l {
    width: 33.3%; }

  .grid-2-3-l {
    width: 66.6%; }

  .grid-1-4-l {
    width: 25%; }

  .grid-3-4-l {
    width: 75%; }

  .grid-1-5-l {
    width: 20%; }

  .grid-2-5-l {
    width: 40%; }

  .grid-3-5-l {
    width: 60%; }

  .grid-4-5-l {
    width: 80%; } }
@media all and (min-width: 1340px) {
  .grid-1-2-w {
    width: 50%; }

  .grid-1-3-w {
    width: 33.3%; }

  .grid-2-3-w {
    width: 66.6%; }

  .grid-1-4-w {
    width: 25%; }

  .grid-3-4-w {
    width: 75%; }

  .grid-1-5-w {
    width: 20%; }

  .grid-2-5-w {
    width: 40%; }

  .grid-3-5-w {
    width: 60%; }

  .grid-4-5-w {
    width: 80%; } }

/* MGI Campaign */

.joincampaignbutton{
 text-decoration:none;
 text-align:center;
 padding:11px 32px;
 border:solid 1px #004F72;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius: 4px;
 font:18px Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#E5FFFF;
 background-color:#3BA4C7;
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 );
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
    }

/* GDPR */

#previewBox {
position: fixed;
bottom: 0;
background: #0e212d;
padding: 25px 25px 50px 25px;
z-index: 100;
margin-top: 150px;
color: #fff;
}

#previewBox h1 {
	color: #729743;
	font-size: 24px;
	margin-bottom: 25px;
}

#previewBox a {
	color: #729743;
}

#previewBox p {
max-width: 90%;	
}

.group.with-GDPR {
margin-bottom: 250px !important;	
}


#closeButton {
position: relative;
bottom: 10%;
left: 90%;
font-weight: 700;
z-index: 400000;
}

button#closeButton {
background: none;
border: none;
color: #fff;
font-size: 24px;
font-weight: normal;
}

@media all and (max-width: 360px) {
        

    #closeButton {
    top: 25px;
    left: 90%;
    } 

}


@media all and (min-width: 361px)  and (max-width: 460px) {
        
    #closeButton {
    bottom: 20%;
    }	

} 



@media all and (min-width: 461px)  and (max-width: 719px) {
        
    #closeButton {
    bottom: 15%;
    }	

} 

@media all and (min-width: 720px)  and (max-width: 959px) {
	
    #closeButton {
    bottom: 12%;
    }	

} 



@media all and (min-width: 1800px) {
        
    #previewBox {
    width: 100% !important;	
    }

}



/* GDPR New Styles */

#previewBoxnew {
position: fixed;
left: 32%;
top: 20%;
background: #eeeeee;
padding: 25px 25px 50px 25px;
z-index: 100;
margin-top: 0;
color: #444;
border: #a93538 7px solid;
border-radius: 10px;
width: 350px;
height: 350px;
text-align: center;
}


@media all and (max-width: 460px) {
        
    #previewBoxnew {	
    left: 5px;
    top: 10%;
    width: 250px;
    height: 450px;	
    }
	
}


@media all and (min-width: 461px) and (max-width: 719px) {
	
#previewBoxnew {	
left: 25%;
top: 10%;
width: 250px;
height: 450px;	
}
	
}

#previewBoxnew h1 {
	color: #729743;
	font-size: 24px;
	margin-bottom: 25px;
}

#previewBoxnew a {
}

#previewBoxnew p {
margin-top: 15px;	
max-width: 90%;	
}

.group.with-GDPR {
margin-bottom: 250px !important;	
}

#previewBoxnew button#closeButton {
background: #aa3440;
border: none;
color: #fff;
font-size: 18px;
font-weight: normal;
border-radius: 10px;
margin-top: 25px;
position: static;
padding: 10px;
}


    /* GDPR Cookie Popup Bar */

    
.cookie-popup {
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
  padding:15px 80px 15px 30px;
  background:#495a57;
  color:white;
  z-index:9999;
  display:none;
  line-height:196%;
  /*opacity:0;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;*/
  box-sizing:border-box;

}
.cookie-popup a {
  color:#DF7A1C;
  color:#eee;
  text-decoration:underline;
}

#cookie-popup-text {
  padding-right:80px;
  box-sizing:border-box;
}

a#cookie-popup-button {
  border-radius: 3px;
  padding:6px 11px;
  background: #06212E;
  color:white !important;
  margin-left:20px;
  text-decoration:none;

}

a#cookie-popup-close {
  position:absolute;
  right:35px;
  bottom:30px;
  font-size:25px;
  color:#bbb;
  text-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);
  text-decoration:none;
}

a#cookie-popup-close:hover {
  color:white;
}

#cookie-popup-button:hover {
  background:#152E3A;
}