.contact_from {
    position: relative;
}
.card_info.contact_from .col-xs-6:nth-child(1) {
    float: left;
}
.contact_from .content_info {
    padding: 0 50px 0 0 ;
}
.contact_from .content_info h4 + p {
    margin: 5px 0 0;
}
.contact_from .content_info p + h4 {
    margin: 20px 0 0;
}
.contact_from .content_info a:hover {
    color: var(--color-primary);
}
.contact_from .form [class*=col-xs-]  {
    padding: 0 0 20px;
    text-align: left;

}
.contact_from input, .contact_from textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    outline: none;
    padding: 10px 40px;
}
.contact_from input:focus::-webkit-input-placeholder {
    color:transparent;
    transition: all 0.3s;
}
.contact_from input::-webkit-input-placeholder {
    color: #565658
}
.icon_contact {
    position: absolute;
    left: 15px;
    top: 13px;
    font-size: 15px !important;
}
.label-txt {
    margin: 0 0 5px;
}
/*.notificationAtInput {*/
/*    border: 1px solid #c30f0f !important;*/
/*}*/
.contact_from input + label {
    font-weight: lighter;
    margin-top: 8px;
    color: #c30f0f;
    display: none;
    text-align: left;
    font-size: 14px;
    font-style: italic;
}
.contact_from .fa-exclamation-triangle {
    position: absolute;
    top: 12px;
    right: 11px;
}
.notificationAtInput + label {
    display: block !important;
}
.contact_from .btn_allroom {
    margin: 0;
}
.contact_from .btn_allroom i {
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
}
@media (max-width: 820px) {
    .contact_from {
        width: 100%;
    }
    .contact_from .content_info {
        padding: 0;
        text-align: center;
    }
    .contact_from [class*=col-xs-] {
        text-align: center;
    }
}
@media (max-width: 600px) {
    .contact_from [class*=col-xs-] {
        width: 100%;
        padding: 0 0 10px;
    }
    .icon_contact {
        left: 13px;
    }
}