@font-face {
 // font-family: Poppins-Regular;
 // src: url('../fonts/poppins/Poppins-Regular.ttf'); 
  }

  @font-face {
  font-family: VarelaRound-Regular;
  src: url('../fonts/varela-round/VarelaRound-Regular.ttf'); 
}


    body {
		  background:#F3F7FD;
		  font-family: Poppins-Regular, sans-serif; 
	}
        
           
	.modal-contact {
	color: #434e65;
	//max-width:600px;
    // top: -6vh;//-74vh;
     margin-left:80px;
     margin-right:80px;
	}
    /**
	.modal-contact .modal-content {
		//padding: 20px;
		font-size: 16px;
		border-radius: 5px;
		border: none;
	   // box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.29);
     
	}
    **/
	.modal-contact .modal-header {
     	//background: #47c9a2;
		border-bottom: none;   
        position: relative;
		text-align: center;
		margin: -60px -20px -10px;
		border-radius: 5px 5px 0 0;
		//padding: 35px;
	}
	
	.modal-contact h4 {
	    font-family: VarelaRound-Regular;//Poppins-Regular;// 
		color: #636363;
		text-align: center;
		font-size: 26px;
		margin-top: 0;
		border-bottom: 3px solid #5cd3b4;
		font-family: VarelaRound-Regular, sans-serif;
	}
	.modal-contact .modal-content {
		//color: #999;
		color:#636363;
		border-radius: 5px;//###
    	margin-bottom: 15px;
        background: #fff;
		border: 1px solid #f3f3f3;
       // box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        padding: 25px;
         box-shadow: 0px -2px 19px 4px rgba(0, 0, 0, 0.29);
    }
	.modal-contact .form-group {
		margin-bottom: 20px;
	}
	.modal-contact label {
		font-weight: normal;
		font-size: 13px;
	}
	.modal-contact .form-control {
		min-height: 38px;
		padding-left: 5px;
		box-shadow: none !important;
		border-width: 0 0 1px 0;
		border-radius: 0;
		font-size: 16px;
	}
	.modal-contact .form-control:focus {
		border-color: #19aa8d;//teal;//#DC143C;//#ccc;
	}
	.modal-contact .input-group-addon {
		max-width: 42px;
		text-align: center;
		background: none;
		border-width: 0 0 1px 0;
		padding-left: 5px;
		border-radius: 0;
	}
    .modal-contact .btn { 
	    font-family: VarelaRound-Regular;       
        font-size: 16px;
		background: #19aa8d;
        border-radius: 3px;
		border: none;
		min-width: 140px;
        outline: none !important;
    }
	.modal-contact .btn:hover, .modal-contact .btn:focus {
		background: #179b81;
	}
	 }
	.modal-contact .btn:hover, .modal-contact .btn:disabled {
		background: #fff;
	}
	.modal-contact .hint-text {
		text-align: center;
		padding-top: 5px;
		font-size: 13px;
	}
	.modal-contact .modal-footer {
		color: #999;
		border-color: #dee4e7;
		text-align: center;
		margin: 0 -25px -25px;
		font-size: 13px;
		justify-content: center;
	}
	.modal-contact .icon-box {
		color: #47c9a2;		
		width: 95px;
		height: 95px;
		border-radius: 50%;
		z-index: 9;
		//border: 5px solid #47c9a2;
		padding: 15px;
		text-align: center;
		margin: 0 auto;//central;
	}
	.modal-contact .icon-box i {
		font-size: 58px;
		position: relative;
		top: 3px;
	}
	.modal-contact a {
		color: #fff;
		text-decoration: underline;
	}
	.modal-contact a:hover {
		text-decoration: none;
	}
	.modal-contact a {
		color: #19aa8d;
		text-decoration: none;
	}	
	.modal-contact a:hover {
		text-decoration: underline;
	}
	.modal-contact .fa {
		font-size: 21px;
	}
	.trigger-btn {
		display: inline-block;
		margin: 100px auto;
	}
	.modal-contact.modal-dialog {
		margin-top: 80px;//###
		
	}
	.bs-msg{
    	margin: 0px;
		background-color:#F0E68C;
		text-align: center;
		border-radius: 10;
    }
	.status p{
    padding: 10px;
	text-align: center;
	border: 1px dashed;
	font-size: 14px;
	margin: 0px;
	margin-bottom: 10px;
   // margin-top: -40px;
    height:100px;
    margin-left:5px;
	background-color: #fff;
	color: #fff;
}
p.success{
	color: #34A853;
	
}
p.error{
	color: #EA4335;
	border-radius: 25;
}
 
@media screen and (max-width: 992px) {
 .modal-contact , .modal-contact .modal-content   {
   margin-left:-10px;
    margin-right:-30px;
  }
}