@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,700;1,300&display=swap");
.contenido {
    background-color: #F0F0F0
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?d78yxf");
    src: url("../fonts/icomoon.eot?d78yxf#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?d78yxf") format("truetype"), url("../fonts/icomoon.woff?d78yxf") format("woff"), url("../fonts/icomoon.svg?d78yxf#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: 'icomoonMembers';
    src: url("../fonts/icomoon-members.eot?m56wpj");
    src: url("../fonts/icomoon-members.eot?m56wpj#iefix") format("embedded-opentype"), url("../fonts/icomoon-members.ttf?m56wpj") format("truetype"), url("../fonts/icomoon-members.woff?m56wpj") format("woff"), url("../fonts/icomoon-members.svg?m56wpj#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: 'icomoonTres';
    src: url("../fonts/icomoon-3.eot?d78yxf");
    src: url("../fonts/icomoon-3.eot?d78yxf#iefix") format("embedded-opentype"), url("../fonts/icomoon-3.ttf?d78yxf") format("truetype"), url("../fonts/icomoon-3.woff?d78yxf") format("woff"), url("../fonts/icomoon-3.svg?d78yxf#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon3-"],
[class*=" icon3-"] {
    font-family: 'icomoonTres' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon3-van:before {
    content: "\e919"
}

[class^="icon2-"],
[class*=" icon2-"] {
    font-family: 'icomoonMembers' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon2-Hotel:before {
    content: "\e900"
}

.icon2-Paquetes:before {
    content: "\e901"
}

.icon2-Tours:before {
    content: "\e902"
}

.icon2-Transfer:before {
    content: "\e903"
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-mision:before {
    content: "\e917"
}

.icon-vision:before {
    content: "\e918"
}

.icon-servicios-hotel:before {
    content: "\e90f"
}

.icon-servicios-congresos:before {
    content: "\e910"
}

.icon-servicios-bodas:before {
    content: "\e911"
}

.icon-servicios-grupos:before {
    content: "\e912"
}

.icon-servicios-charters:before {
    content: "\e913"
}

.icon-servicios-traslados:before {
    content: "\e914"
}

.icon-servicios-paquetes:before {
    content: "\e915"
}

.icon-servicios-tours:before {
    content: "\e916"
}

.icon-whatsapp:before {
    content: "\e900"
}

.icon-facebook:before {
    content: "\e901"
}

.icon-instagram:before {
    content: "\e902"
}

.icon-youtube:before {
    content: "\e903"
}

.icon-log-in:before {
    content: "\e904"
}

.icon-webinars:before {
    content: "\e905"
}

.icon-tv-live:before {
    content: "\e906"
}

.icon-system-tv-icon:before {
    content: "\e907"
}

.icon-tudi-lineas:before {
    content: "\e908"
}

.icon-select-slide:before {
    content: "\e909"
}

.icon-flecha-left:before {
    content: "\e90a"
}

.icon-flecha-right:before {
    content: "\e90b"
}

.icon-contact-icon:before {
    content: "\e90c"
}

.icon-newsletter-icon:before {
    content: "\e90d"
}

.icon-logo-system:before {
    content: "\e90e"
}

@media (max-width: 768px) {
    body {
        font-size: 14px
    }
}

header {
    background-color: #fff
}

header .container {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}

header .container .section1 {
    justify-content: space-between;
    align-items: center;
    display: flex
}

header .container .mobil {
    display: none
}

@media (max-width: 767.98px) {
    header .container .section1 {
        display: none
    }
    header .container .mobil {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center
    }
}

.menuredes {
    display: flex;
    justify-content: end;
    flex-wrap: wrap
}

.menuContainer {
    justify-content: right
}

.menutop {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    padding-right: 0rem;
    padding-left: 0rem;
    margin-left: auto
}

.menutop .navbar-toggler {
    margin-left: auto
}

.menutop-element {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
    height: 3rem
}

.menutop-element-item {
    list-style: none;
    display: flex;
    font-size: 1.3rem;
    margin-left: 3px;
    margin-right: 3px
}

.menutop-element-item .iconRedes {
    margin-top: 2px;
    font-size: 1.55rem;
    color: #ABABAB;
    text-decoration: none
}

.menutop-element-item .whatsapp:hover,
.menutop-element-item .whatsapp:active {
    color: #25D366 !important
}

.menutop-element-item .facebook:hover,
.menutop-element-item .facebook:active {
    color: #1778F2 !important
}

.menutop-element-item .instagram:hover,
.menutop-element-item .instagram:active {
    color: #DD2A7B !important
}

.menutop-element-item .youtube:hover,
.menutop-element-item .youtube:active {
    color: red !important
}

.menutop-element .tel {
    font-size: 1.2rem;
    font-weight: 700;
    margin-right: 0.5rem
}

.login a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
    height: 3rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #ABABAB;
    text-decoration: none
}

.login a i {
    font-size: 1.55rem;
    margin-right: 6px
}

.login a:hover,
.login a:active {
    color: #FF753F
}

.menuContainer {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: 0rem
}

.menuPrincipal {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0
}

.menuPrincipal-element {
    list-style: none;
    margin: 0rem 0 0 0;
    padding: 0
}

.menuPrincipal-element .menutop-element-item {
    display: none
}

.menuPrincipal-element .tel {
    display: none
}

.menuPrincipal-element-item {
    list-style: none;
    display: inline;
    font-size: 1.5rem
}

.menuPrincipal-element-item::after {
    content: "|";
    margin-left: 0.15rem;
    margin-right: 0.15rem;
    font-size: 1.4rem;
    color: #ABABAB
}

.menuPrincipal-element-item:last-child {
    padding-right: 0rem !important
}

.menuPrincipal-element-item:last-child::after {
    content: ""
}

.menuPrincipal-element-item a {
    text-decoration: none;
    color: #000
}

.menuPrincipal-element-item a:hover {
    color: #FF3158
}

@media (max-width: 991.98px) {
    .menutop-element-item {
        font-size: 1rem
    }
    .menutop-element-item .iconRedes {
        font-size: 1.4rem
    }
    .menutop-element-item .whatsapp:hover,
    .menutop-element-item .whatsapp:active {
        color: #25D366 !important
    }
    .menutop-element-item .facebook:hover,
    .menutop-element-item .facebook:active {
        color: #1778F2 !important
    }
    .menutop-element-item .instagram:hover,
    .menutop-element-item .instagram:active {
        color: #DD2A7B !important
    }
    .menutop-element-item .youtube:hover,
    .menutop-element-item .youtube:active {
        color: red !important
    }
    .menutop-element .tel {
        font-size: 1rem
    }
    .menuPrincipal-element-item {
        list-style: none;
        display: inline;
        font-size: 1rem
    }
    .menuPrincipal-element-item::after {
        content: "|";
        margin-left: 0px;
        margin-right: 0px;
        font-size: 1.5rem
    }
    .menuPrincipal-element-item:last-child {
        padding-right: 0rem !important
    }
    .menuPrincipal-element-item:last-child::after {
        content: ""
    }
    .menuPrincipal-element-item a {
        text-decoration: none;
        color: #000
    }
    .menuPrincipal-element-item a:hover {
        color: #FF3158
    }
}

@media (max-width: 767.98px) {
    .menuContainer {
        display: flex;
        justify-content: start;
        flex-wrap: wrap
    }
    .menuContainer .navbar {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        padding-left: 0rem;
        padding-right: 0rem;
        z-index: 1001
    }
    .menuContainer .navbar-toggler {
        border: none
    }
    .menuContainer .navbar-toggler:focus,
    .menuContainer .navbar-toggler:active,
    .menuContainer .navbar-toggler-icon:focus {
        outline: none;
        box-shadow: none
    }
    .menuContainer .navbar-collapse {
        position: absolute;
        background-color: #fafafa;
        border: 1px solid #bfbfbf;
        border-radius: 15px;
        padding: 0.5rem 1rem;
        top: 50px;
        left: 2px;
        width: 500%
    }
    .menuContainer .navbar .menuPrincipal-element li:nth-of-type(6) {
        border-top: 1px solid grey;
        margin-top: 0.3rem
    }
    .menuContainer .navbar .menuPrincipal-element-item {
        display: block
    }
    .menuContainer .navbar .menuPrincipal-element-item::after {
        content: ""
    }
    .menuContainer .navbar .menuPrincipal-element .menutop-element-item {
        display: inline
    }
    .menuContainer .navbar .menuPrincipal-element .tel {
        font-size: 1rem;
        margin-right: 0rem;
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
        display: block
    }
    .login a i {
        font-size: 2rem;
        margin-right: 0px
    }
    .login a:hover,
    .login a:active {
        color: #FF753F
    }
}

@media (max-width: 575.98px) {
    .menutop .navbar-collapse {
        padding-right: 0.25rem;
        padding-left: 0.25rem
    }
    .menutop .navbar-collapse .menutop-element-item .iconRedes {
        font-size: 1.35rem;
        margin-left: 0.1rem;
        margin-right: 0.1rem
    }
    .menutop .navbar-collapse .menutop-element .tel {
        font-size: 0.85rem;
        margin-right: 0rem
    }
    .menutop .navbar-collapse .menutop-element .login a {
        font-size: 0.95rem
    }
    .menutop .navbar-collapse .menutop-element .login i {
        font-size: 1.25rem
    }
}

footer .info {
    background-color: #0D2D4F;
    color: white;
    padding-top: 2rem;
    padding-bottom: 2rem
}

footer .info .footer2 {
    border-right: 5px dotted white
}

footer .info .icon,
footer .info .icon2 {
    color: white;
    font-size: 4rem;
    text-align: center;
    vertical-align: middle
}

footer .info .icon2 {
    font-size: 3rem
}

footer .info h2 {
    font-size: 1.5rem;
    font-weight: bold
}

footer .info .form-control {
    font-size: 1.2rem;
    padding: 0.5rem 0.25rem;
    border-radius: 0;
    width: 60%;
    outline-style: none;
    box-shadow: none;
    border: none;
    display: inline
}

footer .info .form-control:active,
footer .info .form-control:focus {
    outline-style: none;
    box-shadow: none
}

footer .info .button {
    display: inline;
    font-size: 1.3rem;
    border: 1px solid white;
    color: white;
    padding: 0.285rem 1rem;
    text-transform: uppercase;
    background-color: transparent
}

footer .footer {
    background-color: #464646;
    padding-top: 2rem;
    padding-bottom: 2rem;
    justify-content: space-between;
    align-items: flex-end
}

footer .footer .row {
    align-items: flex-end
}

footer .footer [class*="col-"]:first-child {
    text-align: left
}

footer .footer [class*="col-"]:last-child {
    text-align: right
}

footer .footer-menu {
    list-style: none;
    padding: 0;
    margin: 0
}

footer .footer-menu-item {
    list-style: none;
    margin: 0.25rem 0;
    font-size: 1rem
}

footer .footer-menu-item a {
    color: white
}

footer .footer .icon {
    font-size: 4rem;
    color: white
}

footer .footer p {
    color: white;
    margin-top: 0.75rem;
    margin-bottom: 0.15rem
}

@media (max-width: 991.98px) {
    .info .infoContainer {
        flex-wrap: wrap
    }
    .info .infoContainer-info {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .info .infoContainer-info .row {
        padding-left: 0;
        padding-right: 0
    }
    .info .infoContainer-info .row [class*="col-"] {
        padding-left: 0;
        padding-right: 0
    }
    .info .infoContainer-info .row [class*="col-"]:first-child {
        padding-top: 0.5rem
    }
    .info .infoContainer-info .row [class*="col-"]:last-child {
        padding-left: 15px
    }
    .info .infoContainer-info .row [class*="col-"] .icon,
    .info .infoContainer-info .row [class*="col-"] .icon2 {
        color: white;
        font-size: 3rem;
        text-align: center;
        vertical-align: middle
    }
    .info .infoContainer-info .row [class*="col-"] .icon2 {
        font-size: 2.5rem
    }
    .info .infoContainer-info .row [class*="col-"] h2 {
        font-size: 1.25rem
    }
    .info .infoContainer-info .row [class*="col-"] .form-control {
        font-size: 0.9rem;
        padding: 0.15rem 0.25rem
    }
    .info .infoContainer-info .row [class*="col-"] .button {
        font-size: 1rem;
        padding: 0.25rem
    }
    .info .infoContainer-info:last-child .row {
        padding-left: 20px
    }
    .footer p {
        display: block;
        width: 100%
    }
    .footer .icon {
        font-size: 3rem !important
    }
}

@media (max-width: 767.98px) {
    .info .infoContainer {
        flex-direction: column-reverse;
        padding: 1rem
    }
    .info .infoContainer .footer2 {
        border-top: 5px dotted white;
        border-right: none
    }
    .info .infoContainer-info {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .info .infoContainer-info .row {
        padding-left: 0;
        padding-right: 0
    }
    .info .infoContainer-info .row [class*="col-"] {
        padding-left: 0;
        padding-right: 0
    }
    .info .infoContainer-info .row [class*="col-"]:first-child {
        padding-top: 0.5rem
    }
    .info .infoContainer-info .row [class*="col-"]:last-child {
        padding-left: 15px
    }
    .info .infoContainer-info .row [class*="col-"] .icon,
    .info .infoContainer-info .row [class*="col-"] .icon2 {
        color: white;
        font-size: 3rem;
        text-align: center;
        vertical-align: middle
    }
    .info .infoContainer-info .row [class*="col-"] .icon2 {
        font-size: 2.5rem
    }
    .info .infoContainer-info .row [class*="col-"] h2 {
        font-size: 1.25rem
    }
    .info .infoContainer-info .row [class*="col-"] .form-control {
        font-size: 0.9rem;
        padding: 0.15rem 0.25rem
    }
    .info .infoContainer-info .row [class*="col-"] .button {
        font-size: 1rem;
        padding: 0.25rem
    }
    .footer {
        justify-content: center;
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .footer [class*="col-"] {
        text-align: center !important
    }
    .footer [class*="col-"]:last-child {
        margin-top: 0.5rem
    }
    .footer ul {
        width: 100%
    }
    .footer ul li a {
        text-align: center;
        font-size: 1rem
    }
    .footer ul li a:hover {
        text-decoration: underline
    }
    .footer .icon {
        font-size: 3rem !important;
        text-align: center
    }
    .footer p {
        margin-top: 0.5rem
    }
}

#sliderPrincipal .carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #909090
}

#sliderPrincipal .carousel-indicators .active {
    background-color: #FF3158
}

#sliderPrincipal .carousel-item img {
    width: 100%;
    height: 600px;
    object-fit: cover
}

#sliderPrincipal .carousel-item .carousel-caption {
    background-color: rgba(255, 255, 255, 0.6);
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem
}

#sliderPrincipal .carousel-item .carousel-caption h2 {
    color: #000;
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0rem;
    text-transform: capitalize
}

#sliderPrincipal .carousel-item .carousel-caption p {
    color: #000;
    font-size: 1.5rem
}

#sliderPrincipal .carousel-item .carousel-caption p em {
    color: #FF3158;
    font-style: normal;
    font-weight: bold
}

#sliderPrincipal .arrow {
    font-size: 4rem
}

.more {
    color: #FF3158;
    font-weight: bold
}

.more:hover,
.more:active {
    color: #FF3158
}

.sectonSquare {
    background-color: #0D2D4F;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    margin-left: 0;
    margin-right: 0
}

.sectonSquare .showSquare {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.sectonSquare .showSquare a {
    border-radius: 15px;
    width: 31.5%;
    height: 15.5rem;
    display: flex;
    color: white
}

.sectonSquare .showSquare a:hover,
.sectonSquare .showSquare a:active {
    text-decoration: none
}

.sectonSquare .showSquare a .cuadro {
    border-radius: 15px;
    padding: 2rem 1rem;
    width: 100%;
    color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.sectonSquare .showSquare a .cuadro-1 {
    background: #7811d2;
    background: linear-gradient(13deg, #7811d2 0%, #0070fd 100%)
}

.sectonSquare .showSquare a .cuadro-1:hover {
    background: #0070fd;
    background: linear-gradient(13deg, #0070fd 0%, #7811d2 100%)
}

.sectonSquare .showSquare a .cuadro-2 {
    background: #d82d9c;
    background: linear-gradient(13deg, #d82d9c 0%, #ff036d 100%)
}

.sectonSquare .showSquare a .cuadro-2:hover {
    background: #ff036d;
    background: linear-gradient(13deg, #ff036d 0%, #d82d9c 100%)
}

.sectonSquare .showSquare a .cuadro-3 {
    background: #ff793d;
    background: linear-gradient(13deg, #ff793d 0%, #ffb510 100%);
    justify-content: flex-start;
    align-items: center
}

.sectonSquare .showSquare a .cuadro-3:hover {
    background: #ffb510;
    background: linear-gradient(13deg, #ffb510 0%, #ff793d 100%)
}

.sectonSquare .showSquare a .cuadro-3:hover .img {
    transform: rotate(-15deg)
}

.sectonSquare .showSquare a .cuadro-3 .img {
    width: 60%;
    margin-top: -4rem;
    margin-right: -0.5rem
}

.sectonSquare .showSquare a .cuadro-3 .img img {
    width: 120%;
    height: 120%;
    object-fit: cover
}

.sectonSquare .showSquare a .cuadro-3 .text {
    margin-top: -2rem;
    width: 40%
}

.sectonSquare .showSquare a .cuadro-3 .text em {
    font-size: 2rem
}

.sectonSquare .showSquare a .cuadro-3 .text .icon {
    font-size: 2.5rem;
    margin-left: auto;
    text-align: right;
    padding-right: 0rem;
    padding-top: 3rem
}

.sectonSquare .showSquare a .icon {
    font-size: 3.5rem;
    display: block;
    justify-self: center;
    margin-left: auto;
    margin-right: auto
}

.sectonSquare .showSquare a .icon-big {
    font-size: 8.5em;
    margin-left: auto;
    margin-right: auto
}

.sectonSquare .showSquare a .icon-small {
    font-size: 2rem;
    align-self: flex-end;
    justify-self: flex-start
}

.sectonSquare .showSquare a p {
    width: 100%;
    display: block;
    font-size: 1.5rem;
    text-align: center
}

.sectonSquare .showSquare a p em {
    font-weight: bold;
    font-style: normal;
    font-size: 3rem;
    line-height: 2.5rem;
    display: block
}

.contenidoHome {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.contenidoHome .seccion {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.contenidoHome .seccion h2 {
    font-size: 3rem;
    color: #F2193B;
    font-weight: bold;
    display: block;
    text-align: center
}

.contenidoHome .seccion h3 {
    font-size: 1.5rem;
    text-align: center;
    display: block;
    color: #676767
}

.contenidoHome .carousel {
    border-radius: 15px !important;
    box-shadow: 3px 2px 4px -1px rgba(0, 0, 0, 0.75);
    background-color: transparent
}

.contenidoHome .carousel-inner {
    border-radius: 15px !important;
    background-color: transparent
}

.contenidoHome .carousel .arrow {
    font-size: 3rem;
    opacity: 0.85
}

.contenidoHome .carousel .control {
    top: -175px;
    opacity: 1
}

.contenidoHome .carousel .carousel-item {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.contenidoHome .carousel .carousel-item .caurosel-img {
    width: 100%;
    height: 300px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.contenidoHome .carousel .carousel-item--img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.contenidoHome .carousel .carousel-item .carousel-caption {
    position: relative;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: white;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.contenidoHome .carousel .carousel-item .carousel-caption .content {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.contenidoHome .carousel .carousel-item .carousel-caption .content .logoContent {
    width: 42%;
    height: 115px
}

.contenidoHome .carousel .carousel-item .carousel-caption .content .logoContent img {
    object-fit: cover
}

.contenidoHome .carousel .carousel-item .carousel-caption .content .description {
    width: 55%
}

.contenidoHome .carousel .carousel-item .carousel-caption .content .description h4 {
    color: #000;
    font-size: 2rem;
    line-height: 1.2rem;
    font-weight: bold;
    display: block;
    text-align: left
}

.contenidoHome .carousel .carousel-item .carousel-caption .content .description p {
    color: #000;
    font-size: 1.3rem;
    text-align: left;
    display: block;
    margin: 0
}

.contenidoHome .carousel .carousel-item .carousel-caption .content .description p .symbol {
    font-size: 1rem
}

.contenidoHome .carousel .carousel-item .carousel-caption .content .description p .price {
    font-size: 2rem
}

.contenidoHome .carousel .carousel-item .carousel-caption .content .description p .currency {
    font-size: 1rem;
    text-transform: uppercase;
    vertical-align: super
}

.contenidoHome .carousel .carousel-item .carousel-caption .content .description a {
    display: block;
    text-align: left;
    font-size: 1.2rem
}

.contenidoHome .carousel .active .caurosel-img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.contenidoHome .carousel .active .carousel-item--img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.contenidoHome .service {
    border-radius: 15px;
    box-shadow: 3px 2px 4px -1px rgba(0, 0, 0, 0.75);
    background-color: white
}

.contenidoHome .service a:hover {
    text-decoration: none
}

.contenidoHome .service img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.contenidoHome .service p {
    padding: 1rem;
    width: 100%;
    background-color: white;
    text-align: center;
    font-size: 1.3rem;
    color: #000;
    font-weight: bold;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.video-container-class {
    width: 80%;
    height: 80%;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent
}

.video-pop-class {
    margin: 0;
    justify-content: start
}

@media (max-width: 991.98px) {
    .sectonSquare {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .sectonSquare .showSquare {
        flex-direction: row;
        justify-content: space-between
    }
    .sectonSquare .showSquare a {
        width: 31%;
        height: 12rem;
        margin-top: 1rem;
        margin-bottom: 1rem
    }
    .sectonSquare .showSquare a .cuadro {
        padding: 1rem 0.5rem;
        width: 100%;
        height: 12rem;
        cursor: pointer
    }
    .sectonSquare .showSquare a .cuadro-3 .img {
        margin-top: -3rem;
        margin-right: 0rem
    }
    .sectonSquare .showSquare a .cuadro-3 .img img {
        width: 130%;
        height: 130%;
        object-fit: cover
    }
    .sectonSquare .showSquare a .cuadro-3 .text {
        margin-top: -2rem;
        width: 40%
    }
    .sectonSquare .showSquare a .cuadro-3 .text em {
        font-size: 1.3rem
    }
    .sectonSquare .showSquare a .cuadro-3 .text .icon {
        font-size: 1.5rem;
        padding-top: 1rem
    }
    .sectonSquare .showSquare a .icon {
        font-size: 3.5rem
    }
    .sectonSquare .showSquare a .icon-big {
        font-size: 6.5em
    }
    .sectonSquare .showSquare a .icon-small {
        font-size: 2rem
    }
    .sectonSquare .showSquare a p {
        font-size: 1.5rem
    }
    .sectonSquare .showSquare a p em {
        font-size: 2.5rem;
        line-height: 2.5rem
    }
    .contenidoHome {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
    .contenidoHome .seccion {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
    .contenidoHome .seccion h2 {
        font-size: 2rem
    }
    .contenidoHome .seccion h3 {
        font-size: 1rem
    }
    .contenidoHome .carousel .arrow {
        font-size: 1.5rem
    }
    .contenidoHome .carousel .control {
        top: -175px;
        opacity: 1
    }
    .contenidoHome .carousel .carousel-item .caurosel-img {
        height: 200px
    }
    .contenidoHome .carousel .carousel-item--img {
        height: 200px
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .logoContent {
        width: 30%
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description {
        width: 55%
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description h4 {
        font-size: 1.25rem;
        line-height: 1rem
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description p {
        font-size: 1rem
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description p .symbol {
        font-size: 0.75rem
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description p .price {
        font-size: 1.25rem
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description p .currency {
        font-size: 0.95rem
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description a {
        font-size: 1rem
    }
    .contenidoHome .carousel .active .caurosel-img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px
    }
    .contenidoHome .carousel .active .carousel-item--img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px
    }
    .contenidoHome .service img {
        height: 175px
    }
    .contenidoHome .service p {
        padding: 0.5rem;
        font-size: 1rem
    }
}

@media (max-width: 767.98px) {
    #sliderPrincipal .carousel-indicators {
        margin-bottom: 0rem
    }
    #sliderPrincipal .carousel-indicators li {
        width: 10px;
        height: 10px
    }
    #sliderPrincipal .carousel-item img {
        height: 400px
    }
    #sliderPrincipal .carousel-item .carousel-caption {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    #sliderPrincipal .carousel-item .carousel-caption h2 {
        font-size: 1.5rem
    }
    #sliderPrincipal .carousel-item .carousel-caption p {
        font-size: 0.95rem
    }
    #sliderPrincipal .arrow {
        font-size: 2.5rem
    }
    #sliderPrincipal [class*="carousel-control-"] {
        margin-bottom: 80px
    }
    .sectonSquare {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .sectonSquare .showSquare {
        flex-direction: column;
        align-items: center
    }
    .sectonSquare .showSquare a {
        width: 50%;
        height: 12rem;
        margin-top: 1rem;
        margin-bottom: 1rem
    }
    .sectonSquare .showSquare a .cuadro {
        padding: 1rem 0.5rem;
        width: 100%;
        height: 12rem;
        cursor: pointer
    }
    .sectonSquare .showSquare a .cuadro-3 .img {
        margin-top: -3rem;
        margin-right: 0rem
    }
    .sectonSquare .showSquare a .cuadro-3 .img img {
        width: 130%;
        height: 130%;
        object-fit: cover
    }
    .sectonSquare .showSquare a .cuadro-3 .text {
        margin-top: -2rem;
        width: 40%
    }
    .sectonSquare .showSquare a .cuadro-3 .text em {
        font-size: 1.3rem
    }
    .sectonSquare .showSquare a .cuadro-3 .text .icon {
        font-size: 1.5rem;
        padding-top: 1rem
    }
    .sectonSquare .showSquare a .icon {
        font-size: 3.5rem
    }
    .sectonSquare .showSquare a .icon-big {
        font-size: 6.5em
    }
    .sectonSquare .showSquare a .icon-small {
        font-size: 2rem
    }
    .sectonSquare .showSquare a p {
        font-size: 1.5rem
    }
    .sectonSquare .showSquare a p em {
        font-size: 2.5rem;
        line-height: 2.5rem
    }
    .contenidoHome {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .contenidoHome .seccion {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
    .contenidoHome .seccion h2 {
        font-size: 2rem
    }
    .contenidoHome .seccion h3 {
        font-size: 1.25rem
    }
    .contenidoHome .carousel .arrow {
        font-size: 2rem
    }
    .contenidoHome .carousel .control {
        top: -155px;
        opacity: 1
    }
    .contenidoHome .carousel .carousel-item .caurosel-img {
        height: 250px
    }
    .contenidoHome .carousel .carousel-item--img {
        height: 250px
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .logoContent {
        width: 40%
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .logoContent img {
        width: 70%
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description {
        width: 45%
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description h4 {
        font-size: 1.25rem;
        line-height: 1rem
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description p {
        font-size: 1rem
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description p .symbol {
        font-size: 0.75rem
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description p .price {
        font-size: 1.25rem
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description p .currency {
        font-size: 0.95rem
    }
    .contenidoHome .carousel .carousel-item .carousel-caption .content .description a {
        font-size: 1rem
    }
    .contenidoHome .carousel .active .caurosel-img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px
    }
    .contenidoHome .carousel .active .carousel-item--img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px
    }
    .contenidoHome .service img {
        height: 175px
    }
    .contenidoHome .service p {
        padding: 0.5rem;
        font-size: 1rem
    }
}

@media (max-width: 575.98px) {
    #sliderPrincipal .carousel-item img {
        height: 300px
    }
    #sliderPrincipal .carousel-item .carousel-caption {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
    }
    #sliderPrincipal .carousel-item .carousel-caption h2 {
        font-size: 0.95rem
    }
    #sliderPrincipal .carousel-item .carousel-caption p {
        font-size: 0.85rem
    }
    #sliderPrincipal .arrow {
        font-size: 1.5rem
    }
    #sliderPrincipal [class*="carousel-control-"] {
        margin-bottom: 80px
    }
    .sectonSquare {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
    }
    .sectonSquare .showSquare a {
        width: 70%;
        height: 11rem;
        margin-top: 1rem;
        margin-bottom: 1rem
    }
    .sectonSquare .showSquare a .cuadro {
        width: 100%;
        height: 11rem
    }
    .sectonSquare .showSquare a .cuadro-3 .img {
        margin-top: -1rem;
        margin-right: 0rem
    }
    .sectonSquare .showSquare a .cuadro-3 .img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    .sectonSquare .showSquare a .cuadro-3 .text {
        margin-top: -1.5rem;
        width: 40%;
        font-size: 1rem
    }
    .sectonSquare .showSquare a .cuadro-3 .text em {
        font-size: 1.15rem
    }
    .sectonSquare .showSquare a .cuadro-3 .text .icon {
        font-size: 1.5rem;
        padding-top: 1rem
    }
}

.servicios {
    background-color: white
}

.servicios-head {
    background-color: #0D2D4F;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: white
}

.servicios-head .row {
    margin-left: 15px;
    margin-right: 15px;
    justify-content: center
}

.servicios-head h1 {
    text-align: center;
    display: block
}

.servicios-head p {
    text-align: center;
    display: block
}

.servicios-container {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.servicios-container .card {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0px
}

.servicios-container .card-body {
    padding: 0.75rem
}

.servicios-container .hoteles .card-title {
    background-image: linear-gradient(to right, #00B9F4, #00D2E9);
    width: 100%;
    border-radius: 15px;
    padding: 2rem;
    text-align: center;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.servicios-container .hoteles .card-title span {
    font-size: 3.5rem
}

.servicios-container .hoteles .card-title h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 2rem
}

.servicios-container .tours .card-title {
    background-image: linear-gradient(to right, #BB41A3, #2363AD);
    width: 100%;
    border-radius: 15px;
    padding: 2rem;
    text-align: center;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.servicios-container .tours .card-title span {
    font-size: 3.5rem
}

.servicios-container .tours .card-title h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 2rem
}

.servicios-container .paquetes .card-title {
    background-image: linear-gradient(to right, #22B26A, #CCC842);
    width: 100%;
    border-radius: 15px;
    padding: 2rem;
    text-align: center;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.servicios-container .paquetes .card-title span {
    font-size: 3.5rem
}

.servicios-container .paquetes .card-title h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 2rem
}

.servicios-container .traslados .card-title {
    background-image: linear-gradient(to right, #FF891D, #FF6B44);
    width: 100%;
    border-radius: 15px;
    padding: 2rem;
    text-align: center;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.servicios-container .traslados .card-title span {
    font-size: 3.5rem
}

.servicios-container .traslados .card-title h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 2rem
}

.servicios-container .charters .card-title {
    background-image: linear-gradient(to right, #0070BC, #00C1B6);
    width: 100%;
    border-radius: 15px;
    padding: 2rem;
    text-align: center;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.servicios-container .charters .card-title span {
    font-size: 3.5rem
}

.servicios-container .charters .card-title h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 2rem
}

.servicios-container .grupos .card-title {
    background-image: linear-gradient(to right, #606D72, #7C8A90);
    width: 100%;
    border-radius: 15px;
    padding: 2rem;
    text-align: center;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.servicios-container .grupos .card-title span {
    font-size: 3.5rem
}

.servicios-container .grupos .card-title h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 2rem
}

.servicios-container .bodas .card-title {
    background-image: linear-gradient(to right, #FF849C, #FF898A);
    width: 100%;
    border-radius: 15px;
    padding: 2rem;
    text-align: center;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.servicios-container .bodas .card-title span {
    font-size: 3.5rem
}

.servicios-container .bodas .card-title h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 2rem
}

.servicios-container .congress .card-title {
    background-image: linear-gradient(to right, #14455C, #2A7A9D);
    width: 100%;
    border-radius: 15px;
    padding: 2rem;
    text-align: center;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.servicios-container .congress .card-title span {
    font-size: 3.5rem
}

.servicios-container .congress .card-title h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 2rem
}

@media (max-width: 768px) {
    .servicios-container .card {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem
    }
    .servicios-container .card-title {
        border-radius: 10px;
        padding: 1rem
    }
    .servicios-container .card-title span {
        font-size: 2.5rem !important
    }
    .servicios-container .card-title h3 {
        font-size: 1rem !important;
        margin-top: 1.5rem !important
    }
}

#promos {
    width: 100%
}

.promociones {
    background-color: white
}

.promociones-head {
    background-color: #0D2D4F;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: white
}

.promociones-head .row {
    margin-left: 15px;
    margin-right: 15px;
    justify-content: center
}

.promociones-head h1 {
    text-align: center;
    display: block
}

.promociones-head p {
    text-align: center;
    display: block
}

.promociones-container {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.promociones-container .card {
    width: 100%;
    margin-top: 0.5rem;
    border: none
}

.promociones-container .card-header {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    border: 0;
    border-radius: 15px;
    background-color: transparent
}

.promociones-container .card-body {
    padding: 0.75rem
}

.promociones-container .card-body .carousel {
    width: 100%
}

.promociones-container .card-body .carousel-inner {
    width: 92%;
    margin: 0 auto
}

.promociones-container .card-body .carousel-item {
    width: 100%;
    height: 410px
}

.promociones-container .card-body .carousel-item a {
    width: 30%;
    height: 410px;
    margin-left: 0.95rem;
    margin-right: 0.95rem;
    display: inline-block
}

.promociones-container .card-body .carousel-item a .promo-img {
    width: 100%;
    object-fit: contain
}

.promociones-container .card-body .carousel .carousel-control-next,
.promociones-container .card-body .carousel .carousel-control-prev {
    opacity: 0.75;
    width: 5%
}

.promociones-container .card-body .carousel .arrow {
    font-size: 2rem;
    color: #0D2D4F
}

.promociones-container #hoteles .btn {
    background-image: linear-gradient(to right, #005EEE, #0094FD);
    width: 100%;
    border-radius: 15px;
    text-align: left;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 2rem;
    text-decoration: none;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.promociones-container #hoteles .btn .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row
}

.promociones-container #hoteles .btn .title-element:last-child {
    font-size: 2rem;
    transform: rotate(-90deg)
}

.promociones-container #hoteles .btn span {
    font-size: 3rem;
    width: 70px;
    display: inline-block
}

.promociones-container #hoteles .btn h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    display: inline;
    padding-bottom: 3rem
}

.promociones-container #tours .btn {
    background-image: linear-gradient(to right, #B026EB, #9162C3);
    width: 100%;
    border-radius: 15px;
    text-align: left;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 2rem;
    text-decoration: none;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.promociones-container #tours .btn .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row
}

.promociones-container #tours .btn .title-element:last-child {
    font-size: 2rem;
    transform: rotate(-90deg)
}

.promociones-container #tours .btn span {
    font-size: 3rem;
    width: 70px;
    display: inline-block
}

.promociones-container #tours .btn h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    display: inline;
    padding-bottom: 3rem
}

.promociones-container #paquetes .btn {
    background-image: linear-gradient(to right, #22B26A, #CCC842);
    width: 100%;
    border-radius: 15px;
    text-align: left;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 2rem;
    text-decoration: none;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.promociones-container #paquetes .btn .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row
}

.promociones-container #paquetes .btn .title-element:last-child {
    font-size: 2rem;
    transform: rotate(-90deg)
}

.promociones-container #paquetes .btn span {
    font-size: 3rem;
    width: 70px;
    display: inline-block
}

.promociones-container #paquetes .btn h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    display: inline;
    padding-bottom: 3rem
}

.promociones-container #traslados .btn {
    background-image: linear-gradient(to right, #FF644D, #FF8F0F);
    width: 100%;
    border-radius: 15px;
    text-align: left;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 2rem;
    text-decoration: none;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.promociones-container #traslados .btn .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row
}

.promociones-container #traslados .btn .title-element:last-child {
    font-size: 2rem;
    transform: rotate(-90deg)
}

.promociones-container #traslados .btn span {
    font-size: 3rem;
    width: 70px;
    display: inline-block
}

.promociones-container #traslados .btn h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    display: inline;
    padding-bottom: 3rem
}

.promociones-container #charters .btn {
    background-image: linear-gradient(to right, #009DFF, #00D2E1);
    width: 100%;
    border-radius: 15px;
    text-align: left;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 2rem;
    text-decoration: none;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.promociones-container #charters .btn .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row
}

.promociones-container #charters .btn .title-element:last-child {
    font-size: 2rem;
    transform: rotate(-90deg)
}

.promociones-container #charters .btn span {
    font-size: 3rem;
    width: 70px;
    display: inline-block
}

.promociones-container #charters .btn h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    display: inline;
    padding-bottom: 3rem
}

.promociones-container #vuelos .btn {
    background-image: linear-gradient(to right, #E50000, #FF3233);
    width: 100%;
    border-radius: 15px;
    text-align: left;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 2rem;
    text-decoration: none;
    color: white;
    box-shadow: 8px 3px 4px -8px rgba(0, 0, 0, 0.95)
}

.promociones-container #vuelos .btn .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row
}

.promociones-container #vuelos .btn .title-element:last-child {
    font-size: 2rem;
    transform: rotate(-90deg)
}

.promociones-container #vuelos .btn span {
    font-size: 3rem;
    width: 70px;
    display: inline-block
}

.promociones-container #vuelos .btn h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    display: inline;
    padding-bottom: 3rem
}

.promociones-container #hoteles .btn:hover,
.promociones-container #hoteles .btn:active,
.promociones-container #hoteles .btn:focus {
    background-image: linear-gradient(to right, #0094FD, #005EEE)
}

.promociones-container #tours .btn:hover,
.promociones-container #tours .btn:active,
.promociones-container #tours .btn:focus {
    background-image: linear-gradient(to right, #9162C3, #B026EB)
}

.promociones-container #paquetes .btn:hover,
.promociones-container #paquetes .btn:active,
.promociones-container #paquetes .btn:focus {
    background-image: linear-gradient(to right, #CCC842, #22B26A)
}

.promociones-container #traslados .btn:hover,
.promociones-container #traslados .btn:active,
.promociones-container #traslados .btn:focus {
    background-image: linear-gradient(to right, #FF8F0F, #FF644D)
}

.promociones-container #charters .btn:hover,
.promociones-container #charters .btn:active,
.promociones-container #charters .btn:focus {
    background-image: linear-gradient(to right, #00D2E1, #009DFF)
}

.up {
    transform: rotate(90deg) !important
}

@media (max-width: 1199.98px) {
    .promociones-container .card-body .carousel-item {
        width: 100%;
        height: 360px
    }
    .promociones-container .card-body .carousel-item a {
        width: 32%;
        height: 360px;
        margin-left: 0.25rem;
        margin-right: 0.25rem
    }
    .promociones-container #hoteles .btn .title-element:last-child {
        font-size: 1.5rem
    }
    .promociones-container #hoteles .btn span {
        font-size: 2rem;
        width: 40px
    }
    .promociones-container #hoteles .btn h3 {
        font-size: 1.75rem
    }
    .promociones-container #tours .btn .title-element:last-child {
        font-size: 1.5rem
    }
    .promociones-container #tours .btn span {
        font-size: 2rem;
        width: 40px
    }
    .promociones-container #tours .btn h3 {
        font-size: 1.75rem
    }
    .promociones-container #paquetes .btn .title-element:last-child {
        font-size: 1.5rem
    }
    .promociones-container #paquetes .btn span {
        font-size: 2rem;
        width: 40px
    }
    .promociones-container #paquetes .btn h3 {
        font-size: 1.75rem
    }
    .promociones-container #traslados .btn .title-element:last-child {
        font-size: 1.5rem
    }
    .promociones-container #traslados .btn span {
        font-size: 2rem;
        width: 40px
    }
    .promociones-container #traslados .btn h3 {
        font-size: 1.75rem
    }
    .promociones-container #charters .btn .title-element:last-child {
        font-size: 1.5rem
    }
    .promociones-container #charters .btn span {
        font-size: 2rem;
        width: 40px
    }
    .promociones-container #charters .btn h3 {
        font-size: 1.75rem
    }
    .promociones-container #vuelos .btn .title-element:last-child {
        font-size: 1.5rem
    }
    .promociones-container #vuelos .btn span {
        font-size: 2rem;
        width: 40px
    }
    .promociones-container #vuelos .btn h3 {
        font-size: 1.75rem
    }
}

@media (max-width: 991.98px) {
    .promociones-container .card-body .carousel-item {
        height: 250px
    }
    .promociones-container .card-body .carousel-item a {
        width: 30.4%;
        height: 250px;
        margin-left: 0.5rem;
        margin-right: 0.5rem
    }
    .promociones-container .card-body .carousel .arrow {
        font-size: 1.3rem
    }
    .promociones-container #hoteles .btn .title-element:last-child {
        font-size: 1.25rem
    }
    .promociones-container #hoteles .btn span {
        font-size: 1.75rem;
        width: 40px
    }
    .promociones-container #hoteles .btn h3 {
        font-size: 1.5rem
    }
    .promociones-container #tours .btn .title-element:last-child {
        font-size: 1.25rem
    }
    .promociones-container #tours .btn span {
        font-size: 1.75rem;
        width: 40px
    }
    .promociones-container #tours .btn h3 {
        font-size: 1.5rem
    }
    .promociones-container #paquetes .btn .title-element:last-child {
        font-size: 1.25rem
    }
    .promociones-container #paquetes .btn span {
        font-size: 1.75rem;
        width: 40px
    }
    .promociones-container #paquetes .btn h3 {
        font-size: 1.5rem
    }
    .promociones-container #traslados .btn .title-element:last-child {
        font-size: 1.25rem
    }
    .promociones-container #traslados .btn span {
        font-size: 1.75rem;
        width: 40px
    }
    .promociones-container #traslados .btn h3 {
        font-size: 1.5rem
    }
    .promociones-container #charters .btn .title-element:last-child {
        font-size: 1.25rem
    }
    .promociones-container #charters .btn span {
        font-size: 1.75rem;
        width: 40px
    }
    .promociones-container #charters .btn h3 {
        font-size: 1.5rem
    }
    .promociones-container #vuelos .btn .title-element:last-child {
        font-size: 1.25rem
    }
    .promociones-container #vuelos .btn span {
        font-size: 1.75rem;
        width: 40px
    }
    .promociones-container #vuelos .btn h3 {
        font-size: 1.5rem
    }
}

@media (max-width: 767.98px) {
    .promociones-container .card-body .carousel-item {
        height: 195px
    }
    .promociones-container .card-body .carousel-item a {
        width: 31.1%;
        height: 195px;
        margin-left: 0.25rem;
        margin-right: 0.25rem
    }
    .promociones-container .card-body .carousel .arrow {
        font-size: 1.25rem
    }
    .promociones-container #hoteles .btn .title-element:last-child {
        font-size: 1.25rem
    }
    .promociones-container #hoteles .btn span {
        font-size: 1.75rem;
        width: 40px
    }
    .promociones-container #hoteles .btn h3 {
        font-size: 1.5rem
    }
    .promociones-container #tours .btn .title-element:last-child {
        font-size: 1.25rem
    }
    .promociones-container #tours .btn span {
        font-size: 1.75rem;
        width: 40px
    }
    .promociones-container #tours .btn h3 {
        font-size: 1.5rem
    }
    .promociones-container #paquetes .btn .title-element:last-child {
        font-size: 1.25rem
    }
    .promociones-container #paquetes .btn span {
        font-size: 1.75rem;
        width: 40px
    }
    .promociones-container #paquetes .btn h3 {
        font-size: 1.5rem
    }
    .promociones-container #traslados .btn .title-element:last-child {
        font-size: 1.25rem
    }
    .promociones-container #traslados .btn span {
        font-size: 1.75rem;
        width: 40px
    }
    .promociones-container #traslados .btn h3 {
        font-size: 1.5rem
    }
    .promociones-container #charters .btn .title-element:last-child {
        font-size: 1.25rem
    }
    .promociones-container #charters .btn span {
        font-size: 1.75rem;
        width: 40px
    }
    .promociones-container #charters .btn h3 {
        font-size: 1.5rem
    }
    .promociones-container #vuelos .btn .title-element:last-child {
        font-size: 1.25rem
    }
    .promociones-container #vuelos .btn span {
        font-size: 1.75rem;
        width: 40px
    }
    .promociones-container #vuelos .btn h3 {
        font-size: 1.5rem
    }
}

@media (max-width: 575.98px) {
    .promociones-container .card-body .carousel-item {
        height: 200px
    }
    .promociones-container .card-body .carousel-item a {
        width: 30.5%;
        height: 200px;
        margin-left: 1%;
        margin-right: 1%
    }
    .promociones-container .card-body .carousel .arrow {
        font-size: 1.1rem
    }
    .promociones-container #hoteles .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #hoteles .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #hoteles .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #tours .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #tours .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #tours .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #paquetes .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #paquetes .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #paquetes .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #traslados .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #traslados .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #traslados .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #charters .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #charters .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #charters .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #vuelos .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #vuelos .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #vuelos .btn h3 {
        font-size: 1.25rem
    }
}

@media (max-width: 480.98px) {
    .promociones-container .card-body .carousel-item {
        height: 160px
    }
    .promociones-container .card-body .carousel-item a {
        width: 30.5%;
        height: 160px;
        margin-left: 1%;
        margin-right: 1%
    }
    .promociones-container .card-body .carousel .arrow {
        font-size: 1.1rem
    }
    .promociones-container #hoteles .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #hoteles .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #hoteles .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #tours .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #tours .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #tours .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #paquetes .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #paquetes .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #paquetes .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #traslados .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #traslados .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #traslados .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #charters .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #charters .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #charters .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #vuelos .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #vuelos .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #vuelos .btn h3 {
        font-size: 1.25rem
    }
}

@media (max-width: 410.98px) {
    .promociones-container .card-body .carousel-item {
        height: 150px
    }
    .promociones-container .card-body .carousel-item a {
        width: 30.5%;
        height: 150px;
        margin-left: 1%;
        margin-right: 1%
    }
    .promociones-container .card-body .carousel .arrow {
        font-size: 1.1rem
    }
    .promociones-container #hoteles .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #hoteles .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #hoteles .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #tours .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #tours .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #tours .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #paquetes .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #paquetes .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #paquetes .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #traslados .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #traslados .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #traslados .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #charters .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #charters .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #charters .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #vuelos .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #vuelos .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #vuelos .btn h3 {
        font-size: 1.25rem
    }
}

@media (max-width: 375.98px) {
    .promociones-container .card-body .carousel-item {
        height: 130px
    }
    .promociones-container .card-body .carousel-item a {
        width: 30.5%;
        height: 130px;
        margin-left: 1%;
        margin-right: 1%
    }
    .promociones-container .card-body .carousel .arrow {
        font-size: 1.1rem
    }
    .promociones-container #hoteles .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #hoteles .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #hoteles .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #tours .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #tours .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #tours .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #paquetes .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #paquetes .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #paquetes .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #traslados .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #traslados .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #traslados .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #charters .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #charters .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #charters .btn h3 {
        font-size: 1.25rem
    }
    .promociones-container #vuelos .btn .title-element:last-child {
        font-size: 1rem
    }
    .promociones-container #vuelos .btn span {
        font-size: 1.25rem;
        width: 30px
    }
    .promociones-container #vuelos .btn h3 {
        font-size: 1.25rem
    }
}

#Login .alert {
    display: none
}

#Login .modal-content {
    background-color: #F0F0F0
}

#Login .modal-header {
    border-bottom: 0;
    padding: 0.5rem
}

#Login .modal-header .contentTitle {
    margin-top: 1rem;
    width: 100%;
    text-align: center
}

#Login .modal-header .contentTitle h2 {
    font-size: 1.5rem
}

#Login .modal-header .contentTitle p {
    color: #98979A;
    margin-bottom: 0rem
}

#Login .modal-body {
    padding: 1rem 3rem;
    width: 90%;
    margin: 0rem auto 0.5rem auto
}

#Login .modal-body #keepLogin {
    position: absolute;
    left: -999999px
}

#Login .modal-body #keepLogin+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 0px 0px 0px 25px
}

#Login .modal-body #keepLogin+label::before {
    display: inline;
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-image: url("../login/remember.svg");
    background-repeat: no-repeat;
    background-size: 20px auto
}

#Login .modal-body #keepLogin:checked+label::before {
    background-image: url("../login/remember-ok.svg")
}

#Login .modal-body .textos-remember {
    width: 80%;
    margin: 0 auto 1.5rem auto;
    text-align: center
}

#Login .modal-body .textos-remember p {
    margin-bottom: 0.25rem
}

#Login .modal-body .btn-primary {
    background-color: #0061D1
}

#Login .modal-body .btn-primary:hover {
    background-color: #006deb
}

.contacto {
    background-color: white
}

.contacto-head {
    background-color: #0D2D4F;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: white
}

.contacto-head .row {
    margin-left: 15px;
    margin-right: 15px;
    justify-content: center
}

.contacto-head h1 {
    text-align: center;
    display: block
}

.contacto-head p {
    text-align: center;
    display: block
}

.contacto-container .alert {
    display: none
}

.contacto-container .loading-login {
    display: none
}

.contacto-container .change-pass-btn {
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    display: block;
    color: black;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.contacto-container .change-pass-btn:hover {
    color: black
}

.contacto-container #change-password-form-div {
    display: none
}

.contacto-container .card-header {
    background-color: white;
    font-weight: bold;
    font-size: 1.2rem
}

.contacto-container .card-header i {
    margin-right: 0.5rem;
    color: #FF3158
}

.contacto-container .card-body {
    height: 80px
}

.contacto-container .card-footer {
    background-color: white;
    font-size: 0.95rem;
    font-weight: bold;
    color: #0D2D4F
}

.contacto-container .tituloInterno {
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    text-align: left
}

.contacto-container .lineText {
    display: block
}

.contacto-container .remark {
    font-weight: bold
}

.contacto-container .tablaId {
    width: 100%;
    border-top: 2px dotted gray;
    border-bottom: 2px dotted gray;
    overflow-x: auto !important
}

.contacto-container .tablaId th,
.contacto-container .tablaId td {
    width: 33%;
    padding: 2rem 4rem;
    text-align: center;
    border-bottom: 2px dotted gray;
    border-right: 2px dotted gray
}

.contacto-container .tablaId th:last-child,
.contacto-container .tablaId td:last-child {
    border-right: none
}

@media (max-width: 500px) {
    .tablaId th,
    .tablaId td {
        width: 100px;
        padding: 0.3rem 0.4rem;
        font-size: 1.2rem
    }
    .tablaId td p {
        font-size: 1.2rem;
        text-align: left
    }
}

.nosotros {
    background-color: white
}

.nosotros-head {
    background-color: #0D2D4F;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: white
}

.nosotros-head .row {
    margin-left: 15px;
    margin-right: 15px;
    justify-content: center
}

.nosotros-head h1 {
    text-align: center;
    display: block
}

.nosotros-head p {
    text-align: center;
    display: block
}

.nosotros-container {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.nosotros-container .row {
    align-items: center;
    margin-top: 1rem
}

.nosotros-container .row .icon {
    font-size: 3rem;
    color: #0D2D4F
}

@media (max-width: 575.98px) {
    .nosotros-container .row .icon {
        font-size: 2rem;
        color: #0D2D4F
    }
}

.members h2 {
    display: block;
    text-align: center;
    margin: 1rem auto;
    font-size: 2rem;
    font-weight: bold
}

.members .carousel {
    height: 550px
}

.members .carousel-inner {
    height: 550px
}

.members .carousel-item {
    height: 550px
}

.members .carousel-item img {
    width: 100%;
    height: 550px;
    object-fit: cover
}

.members .carousel-caption {
    width: 25%;
    top: 20%;
    left: 15%;
    right: 15%;
    text-align: left
}

.members .carousel-caption h1 {
    font-size: 2rem;
    font-weight: bold
}

.members .carousel-caption h1 span {
    display: block
}

.members .carousel-caption .btn {
    color: white;
    font-size: 1.5rem;
    border: 2px solid white;
    margin: 0 auto;
    width: 50%;
    display: block;
    border-radius: 2rem;
    padding: 0.15rem .75rem
}

.members .carousel-caption .btn:hover,
.members .carousel-caption .btn:active,
.members .carousel-caption .btn:focus {
    background-image: none;
    outline: 0;
    box-shadow: none
}

.members .beneficios {
    background-color: white;
    padding: 2rem 0rem;
    text-align: center
}

.members .beneficios h2 {
    color: #0D2D4F
}

.members .beneficios .iconServ {
    color: #FF3158;
    font-size: 6.5rem;
    display: block;
    margin-bottom: 3rem;
    text-align: center
}

.members .membresia {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.members .membresia h2 {
    color: #7D7D7D
}

.members .membresia .mensual {
    border-radius: 2rem;
    background-color: white;
    padding: 0;
    margin: 2rem 15px
}

.members .membresia .mensual h2 {
    color: white;
    background-color: #0D2D4F;
    padding: 1.5rem 0rem;
    margin: 0;
    width: 100%;
    display: block;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

.members .membresia .mensual .price {
    padding: 4rem 0 2rem 0;
    text-align: center;
    display: block;
    color: #0D2D4F;
    font-size: 2.5rem;
    font-weight: bold
}

.members .membresia .mensual .price span {
    color: #7D7D7D;
    text-decoration: line-through;
    display: block;
    font-size: 1.5rem
}

.members .membresia .mensual .btn {
    color: white;
    font-size: 1.5rem;
    background-color: #0D2D4F;
    margin: 0 auto;
    display: block;
    border-radius: 1rem;
    padding: 0.15rem 1rem;
    margin-bottom: 4rem
}

.members .membresia .mensual .btn:hover,
.members .membresia .mensual .btn:active,
.members .membresia .mensual .btn:focus {
    background-color: #134172;
    background-image: none;
    outline: 0;
    box-shadow: none
}

.members .membresia .anual {
    border-radius: 2rem;
    background-color: white;
    padding: 0;
    margin: 2rem 15px
}

.members .membresia .anual h2 {
    color: white;
    background-color: #FF3855;
    padding: 1.5rem 0rem;
    margin: 0;
    width: 100%;
    display: block;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

.members .membresia .anual .price {
    padding: 4rem 0 2rem 0;
    text-align: center;
    display: block;
    color: #FF3158;
    font-size: 2.5rem;
    font-weight: bold
}

.members .membresia .anual .price span {
    color: #7D7D7D;
    text-decoration: line-through;
    display: block;
    font-size: 1.5rem
}

.members .membresia .anual .btn {
    color: white;
    font-size: 1.5rem;
    background-color: #FF3158;
    margin: 0 auto;
    display: block;
    border-radius: 1rem;
    padding: 0.15rem 1rem;
    margin-bottom: 1.5rem
}

.members .membresia .anual .btn:hover,
.members .membresia .anual .btn:active,
.members .membresia .anual .btn:focus {
    background-color: #ff0837;
    background-image: none;
    outline: 0;
    box-shadow: none
}

#plan {
    display: none
}

#plan .iti {
    display: block !important
}

#plan .politicas {
    width: 100%;
    height: 250px;
    background-color: white;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    font-size: 0.65rem;
    padding: 0.5rem 1.5rem;
    overflow: auto;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-clip: padding-box
}

#plan em {
    display: block
}

.planActive {
    display: block !important
}

.desactive h2 {
    background-color: #cfcfcf !important
}

.desactive .price {
    color: #cfcfcf !important
}

.desactive .price span {
    color: #cfcfcf !important
}

.desactive .btn {
    background-color: #cfcfcf !important
}

.select2-selection {
    border: 2px solid #ced4da
}

.select2-selection.select2-selection--single {
    height: 2.35rem
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px
}

.select2-result-zip_code__colonia {
    font-weight: bold
}

.select2-result-zip_code .icon_city,
.select2-result-zip_code .icon_state {
    width: 10%;
    margin-right: 0.25rem
}

@media (max-width: 767.98px) {
    .members h2 {
        display: block;
        text-align: center;
        margin: 1rem auto;
        font-size: 1.3rem;
        font-weight: bold
    }
    .members .carousel {
        height: 400px
    }
    .members .carousel-inner {
        height: 400px
    }
    .members .carousel-item {
        height: 400px
    }
    .members .carousel-item img {
        height: 400px;
        object-fit: cover
    }
    .members .carousel-caption {
        width: 90%;
        top: 15%;
        left: 5%;
        right: 5%;
        text-align: left
    }
    .members .carousel-caption h1 {
        font-size: 1.5rem;
        font-weight: bold
    }
    .members .carousel-caption h1 span {
        display: block
    }
    .members .carousel-caption .btn {
        color: white;
        font-size: 1.5rem;
        border: 1px solid white;
        margin: 0 auto 0 0;
        width: 60%;
        display: block;
        border-radius: 2rem;
        padding: 0.15rem .75rem
    }
    .members .carousel-caption .btn:hover,
    .members .carousel-caption .btn:active,
    .members .carousel-caption .btn:focus {
        background-image: none;
        outline: 0;
        box-shadow: none
    }
    .members .beneficios .iconServ {
        font-size: 4.5rem;
        margin-bottom: 1.5rem
    }
    .members .membresia {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .members .membresia h2 {
        color: #7D7D7D
    }
    .members .membresia .mensual {
        margin: 1rem 15px
    }
    .members .membresia .mensual h2 {
        padding: 0.75rem 0rem
    }
    .members .membresia .mensual .price {
        padding: 2rem 0 1rem 0;
        font-size: 2rem
    }
    .members .membresia .mensual .price span {
        font-size: 1rem
    }
    .members .membresia .mensual .btn {
        font-size: 1rem;
        width: 60%;
        padding: 0.35rem .75rem;
        margin-bottom: 2rem
    }
    .members .membresia .anual {
        margin: 1rem 15px
    }
    .members .membresia .anual h2 {
        padding: 0.75rem 0rem
    }
    .members .membresia .anual .price {
        padding: 2rem 0 1rem 0;
        font-size: 2rem
    }
    .members .membresia .anual .price span {
        font-size: 1rem
    }
    .members .membresia .anual .btn {
        font-size: 1rem;
        width: 60%;
        padding: 0.35rem .75rem;
        margin-bottom: 2rem
    }
}

.sitwifi h2 {
    display: block;
    text-align: center;
    margin: 1rem auto;
    font-size: 2rem;
    font-weight: bold;
    color: #0D2D4F
}

.sitwifi .carousel {
    height: 550px
}

.sitwifi .carousel-inner {
    height: 550px
}

.sitwifi .carousel-item {
    height: 550px
}

.sitwifi .carousel-item img {
    width: 100%;
    height: 550px;
    object-fit: cover
}

.sitwifi .carousel-caption {
    width: 25%;
    top: 20%;
    left: 15%;
    right: 15%;
    text-align: left
}

.sitwifi .carousel-caption h1 {
    font-size: 2rem;
    font-weight: bold
}

.sitwifi .carousel-caption h1 span {
    display: block
}

.sitwifi .carousel-caption .btn {
    color: white;
    font-size: 1.5rem;
    border: 2px solid white;
    margin: 0 auto;
    width: 50%;
    display: block;
    border-radius: 2rem;
    padding: 0.15rem .75rem
}

.sitwifi .carousel-caption .btn:hover,
.sitwifi .carousel-caption .btn:active,
.sitwifi .carousel-caption .btn:focus {
    background-image: none;
    outline: 0;
    box-shadow: none
}

.sitwifi form {
    background-color: white;
    padding: 2rem 2rem
}

.sitwifi .textArea {
    width: 100%;
    height: 300px;
    font-size: 0.65rem;
    display: none
}

.sitwifi .iti {
    display: block !important
}

.sitwifi em {
    display: block
}

@media (max-width: 767.98px) {
    .sitwifi h2 {
        display: block;
        text-align: center;
        margin: 1rem auto;
        font-size: 1.3rem;
        font-weight: bold
    }
    .sitwifi .carousel {
        height: 400px
    }
    .sitwifi .carousel-inner {
        height: 400px
    }
    .sitwifi .carousel-item {
        height: 400px
    }
    .sitwifi .carousel-item img {
        height: 400px;
        object-fit: cover
    }
    .sitwifi .carousel-caption {
        width: 90%;
        top: 15%;
        left: 5%;
        right: 5%;
        text-align: left
    }
    .sitwifi .carousel-caption h1 {
        font-size: 1.5rem;
        font-weight: bold
    }
    .sitwifi .carousel-caption h1 span {
        display: block
    }
    .sitwifi .carousel-caption .btn {
        color: white;
        font-size: 1.5rem;
        border: 1px solid white;
        margin: 0 auto 0 0;
        width: 60%;
        display: block;
        border-radius: 2rem;
        padding: 0.15rem .75rem
    }
    .sitwifi .carousel-caption .btn:hover,
    .sitwifi .carousel-caption .btn:active,
    .sitwifi .carousel-caption .btn:focus {
        background-image: none;
        outline: 0;
        box-shadow: none
    }
}

.bigSale #sliderBigSale .carousel-item img {
    width: 100%;
    height: 500px;
    object-fit: cover
}

.bigSale-container {
    padding: 2rem 0
}

.bigSale-container .navbar {
    padding: 0 !important
}

.bigSale-container .navbar .active {
    color: #da6a1f !important
}

.bigSale-container .opcionMenu {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.95rem;
    font-weight: bold;
    line-height: 2rem;
    border-right: 2px solid black
}

.bigSale-container .opcionMenu:hover {
    color: #da6a1f !important;
    cursor: pointer
}

.bigSale-container .opcionMenu:last-child {
    border-right: none
}

.bigSale-container .viewImage {
    height: 350px
}

.bigSale-container .viewImage .image {
    object-position: 0px -10px;
    height: 350px;
    width: 100%;
    object-fit: contain
}

@media (max-width: 767.98px) {
    .bigSale #sliderBigSale .carousel-item img {
        height: 400px
    }
    .bigSale-container .opcionMenu {
        padding-left: 1rem;
        font-size: 0.85rem;
        border-right: none;
        line-height: 1.5rem
    }
}

@media (max-width: 575.98px) {
    .bigSale #sliderBigSale .carousel-item img {
        height: 250px
    }
    .bigSale-container {
        padding: 2rem 1rem
    }