.modal-active {
	 height: 100%;
	 overflow: hidden;
}
 .modal-active body .main-wrapper {
 	 position: relative;
	 overflow: hidden;
	 height: 100%;
}
 .modal-active body .overlay {
	 position: absolute;
	 display: block;
	 top: 0;
	 right: 0;
	 left: 0;
	 bottom: 0;
	 background: black;
	 opacity: .5;
	 z-index: 9999;
}
 .modal-active body .modal.active {
	 display: block;
}
 .overlay {
	 display: none;
	 opacity: 0;
}
 .modal {
	 position: fixed;
	 display: none;
	 width: 700px;
	 max-width: 90%;
	 height: 600px;
	 max-height: 90%;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 padding: 40px;
	 margin: auto;
	 background: linear-gradient(135deg, #f59148 0%, #ed1e79 70%, #ed1e79 100%);
	 overflow-y: scroll;
	 z-index: 99999;
	 box-sizing: border-box;
}

.modal * {
	box-sizing: border-box; 
}
 .modal#pricing-modal {
	 height: 550px;
}
 .modal#get-started-modal {
	 height: 550px;
}
 .modal#pricing-modal {
	 height: 550px;
}
 .modal#roi-calculator-modal {
	 height: 550px;
}
 .modal .close {
	 position: absolute;
	 top: 20px;
	 right: 20px;
	 color: #fff;
	 font-weight: 700;
}
 .modal .close:hover {
	 cursor: pointer;
}
 .modal h2 {
	 font-size: 30px;
	 color: #fff;
	 text-align: left;
}
 .modal h2 strong {
	 font-size: 40px;
	 margin-bottom: 0;
	 line-height: 1em;
}
 .modal .yellow-bar {
	 background: #f8ba37;
	 height: 3px;
	 width: 90px;
	 margin-top: 10px;
	 margin-bottom: 30px;
}
 .modal form {
	 padding-top: 20px;
}
 .modal form input {
	 display: block;
	 width: 100%;
	 color: gray;
	 font-weight: 700;
	 margin-bottom: 20px;
	 padding: 15px;
	 border: none;
}
 .modal form input[type="submit"] {
 	 width: 250px;
	 margin: 0 0 0 auto;
	 background: #f8ba37;
	 border: 1px solid #f8ba37;
	 color: #fff;
	 font-weight: 700;
}
 .modal form input[type="submit"]:hover {
	 cursor: pointer;
	 background: transparent;
	 color: #f8ba37;
}

.modal .notification-container {
	color: #fff;
	height: auto;
	margin-top: 20px;
	text-align: left;
 }