#devisFromFr .devis::after{
    content : " ";
    display : block;
    height : 0;
    clear : both;
}
#devisFromFr .label-block {
    display : block;
    font-size : 14px;
    color : #333;
    width : 90px;
    float : left;
    clear : both;
    margin : 10px 0;
}
#devisFromFr .inp-txt{
    display : block;
    width : 250px;
    line-height : 28px;
    float : left;
    margin : 5px 0;
    border : none;
    border : 1px solid #c4c4c4;
    padding : 0 5px;
    color : #333;
}
#devisFromFr .inp-msg{
    display : block;
    width : 567px;
    height : 110px;
    margin : 5px 0;
    border : none;
    border : 1px solid #c4c4c4;
    resize: vertical;
    padding : 5px;
    font-family : Segoe UI;
    color : #333;
}
#devisFromFr .er{
    border-color : #f00;
}
#devisFromFr .label-inline{
    display : inline-block;
    width : 90px;
    font-size : 14px;
    color : #333;
    margin : 5px 0;
}
#devisFromFr .inp-inline{
    display : inline-block;
    line-height : 28px;
    margin : 5px 0;
    border : none;
    border : 1px solid #c4c4c4;
    width : 120px;
    padding : 0 5px;
}
#devisFromFr .long{
    width : 220px;
    margin-right : 35px;
}
#devisFromFr .push-top{
    margin-top : 10px;
}
#devisFromFr .inp-btn{
	display : block;
	float : right;
	width : 100px;
	line-height : 30px;
        margin-top : 40px;
	margin-left : 10px;
	text-align : center;
	background : #14963d;
	color : #fff;
	text-decoration : none;
	overflow: hidden;
	transition : all .4s ease-in;
	position: relative;
}
#devisFromFr .inp-btn::after{
	content: " ";
	position: absolute;
	width: 100px;
	height: 30px;
	left: 100px;
	transition : all .4s ease-in;
}
#devisFromFr .send::after{
	background: url(../../../img/icon-send.png) no-repeat;
}
#devisFromFr .cancel::after{
	background: url(../../../img/icon-cancel.png) no-repeat;
}
#devisFromFr .inp-btn:hover{
    background : #004937;
    text-indent: -200px;
    transition : all .4s ease-in;
}
#devisFromFr .inp-btn:hover::after{
	left: 0;
	transition : all .4s ease-in;	
}
#devisFromFr .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;
}
#devisFromFr .msg-e{
	color: #cd0000;
	border-color: #cd0000;
}
#devisFromFr .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: 4px;
}


