/* Template CSS */

@import '../fonts/ionicons/css/ionicons.min.css';

@import '../fonts/open-sans/stylesheet.css';

@import '../fonts/sansumi/stylesheet.css';



* {

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

}



@media (min-width: 1220px) {



.uk-container {

    max-width: 1510px;

    padding: 0 35px;

}



}



.uk-panel-box {

    padding: 25px;

    background: #ffffff;

    color: #666666;

}



.uk-panel-box-primary {

    background-color: #0085B2;

    color: #ffffff;

}



/* Reglas de texto */



body .uk-link, 

body a {

    color: #0085B2;

    text-decoration: none;

    cursor: pointer;

}



a {

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

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

}



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



font-family: 'Sansumi';

font-weight: bold;

font-style: normal;

color: #000000;

}



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

  body h1, body h2 {



   font-size: 22px;

   line-height: 32px;

}



body h3 {



   font-size: 16px;

   line-height: 26px;

}

}



html, div, p, span, a {



  font-family: 'Open Sans';

  font-weight: normal;

  font-style: normal;

  color: #666666;



}



body .uk-contrast p {

    color: #ffffff;

}

.uk-contrast .uk-panel-title {

    color: #ffffff;

}

/* Header */



.uk-sticky-placeholder {

    position: absolute;

    width: 100%;

}



header#tm-header {

    background-color: #ffffff;

    padding: 10px 0px;

    z-index: 999;

}



/* Menu */



header #tm-main-menu .uk-navbar {

    background-color:  transparent;

    color: #666666;

}



header #tm-main-menu .uk-navbar-nav>li:not(:first-child) {

    margin-left: 25px;

}



header #tm-main-menu .uk-navbar-nav>li>a {

    display: block;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    text-decoration: none;

    height: auto;

    line-height: inherit;

    padding: 0px;

    color: #666666;

    font-size: 15px;

    font-family: 'Sansumi';

    font-weight: 600;

    font-style: normal;

    text-transform: uppercase;

    position: relative;



}



/* language */



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

    /*! background: transparent; */

    /*! padding-right: 0px; */

    /*! line-height: inherit; */

    /*! height: inherit; */

}



body .language > nav.uk-navbar li:not(.uk-active) a img {

    filter: grayscale(1);

}

body .language > nav.uk-navbar a:hover img {

    filter: grayscale(0);

}



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

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

    background: #f5f5f5;

    /*! padding-right: 0px; */

    /*! line-height: inherit; */

    /*! height: inherit; */

}



body .language > nav.uk-navbar {

    background: #eaeaea;

}



header #tm-main-menu .uk-navbar-nav>li>a::after {

    content: '';

    position: absolute;

    bottom: 0px;

    left: auto;

    right: 0px;

    width: 0%;

    height: 1px;

    background-color: #0085B2;

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

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

}



header #tm-main-menu .uk-navbar-nav > li.uk-active > a::after,

header #tm-main-menu .uk-navbar-nav > li > a:hover::after,

header #tm-main-menu .uk-navbar-nav > li > a:focus::after {

    left: 0px;

    right: auto;

    width: 100%;

}



header #tm-main-menu .uk-navbar-nav > li.uk-active > a,

header #tm-main-menu .uk-navbar-nav > li > a:hover,

header #tm-main-menu .uk-navbar-nav > li > a:focus {

    background-color: transparent;

    color: #0085B2;

}



/* Offcanvas */



.uk-offcanvas-bar {

    background-color: #ffffff;

}



.uk-offcanvas-bar .uk-nav>li>a {

    text-align:  center;

    font-size: 18px;

    line-height: 22px;

    text-transform: uppercase;

    font-weight: bold;

    border-bottom: 1px solid #f1f1f1;

    padding: 10px;

    color: #777777;

}



.uk-offcanvas-bar .uk-nav>li.uk-active>a,

.uk-offcanvas-bar .uk-nav>li>a:hover,

.uk-offcanvas-bar .uk-nav>li>a:focus {

color: #0085B2;

}



/* Slideshow */



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

.uk-slideshow h1 {

    font-size: 46px;

    line-height: 54px;

}

}



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

  .uk-slideshow h1 {

    padding-left: 135px;

  }

}

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

  .uk-slideshow h1 {

    font-size: 32px;

  }

  .break{

    display: none;

  }

}



/* About */



#about-us figure.uk-overlay {

    width: 100%;

}



#about-us figure.uk-overlay > img {

    width: 100%;

    height: 422px;

    -o-object-fit: cover;

       object-fit: cover;

}



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



  section#about-us figure {

    margin-bottom: 25px;

}



}



/* Services */



section#services {

    background-image: url('../img/secciones/services/services-bg.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

    position: relative;

}

#services .uk-slideset li > p {
    text-align: justify;
}

section#services ul.uk-slideset-nav {

    position: absolute;

    left: 50%;

    bottom: 5%;

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

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

}



/* Projects */



#proyectos ul.uk-dotnav {

    position: relative !important;

    margin: 0px;

}



#proyectos .uk-dotnav>*>* {

    background: rgba(51, 51, 51, 0.2);

}



#proyectos .uk-dotnav>*>* {

    width: 10px;

    height: 10px;

}



#proyectos .uk-dotnav>.uk-active>* {

    background: rgba(51, 51, 51, 1);

}



.projects-menu ul {

    list-style: none;

    padding: 0px;

    margin-left: -50px;

    margin-top: -15px;

}



.projects-menu ul > li {

    display: inline-block;

    margin-left: 35px;

    max-width: 160px;

    position: relative;

    padding-bottom: 15px;

    margin-top: 15px;

}



.projects-menu li a {

    font-size: 18px;

    color: #666666;

    position: relative;

}

 

.projects-menu ul > li::after {

    content: '';

    position: absolute;

    bottom: 0px;

    left: auto;

    right: 0px;

    width: 0%;

    height: 1px;

    background-color: #0085B2;

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

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

}



.projects-menu ul > li.uk-active::after,

.projects-menu ul > li:hover::after,

.projects-menu ul > li:focus::after {

    left: 0px;

    right: auto;

    width: 100%;

}



.projects-menu ul > li.uk-active > a,

.projects-menu ul > li > a:hover,

.projects-menu ul > li > a:focus {

    background-color: transparent;

    color: #0085B2;

    text-decoration: none;

}



/*Content*/



.divider-content {

  position: relative;

  background-color: #ffffff;

  /*margin-bottom: 581px;*/

  z-index: 2;

}



section#about-us .uk-width-medium-1-2.uk-flex.uk-flex-middle.uk-scrollspy-init-inview.uk-scrollspy-inview.uk-animation-slide-right > div{

  font-size: 18px;

  line-height: 30px;

}





/* Team */



section#team {

    background-image: url('../img/secciones/team/team-bg.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

}



section#team figure, section#team figure > img {

    width: 100%;

    -o-object-fit: cover;

       object-fit: cover;

}


section#team .team-b .uk-panel-box .uk-panel-title {
    font-size: 14px;
}

section#team .team-b .uk-panel-box {
    padding: 8px;
}
section#team .team-b .uk-width-1-6 {

}



/* Footer */



footer#tm-footer {

    background-image: url('../img/layout/footer-bg.png');

    background-position: bottom center;

    background-repeat:  no-repeat;

    color: #000000;

    padding-bottom: 200px;

}



.uk-form input:not([type]), .uk-form input[type=text], .uk-form input[type=password], .uk-form input[type=email], .uk-form input[type=url], .uk-form input[type=search], .uk-form input[type=tel], .uk-form input[type=number], .uk-form input[type=datetime], .uk-form input[type=datetime-local], .uk-form input[type=date], .uk-form input[type=month], .uk-form input[type=time], .uk-form input[type=week], .uk-form input[type=color], .uk-form select, .uk-form textarea {

    height: auto;

    max-width: 100%;

    width: 100%;

    padding: 10px;

    border: 1px solid #bbbbbb;

    background: #bbbbbb;

    color: #333333;

}



footer#tm-footer form.uk-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #333333;

}

footer#tm-footer form.uk-form ::-moz-placeholder { /* Firefox 19+ */

  color: #333333;

}

footer#tm-footer form.uk-form :-ms-input-placeholder { /* IE 10+ */

  color: #333333;

}

footer#tm-footer form.uk-form :-moz-placeholder { /* Firefox 18- */

  color: #333333;

}



footer#tm-footer form.uk-form .uk-button {

  background-color: transparent;

  color: #333333;

  padding: 0px;

  font-size: 18px;

  margin-top: 15px;

  display:  block;

}



footer#tm-footer form.uk-form .uk-button:hover {

  color: #0085B2;

}



footer#tm-footer a, footer#tm-footer p, footer#tm-footer .uk-text-large {

  color: #333333;

}



footer#tm-footer p.uk-text-large > a {

  text-decoration: underline;

}





footer#tm-footer {

  /*position: fixed;*/

  bottom: 0;

  width: 100%;

  z-index: 1;

}



.redes > * {

  font-size: 22px;

}



.redes > *:not(:first-child) {

  margin-left: 10px;

}



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







/*Mensaje Enviado*/
.tm-msj-svg{
    padding-top: 116px;
}
footer#tm-footer.tm-msj {
    position: initial;
    padding-bottom: 40px;
    padding-top: 40px;
}

.divider-content.tm-msj-content {
    margin-bottom: 64px;
}

ul.nav-news {
    list-style: none;
    text-align: center;
}

ul.nav-news > li {
    display: inline-block;
    font-size: 18px;
    padding: 15px 70px;
}

ul.nav-news > li.uk-active {
    color: #0085B2;
    font-weight: 600;
    border-bottom: 1px solid #0085b2;
}

ul.nav-news {
    list-style: none;
    text-align: center;
}

ul.nav-news > li {
    display: inline-block;
    font-size: 18px;
    padding: 15px 70px;
}

ul.nav-news > li.uk-active {
    color: #0085B2;
    font-weight: 600;
    border-bottom: 1px solid #0085b2;
}

@media screen and (max-width: 1375px){
    .uk-container {
    box-sizing: border-box;
    max-width: 1200px;
    padding: 0 25px;
}.uk-navbar-nav>li>a {
 
    padding: 0 1px;
 
}

header #tm-main-menu .uk-navbar-nav>li:not(:first-child) {
    margin-left: 20px;
}
header #tm-main-menu .uk-navbar-nav>li > a{font-size: 13px;}
div#tm-logo {
    margin: 0px;
    margin-right: 15px !important;
}
}

/*Media Query Menu Responsive*/

@media screen and (max-width: 1100px){
    body .visible-large {
    display: none;
}
}
@media screen and (min-width:1100px){
    a.uk-navbar-toggle.hidden-large {
    display: none;
}
}
/*Fin Media Query*/

#news figure.uk-overlay, #news figure.uk-overlay > img {
    max-height: 315px;
    min-height: 315px;
    width: 100%;
    object-fit: cover;
}