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

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

 @import '../fonts/linearicons/style.css';

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

select.select-soluciones {
    margin-top: 50px;
    min-height: 210px;
    margin-bottom: 11px;
}


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

html body.inicio::-webkit-scrollbar {
    display: none;
}
  
}

body:not(.inicio) .uk-block-default {
    background: #1b1b1c;
}

body.contacto .uk-block-default {
    background: #000000;
}

 hr {
    border-color: #d8d8d9;
    width: 100%;
}

html, body {
    background-color: #000000;
}




@media screen and (min-width: 769px){
body.inicio #tm-top-d {
    min-height: 100vh !important;

}
  
 body.inicio div#tm-top-b {
    max-height: 960px;
}

}




body.inicio #tm-footer {/* position: absolute; *//* z-index: 99; *//* width: 100%; */margin-top: 15px;}

 /* Large screen and bigger */
@media (min-width: 1220px) {
  header .uk-container {
    max-width: 1200px;
    padding: 0 40px;
  }
}

/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-container {
    max-width: 1018px;
    padding: 0 40px;
  }
}

@media screen and (min-width: 769px) {
  
  .uk-slidenav-position .uk-slidenav-previous {
    left: 60px;
}

.uk-slidenav-position .uk-slidenav-next {
    right: 60px;
}

  .uk-flex-medium {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

}

/* Adthis */
body.inicio .addthis-smartlayers.addthis-smartlayers-desktop {
    display: none;
}

 /* Reglas de texto */
 a[href="http://www.faboba.com"] {
  display: none !important;
 }

 a {
  -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;
 }

 /* Header */

 header#tm-header {
  background-color: #2b2b2b;
  color: #ffffff;
  padding: 18px 0px;
 }

@media screen and (min-height: 652px) {
  body.inicio header#tm-header {
 /* position: absolute;
  z-index: 99;
  width: 100%;*/
 }
}

.uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li {
    height: calc(100vh - 101px);
}

.slideshow-inicio .uk-slideshow, .slideshow-inicio .uk-slideshow > li {
    background-color: #000000;
}

@media screen and (min-height: 812px) {

  .slideshow-inicio .uk-slideshow, .slideshow-inicio .uk-slideshow > li {
    height: calc(100vh - 101px);
}

}

 /* Main Menu */
 .uk-navbar-nav > li > a {
    height: auto;
    color: #95979a;
    font-size: 16px;
    font-family: 'Titillium Web';
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 5px;
    line-height: 44px;
}

.uk-navbar-nav > li.uk-active > a, 
.uk-navbar-nav > li > a:hover, 
.uk-navbar-nav > li > a:focus {
  color: #ffffff;
}

.uk-navbar-nav > li > a::before {
  bottom: 0px;
  height: 2px;
}

body a.header-button {
    font-family: 'Alfa Slab One';
    font-size: 12px;
    padding: 10px 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    line-height: inherit;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1.3px;
    text-align: center;
    background-color: #69bd45;
    color: #ffffff;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}

body li.uk-active > a.header-button,
body li > a.header-button:hover, 
body li > a.header-button:focus {
    background-color: #354780;
}

body li > a.header-button::before {
    display: none;
}

.uk-navbar-nav > li, .uk-navbar-nav > li > a {
    vertical-align:  middle;
}

a.uk-close.uk-offcanvas-close {
    float: right;
    text-align: right;
    padding: 0px;
    display: block;
    clear: both;
}

body .uk-offcanvas-bar.uk-offcanvas-bar-show .uk-panel.language-switcher {
    margin: 25px 0px 0px 0px;
}

.uk-offcanvas-bar.uk-offcanvas-bar-show {
    padding: 15px;
}


ul.uk-nav.uk-nav-offcanvas {
    display: block;
    clear: both;
}

ul.uk-nav.uk-nav-offcanvas li a {
    font-family: 'Titillium Web';
}


/* Language Switcher */

ul.lang-inline {
    background-color: #5a5a5a;
    list-style: none;
    padding-left: 0px;
    overflow: hidden;
    border-radius: 50px;
    margin-bottom: 0px;
    max-width: 78.63px;
}

ul.lang-inline > li {
    display: inline-block;
    
}

ul.lang-inline > li > a {
color: #95979a;
padding: 5px 10px 5px 10px;
border-radius: 0px 0px 0px 0px;
font-size: 10px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
-webkit-transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-ms-transition: all 0.6s ease-in-out 0s;
-o-transition: all 0.6s ease-in-out 0s;
transition: all 0.6s ease-in-out 0s;
}


ul.lang-inline > li:first-child > a{
-webkit-border-radius: 0px 50px 50px 0px;
-moz-border-radius: 0px 50px 50px 0px;
-ms-border-radius: 0px 50px 50px 0px;
-o-border-radius: 0px 50px 50px 0px;
border-radius: 0px 50px 50px 0px;
padding: 5px 10px 5px 10px;
}

ul.lang-inline > li:last-child > a {

    -webkit-border-radius: 50px 0px 0px 50px;
    -moz-border-radius: 50px 0px 0px 50px;
    -ms-border-radius: 50px 0px 0px 50px;
    -o-border-radius: 50px 0px 0px 50px;
    border-radius: 50px 0px 0px 50px;
    padding: 5px 10px 5px 10px;

}

ul.lang-inline > li.lang-active:first-child > a,
ul.lang-inline > li.lang-active:last-child > a{
background-color: #ffffff;
color: #8a98aa;

}

ul.lang-inline > li > a:hover {
    background-color: #69bd45;
    color: #ffffff;
    text-decoration: none;
}


/* Slideshow */

.slideshow-inicio ul.uk-slideshow .uk-overlay-panel {
    box-sizing: border-box;
    max-width: 980px;
    padding: 0 30px;
    margin:  0px auto;
}

.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div {
    width: 488px;
    max-width: 100%;
}

.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div > h3 {
    font-size: 54px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 3.3px;
  color: #ffffff;
  margin-bottom: -10px;
  text-transform: uppercase;
}

.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div > h3 > span {
  opacity: 0.52;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.6;
  letter-spacing: 1.3px;
  display: block;
  margin-bottom: 3px;
  color: #ffffff;
  text-transform: uppercase;
}

.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div, 
.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div p {
font-size: 21px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: 1px;
  color: #95979a;
}

.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div ul.uk-list > li > a {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: #ffffff;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 25px;
    background: rgba(0, 0, 0, 0);
    vertical-align: middle;
    font-size: 1rem;
    text-decoration: none;
    font-family: Alfa Slab One;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.92;
    letter-spacing: 1.3px;
    text-align: center;
    position: relative;
    border: 2px solid #ffffff;
    overflow: hidden;
    text-transform:  uppercase;
    -webkit-transition: color .4s, background .2s;
    transition: color .4s, background .2s;
    z-index: 1;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
    border-radius: 50px;
}


.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div ul.uk-list > li > a::before {
    content: "";
    top: 0;
    position: absolute;
    left: -160%;
    height: 100%;
    width: 130%;
    background: #ffffff;
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    -webkit-transition: left .4s;
    transition: left .4s;
    z-index: -1;
}


.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div ul.uk-list > li > a:hover, 
.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div ul.uk-list > li > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #000000;
    outline: none;
    text-decoration: none;
    border-color: #ffffff;
}

.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div ul.uk-list > li > a:hover:not(.uk-button-link)::before, 
.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div ul.uk-list > li > a:focus:not(.uk-button-link)::before {
    left: -15%;
}


ul.uk-dotnav > li.uk-active > a,
ul.uk-dotnav > li > a:hover {
  vertical-align: middle;
  background-color: #3953a4 !important;
  color: #ffffff !important;
}

ul.uk-dotnav > li > a {
  width: 33.6px;
  height: 33.6px;
  background-color: rgba(255,255,255,0.08) !important;
  color: #5a5a5a !important;
  border: none;
  text-indent: inherit;
  text-decoration: none !important;
  font-family: 'Titillium Web';
  font-size: 9.8px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 33.6px;
  letter-spacing: normal;
  text-align: center;
}

/* Header */

.header {
	padding: 107px 0px 104px 0px;
	font-size: 21px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: 1px;
  text-align: center;
  color: #95979a;
}

.header h1 {
    font-size: 60px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: 3.3px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
}


h1.section-title {
    text-transform: uppercase;
    font-size: 60px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.77;
    letter-spacing: normal;
    color: #ffffff;
}


div#header-soluciones.header {
    background-image: url('../../../images/imagenes/layout/soluciones-header.png');
    background-position: center;
    background-size: cover;
}

/* Breadcrumbs */
ul.uk-breadcrumb {
    margin: 0px;
    float:  right;
}

div#tm-breadcrumbs {
    background-color: #242424;
    color: #383838;
    padding: 17px 0px;
}

ul.uk-breadcrumb > * > * {
    font-family: 'Titillium Web';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: right;
    color: #444444;
    text-transform: capitalize;
}

ul.uk-breadcrumb > li > a:hover,
ul.uk-breadcrumb > li > a:focus {
  color: #354780;
}

ul.uk-breadcrumb > li.uk-active > span {
    color: #6d6d6d;
}

/* Contenido paginas inicio */

.contenido-paginas-inicio .uk-panel-box {
    font-size: 21px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.52;
    letter-spacing: 1.3px;
    text-align: center;
    color: #ffffff;
    background-color: #242424;
    padding: 47px 0px;
    border-radius: 0px;
}

section.tm-top-a.uk-grid > div > .uk-panel {
    margin: 0px;
}

.contenido-paginas-inicio .uk-panel-box > .uk-margin {
    box-sizing: border-box;
    max-width: 980px;
    padding: 0 30px;
    margin: 0px auto;
}



/* Servicios Inicios */

ul.servicios-inicio {
    list-style:  none;
    padding: 0px;
    margin-bottom: 78px;
}

ul.servicios-inicio > li:not(:first-child) {
    margin-top: 8px;
}

ul.servicios-inicio > li > a {
    display:  block;
    position:  relative;
    width: 100%;
    padding: 21px 24px;
    border-radius: 7.7px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 7px 19px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 7px 19px 0 rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 7px 19px 0 rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 7px 19px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 7px 19px 0 rgba(0, 0, 0, 0.07);
}

ul.servicios-inicio > li > a span {
font-family: 'Titillium Web';
  font-size: 35px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.7;
  letter-spacing: normal;
  color: #8a98aa;
  }

  ul.servicios-inicio > li > a img {
  
  border-right: 2.3px solid  #e5e5e6;
  vertical-align: middle;
  padding-right: 27px;
  margin-right: 42.7px;
  text-align: center;
  width: 112px;
  max-width: 100%;
  height: auto;
  object-fit: none;

  }

  ul.servicios-inicio > li > a::after {
      content: url('../../../images/imagenes/layout/arrow-down.png');
  }

  @media screen and (max-width: 769px) {
    ul.servicios-inicio > li > a img {
  
  border-right: none;
  border-bottom: 2.3px solid  #e5e5e6;
  vertical-align: middle;
  padding-right: 0px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  text-align: center;
  display: block;

  }

  ul.servicios-inicio > li > a {
    text-align: center;
  }

  ul.servicios-inicio > li > a::after {
    margin-top: 50px;
    display: block;
  }

  }

  

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

    


     ul.servicios-inicio > li > a::after {
      float: right;
      transform: translateY(-125%);
  }

  }




body .uk-navbar-nav > li > a:hover::before, 
body .uk-navbar-nav > li > a:focus::before{
  display: none;
}




  /* Servicios Inicios */

.servicios-inicio {
    list-style:  none;
    padding: 0px;
    margin-bottom: 78px;
}

.servicios-inicio > h3:not(:first-child) {
    margin-top: 8px;
}

.servicios-inicio > h3 {
    display:  block;
    position:  relative;
    width: 100%;
    padding: 21px 24px;
    border-radius: 7.7px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 7px 19px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 7px 19px 0 rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 7px 19px 0 rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 7px 19px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 7px 19px 0 rgba(0, 0, 0, 0.07);
    border: none;
    margin-bottom: 0px;
}

.servicios-inicio > h3, .servicios-inicio > h3 > span {
  font-family: 'Titillium Web';
  font-size: 35px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 37px;
  letter-spacing: normal;
  color: #8a98aa;
  text-transform: inherit;
  position: relative;
  }

  .servicios-inicio > h3 > img {
  
  border-right: 2.3px solid  #e5e5e6;
  vertical-align: middle;
  padding-right: 27px;
  margin-right: 42.7px;
  text-align: center;
  width: 112px;
  max-width: 100%;
  height: auto;
  object-fit: none;

  }

 .servicios-inicio > h3::after {
      content: url('../../../images/imagenes/layout/arrow-down.png');
      margin-top: 2%;
      -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;
  }

  .servicios-inicio > h3.uk-active::after {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);

  }

.servicios-inicio .uk-accordion-content {
    padding: 25px 10px 25px 10px;
}

  @media screen and (max-width: 769px) {
    .servicios-inicio > h3 > img {
  
  border-right: none;
  border-bottom: 2.3px solid  #e5e5e6;
  vertical-align: middle;
  padding-right: 0px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  text-align: center;
  display: block;

  }

  .servicios-inicio > h3 {
    text-align: center;
  }

 .servicios-inicio .uk-accordion-content {
    padding: 25px 10px 25px 10px;
}


  .servicios-inicio > h3::after {
    margin-top: 50px;
    display: block;
  }

  }

  

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

    


     .servicios-inicio > h3::after {
      float: right;
  }

  }


section > div > .uk-panel h3.uk-panel-title {
    font-family: 'Titillium Web';
    font-size: 21px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 4.4px;
    text-align: center;
    color: #95979a;
    margin-top: 65px;
    margin-bottom: 59.2px;
    text-transform: uppercase;
}


div#tm-top-b {
    /* padding-bottom: 71.8px; */
    padding-top: 0px;
}


.tm-top-b-description {
    margin-bottom: 31px;
}



body.inicio div#tm-top-d {
    background-image: url('../../../images/imagenes/layout/certificaciones-bg.png');
    background-position: center;
    background-size: cover;
    color: #ffffff;
    padding: 94px 0px;
}

body.inicio div#tm-top-d .uk-panel .uk-panel-title {
font-family: 'Titillium Web';
  font-size: 72px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.44;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin-top: 0px 0px 56px 0px;
}

ul.uk-list.uk-list-line.certificaciones-inicio > li {
  border-color: rgba(255,255,255,0.2);
}

ul.uk-list.uk-list-line.certificaciones-inicio > li > a::after {
    font-family: 'FontAwesome';
    content: "\f105";
    float: right;
    vertical-align: middle;
    line-height: 3;
}

ul.uk-list.uk-list-line.certificaciones-inicio > li > a > h3 {
  font-family: 'Titillium Web';
  font-size: 21px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.38;
  letter-spacing: normal;
  color: #ffffff;
  float: left;
  vertical-align: middle;
}

body.inicio .uk-block.tm-block-main.uk-block-default {
    padding: 0px;
}


/* Soluciones */

.soluciones-grid figure a {
    position:  absolute;
    top: 0;
    left:  0;
    right:  0;
    bottom: 0;
}

body .soluciones-grid figure a {
    position:  absolute;
    top: 0;
    left:  0;
    right:  0;
    bottom: 0;
}

body .soluciones-grid figure .uk-overlay-panel {
    padding: 0px;
}

body .soluciones-grid figure .uk-overlay-panel.uk-overlay-background {
    border:  none;
    background-color: rgba(57, 83, 164, 0.8);
    color: #ffffff;
}

body .soluciones-grid figure .uk-overlay-panel h3.uk-panel-title {
    font-size: 24px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}



/* Footer */

/* Block footer */

body:not(.inicio) div#tm-bottom-d {
    padding: 97px 0px 36px 0px;
}

body:not(.inicio) .tm-footer-top {
    margin-bottom: 78px;
}

body:not(.inicio) .contact-content .phones p {
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #ffffff;
}

body:not(.inicio) .contact-content p {
    margin-bottom: 13px;
}



div#tm-bottom-d {
    background-color: #000000;
    color: #ffffff;
    padding: 201px 0px 34px 0px;
}

.tm-footer-top {
    margin-bottom: 199px;
}


.contact-content p {
    margin-top: 0px;
    margin-bottom: 32px;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.13;
    letter-spacing: normal;
    color: #ffffff;
}

.contact-content b {
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 3px;
    color: #ffffff;
    text-transform: uppercase;
}

.redes > a {
    background-color: #3c3c3e;
    color: #000000;
    border: none;
    border-radius: 50px;
}

.redes > a:not(:first-child) {
    margin-left: 42px;
}


@media (min-width: 769px) {

div#tm-bottom-d .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
    border-left: 1px solid #242424;
}

}

.uk-panel-box.rss-feed .rss-feed-content::before {
    content: url('../../../images/imagenes/layout/feed-icon.png');
}

.uk-panel-box {
    border-radius: 21.6px;
    background-color: #1b1b1c;
    border: none !important;
    font-size: 21px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.37;
  letter-spacing: normal;
  color: #95979a;
    -webkit-box-shadow: 0 33px 42px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 33px 42px 0 rgba(0, 0, 0, 0.19);
    -ms-box-shadow: 0 33px 42px 0 rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0 33px 42px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 33px 42px 0 rgba(0, 0, 0, 0.19);
}

.uk-panel-box h3 {
    font-family: 'Titillium Web';
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 1.4px;
  color: #ffffff;
}

a.rss-button {
  font-size: 14.4px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #ffffff;
}

a.rss-button:hover {
  color: #3953a4;
}

a.rss-button::after {
  content: url('../../../images/imagenes/layout/feed-button-icon.png');
  margin-left: 10px;
}

a.tm-totop-scroller {
    background-color: rgba(57, 83, 164, 0.7);
    color: #ffffff;
    height: 70px;
    width: 70px;
    line-height: 70px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    top: -70px;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

a.tm-totop-scroller:hover {
    background-color: rgba(105, 189, 69, 0.8);
    color: #ffffff;
    }

a.tm-totop-scroller::before {
    content: url('../../../images/imagenes/layout/to-top-icon.png') !important;
    vertical-align: sub;
}

div#tm-footer {
    padding: 40px 0px;
    background-color: #242424;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #585858;
}


ul.nav.menu {
  margin-top: 0px;
  list-style: none;
}


ul.nav.menu > li {
    display: inline-block;
}

ul.nav.menu > li:not(:first-child) {
    padding-left: 20px;
}


ul.nav.menu > li > a, ul.nav.menu > li > span {
font-family: 'Titillium Web';
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: inherit;
  letter-spacing: 0.1px;
  text-align: center;
  color: #3e3e3f;
  text-transform: uppercase;
}

ul.nav.menu > li.active > a,
ul.nav.menu > li.uk-active > a,
ul.nav.menu > li > a:hover,
ul.nav.menu > li > a:focus {
  color: #354780;
  background-color: transparent;
}

.footer-right ul.nav.menu > li:not(:first-child) {
  border-left: 1px solid #1e1e1e;
  margin-left: 20px;
}

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




	ul.uk-subnav {
    border: 1px solid #95979a;
    overflow: hidden;
    object-fit: contain;
    border-radius: 29px;
    margin: 0px auto 47px auto;
    display: inline-block;
    width: 463px;
    max-width: 100%;
    transform: translateX(45%);
    -webkit-transform: translateX(45%);
}

ul.uk-subnav > li {
    margin:  0px;
    padding: 0px;
    width: 33.33%;
}

ul.uk-subnav > li:nth-child(1n+1) {
  border-left: 1px solid #95979a;
}

ul.uk-subnav > li > a {
    font-family: 'Titillium Web';
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.93;
    letter-spacing: 1.1px;
    text-align: center;
    color: #95979a;
    padding: 16px 25px 18px 25px;
    width: 100%;
}

ul.uk-subnav > li > a:hover, 
ul.uk-subnav > li > a:focus {background-color: #3953a4;color: #ffffff;}


	body:not(.inicio) .phones {
    padding-left: 79.5px;
}
}

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

	body h1 {
		font-size: 40px
	}

	.header {
		padding: 57px 0px 54px 0px;
	}

	div#tm-bottom-d * {
    text-align: center;
}

  ul.nav.menu > li {
    display: block;
}

ul.nav.menu > li:not(:first-child) {
    
    padding-left: 0px;
    margin-right: 0px;
    border-left: none !important;
}

ul.nav.menu > li:nth-child(n+2) {
    
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #1e1e1e;
}

 ul.nav.menu > li > a, 
 ul.nav.menu > li > span {
    width: 100%;
    display:  block;
}




.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div > h3 {
    font-size: 40px;
}

body.inicio div#tm-top-d .uk-panel .uk-panel-title {
    font-size: 38px;
    line-height: 42px;
}

div#tm-bottom-d {
    padding: 100px 0px 20px 0px;
}

.tm-footer-top {
    margin-bottom: 100px;
}

body.inicio div#tm-top-d {
    padding: 102px 0px;
}



ul.uk-subnav {
    border: 1px solid #95979a;
    overflow: hidden;
    object-fit: contain;
    border-radius: 29px;
    margin: 0px auto 47px auto;
    display: inline-block;
    width: inherit;
    max-width: 100%;
}

ul.uk-subnav > li {
    margin:  0px;
    padding: 0px;
    width: 100%;
}

ul.uk-subnav > li:nth-child(1n+1) {
  border-top: 1px solid #95979a;
}

ul.uk-subnav > li > a {
    font-family: 'Titillium Web';
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.93;
  letter-spacing: 1.1px;
  text-align: center;
  color: #95979a;
  padding: 16px 25px 18px 25px;
  width: 100%;
}



}

@media screen and (min-width: 960px) {
  
  .nuestras-marcas-inicio > div:nth-child(1n+5) {
    width: 20%;
}
  
}


div#parallax {
    position: fixed;
    top: 50%;
    right: 25px;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

div#parallax ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

div#parallax ul > li:not(:first-child) {
    margin-top: 25px;
}

div#parallax ul > li > a {
    display: block;
    width: 10px;
    height: 10px;
    object-fit: contain;
    border-radius: 50px;
    border: solid 1.6px #95979a;
    text-align: center;
    margin: 0px auto;
}


div#parallax ul > li > a:hover {
  background-color: #95979a;
}


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

  body.inicio div#tm-bottom-d {
    /* max-height: 790px; */
    height: calc(100vh - 101px) !important;
}

}

body.inicio div#tm-bottom-d {
    padding-bottom: 0px;
}

div#parallax ul > li.uk-active > a {
  width: 27px;
  height: 27px;
  object-fit: contain;
  border-color: #69bd45;
  background-color: #69bd45;
}

div#parallax ul > li.uk-active > a[href="#tm-top-d"] {
  border-color: #69bd45;
  background-color: #69bd45;
}


body.contacto .tm-footer-top {
    display: none;
}

body.contacto div#tm-bottom-d {
    padding: 34px 0px 36px 0px;
}

.tm-block-footer ul.nav.menu {
    margin-bottom: 0px;
}


@media (min-width: 769px) {
.uk-grid-divider > [class*='uk-width-medium-'][class*="uk-pull-"]:not(.uk-width-medium-1-1):nth-child(n+2) {
    border-left: none !important;
}
  
}


body.contacto .contact-content p {
    font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.13;
  letter-spacing: normal;
  color: #95979a;
}

.uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
    border-color: #242424;
}

form#contact-form label {
    font-family: 'Titillium Web';
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.4px;
    color: #ffffff;
    text-transform: uppercase;
}

.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-']), .uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .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="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
    width: 100%;
    height: auto;
    line-height: inherit;
    padding: 0px 20px 0px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.25);
}

.uk-form input[class*="required"] {
  background-image: url('../../../images/imagenes/layout/required.png') !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
}

body .uk-form input.vanadium-valid {
  background-image: url('../../../images/imagenes/layout/success.png') !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
}


body .uk-form input.vanadium-invalid, body .uk-form select.vanadium-invalid, body .uk-form textarea.vanadium-invalid {
  border-color: #f9593a !important;
  border-style: solid !important;
}


body .uk-form input.vanadium-valid, body .uk-form select.vanadium-valid, body .uk-form textarea.vanadium-valid {
    border-color: #67bb44 !important;
    border-style: solid !important;
}

span.vanadium-advice {
    display: none !important;
}



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

.form-input.uk-flex-medium > input {
    margin-left: 37px;
}

}

button.uk-button.uk-button-primary {
    font-family: 'Titillium Web';
    font-size: 10px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.4px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 25px;
    /* width: 100%; */
    border-radius: 50px;
}

form h5 {
    font-family: 'Titillium Web';
  font-size: 10px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.9;
  letter-spacing: 0.9px;
  text-align: center;
  color: #4f4f4f;
  text-transform: uppercase;
}

form h5 > span {
    font-family: 'Titillium Web';
    font-size: 30.3px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    vertical-align: middle;
    color: #f9593a;
}

div#header-nosotros {
    background-image: url('../../../images/imagenes/layout/nosotros-bg.png');
    background-size: cover;
    background-position: center;
}

@media screen and (min-width: 769px) {
div#header-nosotros {
  
  padding: 256px 0px 256px 0px;
  
}
  
  
  ul.uk-list.uk-list-space.certificaciones-inicio.uk-grid.uk-grid-width-1-2 {
    width: 769px;
    max-width: 100%;
    margin: 0px auto;
}
  
  
  ul.uk-list.uk-list-space.certificaciones-inicio.uk-grid.uk-grid-width-1-2 > li:nth-child(n+2) {
    margin-top: 0px;
}
 
  
}


body.nosotros #tm-top-b {
    background-image: url(../../../images/imagenes/layout/certificaciones-bg.png);
    background-position: center;
    background-size: cover;
    color: #ffffff;
    padding: 50px 0px;
}

@media screen and (min-width: 769px) {
  
  body.nosotros #tm-top-b {
    padding: 179px 0px 373px 0px;
}
  
}

body.nosotros #tm-top-b h3.uk-panel-title {
    font-family: 'Titillium Web';
    font-size: 72px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.44;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}


ul.uk-list.certificaciones-inicio > li > a > h3 {
  font-family: 'Titillium Web';
  font-size: 21px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.38;
  letter-spacing: normal;
  color: #ffffff;
}

@media screen and (min-width: 769px) {
    .valores {
    margin-top: -18%;
}

}

.valores .uk-panel-box {
    box-shadow: none;
    background-color: #000000;
}

.valores .uk-panel-box h3.uk-panel-title {font-family: 'Titillium Web';font-size: 24px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.33;letter-spacing: 1.4px;color: #ffffff;text-align: left;margin-top: 0px;margin-bottom: 25px;}

.valores .uk-panel-box p {
    margin-top: 0px;
    font-family: 'Titillium Web';
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.37;
    letter-spacing: normal;
    color: #95979a;
}

.valores .uk-panel-box ul {
    color: #3953a4;
    list-style: square;
}

.valores .uk-panel-box ul li span {
    color: #95979a;
}

body.nosotros div#tm-bottom-a {
    background-color: #2e2e2e;
    padding: 72px 0px 173px 0px
}

body.nosotros div#tm-bottom-a h3.uk-panel-title {
    margin: 0px 0px 69px 0px;
    font-family: 'Titillium Web';
    font-size: 72px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 74px;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.valor-humano-nosotros .uk-overlay-panel.uk-overlay-background {
  background-color: rgba(57, 83, 164, 0.9);
  color: #ffffff;
  border: none;
}

.valor-humano-nosotros h3 {
  font-family: 'Titillium Web';
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff !important;
}

.valor-humano-nosotros p {
  font-family: 'Titillium Web';
  font-size: 35px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin: 0px;
}


.valor-humano-nosotros  span {
  font-family: 'Titillium Web';
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

body.nosotros #tm-bottom-b {
    background-color: #1e1e1e;
}

body.nosotros .clientes-nosotros .uk-panel.uk-panel-box {

    border: solid 1px #2e2e2e !important;
    background-color: #1e1e1e;
    border-radius: 0px;
    box-shadow: none;
    min-height: 177px;

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

} 

div#header-marcas {
    background-image: url('../../../images/imagenes/layout/marcas-bg.png');
    background-position:  center;
    background-size:  cover;
    padding: 160px 0px;
}

a.uk-position-cover {}

.marcas img.uk-overlay-scale {
    width: 307px;
    max-width: 100%;
    max-height: 246.4px;
    background-color: #1b1b1c;
    border: solid 1px #504e4e;
    object-fit:  contain;
    object-position:  center;
    height: 246.4px;
    /* padding: 110px 38px; */
    padding: 38px;
}

.uk-tab-center .uk-tab > li > a {
  font-family: 'Titillium Web';
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.93;
  letter-spacing: 1.1px;
  text-align: center;
  color: #95979a;
}


.uk-tab-center {
  margin-bottom: 45.8px;
}

.uk-tab-center .uk-tab > li.uk-active > a {
 background-color: #1b1b1c;
 border-bottom: none !important;
}

div#header-portafolio {
    background-image: url('../../../images/imagenes/layout/nuestro-portafolio.png');
    background-position:  center;
    background-size: cover;
    padding: 67px 0px 156px 0px;
}

@media screen and (min-width: 960px) {
  
  body.tm-noblog main#tm-content .yoo-zoo.product-uikit .uk-align-medium-left {
    margin-left: -50%;
}
  
}

body.tm-noblog .tm-main > main#tm-content .yoo-zoo.product-uikit h1, body.tm-noblog .tm-main > main#tm-content h1.uk-article-title, h1.uk-article-title {
    font-family: 'Titillium Web';
  font-size: 36px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #e9e9e9;
}


#contact-form button.uk-button.uk-button-primary {
    /* padding: 10px 50px; */
    font-size: 12px;
    font-weight: 900;
    float: right;
    width: 100%;
}

form#contact-form > .uk-grid > div > .uk-grid {
    margin-top: 50px;
}


body .uk-grid-divider > .uk-row-first {
    border-left: none !important;
}


body.tm-noblog .tm-main > main#tm-content .yoo-zoo.product-uikit p, body.tm-noblog .tm-main > main#tm-content p, main#tm-content p {
font-family: 'Titillium Web';
  font-size: 21px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: 1px;
  color: #95979a;
}

.related {
    padding: 66px 0px 71px 0px;
    background-color: #242424;
}

.marcas-utilizadas-portafolio .uk-grid-margin.uk-row-first {
    margin-top: 0px;
}

h3.uk-panel-title.related-title {
    font-family: 'Titillium Web';
    font-size: 21px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 4.4px;
    text-align: center;
    color: #e9e9e9;
    margin-bottom: 52.4px;
    text-transform: uppercase;
}


.related-content ul.uk-grid.element.element-relateditemspro {
    /*margin-left:  0px;*/
    position:  relative;
    display:  block;
}

.related-content ul.uk-grid.element.element-relateditemspro > div.uk-grid {

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

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

}


.imagen-soluciones-full > img {
    object-fit: cover;
    width: 100%;
    height: 457px;
    object-position: center;
}

.uk-button {
    padding: 10px 17px;
    line-height: inherit !important;
    border-radius: 50px;
    font-family: 'Alfa Slab One';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: 1.3px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    }

.uk-button-primary {
    background-color: #69bd45;
}

.solucion-button {
    margin-top:  35px;
}


.cotiza .uk-button-primary, 
.contactenos .uk-button-primary {
    background-color: #354780;
}

.cotiza .uk-button-primary:hover, 
.contactenos .uk-button-primary:hover {
    background-color: #69bd45;
}

body.tm-noblog .tm-main > main#tm-content .yoo-zoo.product-uikit h1 > .soluciones-title {
    font-family: 'Titillium Web';
    font-size: 72px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 72px;
    letter-spacing: normal;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 25px;
}

@media screen and (max-width: 769px) {
	body.tm-noblog .tm-main > main#tm-content .yoo-zoo.product-uikit h1 > .soluciones-title {
    font-size: 42px;
    line-height: 42px;
}


body h1, body h1.section-title, body h2, body h3, body.nosotros #tm-top-b h3.uk-panel-title, body .header .header-content h1 {
    font-size: 32px;
    line-height: 36px;
}

.footer-right {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #1d1d1d;
}

.footer-right ul li {
    margin-left: 0px !important;
}

}


@media screen and (min-width: 769px) {
.galeria-portafolio .uk-row-first {
    margin-left: -30px;
}
}

body .addthis_inline_share_toolbox {
    clear: none !important;
    margin: 25px 0px 36px 0px;
}



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

  body.nosotros div#tm-bottom-a h3.uk-panel-title {
    font-size: 38px;
    line-height: 42px;
  }
  
  ul.certificaciones-inicio > * {
    display: block;
    width: 100%;
}
  
body.inicio .panel {
    min-height: auto !important;
    height: auto !important;

}

}


@media screen and (max-width: 1219px) {
.uk-navbar-nav > li:not(:last-child), .uk-navbar-brand {
    margin-right: 15px;
}

.uk-navbar-nav > li > a:not(.header-button) {
   
    font-size: 14px;
    line-height: 44px;
}

.uk-navbar-nav > li > a.header-button {
    font-size: 10px;
}
}



.uk-panel.movil {
    display: none;
}

.uk-panel.laptop {
    display: none;
    }
    
    .uk-panel.tablet {
    display: none;
    }

/*

@media (max-height:653px) {
    .uk-panel.desktop {
    display: none;
}
}

@media (max-height: 653px) and (min-height: 490px) {
    .uk-panel.laptop {
    display: block;
}
}

@media screen and (max-height: 490px) and (min-height: 230px) {
    .uk-panel.tablet {
    display: block;
}
}

@media screen and (max-height: 230px) {
    .uk-panel.movil {
    display: block;
}
}

*/

.slideshow-inicio ul.uk-slideshow > li {
  background-color: #090909;
}

body.inicio div#at-share-dock {
    display: none !important;
}


@media screen and (max-height: 651px) {

/*.slideshow-inicio ul.uk-slideshow > li, .slideshow-inicio ul.uk-slideshow > li > div, .slideshow-inicio ul.uk-slideshow > li img, .slideshow-inicio ul.uk-slideshow > li video {
  background-size:  contain;
  object-fit:  contain;
  left:  0;
  top: 0;
  background-position: top;
  object-position: top;
  transform: translate(0, 0);
  width: 100%;
}*/


.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div > h3 {
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 3.3px;
    color: #ffffff;
    margin-bottom: -10px;
    text-transform: uppercase;
}

.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div > h3 > span {
  opacity: 0.52;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: 1.3px;
  display: block;
  margin-bottom: 3px;
  color: #ffffff;
  text-transform: uppercase;
}

.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div, 
.slideshow-inicio ul.uk-slideshow .uk-overlay-panel > div p {
font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 1px;
  color: #95979a;
}

}


/* animacion svg */



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

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

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

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





        }