@charset "utf-8";

html{
    font-size: 10px;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'humN', 'Lato', sans-serif!important;
}

body, td, th, input, select, textarea{
	font-family: 'humN', 'Lato', sans-serif!important;
	font-size:16px;
	color:#1B1A1A;
}
body{
    background-color: #F4F5FA;
	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;}
.invertir-color{filter: invert(65%);}

#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;
    font-family: "humB";
}
.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
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* 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: '\f0d9';
    margin-right: 4px;
}
[dir='rtl'] .slick-prev:before
{
    content: '\f0da';
    margin-left: 4px;
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\f0da';
    margin-left: 4px;
}
[dir='rtl'] .slick-next:before
{
    content: '\f0d9';
    margin-right: 4px;
}

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

.animatedSpirit.starthide {
    visibility: hidden;
}
.animatedSpirit.starthide.init {
    visibility: visible;
}

.pin-top {
    position: relative;
}
.pin-bottom {
    position: relative;
}
.pinned {
    position: fixed !important;
}
.cloudcrm-logo-complete {
    transition: all 0.3s ease-in-out;
}
.cloudcrm-logo-complete .tone-1 {
    fill: #F9FCFB;
    transition: all 0.3s ease-in-out;
}
.cloudcrm-logo-complete .tone-2 {
    fill: #E5EAE9;
    transition: all 0.3s ease-in-out;
}
.cloudcrm-logo-complete .tone-3 {
    fill: #47C6A5;
    transition: all 0.3s ease-in-out;
}

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); /*#F4F5FA*/
}
.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 {
    background-color: transparent;
    z-index: 198;
    -webkit-overflow-scrolling: touch;
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix::before {
    background: transparent;
    box-shadow: none;
    content: '';
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    height: calc(100% + 2px);
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-transition-property: opacity, background, -webkit-backdrop-filter;
    transition-property: opacity, background, -webkit-backdrop-filter;
    transition-property: opacity, background, backdrop-filter;
    transition-property: opacity, background, backdrop-filter, -webkit-backdrop-filter;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix.blue::before {
    background: rgba(60, 72, 158, 0.7);
    background: linear-gradient(-269deg, rgba(60, 72, 158, 1) 0%, rgba(18, 162, 213, 0.8) 99%);
    box-shadow: 0 -10px 34px rgba(66, 94, 171, 0.6);
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix.white::before {
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 -10px 34px rgba(66, 94, 171, 0.6);
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix.pinned::before  {
    opacity: 1;
    visibility: visible;
}

.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;
    padding-left: 50px;    
}
.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: #fff;
    display: block;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    padding: 0 18px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.075rem;
    display: flex!important;
    height: 46px;
    align-items: center;
}
.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: #47C6A5;
    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: #47C6A5;
}
.nav-section-wrap .navbar-element-wrapper .navbar-menu-wrap .btn-option.highlight {
	background-color: #47C6A5;
	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: #47C6A5;
}

.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: #47C6A5;
	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;
}

.nav-section-wrap .navbar-element-wrapper.head-nav--fix.blue.pinned .navbar-brand .cloudcrm-logo-complete .tone-1 {
    fill: #fff;
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix.blue.pinned .navbar-brand .cloudcrm-logo-complete .tone-2 {
    fill: #fff;
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix.white.pinned .navbar-brand .cloudcrm-logo-complete .tone-1 {
    fill: #3C489E;
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix.white.pinned .navbar-brand .cloudcrm-logo-complete .tone-2 {
    fill: #2a389c;
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix.white.pinned .navbar-menu-wrap > li > a {
    color: #3C489E;
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix.white.pinned .navbar-menu-wrap > li > a:hover,
.nav-section-wrap .navbar-element-wrapper.head-nav--fix.white.pinned .navbar-menu-wrap > li > a:focus {
    background-color: #2C377D;
    color: rgba(255,255,255, 1);
}

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

.nav-section-wrap .navbar-element-wrapper.head-nav--fix.white.pinned .navbar-menu-wrap .btn-option:hover,
.nav-section-wrap .navbar-element-wrapper.head-nav--fix.white.pinned .navbar-menu-wrap .btn-option:focus {
    background-color: transparent;
    color: #46bd9e;
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix.white.pinned .navbar-menu-wrap .btn-option.highlight {
    background-color: #47C6A5;
    color: #ffffff;
    font-size: 1.6rem;
}
.nav-section-wrap .navbar-element-wrapper.head-nav--fix.white.pinned .navbar-menu-wrap .btn-option.highlight:hover,
.nav-section-wrap .navbar-element-wrapper.head-nav--fix.white.pinned .navbar-menu-wrap .btn-option.highlight:focus {
    background-color: #46bd9e;
}

.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.shape-deg-blue::before {
    background: transparent;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAxOTIwIDgwMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5IRVJPPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSIxLjEyNDQxMjk1JSIgeTE9IjQ5Ljc1MDAwMDIlIiB4Mj0iODAuNTkyNzg2OCUiIHkyPSI2Ni43NTkxODExJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMzQzQ4OUUiIG9mZnNldD0iMCUiPjwvc3RvcD4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMTJBMkQ1IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4gICAgICAgIDwvbGluZWFyR3JhZGllbnQ+ICAgIDwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iSG9tZS12MiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSI+ICAgICAgICAgICAgPGcgaWQ9IkhFUk8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDcuMDAwMDAwLCAtOTQ2LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNjEwLjA2MTQyLDI5My45NDcxNjEgTDIwNTQuODIzODcsMjkxLjQ3NTQyOSBDMjMyMS4yNDU2NCwyOTEuMDE5NjI5IDI1MzcuNTkyNjUsNTA2LjYyNzY0NSAyNTM4LjA0ODQ1LDc3My4wNDk0MTEgQzI1MzguMDUyNzIsNzc1LjU0NjA3MSAyNTM4LjAzNzYxLDc3OC4wNDI3MjYgMjUzOC4wMDMxMiw3ODAuNTM5MTUxIEwyNTMzLjc4MjM4LDEwODYuMDI0NSBDMjUzMC4xNDIwNiwxMzQ5LjUwMTE4IDIzMTUuNzU1MTgsMTU2MS4zMDg1MyAyMDUyLjI1MzczLDE1NjEuNzU5MzQgTDYwNy40OTEyODMsMTU2NC4yMzEwNyBDMzQxLjA2OTUxNiwxNTY0LjY4Njg3IDEyNC43MjI1MDIsMTM0OS4wNzg4NSAxMjQuMjY2NzAyLDEwODIuNjU3MDkgQzEyNC4yNjI0MzEsMTA4MC4xNjA0MyAxMjQuMjc3NTQxLDEwNzcuNjYzNzcgMTI0LjMxMjAzMywxMDc1LjE2NzM1IEwxMjguNTMyNzcsNzY5LjY4MjAwMiBDMTMyLjE3MzA5Myw1MDYuMjA1MzIgMzQ2LjU1OTk3NywyOTQuMzk3OTY1IDYxMC4wNjE0MiwyOTMuOTQ3MTYxIFoiIGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMzEuMTU3NTc3LCA5MjcuODUzMjQ5KSByb3RhdGUoLTE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMzMxLjE1NzU3NywgLTkyNy44NTMyNDkpICI+PC9wYXRoPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==');
    background-position: bottom center;
    background-size: cover;

    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: -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;
}
.logos-slide-wrap .slick-dots {
    margin-bottom: -18px;
}
.slide-center-wrap .row-center-wrap {
    position: relative;
    width: 100%;
}
.slide-center-wrap .content-center-wrap {
	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: 1.3rem;
	font-weight: bold;
    font-family: "humB";
	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: #47C6A5;
}
.slide-center-wrap .content-center-wrap .c-title .animhead--headline.type .animhead--words-wrapper.selected {
    background-color: #47C6A5;
}
.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: #47C6A5;
}
.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-center-wrap .illustration-center-wrap {
    display: inline-block;
    margin: auto;
    position: relative;
    width: 100%;
}
.slide-center-wrap .illustration-center-wrap .img {
    border: none;
    height: auto;
    outline: none;
    width: 100%;
}

.section-companies-wrapper {
    background-color: #F4F5FA;
    display: block;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    width: 100%;
}

.slide-bottom-wrap {
	display: inline-block;
	position: relative;
	width: 100%;
}
.slide-bottom-wrap .slide-title {
	color: #6D7381;
	font-size: 1.3rem;
	font-weight: 500;
	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: #F4F5FA;
	display: block;
    margin: 0;
	padding-bottom: 86px;
	padding-top: 86px;
	position: relative;
	width: 100%;
}
.section-features-wrapper.shape-1 {
    background-color: transparent;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI3NzRweCIgaGVpZ2h0PSI1NzVweCIgdmlld0JveD0iMCAwIDc3NCA1NzUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Q29tYmluZWQgU2hhcGU8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iSG9tZS12MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwMS4wMDAwMDAsIC0xMDQyLjAwMDAwMCkiIGZpbGw9IiM0MjVFQUIiPiAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODcuMDAwMDAwLCAxMDE3LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iRmVhdHVyZSI+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDg2LjU4MDg1NiwxNDAuNjcyMzA1IEMxOTAuMzE3MDA0LDIzNS4wODg2NjQgMjAyLjgzNTkxMyw1My42NDI1NTc0IDEzOS4yOTU3MDQsOTQuODQzODkyNiBDNzUuNzU1NDk2MiwxMzYuMDQ1MjI4IDE5My45OTIwMiwyNDYuMDMzMTk4IDIxMi43OTk4NTcsMzU1LjQ3NTUyNyBDMjI5LjUyNzc2NCw0NTIuODE0Nzk0IDYzLjc0MjU4MSw1OTUuMDk2Nzc3IDIxNi44MjU3OTIsNjE3LjIzMDI1NSBDMzMyLjcxMzU2LDYzMy45ODU4NDQgNDE5LjUyNDg0NCw0MjMuNDM4OTM2IDY1Ni43MDk4NzIsNDk0LjA5ODA2NiBDMTAwNy4yNDQxNiw1OTguNTI0NzU4IDc5MC45Nzc2OTIsNDMuNjY0MDQ1MiA0ODYuNTgwODU2LDE0MC42NzIzMDUgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NzguOTk3NDcxLCAzNTMuNDE4MTEwKSByb3RhdGUoMTY0LjAwMDAwMCkgdHJhbnNsYXRlKC00NzguOTk3NDcxLCAtMzUzLjQxODExMCkgIj48L3BhdGg+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=');
    -webkit-background-size: contain;
    background-size: 65% 100%;
    background-position: 40% center;
    background-repeat: no-repeat;
}
.section-features-wrapper.shape-2 {
    background-color: transparent;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI3NzRweCIgaGVpZ2h0PSI2MDNweCIgdmlld0JveD0iMCAwIDc3NCA2MDMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Q29tYmluZWQgU2hhcGU8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iSG9tZS12MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYyOC4wMDAwMDAsIC0xNjk1LjAwMDAwMCkiIGZpbGw9IiMzNjU0QTUiPiAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODcuMDAwMDAwLCAxMDE3LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iRmVhdHVyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDYxNC4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJEZXNpZ24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzMS4wMDAwMDAsIDAuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQzMi45MDc4MDksMTE0Ljc0NzY4NCBDMTM2LjY0Mzk1NywyMDkuMTY0MDQyIDE0OS4xNjI4NjUsMjcuNzE3OTM1NyA4NS42MjI2NTY5LDY4LjkxOTI3MDkgQzIyLjA4MjQ0ODcsMTEwLjEyMDYwNiAxNDAuMzE4OTcyLDIyMC4xMDg1NzYgMTU5LjEyNjgxLDMyOS41NTA5MDUgQzE3NS44NTQ3MTcsNDI2Ljg5MDE3MiAxMDQuMDQ2MDk5LDU3NS44ODI5NDEgMTc5LjQzNTM5NSw2MjQuNTQzMjE5IEMyNjkuOTkwNjU5LDY4Mi45OTI0MjEgMzY1Ljg1MTc5NywzOTcuNTE0MzE1IDYwMy4wMzY4MjUsNDY4LjE3MzQ0NCBDOTUzLjU3MTExNyw1NzIuNjAwMTM3IDczNy4zMDQ2NDUsMTcuNzM5NDIzNSA0MzIuOTA3ODA5LDExNC43NDc2ODQgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MzkuNDYzNjY3LCAzNzYuNjAwNjA2KSBzY2FsZSgtMSwgMSkgcm90YXRlKDE2NC4wMDAwMDApIHRyYW5zbGF0ZSgtNDM5LjQ2MzY2NywgLTM3Ni42MDA2MDYpICI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+');
    -webkit-background-size: contain;
    background-size: 65% 100%;
    background-position: 68% center;
    background-repeat: no-repeat;
}
.section-features-wrapper .features-grid-wrap {
	position: relative;
}

.section-features-wrapper .features-grid-wrap .feature-card {
	background-color: #ffffff;
    border: none;
	display: inline-block;
	min-height: 169px;
	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: -13px;
	height: 6px;
	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 rgba(68, 85, 170, 0.45);
	-moz-box-shadow: 0px 10px 54px rgba(68, 85, 170, 0.45);
	box-shadow: 0px 10px 54px rgba(68, 85, 170, 0.45);
    border-color: #505BA6;
}
.section-features-wrapper .features-grid-wrap .feature-card:hover:before {
	height: 100%;
    bottom: 0;
}
.section-features-wrapper .features-grid-wrap .feature-card .icon-wrap {
	position: relative;
	margin: 0 auto;
    padding-top: 30px;
	width: 106px;
	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 {
    color: #273067;
	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 .title {
    color: #47C6A5;
	font-weight: 500;
	text-align: inherit;
    font-size: 18px;
    margin: 0;
    margin-bottom: 8px;
}
.section-features-wrapper .features-grid-wrap .feature-card .content-inner p {
    color: inherit;
    letter-spacing: 0.035rem;
    margin: 0;
    font-size: 14px;
    text-align: inherit;
    line-height: 18px;
    font-weight: 400;
    min-height: 115px;
}
.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: #F4F5FA;
}
.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: #F4F5FA;
}
.section-features-wrapper .features-grid-wrap .feature-card:hover .service-icons-comp .color-stop-6 {
    stop-color: #F4F5FA;
}
.section-features-wrapper .features-content-wrap {
    padding: 21px;
}
.section-features-wrapper .features-content-wrap .title {
    color: #667EB6;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 10px;
    text-align: left;
}
.section-features-wrapper .features-content-wrap p {
    color: #2F3A5B;
    font-size: 21.86px;
    margin: 0;
    text-align: left;
}

.section-banner-divider-wrapper {
	background-color: #F0F1F3;
    color: #3C489E;
	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 );
}

.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: inherit;
	font-size: 2rem;
	font-weight: bold;
    font-family: "humB";
	padding: 0;
	margin: 0;
	margin-bottom: 16px;
	text-align: center;
}
.banner-center-wrap .content-center-wrap .c-title > h3 .highlight {
	color: #47C6A5;
}
.banner-center-wrap .content-center-wrap .c-title > h4 {
	display: block;
	color: inherit;
	font-size: 1.3rem;
	font-weight: normal;
	letter-spacing: 0.075rem;
	padding: 0;
	margin: 0;
	text-align: center;
}
.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: inherit;
	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: #F4F5FA;
	display: block;
	padding-bottom: 86px;
	padding-top: 86px;
	position: relative;
	width: 100%;
}

.section-app-showcase-wrapper::before {
    content: '';
    background-color: #3654A5;
    display: block;
    bottom: 0;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.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('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0MDRweCIgaGVpZ2h0PSI3NjJweCIgdmlld0JveD0iMCAwIDQwNCA3NjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+aVBob25lWDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz4gICAgICAgIDxmaWx0ZXIgeD0iLTExLjQlIiB5PSItNi4wJSIgd2lkdGg9IjEyMi44JSIgaGVpZ2h0PSIxMTIuMSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0xIj4gICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIyIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlT2Zmc2V0PiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjExIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVHYXVzc2lhbkJsdXI+ICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgICAwIDAgMCAwIDAgICAwIDAgMCAwIDAgIDAgMCAwIDAuMDU4MTk3NDYzOCAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiByZXN1bHQ9InNoYWRvd01hdHJpeE91dGVyMSI+PC9mZUNvbG9yTWF0cml4PiAgICAgICAgICAgIDxmZU1lcmdlPiAgICAgICAgICAgICAgICA8ZmVNZXJnZU5vZGUgaW49InNoYWRvd01hdHJpeE91dGVyMSI+PC9mZU1lcmdlTm9kZT4gICAgICAgICAgICAgICAgPGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIj48L2ZlTWVyZ2VOb2RlPiAgICAgICAgICAgIDwvZmVNZXJnZT4gICAgICAgIDwvZmlsdGVyPiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSIxMDAlIiB5MT0iNTAlIiB4Mj0iMCUiIHkyPSI1MCUiIGlkPSJsaW5lYXJHcmFkaWVudC0yIj4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNSIgb2Zmc2V0PSIwJSI+PC9zdG9wPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC41IiBvZmZzZXQ9Ijk3Ljc4NDk1MyUiPjwvc3RvcD4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+ICAgICAgICA8L2xpbmVhckdyYWRpZW50PiAgICAgICAgPHBhdGggZD0iTTE5Ni40MDAyOTMsNzE4IEMxOTUuNjcwNTI4LDcxNy4wMjg5ODQgMTk0LjUwODY1NCw3MTYuNDAwODkxIDE5My4yLDcxNi40MDA4OTEgTDE2Mi44LDcxNi40MDA4OTEgQzE2MS40OTEzNDYsNzE2LjQwMDg5MSAxNjAuMzI5NDcyLDcxNy4wMjg5ODQgMTU5LjU5OTcwNyw3MTggTDY5LjExMjEyMzQsNzE4IEM0NS4yMTk0MjExLDcxOCAzNi41NTUzNSw3MTUuNTEzNjU5IDI3LjgyMDUzNTEsNzEwLjg0NDgzIEMxOS4wODU3MjAzLDcwNi4xNzYwMDEgMTIuMjMwNTg2NSw2OTkuMzI0Njg0IDcuNTU5MTU2NDYsNjkwLjU5NDczMiBDMi44ODc3MjYzOCw2ODEuODY0NzgxIDAuNCw2NzMuMjA1NTM0IDAuNCw2NDkuMzI2MTM1IEwwLjQsNjguNjczODY0OSBDMC40LDQ0Ljc5NDQ2NiAyLjg4NzcyNjM4LDM2LjEzNTIxODkgNy41NTkxNTY0NiwyNy40MDUyNjc2IEMxMi4yMzA1ODY1LDE4LjY3NTMxNjMgMTkuMDg1NzIwMywxMS44MjM5OTk0IDI3LjgyMDUzNTEsNy4xNTUxNzAyOSBDMzYuNTU1MzUsMi40ODYzNDEyMyA0NS4yMTk0MjExLDQuMzg2NTc0NDJlLTE1IDY5LjExMjEyMzQsMCBMMjg2Ljg4Nzg3Nyw1LjU0OTAxMjY4ZS0xNSBDMzEwLjc4MDU3OSwxLjE2MjQzODI2ZS0xNSAzMTkuNDQ0NjUsMi40ODYzNDEyMyAzMjguMTc5NDY1LDcuMTU1MTcwMjkgQzMzNi45MTQyOCwxMS44MjM5OTk0IDM0My43Njk0MTMsMTguNjc1MzE2MyAzNDguNDQwODQ0LDI3LjQwNTI2NzYgQzM1My4xMTIyNzQsMzYuMTM1MjE4OSAzNTUuNiw0NC43OTQ0NjYgMzU1LjYsNjguNjczODY0OSBMMzU1LjYsNjQ5LjMyNjEzNSBDMzU1LjYsNjczLjIwNTUzNCAzNTMuMTEyMjc0LDY4MS44NjQ3ODEgMzQ4LjQ0MDg0NCw2OTAuNTk0NzMyIEMzNDMuNzY5NDEzLDY5OS4zMjQ2ODQgMzM2LjkxNDI4LDcwNi4xNzYwMDEgMzI4LjE3OTQ2NSw3MTAuODQ0ODMgQzMxOS40NDQ2NSw3MTUuNTEzNjU5IDMxMC43ODA1NzksNzE4IDI4Ni44ODc4NzcsNzE4IEwxOTYuNDAwMjkzLDcxOCBaIiBpZD0icGF0aC0zIj48L3BhdGg+ICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTQiPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC41IiBvZmZzZXQ9IjAlIj48L3N0b3A+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjUiIG9mZnNldD0iOTUuMjEyNTcyNyUiPjwvc3RvcD4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+ICAgICAgICA8L2xpbmVhckdyYWRpZW50PiAgICAgICAgPHBhdGggZD0iTTY5LjUzMzI0NDgsNS41OTY4ODE5NiBMMjkwLjQ2Njc1NSw1LjU5Njg4MTk2IEMzMTEuODYzMjA1LDUuNTk2ODgxOTYgMzE5LjYyMjA3NSw3LjgyMzQ1NjIgMzI3LjQ0NDI5NywxMi4wMDQ0OTcxIEMzMzUuMjY2NTE5LDE2LjE4NTUzODEgMzQxLjQwNTQ0NSwyMi4zMjEwNDU4IDM0NS41ODg4MTUsMzAuMTM4OTEyNiBDMzQ5Ljc3MjE4NSwzNy45NTY3Nzk1IDM1Miw0NS43MTEzMjkxIDM1Miw2Ny4wOTU4NjU1IEwzNTIsNjUwLjkwNDEzNSBDMzUyLDY3Mi4yODg2NzEgMzQ5Ljc3MjE4NSw2ODAuMDQzMjIxIDM0NS41ODg4MTUsNjg3Ljg2MTA4NyBDMzQxLjQwNTQ0NSw2OTUuNjc4OTU0IDMzNS4yNjY1MTksNzAxLjgxNDQ2MiAzMjcuNDQ0Mjk3LDcwNS45OTU1MDMgQzMxOS42MjIwNzUsNzEwLjE3NjU0NCAzMTEuODYzMjA1LDcxMi40MDMxMTggMjkwLjQ2Njc1NSw3MTIuNDAzMTE4IEw2OS41MzMyNDQ4LDcxMi40MDMxMTggQzQ4LjEzNjc5NSw3MTIuNDAzMTE4IDQwLjM3NzkyNTMsNzEwLjE3NjU0NCAzMi41NTU3MDMxLDcwNS45OTU1MDMgQzI0LjczMzQ4MDksNzAxLjgxNDQ2MiAxOC41OTQ1NTUxLDY5NS42Nzg5NTQgMTQuNDExMTg0OSw2ODcuODYxMDg3IEMxMC4yMjc4MTQ3LDY4MC4wNDMyMjEgOCw2NzIuMjg4NjcxIDgsNjUwLjkwNDEzNSBMOCw2Ny4wOTU4NjU1IEM4LDQ1LjcxMTMyOTEgMTAuMjI3ODE0NywzNy45NTY3Nzk1IDE0LjQxMTE4NDksMzAuMTM4OTEyNiBDMTguNTk0NTU1MSwyMi4zMjEwNDU4IDI0LjczMzQ4MDksMTYuMTg1NTM4MSAzMi41NTU3MDMxLDEyLjAwNDQ5NzEgQzQwLjM3NzkyNTMsNy44MjM0NTYyIDQ4LjEzNjc5NSw1LjU5Njg4MTk2IDY5LjUzMzI0NDgsNS41OTY4ODE5NiBaIiBpZD0icGF0aC01Ij48L3BhdGg+ICAgIDwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iSG9tZS12MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY0Ny4wMDAwMDAsIC0yNTAwLjAwMDAwMCkiPiAgICAgICAgICAgIDxnIGlkPSJDVEEtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkuMDAwMDAwLCAyNDA1LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iaVBob25lWCIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0xKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjU2LjAwMDAwMCwgOTUuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQm9keSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjIuMDAwMDAwLCAyMC4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iYnV0dG9ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDk2Ljc0NjEwMikiIGZpbGw9IiNGRkZGRkYiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzU4LjQsNjguNzYxNjkyNyBDMzU5LjI4MzY1Niw2OC43NjE2OTI3IDM2MCw2OS40Nzc2MzgyIDM2MCw3MC4zNjA4MDE4IEwzNjAsMTUwLjMxNjI1OCBDMzYwLDE1MS4xOTk0MjIgMzU5LjI4MzY1NiwxNTEuOTE1MzY3IDM1OC40LDE1MS45MTUzNjcgQzM1Ny41MTYzNDQsMTUxLjkxNTM2NyAzNTYuOCwxNTEuMTk5NDIyIDM1Ni44LDE1MC4zMTYyNTggTDM1Ni44LDcwLjM2MDgwMTggQzM1Ni44LDY5LjQ3NzYzODIgMzU3LjUxNjM0NCw2OC43NjE2OTI3IDM1OC40LDY4Ljc2MTY5MjcgWiIgaWQ9ImJ1dC00Ij48L3BhdGg+ICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjYsMTE2LjczNDk2NyBDMi40ODM2NTU2LDExNi43MzQ5NjcgMy4yLDExNy40NTA5MTIgMy4yLDExOC4zMzQwNzYgTDMuMiwxNjcuOTA2NDU5IEMzLjIsMTY4Ljc4OTYyMiAyLjQ4MzY1NTYsMTY5LjUwNTU2OCAxLjYsMTY5LjUwNTU2OCBDMC43MTYzNDQ0LDE2OS41MDU1NjggMS4wODIxNjZlLTE2LDE2OC43ODk2MjIgMCwxNjcuOTA2NDU5IEwwLDExOC4zMzQwNzYgQy0xLjA4MjE2NmUtMTYsMTE3LjQ1MDkxMiAwLjcxNjM0NDQsMTE2LjczNDk2NyAxLjYsMTE2LjczNDk2NyBaIiBpZD0iYnV0LTMiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEuNiw1MS4xNzE0OTIyIEMyLjQ4MzY1NTYsNTEuMTcxNDkyMiAzLjIsNTEuODg3NDM3NyAzLjIsNTIuNzcwNjAxMyBMMy4yLDEwMi4zNDI5ODQgQzMuMiwxMDMuMjI2MTQ4IDIuNDgzNjU1NiwxMDMuOTQyMDk0IDEuNiwxMDMuOTQyMDk0IEMwLjcxNjM0NDQsMTAzLjk0MjA5NCAxLjA4MjE2NmUtMTYsMTAzLjIyNjE0OCAwLDEwMi4zNDI5ODQgTDAsNTIuNzcwNjAxMyBDLTEuMDgyMTY2ZS0xNiw1MS44ODc0Mzc3IDAuNzE2MzQ0NCw1MS4xNzE0OTIyIDEuNiw1MS4xNzE0OTIyIFoiIGlkPSJidXQtMiI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMS42LDAgQzIuNDgzNjU1NiwtMS42MjIzNDUxOWUtMTYgMy4yLDAuNzE1OTQ1NTQ1IDMuMiwxLjU5OTEwOTEzIEwzLjIsMjYuMzg1MzAwNyBDMy4yLDI3LjI2ODQ2NDMgMi40ODM2NTU2LDI3Ljk4NDQwOTggMS42LDI3Ljk4NDQwOTggQzAuNzE2MzQ0NCwyNy45ODQ0MDk4IDEuMDgyMTY2ZS0xNiwyNy4yNjg0NjQzIDAsMjYuMzg1MzAwNyBMMCwxLjU5OTEwOTEzIEMtMS4wODIxNjZlLTE2LDAuNzE1OTQ1NTQ1IDAuNzE2MzQ0NCwxLjYyMjM0NTE5ZS0xNiAxLjYsMCBaIiBpZD0iYnV0LTEiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNvbWJpbmVkLVNoYXBlLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDAwMDAwLCAwLjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Zz4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZDRkNGQyIgeGxpbms6aHJlZj0iI3BhdGgtMyI+PC91c2U+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGwtb3BhY2l0eT0iMC4wNiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0yKSIgeGxpbms6aHJlZj0iI3BhdGgtMyI+PC91c2U+ICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImluIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRkZGQUZBIiB4bGluazpocmVmPSIjcGF0aC01Ij48L3VzZT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjRjBGMEYwIiBzdHJva2Utd2lkdGg9IjAuNzk5OTk5OTUyIiBkPSJNNjkuNTMzMjQ0OCw1Ljk5Njg4MTk0IEM1MC4wODYwMDI0LDUuOTk2ODgxOTQgNDEuNTY4MTExNSw3LjY0MDg0NjY4IDMyLjc0NDI2MSwxMi4zNTcyNjYxIEMyNC45OTE3NDksMTYuNTAxMDQ2MyAxOC45MDk5Mzc1LDIyLjU3OTQ3MTUgMTQuNzYzODY2NCwzMC4zMjc2MzM5IEMxMC4wNDQ4NjE4LDM5LjE0NjQ5MjQgOC4zOTk5OTk5OCw0Ny42NTk1NDMzIDguMzk5OTk5OTgsNjcuMDk1ODY1NSBMOC4zOTk5OTk5OCw2NTAuOTA0MTM1IEM4LjM5OTk5OTk4LDY3MC4zNDA0NTcgMTAuMDQ0ODYxOCw2NzguODUzNTA4IDE0Ljc2Mzg2NjQsNjg3LjY3MjM2NiBDMTguOTA5OTM3NSw2OTUuNDIwNTI5IDI0Ljk5MTc0OSw3MDEuNDk4OTU0IDMyLjc0NDI2MSw3MDUuNjQyNzM0IEM0MS41NjgxMTE1LDcxMC4zNTkxNTMgNTAuMDg2MDAyNCw3MTIuMDAzMTE4IDY5LjUzMzI0NDgsNzEyLjAwMzExOCBMMjkwLjQ2Njc1NSw3MTIuMDAzMTE4IEMzMDkuOTEzOTk4LDcxMi4wMDMxMTggMzE4LjQzMTg4OCw3MTAuMzU5MTUzIDMyNy4yNTU3MzksNzA1LjY0MjczNCBDMzM1LjAwODI1MSw3MDEuNDk4OTU0IDM0MS4wOTAwNjIsNjk1LjQyMDUyOSAzNDUuMjM2MTM0LDY4Ny42NzIzNjYgQzM0OS45NTUxMzgsNjc4Ljg1MzUwOCAzNTEuNiw2NzAuMzQwNDU3IDM1MS42LDY1MC45MDQxMzUgTDM1MS42LDY3LjA5NTg2NTUgQzM1MS42LDQ3LjY1OTU0MzMgMzQ5Ljk1NTEzOCwzOS4xNDY0OTI0IDM0NS4yMzYxMzQsMzAuMzI3NjMzOSBDMzQxLjA5MDA2MiwyMi41Nzk0NzE1IDMzNS4wMDgyNTEsMTYuNTAxMDQ2MyAzMjcuMjU1NzM5LDEyLjM1NzI2NjEgQzMxOC40MzE4ODgsNy42NDA4NDY2OCAzMDkuOTEzOTk4LDUuOTk2ODgxOTQgMjkwLjQ2Njc1NSw1Ljk5Njg4MTk0IEw2OS41MzMyNDQ4LDUuOTk2ODgxOTQgWiIgc3Ryb2tlLWxpbmVqb2luPSJzcXVhcmUiIGZpbGwtb3BhY2l0eT0iMC4wNiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC00KSI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMTUuOTUyMjgzLDQxLjU4Nzk3MzMgQzMzMC41NzMxOSw0MS41ODc5NzMzIDMzNS44NzUwODQsNDMuMTA5NDY1NyAzNDEuMjIwMjcsNDUuOTY2NTEwMyBDMzQ2LjU2NTQ1NSw0OC44MjM1NTUgMzUwLjc2MDM4Nyw1My4wMTYxNTE5IDM1My42MTkwMjQsNTguMzU4MzYwOSBDMzU2LjQ3NzY2LDYzLjcwMDU2OTkgMzU4LDY4Ljk5OTUxMjIgMzU4LDgzLjYxMjI3ODcgTDM1OCw2NzQuMzg3NzIxIEMzNTgsNjg5LjAwMDQ4OCAzNTYuNDc3NjYsNjk0LjI5OTQzIDM1My42MTkwMjQsNjk5LjY0MTYzOSBDMzUwLjc2MDM4Nyw3MDQuOTgzODQ4IDM0Ni41NjU0NTUsNzA5LjE3NjQ0NSAzNDEuMjIwMjcsNzEyLjAzMzQ5IEMzMzUuODc1MDg0LDcxNC44OTA1MzQgMzMwLjU3MzE5LDcxNi40MTIwMjcgMzE1Ljk1MjI4Myw3MTYuNDEyMDI3IEw4OC4wNDc3MTczLDcxNi40MTIwMjcgQzczLjQyNjgwOTksNzE2LjQxMjAyNyA2OC4xMjQ5MTU2LDcxNC44OTA1MzQgNjIuNzc5NzMwNSw3MTIuMDMzNDkgQzU3LjQzNDU0NTMsNzA5LjE3NjQ0NSA1My4yMzk2MTI3LDcwNC45ODM4NDggNTAuMzgwOTc2Myw2OTkuNjQxNjM5IEM0Ny41MjIzNCw2OTQuMjk5NDMgNDYsNjg5LjAwMDQ4OCA0Niw2NzQuMzg3NzIxIEw0Niw4My42MTIyNzg3IEM0Niw2OC45OTk1MTIyIDQ3LjUyMjM0LDYzLjcwMDU2OTkgNTAuMzgwOTc2Myw1OC4zNTgzNjA5IEM1My4yMzk2MTI3LDUzLjAxNjE1MTkgNTcuNDM0NTQ1Myw0OC44MjM1NTUgNjIuNzc5NzMwNSw0NS45NjY1MTAzIEM2OC4xMjQ5MTU2LDQzLjEwOTQ2NTcgNzMuNDI2ODA5OSw0MS41ODc5NzMzIDg4LjA0NzcxNzMsNDEuNTg3OTczMyBMMzE1Ljk1MjI4Myw0MS41ODc5NzMzIFoiIGlkPSJ7U0NSRUVOLUhFUkV9LUNvcHktMiIgZmlsbD0iIzJDMkUzMCI+PC9wYXRoPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+');
    background-repeat: no-repeat;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
    padding: 0;
    padding-top: 456px;
    width: 100%;
    max-width: 241px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top left;
    filter: drop-shadow(0 1rem 2rem rgba(125,138,159,0.13));
}

.section-app-showcase-wrapper .app-mockup-wrap .phone-mockup .mockup-slide-wrap {
    background-color: transparent;
    border-radius: 10%/5%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    height: 88.6%;
    margin: 0;
    top: 5.4%;
    left: 11.4%;
    width: 78%;

    z-index: 1;
}
.section-app-showcase-wrapper .app-mockup-wrap .phone-mockup .mockup-slide-wrap .image-item {
    background-color: transparent;
    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: 217%;
    position: relative;
    width: 100%;
    z-index: -1;
}
.section-app-showcase-wrapper .app-mockup-wrap .phone-mockup .mockup-slide-wrap .image-item img {
    border: none;
    border-radius: 10%/5%;
    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-mockup-wrap .phone-mockup .mockup-phone-notch {
    background-color: transparent;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxODVweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMTg1IDI2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPntTQ1JFRU4gSEVSRX0gQ29weTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz4gICAgICAgIDxmaWx0ZXIgeD0iLTExLjQlIiB5PSItNi4wJSIgd2lkdGg9IjEyMi44JSIgaGVpZ2h0PSIxMTIuMSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0xIj4gICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIyIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlT2Zmc2V0PiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjExIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVHYXVzc2lhbkJsdXI+ICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgICAwIDAgMCAwIDAgICAwIDAgMCAwIDAgIDAgMCAwIDAuMDU4MTk3NDYzOCAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiByZXN1bHQ9InNoYWRvd01hdHJpeE91dGVyMSI+PC9mZUNvbG9yTWF0cml4PiAgICAgICAgICAgIDxmZU1lcmdlPiAgICAgICAgICAgICAgICA8ZmVNZXJnZU5vZGUgaW49InNoYWRvd01hdHJpeE91dGVyMSI+PC9mZU1lcmdlTm9kZT4gICAgICAgICAgICAgICAgPGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIj48L2ZlTWVyZ2VOb2RlPiAgICAgICAgICAgIDwvZmVNZXJnZT4gICAgICAgIDwvZmlsdGVyPiAgICAgICAgPHBhdGggZD0iTTc0LjIsNS4zODUzMDA2NyBMMTExLjgsNS4zODUzMDA2NyBDMTEzLjM0NjM5Nyw1LjM4NTMwMDY3IDExNC42LDYuNjM4MjA1MzcgMTE0LjYsOC4xODM3NDE2NSBDMTE0LjYsOS43MjkyNzc5MiAxMTMuMzQ2Mzk3LDEwLjk4MjE4MjYgMTExLjgsMTAuOTgyMTgyNiBMNzQuMiwxMC45ODIxODI2IEM3Mi42NTM2MDI3LDEwLjk4MjE4MjYgNzEuNCw5LjcyOTI3NzkyIDcxLjQsOC4xODM3NDE2NSBDNzEuNCw2LjYzODIwNTM3IDcyLjY1MzYwMjcsNS4zODUzMDA2NyA3NC4yLDUuMzg1MzAwNjcgWiIgaWQ9InBhdGgtMiI+PC9wYXRoPiAgICAgICAgPGZpbHRlciB4PSItMy41JSIgeT0iLTI2LjglIiB3aWR0aD0iMTA2LjklIiBoZWlnaHQ9IjE1My42JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTMiPiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dCbHVySW5uZXIxIj48L2ZlR2F1c3NpYW5CbHVyPiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMCIgZHk9IjEiIGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSI+PC9mZU9mZnNldD4gICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW49InNoYWRvd09mZnNldElubmVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXJJbm5lcjEiPjwvZmVDb21wb3NpdGU+ICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgICAwIDAgMCAwIDAgICAwIDAgMCAwIDAgIDAgMCAwIDAuMDUyNjc3NzYyNyAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dJbm5lcklubmVyMSI+PC9mZUNvbG9yTWF0cml4PiAgICAgICAgPC9maWx0ZXI+ICAgICAgICA8ZWxsaXBzZSBpZD0icGF0aC00IiBjeD0iMTMxIiBjeT0iOC4xODM3NDE2NSIgcng9IjUuMiIgcnk9IjUuMTk3MTA0NjgiPjwvZWxsaXBzZT4gICAgICAgIDxmaWx0ZXIgeD0iLTE0LjQlIiB5PSItMTQuNCUiIHdpZHRoPSIxMjguOCUiIGhlaWdodD0iMTI4LjklIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItNSI+ICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd0JsdXJJbm5lcjEiPjwvZmVHYXVzc2lhbkJsdXI+ICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSIwIiBkeT0iMSIgaW49InNoYWRvd0JsdXJJbm5lcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0SW5uZXIxIj48L2ZlT2Zmc2V0PiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSI+PC9mZUNvbXBvc2l0ZT4gICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4wNTI2Nzc3NjI3IDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29sb3JNYXRyaXg+ICAgICAgICA8L2ZpbHRlcj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJIb21lLXYyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzU3LjAwMDAwMCwgLTI1NDEuMDAwMDAwKSI+ICAgICAgICAgICAgPGcgaWQ9IkNUQS0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS4wMDAwMDAsIDI0MDUuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJpUGhvbmVYIiBmaWx0ZXI9InVybCgjZmlsdGVyLTEpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NTYuMDAwMDAwLCA5NS4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA5LjAwMDAwMCwgNDEuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUuMzg0NTc5MjgsNC44OTA5MzU4MiBDNS45NjkxMjEsMTAuNTA1NjM5NyA2LjczMTM3MDI1LDE0LjE5MTI4NTUgNy42NzEzMjcwNCwxNS45NDc4NzMzIEM5LjQxNDM5Nzk2LDE5LjIwNTMxNzggMTEuOTcyMjgzNywyMS43NjE3NzkzIDE1LjIzMTU0MywyMy41MDM4Nzk3IEMxOC40OTA4MDIyLDI1LjI0NTk4MDEgMjEuOTg3NjI5MywyNi4xNzM3MTk0IDI5LjMxOTAyODcsMjYuMTczNzE5NCBMMTU2LjY4MDk3MSwyNi4xNzM3MTk0IEMxNjQuMDEyMzcxLDI2LjE3MzcxOTQgMTY3LjUwOTE5OCwyNS4yNDU5ODAxIDE3MC43Njg0NTcsMjMuNTAzODc5NyBDMTc0LjAyNzcxNiwyMS43NjE3NzkzIDE3Ni41ODU2MDIsMTkuMjA1MzE3OCAxNzguMzI4NjczLDE1Ljk0Nzg3MzMgQzE3OS4yNjg2MjksMTQuMTkxMjg2IDE4MC4wMzA4NzksMTAuNTA1NjQxNyAxODAuNjE1NDIsNC44OTA5NDAzOCBMMTgwLjYxNTQxNSw0Ljg5MDkzOTg4IEMxODAuODY5OTk2LDIuNDQ1NjE2OTIgMTgyLjkzMTA3NywwLjU4Nzk3MzI3NCAxODUuMzg5NjE3LDAuNTg3OTczMjc0IEwxODUuOTUyMjgzLDAuNTg3OTczMjc0IEwxODUuOTUyMjgzLDAgTDAuNjEwMzgzNjc4LDAgTDAuNjEwMzgzNjc4LDAuNTg3OTczMjc0IEwwLjYxMDM4MzcyMiwwLjU4Nzk3NDExNyBDMy4wNjg5MjAyMSwwLjU4Nzk3NDExNyA1LjEyOTk5OTIyLDIuNDQ1NjE1NjcgNS4zODQ1NzkyOCw0Ljg5MDkzNTgyIFoiIGlkPSJ7U0NSRUVOLUhFUkV9LUNvcHkiIGZpbGw9IiNGRkZBRkEiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0ic3BlYWtlciI+ICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0Y1RjVGNSIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0yIj48L3VzZT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIxIiBmaWx0ZXI9InVybCgjZmlsdGVyLTMpIiB4bGluazpocmVmPSIjcGF0aC0yIj48L3VzZT4gICAgICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImNhbS0yIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRjVGNUY1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTQiPjwvdXNlPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItNSkiIHhsaW5rOmhyZWY9IiNwYXRoLTQiPjwvdXNlPiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgICAgICA8ZWxsaXBzZSBpZD0iY2FtLTEiIGZpbGw9IiNGRkZBRkEiIGN4PSIxMzEiIGN5PSI4LjE4Mzc0MTY1IiByeD0iMi44IiByeT0iMi43OTg0NDA5OCI+PC9lbGxpcHNlPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    padding-top: 6.4%;
    margin: 0;
    top: 5.4%;
    left: 11.4%;
    width: 78%;

    z-index: 2;
}

.section-app-showcase-wrapper .app-content-wrap {
    color: #F4F5FA;
	display: inline-block;
	padding: 21px;
    position: relative;
	text-align: center;
	width: 100%;
    z-index: 2;
}

.section-app-showcase-wrapper .app-content-wrap .pre-title {
    display: block;
    color: #C9CDD5;
    font-weight: 300;
    padding: 0;
    margin: 0;
    margin-bottom: 16px;
    text-align: center;
    letter-spacing: 0;
    font-size: 16px;
    text-transform: uppercase;
}
.section-app-showcase-wrapper .app-content-wrap .title {
	display: block;
	color: #F4F5FA;
	font-weight: 300;
	padding: 0;
	margin: 0;
	margin-bottom: 16px;
	text-align: center;
    font-size: 34px;
    letter-spacing: 0;
    line-height: 46px;
}
.section-app-showcase-wrapper .app-content-wrap p {
	text-align: center;
    font-size: 16px;
    color: #C5D0E6;
    letter-spacing: 0;
    line-height: 28px;
}
.section-app-showcase-wrapper .stores-actions {
	display: inline-block;
	padding: 21px 0 13px;
	position: relative;
	width: 100%;
}
.section-app-showcase-wrapper .stores-actions .btn-app-down {
	display: inline-block;
	height: 48px;
	padding: 0;
	margin: 5px;
	outline: none;
	position: relative;
}
.section-app-showcase-wrapper .stores-actions .btn-app-down img {
	border: none;
	width: auto;
	height: 100%;
	outline: none;
}

.section-app-showcase-wrapper .slide-titles-wrap {
    display: block;
    overflow: hidden;
    margin-right: -30px;
    margin-left: -30px;
    padding: 10px 0;
    position: relative;
}
.section-app-showcase-wrapper .slide-titles-wrap:after,
.section-app-showcase-wrapper .slide-titles-wrap:before {
    background-color: #3654A5;
    content: '';
    position: absolute;
    height: 92px;
    bottom: 0;
    filter: blur(9px);
    width: 32px;
    z-index: 1;
}
.section-app-showcase-wrapper .slide-titles-wrap:before {
    box-shadow: 20px 0 100px #3654A5;
    left: -20px;
}
.section-app-showcase-wrapper .slide-titles-wrap:after {
    box-shadow: -20px 0 100px #3654A5;
    right: -20px;
}
.section-app-showcase-wrapper .slide-titles-wrap .titles-slide {
    display: block;
    padding: 0;
    padding-top: 70px;
    position: relative;
    width: 100%;
}
.section-app-showcase-wrapper .slide-titles-wrap .titles-slide .title-item {
    display: inline-block;
    padding: 15px 30px;
    position: relative;
}
.section-app-showcase-wrapper .slide-titles-wrap .titles-slide .title-item .title-label {
    background-color: transparent;
    display: block;
    color: #8aa3da;
    padding: 8px 0;
    position: relative;
    text-align: left;
    font-size: 24px;
    letter-spacing: 0;
    margin-right: 2em;
    transition: all 0.3s ease-in-out;
}
.section-app-showcase-wrapper .slide-titles-wrap .titles-slide .title-item.slick-active .title-label {
    color: #ffffff;
}
.section-app-showcase-wrapper .slide-titles-wrap .titles-slide .slick-prev,
.section-app-showcase-wrapper .slide-titles-wrap .titles-slide .slick-next {
    background-color: #5C74B4;
    border-radius: 999px;
    color: #ffffff;
    transform: none;
    transition: all 0.35s ease-in-out;
    top: 0;
    height: 49px;
    width: 49px;
    z-index: 10;
}
.section-app-showcase-wrapper .slide-titles-wrap .titles-slide .slick-prev:before,
.section-app-showcase-wrapper .slide-titles-wrap .titles-slide .slick-next:before {
    color: inherit;
    font-size: 3rem;
}
.section-app-showcase-wrapper .slide-titles-wrap .titles-slide .slick-prev {
    left: 30px;
}
.section-app-showcase-wrapper .slide-titles-wrap .titles-slide .slick-next {
    right: auto;
    left: 90px;
}
.section-app-showcase-wrapper .slide-titles-wrap .titles-slide .slick-prev:hover,
.section-app-showcase-wrapper .slide-titles-wrap .titles-slide .slick-next:hover {
    background-color: #ffffff;
    color: #5C74B4;
}
.section-app-showcase-wrapper .slide-content-wrap {
    display: block;
    overflow: hidden;
    margin-right: -30px;
    margin-left: -30px;
    padding: 0;
    position: relative;
}
.section-app-showcase-wrapper .slide-content-wrap:after,
.section-app-showcase-wrapper .slide-content-wrap:before {
    background-color: #3654A5;
    content: '';
    position: absolute;
    height: 100%;
    bottom: 0;
    filter: blur(9px);
    width: 32px;
    z-index: 1;
}
.section-app-showcase-wrapper .slide-content-wrap:before {
    box-shadow: 20px 0 100px #3654A5;
    left: -20px;
}
.section-app-showcase-wrapper .slide-content-wrap:after {
    box-shadow: -20px 0 100px #3654A5;
    right: -20px;
}
.section-app-showcase-wrapper .slide-content-wrap .content-slide {
    display: block;
    padding: 0;
    position: relative;
    width: 100%;
}
.section-app-showcase-wrapper .slide-content-wrap .content-slide .content-item {
    display: inline-block;
    padding: 0 30px 40px;
    position: relative;
}

.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;
    font-family: "humB";
	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: #47C6A5;
}
.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: #47C6A5;
    border-color: #47C6A5;
    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: #F4F5FA;
	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: #47C6A5;
}
.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: #F4F5FA;
    display: block;
    padding-bottom: 16px;
    padding-top: 0;
    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: #F4F5FA;
}

.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: #F4F5FA;
}
.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: #F4F5FA;
}


.footer-waves-wrapper {
	background-color: #3654A5;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAxOTIwIDk4OSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5mb290ZXItd2F2ZXM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjEuMTI0NDEyOTUlIiB5MT0iNDkuNzUwMDAwMiUiIHgyPSI5OS45MjE1ODU2JSIgeTI9IjQ5Ljc1MDAwMDIlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzRCNTlDMCIgb2Zmc2V0PSIwJSI+PC9zdG9wPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyMUIwRTMiIG9mZnNldD0iMTAwJSI+PC9zdG9wPiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4gICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMS4xMjQ0MTI5NSUiIHkxPSI0OS43NTAwMDAyJSIgeDI9Ijk5LjkyMTU4NTYlIiB5Mj0iNDkuNzUwMDAwMiUiIGlkPSJsaW5lYXJHcmFkaWVudC0yIj4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNDM1MEIxIiBvZmZzZXQ9IjAlIj48L3N0b3A+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzE1QUFERSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+ICAgICAgICA8L2xpbmVhckdyYWRpZW50PiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSIxLjEyNDQxMjk1JSIgeTE9IjQ5Ljc1MDAwMDIlIiB4Mj0iMTAxLjI1NzgxMyUiIHkyPSI0OS43NTAwMDAyJSIgaWQ9ImxpbmVhckdyYWRpZW50LTMiPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMzQzQ4OUUiIG9mZnNldD0iMCUiPjwvc3RvcD4gICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMTJBMkQ1IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4gICAgICAgIDwvbGluZWFyR3JhZGllbnQ+ICAgIDwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iSG9tZS12MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIC01MTExLjAwMDAwMCkiPiAgICAgICAgICAgIDxnIGlkPSJGb290ZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDI2LjAwMDAwMCwgNDM1My4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9ImZvb3Rlci13YXZlcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAyNi4wMDAwMDAsIDc1OC4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNzM2OTExOTA5IEMyNDQuNTE4MTQyLDMwMS42OTY0OTQgNTY2LjE0NjMyNSw1MDEuMjQxODA1IDEwMTQuODc2Niw1NDAuNjg2MjE0IEMxNTAzLjI3MTUxLDU4My42MTcyMzYgMTY2OC41NjQzLDM5MS4wNDMzMDUgMTkyMCw0NTcuMzgxNzA2IEwxOTIwLDk5MCBMMCw5OTAgTDAsMC43MzY5MTE5MDkgWiIgaWQ9IlBhdGgiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDIwMS4xMTE5NSBDMzY2Ljc5MzQwNCw0NzguNzk1NzkgODQwLjE0NzIzLDY4OC4xNDExMTEgMTQzOS41NTM3LDU1My42MDE2NDEgQzE2MjcuMTA3OTQsNTExLjUwNDI1MiAxNzY2LjU0NjEsNDU4LjU5NTgyMyAxODg4LjIxNzg1LDQ3Ni43NTk2NjUgQzE4OTguOTM1MDEsNDc4LjM1OTU4MyAxOTA5LjUyMDA1LDQ4MC40NDM2NTggMTkyMCw0ODIuOTkzNzI3IEwxOTIwLDk1MCBMMCw5NTAgTDAsMjAxLjExMTk1IFoiIGlkPSJQYXRoIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTIpIj48L3BhdGg+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMyMi40NDgzNyw2MjAuMjEyODA2IEMxNTM0LjY3NDE0LDU5OC42Njk0MTEgMTcxNS4wMDQ4MSw0NzguNzQzNzY5IDE5MjAsNTI3LjY4NDc2MyBMMTkyMCw5MzAgTC0wLjAwMDIwNDI4MjU3NSw5MzAgTC0wLjAwMDIwNDI4MjU3NSwzNjcuNDIwNDE3IEMzNDAuOTQzMjYsNTU0LjM3MDYwMiA3NzYuNzk5MzU3LDY3NS42MDI1NTUgMTMyMi40NDgzNyw2MjAuMjEyODA2IFoiIGlkPSJQYXRoIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTMpIj48L3BhdGg+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=');
    background-position: bottom left;
    -webkit-background-size: 130% 46%;
    background-size: 130% 46%;
    background-repeat: no-repeat;
    color: #F4F5FA;
	display: block;
	margin: 0;
	position: relative;
	width: 100%;
}
.footer-waves-wrapper .content-top-wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row wrap;

	color: #F4F5FA;
	font-size: 1.25rem;
	padding: 64px 0;
	position: relative;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
	width: 100%;
    z-index: 3;
}
.footer-waves-wrapper .content-top-wrapper .cell-center-wrap {
	display: block;
    margin: 0 auto;
    text-align: center;
	width: 100%;
}

.footer-waves-wrapper .content-top-wrapper .cell-center-wrap .title {
    font-size: 28px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    line-height: 40px;
}
.footer-waves-wrapper .content-top-wrapper .cell-center-wrap .subtitle {
    font-size: 14px;
    color: #C5D0E6;
    letter-spacing: 0;
    text-align: center;
    line-height: 34px;
}

.footer-waves-wrapper .content-top-wrapper .suscription-wrap {
    background: #FFFFFF;
    border: 1px solid #E7EAEE;
    box-shadow: 0 2px 4px 0 rgba(44,46,48,0.05);
    border-radius: 5px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
}
.footer-waves-wrapper .content-top-wrapper .suscription-wrap .field-wrap {
    border-right: 1px solid #E7EAEE;
    flex: 1;
    height: 75px;
    padding: 15px;
}
.footer-waves-wrapper .content-top-wrapper .suscription-wrap .field-wrap .field-input {
    border: none;
    color: #3654A5;
    height: 100%;
    width: 100%;
}
.footer-waves-wrapper .content-top-wrapper .suscription-wrap .btn-send {
    height: 75px;
    font-size: 1.3em;
    color: #3654A5;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    min-width: 30%;
}

.footer-waves-wrapper .content-top-wrapper .brand-logo {
	display: inline-block;

	position: relative;
	top: 0;
	width: 219px;
}
.footer-waves-wrapper .content-top-wrapper .brand-logo img {
	border: none;
	height: auto;
	outline: none;
	width: 100%;
}
.footer-waves-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-waves-wrapper .content-top-wrapper .info-block {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
}
.footer-waves-wrapper .content-top-wrapper .info-block li {
	color: #292525;
	clear: both;
	display: block;
	font-size: 1.4rem;
	padding-left: 13px;
	text-align: left;
}
.footer-waves-wrapper .content-top-wrapper .info-block li > strong {
	display: block;
	margin-bottom: 4px;
}
.footer-waves-wrapper .content-top-wrapper .info-block li > span {
	display: block;
	margin-bottom: 4px;
}
.footer-waves-wrapper .content-bottom-wrapper {
	color: rgba(255, 255, 255, 0.7);
	font-size: 1.25rem;
	position: relative;
	padding: 0;
    padding-bottom: 36px;
}
.footer-waves-wrapper .content-bottom-wrapper .col-wrap {
	padding: 13px 0;
	text-align: center;
}
.footer-waves-wrapper .content-bottom-wrapper a {
	color: inherit;
	font-size: inherit;
}
.footer-waves-wrapper .content-bottom-wrapper a:hover,
.footer-waves-wrapper .content-bottom-wrapper a:focus {
	text-decoration: underline;
}
.footer-waves-wrapper .content-middle-wrapper {
    color: #F4F5FA;
    padding: 64px 0;
    position: relative;
}

.footer-waves-wrapper .info-wrapper {
    display: inline-block;
    position: relative;
}
.footer-waves-wrapper .info-brand {
    display: block;
    height: 58px;
    max-height: 58px;
    padding: 0;
}
.footer-waves-wrapper .info-brand .img {
    border: none;
    height: 100%;
    outline: none;
    width: auto;
}
.footer-waves-wrapper .info-brand .cloudcrm-logo-complete .tone-3 {
    fill: #16246F;
}
.footer-waves-wrapper .info-wrapper .info-list {
    list-style: none;
    margin: 0;
    padding: 8px;
}
.footer-waves-wrapper .info-wrapper .info-list li {
    padding: 0;
    font-size: 0.85em;
    color: #FEFEFE;
    text-align: left;
    font-weight: 300;
    line-height: 1.5;
}
.footer-waves-wrapper .info-wrapper .info-list li .fa {
    color: #16246F;
}
.footer-waves-wrapper .info-wrapper .info-list li a {
    padding: 0;
    font-size: 1em;
    color: #FEFEFE;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.085em;
    text-decoration: none;
}
.footer-waves-wrapper .info-wrapper .info-list li a:hover {
    text-decoration: underline;
}

.footer-waves-wrapper .info-menu {
    list-style: none;
    margin: 0;
    padding: 8px;
}
.footer-waves-wrapper .info-menu li {
    padding: 0;
    font-size: 0.85em;
    color: #FEFEFE;
    text-align: left;
    font-weight: 300;
    line-height: 1.5;
}
.footer-waves-wrapper .info-menu li .title {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.85em;
    letter-spacing: 2.09px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 4px;
    padding: 0;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.footer-waves-wrapper .info-menu li .title.color-1 {
    color: #8FBDDD;
}
.footer-waves-wrapper .info-menu li .title.color-2 {
    color: #DBF1FF;
}
.footer-waves-wrapper .info-menu li .title.color-3 {
    color: #8CC4E2;
}
.footer-waves-wrapper .info-menu li a {
    padding: 0;
    font-size: 0.95em;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.085em;
    text-decoration: none;
}
.footer-waves-wrapper .info-menu li a:hover {
    text-decoration: underline;
}


.btn-animated{
    position: relative;
}
.btn-animated:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
}
.btn-animated:hover{
    color:#2a72b8 !important;
}
.btn-animated:hover:after, .btn-animated:active:after {
    width: 100%;
}


/* Media Queries */
@media (min-width: 576px) {
    .section-app-showcase-wrapper::before {
        bottom: 25%;
    }
    .section-app-showcase-wrapper .app-mockup-wrap .phone-mockup {
        max-width: 100%;
        padding-top: 190%;
    }
    .section-app-showcase-wrapper .stores-actions {
        position: absolute;
        left: 0;
        bottom: 17%;
    }
    .section-app-showcase-wrapper .stores-actions .btn-app-down {
        height: 50px;
    }
}

@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: 1.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 {
        margin-top: 21px;
        margin-bottom: 80px;
    }
    
    .section-features-wrapper .features-grid-wrap .feature-card {
        background-color: #ffffff;
        -webkit-box-shadow: 0 30px 38px 0 rgba(125,138,159,0.13);
        -moz-box-shadow: 0 30px 38px 0 rgba(125,138,159,0.13);
        box-shadow: 0 30px 38px 0 rgba(125,138,159,0.13);
        border-radius: 8px;
        display: grid;
        position: relative;
        margin: 21px 7px;
        transition: all 0.3s ease-in-out;
        width: auto;
    }
    .section-features-wrapper .features-grid-wrap .feature-card:before {
        border-radius: 6px;
    }

    .section-features-wrapper .features-grid-wrap .feature-card .icon-wrap {
        right: 0;
        padding-top: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 106px;
        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: 28px;
        padding-right: 106px;
        position: relative;
        transition: all 0.3s ease-in-out;
        vertical-align: middle;
        text-align: left;
        width: auto;
        z-index: 5;
    }

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

    .section-app-showcase-wrapper .stores-actions {
        bottom: 20%;
    }
    .section-app-showcase-wrapper .stores-actions .btn-app-down {
        height: 52px;
    }

	.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;
    }
    .section-calculator-wrapper {
        padding-bottom: 86px;
        padding-top: 86px;
    }
    .footer-waves-wrapper {
        -webkit-background-size: 100% 96%;
        background-size: 100% 96%;
    }
	.footer-waves-wrapper .content-top-wrapper {
		min-height: 600px;
	}
	.footer-waves-wrapper .content-top-wrapper .cell-center-wrap {
		padding: 0;
		width: 40%;
	}
    .footer-waves-wrapper .content-top-wrapper .cell-center-wrap .title {
        font-size: 32px;
    }
    .footer-waves-wrapper .content-top-wrapper .cell-center-wrap .subtitle {
        font-size: 18px;
    }
	.footer-waves-wrapper .content-top-wrapper .brand-logo {
		top: 54px;
		width: 219px;
	}
    .footer-waves-wrapper .content-middle-wrapper {
        min-height: 240px;
    }
	.footer-waves-wrapper .content-bottom-wrapper {

	}
	.footer-waves-wrapper .content-bottom-wrapper .col-wrap {
		padding: 34px 0;
	}
	.footer-waves-wrapper .content-bottom-wrapper .col-wrap.left {
		text-align: left;
	}
	.footer-waves-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: 80px;
		padding: 13px;
	}

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

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

	.slide-bottom-wrap .slide-title {
		font-size: 1.8rem;
	}
    
    .section-app-showcase-wrapper .stores-actions {
        bottom: 20%;
    }
    .section-app-showcase-wrapper .stores-actions .btn-app-down {
        height: 54px;
    }

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

    }
}



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

.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 #7d8a9f21;
    border-radius: 6px;
}

.tt-detalles {
    font-size: calc(1em + 2vw);
    text-align: center;
    font-weight: bold;
    color: #3654A5;
    line-height: 1.2em;
    padding-bottom: 1rem;
    width: 100%;
    display: block;
    border-bottom: 2px solid #3C489E;
}
.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: 30px 35px;
    width: 100%;
    height: 170px;
    max-width: 320px;
    border-left: 7px solid #0A79E2;
}
.tt-det {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #47E5B3;
    text-align: left;
    line-height: 1.2em;
    padding-bottom: 1rem;
    max-width: 171px;
}
.txt-det {
    font-size: 14px;
    color: #273067;
    line-height: 1.2em;
    margin: auto;
    text-align: left;
}


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

@media (min-width: 500px) {

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

}


@media (min-width: 992px) {

    .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: 30px;
    }

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

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

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


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

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


    .desc-detalles{
        width: 100%;
    }

    .section-app-showcase-wrapper .stores-actions {
        bottom: 9%;
    }
    .section-app-showcase-wrapper .stores-actions .btn-app-down {
        height: 54px;
    }

}

@media (min-width: 1200px) {

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

}

@media (min-width: 1200px) {

    .tt-detalles{
        font-size: 39px;
    }

	.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-app-showcase-wrapper .stores-actions {
        bottom: 12%;
    }
    .section-app-showcase-wrapper .stores-actions .btn-app-down {
        height: 56px;
    }

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

}





/*correccion de estilos*/

.btn-option.highlight {
    display: flex!important;
    height: 46px;
    align-items: center;
    font-size: 16px!important;
    justify-content: center;
    text-align: center;
}