/*******************************************************
 *
 * Default Bootstrap Modal and Forms
 *
 *******************************************************/
.modal-open #inner-page-wrapper{
    position: static !important;
}
.modal.modal-listings {
	text-align: center;
	padding: 0!important;
}
.modal.modal-listings:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}
	.modal-listings .modal-dialog {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}
	.modal-listings .modal-header{
		background: transparent !important;
		padding-top: 30px !important;
		padding-bottom: 0 !important;
	}
	.modal-listings .modal-body{
		font-size: 16px;
		line-height: 1.5em;
		padding: 0 15px 30px;
	}
	.modal-listings .modal-body p{
		margin: 10px 0;
	}
	.modal-listings .modal-title{
		font-family: 'Italiana', serif;
		font-weight: 400 !important;
		font-size: 30px !important;
		text-align: center !important;
		text-transform: uppercase;
	}
	.modal-listings .modal-content{
		float: left;
		width: 100%;
		border-radius: 0 !important;
		background: url(../../images/cf-bg.jpg) no-repeat center center transparent;
		background-size: cover;
		color: #fff;
	}
	.modal-listings .modal-content h3{
		font-size: 20px;
		font-weight: 700;
	}
	.modal-listings .modal-content p{
		font-size: 16px;
	}
		.modal-listings .modal-content p.modal-listings-paragraph{
			text-transform: uppercase;
		}
	.modal-listings .modal-header .close{
		background: transparent;
		font-size: 0 !important;
		padding: 0;
		width: 42px;
		height: 42px;
		border: none !important;
		outline: none !important;
		opacity: 1;
		text-shadow: 0 0 0 rgba(0,0,0,0);
		position: absolute;
		top: 20px;
		right: 20px;
	}
		.modal-listings .modal-header .close:before,
		.modal-listings .modal-header .close:after{
			content: '';
			display: inline-block;
			background: #8e8e8e;
			position: absolute;
			top: 50%;
			width: 57px;
			height: 1px;
		}
		.modal-listings .modal-header .close:before{
			left: -7px;
			transform: rotate(45deg);
		}
		.modal-listings .modal-header .close:after{
			right: -7px;
			transform: rotate(-45deg);
		}
	.modal-listings .modal-header,
	.modal-listings .modal-footer{
		border: solid 0 #313131 !important;
	}
		.modal.modal-listings label{
			display: block;
			text-transform: uppercase !important;
			margin-top: 5px;
			font-size: 13px;
			color: #999999;
		}
		.modal.modal-listings input[type=text],
		.modal.modal-listings input[type=tel],
		.modal.modal-listings input[type=email],
		.modal.modal-listings select,
		.modal.modal-listings textarea{
			/* border:none; */
			/* border-bottom: solid 2px #c7c7c7; */
			border: solid 1px #999999;
			background-image:none;
			background-color:transparent;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			display: block;
			width: 100%;
			height: 51px;
			padding-top: 0 !important;
			padding-bottom: 5px;
			padding-left: 15px;
			padding-right: 15px;
			margin-top: 0;
			font-size: 16px;
			text-transform: uppercase;
			outline: none !important;
			color: #999999 !important;

			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		.modal.modal-listings span.submit-send {
			display: block;
			width: 200px;
			margin: 0 auto;
			position: relative;
		}
		.modal-listings .container-fluid.text-left .row.mt-6 {
			overflow: hidden;
			margin-top: 0px !important;
			padding-top: 30px;
		}
		span.submit-send:before{
		    display: inline-block;
		    position: absolute;
		    top: 50%;
		    left: 95%;
		    width: 60px;
		    height: 1px;
		    background-color: #cbcbcb;
		    content: '';
		}
		.modal.modal-listings input[type=submit]{
			border:none !important;
			background-image:none;
			background-color: #FFF;
			border: solid 1px #c3c3c3;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			display: block;
			/* font-weight: 300; */
			font-size: 15px;
			color: #000;
			width: 200px;
			max-width: 100%;
			height: 50px;
			margin: 0 auto;
			letter-spacing: 0.15em;

			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			text-transform: uppercase;

			-ms-transition: all .3s ease;
			-moz-transition: all .3s ease;
			-webkit-transition: all .3s ease;
			-o-transition: all .3s ease;
			transition: all .3s ease;
		}
			
			.modal.modal-listings input[type=submit]:hover{
				background: #6f6f6f !important;
				/* color: #fff; */
			}
		.modal.modal-listings textarea{
			height: 55px;
			padding-bottom: 5px;
			resize: none;
		}
		.modal.modal-listings .ajax-loader{
			position: absolute;
			top: -20px;
			right: 0;
			left: 0;
			margin: 0 auto;
		}
		.modal.modal-listings div.wpcf7-response-output{
			margin: 15px 0 0;
			text-align: center;
			font-size: 12px;
			line-height: 1.2;
		}
		.modal.modal-listings .wpcf7-form-control-wrap{
			display: block;
			width: 100%;
		}
			.modal.modal-listings .use-floating-validation-tip span.wpcf7-not-valid-tip{
				position: absolute;
				width: auto;
				font-size: 12px;
				line-height: 1;
			}
			/** Share Icons */
			.share-listings{
				display: inline-block;
				vertical-align: middle;
				width: 50px;
				line-height: 50px;
				border-radius: 50%;
				background: #000;
				font-size: 24px;
				color: #FFF;
				text-align: center;
				text-decoration: none !important;
				margin: 0 7px;
			}
			.share-listings.mailto{
				font-size: 18px;
			}

@media only screen and (max-width: 991px) {
	.modal.modal-listings::before{
		display: none !important;
	}
}


@media only screen and (max-width: 480px) {
	.modal-listings .modal-header .close {
	    width: 30px;
	    height: 30px;
	}
	
	.modal-listings .modal-header .close:before {
	    left: -5px;
	    transform: rotate(45deg);
	}
	
	.modal-listings .modal-header .close:before, .modal-listings .modal-header .close:after {
	    width: 38px;
	}
	
	.modal-listings .modal-header .close:after {
	    right: -3px;
	    transform: rotate(-45deg);
	}
	
	.modal-listings .modal-title {
	    font-size: 25px!important;
	}

	.modal-listings .modal-header {
	    padding-top: 60px!important;
	}

}