/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .modal{
 	z-index: 999999!important;
 }
 .scc-modal-dialog{
 	max-width: 80%;
 }
 .modal-body{
 	border: 0;
 }
 .modal-body-container{
 	padding: 50px 70px;
 }
 .modal-body-container .max-width-65{
 	margin:0 auto;
 }
 .modal-header{
 	border: 0;
 }

 .scc-modal-close{
 	position: absolute;
 	top: 10px;
 	left: 110%;
 	padding: 1rem 1rem!important;
 	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/2em auto no-repeat;
 	border:0;
 	z-index: 100;
 }
 .modal-content{
 	border-radius: 0;
 }
 .full-screen-video{
   animation-fill-mode: none !important;
}

@media only screen and (max-width: 768px){
  	.modal-body-container{
	 	padding: 0;
	 }
	 .scc-modal-dialog{
	 	max-width: 100%;
	 	margin: 0;
	 }
	 .modal-content{
	 	border:0;
	 }
	 .scc-modal-close{
	 	z-index: 99999999;
	 	right: 10px;
	 	filter: initial;
	 	left: initial;
	 }
	 .contact-form .width-50{
	 	width: 100%!important;
	 }
	 .contact-form .max-width-65 .bg-dot-blue{
	 	height: 170px!important;
	 }
	 .contact-form .et_pb_text_inner{
	 	padding: 0!important;
	 }
}