/* FONT NAMES */
/* COLOR NAMES */
/* LAYOUT */
/*
$width-row: 960px;
$width-content-with-sidebar: 585px;
*/
/* TEXT */
/* BODY */
/* HEADER */
/*
$header-logo-height: 105px;
$header-logo-position-top: 9px;
$header-logo-position-left: 0px;

$header-call-font: $body-font;
$header-call-color: $teal;
$header-callout-font: 600 16px/1.5em $primary-font-family;
$header-callout-color: $teal;

*/
/* HERO */
/*
$slideshow-width: $width-row;
$slideshow-height: 420px;
$slideshow-img-border: 1px solid $grey4;
$slideshow-nav-width: 13px;
$slideshow-nav-height: 13px;

$slideshow-overlay-width: 500px;
$slideshow-overlay-height: auto;
$slideshow-overlay-position-top: 165px;
$slideshow-overlay-position-left: ($slideshow-width - $slideshow-overlay-width) / 2;
$slideshow-overlay-background: url(../images/color/black-trans-60.png);
$slideshow-overlay-padding: 25px 40px 0;

$hero-banner-overlay-width: 500px;
$hero-banner-overlay-height: auto;
$hero-banner-overlay-position-top: 100px;
$hero-banner-overlay-position-left: ($slideshow-width - $hero-banner-overlay-width) / 2;
$hero-banner-overlay-background: url(../images/color/black-trans-60.png);
$hero-banner-overlay-padding: 25px 40px 0;
*/
/* CONTENT */
/*
$content-main-background: white;
$content-main-border: 1px solid $grey4;
$content-main-padding: 20px 30px;

$content-sidebar-background: white;
$content-sidebar-border: none;
$content-sidebar-padding: 0px;

*/
/* FOOTER */
/* MOBILE */
/*
$mobile-header-border-top: 3px solid $blue;
$mobile-header-background: white;

$mobile-call-width: 294px;
$mobile-call-height: 52px;
$mobile-call-margin: 10px auto;

$mobile-logo-width: 320px;
$mobile-logo-height: 120px;
$mobile-logo-margin: 0 auto 20px;
*/
/* MODULES */
/* LOCAL MIXINS */
/* MIXINS */
/* FUNCTIONS  */
/* CLEARFIX */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,700");
@import url("https://fonts.googleapis.com/css?family=Satisfy");
@import url("https://fonts.googleapis.com/css?family=Aleo&display=swap");
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  line-height: 0;
  content: " ";
  clear: both;
  height: 0;
  width: 0; }

.clearfix {
  display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* close commented backslash hack */
/* RESETS */
img {
  border: 0; }

* {
  margin: 0;
  padding: 0; }

:focus {
  outline: 0; }

/* 
	BOX SIZING FTW 
	http://www.paulirish.com/2012/box-sizing-border-box-ftw/
	http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
*/
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/* LISTS */
#main ul, #main ol {
  margin-left: 20px;
  padding-bottom: 15px; }

#main ul li, #main ol li {
  padding-left: 0px;
  padding-bottom: 5px; }

/* FANCYBOX */
#fancybox-left-ico {
  left: 20px; }

#fancybox-right-ico {
  right: 20px;
  left: auto; }

#fancybox-wrap, #fancybox-wrap * {
  box-sizing: content-box !important; }

/* WORDPRESS ALIGN BUTTONS */
.alignright {
  float: right;
  margin-left: 5px; }

.alignleft {
  float: left;
  margin-right: 5px; }

.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

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

/* CENTERED LIST */
.centered-list {
  float: left;
  width: 100%;
  position: relative;
  /* overflow:hidden; */ }
  .centered-list > ul {
    clear: left;
    /* float:left; */
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    /* left:50%; */
    right: 50%;
    text-align: center; }
    .centered-list > ul > li {
      display: block;
      float: left;
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
      /* right:50%; */
      left: 50%; }

.container:after, .image-detail:after, #nav > ul:after, #nav > ul ul:after {
  content: " ";
  display: block;
  clear: both; }

.slideshow .pagination ul, #nav > ul, #nav > ul ul {
  margin: 0;
  padding: 0;
  list-style: none; }

/* @mixin filter($value){
 filter: grayscale($value);
 -webkit-filter: grayscale($value);
 -moz-filter: grayscale($value) ;
 -o-filter: grayscale($value);
 -ms-filter: grayscale($value);
}
 */
/* 
body {
	background: $body-background;
	@if $header-position == fixed {
		padding-top: $header-height;		
	}
}
 */
/* main wrapper styles */
#wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 130px; }
  @media (max-width: 1023px) {
    #wrapper {
      padding-top: 95px; } }

/* main container styles */
.container {
  position: relative;
  max-width: 1040px;
  margin: 0 auto;
  padding-right: 10px;
  padding-left: 10px; }

/* FLUID RIGHT CONTENT - FIXED LEFT SIDEBAR */
.fluid-main {
  width: 100%;
  float: right; }
  @media (max-width: 767px) {
    .fluid-main {
      float: none;
      height: auto !important; } }
  .fluid-main > div {
    margin-left: 235px; }
    @media (max-width: 767px) {
      .fluid-main > div {
        float: none;
        width: 100%;
        margin-left: 0; } }

.fixed-sidebar {
  width: 200px;
  float: left;
  margin-right: -235px; }
  @media (max-width: 767px) {
    .fixed-sidebar {
      float: none;
      width: 100%;
      margin-right: 0; } }

.grid-container {
  padding-top: 40px; }
  .grid-container.no-padding-top {
    padding-top: 0px; }
  .grid-container.no-gutter .grid12-4 {
    width: 30%;
    margin-left: 0;
    margin-right: 0; }
    .grid-container.no-gutter .grid12-4:nth-child(3n+2) {
      margin-left: 5%;
      margin-right: 5%; }
  .grid-container > div.margin-bottom {
    margin-bottom: 40px; }

/*
 * 12-column grid system
 */
/* Grid units
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
.grid-full, .grid-col2-sidebar,
.grid-col2-main {
  /*position:relative;*/
  display: inline;
  float: left;
  margin-left: 1%;
  margin-right: 1%; }

/* Basic grid units width */
.grid12-1 {
  width: 6.33%; }

.grid12-2 {
  width: 14.66%; }

.grid12-3 {
  width: 23%; }

.grid12-4 {
  width: 31.33%; }

.grid12-5 {
  width: 39.67%; }

.grid12-6 {
  width: 48%; }

.grid12-7 {
  width: 56.33%; }

.grid12-8 {
  width: 64.67%; }

.grid12-9 {
  width: 73%; }

.grid12-10 {
  width: 81.33%; }

.grid12-11 {
  width: 89.67%; }

.grid12-12,
.grid-full {
  width: 98%; }

/* Grid units without left gutter (margin) */
.no-left-gutter.grid12-1 {
  margin-left: 0;
  width: 7.33%; }

.no-left-gutter.grid12-2 {
  margin-left: 0;
  width: 15.66%; }

.no-left-gutter.grid12-3 {
  margin-left: 0;
  width: 24%; }

.no-left-gutter.grid12-4 {
  margin-left: 0;
  width: 32.33%; }

.no-left-gutter.grid12-5 {
  margin-left: 0;
  width: 40.67%; }

.no-left-gutter.grid12-6 {
  margin-left: 0;
  width: 49%; }

.no-left-gutter.grid12-7 {
  margin-left: 0;
  width: 57.33%; }

.no-left-gutter.grid12-8 {
  margin-left: 0;
  width: 65.67%; }

.no-left-gutter.grid12-9 {
  margin-left: 0;
  width: 74%; }

.no-left-gutter.grid12-10 {
  margin-left: 0;
  width: 82.33%; }

.no-left-gutter.grid12-11 {
  margin-left: 0;
  width: 90.67%; }

.no-left-gutter.grid12-12,
.no-left-gutter.grid-full {
  margin-left: 0;
  width: 99%; }

/* Grid units without right gutter (margin) */
.no-right-gutter.grid12-1 {
  margin-right: 0;
  width: 7.33%; }

.no-right-gutter.grid12-2 {
  margin-right: 0;
  width: 15.66%; }

.no-right-gutter.grid12-3 {
  margin-right: 0;
  width: 24%; }

.no-right-gutter.grid12-4 {
  margin-right: 0;
  width: 32.33%; }

.no-right-gutter.grid12-5 {
  margin-right: 0;
  width: 40.67%; }

.no-right-gutter.grid12-6 {
  margin-right: 0;
  width: 49%; }

.no-right-gutter.grid12-7 {
  margin-right: 0;
  width: 57.33%; }

.no-right-gutter.grid12-8 {
  margin-right: 0;
  width: 65.67%; }

.no-right-gutter.grid12-9 {
  margin-right: 0;
  width: 74%; }

.no-right-gutter.grid12-10 {
  margin-right: 0;
  width: 82.33%; }

.no-right-gutter.grid12-11 {
  margin-right: 0;
  width: 90.67%; }

.no-right-gutter.grid12-12,
.no-right-gutter.grid-full {
  margin-right: 0;
  width: 99%; }

/* Grid units without any gutter (margin) */
.no-gutter.grid12-1 {
  margin-left: 0;
  margin-right: 0;
  width: 8.33%; }

.no-gutter.grid12-2 {
  margin-left: 0;
  margin-right: 0;
  width: 16.66%; }

.no-gutter.grid12-3 {
  margin-left: 0;
  margin-right: 0;
  width: 25%; }

.no-gutter.grid12-4 {
  margin-left: 0;
  margin-right: 0;
  width: 33.33%; }

.no-gutter.grid12-5 {
  margin-left: 0;
  margin-right: 0;
  width: 41.67%; }

.no-gutter.grid12-6 {
  margin-left: 0;
  margin-right: 0;
  width: 50%; }

.no-gutter.grid12-7 {
  margin-left: 0;
  margin-right: 0;
  width: 58.33%; }

.no-gutter.grid12-8 {
  margin-left: 0;
  margin-right: 0;
  width: 66.67%; }

.no-gutter.grid12-9 {
  margin-left: 0;
  margin-right: 0;
  width: 75%; }

.no-gutter.grid12-10 {
  margin-left: 0;
  margin-right: 0;
  width: 83.33%; }

.no-gutter.grid12-11 {
  margin-left: 0;
  margin-right: 0;
  width: 91.67%; }

.no-gutter.grid12-12,
.no-gutter.grid-full {
  margin-left: 0;
  margin-right: 0;
  width: 100%; }

/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: fixed-width sidebar unit and fluid main unit.
   Sidebar unit has the same width for all screen sizes equal or greater than 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar {
  width: 23%; }

.grid-col2-main {
  width: 73%; }

.no-gutter.grid-col2-sidebar {
  margin-left: 0;
  margin-right: 0;
  width: 25%; }

.no-gutter.grid-col2-main {
  margin-left: 0;
  margin-right: 0;
  width: 75%; }

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar {
  width: 31.52%; }

.grid-col3-main {
  width: 65.90%; }

.no-gutter.grid-col3-sidebar {
  margin-left: 0;
  margin-right: 0;
  width: 31.52%; }

.no-gutter.grid-col3-main {
  margin-left: 0;
  margin-right: 0;
  width: 65.90%; }

/* Vertically aligned grid
-------------------------------------------------------------- */
.v-grid-container {
  display: table;
  width: 100%; }

.v-grid {
  float: none;
  display: table-cell;
  vertical-align: middle; }

/* Utility classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */
.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 {
  display: none !important; }

.hide-below-1440 {
  display: none !important; }

.hide-below-1360 {
  display: none !important; }

.hide-below-1280 {
  display: none !important; }

/* Containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Main container for page content.
   Max width of the page is applied to elements with this class.
-------------------------------------------------------------- */
.container {
  margin-left: auto;
  margin-right: auto; }

.nested-container {
  width: 102%;
  margin-left: -1%; }

/* Deprecated */
/* Inner container.
   Additional container, horizontal padding is applied to elements with this class.
-------------------------------------------------------------- */
.inner-container {
  padding-left: 15px;
  padding-right: 15px;
  /* Clear floats */
  *zoom: 1;
  clear: both; }

/* Clear floats */
.inner-container:before,
.inner-container:after {
  display: table;
  line-height: 0;
  content: ""; }

.inner-container:after {
  clear: both; }

/* Stretched container.
   If container is stretched, remove side padding from inner container.
-------------------------------------------------------------- */
.container.stretched > .inner-container {
  padding-left: 0;
  padding-right: 0; }

/* Deprecated, for backward compatibility: */
.container.stretched > .grid-full {
  width: 100%;
  margin-left: 0;
  margin-right: 0; }

/* Grid units containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Grid units container:
   clears floats (place grid units inside "div" with this class)
-------------------------------------------------------------- */
.grid-container {
  *zoom: 1;
  clear: both; }

.grid-container:before,
.grid-container:after {
  display: table;
  line-height: 0;
  content: ""; }

.grid-container:after {
  clear: both; }

/* Grid unit container:
   clears floats and adds vertical margin between units
-------------------------------------------------------------- */
.grid-container-spaced {
  *zoom: 1;
  clear: both; }

.grid-container-spaced:before,
.grid-container-spaced:after {
  display: table;
  line-height: 0;
  content: ""; }

.grid-container-spaced:after {
  clear: both; }

.grid-container-spaced .grid12-1,
.grid-container-spaced .grid12-2,
.grid-container-spaced .grid12-3,
.grid-container-spaced .grid12-4,
.grid-container-spaced .grid12-5,
.grid-container-spaced .grid12-6,
.grid-container-spaced .grid12-7,
.grid-container-spaced .grid12-8,
.grid-container-spaced .grid12-9,
.grid-container-spaced .grid12-10,
.grid-container-spaced .grid12-11,
.grid-container-spaced .grid12-12,
.grid-container-spaced .grid-full {
  margin-bottom: 2%; }

/* Grid presentation
-------------------------------------------------------------- */
.show-grid [class*="grid12-"] {
  background-color: #eee;
  text-align: center;
  min-height: 40px;
  line-height: 40px;
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out; }

.show-grid [class*="grid12-"]:hover {
  background-color: #F08080; }

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2015-06-17 00:10:15 */
/* Grid container
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 
	.container {
		width:96%;
	
										}

				.lte-ie8 .container { max-width:1200px; }
	




 */
/* Desktop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 1280px <= width */
@media only screen and (min-width: 1280px) {
  /* .container { max-width: 1200px; } */
  /* Special grid units */
  .grid-col2-sidebar {
    width: 20.41%; }
  .grid-col2-main {
    width: 75.58%; }
  .no-gutter.grid-col2-sidebar {
    width: 22.41%; }
  .no-gutter.grid-col2-main {
    width: 77.58%; }
  .grid-col3-sidebar {
    width: 27.01%; }
  .grid-col3-main {
    width: 70.34%; }
  .no-gutter.grid-col3-sidebar {
    width: 27.01%; }
  .no-gutter.grid-col3-main {
    width: 70.34%; }
  /* Hide */
  .hide-below-1280 {
    display: inherit !important; } }

/* Design for a width of less than 1024 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* width < 1024px */
@media only screen and (max-width: 1023px) {
  /* Hide */
  .hide-below-1024 {
    display: none !important; } }

/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* Hide */
  .hide-below-960 {
    display: none !important; }
  /* Hide */
  .full-below-960 {
    width: 100% !important;
    /* Added "!important" to override units with "no-gutter" */
    margin-left: 0;
    margin-right: 0; } }

/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* width < 768px */
@media only screen and (max-width: 767px) {
  .nested-container {
    width: 100%;
    margin-left: auto; }
  /* Nav container with outline (if nav container has background color).
	   Apply the same vertical margins, as container's side padding. */
  .nav.has-outline > .grid-full {
    margin-top: 2%;
    margin-bottom: 2%; }
  /* Below 768px all grid units are stretched (full width) and stack vertically */
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-5,
  .grid12-6,
  .grid12-7,
  .grid12-8,
  .grid12-9,
  .grid12-10,
  .grid12-11,
  .grid12-12,
  .grid-full,
  .grid-col2-sidebar,
  .grid-col2-main,
  .grid-col3-sidebar,
  .grid-col3-main {
    width: 100% !important;
    /* Added "!important" to override units with "no-gutter" */
    margin-left: 0 !important;
    margin-right: 0 !important; }
  /* Vertically aligned grid
	-------------------------------------------------------------- */
  .v-grid-container {
    display: block; }
  .v-grid {
    float: inherit;
    display: block;
    width: 100%; } }

/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* Hide */
  .hide-below-960 {
    display: none !important; }
  .hide-below-768 {
    display: none !important; }
  /* Deprecated: persistent grid units (will be removed in the next update)
	-------------------------------------------------------------- */
  /* Half */
  .persistent-grid2-1 {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%; }
  /* One-third + two-thirds */
  .persistent-grid3-1 {
    width: 31.33%;
    margin-left: 1%;
    margin-right: 1%; }
  .persistent-grid3-2 {
    width: 64.67%;
    margin-left: 1%;
    margin-right: 1%; }
  /* One-fourth + two-fourths + three-fourths */
  .persistent-grid4-1 {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%; }
  .persistent-grid4-2 {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%; }
  .persistent-grid4-3 {
    width: 73%;
    margin-left: 1%;
    margin-right: 1%; }
  /* Mobile grid (for browser viewport between 480px and 768px):
	   Below 768px all grid units are stretched (full width) and stack vertically.
	   The "mobile-grid" class forces narrow grid units to stay narrow,
	   but the width is increased to avoid too small columns.
	-------------------------------------------------------------- */
  .mobile-grid.grid12-1 {
    width: 14.66% !important;
    margin-left: 1%;
    margin-right: 1%; }
  /* 1/12 turns into 1/6 */
  .mobile-grid.grid12-2 {
    width: 31.33% !important;
    margin-left: 1%;
    margin-right: 1%; }
  /* 1/6  turns into 1/3 */
  .mobile-grid.grid12-3 {
    width: 48% !important;
    margin-left: 1%;
    margin-right: 1%; }
  /* 1/4  turns into 1/2 */
  /* Force other grid units to take half of the available width */
  .mobile-grid-half {
    width: 48% !important;
    margin-left: 1%;
    margin-right: 1%; } }

/* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 640px <= width < 768px */
/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* width < 480px */
/* Mobile (Portrait) - design for a width of 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  /* Hide */
  .hide-below-960 {
    display: none !important; }
  .hide-below-768 {
    display: none !important; }
  .hide-below-480 {
    display: none !important; } }

/* Mobile (Portrait) - design for a width of less than 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* width < 320px */
@media only screen and (max-width: 319px) {
  /* Hide */
  .hide-below-960 {
    display: none !important; }
  .hide-below-768 {
    display: none !important; }
  .hide-below-480 {
    display: none !important; }
  .hide-below-320 {
    display: none !important; } }

/* slideshow styles */
.slideshow {
  position: relative;
  margin: 0 0 30px;
  /* caption styles */
  /* pagination styles */ }
  .slideshow .slide {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%; }
    .slideshow .slide.active {
      z-index: 2; }
  .slideshow .slideset {
    position: relative;
    margin: 0 0 15px; }
  .slideshow .caption-holder {
    white-space: nowrap;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0; }
    .slideshow .caption-holder:after {
      display: inline-block;
      vertical-align: middle;
      margin: 0 0 0 -5px;
      min-height: 100%;
      overflow: hidden;
      width: 1px;
      content: ""; }
    .slideshow .caption-holder .caption-frame {
      display: inline-block;
      vertical-align: bottom;
      white-space: normal;
      width: 100%;
      padding: 20px; }
  .slideshow .image .img-holder,
  .slideshow .image .img-frame {
    position: relative;
    float: left;
    min-width: 1920px;
    width: 100%;
    left: 50%; }
  .slideshow .image .img-frame {
    left: -50%; }
  .slideshow .image img {
    display: block;
    width: 100%;
    height: auto; }
  .slideshow .caption {
    color: #fff;
    max-width: 799px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    font-size: 16px;
    line-height: 24px; }
    .slideshow .caption h3 {
      font-size: 18px;
      font-weight: 300;
      font-family: "Merriweather", Helvetica, serif;
      line-height: 22px;
      text-transform: uppercase;
      padding: 10px 5px;
      text-shadow: 0 3px 3px rgba(0, 0, 0, 0.75);
      border-width: 1px 0 1px 0;
      border-style: dotted;
      border-color: #fff;
      margin: 0 0 10px; }
    .slideshow .caption .btn-default {
      font-size: 18px;
      font-family: "Open Sans Condensed", Helvetica, sans-serif;
      line-height: 20px;
      min-width: 235px;
      padding: 10px; }
    .slideshow .caption p {
      margin: 0 0 10px; }
      .slideshow .caption p a:hover {
        opacity: 0.80; }
  .slideshow .pagination {
    text-align: center; }
    .slideshow .pagination ul {
      font-size: 0;
      line-height: 0; }
      .slideshow .pagination ul li {
        margin: 0 3px;
        display: inline-block;
        vertical-align: top; }
        .slideshow .pagination ul li a {
          display: none;
          width: 14px;
          height: 14px;
          border-radius: 100%;
          background: #363636; }
          .slideshow .pagination ul li a:hover {
            background: #d6a34b; }
        .slideshow .pagination ul li.active a {
          background: #d6a34b; }
  @media (min-width: 768px) {
    .slideshow .caption {
      font-size: 18px;
      line-height: 30px; }
      .slideshow .caption h3 {
        font-size: 24px;
        line-height: 30px; } }
  @media (min-width: 1240px) {
    .slideshow {
      margin: 0 0 34px; }
      .slideshow .slideset {
        margin: 0 0 8px; }
      .slideshow .caption {
        padding: 32px; }
        .slideshow .caption h3 {
          border-width: 2px 0;
          margin: 0 0 15px;
          padding: 21px 10px 11px; }
        .slideshow .caption .btn-default {
          padding: 10px 10px 11px; }
        .slideshow .caption p {
          margin: 0 0 15px; } }

.nf-form-cont {
  font-size: 18px; }
  .nf-form-cont .nf-field-label {
    margin-bottom: 0 !important; }
    .nf-form-cont .nf-field-label > label {
      font-weight: normal;
      font-size: 16px; }
  .nf-form-cont .nf-field {
    margin-bottom: 10px; }
  .nf-form-cont input, .nf-form-cont textarea, .nf-form-cont select {
    background-color: white;
    border: 1px solid #eceaeb;
    border-radius: 4px;
    color: #777;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.65;
    padding: 6px 12px; }
  .nf-form-cont .nf-error .ninja-forms-field {
    border: 1px solid #dd3333; }
  .nf-form-cont .recaptcha-container .nf-field-label {
    display: none; }
  .nf-form-cont input[type="button"] {
    cursor: pointer;
    cursor: hand; }

.nf-form-fields-required {
  display: none; }

.nf-response-msg {
  margin-top: 150px;
  background-color: white;
  border: 1px solid green;
  border-radius: 4px;
  font-size: 18px;
  padding: 20px;
  text-align: center; }
  .nf-response-msg:empty {
    display: none; }

blockquote q {
  font-style: italic;
  display: block; }

blockquote cite {
  display: block;
  font-weight: 700;
  padding-top: 5px;
  margin-bottom: 25px; }

.panel.testimonial {
  color: #666666;
  background: #363636;
  padding: 23px;
  margin-bottom: 20px; }
  .panel.testimonial h5 {
    font: 700 16px/1.2em "Open Sans", sans-serif;
    color: #6bbed0;
    padding: 0 0px 5px;
    border-bottom: 1px solid #6bbed0;
    margin-bottom: 30px; }
  .panel.testimonial q {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    padding-bottom: 45px;
    background: url(../images/end-quote.png) no-repeat bottom right; }
  .panel.testimonial .more {
    font-weight: 400; }

ul.gallery {
  margin-left: 0 !important;
  list-style: none; }
  ul.gallery li {
    float: left;
    padding-right: 12px;
    height: 177px; }
  ul.gallery img {
    display: block;
    padding: 3px;
    border: 1px solid #e6e6e6;
    width: 255px;
    height: auto; }
  ul.gallery a:hover img {
    background-color: #e6e6e6; }

/* TABLES */
table a:link {
  color: #666;
  font-weight: bold;
  text-decoration: none; }

table a:visited {
  color: #999999;
  font-weight: bold;
  text-decoration: none; }

table a:active,
table a:hover {
  color: #bd5a35;
  text-decoration: underline; }

table {
  border-spacing: 0;
  width: 100%;
  color: #666;
  text-shadow: 1px 1px 0px #fff;
  background: #eaebec;
  margin-bottom: 20px;
  border: #ccc 1px solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 2px #d1d1d1;
  -webkit-box-shadow: 0 1px 2px #d1d1d1;
  box-shadow: 0 1px 2px #d1d1d1; }

table tr:first-child td {
  white-space: nowrap;
  text-align: right;
  font-weight: 700;
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #e0e0e0;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
  background: -moz-linear-gradient(top, #ededed, #ebebeb); }

table tr:first-child td:first-child {
  text-align: left;
  padding-left: 20px; }

table tr:first-child td:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px; }

table tr:first-child td:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px; }

table tr {
  /* text-align: center; */
  padding-left: 20px; }

table td:first-child {
  text-align: left;
  padding-left: 20px;
  border-left: 0; }

table td {
  text-align: right;
  padding: 10px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  background: #fafafa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
  background: -moz-linear-gradient(top, #fbfbfb, #fafafa); }

table tr:nth-child(even) td {
  background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
  background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); }

table tr:last-child td {
  border-bottom: 0; }

table tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px; }

table tr:last-child td:last-child {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }

table tr:nth-child(n+2):hover td {
  background: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
  background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); }

.image-detail-holder {
  margin-bottom: 15px; }

.image-detail {
  padding: 15px 0;
  text-align: center;
  border-bottom: 1px solid #e6e6e6; }
  .image-detail h5 {
    padding: 0;
    border: 0;
    margin: 0 0 10px; }
    .image-detail h5 a {
      color: #d6a34b; }
      .image-detail h5 a:hover {
        opacity: 0.80; }
  .image-detail .image {
    width: 215px;
    margin: 0 0 15px;
    display: inline-block;
    vertical-align: top; }
    .image-detail .image img {
      display: block;
      width: 100%;
      height: auto; }
  .image-detail .detail {
    text-align: left; }

@media (min-width: 768px) {
  .image-detail .image {
    float: left;
    margin: 0 15px 0 0; }
  .image-detail .detail {
    overflow: hidden; } }

@media (min-width: 1024px) {
  /* main nav styles */
  #nav .opener {
    display: none; }
  #nav > ul {
    position: absolute;
    bottom: 2px;
    right: 10px;
    /* 
		line-height:20px;
		font:{
			size:16px;
			weight:700;
		} */ }
    #nav > ul > li {
      float: left;
      position: relative; }
      #nav > ul > li:last-child ul {
        left: auto;
        right: 0; }
        #nav > ul > li:last-child ul ul {
          left: auto;
          right: 100%;
          margin: 0 -10px 0 0; }
      #nav > ul > li.current > a {
        color: white;
        background: #199978; }
        #nav > ul > li.current > a:after {
          border-color: white transparent transparent transparent; }
      #nav > ul > li.has-drop-down > a:after {
        display: block; }
      #nav > ul > li.hover > a {
        color: white;
        background: #199978; }
        #nav > ul > li.hover > a:after {
          border-color: white transparent transparent transparent; }
      #nav > ul > li > a {
        display: block;
        position: relative;
        width: 250px;
        background: #b8b7b2;
        color: white;
        font: 700 14px/1.2em "Open Sans", sans-serif;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        padding: 5px 0 20px; }
        #nav > ul > li > a:hover {
          text-decoration: none;
          color: white;
          background: #199978; }
          #nav > ul > li > a:hover:after {
            border-color: white transparent transparent transparent; }
        #nav > ul > li > a:after {
          position: absolute;
          left: 50%;
          bottom: 10px;
          display: none;
          content: "";
          margin: -4px 0 0;
          border-style: solid;
          border-width: 8px 5px 0 5px;
          border-color: white transparent transparent transparent; }
    #nav > ul ul {
      position: absolute;
      width: 250px;
      background: #199978;
      left: 0;
      top: 100%;
      font: 600 12px/1em "Open Sans", sans-serif;
      text-transform: uppercase;
      -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.34);
      -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.34);
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.34); }
      #nav > ul ul ul {
        left: 100%;
        top: 6px;
        margin: 0 0 0 -10px;
        z-index: 5; }
        #nav > ul ul ul li:first-child {
          border: 0; }
      #nav > ul ul li {
        border-top: none;
        display: block;
        position: relative; }
        #nav > ul ul li.has-drop-down > a:after {
          position: absolute;
          right: 13px;
          top: 50%;
          content: "";
          margin: -4px 0 0;
          border-style: solid;
          border-width: 5px 0 5px 8px;
          border-color: transparent transparent transparent white; }
        #nav > ul ul li.has-drop-down > a:hover:after {
          border-color: transparent transparent transparent white; }
        #nav > ul ul li.hover > a {
          background: #1ba682; }
          #nav > ul ul li.hover > a:after {
            border-color: transparent transparent transparent white; }
        #nav > ul ul li a {
          display: block;
          color: white;
          padding: 11px 30px 9px 23px;
          text-decoration: none; }
          #nav > ul ul li a:hover {
            text-decoration: none;
            color: white;
            background: #1ba682; } }

/* DROPDOWN NAV */
@media (min-width: 1024px) {
  .nav-opener {
    display: none; }
  #nav {
    height: auto !important; }
    #nav > ul ul {
      display: none !important;
      top: 100% !important;
      left: 0 !important;
      height: auto !important; }
      #nav > ul ul ul {
        top: 6px !important;
        left: 100% !important; }
    #nav > ul > li.hover > ul {
      height: auto !important;
      display: block !important; }
      #nav > ul > li.hover > ul > li.hover > ul {
        display: block !important; }
    #nav > ul > li:last-child ul ul {
      left: auto !important;
      right: 100% !important; } }

/* OPEN CLOSE NAV */
@media (max-width: 1023px) {
  /* main nav styles */
  #nav {
    text-align: left; }
    #nav > ul {
      /* 
		line-height:20px;
		font:{
			size:16px;
			weight:700;
		} */ }
      #nav > ul > li {
        position: relative;
        /* 			&:last-child {
				ul {
					left:auto;
					right:0;
					ul {
						left:auto;
						right:100%;
						margin: 0 -10px 0 0;
					}
				}
			}
 */
        /* &.has-drop-down {
				> a {
					&:after {
						display:block;
					}
				}
			} */ }
        #nav > ul > li.current > a {
          color: white;
          background: #199978; }
          #nav > ul > li.current > a:after {
            border-color: white transparent transparent transparent; }
        #nav > ul > li.hover > a {
          color: white;
          background: #199978; }
          #nav > ul > li.hover > a:after {
            border-color: white transparent transparent transparent; }
        #nav > ul > li > a {
          display: block;
          background: #b8b7b2;
          color: white;
          font: 700 14px/1.2em "Open Sans", sans-serif;
          text-transform: uppercase;
          text-decoration: none;
          /* &:after {
					position:absolute;
					//right:24px;
					//top:50%;
					
					left: 50%;
					bottom: 10px;
					
					display:none;
					content:"";
					margin: -4px 0 0;
					border-style: solid;
					border-width: 8px 5px 0 5px;
					border-color: $header-menu-item-color transparent transparent transparent;
				} */ }
          #nav > ul > li > a:hover {
            text-decoration: none;
            color: white;
            background: #199978; }
            #nav > ul > li > a:hover:after {
              border-color: white transparent transparent transparent; }
      #nav > ul ul {
        background: #199978;
        font: 600 12px/1em "Open Sans", sans-serif;
        text-transform: uppercase;
        /* ul {
				left: 100%;
				top: 6px;
				margin: 0 0 0 -10px;
				z-index: 5;
				li {
					&:first-child {border:0;}
				}
			} */ }
        #nav > ul ul li {
          /* 				// dropdown item has-drop-down arrow 
				&.has-drop-down {
					> a {
						&:after {
							position: absolute;
							right: 13px;
							top: 50%;
							content: "";
							margin: -4px 0 0;
							border-style: solid;
							border-width: 5px 0 5px 8px;
							border-color: transparent transparent transparent $dropdown-item-color;
						}
						&:hover {
							&:after {
								border-color: transparent transparent transparent $dropdown-item-hover-color;
							}
						}
					}
				}
				&.hover {
					> a {
						background: $dropdown-item-hover-background;
						
						&:after {
							border-color: transparent transparent transparent $dropdown-item-hover-color;
						}
					}
				}
 */ }
          #nav > ul ul li a {
            display: block;
            color: white;
            text-decoration: none; }
            #nav > ul ul li a:hover {
              color: white;
              background: #1ba682; }
  .nav-opener {
    position: absolute;
    right: 20px;
    top: 30px;
    z-index: 5;
    display: block;
    float: right;
    width: 40px;
    height: 31px;
    border-radius: 3px;
    overflow: hidden; }
    .nav-opener span, .nav-opener:before, .nav-opener:after {
      background: #58a0ac;
      position: absolute;
      top: 16px;
      left: 10%;
      right: 10%;
      height: 3px;
      margin-top: -2px;
      -moz-transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear; }
    .nav-opener:before, .nav-opener:after {
      content: '';
      top: 10px; }
    .nav-opener:after {
      top: 22px; }
    .nav-opener:hover {
      opacity: 0.8; }
  .nav-active .nav-opener span {
    opacity: 0; }
  .nav-active .nav-opener:after, .nav-active .nav-opener:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: 16px;
    left: 15%;
    right: 15%; }
  .nav-active .nav-opener:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg); }
  .nav-active #nav {
    max-height: 4000px; }
    .nav-active #nav > ul {
      -moz-transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0); }
  #nav {
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 95px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 0; }
    #nav > ul {
      position: relative;
      height: 100%;
      -moz-transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
      transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      background: #58a0ac; }
      #nav > ul > li {
        float: none;
        padding: 0 0 0 50px;
        background: #b8b7b2;
        border-top: none;
        width: 100%; }
        #nav > ul > li a {
          padding: 12px 15px 12px 12px; }
        #nav > ul > li.hover .opener {
          background: #262626; }
        #nav > ul > li.has-drop-down > a:after {
          display: none; }
        #nav > ul > li.current > a {
          color: black; }
        #nav > ul > li.active > .opener:before {
          content: "-"; }
      #nav > ul ul > li {
        padding: 0 0 0 50px;
        position: relative; }
        #nav > ul ul > li a {
          padding: 14px 15px 14px 12px; }
        #nav > ul ul > li.has-drop-down a:after {
          display: none; }
        #nav > ul ul > li.active > .opener:before {
          content: "-"; }
      #nav > ul ul ul li {
        padding: 0; }
        #nav > ul ul ul li a {
          padding: 10px 15px 10px 75px; }
    #nav .dropdown {
      width: auto;
      box-shadow: none;
      margin: 0 0 0 -50px !important;
      position: static; }
    #nav .subdrop {
      box-shadow: none;
      position: static;
      width: auto;
      margin: 0 0 0 -50px !important; }
    #nav .opener {
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      height: 41px;
      color: white;
      background: #262626;
      width: 50px;
      font-size: 0;
      z-index: 55;
      line-height: 0; }
      #nav .opener:before {
        position: absolute;
        left: 18px;
        top: 10px;
        font-size: 20px;
        line-height: 20px;
        color: white;
        content: "+"; }
      #nav .opener:hover {
        text-decoration: none;
        opacity: 0.9; } }

@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello.eot?2081300");
  src: url("../fonts/fontello.eot?2081300#iefix") format("embedded-opentype"), url("../fonts/fontello.svg?2081300#fontello") format("svg"), url("../fonts/fontello.woff?2081300") format("woff"), url("../fonts/fontello.ttf?2081300") format("truetype");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-right-dir:before {
  content: '\e800'; }

.icon-down-dir:before {
  content: '\e801'; }

.icon-facebook:before {
  content: '\e802'; }

.icon-twitter:before {
  content: '\e803'; }

.icon-youtube:before {
  content: '\e804'; }

.icon-pinterest:before {
  content: '\e805'; }

.icon-instagram:before {
  content: '\e806'; }

.icon-tripadvisor:before {
  content: '\e807'; }

.icon-left-open:before {
  content: '\e808'; }

.icon-right-open:before {
  content: '\e809'; }

.icon-up-dir:before {
  content: '\e80a'; }

/* ELEMENTS */
body {
  font: 400 14px/1.6em "Open Sans", sans-serif;
  color: #666666; }

p {
  padding-bottom: 25px; }

h1 {
  font: 300 39px/1em "Open Sans", sans-serif;
  color: #58a0ac;
  margin-bottom: 10px;
  text-align: center; }

h2 {
  font: 700 16px/1.2em "Open Sans", sans-serif;
  color: #6bbed0;
  padding-bottom: 15px;
  background: url(../images/bg-dotx-greyblue.png) repeat-x bottom;
  margin-bottom: 30px;
  text-align: center; }

h1 + h2 {
  margin-top: -5px; }

h3 {
  font: 300 39px/1em "Open Sans", sans-serif;
  color: #58a0ac;
  padding-bottom: 15px;
  background: url(../images/bg-dotx-greyblue.png) repeat-x bottom;
  margin-bottom: 30px;
  text-align: center; }

h4 {
  font: 400 20px/1.2em "Open Sans", sans-serif;
  color: #58a0ac;
  margin-bottom: 10px; }

#main h5 {
  font: 300 39px/1em "Open Sans", sans-serif;
  color: #ff6600;
  padding-bottom: 15px;
  background: url(../images/bg-dotx-orange.png) repeat-x bottom;
  margin-bottom: 30px; }

#main h6 {
  font: 300 39px/1em "Open Sans", sans-serif;
  color: #199978;
  padding-bottom: 15px;
  background: url(../images/bg-dotx-green.png) repeat-x bottom;
  margin-bottom: 30px; }

a {
  color: #00b3d4;
  text-decoration: underline; }
  a:hover {
    color: #08d9ff; }

.btn-default {
  color: #00b3d4 !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 14px;
  text-align: center;
  background: none;
  display: inline-block;
  vertical-align: top;
  border: 1px solid;
  padding: 12px 28px;
  min-width: 118px; }
  .btn-default:hover {
    background: #00b3d4;
    border-color: #00b3d4;
    color: white !important; }

ul.tick, ul.arrow, ul.hyphen {
  list-style: none;
  margin-left: 0px !important; }

ul.tick li {
  padding-left: 20px !important;
  background: url(../images/bullet-tick.png) no-repeat left 6px; }

ul.arrow li {
  padding-left: 20px !important;
  background: url(../images/bullet-arrow.png) no-repeat left 6px; }

ul.hyphen li {
  padding-left: 20px !important;
  background: url(../images/bullet-hyphen.png) no-repeat left 6px; }

#header {
  width: 100%;
  height: 130px;
  background: url(../images/bg-header-x.png) repeat-x top;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.41);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.41);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.41);
  position: fixed;
  top: 0px;
  z-index: 100;
  /* logo styles */
  /*
	.tagline {
		position: absolute;
		top: 80px;
		right: 0px;
		//width: 450px;

		font:{
			family: $satisfy;
			size: 36px;
			weight: 400;
		}
		
		color: $teal;

		@include media("<desktop") {
			display: none;
		}

	}

*/
  /*
	.call {		

		font:{
			size: 16px;
			weight: 700;
		}
		text-transform: uppercase;
		line-height: 16px;


		position: absolute;
		top: 20px;
		right: 0px;
		
		@include media("<desktop") {
			top: 0px;
			padding: 17px 28px;
		}
		
		@include media("<tablet") {	
			padding: 17px 10px;
			font-size: 12px;
			min-width: auto;
		}

		@include media("<phone") {	
			padding: 17px 5px;
			font-size: 10px;
		}

	}
*/ }
  @media (min-width: 1024px) {
    #header > div.container {
      height: 130px; } }
  @media (max-width: 1023px) {
    #header {
      height: 95px;
      position: fixed;
      -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.41);
      -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.41);
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.41); }
      .admin-bar #header {
        top: 32px; } }
  @media (max-width: 782px) {
    .admin-bar #header {
      top: 46px; } }
  #header .logo {
    width: 200px;
    padding-top: 8px;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    vertical-align: top; }
    #header .logo a {
      display: block; }
      #header .logo a img {
        display: block;
        width: 100%;
        height: auto; }
    @media (min-width: 1024px) {
      #header .logo {
        float: left;
        width: 230px;
        padding-top: 20px; } }
  #header .top-menu {
    float: right;
    margin-top: 13px;
    padding: 3px 8px;
    background: url(../images/bg-dotx-grey.png) repeat-x top, url(../images/bg-dotx-grey.png) repeat-x bottom; }
    #header .top-menu li {
      display: inline-block;
      color: black;
      font-weight: 400;
      font-size: 18px; }
      #header .top-menu li a {
        margin: 0 7px 0 10px;
        text-transform: uppercase;
        text-decoration: none;
        color: black;
        display: inline-block;
        line-height: 12px;
        padding-bottom: 3px;
        vertical-align: middle;
        font-weight: 600;
        font-size: 12px; }
        #header .top-menu li a:hover {
          text-decoration: underline; }
      #header .top-menu li:nth-child(n+2):before {
        content: "/"; }
    @media (max-width: 1023px) {
      #header .top-menu {
        display: none; } }
  @media (max-width: 1023px) {
    #header #nav br {
      display: none; }
    #header #nav > ul > li.green.current > a {
      background: #199978; }
    #header #nav > ul > li.green.active > a {
      background: #199978; }
    #header #nav > ul > li.green.hover > a {
      background: #199978; }
    #header #nav > ul > li.green > a {
      border-top: 15px solid #199978; }
      #header #nav > ul > li.green > a:hover {
        background: #199978; }
    #header #nav > ul > li.green ul {
      background: #199978; }
      #header #nav > ul > li.green ul li.hover > a {
        background: #1daf89; }
      #header #nav > ul > li.green ul li a:hover {
        background: #1daf89; }
    #header #nav > ul > li.orange.current > a {
      background: #ff6600; }
    #header #nav > ul > li.orange.active > a {
      background: #ff6600; }
    #header #nav > ul > li.orange.hover > a {
      background: #ff6600; }
    #header #nav > ul > li.orange > a {
      border-top: 15px solid #ff6600; }
      #header #nav > ul > li.orange > a:hover {
        background: #ff6600; }
    #header #nav > ul > li.orange ul {
      background: #ff6600; }
      #header #nav > ul > li.orange ul li.hover > a {
        background: #ff751a; }
      #header #nav > ul > li.orange ul li a:hover {
        background: #ff751a; }
    #header #nav > ul > li.blue.current > a {
      background: #083c79; }
    #header #nav > ul > li.blue.active > a {
      background: #083c79; }
    #header #nav > ul > li.blue.hover > a {
      background: #083c79; }
    #header #nav > ul > li.blue > a {
      border-top: 15px solid #083c79; }
      #header #nav > ul > li.blue > a:hover {
        background: #083c79; }
    #header #nav > ul > li.blue ul {
      background: #083c79; }
      #header #nav > ul > li.blue ul li.hover > a {
        background: #0a4891; }
      #header #nav > ul > li.blue ul li a:hover {
        background: #0a4891; }
    #header #nav > ul > li > a {
      border-top: none !important; } }
  @media (min-width: 1024px) {
    #header #nav > ul {
      background: url(../images/bg-dotx-grey.png) repeat-x top, url(../images/bg-doty-grey.png); }
      #header #nav > ul > li {
        margin-top: 1px;
        margin-left: 1px; }
        #header #nav > ul > li:last-child {
          margin-right: 1px; }
        #header #nav > ul > li.green.current > a {
          background: #199978; }
        #header #nav > ul > li.green.active > a {
          background: #199978; }
        #header #nav > ul > li.green.hover > a {
          background: #199978; }
        #header #nav > ul > li.green > a {
          border-top: 15px solid #199978; }
          #header #nav > ul > li.green > a:hover {
            background: #199978; }
        #header #nav > ul > li.green ul {
          background: #199978; }
          #header #nav > ul > li.green ul li.hover > a {
            background: #1daf89; }
          #header #nav > ul > li.green ul li a:hover {
            background: #1daf89; }
        #header #nav > ul > li.orange.current > a {
          background: #ff6600; }
        #header #nav > ul > li.orange.active > a {
          background: #ff6600; }
        #header #nav > ul > li.orange.hover > a {
          background: #ff6600; }
        #header #nav > ul > li.orange > a {
          border-top: 15px solid #ff6600; }
          #header #nav > ul > li.orange > a:hover {
            background: #ff6600; }
        #header #nav > ul > li.orange ul {
          background: #ff6600; }
          #header #nav > ul > li.orange ul li.hover > a {
            background: #ff751a; }
          #header #nav > ul > li.orange ul li a:hover {
            background: #ff751a; }
        #header #nav > ul > li.blue.current > a {
          background: #083c79; }
        #header #nav > ul > li.blue.active > a {
          background: #083c79; }
        #header #nav > ul > li.blue.hover > a {
          background: #083c79; }
        #header #nav > ul > li.blue > a {
          border-top: 15px solid #083c79; }
          #header #nav > ul > li.blue > a:hover {
            background: #083c79; }
        #header #nav > ul > li.blue ul {
          background: #083c79; }
          #header #nav > ul > li.blue ul li.hover > a {
            background: #0a4891; }
          #header #nav > ul > li.blue ul li a:hover {
            background: #0a4891; }
      #header #nav > ul ul li {
        padding-top: 1px;
        background: url(../images/bg-dotx-white.png) repeat-x top; } }

.hero {
  background: url(../images/hero-default-2019.jpg) no-repeat top; }
  .hero .container {
    height: 355px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    text-align: center; }
  .hero h5 {
    font-family: 'Aleo', serif;
    font-size: 50px;
    font-weight: 400;
    line-height: 1em;
    color: white;
    text-shadow: 0px 0px 15px rgba(4, 89, 156, 0.8); }

.page-template-default #main {
  padding-bottom: 60px;
  background-color: #f9f8f7;
  border-bottom: 80px solid #99cedf; }
  @media (min-width: 768px) {
    .page-template-default #main .fixed-sidebar {
      padding-right: 20px;
      background: url(../images/bg-doty-greyblue.png) repeat-y right; } }
  .page-template-default #main .fixed-sidebar .btn-default {
    width: 100%;
    color: white !important; }
    .page-template-default #main .fixed-sidebar .btn-default:hover {
      background: none; }
  .page-template-default #main .fixed-sidebar .menu {
    background: url(../images/bg-dotx-greyblue.png) repeat-x top;
    margin-left: 0; }
    .page-template-default #main .fixed-sidebar .menu li {
      padding: 4px 0;
      background: url(../images/bg-dotx-greyblue.png) repeat-x bottom;
      list-style: none;
      text-transform: uppercase;
      font-weight: 600; }
      .page-template-default #main .fixed-sidebar .menu li a {
        text-decoration: none;
        color: #666; }
        .page-template-default #main .fixed-sidebar .menu li a:hover {
          text-decoration: underline; }

.page-template-default h1 {
  text-align: left;
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 400;
  padding-bottom: 10px;
  border-bottom: 1px solid;
  margin-bottom: 15px; }

.page-template-default h2 {
  text-align: left;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px; }

.pdf {
  border: 1px solid;
  padding: 14px 5px 14px 65px;
  min-height: 70px;
  background: white url(../images/icon-pdf.png) no-repeat left center;
  font-weight: 700;
  line-height: 1.2em;
  text-transform: uppercase;
  text-decoration: none;
  display: block; }
  .pdf:hover {
    text-decoration: underline; }

.cmh #main h1 {
  color: #ff6600; }

.cmh #main a {
  color: #ff6600; }

.cmh #main .btn-default {
  color: #ff6600 !important; }
  .cmh #main .btn-default:hover {
    background: #ff6600;
    border-color: #ff6600;
    color: white !important; }

.cmh #main .menu .current-menu-item a {
  color: #ff6600 !important; }

.cmh #main .fixed-sidebar .btn-default {
  background: #ff6600;
  border-color: #ff6600; }
  .cmh #main .fixed-sidebar .btn-default:hover {
    color: #ff6600 !important; }

.cmh .hero {
  background: url(../images/hero-cmh.jpg) no-repeat top; }

.evs #main h1 {
  color: #199978; }

.evs #main a {
  color: #199978; }

.evs #main .btn-default {
  color: #199978 !important; }
  .evs #main .btn-default:hover {
    background: #199978;
    border-color: #199978;
    color: white !important; }

.evs #main .menu .current-menu-item a {
  color: #199978 !important; }

.evs #main .fixed-sidebar .btn-default {
  background: #199978;
  border-color: #199978; }
  .evs #main .fixed-sidebar .btn-default:hover {
    color: #199978 !important; }

.evs .hero {
  background: url(../images/hero-evs.jpg) no-repeat top; }

.dbt #main h1 {
  color: #083c79; }

.dbt #main a {
  color: #083c79; }

.dbt #main .btn-default {
  color: #083c79 !important; }
  .dbt #main .btn-default:hover {
    background: #083c79;
    border-color: #083c79;
    color: white !important; }

.dbt #main .menu .current-menu-item a {
  color: #083c79 !important; }

.dbt #main .fixed-sidebar .btn-default {
  background: #083c79;
  border-color: #083c79; }
  .dbt #main .fixed-sidebar .btn-default:hover {
    color: #083c79 !important; }

.dbt .hero {
  background: url(../images/hero-dbt.jpg) no-repeat top; }

.bg-orange,
.bg-green,
.bg-blue {
  color: white; }
  .bg-orange a,
  .bg-green a,
  .bg-blue a {
    color: white; }
  .bg-orange .block,
  .bg-green .block,
  .bg-blue .block {
    padding: 0 20px; }
  .bg-orange h3,
  .bg-green h3,
  .bg-blue h3 {
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.6em;
    color: white;
    padding-bottom: 8px;
    background: url(../images/bg-dotx-white.png) repeat-x bottom;
    border: none; }
  .bg-orange .btn-default,
  .bg-green .btn-default,
  .bg-blue .btn-default {
    color: white !important; }
    .bg-orange .btn-default:hover,
    .bg-green .btn-default:hover,
    .bg-blue .btn-default:hover {
      background: white;
      border-color: white; }

.bg-orange {
  background-color: #ff6600; }
  .bg-orange .btn-default:hover {
    color: #ff6600 !important; }

.bg-green {
  background-color: #199978; }
  .bg-green .btn-default:hover {
    color: #199978 !important; }

.bg-blue {
  background-color: #083c79; }
  .bg-blue .btn-default:hover {
    color: #083c79 !important; }

.bg-grey {
  background-color: #f9f8f7; }

.block.bg-image {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto; }
  .block.bg-image .spacer {
    position: relative;
    padding-bottom: 42.85%;
    height: 0;
    overflow: hidden; }
    .block.bg-image .spacer > div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important; }

.grid-full.header {
  text-align: center; }
  .grid-full.header h3 {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 15%;
    padding-right: 15%; }

.block.panel {
  border: 1px solid #6bbed0;
  padding: 20px 20px 0;
  background: white;
  margin-bottom: 20px; }

hr {
  margin-bottom: 20px;
  border: none;
  height: 0px;
  border-bottom: 1px solid #666; }
  hr.orange {
    height: 1px;
    border-bottom: none;
    background: url(../images/bg-dotx-orange.png) repeat-x bottom; }
  hr.green {
    height: 1px;
    border-bottom: none;
    background: url(../images/bg-dotx-green.png) repeat-x bottom; }

a.scroll.top {
  display: block;
  text-align: right;
  padding: 5px 30px 6px 0;
  background: url(../images/bg-top-arrow.png) no-repeat top right;
  font-size: 12px;
  text-decoration: none; }

#footer {
  width: 100%;
  background: #0b2439;
  font: 400 12px/1.6em "Open Sans", sans-serif;
  color: white; }
  #footer h6 {
    font: 300 30px/1em "Open Sans", sans-serif;
    color: white;
    text-transform: uppercase;
    margin-bottom: 20px; }
  #footer a {
    color: white;
    text-decoration: none; }
    #footer a:hover {
      text-decoration: underline; }
  #footer .main {
    width: 100%;
    background: url(../images/bg-dotx-bluegrey.png) repeat-x bottom;
    padding-bottom: 20px; }
    #footer .main .menu {
      margin-bottom: 20px; }
      #footer .main .menu li {
        list-style: none;
        padding: 8px 0;
        background: url(../images/bg-dotx-bluegrey.png) repeat-x bottom;
        /* 				border-bottom: $footer-menu-item-border;

				&:first-of-type {
					border-top: $footer-menu-item-border;
				}
 */ }
        #footer .main .menu li:first-child {
          padding-top: 0; }
      #footer .main .menu a {
        text-transform: uppercase;
        font-weight: 700; }
    #footer .main a.heading {
      display: block;
      text-transform: uppercase;
      font-weight: 700; }
    #footer .main .sub-menu {
      padding-bottom: 10px;
      background: url(../images/bg-dotx-bluegrey.png) repeat-x bottom;
      margin-bottom: 10px; }
      #footer .main .sub-menu li {
        display: inline-block;
        color: #73899b; }
        #footer .main .sub-menu li a {
          margin: 0 3px 0 6px;
          display: inline-block;
          line-height: 12px;
          padding-bottom: 3px;
          vertical-align: middle; }
          #footer .main .sub-menu li a:hover {
            text-decoration: underline; }
        #footer .main .sub-menu li:nth-child(n+2):before {
          content: "/"; }
        #footer .main .sub-menu li:first-child a {
          margin-left: 0; }
  #footer .credits {
    padding-top: 10px;
    padding-bottom: 10px;
    font: 400 12px/1.6em "Open Sans", sans-serif;
    color: white; }
    #footer .credits a {
      color: white; }

/*# sourceMappingURL=all.css.map */