.exp-container{width:100%;padding:15px 0;box-sizing:border-box;}
.exp{/*display:flex;*/flex-direction:column-reverse;width:100%;margin-bottom:15px;position:relative;flex-wrap:wrap}
.exp__label{transition:.3s;margin-bottom:5px;float:left;width:15%;text-align:right;line-height:42px;}
.exp__label:before{content:attr(data-icon);font-weight:400;font-family:Ionicons;font-size:24px;position:absolute;right:0;transform:rotateY(90deg);bottom:5px;height:38px;background:0 0;color:#000;transform-origin:left;display:flex;align-items:center;justify-content:center;transition:color .3s 0s ease,transform .3s 0s ease;width:38px}
.exp__input{border:1px solid #aaa;padding:0 15px;width:400px;height:38px;transition:.3s;font-weight:400;box-sizing:border-box;font-family:"Work Sans",sans-serif;outline:0}
.exp__input:focus{/*padding-left:38px;*/border-color:#bbb}
.exp__input:focus+label:before{transform:rotateY(0)}
.exp__input:valid{/*padding-left:38px;*/border-color:#2EAFE9}
.exp__input:valid+label{color:#2EAFE9}
.exp__input:valid+label:before{transform:rotateY(0);color:#2EAFE9;font-size:34px;content:attr(data-icon-ok)}
.exp__textarea{border:1px solid #ddd;width:100%;transition:.3s;font-weight:400;box-sizing:border-box;font-family:"Work Sans",sans-serif;outline:0;padding: 0.8rem;height: 10rem}
.exp-title{text-align:center;font-size:22px;margin-bottom:30px;font-weight:400;}
.exp-title span{display:inline-block;padding:5px;font-size:22px;background:#feffd4}
.exp img{float:left;width:4rem;height:4rem;margin-bottom:3px;margin-right:3px}

.exp__input1{border:1px solid #aaa;padding:0 10px;width:100%;height:38px;transition:.3s;font-weight:400;box-sizing:border-box;font-family:"Work Sans",sans-serif;outline:0}