@charset "UTF-8";
/* Responsive version of the Austin Theme for iMIS */
@import url("//fonts.googleapis.com/css?family=Raleway:200");
@import url("https://use.typekit.net/pwf4eqy.css");
/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/**
 * Styles necessary to properly align the Cities master page
 **/
#masterWrapper.yui-t2 {
  width: auto;
}

.container,
.header-container
{
  padding-right: 15px;
  /*padding-left: 15px;*/
  margin-right: auto;
  margin-left: auto;
}

/* Class used to contain the various pieces of the master page */
.SliderPage1 {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.no-mqs .container, .no-mqs
.header-container, .no-mqs
.SliderPage1 {
  min-width: 970px;
}

.container:before, .container:after,
.body-container:before,
.body-container:after {
  content: " ";
  display: table;
}
.container:after,
.body-container:after {
  clear: both;
}

/* handle secondary column layout */
@media (min-width: 992px) {
  .has-secondary-col .col-primary {
    width: 76%;
  }
  .has-secondary-col .col-secondary {
    width: 22%;
  }
  .has-secondary-col.col-on-right .col-primary {
    float: left;
    margin-right: 2%;
  }
  .has-secondary-col.col-on-right .col-secondary {
    float: right;
  }
  .has-secondary-col.col-on-left .col-primary {
    float: right;
    margin-left: 2%;
  }
  .has-secondary-col.col-on-left .col-secondary {
    float: left;
  }
}
.no-mqs .has-secondary-col .col-primary {
  width: 76%;
}
.no-mqs .has-secondary-col .col-secondary {
  width: 22%;
}
.no-mqs .has-secondary-col.col-on-right .col-primary {
  float: left;
  margin-right: 2%;
}
.no-mqs .has-secondary-col.col-on-right .col-secondary {
  float: right;
}
.no-mqs .has-secondary-col.col-on-left .col-primary {
  float: right;
  margin-left: 2%;
}
.no-mqs .has-secondary-col.col-on-left .col-secondary {
  float: left;
}

/* Header
   ========================================================================== */
/**
 * The following declarations are required to reposition the search bar and
 * Sign In/Out link at different sizes via appendAround 
 */
.search-container,
.auth-link-container {
  display: block;
  float: right;
  margin-top: -69px;
  margin-right: -25px;
}
@media (min-width: 1070px) {
  .search-container,
  .auth-link-container {
   /* display: none;*/
  }
}
.no-mqs .search-container, .no-mqs
.auth-link-container {
  display: none;
}

.search-container-sm,
.auth-link-container-sm {
  display: none !important;
}
@media (min-width: 1070px) {
  .search-container-sm,
  .auth-link-container-sm {
    display: inline-block !important;
  }
}
.no-mqs .search-container-sm, .no-mqs
.auth-link-container-sm {
  display: inline-block !important;
}

/* This applies to the area behind the header logo and auxiliary navigation */
.header {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 1070px) {
  .nav-primary {
    margin-top: 10px;
  }
}
.no-mqs .nav-primary {
  margin-top: 10px;
}

.navbar-collapse {
  clear: both;
}
@media (max-width: 1069px) {
  .navbar-collapse {
    /* expand to the full width of the page */
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 1070px) {
  .navbar-collapse {
    clear: right;
  }
}
.no-mqs .navbar-collapse {
  clear: right;
}

@media (min-width: 1070px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
}
@media (min-width: 1070px) {
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }
  .navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: -15px;
  }
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
  .navbar-collapse .navbar-text:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1070px) {
  .nav-primary {
    float: right;
    clear: right;
  }
}
.no-mqs .nav-primary {
  float: right;
  clear: right;
}

.header-logo-container {
  float: left;
}

@media (max-width: 1069px) {
  .header-social {
    /*display: none !important;*/
  }
}
.header-social a {
  text-decoration: none;
}

/* These styles apply to the auxiliary and footer navigation */
.NavigationUnorderedList {
  padding-left: 0;
  /*margin-top:15px;*/
  display: inline-block;
}

.NavigationListItem {
  list-style-type: none;
  display: inline-block;
  margin-left: 0;
  margin-right:8px;
}

@media (max-width: 480px) {
	.NavigationListItem { font-size:12px; }
}

/*.header-utility {
    @include respond-to('tablets and up') {
        float:left;
        clear: none !important;

        div {
            display: inline-block;
            vertical-align: middle;
        }
    }

    a {
        vertical-align: middle;
    }

    input.SurfEdit {
        /* Remove the extra padding from the surf-to-edit button */
        /*padding: 0 !important;
        vertical-align: middle;
    }
}*/
.NavigationLink {
  padding-left: 7.5px;
  padding-right: 7.5px;
  white-space: nowrap;
  font-weight:normal;
  text-decoration:underline;
}

@media (max-width: 1069px) {
  .ste-section {
    display: none !important;
  }
}

/* Main
   ========================================================================== */
#masterContentArea {
  margin-top: 10px;
}

/* This applies to the breadcrumb area */
.breadcrumb {
  float: none;
  display: inline;
  line-height: 33px;
}

/***** Proxy Panel Styling *****/
/* This applies to the on behalf of (proxy) area */
#ctl00_panProxy_panMain {
  float: right;
}

#ProxyPanelLabels,
#ProxyPanelActions {
  display: inline-block;
}

.ProxyPanelNoContact,
.ProxyPanelContact {
  margin-top: 0.225em;
  line-height: 2.4em;
  font-weight: bold;
  padding: 0 2em;
  white-space: nowrap;
}

/* This applies to the button area at the bottom of the page (e.g., Save, Cancel) */
.CommandBar {
  margin: .5em 0;
  background-color: White;
}

/* Sticky Footer
   ========================================================================== */
/**
 * Responsive sticky footer.
 * See http://www.joshrcook.com/a-responsive-sticky-footer/ 
 */
.wrapper {
  display: table;
  width: 100%;
  height: 100%;
  background: #ffffff;
  box-shadow: 0 0 10px 2px #b0bec5;
  margin-top: 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 435px;
}

.footer {
  /*display: table-row;*/
  height: 1px;
}

body {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25em;
  color: #263238;
}

a {
  color: #03a9f4;
  text-decoration: none;
  font-weight:bold;
}
a:hover, a:focus, a:active {
  color: #03a9f4;
  text-decoration: underline;
}
a:visited {
  color: #03a9f4;
}

/**
  * Overriding RadGrid styles requires a !important.
  * Separating it out here to require styles on regular links that are too strong.
  */
.RadGrid a {
  color: #03a9f4 !important;
  text-decoration: underline;
}
.RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active {
  color: #03a9f4 !important;
}
.RadGrid a:visited {
  color: #03a9f4 !important;
}
.RadGrid a.aspNetDisabled, .RadGrid a.aspNetDisabled:hover, .RadGrid a.aspNetDisabled:focus, .RadGrid a.aspNetDisabled:active, .RadGrid a.aspNetDisabled:visited {
  color: #03a9f4 !important;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
  font-weight:500 !important;
  font-family: 'Lato';
  font-size:16px;
  line-height: 1.25em;
}

ul {text-align: left;}

h1,
.h1,
.PageTitle,
h2,
.h2,
.PanelTitle {
  font-family: Raleway, Verdana, sans-serif;
  font-weight: 200;
  color: #424242;
}

h1 {
  margin-top: 0;
}

h1,
.PageTitle {
  color: #dc4f00;
  font-size: 250%;
}

h1.BigHeader {
  color: white;
  background-color: #dc4f00;
  padding: 20px;
  margin: 0;
}

h2,
.PanelTitle {
  line-height: 1.45em;
  font-size: 170%;
}

h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.PanelTitle,
.panel-heading.Distinguish {
  min-height: 0;
  border-bottom-style: dotted;
}

h4,
.SectionLabel,
h5 {
  color: #009b96;
  margin: 0 0 .2em;
}

hr {
  margin-left: .5em;
  margin-right: .5em;
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #dddddd;
}

/* Used for messages guiding users to the next step */
.HelperText {
  color: #0064cd;
}

/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
.SelectedItem {
  background-color: #93cadc;
}

/**
 * This automatically resizes images when they're too large to fit in their container. 
 * It may override any user-defined width/height on images. If the behavior is unwanted, 
 * consider changing this declaration to a class (e.g. '.img-responsive') which you can 
 * apply as desired.
 */
img {
  max-width: 100%;
  height: auto !important;
}

/* Give a block of text some extra emphasis.
 * This class also makes the text larger, per UltraWave styles */
.lead {
  margin-bottom: 20px;
}

/* ==========================================================================
   MASTERPAGE ELEMENTS
   ========================================================================== */
/* This applies to the loading bar at the top of the page */
.ProgressDiv {
  background-color: #ffdd6f;
}

#masterHeaderBackground,
.header {
/*  border-bottom: 2px dotted #eeeeee;*/
}

/* Universal search control */
.search-field {
  background: white url("images/ResponsiveHeaderSprite.png") no-repeat;
  background-position: 7px -16px;
  padding-left: 28px !important;
  color: #777;
  border-color: #CCC;
}

.header-search .TextButton {
  display: none;
}

/* header logo */
#masterHeaderImage {
  background-image: url("/images/websites/tgop/gop-logoTM.png");
  background-repeat: no-repeat;
  width: 120PX;
  height: 120PX;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
  margin-left: 15px;
}
@media (min-width: 992px) {
  #masterHeaderImage {
    margin-top: 20px;
    margin-left: 30px;
  }
}

.no-mqs #masterHeaderImage {
  margin-top: 20px;
  margin-left: 20px;
}

/* header logo espanol*/
#masterHeaderImageSpanish {
  background-image: url("images/gop-logo-es.png");
  background-repeat: no-repeat;
  width: 120PX;
  height: 120PX;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
  margin-left: 15px;
}
@media (min-width: 992px) {
  #masterHeaderImageSpanish {
    margin-top: 20px;
    margin-left: 30px;
  }
}

.no-mqs #masterHeaderImageSpanish {
  margin-top: 20px;
  margin-left: 20px;
}

#masterDonorHeaderImage {
  background-image: url("images/HeaderLogo.png");
  background-repeat: no-repeat;
  width: 122px;
  height: 38px;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}
@media (min-width: 768px) {
  #masterDonorHeaderImage {
    margin-top: 38px;
  }
}
.no-mqs #masterDonorHeaderImage {
  margin-top: 38px;
}

/* Used in the donor site header logo content area */
#masterHeaderActionArea a {
  display: block;
  text-align: center;
}

/* On Behalf Of with target set */
.ProxyPanelContact {
  background-color: #009b96;
  color: white;
}
.ProxyPanelContact a {
  color: #a2d2ea;
}

/* Loading Indicator
   ========================================================================== */
/* Displays a loading message and spinner when a control is taking a while to load */
body.loadingBody {
  background-color: #999999;
  margin: 0;
  padding: 0;
}

#loadingSpinner {
  background-image: url("images/spinner.gif");
}

/* Sub (Left) Navigation
   ========================================================================== */
#pagesubnav {
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.SubNavPanelHead {
  background-color: #f4f5ed;
  color: #333333;
  font-family: Raleway, Verdana, sans-serif;
  font-weight: 200;
}

.SubNavigationSeparator {
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #dddddd;
  height: 1px;
  padding: 0;
  margin: 0;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.footer-nav-copyright {
  padding-top: 1em;
  padding-bottom: 0.35em;
  /* 1em - .65em (bottom margin on nav lis) */
}

.footer-content {
}

.footer-content-section {
  padding: 0 15px 1em;
}

.footer-nav-copyright:before, .footer-nav-copyright:after {
  content: " ";
  display: table;
}
.footer-nav-copyright:after {
  clear: both;
}
.footer-nav-copyright .NavigationUnorderedList,
.footer-nav-copyright .footer-copyright {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.footer-nav-copyright .footer-copyright {
  display: inline-block;
  margin: 0 1.5em .65em 0;
}
@media (max-width: 767px) {
  .footer-nav-copyright .footer-social-copyright {
    text-align: center;
  }
}
.footer-nav-copyright .footer-social-copyright .footer-social,
.footer-nav-copyright .footer-social-copyright .footer-copyright {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .footer-nav-copyright .footer-social-copyright .footer-social {
    text-align: left;
  }
  .footer-nav-copyright .footer-social-copyright .footer-copyright {
    float: right;
    width: auto;
    clear: right;
  }
}
.no-mqs .footer-nav-copyright .footer-social-copyright .footer-social {
  text-align: left;
}
.no-mqs .footer-nav-copyright .footer-social-copyright .footer-copyright {
  float: right;
  width: auto;
  clear: right;
}

.footer-copyright p {
  margin-bottom: 0;
}

@media (min-width: 480px) {
  .footer-content-section {
    float: left;
    width: 50%;
  }
}
.no-mqs .footer-content-section {
  float: left;
  width: 50%;
}

@media (min-width: 768px) {
  .footer .footer-social {
    width: 33.3333333333%;
  }
  .footer .footer-promo-container {
    width: 66.6666666667%;
  }
}
.no-mqs .footer .footer-social {
  width: 33.3333333333%;
}
.no-mqs .footer .footer-promo-container {
  width: 66.6666666667%;
}

#masterFooterCopyright {
  clear: both;
}

.footer-content {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.footer-content h2 {
  margin-top: 0;
  color: white;
  border-bottom: none;
}
.footer-content a {
  color: #acd7ec;
}

.footer-social {
  padding-top: 15px;
}
.footer-social a {
  margin-right: .5em;
}

.footer-promo-container .promo {
  background-color: #020202;
  /* rgba fallback */
  background-color: rgba(2, 2, 2, 0.5);
  padding: 15px;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075), 0 1px 0 rgba(255, 255, 255, 0.1);
}
.footer-promo-container .lead {
  font-family: Raleway, Verdana, sans-serif;
  font-weight: 200;
  margin-bottom: .25em;
  font-size: 130%;
  line-height: inherit;
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-promo-container .lead {
    font-size: 150%;
  }
}
@media (min-width: 992px) {
  .footer-promo-container .lead {
    font-size: 170%;
  }
}
.no-mqs .footer-promo-container .lead {
  font-size: 170%;
}
.footer-promo-container .TextButton {
  background-color: #020202;
  /* rgba fallback */
  background-color: rgba(2, 2, 2, 0.5);
  color: #fff;
}
.footer-promo-container .TextButton:hover {
  background-color: #020202;
  /* rgba fallback */
  background-color: rgba(2, 2, 2, 0.8);
}

.footer-nav-copyright {
 /* background-color: #222222;*/
  color: #f2f2f2;
}
.footer-nav-copyright a, .footer-nav-copyright a:visited {
  color: #607d8b;
  display: block;
  padding: 8px;
  text-decoration: none;
}
.footer-nav-copyright a:hover, .footer-nav-copyright a:active {
  color: #607d8b;
  display: block;
  padding: 8px;
  text-decoration: underline;
}

/* Compatibility Footer
   ========================================================================== */
/* Old-style footer (pre-responsive) */
#ft {
  padding: 15px;
}
@media screen and (max-width: 480px ) {
	
	#ft { margin-right:0px; margin-left:0px; }
}

#masterFooterConnectWithUs {
  border-style: dotted;
  border-color: rgba(221, 221, 221, 0.8);
  border-width: 0 1px;
}

#masterFooterContent a,
#masterFooterCopyright a,
#masterFooterNavigation a {
  color: #acd7ec;
}
#masterFooterContent a:visited,
#masterFooterCopyright a:visited,
#masterFooterNavigation a:visited {
  color: #acd7ec;
}
#masterFooterContent a:hover, #masterFooterContent a:active,
#masterFooterCopyright a:hover,
#masterFooterCopyright a:active,
#masterFooterNavigation a:hover,
#masterFooterNavigation a:active {
  color: #82c2e3;
}

#masterFooterCopyright {
  border-color: #dddddd;
  /* rgba fallback */
  border-top: 1px solid rgba(221, 221, 221, 0.5);
}

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
.navbar-collapse {
  background-color: #e6e9ea;
}
@media (min-width: 1070px) {
  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border: none;
  }
}
.no-mqs .navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  border: none;
}

.auth-link-container {
  /* container for the sign in link when the browser is <768px wide */
  padding: 10px 15px;
  text-align: right;
  display: none;
}
.RadMenu.RadMenu ul.rmHorizontal {
    float: right;
    margin-top: 75px;
}
.RadMenu .rmHorizontal .rmText {
padding: 0 12px 1px 0;
color: #607D8B;
font-weight: 400;
font-size: 18px;
} 
.RadMenu .rmSlide, .RadMenu_Context {
    position: absolute;
    overflow: hidden;
    display: none;
    float: left;
    color: #607d8b;
    font-weight: 400;
    background-color: #eceff1;
}
.RadMenu .rmGroup .rmText {
    padding: 10px 10px 10px 20px !important;
    margin: 0 !important;
    border-top: 1px solid #cfd8dc;
}

.RadMenu.rmResponsive {
  z-index: 1000 !important;
  position: relative;
}
.RadMenu.rmResponsive ul {
  margin: 0;
  padding: 0;
}
.RadMenu.rmResponsive .rmItem,
.RadMenu.rmResponsive .rsmItem {
  list-style: none;
}
.RadMenu.rmResponsive .rmDisabled > a,
.RadMenu.rmResponsive .rsmDisabled > a {
  cursor: default;
}
.RadMenu.rmResponsive .rmItem {
  width: auto;
  clear: both;
}
.RadMenu.rmResponsive .rmLink,
.RadMenu.rmResponsive .rmSlide .rmLink {
  padding: 10px 15px;
}
.RadMenu.rmResponsive .rmSlide .rmGroup {
  position: relative;
}
.RadMenu.rmResponsive .rsmItem {
  padding: 12px;
  border-top: 1px solid #b0bec5;
}
.RadMenu.rmResponsive .rsmItem .rsmItem {
  /* this is needed to avoid indentaion */
  margin-left: -15px;
}
.RadMenu.rmResponsive .rsmColumn {
  /* for multiple columns on the mega menu */
  display: inline-block;
  vertical-align: top;
  padding-right: 5px;
}
@media (max-width: 480px) {
  .RadMenu.rmResponsive .rsmColumn {
    /* on very small screens drop mega menu columns to one */
    width: 100% !important;
  }
}
.RadMenu.rmResponsive .rmLink,
.RadMenu.rmResponsive .rsmLink {
  color: #ffffff;
  text-decoration: none;
  display: block;
  position: relative;
  /* required for the menu to work in IE */
}
.RadMenu.rmResponsive .rmSelected > .rmRootLink,
.RadMenu.rmResponsive .rmFocused > .rmRootLink {
  /* root itme selected styles */
  color: #3f525b;
  background-color: #eceff1;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}
.RadMenu.rmResponsive .rmRootLink:hover,
.RadMenu.rmResponsive .rmRootLink:focus,
.RadMenu.rmResponsive .rmExpanded > .rmRootLink {
  /* root item hover and focus styles */
  background-color: #eceff1;
  color: white;
}
.RadMenu.rmResponsive .rmGroup {
  background-color: #eceff1;
}
.RadMenu.rmResponsive .rmDisabled > .rmLink,
.RadMenu.rmResponsive .rsmDisabled > .rsmLink {
  color: #607d8b;
}
.RadMenu.rmResponsive .rmDisabled > .rmLink:hover, .RadMenu.rmResponsive .rmDisabled > .rmLink:active,
.RadMenu.rmResponsive .rsmDisabled > .rsmLink:hover,
.RadMenu.rmResponsive .rsmDisabled > .rsmLink:active {
  background-color: transparent;
  color: white;
}
.RadMenu.rmResponsive .rmRootGroup > .rmItem {
  position: relative;
}
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
  font-size: 18px;
  color: #607d8b;
}

@media screen and (max-width: 1069px) {
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink { border-bottom: 1px solid #b0bec5; }
}

.RadMenu.rmResponsive .rmToggle {
  /* a clickable target to expand multi-level navigaiton */
  display: inline-block;
  margin: -10px -15px;
  float: right;
  height: 100%;
}

.RadMenu.rmResponsive .rmToggle .rmIcon {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  width: 23px;
  height: 15px;
  background-image: url("images/responsivenav.png");
  background-repeat: no-repeat;
  margin-top: 18.5px;
  margin-bottom: 18.5px;
  margin-right: 15px;
  margin-left: 15px;
}
.RadMenu.rmResponsive .rmLink:hover .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmLink:focus .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmSelected > .rmLink .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmExpanded > .rmLink .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmSlide .rmLink .rmToggle > .rmIcon {
  background-position: 0 -26px;
}
.RadMenu.rmResponsive .rmExpanded > .rmLink > .rmToggle > .rmIcon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rmResponsive .rmSlide {
  display: none;
  /* hide the sub nav until requested */
  position: absolute;
  height: auto !important;
}
.rmResponsive .rmSlide,
.rmResponsive .rmSlide .rmGroup,
.rmResponsive .rmSlide .rmLink,
.rmResponsive .rmSlide .rmTemplate,
.rmResponsive .rmSlide .rmSeparator {
  width: auto !important;
}
.rmResponsive .rmSlide .rmItem {
  float: none;
  display: block;
  border-top: 1px solid #cfd8dc;
}
.rmResponsive .rmSlide .rmText {
  float: none;
}
.rmResponsive .rmSlide .rmLink,
.rmResponsive .rmSlide .rsmLink {
  color: #607d8b;
  font-weight: 400;
}
.rmResponsive .rmSlide .rmSeparator,
.rmResponsive .rmSlide .MegaDropDownMenuSeperator > .rsmLink {
  border-bottom: 1px dotted white;
}
.rmResponsive .rmSlide .rmFocused > .rmLink,
.rmResponsive .rmSlide .rmSelected > .rmLink,
.rmResponsive .rmSlide .rsmSelected > .rsmLink,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
  background-color: transparent;
  color: #3f525b;
}
.rmResponsive .rmSlide .rmLink:hover, .rmResponsive .rmSlide .rmLink:focus,
.rmResponsive .rmSlide .rsmLink:hover,
.rmResponsive .rmSlide .rsmLink:focus,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus {
  color: #3f525b;
  cursor: pointer;
}

.rmResponsive .rmSlide .rsmItem:hover {
  background: #cfd8dc;
}

.rmResponsive .rmSlide.rmLevel1 .rmGroup {
  /* for second-level sub-nav and beyond,
   * we want to indent the nav to give separation */
  margin-left: 0;
}
.rmResponsive .rmSlide .MegaDropDownMenu {
  background-color: #eceff1;
}
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem {
  margin-bottom: 1em;
}
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
  color: #607d8b;
  letter-spacing: 0;
  padding: 12px;
}
.rmResponsive .rmSlide .MegaDropDownMenuSeperator .rsmLink {
  padding: 0;
}
@media (max-width: 767px) {
  .rmResponsive .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }
  .rmResponsive .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
    margin-top: 51px;
  }
}

@media (min-width: 1070px) {
  .RadMenu.rmResponsive .rmItem {
    white-space: nowrap;
  }
  .RadMenu.rmResponsive .rmRootGroup > .rmItem {
    float: left;
    clear: none;
  }
 
@media screen and (min-width: 1141px) {
    .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink { margin-right: 25px; }
}

  .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
	color: #607d8b;
  padding: 12px;
  -webkit-transition: box-shadow 0.3s ease-in-out, background-color 0.2s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, background-color 0.2s ease-in-out;
  font-weight: 400;
  }

  .RadMenu.rmResponsive .rmSlide .rmGroup {
    margin: 0;
  }
  .RadMenu.rmResponsive .rmSlide .rmItem {
    float: none;
    display: block;
  }
  .RadMenu.rmResponsive .rmSlide .rmLink,
  .RadMenu.rmResponsive .rmSlide .rmSeparator {
    margin: 0;
  }
  .RadMenu.rmResponsive .rmSlide .rmExpandRight {
    background-image: url("images/ResponsiveNav.png");
    background-position: 100% -200px;
    background-repeat: no-repeat;
  }
  .RadMenu.rmResponsive .rmSlide .rmText {
    padding-right: 40px;
  }
  .RadMenu.rmResponsive .rmToggle {
    display: none;
  }
}
.no-mqs .RadMenu.rmResponsive .rmItem {
  white-space: nowrap;
}
.no-mqs .RadMenu.rmResponsive .rmRootGroup > .rmItem {
  float: left;
  clear: none;
}
.no-mqs .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
  margin: 0;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmGroup {
  margin: 0;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmItem {
  float: none;
  display: block;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmLink,
.no-mqs .RadMenu.rmResponsive .rmSlide .rmSeparator {
  margin: 0;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmExpandRight {
  background-image: url("images/ResponsiveNav.png");
  background-position: 100% -200px;
  background-repeat: no-repeat;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmText {
  padding-right: 40px;
}
.no-mqs .RadMenu.rmResponsive .rmToggle {
  display: none;
}

/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/
.RadTreeView.RadTreeView_Austin {
  white-space: normal;
}
.RadTreeView.RadTreeView_Austin .rtTop,
.RadTreeView.RadTreeView_Austin .rtMid,
.RadTreeView.RadTreeView_Austin .rtBot {
  padding: 0;
}
.RadTreeView.RadTreeView_Austin .rtIn {
  font-weight: bold !important;
  display: block;
}
.RadTreeView.RadTreeView_Austin .rtIn,
.RadTreeView.RadTreeView_Austin .rtHover .rtIn,
.RadTreeView.RadTreeView_Austin .rtSelected .rtIn {
  padding: 10px 15px;
  border: none;
}
.RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn,
.RadTreeView.RadTreeView_Austin .child-is-selected.rtIn {
  background-color: transparent;
  color: #333333;
}
.RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn:focus {
  background-color: transparent;
}
.RadTreeView.RadTreeView_Austin .rtUL .rtUL {
  padding-left: 15px;
}
.RadTreeView.RadTreeView_Austin > .rtUL > .rtLI {
  /* add a separator border to the first-level sub-nav items only */
  border-top: 1px dotted #dddddd;
}
.RadTreeView.RadTreeView_Austin > .rtUL > .rtLI:first-child {
  border-top: none;
}
.RadTreeView.RadTreeView_Austin > .rtUL > .rtLI .rtLI .rtIn {
  /* children should have less padding */
  padding: 5px 15px;
}
.RadTreeView.RadTreeView_Austin > .rtUL > .rtLI > .rtUL {
  /* this makes the children section padding even */
  padding-right: 15px;
  padding-bottom: 10px;
}
.RadTreeView.RadTreeView_Austin > .rtUL {
  /* add a boundary for hovered navs */
  margin: 0 1px 1px 1px;
}
.RadTreeView.RadTreeView_Austin .rtSp,
.RadTreeView.RadTreeView_Austin .rtPlus,
.RadTreeView.RadTreeView_Austin .rtMinus {
  /* we don't want to display the expand/collapse icons in this theme */
  display: none;
}
.RadTreeView.RadTreeView_Austin a.rtIn {
  color: #23749d;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin: 0;
}
.RadTreeView.RadTreeView_Austin a.rtIn:hover, .RadTreeView.RadTreeView_Austin a.rtIn:focus, .RadTreeView.RadTreeView_Austin a.rtIn:active {
  background-color: white;
}

.nav-secondary {
  background: #eceff1;
  border-top: 1px solid #b0bec5;
}
.nav-secondary .sub-nav-head {
  background-color: #dc4f00;
  color: white;
  font-weight: bold;
  font-size: 120%;
  padding: 10px 15px;
}
.nav-secondary .SubNavigationSeparator {
  border: none;
  height: 4px;
  background-color: #e0e3cc;
}
.nav-secondary .SubNavigationSeparator .rtIn {
  padding: 0;
}

/* ==========================================================================
   AUXILIARY NAVIGATION
   ========================================================================== */
.navbar-header {
  float: right;
}
.navbar-header > div,
.navbar-header > a,
.navbar-header .NavigationUnorderedList,
.navbar-header .NavigationLink {
  display: inline-block;
  vertical-align: middle;
}

.navbar-toggle {
  margin-top: 50px;
    margin-bottom: 6.5px;
    vertical-align: middle;
    background-color: #039be5;
    padding-bottom: 18px;
    border-radius: 0px;
    width: 40px;
    height: 40px;
}
@media (min-width: 992px) {
    .navbar-toggle {display: block !important;}
}
@media (min-width: 1070px) {
.navbar-toggle { display: none !important; }
}
.navbar-toggle.collapsed {
  /* then tighten it back up when it's closed */
  margin-bottom: 6.5px;
  padding: 10px 0;
}
.tgop-navbar-toggle.collapsed,
.navbar-toggle.collapsed {
  background-color: #039be5;
}
.tgop-navbar-toggle:hover, .tgop-navbar-toggle:focus,
.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: #039be5;
}
.tgop-navbar-toggle .icon-bar,
.navbar-toggle .icon-bar {
  background-color: white;
	margin: auto;
}

.nav-auxiliary .TextButton,
.nav-auxiliary .navbar-toggle {
  margin-left: 15px;
  margin-right: 15px;
}
.nav-auxiliary a {
  /* Utility navigation links */
  color: gray;
}

/* Cart item count
   ========================================================================== */
/* By default, put parentheses around the cart item count.
 * This is overwritten when the class "nav-aux-cart" is applied.
 */
.cartCenter span:before {
  content: '(';
}
.cartCenter span:after {
  content: ')';
}

/* Auxiliary toggle buttons
   ========================================================================== */
/* Toggles that display on x-small screens to display the primary nav and search */
.navbar-toggle {
  float: none;
}
.navbar-toggle .icon-bar {
  height: 3px;
  border-radius: 0;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}
.navbar-toggle .icon-search {
  display: inline-block;
  float: left;
  background: url("images/ResponsiveHeaderSprite.png") no-repeat center top;
  width: 22px;
  height: 21px;
  margin: -1px 0;
  /* this makes it line up properly with the hamburger */
}
@media (min-width: 1070px) {
    .navbar-toggle {
        display: none;
    }
}

/* Auxiliary button links
   ========================================================================== */
/* These links are styled like the toggles on x-small screens */
.nav-auxiliary .NavigationListItem {
  position: relative;
  /* this is required for the cart indicator placement */
  display: inline-block;
}
.nav-auxiliary .nav-aux-account .nav-text,
.nav-auxiliary .nav-aux-cart .nav-text {
  /* add the background sprite for the provided CSS classes */
  background-image: url("images/ResponsiveHeaderSprite.png");
  background-repeat: no-repeat;
  padding-left: 26px;
}
.nav-auxiliary .nav-aux-account .nav-text {
  background-position: 0 -125px;
}
.nav-auxiliary .nav-aux-cart .nav-text {
  background-position: 0 -75px;
}
.nav-auxiliary .nav-aux-cart .cartFull {
  /* This is the flag indicating how many items are in your cart */
  position: absolute;
  left: 10px;
  /* padding plus placement */
  top: -5px;
  line-height: 1;
  text-align: center;
  width: 1.6em;
}
.nav-auxiliary .nav-aux-cart .cartCenter {
  background-color: #ec8c56;
  color: white;
  border-radius: 2px;
  font-size: 78%;
  padding: 0 2px 1px;
  -webkit-box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.7);
  box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.7);
}
.nav-auxiliary .nav-aux-cart .cartCenter span:before, .nav-auxiliary .nav-aux-cart .cartCenter span:after {
  /* Clear the parentheses put around the item count by default */
  content: none;
}

@media (max-width: 1069px) {
  .nav-auxiliary .nav-aux-button .NavigationLink {
    /* This makes the link look like the toggle buttons */
    background-color: #2f8aa7;
    margin-left: 15px;
    padding: 9px 10px;
    margin-top: 6.5px;
    margin-bottom: 6.5px;
    border: 1px solid transparent;
    border-radius: 0;
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
    background-color: #267087;
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:active {
    background-color: #2f8aa7;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    /* hide the cart text on small devices */
    display: inline-block;
    white-space: nowrap;
    float: left;
    overflow: hidden;
    width: 22px;
    height: 19px;
    padding-left: 22px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    background-position: 0 -100px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    background-position: 0 -50px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    /* This is the flag indicating how many items are in your cart */
    left: 29px;
    /* margin, padding, plus placement */
    top: 8px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: #99e6ff;
    color: black;
  }
}

.header-search {
  padding: 10px 15px;
}
.header-search > .header-search {
  padding: 0;
  /* don't double the padding */
}
@media (max-width: 1069px) {
  .header-search .search-field {
    width: 100%;
  }
}
@media (min-width: 1070px) {
  .header-search {
    padding: 0 0 0 7px;
  }
}
.no-mqs .header-search {
  padding: 0 0 0 7px;
}

/* Auxiliary/Primary switch
   ========================================================================== */
/**
 * A class that allows a navigation to display in the primary nav on xs screens 
 * and the auxiliary nav on wider screens. 
 * To use this configure the nav item to not be hidden and also display in the 
 * auxiliary navigaiton item. 
 */
@media (max-width: 1069px) {
  .nav-auxiliary .nav-aux-primary-switch,
  tr.nav-auxiliary .nav-aux-primary-switch,
  th.nav-auxiliary .nav-aux-primary-switch,
  td.nav-auxiliary .nav-aux-primary-switch {
    display: none !important;
  }
}
@media (min-width: 1070px) {
  .nav-primary .nav-aux-primary-switch,
  tr.nav-primary .nav-aux-primary-switch,
  th.nav-primary .nav-aux-primary-switch,
  td.nav-primary .nav-aux-primary-switch {
    display: none !important;
  }
}
.no-mqs .nav-primary .nav-aux-primary-switch,
.no-mqs tr.nav-primary .nav-aux-primary-switch,
.no-mqs th.nav-primary .nav-aux-primary-switch,
.no-mqs td.nav-primary .nav-aux-primary-switch {
  display: none !important;
}

/* ==========================================================================
   SOCIAL ICONS
   ========================================================================== */
.SocialSprite {
  background-image: url(images/SocialSprite.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: top;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.SocialSprite.LargeButtons {
  width: 32px;
  height: 32px;
}
.SocialSprite:hover, .SocialSprite:focus, .SocialSprite:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:hover, a:hover .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:focus, a:focus .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:active, a:active .SocialSprite.FacebookIcon {
  background-position: 0 0;
  background-color: #3b5998;
}
.SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:hover, a:hover .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:focus, a:focus .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:active, a:active .SocialSprite.FacebookIcon.LargeButtons {
  background-position: 0 -80px;
}
.SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:hover, a:hover .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:focus, a:focus .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:active, a:active .SocialSprite.TwitterIcon {
  background-position: -40px 0;
  background-color: #00a0d1;
}
.SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:hover, a:hover .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:focus, a:focus .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:active, a:active .SocialSprite.TwitterIcon.LargeButtons {
  background-position: -40px -80px;
}
.SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:hover, a:hover .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:focus, a:focus .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:active, a:active .SocialSprite.LinkedInIcon {
  background-position: -80px 0;
  background-color: #0e76a8;
}
.SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:hover, a:hover .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:focus, a:focus .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:active, a:active .SocialSprite.LinkedInIcon.LargeButtons {
  background-position: -80px -80px;
}
.SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:hover, a:hover .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:focus, a:focus .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:active, a:active .SocialSprite.YouTubeIcon {
  background-position: -120px 0;
  background-color: #c4302b;
}
.SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:hover, a:hover .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:focus, a:focus .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:active, a:active .SocialSprite.YouTubeIcon.LargeButtons {
  background-position: -120px -80px;
}
.SocialSprite.EmailIcon, .SocialSprite.EmailIcon:hover, a:hover .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:focus, a:focus .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:active, a:active .SocialSprite.EmailIcon {
  background-position: -160px 0;
  background-color: #0a629a;
}
.SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:hover, a:hover .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:focus, a:focus .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:active, a:active .SocialSprite.EmailIcon.LargeButtons {
  background-position: -160px -80px;
}
.SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:hover, a:hover .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:focus, a:focus .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:active, a:active .SocialSprite.PinterestIcon {
  background-position: -200px 0;
  background-color: #0a629a;
}
.SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:hover, a:hover .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:focus, a:focus .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:active, a:active .SocialSprite.PinterestIcon.LargeButtons {
  background-position: -200px -80px;
}
.SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:hover, a:hover .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:focus, a:focus .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:active, a:active .SocialSprite.GPlusIcon {
  background-position: -240px 0;
  background-color: #db4a39;
}
.SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:hover, a:hover .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:focus, a:focus .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:active, a:active .SocialSprite.GPlusIcon.LargeButtons {
  background-position: -240px -80px;
}
.SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:hover, a:hover .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:focus, a:focus .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:active, a:active .SocialSprite.SkypeIcon {
  background-position: -280px 0;
  background-color: #00aff0;
}
.SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:hover, a:hover .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:focus, a:focus .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:active, a:active .SocialSprite.SkypeIcon.LargeButtons {
  background-position: -280px -80px;
}

/**** End Social Netowrking Icon Styling ****/
input,
button,
select,
textarea {
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 40px;
  font-size: 18px;
  color: #607d8b !important;
  border: 1px solid #039be5 !important;
  border-radius: 0px !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #607d8b;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
select:-moz-placeholder,
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
.uneditable-input:-moz-placeholder {
  color: #607d8b;
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.uneditable-input::-moz-placeholder {
  color: #607d8b;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.uneditable-input:-ms-input-placeholder {
  color: #607d8b;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.uneditable-input::-webkit-input-placeholder {
  color: #607d8b;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

textarea {
  height: auto;
}

select {
  border: 1px solid #cccccc;
  background-color: white;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
/* set up button base styles */
.btn,
.TextButton,
.TextButtonWithImage,
.RadUpload .ruButton,
.RadUploadProgressArea .ruButton,
#masterHeaderActionArea a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.6;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.btn:focus,
.TextButton:focus,
.TextButtonWithImage:focus,
.RadUpload .ruButton:focus,
.RadUploadProgressArea .ruButton:focus,
#masterHeaderActionArea a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn:visited,
.TextButton:hover,
.TextButton:focus,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:visited,
.RadUpload .ruButton:hover,
.RadUpload .ruButton:focus,
.RadUpload .ruButton:visited,
.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea .ruButton:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:visited {
  color: white;
  text-decoration: none;
}
.btn:active, .btn.active,
.TextButton:active,
.TextButton.active,
.TextButtonWithImage:active,
.TextButtonWithImage.active,
.RadUpload .ruButton:active,
.RadUpload .ruButton.active,
.RadUploadProgressArea .ruButton:active,
.RadUploadProgressArea .ruButton.active,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.aspNetDisabled,
.TextButton.disabled,
.TextButton[disabled], fieldset[disabled]
.TextButton,
.TextButton.aspNetDisabled,
.TextButtonWithImage.disabled,
.TextButtonWithImage[disabled], fieldset[disabled]
.TextButtonWithImage,
.TextButtonWithImage.aspNetDisabled,
.RadUpload .ruButton.disabled,
.RadUpload .ruButton[disabled], fieldset[disabled]
.RadUpload .ruButton,
.RadUpload .ruButton.aspNetDisabled,
.RadUploadProgressArea .ruButton.disabled,
.RadUploadProgressArea .ruButton[disabled], fieldset[disabled]
.RadUploadProgressArea .ruButton,
.RadUploadProgressArea .ruButton.aspNetDisabled,
#masterHeaderActionArea a.disabled,
#masterHeaderActionArea a[disabled], fieldset[disabled]
#masterHeaderActionArea a,
#masterHeaderActionArea a.aspNetDisabled {
  pointer-events: none;
  opacity: 0.55;
  filter: alpha(opacity=55.0);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* default button */
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton {
  color: white;
  background-color: #2f8aa7;
  border-color: transparent;
}
.btn:hover, .btn:focus, .btn:active, .btn.active,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.TextButton.active,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:active,
.TextButtonWithImage.active,
.ruButton:hover,
.ruButton:focus,
.ruButton:active,
.ruButton.active,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active,
.RadGrid input.TextButton:hover,
.RadGrid input.TextButton:focus,
.RadGrid input.TextButton:active,
.RadGrid input.TextButton.active {
  color: white;
  background-color: #267087;
  border-color: transparent;
}
.btn:active, .btn.active,
.TextButton:active,
.TextButton.active,
.TextButtonWithImage:active,
.TextButtonWithImage.active,
.ruButton:active,
.ruButton.active,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active,
.RadGrid input.TextButton:active,
.RadGrid input.TextButton.active {
  background-image: none;
}
.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .btn.aspNetDisabled.active,
.TextButton.disabled,
.TextButton.disabled:hover,
.TextButton.disabled:focus,
.TextButton.disabled:active,
.TextButton.disabled.active,
.TextButton[disabled],
.TextButton[disabled]:hover,
.TextButton[disabled]:focus,
.TextButton[disabled]:active,
.TextButton[disabled].active, fieldset[disabled]
.TextButton, fieldset[disabled]
.TextButton:hover, fieldset[disabled]
.TextButton:focus, fieldset[disabled]
.TextButton:active, fieldset[disabled]
.TextButton.active,
.TextButton.aspNetDisabled,
.TextButton.aspNetDisabled:hover,
.TextButton.aspNetDisabled:focus,
.TextButton.aspNetDisabled:active,
.TextButton.aspNetDisabled.active,
.TextButtonWithImage.disabled,
.TextButtonWithImage.disabled:hover,
.TextButtonWithImage.disabled:focus,
.TextButtonWithImage.disabled:active,
.TextButtonWithImage.disabled.active,
.TextButtonWithImage[disabled],
.TextButtonWithImage[disabled]:hover,
.TextButtonWithImage[disabled]:focus,
.TextButtonWithImage[disabled]:active,
.TextButtonWithImage[disabled].active, fieldset[disabled]
.TextButtonWithImage, fieldset[disabled]
.TextButtonWithImage:hover, fieldset[disabled]
.TextButtonWithImage:focus, fieldset[disabled]
.TextButtonWithImage:active, fieldset[disabled]
.TextButtonWithImage.active,
.TextButtonWithImage.aspNetDisabled,
.TextButtonWithImage.aspNetDisabled:hover,
.TextButtonWithImage.aspNetDisabled:focus,
.TextButtonWithImage.aspNetDisabled:active,
.TextButtonWithImage.aspNetDisabled.active,
.ruButton.disabled,
.ruButton.disabled:hover,
.ruButton.disabled:focus,
.ruButton.disabled:active,
.ruButton.disabled.active,
.ruButton[disabled],
.ruButton[disabled]:hover,
.ruButton[disabled]:focus,
.ruButton[disabled]:active,
.ruButton[disabled].active, fieldset[disabled]
.ruButton, fieldset[disabled]
.ruButton:hover, fieldset[disabled]
.ruButton:focus, fieldset[disabled]
.ruButton:active, fieldset[disabled]
.ruButton.active,
.ruButton.aspNetDisabled,
.ruButton.aspNetDisabled:hover,
.ruButton.aspNetDisabled:focus,
.ruButton.aspNetDisabled:active,
.ruButton.aspNetDisabled.active,
#masterHeaderActionArea a.disabled,
#masterHeaderActionArea a.disabled:hover,
#masterHeaderActionArea a.disabled:focus,
#masterHeaderActionArea a.disabled:active,
#masterHeaderActionArea a.disabled.active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active,
#masterHeaderActionArea a[disabled].active, fieldset[disabled]
#masterHeaderActionArea a, fieldset[disabled]
#masterHeaderActionArea a:hover, fieldset[disabled]
#masterHeaderActionArea a:focus, fieldset[disabled]
#masterHeaderActionArea a:active, fieldset[disabled]
#masterHeaderActionArea a.active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
#masterHeaderActionArea a.aspNetDisabled.active,
.RadGrid input.TextButton.disabled,
.RadGrid input.TextButton.disabled:hover,
.RadGrid input.TextButton.disabled:focus,
.RadGrid input.TextButton.disabled:active,
.RadGrid input.TextButton.disabled.active,
.RadGrid input.TextButton[disabled],
.RadGrid input.TextButton[disabled]:hover,
.RadGrid input.TextButton[disabled]:focus,
.RadGrid input.TextButton[disabled]:active,
.RadGrid input.TextButton[disabled].active, fieldset[disabled]
.RadGrid input.TextButton, fieldset[disabled]
.RadGrid input.TextButton:hover, fieldset[disabled]
.RadGrid input.TextButton:focus, fieldset[disabled]
.RadGrid input.TextButton:active, fieldset[disabled]
.RadGrid input.TextButton.active,
.RadGrid input.TextButton.aspNetDisabled,
.RadGrid input.TextButton.aspNetDisabled:hover,
.RadGrid input.TextButton.aspNetDisabled:focus,
.RadGrid input.TextButton.aspNetDisabled:active,
.RadGrid input.TextButton.aspNetDisabled.active {
  background-color: #2f8aa7;
  border-color: transparent;
}

/* some Telerik overrides */
.ruButton {
  background-color: #2f8aa7 !important;
  color: white !important;
  cursor: pointer;
}

/* primary button */
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton {
  color: white;
  background-color: #dc4f00;
  border-color: transparent;
}
.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton.active,
.SaveAndClose:hover,
.SaveAndClose:focus,
.SaveAndClose:active,
.SaveAndClose.active,
.SaveAs:hover,
.SaveAs:focus,
.SaveAs:active,
.SaveAs.active,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton.active,
.UsePrimaryButton .TextButtonWithImage:hover,
.UsePrimaryButton .TextButtonWithImage:focus,
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage.active,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton.active {
  color: white;
  background-color: #b34000;
  border-color: transparent;
}
.PrimaryButton:active, .PrimaryButton.active,
.SaveAndClose:active,
.SaveAndClose.active,
.SaveAs:active,
.SaveAs.active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton.active,
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage.active,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton.active {
  background-image: none;
}
.PrimaryButton.disabled, .PrimaryButton.disabled:hover, .PrimaryButton.disabled:focus, .PrimaryButton.disabled:active, .PrimaryButton.disabled.active, .PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, .PrimaryButton[disabled].active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, fieldset[disabled] .PrimaryButton.active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .PrimaryButton.aspNetDisabled.active,
.SaveAndClose.disabled,
.SaveAndClose.disabled:hover,
.SaveAndClose.disabled:focus,
.SaveAndClose.disabled:active,
.SaveAndClose.disabled.active,
.SaveAndClose[disabled],
.SaveAndClose[disabled]:hover,
.SaveAndClose[disabled]:focus,
.SaveAndClose[disabled]:active,
.SaveAndClose[disabled].active, fieldset[disabled]
.SaveAndClose, fieldset[disabled]
.SaveAndClose:hover, fieldset[disabled]
.SaveAndClose:focus, fieldset[disabled]
.SaveAndClose:active, fieldset[disabled]
.SaveAndClose.active,
.SaveAndClose.aspNetDisabled,
.SaveAndClose.aspNetDisabled:hover,
.SaveAndClose.aspNetDisabled:focus,
.SaveAndClose.aspNetDisabled:active,
.SaveAndClose.aspNetDisabled.active,
.SaveAs.disabled,
.SaveAs.disabled:hover,
.SaveAs.disabled:focus,
.SaveAs.disabled:active,
.SaveAs.disabled.active,
.SaveAs[disabled],
.SaveAs[disabled]:hover,
.SaveAs[disabled]:focus,
.SaveAs[disabled]:active,
.SaveAs[disabled].active, fieldset[disabled]
.SaveAs, fieldset[disabled]
.SaveAs:hover, fieldset[disabled]
.SaveAs:focus, fieldset[disabled]
.SaveAs:active, fieldset[disabled]
.SaveAs.active,
.SaveAs.aspNetDisabled,
.SaveAs.aspNetDisabled:hover,
.SaveAs.aspNetDisabled:focus,
.SaveAs.aspNetDisabled:active,
.SaveAs.aspNetDisabled.active,
.UsePrimaryButton .TextButton.disabled,
.UsePrimaryButton .TextButton.disabled:hover,
.UsePrimaryButton .TextButton.disabled:focus,
.UsePrimaryButton .TextButton.disabled:active,
.UsePrimaryButton .TextButton.disabled.active,
.UsePrimaryButton .TextButton[disabled],
.UsePrimaryButton .TextButton[disabled]:hover,
.UsePrimaryButton .TextButton[disabled]:focus,
.UsePrimaryButton .TextButton[disabled]:active,
.UsePrimaryButton .TextButton[disabled].active, fieldset[disabled]
.UsePrimaryButton .TextButton, fieldset[disabled]
.UsePrimaryButton .TextButton:hover, fieldset[disabled]
.UsePrimaryButton .TextButton:focus, fieldset[disabled]
.UsePrimaryButton .TextButton:active, fieldset[disabled]
.UsePrimaryButton .TextButton.active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.UsePrimaryButton .TextButton.aspNetDisabled.active,
.UsePrimaryButton .TextButtonWithImage.disabled,
.UsePrimaryButton .TextButtonWithImage.disabled:hover,
.UsePrimaryButton .TextButtonWithImage.disabled:focus,
.UsePrimaryButton .TextButtonWithImage.disabled:active,
.UsePrimaryButton .TextButtonWithImage.disabled.active,
.UsePrimaryButton .TextButtonWithImage[disabled],
.UsePrimaryButton .TextButtonWithImage[disabled]:hover,
.UsePrimaryButton .TextButtonWithImage[disabled]:focus,
.UsePrimaryButton .TextButtonWithImage[disabled]:active,
.UsePrimaryButton .TextButtonWithImage[disabled].active, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:active, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage.active,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled.active,
#masterHeaderActionArea a.disabled,
#masterHeaderActionArea a.disabled:hover,
#masterHeaderActionArea a.disabled:focus,
#masterHeaderActionArea a.disabled:active,
#masterHeaderActionArea a.disabled.active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active,
#masterHeaderActionArea a[disabled].active, fieldset[disabled]
#masterHeaderActionArea a, fieldset[disabled]
#masterHeaderActionArea a:hover, fieldset[disabled]
#masterHeaderActionArea a:focus, fieldset[disabled]
#masterHeaderActionArea a:active, fieldset[disabled]
#masterHeaderActionArea a.active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
#masterHeaderActionArea a.aspNetDisabled.active,
.RadGrid input.PrimaryButton.disabled,
.RadGrid input.PrimaryButton.disabled:hover,
.RadGrid input.PrimaryButton.disabled:focus,
.RadGrid input.PrimaryButton.disabled:active,
.RadGrid input.PrimaryButton.disabled.active,
.RadGrid input.PrimaryButton[disabled],
.RadGrid input.PrimaryButton[disabled]:hover,
.RadGrid input.PrimaryButton[disabled]:focus,
.RadGrid input.PrimaryButton[disabled]:active,
.RadGrid input.PrimaryButton[disabled].active, fieldset[disabled]
.RadGrid input.PrimaryButton, fieldset[disabled]
.RadGrid input.PrimaryButton:hover, fieldset[disabled]
.RadGrid input.PrimaryButton:focus, fieldset[disabled]
.RadGrid input.PrimaryButton:active, fieldset[disabled]
.RadGrid input.PrimaryButton.active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active,
.RadGrid input.PrimaryButton.aspNetDisabled.active {
  background-color: #dc4f00;
  border-color: transparent;
}

.MediumButton,
.UseMediumButton .TextButton,
.UseMediumButton .TextButtonWithImage {
  font-size: 120% !important;
  padding: 9px 14px !important;
}

.LargeButton,
.UseLargeButton .TextButton,
.UseLargeButton .TextButtonWithImage {
  font-size: 150% !important;
  padding: 12px 17px !important;
}

.CalloutArea1 .btn.PrimaryButton,
.CalloutArea1 .TextButton.PrimaryButton,
.CalloutArea1 .TextButtonWithImage.PrimaryButton,
.CalloutArea2 .btn.PrimaryButton,
.CalloutArea2 .TextButton.PrimaryButton,
.CalloutArea2 .TextButtonWithImage.PrimaryButton {
  color: white;
  background-color: #424242;
}
.CalloutArea1 .btn.PrimaryButton:hover, .CalloutArea1 .btn.PrimaryButton:active, .CalloutArea1 .btn.PrimaryButton:focus,
.CalloutArea1 .TextButton.PrimaryButton:hover,
.CalloutArea1 .TextButton.PrimaryButton:active,
.CalloutArea1 .TextButton.PrimaryButton:focus,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:hover,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:active,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:focus,
.CalloutArea2 .btn.PrimaryButton:hover,
.CalloutArea2 .btn.PrimaryButton:active,
.CalloutArea2 .btn.PrimaryButton:focus,
.CalloutArea2 .TextButton.PrimaryButton:hover,
.CalloutArea2 .TextButton.PrimaryButton:active,
.CalloutArea2 .TextButton.PrimaryButton:focus,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:hover,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:active,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:focus {
  color: white;
  background-color: #232323;
}

/**** End button styles ****/
/* ==========================================================================
   CONTENT ITEMS
   ========================================================================== */
.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish {
  border: none;
  text-align: center;
}

.PanelHead.Distinguish .PanelHeadOptions,
.panel-heading.Distinguish .panel-head-options {
  margin-top: .6em;
}

/* Search Results
   ========================================================================== */
.SearchField,
.SearchResultSummary .ListItemTitle a {
  display: block;
  background-color: #badde8;
  padding: 8px 12px;
}

.SearchField label {
  font-size: 120%;
  color: #23749d;
}

.SearchResultSummary .ListItemTitle a {
  text-decoration: none;
  color: #333333 !important;
  margin: -4px -7px 0;
}

.SearchResultSummary .ListItemTitle a:hover {
  background-color: #93cadc;
  text-decoration: underline;
}

/* Event Display
   ========================================================================== */
.EventSummary {
  background-color: #f4f5ed;
}
.EventSummary .PhotoArea {
  padding: 2em;
}
.EventSummary .PhotoArea img {
  border: 1px solid #CCC !important;
}
.EventSummary .Description {
  padding: 0 2em 2em;
}
@media (min-width: 768px) {
  .EventSummary .Description {
    padding: 2em;
  }
}
.no-mqs .EventSummary .Description {
  padding: 2em;
}

.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading {
  background-color: #93cadc;
}
.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family: Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  padding-left: .5em;
}

.panel-title {
	color: #607d8b !important;
}

/* Progress Tracker
   ========================================================================== */
/* These are overrides for the colors and styles defined in 10-UltraWave.css */
/* <Progress Tracker (Default)> */
.ProgressTracker .count {
  font-weight: bold;
}
.ProgressTracker .SuccessfulMessage,
.ProgressTracker .ProgressBar > span {
  background-color: #3aabcf;
}

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: #93cadc;
}
.ProgressTracker2 .ProgressTrackerPanel:before, .ProgressTracker2 .ProgressTrackerPanel:after {
  content: " ";
  display: table;
}
.ProgressTracker2 .ProgressTrackerPanel:after {
  clear: both;
}
.ProgressTracker2 .ProgressTrackerPanel .count {
  color: white;
  font-family: Raleway, Verdana, sans-serif;
  font-weight: 200;
}
.ProgressTracker2 div p {
  background-color: white;
  color: #23749d;
  margin-bottom: 0;
}
.ProgressTracker2 .ProgressBar {
  margin: 10px;
}
.ProgressTracker2 .ProgressBar > span {
  background-color: #db9770;
}
.ProgressTracker2 .SuccessfulMessage {
  background-color: #6db0d3;
  color: #333333;
}

/* </Progress Tracker 2> */
/* Filter Panel (Query Menu)
   ========================================================================== */
/* This is an alternate style for the Query Menu filter panel */
.FilterPanel {
  background-color: #f4f5ed;
  border: none !important;
  margin-top: -3px;
}
.FilterPanel .PanelTitle,
.FilterPanel .panel-title {
  background-image: none;
  padding-left: 0.1em;
  line-height: normal;
  margin-left: 0;
  font-size: 140%;
}
.FilterPanel .PanelHead.Distinguish,
.FilterPanel .panel-heading.Distinguish {
  border: none;
  min-height: 1em;
}

/* Cart Charges
   ========================================================================== */
.CartCharges {
  background-color: #f4f5ed;
}
.CartCharges .PanelField {
  border-bottom: none;
  border-top: 1px dotted #dddddd;
}
.CartCharges .PanelField:first-child,
.CartCharges .PanelField .GrandTotal {
  border-top: none;
}
.CartCharges .GrandTotal .PanelField {
  background-color: white;
  text-transform: uppercase;
  font-weight: bold;
  color: #dc4f00;
}
.CartCharges .GrandTotal .PanelField .Label {
  color: #dc4f00;
}

/* Open Invoices
   ========================================================================== */
.OpenInvoicesTotals .SelectedTotal .PanelFieldValue {
  color: #dc4f00;
}

/* Group List Editor
   ========================================================================== */
.RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus,
.RadTreeView.GLE span[onclick]:hover,
.RadTreeView.GLE span[onclick]:focus {
  background-color: #2f8aa7;
  color: #fff;
}

/* Communiaction Preferences
   ========================================================================== */
.CommunicationPreferencesSection {
  background-color: #f4f5ed;
}

/* ==========================================================================
   TELERIK OVERRIDES
   ========================================================================== */
/* RadTabStrip
   ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL,
.RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
  /*background-color:#fc5839 !important;*/
}
.RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
  border-color: #ffffff;
  
}
.RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover {
  border-color: #ffffff;
}
.RadTabStripTop_Metro .rtsLevel1 .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsDisabled,
.RadTabStrip_Metro .rtsLevel1 .rtsDisabled:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover {
  color: #dedede;
}

/* RadToolTip
   ========================================================================== */
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover {
  /*background-color: #93cadc;*/
}

/* RadGrid
   ========================================================================== */
.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover {
  /*background-color: #3aabcf;*/
  border-color: #3aabcf;
  color: #fff !important;
}
.RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active,
.RadGrid.RadGrid_Metro .rgPagePrev:active,
.RadGrid.RadGrid_Metro .rgPageNext:active,
.RadGrid.RadGrid_Metro .rgPageFirst:active,
.RadGrid.RadGrid_Metro .rgPageLast:active {
  background-color: #3aabcf;
  border-color: #3aabcf;
  color: #fff !important;
}
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton,
.RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
  background-color: #3aabcf;
  border-color: #3aabcf;
  color: #fff !important;
}
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
  background-color: #3aabcf;
  border-color: #3aabcf;
}
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a,
.RadGrid.RadGrid_MetroTouch th.rgSorted a,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_Metro .rgSelectedRow a,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a,
.RadGrid.RadGrid_Metro th.rgSorted a {
  color: #fff !important;
}
.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
  background-color: #3aabcf;
}
.RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch rgActiveRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell,
.RadGrid.RadGrid_Metro .rgActiveRow td,
.RadGrid.RadGrid_Metro rgActiveRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgSelectedRow td,
.RadGrid.RadGrid_Metro rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
  border-color: #3aabcf;
}
* + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #3aabcf;
}
* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #3aabcf;
}

/* RadScheduler
   ========================================================================== */
.RadScheduler.RadScheduler_Metro .rsAptIn {
  border-top: none;
}
.RadScheduler.RadScheduler_Metro .rsHeader {
  border-color: #3aabcf;
  background-color: #3aabcf;
}
.RadScheduler.RadScheduler_Metro .rsHeader ul a {
  border-color: #3aabcf;
}
.RadScheduler.RadScheduler_Metro .rsHeader h2 {
  font-family: Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  text-transform: none;
  border-bottom: none;
}

/* RadMenu
   ========================================================================== */
.RadMenu.RadMenu_Metro, .RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  text-transform: none;
}
.RadMenu.RadMenu_Metro div.rmRootGroup,
.RadMenu.RadMenu_Metro ul.rmRootGroup,
.RadMenu.RadMenu_MetroTouch div.rmRootGroup,
.RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
  background-color: #2f8aa7;
}
.RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  border-color: #2f8aa7;
}
.RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover,
.RadMenu.RadMenu_MetroTouch .rmDisabled,
.RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
  border-color: #2f8aa7;
}
.RadMenu.RadMenu_Metro .rmGroup .rmFocused, .RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmSelected,
.RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected,
.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmExpanded,
.RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover {
  border-color: #2f8aa7;
  background-color: #2f8aa7;
  color: #FFF !important;
}

.RadMenu_MetroTouch .rmRootGroup .rmLeftImage {
  margin-top: 10px !important;
}

/* RadWindow
   ========================================================================== */
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
  background-color: #2f8aa7;
}
.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
  border-color: #2f8aa7;
  background-color: #2f8aa7;
}

.RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight,
.RadWindow.RadWindow_Metro .rwTopResize,
.RadWindow.RadWindow_Metro .rwControlButtons a {
  background-color: #2f8aa7;
}
.RadWindow.RadWindow_Metro .rwControlButtons a {
  border-color: #2f8aa7;
}
.RadWindow.RadWindow_Metro table.rwTitlebarControls em {
  text-transform: none;
}

/* ==========================================================================
   JUMBOTRON
   ========================================================================== */
/* Home page full width banners */
/* Mobile Hero Area
   ========================================================================== */
.HeroArea {
  height: 350px;
  width: 100%;
  position: relative;
}

.HeroBackground {
  height: 100%;
  background: #009fd9 url(images/MobileCairnsBanner.jpg) bottom center no-repeat;
  background-size: cover;
}

.HeroContent {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px 0;
  background-color: black;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: rgba(0, 0, 0, 0.75);
}
.HeroContent h1, .HeroContent h2, .HeroContent h3, .HeroContent h4, .HeroContent h5, .HeroContent .HeroText {
  color: white;
  margin: 0 8px 8px 8px;
}
.HeroContent .TextButton {
  float: right;
}

/* Responsive "Slider" Content
   ========================================================================== */
/* This header is used in the out-of-the-box Member, Member Responsive
 * and Annual Conference sample sites */
.Slider.FullWidth {
  height: 24em;
  background-image: url(images/sliderpage6.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  position: relative;
}
.Slider.FullWidth h1 {
  font-size: 280%;
}
@media (min-width: 768px) {
  .Slider.FullWidth h1 {
    font-size: 320%;
  }
}
.no-mqs .Slider.FullWidth h1 {
  font-size: 320%;
}
.Slider.FullWidth .SliderPage1 {
  height: 100%;
}
.Slider.FullWidth .SliderPage1 h1 {
  color: white;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1.2;
}
.Slider.FullWidth .SliderPage1 .SliderContent {
  /* remove the margins put on by the container */
  margin-left: -15px;
  margin-right: -15px;
  /* then add it back on */
  padding: 15px;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  position: absolute;
  bottom: 0;
  max-height: 100%;
  overflow: auto;
}
@media (min-width: 768px) {
  .Slider.FullWidth .SliderPage1 .SliderContent {
    position: inherit;
    float: right;
    width: 36em;
    margin: 1em;
    max-height: 22em;
  }
}
.no-mqs .Slider.FullWidth .SliderPage1 .SliderContent {
  position: inherit;
  float: right;
  width: 36em;
  margin: 1em;
  max-height: 22em;
}
.Slider.FullWidth .SliderPage1 .SliderText {
  overflow-y: auto;
  line-height: 1.7em;
  color: white;
}
.Slider.FullWidth .SliderPage1 .SliderText h2, .Slider.FullWidth .SliderPage1 .SliderText h3, .Slider.FullWidth .SliderPage1 .SliderText h4, .Slider.FullWidth .SliderPage1 .SliderText h5 {
  color: inherit;
}
.Slider.FullWidth .SliderPage1 p:last-child {
  margin-bottom: 0;
}
.Slider.FullWidth .SliderPage1 .ActionButton {
  margin-top: 1em;
  text-align: right;
}

/* Responsive "Jumbotron"
   ========================================================================== */
/* This header is used in the out-of-the-box Donor sample site */
.jumbotron .jumbotron-content {
  max-height: 100%;
}
.jumbotron .img-copyright {
  position: absolute;
  bottom: .5em;
  right: 1em;
  font-size: 70%;
}
.jumbotron .img-copyright a, .jumbotron .img-copyright a:hover, .jumbotron .img-copyright a:focus, .jumbotron .img-copyright a:visited, .jumbotron .img-copyright a:active {
  color: #fff;
}
.jumbotron.home, .jumbotron.interior {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}
.jumbotron.home {
  height: 24em;
}
.jumbotron.home h1 span,
.jumbotron.home .ActionButton {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1170px;
}
.jumbotron.home h1 {
  color: #fff;
  margin-top: 0;
  padding-top: .3em;
  padding-bottom: .3em;
  text-align: center;
  font-weight: normal;
  font-size: 280%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.45);
}
@media (min-width: 768px) {
  .jumbotron.home h1 {
    font-size: 320%;
  }
}
.no-mqs .jumbotron.home h1 {
  font-size: 320%;
}
@media (min-width: 768px) {
  .jumbotron.home h1 span {
    padding-left: 8%;
    padding-right: 8%;
  }
}
.no-mqs .jumbotron.home h1 span {
  padding-left: 8%;
  padding-right: 8%;
}
.jumbotron.home .ActionButton {
  text-align: right;
}
@media (min-width: 768px) {
  .jumbotron.home .ActionButton {
    padding-right: 12%;
  }
}
.no-mqs .jumbotron.home .ActionButton {
  padding-right: 12%;
}
.jumbotron.interior {
  height: 20em;
}
.jumbotron.interior p {
  padding: 1.5em 1em 0.8em;
  font-size: 150%;
  margin-bottom: 0;
}
.jumbotron.interior p:before, .jumbotron.interior p:after {
  content: " ";
  display: table;
}
.jumbotron.interior p:after {
  clear: both;
}
.jumbotron.interior .ActionButton {
  clear: both;
  padding-left: 3em;
  padding-right: 3em;
}
@media (max-width: 767px) {
  .jumbotron.interior .jumbotron-content {
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.65);
    text-align: center;
  }
}
@media (max-width: 779px) {
  .hideimg {
    display:none !important;
  }
}
@media (min-width: 480px) {
  .jumbotron.interior p {
    font-size: 170%;
  }
}
.no-mqs .jumbotron.interior p {
  font-size: 170%;
}
@media (min-width: 768px) {
  .jumbotron.interior {
    height: 25em;
  }
  .jumbotron.interior p {
    font-size: 200%;
  }
  .jumbotron.interior .jumbotron-text span {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.55);
    padding: 0 .45em;
    margin-bottom: .2em;
    float: left;
    clear: left;
  }
  .jumbotron.interior.AlignRight .jumbotron-text span {
    float: right;
    clear: right;
  }
}
.no-mqs .jumbotron.interior {
  height: 25em;
}
.no-mqs .jumbotron.interior p {
  font-size: 200%;
}
.no-mqs .jumbotron.interior .jumbotron-text span {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.55);
  padding: 0 .45em;
  margin-bottom: .2em;
  float: left;
  clear: left;
}
.no-mqs .jumbotron.interior.AlignRight .jumbotron-text span {
  float: right;
  clear: right;
}

/* ==========================================================================
   COMMUNITIES
   ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a {
  color: #333333;
}
.CommunityLinksBlock a:hover {
  background-color: #93cadc;
  color: #333333;
  text-decoration: none;
}
.CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
  background-color: #2f8aa7;
  color: White;
  font-weight: bold;
  text-decoration: none;
}

/* CommunityBreadCrumb */
.BreadCrumbCurrent {
  font-size: 120%;
  font-weight: bold;
}

/*** Communities common elements ***/
.CommunityItemActionLinks a:hover {
  background-color: #2f8aa7;
}

.CommunityItemTitle {
  font-size: 110%;
  padding: .25em 0;
}

.CommunityCommentItem {
  background: #f2f2f2;
  border-left: 10px solid #dddddd;
  padding: .5em .5em .2em .5em;
  margin-left: 3em;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.CommunityWikiItem .CommunityRepeaterTable .CommunityCommentItem {
  background: #f2f2f2;
}

/* For adding comments */
.CommunityWikiReplyForm {
  background: #f2f2f2;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

/*****************************************************/
/*            Donor Sample Site Styles               */
/*****************************************************/
/* These styles are used in the Donor sample site  */
.DonorBannerHome {
  background: url(../../images/SampleSites/Donor/birdbanner.jpg) no-repeat;
  overflow: hidden;
  height: 330px;
  position: relative;
}

.DonorBannerInterior {
  overflow: hidden;
  height: 275px;
  position: relative;
}

.DonorBannerInteriorBackground1 {
  background: #67895e url(../../images/SampleSites/Donor/bearbanner.jpg) no-repeat;
}

.DonorBannerInteriorBackground2 {
  background: #95bb19 url(../../images/SampleSites/Donor/butterflybanner.jpg) no-repeat;
}

.DonorBannerInteriorBackground3 {
  background: #764c31 url(../../images/SampleSites/Donor/catbanner.jpg) no-repeat;
}

.DonorBannerInteriorBackground4 {
  background: #416a26 url(../../images/SampleSites/Donor/frogbanner.jpg) no-repeat;
}

.DonorBannerInteriorBackground5 {
  background: #696f44 url(../../images/SampleSites/Donor/numbatbanner.jpg) no-repeat;
}

.DonorBannerInteriorBackground6 {
  background: #3c683d url(../../images/SampleSites/Donor/squirrelbanner.jpg) no-repeat;
}

.DonorBannerTextBackgroundHome {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 292px;
  width: 450px;
  margin: 20px;
}

.DonorBannerTextBackgroundInterior {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 236px;
  width: 450px;
  margin: 20px;
}

.DonorBannerTextBackgroundHome h1, .DonorBannerTextBackgroundInterior h1 {
  color: white;
  font-size: 2.8em;
  background: none;
  margin: 0.4em;
}

.DonorBannerTextBackgroundHome p, .DonorBannerTextBackgroundInterior p {
  color: white;
  font-size: 1.2em;
  line-height: 1.6em;
  margin: 1em;
  padding: 0.4em;
}

/**** End Donor Sample Site Styles ****/
/* ==========================================================================
   MISCELLANEOUS
   ========================================================================== */
/* Classes that can be used for iParts and HTML content */
/* Use class CalloutArea1 or CalloutArea2 to call out an iPart or content block */
.CalloutArea1, .CalloutBlockType1 {
  background-color: #009b96;
  padding: 10px;
  margin: 20px;
  border-radius: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: white;
}
.CalloutArea1 label, .CalloutArea1 h1, .CalloutArea1 h2, .CalloutArea1 h3, .CalloutArea1 h4, .CalloutArea1 h5, .CalloutArea1 .PanelTitle, .CalloutArea1 .TitleBarCaption, .CalloutArea1 a.FeatureActionLink, .CalloutBlockType1 label, .CalloutBlockType1 h1, .CalloutBlockType1 h2, .CalloutBlockType1 h3, .CalloutBlockType1 h4, .CalloutBlockType1 h5, .CalloutBlockType1 .PanelTitle, .CalloutBlockType1 .TitleBarCaption, .CalloutBlockType1 a.FeatureActionLink {
  color: white;
}
.CalloutArea1 a, .CalloutBlockType1 a {
  color: white;
}
.CalloutArea1 .Error, .CalloutBlockType1 .Error {
  color: #eeeeee !important;
}
.CalloutArea1 h2, .CalloutArea1 .PanelHead.Distinguish, .CalloutArea1 .TitleBarCaption, .CalloutBlockType1 h2, .CalloutBlockType1 .PanelHead.Distinguish, .CalloutBlockType1 .TitleBarCaption {
  border-bottom: none;
}

.CalloutArea2 {
  background-color: #dc4f00;
  padding: 10px;
  margin: 20px;
  border-radius: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: white;
}
.CalloutArea2 label, .CalloutArea2 h1, .CalloutArea2 h2, .CalloutArea2 h3, .CalloutArea2 h4, .CalloutArea2 h5, .CalloutArea2 .PanelTitle, .CalloutArea2 .TitleBarCaption, .CalloutArea2 a.FeatureActionLink {
  color: white;
}
.CalloutArea2 a {
  color: white;
}
.CalloutArea2 .Error {
  color: #eeeeee !important;
}
.CalloutArea2 h2, .CalloutArea2 .PanelHead.Distinguish, .CalloutArea2 .TitleBarCaption {
  border-bottom: none;
}

.CalloutArea3 {
  background-color: #23749d;
  padding: 10px;
  margin: 20px;
  border-radius: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: white;
}
.CalloutArea3 label, .CalloutArea3 h1, .CalloutArea3 h2, .CalloutArea3 h3, .CalloutArea3 h4, .CalloutArea3 h5, .CalloutArea3 .PanelTitle, .CalloutArea3 .TitleBarCaption, .CalloutArea3 a.FeatureActionLink {
  color: white;
}
.CalloutArea3 a {
  color: white;
}
.CalloutArea3 .Error {
  color: #eeeeee !important;
}
.CalloutArea3 h2, .CalloutArea3 .PanelHead.Distinguish, .CalloutArea3 .TitleBarCaption {
  border-bottom: none;
}

/* Use class AltBgColor1 to put a light-colored background on an iPart or content block */
.AltBgColor1 {
  background-color: #f4f5ed;
  padding: 10px;
}

.CalloutPart2 .panel-heading,
.CalloutPart2 .panel-body {
  background-color: #f4f5ed;
}

.CalloutPart1 .panel-heading,
.CalloutPart1 .panel-body {
  background-color: #93cadc;
}

.CalloutPart2 .panel-heading.Distinguish,
.CalloutPart1 .panel-heading.Distinguish {
  background-color: transparent;
}

/* Use class ContentBlockPrimary to give a block of content extra emphasis */
.ContentBlockPrimary {
  padding: 20px;
  background-color: #f4f5ed;
}
.ContentBlockPrimary .Quote {
  background-color: #fff;
}

/* Make the titles on secondary columns smaller - used on the Member home page */
.SecondaryColumn h2,
.SecondaryColumn .PanelTitle,
.SecondaryColumn .panel-title {
  font-family: inherit;
  font-weight: bold;
  font-size: 90%;
  color: #999999;
  text-transform: uppercase;
}
.SecondaryColumn h2,
.SecondaryColumn .PanelHead,
.SecondaryColumn .TitleBarCaption,
.SecondaryColumn .panel-heading {
  border-bottom: none;
}
.SecondaryColumn .PanelHead,
.SecondaryColumn .panel-heading {
  padding: 0 4px;
}
.SecondaryColumn .CommunityBlogItem {
  padding: 0 0 0 10px;
}
.SecondaryColumn .CommunityBlogItem .PanelFieldValue {
  padding: 0;
}
.SecondaryColumn .CommunityItemTitle {
  font-weight: normal;
  font-size: inherit;
}
.SecondaryColumn .RadGrid .rgRow td,
.SecondaryColumn .RadGrid .rgNoRecords td {
  padding: 4px;
}

/* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */
.ContentBlockPictureArea,
.ContentBlockLeft {
  width: 250px;
  float: left;
  margin-right: .5em;
  margin-bottom: .5em;
}
.ContentBlockPictureArea.FloatRight,
.ContentBlockLeft.FloatRight {
  float: right;
  margin-left: .5em;
}
.ContentBlockPictureArea img,
.ContentBlockLeft img {
  max-width: 100%;
  height: auto !important;
}

.BlockList ul {
  margin: 0;
}
.BlockList li {
  list-style: none;
}
.BlockList a {
  display: block;
  text-decoration: none;
  padding: 20px;
}
.BlockList a:hover {
  background-color: #eef0e3;
}
.BlockList a span {
  text-decoration: underline;
}
.BlockList p {
  color: #333333;
  margin-bottom: 0;
}

/* Tagged list format, styled similar to BlockList */
.BlockTLItem {
  display: block;
  text-decoration: none;
  padding: 10px 0;
}

.BlockTLItem,
.BlockList li {
  border-bottom: 1px dotted #dddddd;
}

.BlockTLItem h4,
.BlockList h4 {
  font-size: 110%;
  font-weight: normal;
}

/* PublishDate and ReadMoreLink are used in the Block tagged list format */
.PublishDate {
  font-size: 85%;
  font-style: italic;
}

/* Use on the blockquote element for a styled quote */
.Quote {
  background: #f4f5ed;
  border-left: 10px solid #dc4f00;
  margin: 1.5em .7em 1.5em 0;
  padding: 1.5em .7em;
  quotes: "\201C" "\201D" "\201C" "\201D";
  font-weight: normal;
}
.Quote:before {
  color: #ccd1ab;
  content: open-quote;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  font-size: 5em;
  line-height: 0.1em;
}
.Quote p {
  display: inline;
}
.Quote site {
  display: block;
  margin-left: 1em;
  margin-top: .5em;
  font-style: italic;
}
.Quote site:before {
  content: "— ";
}
@media (min-width: 768px) {
  .Quote {
    font-size: 1.2em;
  }
  .Quote site {
    font-size: .9em;
    margin-left: 2em;
  }
}
.no-mqs .Quote {
  font-size: 1.2em;
}
.no-mqs .Quote site {
  font-size: .9em;
  margin-left: 2em;
}

.QuoteStyle2 {
  border-left-color: #23749d;
}

/* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */
.CalloutPanelField1 .PanelField label:first-child,
.CalloutPanelField1.PanelField label:first-child,
.CalloutPanelField1 .PanelField .Label:first-child,
.CalloutPanelField1.PanelField .Label:first-child {
  position: relative;
  padding: 15px;
  margin: 0 0 1em;
  color: white;
  background: #ff6610;
  width: auto;
  border-radius: 3px;
}
.CalloutPanelField1 .PanelField label:first-child:after,
.CalloutPanelField1.PanelField label:first-child:after,
.CalloutPanelField1 .PanelField .Label:first-child:after,
.CalloutPanelField1.PanelField .Label:first-child:after {
  content: "";
  position: absolute;
  bottom: -8px;
  /* value = - border-top-width - border-bottom-width */
  left: 30px;
  /* controls horizontal position */
  border-width: 8px 8px 0;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #ff6610 transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* TotalBox can be used as a wrapper for PanelFields, or on the PanelField directly, to visually distinguish a calculated total. */
.TotalBox {
  border-color: #dddddd;
}

.TotalBox label {
  background-color: #dc4f00;
  color: white;
  padding: .25em .75em;
  color: white;
}

/* Add zone style "CCOGrayBg" to give CCO content a gray background */
.CCOGrayBg .ContentWizardDisplay {
  background-color: #f4f5ed;
}

.CCOGrayBg .yui-g {
  float: none;
}

/* Add zone style "TitleBarNoBorder" to remove the bottom border from the title bar caption */
.TitleBarNoBorder .TitleBarCaption, .TitleBarNoBorder .PanelHead.Distinguish, .TitleBarNoBorder .panel-heading.Distinguish {
  border-bottom: none;
}

/* Use the iPartChain class along with the appropriate placement class (FirstPart, MiddlePart or LastPart) 
to give several stacked iParts a conjoined look. */
.iPartChain.FirstPart > div > .panel {
  border-bottom-width: 0 !important;
}
.iPartChain.MiddlePart > div > .panel {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}
.iPartChain.LastPart > div > .panel {
  border-top-width: 0 !important;
}
.iPartChain.MiddlePart, .iPartChain.LastPart {
  margin-top: -0.9em;
}

/*Use PanelNoPadding class to turn off the padding on a PanelBody */
.NoPanelPadding .PanelBody,
.NoPanelPadding .panel-body {
  padding: 0;
}

/* Use the FeatureText class to make a block of text larger for emphasis */
.FeatureText {
  color: #595959;
  font-size: 150%;
  line-height: 170%;
}

/* Use the CenterText class to center the text within the iPart */
.CenterText {
  text-align: center;
}

.FullWidthButtons .btn, .FullWidthButtons .TextButton {
  display: block;
}

/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink {
  -webkit-transition: all 0.2s ease 0;
  -moz-transition: all 0.2s ease 0;
  -o-transition: all 0.2s ease 0;
  transition: all 0.2s ease 0;
  font-family: Raleway, Verdana, sans-serif;
  font-size: 110%;
  font-weight: 200;
  line-height: 1.5em;
  padding: 8px 0;
  text-decoration: none;
}
@media (min-width: 992px) {
  a.FeatureActionLink {
    font-size: 150%;
  }
}
.no-mqs a.FeatureActionLink {
  font-size: 150%;
}
a.FeatureActionLink:hover {
  text-decoration: underline;
}

/* Spotlight
   ========================================================================== */
/* Featured items display */
.Spotlight {
  text-align: center;
}
.Spotlight img, .Spotlight h4 {
  text-align: center;
}
@media (min-width: 768px) {
  .Spotlight .ImageWrapper {
    height: 160px;
  }
}
.no-mqs .Spotlight .ImageWrapper {
  height: 160px;
}
.Spotlight .TextButton {
  margin-top: 1em;
}
.Spotlight p {
  text-align: center;
  padding-top: 0.4em;
}
.Spotlight a img {
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.Spotlight a img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.SpotlightRow {
  margin-bottom: 1.2em;
}
.SpotlightRow:before, .SpotlightRow:after {
  content: " ";
  display: table;
}
.SpotlightRow:after {
  clear: both;
}
@media (min-width: 768px) {
  .SpotlightRow.ThreeAcross .Spotlight {
    float: left;
    width: 33%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.no-mqs .SpotlightRow.ThreeAcross .Spotlight {
  float: left;
  width: 33%;
  padding-left: 5%;
  padding-right: 5%;
}

/* Feature Header
   ========================================================================== */
.feature-header {
  color: #dc4f00;
  border-bottom: none;
  margin-bottom: .8em;
}

/* Feature Link
   ========================================================================== */
.feature-link-with-image {
  margin-bottom: 1em;
}
.feature-link-with-image, .feature-link-with-image:hover, .feature-link-with-image:active, .feature-link-with-image:visited {
  text-decoration: none;
  color: #fff;
}
.feature-link-with-image .feature-link-wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 17em;
  margin-bottom: 20px;
}
.feature-link-with-image .feature-link-text {
  height: 100%;
  padding: .8em;
  font-size: 110%;
}
@media (min-width: 480px) {
  .feature-link-with-image .feature-link-text {
    width: 45%;
  }
}
.no-mqs .feature-link-with-image .feature-link-text {
  width: 45%;
}
.feature-link-with-image .feature-link-text h1, .feature-link-with-image .feature-link-text h2, .feature-link-with-image .feature-link-text h3, .feature-link-with-image .feature-link-text h4, .feature-link-with-image .feature-link-text h5 {
  margin-top: 0;
}
.feature-link-with-image.feature-link-1 .feature-link-text {
  background-color: #dc4f00;
  background-color: rgba(220, 79, 0, 0.75);
}
.feature-link-with-image.feature-link-1:hover .feature-link-text {
  background-color: #a93d00;
  background-color: rgba(169, 61, 0, 0.75);
}
.feature-link-with-image.feature-link-2 .feature-link-text {
  background-color: #3aabcf;
  background-color: rgba(58, 171, 207, 0.75);
}
.feature-link-with-image.feature-link-2:hover .feature-link-text {
  background-color: #2a8dac;
  background-color: rgba(42, 141, 172, 0.75);
}

/* Feature Text Inline
   ========================================================================== */
.feature-text-inline {
  color: #dc4f00;
}

/* Header Links
   ========================================================================== */
.header-link {
  border-bottom: none;
}
.header-link a {
  text-decoration: none;
}
.header-link a, .header-link a:visited {
  color: #333333;
}
.header-link a:hover, .header-link a:active, .header-link a:focus {
  color: #23749d;
}

/* Image Banners
   ========================================================================== */
/* use these classes to get a particular background image on an element */
.bg-img-red-panda {
  background-color: #57574b;
  background-image: url("../../images/SampleSites/Donor/red-panda.jpg");
}

.bg-img-tiger-swimming {
  background-color: #1c1705;
  background-image: url("../../images/SampleSites/Donor/tiger-swimming.jpg");
}

.bg-img-highland-cow {
  background-color: #e4e0cd;
  background-image: url("../../images/SampleSites/Donor/highland-cow.jpg");
}

.bg-img-volunteer-canoes {
  background-color: #8aa15b;
  background-image: url("../../images/SampleSites/Donor/volunteer-canoes.jpg");
}

.bg-img-elephant-with-mountains {
  background-color: #748610;
  background-image: url("../../images/SampleSites/Donor/elephant-with-mountains.jpg");
}

.bg-img-wildlife-refuge {
  background-color: #6d7f2d;
  background-image: url("../../images/SampleSites/Donor/wildlife-refuge.jpg");
}

.bg-img-poplar-trees {
  background-color: #737e23;
  background-image: url("../../images/SampleSites/Donor/poplar-trees.jpg");
  background-position: top center !important;
}

.bg-img-swamp {
  background-color: #bbbdb8;
  background-image: url("../../images/SampleSites/Donor/swamp.jpg");
}

.bg-img-roseate-terns {
  background-color: #8f9949;
  background-image: url("../../images/SampleSites/Donor/roseate-terns.jpg");
  background-position: center 88% !important;
}

/* Image Copyright Statements
   ========================================================================== */
.img-copyright {
  font-size: 70%;
}

/* Donation page enhancements
   ========================================================================== */
/* To enhance the display of a donation page, apply the donate-page class to the Donation Creator iPart's CSS Class */
.donate-page .SectionLabel {
  color: #dc4f00;
  font-size: 250%;
}

.donate-page .GiftItemDescription,
.donate-page .GiftAmountLabel {
  font-size: 125%;
}

.donate-page .GiftItemDescription {
  display: block;
  padding-bottom: 20px;
}


/* Primary Nav Custom - TGOP */
.nav-primary
{
  box-sizing: border-box;
  padding: 15px;
  text-align: left;
  font-weight: lighter;
}

/* HOMEPAGE STYLING */
#ctl00_HomePageContent
{
   display:none;
}


.tile.home-bop-tile {
  background: #fbe9e7;
}

.tile.home-bop-tile .tile-header {
  background: #ff7043;
  padding: 15px 0 15px;
}

.tile.home-bop-tile .tile-header p {
  color: white;
  text-align: center;
  max-width: 375px;
  margin-right: auto;
  margin-left: auto;
}

.tile.home-bop-tile h2.tile-heading {
  color: white;
  margin-top: 0;
  text-align: center;
  font-family: "Lato";
}

.tile.home-bop-tile .tile-body {
  padding: 0;
}

.home-bop-slider-wrap {
  padding-top: 15px;
  padding-left: 60px;
  padding-right: 60px;
}

.research-slider-wrap {
  padding-top: 30px;
  padding-right: 15px;
  padding-left: 30px;
}

@media screen and (max-width: 620px) {
  .home-bop-slider-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}

.home-bop-slider-item {
  padding: 0 30px 15px;
  text-align: center;
  outline: none;
}

.home-bop-slider-item img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.home-bop-slider-item h3 {
  font-size: 25px;
  margin: 8px auto;
}

.home-bop-slider-item p {
  margin: 8px auto;
}

.home-bop-slider-item.home-bop-slider-item--steam {
    width: auto !important;
}

.research-slider-item {
  padding: 0 15px 15px 0;
  text-align: center;
  outline: none;
  margin: auto;
}

@media screen and (min-width: 621px) {
  .research-slider-item { 
  display: inline-block;
  margin: auto;
  width: 32%;
  vertical-align: top; }
}

.research-slider-item img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-family: 'LunchBox';
}

.research-slider-item h3 {
  font-size: 25px;
  margin: 8px auto;
  font-family: 'LunchBox';
	text-transform: uppercase;
}

.research-slider-item p {
  margin: 8px auto;
}

.home-bop-slider-item .button.button--hollow {
  margin-top: 8px;
  display: inline-block;
  width: auto;
}

.home-bop-slider-item.home-bop-slider-item--communicative h3 {
  color: #0018a8;
}

a.home-bop-slider-item.home-bop-slider-item--communicative {
  color: #0018a8;
  text-decoration: none;
}

.research-slider-item.home-bop-slider-item--communicative h3 {
  color: #0018a8;
}

.home-bop-slider-item.home-bop-slider-item--communicative .button.button--hollow,
.research-slider-item.home-bop-slider-item--communicative .button.button--hollow {
  color: #0018a8;
  border-color: #0018a8;
}

.home-bop-slider-item.home-bop-slider-item--communicative .button.button--hollow, .research-slider-item.home-bop-slider-item--communicative .button.button--hollow a {
  color: #0018a8;
}

.home-bop-slider-item.home-bop-slider-item--communicative .button.button--hollow:hover {
  color: #001175;
}

.home-bop-slider-item.home-bop-slider-item--physical h3 {
  color: #ea2839;
}

a.home-bop-slider-item.home-bop-slider-item--physical {
  color: #ea2839;
  text-decoration: none;
}

.home-bop-slider-item.home-bop-slider-item--physical .button.button--hollow, 
.research-slider-item.home-bop-slider-item--physical .button.button--hollow {
  color: #ea2839;
  border-color: #ea2839;
}

.home-bop-slider-item.home-bop-slider-item--physical .button.button--hollow, .research-slider-item.home-bop-slider-item--physical .button.button--hollow a {
  color: #ea2839;
  }

.home-bop-slider-item.home-bop-slider-item--physical .button.button--hollow:hover {
  color: #cb1424;
}

.home-bop-slider-item.home-bop-slider-item--creative h3 {
  color: #e98300;
}

a.home-bop-slider-item.home-bop-slider-item--creative {
  color: #e98300;
  text-decoration: none;
}

.research-slider-item.home-bop-slider-item--creative h3 {
  color: #e98300;
}

.home-bop-slider-item.home-bop-slider-item--creative .button.button--hollow,
.research-slider-item.home-bop-slider-item--creative .button.button--hollow {
  color: #e98300;
  border-color: #e98300;
}

.home-bop-slider-item.home-bop-slider-item--creative .button.button--hollow, .research-slider-item.home-bop-slider-item--creative .button.button--hollow a {
  color: #e98300;
  }

.home-bop-slider-item.home-bop-slider-item--creative .button.button--hollow:hover {
  color: #b66600;
}

.home-bop-slider-item.home-bop-slider-item--cognitive h3 {
  color: #69be28;
}

a.home-bop-slider-item.home-bop-slider-item--cognitive {
  color: #69be28;
  text-decoration: none;
}

.research-slider-item.home-bop-slider-item--cognitive h3 {
  color: #69be28;
}

.home-bop-slider-item.home-bop-slider-item--cognitive .button.button--hollow,
.research-slider-item.home-bop-slider-item--cognitive .button.button--hollow {
  color: #69be28;
  border-color: #69be28;
}

.home-bop-slider-item.home-bop-slider-item--cognitive .button.button--hollow, .research-slider-item.home-bop-slider-item--cognitive .button.button--hollow a {
  color: #69be28;
}

.home-bop-slider-item.home-bop-slider-item--cognitive .button.button--hollow:hover {
  color: #52941f;
}

.home-bop-slider-item.home-bop-slider-item--social h3 {
  color: #fecb00;
}

a.home-bop-slider-item.home-bop-slider-item--social h3 {
  color: #fecb00;
  text-decoration: none;
}

.research-slider-item.home-bop-slider-item--social h3 {
  color: #fecb00;
}

.research-slider-item.home-bop-slider-item--emotional h3 {
  color: #952d98;
}

.research-slider-item.home-bop-slider-item--physical h3 {
  color: #ea2839;
}

.home-bop-slider-item.home-bop-slider-item--social .button.button--hollow,
.research-slider-item.home-bop-slider-item--social .button.button--hollow {
  color: #fecb00;
  border-color: #fecb00;
}

.home-bop-slider-item.home-bop-slider-item--social .button.button--hollow, .research-slider-item.home-bop-slider-item--social .button.button--hollow a {
  color: #fecb00;
}

.home-bop-slider-item.home-bop-slider-item--social .button.button--hollow:hover {
  color: #cba200;
}

.home-bop-slider-item.home-bop-slider-item--emotional h3 {
  color: #952d98;
}

a.home-bop-slider-item.home-bop-slider-item--emotional {
  color: #952d98;
  text-decoration: none;
}

.home-bop-slider-item.home-bop-slider-item--emotional .button.button--hollow,
.research-slider-item.home-bop-slider-item--emotional .button.button--hollow {
  color: #952d98;
  border-color: #952d98;
}

.home-bop-slider-item.home-bop-slider-item--emotional .button.button--hollow, .research-slider-item.home-bop-slider-item--emotional .button.button--hollow a {
  color: #952d98;
}

.home-bop-slider-item.home-bop-slider-item--emotional .button.button--hollow:hover {
  color: #6e2171;
}

.mobile-accordion-toggle {
  display: none;
}

.mobile-accordion-toggle:after {
  content: "\f0da";
  margin-left: 5px;
}

.mobile-accordion.is-open .mobile-accordion-toggle:after {
  content: "\f0d7";
}

@media screen and (max-width: 768px) {
  .mobile-accordion .mobile-accordion-content {
    display: none;
  }
  .mobile-accordion.is-open .mobile-accordion-content {
    display: block;
  }
  .mobile-accordion-toggle {
    background: #039be5;
    color: #fff;
    display: block;
    text-align: center;
    padding: 15px 7.5px;
    position: relative;
    margin: 15px;
  }
  .mobile-accordion-toggle.mobile-accordion-toggle--bop {
    background-color: #ff5722;
  }
  .mobile-accordion-toggle.mobile-accordion-toggle--ideas {
    background-color: #039be5;
  }
  .mobile-accordion-toggle.mobile-accordion-toggle--advice {
    background-color: #ad1457;
  }
  .mobile-accordion-toggle.mobile-accordion-toggle--community {
    background-color: #009688;
  }
  .mobile-accordion-toggle.mobile-accordion-toggle--toy {
    background-color: #f58318;
  }
  .row .mobile-accordion .mobile-accordion-toggle {
    margin: 0;
  }
  .row .mobile-accordion + .mobile-accordion .mobile-accordion-toggle {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/App_Themes/tgop/images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font: normal normal normal 20px/1 FontAwesome;
  color: #607d8b;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "\f0a8";
}

[dir="rtl"] .slick-prev:before {
  content: "\f0a8";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "\f0a9";
}

[dir="rtl"] .slick-next:before {
  content: "\f0a9";
}


/* ROW & COLUMN STYLES */

.table {
  display: table;
}

.table-cell {
  display: table-cell;
}

.row:before, .row:after,
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.row::after,
.clearfix::after {
  clear: both;
}

.container, .tile-filters {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container, .tile-filters {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container, .tile-filters {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container, .tile-filters {
    width: 1170px;
  }
}

.container-fluid {
  width: 100%;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 20%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  /*.col-lg-4 {
    width: 33.33333333%;
  }*/
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

@media (min-width:992px) {
	.col-lg-4 {
    width: 33.33333333%;
  }
}
.visible-xs,
.visible-sm,
.visible-sm.visible-xs,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs, .visible-sm.visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm, .visible-sm.visible-xs {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

input.stylised-input {
  width: 100%;
  font-size: 16px;
  border-radius: 1rem;
  border: 1px solid #ccc;
  padding: 12px;
}

input.stylised-input:focus {
  outline: none;
  border: 1px solid #039be5;
}

/* FONTS & HEADERS */

ul#primary-nav-list > .primary-nav-list-item > ul.primary-subnav-list li.primary-subnav-list-item.has-subnav > a:after, li.tile-filters-item.tile-filters-item--has-dropdown a:after, .mobile-accordion-toggle:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button,
a.button,
button.button {
  display: inline-block;
  color: white;
  background-color: #039be5;
  text-decoration: none;
  padding: 10px 15px;
  line-height: 1;
  font-weight: 700;
  font-style: italic;
  border: none;
}

.button:hover, .button:active,
a.button:hover,
a.button:active,
button.button:hover,
button.button:active {
  background-color: #0279b3;
}

.button.button--hollow,
a.button.button--hollow,
button.button.button--hollow {
  background: transparent;
  border-color: #607d8b;
  border: 1px solid #607d8b;
  color: #607d8b;
  display: inline-block;
  font-size: 16px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  /*margin-top: 30px;*/
  padding: 11px 30px;
}

.button.button--hollowblue,
a.button.button--hollowblue,
button.button.button--hollowblue {
  background: transparent;
  border-color: #03a9f4;
  border: 1px solid #03a9f4;
  color: #03a9f4;
  display: inline-block;
  font-size: 16px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  /*margin-top: 30px;*/
  padding: 11px 30px;
}

.button.button--hollow--spanish,
a.button.button--hollow--spanish,
button.button.button--hollow--spanish {
  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  width: auto;
  margin: 15px auto;
  padding: 11px 30px;
}

.button.button--load-more,
a.button.button--load-more,
button.button.button--load-more {
  max-width: 196px;
}

.button.button--related,
a.button.button--related,
button.button.button--related {
  display: inline-block;
  text-align: center;
  width: auto;
  margin-top: -25px;
}

.button.button--inline,
a.button.button--inline,
button.button.button--inline {
  display: inline-block;
  width: auto;
  padding: 7.5px 30px;
}

h1, h2, h3, h4, h5, h6, .tile-profile-meta, .tile-profile-name, .social-sharer .social-sharer-label, p.expert-article-byline, table.article-table tr {
  font-weight: 700;
  font-family: 'Lato';
}

.brand-font, .tile-headline, .tile-headline--ctp, a.tile-link, .tile-section .tile-section-body h3, .playfact-hero .playfact-hero-statement, .home-bop-slider-item h3, .play-idea-card h1, .play-idea-card h2, .play-idea-card h4, h1.expert-article-heading {
  font-family: "LunchBox", "Lato", sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
}

h1, h2, h3, h4, h5 {
  color: #039be5;
}

h6 {
	color:#e88521;
}

ul.unstyled {
  padding-left: 0;
  list-style: none;
}

ul.unstyled li {
  margin-bottom: 7.5px;
}

/*a, a:hover, a:active, a:visited {
  color: #039be5;
}*/

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

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

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

/* For Hero Titles */
.f-6,
.f-headline {
  font-size: 6rem;
}

.f-5,
.f-subheadline {
  font-size: 5rem;
}

/* Type Scale */
.f1 {
  font-size: 40px;
}

.f2 {
  font-size: 40px;
}

.f3 {
  font-size: 20px;
}

.f4 {
  font-size: 1.25rem;
}

.f5 {
  font-size: 16px;
}

.f6 {
  font-size: .875rem;
}

@media (--breakpoint-not-small) {
  .f-6-ns,
  .f-headline-ns {
    font-size: 6rem;
  }
  .f-5-ns,
  .f-subheadline-ns {
    font-size: 5rem;
  }
  .f1-ns {
    font-size: 40px;
  }
  .f2-ns {
    font-size: 40px;
  }
  .f3-ns {
    font-size: 20px;
  }
  .f4-ns {
    font-size: 1.25rem;
  }
  .f5-ns {
    font-size: 16px;
  }
  .f6-ns {
    font-size: .875rem;
  }
}

@media (--breakpoint-medium) {
  .f-6-m,
  .f-headline-m {
    font-size: 6rem;
  }
  .f-5-m,
  .f-subheadline-m {
    font-size: 5rem;
  }
  .f1-m {
    font-size: 40px;
  }
  .f2-m {
    font-size: 40px;
  }
  .f3-m {
    font-size: 20px;
  }
  .f4-m {
    font-size: 1.25rem;
  }
  .f5-m {
    font-size: 16px;
  }
  .f6-m {
    font-size: .875rem;
  }
}

@media (--breakpoint-large) {
  .f-6-l,
  .f-headline-l {
    font-size: 6rem;
  }
  .f-5-l,
  .f-subheadline-l {
    font-size: 5rem;
  }
  .f1-l {
    font-size: 40px;
  }
  .f2-l {
    font-size: 40px;
  }
  .f3-l {
    font-size: 20px;
  }
  .f4-l {
    font-size: 1.25rem;
  }
  .f5-l {
    font-size: 16px;
  }
  .f6-l {
    font-size: .875rem;
  }
}

/* SOCIAL NAV */

#global-footer {
  padding: 15px;
}

#global-footer-nav {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  /*margin-top: -65px;*/
}

ul.global-footer-nav-list {
  list-style: none;
  padding-left: 0;
  text-align: center;
}

li.global-footer-nav-list-item {
  display: inline-block;
}

li.global-footer-nav-list-item a {
  color: #607d8b;
  display: block;
  padding: 8px;
  text-decoration: none;
}

ul.social-nav {
  list-style: none;
  padding-left: 0;
  text-align: center;
  margin: auto
}

li.social-nav-item {
  display: inline-block;
  font-size: 18px;
  color: #607d8b;
}

li.social-nav-item--community {
  display: inline-block;
  font-size: 30px;
  color: #607d8b;
}

li.social-nav-item a {
  color: #607d8b;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
}

li.social-nav-item--community a {
  color: #ffffff;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
}

li.social-nav-item a i.fa {
  display: block;
}

li.social-nav-item--community a i.fa {
  display: block;
}

li.social-nav-item.social-nav-item--separator {
  padding-left: 0;
  padding-right: 10px;
}

li.social-nav-item--community.social-nav-item--separator {
  padding-left: 0;
  padding-right: 10px;
}

@media screen and (max-width: 401px) {
  .hide { display: none; }
}

.pin_it_iframe_widget {
    display: none;
}

/* TILES */

.tilegrid:before, .tilegrid:after {
  content: '';
  display: table;
}

.tilegrid:after {
  clear: both;
}

.tilegrid .tile {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
}

@media screen and (min-width: 620px) {
  .tilegrid .tile {
    float: left;
  }
}

@media screen and (min-width: 620px) {
  .tilegrid .tile.tile--idea {
    width: 50%;
  }
}

@media screen and (min-width: 960px) {
  .tilegrid .tile.tile--idea {
    width: 33.3%;
  }
}

@media screen and (min-width: 1200px) {
  .tilegrid .tile.tile--idea {
    width: 20%;
  }
}

@media screen and (min-width: 620px) {
  .tilegrid .tile.tile--article,
  .tilegrid .tile.tile--bop,
  .tilegrid .tile.tile--video,
  .tilegrid .tile.tile--image {
    width: 50%;
  }
}

@media screen and (min-width: 960px) {
  .tilegrid .tile.tile--article,
  .tilegrid .tile.tile--bop,
  .tilegrid .tile.tile--video,
  .tilegrid .tile.tile--image {
    width: 33.3%;
  }
}


.tile .tile-inner, .tile-inner--spanish, .tile.tile-hero, .press-slider-item-inner, .tile.tile--table {
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  background-color: #fff;
}

.tile {
  box-sizing: border-box;
  margin-bottom: 15px;
}

.tile * {
  /*cursor: pointer;*/
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

a.tile-inner {
  display: block;
  text-decoration: none;
  color: inherit;
  text-align: center; 
}

a.tile-inner--spanish {
  display: block;
  text-decoration: none;
  color: inherit;
  text-align: center; 
}

.tile-inner-spanish {
    text-align: center;
    padding: 0px 15px;
  }

.tile-body {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
}

.tile-skill {
  position: relative;
}

.tile-skill img.skill-icon-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -23px;
  width: 45px;
}

.tile-headline {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 22.5px;
  line-height: 1.1;
}

.tile-footer {
  margin-top: 30px;
}

.button.tile-button {
  display: block;
  padding-bottom: 15px;
  padding-top: 15px;
  color: #ffffff;
	text-align: center;
}

.tile-hidden {
  display: none;
}

.tile-hidden1 {
  display: none;
}

.tile-hidden2 {
  display: none;
}

.tile--idea {
  background: white;
  text-align: center;
}

.tile--idea .tile-header {
  border-top: 45px solid #6acdfd;
}

.tile--idea .tile-inner {
  position: relative;
  padding-bottom: 60px;
}

@media screen and (max-width: 401px) {
  .tile.tile--idea {
    margin-bottom: 8px;
  }
  .tile.tile--idea .tile-header {
    border-top: none;
    display: table;
    width: 100%;
    text-align: left;
    padding: 8px;
  }
  .tile.tile--idea .tile-header .tile-headline {
    text-align: left;
  }
  .tile.tile--idea .tile-skill,
  .tile.tile--idea .tile-headline {
    display: table-cell;
    vertical-align: middle;
  }
  .tile.tile--idea .tile-skill {
    width: 60px;
  }
  .tile.tile--idea .tile-skill img.skill-icon-image {
    display: block;
    margin-left: 0;
    margin-right: initial;
    margin-top: auto;
  }
  .tile.tile--idea .tile-inner {
    position: relative;
    padding-bottom: 0;
  }
  .tile.tile--idea .tile-body,
  .tile.tile--idea .tile-footer {
    display: none;
  }
}

.tile--bop img.tile-featured-image {
  width: 100%;
}

.tile--bop .tile-skill img.skill-icon-image {
  height: 80px;
  width: 80px;
  margin-top: -40px;
}

.tile--bop .tile-headline {
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 10px;
  font-family: "LunchBox";
  text-transform: uppercase;
}

.tile--bop .tile-inner {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 60px;
}

.tile--idea,
.tile--bop {
  text-align: center;
}

.tile--idea .tile-footer,
.tile--bop .tile-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.tile.tile--communicative .tile-header {
  border-top-color: #0f31ff;
}

@media screen and (max-width: 401px) {
  .tile.tile--communicative .tile-header {
    background-color: #0f31ff;
  }
  .tile.tile--communicative .tile-header .tile-headline a {
    color: #0018a8;
  }
}

.tile.tile--communicative .tile-headline {
  color: #0018a8;
}

.tile.tile--communicative .tile-headline a {
  color: #0018a8;
}

.tile.tile--communicative .button.tile-button {
  background: #0018a8;
}

.tile.tile--communicative .button.tile-button:hover {
  background: #001175;
}

.tile.tile--physical .tile-header {
  border-top-color: #f3858f;
}

@media screen and (max-width: 401px) {
  .tile.tile--physical .tile-header {
    background-color: #f3858f;
  }
  .tile.tile--physical .tile-header .tile-headline a {
    color: #ea2839;
  }
}

.tile.tile--physical .tile-headline {
  color: #ea2839;
}

.tile.tile--physical .tile-headline a {
  color: #ea2839;
}

.tile.tile--physical .button.tile-button {
  background: #ea2839;
}

.tile.tile--physical .button.tile-button:hover {
  background: #cb1424;
}

.tile.tile--creative .tile-header {
  border-top-color: #efcb65;
}

@media screen and (max-width: 401px) {
  .tile.tile--creative .tile-header {
    background-color: #efcb65;
  }
  .tile.tile--creative .tile-header .tile-headline  a {
    color: #e98300;
  }
}

.tile.tile--creative .tile-headline {
  color: #e98300;
}

.tile.tile--creative .tile-headline a {
  color: #e98300;
}

.tile.tile--creative .button.tile-button {
  background: #e98300;
}

.tile.tile--creative .button.tile-button:hover {
  background: #b66600;
}

.tile.tile--cognitive .tile-header {
  border-top-color: #c8e59a;
}

@media screen and (max-width: 401px) {
  .tile.tile--cognitive .tile-header {
    background-color: #c8e59a;
  }
  .tile.tile--cognitive .tile-header .tile-headline a {
    color: #69be28;
  }
}

.tile.tile--cognitive .tile-headline {
  color: #69be28;
}

.tile.tile--cognitive .tile-headline a {
  color: #69be28;
}

.tile.tile--cognitive .button.tile-button {
  background: #69be28;
}

.tile.tile--cognitive .button.tile-button:hover {
  background: #52941f;
}

.tile.tile--social .tile-header {
  border-top-color: #ffe065;
}

@media screen and (max-width: 401px) {
  .tile.tile--social .tile-header {
    background-color: #ffe065;
  }
  .tile.tile--social .tile-header .tile-headline a {
    color: #fecb00;
  }
}

.tile.tile--social .tile-headline {
  color: #fecb00;
}

.tile.tile--social .tile-headline a {
  color: #fecb00;
}

.tile.tile--social .button.tile-button {
  background: #fecb00;
}

.tile.tile--social .button.tile-button:hover {
  background: #cba200;
}

.tile.tile--emotional .tile-header {
  border-top-color: #dcc7df;
}

@media screen and (max-width: 401px) {
  .tile.tile--emotional .tile-header {
    background-color: #dcc7df;
  }
  .tile.tile--emotional .tile-header .tile-headline a {
    color: #952d98;
  }
}

.tile.tile--emotional .tile-headline {
  color: #952d98;
}

.tile.tile--emotional .tile-headline a {
  color: #952d98;
}

.tile.tile--emotional .button.tile-button {
  background: #952d98;
}

.tile.tile--emotional .button.tile-button:hover {
  background: #6e2171;
}

.tile.tile--teacher .tile-header {
  border-top-color: #64b2d1;
}

@media screen and (max-width: 401px) {
  .tile.tile--teacher .tile-header {
    background-color: #64b2d1;
  }
  .tile.tile--teacher .tile-header .tile-headline a {
    color: #00a1e1;
  }
}

.tile.tile--teacher .tile-headline {
  color: #00a1e1;
}

.tile.tile--teacher .tile-headline a {
  color: #00a1e1;
}

.tile.tile--teacher .button.tile-button {
  background: #00a1e1;
}

.tile.tile--teacher .button.tile-button:hover {
  background: #00a1e1;
}

.tile.tile--bop .tile-header {
  background: none;
}

.tile--article .tile-inner {
  position: relative;
  padding-bottom: 15px;
  text-align: left;
}

.tile-header--profile {
  overflow: hidden;
  padding: 15px;
}

img.tile-profile-image {
  float: left;
  height: 75px;
  width: 75px;
  margin-right: 7px;
}

.tile-profile-image {
  float: left;
  height: 75px;
  width: 75px;
  margin-right: 7px;
}

.tile-profile-meta {
  color: #555555;
  font-size: 14px;
  margin-top: 10px;
}

.tile-profile-name {
  color: #607d8b;
}

.tile-profile-job {
  color: #90a4ae;
}

a.tile-link {
  font-size: 30px;
  color: #039be5;
}

a.tile-link, a.tile-link:hover, a.tile-link:active, a.tile-link:visited {
  text-decoration: none;
}

.tile-link {
  font-size: 25px;
  color: #039be5;
  font-family: 'LunchBox-Light';
  line-height: 1em;
  text-transform: uppercase;
}

.tile--article a.tile-link {
  font-size: 1.75rem;
}

.tile.tile--bio {
  margin-top: 30px;
}

@media screen and (max-width: 401px) {
	.tile.tile--bio { 
	max-width:305px;
	}
}

.tile.tile--bio .tile-inner {
  text-align: center;
}

.tile.tile--bio .tile-inner:before {
  content: '';
  display: block;
  height: 60px;
  background: #e1f5fe;
}

.tile.tile--bio .tile-header {
  padding-top: 0;
  margin-top: -38px;
  padding-bottom: 0;
}

.tile.tile--bio .tile-profile-img-wrap {
  border-radius: 50%;
  margin: 0 auto 0;
  overflow: hidden;
  height: 75px;
  width: 75px;
}

.tile.tile--bio .tile-body {
  text-align: center;
}

@media screen and (min-width: 990px) {
  .contain.contain--homepage, .contain--homepage.tile-filters {
    margin-bottom: 30px;
  }
}

.tile.tile--cliff {
  margin-top: 30px;
}

.tile.tile--cliff .tile-inner {
  text-align: center;
}

.tile.tile--cliff .tile-inner:before {
  content: '';
  display: block;
  height: 60px;
  background: #f18821;
}

.tile.tile--cliff .tile-header {
  padding-top: 0;
  margin-top: -38px;
  padding-bottom: 0;
}

.tile.tile--cliff .tile-profile-img-wrap {
  border-radius: 50%;
  margin: 0 auto 0;
  overflow: hidden;
  height: 75px;
  width: 75px;
}

.tile.tile--cliff .tile-body {
  text-align: center;
}

.tile.tile--cliff .tile-inner {
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: #ffce02;
  text-align: center;
}

.tile.tile--cliff .tile-body {
  font-size: 16px;
  padding: 30px 15px;
}

.tile.tile--cliff .tile-profile-meta {
  color: #555555;
  font-size: 18px;
  margin-top: -75px;
}

.tile.tile--cliff .tile-profile-name {
  color: #ffffff;
}

article.tile.tile--cliff .tile-body > ul {
    padding-left: 1.25rem;
}

@media (min-width: 992px) {
  .flexbox .homepage-hero-unit > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flexbox .homepage-hero-unit > .row > .col-md-8,
  .flexbox .homepage-hero-unit > .row > .col-md-8 .tile-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .flexbox .homepage-hero-unit > .row > .col-md-8 .tile-hero-body,
  .flexbox .homepage-hero-unit > .row > .col-md-8 .tile-hero .tile-hero-body {
    width: 100%;
  }
  .flexbox .homepage-hero-unit > .row > .col-md-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flexbox .homepage-hero-unit > .row > .col-md-4 > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .flexbox .homepage-hero-unit > .row > .col-md-4 > .row > .col-xs-6.col-md-12:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .flexbox .homepage-hero-unit > .row > .col-md-4 > .row > .col-xs-6.col-md-12:last-child > .tile.tile-secondary-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .flexbox .homepage-hero-unit > .row > .col-md-4 > .row > .col-xs-6.col-md-12:last-child > .tile.tile-secondary-cta > .tile-inner {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .flexbox .homepage-hero-unit > .row > .col-md-4 > .row > .col-xs-6.col-md-12:last-child > .tile.tile-secondary-cta > .tile-inner--spanish {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 992px) {
  .homepage-hero-unit > .row > .col-md-4 > .row {
    margin-top: 15px;
  }
  .homepage-hero-unit > .row > .col-md-4 > .row .tile.tile-hero-cta .tile-header h2,
  .homepage-hero-unit > .row > .col-md-4 > .row .tile.tile-secondary-cta .tile-inner h2,
  .homepage-hero-unit > .row > .col-md-4 > .row .tile.tile-secondary-cta .tile-inner--spanish h2{
    font-size: 18px;
  }
  .flexbox .homepage-hero-unit .tile.tile-secondary-cta,
  .flexbox .homepage-hero-unit .tile.tile-secondary-cta .tile-inner,
  .flexbox .homepage-hero-unit .tile.tile-secondary-cta .tile-inner--spanish {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flexbox .homepage-hero-unit .tile.tile-secondary-cta .tile-inner,
  .flexbox .homepage-hero-unit .tile.tile-secondary-cta .tile-inner--spanish {
    padding-bottom: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
  }
}

.tile.tile-hero {
  background-color: rgba(3, 155, 229, 0.9);
  padding-top: 270px;
  background-image: url(/App_Themes/tgop/images/home/kid-in-box.jpg);
}

.tile.tile-hero--research {
  background-color: #039be5;
  padding-top: 270px;
  background-image: url(/App_Themes/tgop/images/benefitsofplay/research/intro-research-bg.jpg);
}

@media screen and (max-width: 989px) {
  .tile.tile-hero, .tile.tile-hero--research {
    padding-top: 0;
    background-image: none !important;
  }
  .tile.tile-hero, .tile.tile-hero--research img {
    display: block;
  }
}

.tile.tile-hero .tile-headline,
.tile.tile-hero .tile-hero-body, .tile-hero-body--research {
  color: #ffffff;
}

.tile.tile-hero--research .tile-headline {
  color: #ffffff;
}

.tile.tile-hero .tile-headline {
  font-size: 50px;
}

.tile.tile-hero--research .tile-headline {
  font-size: 50px;
}

.tile.tile-hero .tile-hero-body {
  background: rgba(3, 155, 229, 0.9);
  padding: 0.5rem 1rem;
  text-align: center;
}

.tile.tile-hero--research .tile-hero-body--research {
  background: #039be5;
  padding: 0.5rem 1rem;
  text-align: center;
}

.tile.tile-hero .tile-hero-body p {
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}

.tile.tile-hero .tile.tile-hero-body--research p {
  margin-left: auto;
  margin-right: auto;
  max-width:810px;
}

.tile.tile-hero-cta .tile-inner {
  background-position: center top;
  background-size: 160% auto;
  background-repeat: no-repeat;
  background-color: #46b04e;
}

.tile.tile-hero-cta .tile-inner--spanish {
  background-position: 44% 14%;
  background-size: 160% auto;
  background-repeat: no-repeat;
  background-color: #921689;
}

@media (max-width: 991px) {
  .tile.tile-hero-cta .tile-inner {
    background-image: none !important;
  }
}

@media (min-width: 992px) {
  .tile.tile-hero-cta .tile-inner--spanish {
    padding-top: 40%;
    /*margin-bottom: 30px;*/
    background-image: url(/App_Themes/tgop/images/home/featured-cta-image-es.gif);
    height: auto !important;
  }
}

@media (min-width: 992px) {
  .tile.tile-hero-cta .tile-inner {
    padding-top: 40%;
    /*margin-bottom: 30px;*/
    background-image: url(/App_Themes/tgop/images/home/featured-cta-image.gif);
    height: auto !important;
  }
}

@media (min-width: 1200px) {
  .tile.tile-hero-cta .tile-inner {
    padding-top: 50%;
    /*margin-bottom: 30px;*/
    background-image: url(/App_Themes/tgop/images/home/featured-cta-image.gif);
    height: auto !important;
  }
}

@media (min-width: 1200px) {
  .tile.tile-hero-cta .tile-inner--spanish {
    padding-top: 57%;
    margin-bottom: 30px;
    background-image: url(/App_Themes/tgop/images/home/featured-cta-image.gif);
    height: auto !important;
  }
}

.tile.tile-hero-cta .tile-header {
  background: rgba(209, 196, 233, 0.9);
  padding-bottom: 10px;
  padding-top: 7.5px;
}

.tile.tile-hero-cta .tile-header h2,
.tile.tile-hero-cta .tile-header .button {
  color: #673ab7;
}

.tile.tile-hero-cta .tile-header h2 {
  font-weight: normal;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family:'Lato';
}

.tile.tile-hero-cta .tile-header .button {
  border-color: #673ab7;
  display: inline-block;
  margin-top: 0;
  width: auto;
}

.tile.tile-secondary-cta {
  background-color: #e7c1e3;
}

.tile.tile-secondary-cta .tile-inner, 
.tile.tile-secondary-cta .tile-inner--spanish {
  padding-bottom: 15px;
}

@media screen and (max-width: 992px) {
	.tile.tile-secondary-cta .tile-inner,
	.tile.tile-secondary-cta .tile-inner--spanish {
  padding-top: 25px;
}
}

.tile.tile-secondary-cta h2,
.tile.tile-secondary-cta .button.button--hollow {
  color: #952d98;
}

.tile.tile-secondary-cta h2 {
  font-weight: 400;
  font-family:'Lato';
	padding-top: 20px;
}

.tile.tile-secondary-cta .button.button--hollow {
  border-color: #952d98;
  display: inline-block;
  width: auto;
  margin-top: 0;
}

.tile.tile--featured-article {
  background: #e1f5fe;
}

.tile.tile--featured-article .tile-header {
  position: relative;
}

.tile.tile--featured-article .tile-header .tile-heading {
 font-family: 'Lato';
 padding: 5px;
 font-size: 25px;
 color: rgba(3, 169, 244, 0.9);
 width: 100%;
}

.tile.tile--play-idea-intro {
  background: #eceff1;
}

.tile.tile--play-idea-intro .tile-header {
  position: relative;
}

.tile.tile--play-idea-intro .tile-header .tile-headline {
  padding: 8px;
  background: rgba(96, 125, 139, 0.9);
  color: white;
  margin: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.tile.tile--featured-article .tile-inner,
.tile.tile--play-idea-intro .tile-inner {
  position: relative;
  padding-bottom: 78px;
}

.tile.tile--featured-article .tile-footer,
.tile.tile--play-idea-intro .tile-footer {
  position: absolute;
  bottom: 15px;
  width: 100%;
}

.tile.tile--featured-article .tile-footer .button,
.tile.tile--play-idea-intro .tile-footer .button {
  display: inline-block;
  width: auto;
  color:#607d8b;
}

@media screen and (max-width: 992px) {
  .tile.tile--play-idea-intro,
  .tile.tile--idea {
    margin-bottom: 15px;
  }
}

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

.tile-section .tile-section-header,
.tile-section .tile-section-header h2 {
  color: white;
}

.tile-section .tile-section-header h2 {
  margin-top: 0;
  margin-bottom: 15px;
  font-family: "Lato";
}

.tile-section .tile-section-header p {
  margin-top: 15px;
}

.tile-section .tile-section-header *:last-child {
  margin-bottom: 0;
}

.tile-section .tile-section-body {
  padding: 0 60px 30px;
}

.tile-section .tile-section-body--parents {
  padding-bottom: 30px;
}

.tile-section .tile-section-body h3 {
  font-size: 25px;
  margin-top: 30px;
  margin-bottom: 15px;
}

.tile-section .tile-section-body--parents h3 {
  font-size: 25px;
  margin-top: 30px;
  margin-bottom: 15px;
  font-family: 'LunchBox';
  color:#ad1457;
  text-transform: uppercase;
}

.tile-section .tile-section-body p {
  margin: 15px 0;
}

.tile-section .tile-section-body--parents p {
  margin: 15px 0;
}

.tile-section .tile-section-body a.button.button--hollow {
  margin-top: 0;
  display: inline-block;
  width: auto;
}

.tile-section.tile-section--advice, .tile-section.tile-section--research {
  background-color: #fce4ec;
  margin: 0 15px;
}

.tile-section.tile-section--steam {
  background-color: #c8e59a;
  margin: 0 15px;
}

.tile-section.tile-section--advice .tile-section-header, .tile-section.tile-section--research .tile-section-header {
  background: #ad1457;
  padding: 15px 60px;
}

.tile-section.tile-section--steam .tile-section-header {
  background: #69be28;
  padding: 15px 60px;
}

.tile-section.tile-section--advice .tile-section-body h3,
.tile-section.tile-section--advice .tile-section-body a.button.button--hollow {
  color: #ad1457;
border-color: #ad1457;
}

.tile-section.tile-section--steam .tile-section-body h3,
.tile-section.tile-section--steam .tile-section-body a.button.button--hollow {
  color: #69be28;
}

.tile-section.tile-section--steam .tile-section-body a.button.button--hollow {
  border-color: #69be28;
}

.tile-section.tile-section--toytime,
.tile-section.tile-section--parents {
  background: #fffde7;
}

.tile-section.tile-section--toytime .tile-section-header {
  background: #f57f17;
  padding-top: 33%;
  background-image: url(/App_Themes/tgop/images/toytime/toytime.png);
}

.tile-section.tile-section--parents .tile-section-header {
  background: #f57f17;
  padding-top: 31%;
  background-image: url(/App_Themes/tgop/images/benefitsofplay/research/parents-play.png);
}

@media screen and (max-width: 1199px) {
  .tile-section.tile-section--parents .tile-section-header { padding-top: 12%; }
  .tile-section.tile-section--toytime .tile-section-header { padding-top: 51%; background-repeat: no-repeat; }
}

@media screen and (max-width: 991px) {
  .tile-section.tile-section--parents .tile-section-header { padding-top: 24%; }
  .tile-section.tile-section--toytime .tile-section-header { padding-top: 30%; background-repeat: repeat-x;  }
}

.tile-section.tile-section--toytime .tile-section-header-inner {
  background: rgba(245, 127, 23, 0.9);
  padding: 15px 60px;
}

.tile-section.tile-section--parents .tile-section-header-inner {
  background: rgba(245, 127, 23, 0.9);
  padding: 15px 60px;
}

.tile-section.tile-section--toytime h3,
.tile-section.tile-section--toytime a.button.button--hollow {
  color: #f57f17;
}

.tile-section.tile-section--parents h3,
.tile-section.tile-section--parents a.button.button--hollow {
  color: #f57f17;
}

.tile-section.tile-section--toytime a.button.button--hollow {
  border-color: #f57f17;
}

.tile-section.tile-section--parents a.button.button--hollow {
  border-color: #f57f17;
}

.tile.tile--community {
  background: #b2dfdb;
  text-align: center;
  margin-top: 30px;
  padding: 30px 60px;
}

@media screen and (max-width: 992px) {
  .tile.tile--community,
  .tile.tile--parents  {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.tile.tile--community  h2,
.tile.tile--community  p,
.tile.tile--community  .button.button--hollow {
  color: #004d40;
  display: inline-block;
  width: auto;
  font-family: 'Lato';
}

.tile.tile--parents  h2,
.tile.tile--parents  p,
.tile.tile--parents  .button.button--hollow {
  color: #004d40;
  display: inline-block;
  width: auto;
  font-family: 'Lato';
}

.tile.tile--community  p {
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.tile.tile--community  h2 {
  margin-bottom: 0;
}

.tile.tile--community  .button.button--hollow {
  margin-top: 0;
}

.tile.tile--parents {
  background: #b2dfdb;
  text-align: center;
  padding-top: 30px;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 36px;
}

ul.parents {
  list-style-type: none !important;
  margin-right: auto;
  margin-left: auto;
}

li.parents-item {
  list-style-type: none;
  position: relative;
}

@media screen and (min-width: 993px) {
  li.parents-item { display: inline-block; width: 22%; margin-right: 15px; vertical-align: text-top; }
}

.tile.tile--cta {
  margin: 45px auto;
  max-width: 800px;
  /*padding-left: 15px;
  padding-right: 15px;*/
  width: 100%;
}

.tile.tile--cta .tile-heading {
  margin-bottom: 15px;
  margin-top: 0;
  color: inherit;
}

.tile.tile--cta .tile-media,
.tile.tile--cta .tile-email,
.tile.tile--cta .tile-body,
.tile.tile--cta .tile-teacher {
  text-align: center;
}

.tile.tile--cta .tile-body {
  padding-top: 30px;
  padding-bottom: 30px;
}

.tile.tile--cta .tile-body p:first-child {
  margin-top: 0;
}

.tile.tile--cta .tile-media,
.tile.tile--cta .tile-email, 
.tile.tile--cta .tile-community,
.tile.tile--cta .tile-teacher, 
.tile.tile--cta .tile-activity {
  width: 100%;
}

.tile.tile--cta .tile-media img {
  display: block;
  width: 100%;
  height: auto;
}

.tile.tile--cta .tile-email img {
  display: block;
  width: 100%;
  height: auto;
}

.tile.tile--cta .tile-community img {
  display: block;
  width: 100%;
  height: auto;
}

.tile.tile--cta .tile-activity img {
  display: block;
  width: 100%;
  height: auto;
}

.tile.tile--cta .tile-teacher img {
  display: block;
  width: 100%;
  height: auto;
}

.tile.tile--cta .tile-footer {
  margin-top: 0;
}

.tile.tile--cta .tile-footer .button.tile-button {
  background: transparent;
  border: 1px solid white;
  display: inline-block;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 7.5px;
  padding-top: 7.5px;
}

.tile.tile--cta .tile-footer .button.tile-button--activity {
  background: transparent;
  border: 1px solid #e98300;
  color: #e98300;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 7.5px;
  padding-top: 7.5px;
  margin-top: 10px;
}

@media screen and (min-width: 800px) {
  .tile.tile--cta {
    display: table;
    padding-left: 0;
    padding-right: 0;
  }
  .tile.tile--cta .tile-media,
  .tile.tile--cta .tile-email,
  .tile.tile--cta .tile-community,
  .tile.tile--cta .tile-activity,
  .tile.tile--cta .tile-teacher,
  .tile.tile--cta .tile-body {
    display: table-cell;
    vertical-align: middle;
  }
  .tile.tile--cta .tile-body {
    padding-top: 0;
    padding-bottom: 0;
  }
  .tile.tile--cta .tile-email {
    width: 300px;
    height: 240px;
    background:url("/images/websites/tgop/footer/email.png") no-repeat;
  }
  .tile.tile--cta .tile-activity {
    width: 300px;
    height: 240px;
    background:url("/App_Themes/tgop/images/play/activity-sheets.gif") no-repeat;
  }
  .tile.tile--cta .tile-teacher {
    width: 300px;
    height: 300px;
    background:url("/App_Themes/tgop/images/play/teacher-poster.jpg") no-repeat;
  }
}

.tile.tile--cta.tile--brand {
  background: #d0ccff;
}

.tile.tile--cta.tile--brand .tile-body {
  color: #263238;
}

.tile.tile--cta.tile--brand .tile-heading,
.tile.tile--cta.tile--brand .button.tile-button {
  color: #03a9f4;
}

.tile.tile--cta.tile--brand .button.tile-button {
  border-color: #03a9f4;
  background: transparent;
}

.tile.tile--cta.tile--brand .button.tile-button:hover {
  color: #03a9f4;
  background: #e1f5fe;
}

.tile.tile--cta.tile--communicative .tile-body {
  background: #0f31ff;
  color: #0018a8;
}

.tile.tile--cta.tile--communicative .tile-heading {
  color: #0018a8;
}

.tile.tile--cta.tile--communicative .button.tile-button {
  color: #0018a8;
  border-color: #0018a8;
  background: transparent;
}

.tile.tile--cta.tile--communicative .button.tile-button:hover {
  color: #0018a8;
  background: #0f31ff;
}

.tile.tile--cta.tile--physical .tile-body {
  background: #f3858f;
  color: #ea2839;
}

.tile.tile--cta.tile--physical .tile-heading {
  color: #ea2839;
}

.tile.tile--cta.tile--physical .button.tile-button {
  color: #ea2839;
  border-color: #ea2839;
  background: transparent;
}

.tile.tile--cta.tile--physical .button.tile-button:hover {
  color: #ea2839;
  background: #f3858f;
}

.tile.tile--cta.tile--creative .tile-body {
  background: #efcb65;
  color: #e98300;
}

.tile.tile--cta.tile--creative .tile-heading {
  color: #e98300;
}

.tile.tile--cta.tile--creative .button.tile-button {
  color: #e98300;
  border-color: #e98300;
  background: transparent;
}

.tile.tile--cta.tile--creative .button.tile-button:hover {
  color: #e98300;
  background: #efcb65;
}

.tile.tile--cta.tile--cognitive .tile-body {
  background: #c8e59a;
  color: #69be28;
}

.tile.tile--cta.tile--cognitive .tile-heading {
  color: #69be28;
}

.tile.tile--cta.tile--cognitive .button.tile-button {
  color: #69be28;
  border-color: #69be28;
  background: transparent;
}

.tile.tile--cta.tile--cognitive .button.tile-button:hover {
  color: #69be28;
  background: #c8e59a;
}

.tile.tile--cta.tile--social .tile-body {
  background: #ffe065;
  color: #fecb00;
}

.tile.tile--cta.tile--social .tile-heading {
  color: #fecb00;
}

.tile.tile--cta.tile--social .button.tile-button {
  color: #fecb00;
  border-color: #fecb00;
  background: transparent;
}

.tile.tile--cta.tile--social .button.tile-button:hover {
  color: #fecb00;
  background: #ffe065;
}

.tile.tile--cta.tile--emotional .tile-body {
  background: #dcc7df;
  color: #952d98;
}

.tile.tile--cta.tile--emotional .tile-heading {
  color: #952d98;
}

.tile.tile--cta.tile--emotional .button.tile-button {
  color: #952d98;
  border-color: #952d98;
  background: transparent;
}

.tile.tile--cta.tile--emotional .button.tile-button:hover {
  color: #952d98;
  background: #dcc7df;
}

.tilegrid .tile {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
}

@media screen and (min-width: 620px) {
  .tilegrid .tile {
    float: left;
  }
}

@media screen and (min-width: 620px) {
  .tilegrid .tile.tile--idea {
    width: 50%;
  }
}

@media screen and (min-width: 960px) {
  .tilegrid .tile.tile--idea {
    width: 33.3%;
  }
}

@media screen and (min-width: 1200px) {
  .tilegrid .tile.tile--idea {
    width: 20%;
  }
}

@media screen and (min-width: 620px) {
  .tilegrid .tile.tile--article,
  .tilegrid .tile.tile--bop,
  .tilegrid .tile.tile--video,
  .tilegrid .tile.tile--image {
    width: 50%;
  }
}

@media screen and (min-width: 960px) {
  .tilegrid .tile.tile--article,
  .tilegrid .tile.tile--bop,
  .tilegrid .tile.tile--video,
  .tilegrid .tile.tile--image {
    width: 33.3%;
  }
}

#page--play-ideas article,
#page--play-ideas article .tile-filters,
#page--play-ideas article .tilegrid {
  position: relative;
}

#page--play-ideas article .tile-filters {
  z-index: 200;
}

#page--play-ideas article .tilegrid {
  z-index: 0;
}

.tile-filters div.button.tile-filters-mobile-toggle {
  background: #fff;
  border: 1px solid #607d8b;
  color: #607d8b;
  display: none;
  padding: 1rem;
  text-align: center;
  width: 100%;
  font-size: 16px;
}

@media screen and (max-width: 772px) {
  .tile-filters div.button.tile-filters-mobile-toggle {
    display: block;
    outline: none;
  }
  .tile-filters > ul.tile-filters-list {
    border-left: 1px solid #607d8b;
    border-right: 1px solid #607d8b;
    display: none;
    height: 0;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform-origin: top center;
            transform-origin: top center;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  .tile-filters > ul.tile-filters-list,
  .tile-filters > ul.tile-filters-list > li.tile-filters-item {
    display: block;
    border-bottom: 1px solid #607d8b;
  }
  .tile-filters > ul.tile-filters-list.tile-filters-item--active,
  .tile-filters > ul.tile-filters-list > li.tile-filters-item.tile-filters-item--active {
    z-index: 1000;
  }
  .tile-filters > ul.tile-filters-list > li.tile-filters-item:last-child {
    border-bottom: none;
  }
  .tile-filters.tile-filters--visible div.button.tile-filters-mobile-toggle {
    background: #607d8b;
    color: white;
  }
  .tile-filters.tile-filters--visible > ul.tile-filters-list {
    display: block;
    height: auto;
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  li.tile-filters-item.tile-filters-item--has-dropdown.tile-filters-item--active ul.tile-filters-options {
    position: relative;
  }
}

.tile-filters {
  margin: 15px auto;
}

ul.tile-filters-list {
  font-size: 0px;
  font-size: 0;
  list-style: none;
  padding-left: 0;
  text-align: center;
}

li.tile-filters-item {
  display: inline-block;
  font-size: 1rem;
  margin: 0;
  z-index:200;
}

li.tile-filters-item:hover a, li.tile-filters-item.tile-filters-item--active a {
  color: #039be5;
}

li.tile-filters-item.tile-filters-item--has-dropdown {
  position: relative;
}

li.tile-filters-item.tile-filters-item--has-dropdown a:after {
  content: "\f0da";
  margin-left: 5px;
}

li.tile-filters-item.tile-filters-item--has-dropdown a span {
  text-transform: capitalize;
}

li.tile-filters-item.tile-filters-item--has-dropdown.tile-filters-item--active a:after {
  content: "\f0d7";
}

li.tile-filters-item a {
  color: #607d8b;
  display: block;
  padding: 15px 30px;
  text-decoration: none;
  font-size: 16px;
}

ul.tile-filters-options {
  background: #fff;
  border: 1px solid #99aeb8;
  position: absolute;
  left: 50%;
  top: -10px;
  width: 240px;
  margin-left: -120px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  list-style: none;
  padding: 0;
  text-align: center;
  display: none;
}

ul.tile-filters-options li {
  border-bottom: 1px solid #b7c6cd;
  color: #99aeb8;
  cursor: pointer;
  margin: 0;
  padding: 15px;
  z-index: 1000;
  font-size: 16px;
}

ul.tile-filters-options li:hover {
  color: #7b96a3;
}

ul.tile-filters-options li:last-child {
  border-bottom: none;
}

li.tile-filters-item.tile-filters-item--has-dropdown.tile-filters-item--active ul.tile-filters-options {
  display: block;
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 1000;
}

li.tile-filters-item.tile-filters-item--has-dropdown.tile-filters-item--active ul.tile-filters-options li.active-filter-value {
  color: #039be5;
}

.tile.tile--image .tile-header {
  padding: 0 15px;
  text-align: center;
}

.tile.tile--image .tile-headline {
  /*margin-bottom: 8px;*/
  color: #607d8b;
}

.tile.tile--image .tile-headline--ctp {
  margin-bottom: 8px;
  color: #039be5;
}

a, a:hover, a:visited, a:active {
  color: #03a9f4;
  text-decoration: none;
}

.tile.tile--image .tile-inner {
  position: relative;
}

.tile.tile--image .tile-body {
  text-align: center;
}

.tile.tile--image.has--footer .tile-inner {
  padding-bottom: 70px;
}

.tile.tile--image.has--footer .tile-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.tile.tile--image.has--footer .tile-footer .button {
  margin-bottom: 30px;
}

.tile.tile--image.tile--communicative {
  background: #d0ccff;
  color: #0018a8;
}

@media screen and (max-width: 401px) {
 .tile.tile--image.tile--communicative .tile-header {
  background-color: #d0ccff;
}
}

.tile.tile--image.tile--communicative .tile-heading {
  color: #0018a8;
}

.tile.tile--image.tile--communicative .button.tile-button {
  color: #0018a8;
  border: 1px solid #0018a8;
  background: transparent;
  margin: 0 45px 25px 45px;
}

.tile.tile--image.tile--communicative .button.tile-button:hover {
  color: #0018a8;
}

.tile.tile--image.tile--cognitive {
  background: #c8e59a;
  color: #69be28;
}

.tile.tile--image.tile--cognitive .tile-heading {
  color: #69be28;
}

.tile.tile--image.tile--cognitive .button.tile-button {
  color: #69be28;
  border: 1px solid #69be28;
  background: transparent;
  margin: 0 45px 25px 45px;
}

.tile.tile--image.tile--cognitive .button.tile-button:hover {
  color: #69be28;
  background: #c8e59a;
}

.tile.tile--image.tile--emotional {
  background: #dcc7df;
  color: #952d98;
}

.tile.tile--image.tile--emotional .tile-heading {
  color: #952d98;
}

.tile.tile--image.tile--emotional .button.tile-button {
  color: #952d98;
  border: 1px solid #952d98;
  background: transparent;
  margin: 0 45px 25px 45px;
}

.tile.tile--image.tile--emotional .button.tile-button:hover {
  color: #952d98;
  background: #dcc7df;
}

p.tile-byline {
  margin-top: 0;
}

p.tile-byline,
p.tile-byline a {
  color: #263238;
}

.tile.tile--video .tile-header .tile-headline {
  color: #00a1e1;
  padding: 0 15px;
  text-align: center;
}

.tile.tile--person .tile-inner {
  border-top: 60px solid #e1f5fe;
  text-align: center;
  padding: 0 15px 60px;
  position: relative;
}

.tile.tile--person img.tile-profile-image {
  height: 75px;
  margin-top: -38px;
  width: 75px;
  border-radius: 50%;
}

.tile.tile--person img.tile-profile-image,
.tile.tile--person .tile-profile-meta,
.tile.tile--person .tile-profile-name {
  float: none;
}

/* SITE SECTIONS */

.site-section-intro {
  text-align: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.site-section-intro-steam {
    max-width: 810px;
    margin: 50px auto;
	box-shadow: 0 0 5px #b0bec5;
}

.site-section-intro-heading {
  font-size: 36px;
  margin-bottom: 15px;
  font-family: 'Lato';
  font-weight: bold;
  text-align: center;
}

.site-section-intro-heading--communitybox {
  font-size: 25px;
  margin: 15px;
  font-family: 'Lato';
  font-weight: bold;
  text-align: center;
}

.site-section-intro-heading.site-section-intro-heading--bop {
  color: #ff5722;
}

.site-section-intro-heading.site-section-intro-heading--ideas {
  color: #039be5;
}

.site-section-intro-heading.site-section-intro-heading--expert {
  color: #ad1457;
}

.site-section-intro-heading.site-section-intro-heading--toy-time {
  color: #f58318;
}

.site-section-intro-heading.site-section-intro-heading--community {
  color: #009688;
}

.site-section-intro-heading.site-section-intro-heading--footer {
  color: #039be5;
}

.site-section-intro-body {
  font-size: 20px;
  line-height: 1.25em;
}

.site-section-intro-inner {
  font-size: 16px;
  text-align: left;
}

.site-section-intro.site-section-intro--video,
.site-section-intro.site-section-intro--image {
  box-shadow: 0 0 5px #b0bec5;
  max-width: 810px;
}

.site-section-intro.site-section-intro--communitybg {
  background-color: #e12726;
  max-width: 810px;
}

.site-section--tag {
  background-color: #ffe065;
  max-width: 810px;
  margin: auto;
  text-align: center;
}

.site-section-intro--tag {
  max-width: 810px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.site-section-intro-heading--tag {
    background: #ffcd02;
    color: #e88521;
	padding: 10px;
}

@media screen and (min-width:992px) {
	.tag-img {
	margin-right: -30px;
    margin-bottom: -15px;
	margin-top: -9px;}
}

.fa-tag {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 36px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.tag-li {
	padding: 20px 0 10px;
}

.tag-a {
	color: #e88521 !important;
}

.site-section-intro.site-section-intro--video .site-section-intro-heading,
.site-section-intro.site-section-intro--image .site-section-intro-heading {
  background: #69be28;
  color: white;
  font-size: 30px;
  padding: 15px;
  margin-top: 0;
  margin-bottom: 0;
}

.site-section-intro.site-section-intro--video .site-section-intro-body,
.site-section-intro.site-section-intro--image .site-section-intro-body {
  font-size: 16px;
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 45px;
  padding-top: 20px;
}

.site-section-intro--tag .site-section-intro-body {
	padding: 0;
}

@media screen and (min-width: 960px) {
  .site-section-intro.site-section-intro--video .site-section-intro-body,
  .site-section-intro.site-section-intro--image .site-section-intro-body {
    padding-left: 120px;
    padding-right: 120px;
    padding-top: 20px;
  }
}

.site-section-intro.site-section-intro--video .site-section-intro-body p.lead,
.site-section-intro.site-section-intro--image .site-section-intro-body p.lead {
  text-align: center;
  font-size: 20px;
}

.site-section-intro.site-section-intro--image img {
  max-width: 100%;
  height: auto;
  display: block;
}

.site-section-intro.site-section-intro--communicative .site-section-intro-heading {
  background: #0018a8;
  color: white;
}

.site-section-intro.site-section-intro--physical .site-section-intro-heading {
  background: #ea2839;
  color: white;
}

.site-section-intro.site-section-intro--creative .site-section-intro-heading {
  background: #e98300;
  color: white;
}

.site-section-intro.site-section-intro--cognitive .site-section-intro-heading {
  background: #69be28;
  color: white;
}

.site-section-intro.site-section-intro--social .site-section-intro-heading {
  background: #fecb00;
  color: white;
}

.site-section-intro.site-section-intro--emotional .site-section-intro-heading {
  background: #952d98;
  color: white;
}

.site-section-intro.site-section-intro--expert .site-section-intro-heading {
  background: #ad1457;
  color: white;
}

.site-section-intro.site-section-intro--press .site-section-intro-heading {
  background: #039be5;
  color: white;
}

.site-section-intro.site-section-intro--community .site-section-intro-heading--communitybox {
  background: #e12726;
  color: white;
  padding-top: 10px;
}

/* PRESS SLIDER */

.press-slider-item {
    display: block;
    color: inherit;
    text-decoration: none;
    outline: none;
    padding: 0 15px;
}

.press-slider-item-inner {
    border-top: 5px solid #039be5;
    position: relative;
    padding: 15px 15px 60px;
    text-align: center;
}

.press-slider-item-header {
    color: #607d8b;
}

.press-slider-item-cta, .press-slider-item-header {
    font-size: 16px;
}

.press-slider-item-cta {
    bottom: 15px;
    color: #039be5;
    font-weight: 700;
    font-style: italic;
    left: 0;
    position: absolute;
    width: 100%;
}


/* VIDEO */
.flex-video {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 56.2719812427%;
}

.flex-video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tgop-videoplayer {
  position: relative;
  text-align: center;
}

.tgop-videoplayer:after {
  color: rgba(255, 255, 255, 0.9);
  content: "\f144";
  font: normal normal normal 72px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.tgop-videoplayer.videoplayer-showing img {
  display: none;
}

.tgop-videoplayer.videoplayer-showing:after {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  top: 100%;
}

img.video-poster {
  display: block;
  max-width: 100%;
}
 /* PLAY IDEA RELATED TAGGED CONTENT */

 .related-content.container, .related-content.tile-filters {
  max-width: 810px;
}

.related-content-heading {
  color: #607d8b;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 30px;
  margin-top: 45px;
  font-family: 'Lato';
}

/* PLAY IDEA RECIPE CARDS */

.play-idea-card {
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-width: 810px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.play-idea-card.play-idea-card--communicative h1 {
  color: #0018a8;
}

.play-idea-card.play-idea-card--physical h1 {
  color: #ea2839;
}

.play-idea-card.play-idea-card--creative h1 {
  color: #e98300;
}

.play-idea-card.play-idea-card--cognitive h1 {
  color: #69be28;
}

.play-idea-card.play-idea-card--social h1 {
  color: #fecb00;
}

.play-idea-card.play-idea-card--emotional h1 {
  color: #952d98;
}

.play-idea-card h2, .play-idea-card h4 {
  color: #607d8b;
  font-size: 25px;
}

.play-idea-card h4 {
  margin-bottom: 0;
  margin-top: 15px;
}

.play-idea-card .play-idea-card-heading,
.play-idea-card .play-idea-card-subheading {
  text-align: center;
}

.play-idea-card .play-idea-card-heading {
  font-size: 40px;
  margin: 15px auto 8px;
}

.play-idea-card .play-idea-card-subheading {
  margin: 8px auto 15px;
}

.play-idea-card .play-idea-card-body {
  padding: 0 15px;
  text-align: left;
}

.play-idea-card .play-idea-card-body h4 {
  font-size: 25px;
  margin-bottom: 1em;
}

.play-idea-card .play-idea-card-body p.source a {
  color: #7b96a3;
  font-style: italic;
  font-size: 14px;
  font-weight: lighter;
  text-decoration: none;
}

.play-idea-card .play-idea-card-footer {
  background-color: #eceff1;
  position: relative;
  margin-top: 45px;
  min-height: 45px;
  text-align: left;
}

.play-idea-card .play-idea-card-footer ul.play-idea-skills {
  list-style: none;
  padding-left: 0;
  margin-left: 15px;
  margin-bottom: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.play-idea-card .play-idea-card-footer ul.play-idea-skills li {
  display: inline-block;
  margin-right: 15px;
}

.play-idea-card .play-idea-card-footer ul.play-idea-skills li a {
  display: block;
}

.play-idea-card .play-idea-card-footer ul.play-idea-skills li a img {
  border: none;
}

.play-idea-card .play-idea-card-footer ul.social-nav {
  position: absolute;
  left: 33%;
  top: -45px;
}

.play-idea-card .play-idea-card-footer ul.social-nav li.social-nav-item {
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
}

.play-idea-card .play-idea-card-nav {
  position: absolute;
  top: 50%;
  width: 100%;
}

@media screen and (max-width: 900px) {
  .play-idea-card .play-idea-card-nav {
    display: none;
  }
}

.play-idea-card .play-idea-card-nav a:link, .play-idea-card .play-idea-card-nav a:hover, .play-idea-card .play-idea-card-nav a:visited, .play-idea-card .play-idea-card-nav a:active {
  color: #607d8b;
}

.play-idea-card .play-idea-card-nav .play-idea-card-nav-item {
  position: absolute;
  top: -100%;
}

.play-idea-card .play-idea-card-nav .play-idea-card-nav-item i {
  font-size: 26px;
}

.play-idea-card .play-idea-card-nav .play-idea-card-nav-item--prev {
  left: -60px;
}

.play-idea-card .play-idea-card-nav .play-idea-card-nav-item--next {
  right: -60px;
}

/* PLAY FACTS */


.playfact-hero {
  margin: 30px auto 0;
  padding: 30px;
}

.playfact-hero p.playfact-hero-source {
  margin-top: 20px;
}

@media screen and (max-width: 809px) {
  .playfact-hero-left {
    display: none;
  }
  .playfact-hero-right {
    text-align: center;
  }
}

@media screen and (min-width: 810px) {
  .playfact-hero {
    display: table;
    max-width: 810px;
    width: 100%;
  }
  .playfact-hero .playfact-hero-left,
  .playfact-hero .playfact-hero-body,
  .playfact-hero .playfact-hero-right {
    display: table-cell;
    vertical-align: middle;
  }
  .playfact-hero .playfact-hero-left,
  .playfact-hero .playfact-hero-right {
    min-width: 200px;
  }
  .playfact-hero .playfact-hero-body {
    width: 100%;
  }
  .playfact-hero img {
    max-width: 100%;
  }
}

.playfact-hero--cognitive {
  background: #c8e59a;
}

.playfact-hero--social {
  background: #ffe065;
}

.playfact-hero--emotional {
  background: #dcc7df;
}

.playfact-hero-physical {
  background: #F38591;
}

.playfact-hero--creative {
  background: #efcb65;
}

.playfact-hero--communicative {
  background: #d0ccff;
}

.playfact-hero .playfact-hero-body {
  text-align: center;
}

.playfact-hero .playfact-hero-statement {
  color: #000000;
}

.social-sharer--cognitive {
  color: #69be28 !important;
}

.social-sharer .social-sharer-inner--cognitive {
  border: 2px solid #69be28;
}

.social-sharer--physical {
  color: #ea2839 !important;
}

.social-sharer .social-sharer-inner--physical {
  border: 2px solid #ea2839;
}

.social-sharer--creative {
  color: #e98300 !important;
}

.social-sharer .social-sharer-inner--creative {
  border: 2px solid #e98300;
}

.social-sharer--communicative {
  color: #0018a8 !important;
}

.social-sharer .social-sharer-inner--social {
  border: 2px solid #fecb00;
}

.social-sharer--social {
  color: #fecb00 !important;
}

.social-sharer .social-sharer-inner--emotional {
  border: 2px solid #952d98;
}

.social-sharer--emotional {
  color: #952d98 !important;
}

.social-sharer .social-sharer-inner--communicative {
  border: 2px solid #0018a8;
}

.social-sharer .social-sharer-inner {
  display: table;
  padding: 7.5px 30px;
  position: relative;
  color: inherit !important;
  margin-right: auto;
  margin-left: auto;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 1.125rem;
}

.social-sharer .social-sharer-label,
.social-sharer .social-sharer-icons-panel {
  display: table-cell;
  overflow: hidden;
}

.social-sharer .social-sharer-label {
  font-style: italic;
}

.social-sharer .social-sharer-icons-panel {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  position: absolute;
}

.social-sharer .social-sharer-icons-panel a {
  color: inherit !important;
  display: inline-block;
  margin-left: 7.5px;
  margin-right: 7.5px;
}

.social-sharer:hover .social-sharer-label {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  position: absolute;
}

.social-sharer:hover .social-sharer-icons-panel {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  position: static;
}


/*RESEARCH PAGE */

.ResearchHeading {
    background: url("/App_Themes/tgop/images/benefitsofplay/research/research-banner.png") no-repeat center center / cover;
    height:auto;
    margin-top:-38px;
    position: relative;
    z-index:-9;
}

.ResearchHeading h1{
	font-family:"LunchBox";
	padding:125px 0;
	font-size:55px;
	text-transform:uppercase;
	text-align:center;
	color:#ffffff !important;
}

.ResearchTextAreas {
	background:#f6f8f8;
	text-align:center;
	padding:50px 25px;
	margin-top:-25px;
}

.ResearchTextAreas2 {
	background:#f1f3f4;
	text-align:center;
	padding:50px 25px;
	margin-top:-16px;
}

.ResearchTextAreas2 h1{
	font-family:"LunchBox";
	font-size:55px;
	text-transform:uppercase;
	text-align:center;
	color:#555555 !important;
	max-width:650px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}

.ResearchTextAreas2 p{
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
}

.LatoLarge {
	font-size:36px;
	line-height:1.5em;
}

.ResearchBlue {
    background:#28bcf0 url("/App_Themes/tgop/images/benefitsofplay/research/bluebg.png") no-repeat top center;
    height:auto;
    margin-top:-17px;
    position: relative;
	color:#ffffff;
	padding:50px 25px;
}

.ResearchBlue h1{
	font-family:"LunchBox";
	padding-top:50px;
	padding-bottom:25px;
	font-size:50px;
	text-transform:uppercase;
	text-align:center;
	color:#ffffff !important;
	max-width:550px;
	margin:auto;
}

ul.facttiles {
	list-style-type:none !important;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

ul.facttiles li {
	display: inline-block;
    position: relative;
	list-style-type:none;
	width:217px;
	height:277px;
	margin-right:25px;
	margin-bottom:25px;
}

.ResearchGreen {
    background:#62b954 url("/App_Themes/tgop/images/benefitsofplay/research/green-bg.png") no-repeat top center;
    height:auto;
    margin-top:-17px;
    position: relative;
	color:#ffffff;
	padding:50px 25px;
}

.ResearchGreen h1{
	font-family:"LunchBox";
	padding-top:50px;
	padding-bottom:25px;
	font-size:50px;
	text-transform:uppercase;
	text-align:center;
	color:#ffffff !important;
	max-width:500px;
	margin:auto;
}

.ResearchGreen h4{
	font-size:24px;
	color:#ffffff !important;
}

.greentext {
	max-width:550px;
	margin:auto;
}

.tip {
	background:#ffffff;
	border-radius:10px;
	padding:15px;
	color:#555555 !important;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	max-width:558px;
}

.tip h3{
	font-family:"LunchBox";
	font-size:36px;
	color:#555555 !important;
}

.tip p{
	font-size:16px !important; 
}

.ResearchTeal {
    background:#64c9c3 url("/App_Themes/tgop/images/benefitsofplay/research/tealbg-banner.png") no-repeat top center;
    height:auto;
    margin-top:-17px;
    position: relative;
	color:#ffffff;
	padding:25px;
}

.ResearchTeal h1{
	font-family:"LunchBox";
	padding-top:50px;
	padding-bottom:25px;
	font-size:50px;
	text-transform:uppercase;
	text-align:center;
	color:#ffffff !important;
	max-width:550px;
	margin:auto;
}

.ResearchTeal h4{
	font-size:24px;
	color:#ffffff !important;
}

.tip-purple {
	background:#a593c1;
	border-radius:10px;
	padding:5px 15px;
	color:#ffffff !important;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	max-width:558px;
}

.tip-purple h3{
	font-family:"LunchBox";
	font-size:36px;
	color:#ffffff !important;
}

ul.tealtiles {
	list-style-type:none !important;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
}

ul.tealtiles li {
	display: inline-block;
    position: relative;
	list-style-type:none;
	background:#ffffff;
	border-radius:10px;
	width:250px;
	height:375px;
	padding:10px;
	margin-right:25px;
	margin-bottom:25px;
	color:#555555;
	vertical-align:top;
	font-size:16px;
}

.ResearchPurple {
    background:#a593c1 url("/App_Themes/tgop/images/benefitsofplay/research/purplebg.png") no-repeat top center;
    height:auto;
    margin-top:-17px;
    position: relative;
	color:#ffffff;
	padding:50px;
	margin-right:-15px;
}

@media screen and (max-width: 480px ) {
	
	.ResearchPurple { margin-right:-15px; }
}

.ResearchPurple h1{
	font-family:"LunchBox";
	padding-top:50px;
	padding-bottom:25px;
	font-size:50px;
	text-transform:uppercase;
	text-align:center;
	color:#ffffff !important;
	max-width:1024px;
	margin:auto;
}

.ResearchPurple h4{
	font-size:24px;
	color:#ffffff !important;
	font-weight:normal !important;
	max-width:450px;
	margin:auto;
	text-align:center;
}


/* EXPERT ADVICE */

article.expert-article {
    margin-left: -15px;
}

.expert-article p.lead {
  text-align: center;
  font-size: 20px;
  line-height: 1.4;
}

.expert-article p.lead,
.expert-article blockquote {
  font-size: 20px;
}

.expert-article blockquote {
  color: #607d8b;
  text-align: center;
  font-style: italic;
}

.expert-article blockquote,
.expert-article p {
  margin-bottom: 25px;
  line-height: 1.4;
}

.expert-article p {
  text-align: left;
}

.expert-article li {
  text-align: left;
}

.expert-article-header,
.expert-article-footer {
  text-align: center;
}

h1.expert-article-heading {
  font-size: 40px;
  margin-top: 30px;
  margin-bottom: 8px;
}

p.expert-article-byline {
  color: #607d8b;
  margin-bottom: 30px;
  text-align: center;
}

.expert-article-footer {
  margin-bottom: 25px;
}

.PanelTitle {
	color: #607d8b;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 30px;
  margin-top: 45px;
  font-family: 'Lato';
  font-weight: bold;
}

.PanelHead.Distinguish
{
	position:relative;
  text-align: center;
}

h2, div.PanelTitle
{
   border-bottom:none !important;
}
.PanelHead
{
	border:none !important;
}

/*.aecimagethumb
{
	float:left;
}

.aecthumbnail {
	width:305px;
	height:215px;
}*/

/*TOY TIMELINE PAGE */

.timeline {
height:auto;
position:relative;
border: 1px solid #e6e6e6;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
background-color: #eeeeee;
}

.timeline h2 {
	font-size:36px;
	text-align:center;
}

.ttarrow {
  color: #039be5;
  text-align: center;
}

@media screen and (max-width: 480px) {
	
	.navimg { display:none; }
	
}

@media screen and (min-width: 481px) {
	
	.ttarrow { display:none; }
}

.flipit {
	position: relative;
	margin:10px;
	width: 340px;
	height: 340px;
	z-index : 1;
	float:left;
}

.flipit {
	-webkit-perspective: 1000;
	perspective: 1000;
}

.flipcircle {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 1.0s linear;
	transform-style: preserve-3d;
	transition: all 1.0s linear;
  cursor: pointer;
}

.flipit.active .flipcircle {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
    
.face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-moz-border-radius: 170px;
	-webkit-border-radius: 170px;
	border-radius: 170px;
}

/* PLAY FACTS */

.PFTiles {
    max-width:810px;
    margin:auto;
    position:relative;
    margin-bottom: 25px;
}

.PFTiles li {
    display: inline;
    margin: 10px 5px 0;
    position:relative;
}

.blockodd {
    position:relative;
    margin: auto;
    display: inline;
}

@media screen and (max-width:480px) {
	
	.PFTiles li { margin-right:25px; }
}

@media screen and (min-width:810px) {

.blockodd { padding-left: 185px; }
}

/*TABBED DISPLAY STYLES */

#ctl00_TemplateBody_WebPartManager1_gwpciNewDynamicContentCollectionOrganizerCommon_ciNewDynamicContentCollectionOrganizerCommon__BodyContainer {
	margin-top:-105px;
        background-color:none !important;
}

/*Special Effects Begin HERE*/

/*FORMS*/

.CUText {
	width:90%;
}

.CUEmail {
	width:100%;
  margin: 15px 0;
}

@media screen and (min-width: 992px) {
  .CommunityEmail { width: 200px; }
  .CommunityText { width: 400px; }
}

.CommunityEmail,
.CommunityText {
  height: 45px !important;
}

.CUCheck {
	text-align:left;
}

.ContactUsWrap {
  margin:auto;
  max-width:585px;
  margin-bottom:50px;
}

.CommunityWrap {
  margin:auto;
  max-width:810px;
  margin-bottom:30px;
  display: inline-block;
}

ul.communitybox {
  margin: auto;
  list-style-type: none;
}

li.communitybox-item {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  margin-top: 10px;
}

.GOPButton {
    background-color: #00a1df;
    border: 1px solid #00a1df;
    color: #ffffff;
    height: 48px;
    width: auto;
    padding: 0 5px;
    text-transform: uppercase;
}

.CommunityButton {
    background-color: #e12726;
    border: 1px solid #ffffff;
    color: #ffffff;
    height: 43px;
    width: auto;
    padding: 0 5px;
    text-transform: uppercase;
}

@media screen and (max-width: 401px) {
.GOPEmail { width: 10em; }
}

/*FOOTER SOCIAL */

ul.social {
	list-style-type:none !important;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

ul.social li {
	display: inline-block;
    position:relative;
	list-style-type:none;
	width:78px;
	height:78px;
	margin-right:5px;
}

/*NAV STUFF */
div#ste_container_SocialNetworking {
    float: right;
    margin-top: 45px;
    margin-right: 15px;
}
	
.RadMenu.rmResponsive .rmRootLink:hover, .RadMenu.rmResponsive .rmRootLink:focus, .RadMenu.rmResponsive .rmExpanded > .rmRootLink
{
  padding: 12px;
  -webkit-transition: box-shadow 0.3s ease-in-out, background-color 0.2s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, background-color 0.2s ease-in-out;
}

#ctl00_Primary_NavMenu li.rmItem:hover > .rmLink {
    padding: 12px;
    color: #3f525b !important;
    background-color: #cfd8dc;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}

li.mainnav.rmItem.rmSelected > .rmLink {
    color: #3f525b !important;
    background-color: #eceff1;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width:1069px) {
	
	#masterSocialNetworking { margin-top: 10px; }
	div#ste_container_SocialNetworking {display: none;}
}

a.nav-social {
  padding-left: 8px;
  padding-right: 8px;
  color: #607d8b;
}

.navbar-collapse.collapse
{
  margin-top:-125px;
  /*margin-right:200px;*/
}

@media screen and (max-width:1015px) {
  .navbar-collapse.collapse { margin-right: 175px; }
  
 a.nav-social {
  padding-left: 5px;
  padding-right: 5px;
  }
}

@media screen and (max-width: 1069px) {
.navbar-collapse.collapse { display:none !important;}
}

.NavCont {
  position: absolute;
  top: 32.5%;
  max-width: 1200px;
}

@media screen and (max-width: 900px ) {
  .NavCont { display:none; }
}

.NavPageLeft {
    position:absolute;
    left:106px;
}

.NavPageRight {
   position: absolute;
   right: -1034px;
}

@media screen and (max-width: 1199px ) {
  .NavPageLeft { left: 0; }
  .NavPageRight { right:-950px; }
}

@media screen and (max-width: 991px ) {
  .NavPageLeft { left: -60px; }
  .NavPageRight { right:-775px; }
}

.hover-play > div {
    height: 418px;
    left: 10px;
    opacity: 1;
    position: relative;
    width: 370px;
}

@media screen and (max-width: 480px ) {
	
	.hover-play > div { width:300px; height:339px; }
}

span.hover-share div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
ul.PFTiles li:hover span.hover-share {
    opacity: .8;
}

@media screen and (max-width: 480px ) {
	
	span.hover-share { width:320px !important; height:405px !important; }
}

span.hover-share {
    background-color: #ffffff;
    border-radius: 8px;
    display: table;
    font-size: 25px;
    height: 470px;
   /* left: 0;*/
    line-height: 1.2;
    opacity: 0;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    transition: opacity 500ms ease 0s;
    width: 370px;
}

span.hover-btnshare div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
ul.sharebtn li:hover span.hover-btnshare {
    opacity: 1;
}
span.hover-btnshare {
    background-color:#62b954;
	border-radius:50px;
	display: table;
    font-size: 25px;
    height: 67px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 500ms ease 0s;
    width: 220px;
	padding-right:10px;
}

ul.sharebtn {
	list-style-type:none !important;
	margin-left:auto;
	margin-right:25px;
}

ul.sharebtn li {
	display: inline-block;
    position: relative;
	list-style-type:none;
	width:220px;
	height:67px;
	margin-top:10px;
}

.loadMore {
  text-align: center;
  margin-top: -40px;
}

@media screen and (max-width: 480px ) {
  .loadMore { margin-top: -90px; }
}

.noResultsMessage {
  text-align: center;
  color: #ea2839;
  display: inline-block;
  font-style: italic;
  max-width: 810px;
}

.teacher {
	max-width: 992px;
}


/*Email Pop-up*/

.close {float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha
    (opacity=20); }
    
.close:hover, .close:focus {color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }

button.close {padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

.modal-open {overflow: hidden; }

.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }
    
.modal.fade .modal-dialog {-webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }

.modal.in .modal-dialog {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.modal-open .modal {overflow-x: hidden; overflow-y: auto; }

.modal-dialog {position: relative; width: auto; margin: 10px; }

.modal-content {position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; height:300px !importamt; }

.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }

.modal-backdrop.fade {opacity: 0; filter: alpha(opacity=0); }

.modal-backdrop.in {opacity: 0.5; filter: alpha(opacity=50); }

.modal-header {padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; }

.modal-header .close {margin-top: -2px; }

.modal-title {margin: 0; line-height: 1.42857143; }

.modal-body {position: relative; padding: 15px; height:350px; }

.modal-footer {padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn {margin-left: 5px; margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn {margin-left: -1px; }

.modal-footer .btn-block + .btn-block {margin-left: 0; }

.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

.clickable {cursor:pointer; }

@media (min-width: 768px) {
.modal-dialog {width: 600px; margin: 30px auto; }
.modal-content {-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.modal-sm {width: 300px; } }

@media (min-width: 992px) {
.modal-lg {width: 900px; } }

.clearfix:before, .clearfix:after, .modal-footer:before, .modal-footer:after {content: " "; display: table; }

.clearfix:after, .modal-footer:after {clear: both; }

.center-block {display: block; margin-left: auto; margin-right: auto; }

.pull-right {float: right !important; }

.pull-left {float: left !important; }

.hide {display: none !important; }

.show {display: block !important; }

.invisible {visibility: hidden; }

.text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden {display: none !important; }

.affix {position: fixed; }

.btn-primary{opacity: 0;}



@media (max-width:1069px) {
	.tgop-navbar {
		margin-top: 0px;
	}
}
@media (max-width: 1069px) {
  .tgop-navbar {
    width: 100%;
	float: right;
  }
}


@media (min-width: 1070px) {
  .navbar-right .dropdown-menu {
    right: 0 !important;
    left: auto !important;
  }
  .navbar-right .dropdown-menu-left {
    left: 0 !important;
    right: auto !important;
  }
}
@media (min-width: 1070px) {
  .tgop-navbar {
    border-radius: 0 !important;
  }
}
@media (min-width: 1070px) {
  .tgop-navbar-collapse {
    width: auto !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }
  .tgop-navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }
  .tgop-navbar-collapse.in {
    overflow-y: auto !important;
  }
  .tgop-navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: -15px !important;
  }
  .tgop-navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -15px !important;
  }
  .tgop-navbar-collapse .navbar-text:last-child {
    margin-right: 0 !important;
  }
}
@media (min-width: 1070px) {
  .container > .tgop-navbar-header,
  .container > .tgop-navbar-collapse {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media (min-width: 1070px) {
  .tgop-navbar-toggle {
    display: none !important;
  }
}


@media (min-width: 1070px) {
  .tgop-nav-primary {
    margin-top: 10px;
  }
}
.no-mqs .tgop-nav-primary {
  margin-top: 10px;
}

.tgop-navbar-collapse {
  clear: both;
}
@media (max-width: 1069px) {
  .tgop-navbar-collapse {
    /* expand to the full width of the page */
    margin-left: -15px;
    margin-right: 4px;
  }
}
@media (min-width: 1070px) {
  .tgop-navbar-collapse {
    clear: right;
  }
}
.no-mqs .tgop-navbar-collapse {
  clear: right;
}

@media (min-width: 1070px) {
  .tgop-nav-primary {
    float: right;
    clear: right;
  }
}
.no-mqs .tgop-nav-primary {
  float: right;
  clear: right;
}


@media (min-width: 1070px) {
  .tgop-navbar-collapse {
    padding-left: 0;
    padding-right: 200px;
    margin-top: -30px;
    background-color: transparent;
    border: none;
  }
}
.no-mqs .tgop-navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  border: none;
}

.tgop-navbar-header {
  float: right;
  z-index: 999;
  position: relative;
}
.tgop-navbar-header > div,
.tgop-navbar-header > a,
.tgop-navbar-header .NavigationUnorderedList,
.tgop-navbar-header .NavigationLink {
  display: inline-block;
  vertical-align: middle;
}
	
.tgop-navbar-toggle {
  margin-top: 6.5px;
  margin-bottom: 6.5px;
  vertical-align: middle;
  background-color: #ffffff;
  border-color: transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  /* extend the toggle down when it's open */
  margin-bottom: 0;
  padding-bottom: 18px;
}
.tgop-navbar-toggle.collapsed {
  /* then tighten it back up when it's closed */
  margin-bottom: 6.5px;
  padding-bottom: 9px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.tgop-navbar-toggle {
  position: relative;
  margin-left: 15px;
  padding: 9px 10px;
  margin-top: 9px;
  margin-bottom: 9px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0;
}

.tgop-navbar-toggle:hover, .tgop-navbar-toggle:focus {
  background-color: none;
}

@media (max-width:1087px) {
	.tgop-navbar-header { margin-top: -20px; }
}

@media (max-width:1087px) {
	.tgop-navbar-header { margin-top: 0px; }
}

.nav-auxiliary .TextButton,
.nav-auxiliary .tgop-navbar-toggle {
  margin-left: 15px;
}

.tgop-navbar-toggle {
  float: none;
}
.tgop-navbar-toggle .icon-bar {
  height: 3px;
  border-radius: 0;
}
.tgop-navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}
.tgop-navbar-toggle .icon-search {
  display: inline-block;
  float: left;
  background: url("images/ResponsiveHeaderSprite.png") no-repeat center top;
  width: 25px;
  height: 24px;
  margin: -1px 0;
  /* this makes it line up properly with the hamburger */
}

.tgop-navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 4px;
    border-radius: 1px;
}
@media (min-width: 1070px) {
  .search-container,
  .auth-link-container {
    /*display: none;*/
  }
}

@media (max-width: 1069px) {
  .ste-section {
    display: none !important;
  }
}

@media (min-width: 1070px) {
  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border: none;
  }
}
@media (max-width: 1069px) {
  .rmResponsive .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }
  .rmResponsive .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
    margin-top: 51px;
  }
}
@media (min-width: 1070px) {
  .RadMenu.rmResponsive .rmItem {
    white-space: nowrap;
  }
  .RadMenu.rmResponsive .rmRootGroup > .rmItem {
    float: left;
    clear: none;
	margin-left: 5px;
  }
  .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
    margin: 0;
  }
  .RadMenu.rmResponsive .rmSlide .rmGroup {
    margin: 0;
  }
  .RadMenu.rmResponsive .rmSlide .rmItem {
    float: none;
    display: block;
  }
  .RadMenu.rmResponsive .rmSlide .rmLink,
  .RadMenu.rmResponsive .rmSlide .rmSeparator {
    margin: 0;
  }
  .RadMenu.rmResponsive .rmSlide .rmExpandRight {
    background-image: url("images/ResponsiveNav.png");
    background-position: 100% -200px;
    background-repeat: no-repeat;
  }
  .RadMenu.rmResponsive .rmSlide .rmText {
    padding-right: 40px;
  }
  .RadMenu.rmResponsive .rmToggle {
    display: none;
  }
}
@media (min-width: 1070px)
{.tgop-navbar-collapse.collapse,
 .navbar-collapse.collapse {
    display: block !important;
    height: auto;
    padding-bottom: 0;
    overflow: visible;
}
	.switchSites {
    margin-left: 125px;
}
}
.switchSites {
    margin-bottom: 9px;
}
div#ste_container_language {
    float: left;
}
.switchtext {
    display: inline-block;
    margin-left: 45px;
    padding-top: 8px;
    color: #607d8b;
    font-size: 18px;
}
.switchtextes {
    display: inline-block;
    margin-left: 65px;
    padding-top: 8px;
    color: #607d8b;
    font-size: 18px;
}
@media (max-width: 1069px) {
	.switchtext { display: none; }
	.switchtextes { display: none; }
}

/* Responsive Table */

@media (max-width:800px)
{
.AnalysisData table,
.AnalysisData thead,
.AnalysisData tfoot,
.AnalysisData tbody,
.AnalysisData tr,
.AnalysisData td
{
  display:block;
}
.AnalysisData thead tr
{
  position:absolute;
  top:-9999px;
  left:-9999px;
}
  
.AnalysisData td
{
  position:relative;
  padding-left:50% !important;
  white-space:normal;
  text-align:left;
}

.AnalysisData td:before
{
  position:absolute;
  top:6px;
  left:6px;
  width:45%;
  padding-right:1px;
  white-space:no-wrap;
  text-align:left;

}
.AnalysisData td:before
{
  content: attr(data-title);
}

td.TARowName {
  color: #00a1e1;
  font-weight: 700;
  text-align: left;
  padding: 10px !important;
}
}

td.TADataHead {
  color: #00a1e1;
  font-weight: 700;
  text-align: left;
  border: 1px solid #607d8b;
  padding: 10px;
}

td.TADataHeadCat {
  color: #00a1e1;
  font-weight: 700;
  border: 1px solid #607d8b;
  padding: 10px;
}

td.TADataRow {
  text-align: left;
  border: 1px solid #607d8b;
  padding: 10px;
}

td.TARowName {
  border: 1px solid #607d8b;
  padding: 10px;
}

.woobox-offer {
	max-width: 810px;
	margin: auto;
}

.callout-inner {
  display: block;
  max-width: 630px;
  margin-right: auto;
  margin-left: auto;
}

/*STEAM rotating quotes*/

.carousel-inner>.item>a>img,.carousel-inner>.item>img {display:block;max-width:100%;height:auto}
.carousel-inner {overflow:hidden}
.carousel-caption,.carousel-control{color:#fff;text-align:center}
.carousel-caption h2 {color: rgb(0, 161, 225);
    font-size: 50px;
    font-family: LunchBox;
    font-weight: normal;
    text-transform: uppercase;
line-height: inherit;}
.carousel-caption h3 {font-size: 20px; color: #333;font-family: Lato; text-transform: capitalize; padding: 0 10px;}
.carousel,.carousel-inner{position:relative}
.carousel-inner{width:100%;margin: 30px 0}
.carousel-inner>.item{display:none;position:relative;transition:.6s ease-in-out left}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}
@media screen and (max-width: 600px){
	.carousel-caption h2 {font-size: 40px}
	.carousel-caption h3 {font-size: 18px}
}
@media all and (transform-3d),(-webkit-transform-3d)
	{
		.carousel-inner>.item{
			transition:transform .6s ease-in-out;
			-webkit-backface-visibility:hidden;
			backface-visibility:hidden;perspective:1000px}
		.carousel-inner>.item.active.right,
		.carousel-inner>.item.next{transform:translate3d(100%,0,0);left:0}
		.carousel-inner>.item.active.left,.carousel-inner>.item.prev{transform:translate3d(-100%,0,0);left:0}
		.carousel-inner>.item.active,.carousel-inner>.item.next.left,
		.carousel-inner>.item.prev.right{transform:translate3d(0,0,0);left:0}
	}
	.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
	.carousel-inner>.active{left:0}
	.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
	.carousel-inner>.next{left:100%}
	.carousel-inner>.prev{left:-100%}
	.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
	.carousel-inner>.active.left{left:-100%}
	.carousel-inner>.active.right{left:100%}
	.carousel-control{
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		width:15%;
		opacity:.5;
		filter:alpha(opacity=50);
		font-size:20px;
		background-color:rgba(0,0,0,0)}
	.carousel-control.left{
		background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
		background-repeat:repeat-x;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}
	.carousel-control.right{
		left:auto;
		right:0;
		background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
		background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}
	.carousel-control:focus,.carousel-control:hover{
		outline:0;
		color:#fff;
		text-decoration:none;
		opacity:.9;
		filter:alpha(opacity=90)}
	.carousel-control .glyphicon-chevron-left,.carousel-control 
	.glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control 
	.icon-prev{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .icon-prev{left:50%;margin-left:-10px}
	.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}
	.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;line-height:1;font-family:Lato; font-size: 60px;}
	.carousel-control .icon-prev:before{content:'\2039'}
	.carousel-control .icon-next:before{content:'\203a'}
	.carousel-indicators{
		display: none;
		;position:absolute;
		bottom:10px;
		left:50%;
		z-index:15;
		width:60%;
		margin-left:-30%;
		padding-left:0;
		list-style:none;
		text-align:center}
	.carousel-indicators li{display:inline-block;
		width:10px;
		height:10px;
		margin:1px;
		text-indent:-999px;
		border:1px solid #fff;
		border-radius:10px;
		cursor:pointer;
		background-color:#000\9;
		background-color:rgba(0,0,0,0)}
	.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}
	.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding: 20px 0; background-color: #e1f5fe;
    opacity: .9;
    box-shadow: 0 0 10px 2px #b0bec5;
	text-shadow: none;}
	.carousel-caption .btn,.text-hide{text-shadow:none}
	@media screen and (min-width:768px)
	{
		.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,
		.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:80px}
		.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}
		.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}
		.carousel-caption{left:10%;right:10%;padding:20px;
    background-color: #e1f5fe;
    opacity: .9;
    box-shadow: 0 0 10px 2px #b0bec5;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
		text-shadow: none;}
	}
.carousel .carousel-indicators{margin-top:20px;z-index:2}
	.carousel .carousel-indicators li{
		border:1px solid #b0bec5;
		width:12px;
		height:12px;
		margin:0 0 0 5px;
		position:relative;
		background-color:#fff}
	.carousel .carousel-indicators li.active{background-color:#039be5;border:1px solid #039be5}
	.carousel .carousel-indicators li::after{
		position:absolute;
		content:' ';
		border-top:1px solid #b0bec5;
		width:15px;
		height:1px;
		top:5px;
		left:11px}
	.carousel .carousel-indicators li:last-child:after{border-top:0}
	.carousel .carousel-indicators li:first-child{margin-left:0}

/*cookie warning */
.cc-revoke {font-family: 'Lato' !important}
.cc-window {background-color:#00a1e1 !important; font-family: 'Lato' !important}
.cc-link {text-decoration:underline !important; font-weight: normal !important; opacity: 1 !important}