#contact-form-fr .contact-form{
	width: 500px;
	margin-right:30px;
}
#contact-form-fr .contact-form::after{
   content : " ";
   display : block;
   height : 0;
   clear : both;
}
#contact-form-fr .label {
    font-size : 14px;
    color : #333;
    display : block;
    float : left;
    clear : both;
    width : 0px;
    margin : 0;
    margin-top : 8px;
}
#contact-form-fr .inp-txt{
    display : block;
    float : left;
    margin : 5px 0; 
    border : none;
    border : 1px solid #c4c4c4;
    line-height : 28px;
    width : 468px;
    padding : 0 10px;
}
#contact-form-fr .inp-msg:focus,.inp-txt:focus{
    outline : 0;
}
#contact-form-fr .inp-msg{
    display : block;
    float : left;
    border : none;
    border : 1px solid #c4c4c4;
    resize : none;
    padding : 5px;
    width : 478px;
    height : 178px; 
    margin : 5px 0;
    font-family : Segoe UI;
}
#contact-form-fr .er{
	border-color: #f00;
}
#contact-form-fr .push-top{
    margin-top : 20px;
}
#contact-form-fr .rqd {
    display : block;
    float : right;
    position : relative;
    right: 2px;
    top: 2px;
    color: #f00;

}
#contact-form-fr .inp-btn{
	display : block;
	float : right;
	width : 100px;
	line-height : 30px;
	margin-right : 10px;
	margin-top : 40px;
	text-align : center;
	background : #14963d;
	color : #fff;
	text-decoration : none;
	overflow: hidden;
	transition : all .4s ease-in;
	position: relative;
}
#contact-form-fr .inp-btn::after{
	content: " ";
	position: absolute;
	width: 100px;
	height: 30px;
	left: 100px;
	transition : all .4s ease-in;
}
#contact-form-fr .send::after{
	background: url(../../../img/icon-send.png) no-repeat;
}
#contact-form-fr .cancel::after{
	background: url(../../../img/icon-cancel.png) no-repeat;
}
#contact-form-fr .inp-btn:hover{
    background : #004937;
    text-indent: -200px;
    transition : all .4s ease-in;
}
#contact-form-fr .inp-btn:hover::after{
	left: 0;
	transition : all .4s ease-in;	
}
#contact-form-fr .msg-er{
    display: block;
    clear : both;
    font-size : 12px;
    color : #f00;
    margin-left : 90px;
    opacity : 1;
    transform : translateY(-5px);
    animation-name: errorIn;
    animation-duration: .5s;
    animation-timing-function: ease-out;
}
#contact-form-fr .msg-bk{
	display: block;
	width: 60%;
	padding-bottom: 5px;
	font-size: 18px;
	margin: 0 auto 10px;
	text-align: center;
	font-weight: bold;
	border-bottom: 2px solid;
	animation-name: errorIn;
	animation-duration: .5s;
}
#contact-form-fr .msg-e{
	color: #cd0000;
	border-color: #cd0000;
}
#contact-form-fr .msg-sc{
	color: #2bcd00;
	border-color: #2bcd00;
}
@keyframes errorIn{
    from{
        transform : translateY(-15px);
        opacity : 0;
    }
    to{
        transform : translateY(-5px);
        opacity : 1;
    }
}
input, textarea {
    border-radius: 1rem;
}