/* FONT NAMES */
/* COLOR NAMES - http://name-of-color.com */
/* LAYOUT */
/* FONTS */
/* BODY */
/* HEADER */
/* MAIN MENU */
/* MAIN MENU ITEMS */
/* MAIN MENU DROPDOWN CONTAINERS */
/* MAIN MENU DROPDOWN ITEMS */
/* FOOTER */
/* MOBILE */
/* TEMPLATES */
/* LOCAL MIXINS */
/* FUNCTIONS  */
/* CLEARFIX */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);
.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%;
  padding-top: 123px; }
  @media (max-width: 1023px) {
    #wrapper {
      padding-top: 95px; } }

/* main container styles */
.container {
  position: relative;
  max-width: 1120px;
  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: 400px; }
    @media (max-width: 767px) {
      .fluid-main > div {
        float: none;
        width: 100%;
        margin-right: 0; } }

.fixed-sidebar {
  width: 350px;
  float: right;
  margin-left: -400px; }
  @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; } }

.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"] {
    color: white !important;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    line-height: 14px;
    text-align: center;
    background: #e22c34;
    display: inline-block;
    vertical-align: top;
    padding: 12px 28px;
    min-width: 118px;
    border-radius: 1px;
    text-transform: uppercase;
    cursor: pointer;
    cursor: hand; }
    .nf-form-cont input[type="button"]:hover {
      background: #0079c2; }

.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; }

/* 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;
    /*
		.image {
			width: 215px;
			float: left;
			margin: 0 15px 0 0;

			@include inline-block(top);

			img {
				@include responsive-img;
			}
		}
		.content {
			text-align: left;
			//overflow: hidden;
		}

		@include media("<tablet") {

			//text-align: left;

			.image {
				width: 100%;
				max-width: 480px;
				margin: 0 0 15px;
				float: none;
			}
		}
*/ }
    .list-template .teaser .content, .list-template image-content .content {
      text-align: left;
      width: 100%;
      float: right; }
      @media (max-width: 767px) {
        .list-template .teaser .content, .list-template image-content .content {
          float: none;
          height: auto !important; } }
      .list-template .teaser .content > div, .list-template image-content .content > div {
        margin-left: 225px; }
        @media (max-width: 767px) {
          .list-template .teaser .content > div, .list-template image-content .content > div {
            float: none;
            width: 100%;
            margin-left: 0 !important; } }
    .list-template .teaser .image, .list-template image-content .image {
      width: 205px;
      float: left;
      margin-right: -225px;
      display: inline-block;
      vertical-align: top; }
      @media (max-width: 767px) {
        .list-template .teaser .image, .list-template image-content .image {
          float: none;
          max-width: 480px;
          width: 100% !important;
          margin-right: 0 !important;
          margin-bottom: 15px; } }
      .list-template .teaser .image img, .list-template image-content .image img {
        display: block;
        width: 100%;
        height: auto; }
  .list-template .hero-title-grid3 {
    margin-bottom: 15px; }
  .list-template .hero-reveal {
    width: 240px;
    margin: 0 3px 15px;
    display: inline-block;
    vertical-align: top; }
    @media (max-width: 767px) {
      .list-template .hero-reveal {
        width: 100%;
        max-width: 480px;
        margin: 0 0 15px; } }
    .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;
          font-size: 18px;
          font-weight: 900;
          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 {
    position: absolute;
    bottom: 13px;
    right: 0px;
    width: auto;
    text-align: center;
    /* 
		line-height:20px;
		font:{
			size:16px;
			weight:700;
		} */ }
    #nav > ul > li {
      display: inline-block;
      padding: 0 0px;
      margin: 0 20px;
      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-menu-item > a {
        color: #1a1a1a;
        background: none; }
        #nav > ul > li.current-menu-item > a:after {
          border-color: #1a1a1a transparent transparent transparent; }
      #nav > ul > li.has-drop-down > a:after {
        display: block; }
      #nav > ul > li.hover > a {
        color: #1a1a1a;
        background: none; }
        #nav > ul > li.hover > a:after {
          border-color: #1a1a1a transparent transparent transparent; }
      #nav > ul > li > a {
        display: block;
        position: relative;
        width: auto;
        background: none;
        color: black;
        font: 600 16px/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: #1a1a1a;
          background: none; }
          #nav > ul > li > a:hover:after {
            border-color: #1a1a1a 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: black transparent transparent transparent; }
    #nav > ul ul {
      position: absolute;
      width: 200px;
      background: #e6e6e6;
      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; }
        #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 black; }
        #nav > ul ul li.has-drop-down > a:hover:after {
          border-color: transparent transparent transparent #1a1a1a; }
        #nav > ul ul li.hover > a {
          background: #666666; }
          #nav > ul ul li.hover > a:after {
            border-color: transparent transparent transparent #1a1a1a; }
        #nav > ul ul li a {
          display: block;
          color: black;
          padding: 11px 30px 9px 23px;
          text-decoration: none; }
          #nav > ul ul li a:hover {
            text-decoration: none;
            color: #1a1a1a;
            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: #1a1a1a;
          background: none; }
          #nav > ul > li.current > a:after {
            border-color: #1a1a1a transparent transparent transparent; }
        #nav > ul > li.hover > a {
          color: #1a1a1a;
          background: none; }
          #nav > ul > li.hover > a:after {
            border-color: #1a1a1a transparent transparent transparent; }
        #nav > ul > li > a {
          display: block;
          background: none;
          color: black;
          font: 600 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: #1a1a1a;
            background: none; }
            #nav > ul > li > a:hover:after {
              border-color: #1a1a1a transparent transparent transparent; }
      #nav > ul ul {
        background: #e6e6e6;
        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: black;
            text-decoration: none; }
            #nav > ul ul li a:hover {
              color: #1a1a1a;
              background: #666666; }
  .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: #0079c2;
      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 {
  position: relative;
  margin: 0 0 0px;
  /* 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: middle;
      white-space: normal;
      width: 100%;
      padding: 20px; }
  .slideshow .image .img-holder,
  .slideshow .image .img-frame {
    position: relative;
    float: left;
    min-width: 1500px;
    width: 100%;
    left: 50%; }
  .slideshow .image .img-frame {
    left: -50%; }
  .slideshow .image img {
    display: block;
    width: 100%;
    height: auto; }
  .slideshow .caption {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.75);
    color: white;
    max-width: 830px;
    margin: 0 auto;
    padding: 25px 75px 15px;
    text-align: center;
    background: rgba(0, 0, 0, 0.3); }
    .slideshow .caption h3 {
      font-size: 40px !important;
      font-weight: 400;
      font-family: "Roboto Slab", serif;
      color: white;
      padding: 10px 5px;
      text-shadow: 0 3px 3px rgba(0, 0, 0, 0.75);
      border-bottom: 1px solid white;
      margin: 0 0 15px; }
    .slideshow .caption .btn-default {
      text-shadow: none; }
  .slideshow .pagination {
    display: none;
    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: block;
          width: 14px;
          height: 14px;
          border-radius: 100%;
          background: #666666; }
          .slideshow .pagination ul li a:hover {
            background: #b4b4b4; }
        .slideshow .pagination ul li.active a {
          background: #b4b4b4; }
  @media (max-width: 1023px) {
    .slideshow .caption {
      font-size: 16px;
      line-height: 24px; }
      .slideshow .caption h3 {
        font-size: 26px !important; } }
  @media (max-width: 767px) {
    .slideshow .caption {
      padding: 10px 20px 0px; } }
  @media (max-width: 479px) {
    .slideshow .caption {
      padding: 10px 15px 0px;
      font-size: 14px;
      line-height: 20px; }
      .slideshow .caption h3 {
        font-size: 20px !important;
        line-height: 26px; }
      .slideshow .caption .btn-default {
        font-size: 14px !important; } }

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

p {
  padding-bottom: 25px; }

h1 {
  font: 700 40px/1em "Roboto Slab", serif;
  color: #132631;
  margin-bottom: 10px; }

h2 {
  font: 700 24px/1.2em "Roboto Slab", serif;
  color: #e22c34;
  margin-bottom: 10px; }

h1 + h2 {
  margin-bottom: 30px; }

h3 {
  font: 400 20px/1.2em "Roboto Slab", serif;
  color: #e22c34;
  padding-bottom: 5px;
  border-bottom: 1px solid #e22c34;
  margin-bottom: 30px;
  display: inline-block; }

h4 {
  font: 400 20px/1.2em "Roboto Slab", serif;
  color: #e22c34;
  margin-bottom: 10px; }

h5 {
  font: 700 24px/1.2em "Roboto Slab", serif;
  color: #e22c34;
  margin-bottom: 15px; }

h6 {
  font: 700 16px/1em "Roboto Slab", serif;
  color: #e22c34; }

a {
  color: #0079c2;
  text-decoration: underline; }
  a:hover {
    color: #0099f5; }

.btn-default {
  color: white !important;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  line-height: 14px;
  text-align: center;
  background: #e22c34;
  display: inline-block;
  vertical-align: top;
  padding: 12px 28px;
  min-width: 118px;
  border-radius: 1px;
  -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; }
  .btn-default:hover {
    background: #0079c2;
    color: white; }

#header {
  width: 100%;
  height: 123px;
  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: 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;
		}

	}

*/
  /* 	.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;
		}		
	}
	 */ }
  @media (min-width: 1024px) {
    #header > div.container {
      height: 123px; } }
  @media (max-width: 1023px) {
    #header {
      background: white url(../images/bg-mobile-header-x.png) repeat-x top;
      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); } }
  #header .logo {
    width: 298px;
    padding-top: 52px;
    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 {
        width: 250px;
        padding-top: 23px; } }
  #header .call {
    font: 600 16px/1.5em "Open Sans", sans-serif;
    color: #919191;
    text-decoration: none;
    position: absolute;
    top: 12px;
    right: 0px; }
    @media (max-width: 1023px) {
      #header .call {
        color: white !important;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        line-height: 14px;
        text-align: center;
        background: #e22c34;
        display: inline-block;
        vertical-align: top;
        padding: 12px 28px;
        min-width: 118px;
        border-radius: 1px;
        -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;
        top: 27px;
        left: 50%;
        right: auto; }
        #header .call:hover {
          background: #0079c2;
          color: white; } }
  @media (min-width: 1024px) {
    #header #nav .contact {
      margin-right: 0px; }
      #header #nav .contact a {
        margin-top: -9px;
        color: white !important;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        line-height: 14px;
        text-align: center;
        background: #e22c34;
        display: inline-block;
        vertical-align: top;
        padding: 12px 28px;
        min-width: 118px;
        border-radius: 1px;
        -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; }
        #header #nav .contact a:hover {
          background: #0079c2;
          color: white; } }
  @media (max-width: 579px) {
    #header .logo {
      padding-top: 20px;
      width: 180px; }
    #header .call {
      font-size: 14px;
      font-weight: 600;
      line-height: 14px;
      padding: 6px 15px;
      min-width: 118px;
      left: 48px;
      top: 64px; } }

#main {
  /* STAFF PAGES */ }
  #main ul.tick-red {
    background: url(../images/dots-grey-x.png) repeat-x top left;
    margin-left: 0 !important;
    margin-bottom: 20px;
    list-style: none; }
    #main ul.tick-red li {
      padding: 7px 0 7px 37px;
      background: url(../images/tick-red.png) no-repeat 9px 10px, url(../images/dots-grey-x.png) repeat-x bottom left; }
  #main ul.plus-blue {
    margin-left: 0 !important;
    margin-bottom: 20px;
    list-style: none; }
    #main ul.plus-blue li {
      padding: 4px 0 4px 20px;
      background: url(../images/bullet-plus-blue.png) no-repeat 0px 11px;
      border-bottom: 1px solid #d2d2d2;
      font-weight: 300;
      font-size: 18px;
      font-family: "Roboto Slab", serif;
      color: #555; }
      #main ul.plus-blue li a {
        color: #555;
        text-decoration: none; }
  #main .sidebar-block {
    padding: 30px 30px 10px 30px;
    background: #f6f6f6; }
    #main .sidebar-block .contact-details {
      margin-bottom: 40px; }
      #main .sidebar-block .contact-details p {
        padding-bottom: 0;
        line-height: 1.4em; }
        #main .sidebar-block .contact-details p:first-child {
          padding-bottom: 15px; }
      #main .sidebar-block .contact-details hr {
        border: none;
        height: 1px;
        border-top: 1px solid #d2d2d2;
        margin: 5px 0; }
      #main .sidebar-block .contact-details strong {
        display: inline-block;
        min-width: 70px;
        margin-bottom: 5px; }
  #main #map-canvas {
    height: 464px; }
  .single-sycha_staff #main .staff-photo {
    text-align: center;
    margin-bottom: 15px; }
  .single-sycha_staff #main .contact strong {
    display: inline-block;
    min-width: 70px;
    margin-bottom: 5px; }

#footer {
  margin-top: 10px;
  width: 100%;
  background: #0c1a24;
  font: 400 14px/1.6em "Open Sans", sans-serif;
  color: white; }
  #footer .grid-container > div {
    width: 33.3%;
    margin-left: 0px;
    margin-right: 0px; }
  #footer .grid-container .nav {
    margin-bottom: 15px;
    padding: 15px 65px 15px 65px;
    background: #132631; }
    @media (min-width: 768px) {
      #footer .grid-container .nav:nth-child(2) {
        padding-left: 0px; } }
  #footer .grid-container .contact {
    padding-left: 55px; }
  @media (max-width: 1023px) {
    #footer .grid-container .nav {
      padding: 15px 35px 15px 35px; }
    #footer .grid-container .contact {
      padding-left: 35px; } }
  #footer h6 {
    font: 300 30px/1em "Open Sans", sans-serif;
    color: white;
    text-transform: uppercase;
    margin-bottom: 30px; }
  #footer a {
    color: white;
    text-decoration: none; }
    #footer a:hover {
      text-decoration: underline; }
  #footer .main {
    width: 100%;
    background: #0c1a24;
    padding-top: 40px; }
  @media (min-width: 768px) {
    #footer .menu {
      margin-bottom: 20px; } }
  #footer .menu li {
    list-style: none;
    padding: 4px 0;
    border-bottom: 1px solid #657e8f; }
  #footer .menu a {
    font: 400 14px/1.6em "Open Sans", sans-serif;
    color: white;
    text-transform: uppercase; }
  #footer .contact {
    margin-top: 0px;
    text-align: left;
    color: #657e8f;
    background: #0c1a24; }
    #footer .contact strong {
      display: inline-block;
      min-width: 70px;
      margin-bottom: 5px; }
    #footer .contact a {
      color: white; }
    #footer .contact img {
      display: block;
      width: 100%;
      height: auto;
      max-width: 238px;
      display: inline-block; }
    #footer .contact p {
      padding-bottom: 0;
      line-height: 1.4em; }
    #footer .contact hr {
      border: none;
      height: 1px;
      border-top: 1px solid #657e8f;
      margin: 5px 0; }
    @media (max-width: 767px) {
      #footer .contact {
        margin-top: 0; } }
  #footer .credits {
    border-top: 1px solid #657e8f;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font: 400 12px/1.6em "Open Sans", sans-serif;
    color: #657e8f; }
    #footer .credits a {
      color: #657e8f; }

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