/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* ========================================================================
   Indice

   1- layout
      html
      body
      reglas de texto
      ocultar link falang

   2- header
   3- header breadcrumbs
   4- teaser gridstack home
   5- servicios home
   6- noticias
   7- productos
   8- contacto
 ========================================================================== */



/* ========================================================================
      1- layout
 ========================================================================== */


 body header .tm-navbar.uk-navbar .uk-navbar-nav > li:first-child > a {
    /*! display: none; */
}

/*:not(.uk-container):not(body):not(html):not(div[class*="uk-width-"]) {
  max-width: 100%;
 }*/

 * {
  -webkit-box-sizing: border-box;
  -mozt-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-word-wrap: break-word;
  -moz-word-wrap: break-word;
  -ms-word-wrap: break-word;
  -o-word-wrap: break-word;
  word-wrap: break-word;
 }

/* html */
html {
  overflow-x: hidden;
}


/* body */

body {
  background: #ffffff;
  text-align:justify;
}

#about.uk-text-left{text-align:justify !important;}

ul {
    list-style-type: circle;
}

/* reglas de texto */

h1, h2, h3, h4, h5, h6 {
  color: rgb(70, 38, 2);
  text-align: left;
}

p, span {
  color: rgb(70, 38, 2);
}

.uk-clear {
  clear: both;
}

@media screen and (max-width: 768px){

  #amenities-switch li {
  display: block;
  margin: 5px auto;
  text-align: center;
}

}

@media screen and (min-width: 768px){

  #amenities > li > .content {
    display: flex;
  }
#amenities > li > .content > div > div { width:50%;}
#amenities > li > .content > div, #amenities > li > .content > div > div {
  float: left;
}

#amenities > li > .content > div:not(.uk-align-medium-left) {
  max-width: 504px;
}

#amenities > li > .content > div.uk-align-medium-left {
  padding: 10px;
}

}

/* This stylesheet generated by Transfonter (http://transfonter.org) on October 7, 2016 9:48 PM */

@font-face {
  font-family: 'Alex Brush';
  src: url('font/AlexBrush-Regular.eot');
  src: url('font/AlexBrush-Regular.eot?#iefix') format('embedded-opentype'),
    url('font/AlexBrush-Regular.woff') format('woff'),
    url('font/AlexBrush-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.uk-row-first > div.uk-panel > h3.uk-panel-title {
    text-align: left;
    font-size: 64px;
    line-height: 64px;
    color: #462602;
    margin-bottom: 35px;
    font-weight: bold;
    text-transform: uppercase;
}

.gallery-title h3.uk-panel-title {
    text-align: left;
    font-size: 48px;
    line-height: 58px;
    color: #462602;
    margin-bottom: 0px;
}

.gallery-title p {

color: #462602;
line-height: 22px;
text-align: left;
font-size: 18px;

}

/* ocultar link falang */

 a[href="http://www.faboba.com"] {
    display: none !important;
}

.uk-modal {
    z-index: 9999;
}

.uk-block-large {
    padding-top: 50px;
    padding-bottom: 50px;
}

/* ========================================================================
      2- header
 ========================================================================== */

header {
    position: absolute;
    z-index: 999;
    width: 100%;
}

.tm-logo-small.uk-hidden-large > img {
    max-width: 200px;
}

.slideshow-inicio .uk-grid > div > a > p {
    font-weight: bold;
}


body header .tm-logo.uk-margin-large-top.uk-visible-large img {
    margin-top: 5%;
}

body header .tm-logos-top {
    position: absolute;
    right: 80px;
    top: 25%;
}

.tm-navbar-container.uk-sticky-init.uk-active.uk-navbar-attached .tm-logo-small > img {
    max-width: 180px;
}

body header .tm-search {
    /*! left: 80px; */
    /*! right: auto; */
    top: 25%;
    margin: 0px;
}

body .uk-navbar-toggle {
    font-size: 18px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

body header .tm-search .uk-search input {
    color: #ffffff;
}

body header .tm-search .uk-search::before {
    color: #ffffff;
}

.tm-navbar-container {
    background-color: transparent;
}

body .uk-dropdown {
    width: 300px !important;
}

body .tm-navbar-default.uk-active .tm-navbar li > div ul.uk-nav li a {
  color: #462602;
  }

body .tm-navbar-default:not(.uk-active) .uk-dropdown {
    padding: 10px;
    background: transparent;
    color: #ffffff;
    font-size: 1rem;
    vertical-align: top;
    box-shadow: none;
}

:not(li) > a {
    color: #462602;
}

ul > li {
    /*! list-style: none; */
    color: #462602;
}
h1.uk-article-title {
    margin-top: 0px;
    font-size: 48px;
    margin-bottom: 5px;
}

.uk-article-subtitle {
    margin-top: 0px;
    font-weight: 600;
}

h1 + h3 {
    margin-top: 0px;
}

.tm-navbar li > div ul.uk-nav li a {
    color: #ffffff;
    font-weight: 600;
}

body:not(.inicio):not(.press):not(.about):not(.packages):not(.airport):not(.oscar):not(.bamboo):not(.la-yola) .tm-navbar li > div ul.uk-nav li a {
    color: #462602;
    font-weight: 600;
}

.tm-navbar li > div ul.uk-nav li a:hover {
    text-decoration: underline;
}

.uk-navbar-nav > li > a {
  color: #ffffff;
  font-weight: bold;
}

.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li:focus > a {
    color: #ffffff;
}

.uk-navbar-nav > li.uk-active > a::before,
.uk-navbar-nav > li:hover > a::before,
.uk-navbar-nav > li:focus > a::before {
    background-color: #ffffff;
}

.experience-slideshow {
    padding: 10px;
    margin-top: -100px;
    background-color: #f1dfcf !important;
    position: relative;
}

body .media.media-top img {
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
   width: 100%;
   height: 480px;
}

body:not(.inicio):not(.press):not(.about):not(.airport):not(.oscar):not(.bamboo):not(.la-yola) .zoo-itempro-default.zoo-default li {
    list-style: none;
}

body:not(.inicio):not(.press):not(.about):not(.airport):not(.oscar):not(.bamboo):not(.la-yola) .zoo-itempro-default.zoo-default{
    padding: 0px;
}

body:not(.inicio):not(.press):not(.about):not(.packages):not(.airport):not(.oscar):not(.bamboo):not(.la-yola) .uk-navbar-nav > li > a {
  color: #462602;
}

.uk-button {
    color: rgb(70, 38, 2);
    padding: 5px 15px;
    border: 2px solid #462602;
    border-radius: 5px;
}

.uk-button.uk-button-primary {
    color: #ffffff;
}

.uk-button:not(.uk-button-link)::before {
    content: "";
    position: absolute;
    left: -150%;
    height: 130%;
    width: 130%;
    background: #462602;
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    -webkit-transition: left .4s;
    transition: left .4s;
    z-index: -1;
    top: 0;
}

body:not(.inicio):not(.press):not(.about):not(.airport):not(.packages):not(.oscar):not(.bamboo):not(.la-yola) .uk-navbar-nav > li.uk-active > a, body:not(.inicio):not(.press):not(.about):not(.packages):not(.airport):not(.oscar):not(.bamboo):not(.la-yola) .uk-navbar-nav > li:hover > a, body:not(.inicio):not(.press):not(.about):not(.packages):not(.airport):not(.oscar):not(.bamboo):not(.la-yola) .uk-navbar-nav > li:focus > a {
    color: #462602;
}

body:not(.inicio):not(.press):not(.about):not(.airport):not(.oscar):not(.bamboo):not(.la-yola) .uk-navbar-nav > li.uk-active > a::before,
body:not(.inicio):not(.press):not(.about):not(.airport):not(.oscar):not(.bamboo):not(.la-yola) .uk-navbar-nav > li:hover > a::before,
body:not(.inicio):not(.press):not(.about):not(.airport):not(.oscar):not(.bamboo):not(.la-yola) .uk-navbar-nav > li:focus > a::before {
    background-color: #462602;
}

/* active */

body header .tm-navbar-default.tm-navbar-container.uk-text-center {
    -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

body header .tm-navbar-default.tm-navbar-container.uk-text-center.uk-active a.tm-logo-small.uk-visible-large img {
    max-height: 76px;
}

body header .tm-navbar-default.tm-navbar-container.uk-text-center.uk-active {
    background-color: #F1DFCF;
}

body header .tm-navbar-default.tm-navbar-container.uk-text-center.uk-active .header-inactivo {
    display: none;
}

body header .tm-navbar-default.tm-navbar-container.uk-text-center.uk-active .header-activo {
    display: block;
}

body header .header-activo,
body header .tm-navbar-default.tm-navbar-container.uk-text-center.uk-active .tm-navbar-right.uk-flex.uk-flex-middle {
    display: none !important;
}

.uk-grid.experience-block-top{
  width: 670px;
  margin: 0 auto;
}

body header .tm-navbar-default.tm-navbar-container.uk-text-center.uk-active .uk-search::before {
    color: #462602;
}

body header .tm-navbar-default.tm-navbar-container.uk-text-center.uk-active .uk-navbar-nav > li > a {
  color: #462602;
}

body header .tm-navbar-default.tm-navbar-container.uk-text-center.uk-active .uk-navbar-nav > li.uk-active > a,
body header .tm-navbar-default.tm-navbar-container.uk-text-center.uk-active .uk-navbar-nav > li:hover > a,
body header .tm-navbar-default.tm-navbar-container.uk-text-center.uk-active .uk-navbar-nav > li:focus > a {
    color: #462602;
}

body header .tm-navbar-default.tm-navbar-container.uk-text-center.uk-active .uk-navbar-nav > li.uk-active > a::before,
body header .tm-navbar-default.tm-navbar-container.uk-text-center.uk-active .uk-navbar-nav > li:hover > a::before,
body header .tm-navbar-default.tm-navbar-container.uk-text-center.uk-active .uk-navbar-nav > li:focus > a::before {
    background-color: #462602;
}

body .tm-navbar-container.uk-sticky-init.uk-active.uk-navbar-attached {
  background: #f1dfcf;
}

body .tm-navbar-container.menu-largo {
  background: #f1dfcf;
}

body .tm-navbar-container.uk-sticky-init.uk-active.uk-navbar-attached .header-inactivo {
  display: none;
}

body .tm-navbar-container.uk-sticky-init.uk-active.uk-navbar-attached .uk-navbar-nav > li > a {
  color: #462602;
}

/* offcanvas */

body .uk-offcanvas-bar {
    background: #F1DFCF;
  }

  html .uk-nav.uk-nav-offcanvas > li.uk-active > a,
  .uk-nav-offcanvas > li > a:hover {
  background: #462602 !important;
  color: rgba(255, 255, 255, 0.87) !important;
}

body .uk-nav-offcanvas > li > a {
  color: #462602;
  padding: 10px 15px;
}

body .uk-nav-offcanvas ul a {
  color: #9C7344;
}

body .uk-nav-offcanvas ul a:hover {
  color: #462602 !important;
}

body .corales-tour.header-inactivo {
    margin-top: -50px;
    display: block;
}
/* ========================================================================
      3- header breadcrumbs
 ========================================================================== */

.header-breadcrumb ul.uk-breadcrumb {
  text-align: center;
  padding: 50px 25px;
  background: url('../../../images/imagenes/layout/header-breadcrumbs.jpg');
  background-attachment: fixed;
  background-size: cover;
  background-position: 50% 100%;
}

.header-breadcrumb ul.uk-breadcrumb li.uk-active > span {
  font-size: 32px;
  line-height: 34px;
  color: #ffffff;
}

.uk-panel.header-breadcrumb ul.uk-breadcrumb > li:not(.uk-active) *,
.uk-panel.header-breadcrumb ul.uk-breadcrumb > li:before {
  display: none;
}


/* ========================================================================
      4- slideshow
 ========================================================================== */

body .slideshow-inicio .uk-slideshow .uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-fade {
  -webkit-align-items: flex-end !important;
  -moz-align-items: flex-end !important;
  -ms-align-items: flex-end !important;
  -o-align-items: flex-end !important;
  align-items: flex-end !important;
}

.slideshow-inicio .uk-slideshow .uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-fade > div {
  margin-bottom: 75px;
}

body:not(.inicio):not(.press):not(.about):not(.airport):not(.oscar):not(.bamboo):not(.la-yola) .slideshow-inicio .uk-slideshow .uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-fade > div {
    margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
  body .slideshow-inicio .uk-slideshow h1.uk-h1 {
    font-family: 'Alex Brush';
    font-size: 72px;
}

body .slideshow-inicio .uk-slideshow .uk-text-large {
   /*! margin-top: 120%; */
   width: 680px;
   max-width: 100%;
}
}

@media screen and (max-width: 768px) {
  body .slideshow-inicio .uk-slideshow h1.uk-h1 {
    font-family: 'Alex Brush';
    font-size: 45px;
}

.slideshow-inicio .uk-slideshow .uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-fade > div {
  margin-bottom: 75px;
}

}

body.inicio .slideshow-inicio .uk-slideshow .uk-text-large p, body .slideshow-inicio .uk-slideshow .uk-text-large a {
   color: #ffffff;
   text-decoration: none;
   font-size: 16px;
}

body.not(.inicio) .slideshow-inicio .uk-slideshow .uk-text-large p, body .slideshow-inicio .uk-slideshow .uk-text-large a {
   color: #462602;
   text-decoration: none;
   font-size: 16px;
}


body .slideshow-inicio .uk-slideshow .uk-button {
    font-size: 20px;
    padding: 5px 20px;
    border-radius: 5px;
    border: 2px solid #ffffff;
}

.separador {
    width: 100%;
    height: 70px;
    background: url('../../../images/imagenes/layout/separador.png');
    margin-top: -108px;
    background-size: cover;
}

@media screen and (max-width: 1219px) {
  .separador{
    margin-top: -100px;
  }
}

/* ========================================================================
      4- gallery
 ========================================================================== */


.gallery-home .uk-overlay-panel.uk-overlay-bottom {
  /*! position: inherit; */
  /*! margin-top: 10px; */
  /*! height: auto; */
  /*! padding: 0px; */
}

/* ========================================================================
      4- teaser gridstack home
 ========================================================================== */


body .uk-grid .uk-panel.uk-panel-space > h3.uk-panel-title + div.uk-margin {
    max-height: 96px;
    overflow: hidden;
}


/* ========================================================================
      5- Servicios home
 ========================================================================== */


body.tm-isblog .servicios .uk-panel > .uk-margin {
    max-height: 54px;
    overflow: hidden;
}

body .uk-width-medium-3-10.uk-text-center * {
    text-align: center !important;
}

/* ========================================================================
      6- noticias
 ========================================================================== */


body.tm-isblog .tm-main main.tm-content #system-message-container + .yoo-zoo div.uk-grid article.uk-article div[class*="uk-align"] + div {
  max-height: 216px;
  overflow: hidden;
  margin-bottom: 25px;
}

body.tm-isblog .tm-main main.tm-content #system-message-container + .yoo-zoo div.uk-grid article.uk-article div[class*="uk-align"] + div + ul.uk-subnav > li.element {
  padding-left: 0px;
}


body.tm-isblog .tm-main main.tm-content #system-message-container + .yoo-zoo div.uk-grid article.uk-article > h1.uk-article-title {
  font-size: 42px;
}

/* ========================================================================
      7- productos
 ========================================================================== */

body.tm-noblog .yoo-zoo.product-uikit > h1 + div > img + div.zoo-gallery {
    margin-top: 15px;
}

body.tm-noblog .yoo-zoo.product-uikit .uk-thumbnail {
    padding: 0px;
    background: transparent;
    text-align: center;
}

body.tm-noblog .yoo-zoo.product-uikit .uk-thumbnail * {
    width: 100% !important;
}

body.tm-noblog .yoo-zoo.product-uikit .uk-panel.uk-panel-box {
    border: 0px !important;
    background: #f5f5f5;
    padding: 6%;
}

/* ========================================================================
      8- contacto
 ========================================================================== */

 .yoo-zoo.blog-uikit.blog-uikit-contacto .contacto p {
    display: inline-block;
    margin-right: 25px;
}

.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
    width: 100% !important;
    background: #f5f5f5;
    height: auto;
    padding: 10px;
    border-bottom: 1px solid transparent;
}

/* iconos */

.marker:before
{

  content: "\f041";
  font-family: FontAwesome;
  margin-right: 10px;
  color: #666666;

}

.phone:before
{

  content: "\f095";
  font-family: FontAwesome;
  margin-right: 10px;
  color: #666666;

}

.email:before
{

  content: "\f0e0";
  font-family: FontAwesome;
  margin-right: 10px;
  color: #666666;

}

.user:before
{

  content: "\f007";
  font-family: FontAwesome;
  margin-right: 10px;
  color: #666666;

}

.web:before
{

  content: "\f0ac";
  font-family: FontAwesome;
  margin-right: 10px;
  color: #666666;

}


/* animacion svg */



.circle{fill:none;stroke:#462602;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}

        .circle-dash{fill:none;stroke:#462602;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}

        .check{fill:none;stroke:#462602;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

        .check-dash{fill:none;stroke:#462602;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}



        .check {

          stroke-dasharray: 60 100;

          animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          -webkit-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          -moz-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          -o-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          opacity: 0;

        }



        @-webkit-keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}

        }



        @-moz-keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}

        }



        @keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}

        }



        .check-dash {

          stroke-dasharray: 10 100;

          animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

          -webkit-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

          -moz-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

          -o-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

        }



        @-webkit-keyframes check-dash {

          from {stroke-dashoffset: 120;}

          to {stroke-dashoffset: 45;}

        }



        @-moz-keyframes check-dash {

          from {stroke-dashoffset: 120;}

          to {stroke-dashoffset: 45;}

        }



        @keyframes check-dash {

          from {stroke-dashoffset: 120;}

          to {stroke-dashoffset: 45;}

        }



        .circle {

          stroke-dasharray: 300 300;

          animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          -webkit-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          -moz-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          -o-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          opacity: 0;

        }



        @-webkit-keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}

          to {stroke-dashoffset:0;

          opacity: 1;}

        }



        @-moz-keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}

          to {stroke-dashoffset:0;

          opacity: 1;}

        }



        @keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}

          to {stroke-dashoffset:0;

          opacity: 1;}

        }



        .circle-dash {

          stroke-dasharray: 10 300;

          animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -webkit-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -moz-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -o-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          opacity: 0;

        }



        @-webkit-keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}

          to {stroke-dashoffset: 20;

          opacity: 1;}

        }



        @-moz-keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}

          to {stroke-dashoffset: 20;

          opacity: 1;}

        }



        @keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}

          to {stroke-dashoffset: 20;

          opacity: 1;}

        }


.uk-navbar-nav > li > a::before{display:none;}

.gallery-home .uk-overlay-panel.uk-overlay-bottom.uk-overlay-fade > h3 {
    text-align: right;
}


.uk-subnav-pill * {
  display: block;
  text-align: center;
}

.uk-subnav-pill > .uk-active > *,
.uk-subnav-pill > * > :hover,
.uk-subnav-pill > * > :focus {
  background: transparent;
  border-bottom: 1px solid rgb(70, 38, 2);
}

.uk-subnav-pill > li > a > img {
  margin: 0px auto;
}

.uk-subnav-pill > li > a > img + span {
  margin-top: 10px;
}

body.inicio .tm-top-c.uk-grid img {
    width: 100%;
}

@media screen and (min-width: 768px){
article.uk-article > .uk-align-medium-left {
    padding: 10px;
}
}

@media screen and (max-width: 1600px) {
  .tm-navbar-right > .uk-visible-large > img[src="/bocetos/tortugabayhotel/images/imagenes/layout/logos-top-activo.png"] {
    display: none;
}
}




/* Monthly events */

.uk-overlay-background {

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);

  color: #ffffff;
  
  border: none;

}



.uk-contrast .uk-overlay-icon:before {

  color: #ffffff;

}



h3.uk-category-date {

  color: #462602;

  font-weight: 600;

}



/* Teaser */



.category-title {

  font-size: 52px;

  line-height: 56px;

  margin-bottom: 0px;

  color: #462602;

  font-weight: 600;

  text-transform: uppercase;

}

.back-icon>a::before {

  content: "\f104";

  font-family: FontAwesome;

  display: inline-block;

  font-weight: normal;

  font-style: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  margin-right: 10px;

}



.category-subtitle {

  margin: 0px;

  color: #462602;

}



article.uk-article h1.title {

  margin-bottom: 0px;

  color: #462602;

  text-transform: uppercase;

  font-weight: bold;

}



h1.title-gray {

  text-transform: uppercase;

  color: #6f6f6f;

}



article.uk-article h3.subtitle {

  margin-top: 0px;

  color: #462602;

  text-transform: uppercase;

}





/* Full */



body:not(.tm-container):not(.tm-full) main#tm-content, .yoo-zoo.blog-uikit.blog-uikit-awards-2, .yoo-zoo.blog-uikit.blog-uikit-sustainable-development-2 {

  margin-top: 50px;

}



article.uk-article>div>h1.uk-article-title {

  font-size: 52px;

  line-height: 56px;

  margin-bottom: 25px;

  color: #462602;

  font-weight: 600;

}



.events-grid>.event-item {

  float: left;

  width: 100%;

  max-width: 100%;

  padding-right: 5px;

  margin-bottom: 5px;

}



.events-grid>.event-item figure.uk-overlay {

  width: 100%;

}



.events-grid>.event-item figure.uk-overlay>img {

  width: 100%;

  height: 310px;

  -o-object-fit: cover;

  object-fit: cover;

}



.events-grid>.event-item figure.uk-overlay figurecaption h3 {

  margin-bottom: 10px;

  color: #ffffff;

  max-width: 206px;

  font-size: 35px;

}



.events-grid>.event-item figure.uk-overlay figurecaption p.uk-article-lead {

  margin: 0px;

  color: #ffffff;

}



@media screen and (min-width: 960px) {

  .events-grid>.event-item:nth-child(1) {
    width: 100% !important;
  }

  .events-grid>.event-item:nth-child(9n + 2), .events-grid>.event-item:nth-child(9n + 3), .events-grid>.event-item:nth-child(9n + 5), .events-grid>.event-item:nth-child(9n + 7), .events-grid>.event-item:nth-child(9n + 8), .events-grid>.event-item:nth-child(9n + 9) {width: 25% !important;}

  .events-grid>.event-item:nth-child(9n + 4), .events-grid>.event-item:nth-child(9n + 6), .events-grid>.event-item:nth-child(9n + 10) {width: 50% !important;}

}



@media screen and (max-width: 960px) {

  .events-grid>.event-item {

    width: 50% !important;

  }

  .events-grid>.event-item:first-child {

    width: 100% !important;

  }

}



@media screen and (max-width: 768px) {

  .events-grid>.event-item {

    width: 100% !important;

  }

}





/* Login */



.logintm-container {

  max-width: 320px;

  margin: 0px auto;

  text-align: center;

}



.btn-primary, .btn-info, .btn-inverse {

  color: #ffffff;

}



.logintm-container .form-horizontal .controls {

  margin-left: 0px;

}



.logintm-container .form-horizontal .controls>input:not([type="checkbox"]) {

  width: 100%;

}



.logintm-container .form-horizontal .control-label {

  float: inherit;

  width: 100%;

  text-align: center;

}



.logintm-container+div>ul.nav.nav-tabs.nav-stacked {

  text-align: center;

}





/* Accordion */



.uk-accordion-title {

  margin-top: 0;

  margin-bottom: 30px;

  padding: 15px 25px;

  background: rgba(0, 0, 0, 0);

  font-size: 24px;

  line-height: 26px;

  cursor: pointer;

  border: 1px solid #462602;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 2px;

  color: #462602;

}



.uk-accordion-title::before {

  content: "\f105";

  font-family: FontAwesome;

  color: #462602;

  padding-right: 10px;

}



.uk-accordion-title.uk-active::before {

  content: "\f107";

}



.uk-accordion-content {

  border-left: 1px solid #462602;

  margin-left: 30px;

  margin-bottom: 30px;

}





/* Gallery */



@media screen and (min-width: 768px) {

  .gallery ul.uk-thumbnav.uk-flex-center {

    z-index: 99;

    position: relative;

    max-width: 1090px;

    margin: 0px auto 0px auto;

    background-color: #ffffff;

    padding: 25px;

  }

}

h3.h3-title {
    line-height: 28px;
    margin-top: 10px;
}

h3.h3-title > a {
    text-decoration: none;
}
h3.h3-title + div {
    max-height: 120px;
    height: 100%;
    overflow: hidden;
}

.blog-uikit-news .uk-width-medium-1-4 > .uk-article > h3, .blog-uikit-videos h3.h3-title {
    font-size: 20px;
    margin: 15px 0px;
}

.btn-menu > li > a {
    padding: 5px 10px;
}

.border {
    border: 10px solid #462602;
    padding: 5px;
}

.border > ul {
    padding-left: 15px;
}
.border > *{
    text-align: initial
}
span.uk-button > a:hover {
    color: #ffffff;
    text-decoration: none;
}