/* The Modal (background) */
.modal-DPBSF {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */ 
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */    
  z-index: 1050;
  overflow: hidden;
  outline: 0;
}
.modal-dialog-DPBSF{
  width: 600px;
  margin: 30px auto;
  position: relative;
  width: auto; 
}

/* Modal Content */
.modal-content-DPBSF {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 40%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close-DPBSF {
  color: #959595;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-DPBSF:hover,
.close-DPBSF:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header-DPBSF {
  padding: 2px 16px 15px;
  border-bottom: 1px solid #d5d5d5;
}

.modal-body-DPBSF {padding: 10px 16px;}

.modal-footer-DPBSF {
  padding: 2px 16px;
  color: white;
}

ul.contactform li {
	list-style:none;
	margin-top: 15px;}
.contactform{margin-left:0px}
.checkboxes{
	float: left;
	margin-top: 7px;
	margin-right: 10px;
}
.getyourfile{
	text-align:right;
}
.modal-header-DPBSF h4{
color: #007aaf !important;
margin-bottom: 0;
line-height: 1.5;
font-size: 30px;
font-weight: 700;
}
.modal-DPBSF {
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 17px;
}

/* ================================= custom modal design for classic =============================*/
.headerDpbsp_classic h4 { 
	display: inline-block;
	margin-top: 5px;
}
.customModalDpbsp_classic {
	border-radius: 10px;
}
.contactformDpbsp_classic li input{
	width: 100%;
}
.checkbox_classic input{
width: 14px!important;
}
/* ================================= custom modal design for mordan =============================*/
.headerDpbsp_mordan {
	padding: 0px 16px 15px; 
}
.headerDpbsp_mordan h4 {  
	display: inline-block;
	margin-top: 5px;
}
.customModalDpbsp_mordan {
	border-radius: 10px;
}
.contactformDpbsp_mordan li input{
	width: 100%;
}
.checkbox_mordan input{
width: 14px!important;
}
.contactformDpbsp_mordan .input-from-control{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-bottom: 0;	
	display: block;
	width: 94%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

button, input {
  overflow: visible;
}

.dwn_btn_mordan{ 
    font-size: 16px;
    line-height: 28px;
    padding: 8px 16px; 
    min-height: 44px;
    border: unset;
    border-radius: 4px;
    outline-color: rgb(84 105 212 / 0.5);
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px;


    background-color: rgb(84, 105, 212);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, 
                rgb(84, 105, 212) 0px 0px 0px 1px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;       

}

/* ================================= custom modal design for Premium =============================*/

.headerDpbsp_premium h4{
    display:none;
}
.headerDpbsp_premium {
    border-bottom:none;
}
.customModalDpbsp_premium{  
	 background-color: transparent; 
	 border: none; 
	 box-shadow: none; 
}
.headerDpbsp_premium .closebtn_premium{ 
	top: 15px;
    z-index: 999999999;
    position: relative;
    right: -10px;
	background: linear-gradient(-145deg, rgba(219,138,222,1) 0%, rgba(246,191,159,1) 100%);
	border-radius: 20px;
	width: 41px;
	text-align: center;
	height: 41px; 
	color: #fff;
}

.dwn_btn_premium{  
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	background: rgb(219,138,222);
	background: linear-gradient(-145deg, rgba(219,138,222,1) 0%, rgba(246,191,159,1) 100%);
	padding: 12px 20px;
	border-radius: 5px;
	border: none;
	outline: none;
	cursor: pointer;
	transition: all .3s; 
}

/* form design */

section.contact-us-dpbsf {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 40px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}

section.contact-us-dpbsf .section-heading-dpbsf {
  position: relative; 
  display: block;
  margin: auto;
}

.section-heading-dpbsf h4 {
  line-height: 40px;
  font-size: 28px;
  font-weight: 900;
  color: #dc8cdb;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0px;
	margin-top: 10px;
}

.textarea-dpbsf {
  width: 100%;
  position: relative;
  display: block;
  background-color: #f4f7fb !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  border: none !important;
  box-shadow: none;
  border-radius: 5px;
  outline-color: #9e9e9e !important;
}

.input-dpbsf {
  height: 40px;
  padding: 0px 15px;
}

.textareaa {
  min-height: 140px;
  max-height: 180px;
  padding: 15px;
  resize: none;
}

.contact-us-dpbsf span {
  height: 0px;
  font-size: 12px;
  margin-bottom: 0px;
}

.valid_info_name-dpbsf, .valid_info_email-dpbsf, .valid_info_message-dpbsf{
  display: inline-block;
  font-size: 13px;
  margin: 5px 2px;
}

.valid-dpbsf {
  border: 2px solid green;
  outline-color: green;
}

.invalid-dpbsf {
  border: 2px solid red;
  outline-color: red;
}

.btn-dpbsf {
  display: inline-flex;
  width: 100%;
  justify-content: flex-end;
}

#form-submit-dpbsf {
  position: relative;
  display: inline-block;
  float: right;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  background: rgb(219,138,222);
  background: linear-gradient(-145deg, rgba(219,138,222,1) 0%, rgba(246,191,159,1) 100%);
  padding: 12px 20px;
  border-radius: 5px;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all .3s;
  transition: all .3s;
  width: 37%;
}

#form-submit-dpbsf:disabled {
  border: 1px solid #9e9e9e;
  background: transparent;
  color: #9e9e9e;
  transition: none;
  transform: none;
  cursor: default;
}

#form-submit-dpbsf:hover:disabled{
  border: 1px solid #9e9e9e;
  color: #9e9e9e;
  background: transparent;
  transition: none;
  transform: none;
  cursor: default;
}

.button-dpbsf:active {
	transform: scale(0.95);
}

.button-dpbsf:focus {
	outline: none;
}

.button-dpbsf.ghost {
	background-color: transparent;
	border-color: #FFFFFF;
}
#submitBtn-dpbsf{
	padding: 0px;
	line-height: 0;
	min-height: 0px;
	box-shadow: 0 0 0 transparent;
	border-radius: 0px;
	border: 1px solid transparent;
	background-color: transparent;
	color: #9e9e9e;
	margin: 0px;
	font-size: 12px !important;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit; 
	background: transparent; 
	transition: none;
	transform: none; 
	text-transform: uppercase;
	display: inline-block;
    width: 100%;
	letter-spacing: 1px;
}
#submitBtn-dpbsf::placeholder {
	color: #9e9e9e;}

.section-heading-class-dpbsf{
	line-height: 40px !important;
	font-size: 28px;
	font-weight: 900;
	color: #dc8cdb;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0px;
	width:100%
}
#section-heading-id-dpbsf{	
	padding: 0px;
	line-height: 0;
	min-height: 0px;
	box-shadow: 0 0 0 transparent;
	border-radius: 0px;
	border: 1px solid transparent;
	background-color: transparent;
}

#textareaCheckbox-dpbsf{  
	box-shadow: 0 0 0 transparent;
	border-radius: 0px;
	border: 1px solid transparent;
	background-color: transparent;
	color: #9e9e9e;
	margin: 0px;
	font-size: 12px !important;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit; 
	background: transparent; 
	transition: none;
	transform: none; 
	text-transform: uppercase;
	display: inline-block;
    width: 90%;
	letter-spacing: 1px; 
	min-height: 4px;
	height: auto;
	padding: 5px 0px 20px 5px;
	resize: block;
	float: right;
	margin-bottom: 15px;
}
.section-heading-p-dpbsf{ 
	color: #dc8cdb;
	text-align: center; 
	width:100%
}
#section-p-dpbsf{		
	padding: 0px;
	line-height: 0;
	min-height: 0px;
	box-shadow: 0 0 0 transparent;
	border-radius: 0px;
	border: 1px solid transparent;
	background-color: transparent;
}

.section-heading-class-dpbsf, .section-heading-p-dpbsf, .button-dpbsf, ::placeholder, .dwn_btn_premium{
  color: #000000 !important;
}
#form-submit-dpbsf, .headerDpbsp_premium .closebtn_premium, .dwn_btn_premium{
  background: #FF8C00;
}