/** LP_MODAL **/

@media (min-width: 768px) {
	.modal-xl {
		width: 90%;
		max-width:1200px;
	}
}

.modal-backdrop{z-index:9998;}
.lp_modal{z-index:99999999;}
.lp_modal h2{text-transform:uppercase; font-size:20px;}
.lp_modal .modal-dialog{margin-left:auto; margin-right:auto; max-width:95%;}
.lp_modal .modal-dialog .modal-content{border:none; border-radius:12px; box-shadow:0 6px 32px 0 rgba(0, 0, 0, 0.15);}

.lp_modal .modal-header{border:none; padding:25px 40px;}
.lp_modal .modal-header .close{
	background-image:url(/img/icons/ic-close.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 10px;
	font-size: 0;
	height: 25px;
	margin-top:-15px;
	margin-right:-25px;
	opacity: 1;
	width: 25px;
}
.lp_modal .modal-header .title{color:#192233; font-size:24px; font-weight:bold;}
.lp_modal .modal-header .description{color:#7d7d7d; font-size:16px;}

.lp_modal .modal-body .form .js-channel-types #pre-description{color:#192233; font-size:16px; font-weight:bold;}
.lp_modal .modal-body{padding:15px 30px;}
.lp_modal .modal-body .title{color:#192233; font-size:24px; font-weight:bold;}
.lp_modal .modal-body .description{color:#7d7d7d; font-size:16px;}

.lp_modal .modal-body .auth-services{}
.lp_modal .modal-body .auth-services .auth-link{
	border:1px solid #a9a9a9;
	border-radius:12px;
	color:#212e50;
	display:block;
	font-size:16px;
	font-weight:500;
	padding:12px 16px;
	text-align:center;
	text-decoration:none;
}

.lp_modal .modal-body .auth-services .auth-link.facebook{background-color:#1878F2; border-color:#1878F2; color:#fff;}
.lp_modal .modal-body .auth-services .auth-link.google_oauth{}
.lp_modal .modal-body .auth-services .auth-link.apple{background-color:#000; border-color:#000; color:#fff;}

.lp_modal .modal-body .auth-services .auth-link div{display: inline-block; vertical-align: middle;}
.lp_modal .modal-body .auth-services .auth-link div.icon{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	display:none;
	height:20px;
	margin: 0 10px 4px -30px;
	vertical-align:middle;
	width:20px;
}
.lp_modal .modal-body .auth-services .auth-link div.txt{font-size: 14px;}
.lp_modal .modal-body .auth-services .auth-link.facebook .icon{background-image:url(/img/lp/icon-facebook-64.png); display:inline-block;}
.lp_modal .modal-body .auth-services .auth-link.google_oauth .icon{background-image:url(/img/lp/icon-google-64.png); display:inline-block;}
.lp_modal .modal-body .auth-services .auth-link.apple .icon{background-image:url(/img/lp/icon-apple-64.png); display:inline-block;}


.lp_modal .modal-body .auth-services .or{font-size:12px; font-weight:500; line-height:normal; position:relative;}
.lp_modal .modal-body .auth-services .or:before,
.lp_modal .modal-body .auth-services .or:after{
	border-top:1px solid #ededed;
	content:'';
	display:block;
	height:1px;
	position:absolute;
	top:50%;
	width:calc(50% - 25px);
}
.lp_modal .modal-body .auth-services .or:before{left:0;}
.lp_modal .modal-body .auth-services .or:after{right:0;}



.lp_modal .modal-body .form input[type="text"],
.lp_modal .modal-body .form input[type="email"],
.lp_modal .modal-body .form input[type="tel"],
.lp_modal .modal-body .form input[type="password"],
.lp_modal .modal-body .form select{
	border-radius: 12px;
    height:auto;
    font-size:16px;
    line-height:20px;
    padding:15px 20px;
}
.lp_modal .modal-body .form select{padding: 16px 20px;}

.lp_modal .modal-body .form .errorMessage{position: absolute; white-space: nowrap;}

.lp_modal .modal-body .form .error input[type="text"],
.lp_modal .modal-body .form .error input[type="email"],
.lp_modal .modal-body .form .error input[type="tel"],
.lp_modal .modal-body .form .error input[type="password"]{border-color:#e43d4c;}


.lp_modal .modal-body .form .success input[type="text"],
.lp_modal .modal-body .form .success input[type="email"],
.lp_modal .modal-body .form .success input[type="tel"],
.lp_modal .modal-body .form .success input[type="password"]{background-color:rgba(30,126,238,.05); border-color:#1e7eee;}

.lp_modal .modal-body .form hr{margin:10px;}
.lp_modal .modal-body .form .chosen-container-single .chosen-single{
    font-size:16px;
    line-height:20px;
    margin:2px 0;
    padding:15px 20px;
}
.lp_modal .modal-body .form .chosen-container-single .chosen-single>div{margin-top:22px; margin-right:22px;}

.btn-toggle-pass{
	background-image:url("/img/lp/reservation_activity.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size:20px;
    height:32px;
    position:absolute;
    right:20px;
    top:12px;
    width:32px;
}
.btn-toggle-pass.active{background-image:url("/img/lp/reservation_activity-b.png");}