@import url('https://fonts.googleapis.com/css?family=Open+Sans:600');
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:700');

body{
	font-family: 'Open Sans', sans-serif;
}

html{
	width:100%;
	height:100%;
}
a, a:hover, a:focus{
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:700;
}
	
/**** header css start ****/
header{
	border-top: 5px solid #679ed5;
}

/**** login css ****/
.login ul{
	padding:0;
	margin:0;
	text-align:right;
}
.login ul li{
	list-style-type:none;
	display:inline-block;
}
.login ul li a{
	padding: 2px 14px 4px;
	color: #fff;
	background-color: #679ed5;
	font-weight: bold;
	display: block;
}
.login ul li a:hover{
	color: #000;
}	
/**** logo css start ****/

.logo h1{
	font-weight:bold;
	margin:0;
}

.logo h1 span {
	color:#679ed5;
}
a.logo h1 {
	color:#231f20;
}
/**** logo css end ****/
/**** top-nav css start ****/
#top-nav{
	padding:0 0 12px;
}

.navbar-brand {
    float: left;
    padding: 0;
}
.navbar.affix{
	top: 0px;
	z-index: 9999;
	width: 100%;
	padding: 10px 0;
}
.navbar-brand img{
	width: 250px;
	height: auto;
}
.navbar-default {
    background-color: #fff;
    border-color: transparent;
}
.navbar{
	margin-bottom:0;
	border-radius:0;
	min-height:0;
	border:0;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color:#679ed5;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color:#679ed5;
    background-color: transparent;
}
/**** top-nav css end ****/ 

/**** navbar-toggle css  start *****/

.navbar-default .navbar-toggle {
	border-color:transparent;
	background-color:transparent;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color:transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#679ed5;
}
/* ANIMATED PLUS */
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(1) {
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(2) {
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(3) {
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.navbar-toggle.plus .icon-bar:nth-of-type(1) {
    transform: translate3d(0px, 6px, 0) rotate(90deg);
    transform-origin: center center;
}
.navbar-toggle.plus .icon-bar:nth-of-type(3) {
    transform: translate3d(0px, -6px, 0) rotate(-90deg);
    transform-origin: center center;
}
/* ANIMATED PLUS */

.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(1) {
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(2) {
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(3) {
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.navbar-toggle.plus .icon-bar:nth-of-type(1) {
    transform: translate3d(0px, 6px, 0) rotate(90deg);
    transform-origin: center center;
}
.navbar-toggle.plus .icon-bar:nth-of-type(3) {
    transform: translate3d(0px, -6px, 0) rotate(-90deg);
    transform-origin: center center;
}
/***** navbar-toggle css  end *****/

/**** search css start ****/

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
	z-index:999;
}
#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}
#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
	background-color:#679ed5;
	border-color:#679ed5;
    opacity: 1;
    padding: 10px 17px;
    font-size: 27px;
}
.btn-primary {
    color: #fff;
    background-color:#231f20;
    border-color: #231f20; 
    padding: 8px 25px;
	border-radius:0;
}
.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color:#679ed5;
    border-color:#679ed5;
}

/**** search css end ****/

/**** header css end ****/ 

/**** slider css start ****/

/*******Banner Section Starts Here********/
#banner img{
	width:100%;
}

#banner .carousel-inner .item .carousel-caption {
    width: 64%;
	top: 30%;
	left: 0%;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

#banner .carousel-inner .item .carousel-caption h1 a {
    color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	background-color: rgba(103, 158, 213, .85);
	padding: 7px 25px 7px 10px;
	text-shadow: 0 1px 2px rgba(0,0,0,.0);
}
#banner .carousel-inner .item .carousel-caption h1 {
    margin: 0;
	font-size:40px;
}
#banner .carousel-inner .item .carousel-caption p {
    color: #fff;
    margin: 10px 0;
    background-color: rgba(0, 0, 0, .85);
    padding: 4px 10px;
    font-size: 20px;
    text-transform: capitalize;
    text-shadow: 0 1px 2px rgba(0,0,0,.0);
    width: 30%;
}

/**** slider css end ****/

/**** registration css start ****/
.registration{
	padding:40px 0;
	min-height:350px;
}
.main-login{
	box-shadow: 0 0 2px #d9d9d9;
	padding: 20px;
	background-color: rgba(242, 242, 242, .45);
	border-radius: 2px;
}
.main-login h2{
	margin-top:0;
	color:#679ed5;
}
.main-login h5{
	color:#231f20;
}
.main-login label {
    color: #808080;
    font-size: 12px;
	font-weight:lighter;
}
.main-login .input-group-addon {
    color: #fff;
	background-color: #ccc;
	border: 0;
}
.input-group-addon i{
	width: 16px;
}
.main-login .form-control {
    font-size:12px;
	height: 40px;
	border-radius: 0px;
}
.main-login .form-control:focus {
    border-color: #d9d9d9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.0);
    outline: 0 none;
}	
/**** loginform css start ****/

.loginform {
    padding: 20px;
    max-width: 350px;
    width: 100% !important;
    box-shadow: 0 0 2px #d9d9d9;
	background-color: rgba(242, 242, 242, .45);
    margin: 0 auto;
    border-radius: 2px;
    overflow: hidden;
}
.loginform h2 {
	text-align: center;
	font-size: 30px;
	margin: 0 0 30px;
	color:#679ed5;
}
.loginform input[type=submit] {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
}
.loginform input[type=text],
input[type=password] {
    height: 40px;
    font-size: 12px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.loginform input[type=text]:hover,
input[type=password]:hover {
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.loginmodal {
    text-align: center;
    font-size: 14px;
    height: 36px;
    padding: 0 8px;
}
.loginmodal-submit {
    border: 0px;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    background-color: #4d90fe;
    padding: 12px 0px;
    font-size: 14px;
}
.loginmodal-submit:hover {
    border: 0px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    background-color: #357ae8;
}
.loginform a {
    text-decoration: none;
    color: #666;
    text-align: center;
    display: inline-block;
    opacity: 0.6;
    transition: opacity ease 0.5s;
}
.login-help {
    font-size: 12px;
}

/**** loginform css end ****/

/**** registration css end ****/

/**** post_banner css start ****/

.post_banner {
    width: 100%;
    background: url("images/banner2.png") no-repeat center center;
    min-height: 300px;
    background-size: cover;
}
.post_banner, .overlay {
    position:relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color:rgba(0, 0, 0, .35);
	min-height: 300px;
}
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.hero h1 {
    font-size: 60px;
    margin: 0 0 5px;
    padding: 0;
}

/**** post_banner css end ****/

/**** post_desc css start ****/
.post_desc{
	padding:40px 0;
	min-height:450px;
}
.post_desc .main-login{
	box-shadow: 0 0 2px #d9d9d9;
	padding:0px;
	background-color: rgba(242, 242, 242, .45);
	border-radius: 2px;	
	margin-bottom: 20px;
}
.post_desc .main-login img{
	padding: 10px 10px 0;
}
.post_desc .loginform {
    padding: 10px;
}	
.headerBox{
	border-bottom: 2px solid #eee;
	padding:0 5px;
	margin-right: 10px;
}
.form-group h3{
	color:#231f20;
	margin-top:0;
}
/**** heading-right css ****/

.heading-right {
	float: right;
}
.heading-right ul{
	padding:0;
	margin: 12px 0 0;
}
.heading-right ul li{
	list-style-type: none;
	display: inline-block;
	color: #808080;
	padding: 0 0 0px 6px;
}
.heading-right ul li a{
	color:#808080;
}
.heading-right ul li a:hover{
	color:#231f20;
}
.heading-right ul li:nth-child(2) a{
	color: #777;
	background-color: #eee;
	padding: 4px 10px;
	border-radius: 2px;
}
/**** heading-left css ****/

.heading-left ul{
	padding:0;
	margin:0;
}
.heading-left ul li{
	list-style-type: none;
	display: inline-block;
	padding: 3px 7px 8px 0;
	color:#231f20;
}
.heading-left h3{
	margin:0;
}
.heading-left ul li a{
	color:#231f20;
}

.heading-left ul li:nth-child(2) a{
	color: #fff;
	background-color:#808080;
	padding: 4px 10px;
	border-radius: 2px;
}
.heading-left{
	padding:7px;
}
.profile_edit{
	padding:0px;
}
/*** job-post_footer css ***/
.job-post_footer{
	border-top: 2px solid #ddd;
	margin: 10px 0 0;
	padding: 10px;
	background-color: #f5f5f5;
}
/**** footer-right css ****/
.footer-right {
	float: right;
}
.footer-right ul{
	padding:0;
	margin:0;
}
.footer-right ul li{
	list-style-type: none;
	display: inline-block;
	color: #808080;
	padding: 0 8px 0 0;
}
.footer-right ul li a{
	color:#808080;
}
.footer-right ul li i{
	border: 1px solid #999;
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 0px;
	line-height: 22px;
	background-color: #fff;
}
.footer-right ul li a:hover{
	color:#231f20;
}
.footer-right ul li:nth-child(3) a{
	background-color:#231f20;
	color:#fff;
	padding: 6px 8px;
	border-radius: 2px;
}
.footer-right ul li:nth-child(3) a:hover{
	background-color: #679ed5;
	
}
/**** footer-left css ****/
   
.job-post_footer .footer-left ul{
	padding:0;
	margin:0;
}  
.job-post_footer .footer-left ul li{
	list-style-type: none; 
	display: inline-block;  
	color:#808080;
	padding: 0 0 0 8px;
}
.job-post_footer .footer-left h3{
	margin:0;
}
.job-post_footer .footer-left ul li a{
	color:#808080;
}
/********** filter list css ************/

#myInput {
    background-image: url('images/search.png');
    background-position: 10px 8px;      
    background-repeat: no-repeat;       
    width: 100%;       
    font-size: 12px;      
    padding: 12px 20px 12px 40px;        
    border: 1px solid #ddd;      
    margin-bottom: 12px;   
}
#myUL {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#myUL li a {
	background-color: transparent;
    border: 1px solid #e8e8e8;
    display: block;
    color: #808080;
	display: block;
	margin-top: -1px;
	padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
	text-align:left;
	font-size: 12px;
}
#myUL li a.header {
    background-color: #e2e2e2;
    cursor: default;
}
#myUL li a:hover:not(.header) {
    background-color: #eee;
}
/**** job-post css end ****/

.profile{
	min-height:450px;
	padding:40px 0;
}
.profile .well{
	box-shadow: 0 0 2px #d9d9d9;
	padding: 20px;
	background-color: rgba(242, 242, 242, .45);
	border-radius: 2px;
}
.profile .well i {
    background-color: #679ed5;
	border-radius: 50%;
	color: #fff;
	font-size: 15px;
	height: 30px;  
	padding: 0 5px;
	text-align: center;
	width: 30px;
	line-height: 32px;
} 
.profile label{
	color:#231f20;
	text-align: left !important;
}
.form-horizontal{ 
	color:#808080;
}
.profile .well h4{
	color: #231f20;
	text-transform: capitalize;
	font-size: 16px;
} 
.profile .well p{
	color:#808080;
}	
.personal-info .btn-primary, 
.personal-info .btn-primary:hover, 
.personal-info .btn-primary:focus{
	color:#fff;
	background-color:#000;
	border-color:#000;
	text-transform:uppercase;
	font-weight:bold;
}

/**** footer css start ****/
footer{
	background-color:#231f20;
	color:#fafafa;
}
.widget_border{
	border-right:1px solid #313131;
	min-height: 320px;
	padding: 20px 15px;
}
.widget_logo{
	padding: 40px 0 0;
}
.widget_logo h3{
	margin-top:0;
}
.widget_logo h3 a{
	color:#fff;
}
.widget_logo h3 a:hover{
	color:#679ed5;
}
/**** widget_icon css ****/
.widget_icon{
	color:#fafafa;
}
.widget_icon h5{
	text-transform:uppercase;
	margin: 20px 0;
}
.widget_icon ul{
	margin:0;
	padding:0;
}
.widget_icon ul li{
	list-style-type: none;
	margin: 8px 0 0;
	color:#808080;
}

.widget_icon a{
	color:#808080;
}
.widget_icon a:hover{
	color:#679ed5;
}

footer hr {
    margin-top: 0;
	margin-bottom: 0;
    border-top: 1px solid #313131;
}

/**** widget_title css ****/
.widget_title{
	text-transform:uppercase;
	color:#fafafa;
	margin-bottom: 20px;
}
.widget_title h4{
	font-size: 16px;
}	
.widget_title h4::after {
    border-bottom: 5px dotted #808080;
    content: "";
    display: block;
    margin:0;
    width: 14%;
	padding: 4px 0;
}
.widget_margin{
	margin: 20px 0;
}
.border_bottom{
	border-bottom:1px solid #313131;
}
.widget_title ul {
	padding:0;
	margin:0;
}
.widget_title ul li{
	list-style-type:none;
	line-height: 25px;
}
.widget_title ul li a {
    color: #808080;
    font-size: 11px;
    padding: 0;
    font-weight:600;
    text-transform: uppercase;
    cursor: pointer;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.widget_title ul li a:hover {
    color: #679ed5;
    padding-left: 15px;
}

.footer-icon ul{
	padding:0;
	margin: 15px 0;
}
.footer-icon ul li{
	list-style-type:none;
	display:inline-block;
	padding: 0 2px 0 0;
}
.footer-icon ul li a i{
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 38px;
	background:#4f4f4f;
	color:#999;
	display: inline-block;
	font-size: 14px;
	border-radius: 3px;
}
.footer-icon ul li a i:hover{
	color:#679ed5;
}
.list-inline > li {
    display: inline-block;
    padding-right: 0;
    padding-left: 5px;
}
ul.list-inline{
	margin:0;
	padding:0;
}
ul.list-inline li a i{
	color: #808080;
	font-size: 35px;
}
ul.list-inline li a i:hover{
	color:#fff;
}
/*** footer_copyright css ***/
.footer_copyright{
	text-transform:uppercase;
	color:#808080;
	font-weight:600;
	padding: 25px 0 0;
	text-align:center;
	color	:	white
}
.footer_copyright a{
	color:#808080;
}
.footer_copyright a:hover{
	color:#679ed5;
}

/**** scrollToTop css start ****/
.scrollToTop i {
    background-color: #679ed5;
	border-radius: 100%;
	bottom: 55px;
	color: #fff;
	font-size: 40px;
	height: 60px;
	line-height: 50px;
	position: fixed;
	right: 5px;
	width: 60px;
	text-align: center;
}
.pagination{
	float: none;
	margin: 0 auto;
	}
	.Zebra_Pagination{
		text-align:center
	}
	
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 22px;
  height: 25px;
  width: 100px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-shadow: 0px 1px 0 #a2a2a2;
}
.star-ratings-css-top {
  color: #e7711b;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}
em {
  font-style: italic;
}
/*************  edit button css start **************/
.edit-button { 
    margin-bottom: 20px;
}
/*************  edit button css end **************/
/****  search page css start ****/

.search-query {
    height: 38px;
}
.search_page{
	padding: 40px 0;
    min-height: 365px;
}

/****  search page css end ****/
.dashboard_form{
	padding-left:35px;
}
.dashboard_data{
	padding:10px;
}
/**** footer css end ****/