/*@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Calligraffitti');
@import url('https://fonts.googleapis.com/css?family=Catamaran:800');
@import url('https://fonts.googleapis.com/css?family=Roboto');*/
@import url("https://fonts.googleapis.com/css?family=Lato");
@font-face {
  font-family: "Brisa";
  src: url("../fonts/Brisa.eot") format("eot"), url("../fonts/Brisa.woff") format("woff"), url("../fonts/Brisa.svg#Brisa") format("svg"), url("../fonts/Brisa.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Great-Day-Personal-Use";
  src: url("../fonts/Great-Day-Personal-Use.eot") format("eot"), url("../fonts/Great-Day-Personal-Use.woff") format("woff"), url("../fonts/Great-Day-Personal-Use.svg#Great-Day-Personal-Use") format("svg"), url("../fonts/Great-Day-Personal-Use.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima";
  src: url("../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.ttf.eot") format("eot"), url("../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.woff") format("woff"), url("../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.svg#Proxima") format("svg"), url("../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.ttf.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima-light";
  src: url("../fonts/Mark Simonson - Proxima Nova Thin-webfont.ttf.eot") format("eot"), url("../fonts/Mark Simonson - Proxima Nova Thin-webfont.woff") format("woff"), url("../fonts/Mark Simonson - Proxima Nova Thin-webfont.svg#Proxima") format("svg"), url("../fonts/Mark Simonson - Proxima Nova Thin-webfont.ttf.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
/*$font-family: 'Proxima',
'Open+Sans',
Helvetica,
sans-serif;*/
/*$font-thin: 'Proxima-light',
'Open+Sans',
Helvetica,
sans-serif;*/
/*$font-cursive: 'Proxima',
'Calligraffitti',
cursive;*/
/*$font-custom: 'Proxima',
'Lato',
sans-serif;*/
/*$font-family-sans-serif: 'Proxima',
'Open+Sans',
Helvetica,
sans-serif !default;*/
/*$font-cata: 'Proxima',
'Catamaran',
sans-serif;*/
/*$font-robo: 'Proxima',
'Roboto',
sans-serif;*/
/*#7C6945*/
/* Home hook CSS */
#htmlcontent_home {
  margin-top: 3em; }
  #htmlcontent_home h3 {
    text-align: center;
    text-transform: uppercase;
    margin: 4em 0 3em;
    position: relative;
    font: 300 28px/24px Helvetica, sans-serif; }
    #htmlcontent_home h3:after {
      content: " ";
      position: absolute;
      bottom: -40px;
      left: 0;
      right: 0;
      height: 0.5em;
      border-top: 1px solid black;
      z-index: 1;
      width: 3.5%;
      margin: -5px 48.5%; }
  #htmlcontent_home ul {
    margin: 0;
    max-width: 100vw; }
    #htmlcontent_home ul li {
      padding: 0 3px;
      margin: 3px 0; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li {
          width: 100%; } }
      #htmlcontent_home ul li img {
        max-width: 100%;
        height: 340px;
        object-fit: cover; }
        @media (max-width: 479px) {
          #htmlcontent_home ul li img {
            min-width: 100%; } }
      #htmlcontent_home ul li .item-html .curv {
        font-family: "Brisa", sans-serif;
        font-size: 1.2em;
        text-transform: capitalize;
        margin-top: 1em; }
      #htmlcontent_home ul li.htmlcontent-item-2, #htmlcontent_home ul li.htmlcontent-item-3, #htmlcontent_home ul li.htmlcontent-item-4, #htmlcontent_home ul li.htmlcontent-item-5, #htmlcontent_home ul li.htmlcontent-item-8, #htmlcontent_home ul li.htmlcontent-item-9 {
        width: 25%; }
        @media (max-width: 479px) {
          #htmlcontent_home ul li.htmlcontent-item-2, #htmlcontent_home ul li.htmlcontent-item-3, #htmlcontent_home ul li.htmlcontent-item-4, #htmlcontent_home ul li.htmlcontent-item-5, #htmlcontent_home ul li.htmlcontent-item-8, #htmlcontent_home ul li.htmlcontent-item-9 {
            width: 100%; } }
      #htmlcontent_home ul li.htmlcontent-item-1, #htmlcontent_home ul li.htmlcontent-item-6, #htmlcontent_home ul li.htmlcontent-item-7 {
        width: 50%; }
        @media (max-width: 479px) {
          #htmlcontent_home ul li.htmlcontent-item-1, #htmlcontent_home ul li.htmlcontent-item-6, #htmlcontent_home ul li.htmlcontent-item-7 {
            width: 100%; } }
      #htmlcontent_home ul li:hover {
        background-color: #1f2224; }
        #htmlcontent_home ul li:hover a img {
          opacity: 0.4;
          -webkit-transition: opacity 0.25s ease;
          -moz-transition: opacity 0.25s ease; }

/* Top hook CSS */
#htmlcontent_top {
  float: right;
  width: 33%;
  max-width: 391px;
  padding-left: 5px; }
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-top: 0px; } }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li {
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      #htmlcontent_top ul li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%; } }
    #htmlcontent_top ul li:last-child {
      margin-bottom: 0; }
    #htmlcontent_top ul li img {
      max-width: 100%;
      height: auto; }

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */

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