.row-contact {
    display: table;
    width: 100%;
}
.col-scontact {
    display: table-cell;
    width: 25%;
    vertical-align: top;
    padding-bottom: 40px;
}
.col-contact {
    display: table-cell;
    width: 75%;
    border-left: solid 1px #ccc;
    vertical-align: top;
}
.scontact-list {
    position: relative;
    margin: 30px 0 20px 0;
}
.scontact-list > ul {
    margin: 0;
    padding: 0 15px;
}
.scontact-list > ul > li {
    display: block;
    margin-bottom: 10px;
}
.scontact-side {
    font-family: OpenSansSemiBold;
    color: #777777;
    font-size: 15px;
}
.scontact-side:hover,.scontact-side:focus,.scontact-side:active {
    color: #0096c9;
}
.active-side {
    color: #0096c9;
    font-family: OpenSansBold;
}
.contact-box {
    position: relative;
    padding: 20px 0 0 0;
}
.contact-contain {
    position: relative;
}
.contact-head {
    border-left: solid 4px #0096c9;
    padding: 0 15px 10px 25px;
    position: relative;
    left: -2px;
    margin: 35px 0 0 0;
}
.contact-head > h3 {
    font-family: OpenSansExtraBold;
    color: #0096c9;
    font-size: 30px;
    margin: 15px 0 0 0;
}
.contact-head > hr {
    border-top: solid 2px #0096c9;
    width: 50px;
    margin: 0 !important;
}
.scontact-phone {
    margin-bottom: 15px;
    padding: 0 15px;
}
.scontact-phone > a {
    display: inline-block;
    padding: 6px 15px;
    background-color: #ffffff;
    border-radius: 50px;
    color: #0096C9;
    font-family: OpenSansBold;
    font-size: 13px;
    box-shadow: 0 0 5px #a0a0a0;
}
.scontact-phone > a:hover,.scontact-phone > a:focus,.scontact-phone > a:active {
    background-color: #ffffff;
    color: #0096C9;
}
.scontact-phone > a > .fa {
    margin-right: 5px;
}
.scontact-mail > a {
    display: inline-block;
    padding: 6px 15px;
    background-color: #ffffff;
    border-radius: 50px;
    color: #0096C9;
    font-family: OpenSansBold;
    font-size: 13px;
    box-shadow: 0 0 5px #a0a0a0;
}
.scontact-mail > a:hover,.scontact-mail > a:focus,.scontact-mail > a:active {
    background-color: #ffffff;
    color: #0096C9;
}
.scontact-mail > a > .fa {
    margin-right: 5px;
}
.scontact-mail {
    padding: 0 15px;
}
.contact-note {
    font-family: OpenSansREgular;
    color: #333333;
    padding: 0 25px;
    width: 767px;
    max-width: 100%;
}
.contact-form {
    padding: 25px;
    width: 767px;
    max-width: 100%;
}
.contact-group {
    display: table;
    width: 100%;
    margin-bottom: 15px;
}
.col-label {
    display: inline-block;
    width: 29%;
    padding: 0 15px;
    vertical-align: middle;
}
.col-cinput {
    display: inline-block;
    width: 70%;
    padding: 0 15px;
    vertical-align: middle;
}
.contact-label {
    text-transform: uppercase;
    font-family: OpenSansExtraBold;
    font-size: 13px;
}
.contact-label > .star {
    color: #0096c9;
}
.input-contact {
    border: solid 1px #777777 !important;
    font-family: OpenSansRegular;
    font-size: 13px;
}
.input-contact::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999999;
    font-family: OpenSansRegular;
    font-size: 13px;
}
.input-contact::-moz-placeholder { /* Firefox 19+ */
    color: #999999;
    font-family: OpenSansRegular;
    font-size: 13px;
}
.input-contact:-ms-input-placeholder { /* IE 10+ */
    color: #999999;
    font-family: OpenSansRegular;
    font-size: 13px;
}
.input-contact:-moz-placeholder { /* Firefox 18- */
    color: #999999;
    font-family: OpenSansRegular;
    font-size: 13px;
}
.btn-hover {
    font-size: 14px;
    background-color: #fff;
    min-width: 100px;
    font-family: OpenSansBold;
    color: #0096c9;
    border-radius: 0;
    position: relative;
    padding: 8px 12px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.btn-hover > .bg {
    height: 2px;
    display: block;
    background-color: #0096c9;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.btn-hover > .text {
    position: relative;
    z-index: 3;
}
.btn-hover:hover,.btn-hover:focus,.btn-hover:active {
    color: #fff;
}
.btn-hover:hover > .bg, .btn-hover:focus > .bg, .btn-hover:active > .bg {
    height: 100%;
}
.error-contact {
    padding: 4px 12px;
    text-align: center;
    background-color: #b50909;
    border-radius: 30px;
    font-family: OpenSansItalic;
    color: #FFFFFF;
    font-size: 12px;
    margin-bottom: 20px;
    display: none;
}
.group-captcha > .input-group-addon {
    padding: 0 !important;
    border-radius: 0 !important;
    border-color: #003050;
}
.contact-captcha {
    height: 32px;
}
@media(max-width: 991px){
    .col-scontact {
        display: block;
        width: 100%;
        padding-bottom: 15px;
        border-bottom: solid 1px #ddd;
    }
    .col-contact {
        display: block;
        width: 100%;
    }
    .row-contact {
        display: block;
    }
    .scontact-list {
        margin: 10px 0 15px 0;
    }
    .scontact-list > ul {
        text-align: center;
        border-top: solid 1px #ddd;
        padding: 0;
    }
    .scontact-phone {
        text-align: center;
    }
    .scontact-mail {
        text-align: center;
    }
    .scontact-list > ul > li {
        margin: 0;
        padding: 5px 0;
        border-bottom: solid 1px #ddd;
    }
    .contact-note {
        padding: 0 15px;
    }
    .contact-head {
        left: 0;
        padding: 15px;
        margin: 10px 0 0 0;
        border: 0;
    }
    .contact-form {
        padding: 15px 0;
    }
}