﻿.modal__booking-exit{
	display:none;
}
.modal__program{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100000;
	top :0;
	left: 0;
	background: #00000091;
	display: flex;
	flex-direction: column;
	justify-content: center;
	display: none;
}
.modal__program-show{
	display: flex !important;
}
.call{
	position: absolute;
	bottom: 80px;
	left: 50%;
	width: 80%;
	z-index: 10000;
	background:white;
	display:flex;
	flex-direction:column;
	padding:20px;
	transform: translate(-50%,0);
	box-shadow: 1px 1px 6px rgb(216, 216, 216);	
}
    .call a {
        border-bottom: 1px solid #ccc;
        text-align: right;
        padding: 10px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* flex-direction: column; */
        background: white;
        text-decoration:none;
    }

        .call a div.phones-mob {
            display: flex;
            width: 80%;
            justify-content: space-between;
            align-items: center;
            margin:0 auto;
        }

.call span{
	 color: #999;
}
.call strong{
	   color: #ff6000;
        font-weight: 700;
}
.modal__program-close{
	text-align: end;
	font-size: 30px;
	color: white;
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
}
.booking {
    position: relative;
    top: 0;
    background: var(--box-bg-primary);
    border-radius: var(--border-section);
    font-family: var(--box-font);
    font-size: var(--box-size--primary);
    width: 100%;
    max-width: var(--box-width);
    border: 2px solid var(--bg-section-title);
    /*box-shadow: 1px 1px 6px rgb(216, 216, 216);*/
    text-align: start !important;
    margin: 0 auto;
    /*display: none;*/
}
.booking::before{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:black;
}
.booking__form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--booking-form-spacing);
	padding: 20px;
}
.booking__min-height {
    min-height: var(--booking-height-min);
    overflow: hidden;
}
.section__row {
    grid-column: 1/-1;
}

.section__icon {
    font-size: var(--box-icon-primary);
    cursor: pointer;
}
.section__icon--primary {
    color: var(--bg-section-title);
}
.section__icon--secondary {
    color: var(--color-gray);
}
.section__active_horizontal {
    display: none;
}
.section__relative {
    position: relative !important;
}
.booking__flex-end {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.forzeBooking .booking__logos{
	display: none;
}

@media screen and (max-width: 490px) {
	.reserva {
        display: none;
        top: 23%;
        left: 0;
        z-index: 999999999;
        height: 100%;
        position: fixed;
        width: 100%;
    }

    .section__row .img-fluid, .TA_certificateOfExcellence {
        display: none;
    }
}

@media screen and (min-width: 889px) {
    .booking {
        display: block;
    }

    .booking__logos {
        display: none;
        padding: 10px;
        font-size: 40px;
    }

	.forzeBooking .booking__logos {
		display: grid;
		justify-content: center;
		grid-template-columns: repeat(4,63px);
		padding: 13px 33px;
        grid-gap: 10px;
		
	}   
    .forzeBooking .booking__logos img {
        width: 64px;
        height: 39px;
    }
    .forzeBooking .booking__logos .booking--only img {
        width: 54px;
        height: 39px;
    }
    .forzeBooking .box__horizontal + .booking__logos {
        display: none;
    }

    .box__horizontal.booking {
        border: 2px solid #EDEDED;
        border-radius: 5px;
    }
}

@media only screen and (max-width:890px){
	.forzeBooking .modal__booking {
		background: #0000009c;
		position: fixed;
		top: 20%;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999999;
		flex-direction: column;
		justify-content: center;
		/*display: none;*/
	}

    .forzeBooking .modal__call {
        background: #0000009c;
        position: fixed;
        top: 0;
        /*left: 0;*/
        width: 100%;
        height: 100%;
        z-index: 99999;
        flex-direction: column;
        justify-content: center;
        display: none;
    }

    .modal__booking--open, .modal__call--open {
        display: flex !important;
    }

   /* .forzeBooking .modal__booking--close, .forzeBooking .modal__call--close {
        display: none;
    }*/
	
	.forzeBooking .modal__booking-exit {
		text-align: end;
		font-size: 35px;
		color: white;
		position: absolute;
		top: 20px;
		right: 20px;
		display:none;
	}

	.forzeBooking	.modal__booking-exit i {
			cursor: pointer;
		}

}