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

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

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


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

.uk-button {
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
}

.uk-button > i {
    margin-right: 5px;
}

/* Forms */

.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%;
    background-color: #eeeeee;
    height: auto;
    padding: 5px 10px;
    border-radius: 5px;
}

/* Reglas de texto */
a,
span,
img {
    -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;
}

/* Toolbar */

.tm-toolbar {
    background-color: #ffffff;
    border-bottom: 1px solid #EEEEEE;
    padding: 5px 0px;
}

.tm-toolbar .uk-subnav-line> :nth-child(n+2)::before {
    border-left: 1px solid #5a717b;
}

.tm-toolbar .uk-subnav>*>* {
    font-size: 12px;
    text-transform: inherit;
}

.tm-toolbar .uk-subnav>*.uk-active>*,
.tm-toolbar .uk-subnav>*>*:hover,
.tm-toolbar .uk-subnav>*>*:focus {
    color: #59C8EC;
}

.tm-toolbar div > .uk-panel:not(:first-child) {
    /* border-left: 1px solid #eeeeee; */
    /* padding-left: 10px; */
    margin-left: 15px;
}

.tm-toolbar div > .uk-panel p {
    line-height: 30px;
}

.tm-toolbar .tm-social > * {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    background-color: #000000;
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50px;
}
.tm-toolbar .tm-social > a[class*="uk-icon-facebook"] {
    background-color: #457E9B;
}

.tm-toolbar .tm-social > a[class*="uk-icon-twitter"] {
    background-color: #62AFD1;
}

.tm-toolbar .tm-social > a[class*="uk-icon-instagram"] {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc8e2c+0,c536a4+100 */
background: rgb(252,142,44); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,142,44,1) 0%, rgba(197,54,164,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,142,44,1) 0%,rgba(197,54,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,142,44,1) 0%,rgba(197,54,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8e2c', endColorstr='#c536a4',GradientType=0 ); /* IE6-9 */
}

.tm-toolbar .tm-social > a[class*="uk-icon-youtube-play"] {
    background-color: #CB2027;
}

.tm-toolbar .tm-social > *:not(:first-child) {
    /* border-left: 1px solid #eeeeee; */
    /* padding-left: 10px; */
    margin-left: 5px;
}

.uk-search::before {
  content: "\f002";
  font-family: FontAwesome;
  color: #5A717B;
}

/* Header */
header.tm-headerbar-container {
    padding: 25px 0px 0px 0px;
    background-color: #ffffff;
}

.tm-headerbar.uk-clearfix.uk-visible-large {
  padding: 10px 0px;
}

.tm-search {

    right: inherit;
    position: inherit;

}

.tm-search > * > *:not(:first-child) {
  margin-left: 10px;
}

/* Navbar */
.uk-navbar-toggle {
    padding-right: 0px;
}

.uk-navbar-nav > li > a::before {
    bottom: 0;
    height: 3px;
    background-color: #59C8EC
}

.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #59C8EC !important;
}

/* Offvanvas */
.uk-offcanvas-bar {
    /*! background-color: #ffffff; */
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a, 
html .uk-nav.uk-nav-offcanvas > li > a:hover,
html .uk-nav.uk-nav-offcanvas > li > a:focus {
    background: #59C8EC;
    color: #ffffff;
}

/* Home info */

body.home-page div#tm-top-a {
    background: -moz-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%);
    background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%);
    background: linear-gradient(to bottom, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=0 );
}

ul#tm-home-nav-info>li,
ul#tm-home-nav-info>li>a,
ul#tm-home-nav-info>li>a>img,
ul#tm-home-nav-info>li>a>span {
    text-align: center;
}

ul#tm-home-nav-info>li>a>span {
    display: block;
    text-align: center;
    color: #5A717B;
    font-size: 14px;
    line-height: 18px;
    margin-top: 15px;
}

ul#tm-home-nav-info>li>a {
    display: block;
    padding: 25px 20px;
    border-radius: 10px;
}

ul#tm-home-nav-info>li.uk-active>a,
ul#tm-home-nav-info>li>a:hover,
ul#tm-home-nav-info>li>a:focus {
    background-color: #CCCCCC;
    color: #ffffff;
    text-decoration: none;
}

ul#tm-home-nav-info>li.uk-active>a>span,
ul#tm-home-nav-info>li>a:hover>span,
ul#tm-home-nav-info>li>a:focus>span {
    color: #ffffff;
}

ul#tm-home-nav-info>li>a>img.overlay,
ul#tm-home-nav-info>li>a>img.overlay,
ul#tm-home-nav-info>li>a>img.overlay {
    display: none;
    margin: 0px auto;
}

ul#tm-home-nav-info>li.uk-active>a>img.overlay,
ul#tm-home-nav-info>li>a:hover>img.overlay,
ul#tm-home-nav-info>li>a:focus>img.overlay {
    display: block;
}

ul#tm-home-nav-info>li.uk-active>a>img.normal,
ul#tm-home-nav-info>li>a:hover>img.normal,
ul#tm-home-nav-info>li>a:focus>img.normal {
    display: none;
}


/* Ultimas Noticias */
.ultimas-noticias-home h3 {
    color: #596C79;
    font-size: 14px;
    line-height: 18px;
}

.ultimas-noticias-home h3 span {
    color: #596C79;
    font-size: 12px;
    line-height: 16px;
    display: block;
    margin-bottom: 5px;
}

/* Home slideshow */

.slideshow-home .uk-overlay-panel.uk-flex.uk-flex-middle.uk-overlay-fade {
    max-width: 1380px;
    padding: 0 40px;
    margin: 0px auto;
}

@media screen and (min-width: 768px) {
.slideshow-home .uk-overlay-panel.uk-flex.uk-flex-middle.uk-overlay-fade p {
    color: #596C79;
    font-size: 23px;
    line-height: 27px;
}

.slideshow-home h3.asistencia-title {
    color: #B31033;
    margin: 0px;
    margin-top: 15px;
    font-weight: bold;
    font-size: 26px;
    line-height: 29px;
}

.slideshow-home h1.asistencia-title {
    color: #B31033;
    margin: 0px;
    font-weight: bold;
    font-size: 60px;
    line-height: 62px;
}

}

.uk-navbar-nav > li:not(:last-child){
margin-right: 0px;
}

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

    .tm-navbar-default.tm-navbar-container.uk-text-center {
  padding: 0px;
  background-color: rgba(21,110,178,0.8);
  color: #ffffff;
  z-index: 99;
  position: relative;
  height: 60px;
}

body.home-page #tm-top-a {
  margin-top: -60px;
}

}

.uk-navbar-nav > li > a {
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  padding: 0px 15px;
  text-transform: none;
  color: #ffffff;
}

.uk-navbar-nav > li.uk-active > a {
  color: #ffffff;
}
.uk-overlay-panel.uk-overlay-background {
  border: none;
  background-color: rgba(0,0,0,0.3);
  color: #ffffff;
}

.uk-overlay-panel.uk-overlay-background p {
    color: #ffffff;
}

.uk-overlay-panel.uk-overlay-background h1 {
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 5px;
}

.uk-overlay-panel.uk-overlay-background h3 {
  color: #ffffff;
  margin-top: 0px;
  padding-bottom: 0px; 
  margin-bottom: 0px;
  position: relative;
}

.slideshow-inicio .uk-overlay-panel.uk-overlay-background h1 + h3::after {
  content: "";
 
  margin: 10px auto;
  display: block;
  width: 200px;
  max-width: 100%;
  height: 3px;
  background-color: #ffffff;
  
}

.ultimas-noticias-home .uk-overlay-panel.uk-overlay-bottom.uk-overlay-background {
    opacity: 1 !important;
    border: none;
    background-color: rgba(0,0,0,0.8);
    color: #ffffff;
    padding: 14px;
}

.ultimas-noticias-home .uk-overlay-panel.uk-overlay-bottom.uk-overlay-background h3.uk-h5.uk-margin-bottom-remove > span.date {
    color: #FFF100;
    font-size: 13px;
    line-height: 16px;
}

.ultimas-noticias-home .uk-overlay-panel.uk-overlay-bottom.uk-overlay-background h3.uk-h5.uk-margin-bottom-remove {
    color: #ffffff;
    font-size: 17px;
    line-height: 22px;
}

/* Social Feed Home */

div#tm-social-feed > div > div > a {
    color: #597179;
    font-size: 15px;
    line-height: 17px;
}

div#tm-social-feed > div > div > a > i {
    color: #59C8EC;
    font-size: 16px;
    line-height: 18px;
    margin-right: 5px;
}

div#tm-social-feed .facebook-frame,
div#tm-social-feed .twitter-frame,
div#tm-social-feed .instagram-frame {
    margin-top: 10px;
    border: 1px solid #E2E9EC;
}

div#tm-social-feed .instagram-frame {
    padding: 15px;
}


@media screen and (max-width: 768px) {
.slideshow-home .uk-overlay-panel.uk-flex.uk-flex-middle.uk-overlay-fade p {
    color: #596C79;
    font-size: 13px;
    line-height: 17px;
}

.slideshow-home h3.asistencia-title {
    color: #B31033;
    margin: 0px;
    margin-top: 15px;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
}

.slideshow-home h1.asistencia-title {
    color: #B31033;
    margin: 0px;
    font-weight: bold;
    font-size: 30px;
    line-height: 32px;
}

}


body.home-page div#tm-top-b {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.marcas-home.uk-flex-middle ul.uk-slideset {

    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

body.home-page div#tm-top-b .marcas-home ul.uk-slideset li {
    mix-blend-mode: multiply;
    }

.tm-footer-copy.uk-flex.uk-flex-middle.uk-flex-center img {

    mix-blend-mode: multiply;

}

.uk-overlay-background + .uk-overlay-panel, .uk-overlay-background ~ .uk-overlay-panel {

    color: #ffffff;

}

@media screen and (min-width: 1280px) {
.uk-slidenav {

    display: inline-block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #156EB2;
    font-size: 30px;
    text-align: center;
    display: block !important;

}

.uk-slidenav-position .uk-slidenav-previous {

    left: -40px;

}

.uk-slidenav-position .uk-slidenav-next {

    right: -40px;

}
}


.vacantes-home .uk-overlay-panel h3 {

    font-size: 20px;
    color: #ffffff;
    line-height: 24px;

}

.vacantes-home .uk-overlay-panel h3 > a > span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

.vacantes-home .uk-overlay-panel.uk-overlay-background {

    border: none;
    background-color: rgba(51,51,51,0.85);
    color: #ffffff;

}

.vacantes-home .uk-overlay-panel .uk-button {

    border-radius: 0px !important;
    padding: 0px 25px;

}


.vacantes-home .vacantes-home-title {

    margin: 0px;
        margin-bottom: 0px;
    padding: 25px 15px;
    background-color: #EEEEEE;
    color: #555555;
    text-align: center;
    font-size: 16px;
    line-height: 18px;

}



.recetas-home-slideshow .uk-overlay-panel.uk-flex.uk-flex-middle {
        max-width: 1280px;
        padding: 0 40px;
        margin: 0px auto;
}

.recetas-home-slideshow .uk-overlay-panel.uk-flex.uk-flex-middle > div {
        max-width: 380px;
}

.recetas-home-slideshow .uk-overlay-panel.uk-flex.uk-flex-middle > div > div.uk-margin > a {
        background-color: #e10c13;
        text-decoration: none !important;
        text-align: center;
        font-size: 15px;
        padding: 10px 15px;
        display: block;
        clear: both;
}

.recetas-home-slideshow .uk-overlay-panel.uk-flex.uk-flex-middle > div > div.uk-margin > .uk-panel-box > h1 {
        font-size: 45px;
        line-height: 47px;
        font-weight: 200;
        color: #333333;
}


.recetas-home-slideshow .uk-overlay-panel.uk-flex.uk-flex-middle > div > div.uk-margin > .uk-panel-box p {
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        color: #000000;
}

.recetas-home-slideshow .uk-overlay-panel.uk-flex.uk-flex-middle > div > div.uk-margin > .uk-panel-box .uk-button {
        color: #e10c13 !important;
        border-color: #e10c13 !important;
        border-radius: 15px;
        padding: 0px 25px;
}

.recetas-home-slideshow .uk-overlay-panel.uk-flex.uk-flex-middle > div > div.uk-margin > .uk-panel-box .uk-button:hover {
        color: #ffffff !important;
}

.recetas-home-slideshow .uk-overlay-panel.uk-flex.uk-flex-middle > div > div.uk-margin > .uk-panel-box .uk-button:hover::before {
        background-color: #e10c13 !important;
}


.recetas-home-slideshow .uk-overlay-panel.uk-flex.uk-flex-middle > div > div.uk-margin > .uk-panel-box .uk-button.uk-button-grey {
        color: #666666 !important;
        border-color: #666666 !important;
        border-radius: 15px;
        padding: 0px 25px;
        margin-left: 15px;
}

.recetas-home-slideshow .uk-overlay-panel.uk-flex.uk-flex-middle > div > div.uk-margin > .uk-panel-box .uk-button.uk-button-grey:hover {
        color: #ffffff !important;
}

.recetas-home-slideshow .uk-overlay-panel.uk-flex.uk-flex-middle > div > div.uk-margin > .uk-panel-box .uk-button.uk-button-grey:hover::before {
        background-color: #666666 !important;
}






/* Footer */

.tm-footer .redes > * {

    font-size: 18px;
    color: #333333;

}

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

    margin-left: 20px;

}

.tm-footer-menu.uk-flex.uk-flex-middle > h3 {

    margin-right: 15px !important;

}

.tm-footer-copy p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0px;
    text-align: right;
}

.tm-footer-copy, 
.tm-footer-copy img {
    text-align: right;
}


div#tm-top-d {
    background-image: url('../../../images/layout/servicios-background.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
}

.uk-panel > * > h2.uk-text-center, .uk-panel > .uk-panel-title {
  font-weight: 200;
  color: #545454;
  text-align: center;
  margin-bottom: 25px;
  font-size: 31px;
  line-height: 37px;
}


.servicios-options .uk-panel-box.uk-panel-box-primary {

    border-radius: 5px;
    background-color: rgba(255,255,255,0.7);
    color: #ffffff;

}

.servicios-options .uk-panel-box.uk-panel-box-primary:hover {
    background-color: rgba(255,255,255,1);
}


.servicios-options .uk-panel-box.uk-panel-box-primary p {

    color: #146DB2;
    font-size: 20px;
    margin-bottom: 0px;

}

body.home-page .uk-block.tm-block-main.uk-block-default {

    padding: 0px;

}


.recetas-home-slideshow {

    background-color: #333333;
    color: #ffffff;

}

.recetas-home-slideshow h3.uk-panel-title {

    color: #ffffff;
    text-align: left;
    font-size: 50px;
    line-height: 52px;
    font-weight: 200;

}

.recetas-home-slideshow h3.uk-panel-title > a > span {

    color: #ffffff;
    display: block;
    font-size: 36px;
    line-height: 38px;

}

.uk-button.uk-button-link {

    color: #ffffff;
    text-decoration: underline;

}


div#tm-bottom-d h3.redes-title {
    color: #e3d202;
    text-align: right;
    margin-bottom: 0px;
}

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

    div#tm-bottom-d h3.redes-title {
    color: #fff100;
    text-align: right;
    margin-right: 25px;
}
}

div#tm-bottom-d h3.redes-title > span {
    font-size: 14px;
    display: block;
    line-height: 18px;
}

div#tm-bottom-d .tm-social > a {
    font-size: 24px;
    background-color: #fff100;
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border-radius: 50px;
}

div#tm-bottom-d .tm-social > a:not(:first-child) {
    margin-left: 10px;
}

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

a.tm-totop-scroller {
   top: -45px;
   right: 0px;
   position: absolute;
   height: 40px;
   width: 40px;
   border-radius: 50px;
   background-color: #59C8EC;
   color: #ffffff;
   text-align: center;
   line-height: 40px;
}

a.tm-totop-scroller:hover {
    background-color: #5a717b;
    color: #ffffff;
}

}

.tm-footer-newsletter p {
    font-size: 14px;
    line-height: 16px;
}

body .tm-footer-newsletter .uk-form {
    position: relative;
}

body .tm-footer-newsletter .uk-form input {
    width: 100% !important;
    background-color: #EEEEEE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 75px 5px 10px;
    height: auto;
}

body .tm-footer-newsletter .uk-form input + button {
    position: absolute;
    top: 0;
    right: 0;
    color: #59C8EC;
    font-weight: bold;
    background-color: transparent;
}

body .tm-footer-newsletter .uk-form input + button:hover {
    color: #5a717b;
}

.tm-footer-menu ul li a, .tm-footer-menu ul li span {
    font-size: 13px;
    line-height: 16px;
    text-transform: capitalize;
}

div#tm-footer {
    padding: 25px 0px;
    background-color: #eeeeee;
    /* border-top: 2px solid #59C8EC; */
}

.tm-footer-menu ul {
    margin-bottom: 5px;
}

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

.tm-footer-menu ul li {
    display: inline-block;
    line-height: 13px;
    height: auto;
}

.tm-footer-menu ul li:not(:first-child) {
    padding-left:10px;
    margin-left: 10px;
    border-left: 1px solid #5a717b;
}
}

.uk-article-title {

    font-size: 30px;
    line-height: 32px;
    font-weight: normal;
    text-transform: none;

}

.uk-article-lead {

    color: #21282c;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    font-family: 'Open Sans';
    text-transform: uppercase;

}

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

    .uk-block.tm-block-main.uk-block-default {
    padding-top: 100px;
    padding-bottom: 100px;
}

}


body .yoo-zoo.product-uikit .uk-panel-box {
  text-align: center;
}
body .yoo-zoo.product-uikit .uk-panel-box .uk-thumbnail.uk-align-center {
  text-align: center;
  border: none;
  background-color: transparent;
}
body .yoo-zoo.product-uikit .uk-panel-box .uk-subnav.uk-subnav-line > li {
  text-align: center;
  width: 100%;
  margin-top: 15px;
}

.uk-accordion-title {
  background-color: #002d5d;
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 5px;
  position: relative;
}

.uk-accordion-content {
  margin-bottom: 15px;
  padding-left: 25px;
}

.uk-accordion-title::after {
    content: "\f078";
    font-family: FontAwesome;
  float: right;
}

.uk-accordion-title.uk-active::after {
    content: "\f077";
    font-family: FontAwesome;
  float: right;
}

.yoo-zoo.product-uikit.product-uikit-nuestros-clientes .uk-panel-box {

    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;


    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;



    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;


}

h3.form-title {
    background-color: #002d5d;
    color: #ffffff;
    padding: 15px;
    text-align: center;
}


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

   body .yoo-zoo.blog-uikit.blog-uikit-quienes-somos article.uk-article .uk-article-title.uk-margin-top-remove {

    margin-top: 80px !important;

}

}

/* animacion svg */

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

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

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

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

}

/*FORMULARIO DE SOLICITUD*/
.form-solicitud-empleo .uk-article-headline,
.form-solicitud-empleo .uk-panel-box .block-other-information > div.fieldset > div:last-child > label,
.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(16),
.form-solicitud-empleo .uk-panel-box .uk-form-row > .uk-form-controls > .controls > label::after,
.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(16) > .uk-form-controls > div > div > input + label::after,
.form-solicitud-empleo .uk-panel-box .block-other-information > div.fieldset > div:nth-child(9) > .uk-form-controls > div > div > input + label::after{display: none;}
.form-solicitud-empleo .uk-panel-box .uk-form-row > .uk-form-label {
    display: block;
    float: none;
    width: auto;
}
.form-solicitud-empleo .uk-alert.uk-alert-danger {
    font-size: 10px;
    padding: 0 5px;
    bottom: 0;
    margin-top: 0px;
    background-color: transparent;
}
.form-solicitud-empleo .uk-panel-box > div > div.fieldset > legend {
    text-align: center;
    padding-bottom: 0;
    color: #002d5d;
    font-weight: bold;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
}
.form-solicitud-empleo .uk-panel-box > div > div.fieldset > div.uk-form-row + legend {
    margin-top: 30px;
}
.form-solicitud-empleo .uk-panel-box .uk-form-row > .uk-form-controls {margin-left: 0;position: relative;}
.form-solicitud-empleo .uk-panel-box > div > div.fieldset {display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.form-solicitud-empleo .uk-panel-box .uk-form-row {padding-left: 10px;padding-right: 10px;}
.form-solicitud-empleo .uk-panel-box > div > div.fieldset > div.uk-form-row {margin-top: 15px;}
.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(2){display:none;}
.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(-n+3),
.form-solicitud-empleo .uk-panel-box .block-studies-information > div.fieldset > div:nth-child(2),
.form-solicitud-empleo .uk-panel-box .block-studies-information > div.fieldset > div:nth-child(6) {
	flex-basis: 50%;
}

.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(4) {
    width: 70%;
}
.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(5) {
    width: 30%;
}
.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(n+6):nth-child(-n+9),
.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(n+10):nth-child(-n+13),
.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(n+14):nth-child(-n+16),
.form-solicitud-empleo .uk-panel-box .block-employe-information > div.fieldset > div,
.form-solicitud-empleo .uk-panel-box .block-personal-references > div.fieldset > div,
.form-solicitud-empleo .uk-panel-box .block-other-information > div.fieldset > div:nth-child(-n+8),
.form-solicitud-empleo .uk-panel-box .block-work-references > div.fieldset > div {
    flex-basis: 25%;
	flex-grow: inherit;
}
.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(17),
.form-solicitud-empleo .uk-panel-box .block-other-information > div.fieldset > div:nth-child(9) {
    flex-basis: 100%;
}
.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(17) .uk-form-controls,
.form-solicitud-empleo .uk-panel-box .block-other-information > div.fieldset > div:nth-child(9) .uk-form-controls{
    padding: 10px;
    background-color: #f4f4f4;
}
.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(17) .uk-form-controls > div > div,
.form-solicitud-empleo .uk-panel-box .block-other-information > div.fieldset > div:nth-child(9) .uk-form-controls > div > div {
    display: inline-block;
    min-width: 13%;
    background-color: #fff;
    margin: 0 5px 5px 5px;
    border-radius: 10px;
    padding: 5px 10px;
    text-align: center;
}
.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(17) .uk-form-controls > div > div > input,
.form-solicitud-empleo .uk-panel-box .block-other-information > div.fieldset > div:nth-child(9) .uk-form-controls > div > div > input {
    margin-right: 5px;
}
.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(n+18):nth-child(-n+20) {
    flex-basis: 33%;
}

.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(21), 
body.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(23) {
    flex-basis:40%;
}

.form-solicitud-empleo .uk-panel-box .block-personal-information > div.fieldset > div:nth-child(22) {
	display:none;
    flex-basis: 20%;
}
.form-solicitud-empleo .uk-panel-box .block-studies-information > div.fieldset > #lugar-de-estudio-secundaria,
.form-solicitud-empleo .uk-panel-box .block-studies-information > div.fieldset > #lugar-de-estudio-universitario,
.form-solicitud-empleo .uk-panel-box .block-studies-information > div.fieldset > #lugar-de-estudio-maestria-o-postgrado{ flex-basis: 40%;}
.form-solicitud-empleo .uk-panel-box .block-studies-information > div.fieldset > div#fecha-de-inicio,
.form-solicitud-empleo .uk-panel-box .block-studies-information > div.fieldset > div#fecha-de-termino,
.form-solicitud-empleo .uk-panel-box .block-studies-information > div.fieldset > div#completado,
.form-solicitud-empleo .uk-panel-box .block-studies-information > div.fieldset > div#titulo-obtenido,
.form-solicitud-empleo .uk-panel-box .block-studies-information > div.fieldset > div:nth-child(n+6):nth-child(-n+8) {
    flex-basis: 15%;
}
.form-solicitud-empleo .uk-panel-box .uk-form-row > .uk-form-controls .calendar-element {width: 100% !important;}
.form-solicitud-empleo .uk-panel-box .uk-form-row > .uk-form-controls .zoo-calendar {
    position: absolute;
    right: 10px;
    top: 10px;
}
.form-solicitud-empleo .uk-panel-box > div > div.fieldset input[data-uk-datepicker] {
    display: block !important;
}

.info-separator {
    padding: 20px;
    background-color: #448bc11a;
    font-size: 12px;
    line-height: 18px;
}


@media screen and (max-width: 800px) {
	body.form-solicitud-empleo .uk-panel-box > div > div.fieldset > div.uk-form-row{ flex-basis:100% !important;}
}


.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element {
  display: inline-block;
  width: 180px;
  position: relative;
  height: 160px;
  background-color: #f4f4f4;
  border-radius: 10px;
  margin: 0 10px 40px 10px;
}
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .zlux-x-sort.sort {
  display: none !important;
}
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .zlux-x-delete.delete {
  display: block;
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 20px;
  margin: 0;
  z-index: 10;
}
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .zlux-x-delete.delete,
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element,
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list,
.blog-solicitud-empleo .block-download .element-downloadpro .repeat-elements {
  overflow: visible;
}
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .filename {
  position: absolute;
  bottom: -26px;
  text-align: center;
  background-color: transparent;
  border: none;
  font-size: 12px;
  padding: 0;
  margin: 0;
  height: auto;
}

.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container > input[type="file"] {
  position: absolute;
  border: 1px solid;
  border-radius: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: ;
  opacity: 0;
  z-index: 5;
  cursor: pointer;
}
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container:after {
  content: "\f067";
  font-family: FontAwesome;
  font-size: 60px;
  left: 20px;
  right: 20px;
  position: absolute;
  text-align: center;
  line-height: 118px;
  top: 20px;
  color: #d7d7d7;
  bottom: 20px;
}
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container[class*="fullicon-"]::before {
    content: attr(data-ext);
	position: absolute;
	bottom: 34px;
	text-transform: uppercase;
	text-align: center;
	left: 50%;
	z-index: 5;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	background-color: #fff;
	padding: 5px;
	transform: translateX(-50%);
}
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container[class*='fullicon-']:after{top: 10px;}
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container.fullicon-pdf:after{
	content:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/32/pdf.svg);
}
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container.fullicon-jpg:after,
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container.fullicon-jpeg:after,
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container.fullicon-png:after{
	content:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/32/photo.svg);
}

.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container.fullicon-doc:after,
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container.fullicon-docx:after{
	content:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/32/docx.svg);
}

.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container.fullicon-rtf:after{
	content:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/32/rtf.svg);
}

.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container.fullicon-xls:after,
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container.fullicon-xlsx:after{
	content:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/32/xlsx.svg);
}

.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container.fullicon-htm:after,
.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element .upload .button-container.fullicon-html:after{
	content:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/32/html.svg);
}

.blog-solicitud-empleo-solicitud-de-empleo #item-submission > h1 {
    font-size: 30px;
}

.blog-solicitud-empleo .block-download .element-downloadpro .repeatable-list > .repeatable-element:hover .upload .button-container:after{color: #448bc1;}

.block-download .element-downloadpro .repeatable-list + .add > .zl-btn {
    position: relative;
    overflow: visible;
    height: 50px;
    display: inline-block;
    font-size: 0;
}
.block-download .element-downloadpro .repeatable-list + .add > .zl-btn::after {
    content: "Agregar archivo";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    white-space: nowrap;
    background-color: #40bfea;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 800;
}
.block-download .element-downloadpro .repeatable-list + .add > .zl-btn:hover::after{background-color:#18acdf;}
.block-download .element-downloadpro .repeatable-list + .add > .zl-btn.disabled::after {
	content: "Límite completado";
	background-color: #f4f4f4;
	color:#333;
}

._admin_panel_access > .uk-block.tm-block-main.uk-block-default {
  background-color: #eee;
}
._admin_panel_access > .uk-block.tm-block-main.uk-block-default #tm-content {
  max-width: 400px;
  margin: 0 auto;
}
._admin_panel_access > .uk-block.tm-block-main.uk-block-default #tm-content form {
  border: none;
  background-color: #fff;
}
._admin_panel_access > .uk-block.tm-block-main.uk-block-default #tm-content form .control-group:nth-child(3) {
  width: 130px;
  margin-left: auto;
  margin-right: auto;
}
#username {
}
._admin_panel_access > .uk-block.tm-block-main.uk-block-default #tm-content form .control-group #username, ._admin_panel_access > .uk-block.tm-block-main.uk-block-default #tm-content form .control-group #password {
  height: 50px;
  width: 300px;
  background-color: #eeeeee;
  border-radius: 5px;
}
._admin_panel_access > .uk-block.tm-block-main.uk-block-default #tm-content form .control-group  .control-label {
  display: block;
  float: none;
  width: 100%;
  text-align: center;
}
._admin_panel_access > .uk-block.tm-block-main.uk-block-default #tm-content form .control-group .controls {
  float: none;
  margin: 0;
  text-align: center;
}
.control-label {
}
._admin_panel_access > .uk-block.tm-block-main.uk-block-default #tm-content form .control-group:nth-child(3) .control-label {
  float: right;
  width: 100px;
}
._admin_panel_access > .uk-block.tm-block-main.uk-block-default #tm-content form .control-group:nth-child(3) .controls {
  float: left;
  width: 26px;
}
._admin_panel_access > .uk-block.tm-block-main.uk-block-default #tm-content form .control-group .controls .btn.btn-primary {
  padding: 10px 30px;
  border-radius: 5px;
}
._admin_panel_access > .uk-block.tm-block-main.uk-block-default #tm-content form > fieldset {
  margin: 0;
}

.button-infoevaluaciones {
    position: absolute;
    right: 0;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    width: 190px;
}

.button-infoevaluaciones:hover{opacity: 0.7;}

body.solicitud-recibida #system-message-container {
    display: none !important;
}