﻿.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 20px 0;
	transform: translate(-50%,0);
	box-shadow: 1px 1px 6px rgb(216, 216, 216);*/	
}
    .call a {
        border-bottom: 1px solid #ccc;
        text-align: center;
        padding: 10px 10px 0;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        /*flex-direction:column;*/
        background: white;
        margin: 0 15px;
    
    }
    .call i {
        width:20px;
    }
    .call div {
        width:160px;
    }

        .call div.sm-icons {
            display: flex;
            justify-content: space-around;
            align-items: center;
            width: initial;
            text-align: center;
            border-bottom: 1px solid #ccc;
            padding: 5px 0; 
            background: #00bb2d;
            margin:0 15px;
        }

    /*.call div.sm-icons div {
      width:83%;
    }*/

    .call div.fb-btn {
        background: #3b5998;
    }

        .call div.sm-icons a {
            display: flex;
            justify-content: space-evenly;
            border: 0;
            padding: 0;
            background: none;
            color: white;
            text-align: center;
        }

            .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 !important;
	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);
	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);
}
.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: 890px) {
	.booking{
		display: block;
	}
	.booking__logos{
		display: none;
		padding: 10px;
		font-size: 40px;
	}
	.forzeBooking .booking__logos{
		display: block;
	}
	.forzeBooking .box__horizontal + .booking__logos{
		display: none;
	}
}

@media only screen and (max-width: 800px) {
    .forzeBooking .modal__booking {
        background: #0000009c;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        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: block;
	}

		.forzeBooking .modal__booking-exit i {
			cursor: pointer;
		}

    .call div.sm-icons>div {
        width:100%;
    }

    .call div.sm-icons div.container-sm {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width:100%;
    }
}

@media only screen and (min-width:600px) and (max-width:880px) {
    .call div {
        display: flex;
        width: 320px;
    }
    .call div p {
        margin-bottom: 0;
    }
    .call a {
        padding: 5px 5px;
    }
    .sm-icons div img {
        height: 25px;
        position: relative;
        width: 25px;
    }
    .call div.sm-icons div {
        display: initial;
    }
        .call div.sm-icons div.container-sm {
            display: flex;
            justify-content: space-evenly;
            width:100%;
        }
        .call span {
            margin-right: 10px;
        }

    .call a, .call div.sm-icons {
        margin:0 7%;
    }
    /*.call div.sm-icons a {
        display: block;
        width: 100%;
    }*/

}