/* ============ DEFAULTS =========== */

.modal .form-heading {
    padding: 0 15px 15px 15px;
    color: #3C4857;
    ;
}
.modal .form-heading .title {
    font-size: 22px;
}
.description {
    font-size: 13px;
    float: left;
    margin-bottom: 15px;
}

.modal form {
    background: #fff;
    padding: 0 15px 15px 15px;
    position: relative;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);
}

.modal .form-control {
    position: relative;
    z-index: 2;
    margin: 0;
    width: 100%;
    height: 40px;
    display: block;
    border: 1px solid #DDD;
    color: #3C4857;
    will-change: background-position;
    transition: all .3s cubic-bezier(.64, .09, .08, 1);
    background-position: -100%;
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 14px;
    margin-bottom: 15px;
}

.modal .form-control:focus {
    border: 1px solid #f55a4e !important;
    box-shadow: none;
    outline: 0 none;
}


/* ============ MODAL =========== */
@media only screen and (min-width: 992px) {
.modal-body {
    position: relative;
    padding: 0px;

}
 }
 @media only screen and (max-width: 992px) {
.modal-body {
    position: relative;
    padding: 0px;
	max-height: calc(100vh - 200px);
    overflow-y: auto;
}
 }
.modal-header {
    padding: 10px;
    border: none;
}

.modal-dialog {
    /* max-width: 360px; */
    margin: 80px auto;
}

button.close {
    color: #f55a4e;
    outline: none;
}

.close {
    color: #3C4857;
    opacity: 0.9;
}


/* ============ LABEL =========== */

label {
    color: #3C4857;
    font-weight: 300;
    transition: all .3s cubic-bezier(.64, .09, .08, 1);
    display: inline-block;
    font-size: 12px;
}

.floating-label {
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px);
    position: absolute
}

.label-required:before {
    content: '*';
    color: #f55a4e;
    position: absolute;
    margin-left: -15px
}

/* ============ FONT AWESOME SOCIAL ICONS =========== */

.social-line {
    margin: 10px 0;
}

.social-line a {
    font-size: 18px;
    color: #3C4857;
}

.fa-facebook {
    background-color: #3b5998;
    color: #fff;
    border-radius: 50px;
    height: 36px;
    width: 36px;
    min-width: 36px;
    padding: 11px 8px 8px 8px;
}

.fa-twitter {
    background-color: #55acee;
    color: #fff;
    border-radius: 50px;
    height: 36px;
    width: 36px;
    min-width: 36px;
    padding: 11px 8px 8px 8px;
}

.fa-google-plus {
    background-color: #dd4b39;
    color: #fff;
    height: 36px;
    width: 36px;
    min-width: 36px;
    border-radius: 50px;
    padding: 11px 8px 8px 8px;
}