/*********Roboto And Roboto Slabgoogle font************/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');

body{
    background-color: #fff;
    padding: 0px;
    margin: 0px;
    line-height: 24px;
    font-weight: normal;
    color: #222222;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
/***********default css*************/
a{
    text-decoration: none;
}
a:focus, a:hover{
    text-decoration: none; 
    color: inherit;
}
.padding-left{ padding-left: 0px; padding-right: 0px;}

.popup{
    width: 65%;
    top: 55%; 
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    background: #fefefe;
-webkit-box-shadow: 2px 3px 123px 17px rgba(128,128,128,1);
-moz-box-shadow: 2px 3px 123px 17px rgba(128,128,128,1);
box-shadow: 2px 3px 123px 17px rgba(128,128,128,1);
z-index: 99999999;
}
.close-btn{
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px;
    cursor: pointer;
    font-weight: bold;
}
.list-btn{
    margin-top: 11px;
    display: block;
    margin: 5px auto;
    width: 85%;
    line-height: 35px;
}
.b-r{ border-right: solid 1px #d7d7d7;}
.border{ 
    border: solid 1px #1a6068;
    margin-top: 20px;
    margin-bottom: 30px;
}
.color_changer{
    position: absolute;
    top: 150px;
    left: 25px;
}
.color_changer input{
    height:44px; 
}
.margin-top{
    margin-top: 20px;
}
.form-group {
    position: relative;
}
.job-btns{
    margin: 5px;
    width: 46%;
}
.form-control{
    height: 64px;
    border: none;
    box-shadow: none;
    outline: none;
    color: #7d7d7d;
    font-size: 16px;
    border-radius: 2px;
}
.large-font{
    font-weight: 500;
    line-height: 33px;
    font-size: 16px;
    color: #000;
}
.large-font a{
    color: #000;
}
.btn-default {
    background-color: #000;
    padding: 12px 20px;
    color: #fff;
    border-radius: 2px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    border: none;
}

ul.unstyled{
    margin: 0px;
    padding: 0px;
}
ul.unstyled li{
    list-style: none;
}
ul.unstyled li a{
    color: #7d7d7d;
    font-size: 13px;
    line-height: 30px;
}
ul.unstyled li.active a{ color: #25ABB7; font-weight: 500;}
.padding0px{ padding-bottom: 0px !important;}
.p-l{ padding-left: 0px !important; }
.p-r{ padding-right: 0px !important; }
.borderfull-width{ 
     border: solid 1px #e1e1e1;
    position: relative;
    overflow: hidden;
    top: 15px;
    margin-bottom: 35px;
}
.black-box{
    background: #000;
}
.search-job{
    margin: 0;
    padding: 15px;
    color: #fff;
    width: 95%;
    margin-left: 6px;
}
.job-search{
    padding: 11px;
}
.btn-custom{
    border: 2px solid #fff;
    width: 100%;
}
.mobile-visible{
    display: none;
}
#checkout-table {
	display:inline;
	width:100%;	
}

@media screen and (max-width: 991px){
    .widget{
        margin-top: 30px;   
    }
}

.job_listings {
	width: 72%;
}
#search-location {
	margin-left: 8px;
}

@media screen and (max-width:400px){
	#jobs_table {
		max-width: 390px !important;
	}
	#search-location {
		margin-left: 0px;
	}
	.job_listings {
		width: 100%;
		padding-top:20px;
	}
	#jobs_table td {
		display:block;
	}
	.feature-job {
		padding-bottom: 20px;
	 }
}

@media screen and (max-width:780px){
	#search-location {
		margin-left: 0px;
	}
	
	.job_listings {
		width: 100%;
		padding-top:20px;
	}
	.feature-job {
		padding-bottom: 20px;
	 }
	
}
@media screen and (max-width:710px){
	#search-location {
		margin-left: 0px;
	}
	
	#checkout-table {
		display:block !important;
	}

	.job_listings {
		width: 100%;
		padding-top:20px;
	}
	
    .hidden-mobile{
        display: none;
    }
    .mobile-visible{
        display: block;
        list-style-type: none;
    }
    .quantity{
        border: 1px solid #808080;
        height: 30px;
        width: 80%
    }
    .mobile-visible li{
        width: 45%;
        float: left;
        margin-top: 10px;
        
    }
    .widget{
        height: 450px;
        padding: 25px 5px;
    }
    .full-width-li{
        width: 90%!important;
    }
}


textarea.form-control {
    height: 150px !important;
}
.list-group-item a{
    color: #7d7d7d
}
blockquote {
    padding: 0;
    font-size: 16px;
    margin: 0 0 15px;
    color: #7d7d7d;
    font-style: italic;
    line-height: 26px;
    border-left: none;
}
input[type=checkbox], input[type=radio]{     margin-top: 6px;
    float: left;
    margin-right: 10px;}
.btn-info{
    background-color: transparent;
    color: #7d7d7d;
    border-color: #7d7d7d;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover, .btn-info:hover, .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info, .btn-info.focus, .btn-info:focus {
    color: #7d7d7d;
    background-color: transparent;
    border-color: #7d7d7d;
    box-shadow: none;
    outline: none;
}
.padding-bottom{ padding-bottom: 0px !important;}
.border-none{ border: none !important;}
/*************Page Css***********/
.header-stricky{
     margin: 5px 0 0px;
     position: relative;
     float: left;
     width: 100%;
}
.site-logo{
    margin: 0px 0px;
    margin-bottom:10px;
}
.btn-default:focus{
    background: #000;
    color: #fff;
}
.navbar-default{
    margin: 0px;
    background: transparent;
    border: none;
}
.navbar-default .navbar-nav>li>a{
    color: #333333;
}
.navbar-default .nav>li>a {
    padding: 25px 20px 30px;
    font-size: 15.5px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background: transparent;
}   
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: #25ABB7;
    border-color: #25ABB7;
}
.navbar-default .navbar-toggle .icon-bar{ background-color: #fff;}
/***********dropdown Menu**********/
.navbar-nav>li>.dropdown-menu {
    background-color: #06303d;
    border: none;
    border-radius: 0px;
    left: 20px;
    padding: 0px;
    box-shadow: none;
}
.dropdown-menu>li>a {
    display: block;
    padding: 7px 20px;
    clear: both;
    font-weight: 400;
    color: #7eabb0;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}



.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background: transparent;
    color: #fff;
}
/**********Login model********/
.login, .signup{
    padding: 12px 20px;
    color: #01607C;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    border-radius: 2px;
    line-height: 70px;
}
.block > .company_url{
   color: #000
}
.login{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
   
}
.radius .form-control{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.radius2 .form-control{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.signup{
    margin-left: 4px;
}
.login:hover, .login:focus, .signup:hover, .signup:focus{
    box-shadow: none;
    outline: none;
}
/*********site-banenr*********/
.site-banner{
    background: #01607C;
    background-size: cover;
    padding: 90px 0px;
    float: left;
    width: 100%;
    position: relative;
}
.banner-content h1{
    font-size: 54px;
    color: #fff;
    font-weight: 400;
    line-height: 60px;
}
.banner-content p{
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    line-height: 36px;
}
.job-search{
    padding-top: 15px;
    position: relative;
    max-width: 95%; display: block; margin: 0 auto; 
}
.job-search .form-control{
    padding-left: 35px;
}
.search_icon{
    color: #7d7d7d;
    font-size: 16px;
    position: absolute;
    top: 22px;
    left: 10px;
}
.btn-search{
    position: absolute;
    right: 95px;
    top: 19px;
}
.btn-search .btn-default{
    padding: 17px 15px;
    font-weight: 500;
    letter-spacing: 0px;
}
.latest-jobs{
    font-weight: bold;
    font-size: 12px;
}
/***********main-content*********/
#maincontent{
    padding: 32px 0px;
    position: relative;
    overflow: hidden;
    float: left;
    width:100%;
}
.skill{ padding-bottom: 20px;}
.page-heading{
    padding-bottom:20px;
    overflow: hidden;
}
.page-heading h2{
    font-size: 30px;
    color: #333333;
    font-weight: bold;
}
.page-heading h2 span{
    color: #25ABB7; font-size: 24px;
}
.page-heading p{
    color: #7d7d7d;
    font-size: 17px;
    line-height: 26px;
}
.page-heading a{
    color: #000
}
.nav-tabs {
    border-bottom: 0px;
}
.nav-tabs>li{
    margin-bottom: 0px;
}
.nav-tabs>li>a {
    margin-right: 3px;
    border: none;
    border-radius: 3px 3px 0 0;
    background-color: #ebebeb; 
    color: #7d7d7d;
    font-size: 13px;
}
.view{
    background-color: transparent !important;
    color: #25ABB7 !important;
    text-decoration: underline;
    padding-right: 0px !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #25ABB7;
    color: #fff;
    border: none;
}
.tab-content{
    padding: 15px;
    border: solid 1px #e1e1e1;
    overflow: hidden;
}
.Resume{
    box-shadow: 0px 0px 53px -25px rgba(0,0,0,0.75);
    padding: 20px;
    border-bottom: solid 4px #25ABB7;
    border-radius: 4px;
}
.Resume h1{
    font-size: 22px;
    color: #333;
    line-height: 24px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 10px;
}

.Resume p{
    font-size: 16px;
    color: #7d7d7d;
    line-height: 21px;
}
.Resume p a{
    color: #25ABB7;
    font-weight: 500;
}
.footer-icons p{
    font-size: 12px
}
.footer-icons img{
    max-width: 120px;
}
.btn-cv{
    background-color: #ff8800;
    padding: 17px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: none;
    box-shadow: inset 0 -7px 17px -6px rgba(0,0,0,0.5);
    margin-bottom: 10px;
    border-radius: 3px;
}
.btn-cv:hover, .btn-cv:focus, .Read_more:hover, .Read_more:focus{ color: #fff;}
.bottom {
    border-top: solid 1px #d7d7d7;
    padding-top: 15px;
}
.bottom .form-control{
    font-size: 13px;
    color: #7d7d7d;
    background-color: #ebebeb;
    border-radius: 5px;
    height: 40px;
}
/**********featured*******/
.featured{
    border-top: solid 1px #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), color-stop(100, #FFFFFF));
    padding: 50px 0px;
}
.table-bg{
    background-color: #fff;
    overflow: hidden;
    border-bottom: 0px;
    border-top: solid 1px #e1e1e1;
    border-left: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
}
.table{ margin-bottom: 0px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 0px;
    font-size: 14.5px;
    vertical-align: middle;
    color: #7d7d7d;
    padding: 12px;
}
.table>tbody>tr>td i{ font-size: 15px;}
tr {
    border-bottom: solid 1px #e1e1e1;
}
.tab-image {
    float: left;
    text-align: center;
    margin-right: 20px;
    max-width: 230px;
    padding: 15px;
    padding-top: 6px;
}
.table>tbody>tr>td h1{
    font-size: 16px;
    color: #333;
    line-height: 30px;
    font-weight: 500;
    margin-top: : 20px;
    padding-left: 50px;

}
.table>tbody>tr>td  p{
    color: #7d7d7d;
    font-size: 13px;
}
.work-time {
    color: #333 !important;
    font-size: 13px;
    display: inline-block;
    border-radius: 3px;
    margin-top: 52px;
    padding: 2px 5px !important;
    
    
}
td.location {
	width: 24%;
	padding-top:52px;
}
td.view-job {
	padding-top:52px;
}
.part{
    background-color: #ff8800;
}
.Free{
    background-color: #25ABB7;
}
a.table-btn-default {
    color: #fff ;
    background: #000;
    padding: 8px 10px;
    font-weight: bold;
    border-radius: 2px;
    float: right;
    border: solid 1px #000;
}
a.table-btn-default:hover{
    color: #eee;

}
.pagination {
    margin: 20px 0 0;
}
.pagination>li>a, .pagination>li>span{
    border: none;
    font-size: 16px;
    color: #7d7d7d;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    color: #fff;
    background-color: #25ABB7;
}
/*********our_site*******/
.our_site{
    background: url(../images/home/bg.jpg) no-repeat left top/cover;
    padding: 100px 0px;
    position: relative;
}
.page-title{ margin-bottom: 25px;}
.page-title h1{
    font-size: 40px;
    color: #fff;
    line-height: 50px;
}
.page-title p{
    font-size: 13px;
    color: #fff;
    line-height: 24px;
}
.page-title .with{ 
    background-color: #ff8800;
    left: 100px;
    padding: 8px;
    position: relative;
    top: -42px;
}
.counter-icon {
    color: #fff;
    font-size: 40px;
    float: left;
    padding-top: 10px;
    padding-right: 25px;
}
.overflow{ 
    overflow: hidden;
}
.overflow .fact-box {
    border-left: solid 1px #fff;
    padding-left: 20px;
}
.overflow .fact-box p{
    color: #fff;
    font-size: 20px;
}
.overflow .fact-box h3{
    color: #fff;
    font-size: 30px;
    margin: 0;
}
/******employe*******/

.client{
    margin-top: 10px;
}
.top-work-time{
    font-size: 19px;
}
/*****success_story********/
.success_story{
    background: url(../images/home/bg2.jpg) center no-repeat;
    background-size: cover;
    padding: 100px 0px;
    position: relative;
}
.page-heading2 h1{
    font-size: 60px;
    color: #ff8800;
    text-transform: uppercase;
    font-weight: 700;
}
.page-heading2 h1 span{ color: #ff8800; font-weight: 300;}
.page-heading2 strong{ 
    font-size: 30px;
    color: #333333;
    text-transform: uppercase;
    font-weight: 700;
}
.testi-box {
    background-color: #fff;
    margin-top: 110px;
    border-radius: 65px;
    position: relative;
    padding: 25px;
    box-shadow: 0 0 77px -40px rgba(0,0,0,0.9);
}
.testi-box img{ 
    margin: 0 auto;
    position: relative;
    top: -65px;
}

.bigger h2{
    font-size: 35px;
    font-weight: bold;
}
.find-heading{
    font-size: 21px;
    font-weight: bold;
}
.find-text{
    font-size: 18px;
}
.testi-box:before{
    content: "";
    width: 73px;
    height: 55px;
    position: absolute;
    left: 30%;
    top: -30px;
    background: url(../images/home/quote.png) right no-repeat;
}
.testi-box:after{
    content: "";
    width: 73px;
    height: 55px;
    position: absolute;
    right: 27%;
    bottom: 0px;
    background: url(../images/home/quote.png) right no-repeat;
}
.testi-box .content p{
    color: #7d7d7d;
    font-size: 15px;
    line-height: 26px;
}
.testi-box .content h4{
    color: #333;
    font-size: 16px;
    font-weight: 600;
}
.testi-box .content span{
    color: #7d7d7d;
    font-size: 12px;
}
.content-hr{
    border: solid 1px #e1e1e1;
    width: 70px;
    margin: 15px auto;
}
/**********visitor*********/
.visitor{
    padding: 0px 0px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}
.heading3 h2{
    font-size: 40px;
    color: #333333;
    font-weight: 400;
}
.heading3 h2 span{ color: #ff8800;font-weight: 600; }
/**********company*******/
.jobxpress .left-col{
    background-color: #f2f2f2;
}
.left-col{
    background-color: #333;
    padding: 154px 0 120px;
    position: relative;
    overflow: hidden;
    border-right: solid 10px #25ABB7;
}
.col-text{
    float: right;
    max-width: 560px;
}
.heading4 h2{
    font-size: 30px;
    color: #333333;
    font-weight: 700;
    line-height: 40px;
}
.heading4 p{
    color: #7d7d7d;
    font-size: 15px;
    line-height: 26px;
}
.heading4 h2 span{ color: #ff8800;font-weight: 400; }
hr {
    margin-top: 35px;
    margin-bottom: 35px;
    border: 1px solid #e1e1e1;
    width: 170px;
    margin-left: 0;
}
.Read_more{
    background-color: #ff8800;
    padding: 10px 20px;
    box-shadow: inset 0 -7px 17px -6px rgba(0,0,0,0.5);
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 3px;
    margin-top: 30px;
}

.jobxpress .right-col {
    background: url(../images/home/man.jpg) no-repeat center top/cover;
}
.right-col {
    background-color: #000;
    width: 100%;
    float: left;
    padding: 314px 0px;
}
/********blog*******/
.blog{
    padding-top: 100px;
}
.block1_desc h3{
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.block1_desc h3 span { font-size: 20px; display: block;}
.block1_desc p{
    font-size: 16px;
    color: #333;
    line-height: 24px;
    border-left: solid 1px #25ABB7;
    padding: 10px 15px;
    margin: 15px 0px; 
    font-weight: 500;
}
/***********footer**************/
#footer{
    padding: 50px 0 0px;
    background: #016269;
    background-size: cover;
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
}
.footer-menu ul li{
    display: inline;
    margin-left: 15px;
}
.footer-menu a{
    color: #fff;
    font-size: 15px;
}
.footer-menu a:hover{
    color: #d3ebed
}
.footer-block{
    width:  17%;
    float: left;
}
.footer-block2{
    width:  32%;
}
.footer-block hr{
    border: solid 1px #fff;
    margin-top: 25px;
    margin-bottom: 20px;
    width: 35px;
}
.footer-block h5{
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}
ul.footer-link{
    margin: 0px;
    padding: 0px;
}
ul.footer-link li{
    list-style: none;
    padding-top: 5px;
}
ul.footer-link li a{
    font-size: 13px;
    color: #aad4d9;
}
/******follow*******/
ul.follow {
    margin: 0px;
    padding: 15px 0px;
    overflow: hidden;
}
ul.follow li {
    list-style: none;
    width: 50px;
    height: 50px;
    background-color: #026874;
    border-radius: 50px;
    text-align: center;
    float: left;
    margin: 0 5px;
    line-height: 53px;
     -webkit-transition: .3s;
         -moz-transition: .3s;
             -o-transition: .3s;
            -ms-transition: .3s;
                transition: .3s;
}
ul.follow li a {
    font-size: 20px;
    color: #fff;
    display: block;
   
}
ul.follow li:hover{ margin: -10px 5px; }
.register {
    float: left;
    width: 46%;
    background-color: #073e44;
    padding: 12px;
    display: block
}
.register a{
    font-size: 20px;
    color: #fff;
}
.register a span{
    font-size: 13px;
    display: block;
    color: #aad4d9;
}
.job{
    background-color: #026874;
    margin-left: 10px;
}
/*************footer-bottom***********/
.footer-bottom{
    background-color: #016269;
    padding: 10px 0px;
    color: #aad4d9;
    margin-top: 10px;
    font-size: 13px;
}
ul.bottom_link {
    margin: 0px;
    padding: 0px;
}
ul.bottom_link li {
    list-style: none;
    display: inline-block;
    padding-left: 20px;
}
ul.bottom_link li a {
    color: #aad4d9;
    font-size: 13px;
}
/***********login page Css**********/
.page_banner{
    background: url(../images/login/banner_bg.jpg) no-repeat left top/cover;
    padding: 39px 0px;
    float: left;
    width: 100%;
}
.page-tab .tab-content{ border-top: 0px;}
.banner-heading{
    font-size: 40px;
    color: #fff;
    line-height: 70px;
}
.btn-larger {
    padding: 12px 20px !important;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
    letter-spacing: 1px;
    background-color: #25ABB7;
}
.btn-larger:hover, .btn-larger:focus, .btn-larger:active, .btn-larger.active, .open .dropdown-toggle.btn-larger {
    color: #fff;
    background-color: #026874;
    border-radius: 0;
}
.btn-larger:active, .btn-larger.active, .open .dropdown-toggle.btn-larger {
    background-image: none;
}
.btn-larger.disabled, .btn-larger[disabled], fieldset[disabled] .btn-larger, .btn-larger.disabled:hover, .btn-larger[disabled]:hover, fieldset[disabled] .btn-larger:hover, .btn-larger.disabled:focus, .btn-larger[disabled]:focus, fieldset[disabled] .btn-larger:focus, .btn-larger.disabled:active, .btn-larger[disabled]:active, fieldset[disabled] .btn-larger:active, .btn-larger.disabled.active, .btn-larger[disabled].active, fieldset[disabled] .btn-larger.active {
    background-color: #AEA8D3;
}
.btn-larger .badge {
    color: #AEA8D3;
    background-color: #fff;
}
#userform .nav-tabs.nav-justified > li > a {
    text-transform: uppercase;
    font-size: 16px;
    color: #7d7d7d;
}
#userform .nav-tabs.nav-justified > .active > a, #userform .nav-tabs.nav-justified > .active > a:hover, #userform .nav-tabs.nav-justified > .active > a:focus {
    color: #25ABB7;
}
#userform .nav-tabs > li > a {
    background: transparent;
    padding: 11px 0px;
    border: none;
    margin: 0px;
}
 @media (min-width: 768px) {
#userform .nav-tabs.nav-justified > li > a {
    border: 0;
}
}
@media (max-width: 2600px) {
	td.location, td.work-time {
		margin-top: 0px; 
		padding-top:52px !important;
	}
	 
	td.title-company div {
		padding-top: 45px !important;
	}

	td.title-company h1 {
		padding-top:22px !important;
	}
	 
	td.view-job {
		padding-top:52px !important;
	}
	
	td.view-job a {
		width: 100px;
	}
	 
}

@media (max-width: 800px) {
	.tab-image {
		margin-right: 0px;
	}	
	td.location, td.work-time {
		margin-top: 0px; 
		padding-top:35px !important;
		text-align: center;
		border-collapse: collapse;
		
	}
	td.location {
		width: 30%;
	}
	td.work-time {
		width: 10%;
	}
	td.title-company { 
		padding-top:10px;
		text-align: center;	
		width: 50% ;
		border-collapse: collapse;
	}
	td.title-company img.holder-img {
		display:none;
	}
	td.title-company div.holder-img {
		height: 1px;
		padding:0px;
		margin:0px;
		padding-top: 10px !important;
	}
	td.title-company div {
		width: 100% !important;
		vertical-align: center;
		
		padding-right: 5px;
		padding-left: 5px;
		padding-top: 25px !important;
		margin-top: 0px;
		
	}
	td.title-company h1 {
		width: 100% !important;
		margin-top: 0px; 
		padding-top:8px !important;
		vertical-align: center;
		padding-left: 5px !important;
		padding-right: 5px;
	}
	td.title-company img {
		float: none;
		display: inline;	
		padding-bottom: 6px;
	}
	td.view-job {
		width: 15%;
		margin-top: 0px; 
		padding-top:37px !important;
		text-align: center;
		border-collapse: collapse;
	}
	td.view-job a {
		padding: 5px;
		margin: 5px;
		width: 100px;
	}
	 
}
@media (max-width: 400px) {
	.tab-image {
		margin-right: 0px;
	}
	td.location, td.work-time {
		width: 100%;
		padding-top: 5px !important;
		margin-top: 0px;
		text-align: center;
	}
	td.title-company div {
		width: 100% !important;
		padding-top: 5px !important;
	}
	td.title-company h1 {
		width: 100% !important;
		padding-left: 5px !important;
		
		padding-top: 5px !important;
	}
		
	td.title-company {
		width: 100% ;
		padding-top:10px;
		text-align: center;	
	}
	td.title-company img {
		display: inline;	
	}
	td.view-job {
		margin-top:10px;
		text-align: center;
		padding-top: 5px !important;
		width: 100% !important;
	}
	td.view-job a {
		float:none;
		
		width: 100px;
    	display: inline-block;
    	margin-bottom: 15px;
	}
}
 @media (max-width: 991px) {
    .price-btn{
        margin-left: 40%;
        margin-top: 10px;
    }
    .popup{
        top: 95%;
    }
 }

 @media (max-width: 768px) {
.nav-justified > li {
    display: table-cell !important;
    width: 1% !important;
}
.panel-body .btn.btn-default{
    margin: 5px;
}
}
#userform .nav-tabs {
    border: 1px solid #ddd;
}
#userform .form-group{ position: relative;}
#userform .form-group input.form-control {
   height: auto;
   background-color: transparent;
   color: #333333;
   padding: 10px;
   padding-left: 30px;
}
#userform  .search_icon{ top: 40px;}
#userform .form-control {
    border-radius: 0;
    border: 1px solid #e1e1e1;
}
#userform .form-control:focus {
  border-color: #25ABB7;
    box-shadow: none;
}
 #userform::-webkit-input-placeholder {
 text-transform: uppercase;
font-weight: 700;
 color: #bbb;
}
#userform #signup .form-group label {
    font-size: 16px;
    font-weight: 500;
    color: #333
}
#userform #signup .form-group label .req {
    margin: 2px;
    color: #F7CA18;
}
#userform #signup .form-group label.active .req {
    opacity: 0;
}
#userform label.highlight {
    color: #ffffff;
}
#userform #login .form-group label {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}
#userform #login .form-group label.active .req {
    opacity: 0;
}
.border-right{
    border-right: solid 2px #e1e1e1;
}
.mrgn-30-top {
    margin-top: 30px
}
.mrgn-90-top {
    margin-top: 90px
}
#userform .nav-tabs.nav-justified > li > a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #25ABB7;
    transition: width .3s;
    top: 12px;
    position: relative;
}
#userform .nav-tabs.nav-justified > li > a:hover::after {
    width: 100%;
}
.facebook{
    background-color: #3b5998;
    color: #fff;
    padding: 10px 0px;
    font-size: 16px;
    margin-bottom: 20px;
    border-radius: 4px;
}
.facebook:hover, .facebook:focus{
    color: #fff;
}
.facebook i{
    font-size: 24px;
    padding-right: 4px;
}
.twitter{
    background-color: #55acee;
}
.google{
    background-color: #dd4b39;
}
.linked{
    background-color: #2876b4;
}
/***********About Page**********/
.about{
    background: url(../images/about/about-banner.jpg) no-repeat left top/cover;
}
.about_us{ padding-bottom: 70px;}
.banner .banner-heading{
    background: url(../images/about/text-sep.png) center no-repeat;
    padding: 25px;
}
.about_us .page-heading h2{ margin: 0px;}
.page-heading span{
    font-size: 14px;
    color: #7d7d7d;
}
.resume2 .borderfull-width {
    margin: 0px;
}
.page-heading strong{
    font-size: 20px;
    color: #25ABB7;
    font-weight: 500;
    font-family: 'Helvetica Neue,Helvetica,Arial',sans-serif;
    line-height: 30px;
}
.about_right span{ font-weight: 500; font-size: 16px; color: #333333;}
.text-success{ color: #25ABB7;}
.about_right p{
    color: #7d7d7d;
    font-size: 13px;
    line-height: 26px;
    padding-top: 20px;
}
.about_right {
    padding-bottom: 20px;
}
.feature_block h2{
    font-size: 18px;
    color: #333;
}
.feature_block p{
    color: #7d7d7d;
    font-size: 17px;
    font-weight: bold;
    line-height: 26px;
}
.icon-feature{
    font-size: 50px;
    color: #25ABB7;
    float: left;
    padding-right: 20px;
    padding-top: 15px;
}
/*************Resume Page Css**********/
.resume-banner{
    background: url(../images/about/banner.jpg) no-repeat left top/cover;
}
.panel-body {
    border: solid 1px #e1e1e1;
    border-radius: 2px;
    padding: 22px;
    position: relative;
}
.panel-heading {
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    color: #25ABB7;
}
.panel-body hr{
    margin-top: 15px;
    margin-bottom: 20px;
}
.panel-body .form-control{
    border: solid 2px #e1e1e1;
    height: 46px;
    box-shadow: none;
    color: #333;
    font-size: 15px;
    border-radius: 4px;
}
label {
    font-size: 16px;
    color: #333;
    font-weight: 500;
}
label span{ color: #7d7d7d; font-weight: 500;}
.file {
    visibility: hidden;
    position: absolute;
}
.input-group-btn {
    position: absolute;
    font-size: 0;
    white-space: nowrap;
    right: 85px;
    top: 31px;
}
.panel-body .btn.btn-default{
    font-size: 15px;
    height: auto;
    border-top-left-radius: 4px !important;
    font-weight: 500;
    border-bottom-left-radius: 4px !important;
}
.btn-click{
    background: transparent;
    font-size: 13px;
    color: #333;
    padding: 0;
    margin-bottom: 10px;
    outline: none !important;
    box-shadow: none;
    border: none;
}
.btn-click i{ padding-right: 5px;}
/**********post a job page css****/
.social_icon i{
    width: 37px;
    height: 37px;
    color: #fff;
    font-size: 20px;
    background-color: #3b5999;
    border-radius: 3px;
    text-align: center;
    position: absolute;
    left: 4px;
    bottom: 5px;
    line-height: 38px;
}
.social_icon .form-control{ padding-left: 45px;}
.twiiter i{ background-color: #55acee; left: 20px;}
.linkedin i{ background-color: #0077b5;}
.google_plus i{ background-color: #dd4b39; left: 20px;}

/*******job page css***********/
.simple_bannenr{
    background-color: #f8f8f8;
    border-top: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    padding: 55px 0px;
    float: left;
    width: 100%;
}
.simple_bannenr .banner-heading{ color: #333;}
.job_title{
    color: #333;
    font-size: 25px;
    line-height: 33px;
    font-weight: 500;
}
.job_title a{
    color: #25ABB7;
    text-align: center;
    font-size: 25px;
    display: block;
}
.packege {
    padding-top: 10px;
    font-size: 16px;
    color: #787878;
}
.packege i{ padding-right: 8px; color: #333;}
 .page_details{ padding-bottom: 25px;} 
.page_details h4{ 
    color: #333;
    font-size: 21px;
}
.page_details p{ 
    color: #787878;
    font-size: 16px;
}
.bigfont{
    font-size: 16px;
}
.job_title.block1 a{ text-transform: uppercase; line-height:26px;}
.user-media{
    width: 37px;
    height: 37px;
    color: #fff !important;
    text-align: center;
    font-size: 20px;
    background-color: #3b5999;
    border-radius: 3px;
    line-height: 37px;
    float: left;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.user-media.twitter{ background-color: #55acee !important;}
.user-media.linke{ background-color: #2876b4 !important;}
.user-media.google{ background-color: #dd4b39 !important;}
.contact_details span{
    display: block;
    padding-bottom: 8px;
    font-size: 18px;
    color: #000;
}
.contact_details{
    margin-left: 30%;
}
.contact_details span strong{ color: #333;
    font-size: 15px;
}
.contact_details span i{ padding-right: 8px; color: #333;}
.contact_details span a{ color: #25ABB7; text-decoration: underline; font-weight: 500;}
.resume .panel-body{ margin-bottom: 20px;}
.resume2 .borderfull-width{
   margin: 0px;
}
.resume .job-search{ padding-top: 0px;  padding-bottom: 25px;}
.resume .form-control{ border: solid 1px #e1e1e1;
    border-radius: 4px;}
.category{ overflow: hidden;}
.category label {
    font-size: 16px;
    color: #333;
    font-weight: 500;
} 
.client a{color: #000}
.client p{font-size: 17.5px;}
.filter p, .bottom_text p{ padding-top: 3px;  color: #7d7d7d; font-size: 16px;}
.listing-banner{
        background: url(../images/listing-banner.jpg) no-repeat left top/cover;
}
.page_listing{
    border: solid 1px #e1e1e1;
    overflow: hidden;
    border-bottom: 0px;
}
.sorting_content{
    padding: 25px 15px 15px;
    overflow: hidden;
    border-bottom: solid 1px #e1e1e1;
}
.text-shorting h1{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
    margin: 0px;
}
.bottom_text {
    overflow: hidden;
}
.text-shorting {
    overflow: hidden;
}
.text-shorting p{
    color: #7d7d7d;
    font-size: 16px;
    font-weight: bold;
}
.text-shorting .work-time{ margin: 0px;}
/*********employer profile page css**********/
.employer-banner{
    background: url(../images/employer-banner.jpg) no-repeat left top/cover; 
}
.post-banner {
    background: url(../images/post-banner.jpg) no-repeat left top/cover;
}
.candidate ul.unstyled li{ display: inline-block;  padding: 0 50px 0 0; color: #7d7d7d; font-size: 13px; }
.candidate ul.unstyled li strong{ color: #333;}
.candidate .sorting_content{ border: solid 1px transparent; border-bottom: solid 1px #e1e1e1;}
.candidate .sorting_content:hover{ border: solid 1px #25ABB7;}
/***********pricing page css***********/
.price-banner {
    background: url(../images/pricing/price-banner.jpg) no-repeat left top/cover;
}
.panel-pricing {
    border: solid 1px #e1e1e1;
}
.panel-pricing .list-group-item {
    color: #7d7d7d;
    border: none;
    padding-bottom: 0;
    font-size: 18px;
    line-height: 36px;
    font-weight: 500
}
.save-order{
    font-size: 18px;
    line-height: 29px;
}
.panel-pricing .panel-heading {
    color: #333;
    background-color: transparent;
    border-color: transparent;
    font-size: 16px;
}
.panel-pricing .panel-heading h3 {
    font-size: 18px;
}
.panel-danger{
    border-color: #e1e1e1;
    border-radius: 0px;
}
.large-text{
    font-size: 18px;
}
.display-2 {
    font-size: 50px;
    color: #000;
    border: solid 1px #e1e1e1;
    padding: 30px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    border-left: 0px;
    border-right: 0px;
    margin-bottom: 20px;
}
.display-2:hover, .display-2.active{ background-color: #fff; color: #000; border-color: #25ABB7;}
.display-2 .period {
    font-size: 20px;
    font-weight: 300;
}
.display-2 .currency{
    font-size: 20px;
    position: relative;
    top: -45px;
    letter-spacing: 0px;
}
.panel-footer {
    background: transparent;
    margin-bottom: 20px;
    margin-top: 12px;
}
/***********contact us page Css***********/
.contact_us .panel-body{ margin: 0px;}
/*********manage Application Page Css**********/
.manage ul.unstyled li{ border-bottom: solid 1px #e1e1e1;  padding: 6px 0px;}
.table>thead>tr>th{
    font-size: 13px; color: #333;
}
.table>tbody>tr>td a{ font-size: 15px;  font-weight: 500; }
.table>tbody>tr>td i{ padding-right: 5px;}
.bottom-text {
   padding: 10px 0px;
}
.manage .table>thead>tr>th{ padding-left: 0px;}
.manage .panel-body{ padding-bottom: 5px;}
/******employe_list Page Css*********/

.list span{
    color: #7d7d7d;
    font-size: 13px;
    line-height: 30px;
    float: left;
    width: 100%;
}
.employe_list .nav>li{
    float: left
}
.employe_list .nav-tabs2>li>a{
    background-color: transparent;
    font-size: 16px;
    color: #333;
    margin-right: 0;
    border-bottom: solid 2px transparent;
}
.employe_list .tab-content{
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
}
.employe_list .nav-tabs2>li.active>a:hover, .nav-tabs2>li.active>a, .nav-tabs2>li.active>a:focus{
    background-color: transparent;
    color: #333;
    border-bottom: solid 2px #25ABB7;
    color: #25ABB7;
}
/**********page Accordian************/
.page_accordian .panel-default>.panel-heading {
    color: #fff;
    background-color: #25ABB7;
    border-color: #25ABB7;
    padding: 10px;
    border-radius: 0px;
}
.page_accordian .panel-body{
    border-top: 0px !important;
    padding: 12px;
    border-width: 0px;
    border-radius: 0px;
    padding-bottom: 6px
}
.page_accordian p{
    color: #7d7d7d;
    font-size: 13px;
    line-height: 26px
}
.topname{
    font-weight: bold;
    font-size: 28px;
    color: #000;
}
.col-btns{
    width: 90%;
    color: #fff;
    background: #000;
    font-weight: bold;
    font-size: 18px;
}
.col-btns:hover{
    background: #000;
    color: #fff;
}
.new-height{
    margin-top: 12px;
}
.panel-title a{ display: block;}

 @media (min-width: 500px) {
   td.description{
    display: none;
   }
 }
 
 @media (max-width: 992px) {
   .my-mobile{
    display: block;
    margin: 0 auto;
    width: 190px;
   }
}

 @media (max-width: 650px) {
   .contact_details{
    margin-left: 20%;
    }
}
 @media (max-width: 500px) {
    table tr > *{
        display: block;
    }
   .able-btn-default{
    margin-top: 2px;
   }
   .work-time{
    margin-left: 10px;
    margin-top: 5px;
   }
   .tab-image{
    max-width: 230px;
   }
   td.description{
    display: none;
    font-weight: bold;
   }
   a.table-btn-default{
    float: left;
   }

 .contact_details{
    margin-left: 5%;
    }


}
hr.style1{
    width: 100%;
    border-top: 0.7px solid #01607C;
    opacity: 0.7
}

input.ng-invalid-required, input.ng-invalid, textarea.ng-invalid-required  {
	
}

.multipleitems {
	width: 250px;
}
div.input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    height: 30px;
    position:relative;
    z-index: 100000;
    width: 230px;
    padding: 1px;
    border-width: 2px;
    border: 1px solid #ccc;
    border-image: initial;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

@font-face {
  font-family: 'password';
  src: url('/fonts/password.woff2') format('woff2'),
       url('/fonts/password.woff') format('woff'),
       url('/fonts/password.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.password {
	font-family: password !important;	
}

.padding-x-xs { padding: .25em 0; }
.padding-x-sm { padding: .5em 0; }
.padding-x-md { padding: 1em 0; }
.padding-x-lg { padding: 1.5em 0; }
.padding-x-xl { padding: 3em 0; }

.padding-y-xs { padding: 0 .25em; }
.padding-y-sm { padding: 0 .5em; }
.padding-y-md { padding: 0 1em; }
.padding-y-lg { padding: 0 1.5em; }
.padding-y-xl { padding: 0 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

.padding-left-xs { padding-left: .25em; }
.padding-left-sm { padding-left: .5em; }
.padding-left-md { padding-left: 1em; }
.padding-left-lg { padding-left: 1.5em; }
.padding-left-xl { padding-left: 3em; }
.padding-left-0 { padding-left: 0em; }
.margin-bottom-md { margin-bottom: 1em; }

.small-checkbox { width: 15px !important;}

#product-select-box {background-image: url('/images/long-city.jpg');}
.site-background-color {background-color: #25ABB7;}

.product-select .btn.focus,.product-select .btn:focus {background-color: #25ABB7;color: #FFFFFF;}
.text-white { color: #FFFFFF  }
.background-white { background-color: #FFFFFF  }
#product-select-box .banner-content { color: #FFFFFF;  }

.btn-selected {color: #FFFFFF !important; background-color: #25ABB7 !important;}
.pricing-total {font-weight: bold; font-size: 20px; color: #25ABB7 !important;}
a:link:after, a:visited:after {
    content: "";
}

div[data-placeholder]:not(:focus):not([data-div-placeholder-content]):before {

    content: attr(data-placeholder);

    float: left;

    margin-left: 2px;

    color: #b3b3b3;

}

.widget{
    background: #fff;
    height: auto;
    padding: 8px 35px 5px 35px;
}
.widget-title{
    text-align: center;
    font-size: 20px;
    color: #25ABB7;
    font-family: 'Helvetica Neue,Helvetica,Arial',sans-serif;
    font-weight: bold;
}
.widget-category{
    font-size: 14px;
    color: #000;
    text-align: center;
    margin-top: 5px;
}

.btn-default:hover{
    color: #000;
    background-color:#E6E6E6;
}
.btn-default:active{
    background-color:#25ABB7;
    color: #fff;
}
.btn-default:focus {
    background-color:#25ABB7;
    color: #fff;
}
.widget-btns{
    display: block;
    margin: 0 auto;
    width:85%;
    margin-top: 12px;
}
.widget-select{
    margin-top: 20px;
}
.widget-select select{
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    padding: 6px 12px;
    color: #000;
}
.posting-widget{
    text-align: center;
    font-weight: 600;
    margin-top: 10px;
    color: #25ABB7 !important
}
.btn-purchase{
    width: 150px;
    display: inline;
    background-color:#25ABB7;
    margin: 0 auto;
    color: #fff;
    margin-top: 20px;
}
.options{
    margin-top: 15px;
}
.widget-quantity{
    margin-top: 15px;
    margin-left: 15px;
}
.widget-quantity input[type="number"],.typenumber input[type="number"]{
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px;
}
.amount{
    font-weight: bold;
    font-size: 20px;
    color: #25ABB7 !important;
    float: right;
}


/*Second page css (checkout)*/


.widget-table{
    margin-top: 20px;
}
.widget-table table{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse;
    border: none;
}

@media screen and (max-width: 991px){
    .widget{
        margin-top: 30px;   
    }
}

@media screen and (max-width: 610px){
    .product-table{
        overflow: scroll;
    }
    .product-widget tr > * {
    display: initial;
    padding: 2px 40px 2px 15px!important;
    }
    .product-table input[type="number"]{
        width: 50px;
    }
    .table-btn{
        margin-top: 5px;
    }
}

@media screen and (max-width: 490px){
    .product-table{
        overflow: scroll;
    }
    .product-widget tr > * {
    display: initial;
    padding: 2px 10px 2px 15px!important;
    }
    .product-table input[type="number"]{
        width: 60px;
    }
}

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

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

}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    width: 12.5%
}

.col-xs-25,
.col-sm-25,
.col-md-25,
.col-lg-25 {
    width: 20.83333%
}


}