*{

  -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 *{

  font-family: 'Montserrat';

}

.uk-icon{

  font-family: 'FontAwesome' !important;

}



h1,h2,h3{

  font-weight: bold;

}



.logo {

    padding: 10px 0px;

}

header.uk-active.uk-animation-slide-top {

    z-index: 999;

    background: #ffffff;

}



nav.uk-navbar > ul, nav.uk-navbar > ul,

nav.uk-navbar > ul > li,

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

    background: white !important;

}



nav.uk-navbar > ul > li:not(:last-child) {

    margin-right: 20px;

}



nav.uk-navbar > ul > li.uk-active > a,

nav.uk-navbar > ul > li > a:hover {

    color: #039642 !important;

}

nav.uk-navbar > ul > li > a:hover{

  cursor: pointer;

}



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

    position:relative;

    color: #666666;



}

nav.uk-navbar > ul > li > a::before{

 position: absolute;

 content:'';

 width:0px;

 left:auto;

 height:2px;

 bottom:0;

 right:0;

 background: #039642;

 transition: all 0.3s ease-in-out 0s;



}

nav.uk-navbar > ul > li.uk-active > a::before,

nav.uk-navbar > ul > li > a:hover::before,

nav.uk-navbar > ul > li > a:focus::before {

 left:0;

 bottom:0;

 right:auto;

 width:100%;



}



.uk-slideshow h1 {

    font-size: 52px;

    line-height: 52px;

}



.uk-slideshow h1 + p {

    font-size: 19px;

    line-height: 24px;

}



a{

  color: #009640;

}
a:hover{
    text-decoration: none;
}

p{

  font-size: 16px;

}



#rd-top-b h2 {

    font-size: 44px;

}



#rd-top-b h2 + p {

    font-size: 18px;

}



#rd-top-b  a {

    font-size: 14px;

    position: relative;

    font-weight: bold;

}



#rd-top-b a::before {

    position: absolute;

    content: '';

    width: 80%;

    background: #009640;

    height: 1px;

    bottom: -5px;

    left: 50%;

    transform: translate(-50%, 0%);

}



.num{

font-size: 54px;

font-weight: bold;

color: #009640;

margin-bottom: 10px;

}

.grid-number{

  padding-top: 0px;

}



div#rd-top-c {

    padding-top: 35px;

}



#rd-top-c .uk-overlay-bottom{

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%) !important;

background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%) !important;

background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%) !important;

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



padding: 40px 35px;



}

#rd-top-c .uk-overlay-bottom h2 {

    margin-bottom: 0px;

    font-size: 40px;

}



#rd-top-c .uk-overlay-bottom h2 + p {

    margin-top: 10px;

    font-size: 18px;

}

.redes h4 {margin-bottom: 0;margin-right: 10px;font-size: 18px;}



.redes a {

    margin: 0px 10px;

    font-size: 18px;

    color: #555555;

}



.redes a:hover {

    color: #019641;

}



.uk-width-medium-1-2 > .uk-flex > p.uk-margin-right {

    margin-bottom: 0px;

    font-size: 13px;

    text-align: right;

}



#rd-footer .uk-block {

    padding: 35px 0px;

}





a.uk-icon-large.uk-icon-reorder {

    font-size: 190%;

}



.uk-offcanvas-bar.uk-offcanvas-bar-show {

    background: #ffffff;

}



a.uk-close.uk-offcanvas-close {

    text-align: right;

    opacity: 1;

    display: block;

    margin-left: auto;

    margin-right: 5px;

    font-size: 18px;

    height: 35px;

    line-height: 35px;

    color: #019642;

    }



nav.uk-offcanvas-menu ul > li.uk-active > a {

    background: #555555;

    color: #ffffff;

}



nav.uk-offcanvas-menu ul > li > a {

    font-weight: 600;

}



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

  ul.uk-slideshow, ul.uk-slideshow > li {

    height: 420px !important;

}



.uk-slideshow h1 {

    font-size: 28px;

    line-height: 32px;

}



.uk-slideshow h1 + p {

    font-size: 18px;

}



#rd-top-b h2 {

    font-size: 32px;

}



.num {

    font-size: 45px;

}



#rd-top-c figure.uk-overlay.uk-overlay-hover,

 #rd-top-c figure.uk-overlay.uk-overlay-hover img {

    min-height: 360px;

    object-fit: cover;

}



#rd-top-c .uk-overlay-bottom {

    padding: 15px;

}



#rd-top-c .uk-overlay-bottom h2 {

    font-size: 28px;

}



#rd-top-c .uk-overlay-bottom h2 + p {

    font-size: 16px;

}



.uk-width-medium-1-2 > .uk-flex > p.uk-margin-right {

    text-align: center;

    margin-top: 15px;

    }



.uk-width-medium-1-2 > .uk-flex {

    justify-content: center;

}



#rd-footer h3.uk-margin-remove + p {

    text-align: center;

    font-size: 14px;

}



#rd-footer h3.uk-margin-remove {

    text-align: center;

}

#rd-top-a .uk-overlay-panel.uk-container.uk-container-center.uk-grid-match.uk-text-center.uk-grid.uk-flex-middle.uk-flex-center > div {

    width: 100%;

    padding: 0;

}



#rd-top-a .uk-overlay-panel.uk-container.uk-container-center.uk-grid-match.uk-text-center.uk-grid.uk-flex-middle.uk-flex-center {

    padding: 0px 20px;

}

}



.uk-panel-box.uk-panel-box-primary {

    background: #ffffff;

    box-shadow: 0px 0px 5px 0px #d2d2d2;

}



.uk-panel-box.uk-panel-box-primary * {

    color: #666666;

}

.contactos input {
    height: 40px;
}

.contactos input, .contactos textarea {
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 10px;
}

.contactos .uk-grid > .uk-grid-margin {
    margin-top: 15px;
}
button.uk-button.uk-button-primary {
    background: #039642;
    padding: 5px 0px;
    border-radius: 5px;
}

button.uk-button.uk-button-primary:hover {
    background: #297729;
}

/*Mensaje Enviado / Mensaje no Enviado*/
/* animacion svg */
.circle{fill:none;stroke:#009640;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.circle-dash{fill:none;stroke:#009640;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.check{fill:none;stroke:#4a8def;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.check-dash{fill:none;stroke:#4a8def;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;
}
.uk-button-mensaje{
  background-color: #009640;
}

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