#popup-footer{
	max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#popup-footer .mfp-close{
	top: -2px;
    right: -5px;
    color: #fff;
    font-size: 34px;
	 position: absolute;
	 width: 35px;
	 height: 35px;
}
#popup-footer .mfp-close:before{
    content: '';
    position: absolute;
    right: 0;
    top: 21px;
    width: 90%;
    height: 3px;
    background-color: #fff;
    transform: rotate(44deg);
}
#popup-footer .mfp-close:after{
content: '';
    position: absolute;
    right: 0;
    top: 21px;
    width: 90%;
    height: 3px;
    background-color: #fff;
    transform: rotate(134deg);
}
#popup-footer .logo-popup{
	position: relative;
    max-width: 200px;
    display: inline-block;
    margin-bottom: 12px;
}
.mfp-wrap.footer-popup {
	background-color: transparent;
}

.border-cont{
    border: 2px solid #fff;
    padding: 30px 60px;
    position: relative;
}
.content-popup h3{
	text-align: center;
	color: #fff;
	line-height: 1.3em;
    margin-bottom: 22px;
}
.content-popup h4,
.content-popup h5,
.content-popup p{
	color: #fff;
	position: relative;
	font-family: inherit;
}
.content-popup p{
	font-size: 17px;
}
.content-popup h5,
.content-popup h4{
	margin-bottom: 0;
	font-size: 17px;
}
.content-popup h4{
	margin-top: 34px;
}
.content-popup h4:after {
    content: "";
    position: absolute;
    width: 47px;
    height: 0.10em;
    background-color: #fff;
    left: 0;
    top: -9px;
}
.content-popup .slick-dots li button:before{
	background-color: transparent;
    border: 1px solid #fff;
    width: 10px;
    height: 10px;
}
.content-popup .slick-dots li button:hover:before, 
.content-popup .slick-dots li button:focus:before, 
.content-popup .slick-dots li.slick-active button:before{
	background-color: #fff;
}
.content-popup .slick-dots{
	bottom: -87px;
}

.wrap-popup{
	    max-width: 750px;
	    margin-left: auto;
	    margin-right: auto;
}
.wrap-popup .arrow-popup{
	cursor: pointer;
	position: absolute;
	top: 50%;
    transform: translate(-50%, -50%);
}
.wrap-popup  .popup-prev{
	left: -75px;
	transform: rotate(180deg);
}
.wrap-popup  .popup-prev{
	top: 46%;
}
.wrap-popup  .popup-next{
	right: -75px;
}
.wrap-popup .arrow-popup img{
	max-width: 30px;
}

.popup-show .mfp-content{
	background-color: rgba(29, 81, 124, 0.85);
    padding: 60px;
    max-width: 950px;
    backdrop-filter: blur(8px);
	-moz-backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.popup-show .mfp-bg{
	background: transparent;
}

/* Edit for 11/09/2020 */

.col-styled {
	border: 2px solid #7f9dac;
	padding: 15px 25px;
	margin: 75px 0 50px;
}

.desc-styled {
	border: 2px solid #7f9dac;
	margin: 0 auto;
	margin-top: -40px;
	max-width: 320px;
	text-align: center;
	background-color: #fff;
	text-transform: capitalize;
	padding: 10px;
	color: #7f9dac;
}

.menu_list .menu_item .col-styled h3 {
	color: #7f9dac;
	padding-left: 15px;
	padding-top: 15px;
}

.col-styled .menu_types__list-item--main_info {
	padding-left: 15px;
	padding-right: 15px;
}

.col-styled .menu_types__list-item--price {
	right: 15px!important;
}

body #ot-reservation-widget .ot-dtp-picker.wide {
	width: 100%;
}

.menu_list .image-menu:first-child {
	display: none;
}

@media (max-width:1300px){
	.popup-show .mfp-content {
	    background-color: rgba(29, 81, 124, 0.76);
	}
}

@media (max-width:1024px){
	.popup-show .mfp-content{
		max-width: calc(100% - 40px);
	}
}

@media (max-width:768px){
	.popup-show .mfp-content{
		max-width: calc(100% - 40px);
	}
	.popup-show .mfp-content{
		padding: 25px;
	}

	.border-cont{
		padding: 15px 0 50px;
		border: 0;
	}
	.content-popup .slick-dots {
	 bottom: -58px;
	 width: auto;
    left: 50%;
    transform: translate(-50%, 0);
}
	#popup-footer .mfp-close{
		width: 25px;
		height: 25px;
		top: -20px;
	}
	.content-popup h3{
		font-size: 21px;
		text-align: left;
	}
	#popup-footer .arrow-popup{
		transform: 0;
		top: initial;
	}
	#popup-footer .wrap-popup .popup-prev {
		left: 0;
		bottom: 0;
	}
	#popup-footer .wrap-popup .popup-next{
		right: 0;
		bottom: -12px;
	}
}