/* ---- GENERAL CSS ----- */







.addpadding

{

    margin-top:-8%;

    /*background:#ededed;*/

}

.zoom {

    padding: 30px;



    transition: transform .2s;

    width:100%;

    height:auto;

    margin: 0 auto;

}

.addfont{

    font-size:18px;

}

.addfont1{

    font-size:18px;

    margin-left:6%;

}

.addline{

    margin-top: 16px;

    margin-bottom: 20px;

    border: 0;

    border-top: 1px solid #0a0a0a;

    margin-left: 0%;

    width: 260px;

}



.minustop{

    margin-top:-32px;

}

.addpad{

    background:#80808021;

}

.zoom:hover {

    -ms-transform: scale(1.5); /* IE 9 */

    -webkit-transform: scale(1.5); /* Safari 3-8 */

    transform: scale(1.1); background-color:#bdc193b0;

}



@media screen and (max-width:500px){

    .zoom:hover {

        -ms-transform: scale(1); /* IE 9 */

        -webkit-transform: scale(1); /* Safari 3-8 */



    }

}

.align-left

{

    margin-left:20px;

}



.itexpchk

{

    margin-left: 10px!important;

    float: right;

}



body {

    background: #FFF;

    font-family: 'roboto';

    font-weight: 400;

    position: relative;

    overflow-x: hidden;

    -webkit-text-size-adjust: 100%;

    -webkit-overflow-scrolling: touch;

    -webkit-font-smoothing: antialiased !important;

}

.sec-title

{

    margin-left:2%;

    font-family: roboto;

    font-weight: 400;

    color:#e5332d;

}

h3,

h4 {

    font-weight: 400;

    line-height: 1.4;

}



h1,

h2 {

    line-height: 1.5;

    font-weight: 400;

}



h5,

h6 {

    line-height: 1.4;

}



p {

    /*font-family: 'Open Sans', sans-serif;*/

    letter-spacing: 1px;

    line-height: 30px;

    font-size: 14px;

    color: #777;

}



a {

    outline: none !important;

    color: #242424;

    text-decoration: none;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease- 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



a:hover,

a:focus {

    text-decoration: none !important;

}



hr {

    width: 100px;

}



ol

{

    font-size: 13px;

}

ul {

    text-decoration: none;

    list-style: display;

    padding: 0px;

    line-height: 37px;

    font-size: 13px;

}

.btitle

{



    color:white;

    font-family: roboto;

    font-weight: 500;

    font-size: 45px;

}



@media screen and (max-width:568px){

    .btitle

    {



        color:white;

        font-family: roboto;

        font-weight: 500;

        font-size: 34px;

    }

}

.btitle1

{



    color:white;

    font-family: roboto;

    font-weight: 500;

    font-size: 32px;

}

.oldata{



    font-size: 20px;

    line-height:198%;

    margin-left:42px;

    margin-top:2%;

}



/* @media only screen and (max-width:576){

    .oldata{



        font-size: 16px !important;

        line-height:198%;

        margin-left:42px;

        margin-top:2%;

    }

} */

.nospace{

    margin-top:-32px;

}

.oldata1{



    font-size: 18px;

    line-height:198%;

    margin-left:42px;

    margin-top:2%;

}

.footermenu{



    color: white;

    margin-top: 6px;

    margin-left:-3px;



}

.footermenu1{



    color: white;

    margin-top: 6px;



}

.breadcrumb-padding170 {

    padding-top: 130px !important;

}



@media screen and (max-width:415px){

    .sec-title

    {

        margin-left:2%;

        font-family: roboto;

        font-weight: 400;

        color:#e5332d;

        font-size: 22px !important;

    }

    .section-title

    {



        margin-top: 1%;

        margin-left: 31px;

        font-size: 20px !important;

        font-family: roboto;

        font-weight: 500;

    }

    .section-title1

    {

        margin-top:-1%;

        margin-left:23px;

        font-size: 20px !important;

    }

    .oldata{

        font-size: 16px !important;

        line-height:198%;

        margin-left:42px;

        margin-top:2%;

    }

    .oldata1{

        font-size: 16px !important;

        line-height:198%;

        margin-left:42px;

        margin-top:2%;

    }

    .addfont{

        font-size:16px;

        margin-left: 6%;

    }

    .addfont1{

        font-size:16px;

        margin-left:6%;

    }

    .btitle

    {

        color:white;

        font-family: roboto;

        font-weight: 500;

        font-size: 24px;

    }

    .btitle1

    {

        color:white;

        font-family: roboto;

        font-weight: 500;

        font-size: 28px;

    }



}

.section-title

{



    margin-top: 1%;

    margin-left: 31px;

    font-size: 27px;

    font-family: roboto;

    font-weight: 500;

}

.section-title1

{



    margin-top:-1%;

    margin-left:23px;

}

.bgimg12:before {

    content: "";

    left: 0;

    width: 100%;

    height: 105%;

    display: inline-block;

    background-color: #000000eb;

    position: absolute;

    margin-top: -36px;

}





.bgimg12 {

    background: url(../img/bg/bimg.jpg) center center no-repeat;

    background-size: 100%;

    color: #fff;

    position: relative;

    width: 100%;

}

@media screen and (max-width: 650px){

    .bgimg12 {

        background: url(../img/bg/bimg.jpg) center center no-repeat;

        background-size: 0%;

        color: #fff;

        position: relative;

        width: 100%;

    }

}

@media screen and (max-width: 576px){

    .bgimg12:before {

        content: "";

        left: 0;

        width: 100%;

        height: 100%;

        display: inline-block;

        background-color: #000000eb;

        position: absolute;

        margin-top: -35px;

    }

   

}



.light-blue {

    background-color: #f4f7fa;

}



input.form-control:focus {

    box-shadow: none;

}



.form-control {

    box-shadow: none;

}



.width-100 {

    width: 100%!important;

}



.panel {

    border-radius: 0;

    overflow: hidden;

    position: relative;

    box-shadow: none;

    border: 1px solid #F1F1F1;

}

.box11{

    height:230;	  

    padding-bottom:50px;

    border: 1px solid transparent; 

    background-color: #f7f7f7;

}

.imgmarg{

    margin-left: 99px;

    max-width: 600px;

}

.iframemarg{

    margin-top:57px;

}

@media screen and (max-width:1135px){

    .imgmarg{

        margin-left: 99px;

        max-width: 500px;

    }

}

@media screen and (max-width:321px){

    .imgmarg{

        max-width: 250px;

        margin-left: 1px; 

    }

    .iframemarg{

        margin-top:57px;

        margin-left: -16px;

    }

}

@media screen and (max-width:415px) and (min-width:322px){

    .imgmarg{

        max-width: 300px;

        margin-left: 15px; 

    }

}



@media screen and (max-width:768px) and (min-width:695px){

    .iframemarg{

        margin-top:57px;

        margin-left: 176px;

    }

    .imgmarg {

        margin-left: 171px;

        max-width: 400px;

    }

}

@media screen and (max-width:694px) and (min-width:416px){

    .iframemarg{

        margin-top:57px;

        margin-left: 65px;

    }

    .imgmarg {

        margin-left: 20px;

        max-width: 400px;

    }

}

@media screen and (max-width:1150px) and (min-width:904px){

    .iframemarg {

        margin-left: -92px;

    }

    .imgmarg {

        margin-left: 80px;

        max-width: 468px;

    }

}







@media screen and (max-width:905px) and (min-width:769px){

    .iframemarg {

        margin-left: 220px;

    }

    .imgmarg {

        margin-left: 150px;

        max-width: 500px;

    }

}























@media screen and (max-width:992px){

    .box11{

        height:230;	  

        padding-bottom:50px;

        border: 1px solid transparent; 

        background-color: #f7f7f7;

        width:80%;

    }

}



@media screen and (max-width:768px){

    .box11{

        height:250;	  

        padding-bottom:50px;

        border: 1px solid transparent; 

        background-color: #f7f7f7;

        width:300px;

    }

}



@media screen and (max-width:340px){

    .box11{

        height:250;	  

        padding-bottom:50px;

        border: 1px solid transparent; 

        background-color: #f7f7f7;

        width:225px;

    }

    .iconimg {

        margin-left: 35px;

    }

}

.rowspace{

    padding-bottom: 30px

}



.titleadd {

    text-align: center;

}



@media screen and (max-width:1200px) and (min-width:992px){

    .titleadd {

        text-align: center;

        /* line-height: 3.2em; */

        font-size: 13px;

    }  

}

.icons i {

    color: #e52e2d;

    margin-left: 40%;

    font-size: 40px;

}

.icons span {

    font-size: 13px;

    color: #0a0a0a;

    border-radius: 3px;

    background-color: rgba(0,0,0,0.04);

    display: block;

    width: 40px;

    text-align: center;

    margin: 0 auto;

    left: auto;

    right: auto;

    margin-top: 10px;

    transition: 0.4s;

}

.nopadding {

    padding: 3px !important;

    margin-top: 4%;

}



.no-translate {

    transform: none !important;

}



.p-relative {

    position: relative;

}



.bg-grey {

    background-color: #F8F8F8 !important;

}



.bg-white {

    background-color: #FFF !important;

}



.bg-blue {

    background-color: rgba(52, 105, 156, 0.07) !important

}







.btn-custom {

    background-color: transparent;

    border: 1px solid #242424;

    color: #242424;

    font-weight: 600;

    padding: 10px 20px;

    border-radius: 0;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease- 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.btn-custom:hover {

    background-color: #29aafe;

    border: 1px solid #29aafe;

    color: #FFF;

}



section {

    padding: 35px 0px 50px;

    position: relative;

    background-color: #FFF;



}



.sectionadj {

    padding: 35px 0px 50px;

    position: relative;

    background-color: #FFF;

    height: 500px;

}



.parallex::before {

    background-image: linear-gradient(to right, rgba(229, 46, 45, 0.33) -6%, rgba(218, 31, 31, 0.26) 100%, #263696 100%);

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.parallex-white::before {

    background: rgba(255, 255, 255, 0.8);

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.parallex-employee::before {

    background: rgba(0, 0, 0, 0.8);

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.parallex-employer::before {

    background: rgba(60, 146, 202, 0.7);

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.heading-title {

    background-color: #29aafe;

    color: #fff;

    font-size: 20px;

    left: 66px;

    letter-spacing: 2px;

    padding: 15px 20px;

    position: absolute;

    text-transform: uppercase;

    top: -59px;

    z-index: 999;

}



.heading-title::before {

    border-color: transparent #29aafe #29aafe transparent;

    border-style: solid;

    border-width: 54px 45px 5px 6px;

    bottom: 0;

    content: "";

    height: 40px;

    left: -51px;

    position: absolute;

    width: 51px;

}



.heading-title::after {

    border-color: transparent transparent #29aafe #29aafe;

    border-style: solid;

    border-width: 6px 52px 53px 7px;

    bottom: 0;

    content: "";

    height: 50px;

    position: absolute;

    right: -58px;

    width: 58px;

}



.heading {

    background-color: #fff;

    padding: 20px;

    position: relative;

    border: 1px solid #F1F1F1;

    margin-bottom: 30px;

}



.heading .title {

    background-color: #fff;

    border-bottom: 2px solid #29aafe;

    padding: 20px 0;

    position: relative;

    text-transform: capitalize;

    font-size: 18px;

    font-weight: 600;

}



.Heading-title {

    float: left;

    margin-bottom: 70px;

    text-align: center;

    width: 100%;

}



.Heading-title-left {

    float: left;

    margin-bottom: 40px;

    text-align: left;

    width: 100%;

}



.Heading-title-left h1::before {

    background-color: #242424;

    bottom: 6px;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    right: 0;

    width: 99px;

}

@media screen and (max-width: 768px){

    .aligncenter{

        margin-left: 27%;

        padding-top: 30px;

    }  

}



.padd{



    height: 70px;



}

.sectionheight{

    height: 549px;

}



.notfound {

    position: absolute;

    left: 35%;

    top: 20%;

}

.prep{

    font-family: roboto;

    font-weight: 800;

    font-size:15px;

    margin-left: -100px;

}

.prep1{

    font-family: roboto;

    font-weight: 800;

    margin-top: -50px;

    margin-left: -100px;

}



.notfound .notfound-404 {

    height: 280px;

    /* position: relative; */

    z-index: -1;

}





.imgover{

    font-family: 'Montserrat', sans-serif;

    font-size: 150px;

    margin-left: -100px;



    font-weight: 900;

    position: absolute;

    left: 50%;

    /* top:15%; */

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    background: url('../img/error4.png') no-repeat;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-size: cover;

    background-position: center;

}

.imgbox{

    margin-top:-20px;

    height: 450px;

    width:900px;

}



@media screen and (max-width: 796px) {  

    .imgbox{

        margin-left:30px;

        height: 350px;

        width:350px;

    }

} 





@media screen and (max-width: 800px) {

    .imgover{

        font-family: 'Montserrat', sans-serif;

        font-size: 100px;

        margin-left: 20px;

        margin-top: -250px;

        font-weight: 900;

        position: absolute;

        left: 50%;



        -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        transform: translateX(-50%);

        background: url('../img/error4.png') no-repeat;

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        background-size: cover;

        background-position: center;

    }

    .prep{

        font-family: roboto;

        font-weight: 800;

        font-size:15px;

        margin-left: 30px;

    }

    .prep1{

        font-family: roboto;

        font-weight: 800;

        font-size:30px;

        margin-top: -400px;

        margin-left: 120px;

    }



    .imgbox{

        margin-left:30px;

        height: 350px;

        width:250px;

    }

} 



@media screen and (max-width: 576px) {

    .imgover{

        font-family: 'Montserrat', sans-serif;

        font-size: 85px;

        margin-left: -70px;

        margin-top: 0px;

        font-weight: 900;

        position: absolute;

        left: 50%;



        -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        transform: translateX(-50%);

        background: url('../img/error4.png') no-repeat;

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        background-size: cover;

        background-position: center;

    }

    .prep{

        font-family: roboto;

        font-weight: 800;

        font-size:15px;

        margin-left: -110px;

    }

    .prep1{

        font-family: roboto;

        font-weight: 800;

        font-size:30px;

        margin-top: -150px;

        margin-left: -100px;

    }



    .imgbox{

        margin-left:30px;

        height: 150px;



    }

} 







@media screen and (max-width: 768px){

    .resp-iframe {

        position: absolute;

        top: 0;

        left: 0;

        width: 60%;

        height: 300%;

        border: 0;

        padding-top: 20px;

        overflow: scroll;

    }



}





.Heading-title-left h1::after {

    background-color: #242424;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    right: 0;

    width: 59px;

}



.Heading-title-left h1 {

    display: inline-block;

    font-size: 50px;

    margin: -5px 0 0;

    padding-bottom: 16px;

    position: relative;

    text-align: left;

    text-transform: capitalize;



}



.Heading-title-left h1 b {

    font-weight: 600;

}



.Heading-title h1::before {

    background-color: #fff;

    bottom: 6px;

    content: "";

    height: 1px;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    width: 99px;

}



.Heading-title h1::after {

    background-color: #fff;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    width: 59px;

}



.Heading-title h1 {

    display: inline-block;

    font-size: 40px;

    margin: -5px 0 0;

    padding-bottom: 16px;

    position: relative;

    text-align: center;

    text-transform: uppercase;

    font-weight: 400;

    font-family: 'roboto';

}



.Heading-title h1 b {

    font-weight: 600;

}



.Heading-title.black h1::before {

    background-color: #242424;

    bottom: 6px;

    content: "";

    height: 1px;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    width: 99px;

}



.Heading-title.black h1::after {

    background-color: #242424;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    width: 59px;

}



.Heading-title.white {

    color: #fff !important;

}



.Heading-title.black {

    color: #242424 !important;

}



.Heading-title p {

    text-align: center;

    width: 70%;

    margin: 0 auto;

    margin-top: 20px;

    line-height: 20px;

}



.Heading-title-left p {

    text-align: left;

    width: 100%;

    line-height: 20px;

    margin-top: 20px;

}



/* ---- Small Heading ---- */



.small-heading {

    margin-bottom: 20px;

}



.Heading-title-left h3::before {

    background-color: #242424;

    bottom: 6px;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    right: 0;

    width: 99px;

}



.Heading-title-left h3::after {

    background-color: #242424;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    right: 0;

    width: 59px;

}



.Heading-title-left h3 {

    display: inline-block;

    font-size: 30px;

    margin: -5px 0 0;

    padding-bottom: 16px;

    position: relative;

    text-align: left;

    text-transform: capitalize;

}



.Heading-title-left h3 b {

    font-weight: 600;

}



.Heading-title h3::before {

    background-color: #fff;

    bottom: 6px;

    content: "";

    height: 1px;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    width: 99px;

}



.Heading-title h3::after {

    background-color: #fff;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    width: 59px;

}



.Heading-title h3 {

    display: inline-block;

    font-size: 40px;

    margin: -5px 0 0;

    padding-bottom: 16px;

    position: relative;

    text-align: center;

    text-transform: capitalize;

}



.Heading-title h3 b {

    font-weight: 600;

}



.Heading-title.black h3::before {

    background-color: #242424;

    bottom: 6px;

    content: "";

    height: 1px;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    width: 99px;

}



.Heading-title.black h3::after {

    background-color: #242424;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    width: 59px;

}



/* ---- HEADING INNER CSS ---- */



.heading-inner {

    margin-bottom: 30px;

    display: block;

    width: 100%;

    position: relative;

    overflow: hidden;

    margin-top: 20px;

}



.heading-inner .title {

    background-color: #fff;

    border-bottom: 2px solid #29aafe;

    font-size: 20px;

    font-weight: 600;

    padding: 20px 0;

    position: relative;

    text-transform: capitalize;

    float: left;

    color: #242424;

    margin-bottom: 0;

}



/* ---- BREADCRUMB CSS ----- */



.job-breadcrumb {

    background-color: #242424;

    padding: 30px;

    overflow: hidden;

}



.job-breadcrumb-img {

    background: rgba(60, 146, 202, 0.7) url("../img/parallax-map.jpg") no-repeat fixed center center / cover;

    padding: 60px 0;

    overflow: hidden;

}



.job-breadcrumb h3,

.job-breadcrumb h2 {

    color: #FFF;

    margin: 0;

    text-transform: capitalize;

    font-weight: 600;

}



.job-breadcrumb .breadcrumb {

    background-color: transparent;

    margin: 0;

}



.job-breadcrumb .breadcrumb li a {

    color: #FFF;

}



.breadcrumb > li + li::before {

    color: #FFF;

    content: "/ ";

    padding: 0 5px;

}



.breadcrumb > li.active {

    color: #FFF !important;

    text-transform: capitalize;

}



/* ---- SEARCH BREADCRUMB---- */



.breadcrumb-search {

    background: rgba(60, 146, 202, 0.7) url("../img/bg/1.jpg") no-repeat fixed center center / cover;

    padding: 70px 0;

    position: relative;

}



.breadcrumb-search .search-form-container {

    margin-top: 0;

}



.breadcrumb-search .form-group input.form-control {

    border-color: #f1f1f1;

    border-radius: 0;

    height: 60px;

    width: 100%;

}



.breadcrumb-search .form-inline .form-group {

    width: 100%;

}



.breadcrumb-search .btn-search-submit {

    border-radius: 0;

    font-size: 16px;

    font-weight: 600;

    height: 60px;

    width: 100%;

    margin-top: 0;

}



.breadcrumb-search .select2-container--default .select2-selection--single {

    border: medium none;

    border-radius: 0;

    height: 60px;

}



.breadcrumb-search .select2-container--default .select2-selection--single .select2-selection__rendered {

    border-left: 1px solid #f1f1f1;

    line-height: 60px;

    padding-left: 15px;

}



.breadcrumb-search .select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 60px;

}



/* ---- SPINNER CSS ---- */



#spinner {

    background: #fff;

    height: 100%;

    left: 0;

    opacity: 1;

    filter: alpha(opacity=100);

    position: fixed;

    text-align: center;

    top: 0;

    width: 100%;

    z-index: 999999999;

}



.spinner-img {

    left: 0;

    position: fixed;

    top: 50%;

    width: 100%;

    transform: translateY(-50%);

}



.first-heading {

    margin-top: 0;

}



.first-heading .title {

    padding-top: 0;

}



/* ---- PAGINATION CSS ---- */



.pagination-box {

    position: relative;

    overflow: hidden;

    text-align: center;

}



.pagination {

    margin: 0;

}



.pagination > li > a,

.pagination > li > span {

    padding: 7px 5px;

    color: #242424;

    font-size: 16px;

    border: none;

    margin-right: 10px;

    margin-bottom: 10px;

    border: 1px solid #f1f1f1;

}



.pagination > li.active > a {

    background-color: #29aafe;

    border: 1px solid #29aafe;

    font-weight: 600;

}



.pagination > .active > a,

.pagination > .active > a:focus,

.pagination > .active > a:hover,

.pagination > .active > span,

.pagination > .active > span:focus,

.pagination > .active > span:hover {

    background-color: #29aafe;

    border: 1px solid #29aafe;

}



.pagination > li > a:hover {

    background-color: #29aafe !important;

    color: #FFF;

    border: 1px solid #29aafe;

}







/* ----  NAVIGATION ---- */



.navbar-brand {

    font-size: 24px;

}



.navbar {

    margin-bottom: 0;

    background-color: transparent;

    position: relative;

    width: 100%;

    z-index: 999;

    border: none;

    border-radius: 0;

    padding: 15px 15px;

    border-bottom: 1px solid #f1f1f1;

    background-color: #FFF;

}



.navbar-toggle {

    background-color: #29aafe;

    margin: 0;

    border-radius: 0;

}



.navbar-toggle .icon-bar {

    background-color: #FFF;

}



.navbar-brand.fixed-theme {

    font-size: 18px;

}



.navbar-container.fixed-theme {

    padding: 0;

}



.navbar-brand.fixed-theme,

.navbar-container.fixed-theme,

.navbar.navbar-fixed-top.fixed-theme,

.navbar-brand,

.navbar-container {

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease- 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.navbar-nav > li > a {

    color: #242424;

    padding: 10px 20px;

    text-transform: uppercase;

    font-weight: 600;

}



.navbar-nav > li > a:hover,

.nav .open > a,

.nav .open > a:focus,

.nav .open > a:hover {

    color: #060e14;

    background-color: transparent;

}



.navbar-nav > li > .dropdown-menu {

    padding: 0;

    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.176);

}



.navbar-nav > li > a i {

    margin-left: 5px;

}



#navbar ul li ul li {

    border-bottom: 1px solid #ededed;

    display: block;

    position: relative;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease- 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



#navbar ul li ul li a {

    color: #242424;

    display: inline-block;

    font-size: 12px;

    line-height: 20px;

    padding: 15px 20px;

    width: 100%;

    font-weight: 600;

    text-transform: capitalize;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease- 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



#navbar ul li ul li a:hover {

    background-color: transparent;

    color: #29aafe !important;

}



#navbar a.btn {

    background-color: #242424;

    border: medium none;

    border-radius: 0;

    color: #fff;

    letter-spacing: 1px;

    padding: 15px 55px;

    text-transform: uppercase;

    position: relative;

    overflow: hidden;

    font-weight: 600;

}



.dashboard-avatar {

    border: 2px solid #fff;

    border-radius: 50px;

    display: inline-block;

    margin-left: 20px;

    position: relative;

    vertical-align: middle;

}



.header3 #navbar a.btn {

    padding: 8px 30px;

    font-weight: 600;

}



#navbar a.btn:hover {

    background-color: #24a35a;

    color: #FFF;

}



.navbar-nav {

    float: right;

}



.dropdown-menu > li > a {

    white-space: normal !important;

}



.p-job {

    background-color: #29aafe !important;

    color: #FFF !important;

    font-weight: 600;

    border: 1px solid #29aafe;

}



li.no-bg:hover a {

    background-color: #2088cb;

}



.g-job {

    background-color: transparent !important;

}



.p-job i,

.login-header-btn i {

    margin-right: 5px;

}



.login-header-btn {

    background-color: #ffffff !important;

    color: #e52e2d !important;

    border: 1px solid #1a1a1b!important;

    padding: 0px 14px!important;

    font-size: 13px!important;

}



li.no-bg .login-header-btn:hover {

    background-color: #fff !important;

    color: #FFF !important;

}



.login-btn-no-bg {

    margin-left: 15px !important;

}



/* ----  HEADER 2 ---- */



#header2 {

    background-color: transparent;

    position: absolute;

    border-bottom: none;

    padding: 0;

    top: 0.6%;

}



#header2 .navbar-container {

    background-color: #FFF;

    padding: 15px;

}



#header2 profile-pic img {

    margin-left: 20px;

}



#header2 .mega-menu {

    background-color: transparent;

}



#top-bar ul {

    box-shadow: 0 0 4px rgba(255, 255, 255, 0.176);

}



#top-bar ul li a {

    color: #FFF;

    background-color: rgba(255, 255, 255, 0.4);

    padding: 10px 30px;

}



/* ---- TOP SEARCH HOME 2 ---- */



.search-transparent {

    width: 100%;

}



.search-transparent .search-form {

    display: inline-block;

    float: right;

    position: relative;

    width: 100%;

}



.search-transparent .search-field,

.search-transparent .search-submit {

    height: 3.75rem;

}



.search-transparent .search-field {

    position: absolute;

    right: 0;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    background-color: transparent;

    border: none;

    border-bottom: 1px solid #FFF !important;

    box-sizing: border-box;

    color: #FFF;

    cursor: pointer;

    font-size: 2.25rem;

    font-weight: 600;

    opacity: 0;

    padding-right: 3.75rem;

    width: 0;

    z-index: 3;

}



.search-transparent .search-field:focus {

    cursor: text;

    opacity: 1;

    outline: none;

    width: 100%;

    z-index: 1;

}



.search-transparent .search-field:focus:hover ~ .search-submit .fa-search {

    color: #FFFFFF;

}



.search-transparent .search-field:hover ~ .search-submit .fa-search {

    color: white;

}



.search-transparent .search-submit {

    -webkit-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    background-color: transparent;

    border: none;

    float: right;

    position: relative;

    width: 3.75rem;

    z-index: 2;

}



.search-transparent .search-submit:hover .fa-search {

    color: white;

}



.search-transparent .fa-search {

    -webkit-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    color: #FFFFFF;

    font-size: 2.25rem;

}



.image-as-background {

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}



.screen-reader-text {

    height: auto;

    width: 1px;

    clip: rect(1px, 1px, 1px, 1px);

    height: 1px;

    overflow: hidden;

    position: absolute !important;

}



.screen-reader-text:hover,

.screen-reader-text:active,

.screen-reader-text:focus {

    height: auto;

    width: auto;

    background-color: #000000;

    border-radius: 2px;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    color: #FFFFFF;

    display: block;

    font-size: 0.875rem;

    font-weight: 700;

    left: 0.3125rem;

    line-height: normal;

    padding: 0.9375rem 1.4375rem 0.875rem;

    text-decoration: none;

    top: 0.3125rem;

    z-index: 100000;

}



.txt-rotator-bg {

    background: rgba(0, 0, 0, 0) url("../img/bg/3.jpg") no-repeat fixed center top / cover;

    height: 600px;

    padding-top: 300px;

}



.txt-rotator-bg h3 {

    display: inline-block;

    text-transform: capitalize;

    font-size: 40px;

    font-weight: 600;

    color: #FFF;

}



.txt-rotator-bg .typed-cursor {

    font-size: 40px;

    color: #FFF;

    opacity: 1;

    -webkit-animation: blink 0.7s infinite;

    -moz-animation: blink 0.7s infinite;

    animation: blink 0.7s infinite;

}



@keyframes blink {

    0% {

        opacity: 1;

    }

    50% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}



@-webkit-keyframes blink {

    0% {

        opacity: 1;

    }

    50% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}



@-moz-keyframes blink {

    0% {

        opacity: 1;

    }

    50% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}



/* ----  SEARCH BAR ON SCROLL ---- */



.search {

    background-color: #FFF;

    display: none;

    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.21);

    -webkit-animation: fadeInDown 1s both;

    animation: fadeInDown 1s both;

}



@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        -ms-transform: translateY(-20px);

        transform: translateY(-20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

    }

}







.form-control:focus {

    box-shadow: none;

}



.search.navbar-fixed-top {

    display: block;

}



.search-field {

    border-radius: 0;

    border: none;

    height: 60px;

    box-shadow: none;

    color: #CCC;

    border-left: 1px solid #CCC;

}



.search .btn-default {

    margin: 0;

    border-radius: 0;

    background-color: transparent;

    color: #242424;

    border: none;

}



.search .btn-default.active,

.search .btn-default:active,

.search .btn-default:hover,

.search .btn-default:focus,

.search .open > .dropdown-toggle.btn-default {

    background-color: transparent !important;

    border: none !important;

    color: #242424;

}



.search .open > .dropdown-menu {

    padding: 0;

    margin: 0;

    margin-left: 20px;

    border-radius: 0;

    width: 250px;

}



.search .dropdown-menu > li > a {

    padding: 10px 10px;

}



.search .dropdown-menu > li > a:hover {

    background-color: #29aafe;

    color: #FFF;

}



.search.fa {

    font-size: 20px;

}



/* ---- HOME 3 SLIDER---- */



.slider-container {

    padding: 0;

}



.slider-grid-3 {

    width: 100%;

    position: relative;

}



.slider-grid-3 .tt-slider-title {

    font-family: 'Source Sans Pro', sans-serif;

    font-size: 45px;

    line-height: 90px;

    font-weight: 900;

    color: #fff;

    text-transform: uppercase;

}



.slider-grid-3 .tt-slider-title span {

    font-weight: 300;

}



.slider-grid-3 .tt-slider-subtitle {

    font-size: 34px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 30px;

    color: #fff;

    font-family: 'Source Sans Pro', sans-serif;

}



.slider-grid-3 .tt-slider-small-text {

    color: #fff;

    font-size: 18px;

    line-height: 30px;

    font-weight: 300;

    font-family: 'Source Sans Pro', sans-serif;

}



.slider-grid-3 .btn-default {

    background-color: transparent;

    border: 1px solid #FFF;

    color: #FFF;

}



.slider-grid-3 .btn-default:hover {

    color: #FFF !important;

}



/* ---- HEADER 4 TRANSPARENT ---- */



.transparent-header {

    top: 0% !important;

}



.transparent-header nav {

    box-shadow: none;

}



.transparent-header img {

    margin-left: 0 !important;

}



.transparent-header .mega-menu > section.menu-list-items {

    background-color: transparent !important;

    border-bottom: 1px solid;

    border-color: rgba(255, 255, 255, 0.5);

    padding: 30px 0;

}



.transparent-header .mega-menu .menu-links > li > a {

    color: #FFF !important;

}



.transparent-header .menu-links .profile-pic a span {

    color: #FFF !important;

}



.slidershow-bg .search-main-title {

    color: #fff;

    font-size: 40px;

    margin-bottom: 30px;

    margin-top: 0;

    text-align: center;

    text-transform: capitalize;

}



.slidershow-bg .form-group {

    width: 100%;

}



.slidershow-bg .form-group input.form-control {

    border-color: #f1f1f1;

    border-radius: 0;

    height: 60px;

    width: 100%;

}



.slidershow-bg .btn-search-submit {

    border-radius: 0;

    font-size: 16px;

    font-weight: 600;

    height: 60px;

    width: 100%;

    margin-top: 0;

}



.slidershow-bg .btn-search-submit i {

    margin-left: 10px;

}



.slidershow-bg .select2-container--default .select2-selection--single .select2-selection__rendered {

    border-left: 1px solid #f1f1f1;

    line-height: 60px;

    padding-left: 15px;

}



.slidershow-bg .select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 60px;

}



.slidershow-bg .select2-container--default .select2-selection--single {

    border: medium none;

    border-radius: 0;

    height: 60px;

}



/* ---- MAIN SECTION HOME 1 ---- */



.main-section {

    padding: 0;

    background: url("../img/slider/slider1.jpg") ;

    height:475px;

    background-position:center;

    background-blend-mode: overlay;

    background-size: 100% 100%;



}



.privecy-sectionvb{

    height: 400px;

}



.privecysv{

    margin-top: 42px;

    margin-left: 120px;

    font-size: 23px;

}



@media screen and (max-width:1200px){

    .privecysv{

        margin-top: 42px;

        font-size: 20px;

        margin-left: 10px;

    }



}

/* @media screen and (max-width: 415px){

    .privecysv {

        margin-top: 42px;

        margin-left: 120px;

        font-size: 23px;

    }

} */

.banner-title h1{

    color:white;

    margin-left:-4%;

}

.main-section .form-group input.form-control {

    height: 60px;

    border-radius: 0;

    width: 100%;

    border-color: #F1F1F1;

    font-size: 16px;

}



.main-section .select2-container--default .select2-selection--single {

    height: 60px;

    border-radius: 0;

    border: none;

}



.main-section .select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 60px;

}



.main-section .select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 60px;

    padding-left: 55px;

    border-left: 1px solid #F1F1F1;

}



.main-section .form-group {

    width: 100%;

}



.main-section .btn-search-submit {

    height: 60px;

    border-radius: 0;

    width: 100%;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    margin: 0;

    background-color: rgb(204, 40, 39);

}



.form-inline .btn-search-submit i {

    margin-left: 10px;

    margin-top:-4px;

}



.search-form-container {

    position: relative;

}





.main-section .search-main-title {

    margin-top: 0;

    margin-bottom: 30px;

    color: #FFF;

    font-size: 31px;

    text-align: center;

    text-transform: capitalize;

}



.static-bg .search-main-title {

    margin-top: 0;

    margin-bottom: 15px;

    color: #242424;

    font-size: 40px;

    text-align: center;

    font-weight: 600;

    text-transform: capitalize;

}



.static-bg p {

    color: #242424;

    width: 80%;

    text-align: center;

    margin: 0 auto;

}



.static-bg .btn {

    margin-top: 30px;

}



.static-bg .search-form-container {

    text-align: center;

}



.tag-inner,

.advance-search-inner {

    padding: 10px 0px;

}



.tag-inner .tag-title {

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

}



.tag-inner a {

    margin-left: 20px;

    color: #d6d6d6;

    text-transform: uppercase;

    font-style: oblique;

}



.tag-inner a:hover {

    color: #fff;

}



.advance-search-inner a {

    color: #fff;

    border-bottom: 1px solid #fff;

    padding-bottom: 4px;

    font-size: 14px;

    text-align: center

}



/* ---- INDEX 5 MAIN SECTION ---- */



.index5-main-section {

    padding: 0;

}



.index5-main-section .employee-main-section {

    background: rgba(60, 146, 202, 0.7) url("../img/index5-1.jpg") no-repeat scroll center center / cover;

    height: 540px;

    padding: 140px 90px;

}



.index5-main-section .employer-main-section {

    background: rgba(60, 146, 202, 0.7) url("../img/index5-2.jpg") no-repeat scroll center center / cover;

    height: 540px;

    padding: 140px 90px;

    border-right: 5px solid #29aafe;

}



.index5-main-section .employer-main-section h1 {

    color: #FFF;

    font-size: 40px;

    text-align: left;

    position: relative;

    text-transform: capitalize;

    line-height: 50px;

}



.index5-main-section .employee-main-section h1 {

    color: #FFF;

    font-size: 40px;

    text-align: left;

    position: relative;

    text-transform: capitalize;

    line-height: 50px;

}



.index5-main-section .employee-main-section .btn-default {

    position: relative;

    float: left;

}



.index5-main-section .employer-main-section .btn-default {

    position: relative;

    float: left;

}



.index5-main-section p {

    margin: 0;

    color: #FFF;

    position: relative;

}



.employer-main-section .btn-default {

    background-color: transparent;

    color: #FFF;

    border: 1px solid #FFF;

    text-transform: capitalize;

}



.header-top {

    background: #242424 none repeat scroll 0 0;

    padding: 10px 0;

}



.header-top i {

    color: #29aafe;

    font-size: 14px;

}



.header-top-white {

    background-color: #FFF;

    padding: 20px 0;

}



.header-top-white i {

    color: #242424;

}



.header-top-white .header-top-info > p a {

    color: #242424;

    line-height: 42px;

    margin-left: 10px;

}



.header-top-white .btn-default {

    margin-top: 0;

    background-color: #F1F1F1;

    color: #242424;

    border: 1px solid #FFF;

}



.header-top-white .btn-default:hover {

    background-color: #F1F1F1;

    color: #242424;

    border: 1px solid #FFF;

}



.header-top-white .form-control {

    height: 42px;

    background-color: #F1F1F1;

    border: 1px solid #FFF;

}



.header-top-white .header-top-right p {

    float: right;

}



.full-width {

    min-height: 40px;

    background-color: #000;

}



.full-width section.menu-list-items {

    padding: 0 !important;

    background-color: #000;

}



.full-width section.menu-list-items ul {

    width: 100%;

}



.mega-menu.full-width .menu-links > li > a {

    color: #FFF;

}



.mega-menu.full-width .menu-links > li.no-bg {

    float: right;

}



.header-top-info > p {

    border-left: 1px #29aafe;

    color: #6f747d !important;

    display: inline-block;

    font-size: 14px;

    line-height: 1;

    padding: 0 19px 0 20px;

    margin-bottom: 0;

}



.header-top-info > p a {

    color: #fff;

}



.header-top-info > p:first-child {

    border-left: medium none;

    padding-left: 0;

}



.header-top-info > p i {

    margin-right: 5px;

}



.header-top-right p {

    padding-right: 0;

}



.header-top-white .country .btn-info {

    background-color: transparent;

    border: none;

    color: #242424;

    font-size: 16px;

    text-transform: uppercase;

    box-shadow: none;

}



.header-top-white .country .btn-info:focus,

.header-top-white .country .btn-info:active {

    box-shadow: 0;

    background-color: transparent;

    color: #242424;

}



.header-top-white .country .btn-info img {

    margin-right: 5px;

}



.header-top-white .country ul {

    padding: 0;

    border-radius: 0;

    right: 0;

    left: auto;

    margin-bottom: 0;

}



.header-top-white .country ul li a {

    padding: 10px 15px;

}



.header-top-white .country ul li a i {

    margin: 5px;

}



.header-top-right ul.menu-links {

    margin-bottom: 0;

}



/* ---- CATEGORY TABS ---- */



.cat-tabs {

    padding-top: 0;

    padding-bottom: 70px;

    background-color: #f4f7fa;

}



.cat-tabs .cat-title {

    background-color: #29aafe;

    color: #fff;

    font-size: 20px;

    left: 66px;

    letter-spacing: 2px;

    padding: 15px 20px;

    position: absolute;

    text-transform: uppercase;

    top: -59px;

    font-weight: 600;

}



.cat-tabs .cat-title::before {

    border-color: transparent #29aafe #29aafe transparent;

    border-style: solid;

    border-width: 54px 45px 5px 6px;

    bottom: 0;

    content: "";

    height: 40px;

    left: -51px;

    position: absolute;

    width: 51px;

}



.cat-tabs .cat-title::after {

    border-color: transparent transparent #29aafe #29aafe;

    border-style: solid;

    border-width: 6px 52px 53px 7px;

    bottom: 0;

    content: "";

    height: 50px;

    position: absolute;

    right: -58px;

    width: 58px;

}



.cat-tabs .panel-tabs > li {

    float: left;

    text-align: center;

    width: 20%;

}



.cat-tabs .panel-tabs > li > a {

    font-weight: 600;

    color: #242424;

    font-size: 16px;

    padding: 40px 15px;

    text-transform: uppercase;

}



.cat-tabs .panel-tabs > li > a:hover {

    border-color: transparent;

    color: #29aafe;

    background-color: transparent;

}



.cat-tabs .panel-tabs > li.active > a,

.cat-tabs .panel-tabs > li.active > a:hover,

.cat-tabs .panel-tabs > li.active > a:focus {

    background-color: transparent;

    border-bottom-color: transparent;

    color: #242424;

    cursor: default;

    border-bottom: 2px solid #29aafe;

    margin-bottom: -2px;

    opacity: 1;

    color: #29aafe;

}



.cat-tabs .panel {

    border: none;

    box-shadow: none;

    margin: 0;

}



.cat-tabs .panel-primary > .panel-heading {

    background-color: transparent;

    border: medium none;

    border-radius: 0;

    box-shadow: none !important;

    padding: 0;

    border-bottom: 2px solid #f1f1f1;

}



.cat-tabs .panel-tabs > li a i {

    font-size: 20px;

    margin-right: 15px;

}



.cat-tabs .panel-body {

    padding: 0;

    margin-top: 30px;

}



.job-box {

    position: relative;

    overflow: hidden;

    clear: both;

    padding: 20px 0;

    border-bottom: 1px solid #ccc;

    background-color: #FFF;

}



.cat-tabs .comp-logo {

    padding: 0;

    padding-left: 10px;

    padding-right: 30px;

    margin: 0 auto;

    display: table;

}



.cat-tabs .job-title-box {

    position: relative;

    overflow: hidden;

}



.cat-tabs .job-title-box .job-title {

    text-transform: capitalize;

    color: #242424;

    font-size: 20px;

    font-weight: 600;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}



.cat-tabs .job-title-box .job-title:hover {

    text-transform: capitalize;

    color: #29aafe;

}



.cat-tabs .job-title-box .comp-name {

    text-transform: capitalize;

    color: #191919;

    font-size: 14px;

    margin-left: 10px;

}



.cat-tabs .job-title-box .comp-name i {

    margin-right: 5px;

    color: #191919;

}



.cat-tabs .job-title-box .job-post-date {

    text-transform: capitalize;

    color: #191919;

    font-size: 14px;

    margin-right: 5px;

}



.cat-tabs .job-title-box .job-post-date i {

    margin-right: 5px;

    color: #191919;

}



.job-title-box {

    color: #242424;

}



.job-location {

    font-size: 16px;

    line-height: 45px;

    font-weight: 600;

}



.job-type {

    font-size: 16px;

    line-height: 18px;

    font-weight: 600;

}



.cat-tabs .jt-full-time-color {

    color: #d3b940;

}



.cat-tabs .jt-part-time-color {

    color: #ff5a00;

}



.cat-tabs .jt-intern-color {

    color: #9d27b3;

}



.cat-tabs .jt-remote-color {

    color: #46af4a;

}



.cat-tabs .job-box .btn-custom {

    width: 100%;

    display: block;

    margin-top: 6px;

    text-transform: uppercase;

}



/* ---- CATEGORY TAB INDEX 2---- */



.cat-tab-index-2 {

    background-color: #FFF;

}



.cat-tab-index-2 .job-box {

    border: none;

    border-bottom: 1px solid #F1F1F1;

    padding: 30px 0;

    margin-bottom: 0;

}



.cat-tab-index-2 .job-title-box {

    padding-left: 20px;

}



.cat-tab-index-2 .job-title-box .comp-name {

    margin-left: 0;

}



.cat-tab-index-2 .comp-logo {

    padding: 0px !important;

    /*border:1px solid #000;*/

}



/* ---- EMPLOYEE SECTION ---- */



.employe-section {

    position: relative;

    overflow: hidden;

    padding: 0;

}



.employe-section .employe-img-section {

    position: relative;

    overflow: hidden;

}



.employe-img-section {

    background: rgba(60, 146, 202, 0.7) url("../img/bg/3.jpg") no-repeat scroll center center / cover;

    height: 450px;

}



.employe-img-section-right {

    background: rgba(60, 146, 202, 0.7) url("../img/employee-section-2.jpg") no-repeat scroll center center / cover;

    height: 450px;

}



.employe-section .employe-detail-section {

    padding: 60px 50px;

    background-color: rgba(60, 146, 202, 0.75);

}



.employe-section .employe-detail-section h5 {

    margin: 0;

    text-transform: capitalize;

    color: #FFF;

    font-size: 16px;

}



.employe-section .employe-detail-section h2 {

    text-transform: capitalize;

    margin-top: 0;

    font-weight: 600;

    line-height: 50px;

    color: #FFF;

    font-size: 40px;

}



.employe-section .employe-detail-section p {

    color: #fff;

}



.employe-section .btn-employe-section {

    margin-top: 26px;

    margin-right: 20px;

    text-transform: uppercase;

}



/* ---- FACTS COUNTER ---- */



.facts {

    background: rgba(60, 146, 202, 0.7) url("../img/bg.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

    overflow-y: hidden;

    padding-bottom: 90px;

}



.fact-box {

    text-align: center;

}



.facts .single-facts-area {

    display: inline-block;

    position: relative;

}



/*.facts .single-facts-area .facts-icon {

        position: absolute;

        top: 29px;

}*/



.facts .single-facts-area .facts-icon i {

    color: #FFF;

    font-size: 40px;

    z-index: -1;

}



.facts .single-facts-area span {

    color: #fff;

    font-size: 30px;

    font-weight: 700;

    line-height: 49px;

    position: relative;

    text-transform: uppercase;

}



.facts .single-facts-area span:before {

    background: #fff none repeat scroll 0 0;

    bottom: -6px;

    content: "";

    height: 1px;

    left: 28%;

    position: absolute;

    width: 50%;

}



.facts h3 {

    text-transform: capitalize;

    position: relative;

    color: #FFF;

    text-transform: uppercase;

    margin-top: 10px;

}



/* ---- CATEGORIES ---- */



.categories {

    background-color: #FCFCFC;

    position: relative;

    overflow: hidden;

}



.categories .category-box {

    position: relative;

    overflow: hidden;

    background-color: #FFF;

    border: 1px solid #F1F1F1;

    margin-bottom: 30px;

    /*box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1);*/

}



.categories .category-heading {

    border-bottom: 1px solid #f1f1f1;

    color: #242424;

    font-size: 18px;

    font-weight: 600;

    padding: 20px 15px;

    position: relative;

    text-transform: capitalize;

}



.categories .category-heading:hover {

    color: #29aafe;

}



.categories ul {

    margin: 0;

    padding: 15px 0;

}



.categories ul li {

    border-bottom: 1px solid #f1f1f1;

    color: #ADADAD;

    margin: 0 20px;

    padding: 12px 0;

    position: relative;

    overflow: hidden;

}



.categories ul li a:hover {

    color: #29aafe;

}



.categories ul li a {

    color: #242424;

    display: block;

    font-size: 16px;

    text-transform: uppercase;

}



.categories ul li:last-child {

    border-bottom: none;

}



.categories ul li span {

    float: right;

    color: #242424;

}



.more-btn a {

    padding: 0 20px 20px 0;

    position: relative;

    overflow: hidden;

    text-decoration: underline;

}



.more-btn a:hover {

    color: #29aafe;

}



.btn-default {

    background-color: #29aafe;

    color: #FFF;

    border-radius: 0;

    padding: 10px 30px;

    margin-top: 30px;

    font-weight: 600;

    border: 1px solid #29aafe;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease- 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.btn-default:hover {

    background-color: #2088cb;

    color: #FFF;

    border: 1px solid #2088cb;

}



.btn-default i {

    margin-left: 10px;

}



.btn-black {

    background-color: #242424;

    border: 1px solid #242424;

}



/* ---- CATEGORY PAGE 1 ---- */



.category-page {

    position: relative;

}



.category-page .noo-job-search-wrapper .job-search-bg-image {

    height: 200px;

}



.category-page .job-advanced-search {

    top: 50px;

}



.light-grey {

    background-color: #FCFCFC !important;

}



.light-blue {

    background-color: #eff5ff !important;

}



.tab-content > .tab-pane,

.panel-body {

    -webkit-transition: all 0.9s ease 0s;

    -moz-transition: all 0.9s ease 0s;

    -o-transition: all 0.9s ease 0s;

    transition: all 0.9s ease 0s;

}



.tab-pane .job-box:last-child {

    border-bottom: 0;

}



.job-box {

    background-color: #fff;

    clear: both;

    margin-bottom: 30px;

    overflow: hidden;

    padding: 30px 0;

    position: relative;

}



.categories-list-page .comp-logo {

    padding: 5px;

    margin: 0 auto;

    display: table;

}



.categories-list-page .job-title-box {

    position: relative;

    overflow: hidden;

    margin-left: 15px;

}



.categories-list-page .job-title-box .job-title {

    text-transform: capitalize;

    color: #242424;

    font-size: 20px;

    font-weight: 600;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}



.categories-list-page .job-title-box .job-title:hover {

    text-transform: capitalize;

    color: #29aafe;

}



.categories-list-page .job-title-box .comp-name {

    text-transform: capitalize;

    color: #242424;

    font-size: 14px;

}



.categories-list-page .job-location {

    font-size: 12px;

}



.categories-list-page .job-type {

    font-size: 14px;

}



.categories-list-page .jt-full-time-color {

    color: #d3b940;

}



.categories-list-page .jt-part-time-color {

    color: #ff5a00;

}



.categories-list-page .jt-intern-color {

    color: #9d27b3;

}



.categories-list-page .jt-remote-color {

    color: #46af4a;

}



.all-jobs-list-box {

    margin-bottom: 30px;

    /*border: 1px solid #f1f1f1;*/

}



.job-box-2 {

    margin-bottom: 30px;

    padding: 20px 0;

    border: none;

    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);

}



.all-jobs-list-box2 {

    position: relative;

    margin-bottom: 30px;

}



.job-box-2 .job-type {

    padding: 2px 10px;

    color: #FFF;

    text-align: center;

    font-size: 14px;

    text-transform: capitalize;

}



.job-box-2 .job-title-box .comp-name {

    font-size: 14px;

    text-transform: capitalize;

}



.job-box-2 p a {

    color: #242424;

    font-weight: 700;

}



.job-box-2 p a:hover {

    color: #29aafe;

}



.job-box-2 .jt-full-time-color {

    color: #d3b940 !important;

}



.job-box-2 .jt-part-time-color {

    color: #ff5a00 !important;

}



.job-box-2 .jt-intern-color {

    color: #9d27b3 !important;

}



.job-box-2 .jt-remote-color {

    color: #46af4a !important;

}



.job-box-2 .jt-location-color {

    color: darkblue!important;

}



.job-box-2 .jt-gray-color {

    color: dimgray!important;

}



.job-box-2 .job-apply {

    position: absolute;

    top: 19px;

    right: 20px;

    font-size: 18px;

}



.job-box-2 .job-apply a {

    padding: 6px 19px;

}



.job-box-2 .job-title-box {

    margin-left: 0;

    line-height: 20px;

}



.job-box-2 .job-title-box .job-title {

    font-size: 20px;

    font-weight: 600;

}



.job-box-2 .job-title-box .job-title:hover {

    color: #29aafe;

}



.job-box-2 p {

    margin: 0;

    line-height: 18px;

}



/* ---- CATEGORY SECTION 2 ---- */



section#categories-section-2 {

    padding: 0;

}



.categories-section-2 {

    overflow: hidden;

    position: relative;

}



#categories h2 {

    margin-top: 0;

    margin-bottom: 10px;

    font-weight: 400;

    text-transform: capitalize;

    color: #494949;

}



#categories-section-2 h2 span {

    color: #29aafe;

}



#categories-section-2 p {

    color: #999;

    display: block;

    line-height: 25px;

    margin-bottom: 60px;

    width: 60%;

}



#popular-categories {

    margin: 0;

    display: block;

}



#popular-categories li a {

    width: 20%;

    display: inline-block;

    border: 1px solid #F1F1F1 !important;

    float: left;

    box-sizing: border-box;

    text-align: center;

    position: relative;

    background-color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    color: #242424;

    font-weight: 600;

    padding: 60px 15px;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



#popular-categories li a span {

    color: #cfdde6;

}



#popular-categories li a i {

    display: block;

    color: #29aafe;

    font-size: 35px;

    padding: 0 0 15px 0;

}



#popular-categories li a:hover {

    background-color: #FFF !important;

    border: 1px solid #29aafe;

    color: #29aafe !important;

}



/* ---- CATEGORY SECTION 3 ---- */



.category-section-3 {

    position: relative;

    overflow: hidden;

    padding: 50px 30px;

}



.category-section-3 .category-section-3-box {

    background-color: #FFF;

    padding: 20px;

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

    cursor: pointer;

    -webkit-transition: all 0.1s ease 0s;

    -moz-transition: all 0.1s ease- 0s;

    -o-transition: all 0.1s ease 0s;

    transition: all 0.1s ease 0s;

}



.category-section-3 .category-section-3-box-inner {

    border: 2px solid #F5f5f5;

    padding: 50px 10px;

    /*

    border-bottom: none;

    border-right: none;

    */

}



.category-section-3 .category-section-3-box-inner i {

    text-align: center;

    margin: 0 auto;

    display: block;

    color: #000;

    font-size: 40px;

}



.category-section-3 .category-section-3-box-inner span {

    text-align: center;

    margin: 0 auto;

    display: block;

    font-size: 16px;

}



.category-section-3 .category-section-3-box-inner h4 {

    text-align: center;

    margin-bottom: 0;

    text-transform: capitalize;

}



.category-section-3-box-over-text {

    position: absolute;

    top: 0;

    left: 0;

    display: none;

    background-color: #FFF;

    width: 100%;

    height: 100%;

    padding: 40px 15px;

    border: 2px solid #29aafe;

    -webkit-transition: all 0.2s ease 0s;

    -moz-transition: all 0.2s ease- 0s;

    -o-transition: all 0.2s ease 0s;

    transition: all 0.2s ease 0s;

}



.category-section-3-box-over-text h4 {

    text-align: center;

    color: #29aafe;

}



.category-section-3 .category-section-3-box:hover .category-section-3-box-over-text {

    display: block;

    -webkit-transition: all 0.6s ease 0s;

    -moz-transition: all 0.6s ease- 0s;

    -o-transition: all 0.6s ease 0s;

    transition: all 0.6s ease 0s;

}



.category-section-3-box-over-text p a {

    text-decoration: underline;

    text-align: center;

    display: block;

    margin: 0 auto;

}



.category-section-3-box .icon-bottom {

    position: absolute;

    bottom: 0;

    right: 0;

}



.category-section-3-box .icon-bottom i {

    font-size: 50px;

    -ms-transform: rotate(-20deg);

    /* IE 9 */

    -webkit-transform: rotate(-20deg);

    /* Chrome, Safari, Opera */

    transform: rotate(-20deg);

    opacity: 0;

    color: #29aafe;

}



.category-section-3 .category-section-3-box:hover i {

    opacity: 0.22;

}



.category-section-4 {

    padding: 50px 30px;

}



/* ---- TESTIMONIALS 1 ---- */



.testimonials-section {

    position: relative;

    overflow: hidden;

}



.testimonials-section .testimonials-1 {

    margin-bottom: 30px;

}



.testimonials-1 .testimonials-1-inner {

    background: #fff;

    position: relative;

    margin-bottom: 40px;

    padding: 20px 20px 20px 55px;

    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);

}



.testimonials-1 .testimonials-1-inner:before {

    color: #bbb;

    font-size: 60px;

    content: "\201C";

    position: absolute;

    margin: -25px 0 0 -40px;

    font-family: Georgia, serif;

}



.testimonials-1 .testimonials-1-inner:after {

    width: 0;

    height: 0;

    left: 80px;

    content: " ";

    bottom: -30px;

    position: absolute;

    border-style: solid;

    border-width: 30px 30px 0 0;

    border-color: #fff transparent transparent transparent;

    -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.1));

    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.1));

}



.testimonials-1 .testimonials-1-inner p {

    color: #777;

    font-size: 14px;

}



.testimonials-1 img {

    float: left;

    width: 60px;

    height: auto;

    margin: 0 20px;

}



.testimonials-1 .testimonials-author {

    color: #555;

    display: block;

    font-size: 16px;

    overflow: hidden;

    padding-top: 8px;

    text-transform: capitalize;

}



.testimonials-1 .testimonials-author em {

    font-size: 13px;

    text-transform: capitalize;

}



/* ---- TESTIMONIAL CSS ---- */



.testimoniial-section {

    padding-bottom: 70px;

    position: relative;

}



.testimonial-image {

    margin: 0 auto;

    width: 90px;

}



.separator::after {

    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    width: 100%;

}



.testimonial-section .separator {

    margin: 15px auto 5px;

}



.testimoniial-section blockquote::after {

    color: #cdcdcd;

    content: "“";

    font-size: 36px;

    height: 25px;

    left: 0;

    line-height: 36px;

    position: absolute;

    top: 12px;

    width: 25px;

}



.testimonial-section blockquote {

    margin: 0;

}



.testimoniial-section blockquote {

    border-left: medium none;

    display: inline-block;

    font-size: 16px;

    padding: 20px 25px;

    position: relative;

    margin: 0;

}



.testimonial-info-1 {

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

}



.testimonial-info-2 {

    font-size: 14px;

    color: #777;

}



.testimonial {

    padding: 0 30px;

}



/* ---- TESTIMONIAL 2 CSS ---- */



.owl-testimonial-2 .single_testimonial {

    border: 1px solid #F1F1F1;

    padding: 20px;

    text-align: center;

    background-color: #FFF;

    margin-bottom: 30px;

    margin-left: 15px;

    margin-right: 15px;

}



.owl-testimonial-2 .single_testimonial h4 {

    margin-top: 0;

    font-weight: 600;

    font-size: 20px;

    text-transform: capitalize;

}



.owl-testimonial-2 .single_testimonial i {

    color: #ffc207;

    margin-bottom: 20px;

    margin-top: 5px;

}



.owl-testimonial-2 .single_testimonial img {

    border-radius: 500px;

    display: block;

    height: 100px;

    margin: auto;

    width: 100px;

}



.owl-testimonial-2 .single_testimonial h3 {

    font-size: 16px;

    margin-bottom: 0;

    text-align: center;

    text-transform: capitalize;

}



/* ---- APP DOWNLOAD ---- */



.download-app {

    background: #edf1f5 url("../img/pattern.png") repeat;

}



section.download-app h1 {

    text-align: center;

    text-transform: capitalize;

    margin-top: 0;

}



section.download-app .download-btns {

    margin-top: 20px;

    margin-bottom: 30px;

    text-align: center;

    position: relative;

    overflow: hidden;

}



section.download-app .download-btns a {

    margin-right: 20px;

}



section.download-app .download-btns a:hover {

    opacity: 0.5;

}



.clients-bg {

    background: #FFF none repeat scroll 0 0;

    padding: 20px 0;

}



.client-logo {

    display: inline-block;

    text-align: center;

    width: 100%;

    padding: 40px;

}



/* ---- FEATURED JOBS ---- */



.featured-jobs {

    background-color: #f4f7fa;

}



.featured-jobs .featured-image-box {

    margin-bottom: 30px;

    border: 1px solid #ccc;

}



.featured-jobs .featured-image-box .content-area {

    padding: 30px 20px;

    background-color: #ffffff;

}



.featured-jobs .featured-image-box h4 {

    color: #242424;

    font-size: 20px;

    font-weight: 600;

    position: relative;

    overflow: hidden;

    text-transform: capitalize;

    margin: 0;

}



.featured-jobs .featured-image-box h4 a:hover {

    color: #29aafe;

}



.featured-jobs .featured-image-box p {

    margin: 0;

    color: #191919;

}



.feature-post-meta {

    position: relative;

    overflow: hidden;

    padding: 10px 0;

    font-size: 13px;

}



.feature-post-meta-bottom {

    margin-top: 15px;

}



.feature-post-meta a {

    margin-right: 10px;

}



.featured-jobs .img-box {

    padding: 30px;

    margin: 0 auto;

    display: block;

    background-color: #f4f7fa;

}



.feature-post-meta-bottom span {

    color: #29aafe;

    font-size: 30px;

}



.feature-post-meta-bottom span small {

    color: #777;

    font-weight: 600;

    font-size: 14px;

    text-transform: capitalize;

}



.feature-post-meta-bottom .apply {

    padding: 5px 20px;

    border: 1px solid #29aafe;

    background-color: #29aafe;

    color: #FFF;

    margin-top: 6px;

    text-transform: uppercase;

}



.feature-post-meta-bottom .apply:hover {

    background-color: #2088cb;

    color: #FFF;

    border: 1px solid #2088cb;

}



.mata-detail.remote {

    background-color: #46af4a;

    padding: 1px 5px;

    color: #FFF;

    border-radius: 5px;

}



.mata-detail.full-time {

    background-color: #d3b940;

    padding: 1px 5px;

    color: #FFF;

    border-radius: 5px;

}



.mata-detail.intern {

    background-color: #9d27b3;

    padding: 1px 5px;

    color: #FFF;

    border-radius: 5px;

}



.mata-detail.part {

    background-color: #ff5a00;

    padding: 1px 5px;

    color: #FFF;

    border-radius: 5px;

}



/* ---- COUNTER SECTION---- */



#conter-section {

    background-color: #FFF;

    padding: 100px 0;

}



.counter {

    color: #111;

    font-size: 45px;

    font-weight: 400;

    line-height: 60px;

}



.content-number i {

    font-size: 30px;

    margin-right: 30px;

}



.number-structure-left {

    background: #fff none repeat scroll 0 0;

    border: 1px solid rgba(0, 0, 0, 0.1);

    margin: 0 15px 0 0;

    padding: 0;

    position: relative;

    overflow: hidden;

}



.count-ico.n-color1,

.count-ico.n-color2,

.count-ico.n-color3,

.count-ico.n-color4 {

    box-shadow: 0 0 0 1px #fff inset;

    box-sizing: border-box;

}



.count-ico {

    padding: 25px;

}



.number-structure-left:last-child {

    margin: 0;

}



.n-number p {

    color: #242424;

    margin: 0;

    text-transform: uppercase;

    font-weight: 600;

}



.count-ico {

    color: #2d3e52;

}



.count-ico i {

    font-size: 32px;

}



.count-ico.n-color1 {

    background: #28b7ff none repeat scroll 0 0;

    border: 4px solid #28b7ff;

    color: #fff;

}



.count-ico.n-color2 {

    background: #46af4a none repeat scroll 0 0;

    border: 4px solid #46af4a;

    color: #fff;

}



.count-ico.n-color3 {

    background: #f6462e none repeat scroll 0 0;

    border: 4px solid #f6462e;

    color: #fff;

}



.count-ico.n-color4 {

    background: #d3b940 none repeat scroll 0 0;

    border: 4px solid #d3b940;

    color: #fff;

}



.n-number {

    text-align: center;

}



/* ---- SINGLE JOB POST CSS ---- */



.single-job-section {

    overflow: hidden;

    position: relative;

}



.single-job-page {

    position: relative;

    overflow: hidden;

}



.single-job-page-2 {

    position: relative;

    overflow: hidden;

}



.job-detail-boxes {

    background-color: #FFF;

    position: relative;

    overflow: hidden;

    border-width: 90%;

}



.job-title-area {

    background-color: #FFF;

    position: relative;

    overflow: hidden;

}



.job-title-area p {

    margin-bottom: 0;

}



.job-title-area p a {

    font-size: 12px;

    color: #CCC;

}



.job-title-area p a:hover {

    color: #29aafe;

}



.job-title-area .apply-button {

    background-color: #29aafe;

    color: #FFF;

    line-height: 45px;

    display: block;

    text-align: center;

    font-weight: 600;

}



.job-title-area .job-title {

    margin-bottom: 0;

}



.job-short-detail {

    width: 100%;

    position: relative;

    overflow: hidden;

}



.job-short-detail dt {

    width: 30%;

    float: left;

    line-height: 28px;

    padding: 10px 20px;

    text-align: left;

    font-size: 18px;

    font-weight: 400;

    background-color: #F1F1F1;

    border: 2px solid #FFF;

}



.job-short-detail dd {

    width: 70%;

    float: left;

    padding: 10px 20px;

    text-align: left;

    font-size: 16px;

    line-height: 28px;

    background-color: #F1F1F1;

    border: 2px solid #FFF;

    min-height: 52px;

}



.job-short-detail .heading-inner {

    margin-top: 0;

}



.job-short-detail .heading-inner .title {

    padding-top: 0;

}



.apply-job {

    position: relative;

    overflow: hidden;

}



.apply-job a {

    margin: 0;

    margin-bottom: 30px;

    display: block;

    font-size: 16px;

}



.apply-job a i {

    margin-right: 10px;

    margin-left: 0;

}



.apply-job a.bookmark {

    margin: 0;

    margin-bottom: 30px;

    display: block;

    font-size: 16px;

    background-color: #242424;

    border: 1px solid #242424;

}



.apply-job a.bookmark:hover {

    background-color: transparent;

    color: #242424;

}



.single-job-map {

    padding: 0;

    background-color: #fff;

    border: 1px solid #f1f1f1;

    margin-bottom: 30px;

    overflow: hidden;

    position: relative;

}



.single-job-map #map-contact {

    height: 200px;

}



.apply-job-modal .modal-body {

    border-radius: 0;

    padding: 0;

}



.apply-job-modal .job-modal {

    padding: 20px 30px;

    background-color: #F1F1F1;

}



.apply-job-modal .job-modal h2 {

    margin: 0;

}



.apply-job-modal #job-form {

    padding: 30px;

}



.apply-job-modal input {

    border-radius: 0;

    background-color: #F1F1F1;

    height: 45px;

}



.apply-job-modal textarea {

    border-radius: 0;

    background-color: #F1F1F1;

}



.image-preview-input {

    position: relative;

    overflow: hidden;

    margin: 0px;

    color: #333;

    background-color: #fff;

    border-color: #ccc;

}



.image-preview-input input[type=file] {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    padding: 0;

    font-size: 20px;

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0);

}



.image-preview-input-title {

    margin-left: 2px;

}



.image-preview .btn-default {

    margin-top: 0;

    height: 45px;

}



.apply-job-modal button.close {

    padding: 10px;

}



.image-preview-filename {

    height: 45px;

}



.profile-edit .input-group-btn {

    padding-top: 28px;

}



.job-detail-area {

    position: relative;

    overflow: hidden;

    padding-top: 15px;

    padding-bottom: 15px;

    display: block;

}



.job-detail-area .job-detail-area-title {

    color: #CCC;

}



.job-detail-area ul li {

    width: 25%;

    float: left;

    padding: 10px 20px;

    border-left: 1px solid #F1f1f1;

    margin-bottom: 20px;

}



.job-detail-area ul li:first-child {

    border: none;

}



.job-desc ul {

    margin-bottom: 20px;

}



ul.desc-points li i {

    margin-right: 15px;

    color: #29aafe;

}



ul.desc-points li {

    font-family: 'Open Sans', sans-serif;

    line-height: 30px;

}



.single-job-section-2 .single-job-detail-box {

    position: relative;

    overflow: hidden;

    margin-bottom: 50px;

}



.single-job-detail-box .apply-job {

    padding-top: 20px;

}



.single-job-detail-box .apply-job a {

    display: inline-block;

}



.single-job-section-2 .single-job-detail-box .job-detail-2 h2 {

    margin-top: 0;

    text-transform: capitalize;

}



.single-job-section-2 .single-job-detail-box .job-detail-meta ul li {

    display: inline;

    margin-right: 15px;

    font-size: 16px;

    color: #777;

}



.single-job-section-2 .single-job-detail-box .job-detail-meta ul li i {

    margin-right: 5px;

}



.single-job-section-2 .single-job-detail-box .company-img img {

    width: 150px;

    min-height: 85px;

    float: left;

    margin-right: 20px;

    border: 1px solid #ddd;

    padding: 20px;

}



.single-job-section-2 .single-job-detail-box .apply-job a.bookmark {

    margin-bottom: 0;

}



.widget .company-contact-detail {

    padding: 0;

}



.b-socials {

    margin-top: 38px;

}



.b-socials ul li {

    float: left;

}



.b-socials ul li {

    font-size: 18px;

}



.b-socials.full-socials li a {

    border: 1px solid #ddd;

    color: #777;

    display: inline-block;

    font-size: 16px;

    line-height: 1.1;

    margin-bottom: 5px;

    margin-right: 4px;

    padding: 8px;

    vertical-align: middle;

}



.b-socials.full-socials li a i.fa-twitter {

    color: #00aaf0;

}



.b-socials.full-socials li a i {

    font-size: 16px;

    margin-right: 3px;

    vertical-align: middle;

}



.b-socials.full-socials li a i.fa-facebook {

    color: #435f9f;

}



.b-socials.full-socials li a i.fa-google-plus {

    color: #e04b34;

}



.b-socials.full-socials li a i.fa-pinterest {

    color: #ce1f2e;

}



/* ---- COMPANIES DETAILS ---- */



.company-detail {

    border: 1px solid #f1f1f1;

    position: relative;

    overflow: hidden;

    background-color: #FFF;

}



aside .company-detail .company-img {

    padding: 10px 60px;

}



.company-contact-detail {

    position: relative;

    overflow: hidden;

    padding: 15px;

}



.company-contact-detail table tr {

    border-bottom: 1px solid #ccc;

}



.company-contact-detail table th {

    width: 30%;

    padding: 15px 0;

    color: #242424;

}



.company-contact-detail table td {

    width: 70%;

    padding: 15px 0;

    color: #242424;

}



.company-contact-detail table tr:last-child {

    border: none;

}



aside {

    margin-bottom: 30px;

}



#map {

    height: 250px;

    width: 100%;

}



.short-decs-sidebar li {

    padding: 10px 0;

    position: relative;

    overflow: hidden;

    border-bottom: 1px solid #F1F1F1;

}



.short-decs-sidebar li div {

    width: 50%;

    float: left;

    font-size: 16px;

}



.short-decs-sidebar li div i {

    margin-right: 10px;

    color: #29aafe;

}



.short-decs-sidebar li h4 {

    margin: 0;

    font-weight: 600;

    font-size: 16px;

}



/* ---- USER DASHBOARD CSS ---- */



.dashboard {

    /*background-color: #29aafe;*/

    padding-bottom: 20px;

    text-align: center;

    background: rgba(60, 146, 202, 0.7) url("../img/slider/5.jpg") no-repeat fixed center center / cover;

}



.dashboard-header .user-avatar img {

    border: 10px solid;

    border-color: rgba(255, 255, 255, 0.5);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

    width: 125px;

}



.dashboard-header h3 {

    color: #FFF;

    text-transform: capitalize;

    font-weight: 700;

}



.rad-info-box {

    background: #FFF;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

    border: 10px solid;

    border-color: rgba(204, 204, 204, 0.5);

    padding: 18px;

    margin-bottom: 30px;

}



.rad-info-box i {

    float: left;

    font-size: 4.4em;

    line-height: 75px;

}



.rad-info-box .value,

.rad-info-box .title-dashboard {

    color: #242424;

    display: block;

    position: relative;

    text-align: right;

    z-index: 10;

}



.rad-info-box .value {

    font-size: 30px;

    font-weight: 600;

    margin-top: 5px;

}



.rad-info-box .title-dashboard {

    font-size: 18px;

    text-transform: capitalize;

}



.dashboard-body {

    position: relative;

}



.dashboard-body .profile-nav ul > li {

    border-bottom: 1px solid #ebeae6;

    margin-top: 0;

    line-height: 30px;

}



.dashboard-body .profile-nav ul > li:last-child {

    border-bottom: none;

}



.dashboard-body .profile-nav ul > li > a {

    border-radius: 0;

    -webkit-border-radius: 0;

    color: #242424;

    border-left: 5px solid #fff;

    font-size: 18px;

}



.dashboard-body .profile-nav ul > li > a:hover,

.dashboard-body .profile-nav ul > li > a:focus,

.dashboard-body .profile-nav ul li.active a {

    background: #29aafe;

    border-left: 5px solid #2088cb;

    color: #FFF !important;

}



.dashboard-body .profile-nav ul > li > a:hover .fa,

.dashboard-body .profile-nav ul > li > a:focus .fa,

.dashboard-body .profile-nav ul > li.active .fa {

    color: #FFF !important;

}



.dashboard-body .profile-nav ul > li > a:hover {

    color: #FFF !important;

}



.dashboard-body .profile-nav ul > li > a > i {

    font-size: 16px;

    padding-right: 10px;

    color: #29aafe;

}



.dashboard-body .profile-nav ul > li > a:hover i {

    color: #29aafe !important;

}



.widget-dashboard > .cover {

    height: 160px;

    overflow: hidden;

}



/* ---- USER PROFILE CSS ---- */



.profile-card {

    background-color: #fff;

    border: 1px solid #eee;

    margin-bottom: 20px;

    padding-bottom: 20px;

}



.profile-card .banner {

    border-bottom: 7px solid #29aafe;

}



.profile-card .banner img {

    display: block;

    height: auto;

    width: 100%;

}



.profile-card .user-image img {

    border: 7px solid #29aafe;

    display: block;

    margin: -75px auto 0;

    max-width: 150px;

    width: 100%;

}



.profile-card .card-body {

    padding: 15px;

}



.profile-card .card-body h3 {

    font-size: 24px;

    font-weight: 600;

    margin: 0 0 4px;

    text-align: center;

}



.profile-card .card-body .title {

    display: block;

    font-size: 14px;

    margin-bottom: 10px;

    text-align: center;

    text-transform: uppercase;

}



/* ---- USER RESUME CSS ---- */



.add-button {

    margin: 0;

}



.resume-list {

    background-color: #fff;

    border: 1px solid #f1f1f1;

    overflow: hidden;

    padding-top: 10px;

    position: relative;

    margin-bottom: 30px;

}



.resume-list .table > thead > tr > th {

    font-size: 18px;

    font-weight: 600;

}



.resume-list table {

    margin: 0;

}



.resume-list tbody tr th {

    padding-top: 20px;

}



.resume-list tbody tr td h5 {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 0;

}



.resume-list tbody tr td .btn-primary {

    border-radius: 0;

    background-color: #2ecc71 !important;

    color: #fff !important;

    font-weight: 600;

    border: 1px solid #2ecc71;

}



.resume-list tbody tr td .btn-danger {

    border-radius: 0;

}



.company-list {

    background-color: #fff;

    clear: both;

    overflow: hidden;

    position: relative;

    margin-bottom: 30px;

}



.company-list div:last-child {

    margin-bottom: 0;

}



.company-list .company-list-img {

    padding: 1px;

}



.company-list .company-list-name h5 {

    text-transform: capitalize;

    padding: 0 20px;

    margin: 0;

    line-height: 20px;

    font-size: 20px;

}



.company-list .company-list-name p {

    font-size: 12px;

    margin-bottom: 0;

}



.company-list .company-list-name h5:hover {

    color: #29aafe;

}



.company-list p {

    padding: 0 20px;

    position: relative;

    overflow: hidden;

}



.company-list .pull-left,

.company-list .pull-right {

    font-size: 14px;

    line-height: 30px;

}



.company-list .badge {

    background-color: #29aafe;

    font-size: 14px;

    line-height: 20px;

}



.company-box {

    background-color: #fff;

    border-bottom: 1px solid #f1f1f1;

    clear: both;

    overflow: hidden;

    position: relative;

    margin-bottom: 20px;

    padding: 30px 0px

}



.profile-edit {

    background-color: #fff;

    clear: both;

    overflow: hidden;

    position: relative;

}



.profile-edit input.form-control,

select.form-control {

    border-radius: 0;

    height: 45px;

    letter-spacing: 1px;

    text-transform: capitalize;

    width: 100% !important;

}



/* ---- All Company CSS ---- */



.company-list-box {

    position: relative;

    overflow: hidden;

    background-color: #FFF;

    border: 1px solid #F1f1f1;

    padding: 20px;

    margin-bottom: 30px;

}



.company-list-box .company-list-img img {

    width: 70px;

    height: 70px;

    float: left;

    margin-right: 15px;

}



.company-list-box .company-list-box-detail h5 {

    margin: 0;

    font-weight: 600;

    font-size: 20px;

    text-transform: capitalize;

}



.company-list-box .company-list-box-detail h5:hover {

    color: #29aafe;

}



.company-list-box .company-list-box-detail p {

    margin-bottom: 0;

    text-transform: capitalize;

    line-height: 20px;

}



.company-list-box .company-list-box-detail .ratings {

    padding: 5px 0;

}



.company-list-box .company-list-box-detail .ratings i {

    color: #29aafe;

}



.company-list-box .company-list-box-detail .ratings i.color-red {

    color: #FF0000 !important;

}



.company-list-box .company-list-box-detail .ratings i.color {

    color: #29aafe;

}



.company-list-box .company-list-box-detail .ratings span {

    color: #999;

    font-weight: 600;

    float: right;

    color: #FFF;

    line-height: 15px;

    background-color: #29aafe;

}



/* ---- Company DashBoard CSS ---- */



.company-dashboard {

    padding-bottom: 40px;

    text-align: center;

    background: rgba(60, 146, 202, 0.7) url("../img/bg/2.jpg") no-repeat fixed center center / cover;

}



.dashboard-header-logo-box {

    background: white none repeat scroll 0 0 !important;

    border: 8px solid rgba(204, 204, 204, 0.5);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

    padding: 20px;

}



.company-logo {

    display: block;

    margin: 0 auto;

    width: 200px;

    border-radius: 100%;

    box-shadow: 1px 1px 9px #e5e5e5;

}



.company-dashboard .dashboard-header h3 {

    margin-bottom: 0;

    color: #242424;

}



ul.social-links {

    position: relative;

    overflow: hidden;

    margin: 0;

    margin-top: 10px;

}



.dashboard-header p {

    color: #242424;

    margin-bottom: 0;

}



.dashboard-header .social-links li a {

    font-size: 40px;

    color: #242424;

}



.dashboard-header .social-links li a i:hover {

    color: #29aafe;

}



ul.dashboard-header-c-detail li {}



.dashboard-company-detail {

    position: relative;

    overflow: hidden;

    padding: 30px 20px;

    box-shadow: none;

}



.dashboard-company-detail ul {

    position: relative;

    overflow: hidden;

}



.dashboard-company-detail ul li {

    position: relative;

    overflow: hidden;

    width: 33%;

    min-height: 100px;

    float: left;

    padding: 0 0 10px;

}



.dashboard-company-detail ul li .dashboard-company-title {

    font-size: 16px;

    font-weight: 600;

}



.dashboard-company-detail ul li h5 {

    color: #777;

}



.dashboard-company-detail ul li.dashboard-company-desc {

    width: 100%;

}



.dashboard-company-detail ul li.dashboard-company-desc p {

    padding: 10px 0;

}



.expire-box {

    padding-bottom: 30px;

}



.expire-box .expire-job-box .expire-date {

    line-height: 35px;

    color: #999;

}



.expire-box .expire-job-box {

    position: relative;

    overflow: hidden;

}



.expire-box .job-resume {

    font-size: 18px;

    position: absolute;

    right: 30px;

    top: 30px;

    color: #29aafe;

}



.ribbon {

    position: absolute;

    top: 20px;

    right: -5px;

    padding: 10px;

}



.ribbon-content {

    position: relative;

    width: 100%;

    overflow: visible !important;

    padding: 20px;

}



.ribbon.base {

    background: #29aafe;

    color: #fff;

    border-right: 5px solid #8bc4ea;

}



.ribbon:before,

.ribbon:after {

    content: '';

    position: absolute;

    left: -9px;

    border-left: 10px solid transparent;

}



.ribbon:before {

    top: 0;

}



.ribbon:after {

    bottom: 0;

}



.ribbon.base:before {

    border-top: 27px solid #29aafe;

}



.ribbon.base:after {

    border-bottom: 27px solid #29aafe;

}



.ribbon .feature {

    font-size: 16px;

    font-weight: 600;

}



.expire-job-box a {

    margin: 0;

    padding: 10px 30px;

    border-radius: 0;

}



/* ---- COMPANY FOLLOWERS ---- */



.follower-section {

    position: relative;

    overflow: hidden;

    background-color: #FFF;

    border: 1px solid #F1F1F1;

    padding: 30px 10px;

}



.avatar {

    position: relative;

    display: inline-block;

    width: 40px;

    white-space: nowrap;

    border-radius: 1000px;

    vertical-align: bottom

}



.avatar i {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 10px;

    height: 10px;

    border: 2px solid #fff;

    border-radius: 100%

}



.avatar img {

    width: 100%;

    max-width: 100%;

    height: auto;

    border: 0 none;

    border-radius: 1000px

}



.media-body button {

    margin-top: 0;

}



.avatar-online i {

    background-color: #4caf50

}



.avatar-off i {

    background-color: #616161

}



.avatar-busy i {

    background-color: #ff9800

}



.avatar-away i {

    background-color: #f44336

}



.avatar-100 {

    width: 100px

}



.avatar-100 i {

    height: 20px;

    width: 20px

}



.avatar-lg {

    width: 50px

}



.avatar-lg i {

    height: 12px;

    width: 12px

}



.avatar-sm {

    width: 30px

}



.avatar-sm i {

    height: 8px;

    width: 8px

}



.avatar-xs {

    width: 20px

}



.avatar-xs i {

    height: 7px;

    width: 7px

}



.list-group-item {

    position: relative;

    display: block;

    padding: 10px 15px;

    margin-bottom: -1px;

    background-color: transparent;

    border: 1px solid transparent;

}



.follower-section .btn-info {

    border-radius: 0;

    background-color: #29aafe;

    border: 1px solid #29aafe;

}



.follower-section .media-body .name:hover {

    color: #29aafe;

}



.dashboard-body .dashboard-logo-sidebar {

    padding: 20px;

    padding-bottom: 0;

}



.dashboard-body .dashboard-logo-sidebar img {

    border-bottom: 1px solid #F1F1F1;

    padding: 20px;

}



.dashboard-body .dashboard-logo-sidebar-title h4 {

    margin: 20px 0;

    color: #242424;

}



/* ---- BLOG POST CSS ---- */



.blog-post {

    color: #162532;

    overflow: hidden;

    background: #fff;

    margin-bottom: 30px;

    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);

}



.blog-post a {

    color: inherit;

    text-decoration: none;

}



.post-info a {

    margin-right: 20px;

}



.blog-post .btn {

    margin: 20px;

}



.post-img {

    margin-bottom: 30px;

    overflow: hidden;

}



.post-img img {

    width: 100%;

    height: auto;

    -moz-transition: all 2s;

    -o-transition: all 2s;

    -webkit-transition: all 2s;

    transition: all 2s;

}



.post-info {

    font-size: 14px;

    padding: 0 20px;

    font-weight: 600;

    text-transform: capitalize;

}



.post-title {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 15px;

    margin-top: 10px;

    padding: 0 20px;

    text-transform: capitalize;

    transition: all 0.4s ease 0s;

}



.post-title a:hover {

    color: #29aafe;

}



.post-excerpt {

    font-size: 14px;

    line-height: 26px;

    margin-bottom: 30px;

    padding: 0 20px;

}



/* ---- SINGLE BLOG PAGE CSS ---- */



.blog-single {

    padding: 0 20px;

    position: relative;

    overflow: hidden;

}



.blog-single .post-title,

.blog-single .post-info {

    padding: 0;

}



blockquote {

    line-height: 30px;

    border-left: 5px solid #29aafe;

    font-size: 18px;

}



.blog-single .tagcloud {

    border-top: 1px solid #F1F1F1;

    padding: 20px 0;

}



.tagcloud i {

    margin-right: 20px;

}



.tagcloud a {

    color: #777 !important;

    margin-right: 10px;

}



.comments-container {

    padding: 20px;

    position: relative;

    overflow: hidden;

    background-color: #FFF;

    border: 1px solid #F1F1F1;

}



.comment-box {

    border-bottom: 1px solid #e8e8e8;

    padding: 30px 0;

    position: relative;

    overflow: hidden;

}



.comment-box h4 {

    margin: 0;

}



.comment-box .news-date {

    margin: 10px 0;

    color: #999;

}



.comment-box h4 {

    margin: 0;

    font-weight: 600;

}



.commentform {

    margin: 30px 0;

}



.commentform textarea.form-control,

.commentform input.form-control {

    border-radius: 0;

}



.commentform input.form-control {

    height: 40px;

}



.comment-box .comment-reply h6 {

    font-size: 14px;

}



.comment-box .comment-reply h6 a:hover {

    color: #29aafe !important;

}



.search-blog .stylish-input-group .form-control {

    background-color: #fff;

    border-color: #ccc;

    border-right: 0 none #ccc;

    height: 50px;

    border-radius: 0;

}



.search-blog .stylish-input-group .input-group-addon {

    background: white none repeat scroll 0 0 !important;

    border-left: 1px solid #ccc;

    border-radius: 0;

}



.search-blog .stylish-input-group button {

    background: transparent none repeat scroll 0 0;

    border: 0 none;

}



/* ---- RESUME 1 CSS ---- */



.resume-social {

    background: #F1F1F1;

    padding: 15px 10px;

    text-align: center;

}



.resume-social .list-inline {

    margin: 0;

}



.resume-social ul li a {

    color: #fff;

    font-size: 16px;

}



.resume-box {

    position: relative;

    overflow: hidden;

}



.resume-box .my-contact {

    margin-top: 30px;

}



.resume-box .my-contact .contact-icon {

    float: left;

    margin-right: 20px;

}



.resume-box .my-contact .contact-info {

    display: table-cell;

}



.resume-box .my-contact .contact-icon span {

    font-size: 30px;

    line-height: 46px;

}



.resume-box .my-contact .contact-info h4 {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 0;

    margin-top: 0;

    text-transform: capitalize;

}



.resume-box .my-contact .contact-info p {

    font-size: 14px;

    margin-bottom: 0;

    text-transform: capitalize;

    font-family: "Source Sans Pro", sans-serif;

}



.resume-box p.about-me {

    font-size: 16px;

    margin-top: 30px;

}



.resume-box .resume-icon {

    float: left;

    margin-right: 30px;

}



.resume-box .resume-icon span {

    color: #9ea8b6;

    font-size: 40px;

    line-height: 40px;

}



.resume-box .insti-name {

    margin-bottom: 20px;

}



.resume-box .insti-name h4 {

    margin: 0;

    font-weight: 600;

    text-transform: capitalize;

    font-size: 20px;

}



.resume-box .insti-name span {

    margin: 0;

}



.resume-box .degree-info h4 {

    margin: 0;

    font-weight: 600;

    font-size: 20px;

    text-transform: capitalize;

}



.resume-box .degree-info span {

    margin: 0;

    text-transform: capitalize;

}



.resume-box .education-box {

    padding-bottom: 20px;

}



/* ---- RESUME 2 CSS ---- */



.resume2 .profile-info {

    border-bottom: 1px solid #dedede;

    color: #3d4451;

    margin-bottom: 25px;

    padding-bottom: 25px;

}



.resume2 .profile-title {

    font-size: 36px;

    font-weight: 700;

    margin: 0;

    text-transform: capitalize;

}



.resume2 .profile-position {

    font-size: 18px;

    font-weight: 400;

    margin: 0;

    text-transform: capitalize;

}



.resume2 .profile-list {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}



.resume2 .profile-list li {

    margin-bottom: 13px;

}



.resume2 .profile-list .title {

    color: #333333;

    float: left;

    float: left;

    font-size: 16px;

    font-weight: 700;

    text-transform: capitalize;

    width: 30%;

}



.resume2 .profile-list .cont {

    color: #191919;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

    width: 70%;

}



.resume2 .profile-info h4 {

    font-weight: 600;

    font-size: 18px;

}



.resume7 .social-circle li a {

    width: 45px;

    height: 45px;

    margin-bottom: 10px;

}



.resume7 .social-circle li a i {

    line-height: 40px;

}



.resume7 .profile-list .cont {

    font-size: 18px;

}



.resume2 .profile-list .title {

    font-size: 20px;

    font-weight: 600;

}



.resume7 .profile-list .skills {

    margin-top: 30px;

}



.resume7 .profile-list .skills a {

    background-color: #F1f1f1;

    padding: 5px 20px;

    font-size: 16px;

    border-radius: 5px;

    text-transform: uppercase;

    margin: 0 10px 10px 0;



}



.resume7 .form-area {

    background-color: #FAFAFA;

    padding: 20px;

    position: relative;

    overflow: hidden;

    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);

}



.resume7 .form-area input {

    border-radius: 0;

    height: 45px;

}



.resume7 .form-area textarea {

    border-radius: 0;

}



.resume7 .form-area .btn {

    margin-top: 0;

}



.resume7 .contact-me-heading {

    background-color: #242424;

    text-transform: capitalize;

    text-align: center;

    color: #FFF;

    margin: 0;

    padding: 10px;

    font-size: 20px;

    margin-bottom: 20px;

}



.resume7 .clients-bg {

    padding: 0;

}



.resume7 .profile-photo {

    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);

}



.resume7 .resume-social {

    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);

}



/* ---- RESUME 3 CSS ---- */



.resume3 {

    padding: 20px;

    margin-bottom: 30px;

    color: #777;

}



.resume3 h3.title {

    color: #242424;

    margin-top: 0;

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

}



.resume3 .site-link {

    color: #777;

}



.resume3 .site-link strong {

    color: #242424;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease- 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.resume3 .site-link strong:hover {

    color: #29aafe !important;

}



/* ---- POST JOB CSS ---- */



.post-job {

    position: relative;

    overflow: hidden;

    padding-bottom: 40px;

}



.post-job2-panel {

    width: 100%;

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

}



.post-job p {

    margin-bottom: 30px;

}



.post-job .form-group {

    margin-bottom: 30px !important;

}



.post-job input.form-control {

    border-radius: 0;

    height: 45px;

    letter-spacing: 1px;

    text-transform: capitalize;

    width: 100% !important;

}



.post-job .select2-container--default .select2-selection--single {

    background-color: #fff;

    border: 1px solid #ccc;

    border-radius: 0;

    height: 48px !important;

}



.select2-container .select2-selection--multiple {

    border-radius: 0 !important;

    /* padding: 10px */

    padding-left: 0px;

}



.select2-container .select2-search--inline .select2-search__field {

    margin-top: 0 !important;

}



.post-job .list-group-item {

    padding: 10px 0;

}



.post-job .media-body a.name:hover {

    color: #29aafe;

}



.post-job .btn-default i {

    margin-left: 10px;

}



/* ---- POST JOB WIZARD CSS ---- */



.hide {

    display: none;

}



.wizard-pane {

    position: absolute;

    opacity: 0;

    top: 0;

    visibility: hidden;

    transition: opacity 0.2s ease;

}



.wizard-steps {

    display: table;

    width: 100%;

    margin: 0;

}



.wizard-pane.active {

    position: relative;

    visibility: visible;

    opacity: 1;

}



.wizard-pane.activing {

    visibility: visible;

}



.wizard-content {

    position: relative;

    padding: 30px 0;

    overflow: hidden;

    transition: height 0.2s ease;

}



.current {

    color: #FFF !important;

    background-color: #29aafe !important;

}



.wizard-steps > li.current span {

    border: 1px solid #FFF;

}



.error {

    color: red !important;

}



.done {

    color: #FFF !important;

    background-color: #2ECC71 !important;

}



.disabled {

    cursor: not-allowed !important;

}



.wizard-steps > li {

    display: table-cell;

    padding: 5px 10px;

    cursor: pointer;

    text-align: center;

}



.wizard-steps > li span {

    border: 1px solid #F1F1F1;

    border-radius: 100%;

    display: inline-block;

    height: 40px;

    margin-right: 8px;

    padding-top: 9px;

    text-align: center;

    vertical-align: middle;

    width: 40px;

}



.wizard-steps > li:hover {

    color: #333;

}



.wizard-buttons {

    position: relative;

    display: block;

    overflow: hidden;

}



.wizard-buttons > a {

    padding: 10px 40px;

    border: 1px solid #29aafe;

    background-color: #29aafe;

    color: #FFF !important;

    float: left;

}



.wizard-buttons > a.wizard-next,

.wizard-buttons > a.wizard-finish {

    float: right;

}



/* ---- TEAM SECTION CSS ---- */



.team {

    padding-bottom: 70px;

}



.team .heading {

    margin-bottom: 60px;

}



.team-member,

.team-member .team-img {

    position: relative;

}



.team-member {

    overflow: hidden;

    margin-bottom: 30px;

}



.team-hover {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: 0;

    border: 20px solid rgba(0, 0, 0, 0.1);

    background-color: rgba(255, 255, 255, 0.90);

    opacity: 0;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.team-member:hover .team-hover .desk {

    top: 35%;

}



.team-member:hover .team-hover,

.team-member:hover .team-hover .desk,

.team-member:hover .team-hover .s-link {

    opacity: 1;

}



.team-hover .desk {

    position: absolute;

    top: 0%;

    width: 100%;

    opacity: 0;

    -webkit-transform: translateY(-55%);

    -ms-transform: translateY(-55%);

    transform: translateY(-55%);

    -webkit-transition: all 0.3s 0.2s;

    transition: all 0.3s 0.2s;

    padding: 0 20px;

}



.desk,

.desk h4,

.team-hover .s-link a {

    text-align: center;

    color: #222;

}



.team-member:hover .team-hover .s-link {

    bottom: 10%;

}



.team-member:hover .team-hover,

.team-member:hover .team-hover .desk,

.team-member:hover .team-hover .s-link {

    opacity: 1;

}



.team-hover .s-link {

    position: absolute;

    bottom: 0;

    width: 100%;

    opacity: 0;

    text-align: center;

    -webkit-transform: translateY(45%);

    -ms-transform: translateY(45%);

    transform: translateY(45%);

    -webkit-transition: all 0.3s 0.2s;

    transition: all 0.3s 0.2s;

    font-size: 35px;

}



.desk,

.desk h4,

.team-hover .s-link a {

    text-align: center;

    color: #222;

}



.team-member .s-link a {

    margin: 0 10px;

    color: #333;

    font-size: 16px;

}



.team-member .s-link a i:hover {

    color: #29aafe;

}



.team-title {

    position: static;

    padding: 20px 0;

    display: inline-block;

    letter-spacing: 2px;

    width: 100%;

}



.team-title h5 {

    margin-bottom: 0px;

    display: block;

    text-transform: uppercase;

}



.team-title span {

    font-size: 12px;

    text-transform: uppercase;

    color: #a5a5a5;

    letter-spacing: 1px;

}



.light-txt {

    color: #fff !important;

}



.team-member .team-intro.light-txt h5 {

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

}



.team-member .team-intro.light-txt span {

    color: #FFF;

    font-size: 12px;

}



.team-member .team-intro h5,

.team-member .team-intro.light-txt span {

    margin-bottom: 0px;

    text-transform: capitalize;

}



.team-member .team-intro {

    position: absolute;

    right: 0;

    bottom: 30px;

    background: rgba(0, 0, 0, .7);

    padding: 10px 20px;

    width: 75%;

    text-align: right;

}



/* ---- ACCORDIAN CSS ---- */



.panel-title a {

    display: block;

    position: relative;

    padding: 10px 60px 10px 15px;

    font-weight: 400;

    font-size: 18px;

    line-height: 1.6;

    color: #6d7194;

}



.drop-accordion .panel-default {

    overflow: hidden;

    border: 0;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.drop-accordion .panel-heading {

    overflow: hidden;

    padding: 0;

    border: 1px solid #f1f1f1;

    background: fcfcfc;

    border-radius: 0;

}



.leaf-ui .drop-accordion .panel-heading,

.circlus-ui .drop-accordion .panel-heading {

    border-radius: 4px;

}



.panel-title a {

    display: block;

    position: relative;

    padding: 20px 60px 20px 20px;

    font-weight: 400;

    font-size: 20px;

    line-height: 1.6;

    color: #191919;

}



.panel-title .expand-icon-wrap {

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    border-left: 1px solid #d9d7d7;

    font-size: 24px;

    line-height: 46px;

    color: #29aafe;

}



.expand-icon-wrap:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}



.panel-title .expand-icon {

    padding: 0 18px;

    vertical-align: middle;

}



.panel-title .expand-icon:before {

    content: "\f055";

}



.drop-accordion .panel-body {

    line-height: 25px;

    padding: 20px;

    position: relative;

    border: 1px solid #d9d7d7;

}



.circlus-ui .drop-accordion .panel-body,

.leaf-ui .drop-accordion .panel-body {

    border-radius: 4px;

}



.panel-body-icon {

    width: 75px;

    float: left;

    padding: 10px;

}



.panel-body-icon i {

    font-size: 45px;

    color: #29aafe;

}



.drop-accordion .tab-collapsed {

    border: transparent;

    background: #29aafe;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.tab-collapsed a {

    color: #fff;

}



.about-us .panel-group {

    margin-bottom: 0;

}



.tab-collapsed .expand-icon-wrap {

    border-color: #fff;

    color: #fff;

}



.tab-collapsed .expand-icon:before {

    content: "\f056";

}



.panel-body ul {

    list-style: disc !important;

    padding: 0 0 0 30px;

    text-decoration: none;

    margin-bottom: 0;

}



.panel-body ul li {

    padding: 5px;

}



/* ---- 404 CSS ---- */



.error-page {

    position: relative;

    text-align: center;

    padding: 100px 0;

}



.error-container h1 {

    font-size: 150px;

    font-weight: 600;

    line-height: 110px;

    margin-top: 0;

}



.error-container p {

    font-size: 30px;

    text-transform: uppercase;

    margin: 30px 0;

    color: #000;

}



.error-page input.form-control {

    border-radius: 0;

    height: 45px;

    letter-spacing: 1px;

    text-transform: capitalize;

    width: 100% !important;

}



.error-page .error-container .btn {

    border-radius: 0;

    position: absolute;

    margin-top: 0;

    right: 15px;

    top: 0px;

    border: 1px solid #29aafe;

    height: 45px;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease- 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.error-page .error-container .btn:hover {

    background-color: #2088cb;

    color: #FFF;

    border: 1px solid #2088cb;

}



.bg-img {

    background: rgba(60, 146, 202, 0.7) url("../img/404-2.jpg");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 140px 0;

}



.bg-img h1,

.bg-img p {

    color: #FFF;

}



.bg-img input.form-control {

    border: none;

}



.error-page-3 .error-container .btn {

    border: 1px solid #29aafe;

    border-radius: 0;

    height: 45px;

    margin-top: 0;

    position: absolute;

    right: 0;

    top: 0;

}



.border-left {

    border-left: 1px solid #F1F1F1;

}



.border-right {

    border-right: 1px solid #F1F1F1;

}



.error-page-side-text {

    padding: 0px 20px 20px 40px;

    position: relative;

    overflow: hidden;

}



.error-page-side-text h2,

.error-page-side-text p {

    text-align: left;

    line-height: 30px;

    text-transform: capitalize;

}



.error-page-side-text button {

    margin-top: 10px;

    background-color: #29aafe;

    color: #FFF;

    border: 1px solid #29aafe;

    padding: 10px 35px;

    float: left;

    height: 45px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease- 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.error-page-side-text button:hover {

    background-color: #2088cb;

    color: #FFF;

    border: 1px solid #2088cb;

}



.error-page-side-text button i {

    margin-left: 10px;

}



.error-page-4 .error-container {

    position: relative;

    overflow: hidden;

    padding: 150px 100px;

    background-color: #FFF;

}



.error-page-4 {

    padding: 0;

    background: rgba(60, 146, 202, 0.7) url("../img/404-4.jpg") fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}



/* ---- COMING SOON CSS ---- */



.coming-soon {

    padding: 0;

    background: rgba(60, 146, 202, 0.7) url("../img/coming-soon.jpg") no-repeat scroll center center / cover;

    position: relative;

    overflow: hidden;

}



.maintenance-container {

    left: 0;

    position: absolute;

    text-align: center;

    top: 50%;

    transform: translate(0%, 20%);

    width: 100%;

    z-index: 15;

}



.maintenance-container ul#coming-soon-page {

    list-style: none;

    margin: 50px 0;

    padding: 0;

    display: block;

    text-align: center;

}



.maintenance-container ul#coming-soon-page li {

    display: inline-block;

    color: #FFF;

}



.maintenance-container ul#coming-soon-page li span {

    font-size: 50px;

    line-height: 80px;

    color: #FFF;

}



.maintenance-container ul#coming-soon-page li.seperator {

    font-size: 80px;

    line-height: 70px;

    vertical-align: top;

}



.maintenance-container ul#coming-soon-page li p {

    color: #FFF;

    font-size: 25px;

    text-transform: capitalize;

    font-family: "Source Sans Pro", sans-serif;

}



.maintenance-container h1 {

    text-transform: capitalize;

    font-size: 34px;

    color: #FFF;

}



.logo-box {

    margin-bottom: 50px;

}



.coming-soon ul.social-network {

    list-style: none;

    display: inline;

    margin-left: 0 !important;

    padding: 0;

}



.coming-soon ul.social-network li {

    display: inline;

    margin: 0 5px;

}



.coming-soon .social-circle li a {

    display: inline-block;

    position: relative;

    margin: 0 auto 0 auto;

    text-align: center;

    width: 50px;

    height: 50px;

    font-size: 20px;

    color: #FFF;

}



.coming-soon .social-circle li i {

    margin: 0;

    line-height: 50px;

    text-align: center;

}



/* ---- COMING SOON 2 CSS ---- */



.coming-soon-2 {

    padding: 0;

    background: rgba(60, 146, 202, 0.7) url("../img/comingsoon3.jpg") no-repeat scroll center center / cover;

    position: relative;

    overflow: hidden;

}



.ClassyCountdown-wrapper > div {

    display: inline-block;

    position: relative;

    width: calc(25% - 20px);

    margin: 10px;

}



.ClassyCountdown-wrapper .ClassyCountdown-value {

    width: 100%;

    line-height: 1em;

    position: absolute;

    top: 50%;

    text-align: center;

    left: 0;

    display: block;

}



.countdown {

    margin-top: 30px;

    margin-bottom: 30px;

}



.ClassyCountdown-wrapper div,

.ClassyCountdown-wrapper span {

    color: #FFF;

    font-family: "Source Sans Pro", sans-serif;

}



/* ---- COMING SOON 4 CSS ---- */



.coming-soon-4 {

    padding: 0;

}



/* ---- LOGIN CSS ---- */



.login-container {

    width: 480px;

    margin: 0 auto;

}



.login-page .login-container {

    background-color: transparent;

    padding: 5px;

    border: 5px solid #FFF;

}



.login-container .loginbox {

    position: relative;

    padding: 20px;

    border: 1px solid #F1F1F1;

    overflow: hidden;

    background-color: #FFF;

}



.login-container .loginbox .loginbox-title {

    position: relative;

    text-align: center;

    color: #242424;

    padding-bottom: 20px;

    font-weight: 600;

    font-size: 20px;

    text-transform: capitalize;

}



.login-container .loginbox p {

    position: relative;

    text-align: center;

    text-transform: capitalize;

    margin-bottom: 30px;

}



.login-container .loginbox .loginbox-or {

    position: relative;

    text-align: center;

    height: 100px;

}



.login-container .loginbox .loginbox-or .or-line {

    position: absolute;

    height: 1px;

    top: 50px;

    left: 40px;

    right: 40px;

    background-color: #ccc;

}



.login-container .loginbox .loginbox-or .or {

    position: absolute;

    top: 40px;

    -lh-property: 0;

    left: -webkit-calc(50% - 25px);

    left: -moz-calc(50% - 25px);

    left: calc(50% - 25px);

    width: 50px;

    height: 20px;

    background-color: #fff;

    color: #999;

    margin: 0 auto;

}



.login-container .logobox {

    padding: 5px;

    margin-top: 15px;

    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .1);

    -moz-box-shadow: 0 0 14px rgba(0, 0, 0, .1);

    box-shadow: 0 0 14px rgba(0, 0, 0, .1);

    background-color: #fff;

    text-align: left;

}



.login-container .form-control {

    border-radius: 0;

    height: 45px;

    text-transform: capitalize;

    width: 100% !important;

}



.login-container .loginbox-forgot {

    font-size: 14px;

    color: #242424;

}



.login-container .loginbox-forgot a:hover {

    color: #29aafe;

}



.login-container .loginbox-signup {

    font-size: 14px;

    color: #242424;

    margin-top: 20px;

    float: right;

    position: relative;

    overflow: hidden;

}



.login-container .loginbox-signup a:hover {

    color: #29aafe;

}



ul.social-network {

    list-style: none;

    display: inline;

    margin: 0 auto;

    padding: 0;

    display: table;

}



ul.social-network li {

    display: inline;

    margin: 0 5px;

}



.social-network a.icoRss {

    background-color: #F56505;

    border: 2px solid #F56505;

}



.social-network a.icoRss:hover {

    background-color: transparent;

    border: 2px solid #F56505;

}



ul.onwhite a.icoRss:hover {

    color: #F56505;

}



.social-network a.icoFacebook {

    background-color: #3B5998;

    border: 2px solid #3B5998;

}



.social-network a.icoFacebook:hover {

    background-color: transparent;

    border: 2px solid #3B5998;

}



ul.onwhite a.icoFacebook:hover {

    color: #3B5998;

}



.social-network a.icoTwitter {

    background-color: #33ccff;

    border: 2px solid #33ccff;

}



.social-network a.icoTwitter:hover {

    background-color: transparent;

    border: 2px solid #33ccff;

}



ul.onwhite a.icoTwitter:hover {

    color: #33ccff;

}



.social-network a.icoGoogle {

    background-color: #BD3518;

    border: 2px solid #BD3518;

}



.social-network a.icoGoogle:hover {

    background-color: transparent;

    border: 2px solid #BD3518;

}



ul.onwhite a.icoGoogle:hover {

    color: #BD3518;

}



.social-network a.icoVimeo {

    background-color: #0590B8;

    border: 2px solid #0590B8;

}



.social-network a.icoVimeo:hover {

    background-color: transparent;

    border: 2px solid #0590B8;

}



ul.onwhite a.icoVimeo:hover {

    color: #0590B8;

}



.social-network a.icoLinkedin {

    background-color: #007bb7;

    border: 2px solid #007bb7;

}



.social-network a.icoLinkedin:hover {

    background-color: transparent;

    border: 2px solid #007bb7;

}



ul.onwhite a.icoLinkedin:hover {

    color: #007bb7;

}



.social-circle li a {

    display: inline-block;

    position: relative;

    margin: 0 auto 0 auto;

    text-align: center;

    width: 50px;

    height: 50px;

    font-size: 20px;

    color: #FFF;

}



.social-circle li i {

    margin: 0;

    line-height: 45px;

    text-align: center;

}



/* ---- LOGIN 2 CSS ---- */



.login-page-2 {

    position: relative;

    overflow: hidden;

    padding: 0;

    background: rgba(60, 146, 202, 0.7) url("../img/coming-soon.jpg") no-repeat scroll center center / cover;

}



.login-page-2 .login {

    background: rgba(0, 0, 0, 0) linear-gradient(45deg, #35394a 0%, #1f222e 100%) repeat scroll 0 0;

    border-top: 5px solid #29aafe;

    margin: auto;

    width: 380px;

    margin-top: 8%;

}



.login-page-2 .login_title {

    color: #FFF;

    font-size: 16px;

    padding: 30px;

    text-align: center;

}



.login-page-2 .login_fields {

    padding-bottom: 50px;

    position: relative;

    overflow: hidden;

}



.login-page-2 .login_fields .icon {

    left: 20px;

    position: absolute;

    top: 12px;

    z-index: 1;

    color: #FFF;

}



.login-page-2 .login_fields input[type="text"],

body .login_fields input[type="password"] {

    background: #32364a none repeat scroll 0 0;

    border-color: #393d52 -moz-use-text-color;

    border-style: solid none;

    border-width: 2px medium;

    box-shadow: none;

    color: #FFF;

    outline: medium none;

    padding: 10px 50px;

    width: 100%;

    font-size: 16px;

    font-weight: 600;

    line-height: 20px;

}



.login-page-2 .login_fields_user,

body .login_fields_password {

    position: relative;

}



.login-page-2 .login_fields_submit {

    margin: auto;

    position: relative;

    width: 80%;

    padding-top: 30px;

}



.login-page-2 .login_fields_submit .forgot {

    float: right;

    font-size: 14px;

    margin-top: 10px;

    color: #606479;

}



.login-page-2 .login_fields_submit .forgot a {

    color: #FFF;

    text-transform: capitalize;

}



.login-page-2 .login_fields_submit .forgot a:hover {

    color: #29aafe;

}



.login-page-2 .login_fields_submit input {

    color: #FFF;

    margin: 0;

}



.login-page-2 .login_fields_submit input:focus {

    box-shadow: none;

    outline: medium none;

}



.login-page-2 .loginbox-or .or-line {

    background-color: #ccc;

    height: 1px;

    left: 40px;

    position: absolute;

    right: 40px;

    top: 10px;

}



.login-page-2 .loginbox-or .or {

    background-color: #2C303F;

    color: #999;

    height: 20px;

    left: calc(50% - 25px);

    margin: 0 auto;

    position: absolute;

    top: 0;

    width: 50px;

}



.login-page-2 .loginbox-or {

    position: relative;

    text-align: center;

    height: 50px;

}



.login-page-2 .social {

    position: relative;

    overflow: hidden;

    padding-bottom: 30px;

}



/* ---- LOGIN 3 CSS ---- */



.login-page-3 {

    position: relative;

    overflow: hidden;

    background: #FFF;

}



.login-page-3 .login {

    background: rgba(0, 0, 0, 0) linear-gradient(45deg, #35394a 0%, #1f222e 100%) repeat scroll 0 0;

    border-top: 5px solid #29aafe;

    margin: auto;

    width: 380px;

}



.login-page-3 .login_title {

    color: #FFF;

    font-size: 30px;

    padding: 30px;

    text-align: center;

}



.login-page-3 .login_fields {

    padding-bottom: 50px;

    position: relative;

    overflow: hidden;

}



.login-page-3 .login_fields .icon {

    left: 20px;

    position: absolute;

    top: 12px;

    z-index: 1;

    color: #FFF;

}



.login-page-3 .login_fields input[type="text"],

body .login_fields input[type="password"] {

    background: #32364a none repeat scroll 0 0;

    border-color: #393d52 -moz-use-text-color;

    border-style: solid none;

    border-width: 2px medium;

    box-shadow: none;

    color: #FFF;

    outline: medium none;

    padding: 10px 50px;

    width: 100%;

    font-size: 16px;

    font-weight: 600;

    line-height: 20px;

}



.login-page-3 .login_fields_user,

body .login_fields_password {

    position: relative;

}



.login-page-3 .login_fields_submit {

    margin: auto;

    position: relative;

    width: 80%;

    padding-top: 30px;

}



.login-page-3 .login_fields_submit .forgot {

    float: right;

    font-size: 14px;

    margin-top: 10px;

    text-transform: capitalize;

}



.login-page-3 .login_fields_submit .forgot a {

    color: #FFF;

}



.login-page-3 .login_fields_submit .forgot a:hover {

    color: #29aafe;

}



.login-page-3 .login_fields_submit input {

    color: #FFF;

    margin: 0;

}



.login-page-3 .login_fields_submit input:focus {

    box-shadow: none;

    outline: medium none;

}



.login-page-3 .loginbox-or .or-line {

    background-color: #ccc;

    height: 1px;

    left: 40px;

    position: absolute;

    right: 40px;

    top: 10px;

}



.login-page-3 .loginbox-or .or {

    background-color: #2C303F;

    color: #999;

    height: 20px;

    left: calc(50% - 25px);

    margin: 0 auto;

    position: absolute;

    top: 0;

    width: 50px;

}



.login-page-3 .loginbox-or {

    position: relative;

    text-align: center;

    height: 50px;

}



.login-page-3 .social {

    position: relative;

    overflow: hidden;

    padding-bottom: 30px;

}



/* ---- LOGIN4 CSS ---- */



.login-page-4 {

    position: relative;

    background: rgba(60, 146, 202, 0.7) url("../img/coming-soon.jpg") no-repeat scroll center center / cover;

}



.login-page-4 .login-container {

    background-color: transparent;

    padding: 5px;

    border: 5px solid #FFF;

}



.login-page-4 .loginbox {

    background-color: #FFF;

}



/* ---- LOGIN4 CSS ---- */



.login-page-5 {

    position: relative;

    background-color: #29aafe;

}



.login-page-5 .login-container {

    background-color: transparent;

    padding: 5px;

    border: 5px solid #FFF;

}



.login-page-5 .loginbox {

    background-color: #FFF;

}



.register-2 {

    padding: 30px 0 !important;

}



/* ---- PRICING CSS ---- */



.pricing-section-1 {

    padding-bottom: 70px;

}



.pricing-section-1 .ui_box {

    background: #3d3d3d;

    position: relative;

    width: 100%;

    margin-bottom: 30px;

}



.pricing-section-1 .ui_box__inner {

    padding: 30px;

}



body .ui_box__inner span {

    font-size: 36px;

    font-weight: 700;

}



.pricing-section-1 .ui_box h2 {

    font-weight: 600;

    margin-top: 0;

    margin-bottom: 20px;

    padding-bottom: 10px;

    border-bottom: 1px solid #CCC;

    color: #FFF;

    text-transform: capitalize;

    font-size: 24px;

}



.pricing-section-1 .ui_box p {

    clear: left;

    color: #FFF;

    line-height: 20px;

}



.pricing-section-1 .drop {

    padding: 20px 30px;

    background-color: #29aafe;

}



.pricing-section-1 .drop p {

    margin-bottom: 0;

    font-size: 20px;

    font-family: "Source Sans Pro", sans-serif;

}



.pricing-section-1 .ui_box:hover > .drop {

    bottom: -42px;

    opacity: 1;

    transition-duration: 0.3s;

    transition-property: bottom, opacity;

}



.pricing-section-1 .ui_box:hover > .drop .arrow {

    transform: rotate(765deg);

    transition-duration: 1s;

    transition-property: transform, -webkit-transform;

}



.pricing-section-1 .features_left {

    float: left;

}



.pricing-section-1 .features_left li {

    color: #FFF;

    font-size: 16px;

    padding: 5px 0;

}



.pricing-section-1 .features_left li.cut {

    color: #999;

    text-decoration: line-through;

}



.pricing-section-1 .arrow {

    border-right: 1px solid #cdead3;

    border-top: 1px solid #cdead3;

    float: right;

    height: 14px;

    position: relative;

    right: 0;

    top: -18px;

    transform: rotate(45deg);

    transition-duration: 1s;

    transition-property: transform, -webkit-transform;

    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);

    width: 14px;

}



.price-rates {

    font-size: 50px;

    font-weight: 600;

    text-transform: uppercase;

    float: right;

    color: #FFF;

}



.price-rates small {

    font-size: 14px;

    display: block;

    text-transform: capitalize;

    text-align: right;

    line-height: 0;

    color: #ccc;

}



/* ---- PRICING 2 CSS ---- */



.pricing-white {}



.pricing-white .ui_box {

    background: #FFF;

    position: relative;

    width: 100%;

    border: 1px solid #F1F1F1;

}



.pricing-white .ui_box h2 {

    border-bottom: 1px solid #999;

    color: #242424;

}



.pricing-white .features_left li,

.pricing-white .price-rates,

.pricing-white .ui_box p {

    color: #242424;

}



.pricing-white .drop p {

    color: #FFF;

}



.pricing-white .price-rates small {

    color: #999;

}



/* ---- PRICING 3 & 4 CSS ---- */



.pricing-section-2 {

    padding-bottom: 70px;

}



.single-price {

    background: #fff;

    padding-bottom: 35px;

    border: 1px solid #F1F1F1;

    margin-bottom: 30px;

}



#featured-price {

    background: #29aafe;

}



.plan-price {

    background: #29aafe;

}



.price-header {

    padding: 30px 0 20px;

}



.plan-title {

    font-size: 24px;

    color: #242424;

    font-weight: 600;

    text-transform: capitalize;

    font-family: "Source Sans Pro", sans-serif;

}



.plan-price {

    border-radius: 50%;

    margin: 0 auto;

    height: 130px;

    width: 130px;

    display: flex;

    justify-content: center;

    align-content: center;

    flex-direction: column;

    color: #fff;

}



.plan-price > h4 {

    font-size: 50px;

    margin: 0;

}



.plan-price > h4 > span {

    font-size: 20px;

}



.price-features {

    margin-top: 35px;

}



.price-features > p {

    font-size: 15px;

    color: #242424;

    font-family: "Source Sans Pro", sans-serif;

}



.price-features > p > strong {}



.price-footer {

    margin-top: 35px;

}



.price-footer > a {

    background-color: #29aafe;

    border: 1px solid #29aafe;

    color: #fff;

    height: 45px;

    border-radius: 0;

    margin-top: 10px;

    padding: 10px 35px;

    text-transform: capitalize;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease- 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.price-footer > a:hover {

    background-color: #2088cb;

    border: 1px solid #2088cb;

    color: #fff;

}



.price-footer > a:hover {

    color: #fff;

}



#featured-price .plan-title {

    color: #fff;

}



#featured-price .plan-price {

    background: #fff;

    color: #222;

}



#featured-price .price-features > p {

    color: #FFF;

}



#featured-price .price-footer > a {

    background: #fff;

    color: #242424;

}



#featured-price .price-footer > a:hover {

    color: #FFF;

    background-color: #2088cb;

    border: 1px solid #2088cb;

}



.flat .plan-price {

    border-radius: 0;

}



/* ---- CONTACT US PAGES CSS ---- */



.contact-us {

    position: relative;

    overflow: hidden;

}



#map-contact {

    height: 450px;

}



#map-contact .map-img h4 {

    margin: 0;

    font-family: "Source Sans Pro", sans-serif;

    font-weight: 600;

}



#map-contact .map-img p {

    font-family: "Source Sans Pro", sans-serif;

}



label {

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

}



.contact-us input {

    border-radius: 0;

    height: 45px;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.contact-us textarea {

    border-radius: 0;

}



.contact-us input:focus,

.contact-us textarea:focus {

    border: 1px solid #F1F1F1;

    box-shadow: none;

}



.contact-us .btn {

    border-radius: 0;

    height: 45px;

    text-transform: uppercase;

    float: right;

    width: auto;

}



.contact-us .btn i {

    margin-left: 10px;

}



.contact-us h4 {

    color: #fff;

    font-size: 18px;

    margin-bottom: 30px;

    margin-top: 0;

    position: relative;

    text-transform: capitalize;

}



.contact-us .personal-info li {

    border-bottom: 1px solid #3c4450;

    color: #FFF;

    display: inline-block;

    font-size: 14px;

    line-height: 24px;

    padding: 10px 0;

    width: 100%;

}



.contact-us .personal-info li i {

    margin-right: 10px;

}



.contact-us .contact_block {

    background-color: #242424;

    padding: 30px;

}



.contact-us .personal-info li:last-child {

    border-bottom: none;

}



.contact-us .map-contact-inner {

    height: 400px !important;

}



/* ---- CONTACT PAGE 5 CSS ---- */



.contact_block-2 {

    position: relative;

    overflow: hidden;

    margin-bottom: 50px;

    clear: both;

}



.content-block-box {

    position: relative;

    overflow: hidden;

}



.icon-box {

    float: left;

    margin-right: 30px;

}



.icon-box i {

    font-size: 50px;

    color: #999;

}



.contact_block-2 p {

    margin-bottom: 0;

    line-height: 20px;

    font-family: "Source Sans Pro", sans-serif;

    position: relative;

    overflow: hidden;

    color: #242424;

}



.contact_block-2 p a {

    color: #242424;

}



.contact_block-2 p a:hover {

    color: #29aafe;

}



.profile-pic img {

    margin-right: 5px;

}



.profile-pic .drop-down-multilevel {

    right: 20px !important;

}



/* ---- OTHER PAGES CSS ---- */



.widget {

    background-color: #FFF;

    margin-bottom: 30px;

    overflow: hidden;

    padding: 20px 30px;

    position: relative;

    border: 1px solid #f1f1f1;

}



.widget .widget-heading {

    background-color: transparent;

    padding-bottom: 10px;

    text-transform: capitalize;

    margin-bottom: 20px;

    font-size: 18px;

    font-weight: 600;

}



.widget-heading .title {

    padding-bottom: 15px;

    border-bottom: 2px solid #29aafe;

}



.widget ul li a span {

    float: right;

}



.widget .categories-module {

    background-color: #FFF;

}



.widget .categories-module li {

    border-bottom: 1px solid #f1f1f1;

    display: block;

    padding-bottom: 13px;

    padding-top: 13px;

}



.widget .categories-module li a {

    color: #242424;

    font-size: 14px;

    text-transform: capitalize;

}



.widget .categories-module li a:hover {

    color: #29aafe;

}



.widget ul li:last-child {

    border-bottom: none;

    padding-bottom: 0;

}



.widget .related-post span {}



.widget .related-post li {

    position: relative;

    overflow: hidden;

    padding-bottom: 20px;

    border-bottom: 1px solid #CCC;

    margin-bottom: 20px;

}



.widget .related-post li a {

    color: #242424;

    margin-bottom: 5px;

    position: relative;

    overflow: hidden;

    display: block;

    font-size: 18px;

    font-weight: 600;

}



.widget .related-post li a:hover {

    color: #29aafe;

}



.widget .related-post li span {

    position: relative;

    overflow: hidden;

    margin-bottom: 5px;

    display: block;

    font-size: 14px;

    color: #242424;

}



.widget .related-post li span i {

    color: #29aafe;

    position: relative;

    margin-right: 10px;

    font-size: 14px;

}



.scrollup {

    width: 50px;

    height: 50px;

    position: fixed;

    bottom: 34px;

    right: 20px;

    display: none;

    background-color:#e52e2d;

    padding: 5px;

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.376);

    opacity: 0.5;

    border-radius: 50%;

    z-index: 99999;

}



.scrollup:hover {

    opacity: 1;

}



.scrollup:hover i {

    border: 2px solid #fff;

}



.scrollup i {

    color: #fff;

    display: block;

    line-height: 36px;

    text-align: center;

    border: 2px dotted #FFF;

    border-radius: 50%;

}



/* ---- SKILLS BAR RESUME CSS ---- */



.progress {

    position: relative;

    height: 50px;

    border-radius: 0;

    box-shadow: none;

}



.progress > .progress-type {

    position: absolute;

    left: 0px;

    padding: 3px 30px 2px 10px;

    color: #FFF;

    background-color: rgba(25, 25, 25, 0.2);

}



.progress > .progress-completed {

    position: absolute;

    right: 0px;

    font-weight: 600;

    padding: 3px 10px 2px;

}



/* ---- FOOTER ---- */



.fixed-footer {

    z-index: 9999999;

}



footer {

    padding: 70px 0 40px 0;

    /*    background: rgba(60, 146, 202, 0.7) url("../img/bg-patteren.png");*/

    background-color: rgb(97, 97, 97);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}



footer.footer1 {

    background: #FFF !important;

}



.footer_block {

    overflow: hidden;

    clear: both;

}



.footer_block .f_logo {

    clear: both;

    color: #ff4632;

    font-size: 24px;

    margin-top: 0;

    position: relative;

    float: left;

}



.footer_block h4 {

    font-size: 20px;

    margin-top: 0;

    text-transform: capitalize;

    color: #fff;

    margin-bottom: 10px;

    position: relative;

    font-weight: 600;

}



.footer_block p {

    font-size: 14px;

    color: #fff;

    font-weight: 300;

    margin: 21px 0 0 4px;

    line-height: 22px;

}



.footer_block a {

    font-size: 14px;

    text-transform: capitalize;

    display: block;

    color: #fff;

}



.iconimg{

    margin-left:50px;





}

.alink{

    color:white;

}

.footer_block .footer-links a {

    font-weight: 600;

}



.footer_block a:hover {

    color: #29aafe;

}



.footer-links li::before {

    color: #fff;

    content: "";

    font-family: "FontAwesome";

    /*left: 16px;*/

    position: absolute;

}

.footer-links {
    list-style: none;
    padding-left: 0px;
}



ul.footer-links li {

    padding: 5px 0;

    /*
        padding-left: 20px;

        border-bottom: 1px solid #999;*/

}



ul.footer-links li:first-child {

    padding-top: 0;

}



.email-newsletter span {

    color: #fff;

}



.email-newsletter .form-group {

    margin-top: 15px;

    position: relative;

}



.email-newsletter .form-group .form-control {

    border: none;

    border-radius: 0px;

    height: 40px;

    padding-left: 37px;

    font-size: 16px;

}



.email-newsletter .form-group i {

    font-size: 22px;

    position: absolute;

    top: 10px;

    left: 8px;

    color: #00679a;

}



.recentpost li {

    display: block;

    margin: 0 0 27px 0;

}



.recentpost li:last-child {

    margin-bottom: 0;

}



.recentpost li span {

    position: relative;

    width: 60px;

    height: 60px;

    background: #bfbfbf;

    float: left;

    margin: 0 10px 10px 0;

    overflow: hidden;

}



.recentpost li span a.plus {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: block;

    margin: 0;

    text-align: center;

}



.recentpost li span a.plus img {

    width: 60px;

    height: 60px;

}



.recentpost li span a.plus i {

    position: absolute;

    top: 50%;

    left: 0;

    display: block;

    width: 100%;

    margin-top: -100%;

    font-family: 'latoregular';

    font-size: 30px;

    color: #fff;

    font-style: normal;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transition: all ease-in-out 300ms;

    -webkit-transition: all ease-in-out 300ms;

    -ms-transition: all ease-in-out 300ms;

}



.recentpost li span a.plus:hover i {

    margin-top: 0;

}



.recentpost li p {

    line-height: 20px;

}



.recentpost li p a {

    margin: 0;

    font-size: 16px;

    color: #242424;

    text-transform: capitalize;

    font-weight: 600;

    font-family: "Source Sans Pro", sans-serif;

}



.recentpost li p a:hover {

    color: #29aafe;

}



.recentpost li h3 {

    font-size: 14px;

    color: #242424;

    margin: 0;

    font-weight: 300;

}



footer .personal-info li {

    border-bottom: 1px solid #999;

    color: #242424;

    display: inline-block;

    font-size: 14px;

    line-height: 24px;

    padding: 10px 0;

    width: 100%;

}



ul.personal-info li:first-child {

    padding-top: 0;

}



.footer_block .personal-info li i {

    color: #444;

    float: left;

    font-size: 18px;

    margin-right: 20px;

    margin-top: 5px;

}



.footer-bottom-section {

    padding: 20px 0;

    background-color: #333;

}



.footer-bottom-section1 {

    padding: 20px 0;

    background-color:#3c3838;

    height:90px;

}

@media only screen and (max-width: 795px){

    .footer-bottom-section1 {

        padding: 20px 0;

        background-color:#3c3838;

        height:140px;

    }

}



@media only screen and (max-width: 340px){

    .footer-bottom-section1 {

        padding: 20px 0;

        background-color:#3c3838;

        height:169px;

    }

    .footer_block {

        overflow: hidden;

        clear: both;

        padding-top: 15px;

    }

}

.footer-bottom {

    text-align: center;

}

.footercontent{

    color:white;

    margin-top:12px;

}

.footer-bottom p,

.footer-bottom p a {

    font-size: 12px;

    margin-bottom: 0;

    color: #e5e5e5;

    text-align: left;

}



ul.footer-menu {

    position: relative;

    overflow: hidden;

    margin: 0 auto;

    display: table;

    padding-top: 15px;

}



.footer-bottom .footer-menu li {

    float: left;

    padding: 0 20px;

    font-size: 14px;

    border-right: 1px solid #969ea7;

    text-transform: capitalize;

}



.footer-bottom .footer-menu li:last-child {

    border-right: none;

}



.social-bar {

    position: relative;

    overflow: hidden;

    margin-top: 38px;

    margin: 30px auto 0;

    display: block;

    float: left;

    width: 100%;

}



.social-bar ul {

    text-align: center;

}



.social-bar li {

    display: inline-block;

    margin: 0 25px 0 0;

}



.social-bar li a {

    color: #fff;

    font-size: 17px;

    width: 30px;

    height: 30px;

    border: 2px solid;

    border-radius: 6px;

    line-height: 27px;

    text-align: center;

}



.small-footer p {

    line-height: 50px;

}



.small-footer ul.social-network {

    line-height: 50px;

    float: right;

    margin: auto

}



.small-footer .footer-bottom {

    text-align: left;

}





/* ---- ADVANCE SEARCH ---- */



.advance-search {

    padding-bottom: 70px;

}



.advance-search .form-group {

    margin-bottom: 30px;

    width: 100%;

}



.advance-search .form-group {}



.advance-search .select2-container--default .select2-selection--single {

    background-color: #fff;

    border: 1px solid #f1f1f1;

    border-radius: 0;

    height: 45px;

}



.advance-search .select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 45px;

}



.advance-search .btn-default i {

    margin-right: 10px;

    color: #FFF;

}



.mega-menu {

    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.21);

    -webkit-animation: fadeInDown 1s both;

    -webkit-animation: fadeInDown 1s both;

    animation: fadeInDown 1s both;

}



.navbar-fixed-top {

    position: fixed !important;

    transition: all 0s ease-in 0.6s;

}



/* ---- PROFILE CARD USERS ---- */



.profile-content {

    position: relative;

    animation: animatop 0.9s cubic-bezier(0.425, 1.14, 0.47, 1.125) forwards;

    margin-bottom: 30px;

}



.profile-content .card {

    padding: 20px;

    padding-bottom: 30px;

    border-radius: 0;

    background-color: white;

    position: relative;

    overflow: hidden;

    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);

}



.profile-content .card:after {

    content: '';

    display: block;

    width: 190px;

    height: 300px;

    background-color: #337ab7;

    position: absolute;

    animation: rotatemagic 0.75s cubic-bezier(0.425, 1.04, 0.47, 1.105) 1s both;

}



.profile-content .firstinfo {

    z-index: 2;

    position: relative;

}



.profile-content .firstinfo img {

    float: left;

    width: 150px;

    height: 150px;

    margin-right: 20px;

}



.profile-content .firstinfo .profileinfo {

    padding: 0px 20px;

}



.profile-content .firstinfo .profileinfo h1 {

    font-size: 24px;

    margin: 0;

}



.profile-content .firstinfo .profileinfo h1 a:hover {

    color: #337ab7;

}



.profile-content .firstinfo .profileinfo h3 {

    font-size: 20px;

    color: #337ab7;

    margin: 0;

}



.profile-content .firstinfo .profileinfo p.bio {

    color: #5A5A5A;

    line-height: 1.2;

    font-style: initial;

    padding: 10px 0;

}



.profile-content .profile-skills span {

    position: relative;

    overflow: hidden;

    background-color: transparent;

    color: #337ab7;

    border: 1px solid #337ab7;

    font-size: 14px;

    padding: 5px 10px;

    border-radius: 2px;

    margin-right: 5px;

    margin-bottom: 5px;

    cursor: pointer;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease- 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.profile-content .profile-skills span:hover {

    background-color: #337ab7;

    color: #FFF;

    border: 1px solid #337ab7;

}



@keyframes animatop {

    0% {

        opacity: 0;

        bottom: -600px;

    }

    100% {

        opacity: 1;

        bottom: 0px;

    }

}



@keyframes animainfos {

    0% {

        bottom: 10px;

    }

    100% {

        bottom: -42px;

    }

}



@keyframes rotatemagic {

    0% {

        opacity: 0;

        transform: rotate(0deg);

        top: -24px;

        left: -253px;

    }

    100% {

        transform: rotate(-30deg);

        top: -24px;

        left: -78px;

    }

}



.profile-content .hire-btn {

    position: absolute;

    display: none;

    top: 20px;

    right: 30px;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease- 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.profile-content .hire-btn a {

    margin: 0;

    font-weight: 600;

    font-size: 16px;

    text-transform: capitalize;

}



.profile-content .hire-btn a i {

    margin-right: 5px;

}



.profile-content:hover .hire-btn {

    display: block;

}



/* ---- CALL TO ACTION 1 ---- */



.call-to-action-1 h3 {

    color: #fff;

    font-size: 40px;

    margin: 0;

    text-transform: uppercase;

}



.call-to-action-1 i {

    color: #fff;

    float: left;

    font-size: 50px;

    line-height: 80px;

    margin-right: 20px;

}



.call-to-action-1 p {

    color: #fff;

}



.call-to-action-1 .btn {

    font-size: 20px;

    font-weight: normal;

    margin-top: 20px;

    text-transform: uppercase;

}



.call-to-action-1 {

    overflow: hidden;

    position: relative;

}



.call-to-action-1::before {

    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.call-to-action-1 {

    background: rgba(60, 146, 202, 0.7) url("../img/index5-1.jpg") no-repeat fixed center top / cover;

    overflow-y: hidden;

}



.load-more-btn {

    text-align: center;

    position: relative;

    overflow: hidden;

}



.load-more-btn .btn-default {

    text-transform: uppercase;

    padding: 10px 50px;

}



.load-more-btn i {

    margin-left: 10px;

}



hr.divider {

    clear: both;

    position: relative;

    overflow: hidden;

    width: 100%;

    margin: 50px 0;

}





.p-r-7 {

    padding-right: 7px;

}



.job-company {

    background: #fff;

    border: 2px solid #eaeaea;

    margin-bottom: 20px;

    transition: all .6s ease-in-out;

}



.job-company:hover {

    border: 2px solid #29aafe

}



.job-company .job-company-img {

    width: 150px;

    display: block;

    margin: 0 auto;

}



.job-company .job-company-job {

    text-align: center;

    font-size: 25px;

}



.job-seeker {

    background-image: url(../img/seekers.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: -60px;

    width: 100%;

    height: 520px;

}



.job-employer {

    background-image: url(../img/recruiter.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: -60px;

    width: 100%;

    height: 520px;

}



.job-seeker .job-inner {

    position: absolute;

    /*    background-color: rgba(56, 69, 117, 0.85);*/

    background-image: linear-gradient(to right, rgba(37, 167, 143, 0.79) -6%, rgba(24, 85, 177, 0.84) 100%, #263696 100%);

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    margin-left: 0px;

    margin-right: -15px;

    padding-top: 160px;

    padding-bottom: 110px;

    padding-left: 0px;

    padding-right: 0px;

}



.job-employer .job-inner {

    position: absolute;

    /*    background-color: rgba(70, 138, 211, 0.85);*/

    background-image: linear-gradient(to right, rgba(24, 85, 177, 0.84) -6%, rgba(37, 167, 143, 0.79) 100%, #263696 100%);

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    margin-left: 0px;

    margin-right: -15px;

    padding-top: 160px;

    padding-bottom: 110px;

    padding-left: 0px;

    padding-right: 0px;

}



.no-padding {

    padding: 0px;

}



.dj-heading h1 {

    color: #ffffff;

    font-size: 26px;

    font-weight: 400;

    letter-spacing: 1px;

    line-height: 32px;

    text-align: Center;

    font-style: normal;

    font-family: 'Roboto', sans-serif;

}



.dj-heading p {

    color: #ffffff;

    text-align: Center;

    font-style: normal;

}



.dj-button {

    text-align: center;

    margin-top: 40px;

}



.dj-button .btn-browse-job {

    border: 2px solid #3383d2;

    color: #ffffff;

    margin-top: 20px;

}



.dj-button .btn-post-job {

    border: 2px solid #ffffff;

    color: #ffffff;

    margin-top: 20px;

}



.no_circle {

    border-radius: 0px;

}



.search-section {

    padding: 60px 0px 40px;

}



.btn-search-submit {

    background-image: none;

    border: 0 solid #ffffff;

    color: #fff;

    font-size: 19px !important;

    font-weight: 400;

    min-height: 51px;

    width: 63px;

    border-radius: 0px;

    padding: 13px 17px!important;

}



/********* Work precess ********/



.work-process {

    margin-bottom: 30px;

}



.work-process-icon {

    width: 50px;

    height: 50px;

    float: left;

}



.work-process-icon span {

    font-size: 2.5em;

    /*    color: #3e79b6;*/

    background: -webkit-gradient(linear, left top, left bottom, from(rgb(37, 53, 167)), to(rgb(24, 177, 150)));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.work-process-caption {

    margin-left: 55px;

}



.work-process-caption h4 {

    font-weight: 500;

    margin-bottom: 4px;

    font-size: 16px;

    color: #55646f;

    position: relative;

    padding-bottom: 15px;

    text-transform: uppercase;

    font-family: 'Quicksand', sans-serif;

}



.work-process-caption h4:before {

    content: "";

    bottom: 0;

    left: 0;

    height: 2px;

    width: 80px;

    display: block;

    position: absolute;

    background: #3e79b6;

}



.work-process-caption p {

    font-size: 15px;

    line-height: 1.8;

    font-weight: 400;

    color: #707c88;

    font-family: 'Roboto', sans-serif;

}



.work-process-no {

    position: absolute;

    top: 25px;

    font-size: 78px;

    color: #3e79b5;

    opacity: 0.1;

    font-family: 'Quicksand', sans-serif;

}





/******** Dream job process ************/



.dj-work-step.style1 {

    text-align: center;

    font-family: "Open Sans";

    position: relative;

    margin-bottom: 30px;

    z-index: 0;

}



.dream-job-process .dj-precess:nth-child(odd) .dj-work-step.style1:before {

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-top: 1px dashed #999;

    content: "";

    height: 173px;

    left: 50%;

    position: absolute;

    top: -5px;

    width: 100%;

    z-index: -1;

}



.dream-job-process .dj-precess:nth-child(even) .dj-work-step.style1:before {

    border-radius: 50%;

    border-bottom: 1px dashed #999;

    content: "";

    height: 172px;

    left: 50%;

    position: absolute;

    top: -75px;

    width: 100%;

    z-index: -1;

}



.dream-job-process .dj-precess:last-child .dj-work-step.style1:before {

    display: none;

}



.dj-work-step.style1 .count-step.no1 {

    color: #2980b9;

}



.dj-work-step.style1 .count-step.no2 {

    color: #4b86ac;

}



.dj-work-step.style1 .count-step.no3 {

    color: #5eacb0;

}



.dj-work-step.style1 .count-step.no4 {

    color: #5db09d;

}



.dj-work-step.style1 i.no1 {

    background: #2c569b;

    -webkit-box-shadow: 0 5px 25px 0 #2c579b;

    box-shadow: 0 5px 25px 0 #2c579b;

}



.dj-work-step.style1 i.no2 {

    background: #4b86ac;

    -webkit-box-shadow: 0 5px 25px 0 #4b86ac;

    box-shadow: 0 5px 25px 0 #4b86ac;

}



.dj-work-step.style1 i.no3 {

    background: #5eacb0;

    -webkit-box-shadow: 0 5px 25px 0 #5eacb0;

    box-shadow: 0 5px 25px 0 #5eacb0;

}



.dj-work-step.style1 i.no4 {

    background: #5db09d;

    -webkit-box-shadow: 0 5px 25px 0 #5db09d;

    box-shadow: 0 5px 25px 0 #5db09d;

}



.dj-work-step.style1 .icon {

    position: relative;

    display: inline-block;

    z-index: 2;

}



.dj-work-step.style1 .icon .count-step {

    position: absolute;

    display: inline-block;

    top: 0px;

    left: -12px;

    font-size: 18px;

    font-weight: bold;

    line-height: 32px;

    height: 35px;

    width: 35px;

    background-color: #FFF;

    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);

    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);

    -webkit-border-radius: 50%;

    border-radius: 50%;

}



.dj-work-step.style1 .icon i {

    display: inline-block;

    height: 95px;

    width: 95px;

    color: #FFF;

    font-size: 40px;

    font-weight: 500;

    line-height: 95px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    margin-bottom: 25px;

}



.dj-work-step.style1 .info-wrap {

    padding: 0 25px;

}



.dj-work-step.style1 h3.title {

    color: #333;

    font-size: 20px;

    font-weight: 600;

    line-height: 40px;

    margin: 0 0 10px;

}



.dj-work-step.style1 .description {

    color: #777;

    font-size: 13px;

    line-height: 25px;

}









.jbm-category-box {

    border: 1px solid #e2e2e2;

    text-align: center;

    padding: 15px;

    position: relative;

    margin-bottom: 30px;

    max-height: 115px;

    height: 115px;

    min-height: 115px;

    overflow: hidden;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}



.jbm-category-box:hover:before,

.jbm-job-loop-in:hover:before {

    background-color: #2088cb;

}



.jbm-category-box:before {

    content: '';

    position: absolute;

    top: -6px;

    left: 0;

    width: 100%;

    height: 4px;

    background-color: transparent;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}



.category-icon {

    float: left;

}



.category-icon svg {

    width: 50px;

    height: 50px;

}



.category-icon svg path {

    /*    fill: #454545;*/

    fill: url(#MyGradient);



}



.jbm-category-box a.jbm-cat-title {

    color: #454545;

    font-size: 16px;

    font-weight: 600;

    line-height: 25px;

    display: block;

    position: relative;

    left: 16px;

    text-align: left;

    min-width: 186px;

    width: 186px;

    max-width: 100%;

}



.jbm-category-box .jbm-cat-jobs {

    font-size: 12px;

    color: #b2b2b2;

    float: left;

}



.jbm-cat-jobs {

    float: right;

    position: relative;

    top: 5px;

}



.jbm-category-box:hover {

    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.23);

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.23);

    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.23);

}



.jbm-category-box:hover:before {

    top: 0px;

}



.category-icon svg path {

    fill: #2088cb;

}



.jbm-category-box:hover .category-icon svg path {

    fill: #2088cb;

}



.jbm-category-box a.jbm-cat-title:hover,

.jbm-category-box a.jbm-cat-title:focus {

    text-decoration: none;

}



.jbm-category-box:hover a.jbm-cat-title {

    color: #2088cb;

}



.job-catg-nm {

    float: left;

}



.job-catg-nm span {

    position: relative;

    left: 16px;

    color: gray;

    display: block;

    max-width: 100%;

    text-align: left;

}



.c-gray {

    color: #949494;

}



.c-blue {

    color: #7986cb;

}



.video-info {

    margin-top: 0px;

    padding: 0px 0px 0px 66px;

    /*    background: #fff;*/

    float: left;

    width: 100%;

    position: relative;

}



.video-info h4 {

    margin-bottom: 0px;

    float: left;

    margin-top: 10px;

    font-size: 20px;

    display: block;

    width: 100%;

}



.video-info p {

    margin-top: 0px;

    line-height: 15px;

}



.video-info img {

    border-radius: 50%;

    width: 46px;

    margin-top: 10px;

    margin-right: 15px;

    margin-left: 5px;

    position: absolute;

    left: 0px;

}



.video-info .video-exp {

    position: absolute;

    right: 9px;

    top: 9px;

    font-size: 20px;

    font-weight: 600;

    text-align: center;

    background: #e2e9ef;

    padding: 3px 10px 10px 10px;

    border-radius: 5px;

}



.latest-video-wrapper {

    margin-bottom: 30px;

}



.latest-video-wrapper .video-info,

.latest-video-wrapper p,

.latest-video-wrapper h4 {

    transition: all .6s ease-in-out;

}



.latest-video-wrapper:hover .video-info {

    background: #33699c;

}



.latest-video-wrapper:hover h4,

.latest-video-wrapper:hover p {

    color: #fff;

}



.video-info .video-exp span {

    display: block;

    font-size: 13px;

    line-height: 6px;

    text-transform: lowercase;

    text-align: center;

}



.item-category {

    background: #00679a;

    padding: 10px 80px 10px 22px;

    position: relative;

    margin-bottom: 30px;

}



.item-category:hover {

    -webkit-box-shadow: 0 5px 10px 0 #4b86ac;

    box-shadow: 0 5px 10px 0 #4b86ac;

}



.item-category p {

    font-weight: 600;

    line-height: 18px;

    color: #fff;

    text-transform: uppercase;

    white-space: nowrap;

    margin: 4px 0px;

    font-size: 14px;



}



.item-category span {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: 48px;

    background: rgba(255, 255, 255, 0.1);

    font-weight: 400;

    font-size: 16px;

    text-align: center;

    padding: 10px 5px;

    color: #fff;

    line-height: 25px;

}



.btn-subscribe-news {

    background: #00679a;

    width: 100%;

    padding: 10px!important;

    text-transform: uppercase;

    font-size: 15px!important;

    border: none;

}



.btn-subscribe-news:hover,

.btn-subscribe-news:active,

.btn-subscribe-news:focus {

    background-color: #305d90;

    border: none!important;

    outline: none!important;

}



/******** Job Browse ***********/



.sidebar-inner {

    background: #fff;

    padding: 0px;

    border: 1px solid #f1f1f1;

}



aside.sidebar-jobs-item {

    background-color: #FFF;

    margin-bottom: 00px;

    overflow: hidden;

    padding: 20px 30px 0px;

    position: relative;

    border: none;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

}



.sidebar-title {

    color: #333333;

    font-size: 13px;

    font-weight: 600;

    line-height: 18px;

    margin: 0 0 10px;

    padding-bottom: 10px;

    position: relative;

    text-transform: uppercase;

}



.sidebar-title:after {

    content: "";

    position: absolute;

    width: 46px;

    height: 1px;

    background: rgba(0, 0, 0, 0.1);

    left: 0;

    bottom: 0;

}



.sidebar-jobs .sidebar-job-1 ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.sidebar-jobs .sidebar-job-1 ul li:first-child {

    padding-top: 0;

}



.sidebar-jobs .sidebar-job-1 ul li {

    list-style: none;

    padding: 8px 0;

    border-bottom: 1px #f6f7f9 solid;

    position: relative;

}



.sidebar-area ul li .filter-name-item {

    display: inline-block;

    max-width: calc(100% - 30px);

}



.sidebar-jobs .sidebar-job-1 ul li:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 2px;

    -webkit-transition: opacity 0.2s ease;

    transition: opacity 0.2s ease;

    opacity: 0;

}



.iw-item-info.style1.bg-color-theme:after {

    background: #2980b9;

}



.sidebar-area ul li span.iwj-count {

    display: inline-block;

    float: right;

}



.sidebar-jobs .sidebar-job-1 ul li label,

.sidebar-jobs .sidebar-job-1 ul li span {

    margin: 0;

    font-weight: 500;

}



.iwj-input-checkbox [type="checkbox"]:not(:checked),

.iwj-input-checkbox [type="checkbox"]:checked {

    position: absolute;

    left: -9999px;

}



.sidebar-jobs .sidebar-job-1 ul li.iwj-input-checkbox label {

    padding-left: 30px;

    font-size: 13px;



    letter-spacing: 1px;

}



.iwj-input-checkbox [type="checkbox"]:not(:checked) + label,

.iwj-input-checkbox [type="checkbox"]:checked + label {

    position: relative;

    padding-left: 25px;

    cursor: pointer;

}



.sidebar-jobs .sidebar-job-1 ul li label,

.sidebar-jobs .sidebar-job-1 ul li span {

    margin: 0;

    font-weight: 500;

    font-size: 13px;

    font-family: 'Quicksand', sans-serif;

}



.iwj-input-checkbox [type="checkbox"] + label {

    margin-bottom: 25px;

}



.sidebar-jobs .iwj-input-checkbox [type="checkbox"]:not(:checked) + label:before,

.sidebar-jobs .iwj-input-checkbox [type="checkbox"]:checked + label:before {

    top: 2px;

    width: 17px;

    height: 17px;

    line-height: 15px;

}



.iwj-input-checkbox [type="checkbox"]:not(:checked) + label:before,

.iwj-input-checkbox [type="checkbox"]:checked + label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 17px;

    height: 17px;

    line-height: 15px;

    border: 2px solid #c7c7c7;

    background: #fff;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    box-shadow: none;

}



.sidebar-jobs .iwj-input-checkbox [type="checkbox"]:checked + label {

    color: #2980b9;

}



.sidebar-jobs .iwj-input-checkbox [type="checkbox"]:not(:checked) + label:after,

.sidebar-jobs .iwj-input-checkbox [type="checkbox"]:checked + label:after {

    font-size: 15px;

    left: 2px;

    top: 5px;

    color: #2980b9;

}



.iw-accordion-header:after {

    color: #2980b9;

}



.iwj-input-checkbox [type="checkbox"]:not(:checked) + label:after {

    opacity: 0;

    transform: scale(0);

}



.iwj-input-checkbox [type="checkbox"]:checked + label:after {

    opacity: 1;

    transform: scale(1);

}



.iwj-input-checkbox [type="checkbox"]:not(:checked) + label:after,

.iwj-input-checkbox [type="checkbox"]:checked + label:after {

    content: '\e006';

    font-family: "linea-arrows-10";

    position: absolute;

    top: 0px;

    left: 0px;

    transition: all 0.2s;

    font-weight: 800;

    font-size: 19px;

    background-color: #33699c;

    color: #fff;

    width: 17px;

    height: 17px;

    border-radius: 5px;

    text-indent: 0px;

}



.sidebar-jobs .sidebar-job-1 ul li:hover label,

.sidebar-jobs .sidebar-job-1 ul li:hover span {

    color: #2980b9

}



.sidebar-jobs .sidebar-job-1 ul li:hover:after {

    opacity: 1;

    background: #2980b9;

}



.sidebar-jobs .sidebar-job-1 ul li:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 2px;

    -webkit-transition: opacity 0.2s ease;

    transition: opacity 0.2s ease;

    opacity: 0;

}



.readmore[data-readmore] {

    transition: height 1000ms;

    overflow: hidden;



}



.readmore + [data-readmore-toggle],

.readmore[data-readmore] {

    display: block;

    width: 100%;

}



.show-more,

.show-less {

    color: #2980b9;

}



.job-listed-box {

    float: right;

}



.job-listed-box ul {

    display: inline-block;

    list-style: none;

    margin-bottom: 0px;

}



.job-listed-box ul li {

    list-style: none;

    display: inline-block;

    margin-right: 8px;

}



.job-listed-box ul li a.job-list-search {

    font-size: 28px;

    position: relative;

    top: 3px;

}



.job-listed-box ul li a.job-grid-search {

    font-size: 19px;

}



.job-listed-box ul li a {

    padding: 2px;

    background-color: #e5e5e5;

    display: inline-block;

    width: 36px;

    height: 36px;

    line-height: 39px;

    text-align: center;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    background: #f6f7f9;

    color: #333333;

}



.job-listed-box ul li.active a {

    background: #2980b9;

    color: #fff;

}



.job-listed-short {

    float: left;

    margin-right: 20px;

    width: 100%;

}



.job-listed-short .select2-container--default .select2-selection--single {

    background-color: #f7f7f9;

    border: 1px solid #f7f7f9;

    border-radius: 0px;

    height: 39px;

}



.job-listed-short .select-with-icon .select2-container .select2-selection--single .select2-selection__rendered {

    padding-left: 10px;

    padding-right: 30px;

    background: #f7f7f9;

    border: none;

}



.job-listed-short .select-with-icon .select2-container--default .select2-selection--single .select2-selection__rendered {

    color: #444;

    line-height: 39px;

    font-size: 15px;

    width: 170px;

}



.job-listed-short .select-with-icon .select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 39px;

    position: absolute;

    top: 1px;

    right: 1px;

    width: 20px;

}





.job-approved,

.job-approved:hover {

    background-color: #6cc874!important;

    color: #fff!important;

    border: 1px #6cc874 solid!important;

}



.job-pending,

.job-pending:hover {

    background-color: #2980b9!important;

    color: #fff!important;

    border: 1px #2980b9 solid!important;

}



.job-rejected,

.job-rejected:hover {

    background-color: #b94929!important;

    color: #fff!important;

    border: 1px #b94929 solid!important;

}



/*

.job-type button.save-job,

.job-save-left button.save-job {

    background: none;

    border: none;

    padding: 0;

}

*/



.job-type button,

.dj-job-items.style3 .job-save-left i {

    margin: 0;

    display: inline-block;

    height: 30px;

    line-height: 30px;

    width: 30px;

    text-align: center;

    color: #f16e8e;

    border: 1px #cccccc solid;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    font-size: 15px;

    margin-left: 5px;

    background-color: #fff;

}



.job-type button:hover,

.job-type button.active {

    background-color: #f16e8e;

    color: #fff;

    border: 1px #f16e8e solid;

}







.info-company .key-skill {

    margin-top: 18px;

    overflow: hidden;

    clear: left;

    margin-bottom: 0px;

}



.info-company .key-skill span {

    float: left;

    clear: left;

    width: 120px;

    line-height: 20px;

    padding-right: 10px;

    color: #999;

}



.info-company .key-skill p {

    float: left;

    width: 71%;

    font-size: 13px;

    color: #444;

    line-height: 16px;

    font-weight: 300;

    text-align: justify;

}



.job-item .post-date {

    position: absolute;

    right: 0px;

    bottom: 0px;

    width: 200px;

    height: 33px;

    line-height: 33px;

    text-align: center;

    background-color: #e5e5e5;

}



.job-item .post-date i {

    position: relative;

    left: -8px;

    top: 2px;

}



.job-grid-item .job-item-box {

    width: 50%;

    float: left;

}



.job-grid-item .job-item-box:nth-child(odd) {

    padding: 0px 10px 0px 0px;

}



.job-grid-item .job-item-box:nth-child(even) {

    padding: 0px 0px 0px 10px;

}



.job-grid-item .job-item .job-image {

    border-radius: 5px;

    float: none;

    margin-top: 7px;

    overflow: hidden;

    max-width: 100%;

}



.job-grid-item .job-item .job-info {

    margin-left: 0px;

    padding-right: 0px;

    position: relative;

    margin: 20px 0px 0px;

}



.job-grid-item .job-item .job-type {

    position: absolute;

    right: 8px;

    top: 12px;

}



.job-grid-item .info-company .key-skill span {

    float: left;

    clear: left;

    width: 100%;

    line-height: 20px;

    padding-right: 10px;

    color: #999;

}



.job-grid-item .info-company .key-skill p {

    float: left;

    width: 100%;

    font-size: 13px;

    color: #444;

    line-height: 16px;

    font-weight: 300;

    text-align: justify;

}



/************** Job Details **************/



.page-header {

    margin: 0px;

    border-bottom: none;

    padding-bottom: 0px;

    padding: 60px 0px 60px 0px;

}



.bg-page {

    background-image: url(../img/top-bg.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: left center;

}



.page-header h1 {

    color: #fff;

    text-transform: capitalize;

}





.job-desc-inner h3 {

    font-size: 18px;

    margin: 0 0 10px;

    position: relative;

}



.job-desc-inner p {

    font-size: 13px;

    line-height: 18px;

    color: #4a4a4a;

    margin-bottom: 0px;

    word-break: break-word;

}



.job-desc-inner h4 {

    font-size: 15px;

    font-weight: 600;

    margin-top: 30px;

    position: relative;

}



.job-desc-inner ul {

    list-style: disc;

    font-family: 'Open Sans', sans-serif;

    letter-spacing: 1px;

    color: #4a4a4a;

    font-size: 13px;

}



.job-desc-main {

    margin-top: 30px;

}



.job-desc-main p {

    margin-bottom: 5px;

}



.job-desc-main p .job-role-title {

    /* width: 100px; */

    color: #999;

    font-size: 15px;

    vertical-align: top;

    display: inline-block;

}



.job-desc-main p .job-role-desc {

    max-width: 85%;

    vertical-align: top;

    display: inline-block;

    padding-left: 17px

}



.job-key-tag h4 {

    margin-bottom: 20px;

    position: relative;

}



.job-key-tag a {

    background: #e52e2d;

    padding: 7px 12px;

    margin-right: 10px;

    color: #fff;



}



.company-desc h5 {

    font-size: 15px;

    font-weight: 600;

    text-transform: uppercase;

    position: relative;

}



.company-desc p {

    font-size: 13px;

    line-height: 21px;

}



.line-bottom-blue:after {

    content: "";

    position: absolute;

    height: 2px;

    left: 0;

    bottom: -4px;

    width: 215px;

    background-color: red;

}



.line-bottom-gray:after {

    content: "";

    position: absolute;

    height: 2px;

    left: 0;

    bottom: -5px;

    width: 50px;

    background-color: darkgray

}



.job-share-apply {

    margin-top: 254px;

    padding-top: 12px;

    border-top: 1px solid #eee;

}



.job-share-btn span {

    font-size: 15px;

    font-weight: 600;

    vertical-align: super;

}



.job-share-btn ul {

    list-style: none;

    margin: 0;

    display: inline-block;

}



.job-share-btn ul li {

    display: inline-block;

}



.job-share-btn ul li a {

    font-size: 30px;

    margin-left: 12px;

    position: relative;

    top: 3px;

    font-weight: 600;

}



.job-share-btn ul li a i {

    border-radius: 50%;

    border: 1px solid #fff;

    background: #ffffff;

    color: #2e5b89;

}



.job-share-btn ul li a i.fb-color:hover {

    color: #fff;

    background-color: rgb(52, 105, 156);

}



.job-share-btn ul li a i.tw-color:hover {

    color: #fff;

    background-color: #73ade1;

}



.job-share-btn ul li a i.ld-color:hover {

    color: #fff;

    background-color: rgb(52, 105, 156);

}



.job-share-btn ul li a i.gp-color:hover {

    color: #fff;

    background-color: #ea6e8d;

}



.similar-job-list h3 {

    font-size: 20px;

    position: relative;

    margin: 0px;

    margin-bottom: 25px;

}



.similiar-job-ul ul li {

    padding-top: 15px;

    padding-bottom: 15px;

    border-bottom: 1px solid #e6e6e6;

}



.similiar-job-ul ul li:last-child {

    border-bottom: none;

}



.similiar-job-ul ul li .similar-job-desc img {

    position: absolute;

    width: 50px;

    height: 50px;

    border-radius: 100%;

}



.similiar-job-ul ul li .similar-job-desc .company-job-info .info-company p {

    font-size: 12px;

}



.similiar-job-ul ul li .similar-job-desc .company-job-info {

    margin-left: 64px;

}



.similiar-job-ul ul li .similar-job-desc .company-job-info h4 a {

    color: #00679a;

}



.similiar-job-ul ul li .similar-job-desc .company-job-info h4 {

    margin: 0;

    font-weight: 500;

    font-size: 16px;

}



.similiar-job-ul ul li .similar-job-desc .exps,

.similiar-job-ul ul li .similar-job-desc .address {

    display: inline-block;

    margin-right: 12px;

    font-size: 12px;

    color: #8e8c8c;

}



.similiar-job-ul ul li .similar-job-desc i {

    margin-right: 6px;

    font-size: 11px;

    font-weight: 600;

}



/*************** login and Register Page ***********/



.input {

    position: relative;

    z-index: 1;

    display: inline-block;

    margin: 1em 0px;

    width: 100%;

    vertical-align: top;

}



.input-field {

    position: relative;

    display: block;

    float: right;

    padding: 0.8em;

    width: 60%;

    border: none;

    border-radius: 0;

    background: #f0f0f0;

    color: #aaa;

    font-weight: 400;

    -webkit-appearance: none;

    /* for box shadows to show on iOS */

}



.back-transparent-input{

    position: relative;

    display: block;    

    padding: 0.8em;

    width: 100%;

    border: none;

    border-radius: 0;    

    color: #aaa;

    font-weight: 400;

    -webkit-appearance: none;

}



.back-transparent-input:focus{

    outline: none;

}



.input-field:focus {

    outline: none;

}



.input-label {

    display: inline-block;

    float: right;

    padding: 0 1em;

    color: #696969;

    font-weight: bold;

    font-size: 15px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.input-label-content {

    position: relative;

    display: block;

    padding: 1.6em 0;

    width: 100%;

    font-weight: 400;

    font-size: 16px;

    color: #9e9e9e;

}



.graphic {

    position: absolute;

    top: 0;

    left: 0;

    fill: none;

}



.icon {

    color: #ddd;

    font-size: 150%;

}



.input-dj {

    background: #fff;

    overflow: hidden;

    padding: 0em 0;

    border: 1px solid #eaeaea;

    font-weight: 400;

}



.input-dj::after {

    content: '';

    width: 1px;

    position: absolute;

    top: 0.5em;

    bottom: 0.5em;

    left: 3.5em;

    background: #f0f0f0;

    z-index: 100;

}



.input-field-dj {

    background: transparent;

    padding: 21px 1em 0.25em 65px!important;

    width: 100%;

    color: #34699c;

    font-size: 16px;

}



.input-label-dj {

    position: absolute;

    width: 100%;

    text-align: left;

    padding-left: 4.2em;

    pointer-events: none;

}



.icon-dj {

    width: 2em;

    position: absolute;

    top: 0;

    left: 0;

    padding: 13px 0 0 13px;

    font-size: 20px;

}



.input-label-content-dj {

    padding: 13px 0;

    display: inline-block;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

}



.input-label-content-dj span {

    display: inline-block;

}



.input-field-dj:focus + .input-label-dj .input-label-content-dj,

.input-filled .input-label-content-dj {

    -webkit-animation: anim-dj-1 0.3s forwards;

    animation: anim-dj-1 0.3s forwards;

}



@-webkit-keyframes anim-dj-1 {

    50% {

        -webkit-transform: translate3d(0, 3em, 0);

        transform: translate3d(0, 3em, 0);

    }

    51% {

        -webkit-transform: translate3d(0, -3em, 0) scale3d(0.85, 0.85, 1);

        transform: translate3d(0, -3em, 0) scale3d(0.85, 0.85, 1);

    }

    100% {

        color: #333;

        -webkit-transform: translate3d(0, -0.6em, 0) scale3d(0.85, 0.85, 1);

        transform: translate3d(0, -0.6em, 0) scale3d(0.85, 0.85, 1);

    }

}



@keyframes anim-dj-1 {

    50% {

        -webkit-transform: translate3d(0, 3em, 0);

        transform: translate3d(0, 3em, 0);

    }

    51% {

        -webkit-transform: translate3d(0, -3em, 0) scale3d(0.85, 0.85, 1);

        transform: translate3d(0, -3em, 0) scale3d(0.85, 0.85, 1);

    }

    100% {

        color: #333;

        -webkit-transform: translate3d(0, -0.6em, 0) scale3d(0.85, 0.85, 1);

        transform: translate3d(0, -0.6em, 0) scale3d(0.85, 0.85, 1);

    }

}







.input-field-dj:focus + .input-label-dj .icon-dj,

.input-filled .icon-dj {

    -webkit-animation: anim-dj-2 0.3s forwards;

    animation: anim-dj-2 0.3s forwards;

}



@-webkit-keyframes anim-dj-2 {

    50% {

        opacity: 1;

        -webkit-transform: translate3d(0, -3em, 0);

        transform: translate3d(0, -3em, 0);

    }

    50.25% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3em, 0);

        transform: translate3d(0, -3em, 0);

    }

    50.75% {

        opacity: 0;

        -webkit-transform: translate3d(0, 3em, 0);

        transform: translate3d(0, 3em, 0);

    }

    51% {

        opacity: 1;

        -webkit-transform: translate3d(0, 3em, 0);

        transform: translate3d(0, 3em, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        color: #34699c;

    }

}



@keyframes anim-dj-2 {

    50% {

        opacity: 1;

        -webkit-transform: translate3d(0, -3em, 0);

        transform: translate3d(0, -3em, 0);

    }

    50.25% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3em, 0);

        transform: translate3d(0, -3em, 0);

    }

    50.75% {

        opacity: 0;

        -webkit-transform: translate3d(0, 3em, 0);

        transform: translate3d(0, 3em, 0);

    }

    51% {

        opacity: 1;

        -webkit-transform: translate3d(0, 3em, 0);

        transform: translate3d(0, 3em, 0);

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        color: #34699c;

    }

}



.login-wrapper {

    padding: 60px 80px;

    background-color: #fff;

}



.switch {

    position: relative;

    height: 52px;

    width: 290px;

    margin: 0px auto 20px;

    background: #e52e2d;

    border-radius: 25px;

    padding: 5px;

    -webkit-box-shadow: 0px 5px 25px rgba(41, 128, 185, 0.3);

    -moz-box-shadow: 0px 5px 25px rgba(41, 128, 185, 0.3);

    box-shadow: 0px 5px 25px rgba(41, 128, 185, 0.3);

}



.switch-label {

    position: relative;

    z-index: 2;

    float: left;

    width: 50%;

    line-height: 42px;

    font-size: 15px;

    color: rgb(255, 255, 255);

    text-align: center;

    text-shadow: 0 1px 1px rgba(226, 222, 222, 0.45);

    cursor: pointer;

    font-weight: 400;

    text-transform: uppercase;

}



.switch-label:active {

    font-weight: 400;

}



.switch-label-jobseeker {

    padding-left: 2px;

    padding-right: 10px;

}



.switch1 {

    text-align: center;

}



.switch-label-employer {}





.switch-input {

    display: none;

}



.switch-input:checked + .switch-label {

    color: rgb(53, 105, 156);

    text-shadow: 0 1px rgba(255, 255, 255, 0.25);

    -webkit-transition: 0.35s ease-out;

    -moz-transition: 0.35s ease-out;

    -ms-transition: 0.35s ease-out;

    -o-transition: 0.35s ease-out;

    transition: 0.35s ease-out;

    -webkit-transition-property: color, text-shadow;

    -moz-transition-property: color, text-shadow;

    -ms-transition-property: color, text-shadow;

    -o-transition-property: color, text-shadow;

    transition-property: color, text-shadow;

}



.switch-input:checked + .switch-label-employer ~ .switch-selection {

    left: 140px;

    /* Note: left: 50%; doesn't transition in WebKit */

}



.switch-selection {

    position: absolute;

    z-index: 1;

    top: 5px;

    left: 5px;

    display: block;

    width: 144px;

    height: 42px;

    border-radius: 25px;

    background-color: #ffffff;

    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);

    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);

    -webkit-transition: left 0.35s ease-out;

    -moz-transition: left 0.35s ease-out;

    -ms-transition: left 0.35s ease-out;

    -o-transition: left 0.35s ease-out;

    transition: left 0.35s ease-out;

}



.user-profile-menu img {

    width: 36px;

    border-radius: 50%;

    display: inline-block;

    margin-right: -9px;

    height: 36px;

}

.user-profile-menu{

    padding-left: 24px;

}



.dj-switch-btn > input[type="checkbox"] {

    display: none;

}



.dj-switch-btn > label {

    cursor: pointer;

    height: 0px;

    position: relative;

    width: 40px;

}



.dj-switch-btn > label::before {

    background: rgb(0, 0, 0);

    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);

    border-radius: 8px;

    content: '';

    height: 16px;

    margin-top: -8px;

    position: absolute;

    opacity: 0.3;

    transition: all 0.4s ease-in-out;

    width: 40px;

}



.dj-switch-btn > label::after {

    background: rgb(255, 255, 255);

    border-radius: 16px;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

    content: '';

    height: 24px;

    left: -4px;

    margin-top: -8px;

    position: absolute;

    top: -4px;

    transition: all 0.3s ease-in-out;

    width: 24px;

}



.dj-switch-btn > input[type="checkbox"]:checked + label::before {

    background: inherit;

    opacity: 0.5;

}



.dj-switch-btn > input[type="checkbox"]:checked + label::after {

    background: inherit;

    left: 20px;

}



.dj-switch .list-group-item {

    position: relative;

    display: block;

    padding: 22px 15px;

    background-color: transparent;

    border: 1px solid #ddd;

    border-top-width: 1px!important;

    margin-bottom: 20px;

    font-size: 18px;

}



.dj-switch .list-group-item:hover {

    border: 1px solid #337ab7;

}





.resume-video .form-group i {

    position: absolute;

    left: 11px!important;

    font-size: 26px!important;

    top: 13px!important;

    color: #3e79b6;

    font-weight: 500;

}



.cv-input {

    position: relative;

    overflow: hidden;

    margin: 0px;

    color: #fff;

    background-color: #33679a;

    border-color: #33679a;

    padding: 10px 15px;

}



.cv-input:hover span {

    color: #fff;

}



.cv-input span {

    color: #fff;

}



.cv-input input[type=file] {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    padding: 0;

    font-size: 20px;

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0);

}



.cv-input {

    width: 300px;

}



.cv-input-title {

    margin-left: 2px;

}



.cv-clear {

    position: absolute;

    left: -29px;

    top: 8px;

    width: 26px;

    height: 26px;

    z-index: 2;

    border-radius: 50%;

    border: 2px solid;

    color: rgb(52, 103, 154);

    background: rgb(255, 255, 255);

}



.cv-clear:hover {

    color: rgb(52, 103, 154)!important;

}



.cv-clear i {

    font-size: 16px;

    position: relative;

    left: -1px;

    top: 1px;

}



.cv-filename {

    height: 42px;

    background-color: #fff!important;

    border-radius: 0px;

}

@media screen and (min-width:992px) and (max-width:1006px){

    .listmarvb{

        margin-top: -41px;

    }

}

.remember-me-check label {

    font-size: 14px;

    font-weight: 400;

    color: #717171;

    line-height: 15px;

}



.forgot-pwd-link {

    float: right;

    color: #33679a;

    cursor: pointer;

}



.btn-login,

.btn-register {

    margin-right: 0px;

}



.m-t-b-1em {

    margin: 1em 0px;

}



.f-icon i {

    position: absolute;

    left: 12px!important;

    font-size: 20px!important;

    top: 14px!important;

    color: #333;

}



.f-icon .select2-container--default .select2-selection--single {

    border: 1px solid #eaebea;

}



.box-footer p {

    margin-bottom: 0;

    margin-top: 3em;

    font-size: 13px;

}



.checkpwdStrength,

.checkpwd {

    display: none;

}



.checkpwdStrength p,

.checkpwd p,

#message p {

    position: relative;

    margin-bottom: 0px;

    font-size: 13px;

}



#message p:before {

    /*    content: '\f057';*/

    content: '✖';

    font-family: FontAwesome;

    margin-right: 10px;

    color: #777;

    font-size: 13px;

}



.successexp {

    color: #33699c;

}



.successexp:before {

    /*    content: '\f05d'!important;*/

    content: '✔'!important;

    font-family: FontAwesome;

    margin-right: 10px;

    color: #33699c!important;

    font-size: 13px;

}



.btn-top-login a {

    width: 55px;

    padding: 11px 4px !important;

    margin: 8px 60px 0px 0px;

    float: right;

    font-size: 13px!important;

    max-width: 100px;

    min-width: 100px;

}



/* ---- MEDIA QUERIES ---- */



@media (min-width: 1500px) and (max-width: 2919px) {

    /* .main-section {

        height: 730px;

    } */

    .employe-section .employe-detail-section {

        padding: 75px 50px;

        background-color: #242424;

    }



    .search-form-header

    {

        margin-top: 250px;

        color:white;

    }

    .slidershow-bg .search-form-header {

        margin-top: 200px !important;

    }

    .slidershow-bg {

        height: 750px !important;

    }

    .txt-rotator-bg {

        height: 750px;

        padding-top: 400px;

    }

}



@media (min-width:1160px) and (max-width: 1279px) {

    .mega-menu .menu-links > li > a {

        padding: 0 10px ;

    }

}

@media (min-width:1100px) and (max-width: 1159px) {

    .mega-menu .menu-links > li > a {

        padding: 0 7px ;

    }

    .mega-menu .menu-links > li > a {

        margin: 0;

        padding: -1px 10px;

        display: inline-block;

        float: none;

        width: 100%;

        color: #242424;

        font-weight: 600;

        font-size: 14px;

        line-height: 40px;

        position: relative;

        text-transform: uppercase;

        text-align: center;

    }

}

@media (min-width:992px) and (max-width: 1115px) {

    .mega-menu .menu-links > li > a {

        padding: 0 7px ;

    }

    .mega-menu .menu-links > li > a {

        margin: 0;

        padding: -1px 10px;

        display: inline-block;

        float: none;

        width: 100%;

        color: #242424;

        font-weight: 600;

        font-size: 11px;

        line-height: 40px;

        position: relative;

        text-transform: uppercase;

        text-align: center;

    }

}







@media (min-width: 768px) and (max-width: 1279px) {

    .cat-tabs .panel-tabs > li > a {

        padding: 30px 15px;

    }

    aside {

        margin-top: 30px;

    }

    .main-section .form-inline .form-control {

        width: 100%;

    }

    .cat-tabs .job-title-box {

        margin-left: 0;

    }

    section.download-app h1 {

        font-size: 26px;

        margin: 0;

    }

    .cat-tabs .panel-tabs > li a i {

        font-size: 30px;

        margin-right: 0px;

    }

    .job-box {

        padding: 30px 15px;

    }

    .search-form-header {

        margin-top: 140px;

    }

    #popular-categories li a {

        width: 33.3%;

    }



    #header2 .mega-menu {

        padding: 0 10px;

    }

    #top-bar ul li a {

        padding: 10px 29px;

    }

    .header-top-left img {

        margin-top: 10px;

    }

    .resume7 .profile-list .skills a {

        display: inline-block;

    }

    .single-job-detail-box .apply-job a {

        display: inline-block;

        float: left;

        margin-right: 10px;

    }

    .company-contact-detail table {

        width: 100%;

    }



}



@media screen and (max-width:600px) {

    .job-box-2 .job-apply {

        position: relative;

        top: 10px;

        font-size: 18px;

        width: 100%;

        float: left;

        height: auto;

        text-align: center;

        right: 0px;

    }

}



@media screen and (max-width:480px) {

    .social-bar li {

        display: inline-block;

        margin: 0px 9px 0 0;

    }

    .f_logo img {

        width: 80px;

    }

    .footer_block .f_logo {

        padding: 0px 13px 0px 0px;

    }

    .footer_block p {

        margin: 0 0 0 03px;

    }

    .social-bar {

        margin: 30px auto 20px;

    }

    .email-newsletter {

        margin-top: 30px;

    }

    .login-wrapper {

        padding: 10px 15px!important;

    }

    .switch {

        height: 42px;

        width: 250px;

    }

    .switch-selection {

        height: 32px;

        width: 123px;

    }

    .switch-label {

        line-height: 32px;

        font-size: 14px;

    }

    .switch-input:checked + .switch-label-employer ~ .switch-selection {

        left: 122px;

    }

    .job-item .job-image {

        float: none!important;

    }

    .job-item .job-info {

        margin-left: 0px!important;

    }

    .job-item .job-info a.btn-apply-job {

        color: #fff;

        position: relative;

        top: 10px!important;

    }



}



@media (min-width: 320px) and (max-width: 767px) {



    .height-55 {

        height: 55px;

    }

    .job-item .job-type {

        position: absolute;

        right: 16px!important;

        top: 30px!important;

    }

    section {

        /* padding: 30px 15px; */

        position: relative;

    }

    .section-provb {

        padding: 30px 15px;

        position: relative;

    }

    .success-layout{

        padding: 2px 15px;

    }

    .row-edit.btn-edit-form ,.row-edit.btn-save-form{

        top: -10px!important;

        right: 70px!important;

    }

    .row-edit.btn-remove-form, .row-edit.btn-cancel-form {

        top: -10px!important;

        right: 15px!important;

    }

    .btn-edit-form {

        top: 14px!important;

    }

    .job-dec-box {

        padding: 12px!important;

    }

    #top-bar ul li a {

        padding: 10px 20px;

        float: left;

    }

    #top-bar ul.navbar-nav {

        margin: 0 auto;

        display: block;

    }

    #header2 .mega-menu {

        padding: 0;

    }

    .txt-rotator-bg h3 {

        font-size: 24px;

    }

    #header2 {

        top: 0;

    }

    .navbar-nav {

        float: none;

    }

    .main-section .form-inline .form-control {

        width: 100% !important;

    }

    .job-advanced-search .form-group {

        display: block !important;

        width: 100% !important;

    }

    .slidershow-bg .form-inline .form-control {

        width: 100% !important;

    }

    .select2-container {

        width: 100% !important;

    }

    .transparent-header .mega-menu {

        padding: 0 10px !important;

    }

    .transparent-header .mega-menu > section.menu-list-items {

        padding: 10px 0;

    }

    .transparent-header .menu-links {

        background-color: #000;

    }

    .slidershow-bg .form-group {

        display: block !important;

        width: 100% !important;

    }

    .search-main-title {

        color: #fff;

        font-size: 24px !important;

        text-transform: uppercase;

    }

    .comp-logo img {

        width: 180px;

    }

    .cat-tabs .cat-title {

        background-color: #29aafe;

        color: #fff;

        font-size: 14px;

        left: 24%;

        letter-spacing: 2px;

        padding: 15px;

        position: absolute;

        text-transform: uppercase;

        top: -50px;

    }

    .cat-tabs .cat-title::before {

        border-width: 46px 45px 5px 6px;

    }

    .cat-tabs .cat-title::after {

        border-width: 6px 52px 45px 7px;

    }

    .btn-default {

        padding: 10px 15px;

    }

    .cat-tabs .job-title-box {

        margin: 0;

    }

    .cat-tabs .job-title-box .job-title {

        margin-bottom: 10px;

    }

    .btn-custom {

        display: block;

        width: 90%;

        margin: 0 15px;

    }

    section.download-app h1 {

        font-size: 20px;

    }

    section.download-app .download-btns a {

        display: block;

        margin-bottom: 20px;

        margin-right: 0px;

        overflow: hidden;

        position: relative;

    }

    .footer-bottom-section {

        padding: 50px 0;

    }

    .cat-tabs .job-title-box {

        padding: 0 15px;

    }

    .cat-tabs .panel-tabs > li > a {

        padding: 25px 15px;

    }

    #popular-categories li a {

        width: 100%;

        padding: 40px 20px;

    }

    .fact-box {

        margin-bottom: 20px;

    }

    .p-job,

    .g-job,

    .login-header-btn {

        display: block !important;

        text-align: center !important;

        margin-bottom: 10px !important;

    }

    .login-btn-no-bg {

        margin: 0 !important;

    }

    .no-bg:hover {

        background-color: transparent !important;

    }

    .main-section {

        height: 400px;

    }

    .search-form-header {

        margin-top: 40px!important;

    }

    .Heading-title h1 {

        font-size: 24px;

    }

    .Heading-title p {

        width: 100%;

    }

    .footer-bottom-section {

        padding: 30px 0;

    }

    .employe-section .employe-detail-section h2 {

        font-size: 19px;

        font-weight: 600;

        line-height: 28px;

    }

    .employe-section .btn-employe-section {

        display: block;

    }

    .mega-menu > section.menu-list-items {

        padding: 10px;

    }

    .mega-menu .menu-logo > li > a {

        padding-bottom: 5px;

        padding-top: 5px;

    }

    .job-breadcrumb {

        padding: 20px;

        position: relative;

        overflow: hidden;

    }

    .job-breadcrumb h3 {

        text-align: center;

    }

    .job-breadcrumb .breadcrumb {

        background-color: transparent;

        display: table;

        margin: 0 auto;

    }

    .price-rates {

        font-size: 30px;

    }

    .Heading-title-left h1 {

        font-size: 20px;

    }

    .Heading-title-left,

    .Heading-title {

        margin-bottom: 20px;

    }

    .breadcrumb-search .search-form-header {

        margin-top: 40px;

    }

    .maintenance-container ul#coming-soon-page li p {

        font-size: 20px;

    }

    .maintenance-container ul#coming-soon-page li span {

        font-size: 30px;

    }

    .maintenance-container ul#coming-soon-page li.seperator {

        font-size: 30px;

    }

    .maintenance-container {

        transform: translate(0%, 5%);

    }

    .maintenance-container ul#coming-soon-page {

        margin-top: 20px;

    }

    .contact-us .btn {

        margin-bottom: 30px;

    }

    .job-box-2 .job-title-box .comp-name {

        display: block;

    }

    .job-box-2 .job-type {

        padding: 0;

    }

    .job-box-2 .job-salary {

        top: 105px;

    }

    .login-container,

    .login-page-2 .login,

    .login-page-3 .login {

        width: 290px;

    }

    .social-circle li i {

        line-height: 40px;

    }

    .social-circle li a {

        width: 40px;

        height: 40px;

    }

    .job-short-detail dt {

        font-size: 14px;

        width: 50%;

    }

    .job-short-detail dd {

        font-size: 14px;

        width: 50%;

    }

    .company-list .company-list-name h5,

    .company-list .company-list-name p {

        padding: 0;

    }

    .company-list-name {

        padding-top: 20px;

    }

    .ribbon {

        top: -25px;

    }

    .mega-menu > section.menu-list-items {

        padding: 10px 5px;

    }

    .index5-main-section .employer-main-section,

    .index5-main-section .employee-main-section {

        padding: 30px;

        height: 350px;

    }

    .index5-main-section .employer-main-section h1,

    .index5-main-section .employee-main-section h1 {

        font-size: 20px;

        line-height: 30px;

    }

    .mega-menu .drop-down,

    .mega-menu .drop-down-tab-bar {

        padding: 0 15px;

    }

    .profile-content .card::after {

        height: 0;

    }

    .profile-content .firstinfo img {

        display: none;

    }

    .profile-content .firstinfo .profileinfo {

        padding: 0;

    }

    .profile-content .hire-btn {

        right: -16px;

        top: 10px;

    }

    .profile-content .profile-skills span {

        float: left;

    }

    #header2 .mega-menu > section.menu-list-items {

        padding: 0 !important;

    }

    .p-job,

    .g-job,

    .login-header-btn {

        margin-bottom: 0 !important;

    }

    .full-width {

        min-height: 50px;

    }

    .header-top-white .header-top-right p {

        float: left;

    }

    .header-top-white .input-group {

        margin: 15px 0;

    }

    .static-bg p {

        width: 100%;

    }

    .static-bg .search-form-header {

        margin-top: 100px;

    }

    .header-top-white {

        padding-bottom: 0;

    }

    .resume7 .profile-list .skills a {

        display: inline-block;

    }

    .single-job-section-2 .single-job-detail-box .company-img img {

        width: 100%;

        margin-bottom: 15px;

    }

    .single-job-section-2 .single-job-detail-box .job-detail-2 h2 {

        font-size: 24px;

    }

    .single-job-section-2 .single-job-detail-box .job-detail-meta ul li {

        display: block;

        margin-bottom: 10px;

    }

    .b-socials {

        margin-top: 30px;

        overflow: hidden;

        position: relative;

    }

    .single-job-detail-box .apply-job a {

        display: block;

    }

    .dream-job-process .dj-precess:nth-child(odd) .dj-work-step.style1:before,

    .dream-job-process .dj-precess:nth-child(even) .dj-work-step.style1:before {

        display: none;

    }

    .job-short-filter {

        margin-top: 30px;

    }

    .cv-input {

        width: 122px;

    }

}



.popup_box .btn-no {

    background-color: grey;

}



.popup_box input {

    padding: 0px 10px;

}



.overlay {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: rgba(0, 0, 0, 0.7);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    transition: opacity 0.3s 0s, visibility 0s 0.3s;

}



.close_box {

    position: absolute;

    top: -18px;

    right: -11px;

    background: #fff;

    border-radius: 25px;

    width: 35px;

    height: 35px;

    padding: 6px;

    border: 2px solid #7f7f80;

    cursor: pointer;

    line-height: 7px;

    font-size: 18px;

    color: #7f7f80;

}



.close_box:hover {

    background: #7f7f80;

    color: #fff;

}



.popup {

    margin: 70px auto;

    background: #fff;

    border-radius: 5px;

    width: 30%;

    position: relative;

    /*    top: 20%;*/

    -webkit-transform: translateY(-90px);

    -moz-transform: translateY(-90px);

    -ms-transform: translateY(-90px);

    -o-transform: translateY(-90px);

    transform: translateY(-90px);

    /* Force Hardware Acceleration in WebKit */

    -webkit-backface-visibility: hidden;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    transition-duration: 0.3s;

}



.overlay.is-visible {

    opacity: 1;

    visibility: visible;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

    transition: opacity 0.3s 0s, visibility 0s 0s;

}



.is-visible .popup {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.confirm-btn {

    padding-bottom: 12px;

    border-top: 1px solid #e5e5e5;

    padding-right: 10px;

    padding-top: 15px;

}



.popup h2 {

    padding: 20px;

    margin-top: 0;

    margin-bottom: 0;

    color: #333;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 10px;

}



.popup h4 {

    padding: 20px;

    margin-top: 0;

    margin-bottom: 0;

    color: #333;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 10px;

    font-size: 20px;

}



.popup .content {

    max-height: 30%;

    overflow: auto;

    padding: 20px;

    font-size: 18px;

}

.banner-txt

{

    color:white;

    font-size:36px;

    margin-left: -170px;

}

.banner-txt1{

    color:white;

    margin-top:-1%; 

    font-size:30px;

    margin-left: -170px;

}

@media screen and (max-width: 992px){

    .banner-txt

    {

        color:white;

        font-size:33px;

        margin-top: 110px;

        margin-left: 17px;

    }

    .banner-txt1{

        color:white;

        margin-top:-1%; 

        font-size:27px;

        margin-left: 17px;

    }

}

@media screen and (max-width: 768px){

    .banner-txt

    {

        color:white;

        font-size:20px;

        margin-top: 160px;

        margin-left: 1px;

    }

    .banner-txt1{

        color:white;

        margin-top:-1%; 

        font-size:18px;

        margin-left: 2px;

    }

}

.reduce-height{

    height: 40px!important;

}



.btn-job-search-special{

    margin-left: 18%;

    background: #e52e2d;

    color: white;

    width: 155px;

    height: 40px;

}

.label-search-top{

    margin-left: 20px;

    font-size: 14px;

}

.label-search-top-contact{

    margin-left: 7px;

    font-size: 14px;

}

.label-search-button{

    margin-left: 40px;

    font-size: 14px;

}

.label-search-topvb{

    margin-left: 20px;

    font-size: 10px !important;

}

.padded-p-tag{

    padding-bottom: 25px;

    padding-top: 7px;

}



.visa-question{

    position: absolute;

    display: inline;

    font-weight: 400;

    font-weight: 400;

    font-size: large;

    padding-top: 38px;

}

.visa-question-checkbox{

    position: absolute;

    display: inline;

    margin-top: -11px!important;

    margin-left: 20px!important;

}

.padding-80{

    /* padding-left: 80px; */

}



@media (max-width: 767px) and (min-width: 320px){

    .mega-menu > section.menu-list-items {

        padding: 20px 10px;

        /* margin-top: -16px; */

    }

}



.empty-text {

    padding: 60px 0px 120px;

}



.notFoundPage  {

    color: #ff5c33;

    font-size: 120px;

    text-align: center;

    max-height: 500px;

    background-color: #FFF;

}

.statusDefault{

    background-color: red;

    color: #fff;

    width: 100%;

    border-radius: 10%;

}

.cut-text-vb { 

    text-overflow: ellipsis;

    overflow: hidden;

    width: 150px !important;

    white-space: nowrap;

    padding-left: 24px !important;

    padding-right: 0px !important;

}