/* fonts */
  
  @import url('https://fonts.googleapis.com/css?family=Quicksand:400,700');
  @import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400italic');
  @import url('https://fonts.googleapis.com/css?family=Raleway:400,600');
  /*-----*/
  
  body {
      font-size: 16px;
      font-family: 'Raleway', sans-serif;
      color: #686868;
      line-height: 1;
      background: #fff9e7 text-rendering: optimizeLegibility;
      background: #fff9e7;
  }
  
  p {
      font-size: 18px;
      font-weight: 400;
      font-style: normal;
      line-height: 1.58;
      letter-spacing: -.003em;
      margin-top: 25px;
  }
  
  ul {
      padding: 0 !important;
  }
  
  .no-padding {
      padding: 0 !important;
  }
  
  .title {
      color: #fff;
      margin-bottom: 15px;
      font: 4em 'Quicksand', cursive;
      text-rendering: optimizeLegibility;
  }
  
  .page-subtitle {
      width: 100%;
      position: absolute;
      margin: 35px auto 0;
      left: -50%;
      right: -50%;
      text-align: center;
      color: #fff;
      font: bold 45px 'Quicksand', sans-serif, cursive;
  }
  
  .subtitle {
      color: #fff;
      font-size: 20px;
      line-height: 1.5em;
      font-family: 'PT Serif', serif;
      font-style: italic;
      margin-bottom: 15px;
      text-rendering: optimizeLegibility;
  }
  
  .text {
      color: #fff;
      font-size: 15px;
      line-height: 1.3em;
      text-rendering: optimizeLegibility;
  }
  
  .time {
      color: #fff;
      font-size: 15px;
      line-height: 1.3em;
      margin-top: 25px;
      text-rendering: optimizeLegibility;
  }
  /* ==========================================================================
   Author's custom styles
   ========================================================================== */
  
  .bar-top {
      background: #333;
      height: 27px;
      overflow: hidden;
  }
  
  .logo {
      padding: 15px;
      width: 120px;
  }
  
  .logo_sobre {
      position: absolute;
      top: 35%;
  }
  
  .goog-te-combo {
      margin: 5px 0 !important;
      color: #fff !important;
      background: #555 !important;
      border-radius: 15px !important;
      padding: 2px 4px !important;
      font-size: 11px !important;
      border-color: #333 !important;
  }
  /* nav custom */
  
  div.navbar {
      background: #312108;
      margin-bottom: 0;
      border-radius: 0;
      z-index: 999;
  }
  
  div.navbar span.fa.fa-bars {
      font-size: 25px;
  }
  
  button.navbar-toggle {
      padding: 15px;
  }
  
  ul.nav.navbar-nav>li>a {
      display: block;
      font: bold 1em/1.9em 'Quicksand', sans-serif;
      color: #fff;
      text-transform: uppercase;
      border-top: 2px solid transparent;
      padding: 25px 20px;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased !important;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s;
  }
  
  ul.nav.navbar-nav>li>a:hover,
  ul.nav.navbar-nav>li>a:active,
  ul.nav.navbar-nav>li>a:focus {
      border-top: 2px solid #ffed00;
      background: transparent;
  }
  
  ul.nav.navbar-nav>.active>a {
      background: transparent !important;
      border-top: 2px solid #FF592E;
  }
  
  .sub_header {
      background: url(../img/top_bg.jpg) no-repeat center;
      height: 255px;
      width: 100%;
      position: absolute;
      top: 50px;
  }
  
  .content {
      margin-top: 130px;
      background: #fff;
      padding: 15px;
      z-index: 9;
      position: relative;
      webkit-box-shadow: 0 34px 65px rgba(177, 82, 33, 0.11);
      -moz-box-shadow: 0 34px 65px rgba(177, 82, 33, 0.11);
      box-shadow: 0 34px 65px rgba(177, 82, 33, 0.11);
  }
  
  .content-text {
      margin-top: 25px;
      padding: 35px 15px;
      font-family: 'Raleway', sans-serif;
      color: #686868;
      line-height: 1.6em;
  }
  
  .content-img {
      margin-top: 25px;
      padding: 35px 15px;
  }
  
  .content-text-title {
      font-size: 20px;
      font-family: 'PT Serif', serif;
  }
  /* slider */
  
  .wrap-main {
      position: relative;
      height: 460px;
      overflow: hidden;
      z-index: 0;
  }
  
  .slides {
      height: 663px;
  }
  
  .slides .container {
      height: 100%;
  }
  
  .slides_first {
      background: url(../img/slide_1.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      -ms-background-size: cover;
      background-size: cover;
  }
  
  .slides_second {
      background: url(../img/slide_2.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      -ms-background-size: cover;
      background-size: cover;
  }
  
  .wrap-bottom {
      width: 100%;
      height: 55px;
      background: url(../img/div_bg.png) 100%;
      margin-top: -25px;
      position: relative;
      z-index: 9999;
  }
  
  .main-slider-title {
      font: bold 3em 'Quicksand', cursive;
      color: #fff;
      text-align: center;
      text-transform: lowercase;
      margin-bottom: 1.45833333333%;
      background: rgba(0, 0, 0, 0.4);
      padding: 50px 40px;
      width: 50%;
      margin: auto;
      text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
      border-bottom-right-radius: 45px;
      border-bottom-left-radius: 45px;
      border-bottom: 6px solid #f2752dbf;
  }
  
  .main-slider-title span {
      display: block;
      width: 100%;
      text-align: center;
      margin: 20px 0 15px;
  }
  
  .wrap-main .bx-pager {
      position: absolute;
      top: 50%;
      left: 1%;
  }
  
  .wrap-main .bx-viewport {
      height: 663px !important;
  }
  
  .wrap-main .bx-pager-item {
      margin-bottom: 24px;
  }
  
  .wrap-main .bx-pager-item:last-child {
      margin-bottom: 0;
  }
  
  .wrap-main .bx-pager-link {
      display: block;
      text-indent: -9999px;
      width: 10px;
      height: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background: #4e625d;
  }
  
  .wrap-main .bx-pager-link.active {
      background: #35433d;
  }
  
  .about {
      text-align: center;
      color: #a07258;
      margin: 4.79166666667% 0 6.25%;
  }
  
  .about p {
      text-align: center;
      line-height: 1.5;
  }
  
  .about-title {
      display: inline-block;
      font: 4.15384615em 'Quicksand', cursive;
      color: #a07258;
      text-transform: lowercase;
      margin-bottom: 2.08333333333%;
      padding-bottom: 1.5625%;
      border-bottom: 1px solid #e2d0bc;
  }
  
  .about-sub-title {
      font: 1.76923077em 'PT Serif', serif;
      line-height: 1.23;
      margin-bottom: 3.125%;
      padding: 0px 10%;
      font-size: 25px;
  }
  
  hr {
      border-color: #ffeb90;
      margin: 50px 0;
      border-width: 2px;
  }
  
  .btn-custom {
      padding: 15px 30px;
      margin: 45px 0;
      background: orange;
      color: #fff;
      border-radius: 25px;
      font: bold 1.15em 'Quicksand', sans-serif;
      background-image: -o-linear-gradient(right top, #FF6720 0%, #FF863A 59%);
      background-image: -moz-linear-gradient(right top, #FF6720 0%, #FF863A 59%);
      background-image: -webkit-linear-gradient(right top, #FF6720 0%, #FF863A 59%);
      background-image: -ms-linear-gradient(right top, #FF6720 0%, #FF863A 59%);
      background-image: linear-gradient(to right top, #FF6720 0%, #FF863A 59%);
      border-color: transparent;
      text-shadow: none;
  }
  
  .btn-custom:hover,
  .btn-custom:focus,
  .btn-custom:active {
      background: #FF6720;
      color: #f0f0f0;
      text-decoration: none;
  }
  /* frutas */
  
  section.fruit_1,
  section.fruit_2,
  section.fruit_3,
  section.fruit_4,
  section.fruit_5,
  section.fruit_6,
  section.fruit_7,
  section.fruit_8 {
      width: 100%;
      padding: 35px;
  }
  
  section.fruit_1 {
      background-image: url(../img/bg1.jpg);
  }
  
  section.fruit_2 {
      background-image: url(../img/bg2.jpg);
  }
  
  section.fruit_3 {
      background-image: url(../img/bg3.jpg);
  }
  
  section.fruit_4 {
      background-image: url(../img/bg4.jpg);
  }
  
  section.fruit_5 {
      background-image: url(../img/bg5.jpg);
  }
  
  section.fruit_6 {
      background-image: url(../img/bg6.jpg);
  }
  
  section.fruit_7 {
      background-image: url(../img/bg7.jpg);
  }
  
  section.fruit_8 {
      background-image: url(../img/bg8.jpg);
  }
  /* footer */
  
  footer {
      width: 100%;
      margin-top: 50px;
      background: #312108;
      /* Old browsers */
      background: -moz-linear-gradient(left, #312108 1%, #754c24 50%, #312108 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(1%, #312108), color-stop(50%, #754c24), color-stop(100%, #312108));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, #312108 1%, #754c24 50%, #312108 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, #312108 1%, #754c24 50%, #312108 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, #312108 1%, #754c24 50%, #312108 100%);
      /* IE10+ */
      background: linear-gradient(to right, #312108 1%, #754c24 50%, #312108 100%);
      /* W3C */
      filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#312108', endColorstr='#312108', GradientType=1);
      /* IE6-9 */
      text-align: center;
      color: #fff;
      -webkit-box-shadow: inset 0 10px 15px #312108;
      -moz-box-shadow: inset 0 10px 15px #312108;
      box-shadow: inset 0 10px 15px #312108;
      padding: 15px;
  }
  
  footer ul.footer-menu {
      list-style: none;
      margin: auto;
      margin-top: 15px;
  }
  
  footer ul.footer-menu li {
      display: inline;
      padding: 15px;
      font: bold 1em 'Quicksand', sans-serif;
  }
  
  footer ul.footer-menu li a {
      color: #fff;
  }
  
  hr.footer-line {
      border: 1px;
      border-style: dashed;
      color: #fff;
      margin: 15px;
  }
  
  footer a {
      color: #fff;
  }
  
  footer a:hover {
      color: #999;
  }
  
  footer small {
      font-size: 12px;
  }
  /**tabs **/
  
  .nav-tabs {
      border-bottom: none;
  }
  
  .nav-tabs>li {
      width: 33.333333%;
      font: bold 1.4em 'Quicksand', cursive;
      background: #ff772c;
  }
  
  .nav-tabs>li>a {
      color: #fff;
  }
  
  .nav-tabs>li>a:hover {
      color: #ff772c;
      border-radius: 0;
      border-color: transparent;
      width: 100%;
  }
  
  .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:hover,
  .nav-tabs>li.active>a:focus {
      margin: 0;
      background: #fff;
      border-bottom: none;
      border: none;
      border-radius: 0;
  }
  
  #map_canvas {
      width: 100%;
      height: 350px;
  }
  
  .contacts-form {
      float: right;
      width: 100%;
      padding: 3.125% 3.95833333333% 4.0625%;
      background: #ff772c;
  }
  
  .contact-info {
      padding: 4%;
  }
  
  .contact-form label {
      color: #fff;
  }
  
  .contacts-form__title {
      font: 2.15384615em 'Quicksand', cursive;
      color: #fff;
      margin-bottom: 25px;
  }
  
  .contacts-form input[type="text"] {
      margin-right: 4.20792079208%;
      padding: 2.47524752475% 4.45544554455%;
      color: #fff;
  }
  
  input {
      color: #fff !important
  }
  
  input[type="text"],
  input[type="email"],
  input[type="password"] {
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      height: 37px;
      padding: 10px 18px;
      color: #fff;
  }
  
  input[type="text"],
  input[type="email"],
  input[type="password"],
  textarea {
      width: 100%;
      -webkit-transition: all 100ms linear;
      -moz-transition: all 100ms linear;
      -ms-transition: all 100ms linear;
      -o-transition: all 100ms linear;
      transition: all 100ms linear;
      -webkit-box-shadow: inset 3px 3px rgba(0, 0, 0, 0.03);
      -moz-box-shadow: inset 3px 3px rgba(0, 0, 0, 0.03);
      box-shadow: inset 3px 3px rgba(0, 0, 0, 0.03);
      background: #f0531c;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #f0531c 0%, #f36723 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0531c), color-stop(100%, #f36723));
      background: -webkit-linear-gradient(top, #f0531c 0%, #f36723 100%);
      background: -o-linear-gradient(top, #f0531c 0%, #f36723 100%);
      background: -ms-linear-gradient(top, #f0531c 0%, #f36723 100%);
      background: linear-gradient(to bottom, #f0531c 0%, #f36723 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f0531c', endColorstr='#f36723', GradientType=0);
      outline: none;
      border: none;
      font: 500 0.92307692em 'Raleway', sans-serif;
      color: #fff;
  }
  
  .contacts-form input {
      width: 47.0297029703%;
      display: inline-block;
      margin-bottom: 4.9504950495%;
  }
  
  .contacts-form textarea {
      margin-bottom: 4.9504950495%;
      padding: 3.46534653465% 3.9603960396%;
      height: 113px;
  }
  
  textarea {
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      border-radius: 7px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      resize: none;
      padding: 15px 16px;
  }
  
  input[type="text"],
  input[type="email"],
  input[type="password"],
  textarea {
      width: 100%;
      -webkit-transition: all 100ms linear;
      -moz-transition: all 100ms linear;
      -ms-transition: all 100ms linear;
      -o-transition: all 100ms linear;
      transition: all 100ms linear;
      -webkit-box-shadow: inset 3px 3px rgba(0, 0, 0, 0.03);
      -moz-box-shadow: inset 3px 3px rgba(0, 0, 0, 0.03);
      box-shadow: inset 3px 3px rgba(0, 0, 0, 0.03);
      background: #f0531c;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #f0531c 0%, #f36723 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0531c), color-stop(100%, #f36723));
      background: -webkit-linear-gradient(top, #f0531c 0%, #f36723 100%);
      background: -o-linear-gradient(top, #f0531c 0%, #f36723 100%);
      background: -ms-linear-gradient(top, #f0531c 0%, #f36723 100%);
      background: linear-gradient(to bottom, #f0531c 0%, #f36723 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f0531c', endColorstr='#f36723', GradientType=0);
      outline: none;
      border: none;
      font: 500 0.92307692em 'Raleway', sans-serif;
      color: #fff;
  }
  
  .btn {
      display: inline-block;
      padding: 10px 20px;
      background: #fff;
      font: bold 0.76923077em 'Quicksand', sans-serif;
      color: #ff742b;
      text-align: center;
      text-transform: uppercase;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.16);
      box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.16);
  }
  /* ----- */
  
  @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
  .pen {
      max-width: 100%;
      width: 100%;
      margin: 50px auto;
      opacity: 0;
      position: relative;
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
      -webkit-animation: 1s appear 1 forwards;
      -moz-animation: 1s appear 1 forwards;
      -o-animation: 1s appear 1 forwards;
      animation: 1s appear 1 forwards;
  }
  
  .credit {
      display: block;
      max-width: 400px;
      text-align: center;
      margin: 150px auto 0;
      padding: 0;
      font-size: 0.8em;
      color: #f0f0f0;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9);
  }
  
  .credit p a,
  .credit a {
      color: white;
      text-decoration: none;
      font-weight: 700;
  }
  
  .credit p a:hover,
  .credit a:hover,
  .credit p a:active,
  .credit a:active {
      text-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
      color: white;
  }
  
  .credit p a.button,
  .credit a.button {
      padding: 6px 12px;
      margin-top: 10px;
      background: #000000;
      border-radius: 3px;
  }
  
  .credit p a.button:hover,
  .credit a.button:hover {
      background: #2b2b2b;
  }
  
  .credit p:last-of-type {
      margin-bottom: 30px;
  }
  
  .stage {
      max-width: 100%;
      width: 100%;
      height: 280px;
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
  }
  
  .element {
      background: green;
      width: 19%;
      -webkit-transform-origin: 50% 50%;
      height: inherit;
      margin: 0 7px 0 0;
      display: inline-block;
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  
  .element.active {
      width: 30%;
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
  }
  
  .element.inactive {
      width: 16%;
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
      opacity: 0.4;
  }
  
  .element.home_fruit_1 {
      background: url(../img/home_1.jpg) 10% 0 no-repeat;
      background-size: cover;
  }
  
  .element.home_fruit_2 {
      background: url(../img/home_2.jpg) 10% 0 no-repeat;
      background-size: cover;
  }
  
  .element.home_fruit_3 {
      background: url(../img/home_3.jpg) 10% 0 no-repeat;
      background-size: cover;
  }
  
  .element.home_fruit_4 {
      background: url(../img/home_4.jpg) 10% 0 no-repeat;
      background-size: cover;
  }
  
  .element.home_fruit_5 {
      background: url(../img/home_5.jpg) 10% 0 no-repeat;
      background-size: cover;
  }
  
  .element:last-of-type {
      margin: 0;
  }
  
  @-webkit-keyframes appear {
      15% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-moz-keyframes appear {
      15% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-o-keyframes appear {
      15% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @keyframes appear {
      15% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  /* Large desktops and laptops */
  
  @media (min-width: 1200px) {}
  /* Portrait tablets and medium desktops */
  
  @media (min-width: 992px) and (max-width: 1199px) {}
  /* Portrait tablets and small desktops */
  
  @media (min-width: 768px) and (max-width: 991px) {
      ul.nav-tabs>li {
          width: 100%;
      }
  }
  /* Landscape phones and portrait tablets */
  
  @media (max-width: 767px) {
      ul.nav-tabs>li {
          width: 100%;
      }
  }
  /* Landscape phones and smaller */
  
  @media (max-width: 480px) {
      ul.nav-tabs>li {
          width: 100%;
          font-size: 15px;
      }
      a.btn-custom {
          font: bold 10px 'Quicksand', sans-serif;
      }
      div.title {
          font: 35px 'Quicksand', cursive;
      }
      h1.about-title {
          font: 45px 'Quicksand', cursive;
      }
      div.about-sub-title {
          font: 20px 'PT Serif', serif;
      }
      div.wrap-main {
          height: 200px;
      }
      div.content-text {
          margin-top: 0px !important;
          padding: 0px 15px !important;
      }
      .page-subtitle {
          margin: 65px auto 0;
          font: 35px 'Quicksand', sans-serif, cursive;
      }
      footer ul.footer-menu li a {
          color: #fff;
          font-size: 12px;
      }
      footer small {
          font-size: 10px;
      }
  }