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

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

body{
  overflow-x: hidden;
}



h1, h2{
    font-family: 'Montserrat' !important;
    font-weight: 800;
    font-style: normal;
}
h3, h4{
    font-family: 'Montserrat' !important;
    font-weight: 600;
    font-style: normal;

}
p,div,span,strong,li,input,select,textarea{
    font-family: 'Montserrat' !important;
    font-weight: 300;
    font-style: normal;
    color: #39332C;
}
a{
    font-family: 'Montserrat' !important;
    font-weight: bold;
    font-style: normal;
    color: #0059A9;
}

b, strong {
    font-weight: bold;
}

 /*  Header  */

 .rd-menu {
        padding: 0px 15px;
}

.uk-sticky-init.uk-active {
    width: 100% !important;
}
.uk-navbar-nav > li > a {
    font-size: 14px;
}

.rd-menu::before {
    content: '';
    height: 67px;
    width: 110%;
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    top: 0;
    left: -20px;
    transform: skewX(10deg);
}

.rd-menu {
    padding: 0px 40px;
    position: relative;
}

.uk-navbar-nav > li > a{
    height: 67px;
}

.uk-navbar-nav > li > a:before {
   
    bottom: 0px; 
    height: 3px;
    background: rgb(0, 89, 169);   
}
.uk-navbar-nav > li.uk-active > a {
    background-color: rgba(0, 0, 0, 0);
    color: rgb(0, 89, 169); 
}

/*SLIDESHOW*/

.tm-top-a a.btn {
    margin-left: 12px;
    background-color: #E64F00;
    border: 1px solid #E64F00;
    margin-top: 25px;
}
.tm-top-a a.btn:hover {
    border: 1px solid #0059A9;
}


/*TOP-C*/
.content.uk-panel {
    bottom: 30px;
    width: 100%;
    max-width: 394px;
    background: #ffffff;
    margin: 0 auto;
    text-align: center;
}

h3.blue {
    background-color: #0059A9;
}

h3.orange {
    background-color: #E64F00;
}

h3.greend-yelow {
    background-color: #C1D31D;
}

h3.title {
    color: #ffffff;
    padding: 6px 0px;
    font-size: 20px;

}

.contenedor {
    border: 4px solid #f1f1f1;
    padding-bottom: 15px;
    border-bottom: 0px;
}

/*TOP-D*/
section.tm-top-d {
    background-image: url('../../../images/layout/sobre-haojue.png');

}
@media screen and (min-width: 768px){
.min-content {
    width: 1100px;
    margin: 0 auto;
    padding: 50px 0px;
}
}

a.btn {
    color: #ffffff;
    border: 1px solid #ffffff;
}

.btn:not(.uk-button-link):before {
    background-color: #0059A9;
    color: #ffffff;
}
a.btn:hover{
    border: 1px solid #fdfdfd;
}

/*FOOTER*/
ul.uk-list.uk-flex.uk-flex-center > li {
    margin: 0px 6px;
}

a.uk-icon-button {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -mox-border-radius: 20px;
    background-color: #0059A9;
    color: #ffffff;
    border: 1px solid #ffffff;
    font-family: 'FontAwesome' !important;
}
.uk-icon{
 font-family: 'FontAwesome' !important;
}

.uk-icon-button::after {
    background-color: #ffffff;
}

a.uk-icon-button:hover {
    color: #0059A9;
    border: 1px solid #0059A9;
}

.tm-top-c .contenedor p {
    padding: 0px 23px;
}

@media screen and (min-width: 768px){
    .uk-flex-medium {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
}

@media screen and (max-width: 480px){
span.uk-float-right {
    float: inherit;
}
}


.uk-slideset li.uk-active:nth-child(3n+1) .content-tutilo {
    background-color: #63CA03;
    padding: 45px 4px;
    width: 100%;
    max-width: 122px;
    height: auto;
}

.uk-slideset li.uk-active:nth-child(3n+3) .content-tutilo {
    background-color: #018BD3;
    padding: 45px 4px;
    width: 100%;
    max-width: 122px;
    height: auto;
}


.content-tutilo {
    padding: 40px 0px 10px 10px;
    background-color: red;
    width: 100%;
    max-width: 122px;
    height: auto;
}

.content-tutilo p.links {
    text-align: right;
}

.content-tutilo > h3 > a, .content-tutilo > p {
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
}
.links i.uk-icon-large.uk-icon-long-arrow-right {
    font-size: 28px;
}

.uk-slideset li.uk-active:nth-child(3n+2) {
    box-shadow: 0px 0px 15px 5px #dbdbdb;
    -webkit-box-shadow: 0px 0px 15px 5px #dbdbdb;
    -moz-box-shadow: 0px 0px 15px 5px #dbdbdb;
    padding-left: 0px;

    z-index: 999;
}

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

.uk-slideset li.uk-active:nth-child(3n+2) {
  
    transform: scale(1.18, 1.102);

}

.uk-slideset li.uk-active:not(:nth-child(3n+2)) {

     transform: scale(0.82, 0.77);
}
}

.uk-slideset li.uk-active:not(:nth-child(3n+2)) {
     box-shadow: 0px 0px 5px -3px;
     -webkit-box-shadow: 0px 0px 5px -3px;
     -moz-box-shadow: 0px 0px 5px -3px;
  
}
.uk-slideset li.uk-active:not(:nth-child(3n+2)){
      padding-left: 0px;
      z-index: 999;
}
    .uk-slideset li.uk-active:not(:nth-child(3n+2)) .media.media-right {
    padding-left: 30px;
}
.uk-slideset li.uk-active:nth-child(3n+2) .media.media-right {
    padding-left: 47px;
}
.mod_modelos >  h3.uk-panel-title {
    padding-bottom: 80px;
    text-align: center;
    color: #0059A9;
    position: relative;
    font-size: 40px;
    font-weight: 600;
}

.mod_modelos >  h3.uk-panel-title::before {
    content: '';
    border-bottom: 1px solid #0059A9;
    position: absolute;
    bottom: 45px;
    height: 1px;
    width: 230px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.uk-slideset li.uk-active:not(:nth-child(3n+2)) .content-tutilo > h3 > a {
    font-size: 28px;
}

.uk-panel.mod_modelos {
    width: 100%;
    max-width: 1605px;
    margin: 0 auto;
}
.uk-slideset li.uk-active:not(:nth-child(3n+2)) .lnr.lnr-arrow-right {
    display:none
}
a.uk-slidenav.uk-slidenav-previous, a.uk-slidenav.uk-slidenav-next {
    z-index:99999;
}

.uk-slideset li.uk-active:nth-child(3n+2)  .lnr.lnr-arrow-right{
  margin-right: 30px;
}
.tm-top-d .min-content  p {
    color: #ffffff;
    font-weight: 300
    ;font-size: 18px;
    }

.tm-footer .uk-flex-medium.uk-flex-middle > p {
    color: #000000;
    font-weight: 200;
    font-size: 14px;
}

.tm-footer .uk-flex-medium div > p {
    font-weight: 400;
    color: #000000;
    font-size: 15px;
}

/* animacion svg */



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

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

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

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





        }

/*Contactos*/
.tm-contacto .uk-width-medium-1-2 >input, .tm-contacto div > textarea, .tm-contacto div > select {
    border: 1px solid #d4d4d4;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/*Breadcrumb*/
ul.uk-breadcrumb {
    background-image: url("../../../images/layout/breadcrumb-haojue2.jpg");
    padding: 150px 25px 50px 25px;
    text-align: center;
    background-position: 55% 30%;
    background-repeat: no-repeat;
    background-size: cover;
}

.uk-breadcrumb > li.uk-active > span {
    font-size: 40px;
    font-weight: 600;
    color: #e9e9e9;
}

.uk-breadcrumb > li:not(.uk-active) {

    display: none;

}

@media screen and (max-width: 480px){
    .tm-top-a .uk-grid.uk-grid-match.uk-flex-middle > div.uk-width-medium-1-2 > div > img {width: 100%;max-width: 210px;}

.tm-top-a .uk-grid.uk-grid-match.uk-flex-middle > div.uk-width-medium-1-2 > div {
    text-align: center;
}

.mod_modelos > h3.uk-panel-title {
    font-size: 35px;
}

.content-tutilo {
   padding: 30px 4px !important;
   width: 100%;
   max-width: 110px !important;
}

.content-tutilo i.lnr.lnr-arrow-right {
    display: none;
}

.uk-slideset li.uk-active {
    box-shadow: 0px 0px 15px 5px #dbdbdb !important;
    -webkit-box-shadow: 0px 0px 15px 5px #dbdbdb !important;
    -moz-box-shadow: 0px 0px 15px 5px #dbdbdb !important;
    padding-left: 0px !important;
    z-index: 999 !important;
}
.content-tutilo > h3 > a {
    font-size: 22px !important;
}

.content-tutilo > h3 {
    text-align: right;
}

.tm-top-b a.uk-slidenav {top: 50%;}

.tm-top-d .min-content p {
    text-align: justify;
    font-size: 16px;
}
}

body #tm-middle > .tm-main > main.tm-content > .yoo-zoo.blog-modelos > .uk-grid  article.uk-article > .uk-margin.element.element-imagepro.zx {
    min-height: 229px;
}

body #tm-middle > .tm-main > main.tm-content > .yoo-zoo.blog-modelos > .uk-grid  article.uk-article {

    padding: 15px;
    border: 1px solid #f2f2f2;
    transition: all 0.3s ease-in-out 0s;

}



body #tm-middle > .tm-main > main.tm-content > .yoo-zoo.blog-modelos > .uk-grid  article.uk-article > h1.uk-article-title {
  font-size: 24px;
  line-height: 34px;
  margin: 0px;
  text-align: center;
    transition: all 0.3s ease-in-out 0s;
}

body #tm-middle > .tm-main > main.tm-content > .yoo-zoo.blog-modelos > .uk-grid  article.uk-article:hover {

    background-color: #0059a9;

}

body #tm-middle > .tm-main > main.tm-content > .yoo-zoo.blog-modelos > .uk-grid  article.uk-article:hover > h1.uk-article-title {
    color: #ffffff;
}

body #tm-middle > .tm-main > main.tm-content > .yoo-zoo.blog-modelos > .uk-grid  article.uk-article > .uk-margin.element.element-imagepro.zx img {
    transition: all 0.3s ease-in-out 0s;
}

body #tm-middle > .tm-main > main.tm-content > .yoo-zoo.blog-modelos > .uk-grid  article.uk-article:hover > .uk-margin.element.element-imagepro.zx img {
    mix-blend-mode: multiply;
}

article.uk-article .uk-list.uk-list-line {
    clear: both;
}

header .uk-sticky-init {

    z-index: 1031 !important;

}

.blog-uikit-nosotros .uk-align-medium-left + div {
    max-width: 1280px;
    text-align: justify;
    margin-top: 25px;
}

.uk-button{
  background: #0059A9;
  color: #ffffff;
}

.btn-ws {
    position: fixed;
    right: 2%;
    bottom: 10%;
    z-index: 9999;
    width: 60px;
    height: 60px;
    background: #2fc549;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.btn-ws > a {
    color: #ffffff !important;
    font-size: 22px;
    transition: all 0.4s ease-in-out 0s;
}

.btn-ws:hover {
    background: #1ca734;
}

.btn-ws:hover > a {transform: scale(1.2);}