/*============================================*/
/*  => FONTS                                  */
/*============================================*/
  @font-face 
  {
    font-family: 'custom-book';
    src: url('../fonts/Gotham-Book.otf');
  }
  
  @font-face 
  {
    font-family: 'custom-light';
    src: url('../fonts/Gotham-Light.otf');
  }

   @font-face 
  {
    font-family: 'custom-gabriola';
    src: url('../fonts/Gabriola.ttf');
  }
  
  @font-face 
  {
    font-family: 'custom-footlight';
    src: url('../fonts/FootlightMTLight.ttf');
  }

  .fontBook
  {
    font-family: custom-book;
  }

  .fontLight
  {
    font-family: custom-light;
  }  

  .fontGabriola
  {
    font-family: custom-gabriola;
  }

  .fontFootlight
  {
    font-family: custom-footlight;
  } 

  .swal-title
  {
    color: #000 !important;
    font-size: 25px !important;
  }

  .swal-text
  {    

    color: #000 !important;
    text-align: center !important;
  }

  .swal-button
  {
    background-color: #7e4f25 !important;
  }

  .swal-button:focus 
  {
    box-shadow: none !important;
  }

/*============================================*/
/*  => TAGS                                   */
/*============================================*/
  * 
  {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    outline: none !important;
  }
  
  html 
  {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
  }
  
  body 
  {
    padding: 0;
    margin: 0;
    font-family: 'custom-light';
    font-size: 1.2vw;
    overflow-x: hidden;
    /*color: #404041;*/
    color: #000000;

    background-image: url(../img/bg.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
  }
  
  header
  {
    position: relative;
    left: 0;
    right: 0;
    z-index: 5000;
    background-color: transparent;
    transition: all 0.4s ease-in-out;
  }
  
  img 
  {
  	width: 100%;
  	vertical-align: middle;
  }
  
  section 
  {
    width: 100%;
  }
  
  section:before, section:after 
  {
    content: "";
    display: table;
    clear: both;
  }
  
  h1{ font-size: 4em; margin: 2vw 0; }
  
  h2{ font-size: 3.5em; margin: 1.75vw 0; }
  
  h3{ font-size: 3em; margin: 1.5vw 0; }
  
  h4{ font-size: 2.5em; margin: 1.35vw 0; font-weight: 100;}
  
  h5{ font-size: 1.8em; margin: 1vw 0; font-weight: 100; }
  
  h6{ font-size: 1.5em; margin: 0.75vw 0; font-weight: 100; }
  
  p{ margin: 2px 0; font-family: custom-book; }
  
  a{ color: inherit; text-decoration: none;}
  
  footer
  {
    z-index: 50;
    position: relative;
    text-align: center;
  }

  input
  {
    width: 100%;
    font-family: custom-book;
    height: 25px;
    padding: 0 5px;
    border: 1px solid black;
    background-color: transparent;
  }

  input[type="submit"]
  {
    cursor: pointer;
    width: auto;
    display: block;
    margin: 0 auto;
  }

  textarea
  {
    width: 100%;
    resize: vertical;
    font-family: custom-book;
    height: 130px;
    border: 1px solid black;
    padding: 5px;
    background-color: transparent;
  }

/*============================================*/
/*  => NAVBAR                                 */
/*============================================*/
  #navbar
  {
    position: relative;
    margin: auto;
  }
  
  #navbar .logo
  {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
  }

  #navbar .logo img
  {
    width: 150px;
  }
  
  #navbar .menu
  {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 60px;
    float: left;
    text-align: center;
  }
  
  #navbar .menu-item
  {
    padding: 16px 2%;
    border: 1px solid transparent;
    display: inline-block;
    font-family: custom-book;
  }

  #navbar .menu-item.btnReserve
  {
    width: 120px;
  }

  #navbar .menu-item.idiomaEN
  {
    padding: 16px 0;
    margin-left: 1.5%;
  }

  #navbar .menu-item.idiomaPT
  {
    padding: 16px 0;
  }
  
  #navbar .menu-item a
  {
    font-size: 1em;
    text-decoration: none;
  }
  
  #navbar .dropdown
  {
    width: 140px;
    display: none;
    text-align: left;
    position: absolute;
    margin-top: 17px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  #navbar .dropdown.open
  {
    display: block;
  }
  
  #navbar .dropdown a
  {
    color: white;
    padding: 7px 20px;
    text-decoration: none;
  }

/*============================================*/
/*  => CONTENT SIZE                           */
/*============================================*/
  .grid 
  {
    margin: 0 -20px;
  }
  
  .grid:after 
  {
    content: "";
    display: table;
    clear: both;
  }
  
  [class*='col-'] 
  {
    float: left;
    padding: 0px 20px;
  }
  
  .col-100{ width: 100%; min-height: 1px;}
  
  .col-95{ width: 95%; min-height: 1px;}
  
  .col-90{ width: 90%; min-height: 1px;}
  
  .col-85{ width: 85%; min-height: 1px;}
  
  .col-80{ width: 80%; min-height: 1px;}
  
  .col-75{ width: 75%; min-height: 1px;}
  
  .col-70{ width: 70%; min-height: 1px;}
  
  .col-65{ width: 65%; min-height: 1px;}

  .col-60{ width: 60%; min-height: 1px;}
  
  .col-55{ width: 55%; min-height: 1px;}
  
  .col-50{ width: 50%;  min-height: 1px;}
  
  .col-45{ width: 45%;  min-height: 1px;}
  
  .col-40{ width: 40%;  min-height: 1px;}
  
  .col-35{ width: 35%;  min-height: 1px;}
  
  .col-33{ width: 33.3%;  min-height: 1px;}

  .col-30{ width: 30%;  min-height: 1px;}
  
  .col-25{ width: 25%;  min-height: 1px;}
  
  .col-20{ width: 20%;  min-height: 1px;}
  
  .col-15{ width: 15%;  min-height: 1px;}
  
  .col-10{ width: 10%;  min-height: 1px;}
  
  .col-5{ width: 5%;  min-height: 1px;}

  .contentPad
  {
    padding-left: 10%;
    padding-right: 10%;
  }

/*============================================*/
/*  => MODAL                                  */
/*============================================*/
  .noScroll{ overflow: hidden; }

  .modal
  {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    overflow-y: auto;
    outline: 0;
    transition: 0.3s;
  }

  .modal.open
  {
    display: block;
  }

  .modal_container
  {
    position: relative;
    width: 40%;
    margin: auto;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    padding: 30px 15px;
  }
  
  .close_modal
  {
    position: absolute;
    cursor: pointer;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    opacity: .5;
    margin-right: 1%;
    margin-top: 1%;
    right: 0;
    top: 0;
  }

/*============================================*/
/*  => SLIDER                                 */
/*============================================*/
  ul.slider
  {
    position: relative;
  }
  
  ul.slider li
  {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  ul.slider li
  {
    display: none;
  }
  
  ul.slider li:first-child
  {
    display: block;
  }

/*============================================*/
/*  => CONTENT                                */
/*============================================*/

  .historia-texto1
  {
    margin-bottom: 30px;
  }
  
  .textCenter
  {
    text-align: center;
  }
  
  .topico-titulo
  {
    margin: 0;
    text-transform: uppercase;
    padding-right: 20%;
  }

  .imagens1-3
  {
    padding-right: 20px;
    padding-bottom: 20px;
  }

  .imagens2-3
  {
    padding: 0 10px;
    padding-bottom: 20px;
  }

  .imagens3-3
  {
    padding-left: 20px;
    padding-bottom: 20px;
  }

  .posRelative
  {
    position: relative;
  }

  .imagens-moldura
  {
    position: absolute;
    bottom: 15px;
    left: 15px;
  }

  .btnReserve
  {
    position: relative;
  }

  .btnReserve img
  {
    position: absolute; 
    left: 0; 
    top: -100%; 
    width: 120px;
    left: 50%;
    transform: translate(-50%,0);
  }

  .btnReserve.scroll img
  {
    top: -60%;
    width: 100px;
  }

  header.scroll
  {
    background-color: rgba(0,0,0,0.6);
    color: white;
  }

  #navbar .menu.scroll
  {
    margin-bottom: 35px;
  }

  .color_brown
  {
    color: #7e4f25;
  }

  h4
  {
    font-weight: bold;
  }

  .historia-imagem
  {
    text-align: right;
  }

  .historia-imagem img
  {
    text-align: left;
    width: 70%;
  }

  .quinta-texto1
  {
    margin-bottom: 30px;
  }

  .quinta-imagem, .sementes-imagem
  {
    position: relative;
    padding: 0 100px;
  }

  .contentVerticalSpace
  {
    margin-bottom: 100px;
  }

  .footerLobo
  {
    background-image: url(../img/footerLobo.png);
    height: 110px;
    background-position: center;
    background-size: cover;
    margin: 30px 0;
  }

  .btnsRight
  {
    width: 35px;
    position: fixed;
    bottom: 70px;
    right: 5%;
    z-index: 999;
  }

  .btnsRight img
  {
    margin: 8px 0;
  }

  #scrollTop
  {
    cursor: pointer;
  }

  .oquefazerImgs
  {
    position: relative;
    padding: 0 100px;
    margin-top: 50px;
  }

  .oquefazerLobo
  {
    position: absolute;
    width: 250px;
    bottom: 130px;
    left: -50px;
  }

  .menu-val
  {
    position: relative;
  }

  .menu-item hr
  {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translate(-50%,0);
    height: 2px;
    border: 0;
    background-color: #404041;
    margin: 3px 0 0 0;
    display: none;
  }

  .menu-val.active hr
  {
    display: block;
  }

  .menu-item
  {
    position: relative;
  }

  hr.active
  {
    display: block;
  }

  .alimentacaoSaudavel_img
  {
    padding: 0 100px;
  }

  .alimentacaoSaudavel_bg
  {
    /* background-color: rgba(230, 222, 211, 0.6); */
    padding: 70px 0;
  }

  .organizacaoEventos_bg
  {
    /* background-color: rgba(189, 104, 2, 0.6); */
    padding: 70px 0 0 0;
  }

  .porPerto
  {
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
    margin-bottom: 50px;
  }

  .porPerto_bloco
  {
    padding: 0 50px;
    font-size: 0.8em;
    text-align: center;
  }

  .porPerto_bloco .porPerto_img
  {
    padding: 0 25px;
  }

  .instaLogoMobile
  {
    width: 30px;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    display: none;
  }

  .instaLogo
  {
    width: 30px;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
  }

  .contactos
  {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 50px;
  }

  .contactos_texto
  {
      margin-top: 120px;
  }

  .contactos_texto p
  {
    font-family: custom-light;
    margin-bottom: 10px;
  }

  .contactos_texto img
  {
    width: 30px;
    margin-right: 15px;
  }

  .melhorPreco
  {
    font-weight: 800;
    margin-bottom: 30px;
  }

  .inputNome, .inputApelido, .inputTelefone, .inputEmail
  {
    margin-bottom: 10px;
  }

  .inputNome, .inputTelefone
  {
    padding-right: 5px;
  }

  .inputApelido, .inputEmail
  {
    padding-left: 5px;
  }

  #logoScroll
  {
    display: none;
    margin: 30px auto;
  }

  .creative-minds
  {
    font-size: 0.8em;
  }

  .shadowImg
  {
    box-shadow: 0px 1px 9px 0px #888888;
  }

  .single-noticiaImagem
  {
    width: 100%;
    height: 500px;
    background-size: cover;
    background-position: center;
  }

  .noticiaImagem
  {
    height: 300px;
    background-size: cover;
    background-position: center;
  }

  .noticiaConteudoPrincipal
  {
    height: 300px;
    padding: 10px;
    background-color: #ededed;
  }

  .noticiaConteudoPrincipal > div
  {
    height: 250px;
    padding: 10px 20px;
    border: solid rgba(214, 215, 214, 1) 1px;
  }

  .noticiaTitulo
  {
    margin: 0;
    color: #7e4f25;
    font-size: 1.3em;
  }

  .noticiaData
  {
    color: #45481e;
  }

  .noticiaTexto
  {
    margin-top: 25px;
    margin-bottom: 5px;
  }

  .noticiaLerMais
  {
    color: #7e4f25;
    font-size: 0.75em;
  }

  .noticiasConteudo
  {
    padding: 10px 20px;
  }

  .noticiasConteudoImg
  {
    background-color: #ededed;
    padding: 10px 10px;
  }

  .noticiaPrincipal
  {
    margin-bottom: 50px;
  }

  .noticiasConteudo .noticiaTitulo
  {
    margin-top: 10px;
  }

  .noticiasConteudoTexto
  {
    padding: 0 10px;
    margin: 5px 0 20px 0;
  }

  .noticiasPaginas 
  {
    text-align: center;
  }

  .noticiasPaginas .setas
  {
    font-size: 1.5em
  }

  .noticiasPaginas span
  {
    margin: 0 5px
  }

  .noticiasPaginas .active
  {
    font-family: custom-book;
    color: #7e4f25;
  }

  .noticiaTitulo-single
  {
    margin: 0;
    color: #7e4f25;
    font-weight: 100;
    margin-top: 50px;
    margin-bottom: 25px;
  }

  .verMais
  {
    text-align: center;
    color: #7e4f25;
    margin-top: 50px;
    margin-bottom: 25px;
  }

  .verMais hr
  {
    width: 39.9%;
    display: inline-block;
    border: 0;
    background-color: #7e4f25;
    height: 2px;
    vertical-align: sub;
  }

  .noticia-vermais
  {
    padding: 0 20px;
  }

/*============================================*/
/*  => DATETIMEPICKER                         */
/*============================================*/

  button.xdsoft_today_button
  {
    display: none !important;
  }

  .xdsoft_datetimepicker
  {
    font-family: custom-book !important;
    background-color: transparent !important;
    border: solid 1px black !important;
    width: 100%;
  }

  .xdsoft_datepicker
  {
    width: 100% !important;
  }

  .xdsoft_label
  {
    background-color: transparent !important;
  }

  .xdsoft_month
  {
    width: 47% !important;
    text-align: right;
  }

  .xdsoft_year
  {
    width: 20%;
    margin-left: 0;
  }

  .dateIN
  {
    padding-right: 5px;
  }

  .dateOUT
  {
    padding-left: 5px;
  }

  .dateIN, .dateOUT
  {
    margin-bottom: 8px;
  }

  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #fff !important;
    background: #000 !important;
}

  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current
  {
    background: #7e4f25 !important;
    box-shadow: unset;
  }

  .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover
  {
    background: #7e4f25 !important;
  }

  .checkIN, .checkOUT
  {
    border: 1px solid black;
    margin-bottom: 2px;
    padding: 2px 10px;
  }

  .checkIN p, .checkOUT p
  {
    font-size: 0.9em;
  }

/*============================================*/
/*  => MOBILE                                 */
/*============================================*/
  .menu_mobile
  {
    position: absolute;
    right: 30px;
    top: 35%;
    transform: translate(-50%, 0);
    cursor: pointer;
    float: left;
    display: none;
    z-index: 5001;
  }
  
  .bar1, .bar2, .bar3
  {
    width: 30px;
    height: 5px;
    background-color: #7e4f25;
    margin: 4px 0;
    transition: 0.5s;
  }

  .menu_mobile.show .bar1
  {
    -webkit-transform: rotate(-45deg) translate(-9px, 4px);
            transform: rotate(-45deg) translate(-9px, 4px);
  }

  .menu_mobile.show .bar2
  {
    opacity: 0;
  }

  .menu_mobile.show .bar3
  {
    -webkit-transform: rotate(45deg) translate(-8px, -4px);
            transform: rotate(45deg) translate(-8px, -4px);
  }

  .menu-mobile
  {
    position: fixed;
    width: 100%;
    height: 0%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 4999;
    text-align: center;
    color: white;
    -webkit-transition: height 0.8s linear;
    transition: height 0.8s linear;
    overflow: hidden;
  }

  .menu-mobile.active
  {
    height: 100%;
  }

  .menu-mobile_space
  {
    width: 100%;
    height: 145px;
  }

  .logoMobile
  {
    width: 120px;
  }

  [id$="-error"] 
  {
  color: red;
  margin-bottom: 2px;
  font-size: 16px;
  }