@import url(../fonts/simple-line-icons/css/simple-line-icons.css);

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
	height: 100%;
}

body {
    color: #2d3136;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 87.5%
    }
}

:focus {
    outline: none
}

a {
    text-decoration: none;
    display: inline-block;
    color: #1759cd;
}

a:hover {
    text-decoration: none
}

ul,
ol {
    list-style: none;
    padding-left: 0
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

button {
    cursor: pointer;
    padding: 0;
    border: 0
}

button:focus {
    outline: 0
}

picture {
    display: inline-block
}

svg {
    display: block
}

input,
textarea {
    padding: 0
}

input.placeholder,
textarea.placeholder {
    color: #888
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #888
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #888
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #888
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #888
}

input:focus,
textarea:focus {
    outline: 0
}

.canvas-boxed {
    background: #eee;
    background-repeat: repeat
}

.canvas-boxed .main-wrapper {
    max-width: 1366px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden
}

.canvas-boxed .main-wrapper .navigation {
    max-width: 1366px;
    margin: 0 auto
}

strong {
    font-weight: 700;
}

b {
    font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    font-family: 'Domine', serif;
}

h1 {
    font-size: 3rem;
    line-height: 1.05
}

h2 {
    font-size: 2.5rem;
    line-height: 1.16;
    font-weight: 300
}

h3 {
    font-size: 2.125rem;
    line-height: 1.25
}

h4 {
    font-size: 1.75rem;
    line-height: 1.25
}

h5 {
    font-size: 1.5rem;
    line-height: 1.55
}

h6 {
    font-size: 1.3125rem;
    line-height: 1.28
}

p {
    font-size: 1.0625rem;
    line-height: 1.53;
    color: #818992;
    font-weight: 400;
}

@media only screen and (max-width: 575px) {
    h1 {
        font-size: 2rem;
    }
}

img.svg-icon {
    width: 6em;
    margin-bottom: 1em;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

img.svg-icon:hover {
    -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.bg-grey {
	background: #eaeaea;
}

.bg-blue {
	background: #1759cd;
}

img.shadow {
    -webkit-box-shadow: 0 22px 34px 0 rgba(46, 61, 102, 0.35);
    box-shadow: 0 22px 34px 0 rgba(46, 61, 102, 0.35);
}

p.lead {
    margin-bottom: 1em;
    font-weight: 300;
}

.db-btn, input.db-btn, .hs-button {
    padding: 0 1.875rem;
    border-radius: 5px;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    z-index: 1
}

.db-btn:hover, input.db-btn:hover {
    color: #fff
}

.db-btn:hover:before, input.db-btn:hover::before {
    left: 0%;
    right: auto;
    width: 100%
}

.db-btn:before, input.db-btn::before {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    border-radius: 5px;
    content: '';
    background: rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1)
}

.db-btn__outline {
    min-width: 8.125rem;
    height: 3.75rem;
    line-height: 3.75rem;
    -webkit-box-shadow: 0 0 0 1px #e2e6ea;
    box-shadow: 0 0 0 1px #e2e6ea;
    color: #2d3136;
    font-size: 1.25rem;
    font-weight: 600
}

.db-btn__outline.nav-cta-btn {
    padding: 0 .9375rem;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    min-width: 9.375rem;
    height: 2.625rem;
    line-height: 2.625rem
}

.db-btn__outline:hover {
    color: #fff;
    border-color: transparent
}

.db-btn__outline:before {
    background: #4777f4;
    border-radius: 5px
}

.db-btn__type-lg, input.db-btn__type-lg {
    min-width: 13.75rem;
    height: 4.75rem;
    line-height: 4.75rem;
    border-radius: 8px
}

.db-btn__type-lg:before, input.db-btn__type-lg:before {
    border-radius: 8px
}

.db-btn__icon {
    padding-right: .9375rem;
    font-size: 1.5625rem;
    position: relative;
    top: .1875rem
}

.db-btn__icon--after {
    padding-right: 0rem;
    padding-left: .9375rem
}

.db-btn__primary {
    color: #fff;
    background-color: #1759cd;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18)
}

.db-btn__primary:hover {
    color: #fff
}

.db-btn__blue {
    color: #fff;
    background-color: #1759cd;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18)
}

.db-btn__blue:hover {
    color: #fff
}

.db-btn__lemon {
    color: #2d3136;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ecef3c), to(#d5db1c));
    background-image: -webkit-linear-gradient(top, #ecef3c 0%, #d5db1c 100%);
    background-image: -o-linear-gradient(top, #ecef3c 0%, #d5db1c 100%);
    background-image: linear-gradient(180deg, #ecef3c 0%, #d5db1c 100%);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18)
}

.db-btn__yellow {
    color: #2d3136;
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.18);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.18);
    background-color: #f8e71c
}

.db-btn__green {
    color: #fff;
    background-color: #27ae60;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18)
}

.db-btn__green:hover {
    color: #fff
}

.db-btn__white {
    color: #2d3136;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .btn__submit {
        height: 3.4375rem
    }
}

@media only screen and (max-width: 479px) {
    .btn__submit .db-btn__icon--after {
        font-size: .875rem;
        padding-left: .625rem
    }
}

.scroll-prevent {
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden
}

section[class^=hero-] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.overlay, .section-overlay, .section-overlay-red {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media only screen and (max-width: 767px) {
    .hero-wrapper {
        text-align: center
    }
}

.hero__title {
    font-size: 2.8125rem;
    line-height: 1.2;
    margin-bottom: 1.25rem
}

@media only screen and (min-width: 992px) {
    .hero__title {
        font-size: 4.375rem;
        line-height: 1.05
    }
}

.hero__caption {
    font-size: 1.3125rem;
    line-height: 1.875rem;
    margin-bottom: 1.875rem
}

.hero__caption a {
    color: #fff;
}

.hero__wave {
    position: absolute;
    bottom: 0;
    width: 100%
}

.hero__wave--svg .st0 {
    fill: #fff;
    opacity: 1
}

@media only screen and (min-width: 768px) {
    .layout-strong .hero-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (max-width: 767px) {
    .layout-strong .hero-wrapper {
        padding-bottom: 2.5rem
    }
}

.layout-strong .hero__title {
    line-height: 1.3;
    font-size: 2.8rem;
    color: #fff;
}

@media (max-width: 575px) {
    .layout-strong .hero__title {
        font-size: 2rem;
    }
}

.layout-strong .hero__caption {
    margin-bottom: 2.8125rem;
    color: #fff;
    font-weight: 300;
}

.layout-strong .hero .additional__feature {
    display: block
}

.layout-strong .hero .cta__buttons .db-btn {
    min-width: 13.75rem
}

.layout-strong .hero .db-btn__primary, section.head .db-btn__primary, .hs-button {
    background: #6edb55;
background: -moz-linear-gradient(left, #6edb55 0%, #44d8e7 100%);
background: -webkit-linear-gradient(left, #6edb55 0%,#44d8e7 100%);
background: linear-gradient(to right, #6edb55 0%,#44d8e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6edb55', endColorstr='#44d8e7',GradientType=1 );
    -webkit-box-shadow: 0 22px 34px 0 rgba(46, 61, 102, 0.35);
    box-shadow: 0 22px 34px 0 rgba(46, 61, 102, 0.35);
}


@media only screen and (min-width: 768px) {
    .layout-strong .hero .newsletter-optin .form-control {
        height: 4.75rem
    }
}

.layout-strong .hero-media {
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .layout-strong .hero-media {
        display: none
    }
}

@media only screen and (min-width: 1200px) {
    .layout-strong .hero-media {
        position: absolute;
        right: -300px;
        top: 50%;
        -webkit-transform: translateY(-45%) !important;
        -ms-transform: translateY(-45%) !important;
        transform: translateY(-45%) !important
    }
}

@media only screen and (min-width: 1600px) {
    .layout-strong .hero-media {
        right: -280px
    }
}

@media only screen and (min-width: 1921px) {
    .layout-strong .hero-media {
        right: -350px
    }
}

@media only screen and (max-width: 1199px) {
    .layout-strong .hero-media {
        margin-top: 3.125rem
    }
}

.content-center .hero {
    text-align: center
}

.content-center .hero-content {
    max-width: 37.5rem;
    padding: 9.375rem 0 4.375rem;
    margin: 0 auto
}

@media only screen and (min-width: 992px) {
    .content-center .hero-content {
        padding-top: 10.3125rem;
        padding-bottom: 4.0625rem;
        max-width: 43.75rem
    }
}

.content-left .hero {
    text-align: left
}

@media only screen and (max-width: 767px) {
    .content-left .hero {
        text-align: center
    }
}

.content-left .hero-content {
    /*max-width: 35.625rem;*/
    max-width: 50rem;
    padding-top: 10.3125rem;
    padding-bottom: 5.3125rem
}

@media only screen and (max-width: 767px) {
    /* informativas
    .content-left .hero-content {
        margin: 0 auto;
        padding-top: 7rem;
    } */
    .content-left .hero-content {
        margin: 0 auto;
        padding-top: 10rem;
    }
}

.content-left .hero .newsletter-optin .newsletter-features {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .content-left .hero .newsletter-optin .newsletter-features {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.hero-twelve .overlay, .section-overlay {
    opacity: 0.84;
    background-image: -webkit-linear-gradient(65deg, #1759cd 0%, #40cfe7 100%);
    background-image: -o-linear-gradient(65deg, #1759cd 0%, #40cfe7 100%);
    background-image: linear-gradient(25deg, #1759cd 0%,  #40cfe7 100%)
}

.section-overlay-red {
    opacity: 0.84;
    background-image: -webkit-linear-gradient(65deg, #dd1d44 0%, #b2082b 100%);
    background-image: -o-linear-gradient(65deg, #dd1d44 0%, #b2082b 100%);
    background-image: linear-gradient(25deg, #dd1d44 0%,  #b2082b 100%)
}

.section-overlay-empleos {
    opacity: 0.7;
}

.hero-twelve .hero__wave {
    z-index: -1;
    bottom: -1px;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

.hero-twelve .hero-wrapper {
    padding-bottom: 5rem
}

@media (max-width: 575px) {
    .hero-twelve .hero-wrapper {
        padding-bottom: 0
    }
    .hero-twelve .hero-content.funnel {
        padding-top: 1rem;
    }
    .hero-twelve .hero-content.funnel img {
       width: 200px;
    }
}

@media only screen and (min-width: 2200px) {
    .hero-twelve .hero-wrapper {
        padding-bottom: 15.625rem
    }
}

@media only screen and (min-width: 768px) {
    .hero-twelve .hero-content {
        padding-top: 13.75rem
    }
}

@media only screen and (min-width: 2200px) {
    .hero-twelve .hero-content {
        padding-top: 18.75rem;
        padding-bottom: 9.375rem
    }
}

@media only screen and (max-width: 767px) {
    .hero-twelve .hero-content {
        padding-bottom: 1.875rem
    }
}

.hero-twelve .hero .db-btn {
    margin-bottom: .9375rem
}

.hero-twelve .hero .watch-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 991px) {
    .hero-twelve .hero .watch-video {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.hero-twelve .hero .watch-video .btn__play {
    margin-bottom: 1.125rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.hero-twelve .hero .watch-video .btn__play:before {
    content: none
}

.hero-twelve .hero .watch-video .btn__play:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100px;
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    opacity: 1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #6edb55;
    -webkit-animation: dot-ripple 3s linear infinite;
    animation: dot-ripple 3s linear infinite;
    z-index: -1
}

.hero-twelve .hero .watch-video .btn__play:hover:before {
    content: none
}

.hero-twelve .hero .watch-video .btn__play:hover i {
    -webkit-box-shadow: none;
    box-shadow: none
}

.hero-twelve .hero .watch-video i {
    font-size: 1.375rem;
    color: #fff;
    border-radius: 100px;
    width: 3.75rem;
    height: 3.75rem;
    line-height: 3.75rem;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #1759cd;
    -webkit-box-shadow: 0 0 0 26px rgba(68, 216, 231, 0.1), 0 0 0 13px rgba(70, 137, 241, 0.15);
    box-shadow: 0 0 0 26px rgba(68, 216, 231, 0.1), 0 0 0 13px rgba(70, 137, 241, 0.15);
    transition: .3s
}

@media only screen and (min-width: 992px) {
    .hero-twelve .hero .watch-video i {
        font-size: 1.75rem;
        height: 6.625rem;
        width: 6.625rem;
        line-height: 6.625rem
    }
}

.watch-video__text {
    text-align: center;
}

.hero-twelve .hero .watch-video__text--big {
    font-size: 1rem;
    text-align: center;
    color: #fff
}

@media only screen and (max-width: 778px) {
    .hero-twelve .hero .watch-video__text--big {
        display: none
    }
}

@media only screen and (min-width: 992px) {
    .hero-twelve .hero .watch-video__text--big {
        font-size: 0.9125rem;
        font-weight: 600;
    }
}

.btn__play {
    position: relative
}

.btn__play:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    opacity: 1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    visibility: hidden
}

.btn__play:hover:before {
    opacity: 0;
    -webkit-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7);
    visibility: visible;
    -webkit-box-shadow: 0 0 0 15px #ffffff;
    box-shadow: 0 0 0 15px #ffffff
}

@keyframes bounce {
    from {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    to {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes db-fade {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes db-fade {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes dot-ripple {
    to {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@keyframes dot-ripple {
    to {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.ie9 img[src*=".svg"] {
    width: 100%
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    img[src*=".svg"] {
        width: 100%
    }
}

section hr {
    width: 120px;
    border: 3px solid #6edb55;
    margin-left: 0;
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

@media (max-width: 575px) {
    section hr {
        margin-left: auto;
        margin-right: auto;
    }
}

/******************************
    NAVIGATION
*******************************/ 

.navbar-toggler {
    border-radius: 0;
    font-size: 1.6em;
    padding: 0.6em 0.5em 0;
    color: #fff;
}

.navbar-toggler-icon:before {
  content: "\e601";
  font-family: 'simple-line-icons';
}

.navigation {
    position: relative;
    width: 100%;
    /*height: 70px;*/
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: none
}

.navigation-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navigation__transparent {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.navigation__brand {
    line-height: 4.625rem;
    padding: 0 .9375rem 0 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.navigation__brand img {
    width: 100%;
}

.navigation-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navigation-menu__item {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.navigation-menu__link {
    color: #efecec;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative;
    font-weight: 600;
    font-size: 1.125rem
}

.navigation__caps .navigation-menu__link {
    text-transform: uppercase;
    font-size: .875rem
}

.navigation__caps.navigation__landscape .navigation-dropdown .navigation-menu__link {
    font-size: .875rem
}

.navigation__caps.navigation__landscape .submenu-icon {
    margin-top: .375rem
}

.navigation__caps .nav-cta-btn {
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 600
}

.navigation-button {
    line-height: 5.625rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media only screen and (max-width: 991px) {
    .navigation-button {
        margin: 0 .9375rem 0rem 0rem
    }
}

.navigation .nav-cta-btn.db-btn__outline:hover {
    color: #2d3136
}

.navigation .nav-cta-btn.db-btn__outline:before {
    background: #fff
}

.navigation .nav-cta-btn__transparent {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navigation .nav-cta-btn__transparent::before {
    content: none
}

.navigation .navigation-button-couple .nav-cta-btn {
    margin-top: 0
}

.navigation .navigation-button-couple .nav-cta-btn:not(:last-child) {
    margin-right: 0.75rem;
}

.navigation .navigation-button-couple__trans {
    font-size: .875rem;
    color: #fff;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.navigation-button-couple__fill {
    color: #fff;
    background: #1759cd;
    height: 2.8125rem;
    line-height: 2.8125rem;
    min-width: 7.5rem;
    text-align: center;
    border-radius: 5px
}

.navigation-button-couple__fill.blue {
    background: #1759cd;
    background-image: -webkit-linear-gradient(65deg, #1759cd 0%, #40cfe7 100%);
    background-image: -o-linear-gradient(65deg, #1759cd 0%, #40cfe7 100%);
    background-image: linear-gradient(25deg, #1759cd 0%, #40cfe7 100%);
    margin-bottom: 1em;
}

/*.navigation.sticky-nav .navigation-button-couple__fill {
    background: #40cfe7 !important;
}*/

.navigation .offcanvas__close {
    display: none
}

.navigation__toggler {
    display: none
}

.navigation .sticky-nav__logo {
    display: none
}

.navigation.sticky-nav {
   background: #1759cd;
    background-image: -webkit-linear-gradient(65deg, #1759cd 0%, #40cfe7 100%);
    background-image: -o-linear-gradient(65deg, #1759cd 0%, #40cfe7 100%);
    background-image: linear-gradient(25deg, #1759cd 0%, #40cfe7 100%);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1)
}

.navigation.sticky-nav .navigation-main__logo {
    display: none
}

.navigation.sticky-nav img.sticky-nav__logo {
    width: 60px;
}

.navigation.sticky-nav .sticky-nav__logo {
    display: block
}

.navigation.sticky-nav .nav-cta-btn:before {
    background: #fff
}

.navigation.sticky-nav .nav-cta-btn:hover {
    color: #2d3136
}

.navigation.sticky-nav.navigation__btn-fill .db-btn__outline.nav-cta-btn {
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 1px #e2e6ea;
    box-shadow: 0 0 0 1px #e2e6ea
}

.navigation.sticky-nav.navigation__btn-fill .navigation-button-couple__trans {
    color: #fff
}

/*.navigation.sticky-nav.navigation__btn-fill .navigation-button-couple__fill {
    height: 2.5rem;
    line-height: 2.5rem
}*/

/*.navigation.sticky-nav.navigation__landscape {
    height: 70px
}*/

/*.navigation.sticky-nav.navigation__landscape .navigation__brand {
    line-height: 70px
}*/

.navigation.sticky-nav.navigation__landscape .navigation-menu > li > .navigation-menu__link {
    padding-top: 1.34375rem;
    padding-bottom: 1.34375rem;
    color: #efecec
}

/*.navigation.sticky-nav.navigation__landscape .navigation-button {
    line-height: 70px
}

.navigation.sticky-nav.navigation__portrait {
    height: 60px
}*/

/*.navigation.sticky-nav.navigation__portrait .navigation__brand {
    line-height: 60px
}*/

.navigation.sticky-nav.navigation__portrait .navigation-button {
    line-height: 60px
}

.navigation__fluid .container {
    max-width: 100%
}

@media only screen and (min-width: 992px) {
    .navigation__fluid .container {
        padding: 0 2.5rem
    }
}

.navigation__border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.navigation__btn-fill .db-btn__outline.nav-cta-btn {
    background-color: #4777f4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.navigation__btn-fill .db-btn__outline.nav-cta-btn:before {
    background: rgba(0, 0, 0, 0.05)
}

.navigation__btn-fill .db-btn__outline.nav-cta-btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.navigation-text__dark.navigation__landscape .navigation-menu__link {
    color: #2d3136
}

.navigation-text__dark.navigation__landscape .navigation-menu__item.current-menu-item > a {
    color: #505760
}

.navigation-text__dark.navigation__landscape .navigation-menu__item:hover > a,
.navigation-text__dark.navigation__landscape .navigation-menu__item:focus > a {
    color: #505760
}

.navigation-text__dark.navigation__landscape.navigation__separate .navigation-wrapper:before {
    background: #818992
}

.navigation-text__dark.navigation__landscape .navigation-button-couple__trans {
    color: #2d3136
}

.navigation-text__dark.navigation__portrait .navigation__toggler {
    cursor: pointer
}

.navigation-text__dark.navigation__portrait .navigation__toggler:before {
    background-color: #2d3136;
    -webkit-box-shadow: 0 0.5em 0 0 #2d3136, 0 1em 0 0 #2d3136;
    box-shadow: 0 0.5em 0 0 #2d3136, 0 1em 0 0 #2d3136
}

.navigation-text__dark.navigation__portrait.sticky-nav .navigation__toggler {
    cursor: pointer
}

.navigation-text__dark.navigation__portrait.sticky-nav .navigation__toggler:before {
    background-color: #fff;
    -webkit-box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
    box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff
}

.navigation-text__gray.navigation__landscape .navigation-menu__link {
    color: #818992
}

.navigation-text__gray.navigation__landscape .navigation-menu__item.current-menu-item > a {
    color: #818992
}

.navigation-text__gray.navigation__landscape .navigation-menu__item:hover > a,
.navigation-text__gray.navigation__landscape .navigation-menu__item:focus > a {
    color: #818992
}

.navigation-text__gray.navigation__landscape .navigation-button-couple__trans {
    color: #2d3136
}

.navigation-text__gray.navigation__portrait .navigation__toggler {
    cursor: pointer
}

.navigation-text__gray.navigation__portrait .navigation__toggler:before {
    background-color: #818992;
    -webkit-box-shadow: 0 0.5em 0 0 #818992, 0 1em 0 0 #818992;
    box-shadow: 0 0.5em 0 0 #818992, 0 1em 0 0 #818992
}

.navigation-text__gray.navigation__portrait.sticky-nav .navigation__toggler {
    cursor: pointer
}

.navigation-text__gray.navigation__portrait.sticky-nav .navigation__toggler:before {
    background-color: #fff;
    -webkit-box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
    box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff
}

.navigation__landscape {
    display: block;
    opacity: 1;
    visibility: visible
}

.navigation__landscape.navigation__right .navigation-wrapper {
    margin-left: auto;
    margin-right: 2.5rem
}

.navigation__landscape.navigation__left .navigation-wrapper {
    margin-right: auto;
    margin-left: 2.5rem
}

.navigation__landscape.navigation__separate .navigation-wrapper {
    position: relative;
    margin-right: 0.95rem;
    padding-right: 0.75rem;
}

.navigation__landscape.navigation__separate .navigation-wrapper:before {
    content: "";
    height: 20px;
    width: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #e0e1e4
}

.navigation__landscape .container-full {
    padding-right: 6.25rem;
    padding-left: 6.25rem
}

.navigation__landscape .navigation__brand {
    margin-bottom: 10px;
    width: 300px;
}

.navigation__landscape .navigation-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.navigation__landscape .navigation-menu > li > .navigation-menu__link {
    display: inline-block;
    padding: 2.0625rem 0.45rem;
}

.navigation__landscape .nav-cta-btn {
    margin-top: .875rem
}

.navigation__landscape .navigation-menu__item.current-menu-item > a {
    color: #fff
}

.navigation__landscape .navigation-menu__item:hover > a,
.navigation__landscape .navigation-menu__item:focus > a {
    color: #fff
}

.navigation__landscape .navigation-dropdown {
    position: absolute;
    min-width: 13.625rem;
    -webkit-box-shadow: 0 0.375rem 2.75rem rgba(0, 0, 0, 0.17);
    box-shadow: 0 0.375rem 2.75rem rgba(0, 0, 0, 0.17);
    border-radius: 0.313rem;
    background-color: #fff;
    min-width: 13.75rem;
    margin: -.0625rem 0 0 .9375rem;
    padding: .625rem 0;
    list-style: none;
    z-index: 98;
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.navigation__landscape .navigation-dropdown:before {
    content: "";
    background-color: #fff;
    position: absolute;
    top: -5px;
    left: 20px;
    height: .9375rem;
    width: .9375rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -2
}

.navigation__landscape .navigation-dropdown .navigation-dropdown {
    margin: 0
}

.navigation__landscape .navigation-dropdown .navigation-dropdown:before {
    content: none
}

.navigation__landscape .navigation-dropdown .navigation-menu__link {
    display: block;
    color: #2d3136;
    font-size: 1.125rem;
    font-weight: 600;
    padding: .625rem .625rem .625rem .8125rem
}

.navigation__landscape .navigation-dropdown .navigation-menu__link:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #f2f4f6;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.navigation__landscape .navigation-dropdown .navigation-menu__item {
    padding-right: .625rem;
    padding-left: .625rem
}

.navigation__landscape .navigation-dropdown .navigation-menu__item:hover > .navigation-menu__link {
    color: #2d3136
}

.navigation__landscape .navigation-dropdown .navigation-menu__item:hover > .navigation-menu__link:before {
    opacity: 1;
    visibility: visible
}

.navigation__landscape .navigation-dropdown .navigation-menu__item.current-menu-item > .navigation-menu__link {
    color: #2d3136
}

.navigation__landscape .navigation-menu__item:hover > .navigation-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.navigation__landscape .navigation-dropdown .navigation-dropdown {
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    border-top-left-radius: 0
}

.navigation__landscape .navigation-dropdown .navigation-dropdown.algin-left,
.navigation__landscape .navigation-dropdown .navigation-dropdown.algin-to-left {
    left: auto;
    right: 100%;
    border-top-left-radius: 0.313rem;
    border-top-right-radius: 0
}

.navigation__landscape .submenu-icon {
    float: right;
    margin: .6875rem 0px 0 .5rem;
    display: none;
}

.navigation__landscape .submenu-icon__caret {
    display: block;
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    border-width: 0 1px 1px 0;
    border-style: solid;
    height: 6px;
    width: 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.navigation__landscape .navigation-dropdown .navigation-menu__item .submenu-icon__caret {
    display: block;
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    border-width: 0 1px 1px 0;
    border-style: solid;
    height: 6px;
    width: 6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width: 992px) {
    .navigation__landscape .container-full {
        padding-right: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 992px) {
    .nav-desktop {
        display: none;
    }
}

/******************************
    NAVIGATION - MOBILE
*******************************/ 

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    display: block;
    z-index: 9;
}

.nav-drill {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.nav-drill img {
    width: 60px;
    padding: 1em 0;
    margin: 0 auto;
}
.nav-is-toggled .nav-drill {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.nav-is-toggled::after {
  opacity: 1;
  visibility: visible;
}
.nav-drill {
  display: flex;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  width: 280px;
  height: 100vh;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: 0.45s;
}
.nav-items {
  flex: 0 0 100%;
}
.nav-item:not(:last-child) {
  /*border-bottom: solid 1px #daf9f4;*/
}
.nav-link {
  display: block;
  padding: 0.675em 1em;
  background-color: #fff;
  color: #000;
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: 600;
}
.nav-expand-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: #40cfe7;
  transition: 0.3s;
  visibility: hidden;
}
.nav-expand-content .nav-item:not(:last-child) {
  border-bottom: solid 1px #fff;
}
.nav-expand-content .nav-link {
  background-color: #daf9f4;
}
.nav-expand-content .nav-back-link {
  display: flex;
  align-items: center;
  background-color: #1759cd !important;
  color: #fff;
}
.nav-expand-content .nav-back-link::before {
  content: "\e605";
  margin-right: 0.5em;
  font-family: "simple-line-icons";
}
.nav-expand-link {
  display: flex;
  justify-content: space-between;
}
.nav-expand-link::after {
  content: "\e606";
  flex: 0 1 auto;
  font-family: "simple-line-icons";
}
.nav-expand.active > .nav-expand-content {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}
.nav-expand .nav-expand-content {
  background-color: #fff;
  z-index: 99;
}
.nav-expand .nav-expand-content .nav-link {
  background-color: #fff;
}
.nav-expand .nav-expand-content .nav-expand-content {
  background-color: #aff1e6;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-link {
  background-color: #aff1e6;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content {
  background-color: #84e9d9;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
  background-color: #84e9d9;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content {
  background-color: #59e1cb;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
  background-color: #59e1cb;
}

/******************************
    NAVIGATION - MOBILE - CUSTOM TRIGGERS
*******************************/ 

.navbar-toggler {
    display: none;
}

#nav-close {
    width: 100vh;
    height: 100vh;
    color: #fff;
    position: absolute;
    display: none;
    z-index: 9;
    background: transparent;
    background: none;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 1400px) {
    .navigation-wrapper, .navigation-button-couple {
        display: none;
    }
    .navbar-toggler {
        display: block;
    }
    .navigation-content {
        padding: 0 0.4em;
    }
    .navigation.sticky-nav img.sticky-nav__logo {
        padding: 0.3em 0;
    }
    .navigation__brand {
        padding: 0 0.938rem 0 1em;
    }
    .navigation__landscape .navigation__brand {
        margin-bottom: 0;
    }
}

.overflow-hidden {
    overflow: hidden !important;
}

/******************************
    HOME - ROTATE FX
*******************************/

.cd-words-wrapper {
  display: inline-block;
  position: relative;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}

.cd-headline.slide span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
   width: 12em !important;
}
.cd-headline.slide b {
  opacity: 0;
  top: .2em;
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  -moz-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out 0.6s;
  -moz-animation: slide-out 0.6s;
  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%);
  }
}

/******************************
    SCROLL TO TOP
*******************************/

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(23, 89, 205, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(23, 89, 205, 0.9);
}
#return-to-top:hover i {
    color: #fff;
}

/******************************
    HOME - SECONDARY
*******************************/

.features-four {
    padding: 4.0625rem 0 5rem;
}

@media only screen and (min-width: 768px) {
    .features-four {
        padding: 5.625rem 0 4.6875rem;
    }
}

@media only screen and (max-width: 767px) {
    .features-four {
        padding-bottom: 1em;
    }
}

@media only screen and (min-width: 768px) {
    .features-four .feature-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 1200px) {
    .features-four .feature-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.features-four .feature {
    text-align: center;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .features-four .feature {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 1.875rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media only screen and (min-width: 1200px) {
    .features-four .feature {
        margin-right: 8.125rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 28.125rem;
        flex: 0 0 28.125rem;
        max-width: 28.125rem
    }
}

@media only screen and (max-width: 767px) {
    .features-four .feature {
        padding-bottom: 1.125rem
    }
}

.features-four .feature__list:not(:last-child) {
    margin-bottom: 1.125rem
}

@media only screen and (min-width: 768px) {
    .features-four .feature__list:not(:last-child) {
        margin-bottom: 2.5rem
    }
}

@media only screen and (min-width: 768px) {
    .features-four .feature__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left
    }
}

.features-four .feature__list:hover i {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    color: #818992
}

/*.features-four .feature__list:nth-child(3n + 1) i {
    color: #fab9f3
}

.features-four .feature__list:nth-child(3n + 2) i {
    color: #f8e397
}

.features-four .feature__list:nth-child(3n + 3) i {
    color: #FF6348
}*/

@media only screen and (max-width: 767px) {
    .features-four .feature__icon {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width: 768px) {
    .features-four .feature__icon {
        margin-right: 1.25rem
    }
}

@media only screen and (min-width: 1200px) {
    .features-four .feature__icon {
        margin-right: 2.1875rem
    }
}

.features-four .feature__icon i {
    color: #e2e6ea;
    font-size: 2.5rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.features-four .feature__title {
    margin-bottom: 1.25rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    .features-four .features-cta {
        text-align: center
    }
}

.features-cta img {
    margin-bottom: 2.1875rem
}

.features-four .features-cta__title {
    margin-bottom: 1.375rem;
position: relative;
background: #1759cd;
background: -moz-linear-gradient(left, #1759cd 0%, #40cfe7 98%);
background: -webkit-linear-gradient(left, #1759cd 0%,#40cfe7 98%);
background: linear-gradient(to right, #1759cd 0%,#40cfe7 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1759cd', endColorstr='#40cfe7',GradientType=1 );
-webkit-text-fill-color: transparent;
	   -moz-text-fill-color: transparent;
	    -ms-text-fill-color: transparent;
	     -o-text-fill-color: transparent;
	-webkit-background-clip: text;
	   -moz-background-clip: text;
	    -ms-background-clip: text;
	     -o-background-clip: text;
}

.features-four .features-cta__description {
    margin-bottom: 2.1875rem
}

@media only screen and (max-width: 424px) {
    .features-four .features-cta-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 425px) {
    .features-four .features-cta-buttons .db-btn:not(:last-child) {
        margin-right: .9375rem
    }
}

@media only screen and (max-width: 424px) {
    .features-four .features-cta-buttons .db-btn {
        margin-bottom: .9375rem
    }
}

/******************************
    HOME - SERVICES
*******************************/

.services {
    padding: 5.025rem 0;
    background: #eaeaea;
    background: -moz-linear-gradient(-45deg, #eaeaea 0%, #ffffff 100%);
    background: -webkit-linear-gradient(-45deg, #eaeaea 0%,#ffffff 100%);
    background: linear-gradient(135deg, #eaeaea 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=1 );
}

.services-head {
    padding-bottom: 2em;
}

.services-head h2, .services-head p.lead {
    text-align: left;
  }

@media (max-width: 576px) {
  .services-head h2, .services-head p.lead {
    text-align: center;
  }
}

@media only screen and (max-width: 991px) {
    .services {
        padding: 3em 0;
    }
}

.services .services-body .item {
	padding: 20px;
	border-radius: 8px;
	position: relative;
	margin-bottom: 30px;
	/* transition */
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	/* box-shadow */
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
	   -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
	    -ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
	     -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
	        box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
}

.services .services-body .item > span {
	position: absolute;
	top: 8px;
	right: 8px;
	display: flex;
	align-items: center;
    width: 40px;
}

.services .services-body .item span i {
	margin-right: 5px;
}

.services .services-body .item span span {
	letter-spacing: 1px;
}

.services .services-body .item h4 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 25px !important;
	margin-bottom: 5px;
	max-height: 25px;
}

.services .services-body .item p {
	font-size: 1em;
    text-align: left;
    margin-bottom: 15px;
    overflow: hidden;    
	line-height: 1.5em;
	/* text-overflow */
	-webkit-text-overflow: ellipsis;
       -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
         -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
}

.services .services-body .item a {
	letter-spacing: 1px;
	font-size: 1em;
	font-weight: 600;
	color: #1759cd;
	/* transition */
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	    -ms-transition: all .2s ease-in-out;
	     -o-transition: all .2s ease-in-out;
		    transition: all .2s ease-in-out;
}

.services .services-body .item a:hover {
	color: #6edb55;
}

.services .services-body.empleos a {
	width: 100%;
}

.services .services-body.empleos h4 {
    font-size: 1.3em;
}

.services .services-body .item:hover {	
	/* transform */
	-webkit-transform: translate3d(0, -5px, 0);
	   -moz-transform: translate3d(0, -5px, 0);
	    -ms-transform: translate3d(0, -5px, 0);
	     -o-transform: translate3d(0, -5px, 0);
	 	    transform: translate3d(0, -5px, 0);
	/* box-shadow */
	-webkit-box-shadow: 0 10px 40px rgba(0,0,0,.1);
	   -moz-box-shadow: 0 10px 40px rgba(0,0,0,.1);
	    -ms-box-shadow: 0 10px 40px rgba(0,0,0,.1);
	     -o-box-shadow: 0 10px 40px rgba(0,0,0,.1);
			box-shadow: 0 10px 40px rgba(0,0,0,.1);
}

/******************************
    HOME - REPORT
*******************************/

.dashboard {
    padding: 5.025rem 0;
}

.dashboard hr {
    margin-right: 0;
    margin-left: auto;
}

@media only screen and (max-width: 991px) {
    .dashboard {
        padding: 3em 0;
    }
    .dashboard hr {
        margin-right: auto;
        margin-left: auto;
    }
}

.dashboard small {
    text-transform: uppercase;
    color: #818992;
    letter-spacing: 1px;
}

.dashboard h2 {
    margin: 0.2em 0;
}

/******************************
    HOME - BLOG
*******************************/

.home-blog.blog-main {
    padding: 5.025rem 0;
    background: #eaeaea;
    background: -moz-linear-gradient(-45deg, #eaeaea 0%, #ffffff 100%);
    background: -webkit-linear-gradient(-45deg, #eaeaea 0%,#ffffff 100%);
    background: linear-gradient(135deg, #eaeaea 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=1 );
}

.home-blog.blog-main hr {
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 991px) {
    .home-blog.blog-main {
        padding: 3em 0;
    }
}

.home-blog.blog-main .section-title h2 {
    margin-bottom: .9375rem
}

.home-blog.blog-main .article-content {
    top: 0;
    padding: 0;
    margin: 0;
    background: transparent
}

.home-blog.blog-main .blog-wrapper {
    padding-top: 3em;
}

@media only screen and (max-width: 767px) {
    .home-blog.blog-main .blog-featured {
        margin-bottom: 1.5625rem;
        border-bottom: 1px solid #E2E6EA
    }
}

.home-blog.blog-main .blog-featured .article__thumbnail {
    margin-bottom: 2.5rem;
    border-radius: 5px
}

.db-btn-link {
    color: #1759cd;
    font-size: 1.25rem;
    font-weight: 600
}

.db-btn-link .db-btn__icon--after {
    padding-left: .9375rem;
    position: relative;
    top: 5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.db-btn-link:hover .db-btn__icon--after {
    margin-left: 10px;
    color: #1759cd;
}

@media only screen and (min-width: 768px) {
    .home-blog-one.blog-main .blog-list {
        max-width: 25.9375rem;
        margin-left: auto
    }
}

.home-blog-one.blog-main .blog-list .article__title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5625rem
}

.home-blog-one.blog-main .blog-list:not(:last-child) .article-content {
    border-bottom: 1px solid #E2E6EA;
    margin-bottom: 1.5625rem
}

.home-blog-one.blog-main .blog-list:last-child .article-content {
    padding-bottom: 0
}

.home-blog-one.blog-main .blog-list:last-child .article {
    margin-bottom: 0
}

.blog-main {
    padding-top: 5rem;
    padding-bottom: 3.75rem
}

@media only screen and (min-width: 768px) {
    .blog-main {
        padding-top: 8.125rem;
        padding-bottom: 7.1875rem
    }
}

.blog-main-content {
    max-width: 39.6875rem
}

.blog-main .article {
    margin-bottom: 1.875rem
}

@media only screen and (min-width: 768px) {
    .blog-main .article {
        margin-bottom: .625rem
    }
}

.blog-main .article__thumbnail {
    overflow: hidden;
    display: block
}

.blog-main .article__thumbnail img {
    width: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-main .article__thumbnail:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.blog-main .article-content {
    position: relative;
    background: #fff;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

@media only screen and (min-width: 768px) {
    .blog-main .article-content {
        top: -50px;
        margin-right: 15px;
        margin-left: 15px;
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.blog-main .article__meta span {
    color: #818992;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: .9375rem
}

.blog-main .article__meta span:not(:last-child):after {
    content: '-';
    margin-left: .625rem;
    margin-right: .625rem
}

.blog-main .article__meta a {
    color: #818992;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-main .article__meta a:hover {
    color: #6edb55
}

.blog-main .article__title {
    color: #2d3136;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.31;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 1.25rem
}

.blog-main .article__title:hover {
    color: #505760
}

.blog-main .article p {
    margin-bottom: 1em
}

/******************************
    FOOTER
*******************************/

footer {
    padding: 50px 0 20px 0;
    background: #1759cd;
    background-image: -webkit-linear-gradient(65deg, #1759cd 0%, #40cfe7 100%);
    background-image: -o-linear-gradient(65deg, #1759cd 0%, #40cfe7 100%);
    background-image: linear-gradient(25deg, #1759cd 0%,  #40cfe7 100%)
}

.footer-head {
    color: #fff;
    font-size: 1.425rem;
    margin-bottom: 0.8rem;
}

.footer-head a {
    color: #fff;
}

@media (max-width: 992px) {
    .footer-head {
        margin-top: 1rem
    }
}

.footer-links {
    margin: 0.1em 0;
    padding: 0;
}

.footer-links li {
    display: block;
    padding-bottom: 10px;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.footer-links.copyrights li {
    display: inline-block;
}

.footer-links.copyrights span {
    top: -5px;
    position: relative;
}

.footer-links.copyrights li a {
    font-size: 0.8em;
}

.footer-links li a {
    display: block;
    color: inherit;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    font-weight: 300;
}

@media (max-width: 767px) {
    .footer-head, .footer-links, .footer-links li a {
        text-align: left;
    }
}

.footer-links li a:hover {
    color: #eaeaea;
}

.footer-links.contact i {
    color: #fff;
    font-size: 1.3em;
    position: relative;
    margin-right: 10px;
}

.footer-links.contact a {
    font-weight: 600;
    line-height: 1.3;
    display: inline-flex;
    text-align: left;
}

@media (max-width: 1024px) {
    .footer-links.contact i , .footer-links.contact a {
        margin-right: 15px;
    }
    .footer-links li {
        padding-bottom: 10px;
    }
}

.footer-copyright {
    padding-top: 20px;
    border-top: 1px solid #727171;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #acacac;
}

.copy-text {
    text-align: center;
    color: #fff;
    font-size: 0.8rem;
}

.footer-share-it {
    list-style: none;
    margin: 5px 0 0;
    padding: 0;
}

.footer-share-it .shate-it-item {
    display: inline-block
}

@media (max-width: 768px) {
    footer {
        text-align: center;
    }
    .copy-text {
        margin-top: 15px;
    }
}

@media (min-width: 768px) {
    .copy-text {
        text-align: right;
        line-height: 40px;
    }

}

.copyright-bar {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(81, 99, 120, 0.2);
}

.copyright-bar a {
    display: block;
}

.copyright-bar a.copyr {
    display: inline;
    color: #fff;
    text-decoration: underline
}

.copyright-bar img {
    max-width: 250px;
}

@media (max-width: 575px) {
    .footerleft {
        padding-left: 25%;
    }
    .footer-share-it {
        text-align: left;
    }
}

.btn-share-sm {
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    color: #ffffff;
    font-size: 0.973rem;
    font-weight: 400;
    width: 35px;
    padding: 5px;
    margin: 3px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-share-sm:focus,
.btn-share-sm:hover {
    color: #fff
}

.btn-share-sm:hover {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .25);
}

.share-it .shate-it-item {
    display: inline-block;
}

.bg-facebook {
    background-color: #4769b2 !important;
}

.bg-twitter {
    background-color: #29a9e1 !important;
}

.bg-google {
    background-color: #df4b38 !important;
}

.bg-linkedin {
    background-color: #0077b5 !important;
}

.bg-youtube {
    background-color: #ff0000 !important;
}

/******************************
    PAGES GLOBAL
*******************************/

section.head h1, section.head p {
    color: #fff;
}

section.head p {
    font-weight: 300;
}

section.head hr {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.2rem;
    margin-bottom: 0.9rem;
}

section.head.right hr {
    margin-right: 0;
}

section.head.left hr {
    margin-left: 0;
}

section.head .svg-icon {
    width: 10em;
}

section.head .db-btn-link {
    color: #6edb55;
}

section.head .db-btn-link:hover .db-btn__icon--after, section.head .db-btn-link:hover {
    color: #fff;
}

section.head .formulario h5, section.head .formulario h6 {
    color: #1759cd;
}

section.head .formulario {
    background: rgba(255,255,255,0.2);
    padding: 1em;
    border-radius: 8px;
}


@media (max-width: 575px) {
    section.head .formulario {
        background: rgba(255,255,255,0.5);
    }
}

section.head .formulario p {
    color: #fff;
    text-align: center;
    margin: 1em 0;
}

section.head .formulario .col-xl-6:nth-child(2),
section.head .formulario .col-xl-6:nth-child(4),
.last-company {
    padding-left: 0;
}

@media only screen and (max-width: 1199px) {
    section.head .formulario .col-xl-6:nth-child(2),
    section.head .formulario .col-xl-6:nth-child(4),
    .last-company {
        padding-left: 15px;
    }
}

section.head .form-control {
    border-radius: 0 !important;
}

section.head .checkbox-terms {
    margin: 5px 0 20px;
    line-height: 13px;
    font-weight: 400;
}

section.head .checkbox-terms span {
    line-height: 1.5;
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
    top: -0.15em;
    left: 0;
    font-size: 2em;
    line-height: 0.7;
  color: #09ad7e;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}
/* hover style just for information */
label:hover:before {
  border: 2px solid #6edb55!important;
}

section.head .formulario label {
    color: #1759cd;
    display: inline;
    font-size: 0.8em;
    line-height: 1;
}

section.head .alert-box {
    padding: 10px;
}

section.head .alert-box.error, .alert-box.error a {
    font-size: 0.8em;
}

.alert-box {
    position: relative;
    margin: 20px auto 10px auto;
    padding: 15px;
    text-align: center;
}

.alert-box i {
    width: 30px;
}

.alert-box .close {
    display: block;
    position: absolute;
    right: 3px;
    top: 2px;
    padding: 5px;
    font-size: 1.2em;
    color: #666;
    border: 0;
    background: transparent;
}

.alert-box .close:hover {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.alert-box.error,
.alert-box.error a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid rgba(185, 74, 72, 0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert-box.success,
.alert-box.success a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

section.head .form-control {
    height: 2.8125rem;
    line-height: 2.8125rem;
    background-color: #fff;
    border: transparent solid 2px;
    color: #000;
    padding: 0 20px;
    margin-bottom: 15px;
    border-radius: 8px !important;
}

section.head .form-control:focus, section.head .form-control:active, .hs-input:focus, .hs-input:active {
    box-shadow: none;
    border: #6edb55 solid 2px;
}

section.head .db-btn__primary, section.contactcontent .db-btn__primary, .hs-button {
    height: 2.8125rem;
    line-height: 2.8125rem;
    min-width: 7.5rem;
    border: 0;
}

.servicioscontent {
    padding: 5em 0 !important;
}

@media only screen and (max-width: 991px) {
    .servicioscontent {
        padding: 3em 0 !important;
    }
}

#maincontent .content {
    padding: 3em;
}

#maincontent .content h5 a {
    border-bottom: 2px solid #1759cd;
}


#sidebar, #sidebar-mobile {
    padding: 3em 0 0;
}

@media only screen and (max-width: 991px) {
    .servicioscontent {
        padding: 0 !important;
    }
}

.sidebar__inner li {
    padding: 0.3em 0;
}

.sidebar__inner li a.activeserv {
    border-bottom: 3px #6edb55 solid;
    font-weight: 700;
}

.sidebar__mobile li a {
    font-size: 1.3em;
line-height: 1.8;
font-weight: 700;
border-bottom: 3px #6edb55 solid;
margin-bottom: 0.6em;
}

#sidebar{
    will-change: min-height;
}

.sidebar__inner{
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

span.gradient {
    background: #1759cd;
    background: -moz-linear-gradient(left, #1759cd 0%, #40cfe7 98%);
    background: -webkit-linear-gradient(left, #1759cd 0%,#40cfe7 98%);
    background: linear-gradient(to right, #1759cd 0%,#40cfe7 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1759cd', endColorstr='#40cfe7',GradientType=1 );
-webkit-text-fill-color: transparent;
	   -moz-text-fill-color: transparent;
	    -ms-text-fill-color: transparent;
	     -o-text-fill-color: transparent;
	-webkit-background-clip: text;
	   -moz-background-clip: text;
	    -ms-background-clip: text;
	     -o-background-clip: text;
}

.content h1 sup {
    font-size: 0.4em;
}

.content .costo {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    font-size: 4rem;
}

#maincontent .row.card-group .card {
	margin: 0 15px;
}

@media only screen and (max-width: 575px) {
    #maincontent .row.card-group {
	   margin: 0 15px 0 -15px;
    }
    #maincontent .row.card-group .card {
        margin: 0 15px 30px;
    }
    #maincontent .row.card-group .card:last-child {
        margin-bottom: 0;
    }
}

#accordion .panel-default {
    margin-bottom: 1em;
} 

#accordion .panel-heading h4 {
    font-size: 1.2em;
}

#accordion .panel-body {
    margin-top: 0.4em;
}

/*section.secondary {
    padding: 4.8rem 15px 4rem;
    background: #1759cd;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media only screen and (max-width: 991px) {
    section.secondary {
        padding: 3.7rem 15px 2.3rem;
    }
}*/

.cta {
    padding: 2.5rem 1.875rem;
    background: #fff;
    border: 1px solid #E1ECFF;
    -webkit-box-shadow: 0 0 0 1px #E1ECFF, 0 22px 54px 0 rgba(75, 121, 207, 0.04);
    box-shadow: 0 0 0 1px #E1ECFF, 0 22px 54px 0 rgba(75, 121, 207, 0.04);
    border-radius: 15px;
    background-size: cover
}

@media only screen and (min-width: 992px) {
    .cta {
        padding: 4.375rem 3.75rem
    }
}

.cta-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 991px) {
    .cta-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
}

@media only screen and (max-width: 991px) {
    .cta-content {
        margin-bottom: 1.875rem
    }
}

.cta__title {
    margin-bottom: .625rem
}

/******************************
    BLOG PAGE
*******************************/

section.blog {
    padding: 9.8rem 15px 6rem;
    background-image: url('../images/bg/bg-blog.jpg');
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.blogcontent {
    padding: 5em 0 !important;
}

@media only screen and (max-width: 991px) {
    section.blog {
        padding: 6.7rem 15px 2.3rem;
    }
    .blogcontent {
        padding: 3em 0 !important;
    }
}

.blogcontent .post-holder h4 {
    padding-bottom: 0.2em;
}

.blogcontent .post-holder hr{
    width: 100%;
    border: 1px solid #eaeaea;
}

.blogcontent .card, .blogcontent .post-holder, #maincontent .content {
    border-radius: 8px;
    margin: 15px 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #ffffff;
    border: 0;
    position: relative;
    -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
-ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
-o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
}

#maincontent .content {
    margin: 30px 0;
}

#maincontent .content p {
    font-weight: 300;
    color: #000;
}

#maincontent .content .nav-link {
    font-size: 1.1rem;
    background-color: transparent;
}

#incluye {
    background: #fff url(../images/bg/bg-incluye.jpg) no-repeat right center;
}

#noincluye {
    background: #fff url(../images/bg/bg-noincluye.jpg) no-repeat right center;
}

#addons {
    background: #fff url(../images/bg/bg-addons.jpg) no-repeat right center;
}

.blogcontent .card:hover {
-webkit-transform: translate3d(0, -5px, 0);
-moz-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
-o-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
-webkit-box-shadow: 0 10px 40px rgba(0,0,0,.1);
-moz-box-shadow: 0 10px 40px rgba(0,0,0,.1);
-ms-box-shadow: 0 10px 40px rgba(0,0,0,.1);
-o-box-shadow: 0 10px 40px rgba(0,0,0,.1);
box-shadow: 0 10px 40px rgba(0,0,0,.1);
}

.blogcontent .card img {
    border-radius: 8px 8px 0 0;
}

.blogcontent .card-body {
    padding: 38px;
}

.blogcontent .card-title {
    color: #1759cd;
    font-size: 1.25rem;
}

.blogcontent .card-text {
    font-size: 1em;
text-align: left;
margin-bottom: 15px;
overflow: hidden;
line-height: 1.5em;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}

.blogcontent .post-holder .post-txt, .blogcontent .post-holder .post-share {
    padding: 1.25rem;
}

.blogcontent .post-holder .post-txt .date {
    font-size: 0.8em;
}

.blogcontent .post-holder img:first-child{
    border-radius: 8px 8px 0 0;
}

.share-social-icons {
  display: inline-block; 
  padding-left: 0;
}

.share-social-icons li {
  width: auto !important;
  display: inline-block !important;
  vertical-align: top;
  clear: none !important;
  padding: 0;
}

a.share-ico {
  width: 90px;
  height: 35px;
  font-size: 18px;
  line-height: 35px !important;
  text-align: center;
  margin-right: 3px;
  margin-top: 5px;
  display: block;
  opacity: 0.75;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

a.share-ico.ico-facebook {background-color: #3b5998; border-color: #3b5998; color: #fff;}
a.share-ico.ico-twitter {background-color: #00a9ed; border-color: #00a9ed; color: #fff;}
a.share-ico.ico-behance {background-color: #00a8e7; border-color: #00a8e7; color: #fff;}
a.share-ico.ico-google-plus {background-color: #cd1111; border-color: #cd1111; color: #fff;}
a.share-ico.ico-linkedin {background-color: #015886; border-color: #015886; color: #fff;}
a.share-ico.ico-dribbble{background-color: #d92d84; border-color: #d92d84; color: #fff;}
a.share-ico.ico-instagram {background-color: #beb3a8; border-color: #beb3a8; color: #fff;}
a.share-ico.ico-pinterest {background-color: #ac281a; border-color: #ac281a; color: #fff;}
a.share-ico.ico-dropbox {background-color: #008ad2; border-color: #008ad2; color: #fff;}
a.share-ico.ico-skype {background-color: #00a9ed; border-color: #00a9ed;color: #fff;}
a.share-ico.ico-youtube {background-color: #cd1b20; border-color: #cd1b20;color: #fff;}
a.share-ico.ico-tumblr {background-color: #3a5976; border-color: #3a5976;color: #fff;}
a.share-ico.ico-vimeo {background-color: #00adee; border-color: #00adee; color: #fff;}
a.share-ico.ico-flickr {background-color: #d2d2d2; border-color: #d2d2d2; color: #fff;}
a.share-ico.ico-github {background-color: #222; border-color: #222; color: #fff;}
a.share-ico.ico-renren {background-color: #364a83; border-color: #364a83; color: #fff;}
a.share-ico.ico-vk {background-color: #3b5998; border-color: #3b5998; color: #fff;}
a.share-ico.ico-xing {background-color: #015f5e; border-color: #015f5e; color: #fff;}
a.share-ico.ico-weibo {background-color: #be4443; border-color: #be4443; color: #fff;}
a.share-ico.ico-rss {background-color: #ff6600; border-color: #ff6600; color: #fff;}
a.share-ico.ico-digg {background-color: #222; border-color: #222; color: #fff;}
a.share-ico.ico-deviantart {background-color: #57675d; border-color: #57675d; color: #fff;}
a.share-ico.ico-envelope {background-color: #999; border-color: #999; color: #fff;}
a.share-ico.ico-delicious {background-color: #0A0A0A; border-color: #0A0A0A; color: #fff;}

a.share-ico:hover {
  opacity: 1;
}

.svg-inline--fa.fa-w-9 {
    width: 0.5625em;
}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}

ul.blog-category-list > li {
  padding: 10px 0;
  border-bottom: 1px dashed #c0c0c0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;  
}

ul.blog-category-list > li:first-child {
  padding: 0 0 10px;
}

ul.blog-category-list > li:last-child {
  padding: 10px 0 0;
  border-bottom: none;
}

ul.blog-category-list > li a,
ul.blog-category-list > li span {
  color: #818992;
}

ul.blog-category-list li .svg-inline--fa {
  margin-right: 10px;
}

ul.blog-category-list li a:hover {
  color: #000;
  text-decoration: none;
}

.related-posts li { 
  padding: 14px 0;
  border-bottom: 1px dashed #c0c0c0;
}

.related-posts li:first-child {
  padding: 0 0 14px;
}

.related-posts li:last-child {
  padding: 14px 0 0;
  border-bottom: 0; 
}

.post-summary a { 
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
    color: #818992;
}

.post-summary a:hover { 
    color: #000;
}

.related-posts p { 
  font-size: 0.875rem;
  margin-top: 6px;
  margin-bottom: 0;
}

/******************************
    FACEBOOK - FACEBOOK ADS PAGE
*******************************/

section.facebook {
    padding: 9.8rem 15px 6rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
} 

.fbcontent {
    padding: 5em 0 !important;
}

@media only screen and (max-width: 991px) {
    /* informativas
    section.facebook {
        padding: 6.7rem 15px 2.3rem;
    } */
    section.facebook {
        padding: 10rem 15px 2.3rem;
    }
    .fbcontent {
        padding: 3em 0 !important;
    }
}

/******************************
    FACEBOOK - MANAGEMENT
*******************************/

#ebook h5 {
    
}

/******************************
    DIRECTORIO - FOTOS 360
*******************************/

.ejemplos-content a {
    width: 100%;
}

.ej {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    padding: 150px 0;
    position: relative;
    z-index: 1;
    overflow-x: hidden;
    width: 100%;
}

@media only screen and (max-width: 767px) {
.ej {
    padding: 50px 0;
}
}

.ej:hover::before {
    background: 0;
}

.ej h1 {
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
    padding: 0 20px;
}

.ej:hover h1 {
    opacity: 0;
}

.ej::before {
    background: rgba(0, 0, 0, 0.7);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.ej01 {
    background: url(../images/servicios/ejemplos-01.jpg) no-repeat;
}

.ej02 {
    background: url(../images/servicios/ejemplos-02.jpg) no-repeat;
}

.ej03 {
    background: url(../images/servicios/ejemplos-03.jpg) no-repeat;
}

.ej04 {
    background: url(../images/servicios/ejemplos-04.jpg) no-repeat;
}

/******************************
    SERVICIOS - CALL TRACKING
*******************************/

.working-process-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .working-process-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.working-process-list-item {
    text-align: center;
    max-width: 20.3125rem;
    position: relative;
    margin: 0 auto
}

.working-process-list-item:before {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.working-process-list-item:hover:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px)
}

@media only screen and (max-width: 767px) {
    .working-process-list-item:not(:last-child) {
        margin-bottom: 2.1875rem
    }
}

@media only screen and (min-width: 768px) {
    .working-process-list-item:not(:last-child):before {
        content: "\e606";
        font-family: 'simple-line-icons';
        position: absolute;
        color: #e2e6ea;
        font-size: 70px;
        top: 0;
        right: -14%
    }
}

.working-process__icon img {
    width: 100px;
}

.working-process__icon i {
    font-size: 6em;
}

.working-process__title {
    margin-bottom: 1.0625rem
}


/******************************
    INFOPAGINAS.COM PAGE
*******************************/

section.infopaginas {
    padding: 9.8rem 15px 0;
    background-image: url('../images/bg/bg-chica-browsing-ip.jpg');
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

section.infopaginas .db-btn__primary {
    min-width: 13.75rem;
    height: 4.75rem;
    line-height: 4.75rem;
}

section.infopaginas a {
    color: #fff;
}

.ipcontent, .ipcontentserv  {
    padding: 5em 0 !important;
}

.ipcontentserv {
    background: #1759cd;
background: -moz-linear-gradient(left, #1759cd 0%, #40cfe7 100%);
background: -webkit-linear-gradient(left, #1759cd 0%,#40cfe7 100%);
background: linear-gradient(to right, #1759cd 0%,#40cfe7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1759cd', endColorstr='#40cfe7',GradientType=1 );
}

.ipcontentserv .db-btn-link {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    section.infopaginas {
        padding: 6.7rem 15px 0;
    }
    .ipcontent, .ipcontentserv {
        padding: 3em 0 !important;
    }
}

.ipcontentserv h2 , .ipcontentserv h4, .ipcontentserv p {
    color: #fff;
}

.features-two {
    padding-top: 3.125rem;
    padding-bottom: 4.375rem
}

@media only screen and (max-width: 767px) {
    .features-two {
        overflow: hidden
    }
}

@media only screen and (min-width: 992px) {
    .features-two {
        padding-top: 7.1875rem;
        padding-bottom: 10.9375rem
    }
}

@media only screen and (min-width: 768px) {
    .features-two .section-title {
        margin-bottom: 11.25rem
    }
}

.features-two .feature-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media only screen and (max-width: 767px) {
    .features-two .feature-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.features-two .feature {
    counter-reset: section;
    margin: 0
}

.features-two .feature__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 31.25rem
}

.features-two .feature__list:not(:last-child) {
    margin-bottom: 2.1875rem
}

.features-two .feature__list:hover .feature__icon {
    border: 3px solid rgba(45, 49, 54, 0.2)
}

.features-two .feature__icon {
    position: relative;
    width: 4.125rem;
    height: 4.125rem;
    text-align: center;
    border: 3px solid rgba(45, 49, 54, 0.09);
    border-radius: 100px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4.125rem;
    flex: 0 0 4.125rem;
    margin-right: 1.875rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.features-two .feature__icon:before {
    content: counter(section);
    counter-increment: section;
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: "Domine";
    font-size: 1.75rem;
    line-height: 3.875rem;
    text-align: center;
    right: 0
}

.features-two .feature__title {
    margin-bottom: 1.0625rem
}

/******************************
    CONTACT PAGE
*******************************/

section.contact {
    padding: 9.8rem 15px 6rem;
    background-image: url('../images/bg/bg-contacto.jpg');
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.contactcontent {
    padding: 5em 0 !important;
}

@media only screen and (max-width: 991px) {
    /* informativas 
    section.contact {
        padding: 6.7rem 15px 2.3rem;
    }
    */
    section.contact {
        padding: 10.9rem 15px 2.3rem;
    }
    .contactcontent {
        padding: 3em 0 !important;
    }
}

.contact-box .svg-inline--fa {
  font-size: 3.5rem;
}

.contacts-section h4.h4-xs {
  margin-bottom: 15px;
}

.contacts-section h3.h3-lg {
  margin-bottom: 25px;
}

.contact-box h5 {
  margin-top: 20px;
  margin-bottom: 12px;
}

#contacts-2 .contact-box h5,
#contacts-3 .contact-box h5 {
  margin-top: 0;
  margin-bottom: 10px;
}

p.support-number-txt {
  margin-top: 45px;
  margin-bottom: 5px;
}

span.support-number {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 1px;
  display: block;
}

.contact-box p {
  font-size: 1.05rem;
  font-weight: 400;
  margin-bottom: 0;
}


/*------------------------------------------*/
/*    CONTACT FORM
/*------------------------------------------*/

.contact-form .form-control, .hs-input {
  height: 52px;
  background-color: #fff;
  color: #fff;
  border: 2px solid #fff;
  color: #000;
  font-size: 0.9em;
  font-weight: 300;
  padding: 0 20px;
  margin-bottom: 22px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}


/*------------------------------------------*/
/*    Contact Form Textarea
/*------------------------------------------*/

.contact-form textarea { min-height: 200px; }
.contact-form textarea.form-control { 
  padding: 20px;
}

/*------------------------------------------*/
/*    Contact Form Placeholder
/*------------------------------------------*/

.contact-form .form-control::-moz-placeholder { color: #000; } 
.contact-form .form-control:-ms-input-placeholder { color: #000; }
.contact-form .form-control::-webkit-input-placeholder { color: #000; }

/*------------------------------------------*/
/*    Contact Form Input Focus
/*------------------------------------------*/

.contact-form .form-control:focus,
.bg-lightgrey .contact-form .form-control:focus {
  outline: 0px none;
  box-shadow: none;
  border-color: #6edb55;
}

.bg-dark .contact-form .form-control:focus {
  background-color: rgba(255, 255, 255, .05);
  border-color: #fff;
}

.bg-deepdark .contact-form .form-control:focus {
  background-color: #1d1d1d;
  border-color: #ccc;
}

section.contactcontent .db-btn__primary {
    background: #1759cd;
background: -moz-linear-gradient(left, #1759cd 0%, #40cfe7 100%);
background: -webkit-linear-gradient(left, #1759cd 0%,#40cfe7 100%);
background: linear-gradient(to right, #1759cd 0%,#40cfe7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1759cd', endColorstr='#40cfe7',GradientType=1 );
    -webkit-box-shadow: 0 22px 34px 0 rgba(46, 61, 102, 0.35);
    box-shadow: 0 22px 34px 0 rgba(46, 61, 102, 0.35);
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.dropdown-toggle::after {
    margin-top: 1.5em !important;
}

.empleos-cta {
    background: #1759cd;
background: -moz-linear-gradient(left, #1759cd 0%, #40cfe7 100%);
background: -webkit-linear-gradient(left, #1759cd 0%,#40cfe7 100%);
background: linear-gradient(to right, #1759cd 0%,#40cfe7 100%);
}

/******************************
    EMPLEOS PAGE
*******************************/

section.empleos {
    padding: 9.8rem 15px 6rem;
    background-image: url('../images/bg/bg-empleos-02.jpg');
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

section.empleos .db-btn__primary {
    min-width: 13.75rem;
    height: 4.75rem;
    line-height: 4.75rem;
}

.empleoscontent {
    padding: 5em 0 !important;
}

@media only screen and (max-width: 991px) {
    section.empleos {
        padding: 6.7rem 15px 2.3rem;
    }
    .empleoscontent {
        padding: 3em 15px !important;
    }
}

.empleoscontent ul {
    list-style: inherit;
}

.empleoscontent ul li {
    margin-bottom: 0.7em;
}

.resume-bg, .input-group {
    width: 100%;
}

.input-group-btn {
    float: left;
    z-index: 9;
    margin-top: 14px;
}

.c-btn {
    position: relative;
    letter-spacing: .25em;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0 0;
    padding: 15px 25px;
    -webkit-transition: color .4s cubic-bezier(.4,0,.2,1);
    -moz-transition: color .4s cubic-bezier(.4,0,.2,1);
    -ms-transition: color .4s cubic-bezier(.4,0,.2,1);
    -o-transition: color .4s cubic-bezier(.4,0,.2,1);
    transition: color .4s cubic-bezier(.4,0,.2,1);
    border-radius: 4px 0 0 4px;
}

.c-btn.fullwidth {
border: none;
background: #1759cd;
color: #fff;
width: 225px;
z-index: 9;
}

@media only screen and (max-width: 1199px) {
.c-btn {
    letter-spacing: 0;
}
}

.resume-input {
    float: right !important;
    width: 50% ;
}

@media only screen and (max-width: 991px) {
.c-btn {
    letter-spacing: 0;
}
 .resume-input {
    width: 0 !important;
}
}

@media only screen and (max-width: 474px) {
.c-btn {
    margin: 0;
}
}

/******************************
    PREMIAZOS PAGE
*******************************/

.premiazosdl {
    padding: 1em 0 !important;
}

.premiazoscontent h2, .premiazoscontent p {
    color: #fff;
}

.download-img {
    margin-top: -60px;
    margin-bottom: -60px;
    position: relative;
    z-index: 1;
    position: relative;
}

.stores-badge {
    margin-top: 30px;
}

a.store {
    margin-right: 15px;
}

@media only screen and (max-width: 991px) {
    .premiazosdl {
        padding: 3em 0 !important;
    }
    .download-img img {
        display: none;
    }
}

/******************************
    COMPETENCIA PAGE
*******************************/

.compe-header .botones .col-sm-6 {
    padding: 0 10px !important;
}

.compe-header .db-btn {
    font-size: 0.9rem;
}

.compe-header .db-btn__icon {
    font-size: 1.163rem;
    top: 0.088rem;
}

.compe-header .db-btn__icon--after {
    padding-left: 0.338rem;
}

#conocer {
    background: #fff url(../images/competencia/bg-logo.jpg) no-repeat right bottom;
}

@media (max-width: 991px) {
#conocer {
   background: url(../images/competencia/bg-logo-mobile.jpg) no-repeat center center; 
}
}

.competencia-tables .ip-bg h1, .competencia-tables .ip-bg p {
    color: #192f4d;
}

.competencia-tables .ip-bg h1 {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.competencia-tables .grey-bg {
    background: #eaeaea;
    border-radius: 5px;
}

#somosdeaqui {
   background: url(../images/competencia/bg-team.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 300px 0 !important;
}


#somosdeaqui h5, #somosdeaqui h3 {
    color: #fff;
}

@media (max-width: 991px) {
    .competencia-tables img {
        height: 30px;
    }
    
    #somosdeaqui {
        padding: 60px 0 !important;
    }
}

@media (max-width: 414px) {
    
}

@media (max-width: 375px) {
    .compe-header .db-btn {
        min-width: 100% !important;
        padding: 0 !important;
        height: 3.35rem !important;
        line-height: 3.35rem !important;
    }
    
}

/******************************
    404 ERROR PAGE
*******************************/

.error-wrap {
    padding: 8em 0 5em;
}

.error-wrap h2, .error-wrap p {
    text-align: center;
}