html{scroll-behavior: smooth;}
.arroba{}
.arroba .navbar{border-top: 10px solid #015aa6}
.arroba .navbar .nav-item:not(:last-child):after{content: '|';color: #b01165}
.arroba .navbar .nav-link{color: #b01165;font-weight: bold;display: initial;}
.arroba .navbar .nav-link:hover{color: #015aa6}
.arroba .navbar .social{}
.arroba .navbar .social .item-social{padding: 2px 7px;border-radius: 20px;color: #FFF;font-size: 19px;margin-right: 2px;}
.arroba .navbar .social .item-social.fb{background-color: #055c98;padding: 2px 9px;}
.arroba .navbar .social .item-social.ig{background-color: #ba037b}
.arroba .navbar .social .item-social.ws{background-color: #2eae56}

/*.wh-header {background-image: url(../img/header-page.jpg);background-size: cover;padding: 16rem 0 6rem;position: relative;}*/
.wh-header {position: relative;}
.wh-header h2{text-shadow: 5px 2px 4px #333;}

.wh-ages{background-color: #c60a85;border-radius: 0;background-image: url("../img/wh-ages-bg.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;}
.wh-ages .ages-list{border: 2px dotted rgba(255, 255, 255, 0.6);border-radius: 30px;}
.wh-ages .ages-list li{display: inline-block;color: #fec600;font-weight: bolder;}
.wh-ages .ages-list li:not(:last-child):after{content: '|';color: #FFF;font-size: 25px;margin: 0 10px;}
.wh-ages .txt-all-ages{position: absolute;top: -15px;background: #0056a4;padding: 5px 17px;border-radius: 20px;font-weight: bold;}

.bg-class-blue{background-color: #0157a4}
.bg-class-green{background-color: #80ba28}
.bg-class-orange{background-color: #e2460b}
.bg-class-orangedark{background-color: #e95a0a}
.bg-class-white{background-color: #ebebeb}
.bg-class-pink{background-color: #cb0e8a}
.bg-class-pinkdark{background-color: #c10480}

.wh-classes{}
.wh-classes .with-bg{background-size: cover}

.wh-works{background-image: url(../img/wh-works-bg.png);background-size: cover;position: relative;}
.wh-works .card-content{}
.wh-works .card-content:not(:last-child):after{content: url(../img/plus.png);position: absolute;top: 50%;right: 0;width: 38px;display: block;}
.wh-works .card{border: 1px solid rgba(156 , 157, 159, 1)!important;border-radius: 16px 16px 16px 16px ;background-color: transparent;width: 160px;margin: 0 auto;}
/*.wh-works .col-md-2:not(:last-child) .card:after{content: url('../img/plus.png');width: 0px;height: 0px;position: absolute;right: -12px;bottom: 110px;}*/
.wh-works .card .card-header{background-color: #0157a4;border-radius: 15px 15px 0 0;padding: 15px 0 5px 0;}
.wh-works .card .card-header p{font-size: 25px;}
.wh-works .card .card-header .card-header-count{position: absolute;top: -30px;left: 34%;padding: 6px 17px;background-color: #c10480;border-radius: 60px;border: 4px solid #FFF;}
.wh-works .card .card-header .card-header-count span{font-size: 22px}
.wh-works .card .card-body {padding: 0 10px;}
.wh-works .card .card-body p{font-size: 13px;text-align: center;line-height: 13px;}

.text-blue {color: #01569b;}
.text-orange {color: #e66e14;}

footer{}
footer .foot-icon{padding: 6px 10px;border-radius: 15px; background-color: #0057a7; color: #FFF}
footer .foot-text{color: #FFF;font-size: 12px}
footer .terms-list{}
footer .terms-list li::before{content: "\2022"; color: #FFF;font-weight: bold;display: inline-block;width: 1em;margin-left: 1em;}

.btn-whatsapp{background-color: #0057a7; color: #FFF; font-weight: bold; border-radius: 25px}
.btn-nivel-blue{color: #FFF;background-color: #0157a4;font-size: 16px;padding: 5px 30px;font-weight: bold;border-radius: initial;}
.btn-nivel-blue:hover{color: #FFF}
.btn-nivel-pink{color: #FFF;background-color: #c10480;font-size: 16px;padding: 5px 30px;font-weight: bold;border-radius: initial;}
.btn-nivel-pink:hover{color: #FFF}
.btn-nivel-orange{color: #FFF;background-color: #ed6b10;font-size: 16px;padding: 5px 30px;font-weight: bold;border-radius: initial;}
.btn-nivel-orange:hover{color: #FFF}
.btn-nivel-black{color: #FFF;background-color: #1d1d1b;font-size: 16px;padding: 5px 30px;font-weight: bold;border-radius: initial;}
.btn-nivel-black:hover{color: #FFF}
.btn-nivel-purple{color: #FFF;background-color: #c1057f;padding: 5px 30px;font-weight: bold;border-radius: initial;}
.btn-nivel-purple:hover{color: #FFF}

#toTop{position: fixed;bottom: 20px;right: 40px;z-index: 2;border: none;outline: none;color: white;cursor: pointer;padding: 15px;border-radius: 10px;font-size: 18px;}


.steps-numbers{}
.steps-numbers li{display:inline-block;position: relative;margin-right: 45px;}
.steps-numbers li:not(:last-child):after {content: url('../img/step_arrow.png');position: absolute;top: 15px;left: 65px;}
.steps-numbers li a {opacity: .5}
.steps-numbers li a.active{opacity: 1}
.steps-numbers li a img{width: 50px}


.activity-checkbox {
    display:none;
}

.activity-checkbox + .activity-label
{
    /*background: #999;*/
    background-image: url("../img/checkbox.png");
    background-size: cover;
    height: 50px;
    width: 50px;
    display:inline-block;
    padding: 0 0 0 0px;
}
.activity-checkbox.inactive + .activity-label
{
    /*background-image: url("../img/checkbox.png");*/
    background: #d6d6d6 url("../img/checkbox.png");
    background-size: cover;
    height: 50px;
    width: 50px;
    display:inline-block;
    padding: 0 0 0 0px;
    border-radius: 15px;
}
.activity-checkbox.inactive:checked + .activity-label
{
    /*background-image: url("../img/checkbox.png");*/
    background: #d6d6d6 url("../img/checkbox.png");
    background-size: cover;
    height: 50px;
    width: 50px;
    display:inline-block;
    padding: 0 0 0 0px;
    border-radius: 15px;
}
.activity-checkbox:checked + .activity-label
{
    /*background: #0080FF;*/
    background-image: url("../img/checkbox_active.png");
    background-size: cover;
    height: 50px;
    width: 50px;
    display:inline-block;
    padding: 0 0 0 0px;
}
.activity-money{
    background-image: url("../img/pencil.png");
    background-size: initial;
    width: 165px;
    background-repeat: no-repeat;
    padding: 9px;
}
.activity-money input{
    background: transparent;
    border: none;
    width: 80px;
    margin-left: -10px;
    height: 30px;
    font-size: 18px;
}
.activity-money input:focus{
    outline: none;
}
.activity-money input.discount{
    color: red;
}

.card-course .card-title{color: #0058a3; font-weight: bold}
.card-course .card-category{position: absolute; background-color: rgba(0, 0, 0, 0.5)}
.card-course .card-category span{color: #FFF; text-transform: uppercase; font-size: 12px}

/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
    background-color: transparent;
    width: 285px;
    height: 285px;
    /*border: 1px solid #f1f1f1;*/
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {
    /*background-color: #bbb;*/
    color: black;
}

/* Style the back side */
.flip-box-back {
    background-color: dodgerblue;
    color: white;
    transform: rotateY(180deg);
}

.bg-light-force {
    background-color: #ebebeb!important;
}

@font-face {
    font-family: 'Aquawax-medium';
    src: url('../fonts/Aquawax-Medium-Trial.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Aquawax-Medium-Trial.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Aquawax-Medium-Trial.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Aquawax-Medium-Trial.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Aquawax-Medium-Trial.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Aquawax-Medium-Trial.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Aquawax-light';
    src: url('../fonts/Aquawax-Light-Trial.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Aquawax-Light-Trial.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Aquawax-Light-Trial.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Aquawax-Light-Trial.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Aquawax-Light-Trial.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Aquawax-Light-Trial.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Aquawax-black';
    src: url('../fonts/Aquawax-Black-Trial.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Aquawax-Black-Trial.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Aquawax-Black-Trial.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Aquawax-Black-Trial.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Aquawax-Black-Trial.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Aquawax-Black-Trial.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'DMSans-Regular';
    src: url('../fonts/DMSans-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/DMSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/DMSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/DMSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/DMSans-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'DMSans-Bold';
    src: url('../fonts/DMSans-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/DMSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/DMSans-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/DMSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/DMSans-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/DMSans-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Futura-medium';
    src: url('../fonts/Futura-medium-bt.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Futura-medium-bt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Futura-medium-bt.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Futura-medium-bt.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Futura-medium-bt.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Futura-medium-bt.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Futura-normal';
    src: url('../fonts/Futura-normal.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Futura-normal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Futura-normal.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Futura-normal.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Futura-normal.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Futura-normal.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Matahari-black';
    src: url('../fonts/Matahari-900-Black.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Matahari-900-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Matahari-900-Black.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Matahari-900-Black.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Matahari-900-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Matahari-900-Black.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.txt-aquawax-regular{font-family: 'Aquawax-medium'}
.txt-aquawax-light{font-family: 'Aquawax-light'}
.txt-aquawax-black{font-family: 'Aquawax-black'}
.txt-dmsans-regular{font-family: 'DMSans-Regular'}
.txt-dmsans-bold{font-family: 'DMSans-Bold'}
.txt-futura-medium{font-family: 'Futura-medium'}
.txt-futura-normal{font-family: 'Futura-normal'}
.txt-matahari-black{font-family: 'Matahari-black'}

#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #FEFCF1;z-index: 99;}
#status {width: 200px;height: 200px;position: absolute;left: 50%;top: 50%;background-image: url(../img/logo.png);background-repeat: no-repeat;background-position: center;background-size: contain;margin: -100px 0 0 -100px;}

.loader {
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: flex;
}

.loader span {
    display: block;
    width: 20px;
    height: 20px;
    background: #eee;
    border-radius: 50%;
    margin: 0 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.loader span:nth-child(2) {
    background: #c0057f;
}

.loader span:nth-child(3) {
    background: #e85a0d;
}

.loader span:nth-child(4) {
    background: #0057a3;
}

.loader span:not(:last-child) {
    animation: animate 1.5s linear infinite;
}

@keyframes animate {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(30px);
    }
}

.loader span:last-child {
    animation: jump 1.5s ease-in-out infinite;
}

@keyframes jump {
    0% {
        transform: translate(0, 0);
    }
    10% {
        transform: translate(10px, -10px);
    }
    20% {
        transform: translate(20px, 10px);
    }
    30% {
        transform: translate(30px, -50px);
    }
    70% {
        transform: translate(-150px, -50px);
    }
    80% {
        transform: translate(-140px, 10px);
    }
    90% {
        transform: translate(-130px, -10px);
    }
    100% {
        transform: translate(-120px, 0);
    }
}

.glider-contain {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.glider {
    margin: 0 auto;
    position: relative;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    transform: translateZ(0);
}
.glider .glider-item{
    background-size: cover;
}

.glider-track {
    transform: translateZ(0);
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    z-index: 1;
}
.glider.draggable {
    user-select: none;
    cursor: -webkit-grab;
    cursor: grab;
}
.glider.draggable .glider-slide img {
    user-select: none;
    pointer-events: none;
}
.glider.drag {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.glider-slide {
    user-select: none;
    justify-content: center;
    align-content: center;
    width: 100%;
}
.glider-slide img {
    max-width: 100%;
}
.glider::-webkit-scrollbar {
    opacity: 0;
    height: 0;
}
.glider-prev,.glider-next {
    user-select: none;
    position: absolute;
    outline: none;
    background: none;
    padding: 0;
    z-index: 2;
    font-size: 40px;
    text-decoration: none;
    left: 10px;
    border: 0;
    top: 30%;
    cursor: pointer;
    color: #c0057f;
    opacity: 1;
    line-height: 1;
    transition: opacity .5s cubic-bezier(.17,.67,.83,.67),
    color .5s cubic-bezier(.17,.67,.83,.67);
}
.glider-prev:hover,
.glider-next:hover,
.glider-prev:focus,
.glider-next:focus {
    color: #c0057f;
}
.glider-next {
    right: 10px;
    left: auto;
}
.glider-next.disabled,
.glider-prev.disabled {
    opacity: .25;
    color: #666;
    cursor: default;
}
.glider-slide {
    min-width: 150px;
}
.glider-hide {
    opacity: 0;
}
.glider-dots {
    user-select: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
}
.glider-dot {
    border: 0;
    padding: 0;
    user-select: none;
    outline: none;
    display: block;
    cursor: pointer;
    color: #ccc;
    border-radius: 999px;
    background: #ccc;
    width: 12px;
    height: 12px;
    margin: 7px;
}
.glider-dot:hover,
.glider-dot:focus,
.glider-dot.active {
    background: #a89cc8;
}
@media(max-width: 36em){
    .glider::-webkit-scrollbar {
        opacity: 1;
        -webkit-appearance: none;
        width: 7px;
        height: 3px;
    }
    .glider::-webkit-scrollbar-thumb {
        opacity: 1;
        border-radius: 99px;
        background-color: rgba(156, 156, 156, 0.25);
        box-shadow: 0 0 1px rgba(255,255,255,.25);
    }
}

.category-list img{
    width: 180px;
}
.logo-footer{
    width: 180px;
}
.activity-filter{}
.activity-filter .filter-title{color: #c1057f;font-weight: bold;}
.activity-filter label{color: #c1057f;font-weight: bold;}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    body {
        background-image: none;
    }
    .logo-footer{
        width: 120px;
    }

    .logo{
        width: 200px;
    }
    .wh-ages{background-color: #c60a85;border-radius: 0;background-image: none}
    .wh-ages .ages-list {margin-top: 10px;border: 2px dotted rgba(255, 255, 255, 0.6);
        border-radius: 15px;}
    .wh-ages .ages-list li {display: block;    padding: 2px 50px;}
    .wh-ages .ages-list li span{font-size: 16px}
    .wh-ages .ages-list li:not(:last-child):after{content: '';font-size: initial;margin: 0;}

    .wh-works .card{
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .wh-works .col-md-2:not(:last-child) .card:after {
        content: '';
    }
    .wh-works .card-content:not(:last-child):after{content: '';}

    .category-list img{
        width: 100px;
    }

    .flip-box {
        background-color: transparent;
        width: 100%;
        height: 285px;
        /*border: 1px solid #f1f1f1;*/
        perspective: 1000px; /* Remove this if you don't want the 3D effect */
    }

    #toTop {
        right: 25px;
    }

    .navbar-nav .nav-link{
        font-size: 1.4rem;
    }

    .container.wonderful .wh-internal {
        min-height: 500px;
    }
}

@media (max-width: 992px) {
    .wh-works .card-content:not(:last-child):after{content: '';}
}

@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

@media print {
    body * {
        visibility: hidden;
    }
    #printarea, #printarea * {
        visibility: visible;
    }
    #printarea {
        position: absolute;
        left: 0;
        top: 0;
    }
}