/* 
	Website: 	
	Author: 	
	Notes:		
	Updated:	

-----------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------
	
	CONTENTS:

	0. RESET
	1. FONTS
	2. GENERAL
	3. HEADER
	4. FOOTER
	5. PRINT
	6. MEDIA QUERIES

-----------------------------------------------------------------------------------------------*/
.fullBackgroundInline {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: repeat-x;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 0;
}
/* 0. RESET
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/*
		1 Helper classes
		2 Page
		3 Typography
		4 Colour
		5 Elements
		6 Forms
*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* 1 Helper classes */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
/* 2 Page */
html {
  background: #ffffff;
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #f3f5f6;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: transparent;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  color: #000000;
}
/* 3 Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small {
  font-weight: normal;
  color: #bfbfbf;
}
h1,
.h1 {
  margin-bottom: 0.75em;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.2;
}
h2,
.h2 {
  margin-bottom: 0.75em;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
}
h3,
.h3 {
  margin-bottom: 1em;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.3;
}
h4,
.h4 {
  margin-bottom: 1.5em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.25;
}
h5,
.h5 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 1.5em;
}
h6,
.h6 {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}
p,
ol,
ul,
dl,
address {
  margin-bottom: 1.5em;
  /*
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
*/
}
small {
  font-size: 14px;
  font-size: 1.4rem;
}
ul,
ol {
  margin: 0 0 1.5em 0;
  padding: 0 0 0 0;
}
li ul,
li ol {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
li {
  list-style: none;
}
blockquote {
  margin: 0 0 1.5em -24px;
  padding-left: 24px;
  border-left: 2px solid #c7ced6;
  font-family: Cambria, Georgia, Times, 'Times New Roman';
  font-style: normal;
}
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
cite {
  font-style: normal;
}
dl,
dd {
  margin-bottom: 1.5em;
}
dt {
  font-weight: normal;
}
abbr[title] {
  border-bottom: 1px dotted #c7ced6;
  cursor: help;
}
b,
strong {
  font-weight: normal;
}
dfn {
  font-style: italic;
}
ins {
  background-color: #f3f5f6;
  color: #000000;
  text-decoration: none;
}
mark {
  background-color: #f3f5f6;
  color: #000000;
  font-style: italic;
  font-weight: normal;
}
pre,
code,
kbd,
samp {
  font-family: Monaco, Courier New, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
sub,
sup {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  vertical-align: baselineheight;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* 4 Colour */
a {
  text-decoration: none;
  color: #013568;
}
/*
a:visited {
  color: #000203;
}
*/
a:hover {
  text-decoration: underline;
  color: #011b35;
}
a:focus {
  outline: thin dotted;
  color: #000000;
}
a:hover,
a:active {
  outline: 0;
}
::-moz-selection {
  background-color: #d6dbe1;
  color: #2d353e;
  text-shadow: none;
}
::selection {
  background-color: #d6dbe1;
  color: #2d353e;
  text-shadow: none;
}
/* 5 Elements */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #c7ced6;
  border-bottom: 1px solid #ffffff;
}
img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin-bottom: 1.5em;
}
figure img {
  margin-bottom: 0.375em;
}
figure figcaption {
  display: block;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  color: #808080;
}
/* 6 Forms */
form {
  margin: 0 0 1.5em 0;
}
form fieldset {
  margin-bottom: 1.5em;
  padding: 0;
  border-width: 0;
}
form legend {
  display: block;
  width: 100%;
  margin-bottom: 3em;
  *margin-left: -7px;
  padding: 0;
  color: #000000;
  border: 0;
  border-bottom: 1px solid #8c9bab;
  white-space: normal;
}
form legend small {
  font-size: 14px;
  font-size: 1.4rem;
  color: #bfbfbf;
}
form p {
  margin-bottom: 0.75em;
}
form ul {
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}
form br {
  display: none;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: baseline;
  *vertical-align: middle;
}
input,
button,
select,
textarea {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
label {
  display: block;
  margin-bottom: 0.1875em;
  font-weight: normal;
  color: #000000;
  cursor: pointer;
}
label input,
label textarea,
label select {
  display: block;
}
input,
textarea,
select {
  display: inline-block;
  width: 100%;
  padding: 4px;
  margin-bottom: 0.375em;
  background-color: #ffffff;
  border: 1px solid #8c9bab;
  color: #000000;
}
input:hover,
textarea:hover,
select:hover {
  border-color: #586879;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
input[type='image'],
input[type='checkbox'],
input[type='radio'] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
}
input[type='checkbox'],
input[type='radio'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type='image'] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type='file'] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type='button'],
input[type='reset'],
input[type='submit'] {
  width: auto;
  height: auto;
  cursor: pointer;
  *overflow: visible;
}
select,
input[type='file'] {
  height: 28px;
  *margin-top: 4px;
  line-height: 28px;
}
select {
  width: auto;
  background-color: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
}
select[multiple],
select[size] {
  height: auto;
}
textarea {
  resize: vertical;
  height: auto;
  overflow: auto;
  vertical-align: top;
}
input[type='hidden'] {
  display: none;
}
.radio,
.checkbox {
  padding-left: 18px;
  font-weight: normal;
}
.radio input[type='radio'],
.checkbox input[type='checkbox'] {
  float: left;
  margin-left: -18px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed;
}
input:focus,
textarea:focus {
  border-color: #2d353e, 40%;
  outline: 0;
  outline: thin dotted \9;
}
input[type='file']:focus,
input[type='radio']:focus,
input[type='checkbox']:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
input:-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
/* 1. FONTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.fontExtraLight {
  font-family: 'Gotham Narrow SSm 2r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 200;
  font-style: normal;
}
.fontLight {
  font-family: 'Gotham Narrow SSm 3r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 300;
  font-style: normal;
}
.fontBook {
  font-family: 'Gotham Narrow SSm 4r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 400;
  font-style: normal;
}
.fontMedium {
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal;
}
.fontBold {
  font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 700;
  font-style: normal;
}
.fontBlack {
  font-family: 'Gotham Narrow SSm 8r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 800;
  font-style: normal;
}
.fontWeightNormal {
  font-weight: normal !important;
  font-style: normal !important;
}
/* 2. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.clear {
  clear: both;
}
html {
  background: #dce1df;
  min-height: 100%;
  position: relative;
}
body {
  color: #36312d;
  font-family: 'Gotham Narrow SSm 4r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 400;
  font-style: normal;
  height: 100%;
  line-height: 1.5em;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
}
a {
  color: #7f8c8d;
}
a:hover {
  color: #36312d;
  text-decoration: none;
}
h1.largeHeading {
  font-family: 'Gotham Narrow SSm 2r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 200;
  font-style: normal;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.3em;
  letter-spacing: -0.05em;
  padding: 4% 0 2%;
  text-align: center;
}
.centreText {
  text-align: center;
}
.darkBG {
  background-color: #000;
  color: #fff;
}
.lightBG {
  background-color: #fff;
  color: #000;
}
.lightGreyBG {
  background-color: #efefef;
  color: #000;
}
div.sectionHeading {
  border-bottom: 1px solid #fff;
  background-attachment: fixed;
  background-position: center top;
  background-repeat: repeat-x;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 0;
  padding: 4% 20px 6%;
}
div.sectionHeading a.buttonIcon {
  display: block;
  float: none;
  margin: auto;
}
div.hero {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: repeat-x;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 0;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: -0.05em;
  line-height: 1.4em;
  margin-bottom: 100px;
  padding: 8% 20px;
}
div.hero div.tx {
  color: #ebebeb;
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4em;
  margin-bottom: 1em;
}
div.hero div.tx span {
  color: #ebebeb;
  margin-right: 0.5em;
}
div.heroInner {
  margin: auto;
  max-width: 620px;
  padding: 0 20px;
}
div.hero h2 {
  font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: -0.05em;
  line-height: 1.3em;
}
div.contentBlock {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
  padding: 5% 0;
}
div.contentBlock h2 {
  font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 700;
  font-style: normal;
}
div.contentBlock .padBtm {
  padding-bottom: 2em;
}
div.contentBlock .padTop {
  padding-top: 2em;
}
div.contentBlock .margBtm {
  margin-bottom: 2em;
}
div.contentBlock .margTop {
  margin-top: 2em;
}
div.content3Col {
  margin: auto;
  max-width: 960px;
}
div.subMenu {
  background: #c1c9c6;
  padding: 10px 0 6px;
}
ul.subNavList {
  margin: 0 10px;
}
.subSection1 .subLink1 a *,
.subSection2 .subLink2 a *,
.subSection3 .subLink3 a *,
.subSection4 .subLink4 a *,
.subSection5 .subLink5 a *,
.subSection6 .subLink6 a *,
.subSection7 .subLink7 a *,
.subSection8 .subLink8 a *,
.subSection9 .subLink9 a *,
.subSection10 .subLink10 a * {
  background: #ebebeb !important;
  color: #1e1e1e !important;
}
@media only screen and (min-width: 960px) {
  div.heroInner {
    float: right;
    margin: 0;
  }
}
@media only screen and (min-width: 1020px) {
  h1.largeHeading {
    font-size: 72px;
    font-size: 7.2rem;
    letter-spacing: -0.05em;
    line-height: 1.2em;
  }
}
.websites {
  background-color: #000000;
  background-image: url(/img/forestBG.jpg);
  background-attachment: fixed;
  background-position: center top;
  background-repeat: repeat-x;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 0;
}
/* Youtube embed */
div.video {
  margin: auto;
  max-width: 780px;
}
div.video-inner {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
div.video-inner iframe,
div.video-inner object,
div.video-inner embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
div.video-inner img,
div.video-inner iframe,
div.video-inner object,
div.video-inner embed {
  max-width: 100%;
}
.bannerAd {
  /*background: #2d2e2f;*/
  /*margin-bottom: 2px;*/
  text-align: center;
  display: none !important;
}
.home-141 .bannerAd,
.hafan-142 .bannerAd {
  margin-bottom: 2px;
}
.tagsSection div.lightBG h1 a {
  color: #2d353e;
}
.tagsSection.darkBG h1 a {
  color: #fff;
}
.tagsSection li.sideCard {
  background: #f3f4f4;
}
.tagsSection li.sideCard h2 {
  color: #2d353e;
}
.tagsSection li.sideCard ul {
  color: #2d353e;
}
.tagsSection .layoutBlockFluidMax1280Inner {
  max-width: 100% !important;
}
.centreVideo {
  margin: 0 auto;
  max-width: 800px;
}
.fullWidthVideo {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 2.5%;
}
.fullWidthVideo iframe,
.fullWidthVideo object,
.fullWidthVideo embed {
  height: 99%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.fullWidthVideo img {
  width: 100%;
}
.fullWidthVideo a.play span.icon {
  color: rgba(255, 255, 255, 0.4);
  font-size: 7.2rem;
  left: 50%;
  letter-spacing: -0.05em;
  line-height: 1.2em;
  margin: -0.5em 0 0 -0.5em;
  position: absolute;
  top: 50%;
  transition: all 0.8s ease-in-out 0s;
  z-index: 10;
}
.fullWidthVideo a.play:hover span.icon {
  color: #ffffff;
}
.vidCenteredImg {
  margin: 0 auto;
  max-width: 800px;
}
.tagsMain h1 a {
  color: #fff;
}
/* CDN Player Styles */
.embedCdnVideo .video-js {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 2.5%;
}
.embedCdnVideo .video-js object,
.embedCdnVideo .video-js embed,
.embedCdnVideo .video-js video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.actionsItem a.cdnModul {
  cursor: pointer;
}
.masonryGridItemContent a.cdnModul {
  cursor: pointer;
}
.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.vjs-icon-play,
.video-js .vjs-big-play-button,
.video-js .vjs-play-control {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before,
.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before {
  content: '\e602';
}
.vjs-icon-play-circle {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: '\e63b';
}
.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing:before {
  content: '\e625';
}
.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
  content: '\e62d';
}
.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
  content: '\e632';
}
.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
  content: '\e632';
}
.vjs-icon-volume-high,
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
  content: '\e632';
}
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control:before {
  content: '\e62b';
}
.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
  content: '\e62c';
}
.vjs-icon-square {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: '\f10a';
}
.vjs-icon-spinner {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: '\e63f';
}
.vjs-icon-subtitles,
.video-js .vjs-subtitles-button {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before,
.video-js .vjs-subtitles-button:before {
  content: '\f10c';
}
.vjs-icon-captions,
.video-js .vjs-captions-button {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before,
.video-js .vjs-captions-button:before {
  content: '\f10d';
}
.vjs-icon-chapters,
.video-js .vjs-chapters-button {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before,
.video-js .vjs-chapters-button:before {
  content: '\f10e';
}
.vjs-icon-share {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: '\f10f';
}
.vjs-icon-cog {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: '\f110';
}
.vjs-icon-circle,
.video-js .vjs-mouse-display,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
  background: #fff;
}
.vjs-icon-circle:before,
.video-js .vjs-mouse-display:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before {
  background: #fff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  content: '';
}
.vjs-icon-circle-outline {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: '\f112';
}
.vjs-icon-circle-inner-circle {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: '\f113';
}
.vjs-icon-audio-description {
  font-family: S4CIcons;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before {
  content: '\f114';
}
.video-js {
  /* display:inline-block would be closer to the video el's display:inline
   * but it results in flash reloading when going into fullscreen [#2205]
   */
  display: block;
  /* Make video.js videos align top when next to video elements */
  vertical-align: top;
  box-sizing: border-box;
  color: #ccc;
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
  easily calculable. */
  font-size: 10px;
  line-height: 1;
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, Helvetica, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
  checking fullScreenEnabled. */
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
/* All elements inherit border-box sizing */
.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}
/* List style reset */
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  /* Important to specify each */
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
/* Fill the width of the containing element and use padding to create the
   desired aspect ratio. Default to 16x9 unless another ratio is given. */
/* Not including a default AR in vjs-fluid because it would override
   the user set AR injected into the header. */
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}
/* Playback technology elements expand to the width/height of the containing div
<video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  /* Undo any aspect ratio padding for fluid layouts */
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Hide disabled or unsupported controls. */
.vjs-hidden {
  display: none !important;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
The .video-js classname on the video tag also isn't considered.
This optional paragraph inside the video tag can provide a message to users
about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc;
}
.video-js .vjs-big-play-button {
  color: rgba(255, 255, 255, 0.4);
  font-size: 7.2rem;
  left: 50%;
  letter-spacing: -0.05em;
  line-height: 1.2em;
  margin: -0.5em 0 0 -0.5em;
  position: absolute;
  top: 40%;
  transition: all 0.8s ease-in-out 0s;
  z-index: 10;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  color: #fff;
  -webkit-transition: all 0.8s ease-in-out 0s;
  -moz-transition: all 0.8s ease-in-out 0s;
  -o-transition: all 0.8s ease-in-out 0s;
  transition: all 0.8s ease-in-out 0s;
}
.vjs-default-skin .vjs-big-play-button:before {
  font-family: S4CIcons;
  content: '\e602';
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 90%;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
}
/* prevent menus from opening while scrubbing (FF, IE) */
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li:focus,
.vjs-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  /* (Width of vjs-menu - width of button) / 2 */
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
  /* Same as ul background */
}
/* Button Pop-up Menu */
.vjs-menu-button-popup .vjs-menu ul {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
}
.vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.video-js .vjs-menu-button-inline.vjs-slider-active {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 2.2222222em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 8em;
  background-color: #323b40;
  background-color: rgba(50, 59, 64, 0.8);
}
.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  /* !important is ok in this context. */
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
- "\9" IE8 hack didn't work for this
- Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media only screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: '';
  }
}
/* IE 8 + 9 Support */
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.video-js .vjs-control:before {
  font-size: 1.8em;
  line-height: 4.4;
}
/* Replacement for focus outline */
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
  color: #19cde0;
}
/* Hide control text visually, but have it available for screenreaders */
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* IE 8 + 9 Support */
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
/**
 * Let's talk pixel math!
 * Start with a base font size of 10px (assuming that hasn't changed)
 * No Hover:
 * - Progress holder is 3px
 * - Progress handle is 9px
 * - Progress handle is pulled up 3px to center it.
 *
 * Hover:
 * - Progress holder becomes 5px
 * - Progress handle becomes 15px
 * - Progress handle is pulled up 5px to center it
 */
.video-js .vjs-progress-control {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.vjs-live .vjs-progress-control {
  display: none;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}
/* We need an increased hit area on hover */
/* Also show the current time tooltip */
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
  display: block;
  /* If we let the font size grow as much as everything else, the current time tooltip ends up
     ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
     to avoid a weird hitch when you roll off the hover. */
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-size: 1.1em;
}
/* Progress Bars */
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.video-js .vjs-mouse-display:before {
  display: none;
}
.video-js .vjs-play-progress {
  background-color: #19cde0;
}
.video-js .vjs-play-progress:before {
  position: absolute;
  top: -0.33333333em;
  right: -0.5em;
  font-size: 0.9em;
}
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  /* By default this is hidden and only shown when hovering over the progress control */
  display: none;
  position: absolute;
  top: -2.4em;
  right: -1.5em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 0.2em 0.5em;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
}
.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
  z-index: 1;
}
.video-js .vjs-load-progress {
  /* For IE8 we'll lighten the color */
  background: ligthen(#73859f, 25%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(115, 133, 159, 0.5);
}
/* there are child elements of the load progress bar that represent the
specific time ranges that have been buffered */
.video-js .vjs-load-progress div {
  /* For IE8 we'll lighten the color */
  background: ligthen(#73859f, 50%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(115, 133, 159, 0.75);
}
.video-js.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex
  .vjs-progress-control
  .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex
  .vjs-progress-control
  .vjs-mouse-display:after {
  display: none;
}
.video-js .vjs-progress-control .vjs-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.video-js .vjs-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.video-js .vjs-volume-bar {
  margin: 1.35em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #19cde0;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
/* Assumes volume starts at 1.0. */
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
/* The volume menu button is like menu buttons (captions/subtitles) but works
a little differently. It needs to be possible to tab to the volume slider
without hitting space bar on the menu button. To do this we're not using
display:none to hide the slider menu by default, and instead setting the
width and height to zero. */
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  left: 0.5em;
}
.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
  left: -2em;
}
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
  height: 8em;
  width: 2.9em;
}
.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 8em;
}
.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
  /* An inline volume should never have a menu background color.
     This protects it from external changes to background colors. */
  background-color: transparent !important;
  margin-top: 25px;
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
/* Used for IE8 fallback */
.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster after the video has started playing */
.vjs-has-started .vjs-poster {
  display: none;
}
/* Don't hide the poster if we're playing audio */
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
/* Hide the poster when controls are disabled because it's clickable
and the native poster can take over */
.vjs-controls-disabled .vjs-poster {
  display: none;
}
/* Hide the poster when native controls are used otherwise it covers them */
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1.5em;
  line-height: 5.2em;
}
.vjs-live .vjs-time-control {
  display: none;
}
/* We need the extra specificity that referencing .vjs-no-flex provides. */
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}
.vjs-subtitles {
  color: #fff;
  /* Subtitles are white */
}
.vjs-captions {
  color: #fc6;
  /* Captions are yellow */
}
.vjs-tt-cue {
  display: block;
}
.video-js .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error-display {
  display: none;
}
.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  color: #fff;
  /* In order to center the play icon vertically we need to set the line height
  to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  /* Needed for IE8 */
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}
.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}
.vjs-error-display a,
.vjs-error-display a:visited {
  color: #66a8cc;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  /* Need to fix centered page layouts */
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: '';
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  /* Keep 100% opacity so they don't show through each other */
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
/* only animate when showing because it can be processor heavy */
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8)
      infinite,
    vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
    vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu {
  left: -10em;
  /* (Width of vjs-menu - width of vjs-control) / 2 */
  width: 0;
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex
  .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button {
  display: none;
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control {
  display: none;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
  display: none;
}
.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  font-size: 12px;
  width: 40em;
}
.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
}
.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left;
}
.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both;
}
.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em;
}
.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px;
}
.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px;
}
.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px;
}
.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px;
}
.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0;
}
.vjs-caption-settings label > input {
  margin-right: 10px;
}
.vjs-caption-settings input[type='button'] {
  width: 40px;
  height: 40px;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
/* Modul pop
-----------------------------------------------------------------------------------------------
===============================================================================================*/
div.s4cModulOverlay {
  background: #323b40;
  color: #ebebeb;
  cursor: pointer;
  height: 100%;
  overflow-y: scroll;
  position: fixed;
  width: 100%;
  z-index: 50000;
}
div.s4cModulOverlay span.icon {
  font-size: 28px;
  position: absolute;
  right: 1em;
  top: 1em;
}
div.s4cModulOverlay span.icon:hover {
  color: #7dbeff;
}
div.s4cModulContainer {
  margin: 10% auto 0;
  max-width: 760px;
}
.videoContainer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* 3. HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
body {
  border-color: #dce1df;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4em;
}
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
div.s4cNav {
  background: #283135;
  -webkit-box-shadow: inset -6px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset -6px 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset -6px 0 rgba(0, 0, 0, 0.05);
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
  height: 100%;
  margin-left: -250px;
  position: absolute;
  top: 0;
  width: 250px;
  z-index: 10000;
}
a.s4cSkipContent {
  left: 0;
  position: absolute;
  top: -999em;
  z-index: 11000;
}
a.s4cSkipContent:focus {
  background: #ebebeb;
  top: 0;
}
html.csstransforms3d div.s4cNav {
  margin-left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  -ms-transition: -ms-transform 300ms ease;
  -o-transition: -o-transform 300ms ease;
  transition: transform 300ms;
  -webkit-transform: translate3d(-250px, 0, 0);
  -moz-transform: translate3d(-250px, 0, 0);
  -ms-transform: translate3d(-250px, 0, 0);
  -o-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
div.s4cNav.show {
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  margin-left: 0;
}
html.csstransforms3d div.s4cNav.show {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
div.s4cContent {
  float: right;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
html.csstransforms3d div.s4cContent {
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  -ms-transition: -ms-transform 300ms ease;
  -o-transition: -o-transform 300ms ease;
  transition: transform 300ms;
}
div.s4cContentNavOverlay {
  cursor: pointer;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5000;
}
div.s4cContent.show {
  height: 100%;
  margin-left: 250px;
  overflow: hidden;
  position: fixed;
}
html.csstransforms3d div.s4cContent.show {
  margin-left: 0;
  -webkit-transform: translate3d(250px, 0, 0);
  -moz-transform: translate3d(250px, 0, 0);
  -ms-transform: translate3d(250px, 0, 0);
  -o-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
div.s4cSiteFooter {
  float: right;
  -moz-transition: margin 0.3s ease-in-out;
  -o-transition: margin 0.3s ease-in-out;
  -webkit-transition: margin 0.3s ease-in-out;
  transition: margin 0.3s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
}
div.s4cSiteFooter.show {
  display: none;
}
div.s4cContent.show div.s4cContentNavOverlay {
  display: block;
}
div.s4cNavToggle {
  left: 0;
  margin: 0;
  padding-bottom: 20px;
  top: 0;
  width: 100%;
  z-index: 4500;
}
div.s4cNavToggle h1 {
  float: left;
  margin: 0;
  padding: 0;
  width: 72px;
}
div.s4cNavToggle h1 img {
  height: 60px;
}
div.s4cNavToggle a.s4cNavToggleLink {
  display: block;
  font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 700;
  font-style: normal;
  float: right;
  height: 60px;
  line-height: 3.6em;
  padding-right: 20px;
  padding-top: 4px;
  text-align: right;
  width: 150px;
}
div.s4cNavToggle a.s4cNavToggleLink span.icon {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4em;
  padding-left: 10px;
  position: relative;
  top: 2px;
}
div.s4cMasterContainer {
  overflow: hidden;
  width: 100%;
}
ul.s4cTabs {
  margin: 0;
}
li.s4cTabLogo {
  display: none;
}
li.s4cTab {
  margin-bottom: 1px;
  overflow: hidden;
  position: relative;
  width: 250px;
}
li.s4cTab .s4cTabLink:hover {
  color: #fff;
}
.no-js li.s4cTab .s4cTabLink:hover {
  color: inherit;
}
li.s4cTabToggle {
  background: #283135;
  margin-bottom: 0;
}
.s4cTabLink {
  color: #ebebeb;
  display: block;
  height: 44px;
  padding: 16px 20px 0 50px;
  position: relative;
  width: 210px;
}
.s4cTabLink,
.s4cTabInner,
.s4cTabLink span.icon {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.s4cTabLink,
.s4cTabLink.hover {
  color: #ebebeb;
}
.s4cTabLink span.icon {
  display: block;
  float: left;
  margin-left: -30px;
  padding-right: 16px;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4em;
  top: 3px;
}
.s4cTabInner {
  height: 100%;
  margin-right: -283px;
  position: absolute;
  right: 0;
  -webkit-transform: skew(-12deg, 0deg);
  -moz-transform: skew(-12deg, 0deg);
  -ms-transform: skew(-12deg, 0deg);
  -o-transform: skew(-12deg, 0deg);
  transform: skew(-12deg, 0deg);
  width: 290px;
}
.s4cTabInner.hover {
  margin-right: -20px;
}
.lt-ie9 .s4cTabInner {
  -sand-transform: translate(-14px, 0) skew(-12deg, 0deg);
}
li.s4cTabToggle .s4cTabLink {
  color: #dce1df;
}
li.s4cTabToggle .s4cTabLink span.icon {
  color: #7b7b7b;
}
li.s4cTabToggle .s4cTabLink.hover span.icon {
  color: #ebebeb;
}
li.s4cTabToggle .s4cTabInner {
  background: #303030;
}
li.s4cTab1 {
  background: #236069;
}
li.s4cTab1 .s4cTabLink span.icon {
  color: rgba(255, 255, 255, 0.8);
}
li.s4cTab1 .s4cTabInner {
  background: #1d4f56;
}
li.s4cTab1 .s4cTabLink.hover span.icon {
  color: #ffffff;
}
li.s4cTab2 {
  background: #265860;
}
li.s4cTab2 .s4cTabLink span.icon {
  color: rgba(255, 255, 255, 0.8);
}
li.s4cTab2 .s4cTabInner {
  background: #1f474e;
}
li.s4cTab2 .s4cTabLink.hover span.icon {
  color: #ffffff;
}
li.s4cTab3 {
  background: #2a5057;
}
li.s4cTab3 .s4cTabLink span.icon {
  color: rgba(255, 255, 255, 0.8);
}
li.s4cTab3 .s4cTabInner {
  background: #224046;
}
li.s4cTab3 .s4cTabLink.hover span.icon {
  color: #ffffff;
}
li.s4cTab4 {
  background: #2d474e;
}
li.s4cTab4 .s4cTabLink span.icon {
  color: rgba(255, 255, 255, 0.8);
}
li.s4cTab4 .s4cTabInner {
  background: #24383e;
}
li.s4cTab4 .s4cTabLink.hover span.icon {
  color: #ffffff;
}
li.s4cTab5 {
  background: #303f45;
}
li.s4cTab5 .s4cTabLink span.icon {
  color: rgba(255, 255, 255, 0.8);
}
li.s4cTab5 .s4cTabInner {
  background: #263136;
}
li.s4cTab5 .s4cTabLink.hover span.icon {
  color: #ffffff;
}
li.s4cTab6 {
  background: #323b40;
}
li.s4cTab6 .s4cTabLink span.icon {
  color: rgba(255, 255, 255, 0.8);
}
li.s4cTab6 .s4cTabInner {
  background: #272e32;
}
li.s4cTab6 .s4cTabLink.hover span.icon {
  color: #ffffff;
}
.s4cSection1 li.s4cTab1 .s4cTabLink span.icon,
.s4cSection2 li.s4cTab2 .s4cTabLink span.icon,
.s4cSection3 li.s4cTab3 .s4cTabLink span.icon,
.s4cSection4 li.s4cTab4 .s4cTabLink span.icon,
.s4cSection5 li.s4cTab5 .s4cTabLink span.icon {
  color: #ebebeb;
}
.s4cSection1 li.s4cTab1 {
  background: #1d4f56;
}
.s4cSection2 li.s4cTab2 {
  background: #1f474e;
}
.s4cSection3 li.s4cTab3 {
  background: #224046;
}
.s4cSection4 li.s4cTab4 {
  background: #24383e;
}
.s4cSection5 li.s4cTab5 {
  background: #263136;
}
.s4cSection1 li.s4cTab1:after,
.s4cSection2 li.s4cTab2:after,
.s4cSection3 li.s4cTab3:after,
.s4cSection4 li.s4cTab4:after,
.s4cSection5 li.s4cTab5:after {
  content: '';
  position: absolute;
  top: 24px;
  right: 0;
  border-right: 6px solid #dce1df;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
}
form.s4cHeaderSearchForm {
  margin: 0;
  padding: 0;
  width: 172px;
}
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  display: none;
}
input.s4cHeaderSearchField {
  background: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  display: inline;
  color: #7dbeff;
  font-family: 'Gotham Narrow SSm 4r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
  line-height: 22px;
  margin: 0 0 7px -4px;
  padding: 0 4px;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
li.s4cTab6 div.s4cTabLink.hover input.s4cHeaderSearchField,
input.s4cHeaderSearchField:focus {
  border-bottom: 1px solid #4f585e;
}
input.s4cHeaderSearchField::-webkit-input-placeholder {
  color: #ebebeb;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
  line-height: 22px;
}
input.s4cHeaderSearchField:focus::-webkit-input-placeholder {
  color: #7dbeff;
}
input.s4cHeaderSearchField:-moz-placeholder {
  color: #ebebeb;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
  line-height: 22px;
}
input.s4cHeaderSearchField:focus:-moz-placeholder {
  color: #7dbeff;
}
input.s4cHeaderSearchField::-moz-placeholder {
  color: #ebebeb;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
  line-height: 22px;
}
input.s4cHeaderSearchField:focus::-moz-placeholder {
  color: #7dbeff;
}
input.s4cHeaderSearchField:-ms-input-placeholder {
  color: #ebebeb;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
  line-height: 22px;
}
input.s4cHeaderSearchField:focus:-ms-input-placeholder {
  color: #7dbeff;
}
input.s4cHeaderSearchField::-webkit-search-decoration,
input.s4cHeaderSearchField::-webkit-search-cancel-button,
input.s4cHeaderSearchField::-webkit-search-results-button,
input.s4cHeaderSearchField::-webkit-search-results-decoration {
  display: none;
}
@media only screen and (max-width: 1019px) {
  .no-js li.s4cTabToggle,
  .no-js div.s4cNavToggle,
  .no-js li.s4cTab .s4cTabInner {
    display: none;
  }
  .no-js li.s4cTabLogo {
    background: #c1c8c8;
    display: block;
    float: left;
    width: 100%;
  }
  .no-js li.s4cTabLogo img {
    width: 50px;
  }
  .no-js li.s4cTabLogo h1 {
    margin: 0;
  }
  .no-js div.s4cNav {
    background: #dce0e0;
    margin: 0;
    position: relative;
    width: 100%;
  }
  .no-js li.s4cTab {
    background: transparent;
    float: left;
    width: 200px;
  }
  .no-js .s4cTabLink {
    color: #36312d;
    font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
      'Gotham Narrow SSm B', verdana;
    font-weight: 700;
    font-style: normal;
  }
  .no-js a.s4cTabLink:hover {
    text-decoration: underline;
  }
  .no-js li.s4cTab6 div.s4cTabLink.hover input.s4cHeaderSearchField,
  input.s4cHeaderSearchField:focus {
    border-bottom: 1px solid #4f585e;
  }
  .no-js input.s4cHeaderSearchField {
    color: #36312d;
    font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
      'Gotham Narrow SSm B', verdana;
    font-weight: 700;
    font-style: normal;
  }
  .no-js input.s4cHeaderSearchField::-webkit-input-placeholder {
    color: #36312d;
    font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
      'Gotham Narrow SSm B', verdana;
    font-weight: 700;
    font-style: normal;
  }
  .no-js input.s4cHeaderSearchField:focus::-webkit-input-placeholder {
    color: #36312d;
  }
  .no-js input.s4cHeaderSearchField:-moz-placeholder {
    color: #36312d;
    font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
      'Gotham Narrow SSm B', verdana;
    font-weight: 700;
    font-style: normal;
  }
  .no-js input.s4cHeaderSearchField:focus:-moz-placeholder {
    color: #36312d;
  }
  .no-js input.s4cHeaderSearchField::-moz-placeholder {
    color: #36312d;
    font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
      'Gotham Narrow SSm B', verdana;
    font-weight: 700;
    font-style: normal;
  }
  .no-js input.s4cHeaderSearchField:focus::-moz-placeholder {
    color: #36312d;
  }
  .no-js input.s4cHeaderSearchField:-ms-input-placeholder {
    color: #36312d;
    font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
      'Gotham Narrow SSm B', verdana;
    font-weight: 700;
    font-style: normal;
  }
  .no-js input.s4cHeaderSearchField:focus:-ms-input-placeholder {
    color: #36312d;
  }
}
@media only screen and (min-width: 1020px) {
  div.s4cNav {
    border-bottom: 2px solid #dce1df;
  }
  li.s4cTabLogo,
  div.s4cNav {
    display: block;
  }
  li.s4cTabToggle,
  div.s4cNavToggle,
  div.s4cContent.show div.s4cContentNavOverlay {
    display: none;
  }
  div.s4cContent.show {
    height: auto;
    margin-left: 0;
    overflow: visible;
    position: relative;
  }
  html.csstransforms3d div.s4cNav,
  div.s4cNav.show,
  div.s4cNav {
    background: transparent;
    position: static;
    min-height: auto;
    margin-left: 0;
    width: 100%;
  }
  html.csstransforms3d div.s4cNav.show,
  html.csstransforms3d div.s4cNav,
  html.csstransforms3d div.s4cContent.show {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  div.s4cContent {
    padding-top: 0;
  }
  div.s4cContent.show {
    margin-right: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  ul.s4cTabs {
    background: #323b40;
    border-color: #dce1df;
    position: relative;
    z-index: 10000;
  }
  li.s4cTabLogo {
    float: left;
    width: 143px;
  }
  li.s4cTabLogo h1 {
    margin: 0;
    padding: 0;
  }
  li.s4cTab {
    background: transparent;
    float: left;
    height: 120px;
    margin: 0 0 0 -1px;
    overflow: visible;
    position: relative;
    width: 136px;
    z-index: 10500;
  }
  li.s4cTab .s4cTabLink {
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }
  .s4cTabLink,
  .s4cTabLink.hover {
    bottom: 14px;
    color: #ebebeb;
    line-height: 22px;
    position: absolute;
    z-index: 11000;
  }
  .s4cTabLink span.icon {
    float: none;
    margin-left: 0;
    top: 0;
  }
  .s4cTabInner {
    background: #ccc;
    border-left: 2px solid #dce1df;
    display: block;
    left: 0;
    height: 120px;
    position: absolute;
    top: 0;
    width: 136px;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0% right;
    -moz-transform-origin: 50% 0% right;
    -ms-transform-origin: 50% 0% right;
    -o-transform-origin: 50% 0% right;
    transform-origin: 50% 0% right;
  }
  a.s4cTabInner.hover {
    box-shadow: inset 138px 0 0 #283135;
  }
  li.s4cTab1 a.s4cTabInner.hover {
    box-shadow: inset 138px 0 0 #1d4f56;
  }
  li.s4cTab2 a.s4cTabInner.hover {
    box-shadow: inset 138px 0 0 #1f474e;
  }
  li.s4cTab3 a.s4cTabInner.hover {
    box-shadow: inset 138px 0 0 #224046;
  }
  li.s4cTab4 a.s4cTabInner.hover {
    box-shadow: inset 138px 0 0 #24383e;
  }
  li.s4cTab5 a.s4cTabInner.hover {
    box-shadow: inset 138px 0 0 #263136;
  }
  li.s4cTab1 a.s4cTabInner {
    background: #236069;
  }
  li.s4cTab1 a.s4cTabLink span.icon {
    color: rgba(255, 255, 255, 0.8);
  }
  li.s4cTab1 a.s4cTabLink.hover span.icon {
    color: #ffffff;
  }
  li.s4cTab2 a.s4cTabInner {
    background: #265860;
  }
  li.s4cTab2 a.s4cTabLink span.icon {
    color: rgba(255, 255, 255, 0.8);
  }
  li.s4cTab2 a.s4cTabLink.hover span.icon {
    color: #ffffff;
  }
  li.s4cTab3 a.s4cTabInner {
    background: #2a5057;
  }
  li.s4cTab3 a.s4cTabLink span.icon {
    color: rgba(255, 255, 255, 0.8);
  }
  li.s4cTab3 a.s4cTabLink.hover span.icon {
    color: #ffffff;
  }
  li.s4cTab4 a.s4cTabInner {
    background: #2d474e;
  }
  li.s4cTab4 a.s4cTabLink span.icon {
    color: rgba(255, 255, 255, 0.8);
  }
  li.s4cTab4 a.s4cTabLink.hover span.icon {
    color: #ffffff;
  }
  li.s4cTab5 a.s4cTabInner {
    background: #303f45;
  }
  li.s4cTab5 a.s4cTabLink span.icon {
    color: rgba(255, 255, 255, 0.8);
  }
  li.s4cTab5 a.s4cTabLink.hover span.icon {
    color: #ffffff;
  }
  li.s4cTab6 {
    width: 200px;
  }
  li.s4cTab6 div.s4cTabInner {
    background: #323b40;
    width: 200px;
  }
  li.s4cTab6 div.s4cTabLink {
    bottom: 7px;
    width: 200px;
  }
  li.s4cTab6 div.s4cTabLink span.icon {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.4em;
  }
  li.s4cTab6 div.s4cTabLink.hover span.icon {
    color: #ffffff;
  }
  .s4cSection1 li.s4cTab1 a.s4cTabInner {
    background: #1d4f56;
  }
  .s4cSection2 li.s4cTab2 a.s4cTabInner {
    background: #1f474e;
  }
  .s4cSection3 li.s4cTab3 a.s4cTabInner {
    background: #224046;
  }
  .s4cSection4 li.s4cTab4 a.s4cTabInner {
    background: #24383e;
  }
  .s4cSection5 li.s4cTab5 a.s4cTabInner {
    background: #263136;
  }
  .s4cSection1 li.s4cTab1 a.s4cTabLink span.icon {
    color: #ffffff;
  }
  .s4cSection2 li.s4cTab2 a.s4cTabLink span.icon {
    color: #ffffff;
  }
  .s4cSection3 li.s4cTab3 a.s4cTabLink span.icon {
    color: #ffffff;
  }
  .s4cSection4 li.s4cTab4 a.s4cTabLink span.icon {
    color: #ffffff;
  }
  .s4cSection5 li.s4cTab5 a.s4cTabLink span.icon {
    color: #ffffff;
  }
  .s4cSection1 li.s4cTab1:after,
  .s4cSection2 li.s4cTab2:after,
  .s4cSection3 li.s4cTab3:after,
  .s4cSection4 li.s4cTab4:after,
  .s4cSection5 li.s4cTab5:after {
    display: none;
  }
  .s4cSection1 li.s4cTab1:before,
  .s4cSection2 li.s4cTab2:before,
  .s4cSection3 li.s4cTab3:before,
  .s4cSection4 li.s4cTab4:before,
  .s4cSection5 li.s4cTab5:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 2px;
    border-bottom: 6px solid #dce1df;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    z-index: 1;
  }
}
/* 4. FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
div.s4cSiteFooter {
  background: #323b40;
  color: #ebebeb;
  font-size: 16px;
  font-size: 1.6rem;
}
div.s4cSiteFooter a {
  color: #7dbeff;
}
div.s4cSiteFooter a:hover,
div.s4cSiteFooter a:focus {
  color: #b0d7ff;
}
div.s4cSiteFooter h2 {
  border-bottom: 1px solid #4f585e;
  color: #ebebeb;
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
div.s4cSiteFooter h3 {
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  margin-bottom: 0.25em;
}
div.s4cSiteFooterInner {
  margin: auto;
  max-width: 940px;
  padding: 0 20px;
}
div.s4cSiteFooterContentBlock {
  padding-bottom: 4em;
}
.s4cSiteFooterBouncyLinks a {
  border-color: #3b3a39;
  display: block;
  padding: 0.5em 10px 0.5em 0;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
div.s4cSiteFooter .s4cSiteFooterBouncyLinks a:hover,
.s4cSiteFooterBouncyLinks a:hover,
div.s4cSiteFooter .s4cSiteFooterBouncyLinks a:focus,
.s4cSiteFooterBouncyLinks a:focus {
  background: #283135;
  border-left: 5px solid #4f585e;
  padding: 0.5em 0 0.5em 10px;
}
div.s4cSiteFooterSearch {
  padding: 4em 0;
  text-align: center;
}
div.s4cSiteFooterSearch form,
div.s4cSiteFooterSearch p {
  color: #ebebeb;
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6em;
  margin: 0;
}
input.s4cSiteFooterSearchField {
  background: transparent;
  border: 0;
  border-bottom: 2px solid #7dbeff;
  display: inline;
  color: #7dbeff;
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6em;
  padding: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  width: 8.8em;
}
input.s4cSiteFooterSearchField:hover,
input.s4cSiteFooterSearchField:focus {
  background: #283135;
}
input.s4cSiteFooterSearchField::-webkit-input-placeholder {
  color: #7dbeff;
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6em;
}
input.s4cSiteFooterSearchField:-moz-placeholder {
  color: #7dbeff;
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6em;
}
input.s4cSiteFooterSearchField::-moz-placeholder {
  color: #7dbeff;
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6em;
}
input.s4cSiteFooterSearchField:-ms-input-placeholder {
  color: #7dbeff;
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6em;
}
input.s4cSiteFooterSearchField::-webkit-search-decoration,
input.s4cSiteFooterSearchField::-webkit-search-cancel-button,
input.s4cSiteFooterSearchField::-webkit-search-results-button,
input.s4cSiteFooterSearchField::-webkit-search-results-decoration {
  display: none;
}
input.s4cSiteFooterSearchSubmit {
  background: transparent;
  border: 0;
  color: #7dbeff;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6em;
  padding: 0;
}
div.s4cSiteFooterNewsFollowUs h3 {
  margin-bottom: 1em;
}
div.s4cSiteFooterSocial {
  margin-bottom: 0.5em;
}
div.s4cSiteFooterOtherLinksCol {
  float: left;
  margin-bottom: 3em;
  width: 45%;
}
div.s4cSiteFooterOtherLinksCol1,
div.s4cSiteFooterOtherLinksCol3,
div.s4cSiteFooterOtherLinksCol5,
div.s4cSiteFooterOtherLinksCol7 {
  margin-right: 5%;
  clear: left;
}
div.s4cSiteFooterOtherLinksCol2,
div.s4cSiteFooterOtherLinksCol4,
div.s4cSiteFooterOtherLinksCol6,
div.s4cSiteFooterOtherLinksCol8 {
  margin-left: 5%;
}
@media only screen and (min-width: 760px) {
  div.s4cSiteFooterContentBlock {
    margin-right: 5%;
    float: left;
    width: 30%;
  }
  div.s4cSiteFooterNewsFollowUs {
    margin-right: 0;
  }
  div.s4cSiteFooterOtherLinksCol {
    margin-right: 2%;
    width: 23%;
  }
  div.s4cSiteFooterOtherLinksCol2,
  div.s4cSiteFooterOtherLinksCol4,
  div.s4cSiteFooterOtherLinksCol6,
  div.s4cSiteFooterOtherLinksCol8 {
    margin-left: 0;
  }
  div.s4cSiteFooterOtherLinksCol1,
  div.s4cSiteFooterOtherLinksCol3,
  div.s4cSiteFooterOtherLinksCol5,
  div.s4cSiteFooterOtherLinksCol7 {
    margin-right: 2%;
    clear: none;
  }
  div.s4cSiteFooterOtherLinksCol5 {
    clear: left;
  }
}
/* 5. PRINT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.masonryGrid {
  margin: 10px auto;
  padding-left: 10px;
  position: relative;
  z-index: 1;
}
.masonryGridItem {
  float: left;
  margin: 0 0 10px 0;
  width: 320px;
}
.masonryGridItemContent {
  background: #f3f4f4;
  margin: 0 15px 0 0;
  width: 300px;
}
.masonryGridItemContent.blockOut,
.masonryGridItemContent.blockOut h2,
.masonryGridItemContent.blockOut p {
  color: #ebebeb;
}
.heroText {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: -0.05em;
  line-height: 1.4em;
  font-family: 'Gotham Narrow SSm 3r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 300;
  font-style: normal;
  padding: 20px;
}
.masonryItemInfo {
  padding: 10px 10px 0;
}
.actions {
  padding: 0 10px 10px;
}
.masonryItemInfo,
.masonryItemInfo p {
  color: #36312d;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
.masonryGridItemContent > h2,
.masonryItemInfo h2 {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: -0.05em;
  line-height: 1.4em;
  font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1em;
  margin-bottom: 0.25em;
}
.masonryGridItemContent > h2 {
  background: #fff;
  border-bottom: 1px solid #e5e6e6;
  color: #323b40;
  margin: 0;
  padding: 10px 10px 10px 10px;
}
.masonryGridItemContent a.play {
  position: relative;
}
.masonryGridItemContent a.play span.icon {
  color: rgba(255, 255, 255, 0.4);
  font-size: 72px;
  font-size: 7.2rem;
  letter-spacing: -0.05em;
  line-height: 1.2em;
  left: 50%;
  margin: -0.5em 0 0 -0.5em;
  position: absolute;
  top: 50%;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  z-index: 10;
}
.masonryGridItemContent a.play:hover span.icon {
  color: #ffffff;
}
.blockOut .masonryItemInfo h2 {
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal;
}
.lt-ie9 .masonryItemInfo h2,
.lt-ie9 .blockOut .masonryItemInfo h2 {
  font-weight: normal !important;
  font-style: normal !important;
}
.masonryItemInfo .tx {
  font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0.75em;
}
.lt-ie9 .masonryItemInfo .tx {
  font-weight: normal !important;
  font-style: normal !important;
}
.masonryItemInfo .tx span.icon {
  padding: 0 4px 0 0;
  position: relative;
}
.masonryItemInfo .tx a {
  color: #323b40;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.masonryItemInfo .tx a:hover {
  color: #4f585e;
}
.tx span.icon {
  color: #323b40;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.tx a:hover span.icon {
  color: #7dbeff;
}
.masonryGridItem img.postImg {
  margin: 0;
  width: 300px;
}
a.circleIcon {
  background: #c97c2f;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  height: 2em;
  display: inline-block;
  padding: 1em;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  width: 2em;
}
a.circleIcon span.icon {
  color: #ebebeb;
  line-height: 2em;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
a.circleIcon:hover {
  background: #8e5217;
}
a.circleIcon:hover span.icon {
  line-height: 2.4em;
}
span.icon {
  position: relative;
}
a.button span.icon {
  padding-right: 10px;
}
a.buttonIcon,
a.button {
  background: #95a5a6;
  color: #ebebeb;
  float: left;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
  line-height: 1.1em;
  margin: 0 4px 4px 0;
  max-width: 280px;
}
a.buttonIcon:hover,
a.button:hover {
  background: #36312d;
}
.buttonIconInner,
.buttonInner {
  font-size: 14px;
  font-size: 1.4rem;
  overflow: hidden;
  padding: 8px 24px 8px 40px;
  position: relative;
}
.buttonInner {
  padding: 8px 24px 8px 24px;
}
a.buttonIcon span.icon {
  float: left;
  line-height: 1.2em;
  margin-left: -28px;
  padding: 0;
  position: relative;
  width: 26px;
}
a.buttonIcon span.label,
a.button span.label {
  position: relative;
}
a.buttonIcon span.skew,
a.button span.skew {
  background: #36312d;
  height: 100%;
  left: 0;
  margin-left: -330px;
  position: absolute;
  top: 0;
  width: 320px;
  -webkit-transform: skew(-12deg, 0deg);
  -moz-transform: skew(-12deg, 0deg);
  -ms-transform: skew(-12deg, 0deg);
  -o-transform: skew(-12deg, 0deg);
  transform: skew(-12deg, 0deg);
}
a.buttonIcon span,
a.buttonIcon,
a.button span,
a.button {
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
a.button:hover span.skew,
a.buttonIcon:hover span.skew {
  margin-left: -30px;
}
.masonryGridItem a {
  color: #27586e;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.masonryGridItem a:hover {
  color: #283135;
}
a.button,
a.buttonIcon {
  color: #fff;
}
a.button,
a.buttonIcon {
  background: #4f585e;
  color: #fff;
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal;
}
a.button span.icon,
a.buttonIcon span.icon {
  color: #fff;
}
a.button span.skew,
a.buttonIcon span.skew {
  background: #283135;
}
a.button:hover,
a.buttonIcon:hover {
  color: #fff;
}
a.button:hover span.icon,
a.buttonIcon:hover span.icon {
  color: #7dbeff;
}
.blockOut a.button,
.blockOut a.buttonIcon {
  background: #323b40;
  color: #fff;
}
.blockOut a.buttonIcon span.icon {
  color: #4f585e;
}
.blockOut a.button span.skew,
.blockOut a.buttonIcon span.skew {
  background: #283135;
}
.blockOut a.button:hover span.icon,
.blockOut a.buttonIcon:hover span.icon {
  color: #7dbeff;
}
.masonryGridItemContent.blockOut {
  background: #323b40;
}
.s4cSection2 .masonryGridItem a {
  color: #a86522;
}
.s4cSection2 .masonryGridItem a:hover {
  color: #8e5217;
}
.s4cSection2 a.button,
.s4cSection2 a.buttonIcon {
  background: #c97c2f;
  color: #fff;
}
.s4cSection2 a.button:hover,
.s4cSection2 a.buttonIcon:hover {
  color: #fff;
}
.s4cSection2 a.button span.skew,
.s4cSection2 a.buttonIcon span.skew {
  background: #8e5217;
}
.s4cSection2 a.buttonIcon:hover span.icon {
  color: #ffad58;
}
.s4cSection2 .blockOut a.button,
.s4cSection2 .blockOut a.buttonIcon {
  background: #a86522;
  color: #ebebeb;
}
.s4cSection2 .blockOut a.buttonIcon span.icon {
  color: #c97c2f;
}
.s4cSection2 .blockOut a.button span.skew,
.s4cSection2 .blockOut a.buttonIcon span.skew {
  background: #8e5217;
}
.s4cSection2 .blockOut a.buttonIcon:hover span.icon {
  color: #ffad58;
}
.s4cSection2 .masonryGridItemContent.blockOut {
  background: #a86522;
}
.masonryGridItem.cymruFyw .masonryGridItemContent {
  -webkit-box-shadow: 0px 0px 0px 5px #d6cbd3;
  -moz-box-shadow: 0px 0px 0px 5px #d6cbd3;
  box-shadow: 0px 0px 0px 5px #d6cbd3;
}
.masonryGridItem.cymruFyw .masonryGridItemContent > h2 {
  padding: 0;
}
.masonryGridItem.cymruFyw ul.feedLinks {
  margin: 0;
}
.masonryGridItem.cymruFyw ul.feedLinks span.icon {
  color: #c02e75;
}
.masonryGridItem.cymruFyw ul.feedLinks a:hover {
  color: #9a2157;
  -webkit-box-shadow: inset -30px 0 0 0 #c02e75;
  -moz-box-shadow: inset -30px 0 0 0 #c02e75;
  box-shadow: inset -30px 0 0 0 #c02e75;
}
.masonryGridItem.cymruFyw ul.feedLinks a:hover span.icon {
  color: #fff;
}
.carouselControls {
  position: absolute;
  top: 1px;
  width: 100%;
  z-index: 150;
}
a.previous {
  left: 1px;
}
a.next {
  right: 19px;
}
a.carouselControl {
  background: #4f585e;
  color: #ebebeb;
  cursor: pointer;
  display: block;
  float: left;
  height: 30px;
  margin-right: 2px;
  padding-top: 10px;
  position: absolute;
  text-align: center;
  width: 40px;
}
a.carouselControl:hover,
a.carouselControl:focus {
  background: #7dbeff;
  color: #ebebeb;
}
a.carouselControl.disable,
a.carouselControl.disable:hover,
a.carouselControl.disable:focus {
  background: #4f585e;
  cursor: default;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
ul.feedLinks {
  font-size: 14px;
  /*font-size: 1.4rem;*/
  line-height: 1.4em;
  font-family: 'Gotham Narrow SSm 4r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 10px;
}
ul.feedLinks h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
  font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.05em;
  margin: 0;
}
ul.feedLinks p {
  margin: 0;
}
ul.feedLinks a {
  border-bottom: 1px solid #e5e6e6;
  color: #323b40;
  display: block;
  padding: 12px 40px 12px 10px;
  position: relative;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
ul.feedLinks a:hover,
ul.feedLinks a:focus {
  -webkit-box-shadow: inset -30px 0 0 0 #4f585e;
  -moz-box-shadow: inset -30px 0 0 0 #4f585e;
  box-shadow: inset -30px 0 0 0 #4f585e;
  color: #4f585e;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
ul.feedLinks span.icon {
  color: #323b40;
  font-size: 14px;
  margin-top: -7px;
  position: absolute;
  right: 10px;
  top: 50%;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
ul.feedLinks a:hover span.icon,
ul.feedLinks a:focus span.icon {
  color: #7dbeff;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.s4cSection2 ul.feedLinks a {
  color: #323b40;
}
.s4cSection2 ul.feedLinks span.icon {
  color: #a86522;
}
.s4cSection2 ul.feedLinks a:hover span.icon,
.s4cSection2 ul.feedLinks a:focus span.icon {
  color: #ffad58;
}
@media only screen and (min-width: 640px) {
  .masonryGrid {
    margin: 20px auto;
  }
  .masonryGridItem {
    margin-bottom: 20px;
  }
  .masonryGridItemContent {
    margin: 0 20px 0 0;
  }
  .masonryGridItem.w2,
  .masonryGridItem.w3 {
    width: 640px;
  }
  .masonryGridItem.w2 .masonryGridItemContent,
  .masonryGridItem.w3 .masonryGridItemContent {
    width: 620px;
  }
  .masonryGridItem.w2 img.postImg,
  .masonryGridItem.w3 img.postImg {
    width: 620px;
  }
  .w2 .heroText,
  .w3 .heroText {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: -0.05em;
    line-height: 1.4em;
  }
}
@media only screen and (min-width: 960px) {
  .masonryGridItem.w3 {
    width: 960px;
  }
  .masonryGridItem.w3 .masonryGridItemContent {
    width: 940px;
  }
  .masonryGridItem.w3 img.postImg {
    float: left;
    margin-right: 20px;
    width: 620px;
  }
  .masonryGridItem.w3 .masonryItemInfo {
    float: left;
    width: 260px;
  }
  .masonryGridItem.w3 .actions {
    float: left;
    width: 260px;
  }
  .w3 .heroText {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: -0.05em;
    line-height: 1.3em;
  }
  .cardSetCarousel .masonryItemInfo h2 {
    padding-right: 14px;
  }
}
body.subSection div.sectionHeading {
  border: 0;
  padding: 2% 20px 1%;
}
body.subSection div.sectionHeading.smaller {
  margin: auto;
  max-width: 700px;
}
div.subSectionMenu {
  text-align: center;
}
div.subSectionMenu a.button,
div.subSectionMenu a.buttonIcon {
  display: inline-block;
  float: none;
}
div.subSectionMenu a.buttonInner,
div.subSectionMenu a.buttonIconInner {
  display: inline-block;
}
ul.subSectionNavList {
  margin: 0;
  padding: 1em 0;
}
ul.subSectionNavList > li {
  display: inline-block;
}
body.subSection1 li.subSectionLink1 a.button,
body.subSection1 li.subSectionLink1 a.buttonIcon,
body.subSection1 li.subSectionLink1 a.buttonIcon span.icon,
body.subSection1 li.subSectionLink1 a.button span.icon,
body.subSection2 li.subSectionLink2 a.button,
body.subSection2 li.subSectionLink2 a.buttonIcon,
body.subSection2 li.subSectionLink2 a.buttonIcon span.icon,
body.subSection2 li.subSectionLink2 a.button span.icon,
body.subSection3 li.subSectionLink3 a.button,
body.subSection3 li.subSectionLink3 a.buttonIcon,
body.subSection3 li.subSectionLink3 a.buttonIcon span.icon,
body.subSection3 li.subSectionLink3 a.button span.icon,
body.subSection4 li.subSectionLink4 a.button,
body.subSection4 li.subSectionLink4 a.buttonIcon,
body.subSection4 li.subSectionLink4 a.buttonIcon span.icon,
body.subSection4 li.subSectionLink4 a.button span.icon,
body.subSection5 li.subSectionLink5 a.button,
body.subSection5 li.subSectionLink5 a.buttonIcon,
body.subSection5 li.subSectionLink5 a.buttonIcon span.icon,
body.subSection5 li.subSectionLink5 a.button span.icon,
body.subSection6 li.subSectionLink6 a.button,
body.subSection6 li.subSectionLink6 a.buttonIcon,
body.subSection6 li.subSectionLink6 a.buttonIcon span.icon,
body.subSection6 li.subSectionLink6 a.button span.icon,
body.subSection7 li.subSectionLink7 a.button,
body.subSection7 li.subSectionLink7 a.buttonIcon,
body.subSection7 li.subSectionLink7 a.buttonIcon span.icon,
body.subSection7 li.subSectionLink7 a.button span.icon,
body.subSection8 li.subSectionLink8 a.button,
body.subSection8 li.subSectionLink8 a.buttonIcon,
body.subSection8 li.subSectionLink8 a.buttonIcon span.icon,
body.subSection8 li.subSectionLink8 a.button span.icon,
body.subSection9 li.subSectionLink9 a.button,
body.subSection9 li.subSectionLink9 a.buttonIcon,
body.subSection9 li.subSectionLink9 a.buttonIcon span.icon,
body.subSection9 li.subSectionLink9 a.button span.icon,
body.subSection10 li.subSectionLink10 a.button,
body.subSection10 li.subSectionLink10 a.buttonIcon,
body.subSection10 li.subSectionLink10 a.buttonIcon span.icon,
body.subSection10 li.subSectionLink10 a.button span.icon {
  background: #fff;
  color: #1e1e1e;
}
body.subSection1 li.subSectionLink1 a.button span.skew,
body.subSection1 li.subSectionLink1 a.buttonIcon span.skew,
body.subSection2 li.subSectionLink2 a.button span.skew,
body.subSection2 li.subSectionLink2 a.buttonIcon span.skew,
body.subSection3 li.subSectionLink3 a.button span.skew,
body.subSection3 li.subSectionLink3 a.buttonIcon span.skew,
body.subSection4 li.subSectionLink4 a.button span.skew,
body.subSection4 li.subSectionLink4 a.buttonIcon span.skew,
body.subSection5 li.subSectionLink5 a.button span.skew,
body.subSection5 li.subSectionLink5 a.buttonIcon span.skew,
body.subSection6 li.subSectionLink6 a.button span.skew,
body.subSection6 li.subSectionLink6 a.buttonIcon span.skew,
body.subSection7 li.subSectionLink7 a.button span.skew,
body.subSection7 li.subSectionLink7 a.buttonIcon span.skew,
body.subSection8 li.subSectionLink8 a.button span.skew,
body.subSection8 li.subSectionLink8 a.buttonIcon span.skew,
body.subSection9 li.subSectionLink9 a.button span.skew,
body.subSection9 li.subSectionLink9 a.buttonIcon span.skew,
body.subSection10 li.subSectionLink10 a.button span.skew,
body.subSection10 li.subSectionLink10 a.buttonIcon span.skew {
  background: #fff;
}
body.subSection1 li.subSectionLink1 a.buttonIcon:hover span.icon,
body.subSection1 li.subSectionLink1 a.button:hover span.icon,
body.subSection2 li.subSectionLink2 a.buttonIcon:hover span.icon,
body.subSection2 li.subSectionLink2 a.button:hover span.icon,
body.subSection3 li.subSectionLink3 a.buttonIcon:hover span.icon,
body.subSection3 li.subSectionLink3 a.button:hover span.icon,
body.subSection4 li.subSectionLink4 a.buttonIcon:hover span.icon,
body.subSection4 li.subSectionLink4 a.button:hover span.icon,
body.subSection5 li.subSectionLink5 a.buttonIcon:hover span.icon,
body.subSection5 li.subSectionLink5 a.button:hover span.icon,
body.subSection6 li.subSectionLink6 a.buttonIcon:hover span.icon,
body.subSection6 li.subSectionLink6 a.button:hover span.icon,
body.subSection7 li.subSectionLink7 a.buttonIcon:hover span.icon,
body.subSection7 li.subSectionLink7 a.button:hover span.icon,
body.subSection8 li.subSectionLink8 a.buttonIcon:hover span.icon,
body.subSection8 li.subSectionLink8 a.button:hover span.icon,
body.subSection9 li.subSectionLink9 a.buttonIcon:hover span.icon,
body.subSection9 li.subSectionLink9 a.button:hover span.icon,
body.subSection10 li.subSectionLink10 a.buttonIcon:hover span.icon,
body.subSection10 li.subSectionLink10 a.button:hover span.icon {
  color: #1e1e1e;
}
div.subSubSection div.sectionHeading {
  padding: 0 20px;
}
div.subSubSection div.sectionHeading h1.largeHeading {
  padding: 0 20px;
}
div.subSubSectionMenu {
  text-align: center;
}
ul.subSubSectionNavList > li {
  display: inline-block;
}
body.subSubSection1 li.subSubSectionLink1 a.button,
body.subSubSection1 li.subSubSectionLink1 a.buttonIcon,
body.subSubSection1 li.subSubSectionLink1 a.buttonIcon span.icon,
body.subSubSection1 li.subSubSectionLink1 a.button span.icon,
body.subSubSection2 li.subSubSectionLink2 a.button,
body.subSubSection2 li.subSubSectionLink2 a.buttonIcon,
body.subSubSection2 li.subSubSectionLink2 a.buttonIcon span.icon,
body.subSubSection2 li.subSubSectionLink2 a.button span.icon,
body.subSubSection3 li.subSubSectionLink3 a.button,
body.subSubSection3 li.subSubSectionLink3 a.buttonIcon,
body.subSubSection3 li.subSubSectionLink3 a.buttonIcon span.icon,
body.subSubSection3 li.subSubSectionLink3 a.button span.icon,
body.subSubSection4 li.subSubSectionLink4 a.button,
body.subSubSection4 li.subSubSectionLink4 a.buttonIcon,
body.subSubSection4 li.subSubSectionLink4 a.buttonIcon span.icon,
body.subSubSection4 li.subSubSectionLink4 a.button span.icon,
body.subSubSection5 li.subSubSectionLink5 a.button,
body.subSubSection5 li.subSubSectionLink5 a.buttonIcon,
body.subSubSection5 li.subSubSectionLink5 a.buttonIcon span.icon,
body.subSubSection5 li.subSubSectionLink5 a.button span.icon,
body.subSubSection6 li.subSubSectionLink6 a.button,
body.subSubSection6 li.subSubSectionLink6 a.buttonIcon,
body.subSubSection6 li.subSubSectionLink6 a.buttonIcon span.icon,
body.subSubSection6 li.subSubSectionLink6 a.button span.icon,
body.subSubSection7 li.subSubSectionLink7 a.button,
body.subSubSection7 li.subSubSectionLink7 a.buttonIcon,
body.subSubSection7 li.subSubSectionLink7 a.buttonIcon span.icon,
body.subSubSection7 li.subSubSectionLink7 a.button span.icon,
body.subSubSection8 li.subSubSectionLink8 a.button,
body.subSubSection8 li.subSubSectionLink8 a.buttonIcon,
body.subSubSection8 li.subSubSectionLink8 a.buttonIcon span.icon,
body.subSubSection8 li.subSubSectionLink8 a.button span.icon,
body.subSubSection9 li.subSubSectionLink9 a.button,
body.subSubSection9 li.subSubSectionLink9 a.buttonIcon,
body.subSubSection9 li.subSubSectionLink9 a.buttonIcon span.icon,
body.subSubSection9 li.subSubSectionLink9 a.button span.icon,
body.subSSubection10 li.subSubSectionLink10 a.button,
body.subSubSection10
  li.subSubSectionLink10
  a.buttonIcon
  body.subSubSection10
  li.subSubSectionLink10
  a.buttonIcon
  span.icon,
body.subSubSection10 li.subSubSectionLink10 a.button span.icon {
  background: #fff;
  color: #1e1e1e;
}
body.subSubSection1 li.subSubSectionLink1 a.button span.skew,
body.subSubSection1 li.subSubSectionLink1 a.buttonIcon span.skew,
body.subSubSection2 li.subSubSectionLink2 a.button span.skew,
body.subSubSection2 li.subSubSectionLink2 a.buttonIcon span.skew,
body.subSubSection3 li.subSubSectionLink3 a.button span.skew,
body.subSubSection3 li.subSubSectionLink3 a.buttonIcon span.skew,
body.subSubSection4 li.subSubSectionLink4 a.button span.skew,
body.subSubSection4 li.subSubSectionLink4 a.buttonIcon span.skew,
body.subSubSection5 li.subSubSectionLink5 a.button span.skew,
body.subSubSection5 li.subSubSectionLink5 a.buttonIcon span.skew,
body.subSubSection6 li.subSubSectionLink6 a.button span.skew,
body.subSubSection6 li.subSubSectionLink6 a.buttonIcon span.skew,
body.subSubSection7 li.subSubSectionLink7 a.button span.skew,
body.subSubSection7 li.subSubSectionLink7 a.buttonIcon span.skew,
body.subSubSection8 li.subSubSectionLink8 a.button span.skew,
body.subSubSection8 li.subSubSectionLink8 a.buttonIcon span.skew,
body.subSubSection9 li.subSubSectionLink9 a.button span.skew,
body.subSubSection9 li.subSubSectionLink9 a.buttonIcon span.skew,
body.subSubSection10 li.subSubSectionLink10 a.button span.skew,
body.subSubSection10 li.subSubSectionLink10 a.buttonIcon span.skew {
  background: #fff;
}
body.subSubSection1 li.subSubSectionLink1 a.buttonIcon:hover span.icon,
body.subSubSection1 li.subSubSectionLink1 a.button:hover span.icon,
body.subSubSection2 li.subSubSectionLink2 a.buttonIcon:hover span.icon,
body.subSubSection2 li.subSubSectionLink2 a.button:hover span.icon,
body.subSubSection3 li.subSubSectionLink3 a.buttonIcon:hover span.icon,
body.subSubSection3 li.subSubSectionLink3 a.button:hover span.icon,
body.subSubSection4 li.subSubSectionLink4 a.buttonIcon:hover span.icon,
body.subSubSection4 li.subSubSectionLink4 a.button:hover span.icon,
body.subSubSection5 li.subSubSectionLink5 a.buttonIcon:hover span.icon,
body.subSubSection5 li.subSubSectionLink5 a.button:hover span.icon,
body.subSubSection6 li.subSubSectionLink6 a.buttonIcon:hover span.icon,
body.subSubSection6 li.subSubSectionLink6 a.button:hover span.icon,
body.subSubSection7 li.subSubSectionLink7 a.buttonIcon:hover span.icon,
body.subSubSection7 li.subSubSectionLink7 a.button:hover span.icon,
body.subSubSection8 li.subSubSectionLink8 a.buttonIcon:hover span.icon,
body.subSubSection8 li.subSubSectionLink8 a.button:hover span.icon,
body.subSubSection9 li.subSubSectionLink9 a.buttonIcon:hover span.icon,
body.subSubSection9 li.subSubSectionLink9 a.button:hover span.icon,
body.subSubSection10 li.subSubSectionLink10 a.buttonIcon:hover span.icon,
body.subSubSection10 li.subSubSectionLink10 a.button:hover span.icon {
  color: #1e1e1e;
}
div.subSubSubSectionMenu {
  background: rgba(63, 63, 63, 0.8);
  margin: 20px;
  padding: 20px;
}
div.subSubSubSectionMenu h2 {
  color: #fff;
  margin: 6px 0 10px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal;
  text-align: center;
}
ul.subSubSubSectionNavList {
  margin: 0;
}
div.subSubSubSectionMenu a.button,
div.subSubSubSectionMenu a.buttonIcon {
  background: #525353;
  color: #9bbc27;
}
div.subSubSubSectionMenu a.button span.skew,
div.subSubSubSectionMenu a.buttonIcon span.skew {
  background: #4d4e4e;
}
div.subSubSubSectionMenu a.buttonIcon:hover span.icon {
  color: #9bbc27;
}
@media only screen and (min-width: 640px) {
  div.subSubSubSectionMenu {
    padding: 20px 20px 20px 140px;
  }
  div.subSubSubSectionMenu h2 {
    display: inline-block;
    float: left;
    margin: 4px 0 0 -120px;
    text-align: left;
  }
}
.greenUI div.masonryItemInfo a {
  color: #697d1d;
}
.greenUI div.masonryItemInfo a:hover {
  color: #576a15;
}
.greenUI a.button,
.greenUI a.buttonIcon {
  background: #697d1d;
  color: #fff;
}
.greenUI a.button span.skew,
.greenUI a.buttonIcon span.skew {
  background: #576a15;
}
.greenUI a.button:hover span.icon,
.greenUI a.buttonIcon:hover span.icon {
  color: #e3ff87;
}
.greenUI div.masonryItemInfo h2 > a {
  color: #1e1e1e;
}
.greenUI div.masonryItemInfo h2 > a:hover {
  color: #697d1d;
}
.greenUI a.carouselControl {
  background: #697d1d;
  color: #fff;
}
.greenUI a.carouselControl:hover {
  background: #576a15;
  color: #fff;
}
li.sideCard {
  background: rgba(63, 63, 63, 0.8);
  color: #fff;
  margin: 20px 10px 20px;
  padding: 10px 20px 20px;
}
li.sideCard h2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
}
.sportSection.sportHome div.sectionHeading {
  background: #9bbc27;
}
.sportSection .subSectionMenu {
  background: #9bbc27;
}
.dalati div.masonryItemInfo a {
  color: #275a6e;
}
.dalati div.masonryItemInfo a:hover {
  color: #0c1c23;
}
.dalati a.button,
.dalati a.buttonIcon {
  background: #275a6e;
  color: #fff;
}
.dalati a.button span.skew,
.dalati a.buttonIcon span.skew {
  background: #0c1c23;
}
.dalati a.button:hover span.icon,
.dalati a.buttonIcon:hover span.icon {
  color: #4298b9;
}
.dalati div.masonryItemInfo h2 > a {
  color: #1e1e1e;
}
.dalati div.masonryItemInfo h2 > a:hover {
  color: #275a6e;
}
.dalati a.carouselControl {
  background: #275a6e;
  color: #fff;
}
.dalati a.carouselControl:hover {
  background: #0c1c23;
  color: #fff;
}
.hacio div.masonryItemInfo a {
  color: #d12d2c;
}
.hacio div.masonryItemInfo a:hover {
  color: #7d1b1a;
}
.hacio a.button,
.hacio a.buttonIcon {
  background: #d12d2c;
  color: #fff;
}
.hacio a.button span.skew,
.hacio a.buttonIcon span.skew {
  background: #7d1b1a;
}
.hacio a.button:hover span.icon,
.hacio a.buttonIcon:hover span.icon {
  color: #e4807f;
}
.hacio div.masonryItemInfo h2 > a {
  color: #1e1e1e;
}
.hacio div.masonryItemInfo h2 > a:hover {
  color: #d12d2c;
}
.hacio a.carouselControl {
  background: #d12d2c;
  color: #fff;
}
.hacio a.carouselControl:hover {
  background: #7d1b1a;
  color: #fff;
}
.carafi div.masonryItemInfo a {
  color: #be1518;
}
.carafi div.masonryItemInfo a:hover {
  color: #620b0c;
}
.carafi a.button,
.carafi a.buttonIcon {
  background: #be1518;
  color: #fff;
}
.carafi a.button span.skew,
.carafi a.buttonIcon span.skew {
  background: #620b0c;
}
.carafi a.button:hover span.icon,
.carafi a.buttonIcon:hover span.icon {
  color: #eb4e50;
}
.carafi div.masonryItemInfo h2 > a {
  color: #1e1e1e;
}
.carafi div.masonryItemInfo h2 > a:hover {
  color: #be1518;
}
.carafi a.carouselControl {
  background: #be1518;
  color: #fff;
}
.carafi a.carouselControl:hover {
  background: #620b0c;
  color: #fff;
}
.production .s4cContent div.masonryItemInfo a {
  color: #3c748e;
}
.production .s4cContent div.masonryItemInfo a:hover {
  color: #27586e;
}
.production .s4cContent a.button,
.production .s4cContent a.buttonIcon {
  background: #27586e;
  color: #fff;
}
.production .s4cContent a.button span.skew,
.production .s4cContent a.buttonIcon span.skew {
  background: #1d485d;
}
.production .s4cContent a.button:hover span.icon,
.production .s4cContent a.buttonIcon:hover span.icon {
  color: #3c748e;
}
.production .s4cContent div.masonryItemInfo h2 > a {
  color: #1e1e1e;
}
.production .s4cContent div.masonryItemInfo h2 > a:hover {
  color: #27586e;
}
.production .s4cContent a.carouselControl {
  background: #27586e;
  color: #fff;
}
.production .s4cContent a.carouselControl:hover {
  background: #1d485d;
  color: #fff;
}
.production .s4cContent a {
  color: #27586e;
}
.production .s4cContent a:hover,
.production .s4cContent a:focus {
  color: #1d485d;
}
.textCentered {
  text-align: center;
}
.centeredImg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
hr {
  background: rgba(0, 0, 0, 0.1);
  border: 0;
  height: 4px;
  margin: 2em 0;
  width: 100%;
}
div.pageTitle {
  margin: auto;
  max-width: 1000px;
}
div.pageTitle > h1 {
  font-family: 'Gotham Narrow SSm 2r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 200;
  font-style: normal;
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: -0.05em;
  line-height: 1.3em;
  padding: 4% 20px;
  text-align: center;
}
div.pageSubTitle,
div.pageSubSubTitle,
.heroText {
  margin: auto;
  max-width: 1000px;
  padding: 4% 20px;
}
div.pageSubTitle > h2 {
  font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: -0.05em;
  line-height: 1.3em;
  padding: 0;
}
div.pageSubSubTitle > h3 {
  font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: -0.05em;
  line-height: 1.3em;
  margin-bottom: 0.5em;
  padding: 0;
}
ul.simpleList {
  margin: 2em;
}
ul.simpleList > li {
  background: rgba(0, 0, 0, 0.05);
  padding: 20px;
  margin: 0px auto 10px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
}
ul.simpleList > li a {
  font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: -0.05em;
  line-height: 1.4em;
}
div.fullWidthImg {
  padding: 0;
}
div.fullWidthImg img {
  width: 100%;
}
.largeReading {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: -0.05em;
  line-height: 1.4em;
}
div.layoutBlockInfiniteFluid {
  overflow: hidden;
  width: 100%;
}
div.layoutBlockFluidMax1280 {
  overflow: hidden;
  width: 100%;
}
div.layoutBlockFluidMax1280Inner {
  margin: auto;
  max-width: 1280px;
}
div.layoutBlock2Sidebars,
div.layoutBlockSidebarRight,
div.layoutBlockSidebarLeft {
  margin: auto;
  padding: 0;
  width: 320px;
}
div.sidebar {
  margin: 0;
  width: 320px;
}
.textBlock {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
  margin: auto;
  max-width: 1000px;
  padding: 20px;
}
.textBlock ul li {
  list-style: disc;
  margin: 0 0 0.5em 2em;
}
.textBlock ol li {
  list-style: decimal;
  margin: 0 0 0.5em 2em;
}
.layoutBlock2SidebarsContent > div.textBlock p:first-child {
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: -0.05em;
  line-height: 1.3em;
  font-weight: 300;
}
.layoutBlock2SidebarsContent > div.textBlock ~ div.textBlock p:first-child {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4em;
  font-weight: 400;
}
div.post div.layoutBlock2SidebarsContent {
  margin-top: 20px;
}
@media only screen and (min-width: 640px) {
  div.layoutBlock2Sidebars,
  div.layoutBlockSidebarRight,
  div.layoutBlockSidebarLeft {
    width: 640px;
  }
  div.layoutBlock2SidebarsContent,
  div.layoutBlockSidebarRightContent,
  div.layoutBlockSidebarLeftContent {
    float: left;
    width: 320px;
  }
  div.sidebar {
    float: left;
  }
  div.layoutBlock2SidebarsContent .masonryGridItem.w2,
  div.layoutBlock2SidebarsContent .masonryGridItem.w3,
  div.layoutBlockSidebarRight .masonryGridItem.w2,
  div.layoutBlockSidebarRight .masonryGridItem.w3,
  div.layoutBlockSidebarLeft .masonryGridItem.w2,
  div.layoutBlockSidebarLeft .masonryGridItem.w3 {
    width: 320px;
  }
  div.layoutBlock2SidebarsContent .masonryGridItem.w2 .masonryGridItemContent,
  div.layoutBlock2SidebarsContent .masonryGridItem.w3 .masonryGridItemContent,
  div.layoutBlockSidebarRight .masonryGridItem.w2 .masonryGridItemContent,
  div.layoutBlockSidebarRight .masonryGridItem.w3 .masonryGridItemContent,
  div.layoutBlockSidebarLeft .masonryGridItem.w2 .masonryGridItemContent,
  div.layoutBlockSidebarLeft .masonryGridItem.w3 .masonryGridItemContent {
    width: 300px;
  }
  div.layoutBlock2SidebarsContent .masonryGridItem.w2 img.postImg,
  div.layoutBlock2SidebarsContent .masonryGridItem.w3 img.postImg,
  div.layoutBlockSidebarRight .masonryGridItem.w2 img.postImg,
  div.layoutBlockSidebarRight .masonryGridItem.w3 img.postImg,
  div.layoutBlockSidebarLeft .masonryGridItem.w2 img.postImg,
  div.layoutBlockSidebarLeft .masonryGridItem.w3 img.postImg {
    width: 300px;
  }
  div.pageTitle > h1 {
    font-size: 72px;
    font-size: 7.2rem;
    letter-spacing: -0.05em;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 960px) {
  div.layoutBlock2Sidebars,
  div.layoutBlockSidebarRight,
  div.layoutBlockSidebarLeft {
    width: 960px;
  }
  div.layoutBlockSidebarLeftContent,
  div.layoutBlockSidebarRightContent {
    width: 640px;
  }
  div.layoutBlockSidebarRight .masonryGridItem.w2,
  div.layoutBlockSidebarRight .masonryGridItem.w3,
  div.layoutBlockSidebarLeft .masonryGridItem.w2,
  div.layoutBlockSidebarLeft .masonryGridItem.w3 {
    width: 640px;
  }
  div.layoutBlockSidebarRight .masonryGridItem.w2 .masonryGridItemContent,
  div.layoutBlockSidebarRight .masonryGridItem.w3 .masonryGridItemContent,
  div.layoutBlockSidebarLeft .masonryGridItem.w2 .masonryGridItemContent,
  div.layoutBlockSidebarLeft .masonryGridItem.w3 .masonryGridItemContent {
    width: 620px;
  }
  div.layoutBlockSidebarRight .masonryGridItem.w2 img.postImg,
  div.layoutBlockSidebarRight .masonryGridItem.w3 img.postImg,
  div.layoutBlockSidebarLeft .masonryGridItem.w2 img.postImg,
  div.layoutBlockSidebarLeft .masonryGridItem.w3 img.postImg {
    float: none;
    margin: 0;
    width: 620px;
  }
  div.layoutBlockSidebarRight .masonryGridItem.w3 .masonryItemInfo,
  div.layoutBlockSidebarLeft .masonryGridItem.w3 .masonryItemInfo {
    float: none;
    width: auto;
  }
}
@media only screen and (min-width: 1280px) {
  div.layoutBlock2Sidebars,
  div.layoutBlockSidebarRight,
  div.layoutBlockSidebarLeft {
    width: 1280px;
  }
  div.layoutBlockSidebarLeftContent,
  div.layoutBlockSidebarRightContent {
    width: 960px;
  }
  div.layoutBlock2SidebarsContent {
    width: 640px;
  }
  div.layoutBlockSidebarRight .masonryGridItem.w3,
  div.layoutBlockSidebarLeft .masonryGridItem.w3 {
    width: 960px;
  }
  div.layoutBlockSidebarRight .masonryGridItem.w3 .masonryGridItemContent,
  div.layoutBlockSidebarLeft .masonryGridItem.w3 .masonryGridItemContent {
    width: 940px;
  }
  div.layoutBlockSidebarRight .masonryGridItem.w3 img.postImg,
  div.layoutBlockSidebarLeft .masonryGridItem.w3 img.postImg {
    float: left;
    margin-right: 20px;
    width: 620px;
  }
  div.layoutBlockSidebarRight .masonryGridItem.w3 .masonryItemInfo,
  div.layoutBlockSidebarLeft .masonryGridItem.w3 .masonryItemInfo {
    float: left;
    width: 260px;
  }
  div.layoutBlockSidebarRight .masonryGridItem.w3 .actions,
  div.layoutBlockSidebarLeft .masonryGridItem.w3 .actions {
    float: left;
    width: 260px;
  }
  div.layoutBlockSidebarRight .w3 .heroText,
  div.layoutBlockSidebarLeft .w3 .heroText {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: -0.05em;
    line-height: 1.3em;
  }
  div.layoutBlock2SidebarsContent .masonryGridItem.w2,
  div.layoutBlock2SidebarsContent .masonryGridItem.w3 {
    width: 640px;
  }
  div.layoutBlock2SidebarsContent .masonryGridItem.w2 .masonryGridItemContent,
  div.layoutBlock2SidebarsContent .masonryGridItem.w3 .masonryGridItemContent {
    width: 620px;
  }
  div.layoutBlock2SidebarsContent .masonryGridItem.w2 img.postImg,
  div.layoutBlock2SidebarsContent .masonryGridItem.w3 img.postImg {
    float: none;
    margin: 0;
    width: 620px;
  }
  div.layoutBlock2SidebarsContent .masonryGridItem.w3 .masonryItemInfo {
    float: none;
    width: auto;
  }
}
@media only screen and (min-width: 1600px) {
  div.layoutBlock2Sidebars,
  div.layoutBlockSidebarRight,
  div.layoutBlockSidebarLeft {
    width: 1600px;
  }
  div.layoutBlockSidebarLeftContent,
  div.layoutBlockSidebarRightContent {
    width: 1280px;
  }
  div.layoutBlock2SidebarsContent {
    width: 960px;
  }
  div.layoutBlock2Sidebars .masonryGridItem.w3 {
    width: 960px;
  }
  div.layoutBlock2Sidebars .masonryGridItem.w3 .masonryGridItemContent {
    width: 940px;
  }
  div.layoutBlock2Sidebars .masonryGridItem.w3 img.postImg {
    float: left;
    margin-right: 20px;
    width: 620px;
  }
  div.layoutBlock2Sidebars .masonryGridItem.w3 .masonryItemInfo {
    float: left;
    width: 260px;
  }
  div.layoutBlock2Sidebars .masonryGridItem.w3 .actions {
    float: left;
    width: 260px;
  }
  div.layoutBlock2Sidebars .w3 .heroText {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: -0.05em;
    line-height: 1.3em;
  }
}
@media only screen and (min-width: 1920px) {
  div.layoutBlock2Sidebars,
  div.layoutBlockSidebarRight,
  div.layoutBlockSidebarLeft {
    width: 1920px;
  }
  div.layoutBlockSidebarLeftContent,
  div.layoutBlockSidebarRightContent {
    width: 1600px;
  }
  div.layoutBlock2SidebarsContent {
    width: 1280px;
  }
}
@media only screen and (min-width: 2240px) {
  div.layoutBlock2Sidebars,
  div.layoutBlockSidebarRight,
  div.layoutBlockSidebarLeft {
    width: 2240px;
  }
  div.layoutBlockSidebarLeftContent,
  div.layoutBlockSidebarRightContent {
    width: 1920px;
  }
  div.layoutBlock2SidebarsContent {
    width: 1600px;
  }
}
@media only screen and (min-width: 2560px) {
  div.layoutBlock2Sidebars,
  div.layoutBlockSidebarRight,
  div.layoutBlockSidebarLeft {
    width: 2560px;
  }
  div.layoutBlockSidebarLeftContent,
  div.layoutBlockSidebarRightContent {
    width: 2240px;
  }
  div.layoutBlock2SidebarsContent {
    width: 1920px;
  }
}