.close {
	cursor:pointer;
	float: right;
	
	&:after, &:before {
		content:"";
		height:20px;
		width:20px;
		border-top:1px solid #000;
		position:absolute;
		top:7px;
		right:-8px;
		@include rotate(-45deg);
	}
	&:before {		
		right:6px;
		@include rotate(45deg);
	}
	&:hover {
		@include opacity(0.3);
	} 
}
.service_modal {
	position: absolute!important;
	left: 35%!important;
	top: 50%!important;
	transform: translate(-50%, -50%)!important;
	width: 30%!important;
}
.video_modal {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-height: 90%;
}
video {
	width: 100%;
	height: 100%;
}


.green_text {
	color: #1d7870;
}

@media screen and (max-width: 1200px){
	.service_modal {
		position: absolute!important;
		left: 50%!important;
		top: 50%!important;
		transform: translate(-50%, -50%)!important;
		width: 60%!important;
	}
}
@media screen and (max-width: 1000px){
	.service_modal {
		position: absolute!important;
		left: 50%!important;
		top: 50%!important;
		transform: translate(-50%, -50%)!important;
		width: 80%!important;
	}
}
.service_modal .modal-dialog {
	pointer-events:auto!important;

}