/*html, body{*/
    /*height:100%;*/
    /*margin:0;*/
    /*position: relative;*/
/*}*/

/*body::after {*/
    /*content: '';*/
    /*display: block;*/
    /*height: 50px; !* Set same as footer's height *!*/
/*}*/

/*footer {*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    /*height: 50px;*/
/*}*/

#header {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#header .container{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.lowercase {
    text-transform: lowercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.fs-1-5em {
    font-size: 1.5em !important;
}

.fs-3em {
    font-size: 3em !important;
}

.fs-2em {
    font-size: 2em !important;
}

.fs-2-5em {
    font-size: 2.5em !important;
}

.fw-300 {
    font-weight: 300 !important;
}

h3 {
   font-weight: 300 !important;
}

.box {
    padding: 5px 10px;
}

.big-box {
    padding: 20px 40px;
}

.box-extended {
    padding: 40px 80px;
}

.box-elecciones {
    padding: 10px 30px;
    background-color: white;
    border-radius: 5px;
}

.container-black {
    background-color: rgba(0, 0, 0, 0.5);
    /*background-color: rgba(0, 0, 0, 0.5);*/
}

.icon-small {
    width: 70px !important;
    margin: 10px;
}

.icon-x-small {
    width: 30px !important;
    margin: 10px;
}

.btn-completed {
    background-color: #084679 !important;
    /*background-color: #34b8c0 !important;*/
    border: 1px solid #2fa5ac !important;
    color: white !important;
    padding: 8px 15px !important;
    border-radius: 20px !important;
}

.btn-completed-outline {
    background-color: white !important;
    border: 2px solid #68EDCB !important;
    color: #324E22 !important;
    padding: 8px 15px !important;
    border-radius: 20px !important;
}

.btn-white-outline {
    background-color: transparent !important;
    border: 2px solid white !important;
    color: white !important;
    padding: 8px 15px !important;
    border-radius: 20px !important;
}

.btn {
    font-weight: 400;
}

.btn-opciones {
    width: 100%;
    white-space: normal;
}

.btn-circuito {
    margin: 5px 0px;
    width: 200px;
}

.btn-mercado-pago {
    background-color: white;
    border: 1px solid #009EE3;
    color: #009EE3;
    display: inline-block;
    margin: 2px;
}

.btn-paypal {
    background-color: white;
    border: 1px solid #3b7bbf;
    color: #3b7bbf;
    margin: 2px;
}

.booking_day_dark {
    background-color: #0ba1b5;
}

.texto-keto {
    color: #084679;
    /*color: #34b8c0;*/
}

.texto-danger {
    color: #FF0000 !important;
}

.texto-warning {
    color: #FB8F03 !important;
}

.texto-keto-oscuro {
    color: #005247;
}

.m10 {
    margin: 10px !important;
}

.m20 {
    margin: 20px !important;
}

.m30 {
    margin: 30px !important;
}

.m40 {
    margin: 40px !important;
}

.title-keto {
    background-color: #62BAAC;
    /*background-color: #34b8c0;*/
    color: white;
    padding: 10px 20px;
    border-radius: 8px;
}

.title-keto-2 {
    border-top: 5px solid #084679;
    /*border-top: 5px solid #34b8c0;*/
    padding: 10px 20px;
}

.sugerencias {
    background-color: white;
    padding: 40px;
}

.section_lightgray {
    background-color: whitesmoke;
}

.testimonials-text {
    font-size: 1.5em;
    font-weight: 100 !important;
    color: #222222;
}

#team_section_3 {
    padding: 0px;
}

.bg-white {
    background-color: white !important;
}

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

.bg-info {
    background-color: lightskyblue !important;
}

.bg-dark {
    background-color: darkslategray !important;
}

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

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

.texto-perfil {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    font-size: 5em;
    line-height: 320px;
    color: white;
    font-weight: 200;
    vertical-align: middle
}

.medios-pago {
    margin: 15px;
    width: 72px;
}

.keto-logo {
    width: 30%;
    height: 100%;
    margin: 20px;
}

.testimonios {
    background-color: #68EDCB;
    /*background: linear-gradient(to bottom, #68EDCB, white);*/
}

.testimonios h5 {
    font-weight: 200;
    text-align: left
}

.btn-genre {
    width: 200px;
    height: 200px;
    border: none;
    background-color: #FF4DE5;
    color: white;
    border-radius: 50%
}

.btn-genre-border {
    height: 250px;
    width: 250px;
    margin: 0px auto;
    border-radius: 50%;
    padding-top: 25px;
    background-color: rgba(255, 77, 229, 0.5);
}

.btn-genre p {
    font-weight: 100;
    font-size: 1.7em;
    margin-top: 10px
}

@media (max-width: 500px){

    .keto-logo {
        width: 60%;
        height: 100%;
    }

    .image-salad {
        height: 450px;
        background-size: cover;
        background-position: center;
    }

}

@media (max-width: 680px) {

    .btn-mercado-pago {
        font-size: 1.3em !important;
        line-height: 1.3 !important;
        border-radius: 56px;
        width: 290px;
    }

    .btn-mercado-pago img {
        height: 30px !important;
    }

    .btn-paypal img {
        height: 30px !important;
    }

    .btn-paypal {
        font-size: 1.3em !important;
        line-height: 1.3 !important;
        border-radius: 56px;
        width: 290px;
    }

}

@media (max-width: 766px){

    .image-salad {
        height: 250px !important;
    }

    .medios-pago {
        margin: 10px;
        width: 52px;
    }

    .btn-genre-border {
        width: 120px;
        height: 120px;
        padding-top: 10px;
        background-color: rgba(255, 77, 229, 0.5);
    }

    .btn-genre {
        width: 100px;
        height: 100px;
        border: none;
        background-color: #FF4DE5;
        color: white;
        border-radius: 50%
    }

    .btn-genre p {
        font-weight: 100;
        font-size: 1.3em;
        margin-top: 2px;
        margin-bottom: 0px;
    }

    .btn-genre img {
        height: 30px;
    }

}


/*@media (max-width: 400px) {*/
    /*#myChart {*/
        /*height: 250px !important;*/
    /*}*/
/*}*/