@import url('../fonts/stylesheet.css');





*{

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

}



html, body, div, p, span {

  font-family: 'Centrale Sans';

  font-weight: normal;

  

}



h1, h2, h3, h4, h5, h6 {

  font-family: 'Centrale Sans';

  font-weight: lighter;

  



}



.uk-container{

  max-width: 1435px;

  padding: 0px 35px;

}



 p{

  font-size: 16px;

   line-height: 26px;

}

a:hover{

  text-decoration: none;

}

/*Button*/



.uk-button-primary{

  background-color: #359C93 !important;

  border-radius: 5px 5px;

  -moz-border-radius: 5px 5px;

  -webkit-border-radius: 5px 5px;

  border: 1px solid transparent;

  padding: 2px 20px;

}

.uk-button-primary:hover{

background-color: transparent !important;

color: #359C93;

border: 1px solid#359C93;

}





.uk-button-secundary{

  background-color: #ffffff;

  border-radius: 5px 5px;

  -moz-border-radius: 5px 5px;

  -webkit-border-radius: 5px 5px;

  color: #359C93;

  border: 1px solid #359C93;

  padding: 2px 20px;

}

.uk-button-secundary:hover{

background-color: #359C93;

color: #ffffff;

border: 1px solid #359C93;

}



.uk-button-white{

  background-color: #ffffff !important;

  border-radius: 5px 5px;

  -moz-border-radius: 5px 5px;

  -webkit-border-radius: 5px 5px;

  border: 1px solid #ffffff;

  padding: 2px 20px;

  color: #5A6671 ;

}

.uk-button-white:hover{

background-color: #5A6671 !important;

color: #ffffff;

border: 1px solid #ffffff;

}



/*Header*/

header{

  z-index: 9999;

  padding: 12px 0px;

}

header.uk-sticky-init.uk-active {

    background-color: rgba(255,255,255,0.9);

}

div#tm-main-menu > .uk-navbar {

    background-color: transparent;

}

.uk-navbar-nav > li > a{

  font-size: 16px;

  color: #666666;

  font-family: 'Centrale Sans';

  font-weight: 500;

}



ul.redes > li > a{

  font-family: 'FontAwesome';

  color: #045215;

}

#tm-main-menu ul.uk-navbar-nav:not(.redes) > li > a {

    padding: 0px 25px;

}



 a:focus, a:hover {

    background-color: transparent !important;

}

.redes > li > a:hover, .redes > li > a:focus {

    pointer-events: auto !important;

    cursor: pointer;

}



/*rd-top-a Slideshow*/





/* rd-top-b */

h2 {

    color: #015318;

    font-size: 40px;

}



h3 {

    color: #000000;

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 0px;

}

/* rd-top-c */

#rd-top-c{
  background-image: url('../img/imagenes/nuestras-marcas.png');
  background-repeat: repeat no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment:fixed;
}

#rd-top-c ul.uk-grid > li {
    margin-bottom: 25px;
    text-align: center;
}

#rd-top-c ul.uk-grid > li > img {
    width: 100%;
}

#rd-top-c .uk-slidenav-position .uk-slidenav-previous {

    left: 20px;

}

#rd-top-c .uk-slidenav-position .uk-slidenav {



    margin-top: -45px;

}

#rd-top-c .uk-slidenav-position .uk-slidenav-next {

    right: 20px;

}



#rd-top-c .uk-slidenav-position .uk-slidenav-next, 

#rd-top-c .uk-slidenav-position .uk-slidenav-previous {

    color:#ffffff;

    font-size: 45px;

}





/*rd-top-d*/







/*Footer*/

#rd-footer{
  background-image: url('../img/imagenes/footer.png');
  background-repeat: repeat no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

ul.redes.uk-navbar-nav.uk-contrast > li > a {

    color: #ffffff;

    padding: 0px 10px;

}

#rd-footer .uk-grid.uk-grid-small > div {

    margin-bottom: 20px;

}



#rd-footer .uk-grid.uk-grid-small > div > input,

 #rd-footer .uk-grid.uk-grid-small > div > textarea {

    background-color: rgba(255,255,255, 0.2);

    border: 0px;

}



#rd-footer .uk-grid.uk-grid-small > div > input::placeholder,

 #rd-footer .uk-grid.uk-grid-small > div > textarea::placeholder {

    color: #fdfdfd;

}

.uk-modal-dialog h1, 
.uk-modal-dialog h2, 
.uk-modal-dialog h3, 
.uk-modal-dialog h4, 
.uk-modal-dialog h5 {color: #359c93;}


/* animacion svg */

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

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

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

.check-dash {
    fill: none;
    stroke: #2d7091;
    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-offcanvas-menu ul li a {
    color: #fff;
    font-size: 20px;
    display: block;
    padding: 10px 15px;
}