﻿/*.header {
    height: 380px;
}
*/
.job-section {
    display: inline-grid;
    padding: 15px;
    background: #ffffff;
    border-radius: 10px;
    min-height: 0px !important;
    margin: 5px;
    cursor: default;
}

.job-section p {
    min-height: 140px;
    height: 100%;    
    margin: 0px;    
    padding: 5px 15px;    
    line-height: 24px;    
    font-size: 16px !important;    
}

.contact {
    display: none;
}

.section-job-carrers {
   min-height: 370px;
}
.header.xemplar-careers {
    min-height:450px;
}
.opening-block p {
   margin-top: 100px;
   color:#fff;
}

.header-block {
    min-height: 460px;
}

.count {
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.header-block-content{
    width:40%;
}
.xemplar-careers h1 {
    margin: 0px;
    padding: 0px;
}
.xemplar-careers h2 {
    font-family: 'AvenirLTlight', sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    margin: 0px;
    margin-bottom: 10px;
}
.xemplar-careers h4 {
    font-family: 'AvenirLTlight', sans-serif;
    font-size:25px;
    font-weight: 500;
}
.carrers-block p {
    min-height: 140px;
    height: 100%;
    margin: 0px;
    padding: 5px 15px;
    line-height: 24px;
    font-size: 16px !important;
}

.section-job-carrers .country {
    color: #ffffff;
}

.carrers-block {
    min-height: 0px !important;
    margin: 5px;
    cursor: default;
}

.carrers-blocksection {
    display: block;
    width: 30%;
    display: inline-grid;
    padding: 10px;
    /*margin: 10px 1%;*/
    min-height: 320px;
    background: #ffffff;
    border-radius: 8px;
    cursor: pointer;
    min-height: 0px !important;
    margin: 5px;
    margin-bottom: 20px;
}

.section-job-carrers h4 {
    color: #145fad;
}

.career-container-wrapper {
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.header-block-content h1 {
    text-align: left;
    font-weight: 700;
    font-size: 30px;
    margin: 0px;
    padding: 0px;
}

.header-block-content p {
    padding-right: 20px;
    text-align: left;
    padding-bottom: 10px;
    font-size: 18px;
    margin: 0;
    color: #000;
    font-weight: normal !important;
    font-family: 'AvenirLTlight', sans-serif;
    line-height: 25px;
}

.header-block-content h3 {
    font-size: 22px;
    text-align: left;
    text-transform: capitalize;
    color: #145fad;
    margin: 5px 0 5px 0;
    font-family: 'AvenirLTlight', sans-serif;
    font-weight:700;
}

.header-block-content p {
    margin-bottom: 0px !important;
    font-family: 'AvenirLTlight', sans-serif;
    color: #000000;
    font-size: 18px;
    text-align: left;
    line-height: 26px;
}
.header-block-content a {
    color: #145fad;
    text-decoration: underline;
}

.header-block-content a:hover {
    text-decoration: none;
}
.careers_inner_block {
    top: 50%;
    position:absolute;
    width: 50%;
    transform: translate(0px, -50%);
}

.section-nine-carrers {
    background: #ffffff;
    padding: 30px 0;
}
.requirment {
    width: 100%;
    margin: 0px auto;
    background: #f9f7f7;
    display: table;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #f3f2f2;
}
.requirment h1 {
    font-family: 'AvenirLTlight', sans-serif;
    text-transform: inherit;
    font-size: 30px;
    color:#145fad;
    font-weight:700;
}

.requirment p {
    font-size: 18px;
    margin-bottom:10px;
    color: #000;
    line-height:28px;
}
.requirment hr {
    border-top: 1px solid #000;
    width: 98%;
    margin-bottom: 10px;
}
.requirment h3 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
    text-decoration: underline;
}
.requirment ul {
    margin-bottom:15px;
}
.requirment li {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
    font-family: 'AvenirLTlight', sans-serif;
    width:98%;
}
.apply-now {
    margin-top:50px;
}
.apply-now .btn {
    width: 200px;
    height: 50px;
    font-size: 18px;
    font-weight: 700;
}

@media only screen and (max-width: 1366px) and (min-width:980px) {
    .header-block-content {
        width:60%;
    }
}

@media only screen and (max-width :1366px) {
    .header-block-content p {
        /*width:62%;*/
        font-size:16px;
        margin: 0;
        color: #000;
        line-height:26px;
    }
    .requirment h1{
        margin-top:0px;
    }
}



@media only screen and (max-width :1024px) {
    .header.xemplar-careers {
        min-height:470px;
    }
    .header-block-content p {
        /*width:70%*/
    }
}

    @media only screen and (max-width :980px) {

        .xemplar-careers{
            background-position:135px;
            height:420px;
        }

        .header-block-content {
            width:70%;
        }
        .header {
            height: 100%;
        }

        .header-block-content p {
            width:92%
        }

        .xemplar-careers-inner {
            height: 200px;
        }
        .careers_inner_block {
           width: 70%;
        }
    }

    @media only screen and (max-width :820px) {
        .header.xemplar-careers {
            min-height: 540px;
        }

        .header-block-content {
            width:65%;
        }
    }

    @media only screen and (max-width :780px) {
          
        .header.xemplar-careers {
            min-height:450px;
        }

        
            .header-block-content p {
                width:100%;
                font-size: 15px;
                line-height: 22px;
            }
        .section-job-carrers h4 {
            font-size: 18px;
        }
    }

    @media only screen and (max-width:768px) {
        .top-section .apply-now {
            text-align: left;
            margin-bottom: 25px;
        }
    }


    @media only screen and (max-width:640px) {
       
        .header-block-content {
            width: 75%;
        }

        .header.xemplar-careers {
            min-height:510px;
        }
        /*.xemplar-careers{
            height:420px;
        }*/

        .xemplar-careers h1 {
            font-size: 25px;
        }

        .xemplar-careers h4 {
            font-size: 18px;
            font-weight: 400;
        }

        .header-block-content h3 {
            font-size: 20px;
            font-weight: 400;
        }
    }

@media only screen and (max-width:575px) {
   .header-block-content {
        width: 95%;
    }
}

@media only screen and (max-width:475px) {
   .header-block-content {
        width:100%;
    }
}

    @media only screen and (max-width:390px) {

        .header.xemplar-careers {
            min-height: 490px;
        }
    }

