@charset "utf-8";

@font-face {
    font-family: 'Humanist521BT';
    src: url('fonts/HUM521B.eot');
    src: local('☺'), url('fonts/HUM521B.woff') format('woff'), url('fonts/HUM521B.ttf') format('truetype'), url('fonts/HUM521B.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Humanist521BT';
    src: url('fonts/HUM521N.eot');
    src: local('☺'), url('fonts/HUM521N.woff') format('woff'), url('fonts/HUM521N.ttf') format('truetype'), url('fonts/HUM521N.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Humanist521BT';
  src: url('fonts/HUM521L.eot');
  src: local('☺'), url('fonts/HUM521L.woff') format('woff'), url('fonts/HUM521L.ttf') format('truetype'), url('fonts/HUM521L.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}

body, td, th, input, select, textarea{
    font-family: 'Humanist521BT', '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;}
.cursor{cursor: pointer;}
/* 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; }

.bootbox.modal.CloudEvetntsSignupForm{
    display: flex;
    align-items: center;
}

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

.p-x{padding: 0;}

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

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

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

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

.container {
    width: 100%;
}

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

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

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

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

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

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

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

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

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

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

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

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

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list
{
    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: 0;
}
.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: 100px;    
}
.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;
}
.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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjgwMSIgdmlld0JveD0iMCAwIDE5MjAgODAxIj4gIDxkZWZzPiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InNoYXBlLWJnLTItYSIgeDE9IjEuMTI0JSIgeDI9IjgwLjU5MyUiIHkxPSI0OS43NSUiIHkyPSI2Ni43NTklIj4gICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjM0M0ODlFIi8+ICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTJBMkQ1Ii8+ICAgIDwvbGluZWFyR3JhZGllbnQ+ICA8L2RlZnM+ICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTE2NSkiPiAgICA8cG9seWdvbiBmaWxsPSIjRDFEQ0ZGIiBwb2ludHM9IjcgMzQ0IDYzMC40NTMgOTQ0IDE5MzQgODQ0LjgwNyAxOTI2Ljg2NyA3NTMuNjMiLz4gICAgPHBvbHlnb24gZmlsbD0idXJsKCNzaGFwZS1iZy0yLWEpIiBwb2ludHM9IjAgMzY1Ljg4MSA4OTIuODQ5IDk1NCAxOTI4IDc1Ny4wNzcgMTkxNy4wMDMgNC42NjkgMCAwIi8+ICA8L2c+PC9zdmc+');
    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;
	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;
    padding-top: 21px;
    position: relative;
    width: 100%;
}
.slide-center-wrap .illustration-center-wrap .img {
    border: none;
    height: auto;
    outline: none;
    width: 100%;
    transform: scale(1.2);
}

.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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjU0IiBoZWlnaHQ9IjYyMyIgdmlld0JveD0iMCAwIDY1NCA2MjMiPiAgPGRlZnM+ICAgIDxyZWN0IGlkPSJzaGFwZXMtYm9keS0yLTEtYiIgd2lkdGg9IjMyNC4xMTQiIGhlaWdodD0iMzIzLjg4IiB4PSIwIiB5PSIwIiByeD0iMTQuNCIvPiAgICA8ZmlsdGVyIGlkPSJzaGFwZXMtYm9keS0yLTEtYSIgd2lkdGg9IjE1Mi4xJSIgaGVpZ2h0PSIxNTIuMiUiIHg9Ii0yNi4xJSIgeT0iLTEzLjclIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPiAgICAgIDxmZU9mZnNldCBkeT0iNDAiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz4gICAgICA8ZmVHYXVzc2lhbkJsdXIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIiBzdGREZXZpYXRpb249IjIxLjUiLz4gICAgICA8ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAuMTc0MjU0NzY4ICAgMCAwIDAgMCAwLjE3OTI3NTk4ICAgMCAwIDAgMCAwLjE4ODUwOTc3OSAgMCAwIDAgMC4wOTI5ODU3MzM3IDAiLz4gICAgPC9maWx0ZXI+ICAgIDxyZWN0IGlkPSJzaGFwZXMtYm9keS0yLTEtZCIgd2lkdGg9IjIwMS42NzEiIGhlaWdodD0iMjAxLjUyNSIgeD0iMzY3LjMyOSIgeT0iMjIzLjExNyIgcng9IjE0LjQiLz4gICAgPGZpbHRlciBpZD0ic2hhcGVzLWJvZHktMi0xLWMiIHdpZHRoPSIxODMuOCUiIGhlaWdodD0iMTgzLjklIiB4PSItNDEuOSUiIHk9Ii0yMi4xJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4gICAgICA8ZmVPZmZzZXQgZHk9IjQwIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+ICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIyMS41Ii8+ICAgICAgPGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0JsdXJPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwLjE3NDI1NDc2OCAgIDAgMCAwIDAgMC4xNzkyNzU5OCAgIDAgMCAwIDAgMC4xODg1MDk3NzkgIDAgMCAwIDAuMDkyOTg1NzMzNyAwIi8+ICAgIDwvZmlsdGVyPiAgICA8cmVjdCBpZD0ic2hhcGVzLWJvZHktMi0xLWYiIHdpZHRoPSI5Ny4yMzQiIGhlaWdodD0iOTcuMTY0IiB4PSIyMjYuODgiIHk9IjQ0MC44MzYiIHJ4PSI0NS45Ii8+ICAgIDxmaWx0ZXIgaWQ9InNoYXBlcy1ib2R5LTItMS1lIiB3aWR0aD0iMjczLjglIiBoZWlnaHQ9IjI3My45JSIgeD0iLTg2LjklIiB5PSItNDUuOCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+ICAgICAgPGZlT2Zmc2V0IGR5PSI0MCIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPiAgICAgIDxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMjEuNSIvPiAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMC4xNzQyNTQ3NjggICAwIDAgMCAwIDAuMTc5Mjc1OTggICAwIDAgMCAwIDAuMTg4NTA5Nzc5ICAwIDAgMCAwLjA5Mjk4NTczMzcgMCIvPiAgICA8L2ZpbHRlcj4gICAgPHBhdGggaWQ9InNoYXBlcy1ib2R5LTItMS1oIiBkPSJNNTUuMDUzMzYwNyw0NTMuMjU1MzY1IEwxMTUuODg4MTkzLDQ1My4yMjU4ODQgTDg1LjQ5NzA3MTYsMzk5LjA3MzYxNyBMNTUuMDUzMzYwNyw0NTMuMjU1MzY1IFogTTEyNS4xMDg1MzQsNDU4LjYyMTQxNiBMNDUuODIyNjQ4Myw0NTguNjU5ODQgTDg1LjQ5OTg2MDUsMzg4LjA0NDkwMyBMMTI1LjEwODUzNCw0NTguNjIxNDE2IFoiLz4gICAgPGZpbHRlciBpZD0ic2hhcGVzLWJvZHktMi0xLWciIHdpZHRoPSIzMTMuMiUiIGhlaWdodD0iMzM5LjMlIiB4PSItMTA2LjYlIiB5PSItNjMlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPiAgICAgIDxmZU9mZnNldCBkeT0iNDAiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz4gICAgICA8ZmVHYXVzc2lhbkJsdXIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIiBzdGREZXZpYXRpb249IjIxLjUiLz4gICAgICA8ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAuMTc0MjU0NzY4ICAgMCAwIDAgMCAwLjE3OTI3NTk4ICAgMCAwIDAgMCAwLjE4ODUwOTc3OSAgMCAwIDAgMC4wOTI5ODU3MzM3IDAiLz4gICAgPC9maWx0ZXI+ICA8L2RlZnM+ICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQzIDMpIj4gICAgPHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjc2hhcGVzLWJvZHktMi0xLWEpIiB4bGluazpocmVmPSIjc2hhcGVzLWJvZHktMi0xLWIiLz4gICAgPHVzZSBmaWxsPSIjRkM1QzQyIiB4bGluazpocmVmPSIjc2hhcGVzLWJvZHktMi0xLWIiLz4gICAgPHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjc2hhcGVzLWJvZHktMi0xLWMpIiB4bGluazpocmVmPSIjc2hhcGVzLWJvZHktMi0xLWQiLz4gICAgPHVzZSBmaWxsPSIjQzVEMEU2IiB4bGluazpocmVmPSIjc2hhcGVzLWJvZHktMi0xLWQiLz4gICAgPHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjc2hhcGVzLWJvZHktMi0xLWUpIiB4bGluazpocmVmPSIjc2hhcGVzLWJvZHktMi0xLWYiLz4gICAgPHVzZSBmaWxsPSIjMjczMDY3IiB4bGluazpocmVmPSIjc2hhcGVzLWJvZHktMi0xLWYiLz4gICAgPGcgdHJhbnNmb3JtPSJyb3RhdGUoMTUgODUuNDY2IDQyMy4zNTIpIj4gICAgICA8dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNzaGFwZXMtYm9keS0yLTEtZykiIHhsaW5rOmhyZWY9IiNzaGFwZXMtYm9keS0yLTEtaCIvPiAgICAgIDx1c2UgZmlsbD0iI0ZGQzUxQSIgeGxpbms6aHJlZj0iI3NoYXBlcy1ib2R5LTItMS1oIi8+ICAgIDwvZz4gICAgPHBhdGggZmlsbD0iI0ZDNUM0MiIgZD0iTTUzMC4zMjE1ODMsMTg3Ljk2MDc1MyBDNTI2LjY5MTQ1LDE5MS41OTc0MyA1MjIuNjk0MDY4LDE5MS4zNDgxNzkgNTE5LjQ4MjEzNCwxOTEuMTQ3OTgyIEM1MTYuNjE5NTgyLDE5MC45Njg5OTkgNTE0LjM1ODUyNCwxOTAuODI3ODAxIDUxMi4yMDU5ODYsMTkyLjk4NDIxOSBDNTEwLjA1NDEwOSwxOTUuMTM5OTc0IDUxMC4xOTQzOTEsMTk3LjQwNTEwOCA1MTAuMzczMDUzLDIwMC4yNzI4MTkgQzUxMC41NzI4ODksMjAzLjQ5MDU0MyA1MTAuODIyMzUzLDIwNy40OTUxMyA1MDcuMTkyMjE5LDIxMS4xMzE4MDYgQzUwMy41NjIwODYsMjE0Ljc2ODQ4MyA0OTkuNTY1MzY1LDIxNC41MTg1NjkgNDk2LjM1MzQzMiwyMTQuMzE3NzEgQzQ5My40OTA4OCwyMTQuMTM4NzI3IDQ5MS4yMjk4MjEsMjEzLjk5ODE5MiA0ODkuMDc4NjA3LDIxNi4xNTMyODQgQzQ4Ni45MjY3MywyMTguMzA5MDM5IDQ4Ny4wNjc2NzQsMjIwLjU3MzUxIDQ4Ny4yNDYzMzUsMjIzLjQ0MTIyMiBDNDg3LjQ0NjgzMywyMjYuNjU4OTQ1IDQ4Ny42OTYyOTcsMjMwLjY2Mjg2OSA0ODQuMDY2ODI1LDIzNC4yOTg4ODMgQzQ4MC40MzczNTMsMjM3LjkzNDg5NyA0NzYuNDM5OTcyLDIzNy42ODU2NDYgNDczLjIyODAzOCwyMzcuNDg0Nzg3IEM0NzAuMzY2MTQ4LDIzNy4zMDU4MDMgNDY4LjEwNTA4OSwyMzcuMTY0NjA1IDQ2NS45NTM4NzUsMjM5LjMyMDM2IEM0NjUuMDQ4NjU3LDI0MC4yMjY1NDcgNDYzLjU4Mjk3MywyNDAuMjI2NTQ3IDQ2Mi42Nzg0MTcsMjM5LjMyMDM2IEM0NjEuNzczODYxLDIzOC40MTQxNzQgNDYxLjc3Mzg2MSwyMzYuOTQ1MTg1IDQ2Mi42Nzg0MTcsMjM2LjAzODk5OSBDNDY2LjMwNzg4OSwyMzIuNDAyOTg1IDQ3MC4zMDQ2MDksMjMyLjY1MjIzNiA0NzMuNTE2NTQzLDIzMi44NTMwOTUgQzQ3Ni4zNzkwOTQsMjMzLjAzMjA3OCA0NzguNjM5NDkxLDIzMy4xNzMyNzYgNDgwLjc5MTM2OCwyMzEuMDE3NTIxIEM0ODIuOTQzMjQ0LDIyOC44NjI0MjkgNDgyLjgwMjMsMjI2LjU5Nzk1OCA0ODIuNjIzNjM5LDIyMy43MzAyNDcgQzQ4Mi40MjMxNDEsMjIwLjUxMjUyMyA0ODIuMTczNjc3LDIxNi41MDg1OTkgNDg1LjgwMzE0OSwyMTIuODcyNTg1IEM0ODkuNDMzMjgzLDIwOS4yMzU5MDkgNDkzLjQzMDAwMywyMDkuNDg1ODIyIDQ5Ni42NDE5MzcsMjA5LjY4NjY4MSBDNDk5LjUwNDQ4OCwyMDkuODY1NjY1IDUwMS43NjQ4ODUsMjEwLjAwNjIgNTAzLjkxNjc2MSwyMDcuODUwNDQ1IEM1MDYuMDY5MywyMDUuNjk0MDI3IDUwNS45MjgzNTYsMjAzLjQyODg5MyA1MDUuNzUwMzU2LDIwMC41NjExODIgQzUwNS41NDk4NTgsMTk3LjM0MzQ1OCA1MDUuMzAxMDU2LDE5My4zMzk1MzQgNTA4LjkzMDUyOCwxODkuNzAyODU3IEM1MTIuNTYwNjYxLDE4Ni4wNjY4NDQgNTE2LjU1ODA0MywxODYuMzE2MDk0IDUxOS43Njk5NzcsMTg2LjUxNjI5MSBDNTIyLjYzMjUyOSwxODYuNjk0NjExIDUyNC44OTM1ODcsMTg2LjgzNTgwOSA1MjcuMDQ2MTI1LDE4NC42NzkzOTEgQzUyNy45NTA2ODEsMTgzLjc3Mzg2OCA1MjkuNDE3MDI3LDE4My43NzMyMDUgNTMwLjMyMTU4MywxODQuNjc5MzkxIEM1MzEuMjI2MTM5LDE4NS41ODU1NzcgNTMxLjIyNjEzOSwxODcuMDU0NTY3IDUzMC4zMjE1ODMsMTg3Ljk2MDc1MyIvPiAgPC9nPjwvc3ZnPg==');
    -webkit-background-size: contain;
    background-size: 65% 92%;
    background-position: 50% 120%;
    background-repeat: no-repeat;
}
.section-features-wrapper.shape-2 {
    background-color: transparent;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzIwIiBoZWlnaHQ9IjQ2MyIgdmlld0JveD0iMCAwIDcyMCA0NjMiPiAgPGRlZnM+ICAgIDxyZWN0IGlkPSJzaGFwZXMtYm9keS0yLTItYiIgd2lkdGg9IjMyNC4xMTQiIGhlaWdodD0iMzIzLjg4IiB4PSIzMTAiIHk9IjQwIiByeD0iMTQuNCIvPiAgICA8ZmlsdGVyIGlkPSJzaGFwZXMtYm9keS0yLTItYSIgd2lkdGg9IjE1Mi4xJSIgaGVpZ2h0PSIxNTIuMiUiIHg9Ii0yNi4xJSIgeT0iLTEzLjclIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPiAgICAgIDxmZU9mZnNldCBkeT0iNDAiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz4gICAgICA8ZmVHYXVzc2lhbkJsdXIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIiBzdGREZXZpYXRpb249IjIxLjUiLz4gICAgICA8ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAuMTc0MjU0NzY4ICAgMCAwIDAgMCAwLjE3OTI3NTk4ICAgMCAwIDAgMCAwLjE4ODUwOTc3OSAgMCAwIDAgMC4wOTI5ODU3MzM3IDAiLz4gICAgPC9maWx0ZXI+ICAgIDxyZWN0IGlkPSJzaGFwZXMtYm9keS0yLTItZCIgd2lkdGg9IjIwMS42NzEiIGhlaWdodD0iMjAxLjUyNSIgeD0iMCIgeT0iMCIgcng9IjE0LjQiLz4gICAgPGZpbHRlciBpZD0ic2hhcGVzLWJvZHktMi0yLWMiIHdpZHRoPSIxODMuOCUiIGhlaWdodD0iMTgzLjklIiB4PSItNDEuOSUiIHk9Ii0yMi4xJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4gICAgICA8ZmVPZmZzZXQgZHk9IjQwIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+ICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIyMS41Ii8+ICAgICAgPGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0JsdXJPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwLjE3NDI1NDc2OCAgIDAgMCAwIDAgMC4xNzkyNzU5OCAgIDAgMCAwIDAgMC4xODg1MDk3NzkgIDAgMCAwIDAuMDkyOTg1NzMzNyAwIi8+ICAgIDwvZmlsdGVyPiAgICA8cmVjdCBpZD0ic2hhcGVzLWJvZHktMi0yLWYiIHdpZHRoPSI5Ny4yMzQiIGhlaWdodD0iOTcuMTY0IiB4PSIxNDYuODgiIHk9IjI4MC44MzYiIHJ4PSI0NS45Ii8+ICAgIDxmaWx0ZXIgaWQ9InNoYXBlcy1ib2R5LTItMi1lIiB3aWR0aD0iMjczLjglIiBoZWlnaHQ9IjI3My45JSIgeD0iLTg2LjklIiB5PSItNDUuOCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+ICAgICAgPGZlT2Zmc2V0IGR5PSI0MCIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPiAgICAgIDxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMjEuNSIvPiAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMC4xNzQyNTQ3NjggICAwIDAgMCAwIDAuMTc5Mjc1OTggICAwIDAgMCAwIDAuMTg4NTA5Nzc5ICAwIDAgMCAwLjA5Mjk4NTczMzcgMCIvPiAgICA8L2ZpbHRlcj4gICAgPHBhdGggaWQ9InNoYXBlcy1ib2R5LTItMi1oIiBkPSJNMzMuMDE4MTU3MSwyMzQuMjY3NzM4IEw5My44NTI5ODk5LDIzNC4yMzgyNTYgTDYzLjQ2MTg2OCwxODAuMDg1OTkgTDMzLjAxODE1NzEsMjM0LjI2NzczOCBaIE0xMDMuMDczMzMsMjM5LjYzMzc4OSBMMjMuNzg3NDQ0NywyMzkuNjcyMjEyIEw2My40NjQ2NTY5LDE2OS4wNTcyNzYgTDEwMy4wNzMzMywyMzkuNjMzNzg5IFoiLz4gICAgPGZpbHRlciBpZD0ic2hhcGVzLWJvZHktMi0yLWciIHdpZHRoPSIzMTMuMiUiIGhlaWdodD0iMzM5LjMlIiB4PSItMTA2LjYlIiB5PSItNjMlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPiAgICAgIDxmZU9mZnNldCBkeT0iNDAiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz4gICAgICA8ZmVHYXVzc2lhbkJsdXIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIiBzdGREZXZpYXRpb249IjIxLjUiLz4gICAgICA8ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAuMTc0MjU0NzY4ICAgMCAwIDAgMCAwLjE3OTI3NTk4ICAgMCAwIDAgMCAwLjE4ODUwOTc3OSAgMCAwIDAgMC4wOTI5ODU3MzM3IDAiLz4gICAgPC9maWx0ZXI+ICA8L2RlZnM+ICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQzIDMpIj4gICAgPHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjc2hhcGVzLWJvZHktMi0yLWEpIiB4bGluazpocmVmPSIjc2hhcGVzLWJvZHktMi0yLWIiLz4gICAgPHVzZSBmaWxsPSIjRkM1QzQyIiB4bGluazpocmVmPSIjc2hhcGVzLWJvZHktMi0yLWIiLz4gICAgPHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjc2hhcGVzLWJvZHktMi0yLWMpIiB4bGluazpocmVmPSIjc2hhcGVzLWJvZHktMi0yLWQiLz4gICAgPHVzZSBmaWxsPSIjQzVEMEU2IiB4bGluazpocmVmPSIjc2hhcGVzLWJvZHktMi0yLWQiLz4gICAgPHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjc2hhcGVzLWJvZHktMi0yLWUpIiB4bGluazpocmVmPSIjc2hhcGVzLWJvZHktMi0yLWYiLz4gICAgPHVzZSBmaWxsPSIjMjczMDY3IiB4bGluazpocmVmPSIjc2hhcGVzLWJvZHktMi0yLWYiLz4gICAgPGcgdHJhbnNmb3JtPSJyb3RhdGUoMTUgNjMuNDMgMjA0LjM2NSkiPiAgICAgIDx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI3NoYXBlcy1ib2R5LTItMi1nKSIgeGxpbms6aHJlZj0iI3NoYXBlcy1ib2R5LTItMi1oIi8+ICAgICAgPHVzZSBmaWxsPSIjRkZDNTFBIiB4bGluazpocmVmPSIjc2hhcGVzLWJvZHktMi0yLWgiLz4gICAgPC9nPiAgICA8cGF0aCBmaWxsPSIjRkM1QzQyIiBkPSJNMTY5LjMyMTU4MywzMzkuOTYwNzUzIEMxNjUuNjkxNDUsMzQzLjU5NzQzIDE2MS42OTQwNjgsMzQzLjM0ODE3OSAxNTguNDgyMTM0LDM0My4xNDc5ODIgQzE1NS42MTk1ODIsMzQyLjk2ODk5OSAxNTMuMzU4NTI0LDM0Mi44Mjc4MDEgMTUxLjIwNTk4NiwzNDQuOTg0MjE5IEMxNDkuMDU0MTA5LDM0Ny4xMzk5NzQgMTQ5LjE5NDM5MSwzNDkuNDA1MTA4IDE0OS4zNzMwNTMsMzUyLjI3MjgxOSBDMTQ5LjU3Mjg4OSwzNTUuNDkwNTQzIDE0OS44MjIzNTMsMzU5LjQ5NTEzIDE0Ni4xOTIyMTksMzYzLjEzMTgwNiBDMTQyLjU2MjA4NiwzNjYuNzY4NDgzIDEzOC41NjUzNjUsMzY2LjUxODU2OSAxMzUuMzUzNDMyLDM2Ni4zMTc3MSBDMTMyLjQ5MDg4LDM2Ni4xMzg3MjcgMTMwLjIyOTgyMSwzNjUuOTk4MTkyIDEyOC4wNzg2MDcsMzY4LjE1MzI4NCBDMTI1LjkyNjczLDM3MC4zMDkwMzkgMTI2LjA2NzY3NCwzNzIuNTczNTEgMTI2LjI0NjMzNSwzNzUuNDQxMjIyIEMxMjYuNDQ2ODMzLDM3OC42NTg5NDUgMTI2LjY5NjI5NywzODIuNjYyODY5IDEyMy4wNjY4MjUsMzg2LjI5ODg4MyBDMTE5LjQzNzM1MywzODkuOTM0ODk3IDExNS40Mzk5NzIsMzg5LjY4NTY0NiAxMTIuMjI4MDM4LDM4OS40ODQ3ODcgQzEwOS4zNjYxNDgsMzg5LjMwNTgwMyAxMDcuMTA1MDg5LDM4OS4xNjQ2MDUgMTA0Ljk1Mzg3NSwzOTEuMzIwMzYgQzEwNC4wNDg2NTcsMzkyLjIyNjU0NyAxMDIuNTgyOTczLDM5Mi4yMjY1NDcgMTAxLjY3ODQxNywzOTEuMzIwMzYgQzEwMC43NzM4NjEsMzkwLjQxNDE3NCAxMDAuNzczODYxLDM4OC45NDUxODUgMTAxLjY3ODQxNywzODguMDM4OTk5IEMxMDUuMzA3ODg5LDM4NC40MDI5ODUgMTA5LjMwNDYwOSwzODQuNjUyMjM2IDExMi41MTY1NDMsMzg0Ljg1MzA5NSBDMTE1LjM3OTA5NCwzODUuMDMyMDc4IDExNy42Mzk0OTEsMzg1LjE3MzI3NiAxMTkuNzkxMzY4LDM4My4wMTc1MjEgQzEyMS45NDMyNDQsMzgwLjg2MjQyOSAxMjEuODAyMywzNzguNTk3OTU4IDEyMS42MjM2MzksMzc1LjczMDI0NyBDMTIxLjQyMzE0MSwzNzIuNTEyNTIzIDEyMS4xNzM2NzcsMzY4LjUwODU5OSAxMjQuODAzMTQ5LDM2NC44NzI1ODUgQzEyOC40MzMyODMsMzYxLjIzNTkwOSAxMzIuNDMwMDAzLDM2MS40ODU4MjIgMTM1LjY0MTkzNywzNjEuNjg2NjgxIEMxMzguNTA0NDg4LDM2MS44NjU2NjUgMTQwLjc2NDg4NSwzNjIuMDA2MiAxNDIuOTE2NzYxLDM1OS44NTA0NDUgQzE0NS4wNjkzLDM1Ny42OTQwMjcgMTQ0LjkyODM1NiwzNTUuNDI4ODkzIDE0NC43NTAzNTYsMzUyLjU2MTE4MiBDMTQ0LjU0OTg1OCwzNDkuMzQzNDU4IDE0NC4zMDEwNTYsMzQ1LjMzOTUzNCAxNDcuOTMwNTI4LDM0MS43MDI4NTcgQzE1MS41NjA2NjEsMzM4LjA2Njg0NCAxNTUuNTU4MDQzLDMzOC4zMTYwOTQgMTU4Ljc2OTk3NywzMzguNTE2MjkxIEMxNjEuNjMyNTI5LDMzOC42OTQ2MTEgMTYzLjg5MzU4NywzMzguODM1ODA5IDE2Ni4wNDYxMjUsMzM2LjY3OTM5MSBDMTY2Ljk1MDY4MSwzMzUuNzczODY4IDE2OC40MTcwMjcsMzM1Ljc3MzIwNSAxNjkuMzIxNTgzLDMzNi42NzkzOTEgQzE3MC4yMjYxMzksMzM3LjU4NTU3NyAxNzAuMjI2MTM5LDMzOS4wNTQ1NjcgMTY5LjMyMTU4MywzMzkuOTYwNzUzIi8+ICA8L2c+PC9zdmc+');
    -webkit-background-size: contain;
    background-size: 65% 85%;
    background-position: 73% 140%;
    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;
}
.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;
	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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDA0IiBoZWlnaHQ9Ijc2MiIgdmlld0JveD0iMCAwIDQwNCA3NjIiPiAgPGRlZnM+ICAgIDxmaWx0ZXIgaWQ9InBob25lLWRhcmstY3V0LWJvZHktYSIgd2lkdGg9IjEyMi44JSIgaGVpZ2h0PSIxMTIuMSUiIHg9Ii0xMS40JSIgeT0iLTYlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPiAgICAgIDxmZU9mZnNldCBkeT0iMiIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPiAgICAgIDxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMTEiLz4gICAgICA8ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgcmVzdWx0PSJzaGFkb3dNYXRyaXhPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwICAgMCAwIDAgMCAwICAgMCAwIDAgMCAwICAwIDAgMCAwLjA1ODE5NzQ2MzggMCIvPiAgICAgIDxmZU1lcmdlPiAgICAgICAgPGZlTWVyZ2VOb2RlIGluPSJzaGFkb3dNYXRyaXhPdXRlcjEiLz4gICAgICAgIDxmZU1lcmdlTm9kZSBpbj0iU291cmNlR3JhcGhpYyIvPiAgICAgIDwvZmVNZXJnZT4gICAgPC9maWx0ZXI+ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGhvbmUtZGFyay1jdXQtYm9keS1jIiB4MT0iMTAwJSIgeDI9IjAlIiB5MT0iNTAlIiB5Mj0iNTAlIj4gICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9Ii41Ii8+ICAgICAgPHN0b3Agb2Zmc2V0PSI5Ny43ODUlIiBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9Ii41Ii8+ICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLW9wYWNpdHk9Ii41Ii8+ICAgIDwvbGluZWFyR3JhZGllbnQ+ICAgIDxwYXRoIGlkPSJwaG9uZS1kYXJrLWN1dC1ib2R5LWIiIGQ9Ik0xOTguNDAwMjkzLDcxOCBDMTk3LjY3MDUyOCw3MTcuMDI4OTg0IDE5Ni41MDg2NTQsNzE2LjQwMDg5MSAxOTUuMiw3MTYuNDAwODkxIEwxNjQuOCw3MTYuNDAwODkxIEMxNjMuNDkxMzQ2LDcxNi40MDA4OTEgMTYyLjMyOTQ3Miw3MTcuMDI4OTg0IDE2MS41OTk3MDcsNzE4IEw3MS4xMTIxMjM0LDcxOCBDNDcuMjE5NDIxMSw3MTggMzguNTU1MzUsNzE1LjUxMzY1OSAyOS44MjA1MzUxLDcxMC44NDQ4MyBDMjEuMDg1NzIwMyw3MDYuMTc2MDAxIDE0LjIzMDU4NjUsNjk5LjMyNDY4NCA5LjU1OTE1NjQ2LDY5MC41OTQ3MzIgQzQuODg3NzI2MzgsNjgxLjg2NDc4MSAyLjQsNjczLjIwNTUzNCAyLjQsNjQ5LjMyNjEzNSBMMi40LDY4LjY3Mzg2NDkgQzIuNCw0NC43OTQ0NjYgNC44ODc3MjYzOCwzNi4xMzUyMTg5IDkuNTU5MTU2NDYsMjcuNDA1MjY3NiBDMTQuMjMwNTg2NSwxOC42NzUzMTYzIDIxLjA4NTcyMDMsMTEuODIzOTk5NCAyOS44MjA1MzUxLDcuMTU1MTcwMjkgQzM4LjU1NTM1LDIuNDg2MzQxMjMgNDcuMjE5NDIxMSw0LjM4NjU3NDQyZS0xNSA3MS4xMTIxMjM0LDAgTDI4OC44ODc4NzcsNS41NDkwMTI2OGUtMTUgQzMxMi43ODA1NzksMS4xNjI0MzgyNmUtMTUgMzIxLjQ0NDY1LDIuNDg2MzQxMjMgMzMwLjE3OTQ2NSw3LjE1NTE3MDI5IEMzMzguOTE0MjgsMTEuODIzOTk5NCAzNDUuNzY5NDEzLDE4LjY3NTMxNjMgMzUwLjQ0MDg0NCwyNy40MDUyNjc2IEMzNTUuMTEyMjc0LDM2LjEzNTIxODkgMzU3LjYsNDQuNzk0NDY2IDM1Ny42LDY4LjY3Mzg2NDkgTDM1Ny42LDY0OS4zMjYxMzUgQzM1Ny42LDY3My4yMDU1MzQgMzU1LjExMjI3NCw2ODEuODY0NzgxIDM1MC40NDA4NDQsNjkwLjU5NDczMiBDMzQ1Ljc2OTQxMyw2OTkuMzI0Njg0IDMzOC45MTQyOCw3MDYuMTc2MDAxIDMzMC4xNzk0NjUsNzEwLjg0NDgzIEMzMjEuNDQ0NjUsNzE1LjUxMzY1OSAzMTIuNzgwNTc5LDcxOCAyODguODg3ODc3LDcxOCBMMTk4LjQwMDI5Myw3MTggWiIvPiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBob25lLWRhcmstY3V0LWJvZHktZSIgeDE9IjEwMCUiIHgyPSIwJSIgeTE9IjUwJSIgeTI9IjUwJSI+ICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIuNSIvPiAgICAgIDxzdG9wIG9mZnNldD0iOTUuMjEzJSIgc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIuNSIvPiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1vcGFjaXR5PSIuNSIvPiAgICA8L2xpbmVhckdyYWRpZW50PiAgICA8cGF0aCBpZD0icGhvbmUtZGFyay1jdXQtYm9keS1kIiBkPSJNNjkuNTMzMjQ0OCw1LjU5Njg4MTk2IEwyOTAuNDY2NzU1LDUuNTk2ODgxOTYgQzMxMS44NjMyMDUsNS41OTY4ODE5NiAzMTkuNjIyMDc1LDcuODIzNDU2MiAzMjcuNDQ0Mjk3LDEyLjAwNDQ5NzEgQzMzNS4yNjY1MTksMTYuMTg1NTM4MSAzNDEuNDA1NDQ1LDIyLjMyMTA0NTggMzQ1LjU4ODgxNSwzMC4xMzg5MTI2IEMzNDkuNzcyMTg1LDM3Ljk1Njc3OTUgMzUyLDQ1LjcxMTMyOTEgMzUyLDY3LjA5NTg2NTUgTDM1Miw2NTAuOTA0MTM1IEMzNTIsNjcyLjI4ODY3MSAzNDkuNzcyMTg1LDY4MC4wNDMyMjEgMzQ1LjU4ODgxNSw2ODcuODYxMDg3IEMzNDEuNDA1NDQ1LDY5NS42Nzg5NTQgMzM1LjI2NjUxOSw3MDEuODE0NDYyIDMyNy40NDQyOTcsNzA1Ljk5NTUwMyBDMzE5LjYyMjA3NSw3MTAuMTc2NTQ0IDMxMS44NjMyMDUsNzEyLjQwMzExOCAyOTAuNDY2NzU1LDcxMi40MDMxMTggTDY5LjUzMzI0NDgsNzEyLjQwMzExOCBDNDguMTM2Nzk1LDcxMi40MDMxMTggNDAuMzc3OTI1Myw3MTAuMTc2NTQ0IDMyLjU1NTcwMzEsNzA1Ljk5NTUwMyBDMjQuNzMzNDgwOSw3MDEuODE0NDYyIDE4LjU5NDU1NTEsNjk1LjY3ODk1NCAxNC40MTExODQ5LDY4Ny44NjEwODcgQzEwLjIyNzgxNDcsNjgwLjA0MzIyMSA4LDY3Mi4yODg2NzEgOCw2NTAuOTA0MTM1IEw4LDY3LjA5NTg2NTUgQzgsNDUuNzExMzI5MSAxMC4yMjc4MTQ3LDM3Ljk1Njc3OTUgMTQuNDExMTg0OSwzMC4xMzg5MTI2IEMxOC41OTQ1NTUxLDIyLjMyMTA0NTggMjQuNzMzNDgwOSwxNi4xODU1MzgxIDMyLjU1NTcwMzEsMTIuMDA0NDk3MSBDNDAuMzc3OTI1Myw3LjgyMzQ1NjIgNDguMTM2Nzk1LDUuNTk2ODgxOTYgNjkuNTMzMjQ0OCw1LjU5Njg4MTk2IFoiLz4gIDwvZGVmcz4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsdGVyPSJ1cmwoI3Bob25lLWRhcmstY3V0LWJvZHktYSkiPiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMiAyMCkiPiAgICAgIDxwYXRoIGZpbGw9IiMyQzJFMzAiIGQ9Ik0zNTguNCA2OC43NjE2OTI3QzM1OS4yODM2NTYgNjguNzYxNjkyNyAzNjAgNjkuNDc3NjM4MiAzNjAgNzAuMzYwODAxOEwzNjAgMTUwLjMxNjI1OEMzNjAgMTUxLjE5OTQyMiAzNTkuMjgzNjU2IDE1MS45MTUzNjcgMzU4LjQgMTUxLjkxNTM2NyAzNTcuNTE2MzQ0IDE1MS45MTUzNjcgMzU2LjggMTUxLjE5OTQyMiAzNTYuOCAxNTAuMzE2MjU4TDM1Ni44IDcwLjM2MDgwMThDMzU2LjggNjkuNDc3NjM4MiAzNTcuNTE2MzQ0IDY4Ljc2MTY5MjcgMzU4LjQgNjguNzYxNjkyN3pNMS42IDExNi43MzQ5NjdDMi40ODM2NTU2IDExNi43MzQ5NjcgMy4yIDExNy40NTA5MTIgMy4yIDExOC4zMzQwNzZMMy4yIDE2Ny45MDY0NTlDMy4yIDE2OC43ODk2MjIgMi40ODM2NTU2IDE2OS41MDU1NjggMS42IDE2OS41MDU1NjguNzE2MzQ0NCAxNjkuNTA1NTY4IDEuMDgyMTY2ZS0xNiAxNjguNzg5NjIyIDAgMTY3LjkwNjQ1OUwwIDExOC4zMzQwNzZDLTEuMDgyMTY2ZS0xNiAxMTcuNDUwOTEyLjcxNjM0NDQgMTE2LjczNDk2NyAxLjYgMTE2LjczNDk2N3pNMS42IDUxLjE3MTQ5MjJDMi40ODM2NTU2IDUxLjE3MTQ5MjIgMy4yIDUxLjg4NzQzNzcgMy4yIDUyLjc3MDYwMTNMMy4yIDEwMi4zNDI5ODRDMy4yIDEwMy4yMjYxNDggMi40ODM2NTU2IDEwMy45NDIwOTQgMS42IDEwMy45NDIwOTQuNzE2MzQ0NCAxMDMuOTQyMDk0IDEuMDgyMTY2ZS0xNiAxMDMuMjI2MTQ4IDAgMTAyLjM0Mjk4NEwwIDUyLjc3MDYwMTNDLTEuMDgyMTY2ZS0xNiA1MS44ODc0Mzc3LjcxNjM0NDQgNTEuMTcxNDkyMiAxLjYgNTEuMTcxNDkyMnpNMS42IDBDMi40ODM2NTU2LTEuNjIyMzQ1MTllLTE2IDMuMi43MTU5NDU1NDUgMy4yIDEuNTk5MTA5MTNMMy4yIDI2LjM4NTMwMDdDMy4yIDI3LjI2ODQ2NDMgMi40ODM2NTU2IDI3Ljk4NDQwOTggMS42IDI3Ljk4NDQwOTguNzE2MzQ0NCAyNy45ODQ0MDk4IDEuMDgyMTY2ZS0xNiAyNy4yNjg0NjQzIDAgMjYuMzg1MzAwN0wwIDEuNTk5MTA5MTNDLTEuMDgyMTY2ZS0xNi43MTU5NDU1NDUuNzE2MzQ0NCAxLjYyMjM0NTE5ZS0xNiAxLjYgMHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgOTYuNzQ2KSIvPiAgICAgIDx1c2UgZmlsbD0iIzJDMkUzMCIgeGxpbms6aHJlZj0iI3Bob25lLWRhcmstY3V0LWJvZHktYiIvPiAgICAgIDx1c2UgZmlsbD0idXJsKCNwaG9uZS1kYXJrLWN1dC1ib2R5LWMpIiBmaWxsLW9wYWNpdHk9Ii4wNiIgeGxpbms6aHJlZj0iI3Bob25lLWRhcmstY3V0LWJvZHktYiIvPiAgICAgIDx1c2UgZmlsbD0iIzJDMkUzMCIgeGxpbms6aHJlZj0iI3Bob25lLWRhcmstY3V0LWJvZHktZCIvPiAgICAgIDxwYXRoIGZpbGw9InVybCgjcGhvbmUtZGFyay1jdXQtYm9keS1lKSIgZmlsbC1vcGFjaXR5PSIuMDYiIHN0cm9rZT0iIzI0MjUyOCIgc3Ryb2tlLWxpbmVqb2luPSJzcXVhcmUiIHN0cm9rZS13aWR0aD0iLjgiIGQ9Ik02OS41MzMyNDQ4LDUuOTk2ODgxOTQgQzUwLjA4NjAwMjQsNS45OTY4ODE5NCA0MS41NjgxMTE1LDcuNjQwODQ2NjggMzIuNzQ0MjYxLDEyLjM1NzI2NjEgQzI0Ljk5MTc0OSwxNi41MDEwNDYzIDE4LjkwOTkzNzUsMjIuNTc5NDcxNSAxNC43NjM4NjY0LDMwLjMyNzYzMzkgQzEwLjA0NDg2MTgsMzkuMTQ2NDkyNCA4LjM5OTk5OTk4LDQ3LjY1OTU0MzMgOC4zOTk5OTk5OCw2Ny4wOTU4NjU1IEw4LjM5OTk5OTk4LDY1MC45MDQxMzUgQzguMzk5OTk5OTgsNjcwLjM0MDQ1NyAxMC4wNDQ4NjE4LDY3OC44NTM1MDggMTQuNzYzODY2NCw2ODcuNjcyMzY2IEMxOC45MDk5Mzc1LDY5NS40MjA1MjkgMjQuOTkxNzQ5LDcwMS40OTg5NTQgMzIuNzQ0MjYxLDcwNS42NDI3MzQgQzQxLjU2ODExMTUsNzEwLjM1OTE1MyA1MC4wODYwMDI0LDcxMi4wMDMxMTggNjkuNTMzMjQ0OCw3MTIuMDAzMTE4IEwyOTAuNDY2NzU1LDcxMi4wMDMxMTggQzMwOS45MTM5OTgsNzEyLjAwMzExOCAzMTguNDMxODg4LDcxMC4zNTkxNTMgMzI3LjI1NTczOSw3MDUuNjQyNzM0IEMzMzUuMDA4MjUxLDcwMS40OTg5NTQgMzQxLjA5MDA2Miw2OTUuNDIwNTI5IDM0NS4yMzYxMzQsNjg3LjY3MjM2NiBDMzQ5Ljk1NTEzOCw2NzguODUzNTA4IDM1MS42LDY3MC4zNDA0NTcgMzUxLjYsNjUwLjkwNDEzNSBMMzUxLjYsNjcuMDk1ODY1NSBDMzUxLjYsNDcuNjU5NTQzMyAzNDkuOTU1MTM4LDM5LjE0NjQ5MjQgMzQ1LjIzNjEzNCwzMC4zMjc2MzM5IEMzNDEuMDkwMDYyLDIyLjU3OTQ3MTUgMzM1LjAwODI1MSwxNi41MDEwNDYzIDMyNy4yNTU3MzksMTIuMzU3MjY2MSBDMzE4LjQzMTg4OCw3LjY0MDg0NjY4IDMwOS45MTM5OTgsNS45OTY4ODE5NCAyOTAuNDY2NzU1LDUuOTk2ODgxOTQgTDY5LjUzMzI0NDgsNS45OTY4ODE5NCBaIi8+ICAgIDwvZz4gICAgPHBhdGggZmlsbD0iIzJDMkUzMCIgZD0iTTMxNS45NTIyODMsNDEuNTg3OTczMyBDMzMwLjU3MzE5LDQxLjU4Nzk3MzMgMzM1Ljg3NTA4NCw0My4xMDk0NjU3IDM0MS4yMjAyNyw0NS45NjY1MTAzIEMzNDYuNTY1NDU1LDQ4LjgyMzU1NSAzNTAuNzYwMzg3LDUzLjAxNjE1MTkgMzUzLjYxOTAyNCw1OC4zNTgzNjA5IEMzNTYuNDc3NjYsNjMuNzAwNTY5OSAzNTgsNjguOTk5NTEyMiAzNTgsODMuNjEyMjc4NyBMMzU4LDY3NC4zODc3MjEgQzM1OCw2ODkuMDAwNDg4IDM1Ni40Nzc2Niw2OTQuMjk5NDMgMzUzLjYxOTAyNCw2OTkuNjQxNjM5IEMzNTAuNzYwMzg3LDcwNC45ODM4NDggMzQ2LjU2NTQ1NSw3MDkuMTc2NDQ1IDM0MS4yMjAyNyw3MTIuMDMzNDkgQzMzNS44NzUwODQsNzE0Ljg5MDUzNCAzMzAuNTczMTksNzE2LjQxMjAyNyAzMTUuOTUyMjgzLDcxNi40MTIwMjcgTDg4LjA0NzcxNzMsNzE2LjQxMjAyNyBDNzMuNDI2ODA5OSw3MTYuNDEyMDI3IDY4LjEyNDkxNTYsNzE0Ljg5MDUzNCA2Mi43Nzk3MzA1LDcxMi4wMzM0OSBDNTcuNDM0NTQ1Myw3MDkuMTc2NDQ1IDUzLjIzOTYxMjcsNzA0Ljk4Mzg0OCA1MC4zODA5NzYzLDY5OS42NDE2MzkgQzQ3LjUyMjM0LDY5NC4yOTk0MyA0Niw2ODkuMDAwNDg4IDQ2LDY3NC4zODc3MjEgTDQ2LDgzLjYxMjI3ODcgQzQ2LDY4Ljk5OTUxMjIgNDcuNTIyMzQsNjMuNzAwNTY5OSA1MC4zODA5NzYzLDU4LjM1ODM2MDkgQzUzLjIzOTYxMjcsNTMuMDE2MTUxOSA1Ny40MzQ1NDUzLDQ4LjgyMzU1NSA2Mi43Nzk3MzA1LDQ1Ljk2NjUxMDMgQzY4LjEyNDkxNTYsNDMuMTA5NDY1NyA3My40MjY4MDk5LDQxLjU4Nzk3MzMgODguMDQ3NzE3Myw0MS41ODc5NzMzIEwzMTUuOTUyMjgzLDQxLjU4Nzk3MzMgWiIvPiAgPC9nPjwvc3ZnPg==');
    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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTg1IiBoZWlnaHQ9IjI2IiB2aWV3Qm94PSIwIDAgMTg1IDI2Ij4gIDxkZWZzPiAgICA8ZmlsdGVyIGlkPSJwaG9uZS1kYXJrLWN1dC1udXRjaC1hIiB3aWR0aD0iMTIyLjglIiBoZWlnaHQ9IjExMi4xJSIgeD0iLTExLjQlIiB5PSItNiUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+ICAgICAgPGZlT2Zmc2V0IGR5PSIyIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+ICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIxMSIvPiAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiByZXN1bHQ9InNoYWRvd01hdHJpeE91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgICAwIDAgMCAwIDAgICAwIDAgMCAwIDAgIDAgMCAwIDAuMDU4MTk3NDYzOCAwIi8+ICAgICAgPGZlTWVyZ2U+ICAgICAgICA8ZmVNZXJnZU5vZGUgaW49InNoYWRvd01hdHJpeE91dGVyMSIvPiAgICAgICAgPGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIi8+ICAgICAgPC9mZU1lcmdlPiAgICA8L2ZpbHRlcj4gICAgPHBhdGggaWQ9InBob25lLWRhcmstY3V0LW51dGNoLWIiIGQ9Ik03NC4yLDUuMzg1MzAwNjcgTDExMS44LDUuMzg1MzAwNjcgQzExMy4zNDYzOTcsNS4zODUzMDA2NyAxMTQuNiw2LjYzODIwNTM3IDExNC42LDguMTgzNzQxNjUgQzExNC42LDkuNzI5Mjc3OTIgMTEzLjM0NjM5NywxMC45ODIxODI2IDExMS44LDEwLjk4MjE4MjYgTDc0LjIsMTAuOTgyMTgyNiBDNzIuNjUzNjAyNywxMC45ODIxODI2IDcxLjQsOS43MjkyNzc5MiA3MS40LDguMTgzNzQxNjUgQzcxLjQsNi42MzgyMDUzNyA3Mi42NTM2MDI3LDUuMzg1MzAwNjcgNzQuMiw1LjM4NTMwMDY3IFogTTEzMSwxMy4zODA4NDYzIEMxMjguMTI4MTE5LDEzLjM4MDg0NjMgMTI1LjgsMTEuMDU0MDIzMyAxMjUuOCw4LjE4Mzc0MTY1IEMxMjUuOCw1LjMxMzQ1OTk5IDEyOC4xMjgxMTksMi45ODY2MzY5NyAxMzEsMi45ODY2MzY5NyBDMTMzLjg3MTg4MSwyLjk4NjYzNjk3IDEzNi4yLDUuMzEzNDU5OTkgMTM2LjIsOC4xODM3NDE2NSBDMTM2LjIsMTEuMDU0MDIzMyAxMzMuODcxODgxLDEzLjM4MDg0NjMgMTMxLDEzLjM4MDg0NjMgWiIvPiAgICA8ZmlsdGVyIGlkPSJwaG9uZS1kYXJrLWN1dC1udXRjaC1jIiB3aWR0aD0iMTA0LjYlIiBoZWlnaHQ9IjEyOC45JSIgeD0iLTIuMyUiIHk9Ii0xNC40JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4gICAgICA8ZmVHYXVzc2lhbkJsdXIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd0JsdXJJbm5lcjEiIHN0ZERldmlhdGlvbj0iMSIvPiAgICAgIDxmZU9mZnNldCBkeT0iMSIgaW49InNoYWRvd0JsdXJJbm5lcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0SW5uZXIxIi8+ICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIGsyPSItMSIgazM9IjEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIi8+ICAgICAgPGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0lubmVySW5uZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4wNTI2Nzc3NjI3IDAiLz4gICAgPC9maWx0ZXI+ICA8L2RlZnM+ICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbHRlcj0idXJsKCNwaG9uZS1kYXJrLWN1dC1udXRjaC1hKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExMCAtNDEpIj4gICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA5IDQxKSI+ICAgICAgPHBhdGggZmlsbD0iIzMyMzQzNiIgZD0iTTUuMzg0NTc5MjgsNC44OTA5MzU4MiBDNS45NjkxMjEsMTAuNTA1NjM5NyA2LjczMTM3MDI1LDE0LjE5MTI4NTUgNy42NzEzMjcwNCwxNS45NDc4NzMzIEM5LjQxNDM5Nzk2LDE5LjIwNTMxNzggMTEuOTcyMjgzNywyMS43NjE3NzkzIDE1LjIzMTU0MywyMy41MDM4Nzk3IEMxOC40OTA4MDIyLDI1LjI0NTk4MDEgMjEuOTg3NjI5MywyNi4xNzM3MTk0IDI5LjMxOTAyODcsMjYuMTczNzE5NCBMMTU2LjY4MDk3MSwyNi4xNzM3MTk0IEMxNjQuMDEyMzcxLDI2LjE3MzcxOTQgMTY3LjUwOTE5OCwyNS4yNDU5ODAxIDE3MC43Njg0NTcsMjMuNTAzODc5NyBDMTc0LjAyNzcxNiwyMS43NjE3NzkzIDE3Ni41ODU2MDIsMTkuMjA1MzE3OCAxNzguMzI4NjczLDE1Ljk0Nzg3MzMgQzE3OS4yNjg2MjksMTQuMTkxMjg2IDE4MC4wMzA4NzksMTAuNTA1NjQxNyAxODAuNjE1NDIsNC44OTA5NDAzOCBMMTgwLjYxNTQxNSw0Ljg5MDkzOTg4IEMxODAuODY5OTk2LDIuNDQ1NjE2OTIgMTgyLjkzMTA3NywwLjU4Nzk3MzI3NCAxODUuMzg5NjE3LDAuNTg3OTczMjc0IEwxODUuOTUyMjgzLDAuNTg3OTczMjc0IEwxODUuOTUyMjgzLDAgTDAuNjEwMzgzNjc4LDAgTDAuNjEwMzgzNjc4LDAuNTg3OTczMjc0IEwwLjYxMDM4MzcyMiwwLjU4Nzk3NDExNyBDMy4wNjg5MjAyMSwwLjU4Nzk3NDExNyA1LjEyOTk5OTIyLDIuNDQ1NjE1NjcgNS4zODQ1NzkyOCw0Ljg5MDkzNTgyIFoiLz4gICAgICA8dXNlIGZpbGw9IiMyQzJFMzAiIHhsaW5rOmhyZWY9IiNwaG9uZS1kYXJrLWN1dC1udXRjaC1iIi8+ICAgICAgPHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjcGhvbmUtZGFyay1jdXQtbnV0Y2gtYykiIHhsaW5rOmhyZWY9IiNwaG9uZS1kYXJrLWN1dC1udXRjaC1iIi8+ICAgIDwvZz4gIDwvZz48L3N2Zz4=');
    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;
	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: 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;
	}
	.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-center-wrap .illustration-center-wrap .img {
        transform: scale(1.5);
    }

	.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;
        min-height: 180px;
    }

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

    }
}
@media (min-width: 992px) {

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

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

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

    .nav-section-wrap .navbar-element-wrapper .nav-drop-mobile {
        display: none;
    }
    
    .section-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;
	}

}

/*Estilos formulario footer*/

#Form_3_container label{
    display: none;
}

div#Form_3_container {
    padding: 1em 2em;
    background: #ffffff2b;
    border-radius: 10px;
}

div[class*="col-md-12 form-group F3_item_"] > div > input,
#Form_3_container input#captcha_code_sign_input {
    height: 24px;
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 300;
}

#Form_3_container textarea#Textarea40 {
    max-width: 100%;
    max-height: 70px;
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 300;   
}

#Form_3_container button#fg_submit {
    background: #47C6A5;
    border: 0;
    border-radius: 0;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
}




































