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

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

 /* Fonts */
 @import '../fonts/pristina/stylesheet.css';

 /* Utility */



/* 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: #F05E23;
}


/* Reglas de Texto */

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;
}

/* Header */
.tm-header-top {
  padding: 15px 0px;
  background-color: #000000;
  color: #ffffff;
}

.tm-slogan > div > * {
    margin-bottom: 0px;
    color: #ffffff;
    font-style: italic;
}


.tm-slogan > div > * {
  margin-bottom: 0px;
  color: #ffffff;
  font-family: 'Pristina';
  font-style: italic;
}
#tm-contactos > *:not(:last-child) {
  margin-right: 25px;
}

.tm-phone {
  color: #ffffff;
}

.tm-phone i {
  margin-right: 10px;
}

.redes > a {
  color: #ffffff;
  font-size: 18px;
}

.redes > a:not(:last-child) {
  margin-right: 10px;
}
.redes > a:hover {
  color: #F05E23;
}

/* Main menu */
.tm-main-menu {
  background-color: #221F1F;
  color: #ffffff;
}

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

/* Categorias */

#tm-top-b {
    margin-bottom: 2px;
}


#tm-top-c {
    padding-top: 50px;
}

body .slideshow-inicio .uk-slidenav-position > .uk-slideshow + .uk-slidenav {
   width: 40px;
   height: 40px;
   line-height: 40px;
   color: #000000;
   font-size: 20px;
   background: #ffffff;
}


body .categorias .uk-slidenav-position > .uk-slidenav {
   width: 40px;
   height: 40px;
   line-height: 40px;
   color: #000000;
   font-size: 20px;
   background: #f5f5f5;
}

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

body .categorias .uk-slidenav-position .uk-slidenav-previous {
   left: -40px;
}

body .categorias .uk-slidenav-position .uk-slidenav-next {
   right: -40px;
}

}

.categorias h3 {
    font-size: 30px;
    margin-bottom: 0px;
}

.categorias h1 {
    color: #F05E23;
    margin-top: 0px;
}

@media screen and (max-width: 768px) {
 .categorias > * {
   text-align: center;
 }

}

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

 .categorias h3 {
     font-size: 20px;
 }

 .categorias h1 {
     font-size: 32px;
 }

}


/* Catalogo */

#tm-bottom-d {
  padding-top: 50px;
  background-image: url('../../../images/imagenes/layout/catalogo.jpg');
  background-size: cover;
}

@media screen and (max-width: 768px) {
#tm-bottom-d {
  padding-top: 25px;
}
}

/* footer */

#tm-footer {
    padding: 25px 0px;
    background-color: #000000;
    color: #ffffff;
}

footer ul.nav.menu {
  margin-bottom: 0px;
}

footer ul.nav.menu > li > a,
footer ul.nav.menu > li > span {
  text-transform: uppercase;
  color: #ffffff;
  background: transparent;
  font-size: 13px;
}

@media screen and (min-width: 1220px) {
  .uk-grid-divider > * {
    padding-left: 25px;
    padding-right: 25px;
}

}

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

body footer ul.nav.menu > li {
  display: block !important;
  margin-bottom: 0px;
}

}

@media screen and (min-width: 1600px) {
footer ul.nav.menu > li:not(:last-child) {
  margin-right: 25px;
}

footer ul.nav.menu > li {
  display: inline-block;
  margin-bottom: 0px;
}

footer ul.nav.menu > li > a,
footer ul.nav.menu > li > span {
  text-transform: uppercase;
  color: #ffffff;
  background: transparent;
  font-size: 13px;
}

}

@media screen and (max-width: 1600px) {
footer ul.nav.menu > li:not(:last-child) {
  margin-right: 10px;
}

footer ul.nav.menu > li {
  display: inline-block;
  margin-bottom: 0px;
}

footer ul.nav.menu > li > a,
footer ul.nav.menu > li > span {
  font-size: 12px;
}

footer p {
  font-size: 13px;
}

}



body footer ul.nav.menu > li.current.active > a
body footer ul.nav.menu > li.uk-active > a,
body footer ul.nav.menu > li > a:hover,
body footer ul.nav.menu > li > a:focus {
  color: #F05E23 !important;
  background: transparent !important;
}

body footer p > i {
  margin-right: 10px;
}

@media screen and (max-width: 768px){
body footer *:not(.redes > a) {
  display: block !important;
  text-align: center !important;
}

body footer p {
  width: 100%;
  text-align: center;
}
}

.tm-totop-scroller {
    color: #ffffff;
}


.uk-slidenav {
    display: inline-block;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #000000;
    font-size: 20px;
    text-align: center;
    background: transparent;
}
.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%;
}
.yoo-zoo.blog-uikit-productos h1.uk-article-title {
    font-size: 20px;
    margin: 0;
  line-height: 26px;
  text-align: center;
  font-weight: 800
}

.uk-form.uk-form-horizontal  input, .uk-form.uk-form-horizontal  textarea{
  border: 1px solid #999;
  padding: 0px 5px;
}

.uk-form *::-moz-placeholder {
    color: #999;
}
/* animacion svg */



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

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

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

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





        }

.galeria-productos > div:first-child {
    width: 100%;
}
.tm-main-menu.uk-visible-large .tm-navbar.uk-navbar > .uk-navbar-nav.uk-visible-large > li > a {
    font-weight: 600;
}
.tm-top-a.uk-grid .tm-breadcrum {
    text-align: center;
    background: url('../../../images/imagenes/layout/catalogo.jpg');
    object-fit: cover;
    padding: 35px;
}
.tm-top-a.uk-grid .tm-breadcrum > h1 {
    color:#fff;
}

h2.slogan {
    font-family: 'Great Vibes', cursive;
}
.slide-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,0.5);
    padding: 30px;
    margin: 50px;
}
.slide-wrapper h3 {
    margin-bottom: 0;
    font-size: 40px;
    color: #000000;
}

@media screen and (max-width: 769px) {
    .slide-wrapper {
        padding: 30px;
        margin: 20px;
    }
    .slide-wrapper h3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 500px) {
    .slide-wrapper {
        padding: 15px;
        /*margin-right: 0;*/
    }
}