@import url(/weblib/fancybox/fancybox.css);
/* FONT NAMES */
/* LAYOUT */
/* FONTS */
/* BODY */
/* HEADER */
/* MAIN MENU */
/* MAIN MENU ITEMS */
/* MAIN MENU DROPDOWN CONTAINERS */
/* MAIN MENU DROPDOWN ITEMS */
/* FOOTER */
/* MOBILE */
/* TEMPLATES */
/* SLIDESHOW */
/* LOCAL MIXINS */
/* FUNCTIONS  */
/* CLEARFIX */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);
.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; }

#main img {
  max-width: 100%;
  height: auto; }

/* 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; }

/* 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%; }

/* MIXINS */
.container:after, .list-template .teaser:after, .list-template image-content:after, #nav > ul:after, #nav > ul ul:after {
  content: " ";
  display: block;
  clear: both; }

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

/* 
body {
	background: $body-background;
	@if $header-position == fixed {
		padding-top: $header-height;		
	}
}
 */
/* main wrapper styles */
#wrapper {
  position: relative;
  overflow: hidden;
  width: 100%; }

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

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

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

/* LEFT SIDEBAR SPECIFIED */
.grid-container {
  padding-top: 40px;
  padding-bottom: 40px; }
  .grid-container.align-center {
    text-align: center; }
  .grid-container.no-padding-top {
    padding-top: 0px; }
  .grid-container.no-padding-bottom {
    padding-bottom: 0px; }
  .grid-container.no-padding {
    padding-top: 0px;
    padding-bottom: 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%; }

/*
 * 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; } }

.tight-grid-321 .grid12-4 {
  margin: 0px; }
  @media (min-width: 1024px) {
    .tight-grid-321 .grid12-4 {
      width: 33.3%; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .tight-grid-321 .grid12-4 {
    width: 50%; } }
  @media (max-width: 767px) {
    .tight-grid-321 .grid12-4 {
      width: 100%; } }

.nf-form-cont input.ninja-forms-field, .nf-form-cont textarea.ninja-forms-field {
  background: white;
  padding: 5px 10px;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px; }

.nf-form-cont label {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-weight: 600 !important;
  font-size: 16px;
  color: #959595; }

.nf-form-cont .submit-wrap {
  text-align: center; }
  .nf-form-cont .submit-wrap input[type=button] {
    color: white !important;
    border-color: #7bbdb9 !important;
    background: #7bbdb9 !important;
    cursor: pointer;
    cursor: hand; }
    .nf-form-cont .submit-wrap input[type=button]:hover {
      border-color: #007c7b !important;
      background: #007c7b !important; }

.nf-form-cont .nf-form-fields-required, .nf-form-cont .ninja-forms-req-symbol {
  display: none; }

/**********************************/
/*	MAILCHIMP SIGNUP FORM STYLES  */
/**********************************/
fieldset {
  border: 0; }

/* #mc_embed_signup */
.mc-field-group {
  margin: 1.3em 0;
  clear: both; }

#mc_embed_signup label {
  display: block;
  margin: .3em 0;
  text-transform: uppercase;
  font-size: 11px;
  text-align: left;
  color: black; }

#mc_embed_signup input[type=text] {
  margin-right: 1.5em;
  padding: .4em .3em;
  width: 95%;
  z-index: 999; }

#mce-responses {
  padding: 0em .5em 0em .5em;
  width: 90%;
  margin: 0 5%; }

div.mce_inline_error, #mce-error-response, #mce-success-response {
  border: 1px dashed #660000 !important;
  background-color: #FFEEEE !important;
  color: #660000 !important;
  font-weight: normal !important;
  font-size: 12px !important;
  margin: 10px auto !important;
  padding: 5px 10px !important;
  width: 80% !important; }

#mce-success-response {
  border: 1px dashed #006600 !important;
  background-color: #EEFFEE !important;
  color: #006600 !important; }

#mc-embedded-subscribe {
  clear: both;
  width: auto;
  display: block;
  margin: 1em 0;
  border: 0;
  color: white;
  text-transform: uppercase;
  background-color: black;
  padding: 4px 15px 4px 10px;
  font-size: 12px; }

/* GALLERY */
.gallery {
  margin-bottom: 15px; }
  .gallery .image {
    float: left;
    width: 33.3%;
    padding: 2px; }
    .gallery .image img {
      display: block;
      width: 100%;
      height: auto;
      padding: 3px;
      border: 1px solid #e6e6e6; }
    .gallery .image a:hover img {
      background-color: #e6e6e6; }

/* HERO */
.hero {
  margin-bottom: 10px; }
  .hero img {
    display: block;
    width: 100%;
    height: auto; }

.list-template {
  margin-bottom: 15px; }
  .list-template .teaser, .list-template image-content {
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    /*
- had issues with teaser image hidden by content, because content appears after in markup.. if always left fixed and specified in that order I think the CSS is simpler? YEP SEE ABOVE

		// fluid width content
		.content {
			text-align: left;
					
			width: 100%;
			float: right;  

			@include media("<tablet") {
				float: none;
				height: auto !important;
			}

			> div {
				margin-left: ($tpl_teaser_image_width+$tpl_teaser_image_margin);


				@include media("<tablet") {
					float: none;
					width: 100%;
					margin-left: 0 !important;
				}
				
				p {
					display: inline;
				}
			}			
		}
		// fixed width image holder
		.image {
			width: $tpl_teaser_image_width;
			float: left;
			margin-right: -($tpl_teaser_image_width+$tpl_teaser_image_margin);
			@include inline-block(top);

			@include media("<tablet") {
				float: none;
				max-width: 480px;
				width: 100% !important;
				margin-right: 0 !important;
				
				margin-bottom: 15px;
			}
			
			img {
				@include responsive-img;
			}
			
		} 
		
		&.image-right {
			
			.content {
				float: left;  

				> div {
					margin-left: 0px;
					margin-right: ($tpl_teaser_image_width+$tpl_teaser_image_margin);

					@include media("<tablet") {
						margin-right: 0 !important;
					}
				}			
			}
			.image {
				float: right;
				margin-right: 0px;
				margin-left: -($tpl_teaser_image_width+$tpl_teaser_image_margin);

				@include media("<tablet") {
					float: none;
					margin-left: 0 !important;
				}
			} 						
			
		}
		*/ }
    .list-template .teaser .image, .list-template image-content .image {
      width: 205px;
      float: left;
      margin: 0 15px 0 0;
      display: inline-block;
      vertical-align: top; }
      .list-template .teaser .image img, .list-template image-content .image img {
        display: block;
        width: 100%;
        height: auto; }
    .list-template .teaser .content, .list-template image-content .content {
      text-align: left;
      margin-left: 225px; }
      .list-template .teaser .content p, .list-template image-content .content p {
        display: inline; }
    .list-template .teaser.img-right .image, .list-template image-content.img-right .image {
      float: right; }
    .list-template .teaser.img-right .content, .list-template image-content.img-right .content {
      margin-left: 0;
      margin-right: 225px; }
    @media (max-width: 767px) {
      .list-template .teaser .image, .list-template image-content .image {
        width: 100%;
        max-width: 480px;
        margin: 0 0 15px;
        float: none !important; }
      .list-template .teaser .content, .list-template image-content .content {
        margin-left: 0 !important;
        margin-right: 0 !important; } }
  .list-template .hero-title-grid3 {
    margin-bottom: 15px; }
  .list-template .hero-reveal {
    margin: 1px;
    display: inline-block;
    vertical-align: top; }
    .list-template .hero-reveal .image img {
      display: block;
      width: 100%;
      height: auto; }
    .list-template .hero-reveal a {
      display: block;
      position: relative; }
      .list-template .hero-reveal a .grayscale-fix img {
        position: relative;
        visibility: visible !important; }
      .list-template .hero-reveal a img {
        display: block; }
      .list-template .hero-reveal a .caption {
        opacity: 0;
        -moz-transition: all 0.25s linear;
        -webkit-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
        white-space: nowrap;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        white-space: normal; }
        .list-template .hero-reveal a .caption:after {
          display: inline-block;
          vertical-align: middle;
          margin: 0 0 0 -5px;
          min-height: 100%;
          overflow: hidden;
          width: 1px;
          content: ""; }
        .list-template .hero-reveal a .caption .caption-holder {
          display: inline-block;
          vertical-align: middle;
          width: 100%;
          font-size: 18px;
          font-weight: 900;
          text-align: center;
          color: white;
          text-transform: uppercase;
          text-shadow: 1px 1px 1px #000;
          padding: 0 5px; }
      .list-template .hero-reveal a:hover img {
        filter: brightness(0.7) contrast(1.6) grayscale(1);
        -webkit-filter: brightness(0.7) contrast(1.6) grayscale(1);
        -moz-filter: brightness(0.7) contrast(1.6) grayscale(1);
        -o-filter: brightness(0.7) contrast(1.6) grayscale(1);
        -ms-filter: brightness(0.7) contrast(1.6) grayscale(1); }
      .list-template .hero-reveal a:hover .grayscale-fix img {
        position: static; }
      .list-template .hero-reveal a:hover .caption {
        -moz-transition: all 0.25s linear;
        -webkit-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
        opacity: 1; }

@media (min-width: 1024px) {
  /* main nav styles */
  #nav .opener {
    display: none; }
  #nav > ul {
    background: none;
    position: absolute;
    bottom: 2px;
    right: 0px;
    width: 100%;
    text-align: center;
    /* 
		line-height:20px;
		font:{
			size:16px;
			weight:700;
		} */ }
    #nav > ul > li {
      display: inline-block;
      padding: 0 4px;
      margin: 0 10px;
      position: relative; }
      #nav > ul > li:nth-child(n+2) {
        background: url(../images/bg-main-nav-sep.png) no-repeat 0 10px; }
      #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-menu-item > a {
        color: #3333ff;
        background: none; }
        #nav > ul > li.current-menu-item > a:after {
          border-color: #3333ff transparent transparent transparent; }
      #nav > ul > li.has-drop-down > a:after {
        display: block; }
      #nav > ul > li.hover > a {
        color: #3333ff;
        background: none; }
        #nav > ul > li.hover > a:after {
          border-color: #3333ff transparent transparent transparent; }
      #nav > ul > li > a {
        display: block;
        position: relative;
        width: auto;
        background: none;
        color: blue;
        font: 700 16px/1.2em "Open Sans", sans-serif;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        padding: 5px 12px; }
        #nav > ul > li > a:hover {
          text-decoration: none;
          color: #3333ff;
          background: none; }
          #nav > ul > li > a:hover:after {
            border-color: #3333ff transparent transparent transparent; }
        #nav > ul > li > a:after {
          position: absolute;
          right: 0px;
          top: 50%;
          display: none;
          content: "";
          margin: -3px 0 0;
          border-style: solid;
          border-width: 7px 4px 0 4px;
          border-color: blue transparent transparent transparent; }
    #nav > ul ul {
      position: absolute;
      width: 200px;
      background: #363636;
      left: 0;
      top: 100%;
      font: 400 14px/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: 1px solid white;
        display: block;
        position: relative;
        text-align: left; }
        #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 blue; }
        #nav > ul ul li.has-drop-down > a:hover:after {
          border-color: transparent transparent transparent #3333ff; }
        #nav > ul ul li.hover > a {
          background: #666666; }
          #nav > ul ul li.hover > a:after {
            border-color: transparent transparent transparent #3333ff; }
        #nav > ul ul li a {
          display: block;
          color: blue;
          padding: 11px 30px 9px 23px;
          text-decoration: none; }
          #nav > ul ul li a:hover {
            text-decoration: none;
            color: #3333ff;
            background: #666666; } }

/* 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: #3333ff;
          background: none; }
          #nav > ul > li.current > a:after {
            border-color: #3333ff transparent transparent transparent; }
        #nav > ul > li.hover > a {
          color: #3333ff;
          background: none; }
          #nav > ul > li.hover > a:after {
            border-color: #3333ff transparent transparent transparent; }
        #nav > ul > li > a {
          display: block;
          background: none;
          color: blue;
          font: 700 16px/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: #3333ff;
            background: none; }
            #nav > ul > li > a:hover:after {
              border-color: #3333ff transparent transparent transparent; }
      #nav > ul ul {
        background: #363636;
        font: 400 14px/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: blue;
            text-decoration: none; }
            #nav > ul ul li a:hover {
              color: #3333ff;
              background: #666666; }
  .nav-opener {
    position: absolute;
    right: 20px;
    top: 20px;
    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: #363636;
      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: #b4b4b4; }
      #nav > ul > li {
        float: none;
        padding: 0 0 0 50px;
        background: none;
        border-top: 1px solid white;
        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; } }

/* SLIDESHOW */
.slideshow {
  opacity: 0;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  margin: 0 0 30px;
  /* caption styles */
  /* pagination styles */
  /* 
	.btn-next, .btn-prev{
		position:absolute;
		left:0;
		top:50%;
		width:70px;
		height:70px;
		color:white;
		margin: -67px 0 0;
		font-size:36px;
		line-height:36px;
		background:rgba(255, 255, 255, 0.5);
		&:before{
			@include centerer;
			margin: 0 -2px 0 0;
		}
		&:hover{
			text-decoration:none;
			color:black;
		}
	}
	.btn-next{
		left:auto;
		right:0;
	}
	 */ }
  .slideshow.gallery-js-ready {
    opacity: 1; }
  .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: 30px; }
  .slideshow .image .img-holder,
  .slideshow .image .img-frame {
    position: relative;
    float: left;
    min-width: 1200px;
    width: 100%;
    left: 50%; }
  .slideshow .image .img-frame {
    left: -50%; }
  .slideshow .image img {
    display: block;
    width: 100%;
    height: auto; }
  .slideshow .caption {
    color: white;
    max-width: 940px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.75); }
    .slideshow .caption h3 {
      color: white;
      font-size: 45px;
      font-family: "Open Sans", sans-serif;
      text-transform: uppercase;
      padding: 10px 5px;
      margin: 0 0 10px;
      border: none; }
    .slideshow .caption .btn-default {
      color: white; }
    .slideshow .caption p {
      font-size: 24px;
      line-height: 1.2em;
      margin: 0 120px 10px; }
    @media (max-width: 1023px) {
      .slideshow .caption h3 {
        font-size: 35px; }
      .slideshow .caption p {
        font-size: 20px;
        margin: 0 100px 10px; } }
    @media (max-width: 767px) {
      .slideshow .caption h3 {
        font-size: 28px; }
      .slideshow .caption p {
        font-size: 16px;
        margin: 0 20px 10px; } }
    @media (max-width: 479px) {
      .slideshow .caption h3 {
        font-size: 24px; }
      .slideshow .caption p {
        font-size: 14px;
        margin: 0 10px 10px; } }
  .slideshow .pagination {
    text-align: center; }
    .slideshow .pagination ul {
      font-size: 0;
      line-height: 0; }
      .slideshow .pagination ul li {
        margin: 0 8px;
        display: inline-block;
        vertical-align: top; }
        .slideshow .pagination ul li a {
          display: block;
          width: 9px;
          height: 9px;
          border-radius: 100%;
          background: #b4b4b4; }
          .slideshow .pagination ul li a:hover {
            background: #e6e6e6; }
        .slideshow .pagination ul li.active a {
          background: #e6e6e6; }
  .slideshow .btn-next, .slideshow .btn-prev {
    width: 60px;
    height: 60px;
    background-image: url(../images/btn-prev.png);
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px; }
    @media (max-width: 1239px) {
      .slideshow .btn-next, .slideshow .btn-prev {
        width: 40px;
        height: 40px;
        margin-top: -20px; } }
    @media (max-width: 1023px) {
      .slideshow .btn-next, .slideshow .btn-prev {
        width: 40px;
        height: 40px;
        margin-top: -20px; } }
    @media (max-width: 767px) {
      .slideshow .btn-next, .slideshow .btn-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px; } }
  .slideshow .btn-next {
    left: auto;
    right: 0;
    background-image: url(../images/btn-next.png); }

/* 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); }

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

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

/* 

.panel.testimonial {
	
	//width:325px;
	color: $grey3;
	background: $grey1;
	padding: 23px;
	margin-bottom: 20px;
	

	h5 {
		font: $h2-font;	
		color: $h2-color;

		padding: 0 0px 5px;

		border-bottom: 1px solid $h2-color;
		margin-bottom: 30px;
	}
	
	.header {
		
	}
	
	.content {

	}

	q {
		font-size: 14px;
		font-weight: 400;
		font-style: italic;
		padding-bottom:45px;
		background: url(../images/end-quote.png) no-repeat bottom right;		
	}

	cite {
		//font-weight:400;
		//padding-top:88px;
		//margin-bottom:10px;
		//background:transparent url(../images/bg-testimonial-bot.png) no-repeat top;
	}

	.more {
		font-weight:400;
	}
} */
/* PAGE NAVI */
.wp-pagenavi {
  font-size: 13px;
  border: 1px solid #E0E0E0;
  margin-bottom: 15px;
  background: #EAEAEA;
  padding: 10px;
  text-align: center; }
  .wp-pagenavi .pages {
    margin-right: 20px; }
  .wp-pagenavi .page, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .current, .wp-pagenavi .last, .wp-pagenavi .first {
    border: 1px solid #999;
    background: white;
    padding: 2px 7px;
    margin: 0 5px; }
  .wp-pagenavi .current {
    background: #6DA3C6;
    color: white; }
  .wp-pagenavi .extend {
    margin: 0 5px; }

@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 55px/1em "Open Sans", sans-serif;
  color: #8b0214;
  margin-bottom: 10px;
  text-align: center; }
  @media (max-width: 479px) {
    h1 {
      font-size: 40px; } }

h1 + p {
  padding-top: 30px;
  border-top: 1px solid #8b0214; }

h2 {
  font: 300 42px/1.2em "Open Sans", sans-serif;
  color: #007c7b;
  padding: 0 20px 5px;
  border-bottom: 1px solid #007c7b;
  margin-bottom: 30px;
  text-align: center; }
  @media (max-width: 479px) {
    h2 {
      font-size: 30px; } }

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

h3 {
  font: 400 20px/1.2em "Open Sans", sans-serif;
  color: #8b0214;
  padding-bottom: 5px;
  border-bottom: 1px solid #8b0214;
  margin-bottom: 30px;
  display: inline-block; }

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

h5 {
  font: 700 16px/1em "Open Sans", sans-serif;
  color: #8b0214; }

h6 {
  font: 700 16px/1em "Open Sans", sans-serif;
  color: #8b0214; }

a {
  color: #7bbdb9;
  text-decoration: underline; }
  a:hover {
    color: #9dcecb; }

.nf-form-cont .submit-wrap input[type=button], .btn-default {
  color: #007c7b;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  line-height: 14px;
  text-align: center;
  background: transparent;
  display: inline-block;
  vertical-align: top;
  padding: 12px 28px;
  min-width: 118px;
  border: 2px solid;
  border-radius: 5px;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-transform: uppercase; }
  .nf-form-cont .submit-wrap input[type=button]:hover, .btn-default:hover {
    color: #00afae; }

#header {
  width: 100%;
  height: 132px;
  background: white 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: relative;
  top: 0px;
  z-index: 100;
  /* logo styles */
  /*
	.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;
		}

	}
*/
  /* 	.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;
		
		li {
			display: inline-block;		
			
			color: black;
			font: {
				weight: 400;
				size: 18px;
			}

			
			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;
					size: 12px;
				}
				
				&:hover {
					text-decoration: underline;
				}
			}
			
			&:nth-child(n+2):before {
			    content: "/";
			}
		}
		
		@include media("<desktop") {
			display: none;
		}		
	}
	 */
  /* 	// nav custom styles
	#nav {
	
		@include media("<desktop") {

		}
		@include media(">=desktop") {

		}	
	}

 */ }
  @media (min-width: 1024px) {
    #header > div.container {
      height: 132px; } }
  @media (max-width: 1023px) {
    #header {
      height: 95px;
      -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: 234px;
    padding-top: 18px;
    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 (max-width: 1023px) {
      #header .logo {
        padding-top: 13px;
        width: 170px; } }
    @media (max-width: 479px) {
      #header .logo {
        padding-top: 18px;
        width: 140px; } }
  #header .btn-default {
    position: absolute;
    top: 45px;
    right: 0px; }
    @media (max-width: 1023px) {
      #header .btn-default {
        top: 30px;
        right: 10px; } }
    @media (max-width: 479px) {
      #header .btn-default {
        font-size: 12px;
        padding: 10px 15px;
        min-width: 100px; } }

.intro {
  background: url(../images/bg-horopito.png) no-repeat 20% 0px/auto 100%, url(../images/bg-highlight.png) no-repeat 100px 0px/100% auto, url(../images/bg-grid-pattern.png); }
  .intro p:first-of-type {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6em; }
  .intro .grid-container > div {
    max-width: 500px;
    float: right;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 90px 90px rgba(255, 255, 255, 0.5); }
    @media (max-width: 1023px) {
      .intro .grid-container > div {
        background-color: rgba(255, 255, 255, 0.7);
        box-shadow: 0px 0px 50px 72px rgba(255, 255, 255, 0.7);
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
        color: black; } }
    @media (max-width: 767px) {
      .intro .grid-container > div {
        background-color: rgba(255, 255, 255, 0.8);
        box-shadow: 0px 0px 50px 72px rgba(255, 255, 255, 0.8); } }

.brands {
  text-align: center;
  font-weight: 600;
  color: black; }
  .brands a {
    color: black; }

.container-wrapper.contact > .container {
  max-width: 650px; }

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

#footer {
  margin-top: 10px;
  width: 100%;
  background: black;
  font: 400 14px/1.6em "Open Sans", sans-serif;
  color: white;
  /*
	.grid-container	{
		> div:first-child {
			margin-left: 0px;
		}
		
		> .grid12-4 {
			width: 34%;
			margin-left: 0px;
			margin-right: 0px;
		}
	}
*/ }
  #footer hr {
    border: none;
    height: 1px;
    border-top: 1px solid #666666;
    margin: 5px 0 15px; }
  #footer h4 {
    font: 400 22px/1em "Open Sans", sans-serif;
    color: white;
    text-transform: uppercase;
    margin-bottom: 40px; }
  #footer a {
    color: #7bbdb9;
    text-decoration: none; }
    #footer a:hover {
      text-decoration: underline; }
  #footer .main {
    width: 100%;
    background: black;
    padding-top: 40px; }
    #footer .main p {
      padding-bottom: 10px; }
  #footer .menu {
    margin-bottom: 20px; }
    #footer .menu li {
      list-style: none;
      padding: 12px 0;
      border-bottom: 1px solid #666666;
      /* @include media(">=tablet") {
			} */ }
      #footer .menu li:first-of-type {
        border-top: 1px solid #666666; }
    #footer .menu a {
      font: 400 14px/1.6em "Open Sans", sans-serif;
      color: #7bbdb9;
      text-transform: uppercase; }
  #footer .contact {
    margin-top: -60px;
    text-align: center;
    color: white; }
    #footer .contact a {
      color: white; }
    #footer .contact img {
      display: block;
      width: 100%;
      height: auto;
      max-width: 258px;
      display: inline-block; }
    #footer .contact p {
      padding-bottom: 0;
      line-height: 1.4em; }
    #footer .contact hr {
      border: none;
      height: 1px;
      border-top: 1px solid #666666;
      margin: 5px 0; }
    @media (max-width: 767px) {
      #footer .contact {
        margin-top: 0; } }
  #footer .credits {
    text-align: center;
    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 */