@charset "UTF-8";
/*
	Theme Name: Propeller - Garage
	Author URI: http://nathanshanahan.com
	Description: Propeller V3.0 Mailchimp
	Version: 3.0
	Author: Nathan Shanahan
*/
/*  ==========================================================================
		FONTS	
		========================================================================== */
/**
Grilli Type Web Fonts 
End User License Agreement

Version 1.7 / April 2014

1) This is an agreement between you, the purchaser and licensee, and GrilliType GmbH (hereafter Grilli Type). By purchasing, or downloading, or installing, or using, or otherwise handling the digital typeface software (hereafter fonts), you accept the terms of this agreement. In accepting the terms of this agreement, you acknowledge understanding and complying with its terms. This agreement replaces and supersedes any previously made oral or written proposal or agreement between you and Grilli Type.

2a) You are purchasing a certain amount of licenses to use fonts by Grilli Type on a certain number of devices within your organization, and on servers under your control to serve to a specific number of visitors per month. You are purchasing so-called “self-hosted” fonts that you host on your own servers. You are not purchasing the copyright to the design or any other part of the fonts, but the rights to use the fonts as specified in this agreement. 

2b) “Within your organization” shall mean usage inside your company or organization, across all your business locations, but shall not include usage by clients or other third parties, including self-employed parties who are working for you but not at one of your business locations. Self-employed third parties temporarily working at one of your business locations on your devices are considered part of your organization. 

2c) “On servers under your control” shall mean that all fonts are solely stored using online storage (hereafter servers) to serve websites for which you or your organization have sole administrative access to (aside from the owner of the server).

2d) “Visitors per month” shall mean the number of uniquely identifiable users visiting your website. You have to record and control the number of monthly visitors by using an analytics tool generally recognized to be able to properly document the number of unique visitors to a website. You may exceed your limit of maximum monthly visitors as specified by your license one time for one month. If you exceed your monthly visitors limit at any later point, after that one month you exceeded your limit already, you have to buy additional licenses. Grilli Type reserves the right to request and receive screenshots of your analytics tool to prove the amount of unique visitors per month is below the maximum limit of allowed visitors that you have purchased licenses for.

3a) For each license you purchase, you may install the fonts on a maximum number of devices within your organization, as specified on your invoice and during the purchasing process. The use of the fonts on devices in your organization is restricted to preparing their use on servers, for activities generally called “web design” and “web development”.

3b) For each license you purchase, you may install the fonts on any number of hosting services for any number of domains, as long as the overall number of unique visitors of all websites served from those servers and domains together is below the number you have purchased licenses for. The number of allowed unique visitors is noted during your purchase and on your invoice.

4) You can make archival copies of the fonts for your own purposes, counting additionally to the amount of devices you licensed the fonts for. You shall not distribute the fonts to people outside of your organization. A copy of the fonts may be sent to a third-party website developer if absolutely necessary. The fonts may be embedded into websites using the CSS @font-face technique. The fonts may not be embedded into any other format or in any other way under this license.

5) You may not use the fonts to create or save bitmap or vector images, except for usage directly related to the websites you are creating. This includes the creation of images for use directly in the websites itself (only in the formats JPG, PNG, GIF, SVG). It also includes usage to create previews of the website you are designing, to receive feedback on your website design, or show the website design in your portfolio. You expressly may not use this license to create bitmap or vector images for any other use, for example for a logo.

6) You may modify the fonts for your own purposes after receiving written permission from Grilli Type. Any rights, including but not limited to copyrights and trademarks, of both the original version and the edited version remains with Grilli Type and their respective owners, and the number of devices and servers covered by the license remains the same overall. You may not modify the fonts without first gaining written permission from Grilli Type. Outside of their legal use as described in this license, you may not distribute, lend, rent, sell, give away, publicly or privately share any modified or unmodified version of the fonts. Grilli Type does not offer any support for or guarantee the proper functioning of any modified fonts.

7) We try to produce our fonts to the highest and most up-to-date technical standards. If you do experience any difficulties with our fonts, we will do everything that we can to work with you to resolve any issues. If, after we have worked with you to resolve any technical issues, you are still not satisfied with our product, we will be pleased to refund your money, which shall be the limit of our liability in this transaction. Any such refund terminates your license to use the fonts. Only technical issues are reason for refund, and you have to show clearly that they do exist and can not be resolved by Grilli Type. You must give Grilli Type notice of such problems in the first 30 days after your purchase. The actual refund can only be given in the first 60 days after the purchase, and not at any time after that.

8) Any breach of the terms and conditions of this agreement terminates your license to use the fonts. After any termination of the agreement you must destroy any copies of the fonts, including your archival copies.

9) Any and all rights not expressly granted in this agreement are reserved to Grilli Type.

10) The agreement shall be governed by and construed in accordance with Swiss law. Place of performance is Zurich, Switzerland. The courts of Zurich, Switzerland shall have jurisdiction.
*/
@font-face {
  font-family: 'GT-Walsheim-font';
  src: url("fonts/GT-Walsheim/GT-Walsheim-Regular.eot");
  src: url("fonts/GT-Walsheim/GT-Walsheim-Regular.eot#iefix") format("embedded-opentype"), url("fonts/GT-Walsheim/GT-Walsheim-Regular.woff") format("woff"), url("https://propellernorthfreo.com.au/wp-content/themes/propeller-garage/fonts/GT-Walsheim-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/*  ==========================================================================
		Fonts
		Font shorthand: font-style font-variant font-weight font-size/line-height font-family;	
		========================================================================== */
/*  ==========================================================================
		Font Weights	
		========================================================================== */
/*  ==========================================================================
		Colors	
		========================================================================== */
/* Blue */
/* Gold */
/*  ==========================================================================
		Wrap & page setups width	
		========================================================================== */
/*  ==========================================================================
		Break Points
		========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

html {
  height: 100%; }

body {
  line-height: 1;
  min-height: 100%;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none; }

.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading ul, .wf-loading li, .wf-loading a, .wf-loading p {
  visibility: hidden; }

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active ul, .wf-active li, .wf-active a, .wf-active p {
  visibility: visible; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

cite {
  display: block; }

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

.group:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.group {
  display: inline-block; }

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

.group {
  display: block; }

/* close commented backslash hack */
img {
  max-width: 100%;
  vertical-align: bottom; }

input {
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid #FFF;
  background: none;
  letter-spacing: 1px;
  /* For keeping input box heights and paddings the same across browsers.
	line-height: 36px;
	height: 36px;
*/ }

input[type="text"]:focus, textarea[type="text"]:focus, input[type="email"]:focus {
  outline: 0;
  background: #F9F6F0 !important;
  border: 1px solid #28818d;
  color: #231f20; }

select {
  -webkit-appearance: none;
  border-radius: 0; }

input:focus {
  outline: 0;
  background: #231f20;
  border: 1px solid #FFF;
  color: #FFF; }

.error::-webkit-input-placeholder, .error:-moz-placeholder, .error::-moz-placeholder, error:-ms-input-placeholder {
  color: #cc0000; }

a[href^=tel] {
  color: #FFF;
  text-decoration: none;
  font-family: "GT-Walsheim-font"; }

/* Width + Padding = element width */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
       box-sizing: border-box; }

button {
  border: none;
  background: none;
  cursor: pointer; }
  button:focus {
    outline: 0; }

/* Global Styles */
body {
  font-family: "GT-Walsheim-font";
  font-size: 15px;
  background: none;
  color: #231f20;
  overflow-x: hidden;
  overflow-y: scroll;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
  @media (max-width: 767px) {
    body {
      text-align: center; } }

/* For sticking the footer to page bottom */
.container {
  min-height: 100%; }

/* Headings */
p {
  font-family: "GT-Walsheim-font";
  line-height: 1.6; }
  p + p {
    padding-top: 1em; }
  @media (max-width: 767px) {
    p {
      font-size: 18px; } }

a {
  font-family: "GT-Walsheim-font";
  text-decoration: none;
  color: inherit;
  font-size: 18px; }

button {
  font-family: "GT-Walsheim-font";
  font-size: 18px;
  color: #28818d; }

.btn {
  font-family: "GT-Walsheim-font";
  font-size: 18px;
  color: #28818d;
  border: 2px solid #28818d;
  background: none;
  padding: 10px 20px; }
  .btn:hover {
    color: #FFF;
    background: #28818d; }

/* Page Titles */
h1 {
  font-family: "GT-Walsheim-font";
  font-size: 24px; }
  @media (max-width: 767px) {
    h1 {
      font-size: 32px; } }

/* reason */
h2 {
  font-family: "GT-Walsheim-font";
  font-size: 24px; }
  @media (max-width: 767px) {
    h2 {
      font-size: 32px; } }

/* reason */
h3, h4, h5 {
  font-family: "GT-Walsheim-font";
  font-size: 24px; }
  @media (max-width: 767px) {
    h3, h4, h5 {
      font-size: 32px; } }

.page-wrap {
  position: relative;
  margin: 0 auto;
  width: 1400px;
  max-width: 100%;
  height: 100%;
  background: none; }
  @media (max-width: 767px) {
    .page-wrap {
      padding-right: 10px;
      padding-left: 10px; } }

/*  Single Full Width */
.content-wrap {
  position: relative;
  margin: 0 auto;
  width: 960px;
  max-width: 100%;
  height: 100%;
  background: none; }
  @media (max-width: 1020px) {
    .content-wrap {
      width: 100%;
      padding-right: 30px;
      padding-left: 30px; } }
  @media (max-width: 767px) {
    .content-wrap {
      padding-left: 10px;
      padding-right: 10px; } }

/*  Elements	 */
/* Selected state for main navigation items */
.current_page_item {
  color: #28818d; }

.small-caps {
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: 0px; }

.desktop {
  display: block; }
  @media (max-width: 767px) {
    .desktop {
      display: none !important; } }

.mobile {
  display: none !important; }
  @media (max-width: 767px) {
    .mobile {
      display: block !important; } }

/*  ==========================================================================
		<svg class="icon-social-mail" viewBox="0 0 17 17"><use xlink:href="#icon-social-mail"></use></svg>	
		<svg class="icon-social-instagram" viewBox="0 0 17 17"><use xlink:href="#icon-social-instagram"></use></svg>
		<svg class="icon-social-facebook" viewBox="0 0 17 17"><use xlink:href="#icon-social-facebook"></use></svg>
		<svg class="icon-arrow-large-slider" viewBox="0 0 56 17"><use xlink:href="#icon-arrow-large-slider"></use></svg>
		<svg class="icon-circles" viewBox="0 0 187 187"><use xlink:href="#icon-circles"></use></svg>
		<svg class="icon-water-line" viewBox="0 0 175 25"><use xlink:href="#icon-water-line"></use></svg>
		<svg class="icon-pizza-text" viewBox="0 0 126 123"><use xlink:href="#icon-pizza-text"></use></svg>
		<svg class="icon-plate-cross" viewBox="0 0 76 76"><use xlink:href="#icon-plate-cross"></use></svg>
		<svg class="text-the-latest" viewBox="0 0 35 247"><use xlink:href="#text-the-latest"></use></svg>
		<svg class="text-community" viewBox="0 0 35 223"><use xlink:href="#text-community"></use></svg>
========================================================================== */
/*  ==========================================================================
		SVG individual file CSS.	
========================================================================== */
.icon-arrow-large-slider {
  max-width: 56px;
  max-height: 17px;
  fill: #FFF; }
  .icon-arrow-large-slider:hover {
    fill: #231f20; }

.icon-circles {
  max-width: 187px;
  max-height: 187px;
  fill: #EEAF5B; }

.icon-water-line {
  max-width: 175px;
  max-height: 25px;
  fill: #EEAF5B; }

.icon-pizza-text {
  max-width: 126px;
  max-height: 123px;
  fill: #EEAF5B; }

.icon-plate-cross {
  max-width: 76px;
  max-height: 76px;
  fill: #28818d; }

.icon-menu-border {
  max-width: 320px;
  max-height: 5px;
  fill: #FFF; }

/* Social Icons; */
.icon-social-mail, .icon-social-instagram, .icon-social-facebook {
  max-width: 17px;
  max-height: 17px;
  fill: #FFF; }
  .icon-social-mail:hover, .icon-social-instagram:hover, .icon-social-facebook:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }

.text-the-latest {
  max-height: 247px;
  max-width: 35px; }

.text-community {
  max-height: 223px;
  max-width: 35px; }

#mc_embed_signup {
  text-align: center;
  padding: 1em; }

.mc_form_container {
  text-align: center; }
  .mc_form_container .email {
    border: none;
    display: inline-block;
    min-width: 260px;
    background: #f2f2f3;
    padding: 12px 10px;
    margin: 0 12px; }
  .mc_form_container .button {
    background: #28818d;
    color: #FFF;
    padding: 12px 10px;
    cursor: pointer; }
    .mc_form_container .button:hover {
      background: #EEAF5B; }

.header {
  /*
	position: fixed;
	z-index: 998;
	height: 130px;
*/
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #FFF;
  color: #28818d; }
  .header > a:first-of-type {
    display: none; }
    .header > a:first-of-type h1 {
      pointer-events: none; }
    @media (max-width: 767px) {
      .header > a:first-of-type {
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 10px; } }
  .header nav li:first-of-type {
    width: 25%;
    float: left;
    margin-top: 15px; }
    @media (max-width: 767px) {
      .header nav li:first-of-type {
        width: 50%;
        text-align: left; } }
  .header nav li:nth-of-type(2) {
    text-align: center;
    width: 50%;
    float: left; }
    @media (max-width: 767px) {
      .header nav li:nth-of-type(2) {
        display: none; } }
  .header nav a[href*='top'] {
    display: block;
    max-width: 245px;
    margin: 0 auto; }
    .header nav a[href*='top'] h1 {
      pointer-events: none; }
  .header nav li:last-of-type {
    width: 25%;
    float: left;
    text-align: right;
    margin-top: 15px; }
    @media (max-width: 767px) {
      .header nav li:last-of-type {
        width: 50%; } }
  .header nav li a {
    color: #28818d;
    -webkit-transition: color .5s ease;
    transition: color .5s ease; }
    .header nav li a:hover {
      color: #231f20;
      -webkit-transition: color .5s ease;
      transition: color .5s ease; }

object {
  width: 100%;
  max-width: 245px;
  max-height: 34px; }

.hero-image {
  min-height: 820px;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 767px) {
    .hero-image {
      background-position: 50% 50% !important;
      background-size: 250%;
      min-height: 0;
      height: 320px; } }

.about {
  min-height: 820px;
  width: 100%;
  background: url("img/backgrounds/header-background.jpg") no-repeat center center;
  background-size: cover;
  padding: 5%; }
  @media (max-width: 1200px) {
    .about {
      min-height: 600px; } }
  .about section {
    position: relative;
    background: #FFF;
    min-height: 900px;
    width: 100%;
    padding: 0% 0px; }
    @media (max-width: 1200px) {
      .about section {
        min-height: 680px; } }
    .about section .about-container {
      padding-top: 15%;
      padding-bottom: 10%; }
      @media (max-width: 1160px) {
        .about section .about-container {
          padding-left: 30px;
          padding-right: 30px; } }
      @media (max-width: 767px) {
        .about section .about-container {
          padding-top: 80px; } }
    .about section .about-text-wrap {
      width: 47.5%;
      margin-right: 2.5%;
      float: left;
      position: relative; }
      @media (max-width: 767px) {
        .about section .about-text-wrap {
          width: 100%;
          margin-right: 0%;
          float: none; } }
      .about section .about-text-wrap h1 {
        float: left;
        line-height: 16px;
        padding-right: 5px;
        color: #28818d; }
      .about section .about-text-wrap .icon-water-line {
        margin-top: 50px; }
        @media (max-width: 767px) {
          .about section .about-text-wrap .icon-water-line {
            margin-bottom: 100px; } }
    .about section figure {
      margin-left: 2.5%;
      width: 47.5%;
      float: left;
      position: relative; }
      @media (max-width: 767px) {
        .about section figure {
          width: 100%;
          margin-left: 0%;
          float: none;
          margin-bottom: 100px; } }
      .about section figure .icon-circles {
        position: absolute;
        max-width: 123px;
        max-height: 123px;
        right: 28px;
        top: -61px; }
      .about section figure .icon-pizza-text {
        position: absolute;
        left: 50px;
        bottom: -62px; }

.menu {
  background: #28818d;
  color: #231f20;
  position: relative;
  width: 100%;
  padding-top: 100px; }
  .menu .content-wrap {
    border: 1px solid #FFF;
    height: 100%;
    position: relative; }
    @media (max-width: 1020px) {
      .menu .content-wrap {
        padding-left: 0px;
        padding-right: 0px;
        width: 93%; } }
  .menu .cross-container {
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 960px;
    height: 100%;
    max-width: 100%;
    padding-top: 120px;
    z-index: 997; }
    .menu .cross-container svg {
      fill: #EEAF5B;
      margin-bottom: -43px; }
  .menu .menu-downloads {
    width: 50%;
    float: left;
    padding: 18px 35px;
    border-right: 2px solid #FFF; }
    @media (max-width: 767px) {
      .menu .menu-downloads {
        width: 100%;
        border-right: none;
        text-align: left;
        padding: 18px 20px; } }
    .menu .menu-downloads ul li {
      border-bottom: 1px solid #FFF;
      padding: 10px 0px 17px 0px;
      margin-top: 17px;
      color: #FFF;
      float: left;
      width: 100%;
      vertical-align: baseline;
      display: block;
      text-transform: uppercase; }
      .menu .menu-downloads ul li:last-of-type {
        border-bottom: none;
        font-size: 13px;
        text-transform: none; }
      .menu .menu-downloads ul li a {
        float: right;
        color: #28818d;
        padding: 8px 25px;
        background: #FFF;
        border-radius: 25px;
        margin-top: -10px;
        -webkit-transition: background .5s ease;
        transition: background .5s ease; }
        @media (max-width: 480px) {
          .menu .menu-downloads ul li a {
            padding: 8px 15px; } }
        .menu .menu-downloads ul li a:hover {
          background: #231f20;
          -webkit-transition: background .5s ease;
          transition: background .5s ease; }
      .menu .menu-downloads ul li h1 {
        font-size: 40px;
        color: #EEAF5B; }
  .menu figure {
    width: 50%;
    float: left;
    padding: 20px; }
    @media (max-width: 767px) {
      .menu figure {
        width: 100%; } }
    .menu figure figcaption h1 span {
      display: none; }
    .menu figure .text-the-latest {
      position: absolute;
      right: 0px;
      top: 20%; }
      @media (max-width: 767px) {
        .menu figure .text-the-latest {
          top: auto;
          bottom: 12%; } }

.contact {
  background: #FFF;
  color: #231f20;
  position: relative;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 120px; }
  .contact .content-wrap {
    border: 1px solid #EEAF5B;
    height: 100%;
    position: relative; }
    @media (max-width: 1020px) {
      .contact .content-wrap {
        padding-left: 0px;
        padding-right: 0px;
        width: 93%; } }
  .contact .images {
    width: 65%;
    float: left;
    padding: 20px;
    border-right: 1px solid #EEAF5B; }
    @media (max-width: 767px) {
      .contact .images {
        width: 100%;
        float: none;
        border-right: none; } }
    .contact .images .flex-custom-nav {
      position: absolute;
      z-index: 10;
      display: block;
      width: 100%;
      left: 0px;
      top: 88%; }
      @media (max-width: 400px) {
        .contact .images .flex-custom-nav {
          top: 80%; } }
    .contact .images .flex-custom-nav a {
      display: inline-block;
      cursor: pointer; }
    .contact .images .prev {
      width: 70px;
      float: left;
      margin-left: 35px; }
      .contact .images .prev svg {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .contact .images .next {
      width: 70px;
      float: right;
      margin-right: 35px; }
  .contact .contact-details {
    width: 35%;
    float: left; }
    @media (max-width: 767px) {
      .contact .contact-details {
        width: 100%;
        float: none; } }
    .contact .contact-details ul li, .contact .contact-details a {
      font-size: 16px; }
    .contact .contact-details a:hover {
      text-decoration: underline; }
      .contact .contact-details a:hover svg {
        -webkit-transform: scale(1.2);
                transform: scale(1.2); }
    .contact .contact-details .social-icons svg {
      fill: #231f20;
      margin-right: 5%;
      vertical-align: baseline; }
    .contact .contact-details .social-icons .icon-social-facebook {
      margin-bottom: -1px; }
    .contact .contact-details .social-icons .icon-social-instagram {
      margin-bottom: -3px; }
    .contact .contact-details .social-icons .icon-social-mail {
      margin-bottom: -2px; }
    .contact .contact-details .social-icons li {
      padding: 8% 10%; }
      @media (max-width: 850px) {
        .contact .contact-details .social-icons li {
          padding: 6% 5%; } }
      .contact .contact-details .social-icons li:first-of-type {
        margin-top: 20px; }
        @media (max-width: 767px) {
          .contact .contact-details .social-icons li:first-of-type {
            margin-top: 0px; } }
    .contact .contact-details .social-icons li:not(:nth-of-type(2)) {
      border-top: 1px solid #EEAF5B;
      border-bottom: 1px solid #EEAF5B; }
    .contact .contact-details .address-and-contact {
      padding: 12% 10% 0% 10%; }
      @media (max-width: 850px) {
        .contact .contact-details .address-and-contact {
          padding: 7% 5% 0% 5%; } }
      @media (max-width: 767px) {
        .contact .contact-details .address-and-contact {
          padding: 7% 0% 10% 0%; } }
      @media (max-width: 850px) {
        .contact .contact-details .address-and-contact li, .contact .contact-details .address-and-contact a {
          font-size: 15px; } }
      .contact .contact-details .address-and-contact li {
        line-height: 1.4em; }
        .contact .contact-details .address-and-contact li:last-of-type {
          padding-bottom: 0%; }

.instagram-map {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 90px; }
  .instagram-map .text-community {
    position: absolute;
    bottom: 10%;
    left: -20px; }
    @media (max-width: 767px) {
      .instagram-map .text-community {
        bottom: auto;
        top: 5%; } }
  .instagram-map .instagram-map-container {
    border: 1px solid #EEAF5B;
    position: relative;
    height: 100%; }
    @media (max-width: 1020px) {
      .instagram-map .instagram-map-container {
        padding-left: 0px;
        padding-right: 0px;
        width: 93%; } }

#instafeed {
  position: relative;
  width: 50%;
  float: left;
  padding: 40px; }
  @media (max-width: 767px) {
    #instafeed {
      width: 100%; } }
  #instafeed li {
    display: inline-block;
    max-width: 250px;
    max-height: 250px;
    width: 32%;
    float: left; }
    #instafeed li:nth-child(n) {
      margin-bottom: 2%;
      margin-right: 2%; }
    #instafeed li:nth-child(3n) {
      margin-right: 0;
      margin-bottom: 0; }
    #instafeed li:nth-child(3n + 1) {
      /*     clear: left; */ }
    @media (max-width: 0px) {
      #instafeed li {
        width: 100%;
        padding: 1%; }
        #instafeed li:nth-child(n) {
          margin: 0; }
        #instafeed li:nth-child(3n) {
          margin: 0; } }

#google_map {
  width: 50%;
  float: left;
  height: 100%;
  min-height: 490px;
  border: 20px solid #EEAF5B; }
  @media (max-width: 767px) {
    #google_map {
      width: 100%;
      min-height: 400px;
      height: 400px; } }

/* makes the zoom controls visible */
.gmnoprint img {
  max-width: none; }

.footer-site {
  padding: 40px 40px 40px 40px;
  position: relative;
  width: 100%;
  background: #231f20;
  color: #FFF; }
  .footer-site aside ul li {
    display: inline-block; }
    .footer-site aside ul li a {
      font-size: 15px; }
      .footer-site aside ul li a:hover {
        text-decoration: underline; }
  .footer-site aside ul li:nth-of-type(1n+1) {
    text-align: left;
    float: left; }
    @media (max-width: 767px) {
      .footer-site aside ul li:nth-of-type(1n+1) {
        float: none;
        text-align: center;
        display: block; } }
  .footer-site aside ul li:nth-of-type(2) a {
    color: #231f20;
    padding-left: 15px; }
    @media (max-width: 767px) {
      .footer-site aside ul li:nth-of-type(2) a {
        padding-left: 0px;
        font-size: 11px;
        line-height: 10px; } }
    .footer-site aside ul li:nth-of-type(2) a:hover {
      color: #EEAF5B; }
  .footer-site aside ul li:nth-of-type(1n+3) {
    float: right;
    padding-left: 15px; }
    @media (max-width: 767px) {
      .footer-site aside ul li:nth-of-type(1n+3) {
        float: none;
        text-align: center;
        display: inline-block;
        padding-left: 0px; } }

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 0;
  background: none;
  border: none;
  position: relative; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

/* Direction Nav */
.flex-custom-nav {
  *height: 0; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }