@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,400i,500,500i,700,700i);





body {
    font-family: DM Sans;
}

.display-1 {
    font-family: 'DM Sans', sans-serif;
    font-size: 3rem;
}

.display-1 > .mbr-iconfont {
    font-size: 4.8rem;
}

.display-2 {
    font-family: 'DM Sans', sans-serif;
    font-size: 2.1rem;
    line-height: 1.3;
}

.display-2 > .mbr-iconfont {
    font-size: 3.36rem;
}

.display-4 {
    font-family: 'DM Sans', sans-serif;
    font-size: 1.1rem;
    line-height: 1.4;
}

.display-4 > .mbr-iconfont {
    font-size: 1.76rem;
}

.display-5 {
    font-family: 'DM Sans', sans-serif;
    font-size: 1.8rem;
    line-height: 1.4;
}

.display-5 > .mbr-iconfont {
    font-size: 2.88rem;
}

.display-7 {
    font-family: 'DM Sans', sans-serif;
    font-size: 1.2rem;
}

.display-7 > .mbr-iconfont {
    font-size: 1.92rem;
}

/* ---- Fluid typography for mobile devices ---- */
/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
/* 100vw - current viewport width */
/* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
/* 0.65 - min scale variable, may vary */
@media (max-width: 992px) {
    .display-1 {
        font-size: 1.8rem;
    }
}

@media (max-width: 767px) {
    .display-1 {
        font-size: 0.75rem !important;
    }
}

@media (max-width: 992px) {
    .display-4 {
        font-size: 0.66rem;
    }
}

@media (max-width: 992px) {
    .display-5 {
        font-size: 1.44rem;
    }
}

@media (max-width: 768px) {
    .display-1 {
        font-size: 2.4rem;
        font-size: calc(1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.4 * (1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-2 {
        font-size: 1.68rem;
        font-size: calc(1.385rem + (2.1 - 1.385) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.4 * (1.385rem + (2.1 - 1.385) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-4 {
        font-size: 0.88rem;
        font-size: calc(1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.4 * (1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-5 {
        font-size: 1.44rem;
        font-size: calc(1.28rem + (1.8 - 1.28) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc(1.4 * (1.28rem + (1.8 - 1.28) * ((100vw - 20rem) / (48 - 20))));
    }
}

/* Buttons */
.btn {
    padding: 1rem 3rem;
    border-radius: 3px;
}

.btn-sm {
    padding: 0.6rem 1.5rem;
    border-radius: 3px;
}

.btn-md {
    padding: 1rem 2.6rem;
    border-radius: 6px;
}

.btn-lg {
    padding: 1.2rem 3.2rem;
    border-radius: 6px;
}

.bg-primary {
    background-color: #01d4df !important;
}

.bg-success {
    background-color: #000000 !important;
}

.bg-info {
    background-color: #04b1ba !important;
}

.bg-warning {
    background-color: #60ecf4 !important;
}

.bg-danger {
    background-color: #115063 !important;
}

.btn-primary,
.btn-primary:active {
    background-color: #01d4df !important;
    border-color: #01d4df !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
    color: #ffffff !important;
    background-color: #018c93 !important;
    border-color: #018c93 !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #ffffff !important;
    background-color: #018c93 !important;
    border-color: #018c93 !important;
}

.btn-secondary,
.btn-secondary:active {
    background-color: #15171a !important;
    border-color: #15171a !important;
    color: #ffffff !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-info,
.btn-info:active {
    background-color: #04b1ba !important;
    border-color: #04b1ba !important;
    color: #ffffff !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active {
    color: #ffffff !important;
    background-color: #026a6f !important;
    border-color: #026a6f !important;
}

.btn-info.disabled,
.btn-info:disabled {
    color: #ffffff !important;
    background-color: #026a6f !important;
    border-color: #026a6f !important;
}

.btn-success,
.btn-success:active {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success.active {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-success.disabled,
.btn-success:disabled {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-warning,
.btn-warning:active {
    background-color: #60ecf4 !important;
    border-color: #60ecf4 !important;
    color: #054c50 !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning.active {
    color: #054c50 !important;
    background-color: #18e3ef !important;
    border-color: #18e3ef !important;
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #054c50 !important;
    background-color: #18e3ef !important;
    border-color: #18e3ef !important;
}

.btn-danger,
.btn-danger:active {
    background-color: #115063 !important;
    border-color: #115063 !important;
    color: #ffffff !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger.active {
    color: #ffffff !important;
    background-color: #061b22 !important;
    border-color: #061b22 !important;
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #ffffff !important;
    background-color: #061b22 !important;
    border-color: #061b22 !important;
}

.btn-white {
    color: #333333 !important;
}

.btn-white,
.btn-white:active {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #808080 !important;
}

.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white.active {
    color: #808080 !important;
    background-color: #d9d9d9 !important;
    border-color: #d9d9d9 !important;
}

.btn-white.disabled,
.btn-white:disabled {
    color: #808080 !important;
    background-color: #d9d9d9 !important;
    border-color: #d9d9d9 !important;
}

.btn-black,
.btn-black:active {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black.active {
    color: #ffffff !important;
    background-color: #0d0d0d !important;
    border-color: #0d0d0d !important;
}

.btn-black.disabled,
.btn-black:disabled {
    color: #ffffff !important;
    background-color: #0d0d0d !important;
    border-color: #0d0d0d !important;
}

.btn-primary-outline,
.btn-primary-outline:active {
    background: none;
    border-color: #017379;
    color: #017379;
}

.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline.active {
    color: #ffffff;
    background-color: #01d4df;
    border-color: #01d4df;
}

.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
    color: #ffffff !important;
    background-color: #01d4df !important;
    border-color: #01d4df !important;
}

.btn-secondary-outline,
.btn-secondary-outline:active {
    background: none;
    border-color: #000000;
    color: #000000;
}

.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline.active {
    color: #ffffff;
    background-color: #15171a;
    border-color: #15171a;
}

.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
    color: #ffffff !important;
    background-color: #15171a !important;
    border-color: #15171a !important;
}

.btn-info-outline,
.btn-info-outline:active {
    background: none;
    border-color: #025256;
    color: #025256;
}

.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline.active {
    color: #ffffff;
    background-color: #04b1ba;
    border-color: #04b1ba;
}

.btn-info-outline.disabled,
.btn-info-outline:disabled {
    color: #ffffff !important;
    background-color: #04b1ba !important;
    border-color: #04b1ba !important;
}

.btn-success-outline,
.btn-success-outline:active {
    background: none;
    border-color: #000000;
    color: #000000;
}

.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline.active {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}

.btn-success-outline.disabled,
.btn-success-outline:disabled {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-warning-outline,
.btn-warning-outline:active {
    background: none;
    border-color: #0fd3df;
    color: #0fd3df;
}

.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline.active {
    color: #054c50;
    background-color: #60ecf4;
    border-color: #60ecf4;
}

.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
    color: #054c50 !important;
    background-color: #60ecf4 !important;
    border-color: #60ecf4 !important;
}

.btn-danger-outline,
.btn-danger-outline:active {
    background: none;
    border-color: #020a0c;
    color: #020a0c;
}

.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline.active {
    color: #ffffff;
    background-color: #115063;
    border-color: #115063;
}

.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
    color: #ffffff !important;
    background-color: #115063 !important;
    border-color: #115063 !important;
}

.btn-black-outline,
.btn-black-outline:active {
    background: none;
    border-color: #000000;
    color: #000000;
}

.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-black-outline.focus,
.btn-black-outline.active {
    color: #ffffff;
    background-color: #333333;
    border-color: #333333;
}

.btn-black-outline.disabled,
.btn-black-outline:disabled {
    color: #ffffff !important;
    background-color: #333333 !important;
    border-color: #333333 !important;
}

.btn-white-outline,
.btn-white-outline:active,
.btn-white-outline.active {
    background: none;
    border-color: #ffffff;
    color: #ffffff;
}

.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline.focus {
    color: #333333;
    background-color: #ffffff;
    border-color: #ffffff;
}

.text-primary {
    color: #01d4df !important;
}

.text-secondary {
    color: #15171a !important;
}

.text-success {
    color: #000000 !important;
}

.text-info {
    color: #04b1ba !important;
}

.text-warning {
    color: #60ecf4 !important;
}

.text-danger {
    color: #115063 !important;
}

.text-white {
    color: #ffffff !important;
}

.text-black {
    color: #000000 !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #48f5fe !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #434952 !important;
}

a.text-success:hover,
a.text-success:focus {
    color: #333333 !important;
}

a.text-info:hover,
a.text-info:focus {
    color: #2af0fa !important;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #bff7fb !important;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #2096ba !important;
}

a.text-white:hover,
a.text-white:focus {
    color: #ffffff !important;
}

a.text-black:hover,
a.text-black:focus {
    color: #4d4d4d !important;
}

.alert-success {
    background-color: #70c770;
}

.alert-info {
    background-color: #04b1ba;
}

.alert-warning {
    background-color: #60ecf4;
}

.alert-danger {
    background-color: #115063;
}

.mbr-section-btn a.btn:not(.btn-form):hover,
.mbr-section-btn a.btn:not(.btn-form):focus {
    box-shadow: none !important;
}

.mbr-gallery-filter li.active .btn {
    background-color: #01d4df;
    border-color: #01d4df;
    color: #ffffff;
}

.mbr-gallery-filter li.active .btn:focus {
    box-shadow: none;
}

a,
a:hover {
    color: #01d4df;
}

.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
    color: #adfbff;
}

.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
    color: #b3b3b3;
}

.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
    color: #43f2fb;
}

.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
    color: #ffffff;
}

.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
    color: #24a8d0;
}

/* Scroll to top button*/
.scrollToTop_wraper {
    display: none;
}

.form-control {
    font-family: 'DM Sans', sans-serif;
    font-size: 1.2rem;
}

.form-control > .mbr-iconfont {
    font-size: 1.92rem;
}

blockquote {
    border-color: #01d4df;
}

/* Forms */
.mbr-form .btn {
    margin: .4rem 0;
}

.jq-selectbox li:hover,
.jq-selectbox li.selected {
    background-color: #01d4df;
    color: #ffffff;
}

.jq-selectbox .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:after,
.jq-number__spin.plus:after {
    transition: 0.4s;
    border-top-color: gray !important;
    border-bottom-color: gray !important;
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:hover:after,
.jq-number__spin.plus:hover:after {
    border-top-color: #01d4df;
    border-bottom-color: #01d4df;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    color: #000000 !important;
    background-color: #01d4df !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #ffffff !important;
    background: #15171a !important;
    box-shadow: none !important;
}

.lazy-bg {
    background-image: none !important;
}

.lazy-placeholder:not(section),
.lazy-none {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: auto;
}

iframe.lazy-placeholder,
.lazy-placeholder:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background: transparent no-repeat center;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-image: url("../../../data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='%2301d4df' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

section.lazy-placeholder:after {
    opacity: 0.5;
}

body {
    overflow-x: hidden;
}

a {
    transition: color 0.6s;
}

.cid-s2EfF5Xq5D {
    background-image: url("../../../assets/images/comojugar-bg-1920x1080.jpg");
}

.cid-s2EfF5Xq5D h1 {
    line-height: 1.4;
    font-size: 45px
}

.cid-s2EfF5Xq5D p {
    margin: 0;
    font-weight: 200;
    font-size: 20px
}

.cid-s2EfF5Xq5D .btn {
    border: solid 2px #42d8e1;
    color: #42d8e1;
    box-shadow: 0 0 15px rgba(1, 211, 223);
    color: #FFF;
    border-radius: 15px;
}


@media (max-width:750px) {
    .cid-s2EfF5Xq5D h1 {
        line-height: 1.5;
        font-size: 25px !important
    }
}

.cid-s2E3LmEHun {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #15171a;
}

.cid-s2E3LmEHun .mbr-text,
.cid-s2E3LmEHun .mbr-section-subtitle {
    color: #767676;
}

.cid-s2E3LmEHun .card-title {
    color: #66458e;
}

.cid-s2E3LmEHun .card .card-img span {
    color: #42d8e1;
    font-size: 60px;
    background: linear-gradient(45deg, #42d8e1, #115063);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 767px) {

    .cid-s2E3LmEHun .mbr-section-subtitle,
    .cid-s2E3LmEHun .mbr-section-title {
        text-align: center !important;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .cid-s2E3LmEHun .card .card-img span {
        background: none;
    }
}

.cid-s2E3LmEHun .mbr-section-subtitle {
    color: #ffffff;
}

.cid-s2E3LmEHun .mbr-text {
    color: #cccccc;
}

.cid-s2EdonZBNQ {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #15171a;
}

@media (max-width: 767px) {
    .cid-s2EdonZBNQ .mbr-text {
        text-align: center;
    }
}

.cid-s2EdonZBNQ .container-fluid {
    padding: 0;
}

@media (min-width: 992px) {
    .cid-s2EdonZBNQ .media-content {
        max-width: 650px;
        padding: 5rem 2rem;
        margin: auto;
    }
}

.cid-s2EdonZBNQ .media-content {
    padding: 5rem 2rem;
}

.cid-s2EdonZBNQ img {
    height: 100%;
    object-fit: cover;
}

.cid-s2EdonZBNQ .mbr-figure {
    height: 100%;
}

.cid-s2EdonZBNQ .col-lg-5,
.cid-s2EdonZBNQ .col-lg-7 {
    padding: 0;
}

.cid-s2EdonZBNQ .row {
    margin: 0;
}

@media (max-width: 767px) {
    .cid-s2EdonZBNQ .media-content {
        padding: 3rem 1rem;
    }
}

.cid-s2EdonZBNQ H3 {
    color: #01d4df;
}

.cid-rJ1R3GBSjq {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #15171a;
}

@media (max-width: 767px) {
    .cid-rJ1R3GBSjq .mbr-text {
        text-align: center;
    }
}

.cid-rJ1R3GBSjq .container-fluid {
    padding: 0;
}

@media (min-width: 992px) {
    .cid-rJ1R3GBSjq .media-content {
        max-width: 650px;
        padding: 5rem 2rem;
        margin: auto;
    }
}

.cid-rJ1R3GBSjq .media-content {
    padding: 5rem 2rem;
}

.cid-rJ1R3GBSjq img {
    height: 100%;
    object-fit: cover;
}

.cid-rJ1R3GBSjq .mbr-figure {
    height: 100%;
}

.cid-rJ1R3GBSjq .col-lg-5,
.cid-rJ1R3GBSjq .col-lg-7 {
    padding: 0;
}

.cid-rJ1R3GBSjq .row {
    margin: 0;
}

.text-area {
    padding-left: 30px
}


}

.cid-rJ1R3GBSjq h1 {
    color: #01d3df;
    font-size: 50px;
    line-height: 1.4
}


.cid-rJ1R3GBSjq .btn {
    background: #14161a;
    font-size: 16px;
    padding: 17px 60px;
    border: #01d3df;
    box-shadow: 0 0 15px rgba(1, 211, 223);
    margin-top: 30px;
    color: #fff;
    border-radius: 15px;
    font-weight: 800;
}

.cid-rJ1R3GBSjq .media-content {
    padding: 3rem 1rem;
}

.text-area {
    padding-left: 0px;
    align-content: center;
}


.cid-rJ1R3GBSjq .btn {
    margin: auto;
    display: block
}


.cid-s2EaOXxGM5 {
    padding-top: 100px;
    padding-bottom: 50px;
    background-color: #15171a;
}

.cid-s2EaOXxGM5 .navbar-logo {
    width: 100px;
    margin-bottom: 10px;
    margin: auto;
}

.cid-s2EaOXxGM5 .navbar-brand {
    margin: auto;
    width: 100%;
    text-align: center;
}

.cid-s2EaOXxGM5 .socicon {
    font-size: 1.3rem;
    background: #04b1ba;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.cid-s2EaOXxGM5 .social-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.cid-s2EaOXxGM5 .social-list .soc-item {
    display: inline-block;
    margin: 0 0.3rem;
}

.cid-s2EaOXxGM5 .text2 {
    color: #000000;
    text-align: left;
}

.cid-s2EaOXxGM5 .group-title {
    text-align: left;
    color: #000000;
    padding-bottom: 0.2rem;
}

.cid-s2EaOXxGM5 .logo-title {
    text-align: center;
}

.cid-s2EaOXxGM5 .logo-sub-title {
    text-align: center;
}

.cid-s2EaOXxGM5 .links {
    text-align: center;
    color: #656565;
}

.cid-s2EaOXxGM5 .logo-sub-title i {
    color: #9e9e9e;
}






.floating {
    text-align: center;
    padding: 10px;
    position: fixed;
    right: 20px;
    bottom: 50%;
    z-index: 200;
}

.floating img {
    height: 45px;
    margin-bottom: 25px;
}

.floating-button:hover {
    opacity: 0.5;
}

@media (max-width:700px) {
    .floating {
        right: 2px;
        bottom: 0%;
    }
}



/*#FORM*/



.form h2 {
    font-size: 28px;
    font-weight: 200;
    color: #fff;
    line-height: 1.5;
}

.form-control {
    background-color: transparent;
    border: none;
    border-bottom: solid 2px #01d3df;
    border-radius: 0px;
}


.form .btn {
    font-size: 16px;
    padding: 17px 60px;
    border: #01d3df;
    box-shadow: 0 0 15px rgba(1, 211, 223);
    color: #fff;
    border-radius: 15px;
}

@media (max-width: 720px) {

    .form {
        padding-top: 90px
    }

    .form-container .btn {
        margin: auto;
        display: block
    }



}