@import url("https://fonts.googleapis.com/css?family=Lobster|Lobster+Two:400,400i,700,700i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Exo+2:100,200,300,400,500,600,800,900");
@import url("https://fonts.googleapis.com/css?family=Russo+One");
@import url("https://fonts.googleapis.com/css?family=Raleway:700");
@import url("https://fonts.googleapis.com/css?family=Questrial|Raleway:700");
html, body {
  height: 100%; }

/* Global */
.center {
  text-align: center; }

.right {
  text-align: right; }

.left {
  text-align: left; }

.alert {
  margin-top: 20px; }

.alert.alert-success {
  font-size: 16px;
  font-weight: bold; }

.error {
  color: red;
  font-size: 13px; }

.content {
  text-align: center; }

.row.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .row.no-gutters > [class^="col-"], .row.no-gutters .row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0; }

/* Masonry */
.grid {
  position: relative; }

.grid-sizer, .grid-item {
  min-height: auto !important; }

body.admin-site {
  background: radial-gradient(circle, #4b99bf, #13142f);
  /* Main */
  /* Store */
  /* Admin */
  /* Admin Editor */ }
  body.admin-site label {
    color: #13142f; }
  body.admin-site a {
    color: #4b99bf;
    font-size: 16px; }
  body.admin-site a:hover {
    color: #13142f; }
  body.admin-site #create-sale .total, body.admin-site #create-sale .icon i {
    color: #070B25; }
  body.admin-site #create-sale #products #amount.form-control[readonly], body.admin-site #create-sale #paid_amount.form-control[readonly] {
    background: #070B25; }
  body.admin-site .btn-brand, body.admin-site .daterangepicker .ranges li.active, body.admin-site .btn-success {
    background: #4b99bf;
    border-color: #4b99bf; }
  body.admin-site .page-sidebar .page-sidebar-menu > li.active.open > a, body.admin-site .page-sidebar .page-sidebar-menu > li.active > a, body.admin-site .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, body.admin-site .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, body.admin-site .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    background: #13142f; }
  body.admin-site .tooltip-custom, body.admin-site #map-canvas a.active .btn, body.admin-site .progress_bar .bar, body.admin-site .btn-site {
    background: #13142f; }
  body.admin-site #map-canvas .btn:hover, body.admin-site .m-tabs-line.m-tabs-line--brand a.m-tabs__link.active, body.admin-site .m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover, body.admin-site .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active, body.admin-site .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover {
    border-color: #13142f;
    color: #13142f; }
  body.admin-site .table .title, body.admin-site .m-content h1, body.admin-site .m-nav-grid .m-nav-grid__row .m-nav-grid__item .m-nav-grid__text {
    color: #13142f; }
  body.admin-site .control-label, body.admin-site .btn.m-btn--label-brand, body.admin-site .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon {
    color: #13142f; }
  body.admin-site .m-loader.m-loader--brand:before, body.admin-site .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs > .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover:not(.m-menu__item--actions) > .m-menu__link .m-menu__link-text {
    color: #070B25; }
  body.admin-site .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon:hover .m-nav__link-icon-wrapper, body.admin-site .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-dropdown--open > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
    background: #4b99bf;
    border: 1px solid #4b99bf; }
  body.admin-site .btn-site {
    color: #fff;
    background: #13142f;
    color: #fff;
    padding: 10px 36px;
    border-radius: 26px;
    font-size: 16px; }
  body.admin-site .btn-site:hover {
    background: #4b99bf; }
  body.admin-site .pagination > .active > a, body.admin-site .pagination > .active > a:hover, body.admin-site .pagination > .active > a:focus, body.admin-site .pagination > .active > span, body.admin-site .pagination > .active > span:hover, body.admin-site .pagination > .active > span:focus {
    background: #13142f;
    border-color: #13142f; }
  body.admin-site .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs.m-menu__item--active-tab > .m-menu__link, body.admin-site .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs.m-menu__item--hover > .m-menu__link {
    background-color: #13142f; }
  body.admin-site .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #13142f; }
  body.admin-site .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text {
    color: #4b99bf; }
  body.admin-site .btn-accent {
    background-color: #4b99bf;
    border-color: #4b99bf; }
  body.admin-site .flex-item .form_fields_actions {
    display: none;
    background: #f3f3f3;
    border: 1px dashed #ccc;
    padding: 10px;
    color: #777; }
  body.admin-site .flex-item:hover .form_fields_actions {
    display: block; }
  body.admin-site .box-list {
    background: #ffffff;
    padding: 12px 24px;
    border-radius: 6px;
    box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.15); }
    body.admin-site .box-list .admin-list {
      list-style: none;
      line-height: 38px;
      padding-left: 0px; }
      body.admin-site .box-list .admin-list a {
        background: #4b99bf;
        padding: 2px 12px;
        border-radius: 12px;
        color: white;
        font-size: 14px;
        text-decoration: none;
        transition: 0.6s; }
      body.admin-site .box-list .admin-list a:hover {
        background: #13142f; }
  body.admin-site .admin-mb {
    margin-bottom: 12px; }

@media (min-width: 1025px) {
  .admin-site.m-header--fixed.m-header--minimize-on .m-header .m-header__top {
    background-color: #13142f !important; } }
body.error-site {
  background: #13142f;
  color: #ffffff; }
  body.error-site .top {
    background: #ffffff;
    color: #13142f; }
  body.error-site .button {
    background: #ffffff;
    color: #13142f; }
  body.error-site a:hover .button {
    background: #ffffff; }

body.admin-site-2 {
  /* Main */ }
  body.admin-site-2 .img-profile {
    margin-top: 30px;
    border-radius: 12px; }
  body.admin-site-2 .bg-authentication .btn {
    padding-left: 1rem;
    padding-right: 1rem; }
  body.admin-site-2 label {
    color: #13142f; }
  body.admin-site-2 a {
    color: #13142f;
    font-size: 16px; }
  body.admin-site-2 a:hover {
    color: #13142f; }
  body.admin-site-2 .bg-primary, body.admin-site-2 .badge.badge-primary {
    background: #13142f !important; }
  body.admin-site-2 .main-menu .navbar-header .navbar-brand .brand-text {
    color: #13142f !important; }
  body.admin-site-2 #dashboard-analytics .bg-analytics, body.admin-site-2 .main-menu.menu-light .navigation > li ul .active {
    background: linear-gradient(118deg, #13142f, #4b99bf); }
  body.admin-site-2 .pagination > .active > a, body.admin-site-2 .pagination > .active > a:hover, body.admin-site-2 .pagination > .active > a:focus, body.admin-site-2 .pagination > .active > span, body.admin-site-2 .pagination > .active > span:hover, body.admin-site-2 .pagination > .active > span:focus {
    background: #13142f;
    border-color: #13142f; }
  body.admin-site-2 .main-menu.menu-light .navigation > li ul .active {
    box-shadow: 0 0 10px 1px #4b99bf; }
  body.admin-site-2 .img-user {
    margin: auto;
    margin-bottom: 15px; }
  body.admin-site-2 .bg-authentication {
    background-color: #13142f; }
    body.admin-site-2 .bg-authentication h4 {
      color: #13142f; }
    body.admin-site-2 .bg-authentication .px-2 {
      text-align: left; }
    body.admin-site-2 .bg-authentication .vs-checkbox-primary input:checked ~ .vs-checkbox .vs-checkbox--check {
      background-color: #13142f !important; }
    body.admin-site-2 .bg-authentication .vs-checkbox-primary input:checked ~ .vs-checkbox {
      border-color: #13142f !important; }
  body.admin-site-2 .btn-outline-primary {
    border: 1px solid #13142f; }
  body.admin-site-2 .main-menu .navbar-header {
    height: 6.9rem;
    background: unset; }
  body.admin-site-2 .btn-primary {
    border-color: #13142f !important;
    background-color: #13142f !important; }
  body.admin-site-2 .btn-primary:hover {
    border-color: #4b99bf !important;
    -webkit-box-shadow: 0px 0px 4px #4b99bf;
    box-shadow: 0px 0px 4px #4b99bf; }
  body.admin-site-2 .ecommerce-application .ecommerce-card .cart {
    background-color: #13142f; }
  body.admin-site-2 .ecommerce-application .ecommerce-card .item-name {
    color: #13142f; }
  body.admin-site-2 .main-menu.menu-light .navigation > li.active > a {
    background: linear-gradient(118deg, #13142f, #13142f);
    box-shadow: 2px 2px 8px #9e9e9e; }
  body.admin-site-2 .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover, body.admin-site-2 .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active {
    background: #13142f; }
  body.admin-site-2 .cart a {
    color: #ffffff; }
  body.admin-site-2 .form-control:focus {
    border-color: #13142f; }
  body.admin-site-2 .has-icon-left .form-control-position i {
    color: #13142f; }
  body.admin-site-2 label {
    color: #13142f !important;
    text-align: left !important; }
  body.admin-site-2 .content {
    text-align: left !important; }
  body.admin-site-2 .form-label-group > input:not(:focus):not(:placeholder-shown) ~ label, body.admin-site-2 .form-label-group textarea:not(:focus):not(:placeholder-shown) ~ label {
    color: #13142f !important; }
  body.admin-site-2 .form-label-group > input:focus:not(:placeholder-shown) ~ label, body.admin-site-2 .form-label-group > input:not(:active):not(:placeholder-shown) ~ label, body.admin-site-2 .form-label-group textarea:focus:not(:placeholder-shown) ~ label, body.admin-site-2 .form-label-group textarea:not(:active):not(:placeholder-shown) ~ label {
    color: #13142f !important; }
  body.admin-site-2 .solunes-footer {
    color: #bfbfbf; }
  body.admin-site-2 .icon-solunes {
    color: #13142f; }
  body.admin-site-2 .developed-by {
    font-size: 14px;
    color: #bfbfbf; }
  body.admin-site-2 .card .btn-ticket {
    padding: 2rem;
    border: 2px solid #dcdcdc;
    border-radius: 15px;
    transition: .3s all ease-in-out; }
    body.admin-site-2 .card .btn-ticket .price-ticket {
      text-align: right;
      border-bottom: 2px solid #d8d8d8;
      padding-bottom: 10px;
      color: #13142f; }
    body.admin-site-2 .card .btn-ticket .name-ticket {
      text-align: center;
      margin-top: 2rem;
      margin-bottom: 0; }
    body.admin-site-2 .card .btn-ticket p {
      text-align: center;
      font-size: 12px;
      margin-top: 5px;
      color: #6d6d6d; }
    body.admin-site-2 .card .btn-ticket .btn.btn-primary {
      margin: 2rem auto 0 !important;
      display: block;
      max-width: 65%;
      color: #fff;
      transition: .3s all ease-in-out; }
    body.admin-site-2 .card .btn-ticket .btn.btn-primary:hover {
      background-color: #fff !important;
      color: #13142f !important;
      font-weight: 700; }
  body.admin-site-2 .card .btn-ticket:hover {
    box-shadow: 2px 2px 14px 1px #dcdcdc; }
  body.admin-site-2 #profile-info .card .account-settings-form label {
    font-weight: 700; }
  body.admin-site-2 #profile-info .card .account-settings-form h2:first-child {
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 0; }
  body.admin-site-2 #profile-info .card .account-settings-form h2 {
    padding: 1rem 0;
    font-size: 20px; }
  body.admin-site-2 #profile-info .card .account-settings-form #price {
    float: right;
    color: #13142f; }
  body.admin-site-2 #profile-info .card .account-settings-form #total_price {
    float: right;
    border: 1px solid #609;
    color: #13142f;
    padding: 5px 15px;
    border-radius: 10px; }
  body.admin-site-2 #profile-info .card .account-settings-form .btn.btn-primary {
    margin-left: -15px; }
  @media (max-width: 480px) {
    body.admin-site-2 .content-header-title {
      width: min-content;
      font-size: 12px;
      color: #13142f !important; }
    body.admin-site-2 .card .btn-ticket {
      padding: 1rem;
      margin-bottom: 1.5rem; }
      body.admin-site-2 .card .btn-ticket .price-ticket {
        text-align: center; }
      body.admin-site-2 .card .btn-ticket .btn.btn-primary {
        max-width: 100%;
        font-size: 14px; }
    body.admin-site-2 #profile-info .card .account-settings-form #price {
      float: inherit;
      display: block;
      text-align: center;
      margin-top: 10px; }
    body.admin-site-2 #profile-info .card .account-settings-form #total_price {
      float: inherit;
      display: block;
      text-align: center;
      margin-top: 1rem; }
    body.admin-site-2 #profile-info .card .account-settings-form .btn.btn-primary {
      margin-left: 0; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    body.admin-site-2 .card .btn-ticket {
      padding: 1rem; }
      body.admin-site-2 .card .btn-ticket .price-ticket {
        text-align: center; }
      body.admin-site-2 .card .btn-ticket .name-ticket {
        font-size: 16px;
        min-height: 40px; }
      body.admin-site-2 .card .btn-ticket .btn.btn-primary {
        max-width: 100%;
        font-size: 12px; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    body.admin-site-2 .card .btn-ticket {
      padding: 1.5rem; }
      body.admin-site-2 .card .btn-ticket .price-ticket {
        text-align: center; }
      body.admin-site-2 .card .btn-ticket .name-ticket {
        min-height: 58px; }
      body.admin-site-2 .card .btn-ticket .btn.btn-primary {
        max-width: 100%; } }
  @media screen and (max-width: 767px) {
    body.admin-site-2 .dobo-home .modal__featured {
      display: none; } }
  body.admin-site-2 .solunes-store .card-body {
    padding: 0; }
  body.admin-site-2 .solunes-store h3 {
    font-size: 16px !important;
    text-align: center !important;
    padding: 25px 0 !important; }
  body.admin-site-2 .solunes-store .waves-button-input {
    background: #070B25 !important;
    color: #ffffff !important; }
  body.admin-site-2 .solunes-store .btn {
    width: 100% !important;
    padding: 0; }

body.main-site {
  /*@import "master/main";
  @import "master/responsive";
  @import "segments/main";
  @import "segments/responsive";*/
  /*=====================
  	PRESENTATION
  ======================*/
  /* GENERAL */
  /* STORE */
  /* Page */
  /* FOOD */
  /* Page */
  /* EVENT */
  /* Page */
  /* TURISM */
  /* Page */
  /* PARTNERSHIP */
  /* Page */
  /* RACE */
  /* Page */
  /* VIRTUAL SCHOOL */
  /* Page */
  /* VIRTUAL PAYMENT */
  /* Page */
  /* SCHOOL */
  /* Page */
  /* RAFFLE */
  /* Page */
  /* EVENT SECOND */
  /* Page */ }
@keyframes pulse {
  0% {
    transform: scale(1, 1); }
  50% {
    opacity: 0.3; }
  100% {
    transform: scale(1.45);
    opacity: 0; } }
  body.main-site .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse; }
  body.main-site .f-wht {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-content: flex-end;
    width: auto;
    height: auto;
    position: fixed;
    z-index: 8;
    bottom: 85px;
    right: 12px;
    padding: 5px;
    margin: 0px; }
    @media (max-width: 360px) {
      body.main-site .f-wht {
        width: 320px; } }
  body.main-site .whatsapp-button {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 60px;
    height: 60px;
    z-index: 8;
    transition: .3s;
    margin: 10px;
    padding: 7px;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    background-color: white; }
  body.main-site .circle-anime {
    display: flex;
    position: absolute;
    justify-content: center;
    align-content: center;
    width: 60px;
    height: 60px;
    top: 15px;
    right: 15px;
    border-radius: 50%;
    transition: .3s;
    background-color: #77bb4a;
    animation: pulse 1.2s 4.0s ease 4; }
  body.main-site #whats-openPopup {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px; }
  body.main-site .popup-whatsapp {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: none;
    position: absolute;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto;
    padding: 10px;
    bottom: 85px;
    right: 6px;
    transition: .5s;
    border-radius: 10px;
    background-color: white;
    /* offset-x > | offset-y ^| blur-radius | spread-radius | color */
    animation: slideInRight .6s 0.0s both; }
    body.main-site .popup-whatsapp div {
      margin: 5px; }
    @media (max-width: 680px) {
      body.main-site .popup-whatsapp p {
        font-size: 0.9em; } }
    body.main-site .popup-whatsapp .top {
      display: flex;
      flex-direction: column; }
      body.main-site .popup-whatsapp .top p {
        color: #585858;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 1.0em; }
    body.main-site .popup-whatsapp .bottom {
      display: flex;
      flex-direction: row; }
  body.main-site .closePopup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    margin: 0px 0px 15px 0px;
    border-radius: 50%;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: #009ed1;
    opacity: 0.8; }
  body.main-site .closePopup:hover {
    background-color: #009ed1;
    transition: .3s;
    opacity: 1; }
  body.main-site .send-msPopup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #00e676;
    margin: 0px 0px 0px 5px;
    border: none;
    outline: none;
    cursor: pointer; }
    body.main-site .send-msPopup i {
      color: #fff; }
  body.main-site .send-msPopup:hover {
    background-color: #f8f8f8;
    transition: .3s; }
  body.main-site .send-msPopup:hover i {
    color: #01e675; }
  body.main-site .is-active-whatsapp-popup {
    display: flex;
    animation: slideInRight .6s 0.0s both; }
  body.main-site .whats-input[type=text] {
    width: 270px;
    height: 40px;
    box-sizing: border-box;
    border: 0px solid #ffffff;
    border-radius: 20px;
    font-size: 1em;
    background-color: #efefef;
    padding: 0px 0px 0px 10px;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    outline: none;
    transition: .3s; }
    @media (max-width: 420px) {
      body.main-site .whats-input[type=text] {
        width: 245px; } }
  body.main-site .icon-whatsapp-small {
    width: 24px;
    height: 24px; }
  body.main-site .icon-whatsapp {
    width: 45px;
    height: 45px; }
  body.main-site .icon-font-color {
    color: #ffffff; }
  body.main-site .icon-font-color--black {
    color: #333333; }
  body.main-site .bg-primary {
    background-color: #070B25; }
  body.main-site .bg-lg-primary {
    background: linear-gradient(136deg, #182858, #000512); }
  body.main-site .bg-lg-solupagos {
    background: linear-gradient(45deg, #fc3b00, #ff9d00, #ff7300); }
  body.main-site .bg-lg-solucobros {
    background: linear-gradient(343deg, #03a9f4, #0030b3, #010936); }
  body.main-site .bg-lg-soludelivery {
    background: linear-gradient(45deg, #580606, #ff184d, #ff8178); }
  body.main-site .bg-lg-solubot {
    background: linear-gradient(45deg, #00e2ff, #1099d7, #012644); }
  body.main-site .bg-lg-solu360 {
    background: linear-gradient(45deg, #000000, #1b271b, #5d6a5d); }
  body.main-site .bg-lg-solushop {
    background: linear-gradient(45deg, #000618, #230858, #8d3ab7); }
  body.main-site .bg-lg-solureservas {
    background: linear-gradient(142deg, #033405, #108d15, #6afb83); }
  body.main-site .bg-lg-soluintegraciones {
    background: linear-gradient(153deg, #3300ff, #020722); }
  body.main-site .bg-lg-soporte {
    background: linear-gradient(153deg, #202020, #000000); }
  body.main-site .bg-lg-marketing {
    background: linear-gradient(153deg, #ff1100, #fdbb00); }
  body.main-site .bg-lg::before {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: ""; }
  body.main-site .bg-lg.solucobros::before {
    background: linear-gradient(343deg, rgba(3, 169, 244, 0.651), rgba(0, 46, 177, 0.878), #010936); }
  body.main-site .bg-lg.soludelivery::before {
    background: linear-gradient(45deg, #580606, rgba(255, 24, 77, 0.58), rgba(255, 129, 120, 0.851)); }
  body.main-site .bg-lg.solubot::before {
    background: linear-gradient(45deg, #00e2ff, rgba(16, 153, 215, 0.729), #012644); }
  body.main-site .bg-lg.solu360::before {
    background: linear-gradient(45deg, #000000, rgba(26, 38, 26, 0.878), #5d6a5d); }
  body.main-site .bg-lg.solushop::before {
    background: linear-gradient(45deg, #000618, rgba(35, 8, 88, 0.812), #8d3ab7); }
  body.main-site .bg-lg.solureservas::before {
    background: linear-gradient(142deg, #033405, rgba(16, 141, 21, 0.78), #6afb83); }
  body.main-site .bg-lg.soluintegraciones::before {
    background: linear-gradient(153deg, #3300ff, rgba(2, 7, 34, 0.52)); }
  body.main-site .bg-lg.soporte::before {
    background: linear-gradient(153deg, #202020, rgba(0, 0, 0, 0.76)); }
  body.main-site .bg-lg.marketing::before {
    background: linear-gradient(153deg, #ff1100, rgba(253, 187, 0, 0.46)); }
  body.main-site h1,
  body.main-site h2,
  body.main-site h3,
  body.main-site h4,
  body.main-site h5,
  body.main-site h6 {
    font-family: "Russo One", sans-serif;
    color: #070B25; }
  body.main-site small {
    color: #009ed1;
    font-family: "Questrial", sans-serif; }
  body.main-site .no-margin {
    margin: 0px; }
  body.main-site .text-lightest {
    color: #009ed1 !important; }
  body.main-site .btn-primary {
    background-color: #070B25;
    border-color: #070B25; }
    body.main-site .btn-primary:hover {
      background-color: #009ed1;
      border-color: #009ed1; }
  body.main-site .btn-secondary {
    background-color: #009ed1;
    border-color: #009ed1; }
    body.main-site .btn-secondary:hover {
      background-color: #070B25;
      border-color: #070B25; }
  body.main-site .step-icon .iconbox {
    color: #ffffff;
    background-color: #009ed1;
    font-weight: 600; }
  body.main-site .portfolio-2 img {
    transition: 0.6s; }
  body.main-site .portfolio-2 img:hover {
    box-shadow: 6px 6px 26px rgba(0, 0, 0, 0.29); }
  body.main-site .portfolio-1::before {
    background-color: #009ed1; }
  body.main-site .section.information-section {
    padding-top: 6rem;
    padding-bottom: 4rem; }
  body.main-site .bg-info {
    background-color: #009ed1 !important; }
  body.main-site .bg-success {
    background-color: #070B25 !important; }
  body.main-site .bg-solunes {
    background: linear-gradient(#141530, #07070f); }
  body.main-site .overflow-hidden {
    overflow: hidden; }
  body.main-site .web-laravel .header a.btn {
    margin-top: 12px; }
  body.main-site .web-laravel .section.information-section {
    padding-top: 6rem;
    padding-bottom: 4rem; }
    body.main-site .web-laravel .section.information-section .img-rounded {
      padding: 35px; }
  body.main-site .web-laravel .section.portfolio-images a img {
    box-shadow: 0 0 10px #5d5d5d; }
  body.main-site .web-laravel form {
    padding: 20px;
    background: rgba(255, 255, 255, 0.21176); }
  body.main-site .apps .app2-img {
    max-width: 475px; }
  body.main-site .cloud img.regular.width {
    max-width: 475px; }
  body.main-site .membership .header .row.no-margin {
    margin: 0px; }
  body.main-site .membership .screenshot .tab-content {
    margin-bottom: 100px; }
    body.main-site .membership .screenshot .tab-content img {
      max-width: 700px; }
  body.main-site .membership .action p {
    color: #bbb; }
  body.main-site .membership .action a.btn {
    margin: 0px 15px; }
  body.main-site .membership .action a.btn-outline-secondary {
    color: #fff; }
  body.main-site .membership .action a.btn-outline-secondary:hover {
    color: #070B25; }
  body.main-site .hero-banner {
    background-size: cover !important;
    transition: .5s;
    position: relative;
    background-position: center center; }
    body.main-site .hero-banner .banner {
      background: rgba(0, 0, 0, 0.65); }
      body.main-site .hero-banner .banner.marketing {
        background: linear-gradient(153deg, #ff1100, rgba(253, 187, 0, 0.46)); }
      body.main-site .hero-banner .banner.sitios-web {
        background: linear-gradient(153deg, #070b25, rgba(0, 158, 209, 0.6)); }
      body.main-site .hero-banner .banner.base-web {
        background: linear-gradient(153deg, #03071e, rgba(69, 72, 190, 0.82)); }
      body.main-site .hero-banner .banner.apps {
        background: linear-gradient(153deg, rgba(173, 0, 58, 0.851), rgba(4, 13, 74, 0.8)); }
      body.main-site .hero-banner .banner.pagos {
        background: linear-gradient(153deg, #002815, rgba(47, 98, 0, 0.46)); }
      body.main-site .hero-banner .banner.integraciones {
        background: linear-gradient(153deg, #3300ff, rgba(2, 7, 34, 0.52)); }
      body.main-site .hero-banner .banner.soporte {
        background: linear-gradient(153deg, #202020, rgba(0, 0, 0, 0.76)); }
      body.main-site .hero-banner .banner.solupagos {
        background: linear-gradient(45deg, #fc3b00, rgba(255, 157, 0, 0.831), rgba(255, 115, 0, 0.78)); }
      body.main-site .hero-banner .banner.solucobros {
        background: linear-gradient(343deg, rgba(3, 169, 244, 0.651), rgba(0, 46, 177, 0.878), #010936); }
      body.main-site .hero-banner .banner.soludelivery {
        background: linear-gradient(45deg, #580606, rgba(255, 24, 77, 0.58), rgba(255, 129, 120, 0.851)); }
      body.main-site .hero-banner .banner.solubot {
        background: linear-gradient(45deg, #00e2ff, rgba(16, 153, 215, 0.729), #012644); }
      body.main-site .hero-banner .banner.solu360 {
        background: linear-gradient(45deg, #000000, rgba(26, 38, 26, 0.878), #5d6a5d); }
      body.main-site .hero-banner .banner.solushop {
        background: linear-gradient(45deg, #000618, rgba(35, 8, 88, 0.812), #8d3ab7); }
      body.main-site .hero-banner .banner.solureservas {
        background: linear-gradient(142deg, #033405, rgba(16, 141, 21, 0.78), #6afb83); }
      body.main-site .hero-banner .banner .light {
        color: #fff; }
      body.main-site .hero-banner .banner .intro-text h1 {
        margin-top: 4rem;
        color: #fff;
        font-weight: 300;
        line-height: 1.2;
        font-size: 4em; }
      body.main-site .hero-banner .banner .intro-text p.large {
        font-size: 1.35em; }
      body.main-site .hero-banner .banner .hero-content {
        padding: 8rem 0 6rem; }
      body.main-site .hero-banner .banner .img-pre {
        z-index: 9; }
        body.main-site .hero-banner .banner .img-pre img.jump-anim {
          z-index: 9; }
  body.main-site .presentation-page small {
    margin-bottom: 0; }
  body.main-site .presentation-page p {
    font-weight: 400;
    font-size: 1rem; }
  body.main-site .presentation-page h2.title-primary {
    color: #00103c; }
  body.main-site .presentation-page p.caracteristic {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 2rem; }
  body.main-site .presentation-page .btn-primary {
    border-color: #fff; }
  body.main-site .presentation-page .section {
    padding: 2.2rem 0; }
  body.main-site .presentation-page .section.contact-form-presentation {
    padding: 3rem 0 6rem; }
    body.main-site .presentation-page .section.contact-form-presentation .form-control {
      border-color: #c5c5c5; }
    body.main-site .presentation-page .section.contact-form-presentation .form-control::placeholder {
      color: #999; }
    body.main-site .presentation-page .section.contact-form-presentation .find-us i {
      color: #28004c;
      margin-right: 15px; }
  body.main-site .presentation-page .ideas {
    padding: 5rem 0 4rem; }
    body.main-site .presentation-page .ideas .each-idea .img-banner {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
    body.main-site .presentation-page .ideas .each-idea .text-block {
      vertical-align: middle;
      padding: 8rem 3rem;
      color: #000; }
  body.main-site .presentation-page .features {
    padding: 2rem 0; }
    body.main-site .presentation-page .features .feature-1 {
      border: 1px solid #ececec;
      border-collapse: collapse; }
    body.main-site .presentation-page .features .icon-contain {
      text-align: center; }
      body.main-site .presentation-page .features .icon-contain img {
        max-width: 100px;
        width: 100%;
        margin-bottom: 2rem; }
    body.main-site .presentation-page .features h5 {
      margin: 1rem 0 0; }
  body.main-site .presentation-page .success-case {
    margin: 2rem 0 10rem; }
    body.main-site .presentation-page .success-case .section-header {
      margin-bottom: 40px; }
    body.main-site .presentation-page .success-case .slide-screen .slide-outside {
      position: relative; }
      body.main-site .presentation-page .success-case .slide-screen .slide-outside .slide-inside {
        position: absolute;
        top: 10%;
        left: 13.5%;
        width: 820px; }
      body.main-site .presentation-page .success-case .slide-screen .slide-outside .slide-text {
        position: absolute;
        bottom: 28%;
        left: 13.7%;
        width: 890px;
        color: #fff; }
    body.main-site .presentation-page .success-case .app-shot {
      position: absolute;
      animation: round 16s infinite;
      opacity: 0;
      z-index: -1;
      margin-left: auto;
      margin-right: auto;
      display: block; }
    body.main-site .presentation-page .success-case .each-slide-text {
      position: absolute;
      animation: round 16s infinite;
      opacity: 0;
      z-index: -1;
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: 92%;
      text-align: center;
      padding: 10px 0; }
      body.main-site .presentation-page .success-case .each-slide-text h5, body.main-site .presentation-page .success-case .each-slide-text p {
        margin: 0;
        color: #fff; }
@keyframes round {
  25% {
    opacity: 1; }
  40% {
    opacity: 0; } }
    body.main-site .presentation-page .success-case img:nth-child(4) {
      animation-delay: 0s; }
    body.main-site .presentation-page .success-case img:nth-child(3) {
      animation-delay: 4s; }
    body.main-site .presentation-page .success-case img:nth-child(2) {
      animation-delay: 8s; }
    body.main-site .presentation-page .success-case img:nth-child(1) {
      animation-delay: 12s; }
    body.main-site .presentation-page .success-case .each-slide-text:nth-child(4) {
      animation-delay: 0s; }
    body.main-site .presentation-page .success-case .each-slide-text:nth-child(3) {
      animation-delay: 4s; }
    body.main-site .presentation-page .success-case .each-slide-text:nth-child(2) {
      animation-delay: 8s; }
    body.main-site .presentation-page .success-case .each-slide-text:nth-child(1) {
      animation-delay: 12s; }
  body.main-site .presentation-page .section.asociation {
    padding-top: 0;
    margin: 4rem 0 1rem; }
  body.main-site .presentation-page .intersection {
    transition: .5s; }
    body.main-site .presentation-page .intersection h2 {
      color: #fff; }
    body.main-site .presentation-page .intersection .other-payments {
      list-style: none;
      padding: 1rem 0 0;
      /*text-align: center;*/
      margin: 0;
      /*border-top: 1px solid rgba(255, 255, 255, 0.18);*/ }
      body.main-site .presentation-page .intersection .other-payments li {
        display: inline-block;
        margin-right: 2rem; }
      body.main-site .presentation-page .intersection .other-payments li:last-child {
        margin-right: 0; }
  body.main-site .banner-store-p {
    background: url(../../../assets/images/presentation/store/2.jpg); }
  body.main-site .store-presentation h2.title-primary {
    color: #4c0ec3; }
  body.main-site .store-presentation p.caracteristic {
    background: linear-gradient(to right, #4c0ec3 0%, #00107b 100%); }
  body.main-site .store-presentation .btn-primary {
    background: linear-gradient(#00107b 0%, #4c0ec3 100%); }
  body.main-site .store-presentation .ideas .each-idea .text-block h5 {
    color: #4c0ec3; }
  body.main-site .store-presentation .success-case {
    margin: 2rem 0 10rem; }
    body.main-site .store-presentation .success-case .each-slide-text {
      background: #4c0ec3; }
  body.main-site .store-presentation .intersection {
    background: linear-gradient(#00107b 0%, #4c0ec3 100%); }
    body.main-site .store-presentation .intersection h2 {
      color: #fff; }
  body.main-site .banner-food-p {
    background: url(../../../assets/images/presentation/food/8.jpg); }
  body.main-site .food-presentation h2.title-primary {
    color: #ce7338; }
  body.main-site .food-presentation p.caracteristic {
    background: linear-gradient(to right, #a21616 0%, #ce7338 100%); }
  body.main-site .food-presentation .btn-primary {
    background: linear-gradient(#ce7338 0%, #a21616 100%); }
  body.main-site .food-presentation .ideas .each-idea .text-block h5 {
    color: #a21616; }
  body.main-site .food-presentation .success-case {
    margin: 2rem 0 10rem; }
    body.main-site .food-presentation .success-case .each-slide-text {
      background: #a21616; }
  body.main-site .food-presentation .intersection {
    background: linear-gradient(#ce7338 0%, #a21616 100%); }
    body.main-site .food-presentation .intersection h2 {
      color: #fff; }
  body.main-site .banner-event-p {
    background: url(../../../assets/images/presentation/event/8.jpg); }
  body.main-site .event-presentation h2.title-primary {
    color: #00103c; }
  body.main-site .event-presentation p.caracteristic {
    background: linear-gradient(to right, #00103c 0%, #005d50 100%); }
  body.main-site .event-presentation .btn-primary {
    background: linear-gradient(#00103c 0%, #005d50 100%); }
  body.main-site .event-presentation .ideas .each-idea .text-block h5 {
    color: #00594f; }
  body.main-site .event-presentation .success-case {
    margin: 2rem 0 10rem; }
    body.main-site .event-presentation .success-case .each-slide-text {
      background: #005d50; }
  body.main-site .event-presentation .intersection {
    background: linear-gradient(to right, #00103c 0%, #005d50 100%); }
    body.main-site .event-presentation .intersection h2 {
      color: #fff; }
  body.main-site .banner-turism-p {
    background: url(../../../assets/images/presentation/turism/1.jpg); }
  body.main-site .turism-presentation h2.title-primary {
    color: #01502f; }
  body.main-site .turism-presentation p.caracteristic {
    background: linear-gradient(to right, #01502f 0%, #02350b 100%); }
  body.main-site .turism-presentation .btn-primary {
    background: linear-gradient(#02350b 0%, #01502f 100%); }
  body.main-site .turism-presentation .ideas .each-idea .text-block h5 {
    color: #01502f; }
  body.main-site .turism-presentation .success-case {
    margin: 2rem 0 10rem; }
    body.main-site .turism-presentation .success-case .each-slide-text {
      background: #01502f; }
  body.main-site .turism-presentation .intersection {
    background: linear-gradient(#02350b 0%, #01502f 100%); }
    body.main-site .turism-presentation .intersection h2 {
      color: #fff; }
  body.main-site .banner-partnership-p {
    background: url(../../../assets/images/presentation/partnership/3.jpg); }
  body.main-site .partnership-presentation h2.title-primary {
    color: #23939e; }
  body.main-site .partnership-presentation p.caracteristic {
    background: linear-gradient(to right, #23939e 0%, #104446 100%); }
  body.main-site .partnership-presentation .btn-primary {
    background: linear-gradient(#104446 0%, #23939e 100%); }
  body.main-site .partnership-presentation .ideas .each-idea .text-block h5 {
    color: #23939e; }
  body.main-site .partnership-presentation .success-case {
    margin: 2rem 0 10rem; }
    body.main-site .partnership-presentation .success-case .each-slide-text {
      background: #23939e; }
  body.main-site .partnership-presentation .intersection {
    background: linear-gradient(#104446 0%, #23939e 100%); }
    body.main-site .partnership-presentation .intersection h2 {
      color: #fff; }
  body.main-site .banner-race-p {
    background: url(../../../assets/images/presentation/race/1.jpg); }
  body.main-site .race-presentation h2.title-primary {
    color: #c73c00; }
  body.main-site .race-presentation p.caracteristic {
    background: linear-gradient(to right, #c73c00 0%, #07175a 100%); }
  body.main-site .race-presentation .btn-primary {
    background: linear-gradient(#07175a 0%, #c73c00 100%); }
  body.main-site .race-presentation .ideas .each-idea .text-block h5 {
    color: #c73c00; }
  body.main-site .race-presentation .success-case {
    margin: 2rem 0 10rem; }
    body.main-site .race-presentation .success-case .each-slide-text {
      background: #c73c00; }
  body.main-site .race-presentation .intersection {
    background: linear-gradient(#c73c00 0%, #07175a 100%); }
    body.main-site .race-presentation .intersection h2 {
      color: #fff; }
  body.main-site .banner-virtual-school-p {
    background: url(../../../assets/images/presentation/virtual-school/2.jpg); }
  body.main-site .virtual-school-presentation h2.title-primary {
    color: #00325d; }
  body.main-site .virtual-school-presentation p.caracteristic {
    background: linear-gradient(to right, #00325d 0%, #28004c 100%); }
  body.main-site .virtual-school-presentation .btn-primary {
    background: #28004c; }
  body.main-site .virtual-school-presentation .ideas .each-idea .text-block h5 {
    color: #28004c; }
  body.main-site .virtual-school-presentation .success-case {
    margin: 2rem 0 3rem; }
    body.main-site .virtual-school-presentation .success-case .each-slide-text {
      background: #00325d; }
  body.main-site .virtual-school-presentation .intersection {
    background: linear-gradient(#28004c 0%, #00325d 100%); }
    body.main-site .virtual-school-presentation .intersection h2 {
      color: #fff; }
  body.main-site .banner-virtual-payment-p {
    background: url(../../../assets/images/presentation/virtual-membership/1.jpg); }
  body.main-site .virtual-payment-presentation h2.title-primary {
    color: #00325d; }
  body.main-site .virtual-payment-presentation p.caracteristic {
    background: linear-gradient(to right, #00325d 0%, #28004c 100%); }
  body.main-site .virtual-payment-presentation .btn-primary {
    background: #28004c; }
  body.main-site .virtual-payment-presentation .ideas .each-idea .text-block h5 {
    color: #28004c; }
  body.main-site .virtual-payment-presentation .success-case {
    margin: 2rem 0 3rem; }
    body.main-site .virtual-payment-presentation .success-case .each-slide-text {
      background: #00325d; }
  body.main-site .virtual-payment-presentation .intersection {
    background: linear-gradient(#28004c 0%, #00325d 100%); }
    body.main-site .virtual-payment-presentation .intersection h2 {
      color: #fff; }
  body.main-site .banner-school-p {
    background: url(../../../assets/images/presentation/school/1.jpg); }
  body.main-site .school-presentation h2.title-primary {
    color: #00325d; }
  body.main-site .school-presentation p.caracteristic {
    background: linear-gradient(to right, #00325d 0%, #28004c 100%); }
  body.main-site .school-presentation .btn-primary {
    background: linear-gradient(#28004c 0%, #00325d 100%); }
  body.main-site .school-presentation .ideas .each-idea .text-block h5 {
    color: #00325d; }
  body.main-site .school-presentation .success-case {
    margin: 2rem 0 10rem; }
    body.main-site .school-presentation .success-case .each-slide-text {
      background: #00325d; }
  body.main-site .school-presentation .intersection {
    background: linear-gradient(#28004c 0%, #00325d 100%); }
    body.main-site .school-presentation .intersection h2 {
      color: #fff; }
  body.main-site .banner-raffle-p.bubble-2:before {
    background: url(../../../assets/images/presentation/raffle/bubble-2.png) top no-repeat;
    background-size: cover; }
  body.main-site .banner-raffle-p.bubble:before, body.main-site [class*=style-]:after, body.main-site [class*=bubble-]:before {
    position: absolute;
    background-size: cover !important;
    content: '';
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 1;
    top: 0; }
  body.main-site .banner-raffle-p.style-wave-2:after {
    background: url(../../../assets/images/presentation/raffle/wave-2.png) bottom no-repeat; }
  body.main-site .banner-raffle-p {
    background: linear-gradient(to right, #28004c 0%, #460404 100%);
    transition: .5s;
    position: relative;
    padding-top: 150px;
    padding-bottom: 70px; }
    body.main-site .banner-raffle-p .light {
      color: #fff; }
    body.main-site .banner-raffle-p .intro-text h1 {
      margin-top: 4rem;
      color: #fff;
      font-weight: 300;
      line-height: 1.2;
      font-size: 4em; }
    body.main-site .banner-raffle-p .intro-text p.large {
      font-size: 1.35em; }
    body.main-site .banner-raffle-p .hero-content {
      padding: 8rem 0 20rem; }
    body.main-site .banner-raffle-p .img-pre {
      z-index: 9; }
      body.main-site .banner-raffle-p .img-pre img.jump-anim {
        z-index: 9; }
  body.main-site .raffle-presentation p {
    font-weight: 400;
    font-size: 1rem; }
  body.main-site .raffle-presentation h2.title-primary {
    color: #460404; }
  body.main-site .raffle-presentation p.caracteristic {
    background: linear-gradient(to right, #460404 0%, #28004c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 2rem; }
  body.main-site .raffle-presentation .btn-primary {
    background: linear-gradient(#28004c 0%, #460404 100%);
    border-color: #fff; }
  body.main-site .raffle-presentation .section {
    padding: 2.2rem 0; }
  body.main-site .raffle-presentation .features {
    padding: 2rem 0; }
    body.main-site .raffle-presentation .features .feature-1 {
      border: 1px solid #ececec;
      border-collapse: collapse; }
    body.main-site .raffle-presentation .features .icon-contain {
      text-align: center; }
      body.main-site .raffle-presentation .features .icon-contain img {
        max-width: 100px;
        width: 100%;
        margin-bottom: 2rem; }
  body.main-site .raffle-presentation .section.asociation {
    padding-top: 0;
    margin: 4rem 0 1rem; }
  body.main-site .raffle-presentation .intersection {
    background: transparent linear-gradient(180deg, #0c1224 0%, #295189 100%) 0% 0% no-repeat padding-box; }
    body.main-site .raffle-presentation .intersection h2 {
      color: #fff; }
  body.main-site .banner-event2-p {
    background: #10524b;
    transition: .5s;
    position: relative;
    padding-top: 150px;
    padding-bottom: 70px; }
    body.main-site .banner-event2-p .light {
      color: #fff; }
    body.main-site .banner-event2-p .intro-text h1 {
      margin-top: 3rem;
      color: #fff;
      font-weight: 300;
      line-height: 1.2;
      font-size: 42px; }
    body.main-site .banner-event2-p .intro-text p.large {
      font-size: 1.46em; }
    body.main-site .banner-event2-p .intro-text .typing-text {
      color: #52e6d7; }
    body.main-site .banner-event2-p .hero-content {
      padding: 5rem 0; }
    body.main-site .banner-event2-p .img-pre {
      text-align: center; }
      body.main-site .banner-event2-p .img-pre img.jump-anim {
        z-index: 9;
        max-width: 400px; }
  body.main-site .event2-presentation p {
    font-weight: 400;
    font-size: 1rem; }
  body.main-site .event2-presentation h2.title-primary {
    color: #460404; }
  body.main-site .event2-presentation p.caracteristic {
    background: linear-gradient(to right, #460404 0%, #28004c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 2rem; }
  body.main-site .event2-presentation .btn-primary {
    background: linear-gradient(#28004c 0%, #460404 100%);
    border-color: #fff; }
  body.main-site .event2-presentation .section {
    padding: 2.2rem 0; }
  body.main-site .event2-presentation .features {
    padding: 2rem 0; }
    body.main-site .event2-presentation .features .feature-1 {
      border: 1px solid #ececec;
      border-collapse: collapse; }
    body.main-site .event2-presentation .features .icon-contain {
      text-align: center; }
      body.main-site .event2-presentation .features .icon-contain img {
        max-width: 100px;
        width: 100%;
        margin-bottom: 2rem; }
  body.main-site .event2-presentation .section.asociation {
    padding-top: 0;
    margin: 4rem 0 1rem; }
  body.main-site .event2-presentation .intersection {
    background: linear-gradient(to right, #28004c 0%, #460404 100%);
    transition: .5s; }
    body.main-site .event2-presentation .intersection h2 {
      color: #fff; }
  body.main-site .box-mau:hover {
    transform: translate(0px, -10px); }
  body.main-site .box-mau {
    margin: 0 0 30px;
    padding: 0;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    border-bottom: 0px !important;
    transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  body.main-site .content-overflow {
    height: 90px;
    overflow: hidden; }
  body.main-site .box-icon {
    /*display: flex;*/
    gap: 20px; }
    body.main-site .box-icon img {
      float: left;
      padding-right: 20px; }
  body.main-site .box-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  body.main-site .btn-green {
    background: #08b73e !important; }
  body.main-site .text-white {
    color: #fff !important; }
  body.main-site .intersection-soludemo::before {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background: linear-gradient(45deg, #fc3b00, rgba(255, 157, 0, 0.831), rgba(255, 115, 0, 0.78)); }
  body.main-site .disc-color {
    padding-left: 20px; }
    body.main-site .disc-color li::marker {
      color: #0091C9;
      /* bullet color */
      font-size: 21px; }
  body.main-site .slogan-footer {
    color: #070B25;
    font-weight: 600; }
  body.main-site .btn-float {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-content: flex-end;
    width: auto;
    height: auto;
    position: fixed;
    z-index: 8;
    bottom: 85px;
    right: 12px;
    padding: 5px;
    margin: 0px; }
  body.main-site.selfcheckout .banner-virtual-payment-p {
    background-image: url("../../../assets/images/selfcheckout/banner.jpg"); }
  body.main-site .content__card {
    background: white;
    color: #757575;
    padding: 1rem;
    border-radius: 1rem; }
    body.main-site .content__card:has(.icon__img) {
      padding-top: 2rem; }
    body.main-site .content__card p {
      color: currentColor; }
  body.main-site .content__img {
    width: 100%; }
    body.main-site .content__img img {
      width: auto;
      max-width: 100%;
      margin: 0 auto;
      display: block; }
  @media screen and (max-width: 767px) {
    body.main-site .rps-center {
      text-align: center; }
    body.main-site .presentation-page .btn-primary {
      margin-top: 1.2rem; }
    body.main-site .presentation-page h2 {
      line-height: 1.3; }
    body.main-site .presentation-page .ideas .each-idea {
      border: 1px solid #dedede;
      margin-bottom: 2rem; }
      body.main-site .presentation-page .ideas .each-idea .img-banner {
        min-height: 200px; }
      body.main-site .presentation-page .ideas .each-idea .text-block {
        padding: 2rem; }
        body.main-site .presentation-page .ideas .each-idea .text-block p {
          margin-bottom: 0; }
    body.main-site .presentation-page .success-case .slide-screen .slide-outside .slide-inside {
      width: 245px; }
    body.main-site .presentation-page .success-case .slide-screen .slide-outside .slide-text {
      display: none; }
    body.main-site .f-wht {
      bottom: 0px;
      right: 0px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    body.main-site .presentation-page .ideas .each-idea .img-banner {
      min-height: 200px; }
    body.main-site .presentation-page .success-case .slide-screen .slide-outside .slide-inside {
      width: 520px; }
    body.main-site .presentation-page .success-case .slide-screen .slide-outside .slide-text {
      width: 550px; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    body.main-site .presentation-page .success-case .slide-screen .slide-outside .slide-inside {
      width: 700px; }
    body.main-site .presentation-page .success-case .slide-screen .slide-outside .slide-text {
      width: 740px; } }