/*.flash-message{
    position: absolute;
    top: 80px;
    right: 20px;
    z-index: 9999;
    width: 25%;
}*/

.eg-text {
    color: #e56228;
}

.eg-border-transparent {
    border: transparent !important;
}

.eg-header .header-social li {
    color: #ffffff;
}

.eg-service {
    padding: 60px 0 60px;
}

.eg-server-2 {
    padding: 60px 0;
}

.eg-about {
    background-color: #f4f8fc;
    padding: 60px 0;
}

.eg-about .section-title h2 {
    font-size: 32px;
}

.eg-about .about-content {
    padding-top: 20px;
}

.eg-about .about-content .partner-logo {
    text-align: center;
}

.eg-about .about-content .partner-logo img {
    width: 100px;
}

.eg-testimonial.testimonial-section-3 {
    padding: 110px 0 295px;
}

.about-magento .section-title h2 {
    font-size: 42px;
}

.about-page-about-section .about-content-1 .about-img .about-main-img {
    border-radius: 10px;
}

.about-page-about-section .about-text-item-1 .about-text {
    padding: 0;
}

.feature-text-content .feature-list-item {
    margin: 20px 0;
}

.core-platform-section {
    padding: 110px 0;
}

.eg-portfolio {
    padding-top: 90px;
}

.eg-team-members {
    align-items: center;
    justify-content: center;
}

.refresh-button {
    background-color: #e56228;
    border-color: #e56228;
}

.refresh-button:hover {
    background-color: #ff5b2e;
    border-color: #ff5b2e;
}

/*=========================
      Start Careers
===========================*/

.vacancies-heading {
    font-weight: 600;
    font-size: 2rem;
    display: inline-block;
}

.vacancies-heading::after {
    content: '';
    display: block;
    height: 0.4rem;
    width: 5.3rem;
    background-color: black;
    margin-top: 0.6rem;
}

.filter-row {
    margin-top: 1rem;
    margin-bottom: 4rem;
}


.filter-row select,
.filter-row input {
    display: block;
    border: 1px solid #d7d7d7;
    padding: 0.8rem;
    width: 100%;
    font-size: 1rem;
    outline: none;
}

/*.career-detail {
    background-color: #f4f8fc;
}*/

.careers-content-area .apply-btn {
    color: #fff;
    font-size: 1rem;
    padding: 0.8rem 1.8rem;
    border: 1px solid;
    border-color: #fff;
    display: inline;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.careers-content-area .apply-btn span {
    width: 82%;
}

.careers-content-area .apply-btn svg {
    width: 2.5rem;
    margin-left: 3rem;
    position: relative;
    top: 0.2rem;
}

.careers-content-area .filter-row .apply-btn:hover {
    background: #60697c;
}

.job-item {
    color: #60697c;
    padding: 1rem 0;
    border-top: 1px solid;
    border-color: #60697c;
}

.job-item .left p {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}

.job-item .left h3 {
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0.3rem 0;
    color: #ff5b2e;
}

.job-item .left h4 {
    font-size: 0.8rem;
    font-weight: 400;
}

.job-item .center h4 {
    color: #ff5b2e;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

.job-item .center p {
    font-size: 0.8rem;
    margin-bottom: 0px;
}

.job-item .center h2 {
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0;
}

.job-item .right a.apply-btn {
    padding: 0.4rem 1rem;
    display: block;
    line-height: 1.9rem;
    color: #60697c;
    border-color: #60697c;
    float: right;
}

.apply_now_btn {
    padding: 0.4rem 1rem;
    display: block;
    line-height: 1.9rem;
    float: right;
    border-color: #ff5b2e !important;
    background-color: #ff5b2e;
    color: #ffffff !important;
}

.apply_now_btn:hover {
    background-color: #ffffff;
    color: #ff5b2e !important;
}

.apply_now_btn svg {
    fill: #ffffff;
}

.apply_now_btn:hover svg {
    fill: #ff5b2e;
}

.apply-job-modal.modal.modal-right .modal-dialog {
    max-width: 380px;
    min-height: calc(100vh - 0px);
}
.apply-job-modal.modal.modal-right.show .modal-dialog {
    transform: translate(0, 0);
}
.apply-job-modal.modal.modal-right .modal-content {
    height: calc(100vh - 0px);
    overflow-y: auto;
}

.apply-job-modal.modal.modal-right .modal-dialog {
    transform: translate(100%, 0);
    margin: 0 0 0 auto;
}

.apply-box {
    -webkit-box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    -moz-box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    -o-box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    background-color: #ffffff;
    padding: 15px;
}

.apply-box h5 {
    font-weight: 600;
    color: #e56228;
    padding-bottom: 5px;
    display: inline-block;
}

.apply-box h5:after {
    content: '';
    display: block;
    height: 0.3rem;
    width: 3rem;
    margin-top: 0.5rem;
    background-color: #e56228;
}

.apply-box .form-group {
    margin-bottom: .5rem;
}

.apply-box .form-group:last-of-type {
    margin-bottom: 1rem;
}

.apply-box .form-group label {
    font-size: 14px;
    font-weight: 500;
}

.apply-box .form-group input {
    border-radius: 0;
}

.apply-box .form-group .captcha {
    margin: 1rem 0 .2rem 0;
}

.apply-box button,
.apply-box button:hover {
    background-color: #e56228;
    border-color: #e56228;
    border-radius: 0;
    color: #ffffff;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .careers-content-area .job-item .right a.apply-btn {
        padding: 0.4rem 0.2rem;
        width: 100%;

    }

    .careers-content-area .apply-btn svg {
        width: 1.5rem;
        margin-left: 2rem;
        position: relative;
        top: 0.2rem;
    }
}

@media screen and (min-width:576px) and (max-width:767px) {
    .careers-content-area .job-item .right a.apply-btn {
        padding: 0.4rem 0.2rem;
        width: 100%;
        font-size: 12px;
    }

    .careers-content-area .apply-btn svg {
        width: 1rem;
        margin-left: 1rem;
        position: relative;
        top: 0.2rem;
    }
}


@media screen and (max-width:767px) {
    .vacancies-heading {
        padding: 1rem 0;
        margin-bottom: 2rem;
    }

    .filter-row select,
    .filter-row input {
        margin-bottom: 1rem;
    }

    .filter-row {
        margin-bottom: 0;
        margin-top: 0;
    }

    .job-item .right a.apply-btn {
        float: left;
        margin: 10px 0;
    }

    .careers-content-area .apply-btn {
        margin: 0 0 30px 0;
    }
}

/*=========================
      End Careers
===========================*/

.eg-footer {
    padding-bottom: 0;
}

.eg-footer {
    background-color: #f4f8fc;
}

.eg-footer .footer-social {
    background-color: #fbfcfd;
}

.eg-footer .footer-content {
    margin-top: 0;
    padding: 40px 0 20px;
    border-bottom: 2px solid #faeeee;
}

.eg-footer .footer-copyright {
    padding: 35px 0;
}

.eg-footer .footer-copyright p {
    font-size: 18px;
    font-weight: 700;
    color: #54304d;
}

.eg-footer .footer-copyright p a {
    color: #e56228;
}

.footer-social .footer-social-content .footer-social-icon li.fb-icon a {
    background-color: #4267B2;
}

.footer-social .footer-social-content .footer-social-icon li.instagram-icon a {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.footer-social .footer-social-content .footer-social-icon li.linkedin-icon a {
    background-color: #2867B2;
}

.footer-social .footer-social-content .footer-social-icon li.twitter-icon a {
    background-color: #1DA1F2;
}
