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

  Template Name: Bobby
  Description: Bobby - Creative Service Landing Page
  Author: Murren
  Version: 1.0
  
  1.  Global

        1.1 General
        1.2 Typography
        1.3 Iconography
        1.4 Buttons
        1.5 Forms
        1.6 Loader
        1.7 Content helpers
        1.8 Background colors
        1.9 Colors

  2.  Header 

        2.1 Navbar
        2.2 Navbar affix
        2.3 Brand
        2.4 Navigation
        2.5 Masthead 

  3.  About
  4.  Services
  5.  Video section
  6   Specialization
  7.  Team
  8.  Features
  9.  Get in touch
  10. Showcase

      10.1 Magnific popup 

  11. Prices
  12. Reviews

      12.1 Owl carousel 

  13. Contacts
  14. Footer
  15. Modals
  16. Responsive styles


    
/*-------------------------------------------------------------------------------
  1. Global
-------------------------------------------------------------------------------*/
    /* 1.1 General */
    
    @import url('bootstrap.min.css');
    @import url('font-awesome.min.css');
    @import url('et-line-fonts.css');
    @import url('owl.carousel.css');
    @import url('magnific-popup.css');
    @font-face {
        font-family: 'Aeroport';
        src: url('../fonts/aeaswfte.ttf');
    }
    
    body {
        -webkit-font-smoothing: antialiased;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 1.5;
        color: #000;
        height: 100%;
        overflow: hidden;
        padding-right: 0!important;
    }
    
    .loaded {
        overflow: visible;
    }
    
     ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    
     ::-webkit-scrollbar-thumb {
        cursor: pointer;
        background: #244168;
    }
    /* 1.2 Typography */
    
    h1,
    .h1 {
        font-weight: 200;
        font-size: 40px;
        line-height: 1.1;
        margin: 0;
    }
    
    h2,
    .h2 {
        position: relative;
        font-size: 36px;
        font-weight: 700;
        line-height: 1.2;
        margin: 0 0 20px 0;
    }
    
    .section-title:after {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-left: 5px;
        background-color: #244168;
        border-radius: 50%;
    }
    
    h3,
    .h3 {
        font-size: 17px;
        font-weight: 600;
        line-height: 1.4;
    }
    
    h4,
    .h4 {
        font-size: inherit;
        font-weight: 700;
        margin: 10px 0;
    }
    
    strong {
        font-weight: 700;
    }
    
    p {
        margin: 10px 0 0;
    }
    
    ul {
        /*list-style: none;
  padding-left: 0;*/
    }
    
    a {
        color: inherit;
        text-decoration: underline;
    }
    
    a:hover,
    a:focus {
        color: white;
        text-decoration: none;
        outline: none;
    }
    
    a:focus {
        outline: none;
    }
    /* 1.3 Iconography */
    
    .icon {
        display: inline-block;
        font-size: 50px;
        text-decoration: none;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }
    /* 1.4 Buttons */
    
    .btn {
        padding: 10px 30px;
        border-radius: 10px;
        width: 90%;
        border: 1px solid transparent;
        background-color: #244168;
        font-size: 18px;
        line-height: 1.4;
        font-weight: normal;
        color: #000;
        font-weight: 700;
        text-decoration: none;
        -webkit-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }
    
    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: none;
    }
    
    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: #000;
        background-color: #244168;
        text-decoration: none;
    }
    
    .btn:active {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
    
    .btn:active,
    .btn.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .btn-yellow {
        background-color: #244168;
        color: #000;
    }
    
    .btn-light-gray {
        background-color: #EBEBEB;
        color: #000;
    }
    
    .btn-light-gray:hover,
    .btn-light-gray:focus {
        background-color: #244168;
        color: #000;
    }
    
    .btn-b-white {
        border: 1px solid rgba(255, 255, 255, 0.6);
        background-color: transparent;
    }
    
    .btn-b-white:hover,
    .btn-b-white:focus {
        border-color: transparent;
    }
    /* 1.5 Forms */
    
    .form-control {
        height: 60px;
        padding: 10px 20px;
        font-size: 20px;
        border-radius: 0px;
        border: 1px solid #244168;
        color: #244168;
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-appearance: none;
    }
    
    .form-control::-webkit-input-placeholder {
        color: #686868;
    }
    
    .form-control:-moz-placeholder {
        /* Firefox 18- */
        color: #686868;
    }
    
    .form-control::-moz-placeholder {
        /* Firefox 19+ */
        color: #686868;
    }
    
    .form-control:-ms-input-placeholder {
        color: #686868;
    }
    
    .form-control:focus {
        border-color: #fff;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(7, 9, 35, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(7, 9, 35, .6);
    }
    
    textarea.form-control {
        resize: none;
        height: 150px;
        padding-top: 11px;
    }
    
    .row-fields {
        margin: 0 -8px;
    }
    
    .row-fields .form-group {
        padding-left: 8px;
        padding-right: 8px;
    }
    
    label.error {
        margin-top: 3px;
        font-size: 13px;
        font-weight: normal;
        color: #CC506F;
    }
    /* 1.6 Loader */
    
    .loader {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.95);
        z-index: 100;
        text-align: center;
    }
    
    .cssload-bell {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -109px 0 0 -107px;
        width: 214px;
        height: 218px;
        border-radius: 100%;
    }
    
    .cssload-circle {
        width: 100%;
        height: 100%;
        position: absolute;
    }
    
    .cssload-circle .cssload-inner {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        border: 11px solid rgba(233, 206, 53, 0.7);
        border-right: none;
        border-top: none;
        background-clip: padding;
        box-shadow: inset 0px 0px 21px rgba(206, 206, 53, 0.15);
    }
    
    .cssload-circle:nth-of-type(0) {
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    
    .cssload-circle:nth-of-type(0) .cssload-inner {
        animation: cssload-spin 2.3s infinite linear;
        -o-animation: cssload-spin 2.3s infinite linear;
        -ms-animation: cssload-spin 2.3s infinite linear;
        -webkit-animation: cssload-spin 2.3s infinite linear;
        -moz-animation: cssload-spin 2.3s infinite linear;
    }
    
    .cssload-circle:nth-of-type(1) {
        transform: rotate(70deg);
        -o-transform: rotate(70deg);
        -ms-transform: rotate(70deg);
        -webkit-transform: rotate(70deg);
        -moz-transform: rotate(70deg);
    }
    
    .cssload-circle:nth-of-type(1) .cssload-inner {
        animation: cssload-spin 2.3s infinite linear;
        -o-animation: cssload-spin 2.3s infinite linear;
        -ms-animation: cssload-spin 2.3s infinite linear;
        -webkit-animation: cssload-spin 2.3s infinite linear;
        -moz-animation: cssload-spin 2.3s infinite linear;
    }
    
    .cssload-circle:nth-of-type(2) {
        transform: rotate(140deg);
        -o-transform: rotate(140deg);
        -ms-transform: rotate(140deg);
        -webkit-transform: rotate(140deg);
        -moz-transform: rotate(140deg);
    }
    
    .cssload-circle:nth-of-type(2) .cssload-inner {
        animation: cssload-spin 2.3s infinite linear;
        -o-animation: cssload-spin 2.3s infinite linear;
        -ms-animation: cssload-spin 2.3s infinite linear;
        -webkit-animation: cssload-spin 2.3s infinite linear;
        -moz-animation: cssload-spin 2.3s infinite linear;
    }
    
    .cssload-bell {
        /*animation: cssload-spin 5.75s infinite linear;
    -o-animation: cssload-spin 5.75s infinite linear;
    -ms-animation: cssload-spin 5.75s infinite linear;
    -webkit-animation: cssload-spin 5.75s infinite linear;
    -moz-animation: cssload-spin 5.75s infinite linear;*/
    }
    
    @keyframes cssload-spin {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    
    @-o-keyframes cssload-spin {
        from {
            -o-transform: rotate(0deg);
        }
        to {
            -o-transform: rotate(360deg);
        }
    }
    
    @-ms-keyframes cssload-spin {
        from {
            -ms-transform: rotate(0deg);
        }
        to {
            -ms-transform: rotate(360deg);
        }
    }
    
    @-webkit-keyframes cssload-spin {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
        }
    }
    
    @-moz-keyframes cssload-spin {
        from {
            -moz-transform: rotate(0deg);
        }
        to {
            -moz-transform: rotate(360deg);
        }
    }
    /* 1.7 Content helpers */
    
    .content {
        position: relative;
        background-color: #fff;
    }
    
    .rel-1 {
        position: relative;
        z-index: 1;
    }
    
    .masked {
        position: relative;
    }
    
    .masked:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        /* background-color: rgba(0, 0, 0, 0.5); */
    }
    
    .section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .section-content {
        margin-top: 50px;
    }
    
    .section-lg {
        padding: 120px 0;
    }
    
    @media (min-width: 768px) {
        .section {
            padding-top: 110px;
            padding-bottom: 110px;
        }
        .section-content {
            margin-top: 100px;
        }
        .section-lg {
            padding: 200px 0;
        }
    }
    
    .icon-header {
        display: block;
        margin-bottom: 30px;
        font-size: 60px;
    }
    
    .icon-header.icon-dial {
        font-size: 70px;
    }
    
    .btn-section {
        margin-top: 40px;
    }
    
    .row-baseline {
        margin-top: -30px;
    }
    
    .col-baseline {
        margin-top: 30px;
    }
    /* 1.8 Background colors */
    
    .bgc-white {
        background-color: #fff;
    }
    
    .bgc-primary {
        background: #244168;
    }
    
    .bgc-light-gray {
        background-color: #f5f5f5;
    }
    
    .bgc-yellow {
        background-color: #244168;
    }
    /* 1.9 Colors */
    
    .text-white {
        color: #fff;
    }
    
    .text-muted {
        opacity: 0.6;
        color: inherit;
    }
    
    .text-primary {
        color: #866F9C;
    }
    
    .text-yellow {
        color: #244168;
    }
    /*-------------------------------------------------------------------------------
  2. Header
-------------------------------------------------------------------------------*/
    
    .header {
        color: #fff;
        /*background:url(../images/banner-01.png) center top no-repeat;
  background-size:cover;*/
    }
    
    .video {
        position: fixed;
        top: 0;
        left: 50%;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        ;
    }
    
    .video,
    .video-background {
        background: url(../video/poster.jpg) center top no-repeat;
        background-size: cover;
    }
    /* 2.1 Navbar */
    
    .navbar {
        /* position: absolute; */
        margin: 0;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        padding-top: 10px;
        border-radius: 0;
        font-size: 16px;
        color: #244168;
        background-color: #fff;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    
    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-left: 0;
    }
    
    .navbar-collapse {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        max-height: 320px;
    }
    
    .navbar-toggle {
        margin-top: 13px;
        margin-bottom: 10px;
        border: 1px solid #ffffff;
        background: #05630e;
    }
    /* 2.2 Navbar affix */
    
    .navbar.affix {
        position: fixed;
        background-color: rgb(255, 255, 255, .9) !important;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }
    
    .navbar.affix img {
        width: 35%;
    }
    
    .navbar.affix .brand {
        font-size: 33px;
    }
    /* 2.3 Brand */
    
    .brand {
        font-size: 33px;
        font-weight: 800;
        line-height: 1;
        text-decoration: none;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    
    .brand .circle {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        background-color: #244168;
        margin-left: -3px;
        border-radius: 50%;
    }
    
    .brand:hover .circle {
        background-color: #fff;
    }
    
    .brand:focus {
        color: #fff;
    }
    
    .brand:hover {
        color: #244168;
    }
    /* 2.4 Navigation */
    
    .navbar-nav {
        /* margin-top: 23px; */
        font-weight: 500;
    }
    
    .navbar-nav>li>a {
        position: relative;
        padding-top: 13px;
        padding-bottom: 13px;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    
    .navbar-nav>li>a:hover,
    .navbar-nav>li>a:focus,
    .navbar-nav>.active>a {
        color: #22253a;
        background-color: #00517F;
    }
    
    .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    /* 2.5 Masthead */
    
    .masthead {
        display: table-cell;
        vertical-align: middle;
        width: 1%;
        padding: 170px 0 120px;
        height: 75vh;
        text-align: center;
    }
    
    .lead {
        font-size: inherit;
        margin: 20px 0 0;
    }
    
    .lead-text {
        margin-top: 20px;
    }
    
    .lead-direct {
        margin-top: 40px;
    }
    /*-------------------------------------------------------------------------------
  3. About
-------------------------------------------------------------------------------*/
    
    .about {
        padding: 60px 0;
    }
    
    .col-box {
        font-size: 15px;
        padding: 0 30px;
    }
    
    .col-box:first-child {
        border-left: 0;
    }
    /*-------------------------------------------------------------------------------
  4. Services
-------------------------------------------------------------------------------*/
    
    .service-content {
        margin-top: 50px;
    }
    
    .letter-lg {
        opacity: 0.1;
        font-size: 130px;
        line-height: 1;
        text-transform: uppercase;
        letter-spacing: -5px;
        font-weight: 900;
    }
    
    .col-service .media-body {
        vertical-align: bottom;
        padding-bottom: 15px;
    }
    /*-------------------------------------------------------------------------------
  5. Video section
-------------------------------------------------------------------------------*/
    
    .video-section {
        background: url(../images/bg/video-section.jpg) center no-repeat;
        background-size: cover;
    }
    /*-------------------------------------------------------------------------------
  6. Specialization
-------------------------------------------------------------------------------*/
    
    .specialization {
        overflow: hidden;
    }
    
    .progress-header {
        margin-bottom: 10px;
    }
    
    .progress {
        height: 15px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
    }
    
    .progress-bar {
        background-color: #7B5A91;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    /*-------------------------------------------------------------------------------
  7. Team
-------------------------------------------------------------------------------*/
    
    .team-profile {
        text-align: center;
    }
    
    .team-profile img {
        margin-bottom: 20px;
        border: 3px solid #244168;
    }
    
    .social {
        position: fixed;
        z-index: 9;
        bottom: 15px;
        right: 15px;
    }
    
    .social img {
        width: 60px;
    }
    
    .social .icon {
        font-size: 40px;
        margin-left: 10px;
        opacity: 0.7;
    }
    
    .team-social {
        margin-top: 20px;
    }
    /*-------------------------------------------------------------------------------
  8. Features
-------------------------------------------------------------------------------*/
    
    .row-features {
        margin-top: -100px;
    }
    
    .col-feature {
        padding-top: 100px;
        text-align: center;
    }
    /*-------------------------------------------------------------------------------
  9. Get in touch
-------------------------------------------------------------------------------*/
    
    .getintouch {
        background: url(../images/bg/getintouch.jpg) center top no-repeat;
        background-size: cover;
    }
    /*-------------------------------------------------------------------------------
  10. Showcase
-------------------------------------------------------------------------------*/
    
    .showcase {
        overflow: hidden;
        padding-bottom: 0;
    }
    
    .filter {
        text-align: center;
        color: #333;
        margin: 60px 0 60px;
    }
    
    .filter li {
        position: relative;
        display: inline-block;
        margin: 10px 20px 0;
    }
    
    .filter li a {
        text-decoration: none;
    }
    
    .filter .active {
        color: #244168;
    }
    
    .filter .active:before {
        content: '';
        position: absolute;
        bottom: 7px;
        left: -12px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #244168;
    }
    
    .row-showcase {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    .col-showcase {
        color: #fff;
    }
    
    .col-showcase a:hover,
    .col-showcase a:focus {
        color: inherit;
    }
    
    .col-showcase figure {
        position: relative;
        overflow: hidden;
    }
    
    .col-showcase figure img {
        width: 100%;
    }
    
    .col-showcase figcaption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 20px;
        background: rgba(0, 0, 0, 0.3);
        text-align: center;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }
    
    .col-showcase header {
        position: absolute;
        left: 20px;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .col-showcase h3 {
        position: relative;
        display: inline-block;
        margin: 0;
        font-size: 30px;
        line-height: 1;
    }
    
    .col-showcase h3:after {
        content: '';
        position: absolute;
        bottom: 8px;
        left: -18px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #244168;
    }
    
    .col-showcase .icon-showcase {
        position: absolute;
        top: -20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .col-showcase:hover figcaption {
        background: rgba(123, 90, 145, 0.9);
    }
    
    .col-showcase:hover .icon-showcase {
        -webkit-transform: translateX(-50%) rotate(-180deg);
        -moz-transform: translateX(-50%) rotate(-180deg);
        transform: translateX(-50%) rotate(-180deg);
    }
    /* 10.1 Magnific popup */
    
    .mfp-figure {
        box-shadow: none;
    }
    
    .mfp-image-holder .mfp-close,
    .mfp-iframe-holder .mfp-close {
        padding: 0;
        margin-top: -10px;
        font-family: inherit;
        font-size: 40px;
        font-weight: 300;
        line-height: 0;
        color: #244168;
    }
    
    img.mfp-img {
        min-height: 220px;
    }
    
    .mfp-bottom-bar {
        margin-top: -30px;
    }
    
    .mfp-title {
        font-size: 20px;
        color: #244168;
    }
    
    .mfp-bg {
        background-color: #000;
    }
    
    .mfp-arrow-left:after,
    .mfp-arrow-left .mfp-a {
        border-right-color: #244168;
    }
    
    .mfp-arrow-right:after,
    .mfp-arrow-right .mfp-a {
        border-left-color: #244168;
    }
    
    .mfp-with-zoom .mfp-container,
    .mfp-with-zoom.mfp-bg {
        -webkit-backface-visibility: hidden;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    
    .mfp-with-zoom .mfp-container {
        -webkit-transform: scale(0);
    }
    
    .mfp-with-zoom.mfp-bg {
        opacity: 0;
    }
    
    .mfp-with-zoom.mfp-ready .mfp-container {
        -webkit-transform: scale(1);
    }
    
    .mfp-with-zoom.mfp-ready.mfp-bg {
        opacity: 0.9;
    }
    
    .mfp-with-zoom.mfp-removing .mfp-container {
        -webkit-transform: scale(0);
    }
    
    .mfp-with-zoom.mfp-removing.mfp-bg {
        opacity: 0;
    }
    /* ------------------------------------------------------------------------------- */
    /*  11. Prices
/* ------------------------------------------------------------------------------- */
    
    .col-price {
        position: relative;
        text-align: center;
        padding: 7px;
    }
    
    .price-box {
        background-color: #fff;
    }
    
    .price-inner {
        padding: 30px 20px;
    }
    
    .price-header {
        border: 1px solid #DCD4E1;
        border-width: 1px 0;
    }
    
    .price-title {
        padding: 30px 0;
        margin: 0;
    }
    
    .price {
        line-height: 1;
        margin-bottom: 20px;
    }
    
    .price+p {
        font-size: 13px;
    }
    
    .price strong {
        font-weight: 600;
    }
    
    .price-currency {
        display: inline-block;
        font-size: 30px;
    }
    
    .price-amount {
        font-size: 50px;
    }
    
    .price-delimiter {
        font-size: 40px;
        font-weight: 300;
    }
    
    .price-period {
        font-size: 20px;
    }
    
    .price-features {
        padding: 30px 0;
    }
    
    .price-features ul {
        margin-top: 0;
    }
    
    .price-features ul li {
        padding: 8px 0;
    }
    
    .col-price.leading .price-box {}
    
    .col-price.leading .price-header {
        margin: 0 -1px;
        background-color: #78588C;
        color: #fff;
    }
    /*-------------------------------------------------------------------------------
  12. Reviews
-------------------------------------------------------------------------------*/
    
    .reviews {
        background: url(../images/bg/reviews.jpg) center top no-repeat;
        background-size: cover;
    }
    
    .reviews:after {
        background-color: rgba(114, 80, 135, 0.95);
    }
    
    .review-carousel {
        margin-top: 30px;
    }
    
    .review-author {
        margin-top: 30px;
    }
    
    .review-author strong {
        font-size: 17px;
    }
    /* 12.1 Owl carousel */
    
    .owl-pagination {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        text-align: center;
    }
    
    .owl-prev {
        position: absolute;
        top: 8%;
        font-size: 50px !important;
        color: #fff !important;
        left: 50px;
        border: none !important;
    }
    
    .owl-next {
        position: absolute;
        top: 8%;
        font-size: 50px !important;
        color: #fff !important;
        right: 50px;
        border: none !important;
    }
    
    .owl-prev:focus {
        outline: -webkit-focus-ring-color auto 0px;
    }
    
    .owl-next:focus {
        outline: -webkit-focus-ring-color auto 0px;
    }
    
    .owl-pagination .owl-page {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        background-color: #fff;
        border-radius: 50%;
    }
    
    .owl-pagination .owl-page.active {
        background-color: #244168;
    }
    /*-------------------------------------------------------------------------------
  13. Contacts
-------------------------------------------------------------------------------*/
    
    .contacts {
        padding-bottom: 0;
    }
    
    .gmap {
        margin-top: 40px;
        height: 520px;
    }
    /*-------------------------------------------------------------------------------
  14. Footer
-------------------------------------------------------------------------------*/
    
    .footer {
        padding: 20px 0;
        color: #22253a;
    }
    
    .footer .social {
        margin-top: 0;
    }
    
    .copyright {
        margin: 20px 0;
        color: #fff;
    }
    /*-------------------------------------------------------------------------------
  15. Modals
-------------------------------------------------------------------------------*/
    
    .modal {
        text-align: center;
        white-space: nowrap;
    }
    
    .modal:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }
    
    .modal-dialog {
        width: 95%;
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        white-space: normal;
        margin: 0;
    }
    
    .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        border: none;
    }
    
    .modal-header {
        background-color: #244168;
        border-bottom: 0;
        color: #fff;
        text-align: center;
    }
    
    .modal-header .close {
        position: relative;
        z-index: 1;
        top: -15px;
        font-size: 30px;
    }
    
    .modal-title {
        line-height: 1.1;
    }
    /*-------------------------------------------------------------------------------
  16. Responsive
-------------------------------------------------------------------------------*/
    
    @media (min-width: 480px) {
        h1,
        .h1 {
            font-size: 50px;
        }
    }
    
    @media (min-width: 768px) {
        .navbar {
            padding-bottom: 10px;
        }
        .navbar.affix-top {
            padding: 30px 0;
            background: white;
            box-shadow: none;
        }
        .navbar.affix .navbar-nav {
            margin-top: 10px;
        }
        .navbar-nav>li {
            margin-left: 30px;
        }
        .navbar-nav>li:first-child {
            margin-left: 0;
        }
        .navbar-nav>li>a {
            padding: 0;
        }
        .navbar-nav>li>a:hover,
        .navbar-nav>li>a:focus,
        .navbar-nav>.active>a {
            background-color: transparent;
            font-weight: 900;
        }
        .brand {
            font-size: 45px;
        }
        .masthead {
            padding: 50px 0 50px;
        }
        .modal-dialog {
            width: 700px;
        }
    }
    
    @media (min-width: 992px) {
        .footer .social {
            text-align: right;
        }
        .copyright {
            margin-bottom: 0;
        }
    }
    
    @media (min-width: 1200px) {
        .row-spec {
            margin: 0 -30px;
        }
        .col-spec {
            padding: 0 30px;
        }
    }
    
    .top {
        display: block;
        text-align: right;
        background: #244168;
        padding: 10px;
    }
    
    .top img {
        width: 25px !important;
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .top p {
        display: inline-block;
        /*margin-right: 10px;*/
        /*margin-left: 15px;*/
        font-size: 8px;
        text-align: left;
        line-height: 16px;
    }
    
    .top p span {
        font-weight: 900;
    }
    
    .top a {
        display: inline-block;
        text-decoration: none;
        font-size: 16px;
        color: #fff;
    }
    
    .top a i {
        font-size: 20px;
        color: #277c68;
        margin-right: 5px;
    }
    
    .logoContenedor {
        width: 23%;
    }
    
    .titulo {
        font-size: 39px;
        color: #244168;
        font-weight: 900;
        text-align: center;
    }
    
    .titulo span {
        font-weight: 900;
    }
    
    .tituloC {
        font-weight: 700;
        font-size: 35px;
        color: #fff;
    }
    
    .tituloC1 {
        font-size: 19px;
        color: #fff;
        margin-bottom: 50px;
    }
    
    .tituloCon {
        color: #244168;
        font-size: 47px;
        font-weight: 700;
    }
    
    .subtituloCon {
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    
    .cuerpoCon {
        color: #fff;
        font-size: 18px;
    }
    
    .titulo2 {
        font-size: 39px;
        line-height: 45px;
        text-align: left;
        color: #244168;
        font-weight: 900;
    }
    
    hr {
        background: #22253a;
        height: 5px;
        width: 130px;
        margin-left: 0px;
    }
    
    .card-white {
        background: #fff;
        padding: 50px 5px;
        border-radius: 50px;
    }
    
    .parrafoN {
        color: #244168;
        text-align: center;
        font-size: 32px;
    }
    
    .parrafoR {
        font-size: 23px;
        text-align: center;
        margin: 0px;
    }
    
    .parrafoA {
        font-size: 20px;
        color: #282828;
        padding-left: 15px;
    }
    
    .parrafoA1 {
        font-size: 30px;
        font-weight: 500;
        color: #fff;
        text-align: left;
    }
    
    .contenedor {
        position: relative;
    }
    
    .texto-encima {
        position: absolute;
        background: #39a0ae;
        bottom: 0px;
        width: 100%;
        padding: 10px;
    }
    
    .texto-encima .titulo {
        text-align: left;
        color: #fff;
        font-size: 16px;
        margin-bottom: 0px;
    }
    
    .texto-encima a {
        text-decoration: none;
        background: #fff;
        color: #39a0ae;
        text-align: center;
        font-size: 13px;
        padding: 5px 10px;
        display: block;
        margin: auto;
        margin-top: -27px;
        margin-right: 0px;
        width: 130px;
        border-radius: 7px;
        border: none;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .texto-encima a:hover {
        background: #39a0ae;
        color: #fff;
        border: 1px solid #fff;
    }
    
    .contenedor2 {
        position: relative;
    }
    
    .texto-encima2 {
        position: absolute;
        background: #2B8C72;
        bottom: 0px;
        width: 100%;
        padding: 10px;
    }
    
    .texto-encima2 .parrafo {
        text-align: left;
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        margin: 0px;
    }
    
    .texto-encima2 .parrafo1 {
        text-align: left;
        color: #fff;
        font-size: 14px;
        margin: 0px;
    }
    
    .texto-encima2 .parrafo2 {
        text-align: left;
        color: #fff;
        font-size: 9px;
        margin: 0px;
    }
    
    .texto-encima2 .parrafo3 {
        text-align: left;
        color: #fff;
        font-size: 11px;
        margin: 0px;
    }
    
    .texto-encima2 a {
        text-decoration: none;
        background: #fff;
        color: #2B8C72;
        text-align: center;
        font-size: 13px;
        padding: 5px 10px;
        display: block;
        margin: auto;
        margin-right: 0px;
        width: 130px;
        border-radius: 7px;
        border: none;
        position: absolute;
        bottom: 45px;
        right: 15px;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .texto-encima2 a:hover {
        background: #2B8C72;
        color: #fff;
        border: 1px solid #fff;
    }
    
    .texto-encima2 a.compra {
        text-decoration: none;
        background: #fff;
        color: #2B8C72;
        text-align: center;
        font-size: 13px;
        padding: 5px 10px;
        display: block;
        margin: auto;
        margin-right: 0px;
        width: 130px;
        border-radius: 7px;
        border: none;
        position: absolute;
        bottom: 10px;
        right: 15px;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .texto-encima2 a.compra:hover {
        background: #2B8C72;
        color: #fff;
        border: 1px solid #fff;
    }
    
    .cardTable {}
    
    .cardTable .iva {
        text-align: center;
        color: #0095c2;
        font-weight: 800;
    }
    
    .cardTable table {}
    
    .cardTable .titulo {
        text-align: center;
        font-size: 27px;
        color: #fff;
        background: #244168;
        padding: 15px;
        font-weight: 700;
        border-radius: 10px;
    }
    
    .cardTable table .titulo {
        text-align: center;
        font-size: 28px;
        color: #fff;
        background: transparent;
        padding: 0px;
        border: none;
        width: 50%;
        border-right: 1px solid #fff;
    }
    
    .cardTable table .precio {
        color: #000000;
        text-align: center;
        font-size: 18px;
        border: none;
        font-weight: 600;
        width: 50%;
    }
    
    .cardTable table .precio span {
        font-weight: 700;
    }
    
    .tituloIma {
        color: white;
        font-size: 20px;
    }
    
    .parrafoIma {
        color: white;
        font-size: 15px;
        display: none;
        -webkit-transition: all 2s ease-out;
        -moz-transition: all 2s ease-out;
        -o-transition: all 2s ease-out;
        transition: all 2s ease-out;
    }
    
    .listaIma {
        color: white;
        font-size: 15px;
        display: none;
        -webkit-transition: all 2s ease-out;
        -moz-transition: all 2s ease-out;
        -o-transition: all 2s ease-out;
        transition: all 2s ease-out;
    }
    
    .centrado {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .subtituloP {
        text-align: center;
        font-size: 20px;
        color: #504F50;
        margin-top: 15px;
        border: 2px solid #244168;
        padding: 15px;
    }
    
    .beneficio {
        height: 100px;
    }
    
    .contacto {
        font-size: 20px;
        margin: 0px;
        color: #fff;
    }
    
    .cardContacto {
        background-size: cover !important;
        padding: 50px 10px 20px 10px;
        height: 170px;
    }
    
    .cardContacto .titulo {
        font-size: 15px;
        color: #244168;
        font-weight: 900;
        margin-bottom: 10px;
    }
    
    .cardContacto .parrafo {
        font-size: 14px;
        color: #244168;
        margin: 0;
    }
    
    .cardContacto a {
        text-decoration: none;
    }
    
    .cardContacto a {
        text-decoration: none;
    }
    
    .cardContacto a:hover {
        color: #244168;
    }
    
    .parrafoCon {
        color: #fff;
        font-size: 20px;
    }
    
    .redesSociales {
        margin-top: 15px;
    }
    
    .parrafoCon span {
        font-weight: 900;
    }
    
    .cardFooter {
        text-align: center;
    }
    
    .cardFooter .titulo {
        font-size: 20px;
        color: #22253a;
        font-weight: 800;
    }
    
    .cardFooter .enlace {
        font-size: 18px;
        color: #22253a;
        text-decoration: none;
    }
    
    .cardFooter .enlace i {}
    
    .contacto1 {
        font-size: 21px;
        color: white;
        margin: 0px;
    }
    
    .contacto a {
        text-decoration: none;
    }
    
    .contacto1 a {
        text-decoration: none;
    }
    
    .titulo3 {
        font-weight: 700;
        font-size: 32px;
        color: #fff;
        line-height: 31px;
        margin: 0px;
        margin-bottom: 15px;
    }
    
    .parrafoBeneficio {
        text-align: center;
        font-size: 20px;
    }
    
    .parrafoBeneficio span {
        font-weight: 700;
    }
    
    .parrafoNum {
        font-size: 20px;
        color: white;
        font-weight: 500;
    }
    
    .bancos {
        display: block;
        margin: auto;
        margin-top: 25px;
    }
    
    .parrafoP2 {
        text-align: center;
        font-size: 16px;
        color: #504F50;
        margin: 0px;
    }
    
    .tituloP {
        text-align: center;
        font-size: 28px;
        font-weight: 900;
        color: #3A3A3A;
    }
    
    .parrafoP {
        text-align: center;
        font-size: 24px;
        color: #3A3A3A;
    }
    
    .cardPrecio {
        background: transparent;
        padding: 45px;
        border: 4px solid #244168;
        border-radius: 0px 120px 0px 120px;
    }
    
    .cardPrecio .titulo {
        color: #3A3A3A;
        font-size: 26px;
        margin-bottom: 25px;
    }
    
    .cardPrecio .folio {
        font-size: 28px;
        text-align: center;
    }
    
    .cardPrecio .buton {}
    
    .cardPrecio2 {
        background: #244168;
        padding: 45px;
        border: 4px solid #244168;
        border-radius: 0px 120px 0px 120px;
    }
    
    .cardPrecio2 .titulo {
        color: #fff;
        font-size: 26px;
        margin-bottom: 25px;
    }
    
    .cardPrecio2 .folio {
        font-size: 28px;
        text-align: center;
        color: #fff;
    }
    
    .cardPrecio2 .buton {
        background-color: #fff;
        color: #244168;
    }
    
    .imagenP {
        width: 40%;
        display: block;
        margin: auto;
        /*filter: invert(59%) sepia(16%) saturate(1767%) hue-rotate(172deg) brightness(85%) contrast(83%);*/
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .imagenP:hover {
        padding: 10px;
        /* filter: invert(100%) sepia(44%) saturate(5281%) hue-rotate(327deg) brightness(95%) contrast(93%); */
        filter: invert(12%) sepia(51%) saturate(5130%) hue-rotate(231deg) brightness(93%) contrast(90%);
        border: 5px solid #3782BA;
        border-radius: 150px;
    }
    
    .tituloP2 {
        text-align: left;
        font-size: 20px;
        font-weight: 800;
        color: #504F50;
    }
    
    .parrafoP3 {
        text-align: left;
        font-size: 16px;
        color: #504F50;
    }
    
    .buton {
        text-decoration: none;
        background: #686868;
        color: #fff;
        text-align: center;
        font-size: 28px;
        padding: 10px 35px;
        display: block;
        margin: auto;
        margin-top: 40px;
        width: 220px;
        border-radius: 0px;
        border: 1px solid #686868;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .buton:hover {
        background: #fff;
        color: #686868;
        border: 1px solid #686868;
    }
    
    .buton-gris {
        text-decoration: none;
        background: #686868;
        color: #fff;
        text-align: center;
        font-size: 16px;
        padding: 8px 16px;
        display: block;
        margin: auto;
        margin-top: 40px;
        width: 180px;
        border-radius: 0px;
        border: 1px solid #686868;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .buton-gris:hover {
        background: #fff;
        color: #686868;
        border: 1px solid #686868;
    }
    
    .buton-azul {
        text-decoration: none;
        background: #fff;
        color: #244168;
        text-align: center;
        font-size: 17px;
        padding: 10px 20px;
        display: block;
        margin: auto;
        margin-top: 25px;
        margin-bottom: 10px;
        width: 200px;
        border-radius: 0px;
        border: 1px solid #244168;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .buton-azul:hover {
        background: #244168;
        color: #fff;
        border: 1px solid #fff;
    }
    
    .buton-form {
        text-decoration: none;
        background: #244168;
        color: #fff;
        text-align: center;
        font-size: 20px;
        padding: 10px 20px;
        margin-top: 25px;
        width: 200px;
        border-radius: 0px;
        border: 1px solid #244168;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .buton-form:hover {
        background: #fff;
        color: #244168;
        border: 1px solid #244168;
    }
    
    .buton-flecha {
        text-decoration: none;
        background: #8EC5E3;
        color: #fff;
        text-align: center;
        font-size: 12px;
        padding: 10px 20px;
        display: block;
        margin-top: 10px;
        width: 180px;
        border-radius: 0px;
        border: 1px solid #8EC5E3;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .buton-flecha img {
        width: 25%;
        margin-left: 10px;
    }
    
    .buton-flecha:hover {
        background: #fff;
        color: #8EC5E3;
        border: 1px solid #244168;
    }
    
    .buton-flecha:hover img {
        margin-left: 20px;
    }
    
    .buton-blue {
        text-decoration: none;
        background: #8EC5E3;
        color: #fff;
        text-align: center;
        font-size: 17px;
        padding: 5px 10px;
        display: block;
        margin-top: 10px;
        width: 150px;
        border-radius: 40px;
        border: 1px solid #8EC5E3;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .buton-blue:hover {
        background: #fff;
        color: #8EC5E3;
        border: 1px solid #8EC5E3;
    }
    
    .buton-con {
        width: 100%;
        border-radius: 10px;
        font-size: 20px;
    }
    
    .butonOs {
        text-decoration: none;
        background: #22253a;
        color: #fff;
        text-align: center;
        font-size: 17px;
        padding: 10px 20px;
        display: block;
        margin: auto;
        margin-top: 15px;
        width: 200px;
        border-radius: 30px;
        border: 1px solid #22253a;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .collapsed {
        background: #244168;
    }
    
    .butonOs:hover {
        background: #fff;
        color: #22253a;
        border: 1px solid #22253a;
    }
    
    .butonGrande {
        margin: auto;
        margin-top: 25px;
        padding: 20px;
        font-size: 20px;
        width: 240px;
    }
    
    .butonV {
        text-decoration: none;
        background: #244168;
        color: #fff;
        text-align: center;
        font-size: 19px;
        padding: 10px 20px;
        border: 1px solid #244168;
        display: block;
        margin: auto;
        margin-top: 15px;
        margin-right: 0px;
        width: 100%;
        border-radius: 0px;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .butonV:hover {
        background: #fff;
        color: #244168;
        border: 1px solid #244168;
    }
    
    .buton-w {
        text-decoration: none;
        background: #fff;
        color: #244168;
        text-align: center;
        font-size: 19px;
        padding: 10px 20px;
        border: 1px solid #244168;
        display: block;
        margin: auto;
        width: 300px;
        font-weight: 700;
        border-radius: 15px;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .buton-w:hover {
        background: #244168;
        color: #fff;
        border: 1px solid #fff;
    }
    
    .buton-small {
        font-size: 8px;
        width: auto;
        padding: 5px 15px;
        border-radius: 0px 15px 0px 15px;
    }
    
    .butonForm {
        text-decoration: none;
        background: #fff;
        color: #244168;
        text-align: center;
        font-size: 17px;
        padding: 10px 20px;
        display: block;
        margin: auto;
        margin-right: 0px;
        width: 100%;
        border-radius: 0px;
        border: none;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .butonP {
        text-decoration: none;
        background: #244168;
        color: white;
        text-align: center;
        font-size: 12px;
        line-height: 12px;
        padding: 5px 10px;
        border-radius: 25px;
        margin: auto;
        border: 2px solid #244168;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .butonP:hover {
        background: white;
        color: #244168;
        border: 1px solid #244168;
    }
    
    .butonT {
        margin-top: -15px;
        font-size: 14px;
        width: auto;
        padding: 4px 10px;
        color: #fff;
        font-weight: 900;
        height: 50px;
        display: flex !important;
    }
    
    .menuDropActivar:hover .menuDrop {
        display: grid;
    }
    
    .menuDrop:hover {
        display: grid;
    }
    
    .menuDrop {
        background: #244168;
        position: absolute;
        display: none;
        width: 200px;
        color: black;
        padding: 20px 30px;
        border-radius: 15px;
    }
    
    .menuDrop a {
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        margin-bottom: 15px;
    }
    
    .cardBanner {
        background: #244168;
        padding: 70px;
        border-radius: 0px 150px 0px 150px;
    }
    
    .cardBanner .titulo {
        color: #fff;
        font-size: 31px;
        text-align: left;
        font-weight: 400;
    }
    
    .cardBanner .titulo span {
        font-weight: 900;
    }
    
    .cardBanner a.buton {
        background: #fff;
        color: #244168;
        width: 230px;
    }
    
    .cardBanner .cuerpo {
        color: #000;
        font-size: 20px;
        text-align: center;
        font-weight: 800;
        margin: 0px;
    }
    
    .cardBanner .cuerpo span {
        color: #244168;
        font-style: italic;
    }
    
    .cardIcono2 {
        margin-bottom: 20px;
    }
    
    .tituloPromo {
        font-size: 24px;
        text-align: center;
        color: #fff;
        font-weight: 900;
    }
    
    .parrafoPromo {
        font-size: 24px;
        text-align: center;
        color: #fff;
    }
    
    .cardIcono2 img {
        width: 70%;
        display: block;
        margin: auto;
    }
    
    .cardIcono2 .parrafo {
        font-size: 34px;
        color: #3A3A3A;
        font-weight: 900;
        padding: 30px;
    }
    
    .anuncio-titulo {
        color: #244168;
        font-size: 32px;
        font-weight: 500;
    }
    
    .anuncio-titulo span {
        font-weight: 900;
        font-size: 42px;
    }
    
    .centrarVertical {
        display: flex;
        align-items: center;
        height: 540px;
    }
    
    .centrarVertical1 {
        display: flex;
        align-items: center;
        height: 645px;
    }
    
    .centrarVertical3 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 501px;
    }
    
    .centrarVertical4 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 345px;
    }
    
    .centrarVertical5 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 440px;
    }
    
    .collapse {
        display: none !important;
    }
    
    .collapse.in {
        display: block !important;
    }
    
    .tituloN {
        text-align: center;
        font-size: 47px;
        font-weight: 800;
        color: #e96400;
    }
    
    .subtituloN {
        text-align: center;
        font-size: 32px;
        font-weight: 500;
        color: #e96400;
    }
    
    .parrafoN {}
    
    .card2I {
        margin-left: -400px;
    }
    
    .card2D {
        margin-right: -400px;
    }
    
    .centrarVertical2 {
        display: flex;
        align-items: center;
        height: 245px;
    }
    
    .titulo-pasos {
        font-size: 50px;
        color: #244168;
        font-weight: 900;
    }
    
    .lista-pasos {
        list-style: none;
        font-size: 24px;
        color: #686868;
    }
    
    .lista-pasos li::before {
        content: "•";
        color: #244168;
        display: inline-block;
        width: 1em;
        margin-left: -1em
    }
    
    .sombreado {
        border-radius: 30px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        padding: 50px;
    }
    
    .subtitulo-pasos {
        font-size: 29px;
        color: #244168;
        font-weight: 800;
    }
    
    .card-blue {
        background: #244168;
        border-radius: 30px;
        position: absolute;
        padding: 30px;
    }
    
    .card-blue .espaciado {
        height: 90px;
    }
    
    .card-blue .titulo {
        font-size: 31px;
        color: #fff;
        font-weight: 800;
        text-align: center;
    }
    
    .titulo-Azul {
        color: #22253a;
        font-size: 65px;
        font-weight: 900;
        line-height: 70px;
        margin-top: 100px;
    }
    
    .tituloA {
        color: #282828;
        font-size: 20px;
        font-weight: 900;
        padding-left: 15px;
    }
    
    .conten {
        height: 354px;
    }
    
    .tituloPro {
        font-size: 22px;
        font-weight: 600;
    }
    
    .parrafoPro {
        font-size: 15px;
        font-weight: 400;
    }
    
    .subtitulo {
        font-size: 30px;
        margin-top: 100px;
        font-weight: 800;
        color: #00517F;
    }
    
    .imagenD {
        width: 80%;
        display: block;
        margin-left: auto;
    }
    
    .espaciadoD {
        padding: 50px 0px 0px;
    }
    
    .efecto {
        -webkit-transition: all 2s linear;
        -moz-transition: all 2s linear;
        -o-transition: all 2s linear;
        transition: all 2s linear;
    }
    
    .efecto2 {
        -webkit-transition: all 2s linear;
        -moz-transition: all 2s linear;
        -o-transition: all 2s linear;
        transition: all 2s linear;
    }
    
    .efecto2:hover .imagenD {
        -webkit-animation: rotation 5s infinite linear;
    }
    
    @-webkit-keyframes rotation {
        from {
            -webkit-transform: rotateY(0deg);
        }
        to {
            -webkit-transform: rotateY(359deg);
        }
    }
    
    .imagenC {
        width: 30%;
    }
    
    .lista {
        list-style-image: url(../images/icono.webp);
        font-size: 20px;
        text-align: left;
        color: #fff;
    }
    
    .parrafoC {
        font-size: 16px;
        color: #504F50;
        margin: 0px;
    }
    
    .tituloBanner {
        text-align: left;
        font-size: 58px;
        color: #FFFFFF;
        font-weight: 800;
        line-height: 65px;
    }
    
    .tituloBanner1 {
        text-align: left;
        font-size: 48px;
        color: #FFFFFF;
        font-weight: 900;
    }
    
    .cardDistribuidor {
        text-align: center;
    }
    
    .cardDistribuidor .titulo {
        font-weight: 900;
        font-size: 48px;
        color: #282828;
        text-align: left;
    }
    
    .cardDistribuidor .parrafo {
        line-height: 120px;
        color: #213A66;
        font-size: 120px;
        font-weight: 800;
        margin-bottom: 30px;
    }
    
    .cardDistribuidor .parrafo1 {
        color: #282828;
        font-size: 28px;
    }
    
    .cardDistribuidor .parrafo2 {
        color: #213A66;
        font-size: 36px;
        font-weight: 700;
    }
    
    .cardDistribuidor .parrafo3 {
        line-height: 120px;
        color: #213A66;
        font-size: 120px;
        font-weight: 800;
    }
    
    .cardDistribuidor .parrafo4 {
        color: #282828;
        font-size: 28px;
    }
    
    .cardDistribuidor .parrafo5 {
        line-height: 75px;
        color: #213A66;
        font-size: 75px;
        font-weight: 800;
        margin-bottom: 30px;
    }
    
    .parrafoBanner1 {
        text-align: left;
        font-size: 20px;
        color: #FFFFFF;
    }
    
    .tituloBanner3 {
        text-align: center;
        font-size: 42px;
        color: #fff;
        font-weight: 700;
    }
    
    .parrafoBanner {
        text-align: left;
        font-size: 26px;
        color: #FFFFFF;
    }
    
    .parrafoBanner span {
        font-weight: 900;
    }
    
    .tituloBanner span {
        font-weight: 900;
    }
    
    .tituloSer {
        font-size: 50px;
        color: #244168;
        font-weight: 800;
    }
    
    .parrafoSet {
        color: #000000;
        font-size: 26px;
    }
    
    .parrafo {
        text-align: center;
        font-size: 21px;
        color: #686868;
        font-weight: 600;
    }
    
    .parrafo span {
        color: #244168;
    }
    
    .cardSer {
        margin-top: 25px;
    }
    
    .cardSer img {
        width: 100%;
    }
    
    .cardSer .titulo {
        color: #3A3A3A;
        font-size: 24px;
        font-weight: 900;
        text-align: center;
        margin-bottom: 15px;
    }
    
    .cardSer .parrafo {
        text-align: center;
        font-size: 24px;
        color: #3A3A3A;
        height: 145px;
    }
    
    .cardServicios {
        margin: 10px 0px;
    }
    
    .cardServicios img {
        width: 55%;
        display: block;
        margin: auto;
    }
    
    .cardServicios .titulo {
        color: #282828;
        font-size: 18px;
        text-align: center;
        margin-top: 15px;
    }
    
    .cardServicios .parrafo {
        text-align: center;
        font-size: 24px;
        color: #3A3A3A;
        height: 145px;
    }
    
    .cardServicios1 {
        background: #244168;
        padding: 50px;
        border: 4px solid #244168;
    }
    
    .cardServicios1 .titulo {
        color: #fff;
        font-size: 15px;
        font-weight: 900;
        text-align: left;
        margin-bottom: 15px;
    }
    
    .cardServicios1 .parrafo {
        text-align: left;
        font-size: 13px;
        color: #fff;
    }
    
    .cardServicios1 .buton {
        text-align: center;
        font-size: 13px;
        color: #244168;
        background: #fff;
        width: 150px;
        margin: auto;
        margin-top: 40px;
    }
    
    .cardServicios2 {
        background: transparent;
        padding: 50px;
        border: 4px solid #244168;
    }
    
    .cardServicios2 .titulo {
        color: #244168;
        font-size: 15px;
        font-weight: 900;
        text-align: left;
        margin-bottom: 15px;
    }
    
    .cardServicios2 .parrafo {
        text-align: left;
        font-size: 13px;
        color: #244168;
    }
    
    .cardServicios2 .buton {
        text-align: center;
        font-size: 13px;
        width: 150px;
        margin: auto;
        margin-top: 40px;
    }
    
    .cardNosotros {
        -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 75%);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 75%);
    }
    
    .cardNosotros img {
        display: block;
        margin: auto;
    }
    
    .cardNosotros .titulo {
        color: #244168;
        font-size: 15px;
        font-weight: 900;
        text-align: left;
        margin-bottom: 15px;
    }
    
    .cardNosotros .parrafo {
        text-align: left;
        font-size: 13px;
        color: #3A3A3A;
    }
    
    .cardNosotros .lista {
        text-align: left;
        font-size: 13px;
    }
    
    .fondoAzul {
        background: #244168;
        border-radius: 0px 120px 0px 120px;
    }
    
    .cardIc {
        display: grid;
        grid-column-gap: 5%;
        grid-template-columns: 25% 70%;
    }
    
    .cardIc .centrar {
        display: flex;
        justify-content: start;
        align-items: center;
    }
    
    .cardIc img {}
    
    .cardIc p {
        text-align: left;
        font-size: 18px;
        color: #fff;
        margin: 0;
        font-weight: 600;
    }
    
    .cardComprobantes {
        background: transparent;
        padding: 50px;
        border: 4px solid #244168;
        border-radius: 0px 150px 0px 150px;
        margin-top: 40px;
    }
    
    .cardComprobantes .titulo {
        color: #3A3A3A;
        font-size: 20px;
        font-weight: 600;
        text-align: left;
        margin: 0;
    }
    
    .flotante {
        padding: 50px;
        margin-top: -190px;
        z-index: 1;
        position: relative;
    }
    
    .flotante p.encabezado {
        color: #00517F;
        margin-bottom: 50px;
        padding: 0px 100px;
        text-align: center;
    }
    
    .cardBlanco {
        background: transparent;
        padding: 60px 20px;
        border: 4px solid #244168;
        border-radius: 0px 80px 0px 80px;
        margin: 30px;
    }
    
    .cardBlanco .titulo {
        color: #3A3A3A;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
    }
    
    .tituloBanner5 {
        text-align: left;
        font-weight: 700;
        font-size: 55px;
        font-style: italic;
        color: #504F50;
        line-height: 70px;
    }
    
    .tituloBanner5 span {
        font-weight: 400;
    }
    
    .tituloBanner2 {
        text-align: center;
        font-size: 58px;
        color: #fff;
        font-weight: 900;
    }
    
    .tituloBanner2 span {
        font-style: italic;
    }
    
    .parrafoBanner2 {
        text-align: left;
        font-size: 27px;
        color: #fff;
    }
    
    .parrafoBanner2 span {
        font-weight: 900;
    }
    
    .tituloServicios {
        text-align: center;
        font-size: 46px;
        color: #3A3A3A;
        font-weight: 900;
    }
    
    .listabanner {
        color: #fff;
        font-size: 31px;
    }
    
    .tituloBanner4 {
        text-align: left;
        font-size: 45px;
        color: #3A3A3A;
    }
    
    .tituloBanner4 span {
        font-weight: 900;
    }
    
    .card {
        background: #fff;
        border: 5px solid #244168;
        padding: 70px 0;
        margin: 0px 60px;
        height: 225px;
    }
    
    .card img {
        width: 35%;
        display: block;
    }
    
    .card .titulo {
        color: #111111;
        font-size: 25px;
        font-weight: 900;
        margin: 0px;
        text-align: center;
    }
    
    .card .tituloFondo {
        color: #e9ecf0;
        font-size: 73px;
        font-weight: 900;
        margin: 0px;
        text-align: left;
    }
    
    .card .cuerpo {
        text-align: justify;
        color: #4c4c4c;
        font-size: 22px;
    }
    
    .card:hover img {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }
    
    .card-img {
        background: #fff;
        -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 75%);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 75%);
    }
    
    .card-img .margen {
        padding: 40px 40px 20px 40px;
    }
    
    .card-img img {
        width: 100%;
        display: block;
    }
    
    .card-img .titulo {
        color: #000;
        font-size: 17px;
        font-weight: 900;
        margin: 0px;
        text-align: center;
        font-family: 'Poppins';
    }
    
    .card-img .tituloFondo {
        color: #e9ecf0;
        font-size: 73px;
        font-weight: 900;
        margin: 0px;
        text-align: left;
    }
    
    .card-img .cuerpo {
        text-align: center;
        color: #000;
        font-size: 17px;
        font-family: 'Poppins';
        height: 125px;
        margin-bottom: 20px;
    }
    
    .card-img a {
        margin: auto;
        width: 120px;
        font-size: 12px;
    }
    
    .card-img:hover {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }
    
    .card-precio-oscuro {
        background: #22253a;
        border-radius: 21px;
        padding: 150px 10px;
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .card-precio-oscuro .titulo {
        color: #fff;
        font-size: 40px;
        font-weight: 700;
        margin: 0px;
        text-align: center;
    }
    
    .card-precio-oscuro table {
        margin: 0px !important;
    }
    
    .card-precio-oscuro table .titulo {
        text-align: center;
        font-size: 18px;
        border: none;
    }
    
    .card-precio-oscuro table .precio {
        color: #fff;
        text-align: center;
        font-size: 25px;
        border: none;
        font-weight: 500;
    }
    
    .card-precio-amarillo {
        background: #fdd200;
        border-radius: 21px;
        padding: 150px 10px;
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .card-precio-amarillo .titulo {
        color: #22253a;
        font-size: 40px;
        font-weight: 700;
        margin: 0px;
        text-align: center;
    }
    
    .card-precio-amarillo table {
        margin: 0px !important;
    }
    
    .card-precio-amarillo table .titulo {
        text-align: center;
        font-size: 18px;
        border: none;
    }
    
    .card-precio-amarillo table .precio {
        color: #22253a;
        text-align: center;
        font-size: 25px;
        border: none;
        font-weight: 500;
    }
    
    .card-precio-gris {
        background: #e4e6ed;
        border-radius: 21px;
        padding: 67px 10px;
        margin-left: -15px;
        margin-right: -15px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    }
    
    .card-precio-gris .titulo {
        color: #22253a;
        font-size: 30px;
        font-weight: 700;
        margin: 0px;
        text-align: center;
    }
    
    .card-precio-gris table {
        margin: 0px !important;
    }
    
    .card-precio-gris table .titulo {
        text-align: center;
        font-size: 18px;
        border: none;
    }
    
    .card-precio-gris table .precio {
        color: #22253a;
        text-align: center;
        font-size: 25px;
        border: none;
        font-weight: 500;
    }
    
    .tituloIma {
        color: white;
        font-size: 20px;
    }
    
    .cardI {
        padding: 10px;
        text-align: right;
    }
    
    .cardI img {
        width: 25%;
        margin-bottom: 20px;
        float: right;
        margin-left: 35px;
    }
    
    .cardI .titulo {
        color: #000;
        font-size: 20px;
        margin: 0px;
        margin-top: 10px;
        font-family: 'Poppins';
        text-align: right;
    }
    
    .cardI .buton {
        display: inline-block;
        margin-left: 0px;
        margin-top: 10px;
        font-size: 10px;
        width: 120px;
        border-radius: 50px;
    }
    
    .cardI .cuerpo {
        text-align: right;
        font-size: 17px;
    }
    
    .cardI:hover img {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }
    
    .cardI a {
        display: initial;
        margin-top: 150px;
        font-size: 12px;
        padding: 5px 10px;
    }
    
    .cardD {
        padding: 10px;
        text-align: left;
    }
    
    .cardD img {
        width: 25%;
        margin-bottom: 20px;
        float: left;
        margin-right: 35px;
    }
    
    .cardD .titulo {
        color: #000;
        font-size: 20px;
        margin: 0px;
        margin-top: 10px;
        font-family: 'Poppins';
        text-align: left;
    }
    
    .cardD .buton {
        display: inline-block;
        margin-left: 0px;
        margin-top: 10px;
        font-size: 10px;
        width: 120px;
        border-radius: 50px;
    }
    
    .cardD .cuerpo {
        text-align: left;
        font-size: 17px;
    }
    
    .cardD:hover img {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }
    
    .cardD a {
        display: initial;
        margin-top: 150px;
        font-size: 12px;
        padding: 5px 10px;
    }
    
    .fondoOs {
        background: #22253a;
    }
    
    .fondoAm {
        background: #e5af10;
    }
    
    .imagenLogo {
        height: 270px;
        display: flex;
    }
    
    .cardIcono {
        background: transparent;
        text-align: center;
        padding: 40px 0px;
        height: 270px;
        border-right: 1px solid #D6D6D6;
        border-bottom: 1px solid #D6D6D6;
    }
    
    .cardIcono img {
        width: 80px;
        display: block;
        margin: auto;
    }
    
    .cardIcono .espaciadoImg {
        height: 95px;
        display: flex;
    }
    
    .cardIcono .titulo {
        color: #244168;
        font-size: 20px;
        text-align: center;
        margin-top: 15px;
        font-weight: 900;
    }
    
    .cardIcono .titulo span {
        font-weight: 500;
    }
    
    .cardIcono .tituloN {
        color: #000;
        font-size: 23px;
        text-align: center;
        margin-top: 15px;
        font-weight: 700;
    }
    
    .cardIcono .parrafo {
        text-align: center;
        color: #000;
        font-size: 16px;
        margin: 0;
    }
    
    .cardIcono:hover img {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }
    
    .tituloMasSer {
        color: #fff;
        text-align: left;
        font-size: 42px;
        font-weight: 800;
        margin-bottom: 30px;
    }
    
    .contactowhats {
        position: absolute;
        background: #244168;
        z-index: 9;
        width: 200px;
        right: 0;
        top: 100px;
        padding: 15px 0px 15px 20px;
        border-radius: 30px 0px 0px 30px;
    }
    
    .contactowhats img {
        width: 65px;
    }
    
    .contactowhats a {}
    
    .gridPasos {
        display: grid;
        grid-column-gap: 0px;
        grid-template-columns: 30% 20% 20% 30%;
    }
    
    .parte1 {
        background: #EFEFEF;
        padding: 50px 50px 50px 150px;
    }
    
    .parte1 .titulo {
        text-align: left;
        color: #000;
        font-size: 26px;
        font-weight: 600;
    }
    
    .parte2 {
        background: rgba(68, 111, 178, 1);
        background: -moz-linear-gradient(left, rgba(68, 111, 178, 1) 0%, rgba(38, 62, 105, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(68, 111, 178, 1)), color-stop(100%, rgba(38, 62, 105, 1)));
        background: -webkit-linear-gradient(left, rgba(68, 111, 178, 1) 0%, rgba(38, 62, 105, 1) 100%);
        background: -o-linear-gradient(left, rgba(68, 111, 178, 1) 0%, rgba(38, 62, 105, 1) 100%);
        background: -ms-linear-gradient(left, rgba(68, 111, 178, 1) 0%, rgba(38, 62, 105, 1) 100%);
        background: linear-gradient(to right, rgba(68, 111, 178, 1) 0%, rgba(38, 62, 105, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#446fb2', endColorstr='#263e69', GradientType=1);
        padding: 50px;
        border-radius: 15px 0px 0px 15px;
        margin-left: -15px;
    }
    
    .parte2 .titulo {
        text-align: left;
        color: #fff;
        font-size: 30px;
        font-weight: 600;
    }
    
    .parte2 .cuerpo {
        text-align: left;
        color: #FFFFFF;
        font-size: 18px;
    }
    
    .parte2 .buton-w {
        width: 100%;
        margin-top: 15px;
        font-size: 17px;
    }
    
    .parte3 {
        background: #EFEFEF;
        padding: 50px;
        border-radius: 15px 0px 0px 15px;
        margin-left: -15px;
    }
    
    .parte3 .titulo {
        text-align: left;
        color: #000;
        font-size: 26px;
        font-weight: 600;
    }
    
    .parte3 .cuerpo {
        text-align: left;
        color: #000;
        font-size: 18px;
    }
    
    .parte4 {
        background: rgba(68, 111, 178, 1);
        background: -moz-linear-gradient(left, rgba(68, 111, 178, 1) 0%, rgba(38, 62, 105, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(68, 111, 178, 1)), color-stop(100%, rgba(38, 62, 105, 1)));
        background: -webkit-linear-gradient(left, rgba(68, 111, 178, 1) 0%, rgba(38, 62, 105, 1) 100%);
        background: -o-linear-gradient(left, rgba(68, 111, 178, 1) 0%, rgba(38, 62, 105, 1) 100%);
        background: -ms-linear-gradient(left, rgba(68, 111, 178, 1) 0%, rgba(38, 62, 105, 1) 100%);
        background: linear-gradient(to right, rgba(68, 111, 178, 1) 0%, rgba(38, 62, 105, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#446fb2', endColorstr='#263e69', GradientType=1);
        padding: 50px 150px 50px 50px;
        border-radius: 15px 0px 0px 15px;
        margin-left: -15px;
    }
    
    .parte4 .titulo {
        text-align: left;
        color: #fff;
        font-size: 30px;
        font-weight: 600;
    }
    
    .parte4 .cuerpo {
        text-align: left;
        color: #FFFFFF;
        font-size: 18px;
    }
    
    .parte4 .cuerpo2 {
        text-align: left;
        color: #FFFFFF;
        font-size: 13px;
    }
    
    .parte4 .cuerpo2 a {
        text-decoration: none;
    }
    
    .parte4 .cuerpo2 a i {
        font-size: 20px;
        font-weight: 900;
    }
    
    .pilar {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 754px;
    }
    
    .centrar {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .ImgFondo {
        width: 47%;
        position: absolute;
        top: 750px;
        right: 0px;
    }
    
    .ImgFondo2 {
        width: 44%;
        position: absolute;
        top: 1638px;
        left: 0px;
    }
    
    .subTitulo {
        color: white;
        font-weight: 600;
        font-size: 35px;
        text-align: center;
    }
    
    .parrafo2 {
        color: #686868;
        font-size: 24px;
        padding-left: 25px;
    }
    
    .imagenBB {
        width: 50%;
        display: block;
        margin: auto;
    }
    
    .fondoDividio {
        background: linear-gradient(0deg, #244168 57%, #FFFFFF 57%);
        padding: 50px;
    }
    
    .cardCarrousel {
        -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 75%);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 75%);
        padding: 30px;
        border-radius: 50px;
    }
    
    .cardItem {
        -webkit-box-shadow: 0px 0px 10px 0px rgb(168 168 168);
        -moz-box-shadow: 0px 0px 10px 0px rgba(168, 168, 168, 1);
        box-shadow: 0px 0px 10px 0px rgb(168 168 168);
        padding: 25px;
        background: #fff;
        border-radius: 20px;
        height: 727px;
        margin-bottom: 15px;
    }
    
    .cardItem img {
        display: block;
        margin: auto;
        width: 100%;
        margin-bottom: 25px;
    }
    
    .cardItem .titulo {
        font-size: 20px;
        color: #244168;
        font-weight: 800;
        text-align: center;
        margin-bottom: 25px;
        height: 60px;
    }
    
    .cardItem ul {
        list-style-image: url(../images/icono-01.webp);
        font-size: 17px;
        text-align: left;
        color: #686868;
    }
    
    .cardItem2 {
        -webkit-box-shadow: 0px 0px 10px 0px rgb(168 168 168);
        -moz-box-shadow: 0px 0px 10px 0px rgba(168, 168, 168, 1);
        box-shadow: 0px 0px 10px 0px rgb(168 168 168);
        padding: 25px;
        background: #fff;
        border-radius: 20px;
        /* height: 727px; */
        margin-bottom: 15px;
    }
    
    .cardItem2 img {
        display: block;
        margin: auto;
        width: 100%;
        margin-bottom: 25px;
    }
    
    .cardItem2 .titulo {
        font-size: 20px;
        color: #244168;
        font-weight: 800;
        text-align: center;
        margin-bottom: 25px;
        height: 60px;
    }
    
    .logo-facturacion {
        width: 35%;
        display: block;
        margin: auto;
    }
    
    .titulo-precios {
        font-size: 27px;
        color: #244168;
        text-align: center;
        font-weight: 700;
    }
    
    .card2 {
        margin-bottom: 25px;
    }
    
    .card2 img {
        width: 100%;
    }
    
    .card2 .contenido {
        height: 100px;
    }
    
    .card2 .titulo {
        font-size: 17px;
        padding: 0px;
        font-weight: 900;
        color: #e96400;
    }
    
    .card2 .cuerpo {
        font-size: 12px;
        color: #244168;
    }
    
    .card2 a {
        font-size: 10px;
        width: 114px;
    }
    
    .cardAnuncio .titulo {
        color: #ffffff;
        font-size: 50px;
        font-weight: 300;
        text-align: center;
    }
    
    .cardAnuncio .titulo span {
        font-weight: 900;
    }
    
    .cardAnuncio .tituloFondo {
        color: #f5e7dd;
        font-size: 86px;
        font-weight: 900;
        margin: 0px;
        text-align: center;
    }
    
    .cardAnuncio .cuerpo {
        text-align: center;
        color: #244168;
        font-size: 30px;
    }
    
    .cardAnuncio .cuerpo span {
        font-weight: 700;
    }
    
    .subtitulo {
        text-align: center;
        font-size: 25px;
        color: #244168;
        margin-top: 25px;
        margin-bottom: 45px;
    }
    
    .grid-container {
        display: grid;
        grid-column-gap: 10px;
        grid-template-columns: 75px auto;
    }
    
    .grid-item {}
    
    .card3 {
        background: #f4f4f4;
        padding: 50px 100px;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(168, 168, 168, 1);
        -moz-box-shadow: 0px 0px 15px 0px rgba(168, 168, 168, 1);
        box-shadow: 0px 0px 15px 0px rgba(168, 168, 168, 1);
        position: relative;
        z-index: 1;
    }
    
    .card3 .titulo {
        font-size: 25px;
        padding: 0px;
    }
    
    .fondo {
        background-image: url(../images/1-16.jpg);
        background-size: 47% 100%;
        background-position: left;
        background-repeat: no-repeat;
    }
    
    .tituloW {
        color: #fff;
        font-weight: 900;
        font-size: 48px;
        text-align: center;
    }
    
    .tituloW1 {
        color: #fff;
        font-weight: 700;
        font-size: 27px;
        text-align: center;
    }
    
    .tituloW2 {
        color: #fff;
        font-weight: 700;
        font-size: 37px;
        text-align: center;
    }
    
    .tituloAzul {
        font-size: 43px;
        color: #213A66;
        font-weight: 900;
    }
    
    .parrafoW {
        color: #fff;
        font-size: 24px;
        text-align: center;
    }
    
    .fondo1 {
        background-image: url(../images/1-17.jpg);
        background-size: cover;
        background-position: center;
    }
    
    .tituloB {
        font-size: 20px;
        color: #3A3A3A;
        font-weight: 900;
        margin-bottom: 20px;
    }
    
    .imgCentrada {
        width: 75%;
        display: block;
        margin: auto;
    }
    
    .fondo2 {
        background: url(../images/2-24.jpg);
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .tituloPasos {
        text-align: center;
        font-size: 45px;
        font-weight: 900;
        color: #000000;
    }
    
    .fondo3 {
        background: url(../images/2-29.jpg);
        background-size: 36% 100%;
        background-position: left;
        background-repeat: no-repeat;
    }
    
    .fondo4 {
        background: url(../images/3-36.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .cardLetrero {
        border-right: 2px solid #fff;
    }
    
    .cardLetrero .titulo {
        font-size: 24px;
        color: #fff;
        font-weight: 500;
        padding: 60px 0px;
    }
    
    .cardGris {
        background: #686868;
        padding: 15px 25px;
        position: absolute;
        top: -100px;
        width: 100%;
    }
    
    .cardGris .titulo {
        font-size: 38px;
        text-align: left;
        color: #FFFFFF;
    }
    
    .cardGris .parrafo {
        font-size: 19px;
        color: #fff;
        text-align: left;
    }
    
    .titulo-distribuidor {
        font-size: 36px;
        color: #213A66;
        font-weight: 900;
    }
    
    .parrafo-distribuidor {
        font-size: 21px;
        color: #282828;
        padding-left: 20px;
    }
    
    .parrafo-distribuidor span {
        font-weight: 900;
    }
    
    .cardContabilidad {
        margin: 40px;
        border-radius: 35px;
        position: relative;
        padding: 30px;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(143, 143, 143, 1);
        -moz-box-shadow: 5px 5px 5px 0px rgba(143, 143, 143, 1);
        box-shadow: 5px 5px 5px 0px rgba(143, 143, 143, 1);
    }
    
    .cardContabilidad .titulo {
        font-size: 50px;
        color: #FFFFFF;
        text-align: center;
    }
    
    .cardContabilidad .precio {
        background: white;
        border-radius: 0px 30px 30px 0px;
        padding: 10px 30px;
        margin-left: -31px;
        width: 90%;
        margin-bottom: 20px;
    }
    
    .cardContabilidad .cuerpo {
        height: 240px;
        margin-bottom: 25px;
    }
    
    .cardContabilidad .numero {
        font-size: 60px;
        text-align: left;
        font-weight: 900;
    }
    
    .cardContabilidad .letras {
        font-size: 22px;
        text-align: left;
    }
    
    .cardContabilidad .caracteristica {
        color: #fff;
        font-size: 16px;
    }
    
    .cardContabilidad .descripcion {
        color: #fff;
        font-size: 16px;
        font-weight: 900;
    }
    
    .cardPasos {
        /* height: 352px; */
    }
    
    .cardPasos .titulo {
        font-weight: 900;
        font-size: 44px;
        color: #213A66;
        text-align: left;
        margin: 0px;
    }
    
    .cardPasos .parrafo {
        text-align: left;
        font-size: 19px;
        color: #686868;
    }
    
    .cardPasos a.buton {
        font-size: 15px;
        width: 150px;
        padding: 5px;
        margin-left: 30px;
    }
    
    .cardPasos a {
        text-decoration: none;
        margin: auto;
        margin-left: 0px;
    }
    
    .cardPasos .parrafo1 {
        text-align: left;
        font-size: 19px;
        color: #282828;
    }
    
    .cardPasos .enlace {
        color: #244168;
        font-size: 19px;
        font-weight: 600;
        font-style: italic;
    }
    
    .cardPasos .enlace i {
        font-size: 25px;
        margin-right: 10px;
    }
    
    .cardPasos .enlace:hover {
        color: #244168;
    }
    
    .flecha::after {
        content: '';
        background: url(../images/flecha.webp);
        background-size: cover;
        background-repeat: no-repeat;
        width: 40px;
        height: 25px;
        position: absolute;
        right: 15px;
        top: 31%;
    }
    
    .imgBanner {
        width: 125%;
    }
    
    .titulo-negocio {
        font-size: 54px;
        text-align: center;
        line-height: 60px;
        color: #244168;
        font-weight: 800;
    }
    
    .card-distribuidor {
        background: #fff;
        padding: 30px 0px;
        /*height: 345px;*/
    }
    
    .card-distribuidor .parrafo {
        text-align: center;
        font-size: 25px;
        color: #686868;
        font-weight: 800;
    }
    
    .card-distribuidor .parrafo1 {
        text-align: center;
        font-size: 25px;
        color: #244168;
        font-weight: 800;
        margin-bottom: 10px;
    }
    
    .card-distribuidor .cuerpo {
            height: 145px;
    }
    
    .titulo-invertir {
        font-size: 56px;
        color: #244168;
        font-weight: 900;
        line-height: 65px;
    }
    
    .card-inversion {
        padding: 20px 0px;
    }
    
    .card-inversion .titulo {
        font-size: 30px;
        text-align: left;
        color: #244168;
        font-weight: 800;
    }
    
    .card-inversion .parrafo {
        font-weight: 600;
        font-size: 19px;
        text-align: left;
        color: #686868;
    }
    
    .card-inversion-dividido {
        display: flex;
        justify-content: center;
        align-content: center;
        border-top: 1px solid #E9E9E9;
        padding-top: 15px;
        margin-top: -20px;
    }
    
    .card-inversion-dividido .titulo {
        font-size: 30px;
        text-align: left;
        color: #244168;
        font-weight: 800;
    }
    
    .card-inversion-dividido .parrafo {
        font-weight: 600;
        font-size: 19px;
        text-align: left;
        color: #686868;
        padding-left: 25px;
    }
    
    .borde-central {
        border-left: 1px solid #E9E9E9;
    }
    
    .card-margin {
        margin: 0px 35px;
    }
    
    .card-distribuidor .parrafo2 {
        text-align: center;
        font-size: 24px;
        color: #686868;
        padding: 0px;
        margin: 0;
    }
    
    .cardTituloN {
        background: #244168;
        border-radius: 15px;
        padding: 10px;
        height: 125px;
        display: flex;
        align-content: center;
        justify-content: center;
    }
    
    .cardTituloN .titulo {
        font-size: 31px;
        color: #fff;
        font-weight: 800;
        text-align: center;
    }
    
    .cardTituloN .titulo1 {
        font-size: 26px;
        color: #fff;
        font-weight: 800;
        text-align: center;
    }
    
    .tituloWhite {
        color: #fff;
        font-weight: 800;
        font-size: 52px;
    }
    
    .tituloWhite span {
        background: #2B8C72;
        padding-left: 10px;
        padding-right: 10px;
        position: absolute;
        right: 15px;
    }
    
    .parrafoWhite {
        color: #fff;
        font-size: 30px;
    }
    
    .cardNosotros {
        background: #fff;
        padding: 50px;
    }
    
    .cardNosotros .titulo {
        padding: 0px;
        color: #213A66;
        font-size: 26px;
        font-weight: 900;
        text-align: center;
    }
    
    .cardNosotros .cuerpo {
        text-align: justify;
        font-size: 13px;
        color: #3A3A3A;
    }
    
    .fondo5 {
        background: url(../images/imagen-08.webp);
        background-size: 50% 100%;
        background-position: right;
        background-repeat: no-repeat;
        margin-top: 50px;
    }
    
    .fondo6 {
        background: url(../images/imagen-09.webp);
        background-size: 50% 100%;
        background-position: left;
        background-repeat: no-repeat;
        margin-top: 50px;
    }
    
    .tituloCompra {
        font-size: 25px;
        font-weight: 800;
        margin-bottom: 15px;
    }
    
    .card-pasos {
        position: relative;
    }
    
    .card-pasos hr {
        background: #2B8C72;
        width: 100%;
        height: 5px;
    }
    
    .card-pasos .cuerpo {
        text-align: center;
        font-size: 20px;
        color: #000;
    }
    
    .card-pasos .numero {
        background: #2B8C72;
        position: absolute;
        font-size: 15px;
        border-radius: 50px;
        padding: 4px 12px;
        color: #fff;
        top: -25px;
    }
    
    .gridIconos {
        display: grid;
        grid-template-columns: 50% 50%;
    }
    
    .Modelo1 .modal-body {
        border-left: 10px solid #244168;
        display: grid;
        grid-template-columns: 35% 65%;
        min-height: 350px;
        background: #fff;
    }
    
    .Modelo1 .modal-body .icono {
        position: absolute;
        top: -100px;
        left: -50px;
        width: 35%;
        z-index: 9;
    }
    
    .Modelo1 .modal-body .logo {
        width: 25%;
        position: absolute;
        bottom: 10px;
    }
    
    .Modelo1 .modal-body .titulo {
        color: #fff;
        font-size: 31px;
        padding: 0px;
        font-weight: 800;
    }
    
    .Modelo1 .modal-body ul {
        color: #fff;
        font-size: 12px;
    }
    
    .Modelo1 .modal-body p {
        color: #fff;
        font-size: 12px;
    }
    
    .Modelo1 .close {
        float: right;
        font-size: 31px;
        font-weight: bold;
        line-height: 1;
        color: #244168;
        text-shadow: 0 1px 0 #fff;
        margin-top: -5px;
        opacity: 1;
    }
    
    .Modelo1 {
        background: rgb(7, 5, 35, .5);
    }
    
    .Modelo1 .modal-footer {
        display: none;
    }
    
    .Modelo2 .modal-header {
        background-size: cover;
    }
    
    .Modelo2 .modal-header .modal-title {
        font-size: 33px;
        font-weight: 800;
    }
    
    .Modelo2 button.close {
        background: #113884;
        border-radius: 50px;
        padding: 10px 15px;
        margin-top: -50px;
        margin-right: -25px;
    }
    
    .Modelo2 .close {
        float: right;
        font-size: 31px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-shadow: 0 1px 0 #fff;
        margin-top: -5px;
        opacity: 1;
    }
    
    .Modelo2 .modal-body {
        font-size: 12px;
    }
    
    .tituloD {
        color: #e96400;
        font-size: 36px;
        font-weight: 700;
    }
    
    .parrafoD {
        font-size: 24px;
        color: #244168;
    }
    
    .fondoCon {
        background: #fff;
        padding: 100px 50px;
    }
    
    .cardImagen {
        margin-bottom: 15px;
    }
    
    .cardImagen .imagen {
        display: flex;
        height: 100px;
    }
    
    .cardImagen img {
        width: 35%;
        display: block;
        margin: auto;
    }
    
    .cardImagen .tituloA {
        font-size: 23px;
        color: #244168;
        text-align: center;
        font-weight: 700;
        margin-top: 30px;
    }
    
    .cardImagen .tituloG {
        font-size: 23px;
        color: #686868;
        text-align: center;
        font-weight: 700;
        margin-top: 30px;
    }
    
    .cardImagen2 {
        display: grid;
        grid-column-gap: 5%;
        grid-template-columns: 20% 75%;
        margin-bottom: 30px;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
        padding: 20px 5px;
    }
    
    .cardImagen2 img {
        width: 100%;
        margin-top: 15px;
    }
    
    .cardImagen2 .titulo {
        font-size: 20px;
        color: #213A66;
        text-align: left;
        font-weight: 700;
        margin-top: 25px;
    }
    
    .cardImagen3 {
        display: grid;
        grid-column-gap: 5%;
        grid-template-columns: 30% 65%;
        margin-bottom: 30px;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
        padding: 20px;
        height: 180px;
    }
    
    .cardImagen3 img {
        width: 75%;
    }
    
    .cardImagen3 .centrar {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .cardImagen3 .titulo {
        font-size: 16px;
        color: #213A66;
        text-align: left;
        font-weight: 900;
    }
    
    .cardImagen3 .cuerpo {
        font-size: 16px;
        color: #213A66;
        text-align: left;
    }
    
    .titulo-contabilidad {
        font-weight: 900;
        font-size: 45px;
        color: #244168;
    }
    
    .titulo-contabilidad1 {
        font-weight: 900;
        font-size: 39px;
        color: #244168;
    }
    
    .subtitulo-contabilidad {
        font-size: 27px;
        color: #686868;
        font-weight: 900;
    }
    
    .lista-check {
        list-style-image: url('../images/icono-01.webp');
        color: #686868;
        font-size: 21px;
    }
    
    .parrafo-contabilidad {
        color: #686868;
        font-size: 21px;
        width: 100%;
    }
    
    .cardAzul {
        background: #244168;
        padding: 0px 50px;
        display: flex;
        align-items: center;
        text-align: center;
        margin-bottom: 15px;
        height: 80px;
    }
    
    .cardAzul .parrafo {
        color: #FFFFFF;
        font-size: 19px;
        width: 100%;
    }
    
    .cardImagen .contenido {
        background: #01466f;
        padding: 10px 30px;
    }
    
    .cardImagen .cuerpo {
        display: none;
        color: #fff;
        font-size: 18px;
    }
    
    .cardImagen i {
        color: white;
        font-size: 25px;
        position: absolute;
        right: 25px;
    }
    
    .cardImagen .open {
        display: initial;
    }
    
    .cardImagen .close {
        display: none;
    }
    
    .cardImagen:hover .cuerpo {
        display: initial;
    }
    
    .cardImagen:hover .open {
        display: none;
    }
    
    .cardImagen:hover .close {
        display: initial;
        color: white;
        opacity: 1;
    }
    
    .cardImagen:hover .contenido {
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: -70px;
    }
    
    .tituloPrecios {
        color: #213A66;
        font-size: 36px;
        font-weight: 800;
    }
    
    .cardIconoP {
        display: grid;
        grid-column-gap: 5%;
        grid-template-columns: 30% 65%;
        margin-bottom: 15px;
        padding: 20px 5px;
        margin-top: 15px;
    }
    
    .cardIconoP img {
        display: block;
        margin: auto;
        margin-right: 0px;
    }
    
    .cardIconoP .titulo {
        font-size: 20px;
        color: #213A66;
        text-align: left;
        font-weight: 700;
        margin-top: 5px;
    }
    
    .owl-dots {
        text-align: center;
        margin-top: 15px;
    }
    
    .owl-carousel button.owl-dot {
        background: #e9ecf0;
        color: #e9ecf0;
        border-radius: 10px;
        border: 1px solid #e9ecf0;
        padding: 10px !important;
        font: inherit;
        margin-right: 15px;
    }
    
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
        color: #A5D9F3 !important;
    }
    
    .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        left: 0px;
        bottom: 15px;
    }
    
    .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        right: 0px;
        bottom: 15px;
    }
    
    .owl-carousel button.active {
        background: #0095c2;
        color: #0095c2;
        border: 1px solid #0095c2;
    }
    
    .tituloContabilidad {
        color: #2B8C72;
        font-weight: 800;
        font-size: 32px;
        line-height: 37px;
    }
    
    .parrafoContabilidad {
        text-align: justify;
        font-size: 22px;
        margin-top: 15px;
        color: #000;
    }
    
    .tituloContabilidad1 {
        color: #000;
        font-weight: 800;
        font-size: 36px;
        text-align: center;
    }
    
    .subtituloContabilidad {
        color: #000;
        font-size: 32px;
        text-align: center;
        margin-bottom: 50px;
    }
    
    .oferta .titulo {
        text-align: center;
        color: #fff;
        font-size: 46px;
        margin: 0px;
        font-weight: 600;
    }
    
    .oferta a {
        text-decoration: none;
        background: #fff;
        color: #2B8C72;
        text-align: center;
        font-size: 18px;
        padding: 5px 10px;
        display: block;
        margin: auto;
        width: 160px;
        border: 1px solid #2B8C72;
        border-radius: 7px;
        border: none;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .oferta a:hover {
        background: #2B8C72;
        color: #fff;
        border: 1px solid #2B8C72;
    }
    
    .parrafoF1 {
        text-align: center;
        color: #000;
        font-size: 36px;
        font-weight: 800;
    }
    
    .parrafoF2 {
        text-align: center;
        color: #000;
        font-size: 32px;
    }
    
    .parrafoF3 {
        text-align: center;
        color: #000;
        font-size: 24px;
    }
    
    .parrafoF4 {
        text-align: center;
        color: #000;
        font-size: 28px;
        font-weight: 800;
    }
    
    .parrafoF5 {
        text-align: left;
        color: #000;
        font-size: 21px;
        font-weight: 800;
    }
    
    .parrafoF6 {
        text-align: left;
        color: #000;
        font-size: 15px;
    }
    
    .cardFac {
        margin: 0px 10px;
        height: 560px;
    }
    
    .cardFac .fondo {
        -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 75%);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 75%);
        border-radius: 35px;
        background: #fff;
        position: absolute;
        top: 380px;
        width: 80%;
        left: 30px;
        right: 0;
        padding: 20px 0px;
    }
    
    .cardFac .titulo {
        color: #22253a;
        font-size: 20px;
        padding: 0px 10px;
        height: 60px;
    }
    
    .cardFac a {}
    
    .cardF a:hover {}
    
    .distribuidores .parrafo1 {
        color: #fff;
        font-size: 38px;
        font-weight: 700;
        text-align: center;
    }
    
    .distribuidores .parrafo2 {
        color: #fff;
        font-size: 24px;
        text-align: center;
    }
    
    .distribuidores .parrafo3 {
        color: #fff;
        font-size: 42px;
        font-weight: 700;
        text-align: center;
        margin: 0px;
    }
    
    .distribuidores .parrafo4 {
        color: #fff;
        font-size: 25px;
        font-weight: 700;
        text-align: center;
        margin: 0px;
    }
    
    .distribuidores .parrafo5 {
        color: #fff;
        font-size: 29px;
        font-weight: 700;
        text-align: center;
    }
    
    .distribuidores .parrafo6 {
        color: #fff;
        font-size: 21px;
        text-align: center;
    }
    
    .distribuidores .parrafo6 span {
        font-weight: 700;
    }
    
    .distribuidores a {
        text-decoration: none;
        background: #fff;
        color: #2B8C72;
        text-align: center;
        font-size: 18px;
        padding: 5px 10px;
        display: block;
        margin: auto;
        margin-top: 50px;
        width: 160px;
        border: 1px solid #2B8C72;
        border-radius: 7px;
        border: none;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    
    .distribuidores a:hover {
        background: #2B8C72;
        color: #fff;
        border: 1px solid #2B8C72;
    }
    
    .tituloDis {
        color: #FFFFFF;
        text-align: left;
        font-size: 27px;
        font-weight: 800;
        margin: 0px;
    }
    
    .card-dis {
        position: relative;
        padding-left: 75px;
        height: 105px;
    }
    
    .card-dis .titulo {
        color: #000;
        font-size: 19px;
        font-family: 'Poppins';
    }
    
    .card-dis .cuerpo {
        color: #000;
        font-size: 15px;
        font-family: 'Poppins';
    }
    
    .card-dis .cuadro {
        background: #2B8C72;
        width: 36px;
        height: 36px;
        position: absolute;
        left: 0px;
        top: 30%;
    }
    
    .flotante2 {
        background: #fff;
        -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 75%);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 75%);
        padding: 50px 30px;
        margin-top: -120px;
    }
    
    @media(max-width: 1024px) {
        .tituloBanner2 {
            font-size: 50px;
            text-align: center;
        }
        .centrarVertical {
            height: auto;
            margin: 15px 0px;
        }
    }
    
    @media(max-width: 780px) {
        .buenFin {
            top: -100px;
            left: 500px;
        }
        .numero {
            text-align: center;
        }
        .parrafoNum {
            text-align: center;
        }
        .card {
            margin-bottom: 0px;
            height: auto;
        }
        .card2 {
            margin-bottom: 55px;
            height: auto;
        }
        .card3 {
            padding: 10px 10px;
        }
        .butonT {
            margin-top: 10px;
        }
        .espaciadoD {
            padding: 50px 0px 50px;
        }
        .butonP {
            padding: 0px 0px;
        }
    }
    
    .logo {
        width: 40%;
        /* margin-top: -45px; */
    }
    
    .padding50 {
        padding: 50px 0px;
    }
    
    @media (max-width: 560px) {
        .owl-next {
            top: 18%;
            font-size: 40px !important;
            right: 0px;
        }
        .top a {
            font-size: 14px;
        }
        .top img {
            width: 15px !important;
        }
        .cardLetrero {
            border-right: none;
        }
        .cardLetrero .titulo {
            font-size: 20px;
            padding: 10px 0px;
            border-bottom: 1px solid #fff;
            border-top: 1px solid #fff;
        }
        .centrarVertical1 {
            height: auto;
        }
        .cardTable .titulo {
            font-size: 24px;
            padding: 10px;
            font-weight: 600;
        }
        .card-blue {
            position: initial;
            padding: 10px;
        }
        .card-blue .espaciado {
            height: 20px;
        }
        .card-blue .titulo {
            font-size: 24px;
            font-weight: 600;
        }
        .lista-check {
            font-size: 18px;
        }
        .titulo-pasos {
            font-size: 30px;
        }
        .titulo-negocio {
            font-size: 30px;
            line-height: 35px;
        }
        .cardTituloN .titulo {
            font-size: 20px;
        }
        .cardTituloN {
            height: auto;
        }
        .lista-pasos {
            font-size: 20px;
        }
        .cardPasos .titulo {
            font-size: 30px;
        }
        .subtitulo-contabilidad {
            font-size: 19px;
        }
        .titulo-contabilidad1 {
            font-size: 22px;
        }
        .cardGris {
            position: initial;
        }
        .cardGris .titulo {
            font-size: 25px;
        }
        .centrarVertical5 {
            height: auto;
        }
        .anuncio-titulo {
            font-size: 19px;
        }
        .cardImagen .imagen {
            height: auto;
        }
        .cardImagen img {
            width: 20%;
        }
        .cardImagen .tituloA {
            font-size: 20px;
            margin-top: 10px;
        }
        .anuncio-titulo span {
            font-size: 24px;
        }
        .masthead {
            padding: 50px 0 50px;
        }
        .tituloAzul {
            font-size: 25px;
        }
        .cardItem .titulo {
            font-size: 20px;
        }
        .cardCarrousel {
            padding: 20px;
        }
        .tituloCon {
            font-size: 25px;
        }
        .subtituloCon {
            font-size: 20px;
        }
        .cardContabilidad {
            margin: 0px;
            border-radius: 30px;
            padding: 20px;
            margin-bottom: 15px;
        }
        .cardContabilidad .titulo {
            font-size: 40px;
        }
        .cardContabilidad .numero {
            font-size: 40px;
        }
        .cardContabilidad .cuerpo {
            height: auto;
            margin-bottom: 25px;
        }
        .cardContabilidad .letras {
            font-size: 18px;
        }
        .lista {
            font-size: 15px;
            padding-left: 25px;
        }
        .cardImagen {
            grid-template-columns: 15% 80%;
        }
        .cardContacto img {
            width: 100%;
        }
        .cardContacto {
            grid-template-columns: 15% 85%;
        }
        .cardContacto a {
            font-size: 18px;
        }
        .navbar.affix img {
            width: 15%;
        }
        .cardComprobantesB .titulo {
            font-size: 25px;
        }
        .imgBanner {
            width: 100%;
        }
        .listabanner {
            color: #fff;
            font-size: 19px;
        }
        .tituloMasSer {
            font-size: 29px;
            margin-bottom: 100px;
        }
        .tituloSer {
            font-size: 35px;
        }
        .gridPasos {
            grid-template-columns: 100%;
        }
        .parte1 {
            padding: 40px;
        }
        .parte2 {
            padding: 40px;
        }
        .parte3 {
            padding: 40px;
        }
        .parte4 {
            padding: 40px;
        }
        .parrafoSet {
            font-size: 20px;
        }
        .flotante2 {
            margin-top: -120px;
        }
        .card-img .margen {
            padding: 10px 10px 10px 10px;
        }
        .card-img .cuerpo {
            height: auto;
        }
        .fondo1 {
            background-position: bottom;
            padding-top: 0px;
            padding-bottom: 300px;
        }
        .fondo3 {
            background-size: 100% 42%;
            background-position: top;
        }
        .titulo-contabilidad {
            font-size: 28px;
        }
        .fondo4 {
            background-position: top;
            background-size: cover;
        }
        .titulo-distribuidor {
            font-size: 30px;
        }
        .fondo5 {
            background: url(../images/imagen-08.webp);
            background-size: contain;
            background-position: top;
            background-repeat: no-repeat;
            margin-top: 0px;
            padding-top: 340px !important;
        }
        .fondo6 {
            background: url(../images/imagen-09.webp);
            background-size: contain;
            background-position: top;
            background-repeat: no-repeat;
            margin-top: 0px;
            padding-top: 340px !important;
        }
        .cardDistribuidor .parrafo {
            line-height: 80px;
            font-size: 80px;
            margin-bottom: 20px;
        }
        .cardDistribuidor .parrafo1 {
            font-size: 20px;
        }
        .cardDistribuidor .parrafo2 {
            font-size: 30px;
        }
        .cardDistribuidor .parrafo3 {
            line-height: 80px;
            font-size: 80px;
        }
        .cardDistribuidor .parrafo4 {
            font-size: 20px;
        }
        .cardDistribuidor .titulo {
            font-size: 30px;
            text-align: center;
        }
        .card-img {
            margin-bottom: 20px;
        }
        .parrafo-distribuidor {
            font-size: 18px;
            padding-left: 0px;
        }
        .titulo {
            font-size: 25px;
        }
        .flotante {
            margin-top: 0px;
            padding: 10px;
        }
        .fondo {
            background-size: 0%;
        }
        .tituloW {
            font-size: 22px;
            font-weight: 500;
            margin-bottom: 15px;
        }
        .parrafoW {
            font-size: 20px;
        }
        .parrafoBanner {
            font-size: 20px;
            margin-left: 0px;
        }
        .centrarVertical3 {
            height: auto;
        }
        .bannerES {
            background-size: 100% 50% !important;
            background-position: top !important;
        }
        .titulo-Azul {
            font-size: 50px;
            margin-top: 20px;
        }
        .top {
            /* display: none; */
        }
        .owl-prev {
            top: 18%;
            font-size: 40px !important;
            left: 0px;
        }
        .tituloContabilidad1 {
            font-size: 30px;
            line-height: 35px;
        }
        .subtituloContabilidad {
            font-size: 25px;
        }
        .contenedor2 {
            margin-bottom: 15px;
        }
        .oferta .titulo {
            font-size: 30px;
        }
        .parrafoF1 {
            font-size: 25px;
        }
        .parrafoF2 {
            font-size: 24px;
        }
        .parrafoF3 {
            font-size: 17px;
        }
        .cardFac {
            margin: 15px 30px;
        }
        .butonT {
            margin-top: 10px;
            width: auto !important;
            font-size: 15px !important;
            padding: 0px !important;
            line-height: 15px !important;
        }
        .cardDistribuidor .parrafo5 {
            line-height: 55px;
            font-size: 55px;
        }
        .tituloBanner {
            font-size: 30px;
            text-align: left;
            line-height: normal;
        }
        .contenedor {
            margin-bottom: 15px;
        }
        .parrafoA1 {
            font-size: 24px;
        }
        .card .tituloFondo {
            font-size: 45px;
        }
        .cardAnuncio .tituloFondo {
            font-size: 50px;
        }
        .cardAnuncio .titulo {
            font-size: 30px;
        }
        .cardAnuncio .cuerpo {
            font-size: 25px;
        }
        .card .titulo {
            font-size: 30px;
        }
        .card .cuerpo {
            font-size: 19px;
            margin-bottom: 15px;
            margin-top: 25px;
        }
        .cardImagen:hover .contenido {
            position: absolute;
            left: 15px;
            right: 15px;
            bottom: -40px;
        }
        .tituloA {
            font-size: 22px;
        }
        .buton {
            font-size: 15px;
            padding: 8px 10px;
            width: 150px;
            margin-bottom: 15px;
        }
        .cardContacto {
            position: initial;
        }
        .card2 .contenido {
            height: auto;
        }
        .card img {
            width: 30%;
            display: block;
        }
        .card .titulo {
            line-height: inherit;
            padding: 10px;
        }
        .titulo1 {}
        .cardTituloN .titulo1 {
            font-size: 20px;
        }
        .card-inversion .titulo {
            font-size: 22px;
        }
        .card-inversion-dividido .titulo {
            font-size: 22px;
        }
        .centrarVertical4 {
            height: auto;
        }
        .parrafoR {
            font-size: 20px;
        }
        .titulo-invertir {
            font-size: 24px;
            line-height: 30px;
        }
        .cardIcono {
            padding: 20px 10px;
        }
        .cardIcono img {
            width: 20%;
        }
        .fondoCon {
            padding: 20px 10px;
        }
        .tituloC {
            font-size: 50px;
        }
        .cardIcono .titulo {
            line-height: inherit;
            padding: 0px;
        }
        .cardTable {
            margin-bottom: 50px;
        }
        .card2I {
            margin-left: 0px;
        }
        .cardImagen {
            margin-bottom: 55px;
        }
        .card2D {
            margin-right: 0px;
        }
        .titulo2 {
            font-size: 25px;
            line-height: 35px;
        }
        .parrafo2 {
            font-size: 20px;
        }
        .cardContacto {
            padding: 80px 10px 20px 10px;
            height: 235px;
        }
        .menuDrop {
            position: inherit;
            display: grid;
            width: auto;
        }
        .cuerpo {
            font-size: 20px;
        }
        .card-distribuidor .cuerpo {
            height: auto;
        }
        .tituloWhite {
            font-size: 20px;
        }
        .parrafoWhite {
            font-size: 25px;
            text-align: center;
            margin-bottom: 15px;
        }
        .cardBanner {
            padding: 20px 30px;
        }
        .cardBanner .titulo {
            font-size: 30px;
            line-height: 40px;
        }
        .tituloBanner3 {
            font-size: 28px;
        }
        .card-precio {
            margin-top: 25px;
        }
        .bancos {
            width: 100%;
        }
        .tituloBanner1 {
            font-size: 28px;
        }
        .cardPrecio {
            margin-bottom: 15px;
        }
        .tituloN {
            font-size: 40px;
        }
        .parrafoA {
            font-size: 18px;
        }
        .cardNosotros {
            padding: 25px;
            height: auto;
            margin-bottom: 30px;
        }
        .cardNosotros .titulo {
            font-size: 30px;
        }
        .cardNosotros .cuerpo {
            font-size: 16px
        }
        .tituloD {
            font-size: 30px;
        }
        hr {
            width: 130px;
        }
        .padding50 {
            padding: 10px 0px;
        }
        .ImgFondo {
            display: none;
        }
        .ImgFondo2 {
            display: none;
        }
        .flotante p.encabezado {
            padding: 0px 0px;
            text-align: justify;
            font-size: 16px;
        }
        .espaciado {
            margin-top: 0px;
        }
        .navbar-nav>li>a:hover,
        .navbar-nav>li>a:focus,
        .navbar-nav>.active>a {
            color: white;
            background-color: #00517F;
        }
        .parrafo {
            /* text-align: left; */
            font-size: 18px;
        }
        .cardIcono2 img {
            width: 40%;
        }
        .cardIcono2 .parrafo {
            font-size: 20px;
            padding: 10px;
        }
        .fondo2 {}
        .cardPasos {
            height: auto;
        }
        .flecha::after {
            background-size: 0;
        }
        .tituloW1 {
            font-size: 20px;
        }
        .tituloPrecios {
            font-size: 25px;
        }
        .tituloPasos {
            font-size: 35px;
        }
        .tituloBanner2 {
            font-size: 25px;
            text-align: left;
        }
        .parrafoBanner2 {
            font-size: 20px;
        }
        .tituloServicios {
            font-size: 35px;
        }
        .cardServicios {
            padding: 0px;
            height: auto;
            margin-bottom: 25px;
        }
        .cardServicios img {
            width: 30%;
        }
        .cardServicios1 {
            padding: 35px;
            margin-bottom: 25px;
        }
        .cardServicios2 {
            padding: 35px;
            margin-bottom: 25px;
        }
        .tituloBanner4 {
            font-size: 30px;
        }
        .buenFin {
            display: none;
        }
        .imagenD {
            margin-right: auto;
        }
        .subtitulo {
            font-size: 28px;
            text-align: center;
            margin-top: 0px;
        }
        .titulo3 {
            margin-top: 30px;
        }
        .pilar {
            height: auto;
            margin-top: 55px;
        }
        .imagenBB {
            width: 100%;
        }
        .fondoDividio {
            background: linear-gradient(0deg, #244168 75%, #FFFFFF 75%);
            padding: 0px;
        }
        .parrafoN {
            padding-right: 0px;
        }
        .conten {
            height: auto;
        }
        .centrarVertical2 {
            height: auto;
            padding: 20px;
        }
        .imagenC {
            display: block;
            margin: auto;
        }
        .parrafoC {
            text-align: center;
        }
        .logoContenedor {
            width: 100%;
        }
        .logo {
            width: 18%;
            margin: 0;
        }
        .card {
            padding: 0px;
            margin-top: 15px;
        }
    }
    
    .licencias {
        background: #e6f3fa;
        padding: 50px 10px;
    }
    
    .licencias:hover {
        background: #c0e2f2;
    }
    
    .licencias:hover img {
        filter: invert(79%) sepia(47%) saturate(922%) hue-rotate(359deg) brightness(101%) contrast(105%);
    }
    
    table.table-bordered {
        border: 1px solid transparent !important;
        margin-top: 20px;
    }
    
    table.table-bordered>tbody>tr>td.izquierda {
        border: 1px solid transparent;
        border-bottom: 1px solid white;
        width: 50%;
        color: white;
        border-right: 1px solid white;
        text-align: right;
        padding: 4px 20px;
    }
    
    table.table-bordered>tbody>tr>td.derecha {
        border: 1px solid transparent;
        border-bottom: 1px solid white;
        width: 50%;
        color: white;
        border-left: 1px solid white;
        text-align: left;
        padding: 4px 20px;
    }
    
    table.table-bordered>tbody>tr>td.borderT {
        border: 1px solid transparent;
        border-right: 1px solid white;
    }
    
    table.table-bordered>tbody>tr>td.borderI {
        border: 1px solid transparent;
        border-left: 1px solid white;
    }
    
    @media (max-width: 380px) {
        .flotante {
            margin-top: -150px;
        }
    }