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

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

 @import url('../fonts/din/stylesheet.css');
 @import url('https://fonts.googleapis.com/css?family=Homemade+Apple');

/* Layout */

* {
   
  -webkit-box-sizing: border-box;
  -moz-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 {
  overflow-x: hidden;
  background-color: #000000;
}

html > body {
    width: 100% !important;
}

body.uk-offcanvas-page > .tm-page {
    -webkit-filter: blur(15px);
     -moz-filter: blur(15px);
      filter: blur(15px);
      transform: scale(1.1);
      transform-origin: top;
}

.tm-page {
    -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;

}

div#opciones-inicio > div:first-child {
    margin-top: 0px;
}

/* Scrollbars */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
 
::-webkit-scrollbar-track {
    background-color: #000000;
}
 
::-webkit-scrollbar-thumb {
  background-color: #337933;
  border-radius: 10px;
}

/* Utility */
.uk-container-large {
    width: 1920px;
    max-width: 100%;
    padding: 0px 25px;
}

/* Texto */

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

a {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;

}

body.productos ul.uk-slideset li.seleccionado:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #d3213d;
    margin-top: 25px;
}

html, body, div, a, span, p {font-family: 'Open Sans';font-weight: 400;font-style: normal;/* font-size: 16px; */}

h1, h2, h3, h4, h5, h6 {
  font-family: 'DINCond';
  font-weight: bold;
  font-style: normal;
  color: #4a240e;
}

a, .uk-link {
    color: #A14E21;
    text-decoration: underline;
    cursor: pointer;
}

.uk-article-title {
    font-weight: bold;
}

h3.title-decoration {
    text-align:  center;
    position:  relative;
    vertical-align: middle;
}

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

    h3.title-decoration::before {
    content: "";
    width: 32%;
    height: 1px;
    background-color: #D56B33;
    float:  left;
    vertical-align:  middle;
    margin-top: 15px;
}

h3.title-decoration::after {
    content: "";
    width: 32%;
    height: 1px;
    background-color: #D56B33;
    float:  right;
    vertical-align:  middle;
    margin-top: 15px;
}

}


.coffe-shops ul#region > li > ul.uk-grid > li.uk-grid-margin > div{
    border-top: 1px solid #D56B33;
    padding-top: 25px;
}

.i4ewOd-pzNkMb-haAclf {
    display: none !important;
}




/* Header */

/* Toolbar */

header .tm-toolbar {
    background-color: transparent;
    padding: 10px 0px;
}

header.tm-header {

  background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 10%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 10%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 );
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

header .tm-inner-header {
  padding: 10px 0px;
}

header.tm-header.sticky.tmp-active {
    position: fixed;
    z-index: 99;
    top: 0;
    background-color: #000000;
}

header.tm-header.sticky.tmp-active .tm-toolbar {
    display: none;
}

header.tm-header.sticky.tmp-active .tm-logo img {
    width: 150px;
    max-width: 100%;
}

/* Menu */

.uk-contrast a:not([class]), .uk-contrast .uk-link, .uk-block-primary .uk-panel-box:not(.uk-panel-box-primary):not(.uk-panel-box-secondary) a:not([class]), .uk-block-primary .uk-panel-box:not(.uk-panel-box-primary):not(.uk-panel-box-secondary) .uk-link {
    color: #ffffff;
    text-decoration: none;
}

.uk-navbar-nav > li:not(:last-child), .uk-navbar-brand {
    margin-right: 25px;
}

@media screen and (max-width: 1195px) {
  body .uk-navbar-nav > li:not(:last-child), .uk-navbar-brand {
    margin-right: 10px;
}

body .uk-navbar-nav  li  a {
   font-size: 16px !important;
}
}

body .uk-navbar-nav > li > a {
    display: block;
    text-decoration: none;
    height: 70px;
    padding: 0 0;
    line-height: 70px;
    color: #ffffff;
    opacity: 1;
    font-family: 'DINCond';
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
}

.uk-contrast a:not([class]):hover,
.uk-contrast .uk-link:hover,
.uk-block-primary .uk-panel-box:not(.uk-panel-box-primary):not(.uk-panel-box-secondary) a:not([class]):hover,
.uk-block-primary .uk-panel-box:not(.uk-panel-box-primary):not(.uk-panel-box-secondary) .uk-link:hover,
body .uk-navbar-nav > li.uk-active > a, 
body .uk-navbar-nav > li > a:hover, 
body .uk-navbar-nav > li > a:focus {background-color: rgba(0, 0, 0, 0);color: #FFD105;text-decoration: none !important;}

body .uk-navbar-toggle:hover, .uk-contrast a:not([class]):hover, .uk-contrast .uk-link:hover, .uk-block-primary .uk-panel-box:not(.uk-panel-box-primary):not(.uk-panel-box-secondary) a:not([class]):hover, .uk-block-primary .uk-panel-box:not(.uk-panel-box-primary):not(.uk-panel-box-secondary) .uk-link:hover, body .uk-navbar-nav > li.uk-active > a, body .uk-navbar-nav > li > a:hover, body .uk-navbar-nav > li > a:focus {
    color: #FFD105;
}

.uk-navbar-nav > li > a::before {
    background: #FFD105;
    height: 2px;
}

body .uk-navbar-toggle {
    font-size: 18px;
    color: #ffffff;
    text-decoration: none;
}

/*body .uk-navbar-toggle::after {
    content: "\f0c9";
    font-family: FontAwesome;
    vertical-align: middle;
}*/

/* Redes */

.redes > a[class*="uk-icon-"] {
    color: #ffffff;
    font-size: 18px;
}

.redes > a[class*="uk-icon-"]:hover {
    color: #FFD105;
}

.redes > a[class*="uk-icon-"]:not(:first-child) {
    margin-left: 10px;
}

/* Offcanvas */

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.uk-offcanvas-bar {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

#offcanvas.uk-offcanvas > .uk-offcanvas-bar {
    width: 100%;
    /*width: calc(100% - 17px);*/
        background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 10%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 10%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 );
    margin:  0px auto;
    /*top: 161px;*/
}


ul.uk-nav.uk-nav-offcanvas {
    text-align:  center;
}

ul.uk-nav.uk-nav-offcanvas li a {
    font-size: 24px;
    line-height: 30px;
    font-family: 'DINCond';
    font-weight: 300;
    font-style: normal;
}

#offcanvas a.uk-close::after {
    font-size: 32px;
    line-height: 32px;
    margin: 10px;
}

html .uk-nav.uk-nav-offcanvas > li > a {
    background: rgba(0,0,0,0.5);
    color: #ffffff;
}


html .uk-nav.uk-nav-offcanvas > li.uk-active > a, html .uk-nav.uk-nav-offcanvas > li > a:hover {
    background: #337933;
    color: #ffffff;
}

html .uk-nav.uk-nav-offcanvas > li > a + ul {
    padding: 0;
}

html .uk-nav.uk-nav-offcanvas > li > a + ul li a {
    font-size: 20px;
    color: rgba(255,255,255,0.6);
}

html .uk-nav.uk-nav-offcanvas > li > a + ul li.uk-active a, html .uk-nav.uk-nav-offcanvas > li > a + ul li a:hover {
    color: #337933;
    background: #000000;
}

/* Breadcrumbs */

.breadcrumb-header {
    text-align: center;
    padding: 260px 20px 160px 20px;
    color: #ffffff;
    background-image: url('../../../images/imagenes/layout/breadcrumbs-header.jpg');
    background-position: left top;
    background-size: cover !important;
    background-repeat: no-repeat;
    /*  min-height: 500px;*/
}

@media screen and (max-width: 480px){
  .breadcrumb-header {
  padding: 125px 20px 125px 20px;

}
}


body .yoo-zoo article.uk-article h1.uk-article-title.uk-margin-top-remove {
    color: #4A240E;
    font-size: 40px;
    line-height: 42px;
}

.filosofia-empresarial {
    clear: both;
}
/*images/imagenes/paginas/nosotros/header-nosotros.jpg*/
body.nosotros .breadcrumb-header {
    background-image: url('../../../images/imagenes/slideshow/home/Slides-para-website_notexto_3.jpg');
}

body.coffe-shops .breadcrumb-header {
    background-image: url('../../../images/imagenes/layout/breadcrumbs-coffe-shops.png');
}

body.factorias .breadcrumb-header {
    background-image: url('../../../images/imagenes/layout/breadcrumbs-factorias.png');
}

body.aroma .breadcrumb-header {
    background-image: url('../../../images/imagenes/paginas/aroma-coffe-service/aroma-coffee-service.jpg');
}

body.productos .breadcrumb-header {
    background-image: url('../../../images/imagenes/paginas/productos/header-productos.jpg');
}

body.icsd .breadcrumb-header {
    background-image: url('../../../images/imagenes/paginas/icsd/header-icds.jpg');
}

body.contactos .breadcrumb-header {
    background-image: url('../../../images/imagenes/layout/factoria-contacto.jpg');
  	background-position: center center !important;
}



body.agrocafe .breadcrumb-header {
    background-image: url('../../../images/imagenes/layout/header-agrocafe.jpg');
	background-position-y: center !important;
}

body.icsd .breadcrumb-header > ul.uk-breadcrumb > li > span {
  display: none;
}
@media (min-width: 768px) {
.uk-align-medium-left {
    margin-right: 35px;
    float: left;
}

}

table.uk-table > * > * > * {
    border: 1px solid #eeeeee;
}


.uk-table th, .uk-table td {
    padding: 15px 15px;
}

table.uk-table > thead > * > * {
    color: #4a240e;
    font-size: 24px;
    line-height: 26px;
    font-family: 'DINCond';
    position:  relative;
}

table.uk-table > thead > * > *:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 5px;
    background-color: red;
}

table.uk-table > thead > * > *:nth-child(4n + 1):after {
    background-color: #D56B33;
}

table.uk-table > thead > * > *:nth-child(4n + 2):after {
    background-color: #A24F22;
}

table.uk-table > thead > * > *:nth-child(4n + 3):after {
    background-color: #7D3D1A;
}

table.uk-table > thead > * > *:nth-child(4n + 4):after {
    background-color: #4A240F;
}

.factorias table.uk-table > tbody > * > * {
    color: #666666;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.factorias table.uk-table > tbody > * > *:first-child {
    color: #000000;
}

.breadcrumb-header > ul.uk-breadcrumb > li{
    display: none;
}

h3.tm-subtitle {
    margin: 0px;
    color: #D3213D;
}

.breadcrumb-header > ul.uk-breadcrumb > li > span {
    font-size: 70px;
    line-height: 80px;
    font-family: 'Amorinda';
    font-weight: 500;
    font-style: normal;
    text-transform: capitalize;
}

/* Opciones inicio */

figure.uk-overlay > figcaption.uk-overlay-panel {
    border: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}

figure.uk-overlay.uk-overlay-hover.tmp-video > figcaption.uk-overlay-panel.uk-flex-bottom > div::after {
    content: url(../../../images/imagenes/layout/video-icon.png);
    position: absolute;
    top: calc(50% - 24px);
    right: calc(50% - 27px);
}

section > div > .uk-panel > h3.uk-panel-title {
    text-align: center;
    margin-bottom: 35px;
    font-size: 34px;
    line-height: 38px;
    font-weight: 600;
    color: #000000;
}

/* Footer */
body div#tm-footer {
    background-image: url('../../../images/imagenes/layout/footer.jpg');
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center;
    padding: 75px 0px 25px;
    color: #ffffff;
}

body footer .redes > * {
    height: 120px;
    width: 120px;
    line-height: 110px;
    border-radius: 50%;
    border: 8px solid rgba(255,255,255,0.3) !important;
    font-size: 50px !important;
    text-align: center;
    }

    @media screen and (min-width: 768px) {
      body footer .redes > *:not(:first-child) {
    margin-left: 75px !important;
    }
    }

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

    body footer .redes > *:not(:first-child) {
    margin-top: 35px !important;
    }

    body footer .redes > * {
    margin-right: auto !important;
    margin-left: auto !important;
    display: block;
    }

    }


    /* Contactos */

    .uk-form input:not([class*='uk-form-width-']):not([class*='uk-width-']):not([type="radio"]):not([type="checkbox"]), .uk-form select:not([class*='uk-form-width-']):not([class*='uk-width-']), .uk-form textarea:not([class*='uk-form-width-']):not([class*='uk-width-']) {
    width: 100%;
    border: 1px solid #cccccc;
    padding: 10px;
}


.uk-thumbnail {
    margin: 0;
    border: none;
    background: transparent;
    padding: 0px;
    text-align: center;
}


    /* animacion svg */

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

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

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

        .check-dash{fill:none;stroke:#337933;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;}

        }


table#coffeShops.uk-table.uk-table-striped > tbody > tr:nth-child(3n + 1) {
    background-color: #000000;
    color: #ffffff;
}

table#coffeShops.uk-table.uk-table-striped > tbody > tr:nth-child(3n + 2) {
    background-color: #f5f5f5;
}

table#coffeShops.uk-table.uk-table-striped > tbody > tr:nth-child(3n + 3) {
    background-color: #ffffff;
}

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

    body .filosofia-empresarial {
    margin-left: -100%;
    margin-right: -100%;

}

body.coffe-shops .mapa {
    margin-left: -5%;
    margin-right: -5%;
}

}

body .uk-panel-box:not(.uk-panel-box-primary):not(.uk-panel-box-secondary) {
    border: none;
}

/*
.valores > .uk-grid > * > .uk-panel-box {
    color: #ffffff;
}

.valores > .uk-grid > *:nth-child(5n + 1) > .uk-panel-box {
    background: #D56B33;
}

.valores > .uk-grid > *:nth-child(5n + 2) > .uk-panel-box {
    background: #A24F22;
}

.valores > .uk-grid > *:nth-child(5n + 3) > .uk-panel-box {
    background: #7D3D1A;
}

.valores > .uk-grid > *:nth-child(5n + 4) > .uk-panel-box {
    background: #4A240F;
}

.valores > .uk-grid > *:nth-child(5n + 5) > .uk-panel-box {
    background: #371B0B;
}*/

.tm-footer > .uk-panel > p:last-child {
    font-size: 14px;
}

.uk-slidenav {
    padding: 4px;
    color: rgba(255, 255, 255, 0.7);
    background-color: rgb(50, 23, 20,0.6);
    border-radius: 5px;
    height: 40px;
    width: 40px;
    font-size: 35px;
}

.uk-slidenav:hover {
  color: #ffffff;
}
.uk-button.destacado {
    background-color: #3a2215;
    color: #ffffff;
    padding: 5px 15px;
    transition: all .2s ease-in-out !important;
}

.uk-button.destacado:hover {
    color: #3a2215;
    border-radius: 15px;
  
}

.uk-button.destacado::before {
    background-color: #ffffff;
    margin-top: -5px;
}
.redes-c-shop > a.uk-icon-button {
    border-radius: 20px;
}
.uk-slidenav-position .uk-slidenav{
  display: block !important;
}

ul.uk-subnav.uk-subnav-pill > li {
    margin: 0 auto;
}

ul.uk-subnav.uk-subnav-pill {
    margin-bottom: 40px;
    box-shadow: 0px 3px 6px 0px #eaeaea;
     -webkit-box-shadow: 0px 3px 6px 0px #eaeaea;
     -moz-box-shadow: 0px 3px 6px 0px #eaeaea;
    padding: 15px 0px;
}

ul.uk-subnav.uk-subnav-pill > li.uk-active > a {
    background-color: #693210;
    color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

ul.uk-subnav.uk-subnav-pill > li > a {
    text-decoration: none;
    color: #444444;
}

ul.uk-subnav.uk-subnav-pill > li > a:hover {
    background-color: #693210;
    color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.productos ul.uk-slideset > li.uk-active > div.uk-panel:hover {
    transform: scale(1.09, 1.09);
    }

.productos ul.uk-slideset > li.uk-active > div.uk-panel{
       transition: 0.30s;
        -webkit-transition: 0.30s;
        -moz-transition: 0.30s;
    }
h1.text-large {
    font-size: 60px;
}
.uk-animation-2 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
.productos div#tm-bottom-d {
    display: none;
}

.blog-uikit-agrocafe ul.uk-list > li.uk-grid-margin {
    margin-top: 20px;
}

.product-productos-cafe-santo-domingo .element-relateditemspro > .familiar > li.uk-width-medium-1-2 {
    width: 100%;
}


.product-productos-cafe-santo-domingo > .uk-align-medium-left {
    height: 1250px;
}
.product-productos-cafe-santo-domingo .element-relateditemspro {
    display: block;
}
.product-productos-cafe-santo-domingo .element-relateditemspro .wrap-products {
    display: inline-block;
    margin-top: 10px;
    float: none;
    width: 67%;
    max-width: 100%;
}

.product-productos-cafe-santo-domingo .element-relateditemspro .wrap-products .familiar {
    width: 15%;
    float: left;
}

.product-productos-cafe-santo-domingo .element-relateditemspro .wrap-products .familiar > .uk-width-medium-1-2 {
    width: 70%;
}

@media screen and (max-width: 1218px) {
	.product-productos-cafe-santo-domingo .element-relateditemspro .wrap-products {width: 60%;}
}
@media screen and (max-width: 938px) {
	.product-productos-cafe-santo-domingo .element-relateditemspro .wrap-products {width: 50%;}
}

@media screen and (max-width: 766px) {
	.product-productos-cafe-santo-domingo > .uk-align-medium-left {height: auto;}
	.product-productos-cafe-santo-domingo .element-relateditemspro .wrap-products {width: 100%;}
}

.slideshow-inicio h1.text-large{
  font-family: 'Century Schoolbook'; 
  font-size:40px;
   font-style: italic;
}

@media screen and (max-width: 480px){
.slideshow-inicio h1.text-large {
    font-size: 26px;
    line-height: 30px;
}
  .uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li{max-height:350px;}
}

.contacto select {
    border: 1px solid #cccccc;
    padding: 0px 5px;
}


table.uk-table > tbody > tr > td {
    white-space: nowrap;
}

/*Popup Homepage*/
.popup-homepage-left-center.hidden{opacity:0;transform: translateX(-100%) translateY(-50%);}
.popup-homepage-left-center {
    right: 10%;
    position: fixed;
    left: inherit;
    opacity:1;
    transform: translateX(0) translateY(-50%);
    top: 50%;
    webkit-transition: all 3s ease-in-out 0s;
    -moz-transition: all 3s ease-in-out 0s;
    -ms-transition: all 3s ease-in-out 0s;
    -o-transition: all 3s ease-in-out 0s;
    transition: all 3s ease-in-out 0s;
    z-index:9999;
    max-width: 100%;
    width: 400px;
}

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

  .popup-homepage-left-center {
    width: 200px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
  }

}

.popup-homepage-left-center .uk-modal-close.uk-close {
  position: absolute;
  right: 0;
  z-index: 5;
  top: -10px;
  text-decoration: none;
}
.popup-homepage-left-center .zoo-itempro-default {
  padding: 0;
}
.popup-homepage-left-center .zoo-itempro-default li {
  list-style: none;
  position: relative;
}
.popup-homepage-left-center .zoo-itempro-default li .links {
  margin: 0;
}
.popup-homepage-left-center .zoo-itempro-default li .links a {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
}

body a.uk-modal-close.uk-close::after {
    color: #ffd105;
    font-size: 20px;
}
body .coffe-chop-redes > a.uk-icon-button {
    font-size: 35px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    line-height: 50px;
    margin: 0 5px;
    background-color: #d1d4d6;
    color: #fff;
    border: none;
  	box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}

.redes-c-shop.coffe-chop-redes {
  position: fixed;
  right: 10px;
  top: 50%;
  width: 60px;
  transform: translatey(-50%);
  z-index: 5;
}
.redes-c-shop.coffe-chop-redes > a.uk-icon-facebook {
  background-color: #3b5998;
}
.redes-c-shop.coffe-chop-redes > a.uk-icon-envelope-o {
  background-color: #aaaaaa;
  font-size: 28px;
}
a.uk-icon-youtube {
  background-color: #fa282b;
}
.redes-c-shop.coffe-chop-redes > a.uk-icon-youtube {
  background-color: #fa282b;
  font-size: 30px;
}
a.uk-icon-instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  
}