/* Saddleback.com Base Stylesheet */
/* MEYER RESET */
/* http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)
	*/
@import url("/css/saddleback.com/dist/icomoon.css");
@import url("/css/saddleback.com/dist/sb-custom-icons.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Define some standard colors in variables */
/* COMPASS IMPORTS */
/* Define our base font size and line height */
/* BOILERPLATE DEFAULTS */
/*
	* HTML5 Boilerplate
	*
	* What follows is the result of much research on cross-browser styling.
	* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
	* Kroc Camen, and the H5BP dev community and team.
	*/
/* ==========================================================================
	Chrome Frame prompt
	========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
	 Authors custom styles
	========================================================================== */
/* BOX SIZING OVERRIDE */
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* IOS Stuff */
input {
  border-radius: 0;
  /* remove border-radius in iOS*/
}

/* TYPOGRAPHY */
@font-face {
  font-family: "ProximaSemiBold";
  src: url("/Frontend/saddleback.com/Fonts/f0900b9e-436e-4bb2-ba92-174617a6b4bc.eot?#iefix");
  src: url("/Frontend/saddleback.com/Fonts/f0900b9e-436e-4bb2-ba92-174617a6b4bc.eot?#iefix") format("eot"), url("/Frontend/saddleback.com/Fonts/91b14d48-ff2a-4a42-87df-b04c76cfb67f.woff") format("woff"), url("/Frontend/saddleback.com/Fonts/65e3a762-7125-4d24-9247-fc73d4786cd0.ttf") format("truetype"), url("/Frontend/saddleback.com/Fonts/4b8633b5-6a28-45ea-afc0-1784363b823a.svg#4b8633b5-6a28-45ea-afc0-1784363b823a") format("svg");
}
@font-face {
  font-family: "ProximaBold";
  src: url("/Frontend/saddleback.com/Fonts/9682bb7d-efd6-4254-8771-e146c89a72d4.eot?#iefix");
  src: url("/Frontend/saddleback.com/Fonts/9682bb7d-efd6-4254-8771-e146c89a72d4.eot?#iefix") format("eot"), url("/Frontend/saddleback.com/Fonts/a3a867b8-141c-4865-9f8d-6dc5766a6bc5.woff") format("woff"), url("/Frontend/saddleback.com/Fonts/b9d6d5ca-ba9b-4fa1-a81e-366891676e4a.ttf") format("truetype"), url("/Frontend/saddleback.com/Fonts/844c48e5-7a2b-488b-9e47-ff8dda98e5e2.svg#844c48e5-7a2b-488b-9e47-ff8dda98e5e2") format("svg");
}
em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

/* Compass baseline */
html {
  font-size: 100%;
  line-height: 0.6875em;
}

html {
  line-height: 1.375em;
}

html.grid {
  background: url("/Frontend/saddleback.com/images/grid-11.png") repeat-y;
}

.v2 {
  min-height: initial !important;
}

/******************************************
	STANDARD SECTION HEADERS - Mobile first
	*******************************************/
h1 {
  margin: 0 0 0.8461538461538461em 11px;
  font-family: Georgia;
  font-style: italic;
  font-size: 1.625em;
  line-height: 1.2692307692307692em;
}
h1.floatLeft {
  float: left;
}
h1.bigh1 {
  margin: 0 0 33px 0;
  font-size: 2.5em;
  line-height: 1.1em;
}

h2 {
  margin: 0 0 0.55em 0;
  font-family: Georgia;
  font-style: italic;
  font-size: 1.25em;
  line-height: 1.65em;
}

h3 {
  margin: 0 0 0.55em 0;
  font-family: Georgia;
  font-style: italic;
  font-size: 1.25em;
  line-height: 1.1em;
}
h3.std {
  font-size: 20px;
  line-height: 22px;
  font-family: "ProximaBold";
  font-style: normal;
  text-transform: uppercase;
}

h4 {
  margin: 0 0 0.6875em 0;
  font-family: Georgia;
  font-style: italic;
  font-size: 1em;
  line-height: 1.375em;
}
h4.std {
  font-size: 16px;
  line-height: 22px;
  font-family: "ProximaBold";
  font-style: normal;
  text-transform: uppercase;
}

h5 {
  margin: 0 0 0.6875em 0;
  font-family: Georgia;
  font-style: italic;
  font-size: 1em;
  line-height: 1.375em;
}

h6 {
  margin: 0 0 0.6875em 0;
  font-family: Georgia;
  font-style: italic;
  font-size: 1em;
  line-height: 1.375em;
}

p, li {
  margin: 0 0 0.6875em 0;
  font-family: Georgia;
  font-size: 1em;
  line-height: 1.375em;
}

/********************************
    V2 Overrides
********************************/
.v2 .btn {
  background: #819aa9 !important;
  border-radius: 0 !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 16px !important;
}

/********************************
	ARTICLE TYPOGRAPHY
********************************/
article {
  /* Pullquote Styling  */
}
article p {
  margin-bottom: 0.6875em;
}
article ul {
  list-style: disc;
  padding-left: 20px;
  font-size: 1em;
  line-height: 2.0625em;
}
article ol {
  list-style: decimal;
  padding-left: 20px;
  font-size: 1em;
  line-height: 2.0625em;
}
article aside.pullQuote {
  padding-left: 18px;
  margin: 1.375em 0;
}
article aside.pullQuote p, article aside.pullQuote span, article aside.pullQuote a {
  font-family: Georgia, Times New Roman, serif;
  font-style: italic;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1.2222222222222223em;
  margin: 0;
}
article aside.pullQuote:nth-of-type(3n+1) {
  border-left: #819aa9 5px solid;
}
article aside.pullQuote:nth-of-type(3n+2) {
  border-left: #819aa9 5px solid;
}
article aside.pullQuote:nth-of-type(3n+3) {
  border-left: #819aa9 5px solid;
}
article img {
  display: block;
  width: 100%;
  height: auto !important;
}

.noPullQuotes {
  width: 95% !important;
  float: none !important;
  margin: 0 auto !important;
}
.noPullQuotes aside {
  display: none;
}

/*************************************
ARTICLE TYPOGRAPHY (MEDIA QUERIES)
*************************************/
@media screen and (min-width: 575px) {
  h1 {
    font-size: 2em;
    line-height: 1.203125em;
    margin-bottom: 22px;
  }

  h2 {
    font-size: 1.625em;
    line-height: 1.2692307692307692em;
  }

  .sectionTitle {
    /*bottom: -4px !important;*/
  }
}
a, a:visited {
  /* display: inline-block; */
  font-family: Georgia;
  font-style: italic;
  font-size: 1em;
  line-height: 1.375em;
  text-decoration: none;
  color: #819aa9;
}
a:hover, a:visited:hover {
  text-decoration: underline;
  color: #a9c1cf;
}
a:active, a:visited:active {
  outline: 0;
  border: 0;
}
a.btn, a:visited.btn {
  color: #ffffff;
}

a, a:visited, a span {
  transition: color .1s ease-out, background .1s ease-out;
}

.btn, .blogBtn a {
  display: inline-block;
  padding: 11px;
  border: none;
  -webkit-appearance: none !important;
  /* webkit adds border radius randomly */
  border-radius: 0;
  margin: 0;
  font-size: 1em;
  line-height: 1.375em;
  font-family: Georgia;
  font-style: normal;
  background: #819aa9;
  /*text-transform: lowercase;*/
  color: white;
  cursor: pointer;
}
.btn:hover, .blogBtn a:hover {
  background: #a9c1cf;
  color: white;
  text-decoration: none;
}
.btn.grey, .blogBtn a.grey {
  background: #acacac;
}
.btn.grey:hover, .blogBtn a.grey:hover {
  background: #636363;
}
.btn.form, .blogBtn a.form {
  background: #000;
  height: 33px;
  font-size: 18px;
  line-height: .5;
}
.btn.action, .blogBtn a.action {
  padding: 0 10px;
  margin: 0 0 0.6875em 0;
  border-width: 0.0625em;
  border-style: solid;
  padding: 0.28125em;
  background: white;
  font-size: 1em;
  line-height: 1.375em;
  font-style: italic;
  text-transform: none;
  color: #819aa9;
  vertical-align: bottom;
  position: relative;
  bottom: 0;
  display: inline-table;
}
.btn.action:hover, .blogBtn a.action:hover {
  background: #819aa9;
  color: white;
  text-decoration: none;
}
.btn.action span:last-child, .blogBtn a.action span:last-child {
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
}
.btn.action.blue, .blogBtn a.action.blue {
  color: #819aa9;
}
.btn.action.blue:hover, .blogBtn a.action.blue:hover {
  background: #819aa9;
  color: white;
}
.btn.action.green, .blogBtn a.action.green {
  color: #819aa9;
}
.btn.action.green:hover, .blogBtn a.action.green:hover {
  background: #819aa9;
  color: white;
}

.blogBtn a {
  padding: 5.5px 11px;
}

.blogBtn p {
  padding: 0;
  margin: 0;
}

.playButton:before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 32px;
  padding: 0px 2px 0px 4px;
  line-height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  font-family: 'sb-im-default';
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  background-color: #819aa9;
  color: white;
  content: "\e017";
  opacity: 0.9;
  text-decoration: none;
}

.playButtonCircle {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0px 0px -50px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.55);
  z-index: 100;
  cursor: pointer;
}

.playButtonTriangle {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0;
  width: 0;
  margin: -30px 0 0 -15px;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 40px solid white;
}

.triangleTopLeft {
  width: 0;
  height: 0;
  border-top: 140px solid rgba(255, 255, 255, 0.7);
  border-right: 140px solid transparent;
  position: absolute;
  z-index: 100;
}

@media screen and (min-width: 1279px) and (max-width: 1417px) {
  .staticHeightImageContainer img, .staticHeightImageContainer div {
    /* margin-left: 0px !important; */
  }
}
span.postThumbnailTitle {
  display: block;
  font-family: "ProximaBold";
  font-size: 1.25em;
  line-height: 1.375em;
}

html.grid {
  background: url("/Frontend/saddleback.com/images/grid-11.png") repeat 0 0;
}

/***********************************
    COMPATIBILITY ELEMENTS 
********************************/
/* IE / EDGE */
html {
  -ms-overflow-style: scrollbar;
}

/***********************************
    TEMPLATE ELEMENTS 
********************************/
.wrapper .header {
  width: 100%;
  position: relative;
}

/***** grey box Place Holders  *****/
.aspectPlaceHolder169, .aspectPlaceHolder1-1 {
  width: 100%;
  display: block;
}

.imgAfterPlaceholder {
  position: absolute !important;
  top: 0;
}

/*************************************************
	LANDSCAPE IMAGES WITH STATIC HEIGHT
	THAT CAN BE LEFT, CENTERED, OR RIGHT ALIGNED
	
   (
    THE CLASSES BELOW APPLY TO THE "IMG" TAG,
	THEY WILL NEED A DIV AROUND THEM WITH
	overflow: hidden;
	position: relative;
	height: 390px; (desktop)
   )
*************************************************/
.staticHeightImageContainer {
  overflow: hidden;
  position: relative;
  height: 190px;
  /* Override with image height */
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.6875em;
  transition: all 0.5s ease-in-out;
}

.staticHeightImageContainer img {
  height: 100%;
  /* Makes the height not clip, override with 'inherit' to clip */
  transition: all 0.5s ease-in-out;
  min-width: 680px;
  /*fix for undersized images*/
}

.staticHeightImageLeft {
  /* It does this by default
  This class is for specificity
  and future styling ability */
}

.staticHeightImageCenter {
  position: relative;
  right: 350px;
  margin-left: 50%;
}
.staticHeightImageCenter.width1080 {
  right: 540px;
}

.staticHeightImageRight {
  float: right;
}

.staticHeightImageContainer, .ministryAdImg {
  margin-bottom: 2.0625em;
}

@media screen and (min-width: 450px) {
  .staticHeightImageContainer, .staticHeightImageContainer img {
    height: 290px;
    /*This image is taller than usual*/
  }

  .staticHeightImageCenter {
    right: 530px;
    /*Mobile Offset to get center at 530px*/
  }
}
@media screen and (min-width: 700px) {
  .staticHeightImageContainer {
    height: 357px;
    /*This image is taller than usual*/
  }
  .staticHeightImageContainer img {
    min-width: 1280px;
    height: 357px;
    /*fix for undersized images*/
    transition: none;
    /* fix for weird animation at 1280 mark */
  }

  .staticHeightImageCenter {
    right: 633px;
    /*Mobile Offset to get center at 700px*/
  }
}
@media screen and (min-width: 1280px) {
  .staticHeightImageContainer img, .staticHeightImageContainer div {
    margin-left: 0;
    position: absolute;
    left: 0;
    /* height: 390px; */
  }
}
/* Force Icon Font settings */
[class^="sb-icon-"], [class*=" sb-icon-"], [class^="icon-"], [class*=" icon-"] {
  speak: none;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'sb-im-default' !important;
}

[class^="sb-icon-"], [class*=" sb-icon-"] {
  font-family: 'sb-custom-icons' !important;
}

@-webkit-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.spinner {
  -webkit-animation: anim-rotate 1.25s infinite linear;
          animation: anim-rotate 1.25s infinite linear;
  display: inline-block;
  height: 1em;
  line-height: 1;
}

/* Carousel */
.featureSliderMobile {
  display: none;
}

.featureSliderWide {
  display: block !important;
  margin-bottom: 0.6875em;
}

.featureSliderLeftAlign .royalSlider img, .royalSlider.left img {
  margin-left: 0 !important;
}

.featureSliderRightAlign .royalSlider img, .royalSlider.right img {
  right: 0;
  position: absolute;
}

.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
  background: none !important;
}

.featureSliderWide .rsOverflow, .featureSliderWide .royalSlider {
  height: 190px !important;
}
.featureSliderWide .rsOverflow img, .featureSliderWide .royalSlider img {
  transition: all 0.2s ease-in-out;
}

.imageMobileCrop img {
  width: 1014px;
  height: 190px;
}

@media screen and (min-width: 450px) {
  .featureSliderWide .rsOverflow, .featureSliderWide .royalSlider {
    height: 290px !important;
    /*This image is taller than usual*/
  }

  /*Arrow Swap*/
  .rsArrow {
    display: none !important;
  }

  .rsMinW .rsBullets {
    display: block !important;
  }

  /*Arrow Swap End*/
  .sliderArrowsOnly .rsArrow {
    display: block !important;
  }

  .sliderArrowsOnly .rsMinW .rsBullets {
    display: none !important;
  }
}
@media screen and (min-width: 700px) {
  .featureSliderWide .rsOverflow, .featureSliderWide .royalSlider {
    height: 390px !important;
    /* This image is taller than usual*/
  }
}
/*Bulletin Slider (ad-slider renamed because of ad-blockers)*/
.bulletinSlider.featureSliderWide .rsOverflow, .bulletinSlider.featureSliderWide .royalSlider, .imageMobileCrop {
  max-height: 240px !important;
  overflow: hidden;
}

.bulletinSlider, .imageMobileCrop {
  /*Arrow Swap*/
}
.bulletinSlider .royalSlider.left img, .bulletinSlider .left img, .imageMobileCrop .royalSlider.left img, .imageMobileCrop .left img {
  margin-left: -85px !important;
}
.bulletinSlider .rsArrow, .imageMobileCrop .rsArrow {
  display: block !important;
}
.bulletinSlider .rsMinW .rsBullets, .imageMobileCrop .rsMinW .rsBullets {
  display: none !important;
}

@media screen and (min-width: 600px) {
  .bulletinSlider .royalSlider img, .imageMobileCrop img {
    width: 1280px;
    height: 240px;
  }

  .bulletinSlider .royalSlider.left img {
    margin-left: 0px !important;
  }
}
/*Flickr override*/
.flickrGallery .rsArrow {
  display: block !important;
}
.flickrGallery .rsMinW .rsBullets {
  display: none !important;
}

/*******************************
	Colors 
	*******************************/
.bColorGrey {
  background: #636363;
}

.bColorBlack {
  background: #303030;
}

.bColorLinks {
  background: #819aa9;
}

.bColorLinksHover {
  background: #a9c1cf;
}

.bColorTan {
  background: #819aa9;
}

.bColorTanHover {
  background: #a9c1cf;
}

.bColorCyan {
  background: #819aa9;
}

.bColorCyanHover {
  background: #a9c1cf;
}

.bColorOlive {
  background: #819aa9;
}

.bColorOliveHover {
  background: #a9c1cf;
}

.fColorGrey {
  color: #636363;
}

.fColorBlack {
  color: #303030;
}

.fColorLinks {
  color: #819aa9;
}

.fColorLinksHover {
  color: #a9c1cf;
}

.fColorTan {
  color: #819aa9;
}

.fColorTanHover {
  color: #a9c1cf;
}

.fColorCyan {
  color: #819aa9;
}

.fColorCyanHover {
  color: #a9c1cf;
}

.fColorOlive {
  color: #819aa9;
}

.fColorOliveHover {
  color: #a9c1cf;
}

/*******************************
	NAVIGATION 
	*******************************/
.navTopRow {
  margin: 22px 1% 0;
}

.header nav a.logo, .footer nav a.logo {
  display: block;
  height: 55px;
  margin: -6px 0 2.0625em 0;
  /*overridden by Ryan */
  float: left;
  font-style: normal;
  color: #303030;
}
.header nav a.logo span, .footer nav a.logo span {
  float: left;
  position: inherit !important;
  line-height: 1 !important;
}
.header nav a.logo a:hover, .footer nav a.logo a:hover {
  color: #303030;
}
.header nav a.logo .sb-icon-svcclogo, .footer nav a.logo .sb-icon-svcclogo {
  font-size: 48px;
  margin-right: 6px;
}
.header nav a.logo .logoTitle, .footer nav a.logo .logoTitle {
  font-family: "ProximaBold";
  text-transform: uppercase;
  font-size: 14px;
}
.header nav a.logo .logoSlogan, .footer nav a.logo .logoSlogan {
  border-left: 1px solid black;
  margin-left: 17px;
  padding-left: 15px;
  font-style: italic;
  font-size: 14px;
}
.header nav a.logo .logoTitle, .header nav a.logo .logoSlogan, .footer nav a.logo .logoTitle, .footer nav a.logo .logoSlogan {
  margin-top: 20px;
}

a.logo:hover {
  text-decoration: none;
}

.header nav, .header .navSG {
  margin: 0 auto;
  clear: both;
  /****************************
  	MOBILE NAV 
  	****************************/
  /*
  div.navButtonContainer
  {
  	border: 1px solid $tan;
  	margin-bottom: rhythm(1);
  	a
  	{
  		display: block;
  		width: 100%;
  		height: 100%;
  		padding: 0.55em 30px 0.55em 10px;
  		position: relative;
  		font-family: Georgia;
  		@include adjust-font-size-to(20px);
  		font-style: italic;
  		text-decoration: none;
  		color: $tan;		
  		& > .arrowOuterContainer
  		{
  			display: block;
  			width: 22px;
  			height: 96%;
  			padding: 2px 0 0 0;
  			position: absolute;
  			top: 0;
  			right: 5px;
  			line-height: .8461em;
  			color: $tan;
  			text-align: center;
  			
  			.arrowInnerContainer
  			{
  				display: table;
  				width: 100%;
  				height: 100%;
  				padding: 0;
  				
  				span
  				{
  					display: table-cell;
  					padding: 0;
  					vertical-align: middle;
  					font-size: 22px;
  				}
  			}
  		}
  		
  		&:hover
  		{
  			background: white;
  			color: $tan;
  		}	
  	}
  }
  */
}
.header nav a.menuBtn, .header .navSG a.menuBtn {
  border: 1px solid #819aa9;
  display: block;
  float: right;
  font: .85em "ProximaSemiBold", sans-serif;
  height: 33px;
  letter-spacing: 1.3px;
  line-height: 2.5em;
  margin-top: 3px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 74px;
}
.header nav a.menuBtn:hover, .header nav a.menuBtn.active, .header .navSG a.menuBtn:hover, .header .navSG a.menuBtn.active {
  background-color: #819aa9;
  color: #fff;
}
.header nav .dk_container, .header .navSG .dk_container {
  width: 100%;
}
.header nav .dk_container a:hover, .header .navSG .dk_container a:hover {
  text-decoration: none !important;
}
.header nav ul.mobile, .header nav ul.standard, .header .navSG ul.mobile, .header .navSG ul.standard {
  overflow: hidden;
  background: #eee;
}
.header nav ul.mobile div.inner, .header nav ul.standard div.inner, .header .navSG ul.mobile div.inner, .header .navSG ul.standard div.inner {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.6875em 10px;
}
.header nav ul.mobile div.searchContainer, .header nav ul.standard div.searchContainer, .header .navSG ul.mobile div.searchContainer, .header .navSG ul.standard div.searchContainer {
  margin-bottom: 0.6875em;
}
.header nav ul.mobile div.searchContainer input[type=text].searchInput, .header nav ul.standard div.searchContainer input[type=text].searchInput, .header .navSG ul.mobile div.searchContainer input[type=text].searchInput, .header .navSG ul.standard div.searchContainer input[type=text].searchInput {
  width: 100%;
  padding: 0.2875em 10px 0.25em 40px;
  margin: 0 -100% 0 0;
}
.header nav ul.mobile div.searchContainer a.searchIcon, .header nav ul.standard div.searchContainer a.searchIcon, .header .navSG ul.mobile div.searchContainer a.searchIcon, .header .navSG ul.standard div.searchContainer a.searchIcon {
  display: inline-block;
  width: 50px;
  height: 28px;
  padding-left: 10px;
  margin-right: -100%;
  margin-left: 0;
  position: absolute;
  top: 5px;
  color: #303030;
}
.header nav ul.mobile div.searchContainer a.searchIcon:hover, .header nav ul.standard div.searchContainer a.searchIcon:hover, .header .navSG ul.mobile div.searchContainer a.searchIcon:hover, .header .navSG ul.standard div.searchContainer a.searchIcon:hover {
  text-decoration: none;
}
.header nav ul.mobile div.searchContainer a.searchIcon span, .header nav ul.standard div.searchContainer a.searchIcon span, .header .navSG ul.mobile div.searchContainer a.searchIcon span, .header .navSG ul.standard div.searchContainer a.searchIcon span {
  vertical-align: middle;
}
.header nav ul.mobile, .header .navSG ul.mobile {
  margin-bottom: 33px;
}
.header nav li, .header .navSG li {
  margin: 0;
  color: grey;
  font-style: italic;
  /* MOBILE SUBNAV */
}
.header nav li div.navItem, .header .navSG li div.navItem {
  text-align: center;
  margin: 0 0 0.6875em 0;
  background: #819aa9;
}
.header nav li div.navItem a, .header .navSG li div.navItem a {
  display: block;
  /* EXCEPTION - PADDING ON LINK FOR NAV ITEMS MAKES THE CLICKABLE AREA LARGER */
  /* Don't do padding on content elements otherwise */
  padding: 0.4583em 0;
  font-family: "ProximaBold";
  font-size: 1.5em;
  line-height: 1.375em;
  letter-spacing: 1.3px;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-style: normal;
}
.header nav li div.navItem.last, .header .navSG li div.navItem.last {
  margin: 0;
}
.header nav li div.dropdown, .header .navSG li div.dropdown {
  overflow: hidden;
  /*opacity: 1;*/
}
.header nav li div.dropdown div.inner, .header .navSG li div.dropdown div.inner {
  overflow: auto;
}
.header nav li div.dropdown div.descriptionContainer, .header .navSG li div.dropdown div.descriptionContainer {
  display: none;
  padding: 0.6875em 10px;
  background: #ffffff;
}
.header nav li div.dropdown div.descriptionContainer span.descriptionHeader, .header .navSG li div.dropdown div.descriptionContainer span.descriptionHeader {
  font-family: "ProximaSemiBold";
  font-size: 1.25em;
  line-height: 1.1em;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #303030;
}
.header nav li div.dropdown div.descriptionContainer p.descriptionContent, .header .navSG li div.dropdown div.descriptionContainer p.descriptionContent {
  font-family: "Georgia";
  line-height: 1.375em;
  /* 22/16 */
  color: #303030;
}
.header nav li div.dropdown div.descriptionContainer.open, .header .navSG li div.dropdown div.descriptionContainer.open {
  display: block;
}
.header nav li div.dropdown div.subNavContainer ul.subNav, .header .navSG li div.dropdown div.subNavContainer ul.subNav {
  padding: 0 0 1.375em;
}
.header nav li div.dropdown div.subNavContainer ul.subNav span.subNavHeader, .header .navSG li div.dropdown div.subNavContainer ul.subNav span.subNavHeader {
  display: block;
  font-family: "ProximaBold";
  color: #303030;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 20px;
  font-style: normal;
  font-size: 20px;
  padding-bottom: 3px;
}
.header nav li div.dropdown div.subNavContainer ul.subNav span.subSubNavHeader, .header .navSG li div.dropdown div.subNavContainer ul.subNav span.subSubNavHeader {
  display: block;
  font-family: "ProximaBold";
  color: #acacac;
  font-style: normal;
  font-size: 18px;
}
.header nav li div.dropdown div.subNavContainer ul.subNav li a, .header .navSG li div.dropdown div.subNavContainer ul.subNav li a {
  font-family: Georgia;
  font-style: italic;
  font-size: 0.9375em;
  line-height: 1.4666666666666666em;
  text-decoration: none;
  color: #303030;
}
.header nav li div.dropdown div.subNavContainer ul.subNav li a:hover, .header .navSG li div.dropdown div.subNavContainer ul.subNav li a:hover {
  text-decoration: underline;
}
.header nav li div.dropdown.closed, .header .navSG li div.dropdown.closed {
  display: none;
}
.header nav li div.dropdown.transitions, .header .navSG li div.dropdown.transitions {
  transition: max-height 0.3s ease-in-out;
}

ul.mobile.closed, ul.standard.closed, ul.buttonSpacer {
  display: none;
}

ul.mobile.transitions {
  transition: max-height 0.3s ease-in-out;
}

ul.standard > li {
  display: none;
  padding: 0.6875em 0;
}
ul.standard > li a {
  display: block;
  font-family: "ProximaBold";
  font-size: 1.375em;
  line-height: 1em;
  letter-spacing: 1.3px;
  text-decoration: none;
  text-transform: uppercase;
  color: #819aa9;
}

/****************************
	WIDE NAV 
	****************************/
.navRowWide a {
  font-family: "ProximaSemiBold", sans-serif;
  font-size: 1.375em;
  line-height: 1.5em;
  font-style: normal;
  color: #819aa9;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2px;
  border: none;
  outline: none;
}

.navMiddle {
  position: relative;
  text-align: center;
  /*padding: 0 2%;  No Longer needed after letter spacing */
}
.navMiddle .arrowContainer {
  position: relative;
  height: 100%;
  width: 100%;
}

.navMiddle .arrow:after {
  padding: 2px;
  bottom: -43px;
  left: 46%;
  position: absolute;
  z-index: 100;
  font-size: 17px;
  font-family: 'sb-im-default';
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  background-color: white;
  color: #819aa9;
  content: "\e00c";
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

/****************************
	WIDE NAV END
	****************************/
/* TOP NAVIGATION LINKS (SIGN-IN/OUT & LANGUAGE) */
.topLinksContainer {
  height: 2.0625em;
  float: right;
  text-align: right;
}

.topLinks {
  padding-right: 10px;
  position: relative;
  margin-top: 4px;
}
.topLinks > li {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.topLinks a {
  display: inline-block;
  padding: 0.7333333333333333em 0;
  vertical-align: top;
  font-family: Georgia;
  font-weight: bold;
  font-style: normal;
  font-size: 0.75em;
  line-height: 1.375em;
  color: #303030;
  text-decoration: none;
}
.topLinks a:hover {
  text-decoration: underline;
}
.topLinks .signOut {
  margin-left: 5px;
}

li.topLinksDivider {
  height: 14px;
  width: 10px;
  border-right: 1px black solid;
  padding-right: 10px;
  margin-right: 10px;
  margin-top: 1px;
  position: relative;
  top: 4px;
  vertical-align: middle;
}

.language select {
  display: none;
}
.language .dk-select {
  font-size: 14px;
  line-height: 31px;
}

#basketButtonid1 {
  display: none;
}
#basketButtonid1.loaded {
  display: block;
}

#basketButtonid1 > img {
  display: none;
}

#basketButtonid1View a {
  background: transparent !important;
  border: none;
  display: block;
  height: 14px;
  margin-left: 10px;
  top: 5px;
  vertical-align: top;
  width: auto;
}
#basketButtonid1View a:before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIj4KCTxwYXRoIGQ9Ik0yNC4xMSAxMGMwLjU2Ni0wLjQwMiAxLjExLTAuODUxIDEuNjA4LTEuMzQ4IDEuMDQ0LTEuMDQ0IDEuNzQyLTIuMzI4IDEuOTY2LTMuNjE2IDAuMjQ2LTEuNDEyLTAuMTE1LTIuNzIzLTAuOTg4LTMuNTk3LTAuNjk3LTAuNjk3LTEuNjQxLTEuMDY1LTIuNzMtMS4wNjUtMS41NTEgMC0zLjE4NSAwLjc0NC00LjQ4MyAyLjA0My0yLjA3NyAyLjA3Ny0zLjI4OCA0Ljk0NS0zLjk0IDYuOTkxLTAuNDgyLTIuMDU2LTEuNDQ0LTQuODMzLTMuMzEzLTYuNzAyLTEuMDAzLTEuMDAzLTIuMjg1LTEuNTE4LTMuNDk1LTEuNTE4LTAuOTg5IDAtMS45MzEgMC4zNDQtMi42MzMgMS4wNDYtMS41NjIgMS41NjItMS4zNTEgNC4zIDAuNSA2LjEgMC43IDAuNyAxLjQgMS4yIDIuMiAxLjYzOGgtNi43ODJ2OGgydjE0aDI0di0xNGgydi04aC01Ljg5ek0yMS4wNzMgNC4wMDdjMC44NjYtMC44NjYgMS45NDgtMS4zODQgMi44OTItMS4zODQgMC4zIDAgMC44IDAuMSAxLjEgMC40IDAuOCAwLjggMC40IDIuNjk3LTAuOTc3IDQuMDMxLTEuMzczIDEuMzczLTMuMjIxIDIuMzE4LTQuODI2IDIuOTM5aC0xLjU4NGMwLjU4LTEuNzk4IDEuNjI3LTQuMjY0IDMuMzU2LTUuOTkzek03LjMxIDUuMDI4Yy0wLjAyMi0wLjI4NS0wLjAwMi0wLjgyIDAuMzgxLTEuMjAzIDAuMzItMC4zMiAwLjc0My0wLjM4NyAxLjA0Mi0wLjM4N3YwYzAuNjY0IDAgMS40IDAuMyAxLjkgMC45IDEuMSAxLjEgMS45IDIuNyAyLjUgNC45IDAgMC4xIDAgMC4xIDAgMC4xNzEtMC4wNTctMC4wMTUtMC4xMTQtMC4wMzEtMC4xNzEtMC4wNDctMi4xMjgtMC41OTEtMy44MTMtMS40NjItNC44NzEtMi41MjEtMC40OTUtMC40OTUtMC44MDUtMS4xMy0wLjg1My0xLjc0M3pNMTQgMzBoLTh2LTEzaDh2MTN6TTE0IDE2aC0xMHYtNGgxMHY0ek0yNiAzMGgtOHYtMTNoOHYxM3pNMjggMTZoLTEwdi00aDEwdjR6IiBmaWxsPSIjMzAzMDMwIi8+Cjwvc3ZnPg==") no-repeat top right;
  border-left: 1px solid #303030;
  display: inline-block;
  content: '';
  height: 14px;
  margin: 0 2px 0 0;
  padding-left: 24px;
  position: relative;
  top: 1px;
}
#basketButtonid1View a span {
  color: #303030;
  display: none;
  vertical-align: top;
}
#basketButtonid1View a span:hover {
  text-decoration: underline;
}

@media screen and (min-width: 576px) {
  li.topLinksDivider {
    padding-right: 16px;
    margin-right: 16px;
  }

  #basketButtonid1View a {
    margin-left: 16px;
  }
  #basketButtonid1View a span {
    display: inline-block;
  }
  #basketButtonid1View a:before {
    margin: 0 7px 0 0;
    padding: 0 0 0 30px;
  }

  .navTopRow {
    margin: 5px 1% 0;
  }
}
@media screen and (min-width: 576px) and (max-width: 800px) {
  .topLinks {
    padding-right: 10px;
  }
}
/******************************
	CONTENT
	******************************/
body {
  max-width: 1400px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 auto;
}

.wrapper {
  min-width: 320px;
  max-width: 1280px;
  /* max-width: 1400px; */
  margin: 0 auto;
}

.breadcrumb {
  display: none;
}

@media screen and (min-width: 480px) {
  .breadcrumb {
    display: block;
    margin: 0 1% 1.375em;
    text-transform: lowercase;
  }
  .breadcrumb a, .breadcrumb span {
    display: inline-block;
    font-size: 0.875em;
    line-height: 1.5714285714285714em;
    font-style: normal;
  }
  .breadcrumb a {
    color: #819aa9;
  }
  .breadcrumb span {
    vertical-align: bottom;
    color: #303030;
  }
  .breadcrumb li {
    display: inline-block;
    margin: 0 0.1em;
    vertical-align: bottom;
  }
  .breadcrumb li:nth-child(even) span {
    position: relative;
    bottom: 1px;
    padding-left: 1px;
  }
}
#slider-control-container {
  margin-bottom: 0.6875em;
}

section.content {
  width: 100%;
  margin: 0 auto 0.6875em;
  position: relative;
}

.sectionContainer {
  margin: 0 0 1.375em 0;
  position: relative;
  max-width: 1280px;
}

.sectionInner {
  margin: 0 11px;
}

.titleSection {
  margin: 0 1%;
}
.titleSection.filters {
  margin: 0;
}
.titleSection h1 {
  margin-left: 1%;
}

.locationSearchContainer {
  margin: 0 11px 0 0;
}

@media screen and (min-width: 480px) {
  .sectionContainer {
    margin: 0 1% 1.375em;
  }

  .sectionInner {
    margin: 0;
  }
}
.sectionContainer2Rhythm {
  margin: 0 10px 1.375em;
}

.margin-10 {
  margin: 0 10px;
}

@media screen and (min-width: 768px) {
  section.content {
    margin-bottom: 1.375em;
  }

  .titleSection.filters {
    margin: 0 1%;
  }
}
@media screen and (min-width: 960px) {
  section.content {
    margin-bottom: 2.75em;
  }
}
/******************************
	GENERAL / REUSED
	******************************/
.fullWidth {
  display: block;
  width: 100% !important;
}

/******************************
	FOOTER 
	******************************/
section.footer {
  text-align: center;
}
section.footer div.socialLinksContainer ul.socialLinks {
  width: 100%;
  display: inline-block;
}
section.footer div.socialLinksContainer ul.socialLinks li {
  display: inline-block;
  margin: 0.6875em 1%;
}
section.footer div.socialLinksContainer ul.socialLinks li a {
  color: white;
  font-size: 2em;
}
section.footer div.socialLinksContainer ul.socialLinks li a:hover {
  text-decoration: none;
  color: #a9c1cf;
}
section.footer nav, section.footer .navSG {
  padding: 0.6875em 10px;
  background: #303030;
}
section.footer nav .backToTopContainer, section.footer .navSG .backToTopContainer {
  margin-bottom: 0.5625em;
}
section.footer nav .backToTopContainer a, section.footer .navSG .backToTopContainer a {
  display: block;
  border: 1px solid #819aa9;
  background: #819aa9;
  color: #819aa9;
  height: 50px;
  margin-bottom: 16px;
}
section.footer nav .backToTopContainer a span, section.footer .navSG .backToTopContainer a span {
  font-size: 26px;
  line-height: 48px;
  padding: 0;
  color: white;
}
section.footer nav .backToTopContainer a span.icon-arrow-right-2, section.footer .navSG .backToTopContainer a span.icon-arrow-right-2 {
  font-size: 28px;
  color: #819aa9;
}
section.footer nav .subscriptionContainer span, section.footer .navSG .subscriptionContainer span {
  display: block;
  font-size: 0.875em;
  line-height: 1.5714285714285714em;
  color: white;
}
section.footer nav .subscriptionContainer .subscriptionInput, section.footer .navSG .subscriptionContainer .subscriptionInput {
  width: 215px;
  padding: 0 10px;
  border: 0;
  margin-right: 10px;
  font-family: Georgia, serif;
  font-size: 0.75em;
  line-height: 1.375em;
  height: 30px;
}
section.footer nav .subscriptionContainer .subscriptionSubmit, section.footer .navSG .subscriptionContainer .subscriptionSubmit {
  background-color: #819aa9;
  height: 30px;
  font-style: italic;
  text-transform: capitalize;
  padding: 0;
  width: 70px;
  transition: color .1s ease-out, background .1s ease-out;
}
section.footer nav .subscriptionContainer .subscriptionSubmit:hover, section.footer .navSG .subscriptionContainer .subscriptionSubmit:hover {
  background-color: #a9c1cf;
}
section.footer nav .logoContainer img, section.footer .navSG .logoContainer img {
  display: inline-block;
  margin: 0.6875em 0;
}
section.footer nav .logoContainer span, section.footer .navSG .logoContainer span {
  display: block;
  font-family: Georgia, serif;
  font-size: 0.75em;
  line-height: 1.375em;
  text-transform: uppercase;
  color: white;
}

/******************************
	LAYOUT ELEMENTS 
	******************************/
/******************
	SECTION STUFF
	******************/
.vAlignContainer {
  display: table;
  height: 100%;
}

.vAlignContainerInline {
  display: inline-table;
  height: 100%;
}

.vAlign {
  display: table-cell;
  vertical-align: middle;
}

.titleBar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-box-pack: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 0 0.6875em 0;
  font-family: "ProximaBold";
  font-style: normal;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 9px 11px;
  position: relative;
}
.titleBar .sectionTitle {
  font-size: 20px;
  line-height: 22px;
}
.titleBar .btn.action {
  display: none;
  border: 1px solid white;
  font-size: 0.7272727272727273em;
  line-height: 1.375em;
  padding: 0px 0px 0px 11px;
  margin: 0;
  vertical-align: middle;
  background-color: transparent;
  color: white;
  height: 23px;
  font-size: 15px;
  position: absolute;
  right: 8px;
  bottom: 9px;
}
.titleBar .btn.action .icon-play {
  padding-left: 3px;
}
.titleBar.centered {
  text-align: center;
}
.titleBar.large {
  padding: 1.375em 20px;
}
.titleBar.green {
  background: #819aa9;
}
.titleBar.green .btn.action:hover {
  background: white;
  color: #819aa9;
}
.titleBar.blue {
  background: #819aa9;
}
.titleBar.blue .btn.action:hover {
  background: white;
  color: #819aa9;
}
.titleBar.tan {
  background: #819aa9;
}
.titleBar.tan .btn.action:hover {
  background: white;
  color: #819aa9;
}
.titleBar.orange {
  background: #819aa9;
}
.titleBar.orange .btn.action:hover {
  background: white;
  color: #819aa9;
}

.sectionHead {
  border-bottom-width: 0.0625em;
  border-bottom-style: solid;
  padding-bottom: 0.625em;
  border-bottom-color: #819aa9;
  margin-bottom: 0.6875em;
}
.sectionHead span {
  display: block;
  font-family: Georgia, serif;
  font-size: 1.125em;
  line-height: 1.2222222222222223em;
  color: #819aa9;
}

@media screen and (min-width: 480px) {
  .titleBar {
    margin-left: auto;
    margin-right: auto;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .titleBar .btn.action {
    display: inline-table;
  }
}
.hidden {
  display: none;
}

/**********************************
	FORMS
	**********************************/
form {
  position: relative;
}
form label, form input + span {
  display: block;
  width: 100%;
  clear: both;
  font: 1em/22px "Georgia", "Times New Roman", serif;
}
form input + span {
  display: inline-block;
  width: auto;
}
form input[type=text] {
  display: block;
  width: 100%;
  height: 33px;
  border: 1px solid #819aa9;
  padding: 5px;
  margin-bottom: 11px;
}
form input[type=text].phone {
  width: 100%;
  margin-right: 2%;
  float: left;
}
form input[type=text].phone.last {
  margin: 0;
  float: right;
}
form input[type=text].time {
  display: inline-block;
  width: 100%;
  margin-right: 2%;
}
form input[type=text].time + .dk_container, form input[type=text].time + ul + .dk_container {
  display: inline-block;
  width: 30%;
  vertical-align: bottom;
}
form input[type=checkbox], form input[type=radio] {
  width: 15px;
  margin: 0 -100% 0 0;
  float: left;
}
form input[type=checkbox] + label, form input[type=radio] + label {
  width: 90%;
  margin: -5px -100% 0 20px;
  float: left;
  clear: none;
}
form textarea {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
  border: 1px solid #819aa9;
  margin-bottom: 22px;
}
form .dk_container {
  margin-bottom: 11px;
}
form .parsley-error {
  outline: 1px solid red;
  background: #f6cfcf;
  color: #000000;
}
form .parsley-error-list {
  display: none !important;
}

.successContainer {
  background-color: #dff0d8;
  margin-bottom: 22px;
  padding: 16px;
}

/**********************************
	FILTER BARS
***********************************/
.filterToggle {
  border: 1px solid #819aa9 !important;
  font: .85em "ProximaSemiBold", sans-serif;
  float: right;
  letter-spacing: 1.3px;
  padding: 8px 0 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: width 125ms ease;
  width: 68px;
}
.filterToggle:hover, .filterToggle.active {
  background-color: #819aa9;
  color: #fff;
  text-decoration: none;
}
.filterToggle.active {
  width: 44px;
}
.filterToggle.active span {
  display: none;
}
.filterToggle.active:before {
  content: 'X';
}
.filterToggle.blue {
  border: 1px solid #819aa9 !important;
}
.filterToggle.blue.active {
  background-color: #819aa9;
}

.sectionContainer.titleSection .filterToggle {
  margin-right: 1%;
}
.sectionContainer.titleSection .filterToggle.active {
  margin-right: 0;
}

.filterBar {
  display: none;
  width: 100%;
  height: 2.75em;
  padding: 0.6875em;
  margin: 0 0 1.375em 0;
  position: relative;
  clear: both;
}
.filterBar span, .filterBar label {
  font-size: 1.125em;
  line-height: 1.2222222222222223em;
  text-transform: capitalize;
  font-family: Georgia;
  color: white;
  font-style: italic;
}
.filterBar span[class*='icon-'] {
  float: right;
  font: inherit;
  font-size: 24px;
}
.filterBar label {
  margin: 0 auto;
  float: left;
  line-height: 33px;
  text-align: left;
  text-transform: none;
  cursor: pointer;
}
.filterBar input[type=radio], .filterBar input[type=checkbox] {
  margin: 12px 5px 10px 5px;
  float: left;
  clear: left;
  cursor: pointer;
}
.filterBar .filterBarColumn {
  float: right;
}
.filterBar.blue {
  background: #819aa9;
}
.filterBar.tan {
  background: #819aa9;
}
.filterBar.active {
  display: block;
  height: auto;
  position: absolute;
  top: 33px;
  z-index: 200;
}

.arrowedButton {
  display: inline-block;
  width: 100%;
  height: 55px;
  margin: 0 0 11px 0;
  position: relative;
  background: #819aa9;
  text-align: center;
  cursor: pointer;
}
.arrowedButton.blue {
  border: 1px solid #819aa9;
  background: #819aa9;
}
.arrowedButton.blue span[class*=icon] {
  color: #819aa9;
}
.arrowedButton.blue:hover {
  border: 1px solid #a9c1cf;
  background: #a9c1cf;
}
.arrowedButton.blue:hover span[class*=icon] {
  color: #a9c1cf;
}
.arrowedButton.green {
  border: 1px solid #819aa9;
  background: #819aa9;
}
.arrowedButton.green span[class*=icon] {
  color: #819aa9;
}
.arrowedButton.green:hover {
  border: 1px solid #a9c1cf;
  background: #a9c1cf;
}
.arrowedButton.green:hover span[class*=icon] {
  color: #a9c1cf;
}
.arrowedButton.tan {
  border: 1px solid #819aa9;
  background: #819aa9;
}
.arrowedButton.tan span[class*=icon] {
  color: #819aa9;
}
.arrowedButton.tan:hover {
  border: 1px solid #a9c1cf;
  background: #a9c1cf;
}
.arrowedButton.tan:hover span[class*=icon] {
  color: #a9c1cf;
}
.arrowedButton.black {
  border: 1px solid #303030;
  background: #303030;
}
.arrowedButton.black span[class*=icon] {
  color: #303030;
}
.arrowedButton.black:hover {
  border: 1px solid #303030;
  background: #303030;
}
.arrowedButton.black:hover span[class*=icon] {
  color: #303030;
}
.arrowedButton.grey {
  border: 1px solid #636363;
  background: #636363;
}
.arrowedButton.grey span[class*=icon] {
  color: #636363;
}
.arrowedButton.grey:hover {
  border: 1px solid #636363;
  background: #636363;
}
.arrowedButton.grey:hover span[class*=icon] {
  color: #636363;
}
.arrowedButton.noMargin {
  margin-bottom: 0;
}
.arrowedButton.nav {
  border: 1px solid #819aa9;
  background: none;
  height: 39px;
  margin: 0 0 31px 0;
}
.arrowedButton.nav .arrowOuterContainer {
  background: none;
}
.arrowedButton.nav > span {
  font-size: 20px;
  padding: 3px 36px 0 9px;
}
.arrowedButton.nav span[class*=icon] {
  color: #819aa9;
  background: none;
  font-size: 20px !important;
  padding: 0;
}
.arrowedButton.nav:hover {
  color: #303030;
  background-color: #a9c1cf;
  border: 1px solid #a9c1cf;
}
.arrowedButton.nav:hover span {
  color: #303030;
  background-color: none;
}
.arrowedButton.nav:hover span[class*=icon] {
  color: #303030;
  background-color: none;
}
.arrowedButton > span {
  display: inline-block;
  height: 100%;
  padding: 10px 63px 0 28px;
  vertical-align: top;
  font-family: Georgia;
  font-size: 1.375em;
  line-height: 1.5em;
  font-style: italic;
  text-align: left;
  text-decoration: none;
  color: white;
}
.arrowedButton > span > .arrowOuterContainer {
  display: block;
  width: 35px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  line-height: .8461em;
  background: white;
  text-align: center;
}
.arrowedButton > span > .arrowOuterContainer .arrowInnerContainer {
  display: table;
  width: 100%;
  height: 100%;
}
.arrowedButton > span > .arrowOuterContainer .arrowInnerContainer span {
  display: table-cell;
  padding: 0;
  vertical-align: middle;
  font-size: 32px;
}
.arrowedButton > span > .arrowOuterContainer .arrowInnerContainer span[class*=icon] {
  font-size: 24px;
}

.arrowedButton.abTwoLine {
  height: 88px;
}
.arrowedButton.abTwoLine > span {
  line-height: 1.2em;
  padding-top: 16px;
}

.arrowedButton.abThreeLine {
  height: 88px;
}
.arrowedButton.abThreeLine > span {
  padding-top: 7px;
}
.arrowedButton.abThreeLine .abSubText {
  display: block;
  max-width: 230px;
  font-size: 0.625em;
  line-height: 1.1em;
}

.iconButton {
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 44px;
  margin: 0 0 11px 0;
  position: relative;
  background: #819aa9;
  cursor: pointer;
}
.iconButton.tan {
  border: 1px solid #819aa9;
  background: #819aa9;
}
.iconButton.tan span[class*=icon] {
  color: #ffffff;
}
.iconButton.tan:hover {
  border: 1px solid #a9c1cf;
  background: #a9c1cf;
}
.iconButton > span:first-of-type {
  padding-right: 10px;
  font-size: 30px;
}
.iconButton > span:last-of-type {
  font-family: "ProximaSemiBold";
  font-size: 1.5em;
  line-height: 1.375em;
  font-style: normal;
  text-transform: uppercase;
  color: #ffffff;
}

.iconButton:hover {
  text-decoration: none;
}

/**********************************
	ARROWED LIST ITEMS/BUTTONS
	**********************************/
.arrowedList li {
  width: 98%;
  height: 77px;
  border: 1px solid #819aa9;
  margin: 0 0 11px 0;
  position: relative;
  background: #819aa9;
  overflow: hidden;
  white-space: nowrap;
}
.arrowedList li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 7px 60px 0 16px;
  position: relative;
  vertical-align: top;
  font-family: Georgia;
  font-size: 21px;
  font-style: italic;
  text-align: left;
  text-decoration: none;
  color: #ffffff;
}
.arrowedList li a:hover {
  background: #a9c1cf;
  color: #ffffff;
}
.arrowedList li a > .arrowOuterContainer {
  display: block;
  width: 55px;
  height: 100%;
  padding-top: 2px;
  position: absolute;
  top: 0;
  right: 0;
  line-height: .8461em;
  background: white;
  color: #819aa9;
  text-align: center;
}
.arrowedList li a > .arrowOuterContainer .arrowInnerContainer {
  display: table;
  width: 100%;
  height: 100%;
}
.arrowedList li a > .arrowOuterContainer .arrowInnerContainer span {
  display: table-cell;
  vertical-align: middle;
  font-size: 32px;
}
.arrowedList li a.arrow {
  width: 55px;
  height: 55px;
  padding: 10px 0 0 0;
  border: 1px solid #819aa9;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.75em;
  z-index: 100;
  background: white;
  color: #819aa9;
  text-align: center;
}
.arrowedList li > a > span:first-of-type {
  display: block;
  font-size: 0.53846em;
  /* 14/26 */
  line-height: 1.5714285714285714285714285714286em;
  /* 22/14 */
}

/*****************************
	UI ELEMENTS/ACCORDION
	*****************************/
.accordion {
  border: 1px solid #819aa9;
}
.accordion h3 {
  border-width: 0.05em;
  border-style: solid;
  padding: 0.225em;
  border-top-width: 0;
  border-color: #ffffff;
  margin-bottom: 0;
  font-family: "ProximaSemiBold";
  font-style: normal;
  font-size: 1.25em;
  line-height: 1.65em;
  text-transform: uppercase;
  background: #819aa9;
  color: #ffffff;
  cursor: pointer;
}
.accordion h3:first-of-type {
  border-top-width: 1px;
}
.accordion h3:hover {
  background-color: #a9c1cf;
}
.accordion h3.ui-accordion-header-active {
  outline: none;
  background: #ffffff;
  color: #303030;
}
.accordion h3.ui-accordion-header-active .ui-accordion-header-icon:before {
  display: inline-block;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  color: #303030;
}
.accordion h3 .ui-accordion-header-icon {
  float: right;
}
.accordion h3 .ui-accordion-header-icon:before {
  display: inline-block;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  font-family: 'sb-im-default';
  font-size: 16px;
  content: "\e00c";
  color: #ffffff;
}
.accordion > div {
  padding: 2%;
  margin: 0 auto 0.6875em auto;
}

/*****************************
	UI ELEMENTS/TABS
	*****************************/
.tabs > ul.ui-tabs-nav {
  height: 35px;
  border-bottom: 1px solid #819aa9;
}
.tabs > ul.ui-tabs-nav li {
  height: 33px;
  padding: 0 10px;
  margin: 0 1px 0 0;
  float: left;
  background: #819aa9;
}
.tabs > ul.ui-tabs-nav li a, .tabs > ul.ui-tabs-nav li h3 {
  margin: 0;
  font-size: 1em;
  line-height: 2.0625em;
  font-style: normal;
  font-family: "ProximaBold";
  color: #ffffff;
  text-transform: uppercase;
}
.tabs > ul.ui-tabs-nav li a:hover, .tabs > ul.ui-tabs-nav li h3:hover {
  text-decoration: none;
}
.tabs > ul.ui-tabs-nav li:hover {
  background: #a9c1cf;
}
.tabs > ul.ui-tabs-nav li.ui-tabs-active {
  height: 35px;
  border-left: 1px solid #819aa9;
  border-top: 1px solid #819aa9;
  border-right: 1px solid #819aa9;
  background: #ffffff;
}
.tabs > ul.ui-tabs-nav li.ui-tabs-active a, .tabs > ul.ui-tabs-nav li.ui-tabs-active h3 {
  color: #303030;
}
.tabs > ul.ui-tabs-nav.noStyle {
  height: inherit;
  border-bottom: none;
}
.tabs > ul.ui-tabs-nav.noStyle li {
  height: auto;
  padding: inherit;
  margin: inherit;
  float: none;
  background: inherit;
}
.tabs > ul.ui-tabs-nav.noStyle li a, .tabs > ul.ui-tabs-nav.noStyle li h3 {
  margin: inherit;
  font-size: 1em;
  line-height: 2.0625em;
  font-style: italic;
  font-family: inherit;
  color: #819aa9;
  text-transform: inherit;
}
.tabs > ul.ui-tabs-nav.noStyle li a:hover, .tabs > ul.ui-tabs-nav.noStyle li h3:hover {
  text-decoration: inherit;
  color: #a9c1cf;
}
.tabs > ul.ui-tabs-nav.noStyle li:hover {
  background: inherit;
}
.tabs > ul.ui-tabs-nav.noStyle li.ui-tabs-active {
  height: auto;
  border-left: inherit;
  border-top: inherit;
  border-right: inherit;
  background: inherit;
}
.tabs > ul.ui-tabs-nav.noStyle li.ui-tabs-active a, .tabs > ul.ui-tabs-nav.noStyle li.ui-tabs-active h3 {
  color: inherit;
}
.tabs > .tabsContent {
  padding: 22px;
  border-left: 1px solid #819aa9;
  border-right: 1px solid #819aa9;
  border-bottom: 1px solid #819aa9;
}

.tabs.arrows > .tabsContent {
  border: none;
}
.tabs.arrows > .ui-tabs-nav {
  height: 40px;
}
.tabs.arrows > .ui-tabs-nav li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 40px;
  border-left: 2px solid #ffffff;
  padding: 0;
  margin: 0;
  position: relative;
  float: left;
  background: #819aa9;
  text-align: center;
}
.tabs.arrows > .ui-tabs-nav li.ui-tabs-active {
  background: #a9c1cf;
  border: none;
  height: 40px;
}
.tabs.arrows > .ui-tabs-nav li.ui-tabs-active a {
  color: white;
}
.tabs.arrows > .ui-tabs-nav li.ui-tabs-active:after {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #a9c1cf;
  margin-left: -12px;
  position: absolute;
  top: 39px;
  left: 50%;
  content: '';
}
.tabs.arrows > .ui-tabs-nav li:hover {
  background: #a9c1cf;
}
.tabs.arrows > .ui-tabs-nav li a {
  display: block;
  height: 100%;
  width: 100%;
  font-size: 1.25em;
  line-height: 2.1175em;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.noMargin {
  margin: 0 !important;
}

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

.clearfix:after {
  clear: both;
}

/****************************
	USING TABLES 
	****************************/
.table {
  display: table;
  width: 100%;
}

.tableRow {
  display: table-row;
}

.tableCell {
  display: table-cell;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

/*  For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
  *zoom: 1;
}

/*****************************
	NAV MEDIA QUERIES
	*****************************/
.navRowWide {
  display: none;
  margin-bottom: 1.375em;
}

a.arrowedButton.nav {
  width: 100%;
}
a.arrowedButton.nav span {
  color: #819aa9;
}

@media screen and (min-width: 575px) {
  .header nav a.logo .sb-icon-svcclogo {
    font-size: 55px;
  }

  a.arrowedButton {
    width: auto;
  }

  a.arrowedButton.nav {
    width: inherit;
  }

  .header nav ul.standard div.searchContainer {
    display: none;
  }

  ul .buttonSpacer {
    display: block;
    speak: none;
    color: #eee;
    padding: 0 !important;
    width: 210px !important;
  }
  ul .buttonSpacer li {
    color: #eee !important;
  }

  .navRowWide {
    display: table;
  }

  .header nav a.menuBtn {
    display: none;
  }

  .header nav ul.standard li div.navItem {
    display: none;
  }

  div.subNavContainer {
    display: block;
    overflow: hidden;
    padding-top: 22px;
  }

  .header nav ul.standard div.navButtonContainer a, .header .navSG ul.standard div.navButtonContainer a {
    color: #303030;
  }

  .header nav ul.standard div.inner, .header .navSG ul.standard div.inner {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    padding: 11px 10px 2px 0;
  }

  .header nav ul.standard li div.dropdown div.descriptionContainer, .header .navSG ul.standard li div.dropdown div.descriptionContainer {
    max-width: 320px;
    padding: 18px 18px 12px 4%;
    width: 40%;
    display: block;
    vertical-align: top;
    float: left;
    font-style: normal;
  }
  .header nav ul.standard li div.dropdown div.descriptionContainer span.descriptionHeader, .header .navSG ul.standard li div.dropdown div.descriptionContainer span.descriptionHeader {
    font-size: 20px;
  }
  .header nav ul.standard li div.dropdown div.descriptionContainer p.descriptionContent, .header .navSG ul.standard li div.dropdown div.descriptionContainer p.descriptionContent {
    line-height: 22px;
    font-size: 18px;
  }

  .header nav ul.standard div.navButtonContainer, .header .navSG ul.standard div.navButtonContainer {
    display: inline-block;
    float: right;
    margin-right: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .subNavContainer li {
    color: grey;
  }

  .header nav ul.standard li div.dropdown div.subNavContainer ul.subNav li, .header .navSG ul.standard li div.dropdown div.subNavContainer ul.subNav li {
    padding-bottom: 2px;
    letter-spacing: 1px;
  }

  .header nav ul.standard li div.dropdown div.subNavContainer ul.subNav:last-of-type, .header .navSG ul.standard li div.dropdown div.subNavContainer ul.subNav:last-of-type {
    /*margin-bottom: 70px;*/
    padding-bottom: 0;
  }

  .header nav ul.standard li div.dropdown div.subNavContainer ul.subNav, .header .navSG ul.standard li div.dropdown div.subNavContainer ul.subNav {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 230px;
    padding-left: 3.5%;
  }

  .subNavContainer .subnav {
    padding-right: 0;
  }

  .topLinks a {
    vertical-align: middle;
  }

  .topLinks div.searchContainer {
    position: absolute;
    top: 44px;
    right: 20px;
  }
  .topLinks div.searchContainer input[type=text].searchInput {
    font-family: inherit;
    font-size: 100%;
    margin: 0px -10px 0px 10px;
    background-color: #EAE5E1;
    border: none;
    height: 35px;
    padding: 0px 10px 0px 35px;
    width: 260px;
  }
  .topLinks div.searchContainer a.searchIcon {
    display: inline-block;
    position: absolute;
    left: 11px;
    top: 1px;
    width: auto;
    height: 28px;
    padding: 11px 11px 0;
    margin-right: -100%;
    margin-left: 0;
    color: #303030;
  }
  .topLinks div.searchContainer a.searchIcon:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 770px) {
  .navRowWide a {
    font-size: 1.1875em;
    line-height: 1.736842105263158em;
  }

  .logoSlogan {
    display: none;
  }
}
@media screen and (min-width: 1030px) {
  .navRowWide {
    padding: 0 7%;
  }
}
/*********************************
	MINISTRY LISTING MEDIA QUERIES
	*********************************/
@media screen and (min-width: 480px) {
  ul.fourColumnList {
    padding: 0 11px 0 0;
  }
  ul.fourColumnList li {
    padding: 0 0 0 11px;
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 770px) {
  ul.fourColumnList li {
    width: 33.33333333333333%;
    float: left;
  }
}
@media screen and (min-width: 1050px) {
  ul.fourColumnList li {
    width: 25%;
    float: left;
  }

  .playButton:before {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 82px;
    padding: 0px 2px 0px 4px;
    line-height: 90px;
    margin-top: -45px;
    margin-left: -45px;
    font-family: 'sb-im-default';
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    background-color: #819aa9;
    color: white;
    content: "\e017";
    opacity: 0.9;
    text-decoration: none;
  }
}
/*********************************
	MINISTRY LISTING MEDIA QUERIES (for Watch Page)
	*********************************/
/* @media screen and (min-width: 480px)
{
	.ministryChannelContainer 
	{
		-moz-column-count:2; 
		-webkit-column-count:2; 
		column-count:2;
	}
}

@media screen and (min-width: 770px)
{
	.ministryChannelContainer
	{
		-moz-column-count:3; 
		-webkit-column-count:3; 
		column-count:3;
	}
}

@media screen and (min-width: 1050px)
{
	.ministryChannelContainer
	{
		-moz-column-count:4; 
		-webkit-column-count:4; 
		column-count:4;
	}
	}  */
/*****************************
	FOOTER MEDIA QUERIES
	*****************************/
section.footer nav .subscriptionContainer div.wideLogoContainer, section.footer .navSG .subscriptionContainer div.wideLogoContainer {
  display: none;
}

.footerNav {
  display: none;
}

.footerBottomRow {
  display: none;
}

nav {
  overflow: hidden;
}

div.logoContainer {
  width: 55px;
  margin: 22px auto 0;
}
div.logoContainer a {
  margin: 0 0 11px !important;
}

@media screen and (min-width: 575px) {
  .sectionContainer {
    margin: 0 1% 1.375em;
  }

  section.footer div.socialLinksContainer {
    width: 285px;
    position: absolute;
    top: -58px;
    right: -10px;
  }
  section.footer div.socialLinksContainer ul.socialLinks li a {
    font-size: 1.9em;
  }

  .backToTopContainer {
    display: none;
  }

  .tabs.arrows > .tabsContent {
    border-left: 1px solid #819aa9;
    border-right: 1px solid #819aa9;
    border-bottom: 1px solid #819aa9;
  }

  section.footer nav, section.footer .navSG {
    text-align: right;
    padding-left: 2%;
    padding-right: 2%;
  }
  section.footer nav div.logoContainer, section.footer .navSG div.logoContainer {
    display: none;
  }
  section.footer nav .subscriptionContainer, section.footer .navSG .subscriptionContainer {
    margin-top: 33px;
    height: 30px;
    margin-bottom: 33px;
  }
  section.footer nav .subscriptionContainer div.wideLogoContainer, section.footer .navSG .subscriptionContainer div.wideLogoContainer {
    display: inline;
    float: left;
    position: relative;
    top: -6px;
  }
  section.footer nav .footerNav, section.footer .navSG .footerNav {
    display: table;
    color: white;
    text-align: left;
    width: 100%;
    padding: 38px 0 24px;
    border-top: 1px solid #636363;
    border-bottom: 1px solid #636363;
  }
  section.footer nav .footerNav .footerNavRow, section.footer .navSG .footerNav .footerNavRow {
    display: table-row;
  }
  section.footer nav .footerNav .footerNavRow ul, section.footer .navSG .footerNav .footerNavRow ul {
    display: table-cell;
    padding: 0 3% 0 0;
    max-width: 130px;
    width: 18%;
    /* Makes IE Happy */
  }
  section.footer nav .footerNav .footerNavRow ul li, section.footer .navSG .footerNav .footerNavRow ul li {
    font-size: 0.875em;
    line-height: 1.5714285714285714em;
    font-style: italic;
    color: grey;
    margin-bottom: 7px;
    line-height: 14px;
  }
  section.footer nav .footerNav .footerNavRow ul li a, section.footer .navSG .footerNav .footerNavRow ul li a {
    display: inline-block;
    color: white;
  }
  section.footer nav .footerNav .footerNavRow ul li.footerNavSection, section.footer .navSG .footerNav .footerNavRow ul li.footerNavSection {
    color: #819aa9;
    font-style: normal;
    font-size: 1.25em;
    line-height: 1.375em;
    font-family: "ProximaBold";
    margin-bottom: 6px;
  }
  section.footer nav .footerNav .footerNavRow ul:first-of-type, section.footer .navSG .footerNav .footerNavRow ul:first-of-type {
    padding: 0 3% 0 2%;
  }
  section.footer nav .footerNav .footerNavRow ul:last-of-type, section.footer .navSG .footerNav .footerNavRow ul:last-of-type {
    padding: 0;
  }
  section.footer nav .footerBottomRow, section.footer .navSG .footerBottomRow {
    position: relative;
    color: #acacac;
    display: block;
  }
  section.footer nav .footerBottomRow .footerBottomLinksConatiner, section.footer .navSG .footerBottomRow .footerBottomLinksConatiner {
    margin: 8px 0 0;
  }
  section.footer nav .footerBottomRow .footerBottomLinksConatiner .footerBottomLinks li, section.footer .navSG .footerBottomRow .footerBottomLinksConatiner .footerBottomLinks li {
    float: left;
    font-family: "ProximaSemiBold";
  }
  section.footer nav .footerBottomRow .footerBottomLinksConatiner .footerBottomLinks a, section.footer .navSG .footerBottomRow .footerBottomLinksConatiner .footerBottomLinks a {
    font-family: "ProximaSemiBold";
    color: #acacac;
    margin-right: 22px;
    font-size: 12px;
    font-style: normal;
    text-transform: lowercase;
  }
  section.footer nav .footerBottomRow .footerBottomLinksConatiner .footerBottomLinks .name a, section.footer .navSG .footerBottomRow .footerBottomLinksConatiner .footerBottomLinks .name a {
    margin-right: 5px;
  }
  section.footer nav .footerBottomRow .footerBottomLinksConatiner .language .dk_theme_saddleback.dk_container, section.footer .navSG .footerBottomRow .footerBottomLinksConatiner .language .dk_theme_saddleback.dk_container {
    padding: 0;
  }
  section.footer nav .footerBottomRow .footerBottomLinksConatiner .language .dk_theme_saddleback.dk_container .dk_toggle, section.footer .navSG .footerBottomRow .footerBottomLinksConatiner .language .dk_theme_saddleback.dk_container .dk_toggle {
    background-image: url("/Images/dropkick/arrows_saddleback-footer.png");
    background-position: right 6px;
    background-size: 14%;
    padding: 0 13px 0 0;
  }
  section.footer nav .footerBottomRow .footerBottomLinksConatiner .language .dk_theme_saddleback.dk_container a, section.footer .navSG .footerBottomRow .footerBottomLinksConatiner .language .dk_theme_saddleback.dk_container a {
    color: inherit;
    margin-right: 0;
  }
  section.footer nav .footerBottomRow .footerBottomLinksConatiner .language .dk_theme_saddleback.dk_container .dk_options, section.footer .navSG .footerBottomRow .footerBottomLinksConatiner .language .dk_theme_saddleback.dk_container .dk_options {
    background-color: #acacac;
    border: none;
    margin: 4px 0;
    min-width: 66px;
  }
  section.footer nav .footerBottomRow .footerBottomLinksConatiner .language .dk_theme_saddleback.dk_container .dk_options .dk_options_inner a, section.footer .navSG .footerBottomRow .footerBottomLinksConatiner .language .dk_theme_saddleback.dk_container .dk_options .dk_options_inner a {
    color: #303030;
  }
  section.footer nav .footerBottomRow .copyrightContainer, section.footer .navSG .footerBottomRow .copyrightContainer {
    font-size: 12px;
    text-align: left;
    margin-top: -4px;
    width: 60px;
  }
  section.footer nav .footerBottomRow .copyrightContainer span, section.footer .navSG .footerBottomRow .copyrightContainer span {
    color: white;
    font-family: "ProximaSemiBold";
  }
}
@media screen and (min-width: 870px) {
  .btn {
    padding: 5px 10px;
  }

  section.footer nav .subscriptionContainer, section.footer .navSG .subscriptionContainer {
    position: relative;
  }
  section.footer nav .subscriptionContainer span, section.footer .navSG .subscriptionContainer span {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 3px;
    right: 306px;
    text-align: right;
  }
  section.footer nav .subscriptionContainer .subscriptionInput, section.footer .navSG .subscriptionContainer .subscriptionInput {
    position: absolute;
    margin: 0;
    top: 0;
    right: 80px;
    height: 30px;
  }
  section.footer nav .subscriptionContainer .subscriptionSubmit, section.footer .navSG .subscriptionContainer .subscriptionSubmit {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
  }
}
@media screen and (min-width: 575px) and (max-width: 640px) {
  .footer .language {
    display: none;
  }
}
@media screen and (min-width: 575px) and (max-width: 869px) {
  .subscriptionContainer {
    position: relative;
  }
  .subscriptionContainer span {
    position: absolute;
    top: -26px;
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .filterToggle {
    display: none;
  }

  .filterBar {
    display: block;
  }
  .filterBar input[type=radio], .filterBar input[type=checkbox] {
    display: inline;
    width: auto;
    margin: 5px;
    float: none;
    vertical-align: top;
  }
  .filterBar label {
    display: inline-block;
    width: auto;
    padding: 0;
    margin-right: 10px;
    float: none;
    line-height: 22px;
  }
  .filterBar label:last-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1000px) {
  section.footer nav .footerNav .footerNavRow ul:first-of-type {
    padding: 0 3% 0 3%;
  }

  section.footer div.socialLinksContainer ul.socialLinks li {
    margin-left: 10px;
    margin-right: 0px;
  }
  section.footer div.socialLinksContainer ul.socialLinks li a {
    font-size: 1.9em;
  }
}
/* ==========================================================================
	Print styles.
	Inlined to avoid required HTTP connection: h5bp.com/r
	========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
  	* Dont show links for images, or javascript/internal links
  	*/
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/**************************************
	SMALL LOADING ICON
	**************************************/
#floatingBarsG.small {
  position: relative;
  width: 14px;
  height: 18px;
}
#floatingBarsG.small .blockG {
  position: absolute;
  background-color: transparent;
  width: 2px;
  height: 6px;
  -moz-border-radius: 2px 2px 0 0;
  -moz-transform: scale(0.4);
  -moz-animation-name: fadeG;
  -moz-animation-duration: 0.64s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -webkit-border-radius: 2px 2px 0 0;
  -webkit-transform: scale(0.4);
  -webkit-animation-name: fadeG;
  -webkit-animation-duration: 0.64s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -ms-border-radius: 2px 2px 0 0;
  -ms-transform: scale(0.4);
  -ms-animation-name: fadeG;
  -ms-animation-duration: 0.64s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -o-border-radius: 2px 2px 0 0;
  -o-transform: scale(0.4);
  -o-animation-name: fadeG;
  -o-animation-duration: 0.64s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  border-radius: 2px 2px 0 0;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-animation-name: fadeG;
          animation-name: fadeG;
  -webkit-animation-duration: 0.64s;
          animation-duration: 0.64s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
          animation-direction: linear;
}
#floatingBarsG.small #rotateG_01 {
  left: 0;
  top: 7px;
  -moz-animation-delay: 0.24000000000000005s;
  -moz-transform: rotate(-90deg);
  -webkit-animation-delay: 0.24000000000000005s;
  -webkit-transform: rotate(-90deg);
  -ms-animation-delay: 0.24000000000000005s;
  -ms-transform: rotate(-90deg);
  -o-animation-delay: 0.24000000000000005s;
  -o-transform: rotate(-90deg);
  -webkit-animation-delay: 0.24000000000000005s;
          animation-delay: 0.24000000000000005s;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#floatingBarsG.small #rotateG_02 {
  left: 2px;
  top: 2px;
  -moz-animation-delay: 0.32s;
  -moz-transform: rotate(-45deg);
  -webkit-animation-delay: 0.32s;
  -webkit-transform: rotate(-45deg);
  -ms-animation-delay: 0.32s;
  -ms-transform: rotate(-45deg);
  -o-animation-delay: 0.32s;
  -o-transform: rotate(-45deg);
  -webkit-animation-delay: 0.32s;
          animation-delay: 0.32s;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#floatingBarsG.small #rotateG_03 {
  left: 6px;
  top: 1px;
  -moz-animation-delay: 0.4s;
  -moz-transform: rotate(0deg);
  -webkit-animation-delay: 0.4s;
  -webkit-transform: rotate(0deg);
  -ms-animation-delay: 0.4s;
  -ms-transform: rotate(0deg);
  -o-animation-delay: 0.4s;
  -o-transform: rotate(0deg);
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#floatingBarsG.small #rotateG_04 {
  right: 2px;
  top: 2px;
  -moz-animation-delay: 0.4800000000000001s;
  -moz-transform: rotate(45deg);
  -webkit-animation-delay: 0.4800000000000001s;
  -webkit-transform: rotate(45deg);
  -ms-animation-delay: 0.4800000000000001s;
  -ms-transform: rotate(45deg);
  -o-animation-delay: 0.4800000000000001s;
  -o-transform: rotate(45deg);
  -webkit-animation-delay: 0.4800000000000001s;
          animation-delay: 0.4800000000000001s;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#floatingBarsG.small #rotateG_05 {
  right: 0;
  top: 7px;
  -moz-animation-delay: 0.56s;
  -moz-transform: rotate(90deg);
  -webkit-animation-delay: 0.56s;
  -webkit-transform: rotate(90deg);
  -ms-animation-delay: 0.56s;
  -ms-transform: rotate(90deg);
  -o-animation-delay: 0.56s;
  -o-transform: rotate(90deg);
  -webkit-animation-delay: 0.56s;
          animation-delay: 0.56s;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#floatingBarsG.small #rotateG_06 {
  right: 2px;
  bottom: 2px;
  -moz-animation-delay: 0.64s;
  -moz-transform: rotate(135deg);
  -webkit-animation-delay: 0.64s;
  -webkit-transform: rotate(135deg);
  -ms-animation-delay: 0.64s;
  -ms-transform: rotate(135deg);
  -o-animation-delay: 0.64s;
  -o-transform: rotate(135deg);
  -webkit-animation-delay: 0.64s;
          animation-delay: 0.64s;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
#floatingBarsG.small #rotateG_07 {
  bottom: 0;
  left: 6px;
  -moz-animation-delay: 0.72s;
  -moz-transform: rotate(180deg);
  -webkit-animation-delay: 0.72s;
  -webkit-transform: rotate(180deg);
  -ms-animation-delay: 0.72s;
  -ms-transform: rotate(180deg);
  -o-animation-delay: 0.72s;
  -o-transform: rotate(180deg);
  -webkit-animation-delay: 0.72s;
          animation-delay: 0.72s;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#floatingBarsG.small #rotateG_08 {
  left: 2px;
  bottom: 2px;
  -moz-animation-delay: 0.8s;
  -moz-transform: rotate(-135deg);
  -webkit-animation-delay: 0.8s;
  -webkit-transform: rotate(-135deg);
  -ms-animation-delay: 0.8s;
  -ms-transform: rotate(-135deg);
  -o-animation-delay: 0.8s;
  -o-transform: rotate(-135deg);
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

/***********************************
	STANDARD LOADING ICON
	***********************************/
#floatingBarsG.std {
  position: relative;
  width: 40px;
  height: 50px;
}
#floatingBarsG.std .blockG {
  position: absolute;
  background-color: #FFFFFF;
  width: 6px;
  height: 16px;
  -moz-border-radius: 6px 6px 0 0;
  -moz-transform: scale(0.4);
  -moz-animation-name: fadeG;
  -moz-animation-duration: 0.64s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -webkit-border-radius: 6px 6px 0 0;
  -webkit-transform: scale(0.4);
  -webkit-animation-name: fadeG;
  -webkit-animation-duration: 0.64s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -ms-border-radius: 6px 6px 0 0;
  -ms-transform: scale(0.4);
  -ms-animation-name: fadeG;
  -ms-animation-duration: 0.64s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -o-border-radius: 6px 6px 0 0;
  -o-transform: scale(0.4);
  -o-animation-name: fadeG;
  -o-animation-duration: 0.64s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  border-radius: 6px 6px 0 0;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-animation-name: fadeG;
          animation-name: fadeG;
  -webkit-animation-duration: 0.64s;
          animation-duration: 0.64s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
          animation-direction: linear;
}
#floatingBarsG.std #rotateG_01 {
  left: 0;
  top: 18px;
  -moz-animation-delay: 0.24000000000000005s;
  -moz-transform: rotate(-90deg);
  -webkit-animation-delay: 0.24000000000000005s;
  -webkit-transform: rotate(-90deg);
  -ms-animation-delay: 0.24000000000000005s;
  -ms-transform: rotate(-90deg);
  -o-animation-delay: 0.24000000000000005s;
  -o-transform: rotate(-90deg);
  -webkit-animation-delay: 0.24000000000000005s;
          animation-delay: 0.24000000000000005s;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#floatingBarsG.std #rotateG_02 {
  left: 5px;
  top: 6px;
  -moz-animation-delay: 0.32s;
  -moz-transform: rotate(-45deg);
  -webkit-animation-delay: 0.32s;
  -webkit-transform: rotate(-45deg);
  -ms-animation-delay: 0.32s;
  -ms-transform: rotate(-45deg);
  -o-animation-delay: 0.32s;
  -o-transform: rotate(-45deg);
  -webkit-animation-delay: 0.32s;
          animation-delay: 0.32s;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#floatingBarsG.std #rotateG_03 {
  left: 17px;
  top: 2px;
  -moz-animation-delay: 0.4s;
  -moz-transform: rotate(0deg);
  -webkit-animation-delay: 0.4s;
  -webkit-transform: rotate(0deg);
  -ms-animation-delay: 0.4s;
  -ms-transform: rotate(0deg);
  -o-animation-delay: 0.4s;
  -o-transform: rotate(0deg);
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#floatingBarsG.std #rotateG_04 {
  right: 5px;
  top: 6px;
  -moz-animation-delay: 0.4800000000000001s;
  -moz-transform: rotate(45deg);
  -webkit-animation-delay: 0.4800000000000001s;
  -webkit-transform: rotate(45deg);
  -ms-animation-delay: 0.4800000000000001s;
  -ms-transform: rotate(45deg);
  -o-animation-delay: 0.4800000000000001s;
  -o-transform: rotate(45deg);
  -webkit-animation-delay: 0.4800000000000001s;
          animation-delay: 0.4800000000000001s;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#floatingBarsG.std #rotateG_05 {
  right: 0;
  top: 18px;
  -moz-animation-delay: 0.56s;
  -moz-transform: rotate(90deg);
  -webkit-animation-delay: 0.56s;
  -webkit-transform: rotate(90deg);
  -ms-animation-delay: 0.56s;
  -ms-transform: rotate(90deg);
  -o-animation-delay: 0.56s;
  -o-transform: rotate(90deg);
  -webkit-animation-delay: 0.56s;
          animation-delay: 0.56s;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#floatingBarsG.std #rotateG_06 {
  right: 5px;
  bottom: 5px;
  -moz-animation-delay: 0.64s;
  -moz-transform: rotate(135deg);
  -webkit-animation-delay: 0.64s;
  -webkit-transform: rotate(135deg);
  -ms-animation-delay: 0.64s;
  -ms-transform: rotate(135deg);
  -o-animation-delay: 0.64s;
  -o-transform: rotate(135deg);
  -webkit-animation-delay: 0.64s;
          animation-delay: 0.64s;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
#floatingBarsG.std #rotateG_07 {
  bottom: 0;
  left: 17px;
  -moz-animation-delay: 0.72s;
  -moz-transform: rotate(180deg);
  -webkit-animation-delay: 0.72s;
  -webkit-transform: rotate(180deg);
  -ms-animation-delay: 0.72s;
  -ms-transform: rotate(180deg);
  -o-animation-delay: 0.72s;
  -o-transform: rotate(180deg);
  -webkit-animation-delay: 0.72s;
          animation-delay: 0.72s;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#floatingBarsG.std #rotateG_08 {
  left: 5px;
  bottom: 5px;
  -moz-animation-delay: 0.8s;
  -moz-transform: rotate(-135deg);
  -webkit-animation-delay: 0.8s;
  -webkit-transform: rotate(-135deg);
  -ms-animation-delay: 0.8s;
  -ms-transform: rotate(-135deg);
  -o-animation-delay: 0.8s;
  -o-transform: rotate(-135deg);
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
@-webkit-keyframes fadeG {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: transparent;
  }
}
@-ms-keyframes fadeG {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes fadeG {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: transparent;
  }
}
.rotate90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rotateNeg90 {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.rotate180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rotate270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.rotate360Loop {
  -webkit-animation: linearLoop360 1.3s linear infinite;
  /* Safari and Chrome */
  animation: linearLoop360 1.3s linear infinite;
  -webkit-transform-origin: 50% 43%;
          transform-origin: 50% 43%;
  /*line-height: 0em;*/
}

span.rotate360Loop {
  transform-origin: 50% 45%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 48%;
  -o-transform-origin: 50% 50%;
  display: inline-block;
}

div.rotate360Loop {
  transform-origin: 50% 45%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  display: block;
}

@keyframes linearLoop360 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes linearLoop360 /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}