body{
    font-family: Cinzel;
}

.head {
    min-height: 100px;

}

.head img {
    height: 180px;
}

.val {
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
}

.plan .title {
    color:#C71A82;
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.secondary-title{
    width: 90%;
    background-color: #399F49;
    color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5rem;
    margin-bottom: 2rem;
}

.main {
    position: relative;
}

.main > .overlay-text {
    position: absolute;
}

.main .overlay-text {
    color: white;
    top: 65%;
    padding: 15px 0 15px 11rem;
    background-color: rgba(0, 0, 0, .45);
    width: 100%;
}

.main .overlay-text p {
    font-size: 22px;
    font-family: Arial;
    font-weight: bold;
}

.main .overlay-text h3 {
    font-size: 42px !important;
    font-family: Arial;
    font-weight: bold;
}

.splide__slide{

}

.splide__arrow {
    background-color: #F3D429;
    border-radius: 4px;
}

.splide__arrow svg {
    width: 15px;
}

.item-slider img {
    width: 100px;
    float: right;
    padding: 0.5rem;
    margin-top: 1rem;
    margin-right: 1rem;
}

.slide-text {
    height: 100%;
}

.slide-text span{
    margin-left: 1rem;
    margin-right: 1rem;
    color: white;
    font-size: 12px;
}

.slider1 {
    height: 150px !important;
}

.slide-main-text {
    height: 50%;
}

.container-slide {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.item-slider {
    width: 250px;
    height: 250px;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
}

.slider-verde{
    background-color: #399F49;
}

.slider-amarillo {
    background-color: #F2D429;
}

.slider-rosa {
    background-color: #C71A82;
}

.familia{
    background-color: #399F49;
    padding: 0;
}

.familia img {
    float: left;
    max-height: 356px;
    width: auto;
}

.familia h2 {
    padding: 3rem;
    color: white;
}

.footer {
    background-color: #EAECEE;
    min-height: 120px;
}

.footer .logo {
    margin-left: auto;
    margin-right: auto;
}
.footer .logo img {
    margin-left: auto;
    margin-right: auto;
    max-height: 100px;
    height: 100px;
}

.footer .icons {
    margin-top: 1rem;
    color: #399F49;
}

.footer a{
    color: #399F49;
    text-decoration: none;
}

.footer a:hover {
    color: #F3D429;
}

.footer h5 {
    margin-top: 0.5rem;
}

.footer .texto {
    color: black;
    padding-bottom: 1rem;
}



element.style {
    width: 22px;
    height: 22px;
}
.form-check-input:checked[type=radio] {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWoAAAENAgMAAABbR8eSAAAAAXNSR0IB2cksfwAAAAxQTFRFAAAA3t7e8fHx+vr6n2+XqwAAAAR0Uk5TAP///7MtQIgAAAPGSURBVHic7dq7cdwwFIXh1ThgyNQZS9F24k5Ml4YSXAJLUODAgW14X9olcQHc17kZTqz5R/NJCQGcTuh9hRdf+x6Xfss/wtpT3sLaS/4d1l7zv6j0W85h4NOlvQW1l0s7Cny9tIPAr9xR4NOtvYW0l1s7Bny9tUPA79wx4NOjvQW0l0c7Anx9tAPAP7kjwKdne4O3l2cbD74+23DwFzcefNq1N3B72bXR4OuuDQbfc6PBp0N7g7aXQxsLvh7aUPAjNxZ8KtobsL0UbST4WrSB4CU3ErzkRoKX3Dl/wNold84JlabcGZWucP+BtQc32eAmG9x0g5tscJMNbrLBTTe4yQY32eAmG9x0g5tscJMNbrLBTTe4yQY32eAmG9x0g5tscJOpuL+cVW0V9/xT1VZxv//SpHXc+a+mrePO+axo67hz1oDruHNWgCu5swZcy60B13JrwLXcCnA1twJczy0H13PLwfXcYnADtxjcwi0Ft3BLwS3cQnATtxDcxi0Dt3HLwG3cInAjtwjcyi0Bt3JLwK3cAnAztwDczs2D27l5cDs3C+7gZsE93By4h5sD93Az4C5uBlz3VUl/kXPnp1Xc1KQLruKmf8seuPKrkvwP9sC1H/EacB23DlzHrQJXf8QrwPVnJnJwLbcGXMutADecmYjBLUdUUnA9txxczy0GNx1RCcFtJ4IycAu3FNzCLQQ3ngiKwK0HsBJwG7cM3MYtAjcfwArA7efdPLiVWwJu5RaAO867WXDP9QIHbufmwe3cLLjreoEB993m9ME93By4h5sBd97mdMG9l2c9cB93H9zH3QV3X551wP13lW1wL3cP3MvdAQfcVTbBEVfDLXA/dxvcz90Eh1wNN8AxN/F1cAR3CxzB3QAH3cRXwVEPH2rgGO46OIa7Cg57+FABx70zob/kNxB3DZwuGdsUnM6YroCT2Z/18G37s553tp3MbR7cnObBPa+o4rh58ORoc+CONAfue7QWx82BJ1e7D+5K98G9bwTjuPvgydnugTvTPXD/k8w47h54crfb4O50GxzxAjaOuw2eAO0WOCDdAsc8OI7jboEnSLsODknXwVHvu+O46+AJ1K6Bg9I1cNxz+jjuGniCtSk4LE3BcdwUHMdNwROwXYID0yU4krsER3KX4AnaPoJD00dwLPcRHMt9BE/g9h4cnN6Do7n34GjuPXiCt+cw7h04nvsFjud+gaeA9hzG/QSP4P4Ej+D+BE8h7TmM+wEew30Hj+G+g6eg9hzGfQOP4r6CR3FfwVNYew7jvoDHcZ9ODu7/BtD9iDZX4iQAAAAASUVORK5CYII=);
}
.form-check-input:checked {
    background-color: #F3D429;
    border-color: #F3D429;
}

.form-check-input{
    width: 25px;
    height: 25px;
}



.plan h2 {
    color: #9B9999;
}


.form-control {
    background-color: #F5F6FA;
    border-radius: 0.9rem;
    height: 35px;
    margin-bottom: 0.5rem;
    font-family: Spartan;
    font-size: 13px;
    border: none;
}




.table-form span {
    font-family: Spartan;
    margin-right: 0.3rem;
    float: right;
    font-size: 12px;
    color:#9B9999;
}

.cont {
    width: 94%;
    margin-right: auto;
}

.contenido {
    margin-left: 4rem;
    margin-right: 4rem;
    text-align: justify;
    color: #415364;
    font-size: 15px;
}

.table-form{

    width: 100%;
}

.form-check-input {
    margin-right: 20px;
}

.no-padding {
    margin: 0;
    padding: 0;
}


.text-spartan {
    font-family: Spartan;
}


.mensaje {
    margin: 1rem;
    width: 80%;
    text-align: center;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}


.submit{
    width: 200px;
    border-radius: 20px;
    border: none;
    background-color: #F3D429;
    height: 95px;
    font-family: sans-serif;
    margin-left: 113px;
    color: white;
    font-size: 30px;
}

.submit2{
    width: 240px;
    border-radius: 20px;
    border: none;
    background-color: #F3D429;
    height: 70px;
    font-family: sans-serif;
    color: white;
    font-size: 22px;
}


.footer .texto {
    font-size: 10px;
}

.modal .submit {
    width: 130px;
    border-radius: 5px;
    height: 50px;
    font-size: larger;
    margin-left: auto;
    margin-right: auto;
}


.modal .modal-footer {
    border: none;
}

.modal .modal-header {
    border: none;
}

.terminos {
    cursor: pointer;
    font-size: 14px;
    margin-left: 201px;
    color: #A09E9E;
    text-decoration: underline;
}

.aceptar {
    margin-left: 150px;
    color: #A09E9E;
    vertical-align: super;
}

.aceptar .form-check-input{
    margin-top: 0;
}

.dropdown-menu {
    padding: 1rem;
}

.pick {
    border-radius: 0.9rem;
}

.terminos1 {
    cursor: pointer;
    font-size: 14px;
    margin-left: 40px;
    color: #A09E9E;
    text-decoration: underline;
}

.aceptar1 {
    display: block;
    margin-top: 10px;
    margin-left: 40px;
    color: #A09E9E;
    vertical-align: super;
}

.aceptar1 .form-check-input{
    margin-top: 0;
}

input.error {
    border: solid 1px #f69191;
    background-color: #fac8c8;
}

label.error {
    font-family: Spartan;
    font-size: 10px;
    color: red;
}


.terms {
    font-family: Spartan;
    font-size: 15px;
}

.costo {
    text-align: center;
    font-family: 'Spartan';
    color: #9B9999 !important;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
}


.no-gutters .img-flex {
    max-width: 100%;
}

.no-gutters {

}

.no-gutters>div {
    padding: 0;
}

.datepicker{
    font-family: Spartan !important;
    font-size: 13px;
}

input.datepicker{
    background-color: rgb(245, 246, 250);
    height: 35px;
    margin-bottom: 0.5rem;
    font-family: Spartan;
    font-size: 13px;
    border-radius: 15px !important;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding-left: 14px;
    padding-top: 7px;
}


@media (max-width:600px){
    .terminos{
        margin-left: 0px;
    }

    .aceptar{
        margin-top: 16px;
        display: block;
        margin-left: 0px;
    }

    .no-gutters .img-flex {
        max-height: 304px !important;
    }
}

.fondo {
	background-image: url(../loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

.fondo:before {
	content:'';
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
    z-index: 100;
}

.img-placetopay{
    width: 26%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}
.img-tarjetas{
    width: 26%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}
.cd{
    padding: 0.5rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.banner-container{
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
}
.banner-container > .img-banner {
    position:absolute;
    left: -100%;
    right: -100%;
    top: -76%;
    bottom: -100%;
    margin: auto;
    min-height: 100%;
    width: 100%;
}
.menu-header {
    position: absolute;
    left: 0;
    top: 0;
}
.menu-header img {
    margin-top: 18px;
    margin-left: 10rem;
    margin-right: 10px;
    width: 215px;
}
.menu-header span {
    position: relative;
    top: 12px;
    color: white;
}
.btn-nav {
    font-family: Arial;
    font-size: 24px;
    color: white;
    text-decoration: none;
    border: 2px white solid;
    border-radius: 20px;
    padding: 10px 25px;
}
.btn-nav:hover {
    color: white;
    background-color: #399F49;
    border-color: #399F49;
}