/*
Theme Name: nextjobbd
Theme URI: http://shamweb.net
Dev Email: info@shamweb.net
Author: Shamweb
Author URI: https://joblagbebd.com
Version: 1.0
Description: Welcome to chose my theme.
Tags: No tags available
License: Unlimited
License URI: http://www.fb.com/shamolsudakar
Text Domain: Default English(USA)
=====================================
font-family: 'Lato', sans-serif;
font-family: 'Acme', sans-serif;
=====================================
*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Acme&display=swap');
@page { size: auto;  margin: 10px 0.5in;}
@font-face {
	font-family: "Siyamrupali";
	src: url(fonts/Siyamrupali.ttf);
}

body,h1,h2,h3,h4,ul{
	margin: 0;
	padding: 0;
}
body{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	overflow-x: hidden;
}
ul{
	list-style: none;
}
a:link,a,a:focus{
	text-decoration: none;
	outline: none;
}
a{
	color: #3D5B99;
}
.w-full{
	width: 100%;
	float: left;
	box-sizing: border-box;
}
button:focus,a:focus,.subscriber input:focus{
	outline: none;
}
.clear-fix{
	clear: both;
}
textarea{
	resize: vertical;
	min-height: 100px;
	margin-bottom: 5px;
}
header {
	box-shadow: 0 -1px 8px 1px rgba(0, 0, 0, 0.2);
}
#area-header-top{
	background-color: #3D5B99;
	padding: 8px 0;
}
	ul.toplink{
		list-style: none;
	}
		ul.toplink li{
			float: left;
			margin-right: 6px;
			color: #ddd;
			position: relative;
			z-index: 1;
		}
		ul.toplink.link-hover li:hover::before{
			position: absolute;
			content: "";
			top: 0;
			right: -2px;
			bottom: -2px;
			left: -2px;
			z-index: -1;
			border-radius: 6px;
			border: 1px solid #ddd;
		}
		ul.toplink li:last-child{
			margin-right: 0;
		}
			ul.toplink li a{
				color: #ddd;
				font-size: 12px;
				line-height: 12px;
				text-transform: uppercase;
				font-weight: 400;
				padding: 2px 3px;
				margin: 0;
			}
				ul.toplink li a i{
					width: 22px;
					height: 22px;
					line-height: 22px;
					text-align: center;
					border: 1px solid #ddd;
					border-radius: 100%;
				}
				ul.toplink li:hover i{
					background-color: #ddd;
					color: #3D5B99;
					border-radius: 0px;
				}
.right{
	float: right;
}
#area-nav{
	background-color: #FFF;
}
	.logo,.footer-logo{
		width: 288px;
		height: 52px;
	}
		.logo imgm,.footer-logo img{
			max-width: 100%;
			max-height: 100%;
		}
		.logo a,.footer-logo{
			font-size: 29px;
			font-weight: 600;
		}
#area-banner{
	position: relative;
}
#area-banner::before{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-color: rgba(0,0,0,.4);
}
	.introduction{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 3;
	}
		.introduction .caption{
			text-align: center;
			margin-top: 60px;
		}
			.introduction .caption h1{
				color: #FFF;
				font-size: 3.3em;
				font-family: 'Acme', sans-serif;
			}
			.introduction .caption p {
				color: #FFF;
				font-size: 1.7em;
				font-weight: 300;
			}
	.search-panel{
		position: absolute;
		width: 100%;
		left: 0;
		bottom: -55px;
		z-index: 3;
	}
	.panel-card-overly{
		bottom: -85px;
	}
		.form-src,.panel-card{
			background-color: #FFF;
			padding: 30px;
			border-radius: 6px;
			box-shadow: 0 1px 42px -1px rgba(0,0,0,0.3);
		}
		.panel-card{
			float: left;
			width: 100%;
			box-sizing: border-box;
		}
		.form-src .form-group{
			margin-bottom: 0;
		}
			.form-src input{
				border-radius: 0;
				height: 50px;
				font-size: 1.2em;
				padding-left: 0;
				color: #000;
				border-top: none;
				border-right: none;
				border-left: none;
				border-bottom: 2px solid #3D5B99;
				box-shadow: none !important;
			}
			.form-src input:focus{
				outline: none;
				box-shadow: none;
				box-shadow: none;
			}
			.form-src .ico{
				position: relative;
			}
				.form-src .ico i,.form-src #dropsearch span{
					position: absolute;
					bottom: 15px;
					right: 0;
					font-size: 18px;
					color: #3D5B99;
				}
				.form-src #dropsearch span{
					margin-top: 7px;
				}
				.button-find,.button{
					background-color: #3D5B99;
					border: none;
					color: #FFF !important;
					height: 50px;
					font-size: 1.2em;
					border-radius: 3px;
					text-align: center;
					border-bottom: 2px solid #2b4983;
				}
				.button {
					height: auto;
					padding: 8px 20px;
					font-size: 13px;
					font-weight: 600;	
					margin-bottom: 2px;				
				}
				
				.button i{
					margin-right: 5px;
				}
				.button i.right{
					margin-right: 0;
					margin-left: 5px;
				}
				.button-find:hover,.button:hover{
					background-color: #4669ad;
				}
				.button-find:focus,.button-find:active,.button:active,.button:focus{
					outline: none;
				}
				.button.danger,.button-find.danger {
					background-color: #e65959;
					border-bottom-color: #d52f2f;
				}
					.button.danger:hover,.button-find.danger:hover {
						background-color: #ed7272;
						border-bottom-color: #e74747;
					}
				.button.success {
					background-color: #4bab60;
					border-bottom-color: #22933b;
				}
					.button.success:hover {
						background-color: #5ab96f;
						border-bottom-color: #31aa4b;
					}	

#area-jobs,#area-content{
	padding: 100px 0 30px;	
}
#area-wrapper{
	padding: 50px 0;	
}
.userprofile{
	padding: 30px 0 50px !important;
}
#area-jobs-details{
	padding: 130px 0 30px;
}
.section-title{
	position: relative;
	margin-bottom: 30px;
}
	.section-title h1 {
		font-size: 17px;
		font-weight: 400;
		position: relative;
		z-index: 1;
		padding-bottom: 10px;
		font-weight: 600;
	}	
		.section-title h1 i{
			width: 25px;
		}
		.section-title h1 span{
			/* font-weight: bold; */
			color: #CC1F26;
		}
	.section-title h1::before{
		position: absolute;
		content: "";
		bottom: 0;
		left: 30px;
		width: 100px;
		border-bottom: 1px solid #ddd;
	}	
	.widget .section-title h1::before,.widget .section-title h1::after{
		left: 0;
	}
	.widget .section-title{
		margin-bottom: 20px;
	}
	.section-title h1::after{
		position: absolute;
		content: "";
		bottom: -1px;
		left: 30px;
		width: 30px;
		border-bottom: 3px solid #3D5B99;
	}
	.widget-header{
		background-color: #3D5B99;
		padding: 10px 15px;
		color: #FFF;
		margin-bottom: 10px;
	}
	.widget-title{
		font-size: 18px;
	}
	.widget-header + .widget-body{
		padding: 0 15px;
	}
	.section-title.no-icon h1::before,.section-title.no-icon h1::after {
		left: 0;
	}
	.section-title p{
		margin-top: 10px;
	}
	.view-more {
		float: right;
		margin-top: 12px;
		color: #3D5B99;
		line-height: 14px;
	}
	.com-panel {
		position: relative;
		border: 1px solid #ddd;
		border-radius: 4px;
		float: left;
		width: 100%;
		padding: 7px 5px 5px 5px;
		box-sizing: border-box;
		z-index: 1;
		margin-bottom: 10px;
		min-height: 73px;
		background-color: #fff;
	}
	.com-panel::before{
		position: absolute;
		content: "";
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 0;
		border-bottom: 3px solid #3D5B99;
	}
	.com-panel:hover::before{
		width: 100%;
	}
	.job-arrow {
		width: 15px;
		height: 15px;
		background: #b4b4b4;
		color: #FFF;
		border-radius: 100%;
		line-height: 15px;
		text-align: center;
		position: absolute;
		bottom: 10px;
		right: 5px;
		z-index: 3;
	}
	.job-arrow.fa-angle-down{
		bottom: 6px;
		line-height: 16px;
	}
	.com-panel:hover .job-arrow.fa-angle-down{
		display: none;
	}

		.com-panel .img-thumb {
			width: 55px;
			height: 55px;
			float: left;
			margin-right: 5px;
			border-right: 1px solid #ddd;
			padding-right: 5px;
		}
		.com-panel .com-logo {
			width: 50px;
			height: 50px;
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
			.com-panel .com-logo img{
				max-width: 100%;
				max-height: 100%;
			}
		.com-panel h2 {
			font-size: 14px;
			font-weight: 400;
			float: left;
			margin-top: 8px;
			color: #333;
			margin-bottom: 3px;
		}		
		
		.com-panel .descc{
			float: left;
			width: calc(100% - 60px);
		}
		.com-panel ul.joblists{
			list-style: none;
			float: left;
			width: 100%;
		}
		.com-panel ul.joblists li, .com-panel ul.joblists li a{
			margin: 0;
			padding: 0;
			float: left;
			width: 100%;
		}
		.com-panel ul.joblists li{
			padding-left: 1px;
			box-sizing: border-box;
		}
		.com-panel ul.joblists li a{
			color: #6e6e6e;
			font-size: 12px;
			line-height: 16px;
		}
		.com-panel p{
			margin: 0;
			color: #6e6e6e;
			float: left;
			width: 100%;
			font-size: 12px;
		}
		.com-panel:hover h2, .com-panel ul.joblists li a:hover{
			color: #3D5B99;
		}
		.joblists.expand-jobs {
			position: absolute;
			top: 100%;
			left: 0;
			background-color: #FFF;
			box-sizing: border-box;
			padding: 0 5px 10px 65px;
			z-index: 10;
			margin-top: -6px;
			display: none;
		}
		.joblists.expand-jobs::before{
			position: absolute;
			content: "";
			left: -1px;
			top: 0;
			right: -1px;
			bottom: 0;
			border: 1px solid #ddd;
			border-top: none;
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			z-index: -1;
			box-shadow: 0 13px 11px -6px rgba(0,0,0,0.2);
		}
		.joblists.expand-jobs::after{
			position: absolute;
			content: "";
			left: -1px;
			bottom: 0;
			left: 0;
			right: -1px;
			z-index: -1;
			border-bottom: 3px solid #3D5B99;
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
		}
		.com-panel:hover{
			z-index: 5;
		}
		.com-panel:hover .joblists.expand-jobs{
			display: block;
		}
.widget{
	margin-bottom: 40px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
/* .widget:last-child{
	margin-bottom: 0;
} */
	.widget .widget-body ul,ul.bullet{
		list-style: none;
	}
		.widget .widget-body ul li,.job-details ul li,ul.bullet li{
			position: relative;
			padding-left: 15px;
		}
		.job-details ul{
			margin-left: 25px;
		}
		.widget .widget-body ul li::before,.job-details ul li::before,ul.bullet li::before{
			position: absolute;
			content: "";
			width: 8px;
			height: 8px;
			left: 0;
			top: 6px;
			background-color: #3D5B99;
			z-index: 2;
		}
		.widget .widget-body ul li::after,.job-details ul li::after,ul.bullet li::after{
			position: absolute;
			content: "";
			width: 8px;
			height: 8px;
			left: 2px;
			top: 8px;
			background-color: #ddd;
			z-index: 1;
		}
			.widget .widget-body ul li a{
				color: #333;
			}
			.widget .widget-body ul li:hover a,.job-details ul li:hover a{
				color: #3D5B99
			}
	.widget .widget-body img{
		margin-bottom: 10px;
	}
#area-companies{
	/* background-color: #f1f1f1; */
	background-color: #e7e7e7;
	padding: 50px 0;
}
#area-companies.companies-all{
	background-color: #FFF;
	padding: 0;
}
	#area-companies .card-panel{
		float: left;
		width: 100%;
		height: 160px;
		box-sizing: border-box;
		padding: 5px 10px;
		background-color: #FFF;
		box-shadow: 0 1px 4px -2px rgba(0,0,0,0.2);
		color: #333;
		overflow: hidden;
		position: relative;
		z-index: 1;
		margin-bottom: 30px;
	}
	#area-companies .card-panel::before{
		position: absolute;
		content: "";
		bottom: 0;
		left: 0;
		width: 0;
		right: 0;
		margin: 0 auto;
		border-bottom: 3px solid #3D5B99;
		z-index: -1;	
	}
	#area-companies.companies-all .card-panel {
		background-color: #ECECEC;
		box-shadow: none;
		border-radius: 6px;
		border-bottom: 3px solid #3D5B99;
	}
	#area-companies.companies-all .card-panel:hover::before{
		width: 0;
	}
	#area-companies .card-panel:hover::before{
		width: 100%;
	}
	
		#area-companies .card-panel .card-ico {
			width: 60px;
			height: 60px;
			margin: 10px auto 10px;
			font-size: 52px;
			line-height: 60px;
			text-align: center;
			color: #3D5B99;
		}
		#area-companies .card-panel .card-ico img{
			width: 100%;
			height: 100%;
		}
	#area-companies .card-panel .card-caption{
		float: left;
		width: 100%;
		text-align: center;
	}
		#area-companies .card-panel .card-caption h2{
			font-size: 16px;
		}
		#area-companies .card-panel .card-caption p{
			color: #666;
		}
		#area-companies .card-panel:hover h2{
			color: #3D5B99;
		}
		#area-companies.companies-all .card-panel:hover{
			background-color: #3D5B99;
		}
		#area-companies.companies-all .card-panel:hover h2{
			color: #FFF;
		}
		#area-companies.companies-all .card-panel:hover .card-caption p{
			color: #ccc;
		}
		#area-companies.companies-all .card-panel:hover .card-ico{
			color: #FFF;
		}
		
#area-statistic{
	padding: 100px 0;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
	#area-statistic .statistic {
		float: left;
		width: 100%;
		height: 160px;
		box-sizing: border-box;
		padding: 10px 10px;
		/* background-color: #FFF; */
		color: #333;
		position: relative;
		z-index: 1;
		margin-bottom: 30px;		
		text-align: center;
	}
	#area-statistic .statistic::before{
		position: absolute;
		content: "";
		top: 0;
		right: -17px;
		bottom: 0;
		border-right: 3px dashed #ddd;
	}
	#area-statistic .statistic.last::before,#area-statistic .jobsts:last-child .statistic::before{
			border-right: none;
		}
	@media(max-width:992px){
		#area-statistic .jobsts:nth-child(2) .statistic::before,
		#area-statistic .jobsts:nth-child(4) .statistic::before{
			border-right: none;
		}
	}
		#area-statistic .statistic .sta-ico{
			width: 30px;
			height: 35px;
			margin: 10px auto 10px;
			font-size: 22px;
			line-height: 40px;
			text-align: center;
			color: #3D5B99;
		}
		#area-statistic .statistic a{
			color: #333;
		}
		#area-statistic .statistic a:hover{
			color: #3D5B99;
		}
.jobs-statistic{
	background-color: #ededed;
}
#area-footer-top{
	background-color: #232846;
	padding: 30px 0;
	color: #adadad;
}
	.links h2{
		font-size: 18px;
		font-weight: 600;
		color: #FFF;
		position: relative;
		z-index: 1;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.links h2::before{
		position: absolute;
		content: "";
		left: 0;
		bottom: 0;
		width: 100px;
		z-index: 1;
		border-bottom: 1px dotted #adadad;
	}
	.links ul{
		list-style: none;
	}
		.links ul li a{
			color: #adadad;
		}
		.links ul li a:hover{
			color: #FFF;
		}
	.footer-logo{
		margin: 0 auto 10px;
		
	}
	.subscriber{
		padding-top: 10px;
	}
		.subscriber input{
			width: 100%;
			height: 46px;
			border-radius: 50px;
			padding: 5px 18px;
			border: none;
			background-color: #1b1f36;
			box-shadow: inset 0 4px 2px -3px rgba(0, 0, 0, 0.6);
		}
		.subscriber .frm-input{
			position: relative;
		}
			.subscriber button {
				border: none;
				padding: 8px 20px;
				background-color: #3D5B99;
				color: #c2c2c2;
				position: absolute;
				top: 5px;
				right: 5px;
				line-height: 20px;
				border-radius: 50px;
			}
		.subscriber button:hover{
			background-color: #4669AD;
		}
		.subscriber button:focus{
			outline: none;
			box-shadow: none;
		}
	.social{
		margin: 20px auto 0;
		display: table;
	}
		.social ul{
			list-style: none;
		}
			.social ul li{
				position: relative;
				width: 40px;
				height: 40px;
				line-height: 40px;
				background-color: #adadad;
				float: left;
				margin-right: 10px;
				border-radius: 100%;
				box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
			}
			.social ul li:last-child{
				margin-right: 0;
			}
				.social ul li a{
					float: left;
					width: 100%;
					height: 100%;
					font-size: 16px;
					text-align: center;
					color: #232846;
				}
				.social ul li:hover a{
					color: #232846;
				}
			.social ul li:hover{
				margin-top: -3px;
				box-shadow: 0 15px 15px -6px rgba(0, 0, 0, 0.7);
			}
footer{
	float: left;
	width: 100%;
	box-sizing: border-box;
}
#area-footer-bottom{
	padding: 15px 0;
	background-color: #171D37;
}
	#area-footer-bottom p{
		margin-bottom: 0;
		color: #adadad;
	}
	#area-login-tab{
		position: fixed;
		width: 300px;
		height: 100%;
		top: 0;
		right: -320px;
		z-index: 999999999;
		background-color: #FFF;
		box-shadow: 0 0 100px 0 rgba(0,0,0,.2);
	}
		.log-top{
			padding: 30px 0 70px;	
			position: relative;
			z-index: 1;
			overflow: hidden;
			text-align: center;
		}
		.log-top::before,.log-top::after{
			position: absolute;
			content: "";
			top: 0;
			right: -80px;
			bottom: 0;
			left: -80px;
			z-index: -1;
			background-color: rgba(61, 153, 69, 0.7);
			border-radius: 0 0 150% 150%;
			margin: 0 auto;
		}
		.log-top::after{
			z-index: -2;
			background: url(images/login-bg.jpg) no-repeat center top;
		}

			.log-top img{
				margin: 0 auto;
				display: table;
			}
			.log-top p {
				font-size: 15px;
				color: #FFF;
				font-weight: 600;
			}
		#area-login-tab .log-sign {
			width: 80px;
			height: 80px;
			background: #3D5B99;
			position: relative;
			margin: 0 auto;
			border-radius: 100%;
			font-size: 42px;
			line-height: 80px;
			text-align: center;
			color: #FFF;
			top: -50px;
			z-index: 2;
		}
			#area-login-tab .login-panel-popup .form-group{
				padding: 0 30px;
			}
			#area-login-tab .input-group{
				width: 100%;
			}
			#area-login-tab .form-control,#area-login-tab .input-group-addon{
				border-radius: 0;
			}
.input-group-addon{
	width: 35px;
}
[for]{
	cursor: pointer;
}
input[type=checkbox]:focus{
	outline: none;
}
.checkbox-inline{
	top: -2px;	
}
.checkbox-inline + label{
	margin-left: 6px;
}
.btn-submit {
	height: 60px;
	border-radius: 0;
	border: none;
	font-size: 20px;
	font-weight: 400;
}
	#area-login-tab .social ul li{
		box-shadow: none;
	}
	#area-login-tab .social ul li:hover{
		box-shadow: 0 12px 15px -9px rgba(0, 0, 0, 0.7);
	}
	.createNew{
		font-weight: 600;
	}
	#panelClose {
		position: absolute;
		top: 8px;
		right: 8px;
		width: 50px;
		height: 50px;
		border: none;
		border-radius: 100%;
		font-size: 20px;
		line-height: 50px;
		color: #FFF;
		background-color: transparent;
	}
	#panelClose > i {
		position: relative;
		top: -1px;
	}
	#panelClose:hover{
		background-color: rgba(255,255,255,.3);
	}
.curcular{
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	border-left: 3px solid #ddd;
	border-radius: 6px;
	margin-bottom: 30px;
	box-shadow: 0 1px 3px -1px rgba(0,0,0,0.45);
}
.curcular:hover{
	border-left-color: #3D5B99;
}
.job-details{
	border-left: none;
}
.jobinfo {
	height: 60px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.offers {
	float: left;
	width: 230px;
	box-sizing: border-box;
	padding-right: 20px;
}
.offers > ul,.jobfooter ul{
	list-style: none;	
}
.offers > ul{
	min-height: 168px;
}

.description{
	float: left;
	width: -webkit-calc(100% - 230px);
	width: -moz-calc(100% - 230px);
	width: -o-calc(100% - 230px);
	width: calc(100% - 230px);
}
.area-brands{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.panel-card .area-brands{
	margin-bottom: 0;
}
.company-logo{
	float: left;
	width: 80px;
	height: 80px;
	line-height: 65px;
	padding: 5px;
	margin-right: 15px;
	border: 1px solid #ddd;
	text-align: center;
}
.companytitle{
	float: left;
	margin-top: 12px;
	width: -webkit-calc(100% - 95px);
	width: -moz-calc(100% - 95px);
	width: -o-calc(100% - 95px);
	width: calc(100% - 95px);
}
.companytitle h3 {
	float: left;
	width: 100%;
	color: #666;
	font-size: 13px !important;
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 0 !important;
}
.companytitle p,.companytitle p a{
	color: #666;
}
.companytitle p a:hover{
	color: #3D5B99;
}
.area-brands img{
	max-width: 100%;
	max-height: 100%;
}
.jobfooter{
	float: left;
	width: 100%;
	padding-top: 10px;
	margin-top: 10px;	
}
.offers ul li i{
	color: #0bc80b;
}

.jobfooter ul li{
	float: left;
	margin-right: 15px;
}
.jobfooter ul li:last-child{
	margin-right: 0;
}

.description h1{
	font-size: 22px;
	color: #333;
}


.jobfooter ul li a {
	font-weight: 600;	
	font-size: 12px;
	color: #333;
}
.jobfooter ul li:hover a,.description a:hover h1{
	color: #3D5B99;
}
.breadcrumbs ul li{
	float: left;
	color: #FFF;
	padding-right: 8px;
}
.breadcrumbs {
	display: table;
	margin: 10px auto;
}
.breadcrumbs ul li a{
	float: left;
	color: #0bc80b;
}
.panel-card-overly .button-find{
	line-height: 50px;
	margin-top: 15px;
}
.job-details h1,.job-details h2,.job-details h3,.job-details h4{
	font-size: 18px;
	margin-bottom: 5px;
}
.job-details h1{
	font-size: 20px;
}
.job-details a{
	position: relative;
}
.job-details a::before{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: -2px;
	border-bottom: 1px dotted #3D5B99;
}
a.button::before{
	border-bottom: none !important;
}
.job-details p + h2,.job-details p + h1,.job-details p + h3,.job-details p + h4{
	margin-top: 30px;
}
.job-details ul,.job-details ol{
	margin-bottom: 30px;
}
.share{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.share ul li{
	float: left;
	width: 45%;
}
.invite-to-fnf.share ul li{
	width: auto;
	margin-right: 10px;
}
.invite-to-fnf.share ul li:last-child{
	margin-right: 0;
}
.share ul li a{
	float: left;
	width: 100%;
	height: 35px;
	line-height: 35px;
	margin-bottom: 10px;
	color: #FFF;
	box-sizing: border-box;
	padding: 0 10px;
	background-color: #4669AD;
	border-radius: 3px;
	position: relative;
}
.invite-to-fnf.share ul li a{
	padding-right: 15px;
}
.share ul li a::before{
	position: absolute;
	content: "";
	width: 30px;
	top: 0;
	bottom: 0;
	left: 0;
	border-right: 1px solid #ddd;
}
.share ul li:hover a{
	opacity: 0.8;
}
.share ul li a i{
	width: 25px;
}
.share ul li:nth-child(even){
	float: right;
}
.invite-to-fnf.share ul li:nth-child(even){
	float: left;
}
.share ul li.facebook a{
	background-color: #3B5999;
}
	.share ul li.facebook a::before{
		border-right: 1px solid #496bb6;
	}
.share ul li.twitter a{
	background-color: #55ACEE;
}
	.share ul li.twitter a::before{
		border-right: 1px solid #65b8f8;
	}
.share ul li.linkedin a{
	background-color: #0077B5;
}
	.share ul li.linkedin a::before{
		border-right: 1px solid #0987ca;
	}
.share ul li.youtube a{
	background-color: #D92A27;
}
	.share ul li.youtube a::before{
		border-right: 1px solid #e9403d;
	}
.share ul li.goople-plus a{
	background-color: #D54936;
}
	.share ul li.goople-plus a::before{
		border-right: 1px solid #e65846;
	}

/*
====== COPY FROM HERE ========
*/
.input-group {
	float: left;
	width: 100%;
	box-sizing: border-box;
}


.regi-panel,.login-panel,.card{
    padding: 70px 50px;
    box-shadow: 0 10px 100px -6px rgba(0,0,0,0.3);
}
.card {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 30px 15px 40px;
	box-shadow: 0 0 10px 0 rgba(0,24,128,0.2);
	margin-bottom: 40px;
}
.card:last-child{
	margin-bottom: 0;
}
.form .form-control{
    border-radius: 0;
    border: 1px solid #ddd;
    box-shadow: none;
}
.form .control-label > span {
	color: #a51616;
	font-weight: normal;
	font-size: 11px;
}
.red {
	color: red;
}
.form .input-group-addon + .form-control{
    border-left: none;
}
.form .control-label{
    margin-bottom: 5px;
}
.form .input-group-addon{
    border-radius: 0;
    color: #FFF;
    background-color: #3D5B99;
    border: 1px solid #325499 !important;
}
.form span.fa{
    width: 13px;
}
.form .select2-container .select2-selection--single {
	height: 34px;
}
.form .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 32px;
}
.form .select2-container--default .select2-selection--single {
	border-color: #ddd;
}

.form .control-label span.info {
	position: absolute;
	top: 11px;
	right: 15px;
	width: 15px;
	height: 15px;
	background-color: #666666;
	border-radius: 100%;
	color: #FFF;
	text-align: center;
    line-height: 15px;
    font-size: 12px;    
}
.info i{
    position: absolute;
    background-color: rgba(56, 56, 56,0.8);
    width: 150px;
    padding: 5px 10px;
    color: #FFF;
    top: 15px;
    right: 0;
    z-index: 9;
    border-radius: 3px;
    box-shadow: 0 8px 20px -2px rgba(0,0,0,0.3);
    font-style: normal;
    display: none;
}
.info:hover i{
    display: block;  
}
.form textarea{
    min-height: 80px;
    resize: vertical;
}
.form .form-control:focus{
    border-bottom: 2px solid #3D5B99;
}
.regi-feature{
    padding-left: 50px;
    padding-top: 60px;
}
.regi-feature ul{
    list-style: none;
}
.regi-feature ul li{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.regi-feature ul li div.fetico {
	float: left;
	width: 50px;
	height: 50px;
	background-color: #3D5B99;
	font-size: 20px;
	color: #FFF;
	text-align: center;
	line-height: 50px;
	margin-right: 15px;
	border-radius: 100%;
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
}
.regi-feature h3{
    font-size: 22px;
    position: relative;
    left: -1px;
    margin-bottom: 3px;
}
.fetdesc{
    float: left;
    width: -webkit-calc(100% - 65px);
    width: -moz-calc(100% - 65px);
    width: -o-calc(100% - 65px);
    width: calc(100% - 65px);
}

.profile-user {
	background-color: #FFF;
	padding: 30px 15px;
	text-align: center;
	float: left;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0 -1px 3px 0px rgba(157, 165, 242, 0.8);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.profile-user .pro-img{
    width: 120px;
    height: 120px;
    background-color: #FFF;
    border-radius: 100%;
    text-align: center;
    z-index: 1;
    position: relative;
    display: block;
    margin: 0 auto 20px;
}
.pro-img button {
	border: none;
	background-color: #FFF;
	height: 40px;
	width: 40px;
    padding: 0;
    color: #3D5B99;
	border-radius: 100%;
	box-shadow: 0 2px 8px -2px rgba(0,0,0,.3);
	position: absolute;
	right: 0;
	top: 0;
}
.profile-user .pro-img::before,.profile-user .pro-img::after{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 140px;
    background-color: #3D5B99;
    z-index: -1;
    margin: auto;
}
.profile-user .pro-img::after{
    width: 140px;
    height: 2px;
    margin-left: -10px;
}
.profile-user .pro-img img{    
    width: 120px;
    height: 120px;
    border-radius: 100%;
    padding: 5px;
    background-color: #FFF;
    border: 2px solid #3D5B99;
}
.pro-navigation ul{
    list-style: none;
}
.pro-navigation ul > li{
    float: left;
    width: 100%;
    list-style: none;
    background-color: #FFF;
    border-left: 3px solid transparent;
    box-sizing: border-box;
}
.pro-navigation ul > li > a{
    float: left;
    width: 100%;
    box-sizing: border-box;
    color: #333;
    text-decoration: none;
    padding: 15px 15px 15px 42px;
    border-bottom: 1px solid #DCE8FF;
    position: relative;
    font-size: 16px;
}
.pro-navigation ul > li:first-child a{
    border-top: 1px solid #E3ECFD;    
}
.pro-navigation ul > li > a > i {
	width: 22px;
	text-align: center;
	position: absolute;
	top: 17px;
	left: 12px;
	font-size: 20px;
}
.pro-navigation ul > li.active a, .pro-navigation ul > li:hover a{
    background-color: #ecf3ff;
    color: #3D5B99;
}
.pro-navigation ul > li.active, .pro-navigation ul > li:hover{
    border-left: 3px solid #3D5B99;
}
.panel-box {
	box-shadow: 0 -1px 3px 0px rgba(157, 165, 242, 0.8);
	padding: 20px 30px;
	margin-bottom: 30px;
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-radius: 6px;
}
.fieldset{
    padding-bottom: 15px;
    border-bottom: 1px solid #E3ECFD;
    margin-bottom: 10px;
}
h3.page-title {
	margin-bottom: 15px;
	font-size: 20px;
	margin-top: 10px;
}
.profile .control-label{
    margin-bottom: 10px;
}
.profile .form-control{
    height: 50px;
    border-radius: 5px !important;
    background-color:#fff;
    border: none;
    box-shadow: 0 0 10px 0 rgba(0,24,128,0.2);
}
.profile .form-control::placeholder {
	color: #6c757d;
	opacity: 1;
}
.profile textarea.form-control{
    min-height: 120px;
    resize: vertical;
}
.invalid-feedback {
	/* position: absolute;
	bottom: -20px;
	right: 0;
	z-index: 9; */
	color: red;
	font-size: 13px;
}
.error-log {
	padding: 0 30px;
}
.error-log p {
	color: red;
	font-size: 13px;
}
hr{
	border-top: 1px solid #ddd;
}
.ucwords{
	text-transform: uppercase;
}
.panel-text{
	margin-bottom: 25px;
}
#long-about{
	display: none;
}
.noresult p{
	margin-top: 5px;
	text-align: center;
}
.user-menu {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	top: -2px;
}
.user-menu > ul{
	float: right;
	margin-right: 4px;
}
.user-menu > ul > li{
	float: left;
	margin-left: 1px;
}

.user-menu > ul > li > a {
	float: left;
	box-sizing: border-box;
	padding: 3px 15px 5px;
	position: relative;
	color: #ddd;
	z-index: 1;
	line-height: 18px;
}
.user-menu > ul > li > a::before,.user-menu > ul > li:last-child > a::after{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	border-radius: 6px;
	background-color: #3D5B99;
	border-bottom: 2px solid #2b4983;
	transform: -webkit-skew(-30deg);
	transform: -moz-skew(-30deg);
	transform: -o-skew(-30deg);
	transform: skew(-30deg);
}
.user-menu > ul > li:last-child > a::before{
	border-top-right-radius: 20px;
}
.user-menu > ul > li:last-child > a::after{	
	width: 40px;
	left: auto;
	right: -4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;	
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	transform: -webkit-skew(0deg);
	transform: -moz-skew(0deg);
	transform: -o-skew(0deg);
	transform: skew(0deg);
}
.user-menu > ul > li:hover > a::before,.user-menu > ul > li:last-child:hover > a::after,
.user-menu > ul > li.active > a::before,.user-menu > ul > li:last-child.active > a::after{
	background-color: #EC6A3F;
	border-bottom: 2px solid #ca491e;
}
.brdcmb {
	margin-top: 2px;
}
.brdcmb ul{
	list-style: none;
}
.brdcmb ul li{
	float: left;
	color: #333;
	padding: 0 3px;
	font-size: 11px;
}
.brdcmb ul li:first-child{
	padding-left: 0;
}
.brdcmb ul li a{
	float: left;
	font-size: 11px;	
}
table.tbl{
	width: 100%;
}
table.tbl tr th,table.tbl tr td{
	padding: 2px 0;
	vertical-align: top;
}

[data-collapsed]{
	cursor: pointer;
}
.collapsed{
	display: none;
}
.collapsed.on{
	display: block;
}
.fieldset h3{
	font-size: 20px;
	margin-top: 10px;
}
.section{
	border: 1px solid #E3ECFD;
	padding: 15px 20px;
	margin-bottom: 10px;
}
.section:last-child{
	margin-bottom: 0;
}
pre {
	border: none;
	padding: 5px 0 0;
	background-color: #FFF;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
#alertOutter {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 999999999999;
}
#alert {
	width: 300px;
	border: 6px solid rgba(0,0,0,0.73);
	margin: 13% auto;
	background-color: #FFF;
}
.alert-body {
	padding: 20px 15px;
	text-align: center;
}
.alert-footer {
	padding: 10px 15px;
	text-align: right;
	border-top: 1px solid #e3e3e3;
}
.alert-footer .button{
	margin-left: 5px;
}
.alert-footer .button i, .btn-icon i {
	margin-right: 0;
}
.btn-input{
	padding-top: 6px;
	padding-bottom: 6px;
}
.responsive{
	max-width: 100%;
	overflow-x: auto;
}
select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	background: url('../templates/images/drop-down-16.png') no-repeat top 9px right 6px;
}
input[type=file]:focus{
	outline: none;
}
table.cv-tble-border tr > th,table.cv-tble-border  tr > td{
	padding: 5px;
}
table.cv-tble-border,table.cv-tble-border tr > th,table.cv-tble-border  tr > td{
	border-color: #888;
}
nav.menu > ul li.usrMnu > ul {
	width: 160px;
}
.cat-ico {
	margin: 13px 0 0 14px;
	font-size: 24px;
}
.pagination > li > a, .pagination > li > span {
	margin-left: 5px;
}

.input-group-select input,.input-group-select select{
	float: left;
}
.input-group-select input{
	width: 70%;
}
.input-group-select select{
	width: 30%;
	border-left: 1px solid transparent !important;
}
#gradingDiv,#gradingPassed{
	display: none;
}
ul.columns{
	margin-left: 9px;
}
ul.columns>li { position:relative;z-index:1;display:inline !important; margin-right: 15px !important;}
ul.columns>li:before { position:absolute;content:"";top:7px;left:-8px;width:4px;height:4px;background-color:#666; }

#tabs {
	min-height: 36px;
}
.green {
	color: green;
}

.panel-overview {
	background-color: #ECF3FF;
	border-bottom: 2px solid #3D5B99;
	float: left;
	width: 100%;
	position: relative;
	border-radius: 6px;
	margin: 10px 0 20px;
}
.panel-ic {
	width: 60px;
	height: 60px;
	background: #3D5B99;
	position: absolute;
	top: -8px;
	left: 11px;
	text-align: center;
	border-radius: 6px;
	box-shadow: 0 2px 3px -1px rgba(0,0,0,0.3);
}
.penel-amount {
	padding: 5px 5px 0 80px;
}
.penel-amount p {
	margin: 0;
	position: relative;
	left: 2px;
}
.penel-amount h1{
	font-size: 28px;
}
.panel-overview .panel-fot{
	padding: 5px 10px;
	text-align: right;
	margin-top: 8px;
	border-top: 1px solid #D4DFF7;
}
.panel-overview .panel-fot a{
	font-size: 13px;
}
.panel-overview .panel-ic i{
	font-size: 36px;
	color: #FFF;
	line-height: 60px;
}

.responBox .list-group-item{
	position: relative;
}
.responBox .list-group-item .resTrash {
	cursor: pointer;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	color: red;
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #FFF;
}
.resIndex {
	width: 20px;
	float: left;
	border-right: 1px solid #cdcdcd;
	font-size: 13px;
	margin-right: 10px;
	line-height: 22px;
}
.cover-latter{
	padding: 5px 20px 0;
	border: 3px dashed #3D5B99;
	margin-bottom: 20px;
}
.cover-latter .note-editor.note-frame .note-editing-area .note-editable {
	padding: 5px 0 5px;
	min-height: 600px;
}
.cover-latter .note-editor.note-frame{
	border: none;
}
.cover-latter .panel{
	margin-bottom: 0;
}
.cover-latter .note-editor.note-frame .note-placeholder {
	padding: 5px;
}
/*****************
	Check box
*****************/
.custom-checkbox-group{
	position: relative;
}
.custom-checkbox{
	float: left;
	width: 24px;
	height: 21px;
	top: -2px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-right: 3px;
}
.custom-checkbox > input[type=checkbox] + .inchecked{
	width: 24px;
	height: 21px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	background: url(../templates/images/check-box.png) no-repeat left top;
}
.custom-checkbox > input{
	position: relative;
	z-index: 3;
	width: 30px;
	height: 30px;
	float: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0 !important;
	padding: 0 !important;
}
.custom-checkbox > input[type=checkbox]:checked + .inchecked{
	background-position:  left bottom;
}
.custom-checkbox + label{
	float: left;
	margin-right: 5px;
}
/*****************
	End Check box
*****************/

#area-cover-letter{
	width: 550px;
	height: 100%;
	position: fixed;
	z-index: 1000000000;
	top: 0;
	right: -120%;
	background-color: #FFF;
	box-shadow: 0 10px 100px -6px rgba(0,0,0,0.3);
}
#area-cover-letter .title {
	padding: 10px 15px;
	font-size: 16px;
	background-color: #435262;
	color: #FFF;
	position: relative;
	z-index: 2;
}
.closeCover {
	width: 40px;
	height: 38px;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: transparent;
	font-size: 20px;
}
.closeCover:focus{
	outline: none;
}
.cov-panel{
	padding: 0 15px 20px;
	position: absolute;
	width: 100%;
	max-height: 92vh;
	overflow-x: auto;
	margin-top: 45px;
	box-sizing: border-box;
	top: 0;
	left: 0;
	z-index: 1;
}
.button-xs {
	height: 25px;
	padding: 0 10px;
	font-size: 13px;
}
.search-cover{
	position: relative;
	margin-bottom: 10px;
}
.search-cover .form-control-feedback{
	top: 10px;
}
.coverltr{
	float: left;
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
	margin-top: 5px;
	position: relative;
	border: 1px dashed #cdcdcd;
}
.coverltr p{
	margin: 0;
	padding-right: 10px;
}
#closeCovr{
	position: absolute;
	top: 5px;
	right: 0;
	background: transparent;
	border: none;
}
.blog{
	margin-bottom: 20px;
}
ul.sectorLists{
	list-style: none;
}
ul.sectorLists li {
	width: 33%;
	float: left;
	padding-right: 10px;
	box-sizing: border-box;
	margin-bottom: 8px;
}
ul.sectorLists li a,.link{
	color: #333;
}

.page-banner,#area-banner{
	height: 300px;
}
.widget .widget-body img {
	margin: 0 auto 10px;
}
.clearfix{
	clear: both;
}
.menuDropdown {
	width: 100%;
	text-align: left;
	border: none;
	background-color: #3D5B99;
	padding: 10px 15px;
	font-size: 21px;
	color: #FFF;
	display: none;
	box-shadow: 0 1px 3px 0 rgba(157, 165, 242, 0.8);
}
.menuDropdown i {
	float: right;
	margin-top: 5px;
}
.d-hide{
	display: none;
}
ul.address li{
	margin-bottom: 6px;
}
ul.fontawesome li i.fa{
	position: relative;
	width: 15px;
	height: 15px;
	text-align: center;
	line-height: 15px;
	color: #FFF;
	z-index: 1;
	font-size: 10px;
	margin-right: 5px;
}
ul.fontawesome li i.fa::after{
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #3D5B99;
	z-index: -1;
	
}

.faq-panel .ques{
	font-size: 17px;
	cursor: pointer;
	font-family: 'Siyamrupali', Lato, sans-serif;	
}
.faq-panel .ques i{
	margin-right: 5px;
}
.faq-panel ul li{
	padding: 10px 15px;
	border-radius: 4px;
	margin-bottom: 15px;
	border: 1px solid #cdcdcd;
}
.faq-panel .ans{
	margin-top: 10px;
}
.faq-panel ul li.active .ans{
	display: block;
}
.faq-panel ul li .ans,.faq-panel ul li .ans p{
	font-family: 'Siyamrupali', Lato, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #555;
}
.privacy h3{
	font-size: 18px;
}
.relative{
	position: relative;
}
.showPassword {
	cursor: pointer;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 32px;
	height: 31px;
	z-index: 2;
	text-align: center;
	line-height: 31px;
	background-color: #fff;
}
.jobalert,.jobalert ul,.jobalert > ul li,.jobalert p,.alert-des{
	float: left;
	width: 100%;
}
.jobalert > ul > li{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.jobalert > ul > li p{
	margin-bottom: 0px;
	position: relative;
}
.jobalert > ul > li p span.lbl-new{
	position: relative;
	top: -8px;
	background-color: yellow;
	animation-name: offers;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes offers {
	0%   {background-color:yellow;}
	100% {background-color:red;}
}
@-moz-keyframes offers {
	0%   {background-color:yellow;}
	100% {background-color:red;}
}
@keyframes offers {
	0%   {background-color:yellow;}
	100% {background-color:red;}
}
.alertD{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.alertD ul{
	margin-left: 20px;
	margin-bottom: 10px;
}
.alert-des,.d-none{
	display: none;
}
.jobalert .text-muted{
	margin-top: 5px;
}
@media(max-width: 767px){
	.jobalert > ul > li p span.lbl-new {
		top: -1px;
	}
}
.multilogin {
	display: table;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.multilogin-content {
	border-top: 1px solid #ddd;
	padding-top: 20px;
	position: relative;
	top: -1px;
	z-index: 1;
}
.multilogin.nav > li > a {
	padding: 5px 15px;
}
.multilogin.nav > li.active > a {
	border-top: 2px solid #3D5B99;
	padding-top: 4px;
}
.adsView {
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.adsPlace{
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 40px 0 25px;
}
.adsHome{
	background-color: #E7E7E7;
}
  
/*************************
		GLOBAL CSS
*************************/
.baseCol,ul.sectorLists li a:hover,.link:hover,.faq-panel .ques:hover{
	color: #3D5B99;
}
.box-shadow,ul.toplink li:hover i,.widget-header{
	box-shadow: 0 1px 6px 1px rgba(98, 98, 98, 0.3);
}

.error-log p,.invalid-feedback,.panel-text h3,
.jobfooter ul li a,.job-details h1,.job-details h2,.job-details h4,
.text-shadow,nav.menu > ul > li > a,.section-title h1,.description h1{
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


#area-companies.companies-all .card-panel,#area-cover-letter,ul.sectorLists li a,
#area-companies.companies-all .card-panel .card-ico,.link,.faq-panel .ques,
#area-companies.companies-all .card-panel .card-caption p,
.user-menu > ul > li > a::before,.user-menu > ul > li:last-child > a::after,
.jobfooter ul li a,.curcular,.description a h1,.companytitle p a,.share ul li a,
.subscriber button,.social ul li,.links ul li a,#panelClose,#area-login-tab,
#area-companies .card-panel::before,#area-companies .card-panel .card-caption h2,
#area-jobs .com-panel h2,#area-jobs .com-panel::before,.widget .widget-body ul li a,
.transition,ul.toplink li a i,ul.toplink.link-hover li::before,nav.menu > ul ul li a{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}