@charset "utf-8";

:root {
   --azul1: #0A79E2;
   --azul2: #024A8E;
   --naranja: #FFAD36;
   --azul3: #E4F0FC;
   --txt: #444444;
}

body, td, th, input, select, textarea, p, h1, h2, h3, h4, h5, h6, a, li{
    font-family: 'Montserrat', sans-serif;
    color:#5B5B5F;
}
body, td, th, input, select, textarea{
	font-size:14px;
}

h1{color:#0A79E2;}
h2{color:#0A79E2;}
h3{color:#FFAD36;}
h4{color:#444444;}
h5{color:#444444;}
h6{color:#024A8E;}
/* Estilos para las zebras */
.zebra { margin-top:15px; margin-bottom:20px;}
.zebra td { border-bottom: 1px solid #f1f1f1;}
.zebra tr.alt td {		background: #f7f7f7;}
.zebra tr.over td {	background: #E2E2E2;}
.zebra tr.title td { background-color: #D6D6D6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; }
/* Retoques al jQuery UI*/
.ui-state-default, .ui-widget-content .ui-state-default { background: #444444; color:#FFF; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active { color:#FFF; border:none; background-color: #0A79E2; background-image:none; }
.ui-state-default, .ui-widget-content .ui-state-default * { color:#FFF; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active * { color:#FFF; border:none; }
.ui-widget-header, .ui-widget-content { border:none; background:#FFF; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#FFF; }
.ui-tabs-nav { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #444444; padding-bottom:5px; border:none; }
.ui-tabs .ui-tabs-nav li a{ padding:5px;}
.margin{margin: 5px;}

.noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.clear{clear: both;}
#MenuVertical{padding: 0; margin: 0; width: 172px; float: left;  margin-right: 27px;}
#MenuVertical li { list-style-position: inside; list-style-type: none; padding: 0px; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; list-style-image: url(vineta.gif); }
#MenuVertical li a { color: #0A79E2; display: inline; list-style-position: inside; list-style-type: none; padding: 0px; font-size: 13px; font-weight: normal; text-decoration: none; margin: 0px; }
.btn-default {
    color: #fff;
    background-color: var(--azul1);
    border-color: var(--azul1);
    transition: all .3s ease;
}
.btn-default:hover{
    background-color: var(--azul2);
    transition: all .3s ease;
    color: #fff;
}
/* Paddings */

.p-x{padding-left: 0px!important; padding-right: 0px!important;}
.p-y{padding-top:0px!important; padding-bottom:0px!important;}
.p-0{padding: 0px}
.p-1{padding: 1em;}
.p-2{padding: 2em;}
.p-3{padding: 3em;}
.p{
    padding: 1em;
}


/* Tags */
p {
    font-weight: 300;
    line-height: 1.5;
    text-align: justify;
}
a {
	transition: all 0.3s ease-in-out;
}
a:hover{
	text-decoration: none;
    color: var(--azul12);
}
a:visited,a:active,a:focus{
	text-decoration: none !important;
}
*:focus{
	outline: none !important;
}

/*------------*/
.site-content {
    padding-top: 71px;
}
section.home-section{
    padding-top: 61px;
}
.site-content, .my-container{
	max-width: 1200px;
	margin: 0 auto;
}
/*------------*/

.w-100{
	width: 100%;
}

/* Selector cantidad creditos */

.input {
    width: 100%;
    position: relative;
    max-width: 283px;
}
.action {
    position: absolute;
    max-width: 283px;
    width: auto;
    padding: 0 15px;
    z-index: 999;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    cursor: pointer; 
    color: #339f81; 
    font-size: 25px; 
}
.paquetes .opciones {
    background-color: #fff;
    padding: 0;
    position: absolute;
    width: 100%;
    border: solid 1px #024A8E;
    border-radius: 8px;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: 10px auto 0;
    z-index: 9999;
}
.opcion{
    transition: all .3s ease;
}
.paquetes .opciones .opcion{cursor:pointer; font-size: 14px; border-bottom: 1px dashed #024A8E;padding: 10px 15px;} 
.paquetes .opciones .opcion:hover, .paquetes .opciones .opcion.active{background-color: #E4F0FC;}
.paquetes .opciones .opcion:last-child{border: 0;}


/* HEADER */
header.home {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    background: #ecf5fe;
    transition: all .3s ease;
}

.header-content {
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    transition: all .3s ease;
}
.nav-brand {
    max-width: 130px;
    transition: all .3s ease;
}
.nav-brand img{
	transition: all .3s ease;
    width: 100%;
}

/*para quitar los submenus en la vista responsive*/
.social-links, .main-nav-mobile {
    display: none;
}
/*para quitar los submenus en la vista de escritorio*/
#menu-main> li > ul {
	display: none;
}

a.toogle-menu { /*boton del menu responsive*/
    color: var(--azul1);
    font-size: 30px;
    padding: 0 5px;
    line-height: 1;
}
.mm-menu {
    background: var(--naranja);
    border-color: rgba(0,0,0,.1);
    color: rgb(255, 255, 255);
}
ul.mm-listview {display: block !important;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: rgb(255, 255, 255);
}
.mm-menu .mm-listview .mm-btn_next::after {
    border-color: rgb(255, 255, 255);
}
.mm-menu .mm-btn::after, .mm-menu .mm-btn::before {
    border-color: rgb(255, 255, 255);
}
.navbar-header{
    display: none;
}
a.mm-navbar__title{
    font-weight: 900;
    font-size: 16px
}
.mm-menu .mm-listview a:not(.mm-btn_next){
    color: #fff!important;
    font-weight: bold;
    font-size: 15px;
}

.btn-login {
    display: flex;
    width: 52%;
    max-width: 176px;
    height: 33px;
    border: 2px solid var(--azul2);
    border-radius: 30px;
    padding: 4px 10px;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    color: var(--azul2);
    line-height: 9px;
    text-align: center;
    margin-right: 5px;
}
.content-info-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 10px;
}


/* Slider Home */
.slick-arrow {
	position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 50;
    color: #fff;
    font-size: 20px;
    padding-top: 0px;
    line-height: 0;
    cursor: pointer;
    transition: all .3s ease-in-out;
    background: var(--azul1);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    margin: 0 25px;
}
span.arrow-right.slick-arrow {
    right: 0;
    left: auto;
}   
.slick-arrow:hover{
	background: var(--azul2);
	color: #fff;
}


/*titulos--------------------------*/

h2.content-box-title, .mod-box-title {
    font-size: calc(1em + 2vw);
    width: fit-content;
    margin: 1.5em auto 2rem;
    padding: 1rem;
    max-width: 600px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
    color: var(--azul2);
}

.degrade {
    display: block;
    width: 100%;
    height: 1px;
    border: none;
    background: linear-gradient(90deg, #fff, #979797, #fff);
    margin: 31px 0!important;
}


/*footer --------------------------*/


.footer-bottom{
    padding: 1em 1rem 0;
}
.footer-portal{
    display: inline-block;
    width: 100%;
    position: relative;
}
.footer-portal:after {
    content: "";
    display: block;
    background-image: url(footer.svg);
    background-color: #f7f8fd;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}

.footer-text{
    font-size: 15px;
    padding-bottom: 10px;
}
.footer-text > a{
    color: #0A79E2;
    font-weight: 400;

}
.link-footer {
    display: block;
    font-size: 20px;
    text-align: center;
    color: #0A79E2!important;
    font-weight: bold;
    font-style: italic;
    text-decoration: revert!important;
    padding: 0 2rem;
}



/*section banner*/

.img-banner {
    display: block;
    width: 80%;
    max-width: 646px;
    height: 75vw;
    max-height: 609px;
    object-fit: contain;
    object-position: center;
}

.slider-home {
    padding: 0 0 1rem;
    position: relative;
}
.slider-home:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(bannerfondoAzul.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-position: center;
    background-size: 170% 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.banner-content-txt {
    padding: 2rem;
    width: 100%;
    margin: auto;
    max-width: 557px;
    max-height: 363px;
    height: 90vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banner-content-txt > h2 {
    color: var(--azul2);
    font-weight: 600;
    line-height: 1.1em;
    font-size: calc(1.2em + 1vw);
    margin: 0;
    padding-bottom: 1rem;
    text-align: center;
}
.tt-ban b {
    font-weight: 900;
    font-size: calc(1em + 1vw);
}
.tt-ban span {
    font-size: calc(1.2em + 1vw);
    margin-right: 3px;
}


.banner-content-txt > p {
    font-weight: 400;
    line-height: 1.2em;
    font-size: calc(0.7em + 1vw);
    margin: auto;
    text-align: center;
    color: #1F1F1F;
}
.banner-content-txt > a {
    display: flex;
    width: 100%;
    max-width: 210px;
    max-height: 56px;
    height: 25%;
    align-items: center;
    justify-content: center;
    border: 3px solid #0A79E2;
    background: #0A79E2;
    border-radius: 30px;
    font-size: 17px;
    font-weight: bold;
    margin: 1rem auto 0;
    color: #fff;
}
.flecha {
    font-size: 22px;
    margin-right: 7px;
}





/*SECTION CALCULADORA --------------------*/


.tt-cal {
    font-size: calc(0.9em + 1vw);
    font-weight: bold;
    color: #444;
    text-align: center;
    margin: 1em auto;
    padding: 1rem;
    line-height: 1.2em;
}

.txt-verde {
    font-size: calc(1em + 1vw);
    color: #FFAD36;
    font-weight: bold;
    line-height: 6px;
    display: block;
    margin-bottom: 20px;
}
.txt-verde > img {
    max-width: 49px;
    max-height: 65px;
    width: 10vw;
}

.calculadora-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
}
.calc {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 409px;
    height: 110px;
    box-shadow: 0px 33px 70px -19px #00000080;
    margin: 10px 0;
    background: #FFAD36;
    border-radius: 17px;
    padding: 13px 10px;
}
.tt-calc {
    font-size: calc(0.6em + 1vw);
    color: var(--azul2);
    line-height: 1em;
    text-align: center;
    margin: 0;
    font-weight: 600;
    padding-bottom: 10px;
    margin: auto;
}
.cent {
    margin: auto;
}

/*uno*/

.inp-calc {
    display: block;
    max-width: 283px;
    width: 100%;
    height: 39px;
    border: none;
    box-shadow: none;
    border-radius: 40px;
    padding: 10px 1.5rem;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #275A29;
}


/*dos*/

.calc.dos {
    background: var(--azul3);
}
.dos .tt-calc{
    color: var(--azul2);
}
.val-calc {
    font-size: 30px;
    font-weight: bold;
    color: var(--azul2);
}
.btn-calc {
    display: flex;
    width: 100%;
    max-width: 226px;
    height: 39px;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    border-radius: 30px;
    font-size: 15px;
    font-weight: bold;
    color: var(--azul2);
    cursor: pointer;
}


.condiciones > p {
    font-size: 15px;
    color: #00478C;
    text-align: center;
    font-weight: 400;
    line-height: 19px;
    margin: 15px;
}
p.blu {
    color: #0879E3;
    font-style: italic;
}

.btn-condi {
    display: flex;
    width: 169px;
    height: 42px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    color: #4CCCFE;
    font-weight: bold;
    border: 2px solid #0077E5;
    border-radius: 40px;
    margin: 2rem auto;
}



/*SECTION DETALLES ------------------*/

.fondo{position: relative;}
.fondo:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(fondocrm.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-position: center;
    background-size: 350% 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.tt-sec-detalles {
    font-size: calc(1em + 2vw);
    text-align: center;
    line-height: 1.2em;
    color: var(--azul2);
    font-weight: 500;
    margin: 2em auto 2em;
}

.tt-sec-detalles > b {
    font-weight: 900;
}

.content-detalles {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.desc-detalles {
    display: flex;
    flex-direction: column;
    max-width: 486px;
    height: 434px;
    padding: 3rem;
    width: 83%;
    margin: auto;
    border: 1px solid #c9d1db1a;
    background: #F4F5FA;
    box-shadow: 0px 30px 38px #0a79e238;
    border-radius: 6px;
}

.tt-detalles {
    font-size: calc(1em + 1vw);
    text-align: center;
    font-weight: bold;
    color: var(--azul2);
    line-height: 1.1em;
    padding-bottom: 1rem;
    width: 100%;
    display: block;
    border-bottom: 2px solid #FFAD36;
}

.txt-detalles {
    margin: auto;
}
.txt-detalles div {
    padding: 0;
}


.content-slider-items-detalle {
    display: block;
    width: 100%;
    max-width: 320px;
    margin: auto;
}
.detalle {
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 0px 30px 38px #7d8a9f21;
    border-radius: 6px;
    padding: 20px 35px;
    width: 100%;
    height: 170px;
    max-width: 320px;
    border-left: 7px solid var(--naranja);
}
.tt-det {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: var(--azul1);
    text-align: left;
    line-height: 22px;
    padding-bottom: 7px;
    max-width: 171px;
}
.txt-det {
    font-size: 13px;
    color: #273067;
    margin: auto;
    text-align: left;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}


.img-detalles {
    display: block;
    width: 100%;
    max-width: 553px;
    height: 80vw;
    max-height: 468px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 2rem 0;
}

.txt-detalles p * {
    color: #4B4B4B;
    font-size: 14px!important;
    text-align: center;
    display: block;
    line-height: 23px;
}

.enlace-herra {
    display: flex;
    width: 258px;
    height: 63px;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--azul1);
    border-radius: 40px;
    margin: 2rem auto;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}




/*SECTION PAGOS ----------------------*/

.circulos{
    position: relative;
    overflow: hidden;
    padding-bottom: 2rem;
}
.circulos:before {
    content: "";
    display: block;
    width: 308px;
    height: 387px;
    background-image: url(circuloLeft.png);
    position: absolute;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
}
.circulos:after {
    content: "";
    display: block;
    width: 335px;
    height: 293px;
    background-image: url(circuloRight.png);
    position: absolute;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position-x: right;
    z-index: -1;
    background-position-y: bottom;
}

.content-pagos {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.pago {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 220px;
}
.img-pago {
    display: block;
    height: 128px;
    width: 175px;
    object-fit: contain;
    object-position: center;
    margin: 0 auto 1rem;
}
.tt-pago {
    margin: auto;
    font-size: 17px;
    font-weight: bold;
    color: #3B3B3B;
    text-align: center;
    max-width: 175px;
}



/*SECTION FOOTER ------------------- */

.tt-footer {
    font-size: calc(1.1em + 1vw);
    text-align: center;
    font-weight: 500;
    color: #024A8E;
    margin: 2em 1rem;
    line-height: 1.1em;
}
.tt-footer span {
    font-weight: 900;
    font-size: calc(1em + 1vw);
    line-height: 1.2em;
}
.tt-clientes {
    text-align: center;
    font-size: calc(1em + 1vw);
    color: #024A8E;
    font-weight: 400;
}
.txt-footer {
    text-align: center;
    line-height: 1.2em;
    color: #282828;
    font-weight: 400;
    font-size: calc(0.7em + 1vw);
    padding: 0 1rem 2rem;
}
.btn-footer {
    display: block;
    text-align: center;
    color: #0A79E2;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2em;
    padding: 0 1rem;
    font-style: italic;
    text-decoration: revert;
}
.img-cliente {
    width: 160px;
    height: 78px;
    object-fit: scale-down;
    margin: 2rem auto 3rem;
}


/*blog --------------------- */

.blog--grid .card .thumb {
    padding-bottom: 50%!important;
    border-bottom: 5px solid var(--azul2);
}

.blog--grid .card .header-text {
    color: var(--azul2)!important;
    letter-spacing: 0.025em!important;
    margin-top: 0!important;
}
.blog--grid .card h1 {
    font-size: 20px!important;
}
.blog--grid .card h1 a {
    color: var(--azul2);
    font-weight: bold;
    line-height: 1.2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 1rem 0;
}

.blog--grid .card p {
    flex: initial!important;
    line-height: 1.3!important;
    font-size: 15px;
    text-align: left;
    color: var(--txt);
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: auto 0;
}

.bottom-support-text > a {
    display: flex;
    width: 100%;
    height: 40px;
    max-width: 185px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 2px solid var(--naranja);
    border-radius: 40px;
    font-size: 16px;
    font-weight: bold;
    color: var(--naranja);
}

.bottom-support-text > a:hover{
    background: var(--naranja)!important;
    border: 2px solid var(--naranja);
}

.blog--grid .card {
    box-shadow: 0 2px 7px rgb(0 0 0 / 21%)!important;
    border: 1px solid var(--azul2);
    border-radius: 10px;
    overflow: hidden;
    transition: all .3s ease!important;
}

.blog--grid .card:hover {
    top: initial!important;
    box-shadow: 0 7px 10px rgb(0 0 0 / 20%)!important;
    transform: translateY(-7px);
    transition: all .3s ease!important;
}


/*HOVERS*/

.btn-login:hover {
    background: var(--azul2);
    color: #fff;
}

.banner-content-txt > a:hover {
    background: #fff;
    color: var(--azul1);
}
.btn-calc:hover {
    color: var(--azul2);
    transform: scale(1.05);
    box-shadow: 0 2px 3px #000000b0;
}
.herramienta:hover {
    transform: scale(1.08);
    box-shadow: 0px 20px 60px #3145f43d;
}
.enlace-herra:hover {
    color: #fff;
    background: var(--naranja);
}
.pago:hover {
    transform: translateY(-15px);
}
.funcionalidad:hover {
    transform: translateY(-15px);
}
.enlace-herra:hover {
    color: #fff;
    background: var(--azul1);
}
.btn-condi:hover {
    color: #fff;
    background: var(--azul1);
}



.home.fixed {
    box-shadow: 0px 2px 4px #0000001a;
    background: #fff;
}

.home.fixed.scroll {
    transform: translateY(-40px);
}

.scroll .menuTop-ul > li .menuTop-detalle{
    display: none!important;
}



/* Media Queries */
@media (min-width: 500px) {

    .banner-content-txt{
        height: 65vw
    }
    .banner-content-txt > p {
        font-size: 20px;
    }

    .btn-login {
        width: 100%;
        height: 36px;
        padding: 4px 20px;
        font-size: 13px;
        margin-right: 10px;
    }
    .nav-brand {
        max-width: 160px;
    }
    section.home-section {
        padding-top: 64px;
    }

    .tt-herra{
        font-size: 20px;
    }
    .herramienta{
        padding: 28px 22px;
    }
    h2.content-box-title, .mod-box-title {
        font-size: calc(1em + 4vw);
    }

    .desc-detalles {
        padding: 5rem 74px;
        text-align: left;
    }

    .content-slider-items-detalle {
        display: block;
        width: 100%;
        max-width: 320px;
        margin: -60px auto 40px;
    }

    .tt-sec-detalles{
        font-size: 35px;
    }

    .tt-cal {
        font-size: calc(1.3em + 1vw);
    }
    .tt-calc {
        font-size: 18px;
    }
    .condiciones {
        padding: 3rem 0 0;
        max-width: 715px;
        margin: auto;
    }


}

@media (min-width: 768px){

	.banner-content-txt > h2{
        font-size: 30px;
    }
    .tt-ban b{
        font-size: 40px
    }
    .tt-ban span {
        font-size: 60px;
        line-height: 1em;
        margin-right: 10px;
    }


    .banner-content-txt > a{
        height: 57px;
    }

    .tt-cal{
        font-size: 25px;
    }
    .tt-calc{
        font-size: 18px;
    }
    h2.content-box-title, .mod-box-title{
        font-size: 40px;
        max-width: 1075px;
    }
    .fondo:after {
        background-size: 250% 100%;
    }
    .txt-funcionalidades {
        font-size: 23px;
        line-height: 34px;
    }

    .btn-login {
        width: 210px;
        padding: 4px 15px;
    }
    .btn-login > span {
        margin-right: 5px;
    }
    .calc {
        margin: 15px 30px;
    }

    .tt-fun{
        font-size: 24px;
    }
  
    .banner-content-txt {
        
        padding: 2rem 0;
    }

    .tt-cal {
        display: flex;
        align-items: center;
        text-align: left;
        line-height: 22px;
        font-size: 20px;
        width: fit-content;
        max-width: 990px;
        margin: 1em auto;
        padding: 0 2rem;
        width: 100%;
    }
    .txt-verde {
        line-height: 35px;
        display: flex;
        margin-bottom: 0;
        width: 38%;
        align-items: flex-start;
        margin-right: 1rem;
        text-align: left;
        min-width: 330px;
        font-size: 30px;
    }

    .tt-footer {
        font-size: 30px;
        margin: 2em 1rem 1.5em;
    }
    .tt-footer span {
        font-size: 40px;
        line-height: 1.1em;
    }

    .content-clientes {
        max-width: 850px;
        margin: auto;
    }

    .txt-footer {
        font-size: 20px;
        max-width: 695px;
        margin: auto;
    }

    .fondo {
        padding-bottom: 2rem;
    }


}

@media (min-width: 992px){

    .link-footer {
        margin-bottom: 112px;
    }

    /*banner*/

    .content-banner {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        max-width: 1200px;
        margin: auto;
        padding: 3rem;
        justify-content: space-between;
        align-items: center;
    }

    .img-banner {
        width: 55%;
        height: 42vw;
    }

    .banner-content-txt > h2,
    .banner-content-txt > p{
        text-align: left;
    }

    .banner-content-txt > p {
        font-size: 25px;
    }

    .banner-content-txt > a{
        margin: 1rem 0 0;
    }
    .banner-content-txt {
        padding: 0;
        padding-right: 1rem;
    }
    .slider-home:after {
        background-size: 100% 100%;
    }


    /*detalle*/

    .content-detalles {
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 2rem;
    }

    .content-detalles.dos {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .img-detalles{
        height: 37vw;
    }

    .tt-detalles{
        text-align: left;
        font-size: 27px;
    }

    .content-data-detalles {
        width: 40%;
        position: relative;
    }

    .content-slider-items-detalle {
        position: absolute;
        margin: 0;
        right: -260px;
        bottom: -20px
    }

    .tt-sec-detalles {
        margin: 1em auto 1em;
    }


    .detalle{
        box-shadow: 0px 7px 18px #7d8a9f21;
    }

    .img-detalles {
        width: 40%;
    }
    .img-detalles.dos {
        width: 33%;
    }

    button#fg_submit {
        border-radius: 25px;
        font-size: 18px;
        padding: 10px 25px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
    }
    .desc-detalles{
        width: 100%;
    }
    .txt-detalles p *{
        text-align: left;
    }


    /*MENU ESCRITORIO ****************+*/

    .nav-brand {
        max-width: 250px;
        min-width: 210px;
        width: 100%;
        padding: 0;
    }
    .header-content {
        padding: 20px 2rem;
    }
    .navbar-header {
        display: block;
        width: 100%;
        padding: 0 2rem;
    }
    .nav-mobile {
        display: none;
    }
    .content-info-header {
       width: 100%;
       display: flex;
       justify-content: center;
    }

    .ct-header {
        max-width: 1200px;
        margin: auto;
    }


    #menu-main{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fixed .header-content{
        padding: 17px 2rem;
    }
    
    nav.main-nav ul li a {
        display: flex;
        font-size: 15px;
        padding: 7px 15px;
        font-weight: bold;
        color: #444;
        height: 36px;
        min-width: 95px;
        align-items: center;
        justify-content: center;
        margin: 0 0px;
        text-align: center;
        white-space: nowrap;
        border-radius: 35px;
        transition: all .3s ease;
    }
    nav.main-nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    ul.submenu {
        position: absolute;
        min-width: 150px;
        transform: translateX(-50%);
        padding-top: 29px!important;
        left: 50%;
        box-shadow: 0 0 0px black;
        display: none;
        transition: all .3s ease;
    }
    ul.submenu li a {
        font-size: 14px !important;
        padding: 6px 10px!important;
        background: var(--azul2);
        color: #fff!important;
        line-height: 1.1em!important;
        border-radius: 0!important;
        margin: 0!important;
    }
    ul.submenu li a:hover {
        background: var(--azul1) ;
    }
    .row--one > a:hover {
        color: var(--naranja);
    }
    .down {
        margin-left: 10px;
        margin-top: 3px;
    }
    .submenu:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 15px 10px;
        border-color: #0000 #0000 var(--azul2) #0000;
        position: absolute;
        top: 14px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .subsubmenu:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 15px 10px 0;
        border-color: #0000 var(--azul2) #0000 #0000;
        position: absolute;
        left: 1px;
        top: 8px;
    }

    nav.main-nav ul li {
        position: relative;
    }
    ul.subsubmenu {
        position: absolute;
        left: 100%;
        top: 0;
        min-width: 150px;
        padding-left: 15px!important;
    }

    .hijo > li:first-child > a {
        border-radius: 12px 12px 0 0!important;
    }
    .hijo > li:last-child > a {
        border-radius: 0 0 12px 12px !important;
    }
    .hijo > li:last-child > a.unicoHijo{
        border-radius: 12px !important;
    }




    section.home-section {
        padding-top: 128px;
    }
    .site-content {
        padding-top: 128px;
    }

}

@media(min-width: 1200px){

    .content-herramientas:before{
        top: -100px;
    }

    .banner-content-txt{
        max-height: 340px;
    }

    .content-herramientas > a:nth-child(-n+3) {
        margin-right: 160px;
    }
    .content-herramientas > a:nth-last-child(-n+3) {
        margin-left: 160px;
    }

    .img-detalles.dos {
        width: 40%;
    }
    .tt-detalles{
        font-size: 39px;
    }
    .banner-content-txt > p {
        font-size: 25px;
    }  
    .footer-portal:after {
        background-size: 1200px 150px;
    }
    .fondo:after {
        background-size: 160% 100%;
    }
    .content-detalles {
        padding-bottom: 4rem;
    }

}

@media(min-width: 1300px){

    .content-banner{
        padding: 1rem 0;
    }

    .content-calculadora {
        padding: 2rem 0 0;
    }

    .degrade {
        margin: 60px 0 !important;
    }

    .circulos {  
        padding-bottom: 4rem;
    }

    .tt-fun{
        margin-bottom: 0;
    }
    .color {
        padding: 2rem 2rem 1rem;
    }

}

@media(min-width: 1500px){

    .content-herramientas:before{
        top: -111px;
        left: -57px;
    }  
    .fondo:after {
        background-size: 130% 100%;
    }

    .fondo {
        padding-bottom: 4rem;
    }


}

@charset "utf-8";
body, td, th, input, select, textarea{
    font-family: 'Lato', sans-serif;
    font-size:16px;
    color:#1B1A1A;
}
body{
    margin:0px;
    padding: 0px;
}
h1{color:#3C489E;}
h2{color:#1B1A1A;}
h3{color:#1B1A1A;}
h4{color:#ccc;}
h5{color:#000;}
h6{color:#CCC;}
/* Estilos para las zebras */
.zebra { margin-top:15px; margin-bottom:20px;}
.zebra td { border-bottom: 1px solid #f1f1f1;}
.zebra tr.alt td {      background: #f7f7f7;}
.zebra tr.over td { background: #E2E2E2;}
.zebra tr.title td { background-color: #D6D6D6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; }

/* Retoques al jQuery UI*/
.ui-state-default, .ui-widget-content .ui-state-default { background: #302010; color:#FFF; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active { color:#FFF; border:none; background-color: #A7CF3A; background-image:none; }
.ui-state-default, .ui-widget-content .ui-state-default * { color:#FFF; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active * { color:#FFF; border:none; }
.ui-widget-header, .ui-widget-content { border:none; background:#FFF; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#FFF; }
.ui-tabs-nav { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #626262; padding-bottom:5px; border:none; }
.ui-tabs .ui-tabs-nav li a{ padding:5px;}

.margin{margin: 5px;}
.clear{clear: both;}

#MenuVertical{padding: 0; margin: 0; width: 172px; float: left;  margin-right: 27px;}
#MenuVertical li { list-style-position: inside; list-style-type: none; padding: 0px; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; list-style-image: url(vineta.gif); }
#MenuVertical li a { color: #3e545f; display: inline; list-style-position: inside; list-style-type: none; padding: 0px; font-size: 13px; font-weight: normal; text-decoration: none; margin: 0px; }


/* General Styles */
.content-box, .mod-box {
    padding: 25px;
}
.content-area {
    padding: 20px 0;
}

/* Colors */
.col-whi{
    color: #fff;
}
.col-bla{
    color: #000;
}

.bg-whi{
    background-color: white;
}
.bg-gray{
    background-color: #EBEBEB;
}
.bg-bla{
    background-color: #000000;
}

/* Paddings */
.pad-0{
    padding: 0;
}
.pad-1{
    padding: 1em;
}
.pad-3{
    padding: 3em;
}

/* Displays */
.dis-blo{
    display: block;
}
.dis-inl{
    display: inline-block;
}
.dis-flex{
    display: flex;
}

/* Tags */
p {
    font-weight: 300;
    line-height: 1.5;
}
a {
    color: #3C489E;
    transition: all 0.3s ease-in-out;
}
a:hover{
    text-decoration: none;
}
a:visited,a:active,a:focus{
    text-decoration: none !important;
}
*:focus{
    outline: none !important;
}
#content-main {
    position: relative;
    overflow: hidden;
}
section.home-section {
    position: relative;
}
.site-content-inside {
    position: relative;
}

.info-section p{
    text-align: center;
    font-size: 1.2em;
}
.info-section .row .col-xs-12 {
    padding: 0;
}
.intro {
    font-size: 16px;
    padding: 2em 1.5em;
}
.site-content{
    max-width: 1200px;
    margin: 0 auto;
}
.img-zoom-in,.img-zoom-out {
    overflow: hidden;
}
.img-zoom-in img,.img-zoom-out img{
    transition: all 0.3s ease-in-out;
}
.img-zoom-in:hover img{
    transform: scale(1.15);
}
.img-zoom-out img{
    transform: scale(1.15);
}
.img-zoom-out:hover img{
    transform: scale(1);
}
.bold {
    font-weight: 700;
}
.relative{
    position: relative;
}

/* Fonts */
.text-upper{
    text-transform: uppercase;
}

/* Buttons */
.w-100{
    width: 100%;
}
.pad-0-intro .col-xs-12{
    padding: 0;
}

.container {
    width: 100%;
}

/* SLICK */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list
{
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'FontAwesome';
    font-size: 26px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\f104';
}
[dir='rtl'] .slick-prev:before
{
    content: '\f105';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\f105';
}
[dir='rtl'] .slick-next:before
{
    content: '\f104';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'FontAwesome';
    font-size: 10px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\f111';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/*HEADLINE ANIM */
.animhead--title {
    position: relative;
    height: 160px;
    line-height: 230px;
    text-align: center;
}

.animhead--title h1 {
    font-size: 2.4rem;
    font-weight: 700;
}

.animhead--intro {
    width: 90%;
    max-width: 768px;
    text-align: center;
}

.animhead--intro {
    margin: 4em auto;
}

.animhead--headline {
    font-size: 0.85rem;
    line-height: 1.2;
}

.animhead--words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

.animhead--words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    padding: 0 4px;
    left: 0;
    top: 0;
}

.animhead--words-wrapper b.is-visible {
    position: relative;
}

.no-js .animhead--words-wrapper b {
    opacity: 0;
}

.no-js .animhead--words-wrapper b.is-visible {
    opacity: 1;
}

/* -------------------------------- 

xrotate-1 

-------------------------------- */
.animhead--headline.rotate-1 .animhead--words-wrapper {
    perspective: 300px;
}

.animhead--headline.rotate-1 b {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: rotateX(180deg);
}

.animhead--headline.rotate-1 b.is-visible {
    opacity: 1;
    transform: rotateX(0deg);
    animation: cd-rotate-1-in 1.2s;
}

.animhead--headline.rotate-1 b.is-hidden {
    transform: rotateX(180deg);
    animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
    }
    35% {
        -webkit-transform: rotateX(120deg);
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(360deg);
        opacity: 1;
    }
}

@-moz-keyframes cd-rotate-1-in {
    0% {
        -moz-transform: rotateX(180deg);
        opacity: 0;
    }
    35% {
        -moz-transform: rotateX(120deg);
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        -moz-transform: rotateX(360deg);
        opacity: 1;
    }
}

@keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0;
    }
    35% {
        -webkit-transform: rotateX(120deg);
        -moz-transform: rotateX(120deg);
        -ms-transform: rotateX(120deg);
        -o-transform: rotateX(120deg);
        transform: rotateX(120deg);
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 1;
    }
}

@-webkit-keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
    35% {
        -webkit-transform: rotateX(-40deg);
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
    }
}

@-moz-keyframes cd-rotate-1-out {
    0% {
        -moz-transform: rotateX(0deg);
        opacity: 1;
    }
    35% {
        -moz-transform: rotateX(-40deg);
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        -moz-transform: rotateX(180deg);
        opacity: 0;
    }
}

@keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
    35% {
        -webkit-transform: rotateX(-40deg);
        -moz-transform: rotateX(-40deg);
        -ms-transform: rotateX(-40deg);
        -o-transform: rotateX(-40deg);
        transform: rotateX(-40deg);
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0;
    }
}

/* -------------------------------- 

xtype 

-------------------------------- */
.animhead--headline.type .animhead--words-wrapper {
    vertical-align: top;
    overflow: hidden;
}

.animhead--headline.type .animhead--words-wrapper::after {
    /* vertical bar */
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: #fff;
}

.animhead--headline.type .animhead--words-wrapper.waiting::after {
    animation: cd-pulse 1s infinite;
}

.animhead--headline.type .animhead--words-wrapper.selected {
    background-color: #fff;
}

.animhead--headline.type .animhead--words-wrapper.selected::after {
    visibility: hidden;
}

.animhead--headline.type .animhead--words-wrapper.selected b {
    color: #000;
}

.animhead--headline.type b {
    visibility: hidden;
}

.animhead--headline.type b.is-visible {
    visibility: visible;
}

.animhead--headline.type i {
    position: absolute;
    visibility: hidden;
}

.animhead--headline.type i.in {
    position: relative;
    visibility: visible;
}

@-webkit-keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

@-moz-keyframes cd-pulse {
    0% {
        -moz-transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -moz-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

@keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        -moz-transform: translateY(-50%) scale(0.9);
        -ms-transform: translateY(-50%) scale(0.9);
        -o-transform: translateY(-50%) scale(0.9);
        transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        -o-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

/* -------------------------------- 

xrotate-2 

-------------------------------- */
.animhead--headline.rotate-2 .animhead--words-wrapper {
    perspective: 300px;
}

.animhead--headline.rotate-2 i, .animhead--headline.rotate-2 em {
    display: inline-block;
    backface-visibility: hidden;
}

.animhead--headline.rotate-2 b {
    opacity: 0;
}

.animhead--headline.rotate-2 i {
    transform-style: preserve-3d;
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0;
}

.is-visible .animhead--headline.rotate-2 i {
    opacity: 1;
}

.animhead--headline.rotate-2 i.in {
    animation: cd-rotate-2-in 0.4s forwards;
}

.animhead--headline.rotate-2 i.out {
    animation: cd-rotate-2-out 0.4s forwards;
}

.animhead--headline.rotate-2 em {
    transform: translateZ(20px);
}

.no-csstransitions .animhead--headline.rotate-2 i {
    transform: rotateX(0deg);
    opacity: 0;
}

.no-csstransitions .animhead--headline.rotate-2 i em {
    transform: scale(1);
}

.no-csstransitions .animhead--headline.rotate-2 .is-visible i {
    opacity: 1;
}

@-webkit-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
    }
}

@-moz-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0deg);
    }
}

@keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        -moz-transform: translateZ(-20px) rotateX(90deg);
        -ms-transform: translateZ(-20px) rotateX(90deg);
        -o-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        -moz-transform: translateZ(-20px) rotateX(-10deg);
        -ms-transform: translateZ(-20px) rotateX(-10deg);
        -o-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
        -moz-transform: translateZ(-20px) rotateX(0deg);
        -ms-transform: translateZ(-20px) rotateX(0deg);
        -o-transform: translateZ(-20px) rotateX(0deg);
        transform: translateZ(-20px) rotateX(0deg);
    }
}

@-webkit-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
    }
}

@-moz-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-90deg);
    }
}

@keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        -moz-transform: translateZ(-20px) rotateX(-100deg);
        -ms-transform: translateZ(-20px) rotateX(-100deg);
        -o-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        -moz-transform: translateZ(-20px) rotateX(-90deg);
        -ms-transform: translateZ(-20px) rotateX(-90deg);
        -o-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg);
    }
}

/* -------------------------------- 

xloading-bar 

-------------------------------- */
.animhead--headline.loading-bar span {
    display: inline-block;
    padding: .2em 0;
}

.animhead--headline.loading-bar .animhead--words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.animhead--headline.loading-bar .animhead--words-wrapper::after {
    /* loading bar */
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: orange;
    z-index: 2;
    transition: width 0.3s -0.1s;
}

.animhead--headline.loading-bar .animhead--words-wrapper.is-loading::after {
    width: 100%;
    transition: width 3s;
}

.animhead--headline.loading-bar b {
    top: .2em;
    opacity: 0;
    transition: opacity 0.3s;
}

.animhead--headline.loading-bar b.is-visible {
    opacity: 1;
    top: 0;
}

/* -------------------------------- 

xslide 

-------------------------------- */
.animhead--headline.slide span {
    display: inline-block;
    padding: .2em 0;
}

.animhead--headline.slide .animhead--words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.animhead--headline.slide b {
    opacity: 0;
    top: .2em;
}

.animhead--headline.slide b.is-visible {
    top: 0;
    opacity: 1;
    animation: slide-in 0.6s;
}

.animhead--headline.slide b.is-hidden {
    animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%);
        transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
}

@-moz-keyframes slide-out {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
}

@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        -moz-transform: translateY(120%);
        -ms-transform: translateY(120%);
        -o-transform: translateY(120%);
        transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
}

/* -------------------------------- 

xclip 

-------------------------------- */
.animhead--headline.clip span {
    display: inline-block;
    padding: .2em 0;
}

.animhead--headline.clip .animhead--words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.animhead--headline.clip .animhead--words-wrapper::after {
    /* line */
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #fff;
}

.animhead--headline.clip b {
    opacity: 0;
}

.animhead--headline.clip b.is-visible {
    opacity: 1;
}

/* -------------------------------- 

xzoom 

-------------------------------- */
.animhead--headline.zoom .animhead--words-wrapper {
    perspective: 300px;
}

.animhead--headline.zoom b {
    opacity: 0;
}

.animhead--headline.zoom b.is-visible {
    opacity: 1;
    animation: zoom-in 0.8s;
}

.animhead--headline.zoom b.is-hidden {
    animation: zoom-out 0.8s;
}

@-webkit-keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
}

@-moz-keyframes zoom-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(100px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
}

@keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
        -moz-transform: translateZ(100px);
        -ms-transform: translateZ(100px);
        -o-transform: translateZ(100px);
        transform: translateZ(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-webkit-keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
    }
}

@-moz-keyframes zoom-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-100px);
    }
}

@keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
        -moz-transform: translateZ(-100px);
        -ms-transform: translateZ(-100px);
        -o-transform: translateZ(-100px);
        transform: translateZ(-100px);
    }
}

/* -------------------------------- 

xrotate-3 

-------------------------------- */
.animhead--headline.rotate-3 .animhead--words-wrapper {
    perspective: 300px;
}

.animhead--headline.rotate-3 b {
    opacity: 0;
}

.animhead--headline.rotate-3 i {
    display: inline-block;
    transform: rotateY(180deg);
    backface-visibility: hidden;
}

.is-visible .animhead--headline.rotate-3 i {
    transform: rotateY(0deg);
}

.animhead--headline.rotate-3 i.in {
    animation: cd-rotate-3-in 0.6s forwards;
}

.animhead--headline.rotate-3 i.out {
    animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .animhead--headline.rotate-3 i {
    transform: rotateY(0deg);
    opacity: 0;
}

.no-csstransitions .animhead--headline.rotate-3 .is-visible i {
    opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
    }
}

@-moz-keyframes cd-rotate-3-in {
    0% {
        -moz-transform: rotateY(180deg);
    }
    100% {
        -moz-transform: rotateY(0deg);
    }
}

@keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
    }
    100% {
        -webkit-transform: rotateY(-180deg);
    }
}

@-moz-keyframes cd-rotate-3-out {
    0% {
        -moz-transform: rotateY(0);
    }
    100% {
        -moz-transform: rotateY(-180deg);
    }
}

@keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0);
    }
    100% {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }
}

/* -------------------------------- 

xscale 

-------------------------------- */
.animhead--headline.scale b {
    opacity: 0;
}

.animhead--headline.scale i {
    display: inline-block;
    opacity: 0;
    transform: scale(0);
}

.is-visible .animhead--headline.scale i {
    opacity: 1;
}

.animhead--headline.scale i.in {
    animation: scale-up 0.6s forwards;
}

.animhead--headline.scale i.out {
    animation: scale-down 0.6s forwards;
}

.no-csstransitions .animhead--headline.scale i {
    transform: scale(1);
    opacity: 0;
}

.no-csstransitions .animhead--headline.scale .is-visible i {
    opacity: 1;
}

@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes scale-up {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }
    60% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
}

@-moz-keyframes scale-down {
    0% {
        -moz-transform: scale(1);
        opacity: 1;
    }
    60% {
        -moz-transform: scale(0);
        opacity: 0;
    }
}

@keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

/* -------------------------------- 

xpush 

-------------------------------- */
.animhead--headline.push b {
    opacity: 0;
}

.animhead--headline.push b.is-visible {
    opacity: 1;
    animation: push-in 0.6s;
}

.animhead--headline.push b.is-hidden {
    animation: push-out 0.6s;
}

@-webkit-keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes push-in {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
        -moz-transform: translateX(10%);
        -ms-transform: translateX(10%);
        -o-transform: translateX(10%);
        transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
}

@-moz-keyframes push-out {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateX(110%);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
}

@keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
        -moz-transform: translateX(110%);
        -ms-transform: translateX(110%);
        -o-transform: translateX(110%);
        transform: translateX(110%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.pin-top {
    position: relative;
}
.pin-bottom {
    position: relative;
}
.pinned {
    position: fixed !important;
}

section.nav-tools-section {
    padding: 25px 0 0;
    position: relative;
}

.nav-bar-tools {
    background: #3C489E;
    background: -moz-linear-gradient(57deg, #3C489E 0%, #13A2D6 100%);
    background: -webkit-gradient(57deg, color-stop(0%, #3C489E), color-stop(100%, #13A2D6));
    background: -webkit-linear-gradient(57deg, #3C489E 0%, #13A2D6 100%);
    background: -o-linear-gradient(57deg, #3C489E 0%, #13A2D6 100%);
    background: -ms-linear-gradient(57deg, #3C489E 0%, #13A2D6 100%);
    background: linear-gradient(57deg, #3C489E 0%, #13A2D6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C489E', endColorstr='#13A2D6', GradientType=1 );
    box-shadow: 0 8px 20px 0 rgba(39,117,186,0.20);
    border-radius: 4px;
    color: #fff;
    height: 56px;
    padding: 0 15px;
    position: relative;
    width: 100%;
}

.nav-bar-tools .tools-bar {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    color: inherit;
    height: 56px;
    margin: 0;
    padding: 0;
    line-height: 56px;
    list-style: none;
    font-size: 1.2rem;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
}

.nav-bar-tools .tools-bar > li {
    color: inherit;
}

.nav-bar-tools .tools-bar > li > a {
    border-left: 1px solid rgba(255,255,255,0.2);
    display: block;
    color: inherit;
    height: 56px;
    line-height: 56px;
    padding: 0 15px;
}

.nav-bar-tools .tools-bar > li:first-child > a {
    border-left: none;
}

.nav-bar-tools .tools-bar > li > a:hover,
.nav-bar-tools .tools-bar > li > a:focus {
    background-color: rgba(0,0,0,0.2);
}

.nav-bar-tools .tools-bar .spacer-div {
    flex: 1 1 auto;
}

.nav-bar-tools .tools-bar .spacer-div + li > a {
    border-left: none;
}


/* Mobile Styles */
.service-icons-comp {
    transition: all 0.3s ease-in-out;
}
.service-icons-comp * {
    transition: all 0.3s ease-in-out;
}
.service-icons-comp .color-fill-1 {
    fill: rgba(255,255,255,0.4);
}
.service-icons-comp .color-fill-2 {
    fill: #3265AE;
}
.service-icons-comp .color-fill-3 {
    fill: rgba(166, 196, 247, 0.4); /*#A4C2F7*/
}
.service-icons-comp .color-fill-4 {
    fill: rgba(212, 225, 244, 0.4); /*#D4E1F4*/
}
.service-icons-comp .color-fill-5 {
    fill: rgba(227, 231, 242, 0.4); /*#E3E7F2*/
}
.service-icons-comp .color-fill-6 {
    fill: rgba(245, 245, 245, 0.4); /*#F5F5F5*/
}
.service-icons-comp .color-fill-7 {
    fill: rgba(127, 171, 250, 0.4); /*#7FABFA*/
}
.service-icons-comp .color-fill-8 {
    fill: rgba(127, 172, 250, 0.4); /*#7FACFA*/
}
.service-icons-comp .color-stop-1 {
    stop-color: #D4E1F4; /*#D4E1F4*/
}
.service-icons-comp .color-stop-2 {
    stop-color: #DAE4F4; /*#DAE4F4*/
}
.service-icons-comp .color-stop-3 {
    stop-color: #EBEBF4; /*#EBEBF4*/
}
.service-icons-comp .color-stop-4 {
    stop-color: #F6F1F4; /*#F6F1F4*/
}
.service-icons-comp .color-stop-5 {
    stop-color: #FDF4F4; /*#FDF4F4*/
}
.service-icons-comp .color-stop-6 {
    stop-color: #FFF5F4; /*#FFF5F4*/
}

.header-element-wrapper {
    background-color: transparent;
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 10;
}
.header-element-wrapper.floatfix {
    left: 0;
    position: absolute;
    top: 0;
}
.header-element-wrapper.deg-blue {
    background: #3C489E;
    background: -moz-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #3C489E), color-stop(100%, #12A2D5));
    background: -webkit-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -o-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -ms-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: linear-gradient(to right, #3C489E 0%, #12A2D5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C489E', endColorstr='#12A2D5', GradientType=1 );
}

.nav-section-wrap {
    display: block;
    margin-top: 32px;
    height: 96px;
    width: 100%;
}
.nav-section-wrap .navbar-element-wrapper {
    border-radius: 0;
    color: rgba(255,255,255, 0.7);
    height: 58px;
    width: 100%;
}
.nav-section-wrap .navbar-element-wrapper.headroom {
    will-change: top, transform;
    transition: all 0.3s ease-in-out, transform 200ms linear, top 200ms linear;
}
.nav-section-wrap .navbar-element-wrapper.headroom.headroom--pinned {
    transform: translateY(0%);
}
.nav-section-wrap .navbar-element-wrapper.headroom.headroom--unpinned {
    transform: translateY(-100%);
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix {
    transition: all 0.3s ease-in-out;
    z-index: 198;
    -webkit-overflow-scrolling: touch;
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix-blue.pinned {
    background: #3C489E;
    background: -moz-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #3C489E), color-stop(100%, #12A2D5));
    background: -webkit-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -o-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -ms-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: linear-gradient(to right, #3C489E 0%, #12A2D5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C489E', endColorstr='#12A2D5', GradientType=1 );
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix-white.pinned {
    background-color: #F5F5F5;
    box-shadow: 0 -13px 34px rgba(60, 72, 158, 0.8);
    color: #0a004a;
}

.nav-section-wrap .navbar-element-wrapper .navbar-header-wrapper {
    display: inline-block;
    height: 76px;
    position: relative;
    width: 100%;
}
.nav-section-wrap .navbar-element-wrapper .navbar-brand {
    height: 58px;
    max-height: 58px;
    padding: 8px;
}
.nav-section-wrap .navbar-element-wrapper .navbar-brand img {
    border: none;
    height: 100%;
    outline: none;
    width: auto;
}

.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap {
    display: none;
    height: 76px;
    margin: 0;
    padding: 14px 0px;
    line-height: 46px;
    font-size: 1.2rem;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
}
.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap.left {
    float: left;
}
.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap.right {
    float: right;
}

.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap > li {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0 5px;
}
.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap > li > a {
    background-color: transparent;
    border-radius: 6px;
    color: inherit;
    display: block;
    display: inline-block;
    font-weight: 400;
    padding: 0 18px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.075rem;
}
.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap > li > a:hover,
.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap > li > a:focus {
    background-color: #2C377D;
    color: rgba(255,255,255, 1);
}

.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap.highlight > li:nth-last-child(-n+2) {
}
.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap.highlight > li:nth-last-child(2) > a {
    background-color: #47D78A;
    color: #ffffff;
    font-size: 1.6rem;
    letter-spacing: 0.065rem;
}
.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap.highlight > li:nth-last-child(2) > a:hover,
.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap.highlight > li:nth-last-child(2) > a:focus {
    background-color: #5BE9A2;
}

.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap .btn-option:hover,
.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap .btn-option:focus {
    background-color: transparent;
    color: #47D78A;
}
.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap .btn-option.highlight {
    background-color: #47D78A;
    color: #ffffff;
    font-size: 1.6rem;
}
.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap .btn-option.highlight:hover,
.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap .btn-option.highlight:focus {
    background-color: #5BE9A2;
}


.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile {
    display: inline-block;
    line-height: 45px;
    margin: 0;
    padding: 4px 0;
    position: absolute;
    top: 0;
    right: 13px;
}
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .btn-menu-mobile {
    background-color: #fff;
    color: #1B90CA;
    height: 45px;
    font-size: 1.85rem;
    padding: 0;
    line-height: 45px;
    width: 45px;
}
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile.open .btn-menu-mobile {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    color: #47D78A;
}

.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .dropdown-mobile-menu {
    right: 0;
    left: auto;
    min-width: 240px;
}
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .dropdown-mobile-menu:after,
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .dropdown-mobile-menu:before {
    bottom: 100%;
    right: 14px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .dropdown-mobile-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
}
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .dropdown-mobile-menu:before {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0,0,0,.45);
    border-width: 9px;
    margin-left: -9px;
    right: 13px;
}
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .mobile-menu-inner {
    min-width: 240px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .mobile-menu-inner > li {
    display: block;
    position: relative;
    clear: both;
}
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .mobile-menu-inner > li > a {
    display: block;
    color: #2375B8;
    padding: 18px 31px;
    font-size: 1.6rem;
    text-align: left;
    line-height: 1;
}
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .mobile-menu-inner > li > a:hover,
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .mobile-menu-inner > li > a:focus {
    background: #f1f1f1;
}
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .mobile-menu-inner > li > a.highlight {
    background-color: #47D78A;
    color: #ffffff;
}
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .mobile-menu-inner > li > a.highlight:hover,
.nav-section-wrap .navbar-element-wrapper .nav-drop-mobile .mobile-menu-inner > li > a.highlight:focus {
    background: #5BE9A2;
}


.section-head-wrapper {
    background-color: transparent;
    display: block;
    padding-bottom: 46px;
    padding-top: 104px;
    position: relative;
    width: 100%;
}
.section-head-wrapper.padd-b-2 {
    padding-bottom: 16px;
}
.section-head-wrapper.deg-blue {
    background: #3C489E;
    background: -moz-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #3C489E), color-stop(100%, #12A2D5));
    background: -webkit-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -o-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -ms-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: linear-gradient(to right, #3C489E 0%, #12A2D5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C489E', endColorstr='#12A2D5', GradientType=1 );
}

.section-head-wrapper .header-title {
    padding: 0;
    position: relative;
    text-align: center;
}
.section-head-wrapper .header-title .title {
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
}
.section-head-wrapper .header-badges {
    position: relative;
    text-align: center;
}
.section-head-wrapper .badges-line {
    display: inline-block;
    position: relative;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}
.section-head-wrapper .badges-line > li {
    color: #fff;
    float: left;
    font-size: 12px;
    padding: 5px;
    position: relative;


    
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    
    white-space: nowrap;
    width: 50%;
}
.section-head-wrapper .badges-line > li .badge-icon {
    color: #6fd9ff;
    margin-right: 6px;
    font-size: 16px;
    vertical-align: text-bottom;
}

.slide-center-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    min-height: 320px;
    position: relative;
    justify-content: center;
    width: 100%;
    vertical-align: middle;
}
.slide-center-wrap .content-center-wrap {
    display: inline-block;
    position: relative;
    margin: auto;
}
.slide-center-wrap .content-center-wrap .c-title {
    display: block;
    margin-bottom: 36px;
    text-align: center;
}
.slide-center-wrap .content-center-wrap .c-title > h3 {
    display: block;
    color: #ffffff;
    font-size: 2.3rem;
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-align: center;
    text-shadow: 0 3px 16px rgba(0, 0, 0, 0.45);
}
.slide-center-wrap .content-center-wrap .c-title .animhead--headline.type .animhead--words-wrapper::after {
    background-color: #47D78A;
}
.slide-center-wrap .content-center-wrap .c-title .animhead--headline.type .animhead--words-wrapper.selected {
    background-color: #47D78A;
}
.slide-center-wrap .content-center-wrap .c-title .animhead--headline.type .animhead--words-wrapper.selected b {
    color: #ffffff;
}
.slide-center-wrap .content-center-wrap .c-title > h3 .highlight {
    color: #47D78A;
}
.slide-center-wrap .content-center-wrap .c-detail {
    display: block;
    margin-bottom: 34px;
    text-align: center;
}
.slide-center-wrap .content-center-wrap .c-detail > p {
    display: block;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: normal;
    padding: 0;
    margin: 0;
    text-align: center;
    letter-spacing: 0.085rem;
}
.slide-center-wrap .content-center-wrap .c-action {
    display: block;
    text-align: center;
}
.slide-center-wrap .content-center-wrap .c-action .btn-cta {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    padding: 13px 34px;
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0 auto;
    text-transform: uppercase;
}

.slide-bottom-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
}
.slide-bottom-wrap .slide-title {
    color: rgba(255,255,255,0.75);
    font-size: 1.4rem;
    font-weight: 600;
    margin: 13px 0 21px 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.slide-bottom-wrap .slide-wrapper {
    display: inline-block;
    min-height: 64px;
    position: relative;
    width: 100%;
}
.logos-slide-wrap {
    display: inline-block;
    height: 64px;
    padding: 0 26px;
    position: relative;
    width: 100%;
}
.logos-slide-wrap .slide-item {
    height: 64px;
    padding: 13px;
    position: relative;
}
.logos-slide-wrap .slide-item .brand-item {
    border: none;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    outline: none;
    width: auto;
}
.logos-slide-wrap .slick-prev,
.logos-slide-wrap .slick-next {
    height: 50px;
    width: 25px;
}
.logos-slide-wrap .slick-prev:before,
.logos-slide-wrap .slick-next:before {
    font-size: 50px;
}
.logos-slide-wrap .slick-prev {
    left: 0;
}
.logos-slide-wrap .slick-next {
    right: 0;
}

.section-features-wrapper {
    background-color: #F2F2F2;
    display: block;
    padding-bottom: 86px;
    padding-top: 86px;
    position: relative;
    width: 100%;
}
.section-features-wrapper .features-grid-wrap {
    position: relative;
}
.section-features-wrapper .features-grid-wrap .feature-card {
    background-color: #ffffff;
    border: 1px solid #ccc;
    display: inline-block;
    min-height: 200px;
    position: relative;
    margin: 21px 0;
    width: 100%;
}
.section-features-wrapper .features-grid-wrap .feature-card:before {
    background: #505BA6;
    background: -moz-linear-gradient(45deg, #505BA6 0%, #12A1D5 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #505BA6), color-stop(100%, #12A1D5));
    background: -webkit-linear-gradient(45deg, #505BA6 0%, #12A1D5 100%);
    background: -o-linear-gradient(45deg, #505BA6 0%, #12A1D5 100%);
    background: -ms-linear-gradient(45deg, #505BA6 0%, #12A1D5 100%);
    background: linear-gradient(45deg, #505BA6 0%, #12A1D5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505BA6', endColorstr='#12A1D5', GradientType=1 );
    content: '';
    bottom: 0;
    height: 13px;
    position: absolute;
    transition: all 0.3s ease-in-out;
    left: 0;
    width: 100%;
    z-index: 1;
    will-change: height;
}
.section-features-wrapper .features-grid-wrap .feature-card:hover {
    -webkit-box-shadow: 0px 10px 54px rgb(35, 117, 184, 0.45);
    -moz-box-shadow: 0px 10px 54px rgb(35, 117, 184, 0.45);
    box-shadow: 0px 10px 54px rgb(35, 117, 184, 0.45);
    border-color: #505BA6;
}
.section-features-wrapper .features-grid-wrap .feature-card:hover:before {
    height: 100%;
}
.section-features-wrapper .features-grid-wrap .feature-card .icon-wrap {
    position: relative;
    margin: 0 auto;
    padding-top: 30px;
    width: 50px;
    z-index: 1;
}
.section-features-wrapper .features-grid-wrap .feature-card .icon-wrap .imgElement {
    border: none;
    height: auto;
    outline: none;
    width: 100%;
}
.section-features-wrapper .features-grid-wrap .feature-card .content-inner {
    display: inline-block;
    padding: 8px 13px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 5;
}
.section-features-wrapper .features-grid-wrap .feature-card .content-inner > p {
    font-weight: 600;
    text-align: inherit;
    letter-spacing: 0.035rem;
}
.section-features-wrapper .features-grid-wrap .feature-card:hover .content-inner {
    color: #ffffff;
}

.section-features-wrapper .features-grid-wrap .feature-card:hover .service-icons-comp .color-fill-1 {
    fill: #F2F2F2;
}
.section-features-wrapper .features-grid-wrap .feature-card:hover .service-icons-comp .color-fill-2 {
    fill: #0a004a;
}
.section-features-wrapper .features-grid-wrap .feature-card:hover .service-icons-comp .color-fill-6 {
    fill: #F2F2F2;
}
.section-features-wrapper .features-grid-wrap .feature-card:hover .service-icons-comp .color-stop-6 {
    stop-color: #F2F2F2;
}

.section-banner-divider-wrapper {
    background-color: #F2F2F2;
    display: block;
    padding-bottom: 86px;
    padding-top: 86px;
    position: relative;
    width: 100%;
}
.section-banner-divider-wrapper.deg-blue {
    background: #3C489E;
    background: -moz-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #3C489E), color-stop(100%, #12A2D5));
    background: -webkit-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -o-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -ms-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: linear-gradient(to right, #3C489E 0%, #12A2D5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C489E', endColorstr='#12A2D5', GradientType=1 );
}
.section-banner-divider-wrapper.illustration-1 .illustration-base {
    position: relative;
}
.section-banner-divider-wrapper.illustration-1 .illustration-base:before {
    background-image: url('/es/dominios/correomasivo.com.co/plantillas/2018/recursos/banner-illustration-side-1.png');
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;

    content: '';
    height: 600px;
    position: absolute;
    pointer-events: none;
    top: -70px;
    left: -150px;
    width: 400px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    z-index: 2;
}
.section-banner-divider-wrapper.illustration-1 .illustration-base:after {
    background-image: url('/es/dominios/correomasivo.com.co/plantillas/2018/recursos/banner-illustration-side-2.png');
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    
    content: '';
    height: 548px;
    position: absolute;
    pointer-events: none;
    top: -120px;
    right: -163px;
    width: 393px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    z-index: 1;
}

.banner-center-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    min-height: 200px;
    position: relative;
    justify-content: center;
    width: 100%;
    vertical-align: middle;
}
.banner-center-wrap .content-center-wrap {
    display: inline-block;
    position: relative;
    margin: auto;
}
.banner-center-wrap .content-center-wrap .c-header {
    display: block;
    margin-bottom: 46px;
    text-align: center;
}
.banner-center-wrap .content-center-wrap .c-header .image-center-wrap {
    border: none;
    margin: 0 auto;
    outline: none;
    width: 300px;
}
.banner-center-wrap .content-center-wrap .c-header .image-center-wrap img {
    border: none;
    height: auto;
    outline: none;
    width: 100%;
}
.banner-center-wrap .content-center-wrap .c-title {
    display: block;
    text-align: center;
}
.banner-center-wrap .content-center-wrap .c-title > h3 {
    display: block;
    color: #ffffff;
    font-size: 2rem;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-bottom: 16px;
    text-align: center;
    text-shadow: 0 3px 16px rgba(0, 0, 0, 0.45);
}
.banner-center-wrap .content-center-wrap .c-title > h3 .highlight {
    color: #47D78A;
}
.banner-center-wrap .content-center-wrap .c-title > h4 {
    display: block;
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: normal;
    letter-spacing: 0.075rem;
    padding: 0;
    margin: 0;
    text-align: center;
    text-shadow: 0 3px 16px rgba(0, 0, 0, 0.45);
}
.banner-center-wrap .content-center-wrap .c-title + * {
    margin-top: 36px;
}
.banner-center-wrap .content-center-wrap .c-detail {
    display: block;
    margin-bottom: 34px;
    text-align: center;
}
.banner-center-wrap .content-center-wrap .c-detail > p {
    display: block;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: normal;
    padding: 0;
    margin: 0;
    text-align: center;
    letter-spacing: 0.085rem;
}
.banner-center-wrap .content-center-wrap .c-action {
    display: block;
    text-align: center;
}
.banner-center-wrap .content-center-wrap .c-action .btn-cta {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    padding: 13px 34px;
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0 auto;
    text-transform: uppercase;
}

.section-app-showcase-wrapper {
    background-color: #F2F2F2;
    display: block;
    padding-bottom: 86px;
    padding-top: 86px;
    position: relative;
    width: 100%;
}

.section-app-showcase-wrapper .app-mockup-wrap {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.section-app-showcase-wrapper .app-mockup-wrap .phone-mockup {
    background-image: url('/pge/dominios/correomasivo.com.co/plantillas/2018/recursos/phone-mockup-white.png');
    background-repeat: no-repeat;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 453px;
    margin: 0 auto;
    padding: 51px 22px 56px;
    width: 241px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.section-app-showcase-wrapper .app-mockup-wrap .phone-mockup .app-screen-base {
    background-image: url('/pge/dominios/correomasivo.com.co/plantillas/2018/recursos/app-screen-login.png');
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: 100%;
    -ms-background-position-x: 50%;
    background-position-x: 50%;
    -ms-background-position-y: center;
    background-position-y: center;
    overflow: hidden;
    padding: 0;
    position: relative;
    height: 100%;
    margin: 0;
    width: 100%;

    animation: app-movin-screens 12.5s infinite;
    animation-delay: 6s;

    z-index: 1;
}
.section-app-showcase-wrapper .app-mockup-wrap .phone-mockup .app-screen-base:before {
    content: '';
    background-color: #a955ce;
    background-image: url('/pge/dominios/correomasivo.com.co/plantillas/2018/recursos/exus-logo-blue.png');
    background-position: center center;
    -webkit-background-size: 115px;
    background-size: 115px;
    background-repeat: no-repeat;

    position: absolute;
    bottom: -100%;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;

    animation: app-movin-safescreen 12.5s infinite;
    animation-delay: 6s;
}


@-webkit-keyframes app-movin-screens {
    10%, 53% {
        background-size: 80%;
        -ms-background-position-x: -410%;
        background-position-x: -410%;
    }
    10%, 11% {
        background-size: 80%;
        -ms-background-position-x: -410%;
        background-position-x: -410%;
    }
    53%, 54% {
        background-size: 20%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
    65%, 100% {
        background-size: 100%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
    0% {
        background-size: 100%;
    }
    4% {
        background-size: 80%;
    }
    5% {
        background-size: 80%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
    10% {
        background-size: 80%;
        -ms-background-position-x: -410%;
        background-position-x: -410%;
    }
    55% {
        background-size: 20%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
    65% {
        background-size: 100%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
}

@-moz-keyframes app-movin-screens {
    10%, 53% {
        background-size: 80%;
        -ms-background-position-x: -410%;
        background-position-x: -410%;
    }
    10%, 11% {
        background-size: 80%;
        -ms-background-position-x: -410%;
        background-position-x: -410%;
    }
    53%, 54% {
        background-size: 20%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
    65%, 100% {
        background-size: 100%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
    0% {
        background-size: 100%;
    }
    4% {
        background-size: 80%;
    }
    5% {
        background-size: 80%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
    10% {
        background-size: 80%;
        -ms-background-position-x: -410%;
        background-position-x: -410%;
    }
    55% {
        background-size: 20%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
    65% {
        background-size: 100%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
}

@keyframes app-movin-screens {
    10%, 53% {
        background-size: 80%;
        -ms-background-position-x: -410%;
        background-position-x: -410%;
    }
    10%, 11% {
        background-size: 80%;
        -ms-background-position-x: -410%;
        background-position-x: -410%;
    }
    53%, 54% {
        background-size: 20%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
    65%, 100% {
        background-size: 100%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
    0% {
        background-size: 100%;
    }
    4% {
        background-size: 80%;
    }
    5% {
        background-size: 80%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
    10% {
        background-size: 80%;
        -ms-background-position-x: -410%;
        background-position-x: -410%;
    }
    55% {
        background-size: 20%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
    65% {
        background-size: 100%;
        -ms-background-position-x: 50%;
        background-position-x: 50%;
    }
}

@-webkit-keyframes app-movin-safescreen {
    0%, 5% {
        bottom: -100%;
        opacity: 1;
    }
    10%, 55% {
        bottom: 0;
        opacity: 1;
    }
    65%, 66% {
        opacity: 0;
        bottom: -100%;
    }
    67%, 100% {
        bottom: -100%;
        opacity: 1;
    }
    5% {
        bottom: -100%;
        opacity: 1;
    }
    10% {
        bottom: 0;
        opacity: 1;
    }
    55% {
        bottom: 0;
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }
    65% {
        opacity: 0;
        bottom: 0;
        transform: scale3d(0.12, 0.12, 0.12);
    }
}

@-moz-keyframes app-movin-safescreen {
    0%, 5% {
        bottom: -100%;
        opacity: 1;
    }
    10%, 55% {
        bottom: 0;
        opacity: 1;
    }
    65%, 66% {
        opacity: 0;
        bottom: -100%;
    }
    67%, 100% {
        bottom: -100%;
        opacity: 1;
    }
    5% {
        bottom: -100%;
        opacity: 1;
    }
    10% {
        bottom: 0;
        opacity: 1;
    }
    55% {
        bottom: 0;
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }
    65% {
        opacity: 0;
        bottom: 0;
        transform: scale3d(0.12, 0.12, 0.12);
    }
}

@keyframes app-movin-safescreen {
    0%, 5% {
        bottom: -100%;
        opacity: 1;
    }
    10%, 55% {
        bottom: 0;
        opacity: 1;
    }
    65%, 66% {
        opacity: 0;
        bottom: -100%;
    }
    67%, 100% {
        bottom: -100%;
        opacity: 1;
    }
    5% {
        bottom: -100%;
        opacity: 1;
    }
    10% {
        bottom: 0;
        opacity: 1;
    }
    55% {
        bottom: 0;
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }
    65% {
        opacity: 0;
        bottom: 0;
        transform: scale3d(0.12, 0.12, 0.12);
    }
}

.section-app-showcase-wrapper .app-mockup-wrap .phone-mockup .mockup-slide-wrap {
    overflow: hidden;
    padding: 0;
    position: relative;
    height: 100%;
    margin: 0;
    width: 100%;

    z-index: 1;
}
.section-app-showcase-wrapper .app-mockup-wrap .phone-mockup .mockup-slide-wrap .image-item {
    background-color: #ccc;
    display: block;
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%;
}
.section-app-showcase-wrapper .app-mockup-wrap .phone-mockup .mockup-slide-wrap .image-item:before {
    content: '';
    display: block;
    padding-top: 178%;
    position: relative;
    width: 100%;
    z-index: -1;
}
.section-app-showcase-wrapper .app-mockup-wrap .phone-mockup .mockup-slide-wrap .image-item img {
    border: none;
    height: 100%;
    left: 0;
    outline: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 0.3s ease-in-out;
    transform: scale(0.8);
    will-change: transform;
}

.section-app-showcase-wrapper .app-mockup-wrap .phone-mockup .mockup-slide-wrap .image-item.slick-center img {
    transform: scale(1);
}

.section-app-showcase-wrapper .app-content-wrap {
    display: inline-block;
    padding: 21px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.section-app-showcase-wrapper .app-content-wrap .title {
    display: block;
    color: #1D211D;
    font-size: 3rem;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-bottom: 16px;
    text-align: center;
}
.section-app-showcase-wrapper .app-content-wrap p {
    text-align: center;
}
.section-app-showcase-wrapper .app-content-wrap .stores-actions {
    display: inline-block;
    padding: 21px 0 13px;
    position: relative;
    width: 100%;
}
.section-app-showcase-wrapper .app-content-wrap .stores-actions .btn-app-down {
    display: inline-block;
    height: 56px;
    padding: 0;
    margin: 5px;
    outline: none;
    position: relative;
}
.section-app-showcase-wrapper .app-content-wrap .stores-actions .btn-app-down img {
    border: none;
    width: auto;
    height: 100%;
    outline: none;
}

.section-blog-resume-wrapper {
    background-color: #12A1D5;
    display: block;
    padding: 0;
    position: relative;
    width: 100%;
}
.section-blog-resume-wrapper .post-preview-wrap {
    display: block;
    min-height: 320px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
}
.section-blog-resume-wrapper .post-preview-wrap .post-image-wrap {
    background-color: #3C489E;
    display: block;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.section-blog-resume-wrapper .post-preview-wrap .post-image-wrap .post-image-slide {
    position: relative;
    margin: 0 !important;
    width: 100%;

}
.section-blog-resume-wrapper .post-preview-wrap .post-image-wrap .post-image-slide .image-item {
    background-color: #fff;
    display: block;
    position: relative;
    width: 100%;
}
.section-blog-resume-wrapper .post-preview-wrap .post-image-wrap .post-image-slide .image-item:before {
    content: '';
    display: block;
    padding-top: 50.5%;
    position: relative;
    width: 100%;
    z-index: -1;
}
.section-blog-resume-wrapper .post-preview-wrap .post-image-wrap .post-image-slide .image-item img {
    border: none;
    height: 100%;
    left: 0;
    outline: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
}
.section-blog-resume-wrapper .post-preview-wrap .post-image-wrap .post-image-slide .slick-dots {
    bottom: 13px;
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap {
    background-color: #3C489E;
    display: inline-block;
    position: relative;
    width: 100%;
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap.deg-blue {
    background: #3C489E;
    background: -moz-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #3C489E), color-stop(100%, #12A2D5));
    background: -webkit-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -o-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -ms-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: linear-gradient(to right, #3C489E 0%, #12A2D5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C489E', endColorstr='#12A2D5', GradientType=1 );
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .post-content-slide {
    height: 100%;
    position: relative;
    margin: 0 !important;
    width: 100%;

}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .post-content-slide .slick-list {
    height: 100%;
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .post-content-slide .slick-track {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: 100%;
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .post-content-slide .content-item {
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .post-content-slide .content-item.deg-blue {
    background: #3C489E;
    background: -moz-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #3C489E), color-stop(100%, #12A2D5));
    background: -webkit-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -o-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -ms-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: linear-gradient(to right, #3C489E 0%, #12A2D5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C489E', endColorstr='#12A2D5', GradientType=1 );
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .post-content-slide .content-item:before {
    background: #3C489E;
    background: -moz-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #3C489E), color-stop(100%, #12A2D5));
    background: -webkit-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -o-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: -ms-linear-gradient(left, #3C489E 0%, #12A2D5 100%);
    background: linear-gradient(to right, #3C489E 0%, #12A2D5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C489E', endColorstr='#12A2D5', GradientType=1 );

    content: '';
    bottom: -28px;
    left: 0;
    height: 116px;
    filter: blur(21px);
    position: absolute;
    width: 100%;
    z-index: 1;
        
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .post-slide-controls {
    display: inline-block;
    bottom: 0;
    height: 54px;
    right: 0;
    position: absolute;
    z-index: 10;
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .post-slide-controls .slick-prev,
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .post-slide-controls .slick-next {
    height: 54px;
    line-height: 54px;
    float: left;
    margin-right: 15px;
    position: relative;
    left: auto;
    right: auto;
    width: 54px;
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .post-slide-controls .slick-prev:before,
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .post-slide-controls .slick-next:before {
    font-size: 5rem;
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .content-inner {
    color: #ffffff;
    padding: 21px 46px;
    position: relative;
    text-align: left;
    max-height: 100%;
    overflow: hidden;
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .content-inner .title {
    display: block;
    color: #ffffff;
    font-size: 2.2rem;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-bottom: 26px;
    text-align: left;
    line-height: 1.4;
    letter-spacing: 0.085rem;
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .content-inner .title .highlight {
    color: #47D78A;
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .content-inner p {
    text-align: justify;
    margin-bottom: 0;
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .btn-read {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 1.6rem;
    left: 46px;
    bottom: 12px;
    padding: 0 28px;
    position: absolute;
    text-transform: uppercase;
    height: 46px;
    line-height: 45px;
    z-index: 5;
}
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .btn-read:hover,
.section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .btn-read:focus {
    background-color: #47D78A;
    border-color: #47D78A;
    color: #ffffff;
}
.section-blog-resume-wrapper .tags-wrapper {
    display: block;
    height: 92px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
.section-blog-resume-wrapper .tags-wrapper:after,
.section-blog-resume-wrapper .tags-wrapper:before {
    background-color: #12A1D5;
    content: '';
    position: absolute;
    height: 92px;
    top: 0;
    filter: blur(9px);
    width: 92px;
    z-index: 1;
}
.section-blog-resume-wrapper .tags-wrapper:before {
    box-shadow: 20px 0 24px #12A1D5;
    left: -50px;
}
.section-blog-resume-wrapper .tags-wrapper:after {
    box-shadow: -20px 0 24px #12A1D5;
    right: -50px;
}
.section-blog-resume-wrapper .tags-wrapper .tags-slide {
    display: block;
    padding: 0 25px;
    position: relative;
    width: 100%;
}
.section-blog-resume-wrapper .tags-wrapper .tags-slide .tag-item {
    display: inline-block;
    padding: 15px;
    position: relative;
}
.section-blog-resume-wrapper .tags-wrapper .tags-slide .tag-item .btn-label {
    background-color: transparent;
    display: block;
    color: #ffffff;
    font-size: 1.75rem;
    padding: 8px 15px;
    position: relative;
    letter-spacing: 0.085rem;
}
.section-blog-resume-wrapper .tags-wrapper .tags-slide .tag-item .btn-label:hover,
.section-blog-resume-wrapper .tags-wrapper .tags-slide .tag-item .btn-label:focus {
    background-color: #ffffff;
    color: #12A1D5;
}
.section-blog-resume-wrapper .tags-wrapper .tags-slide .slick-prev,
.section-blog-resume-wrapper .tags-wrapper .tags-slide .slick-next {
    height: 100%;
    z-index: 10;
}
.section-blog-resume-wrapper .tags-wrapper .tags-slide .slick-prev:before,
.section-blog-resume-wrapper .tags-wrapper .tags-slide .slick-next:before {
    font-size: 3rem;
}
.section-blog-resume-wrapper .tags-wrapper .tags-slide .slick-prev {
    left: 0;
}
.section-blog-resume-wrapper .tags-wrapper .tags-slide .slick-next {
    right: 0;
}

.section-exus-showcase-wrapper {
    background-color: #F2F2F2;
    display: block;
    padding-bottom: 86px;
    padding-top: 86px;
    position: relative;
    width: 100%;
}

.section-exus-showcase-wrapper .mockup-wrap {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.section-exus-showcase-wrapper .mockup-wrap img {
    border: none;
    height: auto;
    outline: none;
    width: 100%;
}
.section-exus-showcase-wrapper .content-wrap {
    display: inline-block;
    padding: 0 21px;
    text-align: left;
    width: 100%;
}
.section-exus-showcase-wrapper .content-wrap .title {
    display: block;
    color: #1D211D;
    font-size: 2.6rem;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-bottom: 26px;
    text-align: left;
    line-height: 1.4;
}
.section-exus-showcase-wrapper .content-wrap .title .highlight {
    color: #47D78A;
}
.section-exus-showcase-wrapper .content-wrap p {
    text-align: justify;
}
.section-exus-showcase-wrapper .content-wrap .services-icons-tabs {
    display: inline-block;
    position: relative;
    margin: 36px 0 21px;
    width: 100%;
}
.section-exus-showcase-wrapper .content-wrap .services-icons-tabs img {
    border: none;
    height: auto;
    outline: none;
    width: 100%;
}
.section-exus-showcase-wrapper .content-wrap .exus-brand-foot {
    display: inline-block;
    margin: 21px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.section-exus-showcase-wrapper .content-wrap .exus-brand-foot .brand-logo {
    display: inline-block;
    margin: 0 auto;
    width: 156px;
}
.section-exus-showcase-wrapper .content-wrap .exus-brand-foot .brand-logo img {
    border: none;
    height: auto;
    outline: none;
    width: 100%;
}

.section-calculator-wrapper {
    background-color: #F2F2F2;
    display: block;
    position: relative;
    width: 100%;
}
.section-calculator-wrapper.wave-bg {
    background-image: url('/pge/dominios/correomasivo.com.co/plantillas/2018/recursos/bg-shapes-wave-white-1.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
    background-size: cover;
}

.section-calculator-wrapper .calculator-grid-wrap {
    position: relative;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-card {
    background: #3C489E;
    background: -moz-linear-gradient(57deg, #3C489E 0%, #13A2D6 100%);
    background: -webkit-gradient(57deg, color-stop(0%, #3C489E), color-stop(100%, #13A2D6));
    background: -webkit-linear-gradient(57deg, #3C489E 0%, #13A2D6 100%);
    background: -o-linear-gradient(57deg, #3C489E 0%, #13A2D6 100%);
    background: -ms-linear-gradient(57deg, #3C489E 0%, #13A2D6 100%);
    background: linear-gradient(57deg, #3C489E 0%, #13A2D6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3C489E', endColorstr='#13A2D6', GradientType=1 );
    box-shadow: 0 25px 25px 0 rgba(39,117,186,0.30);
    border-radius: 8px;
    color: #fff;
    height: 100%;
    min-height: 240px;
    padding: 48px 21px;
    position: relative;
    text-align: center;
    transition: all 0.35s ease-in-out;
    width: 100%;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-card:before {
    content: '';
    
    background: -moz-linear-gradient(57deg, #009688 0%, #66BB6A 100%);
    background: -webkit-gradient(57deg, color-stop(0%, #009688), color-stop(100%, #66BB6A));
    background: -webkit-linear-gradient(57deg, #009688 0%, #66BB6A 100%);
    background: -o-linear-gradient(57deg, #009688 0%, #66BB6A 100%);
    background: -ms-linear-gradient(57deg, #009688 0%, #66BB6A 100%);
    background: linear-gradient(57deg, #009688 0%, #66BB6A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009688', endColorstr='#66BB6A', GradientType=1 );
    border-radius: 8px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: all 0.35s ease-in-out;
    width: 100%;
    z-index: 1;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card.schemegreen {
    box-shadow: 0 25px 25px 0 rgba(0, 150, 136, 0.3);
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card.schemegreen:before {
    opacity: 1;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card > * {
    position: relative;
    z-index: 2;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card .title {
    font-size: 28px;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-card .pre-title {
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    line-height: 24px;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-card .post-title {
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 24px;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card .calculator-input-wrap {
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card .calculator-input {
    background: #FFFFFF;
    border: 2px solid transparent;
    border-radius: 5px;
    display: inline-block;
    height: 48px;
    font-size: 22px;
    color: #005097;
    text-align: center;
    transition: all 0.3s ease-in-out;
    line-height: 24px;
    margin: 0 auto;
    max-width: 318px;
    width: 80%;
    
    transition: border-color 1.85s ease-out;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-card .calculator-input.errorsign {
    transition: border-color 0.2s ease-in;
    border-color: #ff5a80;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-card .calculator-input:disabled {
    background: rgba(255, 255, 255, 0.7);
    color: #5686b1;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card .preview-amount {
    font-size: 45px;
    color: #FFFFFF;
    text-align: center;
    line-height: 45px;
    vertical-align: middle;
    position: relative;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card .preview-amount small {
    font-size: 22px;
    margin-left: 10px;
    vertical-align: top;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card .preview-amount small > small {
    font-size: 16px;
    margin: 0;
    vertical-align: super;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card .calculator-action-wrap {
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
    width: 100%;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card .calculator-action-wrap .btn-cta {
    background: #66BB6A;
    color: #FFFFFF;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    max-width: 277px;
    padding: 0 21px;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card .calculator-action-wrap .btn-cta > span {
    transition: all 0.3s ease-in-out;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card .calculator-action-wrap .btn-cta.loading > span {
    opacity: 0;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card .calculator-action-wrap .btn-cta.loading:before {
    content: '...';
    color: #264427;
    height: 48px;
    line-height: 1em;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2em;
    width: 48px;
    z-index: 1;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card.schemegreen .calculator-action-wrap .btn-cta {
    background: #d7ffdc;
    color: #275a29;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card.schemegreen .calculator-input {
    color: #275a29;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-card .bottom-help-text {
    padding: 0 15px;
    position: absolute;
    bottom: 13px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card {
    background: #FFFFFF;
    box-shadow: -1px 13px 20px 0 #F0F2F4;
    border-radius: 8px;
    color: #4A4A4A;
    height: 100%;
    min-height: 240px;
    padding: 21px 21px 48px;
    position: relative;
    text-align: center;
    width: 100%;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .title-section {
    display: inline-block;
    text-align: left;
    margin: 0 0 5px;
    padding: 0 15px;
    position: relative;
    width: 100%;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .title-section h4 {
    display: inline;
    font-size: 18px;
    color: inherit;
    line-height: 30px;
    margin: 0 0 5px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .title-section.title-1 {
    color: #67A734;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .title-section.title-2 {
    color: #2775BA;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .title-section .help-text-right {
    float: right;
    font-size: 16px;
    color: #4A4A4A;
    text-align: right;
    line-height: 30px;
}


.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section {
    display: inline-block;
    margin-bottom: 13px;
    position: relative;
    font-size: 14px;
    width: 100%;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    padding: 6px 15px;
    width: 100%;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .list-cell {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex-grow: 0;
    -webkit-flex-grow: 0;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .text-4,
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .text-2,
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .text,
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .list-cell.text-4,
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .list-cell.text-2,
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .list-cell.text {
    color: inherit;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    text-align: left;
    width: 33%;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .num-4,
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .num-2,
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .num,
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .list-cell.num-4,
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .list-cell.num-2,
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .list-cell.num {
    color: inherit;
    
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .text,
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .list-cell.text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 20px;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .text,
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .list-cell.text {
    width: 180px;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .num,
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .list-cell.num {
    width: 120px;
    text-align: right;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row.header {
    font-size: 12px;
    color: #636363;
    text-align: left;
    line-height: 20px;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row.select-elem {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin-bottom: 2px;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row.select-elem:hover {
    background-color: #ECECEC;
    color: #252525;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row.select-elem.highlight {
    background-color: #ECECEC;
    color: #005097;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row.select-elem.selected {
    background-color: #2775BA;
    color: #F2F2F2;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card.schemegreen .listed-section .listed-row.select-elem.highlight {
    background-color: #ECECEC;
    color: #009688;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card.schemegreen .listed-section .listed-row.select-elem.selected {
    background-color: #009688;
    color: #F2F2F2;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card.schemegreen .title-section.title-1 {
    color: #2775BA;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card.schemegreen .title-section.title-2 {
    color: #67A734;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .bottom-help-text {
    padding: 0 15px;
    position: absolute;
    bottom: 13px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    transition: all 0.3s ease-in-out;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .bottom-help-text.errorsign {
    color: #ff5a80;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-tabs-wrap {
    display: inline-block;
    padding: 42px 0 15px;
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
    overflow-x: auto;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-tabs {
    background-color: #E4E4E4;
    border-radius: 25px;
    display: table;
    height: 50px;
    margin: 0 auto;
    position: relative;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-tabs .tab-bgover {
    background-color: #66BB6A;
    border-radius: 25px;
    content: '';
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;

    transition: left 0.35s ease-in-out, width 0.35s ease-in-out, background 0.35s ease-in-out;

    width: 33%;
    z-index: 1;

    will-change: left, width, background;
}

.section-calculator-wrapper .calculator-grid-wrap .calculator-tabs .tabs-wrap {
    border-radius: 25px;
    display: table-cell;
    height: 50px;
    position: relative;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-tabs .tabs-wrap .help-top-text {
    color: #67A734;
    display: inline-block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    padding-bottom: 15px;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-tabs .tabs-wrap .help-top-text:before {
    background-color: #67A734;
    border-radius: 50%;
    content: '';
    height: 6px;
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);

    width: 6px;
    z-index: 1;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-tabs .tabs-btn {
    background-color: transparent;
    border-radius: 25px;
    color: #4A4A4A;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 21px;
    position: relative;
    text-align: center;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-tabs .tabs-btn:hover,
.section-calculator-wrapper .calculator-grid-wrap .calculator-tabs .tabs-btn:focus {
    color: #2775BA;
}
.section-calculator-wrapper .calculator-grid-wrap .calculator-tabs .tabs-wrap.active .tabs-btn {
    color: #F2F2F2;
}


.footer-white-wrapper {
    background-color: #F2F2F2;
    display: block;
    margin: 0;
    padding-top: 64px;
    position: relative;
    width: 100%;
}
.footer-white-wrapper.map-bg {
    background-image: url('/pge/dominios/correomasivo.com.co/plantillas/2018/recursos/footer-map-dots.png');
    background-repeat: no-repeat;
    background-position: top right;
}

.footer-white-wrapper .content-top-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    max-height: 800px;
    flex-flow: row wrap;

    color: #989898;
    font-size: 1.25rem;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 3;
}
.footer-white-wrapper .content-top-wrapper .cell-wrap {
    display: block;
    padding: 25px;
    width: 50%;
}
.footer-white-wrapper .content-top-wrapper .cell-wrap.logo-cell {
    text-align: center;
    width: 100%;
}
.footer-white-wrapper .content-top-wrapper .brand-logo {
    display: inline-block;

    position: relative;
    top: 0;
    width: 219px;
}
.footer-white-wrapper .content-top-wrapper .brand-logo img {
    border: none;
    height: auto;
    outline: none;
    width: 100%;
}
.footer-white-wrapper .content-top-wrapper .caption-title {
    display: block;
    color: #292525;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0;
    margin-bottom: 8px;
    text-align: left;
    text-transform: uppercase;
}
.footer-white-wrapper .content-top-wrapper .info-block {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
}
.footer-white-wrapper .content-top-wrapper .info-block li {
    color: #292525;
    clear: both;
    display: block;
    font-size: 1.4rem;
    padding-left: 13px;
    text-align: left;
}
.footer-white-wrapper .content-top-wrapper .info-block li > strong {
    display: block;
    margin-bottom: 4px;
}
.footer-white-wrapper .content-top-wrapper .info-block li > span {
    display: block;
    margin-bottom: 4px;
}
.footer-white-wrapper .content-line-wrapper {
    color: #696969;
    font-size: 1.25rem;
    padding: 0;
    position: relative;
    margin-top: 25px;
    text-align: center;
    padding: 5px 0;
}
.footer-white-wrapper .content-bottom-wrapper {
    color: #989898;
    font-size: 1.25rem;
    padding: 0;
    position: relative;
    border-top: 1px solid #989898;
    margin-top: 15px;
    padding: 13px 0;
}
.footer-white-wrapper .content-bottom-wrapper .col-wrap {
    padding: 13px 0;
    text-align: center;
}
.footer-white-wrapper .content-bottom-wrapper a {
    color: inherit;
    font-size: inherit;
}
.footer-white-wrapper .content-bottom-wrapper a:hover,
.footer-white-wrapper .content-bottom-wrapper a:focus {
    text-decoration: underline;
}

/* Media Queries */
@media (min-width: 576px) {
    
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
        width: 768px;
    }
    .nav-section-wrap .navbar-element-wrapper {
        height: 64px;
    }
    .nav-section-wrap .navbar-element-wrapper .navbar-brand {
        height: 64px;
        max-height: 64px;
        padding: 12px;
    }
    .nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap {
        display: none;
        padding: 10px 0px;
        line-height: 44px;
        height: 64px;
        font-size: 1.1rem;
    }
    .nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap > li {
        padding: 0 5px;
    }
    .nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap > li > a {
        padding: 0 18px;
    }
    .nav-section-wrap .navbar-element-wrapper .options-buttons-wrap {
        display: inline-block;
        padding: 8px 0px;
        line-height: 48px;
    }
    .nav-section-wrap .navbar-element-wrapper .options-buttons-wrap .btn-option {
        line-height: 48px;
        height: 48px;
        margin-left: 6px;
        padding: 0 21px;
        font-size: 1.2rem;
    }
    .nav-section-wrap .navbar-element-wrapper .options-buttons-wrap .btn-option.highlight {
        font-size: 1.4rem;
    }

    .slide-bottom-wrap .slide-wrapper {
        min-height: 43px;
    }
    .logos-slide-wrap {
        height: 43px;
    }

    .logos-slide-wrap .slide-item {
        height: 43px;
        padding: 8px;
    }

    .slide-center-wrap {
        min-height: 400px;
    }

    .slide-center-wrap .content-center-wrap .c-title > h3 {
        font-size: 3.4rem;
    }
    .slide-center-wrap .content-center-wrap .c-detail {
        margin-bottom: 58px;
    }
    .slide-center-wrap .content-center-wrap .c-detail > p {
        font-size: 2.1rem;
    }

    .slide-bottom-wrap .slide-title {
        font-size: 1.6rem;
    }
    
    .section-features-wrapper .features-grid-wrap .feature-card {
        background-color: #ffffff;
        -webkit-box-shadow: 0px 6px 34px #ddd;
        -moz-box-shadow: 0px 6px 34px #ddd;
        box-shadow: 0px 6px 34px #ddd;
        display: grid;
        position: relative;
        margin: 21px 7px;
        transition: all 0.3s ease-in-out;
        width: auto;
    }

    .section-features-wrapper .features-grid-wrap .feature-card .icon-wrap {
        left: 20px;
        padding-top: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        z-index: 1;
    }

    .section-features-wrapper .features-grid-wrap .feature-card .content-inner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        padding: 21px;
        padding-bottom: 34px;
        padding-left: 86px;
        position: relative;
        transition: all 0.3s ease-in-out;
        vertical-align: middle;
        text-align: left;
        width: auto;
        z-index: 5;
    }

    .section-banner-divider-wrapper.illustration-1 .illustration-base:before {
        height: 811px;
        top: -70px;
        left: -330px;
        width: 541px;
    }
    .section-banner-divider-wrapper.illustration-1 .illustration-base:after {
        height: 811px;
        top: -120px;
        right: -260px;
        width: 583px;
    }

    .section-app-showcase-wrapper .app-mockup-wrap .phone-mockup {
        height: 341px;
        padding: 38px 46px 42px;
        width: 241px;

        -webkit-background-size: contain;
        background-size: contain;
    }

    .section-app-showcase-wrapper .app-content-wrap {
        text-align: left;
    }
    .section-app-showcase-wrapper .app-content-wrap .title {
        text-align: left;
    }
    .section-app-showcase-wrapper .app-content-wrap p {
        text-align: left;
    }

    .banner-center-wrap .content-center-wrap .c-title > h3 {
        font-size: 2.5rem;
    }

    .banner-center-wrap .content-center-wrap .c-title > h4 {
        font-size: 1.6rem;
    }

    .banner-center-wrap .content-center-wrap .c-detail {
        margin-bottom: 46px;
    }

    .banner-center-wrap .content-center-wrap .c-detail > p {
        font-size: 1.4rem;
    }

    .section-blog-resume-wrapper .post-preview-wrap {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        min-height: 200px;
        width: 100%;
    }
    .section-blog-resume-wrapper .post-preview-wrap .post-image-wrap {
        flex: 1;
        width: 55%;
        max-width: 55%;
    }
    .section-blog-resume-wrapper .post-preview-wrap .post-content-wrap {
        flex: 1;
        width: 45%;
    }

    .section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .content-inner {
        padding: 15px 21px 0;
        text-align: left;
    }
    .section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .content-inner .title {
        font-size: 1.6rem;
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        text-align: left;
        line-height: 1.2;
    }
    .section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .content-inner p {
        font-size: 1.3rem;
    }
    .section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .btn-read {
        font-size: 1.2rem;
        padding: 0 20px;
        height: 40px;
        line-height: 39px;
    }
    .section-exus-showcase-wrapper .content-wrap .exus-brand-foot {
        text-align: right;
    }
    .section-exus-showcase-wrapper .content-wrap .exus-brand-foot .brand-logo {
        margin: 0;
    }
    .section-head-wrapper {
        padding-bottom: 86px;
        padding-top: 134px;
    }
    .section-head-wrapper.padd-b-2 {
        padding-bottom: 46px;
    }
    .section-head-wrapper .header-title {
        padding: 30px 15px;
    }
    .section-head-wrapper .header-title .title {
        font-size: 34px;
    }
    .section-head-wrapper .badges-line > li {
        font-size: 18px;
        padding: 8px;

        width: auto;
    }
    .section-head-wrapper .badges-line > li .badge-icon {
        margin-right: 6px;
        font-size: 24px;
    }
    .footer-white-wrapper .content-top-wrapper {
        display: table;
        min-height: auto;
    }
    .footer-white-wrapper .content-top-wrapper .cell-wrap {
        display: table-cell;
        padding: 0;
        width: auto;
    }
    .footer-white-wrapper .content-top-wrapper .cell-wrap.logo-cell {
        text-align: left;
        width: 25%;
    }
    .footer-white-wrapper .content-top-wrapper .brand-logo {
        top: 54px;
        width: 219px;
    }
    .footer-white-wrapper .content-bottom-wrapper {
        padding: 0;
    }
    .footer-white-wrapper .content-bottom-wrapper .col-wrap {
        padding: 34px 0;
    }
    .footer-white-wrapper .content-bottom-wrapper .col-wrap.left {
        text-align: left;
    }
    .footer-white-wrapper .content-bottom-wrapper .col-wrap.right {
        text-align: right;
    }
}

@media (min-width: 970px) {
    .container {
        max-width: 970px;
        width: 970px;
    }
    .nav-section-wrap .navbar-element-wrapper {
        height: 76px;
    }
    .nav-section-wrap .navbar-element-wrapper .navbar-brand {
        height: 76px;
        max-height: 76px;
        padding: 15px;
    }
    .nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap {
        display: none;
        padding: 14px 0px;
        line-height: 46px;
        height: 76px;
        font-size: 1.3rem;
    }
    .nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap > li {
        padding: 0 5px;
    }
    .nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap > li > a {
        padding: 0 18px;
    }
    .nav-section-wrap .navbar-element-wrapper .options-buttons-wrap {
        padding: 10px 0px;
        line-height: 54px;
    }
    .nav-section-wrap .navbar-element-wrapper .options-buttons-wrap .btn-option {
        line-height: 54px;
        height: 54px;
        margin-left: 10px;
        padding: 0 26px;
        font-size: 1.4rem;
    }
    .nav-section-wrap .navbar-element-wrapper .options-buttons-wrap .btn-option.highlight {
        font-size: 1.6rem;
    }

    .slide-bottom-wrap .slide-wrapper {
        min-height: 64px;
    }
    .logos-slide-wrap {
        height: 64px;
    }

    .logos-slide-wrap .slide-item {
        height: 64px;
        padding: 13px;
    }

    .slide-center-wrap {
        min-height: 520px;
    }

    .slide-center-wrap .content-center-wrap .c-title > h3 {
        font-size: 4.4rem;
    }

    .slide-bottom-wrap .slide-title {
        font-size: 1.8rem;
    }

    .section-app-showcase-wrapper .app-mockup-wrap .phone-mockup {
        height: 453px;
        padding: 51px 62px 56px;
        width: 320px;
    }

    .banner-center-wrap .content-center-wrap .c-title > h3 {
        font-size: 3rem;
    }
    
    .banner-center-wrap .content-center-wrap .c-title > h4 {
        font-size: 2rem;
    }

    .banner-center-wrap .content-center-wrap .c-detail {
        margin-bottom: 58px;
    }

    .banner-center-wrap .content-center-wrap .c-detail > p {
        font-size: 2.1rem;
    }

    .section-blog-resume-wrapper .post-preview-wrap {
        min-height: 250px;
    }

    .section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .content-inner {
        padding: 15px 34px;
        text-align: left;
    }
    .section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .content-inner .title {
        font-size: 2rem;
        padding: 0;
        margin: 0;
        margin-bottom: 18px;
        text-align: left;
        line-height: 1.2;
    }
    .section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .btn-read {
        font-size: 1.3rem;
        padding: 0 22px;
        height: 40px;
        line-height: 39px;
    }

    .section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row .list-cell {
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-flex-direction: row;
        flex-grow: 0;
        -webkit-flex-grow: 0;
    }

    .section-calculator-wrapper .calculator-grid-wrap .calculator-listed-card .listed-section .listed-row.select-elem {
        border: none;

    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
        width: 1200px;
    }

    .nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

    .nav-section-wrap .navbar-element-wrapper .nav-drop-mobile {
        display: none;
    }

    .section-blog-resume-wrapper .post-preview-wrap {
        min-height: 320px;
    }

    .section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .content-inner {
        padding: 21px 46px;
        text-align: left;
    }
    .section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .content-inner .title {
        font-size: 2.2rem;
        padding: 0;
        margin: 0;
        margin-bottom: 26px;
        text-align: left;
        line-height: 1.4;
    }
    .section-blog-resume-wrapper .post-preview-wrap .post-content-wrap .btn-read {
        font-size: 1.6rem;
        padding: 0 28px;
        height: 46px;
        line-height: 45px;
    }

}

/*dots slider*/

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}
.slick-dots li {
    margin: 0 0.25rem!important;
}
.slick-dots button {
    display: block;
    width: 7px!important;
    height: 7px!important;
    padding: 0;
    border-radius: 100%;
    background-color: #c3c3c3!important;
    text-indent: -9999px;
    border: none;
}
.slick-dots li.slick-active button {
    background-color: var(--naranja)!important;
}

.cursor{
    color: #3C489E;
    transition: all 0.3s ease-in-out;
    border-style: none;
    border-image: none;
    text-shadow: none;
    appearance: none;
    background: none;
    cursor: pointer;
}

.input {
    width: 100%;
    position: relative;
    max-width: 283px;
}
.action {
    position: absolute;
    max-width: 283px;
    width: auto;
    padding: 0 15px;
    z-index: 999;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    cursor: pointer; 
    color: #339f81; 
    font-size: 25px; 
}
.paquetes .opciones {
    background-color: #fff;
    padding: 0;
    position: absolute;
    width: 100%;
    border: solid 1px #53b56f;
    border-radius: 8px;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: 10px auto 0;
    z-index: 9999;
}
.opcion{
    transition: all .3s ease;
}
.paquetes .opciones .opcion{cursor:pointer; font-size: 14px; border-bottom: 1px dashed #53b470;padding: 10px 15px;} 
.paquetes .opciones .opcion:hover, .paquetes .opciones .opcion.active{background-color: #d7ffdd;}
.paquetes .opciones .opcion:last-child{border: 0;}




/* ===== WHATSAPP ==== */

.whatsapp-action {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 64px;
	height: 64px;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated-hover:hover {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

.whatsapp-widget {
	position: fixed;
	bottom: 55px;
	right: 15px;
	width: 95px;
	height: 75px;
	background-image: url("/es/dominios/liveconnect.pagegear.co/plantillas/2021/recursos/whatsapp-movil.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	z-index: 9999;
}

@media (min-width: 450px) {
	.whatsapp-widget {
		right: 25px;
		bottom: 15px;
		width: 200px;
		height: 160px;
		background-image: url("/es/dominios/liveconnect.pagegear.co/plantillas/2021/recursos/whatsapp.png");
	}
}

/* ===== FIN WHATSAPP ==== */