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

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

*{
  -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; 
}
a[href="http://www.faboba.com"] {
    display: none !important;
}


/*TOOLBAR*/
 .tm-toolbar.uk-clearfix.uk-visible-large {
    padding: 2px 0px;
    background-color: #ffffff;
    
}
hr.uk-visible-large.toolbar {
    border-color:  #dddcdc !important;
    margin: 0;
}

.tm-toolbar .uk-panel._menu > ul > li::before {
    border: 0px !important;
}
.tm-toolbar .uk-panel._menu > ul > li > a{
    text-transform: capitalize;
}

.redes-toolbar > ul > li {
    display: inline-block;
    border-left: 1px solid #dddcdc;
    padding: 2px 10px;
}

.redes-toolbar > ul {
    padding-left: 0px;
    margin-bottom: 0px;
}


.redes-toolbar > ul > li:last-child {
    border-right: 1px solid #dddcdc;
}


.tm-toolbar ul.nav.menu.mod-list > li {
    display: inline-block;
    margin-right: 25px;
}

.tm-toolbar ul.nav.menu.mod-list > li > a {
    text-transform: capitalize;
}

.tm-toolbar > .uk-float-right > div {
    display: flex;
}

.menu-toolbar > ul {
    margin-bottom: 0px;
}

.menu-toolbar {
    display: flex;
    align-items: center;
}

.redes-toolbar {
    padding-right: 10px;
}
.redes-toolbar > ul > li > a:hover {
    transform: scale(1.2, 1.2);
}

a.uk-icon.uk-icon-phone, a.uk-icon.uk-icon-envelope-o {
    color: #28c9de;
}

a.uk-icon.uk-icon-facebook {
    color: #4267B2;
}

a.uk-icon.uk-icon-instagram  {
 
background: rgb(248,173,15); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(248,173,15,1) 0%, rgba(154,15,217,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(248,173,15,1) 0%,rgba(154,15,217,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(248,173,15,1) 0%,rgba(154,15,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ad0f', endColorstr='#9a0fd9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
background-clip: text;
  
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent; 
-ms-text-fill-color: transparent; 
-o-text-fill-color: transparent; 
text-fill-color: transparent;    
  
}

a.uk-icon.uk-icon-whatsapp {
    color: #09B809;
}

@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


.content-ws {
    position: fixed;
    bottom: 18px;
    right: 100px;
    width: 70px;
    height: 70px;
    background: #3be854;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 9;
    opacity: 0;
    animation: fadeInScale 1.5s ease-out forwards, pulse 2s infinite 3s;
}

.content-ws .uk-icon-whatsapp::before {
    color: #fff;
    font-size: 30px;
    border-radius: 50%;
    background-color: #3be854;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.redes-toolbar a.uk-icon {
    font-size: 16px;
}

.tm-toolbar ul.nav.menu.mod-list > li > a:hover {
    background-color: transparent;
}

.tm-toolbar ul.nav.menu.mod-list > li.active > a {
    color: #01aabd;
}

/*MENU*/

.tm-navbar-container {
    background-color: #072137;
}

.menu .uk-navbar-nav > li > a {
    text-transform: capitalize;
    position: relative;
     color: #e0e0e0;
}
.menu .uk-navbar-nav > li:not(:last-child) {
    margin-right: 30px;
}


.menu li.uk-parent.uk-open {
    position: initial !important;
}


.menu .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-6.uk-dropdown-bottom,
.menu .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-5.uk-dropdown-bottom,
.menu .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-4.uk-dropdown-bottom,
.menu .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-3.uk-dropdown-bottom,
.menu .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-2.uk-dropdown-bottom
  {
    width: 100vw !important;
    max-width: 100% !important;
    min-width: 100vw !important;
    top: 140px !important;
    transition: all 0.7s ease-in-out 0s;
    left: 0 !important;
    /*min-height: 300px;
    align-items: center;
    justify-content: center;*/ 
}

/*.menu .uk-parent.uk-open .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-6.uk-dropdown-bottom {
    display: flex;
}
*/

.uk-parent.uk-open .uk-grid.uk-dropdown-grid > div.uk-width-1-6{
    width: 16.666%;
    margin: 0px auto;
}
.uk-parent.uk-open .uk-grid.uk-dropdown-grid > div.uk-width-1-5{
    width: 20%;
    margin: 0px auto;
}


.tm-navbar-container.uk-active.uk-navbar-attached .menu .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-6.uk-dropdown-bottom,
.tm-navbar-container.uk-active.uk-navbar-attached .menu .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-5.uk-dropdown-bottom,
.tm-navbar-container.uk-active.uk-navbar-attached .menu .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-4.uk-dropdown-bottom,
.tm-navbar-container.uk-active.uk-navbar-attached .menu .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-3.uk-dropdown-bottom,
.tm-navbar-container.uk-active.uk-navbar-attached .menu .uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-2.uk-dropdown-bottom {
  top: 107px !important;
}

.menu .uk-grid.uk-dropdown-grid {
    width: 100% !important;
    max-width: 1480px;
    padding: 0 40px;
    margin: 0px auto;

}

@media screen and (max-width: 1190px){
    .menu .uk-navbar-nav > li:not(:last-child) {
    margin-right: 25px;
}
}


@media screen and (max-width: 1105px){
    .menu .uk-navbar-nav > li:not(:last-child) {
    margin-right: 10px;
}
.tm-logo-small > img{
    width:100%;
    max-width: 180px;
}
}


body .menu li.uk-parent .uk-dropdown {
    opacity: 0;
    background-color: rgba(12, 68, 105, 1);
}

body .menu li.uk-parent:hover .uk-dropdown {
    opacity: 1;
}

.menu .uk-navbar-nav > li > a:before {
    display: none;
}

.menu .uk-navbar-nav > li.uk-parent > a::after {
    position: absolute;
    content: '';
    left: 35px;
    bottom: -29px !important;
    width: 0;
    height: 0;
    border-bottom: 15px solid rgba(1, 66, 107, 1);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    opacity: 0;
    transition: all 0.2s ease-in-out 0.1s !important;
    -webkit-transition: all 0.2s ease-in-out 0.1s !important;
}

.menu .uk-navbar-nav > li.uk-parent:hover > a::after {
    opacity: 1;
    bottom: -25px;
}
.uk-dropdown-grid ul.uk-nav.uk-nav-navbar > li > a > img,
.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li > a > img {
    display: block;
    margin: 0 auto;
    padding-bottom: 25px;
    transition: all 0.2s ease-in-out 0s;
}
.uk-dropdown ul.uk-nav.uk-nav-navbar > li:hover > a > img {
    filter: contrast(150%);
    transform: translate(0px, -5px);
}

.uk-dropdown-grid ul.uk-nav.uk-nav-navbar > li,
ul.uk-nav.uk-nav-parent-icon.uk-nav-side {
    text-align: center;

}
a.anuncios-web, a.e-mail-marketing, a.analisis-web {
    padding: 5px 25px !important;
}

.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li {
    display: inline-block;
    width: 100%;
    max-width: 180px;
    margin: 0px 15px;
}

.uk-dropdown-grid ul.uk-nav.uk-nav-navbar > li > a > img + span,
.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li > a > img + span {
    text-transform: initial;
    font-size: 14px;
    margin: 0px 20px;
    text-align: center;
    color: #ffffff;
    display: block;
}
.rd-website-hosting ul > li:not(:last-child) > a span.image-title,
.rd-registro-de-dominio ul > li:not(:last-child) > a span.image-title,
.rd-microsoft-azure ul > li:not(:last-child) > a span.image-title,
.rd-certificados-de-seguridad-ssl ul > li:not(:last-child) > a span.image-title {
    margin: 0px 32px !important;
}

.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li > a > img + span{
    color: #818181 !important;
    margin: 0px 25px;
}
.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li.uk-active > a > img + span{
    color: #19A8BB !important;
}
.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li:not(.uk-active) > a  > img {
    mix-blend-mode: luminosity;
    opacity: 0.5;
}

.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li:hover > a  > img{
     opacity: 1;
}


.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li:hover > a > img + span {
    color: #19A8BB !important;
}

.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li:hover > a  > img {
    mix-blend-mode: initial;
    }


.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2){
    border: 0px;
}

.uk-nav-offcanvas li > a > img {
    display: none;
}

/*SLIDESHOW TOP - A*/

.slideshow-home .uk-wdith-medium-1-2 > h2,
.slideshow-home .uk-wdith-medium-1-1 > h2 {
    font-size: 45px;
    line-height: 45px;
    font-weight: 600;
}

.slideshow-home .uk-wdith-medium-1-2 > h1 {
    font-size: 70px;
    line-height: 65px;
    font-weight: bold;
}

.slideshow-home .uk-wdith-medium-1-2 > p.uk-h4,
.slideshow-home .uk-wdith-medium-1-1 > p.uk-h4 {
    font-size: 27px;
    font-weight: 300;
}

/*
@media screen and (max-width: 1570px){
    .slideshow-home .uk-wdith-medium-1-2 > div > img {
    width: 100%;
     max-width: 440px; 
}
}*/



@media screen and (max-width: 1170px){
   .slideshow-home .uk-wdith-medium-1-2 > h1{
font-size:50px;
line-height:40px;
   }
 .slideshow-home .uk-wdith-medium-1-2 > h2,
 .slideshow-home .uk-wdith-medium-1-1 > h2{
       font-size:35px;
       line-height:35px;
   }
    .slideshow-home .uk-wdith-medium-1-2 > p.uk-h4,
    .slideshow-home .uk-wdith-medium-1-1 > p.uk-h4{
       font-size:24px;

   }
       .slideshow-home .uk-wdith-medium-1-2 > div > img {
    width: 100%;
     max-width: 340px; 
}
}
@media screen and (max-width: 932px){
   .slideshow-home .uk-wdith-medium-1-2 > h1{
font-size:45px;
line-height:40px;
   }
 .slideshow-home .uk-wdith-medium-1-2 > h2,
 .slideshow-home .uk-wdith-medium-1-1 > h2{
       font-size:28px;
       line-height:35px;
   }
    .slideshow-home .uk-wdith-medium-1-2 > p.uk-h4,
    .slideshow-home .uk-wdith-medium-1-1 > p.uk-h4{
       font-size:18px;

   }
       .slideshow-home .uk-wdith-medium-1-2 > div > img {
    width: 100%;
     max-width: 300px; 
}
}

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

    .uk-grid.uk-flex-middle.uk-flex-center{
justify-content: initial !important;
align-items:  initial !important;
}
.uk-grid.uk-flex-middle.uk-flex-center > div {
    margin: 0 auto;
}
.uk-grid.uk-flex-middle.uk-flex-center > div.uk-wdith-1-1{
  width: 100% !important;
}

    .slideshow-home div > img {
    width: 100% !important;
    max-width: 210px !important;
}

.slideshow-home .uk-wdith-medium-1-2 > h2,
.slideshow-home .uk-wdith-medium-1-1 > h2,
.slideshow-home  .uk-wdith-1-1 > h2 {
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 2px;
}

.slideshow-home .uk-wdith-medium-1-2 > h1 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 800;
}

.slideshow-home .uk-wdith-medium-1-2 > p.uk-h4,
.slideshow-home .uk-wdith-medium-1-1 > p.uk-h4 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px;
}
}

.slideshow-home .uk-wdith-medium-1-2 * {
    text-align: left;
}

/*Servicios Top - B*/

.mod_servicios .uk-panel.uk-panel-hover:hover {
    background-color: transparent;
}

/*Experiencia Top - C*/
.tm-top-c h3.uk-panel-title {
    text-align: center;
    font-size: 33px;
    font-weight: 300;
}
.rd-home section.tm-top-c {
    background-image: url('../../../images/layout/bg-experiencia.png');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0px;
}
.rd-home section.tm-top-c * {
  color: #ffffff;
  }

.container-top-c, 
.rd-home .mod_testimonios {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.blue {
    background-color: #005ba6;
}

.navy {
    background-color: #003a5d;
}

.gray {
    background-color: #bebebe;
}

.container-top-c .uk-panel.uk-panel-box {
    border: 0px;
}

/*PORTAFOLIO TOP - D*/
.mod_portafolio figure.uk-overlay {
    border: 1px solid rgb(0 91 166 / 30%)
}
.mod_portafolio .uk-overlay-panel > div > h3 {
    font-size: 26px;
    font-weight: 600;
    font-family: 'Open Sans';
}

.mod_portafolio  h3 {
    color: #58595E;
    font-size: 40px;
    text-align: center;
    margin: 45px;
    font-weight: 200;
}
.mod_portafolio .uk-overlay-panel.uk-overlay-background.uk-overlay-slide-bottom {
    padding: 0px;
    border: 0px;
    background-color: rgb(0 91 166 / 70%);
}

.mod_portafolio .uk-overlay-panel  * {
    color: #ffffff !important;
}

.mod_portafolio .uk-overlay-panel a.uk-button:hover {
  color: #005ba6 !important;
}

.mod_portafolio  .uk-overlay-panel > div > h3.uk-h3 {
   margin: 0px;
}
.mod_portafolio + div.uk-panel > .uk-width-1-1.uk-text-center > a {
    font-size: 16px;
    position: relative;
    color: #58595E;
    text-decoration: none;
}

.mod_portafolio + div.uk-panel > .uk-width-1-1.uk-text-center > a::before {
    position: absolute;
    content: '';
    height: 2px;
    width: 150px;
    background-color: #58595E;
    bottom: -15px;
    left: 100px;
    transform: translate(-50%, 0%);
}

.rd-home div#tm-bottom-a {
    padding-bottom: 0px;
}

/*TESTIMONIOS BOTTOM - A*/

.mod_testimonios ul.uk-slideshow > li {
    text-align: center;
}

.mod_testimonios ul.uk-slideshow > li > div > img {
    margin: 0 auto;
    display: block;
}

.mod_testimonios ul.uk-slideshow > li > div > img + a {
    margin: 15px 0px;
    display: block;
    color: #666666;
    font-size: 14px;
    font-weight: 600;
}
.uk-dotnav > .uk-active > * {
    background-color: #01aabd;
}

/*FOOTER*/

@media screen and (min-width: 768px){
    .rd-pre-footer {
    padding: 50px;
}

}

.content-footer  {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    padding-bottom: 50px;
}


.rd-pre-footer {
    background-color: #093C5B;
    color: #ffffff;
    
}


.rd-pre-footer .uk-list.info a {
    color: #ffffff;
}
.rd-pre-footer .uk-list.info a:hover {
    color: #00aabd;
}

ul.parent > li >a {
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
}

ul.parent > li > ul > li > a {
    color: #ffffff;
    font-size: 13px;
}

@media (min-width: 768px){
.rd-pre-footer > .uk-grid-divider > .uk-width-medium-1-5:not(:first-child) {
    border-left: 1px solid #00aabd !important;
}
}

ul.uk-list.info > li > *:not(a) {
    color: #ffffff;
    line-height: 18px;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 300;
}

ul.uk-list.info > li, ul.uk-list.info > li > a {
    font-size: 13px;
}

ul.uk-list.parent > li > ul {
    padding-left: 0px;
}

ul.parent > li {
    padding-bottom: 5px;
}

ul.parent > li > ul > li {
    line-height: 18px;
    font-weight: 200;
}

ul.uk-list.active > li > ul  {
    position: relative;
    margin-top: 8px;
}

ul.uk-list.active > li > ul::before {
    position: absolute;
    content: '';
    height: 2px;
    width: 40px;
    background: #00aabd;
    margin-bottom: 5px;
    top: -5px;
}

ul.uk-list.info > li > a {
    font-size: 13px;
}

ul.uk-list.info > li > a > span {
    color: #ffffff;
}

.rd-newsletter-footer {
    /*background-image: url('../../../images/layout/background-newsletter.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    padding: 50px;*/
  	padding-top: 50px;
  	background-color: #005ba6;
}

.content-footer form.uk-form  button.uk-button {
    color: #11a7c5;
    border: 1px solid #ffffff;
    padding: 4px 13px;
    background-color: #ffffff;
}

.rd-powered > p > a.uk-icon-medium {
    font-size: 18px;
    margin-left: 2px;
}

.rd-powered a.uk-icon-medium.uk-icon-facebook {
    margin-left: 15px;
}

.rd-powered > p {
    color: #00aabd;
}

.rd-powered {
    background-color: #00314f;
    padding: 15px 0px;
}
.rd-powered > p{
  margin: 0px;
}

.rd-powered > p > a.uk-icon-medium:hover,
.rd-newsletter-footer > *,
.rd-newsletter-footer  h2 {
    color: #ffffff;
}


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

.rd-pre-footer .uk-width-medium-2-5.uk-flex-middle.uk-flex-right {
    text-align: right;
}

.rd-pre-footer .uk-width-medium-3-5 {
    text-align: left;
}

  .rd-pre-footer .uk-grid.divider > .uk-width-medium-1-3 {
    border-right: 1px solid #11A9C5;
}
.rd-pre-footer .uk-container.uk-container-center  > .uk-grid {
    padding-right: 25px;
}
}

@media screen and (min-width 768px){
  .tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side {
    padding: 0px 50px;
    text-align: center;
}
}

.content-footer input {
    border: 1px solid #ffffff !important;
    padding: 19px 10px !important;
}

.content-footer input::placeholder {
    color: #ffffff;
}
.content-footer form.uk-form button.uk-button::before {
    top: 0px;
    background-color: #093c5b;
}

.content-footer form.uk-form button.uk-button:hover {
    border-color: #093c5b;
    color: #ffffff;
}

 .blog-uikit .menu {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #bbbbbb;
}

@media screen and (min-width: 768px){
    .rd-registro-de-dominio div#tm-top-b .tm-top-b,
    .rd-microsoft-azure div#tm-top-b .tm-top-b,
    .rd-mantenimiento-de-website div#tm-top-b .tm-top-b,
    .rd-programacion-web div#tm-top-b .tm-top-b,
    .rd-comercio-electronico div#tm-top-b .tm-top-b,
    .rd-certificados-de-seguridad-ssl div#tm-top-b .tm-top-b,
    .rd-diseno-web div#tm-top-b .tm-top-b,
    .rd-desarrollo-apps div#tm-top-b .tm-top-b,
    .rd-internet-marketing div#tm-top-b .tm-top-b,
    .rd-internet-marketing div#tm-top-b .tm-top-b,
    .rd-website-hosting div#tm-top-b .tm-top-b,
    .rd-ruby-mail div#tm-top-b .tm-top-b,
    .rd-ruby-exchange div#tm-top-b .tm-top-b,
    .rd-ruby-space div#tm-top-b .tm-top-b,
    .rd-ruby-hibrido div#tm-top-b .tm-top-b,
    .rd-google-suite div#tm-top-b .tm-top-b,
    .rd-internet-marketing  div#tm-top-b .tm-top-b,
    .rd-analisis-web div#tm-top-b .tm-top-b,
    .rd-e-mail-marketing div#tm-top-b .tm-top-b,
    .rd-anuncios-web div#tm-top-b .tm-top-b,
    .rd-video-marketing div#tm-top-b .tm-top-b,
    .rd-search-engine-optimization div#tm-top-b .tm-top-b,
    .rd-depuracion-data-mail div#tm-top-b .tm-top-b{
    border-bottom: 1px solid #dddddd;
    padding-bottom: 40px;
}
}

.bg-landing{
    background-image: url('../../../images/imagenes/secciones/diseno-web/diseno-website-bg.png');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-analytics{
    background-image: url('../../../images/imagenes/secciones/diseno-web/analytics-bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.top-a h1,
.rd-comercio-electronico .uk-block.top-b h2,
.rd-programacion-web  .top-b h2,
.rd-mantenimiento-de-website .top-b h2,
.rd-certificados-de-seguridad-ssl .top-b h2,
.rd-ruby-space .top-b h2,
.rd-google-suite .top-b h2,
.rd-ruby-hibrido .top-b h2,
.rd-ruby-exchange .top-b h2,
.rd-registro-de-dominio .top-b h2,
.rd-microsoft-azure .top-b h2,
.rd-desarrollo-apps .top-b h2,
.rd-website-hosting .top-b h2,
.rd-analisis-web .top-b h2,
.rd-depuracion-data-mail .top-b h2,
.rd-e-mail-marketing .top-b h2,
.rd-anuncios-web .top-b h2,
.rd-video-marketing .top-b h2{

    color: #0B4367;
    font-weight: 800;
    font-size: 49px;
}
.top-a  p,
.top-b  p,
.top-b  li{
    font-size:16px ;
}

.rd-diseno-web .top-b h2, .top-c h2,{
    font-size: 49px;
    font-weight: 600;
    color: #19A8BB !important;
}
 .procesamiento h2{
         font-size: 40px;
    font-weight: 700;
 }
  .procesamiento li{
         font-size: 16px;
         font-weight: 300;
 }
 

.rd-comercio-electronico .procesamiento h2,
 .procesamiento h2 {
    color: #ffffff !important;
}
.top-c h2.uk-h3 {
    font-size: 28px;
}
.top-c  p {
    font-size: 16px;
    font-weight: 300;
}
.top-b h2 + p.uk-h3 {
    font-size: 30px;
    font-weight: 300;
}

.top-d h3 {
    font-size: 36px;
    font-weight: 600;
    color: #19A8BB;
}

.uk-button.blue-c {
    background-color: #11a7c5;
    color: #ffffff;
    border-color: #11a7c5 !important;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 500;
}

.uk-button.blue-c > i {
    font-size: 20px;
    font-weight: 100 !important;
    margin-left: 10px !important;
    vertical-align: text-bottom;
}

.uk-button.blue-c::before {
    top: 0;
}
.blue-c:not(.uk-button){
    color: #11a7c5 !important;
}
.uk-button.blue-o {
    background-color: #093c5b;
    color: #ffffff;
    border-color: #093c5b;
    padding: 5px 15px;
}
.uk-button.blue-o::before {
    top: 0;
}


a.uk-button.blue-c > i.uk-margin-lef,
a.uk-button.blue-o > i.uk-margin-lef {
    margin-left: 5px;
}
.uk-button.blue-c::before {
    background-color: #ffffff;
}

.uk-button.blue-c:hover {
    color: #11a7c5 !important;
}

.uk-button.blue-o::before {
    background-color: #ffffff;
}

.uk-button.blue-o:hover {
    color: #093c5b !important;
}

@media screen and (max-width: 480px){
    .rd-newsletter-footer {
    padding: 15px 0px;
}
.rd-video-marketing p.uk-h3 + p + a,
.rd-video-marketing p.uk-h3 + p + a + a {
    display: block !important;
}

.procesamiento {
    padding: 25px 0px !important;

}
.procesamiento h2 {
    font-size: 27px !important;
    line-height: 30px;
}

.top-d .uk-width-1-1 > div > a {
    width: 100%;
    margin-bottom: 10px;
}

.top-d h3 {
    font-size: 26px !important;
}

.rd-contactos .top-d {
    padding: 0px 15px;
}

.top-b h2, .top-c h2 {
    font-size: 30px !important;
    line-height: 32px;
}
.blog-uikit-redes-sociales-3 .top-b h2 + p.uk-h3 {
    font-size: 20px;
    line-height: 24px;
}

.top-a h1 {
    font-size: 36px;
    line-height: 36px;
}

.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side {
    text-align: center;
    box-shadow: 0px 0px 5px 0px #dddeee;
    padding: 10px 0px;
}
  .content-footer form.uk-form button.uk-button {
    width: 100%;
}
}

.top-c .uk-width-medium-1-2.uk-push-1-2  h2 {
    color: #0a4970;
    font-size: 21px;
    line-height: 32px;
}
.rd-redes-sociales .top-c div > h2 {
    font-size: 30px !important;
}

.rd-redes-sociales .top-b .uk-width-medium-1-2 > div > img {
    width: 100%;
    max-width: 565px;
}

.rd-redes-sociales .top-c,
.internet-marketing .top-c {
    background-color: #E7F6FA;
}

.rd-redes-sociales .top-c .uk-width-medium-1-2.uk-pull-1-2 {
    position: relative;
}

@media screen and (min-width: 768px){
    .rd-redes-sociales .top-c .uk-width-medium-1-2.uk-pull-1-2 > div > img {
    position: absolute;
    top: -165px;

 }
 .top-c  .uk-grid.uk-grid-match {
    padding: 35px 0px;
}
}

.rd-programacion-web  .uk-block.top-b{
    padding-bottom: 0px;
}



@media screen and (min-width: 768px){
    .rd-office-365 .blog-uikit-office-366 .menu {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #dddddd;
}
}

.mod_slideshow-office .uk-overlay-panel.uk-flex.uk-flex-middle.uk-overlay-fade .content-slide {
    background-color: rgba(0,0,0,0.7);
    padding: 25px;
}
@media screen and (min-width: 768px){
  .mod_slideshow-office .uk-overlay-panel.uk-flex.uk-flex-middle.uk-overlay-fade .content-slide {
    margin-right: 150px;
    margin-left: 150px;
}
}

.rd-office-365 .uk-slideshow h2 {
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
}
.rd-office-365 .uk-slideshow h2 + p,
.rd-office-365 .uk-slideshow .block-teams p{
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
}

.rd-office-365 .uk-slideshow  p > a {
    font-size: 14px;
    font-weight: 600;
}


.feed-instagram {
    overflow: hidden;
  padding:5px 0px;
}
#ventajas .uk-overlay-hover:hover {
    box-shadow: 0px 0px 5px 0px #e6e0e0;
}

#ventajas .uk-overlay-hover {
    padding: 15px;
}

#ventajas .uk-overlay-hover > h3 {
    font-size: 25px;
    font-weight: 400;
}

#ventajas .uk-overlay-hover > h3 + p {
    font-size: 13px;
    color: #666666;
    font-weight: 300;
}

#ventajas .uk-width-1-1 > p {
    font-size: 18px;
    padding-bottom: 25px;
}
#ventajas .uk-width-1-1 > p {
    font-size: 18px;
    padding-bottom: 25px;
}

#preguntas p {
    color: #596670;
    font-weight: 300;
}

#descripcion ul.uk-grid.uk-grid-width-medium-1-4.uk-grid-match > li > p {
    font-size: 12px;
    line-height: 18px;
}

#descripcion ul.uk-grid.uk-grid-width-medium-1-4.uk-grid-match > li {
    text-align: center;
}

div#descripcion h3{
    font-size: 25px;
    color: #1F72B9;
}

.rd-analisis-web p.uk-h3,
.rd-video-marketing p.uk-h3,
.rd-anuncios-web p.uk-h3,
.rd-depuracion-data-mail p.uk-h3{
    font-size: 25px !important;
    color: #12A6C5;
    font-weight: bold !important;
}

.rd-video-marketing .top-b p.uk-h3.t-azul {
    font-size: 25px !important;
    color: #12A6C5 !important;
    font-weight: bold !important;
}

div#descripcion h3 + p {
    font-size: 13px;
    min-height: 80px;
    line-height: 20px;
}

#ventajas .uk-width-1-1 > p {
    font-size: 18px;
    padding-bottom: 25px;
}

#preguntas p {
    color: #596670;
    font-weight: 300;
}

#contactos input::placeholder,#contactos textarea::placeholder {
    color: #666666;
    font-size: 13px;
    font-weight: 300;
}

#contactos button.uk-button.blue-c {
    background-color: #177EC9;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 400;
}

@media screen and (min-width: 768px){
    ul.incluye {
    min-height: 220px;
}

ul.servicios {
    min-height: 95px;
    padding-bottom: 25px;
}
}


.table td.uk-width-medium-1-4 > p {
    display: flex;
    min-height: 60px;
    align-items: center;
    justify-content: center;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #666666;
    padding: 10px;
}

.table > .uk-table td {
    vertical-align: middle;
    text-align: center;
    border: 0px;
}

.table i.uk-icon.uk-icon-check {
    color: #107b10;
    font-size: 20px;
}
.table > table.uk-table {
    border-collapse: separate !important;
    border-spacing: 10px !important;
}

.uk-table-striped tbody tr:nth-of-type(2n+2) {
    background-color: #fafafa;
}

.uk-table-striped tbody tr:nth-of-type(2n+2):hover {
    background-color: #f0f0f0;
}
.table tr > th.uk-width-medium-1-4 {
    color: #1F72B9;
    font-size: 20px;
    font-weight: 400;
}

.table > .uk-table {
    padding-top: 25px;
    }
    table.uk-table *:not(.uk-icon) {
    font-family: 'Montserrat';
}

div#preguntas > h3 {
    color: #0072C5;
    font-size: 36px;
    font-weight: 600;
}
@media screen and (max-width: 480px){
    div#preguntas > h3 {
    font-size: 32px;

}
#contactos .content {
    
    padding: 25px !important;
}
.content > p > a{
    display: block;
}

.content-slide h2 {
    font-size: 21px !important;
    line-height: 20px !important;
}
.content-slide h2 > br,
.content-slide p > br{
    display: none;
}

.content-slide p {
    font-size: 14px !important;
}

.content-slide p > a {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.content-slide p > a:hover{
    border-color: #ffffff !important;
}
.rd-office-365 .menu > ul >li {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #dddddd;
}
}

h3.uk-accordion-title.uk-active > i.uk-icon-plus-square-o {
    display: none;
}

h3.uk-accordion-title > i.uk-icon-minus-square-o {
    display: none;
}

h3.uk-accordion-title.uk-active > i.uk-icon-minus-square-o {
    display: initial;
}


#preguntas h3.uk-accordion-title > i.uk-icon {
    font-size: 20px;
    margin-right: 10px;
    color: #0072C5;
}

#preguntas h3.uk-accordion-title {
    font-weight: 500;
    font-size: 18px;
    border-bottom: 0px;
    text-transform: capitalize;
}

#contactos .content {
    width: 100%;
    max-width: 550px;
    margin: 0px auto;
    text-align: center;
    padding: 25px;
}

#contactos .uk-width-medium-1-2 > div.img > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.content > h3 {
    color: #0072C5;
    font-size: 36px;
    font-weight: 600;
    line-height: 52px;
}

.content > p > a > i {
    margin-right: 5px;
    font-size: 20px;
}

.content > p > a, .content > p > a > span > a {
    margin-right: 20px;
    font-size: 18px;
    font-weight: 300;
    color: #666666 !important;
}

div#contactos {
    background-color: #eeeeee;
}

.content .uk-grid > div {
    margin-top: 15px;
}

a.tm-totop-scroller {
    background-color: #ffffff;
    width: 35px;
    height: 35px;
    right: 50px;
    border-radius: 50%;
    top: 50px;
    line-height: 30px;
    color: #11a3c4;
}


.rd-office-365 .menu > ul >li >a {
    color: #999999;
}

.rd-office-365 .menu > ul > li.uk-active > a {
    color: #01aabd;
}

.internet-marketing .top-b h2,
.rd-ruby-mail .top-b h2 {
    color: #0B4366;
    font-size: 49px;
    font-weight: 800;
    line-height: 50px;
}

.internet-marketing .top-c h2 {
    font-size: 25px !important;
    font-weight: 700;
}
.internet-marketing .top-c{
    padding-bottom: 0px; 
}
.internet-marketing .tm-block-main.uk-block-default {
    padding-bottom: 0px;
}
i.uk-icon.uk-icon-check-circle-o {
    color: #19A7BA;
    margin-right: 5px;
    font-size: 18px;
}
.rd-seguridad-web .top-c.uk-block{   
    background-image: url('../../../images/imagenes/slideshow-home/seguridad-web/reguridad-web-02.png');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;


}
.uk-contrast, .uk-contrast *{
    color: #ffffff !important;
}


.rd-seguridad-web .top-d p.blue-o > strong,
.rd-depuracion-data-mail .top-d p.blue-o > strong{
    font-size: 20px;
    font-weight: 600;
    color: #0B4366;
}

.rd-seguridad-web .top-b strong.uk-h4 {
    color: #093c5b;
}

.rd-seguridad-web .top-d h2.uk-text-center,
.rd-depuracion-data-mail .top-d h2.uk-text-center{
    color: #19A6B9;
    font-weight: 600;
}
.rd-seguridad-web .top-b h2 {
    color: #0B4366;
    font-weight: 700;
    font-size: 49px;
}

.rd-seguridad-web .top-b  p {
    font-size: 16px;
    font-weight: 300;
    color: #596670;
}

.rd-seguridad-web .top-d .uk-width-medium-4-5 > h2 {
    color: #19A6B9;
    font-weight: 600;
}

.top-d.uk-block .uk-width-medium-4-5 > p {
    margin: 7px 0px;
    font-size:16px;
}
.rd-seguridad-web .top-d .uk-panel-box.uk-panel-box-secondary {
    background-color: #f7f7f7;
}

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

    .top-c .uk-width-medium-1-2.uk-push-1-2 h2{
        font-size: 24px;
    }
    .rd-seguridad-web .top-b h2 {
    font-size: 26px;
    line-height: 30px;
}    
body .uk-slideshow h2 {
    font-size: 30px;
    line-height: 30px;
}

.uk-slideshow h2 + p {
    font-size: 14px;
    line-height: 20px;
}
.rd-website-hosting h2.uk-h1 {
    font-size: 32px !important;
    line-height: 34px;
}
}

.uk-animation-2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.uk-animation-3 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

.uk-animation-4 {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.uk-animation-5 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}



.uk-slideshow    h2 {
    font-size: 49px;
    font-weight: 700;
}
.uk-slideshow  p {
    font-size: 16px;
}
.uk-slideshow h2 + p.uk-h4 {
    font-size: 31px;
    font-weight: 300;
}

.uk-slideshow h2 + p.uk-h4 + p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
}

.rd-website-hosting .top-c{   
    background-image: url('../../../images/imagenes/slideshow-home/web-hosting/web-hosting-02.png');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.rd-website-hosting h2.uk-h1 {
    font-size: 49px;
    font-weight: 700;
}


.mod_servicios a.uk-position-cover.uk-position-z-index::after {
    position: absolute;
    
    content: '';
    width: 120px;
    height: 120px;
    top: 15px;
    left: 50%;
    transform: translate(-50%, 0%);
    transition: all 0.3s ease-out 0.1s;
    border-radius: 50%;
}

.mod_servicios .uk-panel.uk-panel-hover:hover a.uk-position-cover.uk-position-z-index::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    top: 0;
    border-radius: 0px;
}
.mod_servicios > div.uk-grid > div:nth-child(1)  a.uk-position-cover.uk-position-z-index::after {
    background-color:#005ba8;
}
.mod_servicios > div.uk-grid > div:nth-child(2)  a.uk-position-cover.uk-position-z-index::after {
    background-color:#00b5e2;
}
.mod_servicios > div.uk-grid > div:nth-child(3)  a.uk-position-cover.uk-position-z-index::after {
    background-color:#82bb26;
}
.mod_servicios > div.uk-grid > div:nth-child(4)  a.uk-position-cover.uk-position-z-index::after {
    background-color:#6c2283;
}
.mod_servicios > div.uk-grid > div:nth-child(5)  a.uk-position-cover.uk-position-z-index::after {
    background-color:#ec7f00;
}
.mod_servicios > div.uk-grid > div:nth-child(6)  a.uk-position-cover.uk-position-z-index::after {
    background-color:#e6007e;
}

.mod_servicios .uk-panel.uk-panel-hover.uk-scrollspy-inview.uk-animation-fade:hover > div.uk-text-center > img,
 .mod_servicios .uk-panel.uk-panel-hover.uk-scrollspy-inview.uk-animation-fade:hover > div.uk-text-center + h3, 
.mod_servicios .uk-panel.uk-panel-hover.uk-scrollspy-inview.uk-animation-fade:hover > div.uk-text-center + h3 + div {
    z-index: 9;
    position: relative;
    color: #ffffff !important;
}
.mod_servicios .uk-panel.uk-panel-hover.uk-scrollspy-inview.uk-animation-fade > div.uk-text-center > img,
.mod_servicios .uk-panel.uk-panel-hover.uk-scrollspy-inview.uk-animation-fade > div.uk-text-center + h3 + div {
    transition: all 0.2s ease-in-out 0.1s;
    }

.mod_servicios .uk-panel.uk-panel-hover.uk-scrollspy-inview.uk-animation-fade > a.uk-position-cover,
.mod_servicios .uk-overlay.uk-border-circle{
    z-index: 5;
}



/*ESQUINA DOBLADA*/
.esquina {
position:relative;

}
.esquina::before {
  content:"";
  position:absolute;
  left:0px;
  bottom:0px;
  width:0px;
  height:0px;
  background: linear-gradient(45deg, white 45%, #cdcbcb 50%, #e3e1e1 60%, white);
  transition: all 0.4s cubic-bezier(0.68, 0.1, 0.27, 1.55) 0.2s;
}
.esquina:hover::before {
  width:80px;
  height:80px;
}
.esquina::after{
  opacity:0;
  transition: all 0.4s ease-in-out 0.2s;
}
.esquina:hover::after{
  opacity:1;
  position:absolute;
  content: 'Ver más';
  left: 0px;
  bottom: 15px;
  color: #2b6184;
  font-size: 12px;
  font-weight: 600;
  -webkit-transform: rotate(47deg); 
  transform: rotate(47deg);
}


.uk-panel.esquina:hover > img {
    transition: all 0.2s ease-in-out 0s;
    transform: translate(0%, -5%);
}

.rd-contactos .blog-uikit-contactos ul.uk-list   i {
    color: #12a7c5;
}



/**SVG MENSAJE ENVIADO**/

/* animacion svg */



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

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

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

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

}

.procesamiento {
    background-image: url('../../../images/imagenes/slideshow-home/background/comercio-electronico-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    padding: 50px;
}


.procesamiento p {
    font-size: 16px;
    font-weight: 300;
}
.procesamiento *{
    color: #ffffff !important;
}

.rd-comercio-electronico .top-b h3,
.rd-analisis-web .top-b h3{
font-size: 32px;
font-weight: 600;
color:#12A8C5;
}
.rd-ruby-exchange .uk-block-large ul.uk-list > li {
    margin-bottom: 6px;
}

@media screen and (min-width: 768px){
    .tm-top-b  ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li > a {
    position: relative;
    
}

.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li.uk-active > a::before {
    position: absolute;
    content: '';
    left:0 ;
    right:auto;
    bottom: -41px;
    width: 95%;
    height: 1px;
    background-color: #01aabd;
    opacity: 0.5;
    transition: all 0.2s ease-in-out 0s;
}

.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li > a::before {
 position: absolute;
    content: '';
    left: auto;
    right:0;
    bottom: -41px;
    width: 0;
    height: 1px;
    background-color: #01aabd;
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
    
}

.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li > a:hover::before,
.tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li > a:focus::before {
    left: 0;
    bottom: -41px;
    width: 95%;
    right:auto;
    opacity: 1;
    
}
}

.content-footer > p {
    font-size: 16px;
}

.mod_portafolio .uk-overlay-panel > div > h3 + div > a {
    font-size: 17px;
    font-weight: 300;
}

.mod_portafolio .uk-overlay-panel > div > div.uk-grid a.uk-button {
    font-size: 13px;
    font-weight: 600;
    font-family: 'Open Sans';
}

.mod_testimonios p {
    font-size: 16px;
    font-weight: 400;
    }

h2.uk-h3.uk-text-uppercase {
    font-size: 30px;
    font-weight: 300;
}

.rd-newsletter-footer input::placeholder {
    font-size: 16px;
     font-weight: 300; 
}
.tm-toolbar ul.nav.menu.mod-list > li > a {
    font-size: 13px;
    font-weight: 300;
    color: #596670;
}
.slideshow-home .uk-wdith-medium-1-2 > p.uk-h4.uk-margin-remove {
    font-weight: 800;
    line-height: 60px;
}

.uk-slideshow h2 + p.uk-h4.uk-margin-remove + p {
    font-size: 27px;
}

.slideshow-home .uk-wdith-medium-1-2 > h2.uk-margin-remove {
    font-weight: 600;
}
.top-c .uk-width-medium-1-2.uk-push-1-2 h2 + ul > li,
 .top-c .uk-width-medium-1-2.uk-push-1-2  p {
    font-size: 16px;
    font-weight: 300;
    color: #333333;
}
p.uk-h4 {
    font-size: 25px;
}
.rd-ruby-exchange .procesamiento h3 {
    font-size: 24px;
    font-weight: 600;
}

.rd-ruby-exchange ul.uk-list > li {
    font-size: 16px;
    font-weight: 300;
}
.rd-ruby-mail .uk-width-medium-1-4 > p {
    font-size: 15px;
    font-weight: 300;
    text-align: center;
}

.rd-ruby-mail .uk-width-medium-1-4 img {
    height: 100%;
    max-height: 44px;
}

.rd-ruby-mail .uk-width-medium-1-4 > div {
    text-align: center;
}
.rd-analisis-web ul.uk-grid.uk-grid-width-medium-1-2  > li {
    margin-bottom: 10px;
}

.rd-analisis-web ul.uk-grid.uk-grid-width-medium-1-2 > li > span {
    display: block;
    margin-left: 25px;
}
.min-img,
.min-img + p {
    text-align: center;
}

.min-img + p > span {
    font-size: 13px;
}
.rd-anuncios-web .top-c {
    background-color: #E7F5F9;
}

.rd-anuncios-web .top-c p.uk-h3,
.rd-video-marketing  p.uk-h3 {
    color: #0B4366 !important;
}

.rd-nosotros .top-c {
    background-image: url('../../../images/imagenes/secciones/nosotros/nosotros-bg-2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.rd-nosotros p.uk-text-large + h3 {
    font-size: 32px;
    font-weight: 800;
    color: #12A7C5;
}

.panel-blue {
    background-color: #59A4C9;
    border: 0px !important;
    padding-bottom: 50px;
}

.panel-blue * {
    color: #ffffff;
}

.panel-blue > h3 {
    font-size: 40px;
    font-weight: 700;
}
.rd-contactos .top-d h3 {
    font-size: 30px;
    font-weight: 600;
    color: #0B4366;
}

.rd-contactos .top-d {
    background-color: #f8f8f8;
}


.rd-portafolio .conten-teaser {
    position: absolute;
    background-color: rgba(17, 158, 188, 0.8);
    width:100%;
    bottom: -71px;
    height: 0;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rd-portafolio .conten-teaser * {
    color: #ffffff;
}
.rd-portafolio article.uk-article {
    position: relative;
    overflow: hidden;
    border: 1px solid hsla(186, 99%, 37%, 0.5);
}

.rd-portafolio .conten-teaser > div > span {
    display: block;
    font-size: 26px;
    font-weight: 600;
    font-family: 'Open Sans';
}

.rd-portafolio .conten-teaser > div {
    text-align: center;
}

.rd-portafolio .conten-teaser > div > span + a {
    font-size: 17px;
    font-weight: 300;
    display: block;
    margin-bottom: 10px;
}
.rd-portafolio .conten-teaser > div > span + a + a {
    border: 1px solid;
    padding: 5px 10px;
    text-decoration: none;
}

.rd-portafolio article.uk-article:hover .conten-teaser {
    height: 100%;
    top:auto;
    bottom:0;
    opacity: 1;
}
div#tm-top-b.uk-active.uk-navbar-attached, div#tm-top-b.uk-active.uk-navbar-attached .tm-top-b {
    padding: 0px;
    background-color: #0e4564;
    transition: all 0.5s ease-in-out 0s;
    border: 0px;
}

div#tm-top-b.uk-active.uk-navbar-attached .tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li.uk-active > a::before,
div#tm-top-b.uk-active.uk-navbar-attached .tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li > a::before,
div#tm-top-b.uk-active.uk-navbar-attached .tm-top-b .tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li > a:focus::before,
div#tm-top-b.uk-active.uk-navbar-attached .tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li > a:hover::before,
div#tm-top-b.uk-active.uk-navbar-attached .tm-top-b .tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li > a:focus::before,
div#tm-top-b.uk-active.uk-navbar-attached .tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li > a:hover::before, 
div#tm-top-b.uk-active.uk-navbar-attached .tm-top-b .tm-top-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side > li > a:focus::before{
    bottom:0 !important;
}

div#tm-top-b.uk-active.uk-navbar-attached, div#tm-top-b.uk-active.uk-navbar-attached .tm-top-b * {
    color: #ffffff !important;
}

.content-footer > a.uk-button {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    padding: 5px 15px;
}

.content-footer > a.uk-button::before {
    top: 0;
    background-color: #11a7c5;
}

.content-footer > a.uk-button:hover {
    color: #ffffff;
}

.uk-panel.mod_categorias li.level0.current.active > a {
        color: #555555;
        font-weight: 600;
}

.uk-panel.mod_categorias ul > li > a {
    padding: 5px 15px;
    margin-left: 5px;
    position: relative;
    color: #999999;
}

.uk-panel.mod_categorias ul > li > a::before {
    position: absolute;
    content: "\f05d";
    left: -5px;
    font-family: "FontAwesome";
    color: #1aa8bb;
    font-weight: 400;
}
.uk-panel.mod_categorias > h3 {
    color: #0c4469;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
}

.rd-blog h3.uk-margin-remove > a {
    color: #1aa8bb;
    font-weight: 600;
    text-decoration: none;
}

.uk-grid .yoo-zoo ul.uk-subnav > li > a {
    color: #1aa8bb;
    font-weight: 500;
    font-size: 16px;
}

.uk-grid .yoo-zoo ul.uk-subnav > li > a:hover {
    color: #0c4469;
}

ul.det-list {
    margin: 5px 0 0;
    padding-left: 0 !important;
}
@media screen and (min-width: 768px){
    ul.det-list > li:not(:last-child) {
    border-right: 1px solid #cccccc;
    margin-right: -5px;
}
ul.det-list > li {

    display: inline-block;
    padding: 5px 10px !important;
}
}

ul.det-list > li {
    list-style: none;

}

ul.det-list > li > p {
    margin: 0;
}
ul.det-list > li:first-child {
    padding-left: 0;
}
ul.det-list > li {
    margin: 0;
    font-size: 14px;
}

@media screen and (max-width: 480px){
    .det-list {
    /* text-align: center; */
    background-color: #1aa8bb;
    padding: 0px;
}

.det-list > li * {
    color: #ffffff;
}

.det-list > li {
    padding: 5px 0px;
}

ul.det-list > li:not(:last-child) {
    border-bottom: 1px solid #ffffff;
}

ul.det-list > li{
    padding-left: 5px !important;
}

li.catg:hover > a {
    color: #dddddd;
}

.rd-blog h3.uk-margin-remove {
    line-height: 26px;
}
}

.content-blog img {
    border-radius: 50px;
    transition: all 0.2s ease-in-out 0s;
    transform: scale(0.80);
}

.uk-panel.mod_categorias .zoo-category-list > li {
    white-space: nowrap;
    font-size: 14px;
}

.content-blog img:hover {
    transform: scale(1);
    }
.doc {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.doc > div.img {
    margin-right: 10px;
}

.doc > span {
    padding: 0px 8px;
    line-height: 14px;
    text-transform: uppercase;
    color: #35daf0;
    font-weight: 600;
    font-size: 16px;
}
.doc > span:last-child{
    border-left: 1px solid #ffffff;
    color: #ffffff;
    font-weight: 400;
}

.content-blog {
    background-color: rgba(43, 184, 202, 0.9);
    border: 0;
    width: 100%;
    max-width: 800px;
    padding: 0;
    padding-top: 5px;
    bottom: 5%;
}

.doc {
    background-color: rgba(11, 103, 115, 0.5);
    padding: 0px 25px;
    color: #ffffff;
}

h1.title-full {
    padding: 10px 25px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    line-height: 40px;
}

.tag > div > a {
    margin: 5px;
    padding: 4px 20px;
    border: 1px solid #444444;
    border-radius: 10px;
    color: #444444;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    }

.tag {
    margin: 25px 0px;
}
.tag > div > a:hover {
    background: #1aa8bb;
    color: #ffffff;
    border-color: #1aa8bb;
}

.yoo-zoo.socialbookmarks > a {
    float: inherit;
    margin: 5px auto !important;
}

body.rd-blog .uk-block.tm-block-main.uk-block-default
.uk-container.uk-container-center {
    max-width: 1200px;
}
body blockquote{ 
    font-size:15px;
}
body.rd-blog .uk-block.tm-block-main.uk-block-default
 .uk-container.uk-container-center .uk-grid.uk-grid-collapse.uk-grid-match.uk-margin-large h3 {
    margin: 20px 0 0;
    font-size: 20px;
    font-weight: 800;
}

@media screen and (max-width: 480px) {
    h1.title-full {
        font-size: 16px;
        line-height: 22px;
        padding: 0px 10px;
    }
    .doc {
        padding: 0px 10px;
    }
    .doc > span {
        font-size: 12px;
    }
    figcaption.content-blog{
        position: initial !important;
    }
    .tag > div > a {
        display: block;
        text-align: center;
    }
    .yoo-zoo.socialbookmarks {
        display: flex;
    }
    .contenido-slide-office365 h2{
        margin-bottom: 0px !important;
        line-height: 25px !important;
        font-size: 22px !important;
    }
    .contenido-slide-office365 p{
        margin-bottom: 0px !important;
        font-size: 13px;
    }
    .slide-content-office365 {
        border-right: none !important;
        margin-bottom: 25px !important;
        padding-right: 70px !important;
    }
    .boton-pdf-office a.button-office-365 {
        padding: 5px !important;
        font-size: 12px !important;
    }

}

.uk-offcanvas-bar.uk-offcanvas-bar-show {
    background-color: #1aa8bb;
}

.uk-offcanvas-bar.uk-offcanvas-bar-show li * {
    color: #ffffff;
}

.uk-offcanvas-bar.uk-offcanvas-bar-show li.uk-active > a {
    background: #0d7e8d !important;
    color: #ffffff;
}

.uk-modal-dialog {
    margin: 150px auto;
    z-index: 999;
    padding: 0px;
}

.uk-modal-dialog input[type="text"] {
    width: 100% !important;
    border: 1px solid #cccccc !important;
    height: 35px !important;
    padding: 5px !important;
}
.uk-modal-dialog textarea{
    width: 100% !important;
    border: 1px solid #cccccc !important;
    padding: 5px !important;
}

button.uk-button.uk-button-noticia::before {
    background: #0f7c92;
}

button.uk-button.uk-button-noticia:hover {
    border-color: #ffffff;
    color: #ffffff;
}

#kayako-messenger {
    right: 60px !important;
    bottom: -10px !important;
}
body #onesignal-bell-container.onesignal-reset {
    z-index: 3147483000;
}

body .uk-modal, body .uk-modal .uk-modal-dialog {
    z-index: 9999 !important;
}

div.uk-grid > div:nth-child(1) .content > p > i {
    color: #11a7c5;
}

div.uk-grid > div:nth-child(1n + 2) .content > p > i {
    color: #1987bd;
}
div.uk-grid > div:nth-child(1n + 3) .content > p > i {
    color: #039e74;
}
div.uk-grid > div:nth-child(1n + 4) .content > p > i {
    color: #026d50;
}


.block-other-services {
  text-align: left;
}
.block-other-services > h2 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.block-other-services .uk-accordion .uk-accordion-title {
  font-size: 12px;
  padding: 5px 0 5px 10px;
  color: #11a7c5;
  margin-bottom: 5px;
}
.block-other-services .uk-accordion .uk-accordion-title.uk-active {
  color: #fff;
  background-color: #11a7c5;
  border-bottom-color: #11a7c5;
}
.block-other-services .uk-accordion .uk-accordion-title + div[aria-expanded="true"] {
  margin-bottom: 20px;
}
.block-other-services .uk-accordion .uk-accordion-title + div ul > li > span > input {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
}
.block-other-services .uk-accordion .uk-accordion-title + div ul > li > span {
  display: inline-block;
}
.block-other-services .uk-accordion .uk-accordion-title + div ul > li > span > label {
  font-size: 13px;
}


.boton-pdf-office a.button-office-365 {
    background-color: #ffffff;
    color: #d92001 !important;
    padding: 10px;
    font-size: 16px;
    margin-top: 20px;
}


.slide-content-office365 {
    border-right: 2px solid;
    padding-right: 29px;
}
.slide-content-office365 > div > img {
    width: 777px;
}

.contenido-slide-office365 h2 {
    line-height: 52px;
}


@media screen and (max-width: 954px) and (min-width: 481px){
    .contenido-slide-office365 h2 {
        line-height: 35px !important;
        font-size: 30px !important;
        margin-bottom: 15px !important;
    }
    .contenido-slide-office365 p {
        margin-bottom: 15px !important;
    }
    .slide-content-office365 {
        border-right: none !important;
    }

}

/*Seccion office*/
.mod_slideshow-office ul > li > div.uk-cover-background {
    background-color: rgba(255,0,0,0.80);
    background-blend-mode: overlay;
}

a.uk-button.buton-o {
    background-color: #ffffff;
    color: #000000 !important;
}

.top-text p {
    font-size: 24px;
    font-weight: 500;
    color: #898989;
    line-height: 32px;
    position: relative;
    padding-top: 60px;
}

.top-text p::before {
    content: '';
    width: 100px;
    background-color: #11a5c5;
    position: absolute;
    height: 1px;
    left: 50%;
    transform: translate(-50%);
    top: 20px;
}

.table h2.planes-title,
.video-experiencia h2.preguntas-title,
#planes h2.planes-title,
#preguntas h2.preguntas-title {
    color: #11a5c5;
    position: relative;
    text-align: center;
    font-weight: 500;
    padding-bottom: 20px;
}

.table h2.planes-title::after,
.video-experiencia h2.preguntas-title::after,
#planes h2.planes-title::after,
#preguntas h2.preguntas-title::after {
    content: '';
    width: 100px;
    background-color: #11a5c5;
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}


#planes .uk-panel-box h3 {
    color: #1f72b9
}

#planes .uk-panel-box-secondary {
    background-color: #ffffff;
}


.mostrar-mas a{
    text-decoration: none;
    text-transform: uppercase;
    color: #11a5c5;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.mostrar-mas a span::after {
    content: 'más';
}
.mostrar-mas a.activo span::after {
    content: ' menos';
}

.mostrar-mas i {
    display: block;
    font-size: 20px;
    color: #11a5c5;
}
.mostrar-mas i::after {
    content: "\f078";
    font-family: FontAwesome;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.mostrar-mas i.activo::after {
    content: "\f077" !important;
}

body.rd-office-365 > .tm-block-main {
    padding-bottom: 0px;
}

.rd-office-365 .uk-block.tm-block-main.uk-block-default {
    padding-bottom: 0;
}

#preguntas .uk-accordion .uk-accordion-content.uk-active {
    margin-bottom: 20px;
}

a.uk-modal-close.uk-close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #0c4469;
    z-index: 999;
}

a.uk-modal-close.uk-close:hover {
    color: #28c9de;
}
.form-servicios .uk-modal-dialog {
    padding: 30px;
}

@media screen and (min-width: 768px){
  .blog-uikit-plantillas > .uk-grid > div {
    width: 100%;
    max-width: 33.33%;
}
}

.blog-uikit-plantillas  article.uk-article > div.element-imagepro {
    max-height: 360px;
    min-height: 360px;
    overflow: hidden;
}

.blog-uikit-plantillas article.uk-article:hover > div.element-imagepro > img {
    transform: translateY(calc(-100% + 360px));
}

.blog-uikit-plantillas article.uk-article > div.element-imagepro > img {
    transition: all 4s ease-in-out 0.1s;
}
.blog-uikit-plantillas h3.titulo {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    margin-top: 10px;
}
.blog-uikit-plantillas article.uk-article .uk-subnav.uk-subnav-line {
  height: 0;
}
.blog-uikit-plantillas article.uk-article .uk-subnav.uk-subnav-line > li {
  padding: 0;
  float: none;
  position: inherit;
}
.blog-uikit-plantillas article.uk-article .uk-subnav.uk-subnav-line > li > a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  text-indent: -1000px;
}
span.tag {
    position: absolute;
    top: -16px;
    right: -25px;
    background: #11a6c5;
    color: #ffffff;
    transform: rotate(45deg);
    padding: 2px 25px;
    font-size: 14px;
}

.blog-uikit-plantillas article.uk-article {
    position: relative;
    overflow: hidden;
    border: 5px solid #ffffff;
    box-shadow: 0px 0px 5px 0px #c7e1f3;
}

em {
    color: #323232;
}

/* Gestiona Tus Redes Sociales */
.rd-gestion-de-redes .content-overlay-top h1 {
    font-weight: bold;
    font-size: 64px;
}

.rd-gestion-de-redes .content-overlay-top h2 {
    font-size: 37px;
}

.rd-gestion-de-redes .estas-listo {
    background-image: url('../../../images/imagenes/servicios/gestiona-tus-redes-solciales/bg-bot.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 35px;
}

.rd-gestion-de-redes .estas-listo * {
    color: #ffffff;
}

.rd-gestion-de-redes .estas-listo > .uk-block {
    padding-bottom: 0px;
}

.rd-gestion-de-redes .estas-listo .uk-width-medium-1-2 > div > img {
    position: relative;
    bottom: -15px;
}



.rd-gestion-de-redes .footer {
    background: #093C5B;
    padding: 25px 0px;
}

.rd-gestion-de-redes .footer * {
    color: #ffffff;
}

.rd-gestion-de-redes .uk-block.tm-block-main.uk-block-default {
    padding: 0;
}

.rd-gestion-de-redes .header {
    position: absolute;
    z-index: 999;
    width: 100%;
    padding: 20px 0px;
}

.rd-gestion-de-redes .redes > ul {
    display: flex;
    align-items: center;
}

.rd-gestion-de-redes .redes > ul > li {
    padding: 0px 15px;
}

.rd-gestion-de-redes .redes > ul > li > a {
    color: #ffffff !important;
    font-size: 20px;
}

.rd-gestion-de-redes a.uk-icon-instagram {
    background: none;
    -webkit-text-fill-color: white;
}

.rd-gestion-de-redes .uk-sticky-placeholder {
    display: none;
}
.rd-gestion-de-redes .logos + div.uk-block {
    padding-bottom: 0;
}

.rd-gestion-de-redes .rd-gestion-de-redes div#tm-footer {
    display: none;
}

@media screen and (min-width: 768px){
    .rd-gestion-de-redes .uk-flex.uk-flex-middle.footer > p {
    margin: 0px;
    position: relative;
    padding-left: 30px;
}

.rd-gestion-de-redes .uk-flex.uk-flex-middle.footer > p > i {
    position: absolute;left: 0;top: 28px;transform: translate(0%, -50%);font-size: 18px;}

.rd-gestion-de-redes .uk-flex.uk-flex-middle.footer {
    justify-content: space-around;
}
}

@media screen and (max-width: 480px){
.rd-gestion-de-redes .uk-flex.uk-flex-middle.footer {
    display: block;
}
}
.rd-gestion-de-redes .contact-form input, .contact-form textarea {
    border: 1px solid #ffffff !important;
    padding: 5px 10px !important;
    color: #ffffff !important;
}

.rd-gestion-de-redes .contact-form input {
    height: 40px !important;
}

.rd-gestion-de-redes .contact-form .uk-grid > div.uk-grid-margin {
    margin-top: 15px;
}

.rd-gestion-de-redes .contact-form input::placeholder, .contact-form textarea::placeholder {
    color: #ffffff;
}
.rd-gestion-de-redes figcaption.content-overlay-top {
    padding: 40px;
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
}

.rd-gestion-de-redes a.uk-button.btn-grs {
    border-radius: 25px;
    padding: 5px 40px;
    background: rgb(0,183,234);
    background: -moz-linear-gradient(left,  rgba(0,183,234,1) 0%, rgba(66,72,108,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,183,234,1) 0%,rgba(66,72,108,1) 100%);
    background: linear-gradient(to right,  rgba(0,183,234,1) 0%,rgba(66,72,108,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#42486c',GradientType=1 );

    border: none;
}

.rd-gestion-de-redes a.uk-button.btn-grs::before {
    top: 0;
    background: rgb(7 172 221) !important;
}

.rd-gestion-de-redes a.uk-button.btn-grs:hover {
    color: #ffffff !important;
}
.rd-gestion-de-redes .bg-aqua {
    background: #3db5bc;
    padding: 10px 20px;
}

.rd-gestion-de-redes .bg-aqua > h3 {
    color: #ffffff;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
}

.rd-gestion-de-redes .uk-grid.store > div > h3 {
    color: #001F33;
    font-size: 28px;
}

.rd-gestion-de-redes .uk-grid.store p {
    font-size: 18px;
}
.rd-gestion-de-redes .estas-preparado h2, .estas-preparado h4 {
    text-align: center;
    margin: 10px 0px;
    font-weight: bold;
}

.rd-gestion-de-redes .estas-preparado .uk-grid.uk-grid-match {
    margin-top: 25px;
    padding-top: 25px;
}

.rd-gestion-de-redes .gost-panel {
    background: rgba(255,255,255,0.2);
    padding: 0px 25px;
    min-height: 480px;
}

.rd-gestion-de-redes .icon > img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -30%);
}

.rd-gestion-de-redes .icon {
    text-align: center;
    position: relative;
    height: 90px;
}

.rd-gestion-de-redes .icon+ p {
    text-align: center;
    font-size: 20px;
}

.rd-gestion-de-redes .content-gost {
    min-height: 300px;
    margin-top: 10px;
}

.rd-gestion-de-redes a.text-button {
    color: #ffffff;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 25px;
    padding: 5px;
}
.rd-gestion-de-redes .content-gost > p.uk-text-center {
    font-size: 21px;
}


.rd-gestion-de-redes .logos {
    padding: 50px 0px;
    text-align: center;
}

.rd-gestion-de-redes .logos h3 {
    color: #001F33;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.rd-gestion-de-redes .estas-listo h2 {
    font-size: 45px;
    font-weight: bold;
}

.rd-gestion-de-redes .estas-listo h2 + p {
    font-size: 16px;
    margin-bottom: 25px;
}

.rd-gestion-de-redes .contact-form textarea {
    height: 90px;
}

.rd-gestion-de-redes .contact-form .uk-width-1-1 > div > button {
    background: #093C5B;
    border-radius: 25px;
    border-color: #093C5B;
    padding: 5px 30px;
    font-weight: bold;
    text-transform: uppercase;
}
.rd-gestion-de-redes .contact-form .uk-width-1-1 > div > button::before {
    background: #ffffff;
    top: 0;
}

.rd-gestion-de-redes .contact-form .uk-width-1-1 > div > button:hover {
    color: #093c5b;
}
.rd-gestion-de-redes figure.uk-overlay.preparados > img {
    min-height: 770px;
}

@media screen and (max-width: 480px){
    .rd-gestion-de-redes .uk-overlay > img {
    min-height: 450px;
    object-fit: cover;
    object-position: left;
}

.rd-gestion-de-redes .content-overlay-top h1 {
    font-size: 25px;
    line-height: 28px;
}

.rd-gestion-de-redes .content-overlay-top h2 {
    font-size: 22px;
    line-height: 24px;
}

.rd-gestion-de-redes .content-overlay-top {
    padding: 15px !important;
}

.rd-gestion-de-redes .uk-grid.store > div > h3 {
    font-size: 22px;
    line-height: 26px;
}

.rd-gestion-de-redes .uk-grid.store p {
    font-size: 17px;
}

.rd-gestion-de-redes figure.uk-overlay.preparados > img {
    min-height: 2000px;
}

.rd-gestion-de-redes figcaption.uk-overlay-panel.estas-preparado {
    padding: 0px;
}

.rd-gestion-de-redes .preparados .uk-grid.uk-grid-match > div {
    margin-bottom: 50px;
}

.rd-gestion-de-redes .gost-panel {
    min-height: initial !important;
    padding: 0px 15px;
}

.rd-gestion-de-redes .logos h3 {
    font-size: 28px;
}

.rd-gestion-de-redes .estas-listo h2 {
    font-size: 34px;
    line-height: 34px;
}
}

/*.certificacion-footer {
        position: absolute;
    right: 3%;
}*/

.certificacion-footer img {
    width: 100px;
}
@media screen and (min-width: 769px) {
    .certificacion-footer img {
        margin-left: auto;
    }
}
@media screen and (max-width: 769px) {
    .certificacion-footer img {
        margin: 0 auto;
    }
}

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

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

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

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

body.rd-gestion-de-redes hr.uk-visible-large.toolbar {
    display: none;
}

.table.uk-overflow-container::-webkit-scrollbar-track{
  border-radius: 10px;
  background-color: #0c4469;
  }
.table.uk-overflow-container::-webkit-scrollbar{
  width: 2px;
  }
.table.uk-overflow-container::-webkit-scrollbar-thumb{
  border-radius: 10px;
  background-color: #00bcd4;
  }



body.portafolio-ventas .uk-block.tm-block-main .tm-sidebar-a > .uk-panel {
  padding: 10px 20px;
}
body.portafolio-ventas .uk-block.tm-block-main .tm-sidebar-a > .uk-panel + .uk-panel {
  margin-top: 10px;
  border-top: 1px solid #d4d4d4;
}
body.portafolio-ventas .uk-block.tm-block-main .tm-sidebar-a > .uk-panel > .uk-panel-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
body.portafolio-ventas .uk-block.tm-block-main .tm-sidebar-a > .uk-panel > .zoo-list {
}
body.portafolio-ventas .uk-block.tm-block-main .tm-sidebar-a > .uk-panel > .zoo-list > li a {
  font-size: 12px;
}
body.portafolio-ventas .uk-block.tm-block-main .tm-sidebar-a > .uk-panel > .zoo-tagcloud {
  text-align: left;
}
body.portafolio-ventas .uk-block.tm-block-main .tm-sidebar-a > .uk-panel > .zoo-tagcloud > li > a {
  font-size: 10px;
  padding: 3px 5px;
  border: 1px solid;
  border-radius: 3px;
}
body.portafolio-ventas .uk-block.tm-block-main .tm-sidebar-a > .uk-panel > .zoo-tagcloud > li > a:hover {
  background-color: #19a8bb;
  color: #fff;
  text-decoration: none;
  border-color: #19a8bb;
}
body.portafolio-ventas .uk-block.tm-block-main .tm-sidebar-a > .uk-panel  > form.uk-search,
body.portafolio-ventas .uk-block.tm-block-main .tm-sidebar-a > .uk-panel > form.uk-search > input {
  width: 100%;
}

body.portafolio-ventas .uk-block.tm-block-main .tm-sidebar-a > .uk-panel > form.uk-search > input::placeholder{
  opacity:1;
  color:#bbbbbb;
}

body.portafolio-ventas .uk-breadcrumb {
  background-color: #f4f4f4;
  padding: 5px 20px;
}
body.portafolio-ventas .uk-breadcrumb > li {
  text-transform: initial;
}
.portafolio-ventas .tm-block-main .tm-main #tm-content .yoo-zoo .uk-article {
  padding-bottom: 20px;
  padding-right: 30px;
  box-shadow: -5px 10px 10px -14px rgba(0,0,0,0.5);
}
.portafolio-ventas .tm-block-main .tm-main #tm-content .yoo-zoo .uk-article .uk-panel > * {
  margin-bottom: 0;
}
.portafolio-ventas .tm-block-main .tm-main #tm-content .yoo-zoo .uk-article .uk-panel > * + * {
  margin-top: 10px;
  display: block;
}
.portafolio-ventas .tm-block-main .tm-main #tm-content .yoo-zoo .uk-article .uk-panel .uk-text-primary {
  color: #19a8bb !important;
}

@media screen and (max-width: 1300px) {
  .menu .uk-navbar-nav > li > a {
    font-size: 13px;
  }
  .menu .uk-navbar-nav > li:not(:last-child) {
    margin-right: 15px;
  }
}


.text-white{
  color: white !important;
}

.text-blue{
  color: #8be9f1 !important;
}


.self-center{
  align-self: center;
}

.text-sm{
  font-size: 20px !important;
}

.bloque-3-title{
    font-weight: 500 !important;
    font-size: 35px !important;
    text-align: center;
}

@media screen and (max-width: 768px){
  .tm-making .center-image {
    max-width: 100% !important;
    margin-bottom: 40px;
  }
  .tm-making .bottom-image {
    height: 40px;
  }
}

@media screen and (min-width: 768px){
  .tm-making .center-image {
    margin-bottom: 60px;
  }
  .tm-making .bottom-image {
    height: 60px;
  }
}

.yoo-zoo.blog-uikit .uk-article .profile {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.yoo-zoo.blog-uikit .uk-article .profile img {
  border-radius: 50%;
  max-width: 150px;
}
.yoo-zoo.blog-uikit .uk-article .profile .profile-item {
  margin-left: 2rem;
}
.yoo-zoo.blog-uikit .uk-article .profile .profile-item .uk-h1 {
  margin: 0;
  font-size: 2.5rem;
  font-weight: bold;
  color: #12a5c5;
}
.yoo-zoo.blog-uikit .uk-article .profile .profile-item h2 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2rem;
}
.yoo-zoo.blog-uikit .uk-article .profile .profile-item h4 {
  font-size: 1rem;
  margin: 10px 0 0 0;
}
.yoo-zoo.blog-uikit .uk-article .profile + div + .uk-panel.uk-panel-box {
  border: none;
  background-color: #f4f4f4;
  margin-top: 2rem;
}
.yoo-zoo.blog-uikit .uk-article .profile + div + .uk-panel.uk-panel-box .user,
.yoo-zoo.blog-uikit .uk-article .profile + div + .uk-panel.uk-panel-box .uk-subnav.uk-subnav-line{
  display: none;
}
.yoo-zoo.blog-blog .uk-article .det-list .user .uk-margin.element.element-itemname {
  margin: 0;
}

/*Cambios 2026*/
.mod_slideshow-home .uk-grid.uk-flex-middle h2 {
    color: #005ba6;
    font-size: clamp(36px, 3.2rem, 3.5rem);
    line-height: 1.1;
    font-weight: 700;
}

.color-primary,
.rd-home .tm-top-c h3.uk-panel-title{
  color: #005ba6 !important;
}

.mod_slideshow-home .uk-grid.uk-flex-middle p, 
.mod_slideshow-home .uk-grid.uk-flex-middle h3,
.color-secondary{
    color:#0d4663 !important;
}

.mod_slideshow-home .uk-grid.uk-flex-middle h2,
.mod_slideshow-home .uk-grid.uk-flex-middle h3,
.mod_slideshow-home .uk-grid.uk-flex-middle h4,
.mod_slideshow-home .uk-grid.uk-flex-middle p{
  text-align:left;
}

.line-space {
    border-left: 2px solid #0d4663;
    padding-left: 10px;
    margin-top: 50px;
}

.mod_slideshow-home .uk-grid.uk-flex-middle h3 {
    font-size: clamp(18px, 1.8rem, 2.6rem);
}

.uk-panel.mod_slideshow-home::before {
    background-image: url('../../../images/layout/cinta.png');
    height: 12px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 9;
}
@media screen and (max-width: 1570px){
  .img-min > img {
    max-width: 480px;
	}
}

.mod_slideshow-home .uk-overlay-panel.uk-flex {
    padding: 0px;
}

@media screen and (min-width: 768px){
   .mod_slideshow-home .uk-width-medium-1-2.uk-animation-slide-left > div {
      padding-left: 35px;
  }
  .the-gif{
    margin-left: 35px
  }
}

.mod_slideshow-home .uk-overlay-panel.uk-flex > div{
  width: 100%;
}

.uk-text-light {
    font-weight: 400 !important;
}

.uk-text-light {
    font-weight: 400 !important;
}

.mod_slideshow-home h2.uk-h1 {
    font-size: clamp(36px, 4rem, 4.5rem) !important;
}

.mod_slideshow-home h3.uk-h2 {
    font-size: clamp(18px, 2.5rem, 3rem) !important;
}

.uk-text-muted {
    color: #5f5f5f !important;
}

.img-content-top + div {
    padding: 80px 0px;
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
}

@media screen and (max-width: 768px){
  .img-content-top + div {
    padding: 40px 0px;
  }
}


.mod_slideshow-home .uk-slideshow > li{
  max-height: 800px
}

@media screen and (max-width: 1540px){
  .mod_slideshow-home .uk-slideshow > li{
  	max-height: 640px
}
}

.rd-home .tm-block-main {
    background: #fafafa;
    padding-top: 50px !important;
    margin-bottom: 35px;
}

.rd-home .tm-block-main h3.uk-panel-title {
    text-align: center;
    margin-bottom: 35px;
    font-weight: 300;
    font-size: 36px;
}


a.uk-button::before {
    background-color: #005ba6 !important;
}

a.uk-button:hover {
    border-color: #005ba6;
    border-radius: 5px;
}


.content-subtitle > span:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #cccccc;
}

.rd-home .tm-block-main  ul.uk-slideshow h3 {
    color: #003a5d;
    font-weight: 500;
}

ul.uk-dotnav > li.uk-active + li > a {
    background: rgb(0 91 166 / 30%);
}

ul.uk-dotnav > li.uk-active > a {
    background: rgb(0 91 166 / 80%);
}

ul.uk-dotnav > li > a{
    background: rgb(0 91 166 / 10%);
    border: none;
    transition: all 0.3s ease-in-out 0s;
}