/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */
body {
  font-size: 62.5%;
  /* resolves 1em to 10px for anything below @media level */
}
.container {
  position: relative;
  width: 94em;
  margin: 0 auto;
  padding: 0;
}
.container .column,
.container .columns {
  float: left;
  display: inline;
  margin-left: 1em;
  margin-right: 1em;
}
.column.alpha,
.columns.alpha {
  margin-left: 0;
  margin-right: 1em;
}
.column.omega,
.columns.omega {
  margin-right: 0;
  margin-left: 1em;
}
.alpha.omega {
  margin-left: 0;
  margin-right: 0;
}
.row {
  margin-bottom: 3em;
}
.columnWrapper {
  margin-left: -1em;
  margin-right: -2em;
}
/* Base Grid */
.container .one.column,
.container .one.columns {
  width: 6em;
}
.container .two.columns {
  width: 14em;
}
.container .three.columns {
  width: 22em;
}
.container .four.columns {
  width: 30em;
}
.container .five.columns {
  width: 38em;
}
.container .six.columns {
  width: 46em;
}
.container .seven.columns {
  width: 54em;
}
.container .eight.columns {
  width: 62em;
}
.container .nine.columns {
  width: 70em;
}
.container .ten.columns {
  width: 78em;
}
.container .eleven.columns {
  width: 86em;
}
.container .twelve.columns {
  width: 94em;
  margin-left: 0px;
  margin-right: 0px;
}
.container .one-third.column {
  width: 30em;
}
.container .two-thirds.column {
  width: 62em;
}
/* Offsets */
.container .offset-by-one {
  padding-left: 8em;
}
.container .offset-by-two {
  padding-left: 16em;
}
.container .offset-by-three {
  padding-left: 24em;
}
.container .offset-by-four {
  padding-left: 32em;
}
.container .offset-by-five {
  padding-left: 40em;
}
.container .offset-by-six {
  padding-left: 48em;
}
.container .offset-by-seven {
  padding-left: 56em;
}
.container .offset-by-eight {
  padding-left: 64em;
}
.container .offset-by-nine {
  padding-left: 72em;
}
.container .offset-by-ten {
  padding-left: 80em;
}
.container .offset-by-eleven {
  padding-left: 88em;
}
/* Insets */
.container .inset-by-one {
  padding-right: 8em;
}
.container .inset-by-two {
  padding-right: 16em;
}
.container .inset-by-three {
  padding-right: 24em;
}
.container .inset-by-four {
  padding-right: 32em;
}
.container .inset-by-five {
  padding-right: 40em;
}
.container .inset-by-six {
  padding-right: 48em;
}
.container .inset-by-seven {
  padding-right: 56em;
}
.container .inset-by-eight {
  padding-right: 64em;
}
.container .inset-by-nine {
  padding-right: 72em;
}
.container .inset-by-ten {
  padding-right: 80em;
}
.container .inset-by-eleven {
  padding-right: 88em;
}
.container .left-by-one {
  margin-left: -8em;
}
.container .left-by-two {
  margin-left: -16em;
}
.container .left-by-three {
  margin-left: -24em;
}
.container .left-by-four {
  margin-left: -32em;
}
.container .right-by-one {
  margin-right: -8em;
}
.container .right-by-two {
  margin-right: -16em;
}
.container .right-by-three {
  margin-right: -24em;
}
.container .right-by-four {
  margin-right: -32em;
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 48.1em) and (max-width: 61em) {
  .container {
    width: 76.2em;
  }
  .container .column,
  .container .columns {
    margin-left: 0.9em;
    margin-right: 0.9em;
  }
  .column.alpha,
  .columns.alpha {
    margin-left: 0;
    margin-right: 0.9em;
  }
  .column.omega,
  .columns.omega {
    margin-right: 0;
    margin-left: 0.9em;
  }
  .alpha.omega {
    margin-left: 0;
    margin-right: 0;
  }
  .row {
    margin-bottom: 1.8em;
  }
  .columnWrapper {
    margin-left: -0.9em;
  }
  .container .one.column,
  .container .one.columns {
    width: 4.7em;
  }
  .container .two.columns {
    width: 11.2em;
  }
  .container .three.columns {
    width: 17.7em;
  }
  .container .four.columns {
    width: 24.2em;
  }
  .container .five.columns {
    width: 30.7em;
  }
  .container .six.columns {
    width: 37.2em;
  }
  .container .seven.columns {
    width: 43.7em;
  }
  .container .eight.columns {
    width: 50.2em;
  }
  .container .nine.columns {
    width: 56.7em;
  }
  .container .ten.columns {
    width: 63.2em;
  }
  .container .eleven.columns {
    width: 69.7em;
  }
  .container .twelve.columns {
    width: 76.2em;
  }
  .container .one-third.column {
    width: 30.7em;
  }
  .container .two-thirds.column {
    width: 50.2em;
  }
  /* Offsets */
  .container .offset-by-one {
    padding-left: 6.5em;
  }
  .container .offset-by-two {
    padding-left: 13.0em;
  }
  .container .offset-by-three {
    padding-left: 19.5em;
  }
  .container .offset-by-four {
    padding-left: 26.0em;
  }
  .container .offset-by-five {
    padding-left: 32.5em;
  }
  .container .offset-by-six {
    padding-left: 39.0em;
  }
  .container .offset-by-seven {
    padding-left: 45.5em;
  }
  .container .offset-by-eight {
    padding-left: 52.0em;
  }
  .container .offset-by-nine {
    padding-left: 58.5em;
  }
  .container .offset-by-ten {
    padding-left: 65.0em;
  }
  .container .offset-by-eleven {
    padding-left: 71.5em;
  }
  /* Insets */
  .container .inset-by-one {
    padding-right: 6.5em;
  }
  .container .inset-by-two {
    padding-right: 13.0em;
  }
  .container .inset-by-three {
    padding-right: 19.5em;
  }
  .container .inset-by-four {
    padding-right: 26.0em;
  }
  .container .inset-by-five {
    padding-right: 32.5em;
  }
  .container .inset-by-six {
    padding-right: 39.0em;
  }
  .container .inset-by-seven {
    padding-right: 45.5em;
  }
  .container .inset-by-eight {
    padding-right: 52.0em;
  }
  .container .inset-by-nine {
    padding-right: 58.5em;
  }
  .container .inset-by-ten {
    padding-right: 65.0em;
  }
  .container .inset-by-eleven {
    padding-right: 71.5em;
  }
  .container .left-by-one {
    margin-left: -6.5em;
  }
  .container .left-by-two {
    margin-left: -13em;
  }
  .container .left-by-three {
    margin-left: -19.5em;
  }
  .container .left-by-four {
    margin-left: -26em;
  }
  .container .right-by-one {
    margin-right: -6.5em;
  }
  .container .right-by-two {
    margin-right: -13em;
  }
  .container .right-by-three {
    margin-right: -19.5em;
  }
  .container .right-by-four {
    margin-right: -26em;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (max-width: 48em) {
  .container {
    width: 42em;
  }
  .container .columns,
  .container .column {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .column.alpha,
  .columns.alpha,
  .column.omega,
  .columns.omega,
  .alpha.omega,
  .columnWrapper {
    margin-left: 0;
    margin-right: 0;
  }
  .row {
    margin-bottom: 1em;
  }
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 42em;
  }
  .container .left-by-one,
  .container .left-by-two,
  .container .left-by-three,
  .container .left-by-four,
  .container .right-by-one,
  .container .right-by-two,
  .container .right-by-three,
  .container .right-by-four {
    margin-left: 0;
    margin-right: 0;
  }
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 27em) {
  .container {
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
  }
  .container .columns,
  .container .column {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 100%;
  }
  /* Offsets */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0;
  }
}
/*
		@media only screen and (max-width: 20em) {
        .container { width: 94%; padding-left: 3%; padding-right: 3%;}
        .container .columns,
        .container .column { margin: 0; padding-left: 0; padding-right: 0;}

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 100%; }

   
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }
*/
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  /*visibility: hidden;*/
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.columnWrapper:before,
.columnWrapper:after,
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  /* visibility: hidden; */
  width: 0;
  height: 0;
}
.columnWrapper:after,
.row:after,
.clearfix:after {
  clear: both;
}
.columnWrapper,
.row,
.clearfix {
  zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  /* visibility: hidden; */
  width: 0;
  height: 0;
}
/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/
.no_absolute {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  position: static;
  margin: auto;
}
.no_abs {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  position: static;
  margin: auto;
}
.no-abs {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  position: static;
  margin: auto;
}
/*
.box-shadow(@arguments) {
  box-shadow: @arguments;
  -webkit-box-shadow: @arguments;
  -moz-box-shadow: @arguments;
}
*/
.required {
  color: #C00;
}
.disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.visually-hidden {
  display: none;
}
/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/
/* Swiper Styles */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
}
.swiper-slide {
  float: left;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}
/*
.ie-lte8 .swiper-container{
	border: 2px solid red;
	position: relative;
	
	.swiper-wrapper{
		.abs(0,0,0,0);
		width: 100%;
		border: 2px solid orange;	
	}
}
*/
/* Colours */
/* Section Colours */
body {
  color: #333333;
  background: #00678E;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 150%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
#page_wrap {
  background: #FFFFFF;
  overflow: hidden;
  width: 100%;
}
a {
  color: #00678E;
  text-decoration: underline;
}
h1 {
  color: #000000;
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
  text-transform: uppercase;
  font-size: 4em;
  line-height: 0.9em;
  margin: 0 0 0.1em;
  font-weight: bold;
}
.no-js h1,
.ie-lte8 h1,
.wf-avantgarde-n4-inactive h1,
.wf-avantgarde-n4-active h1 {
  visibility: visible;
}
h1.section {
  font-weight: normal;
  color: #00678E;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  border-bottom: 2px solid #00678E;
  text-transform: lowercase;
  margin-bottom: 0.6em;
}
.no-js h1.section,
.ie-lte8 h1.section,
.wf-lubalin-n4-inactive h1.section,
.wf-lubalin-n4-active h1.section {
  visibility: visible;
}
h1.section.noborder {
  border-bottom: none;
}
h1.section + h2 {
  font-size: 1.6em;
  margin-top: -1.5em;
  color: #656565;
  font-weight: normal;
}
h1.section b {
  font-weight: bold;
  margin-right: -0.25em;
}
h1.section b + em {
  margin-left: 0.33333333em;
}
h1 span.date {
  font-weight: normal;
  font-size: 0.75em;
}
h2 {
  font-size: 2.4em;
  font-weight: bold;
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
  color: #333333;
  margin: 0 0 0.66666667em;
  line-height: 1.2em;
}
.no-js h2,
.ie-lte8 h2,
.wf-avantgarde-n4-inactive h2,
.wf-avantgarde-n4-active h2 {
  visibility: visible;
}
h2 + h3 {
  margin-top: -0.88888889em;
}
h3 {
  font-weight: bold;
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
  font-size: 1.8em;
  margin: 0 0 0.88888889em;
  color: #656565;
  line-height: 1.2em;
}
.no-js h3,
.ie-lte8 h3,
.wf-avantgarde-n4-inactive h3,
.wf-avantgarde-n4-active h3 {
  visibility: visible;
}
h3.section {
  font-weight: normal;
  color: #00678E;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  border-bottom: 2px solid #00678E;
  text-transform: lowercase;
  margin-bottom: 0.55555556em;
}
.no-js h3.section,
.ie-lte8 h3.section,
.wf-lubalin-n4-inactive h3.section,
.wf-lubalin-n4-active h3.section {
  visibility: visible;
}
h3.section b {
  font-weight: bold;
  margin-right: -0.25em;
}
h3.section b + em {
  margin-left: 0.33333333em;
}
h3.section a {
  text-decoration: none;
}
h3.section a em {
  font-style: normal;
  color: #989898;
  font-size: 0.66666667em;
  font-weight: bold;
}
h3.section a em:after {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  content: '\00BB';
  margin-left: 0.1em;
}
h3.section a:hover em {
  text-decoration: underline;
}
h4 {
  font-weight: normal;
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
  font-size: 1.6em;
  margin: 0;
  color: #656565;
  line-height: 1.1em;
}
.no-js h4,
.ie-lte8 h4,
.wf-avantgarde-n4-inactive h4,
.wf-avantgarde-n4-active h4 {
  visibility: visible;
}
h4 span.date {
  color: #656565;
  font-weight: normal;
  font-size: 0.75em;
}
h5.date {
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  text-transform: lowercase;
  color: #656565;
}
.no-js h5.date,
.ie-lte8 h5.date,
.wf-lubalin-n4-inactive h5.date,
.wf-lubalin-n4-active h5.date {
  visibility: visible;
}
h5.section {
  font-weight: normal;
  color: #00678E;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  text-transform: lowercase;
  margin-bottom: 0.25em;
  margin-right: 0.25em;
}
.no-js h5.section,
.ie-lte8 h5.section,
.wf-lubalin-n4-inactive h5.section,
.wf-lubalin-n4-active h5.section {
  visibility: visible;
}
h5.section b {
  font-weight: bold;
  margin-right: -0.25em;
  /*		& + span { margin-right:1/3em; }*/
}
h5.section b + em {
  margin-left: 0.33333333em;
}
p {
  font-size: 1.6em;
  line-height: 1.375em;
  padding: 0 0 1em;
  color: #333333;
}
p [id^="ref"] {
  font-size: 0.7em;
  font-weight: bold;
  text-decoration: none;
  vertical-align: super;
}
p [id^="ref"]:hover {
  text-decoration: underline;
}
p sup {
  vertical-align: super;
  font-size: 0.7em;
}
p.smallprint {
  margin-top: 10px;
  font-size: 1.4em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
ul,
ol {
  margin: 0;
  padding: 0 0 1.6em 3em;
}
ul li,
ol li {
  font-size: 1.6em;
  line-height: 1.375em;
  padding: 0;
  color: #333333;
}
ul li p,
ol li p,
ul li li,
ol li li {
  font-size: 1em;
  padding-bottom: 0;
}
ul li ul,
ol li ul,
ul li ol,
ol li ol {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1.875em;
}
blockquote {
  padding: 0em 2em 0em;
  margin: 1em 0 2em;
  font-style: italic;
  font-size: 1.6em;
  position: relative;
}
blockquote:before {
  content: '\201C';
  display: block;
  float: left;
  color: #00678E;
  font-size: 30px;
  font-style: normal;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 0.33333333em;
  right: auto;
  bottom: auto;
  left: 0;
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
}
.no-js blockquote:before,
.ie-lte8 blockquote:before,
.wf-avantgarde-n4-inactive blockquote:before,
.wf-avantgarde-n4-active blockquote:before {
  visibility: visible;
}
blockquote p {
  font-style: italic;
  font-size: 1em;
}
blockquote p:last-of-type:after {
  content: '\201D';
  color: #00678E;
  font-style: normal;
  font-weight: bold;
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
}
.no-js blockquote p:last-of-type:after,
.ie-lte8 blockquote p:last-of-type:after,
.wf-avantgarde-n4-inactive blockquote p:last-of-type:after,
.wf-avantgarde-n4-active blockquote p:last-of-type:after {
  visibility: visible;
}
blockquote cite {
  display: block;
  font-size: 0.8125em;
  text-align: right;
  color: #00678E;
  font-style: normal;
  font-weight: bold;
}
img,
img[height],
img[width] {
  max-width: 100%;
  height: auto;
}
div.pullout {
  float: right;
  width: 10em;
  display: table;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  margin: 0em 0em 1em 2em;
  overflow: hidden;
  font-size: 1.6em;
  text-align: right;
  font-style: italic;
  line-height: 1.3em;
}
figure {
  float: left;
  width: 5%;
  display: table;
  border-bottom: 1px solid #dedede;
  margin: 0.5em 2em 1em -3em;
  overflow: hidden;
}
.ie-lte7 figure {
  width: 25%;
}
figure.right {
  float: right;
  margin-left: 2em;
  margin-right: 0;
}
figure img,
figure img[width],
figure img[height] {
  height: auto;
  display: block;
  margin: 0;
  max-width: 22em;
  float: left;
}
figure figcaption {
  font-size: 1.2em;
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
  padding: 0.5em 0;
  width: 100%;
  display: inline-block;
  float: left;
  text-align: left;
}
.no-js figure figcaption,
.ie-lte8 figure figcaption,
.wf-avantgarde-n4-inactive figure figcaption,
.wf-avantgarde-n4-active figure figcaption {
  visibility: visible;
}
figure figcaption b {
  font-weight: bold;
  color: #00678E;
}
figure.hero {
  display: block;
  width: auto;
  text-align: center;
  clear: both;
  margin: 0.5em 0em 1em -3em;
  width: 100%;
  padding-right: 3em;
}
figure.hero img,
figure.hero img[width],
figure.hero img[height] {
  max-width: 106%;
  margin-right: -3em;
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.ie-lte7 figure.hero img,
.ie-lte7 figure.hero img[width],
.ie-lte7 figure.hero img[height] {
  display: inline;
}
figure.hero figcaption {
  display: block;
  width: 100%;
}
table {
  width: 100%;
  border: none;
  padding: 0;
  margin: 0 0 2em;
}
table th {
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
  font-weight: 100;
  color: #00678E;
  font-size: 2.8em;
  line-height: 1.14285714em;
  text-transform: uppercase;
  text-align: left;
  padding-top: 0.55555556em;
}
.no-js table th,
.ie-lte8 table th,
.wf-avantgarde-n4-inactive table th,
.wf-avantgarde-n4-active table th {
  visibility: visible;
}
table th span {
  color: #333;
  font-size: 0.6em;
  text-transform: none;
}
table td {
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
  color: #333333;
  font-size: 1.3em;
  padding: 1em 0 0.38461538em;
  border-bottom: 1px solid #dedede;
  line-height: 1.6em;
}
.no-js table td,
.ie-lte8 table td,
.wf-avantgarde-n4-inactive table td,
.wf-avantgarde-n4-active table td {
  visibility: visible;
}
table td h3 {
  font-size: 1.23076923em;
  display: inline;
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
  color: #333333;
  font-weight: 100;
}
.no-js table td h3,
.ie-lte8 table td h3,
.wf-avantgarde-n4-inactive table td h3,
.wf-avantgarde-n4-active table td h3 {
  visibility: visible;
}
table td b {
  font-size: 1.84615385em;
  font-weight: bold;
  white-space: nowrap;
}
table td b span {
  font-size: 0.5em;
  display: inline-block;
  vertical-align: top;
  line-height: 0.9em;
}
.controls {
  font-size: 1.1em;
  color: #989898;
}
.controls a {
  text-decoration: none;
}
@media only screen and (max-width: 48em) {
  figure,
  figure.right,
  figure.hero {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    float: none;
  }
  figure img,
  figure.right img,
  figure.hero img,
  figure img[width],
  figure.right img[width],
  figure.hero img[width],
  figure img[height],
  figure.right img[height],
  figure.hero img[height] {
    height: auto;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
  .ie-lte7 figure img,
  .ie-lte7 figure.right img,
  .ie-lte7 figure.hero img,
  .ie-lte7 figure img[width],
  .ie-lte7 figure.right img[width],
  .ie-lte7 figure.hero img[width],
  .ie-lte7 figure img[height],
  .ie-lte7 figure.right img[height],
  .ie-lte7 figure.hero img[height] {
    display: inline;
  }
}
strong,
b {
  font-weight: bold;
}
em,
i {
  font-style: italic;
}
/* default text and header styles */
.uk_news {
  /* obituary date thing */
}
#navigation ul.nav.primary li a.uk_news {
  color: #D93520;
}
#navigation ul.nav.primary li a.uk_news:hover,
#navigation ul.nav.primary li a.uk_news.selected {
  border-color: #D93520;
}
.uk_news h3.section,
.uk_news h1.section,
.uk_news h5.section {
  border-color: #D93520;
}
.uk_news h3.section,
.uk_news h1.section,
.uk_news h5.section,
.uk_news h3.section a,
.uk_news h1.section a,
.uk_news h5.section a {
  color: #D93520;
}
.uk_news h1 span.date {
  color: #D93520;
}
.uk_news article h3 {
  color: #D93520;
}
.uk_news .controls {
  padding-top: 4px;
  float: right;
}
.uk_news.teaser_block ul.content li {
  /*obit date thing */
}
.uk_news.teaser_block ul.content li figure figcaption {
  background: #D93520;
}
.uk_news.teaser_block ul.content li.intro div:after,
.uk_news.teaser_block ul.content li h2 {
  color: #D93520;
}
.uk_news.teaser_block ul.content li h4 span.date {
  color: #D93520;
}
.uk_news.teaser_block .content {
  border-color: #D93520;
}
.uk_news.teaser_block div h2 {
  color: #D93520;
}
#intro_swiper .tabs a.uk_news:active,
#intro_swiper .tabs a.uk_news.active {
  color: #D93520;
}
#intro_swiper .tabs a.uk_news:active:before,
#intro_swiper .tabs a.uk_news.active:before {
  border-left-color: #D93520;
}
.world_news {
  /* obituary date thing */
}
#navigation ul.nav.primary li a.world_news {
  color: #509C2A;
}
#navigation ul.nav.primary li a.world_news:hover,
#navigation ul.nav.primary li a.world_news.selected {
  border-color: #509C2A;
}
.world_news h3.section,
.world_news h1.section,
.world_news h5.section {
  border-color: #509C2A;
}
.world_news h3.section,
.world_news h1.section,
.world_news h5.section,
.world_news h3.section a,
.world_news h1.section a,
.world_news h5.section a {
  color: #509C2A;
}
.world_news h1 span.date {
  color: #509C2A;
}
.world_news article h3 {
  color: #509C2A;
}
.world_news .controls {
  padding-top: 4px;
  float: right;
}
.world_news.teaser_block ul.content li {
  /*obit date thing */
}
.world_news.teaser_block ul.content li figure figcaption {
  background: #509C2A;
}
.world_news.teaser_block ul.content li.intro div:after,
.world_news.teaser_block ul.content li h2 {
  color: #509C2A;
}
.world_news.teaser_block ul.content li h4 span.date {
  color: #509C2A;
}
.world_news.teaser_block .content {
  border-color: #509C2A;
}
.world_news.teaser_block div h2 {
  color: #509C2A;
}
#intro_swiper .tabs a.world_news:active,
#intro_swiper .tabs a.world_news.active {
  color: #509C2A;
}
#intro_swiper .tabs a.world_news:active:before,
#intro_swiper .tabs a.world_news.active:before {
  border-left-color: #509C2A;
}
.commentary {
  /* obituary date thing */
}
#navigation ul.nav.primary li a.commentary {
  color: #00678E;
}
#navigation ul.nav.primary li a.commentary:hover,
#navigation ul.nav.primary li a.commentary.selected {
  border-color: #00678E;
}
.commentary h3.section,
.commentary h1.section,
.commentary h5.section {
  border-color: #00678E;
}
.commentary h3.section,
.commentary h1.section,
.commentary h5.section,
.commentary h3.section a,
.commentary h1.section a,
.commentary h5.section a {
  color: #00678E;
}
.commentary h1 span.date {
  color: #00678E;
}
.commentary article h3 {
  color: #00678E;
}
.commentary .controls {
  padding-top: 4px;
  float: right;
}
.commentary.teaser_block ul.content li {
  /*obit date thing */
}
.commentary.teaser_block ul.content li figure figcaption {
  background: #00678E;
}
.commentary.teaser_block ul.content li.intro div:after,
.commentary.teaser_block ul.content li h2 {
  color: #00678E;
}
.commentary.teaser_block ul.content li h4 span.date {
  color: #00678E;
}
.commentary.teaser_block .content {
  border-color: #00678E;
}
.commentary.teaser_block div h2 {
  color: #00678E;
}
#intro_swiper .tabs a.commentary:active,
#intro_swiper .tabs a.commentary.active {
  color: #00678E;
}
#intro_swiper .tabs a.commentary:active:before,
#intro_swiper .tabs a.commentary.active:before {
  border-left-color: #00678E;
}
.features {
  /* obituary date thing */
}
#navigation ul.nav.primary li a.features {
  color: #8D3C85;
}
#navigation ul.nav.primary li a.features:hover,
#navigation ul.nav.primary li a.features.selected {
  border-color: #8D3C85;
}
.features h3.section,
.features h1.section,
.features h5.section {
  border-color: #8D3C85;
}
.features h3.section,
.features h1.section,
.features h5.section,
.features h3.section a,
.features h1.section a,
.features h5.section a {
  color: #8D3C85;
}
.features h1 span.date {
  color: #8D3C85;
}
.features article h3 {
  color: #8D3C85;
}
.features .controls {
  padding-top: 4px;
  float: right;
}
.features.teaser_block ul.content li {
  /*obit date thing */
}
.features.teaser_block ul.content li figure figcaption {
  background: #8D3C85;
}
.features.teaser_block ul.content li.intro div:after,
.features.teaser_block ul.content li h2 {
  color: #8D3C85;
}
.features.teaser_block ul.content li h4 span.date {
  color: #8D3C85;
}
.features.teaser_block .content {
  border-color: #8D3C85;
}
.features.teaser_block div h2 {
  color: #8D3C85;
}
#intro_swiper .tabs a.features:active,
#intro_swiper .tabs a.features.active {
  color: #8D3C85;
}
#intro_swiper .tabs a.features:active:before,
#intro_swiper .tabs a.features.active:before {
  border-left-color: #8D3C85;
}
.reviews {
  /* obituary date thing */
}
#navigation ul.nav.primary li a.reviews {
  color: #F29400;
}
#navigation ul.nav.primary li a.reviews:hover,
#navigation ul.nav.primary li a.reviews.selected {
  border-color: #F29400;
}
.reviews h3.section,
.reviews h1.section,
.reviews h5.section {
  border-color: #F29400;
}
.reviews h3.section,
.reviews h1.section,
.reviews h5.section,
.reviews h3.section a,
.reviews h1.section a,
.reviews h5.section a {
  color: #F29400;
}
.reviews h1 span.date {
  color: #F29400;
}
.reviews article h3 {
  color: #F29400;
}
.reviews .controls {
  padding-top: 4px;
  float: right;
}
.reviews.teaser_block ul.content li {
  /*obit date thing */
}
.reviews.teaser_block ul.content li figure figcaption {
  background: #F29400;
}
.reviews.teaser_block ul.content li.intro div:after,
.reviews.teaser_block ul.content li h2 {
  color: #F29400;
}
.reviews.teaser_block ul.content li h4 span.date {
  color: #F29400;
}
.reviews.teaser_block .content {
  border-color: #F29400;
}
.reviews.teaser_block div h2 {
  color: #F29400;
}
#intro_swiper .tabs a.reviews:active,
#intro_swiper .tabs a.reviews.active {
  color: #F29400;
}
#intro_swiper .tabs a.reviews:active:before,
#intro_swiper .tabs a.reviews.active:before {
  border-left-color: #F29400;
}
.newmusic {
  /* obituary date thing */
}
#navigation ul.nav.primary li a.newmusic {
  color: #00678E;
}
#navigation ul.nav.primary li a.newmusic:hover,
#navigation ul.nav.primary li a.newmusic.selected {
  border-color: #00678E;
}
.newmusic h3.section,
.newmusic h1.section,
.newmusic h5.section {
  border-color: #00678E;
}
.newmusic h3.section,
.newmusic h1.section,
.newmusic h5.section,
.newmusic h3.section a,
.newmusic h1.section a,
.newmusic h5.section a {
  color: #00678E;
}
.newmusic h1 span.date {
  color: #00678E;
}
.newmusic article h3 {
  color: #00678E;
}
.newmusic .controls {
  padding-top: 4px;
  float: right;
}
.newmusic.teaser_block ul.content li {
  /*obit date thing */
}
.newmusic.teaser_block ul.content li figure figcaption {
  background: #00678E;
}
.newmusic.teaser_block ul.content li.intro div:after,
.newmusic.teaser_block ul.content li h2 {
  color: #00678E;
}
.newmusic.teaser_block ul.content li h4 span.date {
  color: #00678E;
}
.newmusic.teaser_block .content {
  border-color: #00678E;
}
.newmusic.teaser_block div h2 {
  color: #00678E;
}
#intro_swiper .tabs a.newmusic:active,
#intro_swiper .tabs a.newmusic.active {
  color: #00678E;
}
#intro_swiper .tabs a.newmusic:active:before,
#intro_swiper .tabs a.newmusic.active:before {
  border-left-color: #00678E;
}
.letters_and_emails {
  /* obituary date thing */
}
#navigation ul.nav.primary li a.letters_and_emails {
  color: #00678E;
}
#navigation ul.nav.primary li a.letters_and_emails:hover,
#navigation ul.nav.primary li a.letters_and_emails.selected {
  border-color: #00678E;
}
.letters_and_emails h3.section,
.letters_and_emails h1.section,
.letters_and_emails h5.section {
  border-color: #00678E;
}
.letters_and_emails h3.section,
.letters_and_emails h1.section,
.letters_and_emails h5.section,
.letters_and_emails h3.section a,
.letters_and_emails h1.section a,
.letters_and_emails h5.section a {
  color: #00678E;
}
.letters_and_emails h1 span.date {
  color: #00678E;
}
.letters_and_emails article h3 {
  color: #00678E;
}
.letters_and_emails .controls {
  padding-top: 4px;
  float: right;
}
.letters_and_emails.teaser_block ul.content li {
  /*obit date thing */
}
.letters_and_emails.teaser_block ul.content li figure figcaption {
  background: #00678E;
}
.letters_and_emails.teaser_block ul.content li.intro div:after,
.letters_and_emails.teaser_block ul.content li h2 {
  color: #00678E;
}
.letters_and_emails.teaser_block ul.content li h4 span.date {
  color: #00678E;
}
.letters_and_emails.teaser_block .content {
  border-color: #00678E;
}
.letters_and_emails.teaser_block div h2 {
  color: #00678E;
}
#intro_swiper .tabs a.letters_and_emails:active,
#intro_swiper .tabs a.letters_and_emails.active {
  color: #00678E;
}
#intro_swiper .tabs a.letters_and_emails:active:before,
#intro_swiper .tabs a.letters_and_emails.active:before {
  border-left-color: #00678E;
}
.regular_columns {
  /* obituary date thing */
}
#navigation ul.nav.primary li a.regular_columns {
  color: #8D3C85;
}
#navigation ul.nav.primary li a.regular_columns:hover,
#navigation ul.nav.primary li a.regular_columns.selected {
  border-color: #8D3C85;
}
.regular_columns h3.section,
.regular_columns h1.section,
.regular_columns h5.section {
  border-color: #8D3C85;
}
.regular_columns h3.section,
.regular_columns h1.section,
.regular_columns h5.section,
.regular_columns h3.section a,
.regular_columns h1.section a,
.regular_columns h5.section a {
  color: #8D3C85;
}
.regular_columns h1 span.date {
  color: #8D3C85;
}
.regular_columns article h3 {
  color: #8D3C85;
}
.regular_columns .controls {
  padding-top: 4px;
  float: right;
}
.regular_columns.teaser_block ul.content li {
  /*obit date thing */
}
.regular_columns.teaser_block ul.content li figure figcaption {
  background: #8D3C85;
}
.regular_columns.teaser_block ul.content li.intro div:after,
.regular_columns.teaser_block ul.content li h2 {
  color: #8D3C85;
}
.regular_columns.teaser_block ul.content li h4 span.date {
  color: #8D3C85;
}
.regular_columns.teaser_block .content {
  border-color: #8D3C85;
}
.regular_columns.teaser_block div h2 {
  color: #8D3C85;
}
#intro_swiper .tabs a.regular_columns:active,
#intro_swiper .tabs a.regular_columns.active {
  color: #8D3C85;
}
#intro_swiper .tabs a.regular_columns:active:before,
#intro_swiper .tabs a.regular_columns.active:before {
  border-left-color: #8D3C85;
}
.newmusic {
  /* obituary date thing */
}
#navigation ul.nav.primary li a.newmusic {
  color: #00678E;
}
#navigation ul.nav.primary li a.newmusic:hover,
#navigation ul.nav.primary li a.newmusic.selected {
  border-color: #00678E;
}
.newmusic h3.section,
.newmusic h1.section,
.newmusic h5.section {
  border-color: #00678E;
}
.newmusic h3.section,
.newmusic h1.section,
.newmusic h5.section,
.newmusic h3.section a,
.newmusic h1.section a,
.newmusic h5.section a {
  color: #00678E;
}
.newmusic h1 span.date {
  color: #00678E;
}
.newmusic article h3 {
  color: #00678E;
}
.newmusic .controls {
  padding-top: 4px;
  float: right;
}
.newmusic.teaser_block ul.content li {
  /*obit date thing */
}
.newmusic.teaser_block ul.content li figure figcaption {
  background: #00678E;
}
.newmusic.teaser_block ul.content li.intro div:after,
.newmusic.teaser_block ul.content li h2 {
  color: #00678E;
}
.newmusic.teaser_block ul.content li h4 span.date {
  color: #00678E;
}
.newmusic.teaser_block .content {
  border-color: #00678E;
}
.newmusic.teaser_block div h2 {
  color: #00678E;
}
#intro_swiper .tabs a.newmusic:active,
#intro_swiper .tabs a.newmusic.active {
  color: #00678E;
}
#intro_swiper .tabs a.newmusic:active:before,
#intro_swiper .tabs a.newmusic.active:before {
  border-left-color: #00678E;
}
/* section colurs */
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'IcoMoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
[class*="icon-"]:before {
  display: none;
  font-family: 'IcoMoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  margin-right: 0.3em;
}
.wf-icomoon-n4-active [class*="icon-"]:before {
  display: inline;
}
[class*="iconafter-"]:after {
  margin-left: 0.3em;
  display: none;
  font-family: 'IcoMoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
}
.wf-icomoon-n4-active [class*="iconafter-"]:after {
  display: inline;
}
.icon-enter:before {
  content: "\e001";
}
.icon-download:before {
  content: "\e002";
}
.icon-twitter:before {
  content: "\e003";
}
.icon-facebook:before {
  content: "\e004";
}
.icon-feed:before {
  content: "\e005";
}
.icon-bubble:before {
  content: "\e006";
}
.icon-search:before {
  content: "\e007";
}
.icon-profile:before {
  content: "\e008";
}
.iconafter-enter:after {
  content: "\e001";
}
.iconafter-download:after {
  content: "\e002";
}
.iconafter-twitter:after {
  content: "\e003";
}
.iconafter-facebook:after {
  content: "\e004";
}
.iconafter-feed:after {
  content: "\e005";
}
.iconafter-bubble:after {
  content: "\e006";
}
.iconafter-search:after {
  content: "\e007";
}
.iconafter-profile:after {
  content: "\e008";
}
#masthead {
  background: #00678E;
  padding: 0 0 1.4em;
  z-index: 1;
}
#masthead #logo {
  font-size: 1em;
  text-transform: lowercase;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  position: relative;
  padding-left: 160px;
}
.no-js #masthead #logo,
.ie-lte8 #masthead #logo,
.wf-lubalin-n4-inactive #masthead #logo,
.wf-lubalin-n4-active #masthead #logo {
  visibility: visible;
}
#masthead #logo a {
  text-decoration: none;
  color: #FFFFFF;
}
#masthead #logo a span {
  display: inline-block;
  vertical-align: bottom;
  line-height: 0.8em;
  margin-top: 0.3em;
  padding-top: 0.3em;
  padding-right: 0.4em;
  padding-bottom: 0em;
  margin-bottom: 0.0em;
  margin-right: 0.4em;
  text-transform: lowercase;
  font-size: 5.5em;
  letter-spacing: 0.00em;
  font-weight: 500;
  /*b:before { content: '\A'; white-space: pre; }*/
}
.ie-lte7 #masthead #logo a span {
  display: inline;
}
.ie-lte7 #masthead #logo a span {
  line-height: 1.2em;
  margin-bottom: -0.3em;
  overflow: visible;
}
#masthead #logo a span b {
  font-weight: bold;
}
#masthead #logo a span.noborder {
  border-right: none;
}
#masthead #logo a img {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0.9em 0 0;
  width: 16.3em;
  height: 7.4em;
  margin-left: -17em;
  margin-bottom: -0.3em;
}
.ie-lte7 #masthead #logo a img {
  display: inline;
}
#masthead #logo a:hover img,
#masthead #logo a:hover:before {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
}
.wf-lubalin-n4-active #masthead #logo a img {
  visibility: hidden;
}
.ie-lte8 #masthead #logo a img,
.wf-lubalin-n4-inactive #masthead #logo a img,
.no-js #masthead #logo a img {
  visibility: visible !important;
}
#masthead #issue {
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-size: 2.6em;
  position: absolute;
  margin-top: -2.7em;
  color: #FFFFFF;
  line-height: 0.8em;
  font-style: normal;
  text-transform: lowercase;
  font-weight: normal;
}
.no-js #masthead #issue,
.ie-lte8 #masthead #issue,
.wf-lubalin-n4-inactive #masthead #issue,
.wf-lubalin-n4-active #masthead #issue {
  visibility: visible;
}
#masthead #issue time {
  font-weight: bold;
}
#masthead #issue em {
  font-style: normal;
}
.ie-lte7 #masthead #issue {
  line-height: 1.2em;
  margin-bottom: -0.1em;
  padding-left: 0.2em;
  overflow: visible;
}
/* Mid width devices */
@media only screen and (min-width: 48.1em) and (max-width: 61em) {
  #masthead #logo a span {
    border-right: none;
  }
  #masthead #issue {
    position: absolute;
    top: 0.65384615em;
    right: auto;
    bottom: auto;
    left: 6.73076923em;
  }
}
/* Small devices */
@media only screen and (max-width: 48em) {
  #masthead {
    padding: 0;
    height: 5em;
    z-index: 10;
    position: relative;
  }
  #masthead #logo {
    padding-left: 0;
    font-size: 1em;
  }
  #masthead #logo a {
    font-size: 1.5em;
  }
  #masthead #logo a span {
    border-right: none;
    padding-right: 0;
    padding-top: 0;
    margin-right: 0;
    font-size: 1.6em;
  }
  #masthead #logo a img {
    width: 10em;
    height: 4.5em;
    margin-right: 0.6em;
    visibility: visible !important;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
  #masthead #logo a:before {
    display: none;
  }
  #masthead #issue {
    font-size: 1.5em;
    margin-top: 0;
    position: absolute;
    top: 2em;
    right: 4em;
    bottom: auto;
    left: auto;
  }
}
@media only screen and (max-width: 27em) {
  #masthead #issue {
    padding-left: 3%;
  }
}
@media only screen and (max-width: 19em) {
  #masthead {
    height: 3.4em;
  }
  #masthead #logo a span {
    display: none;
  }
  #masthead #logo a img {
    width: 6.5em;
    height: 3em;
    visibility: visible;
  }
  .wf-lubalin-n4-active #masthead #logo a:before {
    display: none;
  }
  .wf-lubalin-n4-active #masthead #logo a img {
    visibility: visible;
  }
  #masthead #issue {
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
    left: 5em;
  }
  #masthead #issue em {
    display: none;
  }
}
#navigation {
  line-height: 100%;
}
#navigation > .togglenav {
  display: none;
}
#navigation .container {
  position: relative;
}
#navigation ul.nav {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
#navigation ul.nav li {
  paddding: 0;
  margin: 0;
  font-size: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-right: -0.2em;
}
.ie-lte7 #navigation ul.nav li {
  display: inline;
}
#navigation ul.nav.primary {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dedede;
  text-align: justify;
  overflow: hidden;
}
#navigation ul.nav.primary:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 100%;
  height: 0;
}
#navigation ul.nav.primary li {
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  text-transform: lowercase;
  margin-bottom: -0.9em;
}
.no-js #navigation ul.nav.primary li,
.ie-lte8 #navigation ul.nav.primary li,
.wf-lubalin-n4-inactive #navigation ul.nav.primary li,
.wf-lubalin-n4-active #navigation ul.nav.primary li {
  visibility: visible;
}
.ie-lte7 #navigation ul.nav.primary li {
  margin-bottom: 0;
  margin-right: 2px;
}
#navigation ul.nav.primary li:last-child {
  margin-right: 0;
}
#navigation ul.nav.primary li a {
  font-size: 1.7em;
  line-height: 1.5em;
  color: #00678E;
  text-decoration: none;
  display: block;
  padding: 0.25em 0.5em 0.0625em;
  margin: 0 0 -0.3125em;
  white-space: nowrap;
  border-bottom: 0.5em solid #FFFFFF;
  font-weight: normal;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  -ms-transition: border-color 0.1s;
  -o-transition: border-color 0.1s;
  transition: border-color 0.1s;
}
#navigation ul.nav.primary li a b {
  font-weight: bold;
  margin-right: -0.25em;
}
#navigation ul.nav.primary li a b:last-child {
  margin-right: 0;
}
#navigation ul.nav.primary li a:hover,
#navigation ul.nav.primary li a.selected {
  border-color: #00678E;
}
#navigation ul.nav.secondary {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dedede;
  text-align: left;
  padding-right: 8em;
  overflow: hidden;
}
#navigation ul.nav.secondary li {
  text-transform: lowercase;
  margin-right: -0.2em;
}
#navigation ul.nav.secondary li a {
  color: #989898;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.5em 0.66666667em 0.25em;
  line-height: 1.5em;
  display: block;
  border-bottom: 0.5em solid #FFFFFF;
  margin-bottom: -0.33333333em;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  -ms-transition: border-color 0.1s;
  -o-transition: border-color 0.1s;
  transition: border-color 0.1s;
}
#navigation ul.nav.secondary li a:hover {
  border-bottom-color: #989898;
}
#navigation ul.nav.social {
  float: left;
  background: none;
  display: none;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 1px;
  left: auto;
}
#navigation ul.nav.social li {
  text-transform: lowercase;
  margin-right: -0.2em;
}
#navigation ul.nav.social li a {
  color: #00678E;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.5em 0.8em 0.6em;
  line-height: 2em;
  height: 2em;
  display: block;
  -webkit-transition: color 0.1s;
  -moz-transition: color 0.1s;
  -ms-transition: color 0.1s;
  -o-transition: color 0.1s;
  transition: color 0.1s;
}
#navigation ul.nav.social li a b {
  font-size: 1.2em;
}
#navigation ul.nav.social li a:before {
  font-size: 1.8em;
  margin-right: 0;
}
#navigation ul.nav.social li a:hover {
  color: #509C2A;
}
.wf-icomoon-n4-active #navigation ul.nav.social {
  display: block;
}
.wf-icomoon-n4-active #navigation ul.nav.social li a {
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-bottom: 0.4em;
}
.wf-icomoon-n4-active #navigation ul.nav.social li a b {
  display: none;
}
#navigation #search {
  display: block;
  position: absolute;
  top: -4.5em;
  right: 0;
  bottom: auto;
  left: auto;
  padding: 0px;
  margin: 0;
  width: 20em;
  background: orange;
  white-space: nowrap;
  overflow: hidden;
}
#navigation #search fieldset {
  margin: 0;
  padding: 0;
  width: auto;
  background: #FFFFFF;
  height: 2.8em;
}
#navigation #search fieldset label {
  float: left;
  margin: 0;
  padding: 0px;
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  z-index: 1;
  position: relative;
  display: block;
  width: auto;
  position: absolute;
  top: 0;
  right: 3.5em;
  bottom: 0;
  left: 0;
}
#navigation #search fieldset label b {
  display: none;
}
#navigation #search fieldset label input {
  width: 94%;
  margin: 0;
  padding: 0.5em 3%;
  display: block;
  float: left;
  font-size: 1.4em;
  height: 1em;
  line-height: 1em;
  font-weight: bold;
  background: none;
  border: none;
}
#navigation #search fieldset button {
  border: none;
  background: #509C2A;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  float: left;
  font-size: 1.4em;
  width: 2.6em;
  height: 2em;
  line-height: 2em;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 2;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#navigation #search fieldset button:before {
  height: 2em;
  line-height: 2em;
  margin: 0 3px;
}
.wf-icomoon-n4-active #navigation #search fieldset button b {
  display: none;
}
#navigation #login {
  position: absolute;
  top: -8em;
  right: 0;
  bottom: auto;
  left: auto;
}
#navigation #login a {
  text-decoration: none;
  font-size: 1.6em;
  line-height: 1.2em;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  color: #FFFFFF;
  text-transform: lowercase;
}
.no-js #navigation #login a,
.ie-lte8 #navigation #login a,
.wf-lubalin-n4-inactive #navigation #login a,
.wf-lubalin-n4-active #navigation #login a {
  visibility: visible;
}
#navigation #login a b {
  font-weight: bold;
  margin-right: -0.25em;
}
#navigation #login a:hover {
  text-decoration: underline;
}
#navigation #login a.subscribe {
  display: none;
}
@media only screen and (min-width: 48.1em) and (max-width: 61em) {
  #navigation ul.nav.primary {
    padding-right: 0;
  }
  #navigation ul.nav.primary li {
    margin-bottom: -1em;
  }
  #navigation ul.nav.primary li a {
    font-size: 1.5em;
    padding: 0.26666667em 0.4em 0.06666667em;
    border-bottom-width: 0.2em;
    margin-bottom: -0.33333333em;
    border-bottom-width: 0.53333333em;
  }
  #navigation ul.nav.secondary li a {
    font-size: 1.1em;
    padding: 0.54545455em 0.72727273em 0.18181818em;
    border-bottom-width: 0.54545455em;
    margin-bottom: -0.36363636em;
  }
  #navigation ul.nav.social li a:before {
    font-size: 16px;
  }
  .wf-icomoon-n4-active #navigation ul.nav.social li a {
    padding-bottom: 0.1em;
  }
}
@media only screen and (max-width: 48em) {
  #navigation {
    position: static;
    z-index: 1;
  }
  .no-js #navigation:not( :target ) > .togglenav:first-of-type,
  .no-js #navigation:target > .togglenav:last-of-type,
  .js #navigation:not( .target ) > .togglenav:first-of-type,
  .js #navigation.target > .togglenav:last-of-type {
    display: block;
  }
  #navigation a.togglenav {
    background: #509C2A;
    width: 5em;
    height: 5em;
    text-indent: -99em;
    overflow: hidden;
    margin-left: 16em;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 11;
    display: none;
  }
  .js #navigation a.togglenav:first-of-type {
    display: block;
    /*&.target { 
					display: none; 
					& + a.togglenav{ display: block; }
				}*/
  }
  #navigation a.togglenav:after,
  #navigation a.togglenav:before {
    content: '';
    display: block;
    width: 2.6em;
    height: 0.5em;
    border-top: 0.5em solid #FFFFFF;
    border-bottom: 0.5em solid #FFFFFF;
    position: absolute;
    top: 1.3em;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-left: -1.3em;
  }
  #navigation a.togglenav:after {
    border-top: none;
    top: auto;
    bottom: 1.2em;
  }
  #navigation a.togglenav.hide {
    background: #FFFFFF;
  }
  #navigation a.togglenav.hide:before,
  #navigation a.togglenav.hide:after {
    border-color: #509C2A;
  }
  #navigation .container {
    height: 0;
    z-index: 1;
    padding-top: 4.6em;
    border-bottom: 0.4em solid #509C2A;
    margin-top: -5em;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -ms-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
  }
  #navigation .container ul.nav {
    float: left;
    width: 48%;
    text-align: left;
    padding: 0;
    border-bottom: none;
    position: relative;
    z-index: 2;
    margin-top: 1em;
  }
  #navigation .container ul.nav li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dedede;
    height: 3.2em;
    overflow: hidden;
  }
  #navigation .container ul.nav li a {
    border: none;
    font-size: 1.6em;
    line-height: 2em;
    height: 2em;
    padding: 0 0.25em;
  }
  #navigation .container ul.nav li a:hover {
    text-decoration: underline;
  }
  #navigation .container ul.nav.primary {
    z-index: 3;
    overflow: visible;
  }
  #navigation .container ul.nav.primary:after {
    display: none;
  }
  #navigation .container ul.nav.primary li:first-child {
    /*						float: left;
						margin-left: 100%;*/
  }
  #navigation .container ul.nav.primary li:last-child {
    border-bottom: none;
  }
  #navigation .container ul.nav.secondary {
    float: left;
    /*					padding-top: 3.3em;*/
  }
  #navigation .container ul.nav.secondary li a {
    text-transform: none;
    font-weight: normal;
    color: #656565;
    font-size: 1.5em;
    line-height: 2.13333333em;
    height: 2.13333333em;
    padding: 0 0.26666667em;
  }
  #navigation .container ul.nav.secondary li:last-child {
    /*							border-bottom: none;	*/
  }
  #navigation .container ul.nav.social {
    padding-top: 0.5em;
  }
  #navigation .container ul.nav.social li {
    border: none;
    width: auto;
    float: left;
  }
  #navigation .container ul.nav.social li a:before {
    font-size: 17px;
  }
  #navigation .container #search {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 1em 0;
  }
  #navigation .container #search fieldset {
    height: 3.6em;
    border: 1px solid #dedede;
  }
  #navigation .container #search fieldset label {
    right: 5em;
    left: 1px;
    top: 1px;
  }
  #navigation .container #search fieldset label input {
    font-size: 1.8em;
  }
  #navigation .container #search fieldset button {
    width: 2.77777778em;
    font-size: 1.8em;
    height: 2em;
    top: 1px;
    right: 1px;
  }
  #navigation .container #login {
    display: block;
    padding: 0 0 1em;
    float: left;
    width: 100%;
  }
  #navigation .container #login a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4em;
    color: #00678E;
    float: left;
    margin-right: 1em;
    margin-left: 0.28571429em;
  }
  .ie-lte7 #navigation .container #login a {
    display: inline;
  }
  .no-js #navigation:target > .container,
  .js #navigation.target > .container {
    height: 37em;
  }
  #navigation ul.nav.primary {
    padding-right: 0;
  }
  #navigation ul.nav.primary li a {
    font-size: 1.6em;
  }
  #navigation ul.nav.social {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    position: static;
    margin: auto;
  }
  #navigation #search {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    position: static;
    margin: auto;
  }
  #navigation #login {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    position: static;
    margin: auto;
  }
}
@media only screen and (max-width: 27em) {
  #navigation a.togglenav {
    margin-left: 0;
    right: 0;
    left: auto;
  }
}
@media only screen and (max-width: 19em) {
  .no-js #navigation:target > .container,
  .js #navigation.target > .container {
    height: 63.5em;
    padding-top: 3em;
    margin-top: -3.4em;
  }
  #navigation a.togglenav {
    width: 3.4em;
    height: 3.4em;
    margin-left: 0;
    left: auto;
    right: 0;
    content: '';
  }
  #navigation a.togglenav:before,
  #navigation a.togglenav:after {
    width: 1.8em;
    height: 0.3em;
    border-top-width: 0.3em;
    border-bottom-width: 0.3em;
    top: 1em;
    margin-left: -0.9em;
  }
  #navigation a.togglenav:after {
    border-top: none;
    top: auto;
    bottom: 0.9em;
  }
  #navigation .container ul.nav {
    width: 100%;
  }
  #navigation .container ul.nav.primary li:first-child {
    margin: 0;
  }
  #navigation .container ul.nav.secondary {
    margin-top: 0;
    padding-top: 0;
  }
}
.teaser_block .toggle_display {
  display: none;
}
.teaser_block .content {
  margin: 0;
  display: block;
  padding: 0 0 1em;
}
.teaser_block figure.content {
  display: block;
  width: 100%;
}
.teaser_block figure.content a {
  border: 1px solid #dedede;
  overflow: hidden;
  display: block;
  margin: 0;
}
.teaser_block figure.content a img {
  margin: 0;
  float: left;
}
.teaser_block figure.content a img,
.teaser_block figure.content a img[height],
.teaser_block figure.content a img[width] {
  border: none;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.teaser_block div h2 {
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-weight: normal;
  color: #00678E;
  text-transform: lowercase;
  margin: 0;
  padding: 0;
  font-size: 2.42857143em;
}
.no-js .teaser_block div h2,
.ie-lte8 .teaser_block div h2,
.wf-lubalin-n4-inactive .teaser_block div h2,
.wf-lubalin-n4-active .teaser_block div h2 {
  visibility: visible;
}
.teaser_block div h2 b {
  font-weight: bold;
}
.teaser_block ul.content {
  list-style: none;
}
.teaser_block ul.content li {
  border-bottom: 1px solid #dedede;
  padding: 0 0 1em;
  margin: 0 0 1em;
  font-size: 1em;
  overflow: hidden;
  min-height: 10em;
  /*			&.anglican_update {*/
  /*			}*/
}
.teaser_block ul.content li figure {
  width: 8em;
  margin: 0 1em 0 0;
  float: left;
  position: relative;
}
.teaser_block ul.content li figure img,
.teaser_block ul.content li figure img[height],
.teaser_block ul.content li figure img[width] {
  width: 100%;
  height: auto;
}
.teaser_block ul.content li figure figcaption {
  background: #00678E;
  color: #FFFFFF;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.1em 0.2em;
}
.no-js .teaser_block ul.content li figure figcaption,
.ie-lte8 .teaser_block ul.content li figure figcaption,
.wf-lubalin-n4-inactive .teaser_block ul.content li figure figcaption,
.wf-lubalin-n4-active .teaser_block ul.content li figure figcaption {
  visibility: visible;
}
.teaser_block ul.content li h3 {
  font-size: 1em;
}
.teaser_block ul.content li h4 {
  color: #000000;
  font-weight: bold;
  font-size: 1.42857143em;
  padding: 0 0 0.25em;
  margin: 0;
}
.teaser_block ul.content li > div,
.teaser_block ul.content li a div {
  overflow: hidden;
  font-size: 1.4em;
  line-height: 130%;
  color: #333333;
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
}
.no-js .teaser_block ul.content li > div,
.no-js .teaser_block ul.content li a div,
.ie-lte8 .teaser_block ul.content li > div,
.ie-lte8 .teaser_block ul.content li a div,
.wf-avantgarde-n4-inactive .teaser_block ul.content li > div,
.wf-avantgarde-n4-inactive .teaser_block ul.content li a div,
.wf-avantgarde-n4-active .teaser_block ul.content li > div,
.wf-avantgarde-n4-active .teaser_block ul.content li a div {
  visibility: visible;
}
.teaser_block ul.content li > div h3.author,
.teaser_block ul.content li a div h3.author {
  margin-top: 0px !important;
  padding: 0.23em 0 !important;
}
.teaser_block ul.content li > div h3.author div,
.teaser_block ul.content li a div h3.author div {
  font-size: 0.7em !important;
}
.teaser_block ul.content li p {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.143em;
  margin-bottom: 0.4em;
}
.teaser_block ul.content li a {
  text-decoration: none;
  display: block;
}
.teaser_block ul.content li a div:after {
  content: 'Read More\00BB';
  color: #00678E;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  font-size: 0.85714286em;
  margin: 0.5em 0 0;
  font-family: Arial, Helvetica, sans-serif;
}
.teaser_block ul.content li a:hover div:after {
  color: #000000;
  text-decoration: underline;
}
.teaser_block ul.content li a:visited div:after {
  color: #85A1AB;
}
.teaser_block ul.content li h2 {
  /*					background-color: #d93520;
					color: #ffffff;*/
  font-size: 1.3em;
  line-height: 0.95em;
  margin-bottom: 0.15em;
}
.teaser_block ul.content li.intro h2 {
  font-size: 2.42857143em;
}
.teaser_block ul.content li.anglican_update h2 {
  font-size: 1.4em;
}
.teaser_block ul.content.profiles {
  padding: 0;
  margin-bottom: 2em;
  overflow: hidden;
}
.teaser_block ul.content.profiles li {
  height: 6em;
  min-height: 6em;
  width: 6em;
  margin-right: 2em;
  position: relative;
  float: left;
  border: none;
  overflow: visible;
  padding-bottom: 0;
}
.teaser_block ul.content.profiles li a {
  height: 6em;
  width: 6em;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 1;
}
.teaser_block ul.content.profiles li a:hover {
  width: 26em;
  z-index: 2;
}
.teaser_block ul.content.profiles li a:hover figure:after {
  display: block;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
}
.teaser_block ul.content.profiles li a:hover div {
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
}
.teaser_block ul.content.profiles li a figure {
  width: 6em;
  overflow: visible;
  margin-right: 2em;
  position: relative;
}
.teaser_block ul.content.profiles li a figure:after {
  content: '';
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-left: 0px solid #00678E;
  border-right: 0.9em solid #00678E;
  position: absolute;
  top: 1.5em;
  right: auto;
  bottom: auto;
  left: 7.1em;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.teaser_block ul.content.profiles li a div {
  background: #00678E;
  padding: 0.71428571em 0.42857143em 0.42857143em 0.85714286em;
  color: #FFFFFF;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-weight: normal;
  min-height: 3.42857143em;
  z-index: 100;
  display: block;
  margin-right: 1.42857143em;
  line-height: 1.7em;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.no-js .teaser_block ul.content.profiles li a div,
.ie-lte8 .teaser_block ul.content.profiles li a div,
.wf-lubalin-n4-inactive .teaser_block ul.content.profiles li a div,
.wf-lubalin-n4-active .teaser_block ul.content.profiles li a div {
  visibility: visible;
}
.teaser_block ul.content.profiles li a div:after {
  content: '';
  display: none;
}
.teaser_block ul.content.profiles li a div h4 {
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  font-size: 1em;
}
.no-js .teaser_block ul.content.profiles li a div h4,
.ie-lte8 .teaser_block ul.content.profiles li a div h4,
.wf-lubalin-n4-inactive .teaser_block ul.content.profiles li a div h4,
.wf-lubalin-n4-active .teaser_block ul.content.profiles li a div h4 {
  visibility: visible;
}
.teaser_block ul.content.profiles li:nth-child(7n),
.teaser_block ul.content.profiles li:nth-child(8n) {
  margin-left: 2em;
  margin-right: 0;
}
.teaser_block ul.content.profiles li:nth-child(7n) a,
.teaser_block ul.content.profiles li:nth-child(8n) a {
  right: 2em;
  left: auto;
}
.teaser_block ul.content.profiles li:nth-child(7n) a figure,
.teaser_block ul.content.profiles li:nth-child(8n) a figure {
  float: right;
  margin-left: 2em;
  margin-right: 0em;
}
.teaser_block ul.content.profiles li:nth-child(7n) a figure:after,
.teaser_block ul.content.profiles li:nth-child(8n) a figure:after {
  border-left-width: 0.9em;
  border-right-width: 0;
  left: -2em;
}
.teaser_block ul.content.profiles li:nth-child(8n) {
  margin-right: -2em;
}
.ie-lte7 .teaser_block ul.content.profiles li {
  height: 6em;
  width: 24.2em;
  margin-right: 1.8em;
  margin-left: 0;
  position: relative;
  float: left;
  border: none;
  overflow: visible;
}
.ie-lte7 .teaser_block ul.content.profiles li a {
  margin-left: 0;
  right: auto;
  left: 0;
}
.ie-lte7 .teaser_block ul.content.profiles li a,
.ie-lte7 .teaser_block ul.content.profiles li a:hover {
  width: 100%;
}
.ie-lte7 .teaser_block ul.content.profiles li a div {
  margin-right: 0;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
}
.ie-lte7 .teaser_block ul.content.profiles li a figure {
  float: left;
  margin-right: 1.8em;
  margin-left: 0em;
}
.ie-lte7 .teaser_block ul.content.profiles li a figure:after {
  display: block;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  border-left: 0px solid #00678E;
  border-right: 0.9em solid #00678E;
  left: 6.9em;
}
.teaser_block ul.content.profiles {
  padding: 0;
  margin-bottom: 2em;
  width: 104%;
  margin-right: -4%;
}
.teaser_block ul.content.profiles li,
.teaser_block ul.content.profiles li:nth-child(7n),
.teaser_block ul.content.profiles li:nth-child(8n) {
  height: 6em;
  width: 30em;
  margin-right: 1.8em;
  margin-left: 0;
  position: relative;
  float: left;
  border: none;
  overflow: visible;
}
.teaser_block ul.content.profiles li a,
.teaser_block ul.content.profiles li:nth-child(7n) a,
.teaser_block ul.content.profiles li:nth-child(8n) a {
  margin-left: 0;
  right: auto;
  left: 0;
}
.teaser_block ul.content.profiles li a,
.teaser_block ul.content.profiles li:nth-child(7n) a,
.teaser_block ul.content.profiles li:nth-child(8n) a,
.teaser_block ul.content.profiles li a:hover,
.teaser_block ul.content.profiles li:nth-child(7n) a:hover,
.teaser_block ul.content.profiles li:nth-child(8n) a:hover {
  width: 100%;
}
.teaser_block ul.content.profiles li a div,
.teaser_block ul.content.profiles li:nth-child(7n) a div,
.teaser_block ul.content.profiles li:nth-child(8n) a div {
  margin-right: 0;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
}
.teaser_block ul.content.profiles li a figure,
.teaser_block ul.content.profiles li:nth-child(7n) a figure,
.teaser_block ul.content.profiles li:nth-child(8n) a figure {
  float: left;
  margin-right: 1.8em;
  margin-left: 0em;
}
.teaser_block ul.content.profiles li a figure:after,
.teaser_block ul.content.profiles li:nth-child(7n) a figure:after,
.teaser_block ul.content.profiles li:nth-child(8n) a figure:after {
  display: block;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  border-left: 0px solid #00678E;
  border-right: 0.9em solid #00678E;
  left: 6.9em;
}
.teaser_block.full ul.content {
  margin-right: -3em;
}
.teaser_block.full ul.content li {
  display: inline-block;
  vertical-align: top;
  border-bottom: none;
  margin-right: 1.7em;
  width: 30em;
  padding-bottom: 0;
}
.ie-lte7 .teaser_block.full ul.content li {
  display: inline;
}
.teaser_block.full ul.content li + li + li {
  border-top: 1px solid #dedede;
  padding-top: 1em;
}
h5.flag {
  clear: right;
  float: right;
  margin-left: 1em;
  white-space: nowrap;
}
.order-links {
  padding: 2em 0;
  margin: 0;
}
.order-links .block {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2em 2em 0;
  width: 40%;
  background: #f2f2f2;
  padding: 1em;
  vertical-align: top;
}
.ie-lte7 .order-links .block {
  display: inline;
}
.order-links .block a {
  text-decoration: none;
}
.order-links .block h3 {
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-weight: bold;
  color: #00678E;
  text-transform: lowercase;
  font-size: 2.4em;
  line-height: 0.9em;
  margin: 0;
  display: block;
}
.no-js .order-links .block h3,
.ie-lte8 .order-links .block h3,
.wf-lubalin-n4-inactive .order-links .block h3,
.wf-lubalin-n4-active .order-links .block h3 {
  visibility: visible;
}
.order-links .block h3 b {
  font-weight: normal;
  display: block;
}
.order-links h2 {
  color: #00678E;
  font-weight: 100;
  padding: 0;
  margin: 0;
}
.order-links h4 {
  color: #656565;
  font-size: 1.2em;
  line-height: 1em;
  display: block;
  margin: 0.25em 0 1em;
}
.order-links .more {
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
  font-weight: bold;
  color: #00678E;
  font-size: 1.2em;
  text-transform: uppercase;
  text-decoration: none;
}
.no-js .order-links .more,
.ie-lte8 .order-links .more,
.wf-avantgarde-n4-inactive .order-links .more,
.wf-avantgarde-n4-active .order-links .more {
  visibility: visible;
}
.order-links .more:after {
  content: '\00BB';
  padding-left: 3px;
}
.order-links a.more:hover,
.order-links a:hover .more {
  text-decoration: underline;
}
@media only screen and (min-width: 61.1em) {
  .church-region-list li {
    display: inline-block;
    width: 220px;
  }
}
@media only screen and (min-width: 48.1em) and (max-width: 61em) {
  .teaser_block ul.content li a figure {
    width: 6.5em;
  }
  .teaser_block ul.content.profiles {
    padding: 0;
    margin-bottom: 2em;
    width: 104%;
    margin-right: -4%;
  }
  .teaser_block ul.content.profiles li,
  .teaser_block ul.content.profiles li:nth-child(7n),
  .teaser_block ul.content.profiles li:nth-child(8n) {
    height: 6em;
    width: 24.2em;
    margin-right: 1.8em;
    margin-left: 0;
    position: relative;
    float: left;
    border: none;
    overflow: visible;
  }
  .teaser_block ul.content.profiles li a,
  .teaser_block ul.content.profiles li:nth-child(7n) a,
  .teaser_block ul.content.profiles li:nth-child(8n) a {
    margin-left: 0;
    right: auto;
    left: 0;
  }
  .teaser_block ul.content.profiles li a,
  .teaser_block ul.content.profiles li:nth-child(7n) a,
  .teaser_block ul.content.profiles li:nth-child(8n) a,
  .teaser_block ul.content.profiles li a:hover,
  .teaser_block ul.content.profiles li:nth-child(7n) a:hover,
  .teaser_block ul.content.profiles li:nth-child(8n) a:hover {
    width: 100%;
  }
  .teaser_block ul.content.profiles li a div,
  .teaser_block ul.content.profiles li:nth-child(7n) a div,
  .teaser_block ul.content.profiles li:nth-child(8n) a div {
    margin-right: 0;
    padding: 0.42857143em;
    line-height: 1.1em;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
  .teaser_block ul.content.profiles li a figure,
  .teaser_block ul.content.profiles li:nth-child(7n) a figure,
  .teaser_block ul.content.profiles li:nth-child(8n) a figure {
    float: left;
    margin-right: 1.8em;
    margin-left: 0em;
  }
  .teaser_block ul.content.profiles li a figure:after,
  .teaser_block ul.content.profiles li:nth-child(7n) a figure:after,
  .teaser_block ul.content.profiles li:nth-child(8n) a figure:after {
    display: block;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    border-left: 0px solid #00678E;
    border-right: 0.9em solid #00678E;
    left: 6.9em;
  }
  .teaser_block.full ul.content {
    margin-right: -3em;
  }
  .teaser_block.full ul.content li {
    display: inline-block;
    vertical-align: top;
    border-bottom: none;
    margin-right: 1.5em;
    width: 24.2em;
  }
  .ie-lte7 .teaser_block.full ul.content li {
    display: inline;
  }
}
@media only screen and (max-width: 48em) {
  .teaser_block {
    position: relative;
  }
  .no-js .teaser_block:target > .content,
  .js .teaser_block.target > .content {
    max-height: 50em;
  }
  .teaser_block h3.section {
    margin-bottom: -1.94444444em;
    height: 1.94444444em;
    line-height: 1.94444444em;
    padding: 0 0.5em;
    position: relative;
    z-index: 2;
    float: left;
    border: none;
    overflow: hidden;
    padding-right: 2em;
  }
  .teaser_block h3.section,
  .teaser_block h3.section a {
    color: #FFFFFF !important;
  }
  .teaser_block h3.section em,
  .teaser_block h3.section a em {
    color: #FFFFFF;
    font-weight: normal;
  }
  .teaser_block .content {
    padding: 0;
    margin: 0 0 1em;
    border-top: 3.5em solid #00678E;
    position: relative;
    z-index: 1;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    -ms-transition: max-height 0.5s;
    -o-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
  .teaser_block figure.content a {
    margin: 1em 0 0;
  }
  .teaser_block ul.content li {
    padding: 1em 0;
    margin: 0;
    min-height: 0;
  }
  .teaser_block ul.content.profiles {
    margin: 0 0 1em;
    width: 100%;
  }
  .teaser_block ul.content.profiles li {
    width: 100%;
    margin-right: 0em;
    margin-left: 0;
    float: left;
  }
  .teaser_block ul.content.profiles li:nth-child(7n),
  .teaser_block ul.content.profiles li:nth-child(8n),
  .teaser_block ul.content.profiles li:nth-child(4n),
  .teaser_block ul.content.profiles li:nth-child(4n) + li {
    display: none !important;
  }
  .teaser_block ul.content.profiles li a {
    top: 1em;
  }
  .teaser_block ul.content.profiles li a,
  .teaser_block ul.content.profiles li a:hover {
    width: 95%;
  }
  .teaser_block ul.content.profiles li a div {
    margin-right: 0;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
  }
  .teaser_block ul.content.profiles li a figure:after {
    display: block;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
  }
  .teaser_block .toggle_display {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    color: #FFFFFF;
    z-index: 3;
    font-size: 1.4em;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 0.64285714em 0 0;
    float: right;
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
  }
  .teaser_block .toggle_display:hover {
    color: #000000;
  }
  .teaser_block .toggle_display:hover:before,
  .teaser_block .toggle_display:hover:after {
    background: #000000;
  }
  .generatedcontent .teaser_block .toggle_display {
    width: 2em;
    padding-top: 2.5em;
    height: 0;
    line-height: 2.5em;
  }
  .teaser_block .toggle_display:after,
  .teaser_block .toggle_display:before {
    content: '';
    display: block;
    background: #FFFFFF;
    float: right;
    display: none;
    font-family: 'IcoMoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    text-align: center;
    width: 1.07142857em;
    height: 0.21428571em;
    line-height: 2.5em;
    text-indent: 0;
    position: absolute;
    top: 1.14285714em;
    right: 0.71428571em;
    bottom: auto;
    left: auto;
  }
  .wf-icomoon-n4-active .teaser_block .toggle_display:after,
  .wf-icomoon-n4-active .teaser_block .toggle_display:before {
    display: inline;
  }
  .teaser_block .toggle_display:before {
    top: 0.71428571em;
    right: 1.14285714em;
    height: 1.07142857em;
    width: 0.21428571em;
  }
  .no-js .teaser_block:target .toggle_display:before,
  .js .teaser_block.target .toggle_display:before {
    display: none;
  }
  .teaser_block.full ul.content,
  .teaser_block.wide ul.content {
    max-height: none;
    margin-right: 0;
    border-top: none;
  }
  .teaser_block.full ul.content li,
  .teaser_block.wide ul.content li {
    display: block;
    min-height: 0px !important;
    width: 100%;
    border-top: none !important;
    border-bottom: 1px solid #dedede;
    padding-bottom: 1em;
  }
  .order-links {
    padding-bottom: 6em;
  }
  .order-links .block {
    width: auto;
    display: block;
    margin-right: 0;
  }
  #filter {
    margin-bottom: 1.5em;
  }
  #filter p {
    padding: 1.2em 0 0 0.5em;
  }
  .js #filter.teaser_block.target > .content {
    max-height: none;
  }
  .page #side_bar .block.subscribe {
    display: none;
  }
}
.asides {
  text-align: center;
  overflow: hidden;
}
.asides .aside {
  width: 100%;
  display: block;
  background: #f2f2f2;
  margin: 0 0 1em;
  text-align: center;
}
.asides .aside img {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.ie-lte7 .asides .aside img {
  display: inline;
}
.asides h3 {
  text-align: left;
}
.asides h3 a {
  text-decoration: none;
  display: block;
}
.asides h3 a:hover {
  text-decoration: underline;
}
.asides h3.link {
  margin-top: 0.55555556em;
  text-transform: lowercase;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 0.55555556em;
}
.asides .signpost {
  background: #f5f5f5;
  padding: 12px 14px 14px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 1.5em;
}
.asides .signpost a {
  text-decoration: none;
}
.asides .signpost h3 {
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-size: 1.3em;
  line-height: 1.2em;
  margin-bottom: 5px;
}
.no-js .asides .signpost h3,
.ie-lte8 .asides .signpost h3,
.wf-lubalin-n4-inactive .asides .signpost h3,
.wf-lubalin-n4-active .asides .signpost h3 {
  visibility: visible;
}
.asides .signpost h3.info,
.asides .signpost h3.person,
.asides .signpost h3.case,
.asides .signpost h3.gift {
  color: #00678E;
}
.asides .signpost h3.back {
  color: #8D3C85;
}
.asides .signpost h3.star {
  color: #509C2A;
}
.asides .signpost h3.find,
.asides .signpost h3.picture {
  color: #D93520;
}
.asides .signpost img {
  float: right;
}
@media only screen and (max-width: 48em) {
  .asides {
    display: none;
  }
  .asides:first-of-type {
    display: block;
  }
  .asides .aside {
    display: none;
  }
  .asides .aside:first-of-type {
    display: block;
  }
}
#main {
  padding: 2em 0;
  /* article specific styles */
  /*iframe,object,embed{
		&,&[width],&[height]{
			width: 100%;
			height: 30em;
			margin: 0 0 2em;
		}
	} //iframe,object
	*/
}
#main > .alpha.eight.columns {
  position: relative;
}
#main > .alpha.eight.columns:after {
  height: 100%;
  width: 0;
  content: '';
  position: absolute;
  top: 0;
  right: -1em;
  bottom: 0;
  left: auto;
  border-right: 1px solid #dedede;
}
#main > .four.columns.omega {
  position: relative;
}
#main > .four.columns.omega:after {
  height: 100%;
  width: 0;
  content: '';
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: -1em;
  margin-left: -1px;
  border-right: 1px solid #dedede;
}
#main > .columns.swapped {
  float: right;
}
#main article {
  padding: 0 0 0em 3em;
  border-bottom: 1px solid #dedede;
  margin-bottom: 1em;
}
#main article header {
  margin-left: -3em;
}
#main article header h2 {
  font-size: 1.6em;
  margin-bottom: 1em;
  font-weight: normal;
}
#main article header h3.section {
  border-bottom: none;
  font-size: 3em;
}
#main article header p {
  font-size: 2em;
  color: #00678E;
}
#main article header p.intro {
  font-weight: normal;
}
#main article .footnotes {
  padding: 0 0 2em;
}
#main article .footnotes p {
  font-size: 1.1em;
  padding: 1em 0 0;
}
#main article .footnotes p [id^="fn"] {
  font-weight: bold;
  color: #00678E;
  text-decoration: none;
}
#main article .footnotes p [id^="fn"]:hover {
  text-decoration: underline;
}
#main article p.note {
  font-style: italic;
}
#main article #buy_info {
  margin-top: 2em;
  font-size: 1.4em;
  font-style: italic;
}
#main article img.left {
  float: left;
  margin-right: 1em;
}
#main article img.right {
  float: right;
  margin-left: 1em;
}
#main article .share_bar {
  padding: 1em 0 2.5em;
  text-align: right;
  line-height: 32px;
}
#main article .share_bar h3 {
  display: inline;
  line-height: 34px;
  vertical-align: top;
}
#main article .share_bar .addthis_sharing_toolbox {
  padding-left: 1.5em;
  display: inline-block;
}
#main .author {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  margin: -0.71428571em 0 0.71428571em;
  padding: 0.375em 0;
  font-size: 1.4em;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  /*overflow: hidden;
		white-space: nowrap;*/
}
.no-js #main .author,
.ie-lte8 #main .author,
.wf-lubalin-n4-inactive #main .author,
.wf-lubalin-n4-active #main .author {
  visibility: visible;
}
#main .author div {
  font-weight: normal;
  font-size: 1em;
  line-height: 1.25em;
  padding: 0 0.28571429em;
  color: #00678E;
}
#main .author div b {
  font-weight: bold;
}
#main .author div span {
  font-weight: normal;
}
#main .author figure {
  width: 4.28571429em;
  overflow: visible;
  margin: 0 1.42857143em 0 0;
  position: relative;
  border-bottom: none;
  display: inline-block;
  vertical-align: middle;
}
.ie-lte7 #main .author figure {
  display: inline;
}
#main .author figure + div {
  background: #00678E;
  padding: 0.42857143em 0.42857143em 0.42857143em 0.71428571em;
  color: #FFFFFF;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-weight: normal;
  min-height: 3.42857143em;
  z-index: 100;
  display: block;
  margin-right: 0;
  width: 17.14285714em;
  max-width: 60%;
  position: relative;
  line-height: 1.6em;
  display: inline-block;
  vertical-align: middle;
}
.no-js #main .author figure + div,
.ie-lte8 #main .author figure + div,
.wf-lubalin-n4-inactive #main .author figure + div,
.wf-lubalin-n4-active #main .author figure + div {
  visibility: visible;
}
.ie-lte7 #main .author figure + div {
  display: inline;
}
#main .author figure + div:before {
  content: '';
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-left: 0px solid #00678E;
  border-right: 0.64285714em solid #00678E;
  position: absolute;
  top: 1.07142857em;
  right: auto;
  bottom: auto;
  left: -0.64285714em;
  display: block;
}
#main .author figure + div b {
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  font-size: 1em;
  display: block;
  width: auto;
}
.no-js #main .author figure + div b,
.ie-lte8 #main .author figure + div b,
.wf-lubalin-n4-inactive #main .author figure + div b,
.wf-lubalin-n4-active #main .author figure + div b {
  visibility: visible;
}
#main .author.columnist {
  /*			border-color: #8D3C85;
			div {
				color: #8D3C85;
			}*/
}
#main p.intro {
  font-weight: bold;
}
#main .video_wrapper {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin: 0 0 2em;
}
#main .video_wrapper iframe,
#main .video_wrapper object,
#main .video_wrapper embed,
#main .video_wrapper iframe[width],
#main .video_wrapper object[width],
#main .video_wrapper embed[width],
#main .video_wrapper iframe[height],
#main .video_wrapper object[height],
#main .video_wrapper embed[height] {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
#main .paginator {
  text-align: center;
}
#main .paginator li {
  display: inline-block;
  padding: 0px 2px;
}
#main .paginator li.current {
  font-weight: bold;
}
#main #church-results li {
  border-bottom: 1px solid #DEDEDE;
  padding: 1em 0px;
  list-style-type: none;
}
#main #church-results img {
  position: absolute;
  margin-left: -32px;
}
#main .welcome {
  position: relative;
  background: #F5F5F5;
  padding: 25px 25px 10px;
  margin-bottom: 20px;
}
#main .welcome h3 {
  color: #00678E;
}
#main .welcome a.close {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 14px;
}
@media only screen and (min-width: 48.1em) and (max-width: 61em) {
  #main > .alpha.eight.columns:after {
    right: -0.9em;
  }
  #main > .four.columns.omega:after {
    left: -0.9em;
  }
}
@media only screen and (max-width: 48em) {
  #main {
    padding: 1em 0;
  }
  #main > .alpha.eight.columns:after,
  #main > .four.columns.omega:after {
    display: none;
  }
  #main article {
    padding-left: 0;
  }
  #main article header {
    margin-left: 0;
  }
  #main .author figure {
    width: 4.28571429em;
    margin-right: 6%;
    max-width: 30%;
  }
}
ul.payment-options {
  padding: 0px;
  margin-bottom: 20px;
}
ul.payment-options li {
  list-style-type: none;
  padding-bottom: 10px;
}
ul.payment-options li label {
  font-weight: bold;
}
ul.payment-options li div.options {
  padding: 20px 20px 20px 40px;
}
ul.payment-options li div.options fieldset {
  font-size: 0.625em;
  /* silly hack to counter stacking ems */
}
.fade_out {
  height: 75px;
  background: url('/assets/images/fade-out.fywkuod56btjuge6.png') repeat-x;
  margin-top: -85px;
  margin-left: -30px;
  position: relative;
}
.subscribe_banner {
  margin: 0em 0 1em -30px;
  padding: 2em 0 0 2em;
  background: #F2F2F2;
  position: absolute;
  border-bottom: 15px solid #ffffff;
  width: 600px;
}
.subscribe_banner h3 {
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-size: 2em;
  color: #00678E;
  font-weight: normal;
  text-transform: lowercase;
  margin: 0 0 0.28571429em;
}
.no-js .subscribe_banner h3,
.ie-lte8 .subscribe_banner h3,
.wf-lubalin-n4-inactive .subscribe_banner h3,
.wf-lubalin-n4-active .subscribe_banner h3 {
  visibility: visible;
}
.subscribe_banner h3 b {
  font-weight: bold;
  margin-right: -0.25em;
}
.subscribe_banner div.col {
  float: left;
  width: 275px;
  padding-right: 20px;
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 1px solid #ccc;
}
.subscribe_banner div.col.last {
  padding-right: 0px;
}
.subscribe_banner div.row {
  margin: 0px;
}
.subscribe_banner div.row.last {
  border-bottom: none;
  margin-bottom: 0px;
}
.subscribe_banner div.row.last div.col {
  margin-bottom: 0px;
  border-bottom: none;
}
.subscribe_banner .col a {
  font-size: 1.4em;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-weight: bold;
}
.no-js .subscribe_banner .col a,
.ie-lte8 .subscribe_banner .col a,
.wf-lubalin-n4-inactive .subscribe_banner .col a,
.wf-lubalin-n4-active .subscribe_banner .col a {
  visibility: visible;
}
.subscribe_banner .col a:after {
  content: '\00BB';
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 0.1em;
}
.subscribe_banner input {
  font-size: 1.5em;
  width: 200px;
  border: 1px solid #dedede;
  padding: 0.1875em;
  color: #00678E;
}
.subscribe_banner .message {
  margin-right: 20px;
}
.subscribe_banner_under {
  height: 35em;
}
@media only screen and (min-width: 48.1em) and (max-width: 61em) {
  .subscribe_banner {
    width: 48em;
  }
  .subscribe_banner div.col {
    width: 204px;
  }
  .subscribe_banner_under {
    height: 40em;
  }
}
@media only screen and (max-width: 48em) {
  .subscribe_banner {
    position: relative;
    margin-left: 0px;
    width: auto;
    border-bottom: none;
  }
  .subscribe_banner div.col {
    width: 90%;
  }
  .subscribe_banner div.row.last div.col {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em;
  }
  .subscribe_banner div.row.last div.col.last {
    border-bottom: none;
    margin-bottom: 0px;
  }
  .subscribe_banner_under {
    height: 0em;
  }
  iframe,
  object,
  embed,
  iframe[width],
  object[width],
  embed[width],
  iframe[height],
  object[height],
  embed[height] {
    width: 100%;
    margin: 0 0 2em;
  }
}
.job-listings h3 {
  background: #00678e;
  color: #fff;
  font-weight: normal;
  padding: 5px 10px;
  /*		margin-bottom: 0px;*/
  margin-top: 10px;
}
.lightbox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.1);
  z-index: 50;
}
.lightbox > div {
  background: #ffffff;
  width: 50%;
  margin: 100px auto 0;
  padding: 50px 50px 30px;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2);
}
.currency-selector {
  text-transform: none;
  color: #333;
  font: 16px Arial, Helvetica, sans-serif;
  float: right;
  line-height: 32px;
}
.currency-selector select {
  border: 1px solid #dadada;
  border-radius: 2px;
  background: none;
  font-size: 16px;
  padding: 5px;
  margin-left: 5px;
}
.currency-changer .currency-notice {
  font-size: 1.6em;
  font-style: italic;
  margin-top: -13px;
  display: none;
}
.main-form {
  display: block;
  padding: 0;
  margin: 0 0 2em;
}
.main-form fieldset {
  padding: 0;
  margin: 0;
}
.main-form fieldset div {
  margin: 0 0 0.75em;
  padding: 0;
  float: left;
  clear: both;
  width: 100%;
}
.main-form fieldset div label,
.main-form fieldset div select,
.main-form fieldset div input,
.main-form fieldset div textarea {
  font-size: 1.6em;
  line-height: 1.5em;
  min-height: 1.5em;
  float: left;
  width: 65%;
  margin: 0;
  box-sizing: border-box;
}
.main-form fieldset div label {
  color: #333333;
  font-weight: bold;
  width: 33%;
  height: auto;
  padding: 0;
  margin: 2px 2% 0 0;
  vertical-align: top;
}
.main-form fieldset div select {
  box-sizing: border-box;
  border: 1px solid #dedede;
  padding: 0 0 0 3px;
  line-height: 1.7em;
  min-height: 1.7em;
  color: #00678E;
}
.main-form fieldset div select:focus,
.main-form fieldset div.error select:focus,
.main-form fieldset div input:focus,
.main-form fieldset div.error input:focus {
  outline: none;
  border: 1px solid #dedede;
  -webkit-box-shadow: 0 0 3px 1px #F29400;
  -moz-box-shadow: 0 0 3px 1px #F29400;
  box-shadow: 0 0 3px 1px #F29400;
  background: #fffaf2;
  color: #00678E;
}
.main-form fieldset div input,
.main-form fieldset div textarea {
  border: 1px solid #dedede;
  padding: 0 0.1875em;
  color: #00678E;
}
.main-form fieldset div textarea {
  height: 8em;
}
.main-form fieldset div.error label,
.main-form fieldset div.error input,
.main-form fieldset div.error select,
.main-form fieldset div.error textarea {
  color: #D93520;
}
.main-form fieldset div.error input,
.main-form fieldset div.error select,
.main-form fieldset div.error textarea {
  border-color: #D93520;
}
.main-form fieldset div div {
  width: 67%;
  clear: right;
  padding-top: 0.5em;
}
.main-form fieldset div div label,
.main-form fieldset div div input {
  width: 100%;
}
.main-form fieldset div div label {
  font-weight: normal;
}
.main-form fieldset div div label b {
  font-weight: bold;
}
.main-form button {
  background: #509C2A;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  color: #FFFFFF;
  margin: 1em 0 1em 35%;
  border: none;
  cursor: pointer;
  font-size: 1.6em;
  padding: 0.3em 0.6em;
  font-weight: bold;
  text-transform: uppercase;
}
.no-js .main-form button,
.ie-lte8 .main-form button,
.wf-lubalin-n4-inactive .main-form button,
.wf-lubalin-n4-active .main-form button {
  visibility: visible;
}
.main-form a.previous {
  background: #eee;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-size: 1.6em;
  padding: 0.3em 0.6em;
  font-weight: bold;
  text-transform: uppercase;
  color: #777;
  text-decoration: none;
  /*		margin-right: -70px;*/
}
.no-js .main-form a.previous,
.ie-lte8 .main-form a.previous,
.wf-lubalin-n4-inactive .main-form a.previous,
.wf-lubalin-n4-active .main-form a.previous {
  visibility: visible;
}
.main-form a.previous + button {
  margin-left: 68px;
}
.main-form #summary {
  margin-top: 20px;
  font-weight: bold;
}
.search-inline fieldset div select {
  width: 7em;
  margin-right: 0.5em;
}
.search-inline fieldset div input {
  width: 15em;
}
.search-inline fieldset div span {
  float: left;
  padding: 0.25px 0em;
  font-size: 1.6em;
  line-height: 1.7em;
  margin-right: 0.5em;
}
.search-inline fieldset div button {
  margin: 0px;
  padding: 0.2em 0.5em;
  float: left;
}
.message {
  display: block;
  background: #509C2A;
  color: #FFFFFF;
  padding: 1em;
  margin: 0 0 2em;
  font-weight: bold;
  float: none;
  width: auto;
}
.message.error {
  background: #D93520;
}
.message.error a {
  color: #ffffff;
}
.message ul {
  margin: 1em 0 0;
  padding: 0 0 0 2em;
}
.message p,
.message h4,
.message li {
  font-size: 1.6em;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0;
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
}
@media only screen and (min-width: 48.1em) and (max-width: 61em) {
  .main-form div label,
  .main-form div div label,
  .main-form div input,
  .main-form div div input,
  .main-form div select,
  .main-form div div select {
    font-size: 1.5em;
    line-height: 2em;
    min-height: 2em;
  }
  .main-form div label,
  .main-form div div label {
    margin-top: 1px;
  }
}
@media only screen and (max-width: 48em) {
  .main-form div {
    margin-bottom: 1em;
  }
  .main-form div,
  .main-form div div {
    width: 100%;
  }
  .main-form div label,
  .main-form div div label,
  .main-form div input,
  .main-form div div input,
  .main-form div select,
  .main-form div div select {
    width: 100%;
  }
}
#side_bar .block {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 1.4em;
  background: #f2f2f2;
  margin: 0 0 0.71428571em;
  padding: 0.71428571em;
  text-decoration: none;
  color: #333333;
  font-weight: normal;
  line-height: 1.28571429em;
}
#side_bar .block h3 {
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-size: 1.42857143em;
  color: #00678E;
  font-weight: normal;
  text-transform: lowercase;
  margin: 0 0 0.28571429em;
}
.no-js #side_bar .block h3,
.ie-lte8 #side_bar .block h3,
.wf-lubalin-n4-inactive #side_bar .block h3,
.wf-lubalin-n4-active #side_bar .block h3 {
  visibility: visible;
}
#side_bar .block h3 b {
  font-weight: bold;
  margin-right: -0.25em;
}
#side_bar .block.subscribe {
  overflow: hidden;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
}
.no-js #side_bar .block.subscribe,
.ie-lte8 #side_bar .block.subscribe,
.wf-lubalin-n4-inactive #side_bar .block.subscribe,
.wf-lubalin-n4-active #side_bar .block.subscribe {
  visibility: visible;
}
#side_bar .block.subscribe img {
  float: right;
  margin-right: -0.71428571em;
  margin-top: -1.28571429em;
}
#side_bar .block.commentary {
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
}
.no-js #side_bar .block.commentary,
.ie-lte8 #side_bar .block.commentary,
.wf-avantgarde-n4-inactive #side_bar .block.commentary,
.wf-avantgarde-n4-active #side_bar .block.commentary {
  visibility: visible;
}
#side_bar .block.commentary h3:after {
  display: none;
  font-family: 'IcoMoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  font-size: 1.85714286em;
  content: '\e006';
  position: absolute;
  top: -0.19230769em;
  right: -0.11538462em;
  bottom: auto;
  left: auto;
}
.wf-icomoon-n4-active #side_bar .block.commentary h3:after {
  display: inline;
}
#side_bar .block.commentary h4 {
  position: absolute;
  right: 5px;
  color: white;
  margin-top: -36px;
  font-size: 0.9em;
}
#side_bar .block.profile a {
  text-decoration: none;
}
#side_bar .block.profile h3 {
  text-transform: none;
}
#side_bar .block.profile h3 b {
  text-transform: lowercase;
  margin-right: 0;
}
#side_bar .block.profile ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0.71428571em -0.42857143em 0;
  width: auto;
  overflow: hidden;
}
#side_bar .block.profile ul li {
  width: 50%;
  float: left;
  font-size: 0.71428571em;
  padding: 0 0 0.8em;
  margin: 0;
  line-height: 1em;
  font-size: 1em;
}
#side_bar .block.profile ul li a {
  display: block;
  margin: 0 0.71428571em 0;
  padding: 0 0 0 2.14285714em;
  color: #656565;
  text-transform: lowercase;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
}
.no-js #side_bar .block.profile ul li a,
.ie-lte8 #side_bar .block.profile ul li a,
.wf-lubalin-n4-inactive #side_bar .block.profile ul li a,
.wf-lubalin-n4-active #side_bar .block.profile ul li a {
  visibility: visible;
}
#side_bar .block.profile ul li a b {
  color: #000000;
  font-weight: bold;
  display: block;
  font-size: 1.14285714em;
}
#side_bar .block.profile ul li a:before {
  font-size: 1.85714286em;
  float: left;
  width: 1.15384615em;
  margin-left: -1.15384615em;
  margin-right: 0;
  text-align: left;
}
#side_bar .block.profile ul li a:hover {
  color: #000000;
}
#side_bar .block.profile ul li a:hover b {
  text-decoration: underline;
}
#side_bar .block.profile a.logout {
  color: #00678E;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-size: 1.14285714em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
.no-js #side_bar .block.profile a.logout,
.ie-lte8 #side_bar .block.profile a.logout,
.wf-lubalin-n4-inactive #side_bar .block.profile a.logout,
.wf-lubalin-n4-active #side_bar .block.profile a.logout {
  visibility: visible;
}
.ie-lte7 #side_bar .block.profile a.logout {
  display: inline;
}
#side_bar .block.profile a.logout b {
  font-weight: bold;
  margin-right: -0.25em;
}
#side_bar .block.profile a.logout:hover {
  text-decoration: underline;
}
#side_bar .block.profile span.expires {
  color: #989898;
  font-size: 0.71428571em;
  line-height: 1.4em;
  display: inline-block;
  vertical-align: baseline;
}
.ie-lte7 #side_bar .block.profile span.expires {
  display: inline;
}
#side_bar .block.menu {
  background: none;
}
#side_bar .block.menu a {
  text-decoration: none;
}
#side_bar .block.menu ul {
  margin: 0;
  padding: 0;
}
#side_bar .block.menu ul li {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 1em;
}
#side_bar .block.menu ul li a {
  display: block;
  text-transform: uppercase;
  font-size: 1em;
  color: #989898;
  font-weight: bold;
  padding: 0 0.5em;
}
#side_bar .block.menu ul li a:hover {
  text-decoration: underline;
  color: #656565;
}
#side_bar .block .more {
  color: #00678E;
  display: block;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-weight: bold;
  font-size: 1em;
  margin-top: 0.28571429em;
}
.no-js #side_bar .block .more,
.ie-lte8 #side_bar .block .more,
.wf-lubalin-n4-inactive #side_bar .block .more,
.wf-lubalin-n4-active #side_bar .block .more {
  visibility: visible;
}
#side_bar .block .more:after {
  content: '\00BB';
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 0.1em;
}
#side_bar .block[href]:hover .more {
  color: #333333;
  text-decoration: underline;
}
#side_bar blockquote {
  font-size: 1.4em;
  padding: 0.5em;
  font-style: normal;
  margin: 0 0 0.71428571em;
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
}
.no-js #side_bar blockquote,
.ie-lte8 #side_bar blockquote,
.wf-avantgarde-n4-inactive #side_bar blockquote,
.wf-avantgarde-n4-active #side_bar blockquote {
  visibility: visible;
}
#side_bar blockquote:before {
  line-height: 0.3125em;
  font-size: 1.6em;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  position: static;
  margin: auto;
  vertical-align: top;
  margin-top: 0.3em;
  display: inline;
  padding-right: 0.1em;
}
#side_bar blockquote p {
  font-size: 1em;
  font-style: normal;
  padding-bottom: 0.5em;
}
#side_bar blockquote p:after {
  line-height: 0.625em;
  font-size: 1.6em;
  vertical-align: bottom;
  display: inline;
  padding-left: 0.1em;
}
#side_bar blockquote cite {
  color: #00678E;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-weight: bold;
  font-size: 1em;
  text-align: left;
}
.no-js #side_bar blockquote cite,
.ie-lte8 #side_bar blockquote cite,
.wf-lubalin-n4-inactive #side_bar blockquote cite,
.wf-lubalin-n4-active #side_bar blockquote cite {
  visibility: visible;
}
#side_bar form {
  display: block;
  margin: 0;
  padding: 1em 1em 2em;
}
#side_bar form h3 {
  color: #00678E;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  text-transform: lowercase;
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
  padding: 0;
  margin: 0 0 0.5em 0;
}
.no-js #side_bar form h3,
.ie-lte8 #side_bar form h3,
.wf-lubalin-n4-inactive #side_bar form h3,
.wf-lubalin-n4-active #side_bar form h3 {
  visibility: visible;
}
.ie-lte7 #side_bar form h3 {
  display: inline;
}
#side_bar form h4 {
  color: #00678E;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-transform: lowercase;
  font-size: 1.2em;
  line-height: 1.66666667em;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
.ie-lte7 #side_bar form h4 {
  display: inline;
}
#side_bar form fieldset {
  margin: 0.5em 0 0;
  padding: 0;
  width: auto;
  background: #FFFFFF;
  height: 2.8em;
  position: relative;
  border: 1px solid #dedede;
}
#side_bar form fieldset label {
  float: left;
  margin: 0;
  padding: 0px;
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  z-index: 1;
  position: relative;
  display: block;
  width: auto;
  position: absolute;
  top: 0;
  right: 3.5em;
  bottom: 0;
  left: 0;
}
#side_bar form fieldset label b {
  display: none;
}
#side_bar form fieldset label input {
  width: 94%;
  margin: 0;
  padding: 0.5em 3%;
  display: block;
  float: left;
  font-size: 1.4em;
  height: 1em;
  line-height: 1em;
  font-weight: bold;
  background: none;
  border: none;
}
#side_bar form fieldset button {
  border: none;
  background: #509C2A;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  float: left;
  font-size: 1.4em;
  width: 2.6em;
  height: 2em;
  line-height: 2em;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 2;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#side_bar form fieldset button:before {
  height: 2em;
  line-height: 2em;
  margin: 0 3px;
}
.wf-icomoon-n4-active #side_bar form fieldset button b {
  display: none;
}
#side_bar table th {
  font-size: 2.2em;
}
/* Mid width devices */
@media only screen and (min-width: 48.1em) and (max-width: 61em) {
  #side_bar .block.profile ul li {
    font-size: 0.78571429em;
  }
  #side_bar .block.profile ul li a b {
    font-size: 1.18181818em;
  }
}
#intro_swiper {
  position: relative;
  /* Specify Swiper's Size: */
}
#intro_swiper .swiper-container,
#intro_swiper .swiper-slide {
  width: 62em;
  height: 39em;
  position: relative;
  z-index: 1;
}
#intro_swiper .swiper-container a,
#intro_swiper .swiper-slide a {
  display: block;
  padding: 0 ;
  margin: 0;
  text-decoration: none;
}
#intro_swiper .swiper-container a .caption,
#intro_swiper .swiper-slide a .caption {
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  bottom: -0.1em;
  left: 0;
  padding: 1em 1em 1.1em;
  width: 20em;
  background: #f2f2f2;
}
.rgba #intro_swiper .swiper-container a .caption,
.rgba #intro_swiper .swiper-slide a .caption {
  background: rgba(255, 255, 255, 0.9);
}
#intro_swiper .swiper-container a .caption h1,
#intro_swiper .swiper-slide a .caption h1 {
  font-size: 3em;
}
#intro_swiper .swiper-container a .caption p,
#intro_swiper .swiper-slide a .caption p {
  font-size: 1.6em;
  color: #00678E;
  padding: 0 0 0.625em;
}
#intro_swiper .swiper-container a .caption:after,
#intro_swiper .swiper-slide a .caption:after {
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.5em;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  content: 'Read More \00BB';
}
.ie-lte7 #intro_swiper .swiper-container a .caption:after,
.ie-lte7 #intro_swiper .swiper-slide a .caption:after {
  display: inline;
}
#intro_swiper .swiper-container a:hover .caption:after,
#intro_swiper .swiper-slide a:hover .caption:after {
  color: #000000;
  text-decoration: underline;
}
#intro_swiper .tabs {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 18.5em;
  padding: 1em 1em 1em 2.5em;
  z-index: 2;
}
#intro_swiper .tabs a {
  display: block;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-size: 1.4em;
  line-height: 1.3em;
  color: #989898;
  text-decoration: none;
  text-transform: lowercase;
  position: relative;
  cursor: pointer;
}
.no-js #intro_swiper .tabs a,
.ie-lte8 #intro_swiper .tabs a,
.wf-lubalin-n4-inactive #intro_swiper .tabs a,
.wf-lubalin-n4-active #intro_swiper .tabs a {
  visibility: visible;
}
#intro_swiper .tabs a b {
  font-weight: bold;
  margin-right: -0.25em;
}
#intro_swiper .tabs a b:last-child {
  margin-right: 0;
}
#intro_swiper .tabs a.active,
#intro_swiper .tabs a:active {
  color: #00678E;
}
#intro_swiper .tabs a.active:before,
#intro_swiper .tabs a:active:before {
  position: absolute;
  top: 0.5em;
  right: auto;
  bottom: auto;
  left: -0.71428571em;
  content: '';
  width: 0;
  height: 0;
  margin-top: -0.16666667em;
  border: 0.35714286em solid transparent;
  border-left-color: #00678E;
  border-right-width: 0;
}
/* Mid width devices */
@media only screen and (max-width: 61em) {
  #intro_swiper {
    padding-bottom: 5em;
  }
  #intro_swiper .swiper-container,
  #intro_swiper .swiper-slide {
    width: 50.2em;
    height: 31.5em;
  }
  #intro_swiper .swiper-container .caption,
  #intro_swiper .swiper-slide .caption {
    padding: 0.9em;
    width: 22.4em;
  }
  #intro_swiper .tabs {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 1em;
    left: 0;
    width: auto;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    text-align: justify;
    padding: 0 10px;
    overflow: hidden;
  }
  #intro_swiper .tabs:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 100%;
    height: 0;
  }
  #intro_swiper .tabs a {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0.4em;
    margin-bottom: -1em;
    white-space: nowrap;
  }
  .ie-lte7 #intro_swiper .tabs a {
    display: inline;
  }
  #intro_swiper .tabs a:active:before,
  #intro_swiper .tabs a.active:before {
    border-width: 0.71428571em;
    border-left-color: transparent !important;
    border-top-width: 0;
    border-bottom-color: #989898;
    left: 50%;
    margin-left: -0.71428571em;
    top: auto;
    bottom: -0.5em;
  }
}
@media only screen and (max-width: 48em) {
  #intro_swiper {
    width: 100%;
    overflow: hidden;
  }
  #intro_swiper .swiper-container,
  #intro_swiper .swiper-slide {
    width: 104%;
    height: 36em;
  }
  #intro_swiper .swiper-container a,
  #intro_swiper .swiper-slide a {
    margin-right: 4%;
  }
  #intro_swiper .swiper-container a img,
  #intro_swiper .swiper-slide a img {
    width: 100%;
    height: auto;
  }
  #intro_swiper .swiper-container a .caption,
  #intro_swiper .swiper-slide a .caption,
  .rgba #intro_swiper .swiper-container a .caption,
  .rgba #intro_swiper .swiper-slide a .caption {
    bottom: 0;
    left: 0;
    right: 4%;
    top: auto;
    width: auto;
    padding: 1em 0;
    height: auto;
    min-height: 9em;
    background: #FFFFFF;
  }
  #intro_swiper .tabs {
    padding-left: 0;
    padding-right: 0;
  }
  #intro_swiper .tabs a {
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
  #intro_swiper .tabs a b {
    margin-right: 0;
  }
  #intro_swiper .tabs a span {
    display: none;
  }
}
@media only screen and (max-width: 27em) {
  #intro_swiper .swiper-container .swiper-slide a .caption {
    min-height: 15em;
  }
}
@media only screen and (max-width: 19em) {
  #intro_swiper .tabs {
    text-align: center;
  }
  #intro_swiper .tabs a {
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
  #intro_swiper .tabs a b {
    display: block;
    margin-right: 0;
    text-indent: -99em;
    overflow: hidden;
    width: 0.8em;
    height: 0.8em;
    border: 0.1em solid #989898;
  }
  #intro_swiper .tabs a span {
    display: none;
  }
  #intro_swiper .tabs a.active:before,
  #intro_swiper .tabs a:active:before {
    display: none;
  }
  #intro_swiper .tabs a.active b,
  #intro_swiper .tabs a:active b {
    background: #989898;
  }
}
#footer {
  overflow: hidden;
  background: #00678E;
  padding: 0 0 2em;
}
#footer .logo {
  padding: 0;
  line-height: 1em;
  font-family: 'Lubalin', Georgia, "Times New Roman", Times, serif;
  visibility: hidden;
  font-size: 2em;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  margin: -0.1em 0 0.5em;
  font-weight: normal;
}
.no-js #footer .logo,
.ie-lte8 #footer .logo,
.wf-lubalin-n4-inactive #footer .logo,
.wf-lubalin-n4-active #footer .logo {
  visibility: visible;
}
.ie-lte7 #footer .logo {
  display: inline;
}
#footer .logo a {
  text-decoration: none;
  color: #FFFFFF;
}
#footer .logo a span {
  display: inline-block;
  vertical-align: bottom;
  line-height: 0.8em;
  padding-bottom: 0em;
  margin-bottom: 0em;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  text-transform: lowercase;
}
.ie-lte7 #footer .logo a span {
  display: inline;
}
#footer .logo a span b {
  font-weight: bold;
}
.ie-lte7 #footer .logo a span {
  line-height: 1.2em;
  margin-bottom: -0.15em;
}
#footer .logo a img {
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  width: 41px;
  height: auto;
}
.ie-lte7 #footer .logo a img {
  display: inline;
}
#footer p {
  color: #FFF;
  font-size: 1.2em;
}
#footer p b {
  font-family: 'AvantGarde', Arial, Helvetica, sans-serif;
  visibility: hidden;
}
.no-js #footer p b,
.ie-lte8 #footer p b,
.wf-avantgarde-n4-inactive #footer p b,
.wf-avantgarde-n4-active #footer p b {
  visibility: visible;
}
#footer #footer_nav {
  list-style: none;
  display: block;
  padding: 0;
  margin: 1em 0 0;
  font-size: 1.2em;
  line-height: 150%;
}
#footer #footer_nav a {
  paddding: 0;
  margin: 0 1.5em 0 0;
  font-size: 1em;
  display: inline-block;
  vertical-align: middle;
  color: #FFFFFF;
  text-decoration: underline;
}
.ie-lte7 #footer #footer_nav a {
  display: inline;
}
#footer #footer_nav a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 21em) {
  #footer #footer_nav a {
    display: block;
  }
}