﻿/*
	* Author: Vasterad
	* URL: http://purethemes.net
*/


/* ------------------------------------------------------------------- */
/* Import Section
---------------------------------------------------------------------- */
@import url("base.css");				/* Default Reset, Typography, Forms, etc. */
@import url("responsive.css");			/* Responsive Grid */
@import url("font-awesome.css");		/* Font Awesome Icons */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,300");
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@import url('https://fonts.googleapis.com/css?family=Poppins');

@import url('https://fonts.googleapis.com/css?family=Poppins:500');
/* ------------------------------------------------------------------- */
/* Table of Contents
	---------------------------------------------------------------------- 
	1. Header
	2. Mobile Navigation
	2. Homepage Banner
	3. Titlebar
	4. Miscellaneous
	5. Tables + Stacktable (responsive tables plug-in)
	6. Magnific Popup
	7. Shortcodes
	8. Social Icons
	9. Job List Styles
	10. Revolution Slider
	11. Flexslider
	12. ShowBiz Carousel
	13. Blog Styles
	14. Widgets
	15. Chosen Plugin
	16. SCEditor
	17. Submit Pages
	18. Footer
	19. Manage Applications Styles
	20. Job List Page
	21. Media Queries
	22. Styles Switcher
	
---------------------------------------------------------------------- */
body{
	font-family: 'Poppins', sans-serif !important;
}
body p{
	text-align:justify;
	
}

/* ------------------------------------------------------------------- */
/* Header
---------------------------------------------------------------------- */
header {
	height: 90px;
	background-color: #fff;
}

#logo {
	margin-left: 0;
	display: inline-block;
	float: left;
	width:200px;
	padding:0px;
	margin:0px;
}

#logo img { margin-top: 24px; }


/* Full-Width Header Styles */
header.full-width .container, 
header.full-width .container .sixteen.columns {
	width: 100%;
	padding-left: 20px;
	box-sizing: border-box;
	float: left;
	margin: 0;
}

header.full-width #navigation ul.float-right { right: 35px; }


/* Alternative Header & Menu style*/
.alternative #navigation {
	width: 100%;
	border-top: 1px solid #e0e0e0;
	margin: 27px 0 0 0;
	padding: 24px 0 12px 0;
}

.alternative #navigation ul {
	margin: 0;
}

.alternative .menu ul li { margin: 0 10px 0 0; }

.alternative #navigation ul.float-right { top: 27px; }


/* ---------------------------------- */
/* Transparent Header
------------------------------------- */
header.transparent {
	position: absolute;
	background: transparent;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
    box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.2);
}

body.boxed #wrapper { position: relative; }

header.transparent .menu ul li a {
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 19px;
}

header.transparent .menu ul ul li a {
    color: #959595;   
    font-size: 14px;
    letter-spacing: 0px;
}

header.transparent ul.float-right li a {
    background-color: rgba(255,255,255,0.1);
    color: #fff;
}

header.transparent ul.float-right li a:hover {
    background-color: rgba(255,255,255,0.2);
    color: #fff;
}

header.transparent .menu ul ul li a:hover { color: #fff; }
header.transparent .sf-with-ul::after { color: rgba(255,255,255,0.8); }

#banner.with-transparent-header {
	/* max-height: 710px; */ /* commented by jay as per instructon */
	max-height: 320px;  /* added by jay as per instructon */
	background-attachment: fixed;
}

#banner.with-transparent-header .search-container {
	
	/* padding: 190px 0; */ /* commented by jay as per instructon */
	padding: 50px 0; /* added by jay as per instructon */
	/* margin-top: 45px; */ /* commented by jay as per instructon */
	margin-top: 0px;  /* added by jay as per instructon */
	
}

#banner.with-transparent-header:before { background-color: rgba(42, 46, 50, 0.7); }
header.transparent.alternative #navigation { border-top: none; }
header.transparent #logo { border-bottom: none; }

p{
	text-align:justify;
}

/********************Padding Top*****************/
.padding-top-5{
	padding-top:5px;
}
.padding-top-10{
	padding-top:10px;
}
.padding-top-15{
	padding-top:15px;
}
.padding-top-20{
	padding-top:20px;
}
.padding-top-25{
	padding-top:25px;
}
.padding-top-30{
	padding-top:30px;
}
.padding-top-35{
	padding-top:35px;
}
.padding-top-40{
	padding-top:40px;
}

/********************Padding Bottom*****************/
.padding-bottom-5{
	padding-bottom:5px;
}
.padding-bottom-10{
	padding-bottom:10px;
}
.padding-bottom-15{
	padding-bottom:15px;
}
.padding-bottom-20{
	padding-bottom:20px;
}
.padding-bottom-25{
	padding-bottom:25px;
}
.padding-bottom-30{
	padding-bottom:30px;
}
.padding-bottom-35{
	padding-bottom:35px;
}
.padding-bottom-40{
	padding-bottom:40px;
}

/* Smaller than standard 1180 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1289px) {
	#banner.with-transparent-header .search-container {  /* margin-top: 65px; */ /* commented by jay as per instructon */}
}
@media only screen and (max-width: 1200px)  {
	
	.customchanges {
		margin-top: 55px!important;
		
	}
	.customchanges > li {
		margin-right:0!important;
		
	}
}

.cusstyle > li {
	margin-top:10px;
}

/* Tablets */
@media only screen and (max-width: 990px) {
	
	header.transparent.alternative #navigation ul.float-right a {
	    color: #fff;
	    background: transparent;
	}
	header.transparent #navigation ul.float-right {
	    right: -15px;
	    top: 15px;
	    position: absolute;
	    text-align: right;
	}
	header.transparent a.menu-trigger { background: rgba(255,255,255,0.2); }
	header.transparent { box-shadow: none; }
	#banner.with-transparent-header .search-container {  /* margin-top: 65px; */ /* commented by jay as per instructon */ }
}


/* Mobiles */
@media only screen and (max-width: 767px) {
	
	header.transparent #logo { padding-bottom: 0; }
	header.transparent #navigation ul.float-right {
	    right: -15px;
	    top: 0;
	    position: relative;
	    text-align: center;
	}
	
	#banner.with-transparent-header .search-container {
	    /*padding: 190px 0;*//* commented by jay as per instructon */
	    /*margin-top: 35px;*//* commented by jay as per instructon */
	    padding: 0px 0;/* added by jay as per instructon */
	    margin-top: 10px;/* added by jay as per instructon */
	}
	
	#banner.with-transparent-header { max-height: 400px;/* added by jay as per instructon *//* max-height: 760px; */ /* commented by jay as per instructon */ }
	#logo img {  margin: 35px auto 10px auto; }
	.btn, .btn-block{
		margin-bottom:8px;
	}
}


/* White dropdown for transparent header */
header.transparent .menu ul ul {
	background-color: #fff;
}

header.transparent .menu ul ul:before { color: #fff; }

header.transparent .menu ul li.sfHover ul li a.sf-with-ul,
header.transparent .menu ul ul li a {
	color: #808080;
	background-color: #fff;
}

header.transparent .menu ul ul li a:hover { color: #333; }


/* ---------------------------------- */
/* Sticky Header
------------------------------------- */
.sticky-header.headroom--pinned.cloned,
.sticky-header.headroom--unpinned.cloned,
.sticky-header.headroom--top.cloned {
    transform: translateY(-100%);
    transition: all 0.25s ease-in-out;
}


.sticky-header.cloned {
	background-color: #ffffff !important;
	position: fixed !important;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	/** background-color: #fff; **/
	border-bottom: none;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
	width: 100%;
	z-index: 999999;
	max-height: 80px;
}

.sticky-header.cloned.headroom--not-top.headroom--unpinned,
.sticky-header.cloned.headroom--not-top.headroom--pinned {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
	transform: translateY(0%);
	box-shadow: 0px 0px 10px grey;
}

.sticky-header.cloned .menu ul.float-right,
.sticky-header.cloned .menu ul#responsive {
	margin: 21px 0;
}

.sticky-header.cloned #logo img {
	max-height: 42px;
	width: auto;
	margin: 20px 30px 20px 10px;
}


/* ---------------------------------- */
/* Navigation
------------------------------------- */

#navigation { float:left;   margin-left: 15px; }

#navigation ul.float-right {
	right: 10px;
	top: 0; /*removed by jay after removing image from header*/
	/*top: 11px; *//*added by jay after removing image from header*/
	position: absolute;
}

#navigation ul.float-right li a i { margin-right: 2px; }

.js .selectnav { display: none; }

.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 700;
	text-transform: uppercase;
	margin: 26px 0 0 25px;
}

.menu ul li {
	position: relative;
	margin-left:10px;
	font-family: 'Poppins', sans-serif;
}

.menu ul ul {
	position: absolute;
	display: none;
	top: 100%;
	left: -35px;
	z-index: 100;
	width: 200px;
	letter-spacing: 0;
}

.menu > ul li { float: left; }
.menu ul li:hover > ul { display: block; }

.menu ul a {
	display: block;
	position: relative;
}

.menu ul ul ul {
	top: 0;
	left: 100%;
}


/* Main Styles */
.menu ul a { text-decoration: none; }

.menu ul > li > a {
	color: #333;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	padding: 0;
	overflow: hidden;
	padding: 10px 7px;
	margin-bottom: 12px;
	letter-spacing: 0.3px;
}

#current { background-color: #505050; color: #fff; }
#current.sf-with-ul:after { color: #fff; }

.menu ul ul li a,
.menu ul li.sfHover a.sf-with-ul:after,
.menu ul li a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

ul.float-right li a { 
	background-color: #f0f0f0;
	color: #333;
	border: none;
	box-shadow: 2px 2px 4px rgba(0,0,0, .2);
}

ul.float-right li a:hover,
.menu ul li.sfHover a.sf-with-ul,
.menu ul li a:hover {
	background-color: #505050;
	color: #fff;
}


/* Drop-Down */
.menu ul ul {
	background-color: #282828;
	z-index: 999;
	margin: 0 0 0 0;
	padding: 14px 0;
	border-top: 10px solid inherit;
}

.menu ul ul:before {
	font-family: "FontAwesome";
	/* content:""; */
	font-size: 23px;
	color: #282828;
	display: block;
	position: absolute;
	top: -11px;
	left: 13px;
}

.menu ul ul ul:before { content:"";}

.menu > ul ul li:hover > a {
	border-bottom: 0;
	background: transparent;
}

.menu ul ul li {
	margin: 0;
	padding: 0;
	width: 100%;
}

.menu ul li.sfHover ul li a.sf-with-ul,
.menu ul ul li a {
	font-weight: 500;
	text-transform: none;
	color: #9f9f9f;
	font-size: 14px;
	line-height: 19px;
	padding: 5px 18px !important;
	border: 0;
	margin-bottom: 0;
}


.menu ul ul li:first-child { border: none; }

.menu ul ul li a:hover,
.menu ul li.sfHover ul li a.sf-with-ul:hover { color: #fff; }

.menu ul ul ul {
	margin: 0 0 0 3px;
	border: none;
}

.sf-with-ul:after {
	content: "";
	font-family: "FontAwesome";
	font-size: 14px;
	margin: 0 0 0 7px;
	top: 0;
	position: relative;
	width: 9px;
	height: 5px;
	display: inline-block;
	color: rgba(0,0,0,0.4);
	float: right;
	font-weight: 500;
}

ul li ul a.sf-with-ul:after {
	right: 9px;
	top: 4px;
	position: absolute;
	content: "";
}

.menu ul li.sfHover a.sf-with-ul:after { color: #fff; }
.menu ul li ul a.sf-with-ul:after { color: #888 !important; }


/* ------------------------------------------------------------------- */
/* Mobile Navigation
---------------------------------------------------------------------- */
#mobile-navigation { display: none; }

@media only screen and (max-width: 990px) {
	
	#mobile-navigation { display: block; }
	
	#responsive { display: none; }
	
	a.menu-trigger,
	a.menu-trigger i {
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	a.menu-trigger {
		color: #fff;
		background-color: #282828;
		display: block;
		float: left;
		z-index: 100;
		position: relative;
		margin: 0 0 30px 0;
		width: 100%;
		box-sizing: border-box;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 600;
	}
	
	a.menu-trigger:hover {
		color: #fff;
		background-color: #505050;
	}
	
	a.menu-trigger i {
		font-size: 18px;
		padding: 17px 17px 18px 17px;
		margin: 0px 10px 0px 0px;
		background-color: rgba(255,255,255, 0.08);
		font-weight: 500;
	}
	
	a.menu-trigger:hover i { background-color: rgba(0, 0, 0, 0.08);  }
	
	body[data-menu-position="open"] a.menu-trigger i.fa.fa-reorder:before { content:""; }
	body[data-menu-position="closed"] a.menu-trigger i.fa.fa-reorder:before { content:""; }
	
	#navigation ul.float-right {
		position: relative;
		text-transform: uppercase;
		font-weight: 600;
		display: inline-block;
		width: 100%;
		right:0;
	}
	
	#navigation { float: none; }
	
	#navigation ul.float-right a {
		color: #333;
		display: inline-block;
		font-size: 14px;
		text-align: center;
		margin: 0 auto;
	}	
	
	#navigation ul.float-right a:hover {
		color: #333;
		margin: 20px 25px 20px 0;
		display: inline-block;
		font-size: 14px;
	}
	
	ul.float-right li {
		display: inline-block;
		widows:;
	}
	
	#logo {
		width: 100%;
		position: relative;
		box-sizing: border-box;
		display: inline-block;
		border-bottom: 1px solid #e0e0e0;
		padding-bottom: 27px;
	}
}

#jPanelMenu-menu { background-color: #282828; }

#jPanelMenu-menu #current:after,
#jPanelMenu-menu .sf-sub-indicator { display: none; }

#jPanelMenu-menu li a {
	display:block;
	padding: 12px 20px !important;
	background-color: #333;
	color: #aaa;
	font-weight: 500;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	outline: none;
	line-height: 21px;
}

#jPanelMenu-menu #current,
#jPanelMenu-menu li a:hover { background-color: #505050; color: #fff; }

#jPanelMenu-menu li li a {
	background-color: #282828;
	padding-left: 30px !important;
}



/* ------------------------------------------------------------------- */
/* Homepage Banner
---------------------------------------------------------------------- */
#banner {
	max-height: 640px;
	width: 100%;
	display: inline-block;
	position: relative;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 35px;
}

#banner:before {
	content:"";
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: rgba(42, 46, 50, 0.70);
	position: absolute;
}

.search-container {
	display: block;
	width: 100%;
	position: relative;
	padding: 140px 0;
	margin-top: -10px;
}

@media only screen and (min-width: 1367px) {
	.search-container {
		padding: 190px 0;
	}
}

.search-container h2 {
	font-size: 46px;
	color: #fff;
	margin-bottom: 30px;
	letter-spacing: -1px;
}

.search-container input {
	font-weight: 500;
	font-size: 18px;
	float: left;
	box-sizing: border-box;
	padding: 19px 20px;
	border: none;
	margin-right: 2%;
	width: 44.5%;
	float: left;
}


/* Form Icons */
input.ico-01 { background: #fff url("../images/ico-01.png") no-repeat scroll 97% 20px / 21px 21px; }
input.ico-02 { background: #fff url("../images/ico-02.png") no-repeat scroll 96% 20px / 14px 21px; }

.search-container input:focus { border: none; }

.search-container button {
	background-color: #505050;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 20px;
	box-sizing: border-box;
	text-align: center;
	height: 65px;
	width: 7%;
	position: relative;
}

.search-container button:before { 
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.1);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: 99;
}

.search-container button:hover:before { opacity: 1; }

.search-container button i { z-index: 100; position: relative; }


/* Browse Jobs */
.browse-jobs {
	color: #fff;
	margin-top: 20px;
}

.browse-jobs a {
	background-color: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.3);
	padding: 5px 10px;
	color: #fff;
	margin: 0 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.browse-jobs a:hover {
	background-color: rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,0.4);
}


/* Announce */
.announce {
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	margin-top: 40px;
}

.announce strong {
	font-size: 30px;
	color: #fff;
}



/* ------------------------------------------------------------------- */
/* Titlebar
---------------------------------------------------------------------- */
#titlebar {
	background-color: #f6f6f6;
	position: relative;
	padding: 70px;
	margin-bottom: 50px;
}

#titlebar span a,
#titlebar span { font-size: 18px; color: #888; }

#titlebar span { margin-bottom: 3px; display: inline-block; }

#titlebar.single { padding: 70px 0; }
#titlebar.resume { margin-bottom: 45px; padding: 70px 0 65px 0;}

#titlebar .button {
	right: 10px;
	position: absolute;
	top: 51%;
	-webkit-transform: translateY(-51%);
	-moz-transform: translateY(-51%);
	-ms-transform: translateY(-51%);
	transform: translateY(-51%);
}

#titlebar .two-buttons .button {
	right: 10px;
	position: absolute;
	top: 47%;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

#titlebar .two-buttons .button.dark { margin-top: 55px; }

#titlebar h2 {
	font-size: 30px;
	line-height: 40px;
}

#titlebar span.icons {
	font-size: 18px;
	color: #808080;
	margin-bottom: 4px;
}

#titlebar span.icons a { color: #808080; }

#titlebar span a:hover,
#titlebar span.icons a:hover { color: #505050; }


/* Titlebar With Photo Background */
#titlebar.photo-bg {
	background-color: #222;
	padding: 95px 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-shadow: 0px 2px 20px grey;
	height: 164px;
	
}

#titlebar1.photo-bg {
	background-color: #222;
	padding: 95px 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-shadow: 0px 2px 20px grey;
}

#titlebar.photo-bg h2 {
	font-size: 36px;
	color: #fff;
    line-height: 42px;
}

#titlebar.photo-bg span a {
	font-size: 20px;
	color: rgba(255,255,255,0.7);
	margin-bottom: 3px;
	display: inline-block;
}

#titlebar.photo-bg span a:hover{
	color: rgba(255,255,255,0.9);
}

#titlebar.photo-bg span.subtitle,
#titlebar.photo-bg #breadcrumbs ul li,
#titlebar.photo-bg #breadcrumbs ul li a {
	color: rgba(255,255,255,0.7);
}

#titlebar.photo-bg #breadcrumbs ul li a:hover { color: rgba(255,255,255,0.9); }

#titlebar.photo-bg .container { z-index: 11; }

#titlebar.photo-bg:before {
	content:"";
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: rgba(34,34,34,0.65);
	position: absolute;
	z-index: 10;
	top: 0px;
}


/* ---------------------------------- */
/* Breadcrumbs
------------------------------------- */
#breadcrumbs ul {
	margin-top: 3px;
	font-weight: 500;
}

#breadcrumbs ul li {
	display: inline-block;
	color: #777;
	margin: 0 0 0 5px;
}

#breadcrumbs ul li:after {
	content: "";
	font-family: "FontAwesome";
	font-size: 14px;
	color: #aaa;
	margin: 0 0 0 9px;
}

#breadcrumbs ul li:last-child:after,
#breadcrumbs ul li:first-child:after {
	content: "";
	margin: 0;
}

#breadcrumbs ul li:last-child a,
#breadcrumbs ul li a { color: #707070; }
#breadcrumbs ul li a:hover { color: #505050; }

#breadcrumbs ul li:first-child {
	padding-right: 0;
	margin-left: 0;
}

#breadcrumbs ul li:first-child,
#breadcrumbs ul li:last-child {
	color: #777;
	background: none;
}

#breadcrumbs ul li:last-child {
	padding:0;
	background: none;
}

#breadcrumbs.recipe-page {
	position: absolute;
	right: 10px;
	top: -120px;
	z-index: 99;
	width: 300px;
}

#breadcrumbs.recipe-page ul li:first-child { display: none; }



/* ------------------------------------------------------------------- */
/* Miscellaneous
---------------------------------------------------------------------- */
.divider-line {
	border-bottom: 1px solid #e8e8e8;
}

/* ---------------------------------- */
/* Buttons
------------------------------------- */
a.button.gray.app-link.opened,
.upload-btn,
button,
input[type="button"],
input[type="submit"],
a.button {
	cursor: pointer;
	padding: 9px 10px;
	font-weight: 400;
	font-size: 14px;
	outline: none;
	overflow: hidden;
	overflow: hidden;
	position: relative;
	z-index: 10;
	color: #fff;
	border: none;
	display: inline-block;
	text-decoration: none;
	text-transform: capitalize;
	background-color: #505050;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

button { padding: 8px 10px; }

.button.gray {
	background-color: #f2f2f2;
	color: #808080;
}

a.button.white {
	background-color: #fff;
	color: #333;
}

.button.big {
	font-size: 16px;
	padding: 12px 22px;
}

.button.big i { margin: 0 0 0 3px; }

.button.gray:hover { color: #fff; }

a.button.centered {
	display: table;
    margin: 0 auto;
}

#titlebar.photo-bg a.button:hover {
	background-color: #fff;
	color: #333;
}


a.button i { margin-right: 3px; }

a.button.gray.app-link.opened:hover,
.upload-btn,
a.button.dark,
button:hover,
a.button:hover,.submit-page .button.linkedin-btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover { background-color: #282828; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
}

.upload-btn:hover,
#titlebar.photo-bg a.button.white:hover,
a.button.dark:hover { background-color: #505050; color: #fff; }

input[type="button"],
input[type="submit"] {
	padding: 9px 18px;
}



/* ------------------------------------------------------------------- */
/* Tables + Stacktable (responsive tables plug-in)
---------------------------------------------------------------------- */

table.manage-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

table.manage-table th {
	background-color: #f6f6f6;
	text-align: left;
	padding: 18px 20px 18px 40px;
	color: #333;
	vertical-align: top;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	z-index: 9;
	line-height: 22px;
	margin-left: 33px !important;
}

table.manage-table th i { position: absolute; left: 17px; top: 21px; }

table.manage-table a.button {
	padding: 7px 14px;
	line-height: 26px;
}

table.manage-table tr:nth-child(2n+1) { background-color: #fbfbfb; }

table.manage-table th:first-child { width: 32%; padding-left: 55px; }
table.manage-table th:first-child i { left: 35px; }
table.manage-table.resumes th:first-child { width: auto; }

table.manage-table.resumes td:first-child,
table.manage-table td:first-child { padding-left: 35px; line-height: 25px; }

/* Border Hover */
table.manage-table tr td {
	padding: 40px 20px;
	vertical-align: middle;
	border: 1px solid #e0e0e0;
	border-left: none;
	border-right: none;
	font-size:15px;
}

table.manage-table tr:hover td { 
	border: 1px double rgba(80, 80, 80,0.7);
	border-left: none;
	border-right: none;
	background-color: rgba(80, 80, 80,0.05);
}

/* Resumes Table Styles */
table.manage-table.resumes td { padding: 30px 20px; } 

table td.title a {
	font-weight: 600;
	color: #333;
}

table td.title a:hover { color: #505050; }

span.pending {
	color: #53b427;
	font-weight: 500;
}

table.manage-table td.centered { text-align: center; }
.text-justify{ text-align:justify; }
table.manage-table td.action a { display: block; color: #fff; line-height: 20px; padding: 3px 0; position: relative; }
table.manage-table td.action a:hover{
	color:#fff !important; 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
table.manage-table td.action a.delete i { left: -20px; }
table.manage-table td.action a i { position: absolute; left: -21px; top: 5px; }

table.manage-table td.action a.delete:hover { color: #f02929; }

table.manage-table td.action a:hover { color: #505050; }

.keywords,
.alert-name { width: 18% }

/***************Other Table(App. History)********************/
table.manage-table_new {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

table.manage-table_new th {
	background-color: #f6f6f6;
	text-align: left;
	padding: 18px 20px 18px 40px;
	color: #333;
	vertical-align: top;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	z-index: 9;
	line-height: 22px;
	margin-left: 33px !important;
}

table.manage-table_new th i { position: absolute; left: 17px; top: 21px; }

table.manage-table_new a.button {
	padding: 7px 14px;
	line-height: 26px;
}

table.manage-table_new tr:nth-child(2n+1) { background-color: #fbfbfb; }

table.manage-table_new th:first-child { width: 0%; padding-left: 32px; }
table.manage-table_new th:first-child i { left: 35px; }
table.manage-table_new.resumes th:first-child { width: auto; }

table.manage-table_new.resumes td:first-child,
table.manage-table_new td:first-child { padding-left: 35px;text-align: left; line-height: 25px; }

/************************************/
table.manage-table_new tr td {
	padding: 30px 0px;
	vertical-align: top;
	border: 1px solid #e0e0e0;
	border-left: none;
	border-right: none;
}

table.manage-table_new tr:hover td { 
	border: 1px double rgba(80, 80, 80,0.7);
	border-left: none;
	border-right: none;
	background-color: rgba(80, 80, 80,0.05);
}

/* Resumes Table Styles */
table.manage-table_new.resumes td { padding: 30px 20px; } 

table td.title a {
	font-weight: 600;
	color: #333;
}

table td.title a:hover { color: #505050; }

span.pending {
	color: #53b427;
	font-weight: 500;
}

table.manage-table_new td.centered { text-align: center; }
.text-justify{ text-align:justify; }
table.manage-table_new td.action a { display: block; color: #333; line-height: 20px; padding: 3px 0; position: relative; margin-left: 21px; }
table.manage-table_new td.action a.delete i { left: -20px; }
table.manage-table_new td.action a i { position: absolute; left: -21px; top: 5px; }

table.manage-table_new td.action a.delete:hover { color: #f02929; }

table.manage-table_new td.action a:hover { color: #505050; }


/*************************************************/


/* ---------------------------------- */
/* Stacktable
------------------------------------- */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 990px) {
	.stacktable.large-only { display: none; }
	.stacktable.small-only { display: table; }
}

/* Responsive Tables */
.st-key {
	border: none;
	text-align: left;
	padding: 20px 22px;
	color: #333;
	vertical-align: top;
	font-weight: 600;
	width: 45%;
	border: 1px solid #e4e4e4;
}
td.st-key {
    color: #fff;
}

.st-key i { margin-right: 4px;}

.st-val {
	width: 55%;
	text-align: left;
	padding: 20px 22px;
	border: 1px solid #e4e4e4;
	border-left:0;
}

.st-val a {
	font-weight: 600;
	color: #333;
	display: block;
	line-height: 27px;
}

.st-val a.button {
	color: #fff !important;
	text-align: center;
}

.st-val a:hover {
	color: #808080;
}

.st-space { height: 40px; }
.st-space:first-child { height: 10px; }

.stacktable { width: 100%; }

.st-head-row.st-head-row-main { display: block;}


/* ---------------------------------- */
/* My Account
------------------------------------- */
.my-account {
	width: 430px;
	float: left;
	display: inline;
	margin: 0 auto !important;
	float: none !important;
	display: block !important;
}

.form-row-wide input {width: 100%;}
.required {color: #d11c1c;}

.lost_password { margin: -10px 0 0 0; }

.rememberme input {
	margin: 0 2px 0 0;
	display: inline-block;
	min-height: auto;
	width: auto;
}

.my-account label {
	position: relative;
}

.my-account label input {
	margin-top: 8px;
	padding-left: 45px;
}

.my-account label i {
	font-size: 21px;
	color: #a0a0a0;
	position: absolute;
	left: 15px;
	bottom: 14px;
}


.form-row input[type="submit"] {
	padding: 12px 16px;
	margin: 8px 0 16px 0;
	line-height: 21px;
	width: 100%;
}



/* ---------------------------------- */
/* Resume Table
------------------------------------- */
.resume-table {
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	border-top: 3px solid #eee;
}

.resume-table strong {
	font-weight: 500;
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 30px;
	padding: 7px 0;
	display: block;
}

.resume-table strong:before {
	display:block;
	width: 15px;
	height: 15px;
	background: #eee;
	content:"";
	margin: 20px 0 0 -8px;
	position: absolute;
	left:-4px;
	top: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border:4px solid #fff;
}

.resume-table dd,.resume-table dt {
	border-left: 2px solid #e0e0e0;
	padding:0 0 0 1em;
	margin:0
}

.resume-table p {
	margin:0 0 15px 0;
}

.resume-table dt {
	padding:1em 0 0 1em;
	position:relative
}

.resume-table dd { overflow:hidden }


/* ---------------------------------- */
/* Categories Page
------------------------------------- */
.categories-group {
	padding: 50px 0;
}

.categories-group:first-child { padding-top: 0; }

.categories-group:nth-child(2n) {
	background-color: #f6f6f6;
}

.categories-group ul li {
	padding: 4px 0;
	font-size: 18px;
	line-height: 26px;
}

.categories-group h4 { font-size: 22px; padding-right: 20px; }


/* ---------------------------------- */
/* Back to top
------------------------------------- */
#backtotop {
	position: fixed;
	right: 0;
	display: none;
	bottom: 20px;
	margin: 0 20px 0 0;
}

#backtotop a {
	text-decoration: none;
	    border-radius: 5px;
	display: block;
	width: 46px;
	height: 46px;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	    border-bottom: 3px solid #0000002b;
}

#backtotop a:after {
	content: "";
	font-family: "FontAwesome";
	position: relative;
	display: block;
	top: 9px;
	left: 15px;
	transform: translate3d(0,0,0) rotate(0deg);
	transition: all 0.3s;
	display: inline-block;
}

#backtotop a:hover { background-color: #505050; }

#backtotop a:hover:after {
	transform: translate3d(0,0,0) rotate(360deg);
}

/* Icons Demo Styles */
.glyph {
	font-size: 16px;
	width: 33%;
	display: inline-block;
	transition: 0.3s;
}

.mls {
	font-size: 16px;
	top: -8px;
	display: inline-block;
	position: relative;
}

.fs1 { font-size: 32px; }

.pbs .ln { width: 50px; display: inline-block;}

.unit,
.unitRight,
.fs0 { display: none; }

.pbs { 
	padding: 10px 0 5px 15px;
	width: 95%;
	display: inline-block;
	transition: 0.2s;
}

.pbs:hover { background-color: #f6f6f6; }

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em;
    text-align: right;
    font-size: 14px;
    margin-top: -10px;
    color: #8a803e;
    position: relative;
    top: -10px;
}

/* ------------------------------------------------------------------- */
/* Magnific Popup
---------------------------------------------------------------------- */

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	overflow: hidden;
	position: fixed;
	background: #000;
	opacity: 0.8;
}

.mfp-wrap {
	top: -10px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	height: 100%;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 505;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #aaa;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 504;
}

.mfp-preloader a {
	color: #cccccc;
}

.mfp-preloader a:hover {
	color: #fff;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

.mfp-s-loading .mfp-arrow { 
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	display: block;
	padding: 0;
	z-index: 506;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	right: 0px;
	top: 40px;
}

/* Close Button */
.mfp-close {
	position: absolute;
	width: 48px;
	height: 48px;
	top: 0;
	right: 0;
	cursor: pointer !important;
	z-index: 9999;
	background: #282828;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.mfp-close:before {
	content: "";
	font-family: "FontAwesome";
	font-size: 16px;
	top: 0;
	left: 0;
	position: relative;
}

.mfp-close:hover {
	background-color: #505050;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #aaa;
	font-size: 13px;
	line-height: 18px;
}

.mfp-arrow {
	opacity: 0;
	margin: 0;
	top: 50%;
	margin-top: -24px;
	padding: 0;
	position: absolute;
	width: 48px;
	height: 48px;
	cursor: pointer;
	z-index: 9999;
	background: #c0c0c0;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.mfp-arrow:hover {
	background: #808080;
}

.mfp-arrow.mfp-arrow-left,
.mfp-arrow.mfp-arrow-right {
	content: "ď";
	font-family: "FontAwesome";
	font-size: 16px;
}

.mfp-arrow.mfp-arrow-right { right: 0; }

.mfp-arrow.mfp-arrow-left:before { content: "ď"; top: 1px; left: -1px; position: relative; }
.mfp-arrow.mfp-arrow-right:before { content: "ď"; top: 1px; left: 1px; position: relative; }

.mfp-content:hover .mfp-arrow {
	opacity: 1;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: black;
}

.mfp-iframe-holder .mfp-close {
	top: 0px;
}


/* Popup */
#small-dialog {
	background: #fff;
	padding: 30px 40px 35px 40px;
	text-align: left;
	max-width: 610px;
	margin: 40px auto;
	position: relative;
	box-sizing:border-box;
}

#small-dialog h3 {
	margin-bottom: 20px;
}

#small-dialog span.line {padding-top: 7px;}

/*******dialog1*********/
#small-dialog1 {
	background: #fff;
	text-align: left;
	max-width: 610px;
	margin: 40px auto;
	position: relative;
	box-sizing:border-box;
}

#small-dialog1 h3 {
	margin-bottom: 20px;
}

#small-dialog1 span.line {padding-top: 7px;}

/*******dialog2*********/
#small-dialog2 {
	background: #fff;
	text-align: left;
	max-width: 610px;
	margin: 40px auto;
	position: relative;
	box-sizing:border-box;
}

#small-dialog2 h3 {
	margin-bottom: 20px;
}

#small-dialog2 span.line {padding-top: 7px;}

/*******dialog3*********/
#small-dialog3 {
	background: #fff;
	text-align: left;
	max-width: 610px;
	margin: 40px auto;
	position: relative;
	box-sizing:border-box;
}

#small-dialog3 h3 {
	margin-bottom: 20px;
}

#small-dialog3 span.line {padding-top: 7px;}

/*******dialog14*********/
#small-dialog4 {
	background: #fff;
	text-align: left;
	max-width: 610px;
	margin: 40px auto;
	position: relative;
	box-sizing:border-box;
}

#small-dialog4 h3 {
	margin-bottom: 20px;
}

#small-dialog4 span.line {padding-top: 7px;}

/*******dialog5*********/
#small-dialog5 {
	background: #fff;
	text-align: left;
	max-width: 610px;
	margin: 40px auto;
	position: relative;
	box-sizing:border-box;
}

#small-dialog5 h3 {
	margin-bottom: 20px;
}

#small-dialog5 span.line {padding-top: 7px;}


.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0.001; /* Chrome opacity transition bug */
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.65;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}


/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.mfp-figure {
	line-height: 0;
}

.mfp-bottom-bar {
	margin-top: -30px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-break: break-word;
	padding-right: 36px;
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}


/* Media Queries for Magnific Popup */
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}
	
	.mfp-img-mobile img.mfp-img {
		padding: 0
	}
	
	/* The shadow behind the image */
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}
	
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}
	
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}
	
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
	
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}
}

@media all and (max-width: 800px) { .mfp-arrow {width: 70px;} }

.mfp-ie7 .mfp-img {
	padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
	padding: 0;
}

.mfp-ie7 .mfp-content {
	padding-top: 44px;
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.85;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}


/* ---------------------------------- */
/* Notification Boxes
------------------------------------- */
#result .success,
.notification {
	line-height: 24px;
	margin-bottom: 15px;
	position: relative;
	padding: 22px 26px;
}

.notification p { margin: 0; }
.notification span { font-weight: 600; }

#result .success,
.notification.success,
.notification.success a,
.notification.success strong {
	background-color: #EBF6E0;
	color: #5f9025;
}

.notification.error,
.notification.error a,
.notification.error strong {
	background-color: #ffe9e9;
	color: #de5959;
}

.notification.warning,
.notification.warning a,
.notification.warning strong {
	background-color: #FBFADD;
	color: #8f872e;
}

.notification.notice,
.notification.notice a,
.notification.notice strong {
	background-color: #E9F7FE;
	color: #4587a9;
}

.notification strong { border: none !important; }

.notification.success .close,
.notification.error .close,
.notification.warning .close,
.notification.notice .close {
	padding: 0px 9px;
	position: absolute;
	right: 0;
	top: 22px;
	display: block;
	height: 8px;
	width: 8px;
	cursor: pointer;
}

.notification.success .close {background: url(../images/alert_boxes_close_ico.png) 0 -8px no-repeat;}
.notification.error .close {background: url(../images/alert_boxes_close_ico.png) 0 0 no-repeat;}
.notification.warning .close {background: url(../images/alert_boxes_close_ico.png) 0 -16px no-repeat;}
.notification.notice .close {background: url(../images/alert_boxes_close_ico.png) 0 -24px no-repeat;}


.notification.notice p span i { font-weight: 500; }
.notification a.button {
	float: right;
	color: #fff;
	margin-top: 3px;
}

.notification.notice a.button { background-color: #388fc5; }
.notification.warning a.button { background-color: #dfbe51; }
.notification.error a.button { background-color: #d34c4c; }
.notification.success a.button { background-color: #79ba38; }


/* ---------------------------------- */
/* Counters
------------------------------------- */
#counters {
	background-color: #282828;
	padding: 68px 0 65px 0;
}

.counter-box {
	display: block;
	padding: 0;
	text-align: center;
	border-right: 1px solid #444;
}

#counters .container:before {
	width: 1px;
	position: absolute;
	height: 100%;
	display: inline-block;
	background-color: #282828;
	content: "";
	right: 10px;
}

.counter-box p {
	margin: 12px 0 0 0;
	padding: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	display: block;
}

.counter-box i,
.counter {
	display: inline-block;
	font-size: 58px;
	font-weight: 500;
	color: #505050;
	line-height: 42px;
}


/* ---------------------------------- */
/* Popular Categories
------------------------------------- */
#popular-categories {
	margin: 1px 0 0 1px;
	display: block;
}

#popular-categories li a {
	width: 25%;
	display: inline-block;
	border: 1px solid #e0e0e0;
	float: left;
	margin: -1px 0 0 -1px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	background-color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	color: #666;
	padding: 45px 15px;
	max-height: 157px;
}
/* added by jay for button on index */
#popular-categories div button {
	width: 25%;
	display: inline-block;
	float: left;
	margin: -1px 0 0 -1px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	background-color: transparent !important;
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
    padding: 45px 15px;
    max-height: 157px;
   /*  border-bottom: 1px solid #e8ecec;
    border-right: 1px solid #e8ecec;
    border-left: 1px solid #e8ecec; */
	border: 1px solid #e8ecec;
}
/* added by jay for button on index end */
/* .new-border-bottom li button:nth-child(9n){
	 border-bottom:0px !important;
} */
 
#popular-categories div button:hover {
	background-color: rgba(0,128,0,0.05)!important;
	background: #ffffff!important;
	-webkit-box-shadow: 0px 0px 25px 7px rgba(0, 0, 0, 0.05)!important;
	-moz-box-shadow: 0px 0px 25px 7px rgba(0, 0, 0, 0.05);-ms-box-shadow: 0px 0px 25px 7px rgba(0, 0, 0, 0.05)!important;
	-o-box-shadow: 0px 0px 25px 7px rgba(0, 0, 0, 0.05)!important;
	box-shadow: 0px 0px 25px 7px rgba(0, 0, 0, 0.05)!important;
	-webkit-border-radius: 8px!important;
	-moz-border-radius: 8px!important;
	-ms-border-radius: 8px;
	-o-border-radius: 8px!important;
	border-radius: 0px!important;
	-webkit-transition: all 0.4s ease 0s!important;
	-moz-transition: all 0.4s ease 0s!important;
	-ms-transition: all 0.4s ease 0s!important;
	-o-transition: all 0.4s ease 0s!important;
	transition: all 0.4s ease 0s!important;
}

#popular-categories li a:before {
	content: "";
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(80, 80, 80,0.7);
	-moz-box-shadow: 0px 0px 0px 1px rgba(80, 80, 80,0.7);
	box-shadow: 0px 0px 0px 1px rgba(80, 80, 80,0.7);
	top: 0;
	left: 0;
	z-index: 101;
	opacity: 0;
}
/* added by jay for button on index */
#popular-categories div button:before {
	content: "";
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(80, 80, 80,0.7);
	-moz-box-shadow: 0px 0px 0px 1px rgba(80, 80, 80,0.7);
	box-shadow: 0px 0px 0px 1px rgba(80, 80, 80,0.7);
	top: 0;
	left: 0;
	z-index: 101;
	opacity: 0;
}
/* added by jay for button on index end */

#popular-categories li a,
#popular-categories li a:before {
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}


/* #popular-categories div button:last-child {
	 border-bottom-color: #ffffff !important;
} */

/* added by jay for button on index */
#popular-categories div button,
#popular-categories div button:before {
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
/* added by jay for button on index end */

#popular-categories li a:hover:before {
	opacity: 1;
}

#popular-categories li a:hover {
	background-color: rgba(80, 80, 80,0.05);
}

#popular-categories li a i {
	display: block;
	color: #505050;
	font-size: 32px;
	padding: 0 0 15px 0;
}

#popular-categories li a i.ln {
	font-size: 36px;
	margin-top: -2px;
}

/* added by jay for button on index  */
#popular-categories div button:hover:before {
	opacity: 1;
}

#popular-categories div button:hover {
	background-color: rgba(80, 80, 80,0.05);
}

#popular-categories div button i {
	display: block;
	color: #ff3434;
	font-size: 32px;
	padding: 0 0 15px 0;
}

#popular-categories div button i.ln {
	font-size: 36px;
	margin-top: -2px;
}
/* added by jay for button on index end */

/* ------------------------------------------------------------------- */
/* Shortcodes
---------------------------------------------------------------------- */

/* Icon Boxes
------------------------------------- */
.section-background {
	border-bottom: 1px solid #e4e4e4;
	margin: 50px 0;
	padding: 50px 0;
	width: 100%;
}

.section-background.top-0 { margin-top: -40px; }


.icon-box {
	text-align: left;
	padding-left: 90px;
	position: relative;
	display: inline-block;
	margin: 20px 0;
}

/* Edge Icon Box */
.icon-box h4 {
	font-size: 18px;
	font-weight: 500;
}

.icon-box i {
	font-size: 54px;
	color: #333;
	height: 60px;
	margin: 10px 0;
	display: inline-block;
	height: 100%;
	position: absolute;
	left: 0;
}

.icon-box p {
	color: rgba(51,51,51,0.7);
	margin-top: 5px;
	display: inline-block;
}


/* Rounded */
.icon-box.rounded i {
	width: 100px;
	height: 100px;
	background-color: transparent;
	border: 1px solid #666;
	border-radius: 50%;
	color: #666;
	line-height: 100px;
	font-size: 50px;
	display: inline-block;
	margin-bottom: 20px;
	text-align: center;
}

.icon-box.rounded {
	padding-left: 110px;
}

.icon-box.rounded i {
	width: 80px;
	height: 80px;
	font-size: 34px;
	line-height: 80px;
	overflow: hidden;
	position: relative;
	z-index: 11;
	transition: 0.3s ease-in-out;
	transform: translate3d(0,0,0) scale(1);
	backface-visibility: hidden;
}

/* Background */
.icon-box.rounded i:before { 
	position: relative;
	z-index: 11;
}

.icon-box.rounded i:after {
	content: "";
	width: 200px;
	height: 0%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #666;
	z-index: 8;
	transition: height 0.3s ease-in-out, opacity 0.5s ease-in-out;
	opacity: 0.08;
	transform: rotate(45deg);
}

/* Centered Icon */
.icon-box.rounded.alt {
	text-align: center;
	margin: 10px 20px 0 20px;
	padding-left: 0;
}

.icon-box.rounded.alt i {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 25px;
	position: relative;
	width: 94px;
	height: 94px;
	line-height: 94px;
	font-size: 38px;
}


/* Animation */
.icon-box.rounded:hover i { transform: translate3d(0,0,0) scale(1.21); }
.icon-box.rounded:hover i:after { height: 150%;}


/* List Styles
------------------------------------- */
.list-1 li {
	list-style: none;
	margin: 9px 0;
	margin-left: 0;
	line-height: 24px;
	margin-left: 20px;
	position: relative;
	text-align: justify;
}

.list-1 li:first-child {
	margin-top: 0;
}

.list-1 li:before {
	font-family: "FontAwesome";
	margin: 0 0 0 0;
	position: relative;
	color: #505050;
	float: left;
	margin-left: -20px;
	display: block;
}

.list-1.gray li:before {
	color: #777;
}

.list-1 li:before { content: ""; font-size: 8px; }


/* Tabs
------------------------------------- */
.tabs-nav {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.tabs-nav li {
	float: left;
	line-height: 45px;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.tabs-nav li a,
.tab-reviews {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.tabs-nav li a {
	background-color: #f2f2f2;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #808080;
	font-weight: 600;
	display: block;
	letter-spacing: 0;
	outline: none;
	padding: 0 20px;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
}

.tabs-nav li a:hover { }

.tab-reviews { color: #aaa; }

.tabs-nav li.active .tab-reviews { color: #fff; }

.tabs-nav li.active a {
	background-color: #505050;
	color: #fff;
}

.tab-content { padding: 0px 0px; }

.tabs-container {
	overflow: hidden;
	width: 100%;
}


/* Blockquote
------------------------------------- */
.post-quote {
	background: #f8f8f8;
	padding: 28px;
	margin: 0 0 15px 0;
	position: relative;
}

.post-quote blockquote {
	font-size: 18px;
	font-style: normal;
	line-height: 29px;
	padding: 0 0 0 53px;
	font-weight: 500;
}

.post-quote span {
	text-decoration: none;
	display: block;
	font-size: 16px;
	color: #999;
	font-weight: 600;
	margin-top: 10px;
}

.post-quote .icon {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 60px;
}

.post-quote .icon:before {
	font-family: "FontAwesome";
	font-size: 28px;
	content: "";
	color: #d0d0d0;
	position: relative;
	height: 15px;
	width: 25px;
	display: block;
	float: left;
	margin: 22px 0 0 32px;
	font-weight: normal;
}


/* Accordions & Toggles
------------------------------------- */
.ui-accordion .ui-accordion-header,
.trigger a {
	display: block;
	cursor: pointer;
	position: relative;
	padding: 0;
	line-height: 26px;
	outline: none;
	color: #888;
	font-size: 14px;
	font-weight: 600;
	background-color: #f6f6f6;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
	padding: 14px 20px 13px 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.ui-accordion .ui-accordion-header:hover,
.trigger a:hover {
	background-color: #f0f0f0;
}

.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active {
	background-color: #505050;
	color: #fff;
}


.ui-accordion .ui-accordion-header i,
.trigger a i {
	margin: 0 4px 0 0;
	position: relative;
}

.ui-accordion .ui-accordion-content,
.toggle-container {
	padding: 0 16px 10px 16px;
}

.ui-accordion .ui-accordion-content p,
.toggle-container p { margin: 0; }


/* Info Banner
------------------------------------- */
.info-banner {
	background: #f6f6f6;
	display: block;
	padding: 35px 38px;
}

.info-content {
	float: left;
	font-size: 18px;
}

.info-banner p {
	margin: 2px 0 0 0;
	color: #888;
}

.info-banner a.button {
	float: right;
	margin: 7px 0 0 0;
	font-size: 16px;
	padding: 11px 17px;
}

.info-banner h3 {
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
}


/* Dropcaps
------------------------------------- */
.dropcap {
	float: left;
	color: #505050;
	font-size: 48px;
	line-height: 44px;
	padding-top: 4px;
	padding-right: 10px;
	margin-top: -2px;
	font-weight: 600;
}


/* Highlights
------------------------------------- */
.highlight.color,
.highlight.gray,
.highlight.light {
	padding: 2px 6px;
	color: #fff;
}

.highlight.color { background-color: #505050; }
.highlight.gray {
	background: #f2f2f2;
	color: #888;
}


/* Pricing Tables
------------------------------------- */
.plan-price h3 {
	text-align: center;
	font-size: 22px;
	padding: 14px 0;
	margin-bottom: 32px;
	color: #606060;
	font-weight: 500;
	text-align: center;
	background-color: rgba(0,0,0,0.03);
}

.plan-price {
	font-size: 38px;
	font-weight: 300;
	color: #606060;
	text-align: center;
	padding: 0 0 32px 0;
	position: relative;
	
}

.plan {	box-sizing: border-box;  }

.plan.color-1 { border: 1px solid #e0e0e0; }
.plan.color-2 { border: none; }

.plan.color-2 .plan-features ul {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}


/* Colors */
.plan.color-1 .plan-price,
.plan.color-1 a.button { background-color: #f6f6f6; }

.plan.color-2 .plan-price,
.plan.color-2 a.button { background-color: #505050; }

.plan-price .value {
	font-weight: 600;
	letter-spacing: -1px;
}

.plan.color-basic {border: 0px solid; background-color:#F2DEDE; }
.plan.color-basic a.button { background-color: #D9534F; color:#ffffff; }

.plan.color-saver { border: 0px solid; background-color:#D9EDF7; }
.plan.color-saver a.button  { background-color: #D9534F; color:#ffffff; }

.plan.color-premium { border: 0px solid; background-color:#DFF0D8; }
.plan.color-premium a.button  { background-color: #D9534F; color:#ffffff; }

.plan.color-ultimate { border: 0px solid; background-color:#FCF8E3; }
.plan.color-ultimate a.button  { background-color: #D9534F; color:#ffffff; }

.plan-currency {
	font-size: 30px;
	opacity: 0.8;
	position: relative;
	margin: 0 -5px 0 0;
	top: -3px;
	font-weight: 500;
}

.period {
	display: block;
	font-size: 18px;
	margin: 3px 0 0 0;
	opacity: 0.7;
}

.plan-features {
	background: #fff;
	border-top: none;
}

.plan-features ul {
	padding: 22px 0;
}

.plan-features ul li {
	padding: 9px 0;
	text-align: center;
}

.plan-features a.button {
	position: relative;
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #666;
	padding: 12px 0;
	font-size: 14px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.color-2 .plan-price,
.color-2 .plan-price h3,
.color-2 .plan-price .plan-currency,
.color-2 .plan-features a.button  { color: #fff; }

.color-2 .plan-price h3 { background-color: rgba(0,0,0,0.06); }

.color-1 .plan-features a.button:hover {
	background: rgba(0,0,0,0.07)
}

.plan.columns,
.plan.column {margin-bottom: 40px;}



/* Google Maps
------------------------------------- */
#googlemaps {
	height: 40vh;
	display: block;
}

.google-map-container { margin: 0 0 38px 0; }
.google-map-container img { max-width: none !important; }



/* Contact Info
------------------------------------- */
.contact-informations { margin: 20px 0 0 0; }
.contact-informations p { margin:0; }

.contact-informations li i {
	float: left;
	margin: 4px 7px 0 0;
	color: #888;
}

.contact-informations li,
.contact-informations.second li {
	margin: 6px 0;
}



/* Contact Form
------------------------------------- */
#contact fieldset div  {
	margin-bottom: 20px;
}

#contact fieldset div input {
	width: 300px;
}

#contact textarea {
	width: auto;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 220px;
	resize: vertical;
}

#contact input[type="submit"] {
	margin-top: 0;
	padding: 13px;
}

#contact input,
#contact textarea,
#contact select {
	-webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
	transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

#contact input:focus
#contact textarea:focus,
#contact select:focus {
	outline: none;
	position: relative;
	z-index: 5;
}

#contact input.error,
#contact textarea.error,
#contact select.error {
	border: 1px solid #f6d5d3;
	/* background: #ffeceb; */ /* this line commented by jay */
}

#contact label {
	margin-bottom: 8px;
}

#contact label span {
	color: #e24747;
}

#message {
	margin: 0;
	/* padding: 0; */ /* removed by jay */
	display: block;
	/* background: transparent none; *//* removed by jay */
}



/* ------------------------------------------------------------------- */
/* Social Icons
---------------------------------------------------------------------- */
.social-icons li {
	display: inline;
	float: left;
	margin-right: 4px;
	text-align: left;
}

.social-icons li a {
	width: 42px;
	height: 42px;
	display: inline-block;
	background-color: #f2f2f2;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
	overflow: hidden;
}

.social-icons li {
	transform:scale(1.15);
	-webkit-transform:scale(1.15); 
	-moz-transform:scale(1.15);
	-o-transform:scale(1.15);
	margin-right: 9px;
	margin-top: 9px;
}


/* Footer Styles */
.footer-bottom .social-icons {
	display: inline-block;
	margin-bottom: 25px;
	margin-top: 4px;
}

.footer-bottom .social-icons li {
	margin: 0 3px;
	transform:scale(1);
	-webkit-transform:scale(1); 
	-moz-transform:scale(1);
	-o-transform:scale(1);
}

.footer-bottom .social-icons li a {
	border-radius: 50%;
	background-color: transparent;
	border: 1px solid #484848;
}

.footer-bottom .social-icons li a:before { color: #fff; }


/* Common Styles */
.social-icons li a i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: absolute;
	z-index: 20;
}

.social-icons li a:hover,
.social-icons li a i {
	color: #fff;
}

.social-icons li a i {
	top: -30px;
	opacity:0;
}

.social-icons li a:hover i {
	top: 0;
	opacity: 1;
}

.twitter:before,
.wordpress:before,
.facebook:before,
.linkedin:before,
.steam:before,
.tumblr:before,
.github:before,
.delicious:before,
.instagram:before,
.xing:before,
.amazon:before,
.dropbox:before,
.paypal:before,
.lastfm:before,
.gplus:before,
.yahoo:before,
.pinterest:before,
.dribbble:before,
.flickr:before,
.reddit:before,
.vimeo:before,
.spotify:before,
.rss:before,
.youtube:before,
.blogger:before,
.appstore:before,
.digg:before,
.evernote:before,
.fivehundredpx:before,
.forrst:before,
.stumbleupon:before,
.dribbble:before {
	font-family: "fontello";
	font-size: 16px;
	line-height: 16px;
	color: #a0a0a0;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	position: absolute;
	z-index: 20;
}


/* Icon Styles */
.twitter:before,
.social-icons li a.twitter i {font-size: 14px !important;}
.twitter i, .twitter:before { margin: 13px 0 0 12px; }
.twitter:before { content: "\54"; top: 0; opacity:1; }
.twitter:hover:before { top: 30px; opacity: 0; }
.twitter:hover,
.footer-bottom .twitter:hover { background-color: #3bc1ed; border-color: #3bc1ed; }

.dribbble i, .dribbble:before { margin: 13px 0 0 13px; }
.dribbble:before { content: "\44"; top: 0; opacity:1; }
.dribbble:hover:before { top: 30px; opacity: 0; }
.dribbble:hover { background-color: #ef5a92; }
.footer-bottom .dribbble:hover { background-color: #ef5a92; border-color: #ef5a92; }

.facebook i, .facebook:before { margin: 13px 0 0 16px; }
.facebook:before { content: "\66"; top: 0; opacity:1; }
.facebook:hover:before { top: 30px; opacity: 0; }
.facebook:hover { background-color: #4a6d9d; }
.footer-bottom .facebook:hover { background-color: #4a6d9d; border-color: #4a6d9d;}

.linkedin i, .linkedin:before { margin: 13px 0 0 13px; }
.linkedin:before { content: "\4c"; top: 0; opacity:1; }
.linkedin:hover:before { top: 30px; opacity: 0; }
.linkedin:hover { background-color: #0b7bb5; }
.footer-bottom .linkedin:hover { background-color: #0b7bb5; border-color: #0b7bb5;}

.delicious i, .delicious:before { margin: 13px 0 0 13px; }
.delicious:before { content: "\23"; top: 0; opacity:1; }
.delicious:hover:before { top: 30px; opacity: 0; }
.delicious:hover { background-color: #3274d1; }
.footer-bottom .delicious:hover { background-color: #3274d1; border-color: #3274d1;}

.paypal i, .paypal:before { margin: 13px 0 0 13px; }
.paypal:before { content: "\24"; top: 0; opacity:1; }
.paypal:hover:before { top: 30px; opacity: 0; }
.paypal:hover { background-color: #2e689a; }
.footer-bottom .paypal:hover { background-color: #2e689a; border-color:#2e689a ;}

.gplus i, .gplus:before { margin: 13px 0 0 13px; }
.gplus:before { content: "\2b"; top: 0; opacity:1; }
.gplus:hover:before { top: 30px; opacity: 0; }
.gplus:hover { background-color: #d53824; }
.footer-bottom .gplus:hover { background-color: #d53824;border-color: #d53824;}

.stumbleupon i, .stumbleupon:before { margin: 13px 0 0 11px; }
.stumbleupon:before { content: "\2f"; top: 0; opacity:1; }
.stumbleupon:hover:before { top: 30px; opacity: 0; }
.stumbleupon:hover { background-color: #eb4924; }
.footer-bottom .stumbleupon:hover { background-color: #eb4924; border-color:#eb4924 ;}

.fivehundredpx i, .fivehundredpx:before { margin: 13px 0 0 11px; }
.fivehundredpx:before { content: "\30"; top: 0; opacity:1; }
.fivehundredpx:hover:before { top: 30px; opacity: 0; }
.fivehundredpx:hover { background-color: #444; }
.footer-bottom .fivehundredpx:hover { background-color: #444; border-color:  #444;}

.pinterest i, .pinterest:before { margin: 13px 0 0 15px; }
.pinterest:before { content: "\31"; top: 0; opacity:1; }
.pinterest:hover:before { top: 30px; opacity: 0; }
.pinterest:hover { background-color: #cb1f25; }
.footer-bottom .pinterest:hover { background-color: #cb1f25; border-color: #cb1f25;}

.forrst i, .forrst:before { margin: 13px 0 0 15px; }
.forrst:before { content: "\3a"; top: 0; opacity:1; }
.forrst:hover:before { top: 30px; opacity: 0; }
.forrst:hover { background-color: #40833e; }
.footer-bottom .forrst:hover { background-color: #40833e; border-color:  #40833e;}

.digg i, .digg:before { margin: 13px 0 0 12px; }
.digg:before { content: "\3b"; top: 0; opacity:1; }
.digg:hover:before { top: 30px; opacity: 0; }
.digg:hover { background-color: #205685; }
.footer-bottom .digg:hover { background-color: #205685; border-color: #205685;}

.spotify i, .spotify:before { margin: 13px 0 0 13px; }
.spotify:before { content: "\3d"; top: 0; opacity:1; }
.spotify:hover:before { top: 30px; opacity: 0; }
.spotify:hover { background-color: #6ca405; }
.footer-bottom .spotify:hover { background-color: #6ca405; border-color: #6ca405;}

.reddit i, .reddit:before { margin: 13px 0 0 12px; }
.reddit:before { content: "\3e"; top: 0; opacity:1; }
.reddit:hover:before { top: 30px; opacity: 0; }
.reddit:hover { background-color: #404040; }
.footer-bottom .reddit:hover { background-color: #404040; border-color:  #404040;}

.appstore i, .appstore:before { margin: 13px 0 0 14px; }
.appstore:before { content: "\41"; top: 0; opacity:1; }
.appstore:hover:before { top: 30px; opacity: 0; }
.appstore:hover { background-color: #c0c0c0; }
.footer-bottom .appstore:hover { background-color: #c0c0c0; border-color: #c0c0c0;}

.blogger i, .blogger:before { margin: 13px 0 0 15px; font-size: 14px !important; }
.blogger:before { content: "\42"; top: 0; opacity:1; }
.blogger:hover:before { top: 30px; opacity: 0; }
.blogger:hover { background-color: #ff6501; }
.footer-bottom .blogger:hover { background-color: #ff6501; border-color:#ff6501 ;}

.dribbble i, .dribbble:before { margin: 13px 0 0 13px; }
.dribbble:before { content: "\44"; top: 0; opacity:1; }
.dribbble:hover:before { top: 30px; opacity: 0; }
.dribbble:hover { background-color: #ef5a92; }
.footer-bottom .dribbble:hover { background-color: #ef5a92; border-color: #ef5a92;}

.evernote i, .evernote:before { margin: 13px 0 0 15px; }
.evernote:before { content: "\45"; top: 0; opacity:1; }
.evernote:hover:before { top: 30px; opacity: 0; }
.evernote:hover { background-color: #6bb130; }
.footer-bottom .evernote:hover { background-color: #6bb130; border-color: #6bb130;}

.flickr i, .flickr:before { margin: 13px 0 0 13px; }
.flickr:before { content: "\46"; top: 0; opacity:1; }
.flickr:hover:before { top: 30px; opacity: 0; }
.flickr:hover { background-color: #136dd5; }
.footer-bottom .flickr:hover { background-color: #136dd5;border-color: #136dd5; }

.rss i, .rss:before { margin: 13px 0 0 14px; font-size: 14px !important; }
.rss:before { content: "\52"; top: 0; opacity:1; }
.rss:hover:before { top: 30px; opacity: 0; }
.rss:hover { background-color: #fe8f00; }
.footer-bottom .rss:hover { background-color: #fe8f00; border-color: #fe8f00;}

.youtube i, .youtube:before { margin: 13px 0 0 14px; font-size: 18px !important; }
.youtube:before { content: "\55"; top: 0; opacity:1; }
.youtube:hover:before { top: 30px; opacity: 0; }
.youtube:hover { background-color: #bf2f29; }
.footer-bottom .youtube:hover { background-color: #bf2f29;border-color: #bf2f29; }

.vimeo i, .vimeo:before { margin: 13px 0 0 13px; font-size: 14px !important; }
.vimeo:before { content: "\56"; top: 0; opacity:1; }
.vimeo:hover:before { top: 30px; opacity: 0; }
.vimeo:hover { background-color: #4c8ab0; }
.footer-bottom .vimeo:hover { background-color: #4c8ab0; border-color: #4c8ab0;}

.xing i, .xing:before { margin: 13px 0 0 14px; }
.xing:before { content: "\58"; top: 0; opacity:1; }
.xing:hover:before { top: 30px; opacity: 0; }
.xing:hover { background-color: #036568; }
.footer-bottom .xing:hover { background-color: #036568; border-color: #036568;}

.yahoo i, .yahoo:before { margin: 13px 0 0 11px; }
.yahoo:before { content: "\59"; top: 0; opacity:1; }
.yahoo:hover:before { top: 30px; opacity: 0; }
.yahoo:hover { background-color: #9251a2; }
.footer-bottom .yahoo:hover { background-color: #9251a2; border-color: #9251a2;}

.amazon i, .amazon:before { margin: 13px 0 0 12px; }
.amazon:before { content: "\61"; top: 0; opacity:1; }
.amazon:hover:before { top: 30px; opacity: 0; }
.amazon:hover { background-color: #2f3842; }
.footer-bottom .amazon:hover { background-color: #2f3842; border-color: #2f3842 ;}

.steam i, .steam:before { margin: 13px 0 0 11px; }
.steam:before { content: "\62"; top: 0; opacity:1; }
.steam:hover:before { top: 30px; opacity: 0; }
.steam:hover { background-color: #383838; }
.footer-bottom .steam:hover { background-color: #383838; border-color:  #383838;}

.dropbox i, .dropbox:before { margin: 13px 0 0 13px; }
.dropbox:before { content: "\64"; top: 0; opacity:1; }
.dropbox:hover:before { top: 30px; opacity: 0; }
.dropbox:hover { background-color: #2c92dd; }
.footer-bottom .dropbox:hover { background-color: #2c92dd;border-color:#2c92dd ; }

.github i, .github:before { margin: 13px 0 0 13px; }
.github:before { content: "\67"; top: 0; opacity:1; }
.github:hover:before { top: 30px; opacity: 0; }
.github:hover { background-color: #5c7381; }
.footer-bottom .github:hover { background-color: #5c7381;border-color: #5c7381; }

.lastfm i, .lastfm:before { margin: 13px 0 0 11px; }
.lastfm:before { content: "\6c"; top: 0; opacity:1; }
.lastfm:hover:before { top: 30px; opacity: 0; }
.lastfm:hover { background-color: #d21309; }
.footer-bottom .lastfm:hover { background-color: #d21309;border-color: #d21309; }

.tumblr i, .tumblr:before { margin: 13px 0 0 15px; }
.tumblr:before { content: "\74"; top: 0; opacity:1; }
.tumblr:hover:before { top: 30px; opacity: 0; }
.tumblr:hover { background-color: #3d658d; }
.footer-bottom .tumblr:hover { background-color: #3d658d;border-color: #3d658d; }

.wordpress i, .wordpress:before { margin: 13px 0 0 14px; }
.wordpress:before { content: "\77"; top: 0; opacity:1; }
.wordpress:hover:before { top: 30px; opacity: 0; }
.wordpress:hover { background-color: #383838; }
.footer-bottom .wordpress:hover { background-color: #383838; border-color: #383838;}

.instagram i, .instagram:before { margin: 13px 0 0 14px; }
.instagram:before { content: "\f31f"; top: 0; opacity:1; }
.instagram:hover:before { top: 30px; opacity: 0; }
.instagram:hover { background-color: #3f6f94; }
.footer-bottom .instagram:hover { background-color: #3f6f94;border-color:#3f6f94 ; }


/* Web Font */
@font-face {
	font-family: 'fontello';
	src: url('../fonts/fontello.eot?31771571');
	src: url('../fonts/fontello.eot?31771571#iefix') format('embedded-opentype'),
	url('../fonts/fontello.woff?31771571') format('woff'),
	url('../fonts/fontello.ttf?31771571') format('truetype'),
	url('../fonts/fontello.svg?31771571#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

.social-icons li i {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 16px;
	font-size: 16px;
	width: auto;
}

.icon-delicious:before { content: '\23'; } /* '#' */
.icon-paypal:before { content: '\24'; } /* '$' */
.icon-gplus:before { content: '\2b'; } /* '+' */
.icon-stumbleupon:before { content: '\2f'; } /* '/' */
.icon-fivehundredpx:before { content: '\30'; } /* '0' */
.icon-pinterest:before { content: '\31'; } /* '1' */
.icon-forrst:before { content: '\3a'; } /* ':' */
.icon-digg:before { content: '\3b'; } /* ';' */
.icon-spotify:before { content: '\3d'; } /* '=' */
.icon-reddit:before { content: '\3e'; } /* '&gt;' */
.icon-appstore:before { content: '\41'; } /* 'A' */
.icon-blogger:before { content: '\42'; } /* 'B' */
.icon-dribbble:before { content: '\44'; } /* 'D' */
.icon-evernote:before { content: '\45'; } /* 'E' */
.icon-flickr:before { content: '\46'; } /* 'F' */
.icon-linkedin:before { content: '\4c'; } /* 'L' */
.icon-rss:before { content: '\52'; } /* 'R' */
.icon-twitter:before { content: '\54'; } /* 'T' */
.icon-youtube:before { content: '\55'; } /* 'U' */
.icon-vimeo:before { content: '\56'; } /* 'V' */
.icon-xing:before { content: '\58'; } /* 'X' */
.icon-yahoo:before { content: '\59'; } /* 'Y' */
.icon-amazon:before { content: '\61'; } /* 'a' */
.icon-steam:before { content: '\62'; } /* 'b' */
.icon-dropbox:before { content: '\64'; } /* 'd' */
.icon-facebook:before { content: '\66'; } /* 'f' */
.icon-github:before { content: '\67'; } /* 'g' */
.icon-lastfm:before { content: '\6c'; } /* 'l' */
.icon-tumblr:before { content: '\74'; } /* 't' */
.icon-wordpress:before { content: '\77'; } /* 'w' */
.icon-linkedin-rect:before { content: '\f31b'; } /* '?' */
.icon-instagram:before { content: '\f31f'; } /* '?' */



/* ------------------------------------------------------------------- */
/* Job List Styles
---------------------------------------------------------------------- */
.padding-right { padding-right: 20px; }

.resumes-list,
.job-list {
	margin-bottom: 30px;
}

.resumes-list li,
.job-list li {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    position: relative;
	z-index: 99;
}

.resumes-list li a,
.job-list li a {
	color: #808080;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.resumes-list li:last-child,
.job-list li:last-child {
    border-bottom: 1px solid #e0e0e0;
} 

.resumes-list li:nth-child(2n),
.job-list li:nth-child(2n) {
    background-color: #fbfbfb;
}

.resumes-list li:hover,
.job-list li:hover {
	background-color: rgba(80, 80, 80,0.05);
	border-color: rgba(80, 80, 80,0.7);
	z-index: 1011;
}

.resumes-list li.highlighted a:before,
.resumes-list li a:before,
.job-list li.highlighted a:before,
.job-list li a:before {
	content: "";
	width: 100%;
	height: 100%;
	display: inline-block;
	/*position: absolute;*/
	-webkit-box-shadow: 0px 1px 0px 0px rgba(80, 80, 80,0.7);
	-moz-box-shadow: 0px 1px 0px 0px rgba(80, 80, 80,0.7);
	box-shadow: 0px 1px 0px 0px rgba(80, 80, 80,0.7);
	top: 0;
	left: 0;
	z-index: 101;
	opacity: 0;
}

.resumes-list li:hover a:before,
.job-list li:hover a:before {  }


.resume-titlebar span a:hover i,
.resumes-list li,
.resumes-list li a:before,
.job-list li,
.job-list li a:before {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/* Highlighted Job*/
.resumes-list li.highlighted a:before,
.job-list li.highlighted a:before {
	-webkit-box-shadow: 0px 1px 0px 0px #e0da94 !important;
	-moz-box-shadow: 0px 1px 0px 0px #e0da94 !important;
	box-shadow: 0px 1px 0px 0px #e0da94 !important;
}

.resumes-list li.highlighted,
.job-list li.highlighted {
	background-color: #fefff6 !important;
	border-color: #e0da94 !important;
	z-index: 100;
}


/* Icons */
.resume-titlebar i,
.job-spotlight i,
.job-list li a i,
.resumes-list li a i {
	color: #999;
	margin-right: 4px;
}

.resume-titlebar span a:hover i {
	color: #505050;
}

.resume-titlebar span,
.job-spotlight span,
.job-list li a span,
.resumes-list li a span {
	margin-right: 0px;
	display: inline-block;
}

.job-icons span {
	margin-bottom: 8px;
}


/* Text */
.resumes-list li a p,
.job-list li a p {
	line-height: 27px;
	margin: 11px 0 0 0;
	padding-right: 40px;
	color: #666;
}


/* Content*/
.job-list img {
	float: left;
	display: inline-block;
	margin-top: 2px;
	width: 100%;
	height: auto;
}

.resumes-list img {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
	text-align: center;
}

.resume-titlebar img {
	border-radius: 50%;
	width: 110px;
	height: 110px;
	margin-top: 6px;
	margin-left: 0;
	float: left;
	display: inline-block;
}


@media only screen and (max-width: 480px) {
	.col-md-8.col-sm-8.col-xs-12, 
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-10{
		text-align:center;
		margin:0 auto;
	}
}

@media only screen and (min-width: 600px) {
	.col-md-8.col-sm-8.col-xs-12   {
   		text-align:left;
		margin: 0 80px 0 16px;
		padding:0px;
	}
  	.col-md-8.col-sm-8.col-xs-12.margin {
		text-align:left;
		margin: 0px;
		padding:0px;
	}
}
@media only screen and (min-width: 600px) {
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-10   {
		text-align: center !important;
		margin:0px;
		padding:0px;
	}
}

.resume-titlebar .resumes-list-content,
.resumes-list .resumes-list-content,
.job-list .job-list-content {
	display: block;
	margin-left: 125px;
	position: relative;
}

.resume-titlebar .resumes-list-content { margin-left: 149px; }
.resumes-list .resumes-list-content { margin-left: 160px; }

.resumes-list .resumes-list-content,
.job-list .job-list-content,
.job-list img {
	padding: 0px 0;
}

.job-list .job-list-content { padding-right: 20px; }

.resumes-list .resumes-list-content { padding: 34px 0 46px 0; }
.resume-titlebar .resumes-list-content { padding: 5px 0 15px 0; }

.job-list .job-list-content h4 {
	line-height: 31px;
	margin: 0px 0 8px 0;
}

.job-list.full .job-list-content h4 { margin-bottom: 15px; }


/* Resumes List */
.resumes-list-content h4 {
	font-size: 18px;
	color: #505050; 
}

.resume-titlebar .resumes-list-content h4 { font-size: 22px; }

#titlebar.resume .resume-titlebar .resumes-list-content h4 span,
.resumes-list-content h4 span {
	font-size: 24px;
	color: #333;
	margin: -3px 0 18px 0;
	line-height: 32px;
	position: relative;
	display: block !important;
}

.resumes-list-content h4 span {
	margin-top:-5px;
	margin-bottom: 16px;
	font-size: 20px;
	line-height: 30px;
}

.resumes-list li a p { margin-top: 18px; }


/* Skills List */
.skills span {
	display: inline-block;
	text-transform: capitalize;
	padding: 2px 7px;
  	border: 1px solid;
  	border-radius: 15px;
	background-color:#F1F1F1;
	margin: 0 3px 4px 0 !important;
	float: left;
	font-size: 12px !important;
	font-weight: normal;
	line-height: 18px;
	box-shadow: 0px 1px 0px grey; 
	/* box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.2), 0 -1px 20px 0 rgba(0, 0, 0, 0.19); */
}

.skills { margin-top: 15px; }

.resumes-list-content .skills span {
	font-size: 12px !important;
	padding: 6px 12px;
	margin-bottom: 3px !important;
}


/* Job Types */
.job-spotlight h4 span,
#titlebar h2 span,
.job-list h4 span {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 6px;
    line-height: 24px;
    position: relative;
    margin: 0 0 0 4px;
    top: -2px;
}

#titlebar h2 span {
	padding: 2px 10px;
	position: relative;
	top: -5px;
	font-size: 12px;
}

#titlebar.photo-bg h2 span { top: -7px; }

span.full-time { background-color: #186fc9; }
span.part-time { background-color: #f1630d; }
span.freelance { background-color: #53b427; }
span.internship { background-color: #e1d123; }
span.temporary { background-color: #e12335; }



/* ---------------------------------- */
/* Job Spotlight
------------------------------------- */
.job-overview,
.job-spotlight {
	background-color: #fdfdfd;
	border: 1px solid #e2e2e2;
	padding: 35px 38px 31px 38px;
}

li .job-spotlight { line-height: 27px; }

.job-spotlight span { color: #808080; }
.job-spotlight p { margin: 15px 0 0 0; }

li .job-spotlight p { line-height: 27px; }

.job-spotlight a h4 {
	line-height: 30px;
	margin-bottom: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.job-spotlight a:hover h4 { color: #666; }

.job-overview a.button,
.job-spotlight a.button {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin: 20px 0 0 0;
}



/* ---------------------------------- */
/* Job Page
------------------------------------- */

/* Job Overview */
.job-overview ul li { margin: 0 0 3px 0; }
.job-overview ul li:last-child { margin: 0; }
.job-overview ul li:first-child { margin-top: 5px; }

.job-overview ul li i {
	font-size: 16px;
	color: #505050;
}

.job-overview ul li i.fa.fa-map-marker {
	font-size: 18px;
}

.job-overview ul li span {
	display: block;
	margin-top: 3px;
	line-height: 23px;
}

.job-overview ul li div {
	position: relative;
	top: -18px;
	margin-left: 25px;
}

.job-overview a.button { margin-top: 10px; }

/* Company Info */
.company-info {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 33px;
	margin-bottom: 35px;
}

.company-info img {
	float: left;
	display: inline-block;
	height: 100px;
	width: 100px;
	margin-right: 30px;
}

.company-info .content {
	display: block;
	float: left;
	margin: 23px 0 0 0px;
}

.company-info span { margin-right: 10px; }

.company-info span a { color: #666; }
.company-info span a:hover { color: #505050; }

.company-info h4 {
	font-size: 20px;
	line-height: 30px;
}



/* ---------------------------------- */
/* Testimonials
------------------------------------- */

#testimonials{position:relative;margin-top:0;background:url('../images/testimonials-bg.jpg') no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;width:100%;}
#testimonials:before{content:"";width:100%;height:100%;display:inline-block;background-color:rgba(34,34,34,0.9);position:absolute;}
.testimonials-slider{text-align:center;}
.testimonials-slider li p{font-size:24px;font-weight:300;color:#fff;line-height:36px;padding:100px 60px;}
.testimonials-slider li p span{display:block;font-weight:600;font-size:18px;margin-top:20px;}

@media all and (max-width: 699px) and (min-width: 520px) {
	#Carousel ul li {
		padding-left: 21px;
		background: url(../images/email.png) left center no-repeat;
	}
}

.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
	outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-pauseplay span {
	text-transform: capitalize;
}




/* ------------------------------------------------------------------- */
/* Revolution Slider
---------------------------------------------------------------------- */
.fullwidthbanner-container {
	width: 100% !important;
	position: relative;
	padding: 0;
	max-height: 640px !important;
	overflow: hidden;
	background-image:url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: 50%;
	margin-bottom: 42px;
}


/* Captions
------------------------------------ */
.caption h2 {
	font-size: 39px;
	font-weight: 500;
	color: #fff;
	text-transform: none;
}

.caption h3 {
	font-size: 28px;
	font-weight: 300;
	color: #a0a0a0;
	text-transform: uppercase;
}

.caption p {
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	line-height: 38px;
}

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

.tp-leftarrow.default:before,
.tp-rightarrow.default:before,
.caption .slider-button {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.caption .slider-button {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 15px 30px;
	margin-right: 6px;
}

.caption .slider-button:hover {
	background-color: #fff;
	color: #333;
}


/* Navigation
------------------------------------ */
.tparrows {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: background-color 150ms ease-in-out, opacity 0.2s ease-out;
	-moz-transition: background-color 150ms ease-in-out, opacity 0.2s ease-out;
	-o-transition: background-color 150ms ease-in-out, opacity 0.2s ease-out;
	-ms-transition: background-color 150ms ease-in-out, opacity 0.2s ease-out;
	transition: background-color 150ms ease-in-out, opacity 0.2s ease-out;
}

.tparrows.hidearrows {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.tp-leftarrow.default,
.tp-rightarrow.default {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background-color: #fff;
	color: #333;
	width: 48px;
	height: 68px;
}

.tp-leftarrow:hover,
.tp-rightarrow:hover { background-color: #505050; color: #fff; }

.tp-leftarrow.default { left: 0 !important; }
.tp-rightarrow.default { right: 0 !important; }

.tp-leftarrow.default:before,
.tp-rightarrow.default:before {
	font-family: "FontAwesome";
	display: inline-block;
	position: relative;
	font-size: 20px;
	top: 21px;
}

.tp-rightarrow.default:before { content: ""; left: 19px; }
.tp-leftarrow.default:before { content: ""; left: 15px; }


/* Other Styles
------------------------------------ */
.tp_inner_padding	{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-height:none !important;
}


.tp-simpleresponsive .slotholder *,
.tp-simpleresponsive img {
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position:absolute;
	visibility: hidden;
}

.tp-simpleresponsive img {
	max-width: none;
}

.noFilterClass {
	filter:none !important;
}


/* Fullscreen Video
------------------------------------ */
.caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%;}
.caption.fullscreenvideo iframe	{ width:100% !important; height:100% !important;}

.tp-caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%;}
.tp-caption.fullscreenvideo iframe	{ width:100% !important; height:100% !important;}


/* Basic Settings For Banner
------------------------------------ */
.tp-simpleresponsive img {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}

.tp-simpleresponsive a {text-decoration:none;}

.tp-simpleresponsive ul {
	list-style:none;
	padding:0;
	margin:0;
}

.tp-simpleresponsive >ul >li{
	list-style:none;
	position:absolute;
	visibility:hidden;
}

.tp-transparentimg {content:"url(../assets/transparent.png)"}
.tp-3d {-webkit-transform-style: preserve-3d;-webkit-transform-origin: 50% 50%;}




/* ------------------------------------------------------------------- */
/* Flexslider
---------------------------------------------------------------------- */
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flexslider .slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .flexslider .slides {
	display: block;
}

* html .flexslider .slides {
	height: 1%;
}

.no-js .flexslider .slides > li:first-child {
	display: block;
}

.flex-direction-nav { display: none; }

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 60px;
	text-align: center;
	z-index: 999;
	left: 0;
}

.flex-control-nav li {
	margin: 0 3px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	width: 9px;
	height: 9px;
	display: block;
	background: transparent;
	border: 2px solid #fff;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.flex-control-paging li a:hover { background: #fff; }

.flex-control-paging li a.flex-active {
	background: #fff;
	cursor: default;
}


/* ---------------------------------- */
/* Pagination
------------------------------------- */
.pagination {
	margin: 9px 0 11px 0;
	text-align: center;
	overflow: hidden;
}
.pagination-container {
    text-align: center;
}
.pagination-next-prev {
	position: relative;
	top: -59px;
}

.pagination ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.pagination ul li a,
.pagination-next-prev ul li a {
	padding: 4px 10px;
	border-bottom: none;
	display: inline-block;
	color: #888;
	background-color: #f2f2f2;
	font-weight: 400;
	margin:0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	font-size: 14px;
}

.pagination ul li a { width: 42px; box-shadow: 2px 2px 4px rgba(0,0,0, .2);}
.pagination ul li.blank {
	color: #a0a0a0;
	padding: 0 6px;
}

.pagination ul li a.current-page {
	background-color: #505050;
	color: #fff;
}

.pagination .current,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover {
	background-color: #505050;
	color: #fff;
}

.pagination-next-prev a.next { float: right; }
.pagination-next-prev a.prev { float: left; }

.pagination-next-prev ul li a {
	color: #888;
	box-shadow: 2px 2px 4px rgba(0,0,0, .2);
	padding: 6px 10px;
	text-transform: uppercase;
}


/* ---------------------------------- */
/* Infobox
------------------------------------- */
.infobox {
	background-color: #505050;
	font-size: 27px;
	font-weight: 500;
	line-height: 40px;
	color: #fff;
	padding: 65px 0;
	text-align: center;
	margin: 0 0 47px 0;
}

.infobox a {
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	border: 1px solid #fff;
	background-color: transparent;
	text-transform: uppercase;
	padding: 15px 20px;
	margin: 0 0 0 20px;
	position: relative;
	top: -3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.infobox a:hover {
	background-color: #fff;
	color: #505050;
}


/* ---------------------------------- */
/* Hover Icon / Hover Cover
------------------------------------- */
.hover-icon {
	position:absolute;
	right: 0;
	bottom: -46px;
	color:#fff;
	font-size: 14px;
	width: 46px;
	height: 46px;
	background-color: #505050;
	border-radius: 0;
	opacity: 0;
	z-index: 99;
	visibility: hidden;
}

.hover-icon:before {
	height: 19px;
	width: 19px;
	top: 10px;
	left: 17px;
	content: "";
	font-family: "FontAwesome";
	position: relative;
}

.post-img a:before,
.recent-post-img a:before,
.hover-cover,
.hover-icon {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

/* Hover Cover */
.hover-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #222;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
}


/* ------------------------------------------------------------------- */
/* ShowBiz Carousel
---------------------------------------------------------------------- */
.showbiz-navigation {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.showbiz {
	margin: 0 0 37px 0;
}

.showbiz ul,
.showbiz li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.showbiz ul li {
	position:relative;
	-webkit-transform: translateZ(10);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	margin-right: 20px;
	margin-top: 20px;
}

.showbiz .overflowholder {
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 2;
}

.showbiz .overflowholder ul {
	width: 100000px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.showbiz .overflowholder ul li {
	float: left !important;
	position:relative;
}

.products .product {
	margin-top: 20px;
	position: relative;
}

.products a { line-height: 18px; }

.showbiz .mediaholder,
.products .mediaholder {
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:transparent;
	padding:0px;
	border:none;
	overflow: hidden;
}

.showbiz .mediaholder_innerwrap,
.products .mediaholder_innerwrap {
	position:relative;
	overflow:hidden;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.showbiz .mediaholder img,
.products .mediaholder img {
	width:100%;
	position:relative;
	margin-bottom:-5px;
}

.showbiz .cover,
.products .cover {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.showbiz li:hover .cover,
.products figure:hover .cover {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.showbiz li .mediaholder img,
.products figure .mediaholder img {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.showbiz li:hover .mediaholder img,
.products figure:hover .mediaholder img {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.showbiz .cover,
.showbiz li .mediaholder img,
.products .cover,
.products figure .mediaholder img {
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
	transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}


/* Navigation #1
------------------------------------- */
.showbiz-navigation	{
	float: right;
	margin: -39px -1px 0 0px;
}

.sb-navigation-left i,
.sb-navigation-right i,
.sb-navigation-left.notclickable,
.sb-navigation-right.notclickable {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.sb-navigation-left,
.sb-navigation-right {
	cursor: pointer;
	float: left;
}

.sb-navigation-left	{ margin-right: 3px; }

.sb-navigation-left i,
.sb-navigation-right i {
	line-height:24px;
	font-size:28px;
	color:#a0a0a0;
	margin-left: 10px;
}

.sb-navigation-left.notclickable,
.sb-navigation-right.notclickable {
	cursor: default;
}

.sb-navigation-left.notclickable i,
.sb-navigation-right.notclickable i {
	color: #c0c0c0;
}


/* Navigation #2
------------------------------------- */
.sb-navigation-left-2,
.sb-navigation-right-2,
.sb-navigation-left-2.notclickable,
.sb-navigation-right-2.notclickable {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.sb-navigation-left-2,
.sb-navigation-right-2 {
	cursor:pointer;
	margin-top: 46px;
}

.sb-navigation-left-2	{float:left;}
.sb-navigation-right-2	{float:right;}

.sb-navigation-left-2 i,
.sb-navigation-right-2 i {
	line-height:24px;
	font-size:34px;
	color:#c4c4c4;
}

.sb-navigation-left-2:hover,
.sb-navigation-right-2:hover {
	
}

.sb-navigation-left-2.notclickable,
.sb-navigation-right-2.notclickable {
	cursor:default;
	
}

.sb-navigation-left-2.notclickable i,
.sb-navigation-right-2.notclickable i {
	color: #c4c4c4;
}

.sb-navigation-left-2.alt,
.sb-navigation-right-2.alt {
	top: 57%;
	margin: 0;
	position: absolute;
	height: 20px;
	width: 20px;
	z-index: 99;
}

h3.centered-headline {
	text-align: center;
	font-size: 24px;
	margin: 20px 0 15px 0;
	padding: 40px 0;
	display: block;
	background-color: #f6f6f6;
}

h3.centered-headline span {
	display: block;
	font-size: 20px;
	color: #888;
	font-weight: 500;
	position: relative;
	margin-top: -10px;
}
.one.carousel.column { margin: 0; }

.sb-navigation-left-2.alt { left: 10px; }
.sb-navigation-right-2.alt { right:0; }


/* ------------------------------------------------------------------- */
/* Blog Styles
---------------------------------------------------------------------- */
.post-container  {
	margin-bottom: 50px;
}

.post-content {
	border-bottom: 1px solid #e0e0e0;
	padding: 33px 0 36px;
}

.post-content h3 {
	line-height: 38px;
	font-size: 24px;
}

.post-content a h3 {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.post-content a:hover h3 {
	color: #666;
}

.post-content span {
	position: relative;
	top: 3px;
}

.post-content p {
	margin-top: 19px;
}

.post-content a.button {
	margin-top: 15px;
}

a.post-img {
	overflow: hidden;
	display: block;
	position: relative;
}

a.post-img img { width: 100%; }

a.post-img:before {
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0;
    position: absolute;
    display: block;
    z-index: 99;
    content: "";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a.post-img:hover:before {
	opacity: 0.12;
}


/* ---------------------------------- */
/* Recent Posts
------------------------------------- */
.recent-post {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 32px;
	margin-bottom: 40px;
}

.recent-post a h4 {
	font-size: 21px;
	line-height: 32px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	margin-bottom: 6px;
}

.recent-post a h4:hover { color: #666; }

.recent-post a { margin-top: 15px; }
.recent-post p { margin-top: 15px; }

.meta-tags span {
	display: inline-block;
	color: #888;
	border-right: 1px solid #e0e0e0;
	margin-right: 10px;
	padding-right: 10px;
	line-height: 14px;
}

.meta-tags span:last-child  { border: none; }

.meta-tags span a { color: #888; }
.meta-tags span a:hover { color: #505050; }


.post-img:hover .hover-icon,
.recent-post-img:hover .hover-icon {
	opacity: 1;
	visibility: visible;
	bottom:0;
}

.post-img:hover .hover-cover,
.recent-post-img:hover .hover-cover {
	opacity: 0.1;
	visibility: visible;
}

.recent-post-img { margin-bottom: 30px; }

.post-img,
.recent-post-img {
	position: relative;
	overflow: hidden;
}


.post-img a:before,
.recent-post-img a:before {
	content:"";
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: rgba(34,34,34,0.15);
	position: absolute;
	visibility: hidden;
	opacity: 0;
}

.post-img a:hover:before,
.recent-post-img a:hover:before {
	opacity: 1;
	visibility: visible;
}


/* Comments
------------------------------------- */
.comments { margin: -10px 0 0 0; }
.comments h4 { margin-bottom: 25px; font-size: 20px; }
.comment { font-size: 20px; }

.comments .button {
	margin: 0 0 10px 90px;
	padding: 7px 15px;
}

.comments.reviews .button { margin: 0; }

.comments ul li {
	display: block;
	margin: 0 0 20px 90px;
	position: relative;
}

.comments ul li ul li {
	margin: 20px 0 0 90px;
}

.comment-content p {
	margin: 3px 0 0 0;
	line-height: 26px;
}

.comment-content {
	background: #f8f8f8;
	color: #666;
	padding: 26px 30px 25px 30px;
	position: relative;
}

.comment-content strong {
	padding-right: 5px;
	color: #666;
}

.comment-content span { color: #888; }
.comment-content p { padding: 5px 0 !important; }

.comments-amount { color: #888; font-weight: 500; }

.avatar {
	float: left;
	display: inline-block;
	position: absolute;
	left: -90px;
}

.avatar img { max-width: 70px; }

.comment-by {
	width: 100%;
	padding-bottom: 8px;
	padding-top: 5px;
	font-weight: 700;
	color: #555;
}

.comment-by a.reply,
.comment-by a.reply i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.comment-by a.reply {
	display: inline;
	background-color: #eee;
	padding: 9px 13px;
	color: #888;
	font-size: 13px;
	font-weight: 700;
	position: absolute;
	right: 0;
	top: 0;
	text-transform: uppercase;
}

.comment-by a.reply i {
	color: #888;
	font-size: 12px;
	margin-right: 1px;
}

.comment-by a.reply:hover { background-color: #505050; }
.comment-by a.reply:hover,
.comment-by a.reply:hover i {
	color: #fff;
}

.comment-by span.date {
	color: #888;
	font-weight: 500;
	margin: 6px 0 0 0;
	float: none;
	display: block;
	text-align: left;
	
}

/* Add Comment */
.add-comment label span { color: #e24747; }

.add-comment input {
	margin: 0 0 20px 0;
	width: 40%;
	min-width: 40%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.add-comment textarea {
	margin: 0 0 18px 0;
	width: 100%;
	min-width: 100%;
	min-height: 220px;
	resize: vertical;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* ---------------------------------- */
/* Blog Widgets
------------------------------------- */
.widget-box.search {
	padding: 17px;
}

.widget-box {
	background-color: #f8f8f8;
	padding: 32px 35px;
	border: 4px outset;
	
}

.blog .widget h4 { margin-bottom: 13px; }


/* Search Widget */
.widget-box input {
	width: 100%;
	box-sizing: border-box;
	border-color: #e6e6e6;
	background-color: #fff;
	margin-bottom: 0;
}

.input { position: relative; }

.widget-box .input:before {
	content:"";
	font-size: 18px;
	color: #a0a0a0;
	position: absolute;
	display: inline-block;
	font-family: "FontAwesome";
	right: 17px;
	top: 10px;
	margin-bottom: 0;
}

/* Need support widget */
.widget .button.widget-btn {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	margin-top: 5px;
}


/* Blog Widget Tabs */
.widget-tabs li {
	padding: 0 0 27px 0;
	margin: 24px 0 0 0;
	border-bottom: 1px solid #e0e0e0;
}

.widget .tab-content { padding-bottom: 0; }

.widget-tabs li:first-child { margin: 5px 0 0 0; }

.widget-thumb a img {
	display: block;
	width: 88px;
	height: 88px;
	float: left;
	margin: 3px 18px 0 0;
}

.widget-text h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	padding: 3px 0 0 0;
}

.widget-text h5 a { color: #666; }
.widget-text h5 a:hover { color: #505050; }

.widget-text span {
	color: #999;
	font-weight: 500;
	margin: 9px 0 0 0;
	display: block;
}

.widget-tabs.comments .widget-text span {
	padding: 9px 0 0 0;
	margin: 0;
}

/* Blog Tabs */
.tabs-nav.blog li {
	width: 33.334%;
	text-align: center;
}

.tabs-nav.blog li a { padding: 0; margin-top: 12px; }


/* ------------------------------------------------------------------- */
/* Widgets
---------------------------------------------------------------------- */
.widget { margin-bottom: 42px; }

.widget input { margin-bottom: 15px; }
.widget-box input { margin-bottom: 0; }

.widget h4 {
	font-size: 20px;
	margin-bottom: 15px;
}

.widget .miles,
.widget .zip-code {
	width: 41%;
	display: inline;
}

.widget .zip-code { float: right;}

.widget .from {
	display: inline;
	padding-left: 13px;
	color: #909090;
	box-sizing: border-box;
}



/* ------------------------------------------------------------------- */
/* Chosen Plugin
---------------------------------------------------------------------- */

.chosen-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	zoom: 1;
	*display: inline;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.chosen-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.chosen-container .chosen-drop {
	position: absolute;
	top: 100%;
	left: -9999px;
	z-index: 1010;
	width: 100%;
	border: 1px solid #e0e0e0;
	background-color: #fcfcfc;
	border-top: 0;
}

.chosen-container.chosen-with-drop .chosen-drop { left: 0; }
.chosen-container a { cursor: pointer; }


/* Single Selectbox */
.chosen-container-single .chosen-single {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0px 0px 0 12px;
    height: 39px;
    line-height: 38px;
	border: 1px solid #e0e0e0;
	background-color: #fcfcfc;
	color: #808080;
	text-decoration: none;
	white-space: nowrap;
	font-weight: 500;
}

.chosen-container-single .chosen-default { color: #999; }

.chosen-container-single .chosen-single span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #808080;
}

.chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; }

.chosen-container-single .chosen-single div {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 18px;
	height: 100%;
}
.chosen-container-single .chosen-single div b {
	display: block;
	position: relative;
}

.chosen-container-single .chosen-single div b:after {
	content: "";
	font-family: "FontAwesome";
	font-size: 14px;
	margin: 0 14px 0 0;
	top: -1px;
	position: relative;
	width: 11px;
	height: 5px;
	display: inline-block;
	color: #c0c0c0;
	float: right;
	font-weight: normal;
}

.chosen-container-single .chosen-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 3px 6px;
	white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
	margin: 1px 0;
	padding: 6px 20px 6px 6px;
	width: 100%;
	height: auto;
	outline: 0;
	border: 1px solid #ddd;
	background-color: #fff;
	display: block;
	position: relative;
	z-index: 9;
	background-color: #fafafa;
}

.chosen-container-single .chosen-search:before {
	content: "";
	font-family: "FontAwesome";
	font-size: 15px;
	margin: 0 10px 0 0;
	top: 8px;
	position: relative;
	width: 11px;
	height: 5px;
	display: inline-block;
	color: #aaa;
	float: right;
	font-weight: normal;
	z-index: 10;
}

.chosen-container-single .chosen-drop {
	margin-top: -1px;
	background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
	position: absolute;
	left: -9999px;
}

/* Results */
.chosen-container .chosen-results {
	color: #808080;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 4px 8px 0;
	padding: 0 4px 0 8px;
	max-height: 232px;
	-webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
	display: none;
	margin: 0;
	padding: 10px 10px;
	list-style: none;
	line-height: 15px;
	word-wrap: break-word;
	-webkit-touch-callout: none;
}

.chosen-container-multi .chosen-results li { padding: 10px 18px; }

.chosen-container .chosen-results li.active-result {
	display: list-item;
	cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
	display: list-item;
	color: #ccc;
	cursor: default;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #505050;
	color: #fff;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.chosen-container .chosen-results li.no-results {
	color: #808080;
	display: list-item;
	background-color: #fff;
}

.chosen-container-multi .chosen-results li.no-results { background-color: #fff; }

.chosen-container .chosen-results li.group-result {
	display: list-item;
	font-weight: bold;
	cursor: default;
}

.chosen-container .chosen-results li.group-option { padding-left: 15px; }

.chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline;
}


/* Multi Selectbox */
.chosen-container-multi .chosen-choices {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 0 0 7px;
	height: auto;
	/* height: 47px; removed by jay,creating problem in multiselect*/
	line-height: 47px;
	border: 1px solid #e0e0e0;
	background-color: #fcfcfc;
	text-decoration: none;
	white-space: nowrap;
	line-height: 33px;
	cursor: pointer;
}

.chosen-container-multi .chosen-choices li {
	float: left;
	list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	margin: 0;
	padding: 0;
	height: 47px;
	outline: 0;
	border: 0 !important;
	background: transparent !important;
	color: #808080;
	line-height: normal;
	font-weight: 500;
}

.chosen-container-multi .chosen-choices li.search-choice {
	position: relative;
	margin-top: 5px;
    margin-right: 5px;
	/*margin: 9px 5px 0 -4px;*/
	padding: 0 22px 0 8px;
	max-width: 100%;
	/*background-color: #505050;*/
	background-color: #e4e4e4!important;
	border: 1px solid #aaa!important;
	border-radius: 4px!important;
    cursor: default!important;
	color:#656464!important;
    float: left!important;
	line-height: 27px;
	color: #fff;
	cursor: default;
	font-weight: 500;
}

.chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	/*position: absolute;
		top: -2px;
		right: 7px;
		display: block;
	color:#aaa!important;*/
	position: absolute;
	top: -2px;
	display: block;
	color: #000!important;
	left: 3px;
	
}

/*new added 6 april 2018*/
li.search-choice span {
	margin-left : 7px !important;
}
/*new added 6 april 2018*/

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
	content: "";
	font-family: "FontAwesome";
	font-size: 13px;
	top: 1px;
	position: relative;
	width: 11px;
	height: 5px;
	display: inline-block;
	color: #aaa;
	float: right;
	font-weight: normal;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
	padding-right: 5px;
	border: 1px solid #ccc;
	background-color: #e4e4e4;
	color: #808080;
}

.chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; }

.chosen-container-multi .chosen-results {
	margin: 0;
	padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
	display: list-item;
	color: #ccc;
	cursor: default;
}


/* Active */
.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices,
.chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #e0e0e0; }

.chosen-container-active.chosen-with-drop .chosen-single div {
	border-left: none;
	background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b:after { content: "" }
.chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #808080 !important; }


/* ------------------------------------------------------------------- */

/* SCEditor
	/* http://www.ssceditor.com/
	
	/* Copyright (C) 2011-12, Sam Clarke (samclarke.com)
	
	/* SCEditor is licensed under the MIT license:
	/* http://www.opensource.org/licenses/mit-license.php
	
---------------------------------------------------------------------- */

div.sceditor-grip,
.sceditor-button div {
	background-image: url('../images/famfamfam.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.sceditor-button-youtube div {
	background-position: 0px 0px;
}
.sceditor-button-link div {
	background-position: 0px -16px;
}
.sceditor-button-unlink div {
	background-position: 0px -32px;
}
.sceditor-button-underline div {
	background-position: 0px -48px;
}
.sceditor-button-time div {
	background-position: 0px -64px;
}
.sceditor-button-table div {
	background-position: 0px -80px;
}
.sceditor-button-superscript div {
	background-position: 0px -96px;
}
.sceditor-button-subscript div {
	background-position: 0px -112px;
}
.sceditor-button-strike div {
	background-position: 0px -128px;
}
.sceditor-button-source div {
	background-position: 0px -144px;
}
.sceditor-button-size div {
	background-position: 0px -160px;
}
.sceditor-button-rtl div {
	background-position: 0px -176px;
}
.sceditor-button-right div {
	background-position: 0px -192px;
}
.sceditor-button-removeformat div {
	background-position: 0px -208px;
}
.sceditor-button-quote div {
	background-position: 0px -224px;
}
.sceditor-button-print div {
	background-position: 0px -240px;
}
.sceditor-button-pastetext div {
	background-position: 0px -256px;
}
.sceditor-button-paste div {
	background-position: 0px -272px;
}
.sceditor-button-outdent div {
	background-position: 0px -288px;
}
.sceditor-button-orderedlist div {
	background-position: 0px -304px;
}
.sceditor-button-maximize div {
	background-position: 0px -320px;
}
.sceditor-button-ltr div {
	background-position: 0px -336px;
}
.sceditor-button-left div {
	background-position: 0px -352px;
}
.sceditor-button-justify div {
	background-position: 0px -368px;
}
.sceditor-button-italic div {
	background-position: 0px -384px;
}
.sceditor-button-indent div {
	background-position: 0px -400px;
}
.sceditor-button-image div {
	background-position: 0px -416px;
}
.sceditor-button-horizontalrule div {
	background-position: 0px -432px;
}
.sceditor-button-format div {
	background-position: 0px -448px;
}
.sceditor-button-font div {
	background-position: 0px -464px;
}
.sceditor-button-emoticon div {
	background-position: 0px -480px;
}
.sceditor-button-email div {
	background-position: 0px -496px;
}
.sceditor-button-date div {
	background-position: 0px -512px;
}
.sceditor-button-cut div {
	background-position: 0px -528px;
}
.sceditor-button-copy div {
	background-position: 0px -544px;
}
.sceditor-button-color div {
	background-position: 0px -560px;
}
.sceditor-button-code div {
	background-position: 0px -576px;
}
.sceditor-button-center div {
	background-position: 0px -592px;
}
.sceditor-button-bulletlist div {
	background-position: 0px -608px;
}
.sceditor-button-bold div {
	background-position: 0px -624px;
}
div.sceditor-grip {
	background-position: 0px -640px;
	width: 10px;
	height: 10px;
}
.rtl div.sceditor-grip {
	background-position: 0px -650px;
	width: 10px;
	height: 10px;
}

.sceditor-container {
	position: relative;
	background: #fff;
	font-size: 13px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #222;
	line-height: 1;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
	padding: 0;
	margin: 0;
	z-index: 3;
}
.sceditor-container iframe,
.sceditor-container textarea {
	line-height: 1;
	border: 0;
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #111;
	padding: 0;
	margin: 5px;
	resize: none;
	background: #fff;
	display: block;
}
div.sceditor-resize-cover {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: 0.3;
}
.ie6 div.sceditor-resize-cover,
.ie7 div.sceditor-resize-cover,
.ie8 div.sceditor-resize-cover {
	background: #efefef;
}

.sceditor-container.ie6 {
	overflow: hidden;
}
div.sceditor-grip {
	overflow: hidden;
	width: 10px;
	height: 10px;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
}
.sceditor-maximize {
	position: fixed;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100% !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	z-index: 2000;
}
html.sceditor-maximize,
body.sceditor-maximize {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.ie6.sceditor-maximize {
	position: absolute;
}
.sceditor-maximize div.sceditor-grip {
	display: none;
}
.sceditor-maximize div.sceditor-toolbar {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
/**
	* Dropdown styleing
*/
div.sceditor-dropdown {
	position: absolute;
	border: 1px solid #ccc;
	background: #fff;
	color: #333;
	z-index: 4000;
	padding: 10px;
	line-height: 1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
	color: #333;
}
div.sceditor-dropdown form {
	margin: 0;
}
div.sceditor-dropdown label {
	display: block;
	font-weight: bold;
	color: #3c3c3c;
	padding: 4px 0;
}
div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	outline: 0;
	padding: 4px;
	border: 1px solid #ccc;
	border-top-color: #888;
	margin: 0 0 .75em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
div.sceditor-dropdown textarea {
	padding: 6px;
}
div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
	border-color: #aaa;
	border-top-color: #666;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
div.sceditor-dropdown .button {
	font-weight: bold;
	color: #444;
	padding: 6px 12px;
	background: #ececec;
	border: solid 1px #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	cursor: pointer;
	margin: .3em 0 0;
}
div.sceditor-dropdown .button:hover {
	background: #f3f3f3;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
	padding: 6px 0;
}
div.sceditor-emoticons,
div.sceditor-more-emoticons,
div.sceditor-color-picker {
	padding: 0;
}
.sceditor-pastetext textarea {
	border: 1px solid #bbb;
	width: 20em;
}
.sceditor-emoticons img,
.sceditor-more-emoticons img {
	padding: 0;
	cursor: pointer;
	margin: 2px;
}
.sceditor-more {
	border-top: 1px solid #bbb;
	display: block;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	padding: 6px 0;
}
.sceditor-dropdown a:hover {
	background: #eee;
}
.sceditor-fontsize-option,
.sceditor-font-option,
.sceditor-format a {
	display: block;
	padding: 7px 10px;
	cursor: pointer;
	text-decoration: none;
	color: #222;
}
.sceditor-fontsize-option {
	padding: 7px 13px;
}
.sceditor-color-column {
	float: left;
}
.sceditor-color-option {
	display: block;
	border: 1px solid #fff;
	height: 10px;
	width: 10px;
	overflow: hidden;
}
.sceditor-color-option:hover {
	border: 1px solid #333;
}
/**
	* Toolbar styleing
*/
div.sceditor-toolbar {
	overflow: hidden;
	padding: 3px 5px 2px;
	background: #f7f7f7;
	line-height: 36px;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
div.sceditor-group {
	display: inline-block;
	background: #ddd;
	margin: 1px 5px 1px 0;
	padding: 1px;
	border-bottom: 1px solid #aaa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
	display: inline;
	zoom: 1;
}
.sceditor-button {
	float: left;
	cursor: pointer;
	padding: 3px 5px;
	width: 16px;
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/* Needed for Safari 5? */
	text-indent: -9999px;
}
.ie .sceditor-button {
	text-indent: 0;
}
.ie6 .sceditor-button,
.ie7 .sceditor-button {
	float: none !important;
	display: inline;
	zoom: 1;
}
.ie6 .sceditor-button {
	padding: 0;
}
.ie6 .sceditor-button div {
	margin: 5px;
}
.ie7 .sceditor-button div {
	margin: 5px 0;
}
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active {
	background: #fff;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
}
.sceditor-button:active {
	background: #fff;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
}
.sceditor-button.disabled:hover {
	background: inherit;
	cursor: default;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.sceditor-button,
.sceditor-button div {
	display: block;
}
.sceditor-button div {
	margin: 2px 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
	color: transparent;
}
.sceditor-button.disabled div {
	opacity: 0.3;
}
.text .sceditor-button,
.text .sceditor-button div,
.sceditor-button.text,
.sceditor-button.text div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div {
	width: auto;
	overflow: visible;
	line-height: 16px;
	font-size: 1em;
	color: inherit;
	text-indent: 0;
}
.text .sceditor-button div,
.sceditor-button.text div {
	padding: 0 2px;
	background: none;
}
.text-icon .sceditor-button div,
.sceditor-button.text-icon div {
	padding: 0 2px 0 20px;
}
.rtl div.sceditor-toolbar {
	text-align: right;
}
.rtl .sceditor-button {
	float: right;
}
.rtl div.sceditor-grip {
	right: auto;
	left: 0;
}
.sceditor-container {
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.sceditor-container textarea {
	font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;
	background: #2e3436;
	color: #fff;
	margin: 0;
	padding: 5px;
}
div.sceditor-toolbar,
div.sceditor-group {
	background: #f6f6f6;
}
div.sceditor-toolbar {
	padding: 0;
	-moz-background-size: 100% 32px;
	-o-background-size: 100% 32px;
	-webkit-background-size: 100% 32px;
	background-size: 100% 32px;
}
div.sceditor-group {
	margin: 0;
	padding: 2px 4px;
	border: 0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #eaeaea;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
div.sceditor-group:last-child {
	border-right: 0;
}
div.sceditor-group:first-child {
	border-left: 0;
}
.sceditor-button {
	height: 16px;
	padding: 5px;
	margin: 1px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.sceditor-button div {
	margin: 0;
}
.sceditor-button.active,
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active:hover {
	margin: 0;
	box-shadow: none;
}
.sceditor-button.active {
	background: #f4f4f4;
	border: 1px solid #ccc;
}
.sceditor-button:hover {
	background: #fefefe;
	border: 1px solid #ddd;
}
.sceditor-button.disabled:hover {
	margin: 1px;
	border: 0;
}
.sceditor-button:active {
	background: #eee;
	border: 1px solid #ccc;
}
.sceditor-button.active:hover {
	background: #f8f8f8;
	border: 1px solid #ddd;
}



/* ------------------------------------------------------------------- */
/* Submit Pages
---------------------------------------------------------------------- */
#titlebar.single.submit-page { padding: 65px 0; }

#titlebar.single.submit-page h2,
.submit-page { padding: 0 9%; }

#titlebar.single.submit-page h2 { font-size: 32px; }

.submit-page h5 { margin-bottom: 9px; }
.submit-page h5 span {  color: #888; }

.submit-page .form { margin-bottom: 34px; }

.submit-page .form .note {
	margin-top: 9px;
	color: #808080;
}

textarea.WYSIWYG { min-height: 300px; }

.submit-page .divider {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 15px;
	margin: 50px 0 35px 0;
}

.submit-page .button.linkedin-btn { background-color: #0077b5; }

.formline {
	border-top: 1px solid #e0e0e0;
	padding-top: 30px;
	margin-bottom: 30px;
}

.form.with-line h5 { margin-bottom: 12px; }



/* Forms for URL(s), Education and Skills */
.form.boxed {
	background-color: #f9f9f9;
	padding: 38px 38px 23px 38px;
	position: relative;
	margin-top: 20px;
}

.form.with-line {
    border-top: 1px solid #E0E0E0;
    padding-top: 30px;
    margin-bottom: 30px;
}

.form.boxed input,
.form.boxed textarea {
	background-color: #fff;
	margin-bottom: 15px;
	max-height: 150px;
}

a.close-form {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	line-height: 32px;
	width: 32px;
	text-align: center;
	padding: 0;
	background-color: #e9e9e9 !important;
	color: #888;
}

a.close-form:hover { color: #fff; background-color: #282828 !important; }
a.close-form i { margin: 0; }




/* ------------------------------------------------------------------- */
/* Footer
---------------------------------------------------------------------- */
#footer {
	/**	background-color: #202020; **/
	padding: 50px 0 0 0;
	background-color:#000;
	color: #999;
}
#footer h4 {
	/** color: #fff; **/
	font-size: 20px;
	margin-bottom: 12px;
}

#footer a.button { margin-top: 12px; }
#footer a.button:hover { background-color: #fff; color: #333; }

/*  Links  */
ul.footer-links { margin: 0 0 15px 0; }

.footer-links li { position: relative; }

.footer-links li a {
	padding: 0 0 9px 13px;
	display: inline-block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: #aaa;
	line-height: 21px;
}

.footer-links li a:hover {
	padding-left: 16px;
	/** color: #fff !important; **/
}

.footer-links li:before {
	font-family: "FontAwesome";
	font-size: 12px;
	content: "";
	color: #fff;
	position: absolute;
	left: 0;
	top: -1px;
	padding: 0 7px 0 0;
	color: #ddd;
}


/* Footer Bottom */
.footer-bottom {
	border-top: 1px solid #333;
	margin-top: 35px;
	text-align: center;
	padding: 30px 0;
	display: inline-block;
}

.footer-bottom h4 { font-size: 18px !important; }

.copyrights { color: #777; }
.copyrights a { color: #ddd; }



/* ------------------------------------------------------------------- */
/* Manage Applications Styles
---------------------------------------------------------------------- */
.application {
	border: 1px solid #e0e0e0;
	margin-bottom: 30px;
}

.app-content {
	padding: 35px 40px 35px 40px;
	position: relative;
}

.app-footer {
	background-color: #fbfbfb;
	border-top: 1px solid #e0e0e0;
	padding: 22px 40px;
	z-index: 10;
	position: relative;
}

.download-csv {
	float: right;
}

/* Tabs */
.app-tabs {
	border-top: 1px solid #e0e0e0;
	margin: 0 40px;
	margin-bottom: -1px;
	position: relative;
}

.app-tabs .app-tab-content {
	padding: 35px 0 29px 0;
	box-sizing: border-box;
}

.app-tabs .app-tab-content .select-grid {
	width: 49% !important;
	display: inline-block;
	float: left;
}

.app-tabs .app-tab-content .select-grid:first-child { margin-right: 2%; }

.delete-application {float: right; }
.delete-application:hover {background-color: #d51919 !important}

.app-tabs a.close-tab {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	line-height: 32px;
	width: 32px;
	text-align: center;
	padding: 0;
	margin-top: -33px;
}

.app-tabs a.close-tab i { margin: 0; }

.app-tabs div p { margin: 0; }


/* Applicant Details */
.app-tabs div i {
	font-weight: 600;
	display: block;
	color: #555;
}

.app-tabs .app-tab-content span {
	margin-bottom: 15px;
	display: inline-block;
}

.app-tabs div select {
	display: block;
}

.app-tabs div i:first-child { margin-top: -5px;}
.app-tabs div span:last-child { margin-bottom: 7px;}


/* Footer */
.app-footer ul { float: right; }
.app-footer .rating { float: left; margin-top: 1px; }

.app-footer ul li {
	display: inline-block;
	margin-left: 15px;
	color: #808080;
}

.app-footer ul li i { margin-right: 3px; }

.app-content img {
	border-radius: 50%;
	width: 90px;
	height: 90px;
	margin-right: 30px;
	float: left;
	display: inline-block;
}

.app-content .info { display: block; }

.app-content .info span {
	font-size: 21px;
	color: #505050;
	margin-top: 17px;
	display: inline-block;
}

.app-content .info ul li {
	display: inline-block;
	margin-right: 15px;
}

.app-content .info ul li a i { margin-right: 3px; }
.app-content .info ul li a { }
.app-content .info ul li a:hover { color: #505050; }

.app-content .buttons {
	top: 0;
	right: 40px;
	display: inline-block;
	top: 52%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	margin-top: 12px;
}

.app-content .buttons .button { margin-left: 3px; }


/*----------------------------------- */
/* Star Rating
------------------------------------- */
.rating {
	box-sizing: content-box;
	overflow: hidden;
	position: relative;
	width: 110px;
	height: 24px;
	display: block;
}

.rating .star-rating {
	position: relative;
	width: inherit;
	display: block;
	padding: 0;
	margin: 0;
}

.rating.five-stars .star-rating:after { width: 100%; }
.rating.four-stars .star-rating:after { width: 80%; }
.rating.three-stars .star-rating:after { width: 60%; }
.rating.two-stars .star-rating:after { width: 40%; }
.rating.one-stars .star-rating:after { width: 20%; }
.rating.no-stars .star-rating:after { display: none; }


.rating .star-rating:after {
	content:"    ";
	font-family: "FontAwesome";
	color: #ffc741;
	display: block;
	position: absolute;
	font-size: 19px;
	z-index: 10;
	letter-spacing: -0.5px;
}

.rating .star-bg:after {
	content:"    ";
	font-family: "FontAwesome";
	color: #c0c0c0;
	display: block;
	position: absolute;
	font-size: 19px;
	z-index: 9;	padding: 0;
	margin: 0;
	letter-spacing: -0.5px;
}



/* ------------------------------------------------------------------- */
/* Jobs List Page
---------------------------------------------------------------------- */

/*----------------------------------- */
/* Search
------------------------------------- */
.list-search {
	margin: 5px 0 45px 0;
}

.list-search button {
	background-color: #505050;
	cursor: pointer;
	color: #FFF;
	float: right;
	width: 56px;
	height: 56px;
	display: inline;
	padding: 0;
	font-size: 18px;
	border: medium none;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.list-search button:hover { background-color: #282828; }

.list-search input {
	font-size: 16px;
	padding: 17px 22px;
	width: 100%;
	line-height: 20px;
	box-sizing: border-box;
	position: relative;
	float: left;
	/*margin-top: -40px;*/ /*removed by jay for settingg serarch box*/
	margin-top: 0px; 
}


/*----------------------------------- */
/* Custom Checkbox
------------------------------------- */
.checkboxes li { padding: 4px 0; }
.checkboxes li:last-child { margin-bottom: -8px; }

.checkboxes label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 30px;
	margin-right: 15px;
}

.checkboxes label span {
	color: #909090 !important;
	font-size: 16px;
}

.checkboxes input[type=checkbox] { display: none; }

.checkboxes label:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	border: 2px solid #d0d0d0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.checkboxes input[type=checkbox]:checked + label:before {
	content: "";
	font-family: "FontAwesome";
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 15px;
	background-color: #505050;
	border: 2px solid transparent;
}


/*----------------------------------- */
/* Apply Popup
------------------------------------- */
.small-dialog-headline {
	background-color: #282828;
	color:#fff;
	text-align: center;
	padding: 13px 40px !important;
	border-bottom: 1px solid #e0e0e0;
}

#small-dialog.apply-popup { padding: 0; }

.small-dialog-content { padding: 40px; background-color: #EDEDED;}
.small-dialog-content input { margin-bottom: 15px; padding:6px 10px;}

label.upload-btn input[type="file"] { display: none; }

.upload-btn {
	float: left;
	padding: 11px 18px;
	margin-right: 18px;
}

.small-dialog-content textarea {
	max-width: 100%;
	min-width: 100%;
	min-height: 150px;
}

.upload-btn i { margin-right: 2px; }
.fake-input {  padding: 10px 18px; margin-bottom: 17px;}
.upload-info span { float: right; }

.upload-info { margin: 20px 0 10px 0; }

.small-dialog-content button.send {
	width: 100%;
	margin-top: 25px;
}

.small-dialog-content .divider {
	display: inline-block;
	border-top: 1px solid #e0e0e0;
	height: 1px;
	width: 100%;
}


/* ------------------------------------------------------------------- */
/* Media Queries
---------------------------------------------------------------------- */
/* Standard 1180 (devices and browsers) */
@media only screen and (min-width: 2000px){
	
	.col-md-2.col-sm-2.col-xs-12.text-center.margin-bottom-5.padding{
		padding: 0px;
	}
	.col-md-2.col-sm-2.col-xs-6.text-center.margin-bottom-5 
	{
		padding: 0px;
	}
	
	
	
}


/* Standard 1180 (devices and browsers) */
@media only screen and (min-width: 1200px){
	
	.col-md-2.col-sm-2.col-xs-12.text-center.margin-bottom-5.padding{
		padding: 0px 8px;
	}
	.col-md-2.col-sm-2.col-xs-6.text-center.margin-bottom-5 
	{
		padding: 0px;
	}
	span.label.label-default.margin-right-10 {
		display: inline-block;
	}
	
	div#OR {
		height: 30px;
		width: 30px;
		border: 1px solid #C2C2C2;
		border-radius: 50%;
		font-weight: bold;
		line-height: 28px;
		text-align: center;
		font-size: 12px;
		float: right;
		position: absolute;
		right: -16px;
		top: 40%;
		z-index: 1;
		background: #DFDFDF;
	}
	#login-dp{
		overflow:hidden;
		background-color:rgba(255,255,255,.9);
	}
	#login-dp .bottom{
		background-color:rgba(255,255,255,.9);
		border-top:1px solid #ddd;
		clear:both;
	}
	.colorgraph {
		height: 5px;
		border-top: 0;
		background: #c4e17f;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	}
	.login-or {
		position: relative;
		font-size: 14px;
		color: #aaa;
		margin-bottom: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.span-or {
		display: block;
		position: absolute;
		left: 50%;
		top: -2px;
		margin-left: -25px;
		background-color: #BABBBE;
		border: 1px solid #ffffff;
		border-radius: 20px;
		color: #fff;
		width: 50px;
		text-align: center;
	}
	.hr-or {
		background-color: #cdcdcd;
		height: 1px;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	
}


/* Smaller than standard 1180 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1289px) {
	
	.search-container { padding: 150px 0; }
	input.ico-01 { background-position: 95.5% 20px; }
	input.ico-02 { background-position: 95% 20px; }
	
	#titlebar.single.submit-page h2, .submit-page { padding: 0; }
	
	.col-md-2.col-sm-4.col-xs-4.text-center.margin-bottom-10{
		padding:0px;
	}
	.col-md-2.col-sm-2.col-xs-6.text-center.margin-bottom-5 
	{
		padding: 0px;
	}
	.col-md-2.col-sm-2.col-xs-12.text-center.margin-bottom-5.padding{
		padding: 0px 5px;
	}
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-5{
		padding: 0px;
		margin: 0px;
		display: -webkit-inline-box;
	}
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-5.padding{
		padding: 0px 10px 0px 0px;
	}
	
	div#OR {
		height: 30px;
		width: 30px;
		border: 1px solid #C2C2C2;
		border-radius: 50%;
		font-weight: bold;
		line-height: 28px;
		text-align: center;
		font-size: 12px;
		float: right;
		position: absolute;
		right: -16px;
		top: 40%;
		z-index: 1;
		background: #DFDFDF;
	}
	.colorgraph {
		height: 5px;
		border-top: 0;
		background: #c4e17f;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	}
	.login-or {
		position: relative;
		font-size: 14px;
		color: #aaa;
		margin-bottom: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.span-or {
		display: block;
		position: absolute;
		left: 50%;
		top: -2px;
		margin-left: -25px;
		background-color: #BABBBE;
		border: 1px solid #ffffff;
		border-radius: 20px;
		color: #fff;
		width: 50px;
		text-align: center;
	}
	.hr-or {
		background-color: #cdcdcd;
		height: 1px;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	
	span.label.label-default.margin-right-10 {
		display: inline-block;
	}
	
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 990px) {
	.search-container { transform: translateY(0) !important;}
	.search-container input.ico-01 { width: 49%; }
	.search-container input.ico-02 { width: 37%; }
	.search-container button  { width: 8.5%; }
	input.ico-01 { background-position: 95% 20px; }
	input.ico-02 { background-position: 93% 20px; }
	.search-container { padding: 120px 0; }
	.colorgraph {
		height: 5px;
		border-top: 0;
		background: #c4e17f;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	}
	.login-or {
		position: relative;
		font-size: 14px;
		color: #aaa;
		margin-top: 10px;
		margin-bottom: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.span-or {
		display: block;
		position: absolute;
		left: 50%;
		top: -2px;
		margin-left: -25px;
		background-color: #BABBBE;
		border: 1px solid #ffffff;
		border-radius: 20px;
		color: #fff;
		width: 50px;
		text-align: center;
	}
	.hr-or {
		background-color: #cdcdcd;
		height: 1px;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	
	.job-list img {
	    margin-left: 0px;
	    width: 50px;
	    height: 50px;
	}
	.resumes-list img {
	    margin-left: 30px;
	    width: 70px;
	    height: 70px;
	}
	span.small {
	    font-size: 11px;
	    margin: 0px;
	    padding: 0 0 0 0px;
	}
	.col-md-2.col-sm-2.col-xs-6.text-center.margin-bottom-5{
		padding: 0px;
		text-align: center !important;
	}
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-5{
		padding: 0px 0px 0px 0px;
		font-size: 13px;
		text-align: center !important;
	}
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-5.padding{
		padding: 0px 2px 0px 1px;
		text-align: center !important;
	}
	
	.col-md-8.col-sm-8.col-xs-12{
		text-align:left;
		margin: 0 45px 0 16px;
		padding: 0px;
	}
	.col-md-8.col-sm-8.col-xs-12.margin{
		text-align:left;
		margin: 0px;
		padding: 0px;
	}
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-10{
		padding: 0px;
		text-align: center !important;
		font-size: 13px;
	}
	.margin-bottom-5.margin-top-0{
		padding-bottom:5px;
		text-align: left;
	}
	
	.col-md-2.col-sm-2.col-xs-12.text-center.margin-bottom-5.padding{
		padding: 2px;
	}
	.col-md-6.col-sm-6.col-xs-12.small{
		text-align:center;
	}
	.row.col-md-6.col-sm-6.col-xs-12.margin-bottom-10{
		padding: 4px;
	}
	h4.no-line-height{
		line-height:28px;
	}
	.line-height-25{
		line-height:28px;
		text-align:left;
	}
	
	.resume-titlebar img {
		width: 90px;
		height: 90px;
	}
	
	.job-list .job-list-content {
		margin-left: 105px;
	}
	
	.resumes-list .resumes-list-content {
		margin-left: 130px;
	}
	
	.resume-titlebar .resumes-list-content { margin-left: 120px; }
	
	.testimonials-slider li p { padding: 80px 30px; }
	.flex-control-nav { bottom: 40px; }
	
	.infobox { font-size: 30px; padding: 45px 0px; }
	
	#counters { padding: 55px 0 52px 0; }
	
	.counter-box p { margin: 7px 0 0 0; }
	
	.counter-box i,
	.counter {
		font-size: 48px;
		line-height: 36px;
	}
	
	.info-banner a.button { margin-top: 20px; float: left; }
	
	.caption h2 { font-size: 36px; }
	.caption p {
	    font-size: 20px;
	    line-height: 30px;
	}
	
	#titlebar.photo-bg { padding: 75px 0; }
	
	.app-content .buttons {
	    left: 0;
	    display: inline-block;
	    top: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	    position: relative;
	    text-align: center;
	}
	
	.alternative #navigation {
		border-top: none;
		margin: 0;
		padding: 0;
	}
	
	.alternative #navigation ul,
	.alternative .menu ul li { margin: 0}
	.alternative #navigation ul.float-right { top: 0 }
	
	ul.float-right li a:hover,
	ul.float-right li a { 
		background-color: #fff;
		color: #333;
	}
	
	#titlebar.single.submit-page h2, .submit-page { padding: 0; }
	
	/*user-rating*/
	.user-rating.col-md-4.col-sm-6.col-xs-12.text-center{
		display:none;
	}
	.row.col-md-12.col-sm-12.col-xs-12.margin-bottom-20 {
		padding: 0px 0px 0 8px;
	}
	.btn, .btn-block{
		margin-bottom:8px;
	}
	.app-content {
		text-align:center;
	}
	span.label.label-default.margin-right-10 {
		display: inline-block;
	}
	
}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	#popular-categories li button {
		width: 50%;  
	}
	#navigation ul.float-right a
	{
		padding: 10px !important;
	}
	#navigation ul.float-right a:hover
	{
		margin: 0 auto;
	}
	header #navigation ul.float-right {
		padding: 15px;
		text-align: center;
	}
	
	.one.carousel.column { width: 5%; }
	#our-clients { width: 85%; }
	#our-clients img {  margin: 0 auto; }
	
	.search-container { transform: translateY(0) !important;}
	.search-container h2 { font-size: 40px; }
	.search-container input.ico-01 { width: 100%; margin: 0 0 15px 0; }
	.search-container input.ico-02 { width: 100%; margin: 0 0 15px 0; }
	.search-container button  { width: 100%; }
	input.ico-01 { background-position: 95% 20px; }
	input.ico-02 { background-position: 94% 20px; }
	.search-container { padding: 100px 0; }
	
	#popular-categories li a { width: 100%; }
	
	.resumes-list img, .job-list img {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		text-align: center;
	}
	.col-md-8.col-sm-8.col-xs-12, 
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-10{
		text-align:center;
		line-height: 20px;
		padding: 0px 0px 5px 0;
	}
	.rating-block.margin-bottom-5.margin-top-0{
		padding:10px 0px;
	}
	.job-icons.small{
		margin-top:5px;
		margin-bottom: 5px;
	}
	.col-md-2.col-sm-2.col-xs-6.text-center.margin-bottom-5{
		padding: 0;
		text-align:center !important;
		margin: 5px 0 0 -2px;
	}
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-5{
		padding: 0;
		margin-top: 10px;
		text-align:center !important;
	}
	.col-md-6.col-sm-6.col-xs-12.small{
		text-align: center;
		margin-bottom: 3px;
	}
	
	.row.col-md-6.col-sm-6.col-xs-12.margin-bottom-10{
		text-align:center !important;
		margin: 0px;
	}
	.margin-top-10.margin-bottom-5.view{
		text-align:center;
	}
	
	.icon-box p { margin-bottom: 30px; }
	.resume-titlebar .resumes-list-content,
	.resumes-list .resumes-list-content,
	.job-list .job-list-content {
		margin-left: 105px;
	}
	
	.testimonials-slider li p { padding: 70px 20px; }
	.flex-control-nav { bottom: 30px; }
	
	.infobox { font-size: 30px; padding: 45px 0px 65px 0; }
	.infobox a {
		width: 100%;
		display: inline-block;
		box-sizing: border-box;
		margin: 0;
		padding: 10px 15px;
		top: 15px;
	}
	
	#footer a.button { margin-bottom: 30px;}
	
	#counters { padding: 25px 0 22px 0; }
	
	.counter-box {
		border-right: 0;
		border-bottom: 1px solid #444;
		padding: 30px 0;
	}
	
	.counter-box p { margin: 7px 0 0 0; }
	
	.counter-box i,
	.counter {
		font-size: 48px;
		line-height: 36px;
	}
	
	#counters .container:before {
		width: 100%;
		height: 1px;
		bottom: 0;
		left: 0px;
	}
	
	.info-banner a.button { margin-top: 20px; float: left; }
	
	.caption h2 { font-size: 22px; }
	.caption p {
	    display: none;
	}
	
	#titlebar .button {
	    right: 0;
	    position: relative;
		margin-top: 20px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}
	
	#titlebar.photo-bg { padding: 55px 0; }
	
	.resume-titlebar img {
		width: 90px;
		height: 90px;
	}
	
	.resume-titlebar .resumes-list-content { margin-left: 120px; }
	
	#titlebar .two-buttons .button {
	    right: 0;
	    position: relative;
	    top: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
		margin-top: 0px !important;
	}
	
	#titlebar .two-buttons {
		margin-top: 20px;
	}
	
	.pagination { text-align: left; }
	.pagination-next-prev ul li a.prev { display: none; }
	.pagination ul li a, .pagination-next-prev ul li a { text-align: center; }
	
	.categories-group h4 { margin-bottom: 30px; }
	
	.app-content .buttons {
	    left: 0;
	    display: inline-block;
	    top: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	    position: relative;
	}
	
	.app-footer ul {
	    float: left;
	    margin-top: 7px;
	}
	
	.app-footer ul li {
	    margin-right: 15px;
	    margin-left: 0;
	}
	
	.app-tabs .app-tab-content .select-grid:first-child {  margin-right: 0; }
	.app-tabs .app-tab-content .select-grid { width: 100% !important; }
	.app-tabs .app-tab-content .select-grid input { margin: 15px 0 0 0;}
	
	.download-csv {
		float: left;
		margin: -5px 0 20px 0;
	}
	
	#contact fieldset div input,
	.add-comment input {  width: 100%; }
	
	.my-account { width: 100%; }
	
	.alternative #navigation {
		border-top: none;
		margin: 0;
		padding: 0;
	}
	
	.alternative #navigation ul,
	.alternative .menu ul li { margin: 0}
	.alternative #navigation ul.float-right { top: 0 }
	
	ul.float-right li a:hover,
	ul.float-right li a { 
		background-color: #fff;
		color: #333;
	}
	
	#titlebar.single.submit-page h2, .submit-page { padding: 0; }
	
	/*user rating*/
	.user-rating.col-md-4.col-sm-6.col-xs-12.text-center{
		border-bottom: 1px dotted;
		padding-bottom: 20px;
	}
	.row.col-md-12.col-sm-12.col-xs-12.margin-bottom-20 {
	    text-align: center;
	}
	.btn, .btn-block{
		margin-bottom:8px;
	}
	span.label.label-default.margin-right-10 {
		display: inline-block;
	}
	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#popular-categories li a { width: 50%; }
	.btn, .btn-block{
		margin-bottom:8px;
	}
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-5{
		padding:0px;
		margin-bottom:10px;
		text-align:center !important;
	}
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-5.padding{
		padding:0px;
		margin-bottom:10px;
		text-align:center !important;
	}
	.btn, .btn-block{
		margin-bottom:8px;
	}
	.widget h4{
		text-align:center;
		border-top:1px dotted #ccc;
		margin-top:20px;
	}
	.app-content{
		text-align: center;
		display: table;
		margin-left: 55px;
		padding: 10px;
	}
	.app-footer{
		padding: 10px;
	}
	.tabbable-line{
		text-align: center;
	}
	.small-dialog-content{
		padding: 30px;
	}
	.pull-right.margin-top-0{
		margin-top: -10px !important;
	}
	span.label.label-default.margin-right-10 {
		display: inline-block;
	}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.resume-titlebar img { display: none; }
	.resume-titlebar .resumes-list-content { margin-left: 0px; }
	.btn, .btn-block{
		margin-bottom:8px;
	}
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-5{
		padding: 0px;
		margin-bottom:10px;
		text-align:center !important;
	}
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-5.padding{
		padding: 0px 11px 0px 0px;
		margin-bottom:10px;
		text-align:center !important;
	}
	.btn, .btn-block{
		margin-bottom:8px;
	}
	.company-info.well.text-center{
		padding: 24px 0 10px 0;
	}
	.widget h4{
		text-align:center;
		border-top:1px dotted #ccc;
		margin-top:20px;
	}
	.app-content{
		text-align: center;
		display: table-footer-group
	}
	.app-footer{
		padding: 10px;
	}
	.tabbable-line{
		text-align: center;
	}
	.small-dialog-content{
		padding: 20px;
	}
	.pull-right.margin-top-0{
		margin-top: -16px !important;
	}
	.fb-image-profile
	{
		margin: -20px 22px 20px 35px;
		z-index: 9;
		width: 100% !important;
	}
	.row.col-md-8.col-xs-8.cinfo{
		text-align:center;
	}
	.col-md-12.col-xs-12.col-xs-12.margin-bottom-10{
		display: grid;
	}
	.search-container { padding: 100px 0;  }
	input.new-form-control { width: 100%; margin-top:10px; background-position: 95% 20px; !important  }
	
}



/* ------------------------------------------------------------------- */
/* Styles Switcher
---------------------------------------------------------------------- */

#style-switcher h3 {
	color:#fff;
	font-size:13px;
	margin: 5px 0 -5px 1px;
	font-weight: 500;
}

#style-switcher {
	background: #333;
	width:205px;
	position:fixed;
	top:90px;
	z-index:9999;
	left: -205px;
}

#style-switcher div {
	padding: 2px 18px 10px 18px;
}

#style-switcher h2 {
	background: #282828;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 43px;
	padding: 0 0 0 20px;
	text-transform: uppercase;
}

#style-switcher h2 a {
	background: url("../images/switcher.png") no-repeat 9px center transparent;
	background-color: #282828;
	display: block;
	height: 43px;
	position: absolute;
	right: -43px;
	text-indent: -9999px;
	top: 0;
	width: 43px;
}

.colors {
	list-style:none;
	margin: 0 0px 10px 0;
	overflow: hidden;
}

.colors li {
	float:left;
	margin: 4px 2px 0 2px;
}

.colors li a {
	display: block;
	width: 17px;
	height: 17px;
	cursor: pointer;
} 

div.layout-style {
	padding:0 !important;
}

.layout-style select {
	width: 164px;
	padding: 7px;
	color: #aaa;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	margin: 2px 0 10px 2px;
	background-color: #505050;
	border: 0;
}

.green, .green-bg { background: #26ae61; }
.blue, .blue-bg { background: #0c6aca; }
.orange, .orange-bg {background: #fa5b0f; }
.navy, .navy-bg { background: #495d7f; }
.yellow, .yellow-bg { background: #ffb400; }
.peach, .peach-bg { background :#fcab55; }
.red, .red-bg { background: #dd3737; }
.beige, .beige-bg { background: #bfa980; }
.pink, .pink-bg { background: #d64391; }
.cyan, .cyan-bg { background: #37b6bd;}
.celadon, .celadon-bg { background: #74aea1;}
.brown, .brown-bg { background: #784e3d; }
.cherry, .cherry-bg { background: #911938;}
.gray, .gray-bg { background: #808080;}
.purple, .purple-bg { background: #917ae9; }
.olive, .olive-bg { background: #b3c211; }
.light { background: #e9e9e9; }

.bg1 { background-image: url("../images/bg/squared_metal.png"); }
.bg2 { background-image: url("../images/bg/retina_wood.png"); }
.bg3 { background-image: url("../images/bg/brushed_alu.png"); }
.bg4 { background-image: url("../images/bg/crisp_paper_ruffles.png"); }
.bg5 { background-image: url("../images/bg/navy_blue.png"); }
.bg6 { background-image: url("../images/bg/bedge_grunge.png"); }
.bg7 { background-image: url("../images/bg/diamond_upholstery.png"); }
.bg8 { background-image: url("../images/bg/shattered.png"); }
.bg9 { background-image: url("../images/bg/light_toast.png"); }
.bg10 { background-image: url("../images/bg/noise_pattern_with_crosslines.png"); }
.bg11 { background-image: url("../images/bg/purty_wood.png"); }
.bg12 { background-image: url("../images/bg/subtle_stripes.png"); }
.bg13 { background-image: url("../images/bg/textured_stripes.png"); }
.bg14 { background-image: url("../images/bg/tileable_wood_texture.png"); }
.bg15 { background-image: url("../images/bg/stardust.png"); }
.bg16 { background-image: url("../images/bg/vichy.png"); }

.colors li a.active { box-shadow: 0 0 0 2px #fff inset }

#reset {margin: 0 0 10px 2px;}
#reset a.button {
	padding: 7px 14px;
	font-weight: 700;
	font-size: 13px; 
}

@media only screen and (max-width: 1024px) {#style-switcher {display: none;}}

.box {
    border: 1px solid; 
    border-radius:0px;
	margin-bottom:20px;
    transition: box-shadow 0.5s;
}
.box:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.box-jobs {
	border-radius:0px;
	margin-bottom:20px;
    transition: box-shadow 0.5s;
}
.box-jobs:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.box-jobs1 {
	border-radius:0px;
	margin-bottom:20px;
    transition: box-shadow 0.5s;
	box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.box-jobs1:hover {
	border-radius:0px;
	margin-bottom:20px;
    transition: box-shadow 0.5s;
}
.panel-heading.text-center.box-jobs a{
	color:white;
}
.padding-top-0{
	padding-top:0px;
}
.btn-sm{
	border-radius:0px;
}

.btn-sm:hover{
	color:#fff;
}
.bnt-top-10{
	margin-top:10px;
}
.small-13{
	margin:0px;
	padding:0px;
	font-size:13px;
}
.bg{
	background-color:#F6F6F6;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 -1px 20px 0 rgba(0, 0, 0, 0.19);
}
.bg-shadow{
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 -1px 20px 0 rgba(0, 0, 0, 0.19);
}
.bg-shadow-hover:hover{
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 -1px 20px 0 rgba(0, 0, 0, 0.19);
}
.bg-btn-shadow-hover:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.box-shadow-radius {
    transition: box-shadow 0.5s;
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}

#quote-carousel 
{
	padding: 0 10px 30px 10px;
	margin-top: 30px 0px 0px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
	background: none;
	color: #222;
	font-size: 2.3em;
	text-shadow: none;
	margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
	left: 0px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
	right: 0px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
	background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
	background: #333333;
}
#quote-carousel img
{
	width: 250px;
	height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
	MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
		margin-bottom: 0;
		padding: 0 40px 30px 40px;
		margin-top: 30px;
	}
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
	}
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
	}
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
	}
    .row.col-md-12.col-sm-12.col-xs-12.margin-bottom-20 {
		padding: 0px 0px 0 8px;
	}
}
.img.img-circle{
	margin: 0 auto;
	margin-bottom:15px;
}
.margin{
	margin-bottom:50px;
}
.small-11{
	font-size:11px;
	margin:0px;
	padding:0px;
	line-height: 1.9em;
}
.small-12{
	font-size:12px;
	margin:0px;
	padding:0px;
	line-height: 1.9em;
}
span.small-11{
	font-size:11px;
	margin:0px;
	padding:0px;
	line-height: 0;
	text-align:justify;
}
.panel-body.padding-top-10 {
    padding: 10px 0px;
}
ul, li
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/** client logos **/
#clients {
	display: block;
	margin-bottom: 15px;
}

#clients .clients-wrap {
	display: block;
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#clients .clients-wrap ul {
	display: block;
	list-style: none;
	position: relative;
}

#clients .clients-wrap ul li {
	display: block;
	float: left;
	position: relative;
	width: 140px;
	height: 55px;
	line-height: 55px;
	text-align: center;
}
#clients .clients-wrap ul li img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65); 
	opacity: 0.65;
}
#clients .clients-wrap ul li img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100); 
	opacity: 1.0;
}

/*************Serch**************/
.advancesearch{
    border: solid 1px #e4e7e9;
    background: rgba(255,255,255,0.5);
    margin: 0 auto;
    padding: 25px;
    color: #525252;
    text-align: left;
    display: inline-block;
}
@media only screen and (max-width: 400px) {
    .advancesearch {
        width:auto;
	}
}

/************Add Resume**************/
.wizard {
    margin: 20px auto;
    background: #fff;
}

.wizard .nav-tabs {
	position: relative;
	margin: 40px auto;
	margin-bottom: 0;
	border-bottom-color: #e0e0e0;
}

.wizard > div.wizard-inner {
	position: relative;
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid;
    
}
span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 20%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.wizard .nav-tabs > li a:hover {
	background: transparent;
}

.wizard .tab-pane {
    position: relative;
    padding-top: 0px;
}

.wizard h3 {
    margin-top: 0;
}
.step1 .row {
    margin-bottom:10px;
}
.step_21 {
    border :1px solid #eee;
    border-radius:5px;
    padding:10px;
}
.step33 {
    border:1px solid #ccc;
    border-radius:5px;
    padding-left:10px;
    margin-bottom:10px;
}
.dropselectsec {
    width: 68%;
    padding: 6px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    margin-left: 10px;
    outline: none;
    font-weight: normal;
}
.dropselectsec1 {
    width: 74%;
    padding: 6px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    margin-left: 10px;
    outline: none;
    font-weight: normal;
}
.mar_ned {
    margin-bottom:10px;
}
.wdth {
    width:25%;
}
.birthdrop {
    padding: 6px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    margin-left: 10px;
    width: 16%;
    outline: 0;
    font-weight: normal;
}


/* according menu */
#accordion-container {
    font-size:13px
}
.accordion-header {
	font-size:13px;
	background:#ebebeb;
	margin:5px 0 0;
	padding:7px 20px;
	cursor:pointer;
	color:#fff;
	font-weight:400;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px
}
.unselect_img{
	width:18px;
	-webkit-user-select: none;  
	-moz-user-select: none;     
	-ms-user-select: none;      
	user-select: none; 
}
.active-header {
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	background:#D9534F;
}
.active-header:after {
	content:"\f068";
	font-family:'FontAwesome';
	float:right;
	margin:5px;
	font-weight:400
}
.inactive-header {
	background:#333;
}
.inactive-header:after {
	content:"\f067";
	font-family:'FontAwesome';
	float:right;
	margin:4px 5px;
	font-weight:400
}
.accordion-content {
	display:none;
	padding:20px;
	background:#fff;
	border:1px solid #ccc;
	border-top:0;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	background-color: #EDEDED;
}
.accordion-content a{
	text-decoration:none;
	color:#333;
}
.accordion-content td{
	border-bottom:1px solid #dcdcdc;
}



@media( max-width : 585px ) {
	
    .wizard {
        width: 90%;
        height: auto !important;
	}
	
    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
	}
	
    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
	}
	
    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
	}
}
.input  {
    border-radius: 0;
    padding: 25px;
}
.input-nopadding  {
    border-radius: 0;
    padding: 25px;
}
.red-only{
	color:red;
}
/*************Upload Resune*****************/
.upload-drop-zone {
	height: 200px;
	border-width: 2px;
	margin-bottom: 20px;
}

/* skin.css Style*/
.upload-drop-zone {
	color: #ccc;
	border-style: dashed;
	border-color: #ccc;
	line-height: 200px;
	text-align: center
}
.upload-drop-zone.drop {
	color: #222;
	border-color: #222;
}

.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}
.margin-right-5
{
	margin-right:3px;
}
.margin-right-10 {
	margin-right: 10px;
}
.bg-blue{
	background-color:#337AB7;
}

/***************image upload********************/
img.blah {
    width: 20%;
	border:2px solid;
	border-radius:2px;
}
img.blah1{
    max-width: 30%;
	border:2px solid;
	border-radius:2px;
}

/************PROFILE**********/
.navbar-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
	margin-left: -15px;
	margin-right: -15px;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
	padding-left: 0;
	padding-right: 0;
}
.navbar-wrapper .navbar {
	padding-left: 15px;
	padding-right: 15px;
}

.navbar-content
{
    width:103%;
    padding: 2px;
    padding-bottom:0px;
}
.navbar-content:before, .navbar-content:after
{
    display: table;
    content: "";
    line-height: 0;
}
.navbar-nav.navbar-right:last-child {
    margin-right: 15px !important;
}
.navbar-footer 
{
    background-color:#DDD;
}
.navbar-footer-content { padding:10px; }
.dropdown-menu {
	padding: 0px;
	overflow: hidden;
}

.brand_network {
    color: #9D9D9D;
    float: left;
    position: absolute;
    left: 70px;
    top: 30px;
    font-size: smaller;
}

.post-content {
	margin-left:0px !important;
}

.badge-important {
    margin-top: 7px;
    margin-left: 8px;
    position: absolute;
}
.flot-right .dropdown-menu {
    right: 0;
    left: auto;
}

/*******************User Profile*********************/
a.dropdown-toggle.sf-with-ul {
    margin: 0px 15px 0px 15px;
}



/**************************************/
#responsive.margin-left-5 {
    margin-left: 10px;
    font-size: 12px;
    font-weight: normal;
}

.facebook-bg{
	background-color:#354E84;
	color:white;
	text-transform: capitalize;
}
.facebook-bg:hover{
	background-color:#354E84;
	color:white;
}
.google-plus-bg{
	background-color:#D9534F;
	color:white;
	text-transform: capitalize;
	display: inline-table;
}
.google-plus-bg:hover{
	background-color:#D9534F;
	color:white;
}
.twitter-bg{
	background-color:#00A5E3;
	color:white;
}
.twitter-bg:hover{
	background-color:#00A5E3;
	color:white;
}
/****************User skill indicator****************/
.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#eee;
	height:35px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
	width:110px;
	font-weight:bold;
	font-size:13px;
	color:#ffffff;
	background:#6adcfa;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	background:rgba(0, 0, 0, 0.1);
	padding:0 20px;
	height:35px;
	line-height:35px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:35px;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:11px;
	height:35px;
	line-height:35px;
	color:#ffffff;
	color:rgba(0, 0, 0, 0.4);
}
/********************Background Image*******************/
#titlebar.single{
	background-image: url(images/banner/pricing-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-width: 100%;
	background-position: center;
	box-shadow: 0px 2px 20px grey;
}

/********************3D - Button*******************/
.btn3d {
    transition:all .08s linear;
    position:relative;
    outline:medium none;
    -moz-outline-style:none;
    border:0px;
    margin-right:10px;
    margin-top:15px;
}
.btn3d:focus {
    outline:medium none;
    -moz-outline-style:none;
}
.btn3d:active {
    top:9px;
}
.btn-primary_shadow {
    box-shadow:0 0 0 1px #428bca inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #357ebd, 0 8px 0 1px rgba(0,0,0,0.4), 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#428bca;
}
.btn-danger_shadow {
    box-shadow:0 0 0 1px #c63702 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #C24032, 0 8px 0 1px rgba(0,0,0,0.4), 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#c63702;
}


/****************Nospance*****************/
span.nospace {
    font-family: -webkit-body;
	margin:0px;
	padding:0px;
}
span.nospace1 {
    font-family: -webkit-body;
	margin:0px;
	font-size:10px;
	padding:0px;
}
/****************Progress Bar*****************/
.progress {
    position: relative;
	height: 25px;
}
.progress > .progress-type {
	position: absolute;
	left: 0px;
	font-weight: 800;
	padding: 0px 8px 2px 10px;
	color: rgb(255, 255, 255);
	background-color: rgba(25, 25, 25, 0.2);
}
.progress > .progress-completed {
	position: absolute;
	right: 0px;
	font-weight: 800;
	padding: 0px 10px 2px;
}
/**********Profile*********/
.bs-callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin-bottom: 5px;
    padding: 20px;
}
.bs-callout:last-child {
    margin-bottom: 0px;
}
.bs-callout h4 {
    margin-bottom: 10px;
    margin-top: 0;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h4{
    color: #d9534f;
}
.btn-social{
	color: white;
	opacity:0.9;
}
.btn-social:hover {
	color: white;
    opacity:1;
}
.btn-facebook {
	background-color: #3b5998;
	opacity:1;
}
.btn-twitter {
	background-color: #00aced;
	opacity:0.9;
}
.btn-linkedin {
	background-color:#0e76a8;
	opacity:0.9;
}
.btn-google {
	background-color: #c32f10;
	opacity: 0.9;
}

button.btn.btn-sm.btn-circle.btn-info {
    border: 0px solid;
    border-radius: 20px;
}
button.btn.btn-facebook.btn-circle.btn-sm {
    border: 0px solid;
    border-radius: 20px;
}
button.btn.btn-danger.btn-circle.btn-sm {
    border: 0px solid;
    border-radius: 20px;
}
button.btn.btn-twitter.btn-circle.btn-sm {
    border: 0px solid;
    border-radius: 20px;
}

/****************Box shadow************************/
.box-shadow {
	border-radius:0px;
	margin-bottom:20px;
    transition: box-shadow 0.5s;
}
.box-shadow:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}

.box-shadow1 {
	border-radius:0px;
	margin-bottom:20px;
    transition: box-shadow 0.5s;
	box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.box-shadow-radius {
    transition: box-shadow 0.5s;
	box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.box-shadowmore-radius {
    transition: box-shadow 0.5s;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/****************Radio button****************/
#radioBtn .notActive{
    color: #3276b1;
    background-color: #fff;
}
#radioBtn1 .notActive{
    color: #3276b1;
    background-color: #fff;
}
/*****************Message-box******************(From-22-03-2017)*/
.text-black{
	
}

.panel-default .navbar-nav>.active>a, 
.panel-default .navbar-nav>.active>a:hover, 
.panel-default .navbar-nav>.active>a:focus{
    background-color:transparent!important;
}

/*Forms setup*/
.form-control {
    border-radius:0;
    box-shadow:none;
    height:auto;
    font-size: 14px;
}
.float-label{
    font-size:10px;
}

/*Content Container*/
.content-container {
    padding:35px 20px;
    margin-bottom:20px;
}
h2.content-title{
    font-size:22px;
    font-weight:300;
    text-align:center;
    margin-top:0;
    margin-bottom:20px;
    font-family: 'Open Sans', sans-serif!important;
}
/*Compose*/
.btn-send{
    text-align:center;
    margin-top:20px;
}
/*mail list*/
ul.mail-list li span.mail-sender{
    font-weight:600;
}
ul.mail-list li span.mail-message-preview{
    display:block;
	font-size: 14px;
}
.list-group-item.row.hover:hover{
	background-color:#FBFEE3;
	color:#fff !important;
}
ul.mail-list li span.mail-message-preview:hover{
	color:#fff !important;
}

ul.mail-list{
    padding:0;
    margin:0;
    list-style:none;
    margin-top:30px;
}
ul.mail-list li a{
    display:block;
    border-bottom:1px dotted;
    padding:10px;
    text-decoration:none;
}
ul.mail-list li:last-child a{
    border-bottom:none;
}

ul.mail-list li span{
    display:block;
}
.tab-pane .list-group-item:first-child {border-top-right-radius: 0px;border-top-left-radius: 0px;}
.tab-pane .list-group-item:last-child {border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.tab-pane .list-group .checkbox { display: inline-block;padding: 0px; }
.tab-pane .list-group .glyphicon { margin-right:5px; }
.tab-pane .list-group input[type="checkbox"]{ margin-top: 2px; }
.glyphicon { margin-right:5px; }

/*******************HR******************/
.hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 0px;
    height: 0;
}
.hr-margin {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 5px 0 10px 0;
}
.hr-dotted{
	border:dotted #ddd;
    border-width: 2px 0 0;
    clear: both;
    margin: 0px;
    height: 0;
}

.tooltp {
    position: absolute;
    background: pink; 
    float: right;
    width: 0px;
    right: 60px;
    padding: 10px 0px;
    margin: -5px;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
    overflow: hidden;
}
.lnk_usr:hover .tooltp{
	overflow: hidden;
	display: block;
	right: 60px;
	width: 100px;
}
/*****************Company-Info*****************/
.fb-profile img.fb-image-lg{
    z-index: 0;
    width: 100%;  
    margin-bottom: 10px;
}
.fb-image-profile
{
    margin: -90px 30px 20px 91px;
    z-index: 9;
    width: 70%; 
}
.fb-profile-text{
    font-size:22px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
.tabbable-panel {
	padding: 1px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 -1px 20px 0 rgba(0, 0, 0, 0.19);
}
.panel.panel-default {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 -1px 20px 0 rgba(0, 0, 0, 0.19);
}

.tabbable-line > .nav-tabs {
	border: none;
	margin: 0px;
}
.tabbable-line > .nav-tabs > li {
	margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	font-weight:bold;
}

.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
	border: 0;
	background: none !important;
	
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
	position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
	border: 0 !important;
	
}
.tabbable-line > .tab-content {
	margin-top: -3px;
	border: 0;
	padding: 15px;
	text-align:justify;
}
.col-lg-12.padding-10 {
    padding: 0 20px;
}
.portlet .tabbable-line > .tab-content {
	padding-bottom: 0;
}
.tabbable-line > .nav-tabs > li.active > a {
    background: none;
    border-radius: 0px;
}
.tabbable-line > .nav-tabs > li > a {
	color: #737373;
}
.tabbable-line.tabs-below > .nav-tabs > li {
	border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
	margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
	border-bottom: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
	margin-bottom: -2px;
	border-bottom: 0;
}
.tabbable-line.tabs-below > .tab-content {
	margin-top: -10px;
	border-top: 0;
	border-bottom: 1px solid;
	padding-bottom: 15px;
}
.menu_title {
    padding: 15px 10px;
    margin: 0 5px;
}
.row.col-md-8.col-xs-8 {
    padding-left: 40px;
}
h4.line-height {
    line-height: 15px;
}
.emphasis{
	margin-top:10px;
}

@media (max-width:768px){ 
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-5{
		padding: 5px 0px 0px 0px;
		margin: 0px;
		text-align:center !important;
	}
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-5.padding{
		padding: 5px 3px 10px 0px;
		text-align:center !important;
	}   
	.fb-profile-text{
		font-size:12px;
		padding-left:40px;
		font-weight:bold;
		margin:0px;
		
	}
	.fb-image-profile
	{
		margin: -30px 30px 20px 25px;
		z-index: 9;
		width: 70%; 
	}
	span.small {
		font-size:11px;
		margin:0px;
		padding:0 0 0 0px;
	}
	.row.col-md-8.col-xs-12 {
		padding-left: 23px;
	}
	
	.panel-heading.title {
		border-bottom: 1px solid;
		border-radius: 0px;
		font-weight: bold;
		font-size: 17px;
	}
	
	/* USER PROFILE PAGE */
	.card {
		margin-top: 20px;
		padding: 30px;
		background-color: rgba(214, 224, 226, 0.2);
		-webkit-border-top-left-radius:5px;
		-moz-border-top-left-radius:5px;
		border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-moz-border-top-right-radius:5px;
		border-top-right-radius:5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.card.hovercard {
		position: relative;
		padding-top: 0;
		overflow: hidden;
		text-align: center;
		background-color: #fff;
		background-color: rgba(255, 255, 255, 1);
	}
	.card.hovercard .card-background {
		height: 130px;
	}
	.card-background img {
		-webkit-filter: blur(25px);
		-moz-filter: blur(25px);
		-o-filter: blur(25px);
		-ms-filter: blur(25px);
		filter: blur(25px);
		margin-left: -100px;
		margin-top: -200px;
		min-width: 130%;
	}
	.card.hovercard .useravatar {
		position: absolute;
		top: 15px;
		left: 0;
		right: 0;
	}
	.card.hovercard .useravatar img {
		width: 100px;
		height: 100px;
		max-width: 100px;
		max-height: 100px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		border: 5px solid rgba(255, 255, 255, 0.5);
	}
	.card.hovercard .card-info {
		position: absolute;
		bottom: 14px;
		left: 0;
		right: 0;
	}
	.card.hovercard .card-info .card-title {
		padding:0 5px;
		font-size: 20px;
		line-height: 1;
		color: #262626;
		background-color: rgba(255, 255, 255, 0.1);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.card.hovercard .card-info {
		overflow: hidden;
		font-size: 12px;
		line-height: 20px;
		color: #737373;
		text-overflow: ellipsis;
	}
	.card.hovercard .bottom {
		padding: 0 20px;
		margin-bottom: 17px;
	}
	.btn-pref .btn {
		-webkit-border-radius:0 !important;
	}
}

/*****************panel**********************/
.show-on-hover:hover > ul.dropdown-menu {
    display: block;    
}

/*****************Jobs/Resume View**********************/
span.small.bg-job-view {
    border:1px solid #e0da94;
	padding:5px 5px;
	border-radius:2px;
}

/*****************H4 Line-Hight**********************/
h4.no-line-height{
	line-height:25px;
}
.line-height-25{
	line-height:25px;
}
p.small {
    padding-top: 10px;
	text-align: justify;
}

/*****************Browse Jobs Categories (Accordions)**********************/
#accordion .glyphicon { margin-right:10px; }
.panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
.panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
.panel-collapse>.list-group {margin-bottom: 0;}
.panel-collapse .list-group-item {border-radius:0;}

/***************h4 Underline*****************/
h4.uline{
    border-bottom: 3px solid #35D10E;
    margin-bottom: 20px;
}	


/****************Login****************/  

div#OR {
    height: 30px;
    width: 30px;
    border: 1px solid #C2C2C2;
    border-radius: 50%;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    float: right;
    position: absolute;
    right: -16px;
    top: 40%;
    z-index: 1;
    background: #DFDFDF;
}

/**************Hr Colorline**************/
.colorgraph {
	height: 5px;
	border-top: 0;
	background: #c4e17f;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

.login-or {
	position: relative;
	font-size: 14px;
	color: #aaa;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.span-or {
	display: block;
	position: absolute;
	left: 50%;
	top: -2px;
	margin-left: -25px;
	background-color: #BABBBE;
	border: 1px solid #ffffff;
	border-radius: 20px;
	color: #fff;
	width: 50px;
	text-align: center;
}
.hr-or {
	background-color: #cdcdcd;
	height: 1px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
} 


#login-dp{
    padding: 12px 0px 0 !important;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 100%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}

/********************Background Image*******************/
#titlebar.single{
	background-image: url(images/banner/pricing-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-width: 100%;
	background-position: center;
	box-shadow: 0px 2px 20px grey;
}
#lightbox-panel-loader{display:none;position:fixed;z-index:9999999999999;}
#lightbox-panel-mask{position:fixed;z-index:999999999;background-color:#FFF;display:none;top:0px;left:0px;width:100%;opacity:0.2;}
#radioBtn .notActive{
    color: #3276b1;
    background-color: #fff;
}
#radioBtn1 .notActive{
    color: #3276b1;
    background-color: #fff;
}

/****************Box shadow************************/
.box-shadow {
	border-radius:0px;
	margin-bottom:20px;
    transition: box-shadow 0.5s;
}
.box-shadow:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}

.box-shadow1 {
	border-radius:0px;
	margin-bottom:20px;
    transition: box-shadow 0.5s;
	box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
/****************Radio button****************/
#radioBtn .notActive{
    color: #3276b1;
    background-color: #fff;
}
#radioBtn1 .notActive{
    color: #3276b1;
    background-color: #fff;
}
/*****************Message-box******************(From-22-03-2017)*/
.text-black{
	
}

.panel-default .navbar-nav>.active>a, 
.panel-default .navbar-nav>.active>a:hover, 
.panel-default .navbar-nav>.active>a:focus{
    background-color:transparent!important;
}

/*Forms setup*/
.form-control {
    border-radius:0;
    box-shadow:none;
    height:auto;
    /* text-transform: capitalize; */
    font-size: 14px;
}
.float-label{
    font-size:10px;
}

/*Content Container*/
.content-container {
    padding:35px 20px;
    margin-bottom:20px;
}
h2.content-title{
    font-size:22px;
    font-weight:300;
    text-align:center;
    margin-top:0;
    margin-bottom:20px;
    font-family: 'Open Sans', sans-serif!important;
}
/*Compose*/
.btn-send{
    text-align:center;
    margin-top:20px;
}
/*mail list*/
ul.mail-list li span.mail-sender{
    font-weight:600;
}
ul.mail-list li span.mail-message-preview{
    display:block;
	font-size: 14px;
}

ul.mail-list{
    padding:0;
    margin:0;
    list-style:none;
    margin-top:30px;
}
ul.mail-list li a{
    display:block;
    border-bottom:1px dotted;
    padding:10px;
    text-decoration:none;
}
ul.mail-list li:last-child a{
    border-bottom:none;
}

ul.mail-list li span{
    display:block;
}
.tab-pane .list-group-item:first-child {border-top-right-radius: 0px;border-top-left-radius: 0px;}
.tab-pane .list-group-item:last-child {border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.tab-pane .list-group .checkbox { display: inline-block;padding: 0px; }
.tab-pane .list-group .glyphicon { margin-right:5px; }
.tab-pane .list-group input[type="checkbox"]{ margin-top: 2px; }
.glyphicon { margin-right:5px; }

/*******************HR******************/
.hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 0px;
    height: 0;
}
.hr-margin {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 5px 0 10px 0;
}
.hr-dotted{
	border:dotted #ddd;
    border-width: 2px 0 0;
    clear: both;
    margin: 0px;
    height: 0;
}

.tooltp {
    position: absolute;
    background: pink; 
    float: right;
    width: 0px;
    right: 60px;
    padding: 10px 0px;
    margin: -5px;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
    overflow: hidden;
}
.lnk_usr:hover .tooltp{
	overflow: hidden;
	display: block;
	right: 60px;
	width: 100px;
}
/*****************Company-Info*****************/
.fb-profile img.fb-image-lg{
    z-index: 0;
    width: 100%;  
    margin-bottom: 10px;
}
.fb-image-profile
{
    margin: -90px 30px 20px 91px;
    z-index: 9;
    width: 70%; 
}
.fb-profile-text{
    font-size:22px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
.tabbable-panel {
	padding: 1px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 -1px 20px 0 rgba(0, 0, 0, 0.19);
}
.panel.panel-default {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 -1px 20px 0 rgba(0, 0, 0, 0.19);
}

.tabbable-line > .nav-tabs {
	border: none;
	margin: 0px;
}
.tabbable-line > .nav-tabs > li {
	margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	font-weight:bold;
}

.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
	border: 0;
	background: none !important;
	
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
	position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
	border: 0 !important;
	
}
.tabbable-line > .tab-content {
	margin-top: -3px;
	border: 0;
	padding: 15px;
	text-align:justify;
}
.col-lg-12.padding-10 {
    padding: 0 20px;
}
.portlet .tabbable-line > .tab-content {
	padding-bottom: 0;
}
.tabbable-line > .nav-tabs > li.active > a {
    background: none;
    border-radius: 0px;
}
.tabbable-line > .nav-tabs > li > a {
	color: #737373;
}
.tabbable-line.tabs-below > .nav-tabs > li {
	border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
	margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
	border-bottom: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
	margin-bottom: -2px;
	border-bottom: 0;
}
.tabbable-line.tabs-below > .tab-content {
	margin-top: -10px;
	border-top: 0;
	border-bottom: 1px solid;
	padding-bottom: 15px;
}
.menu_title {
    padding: 15px 10px;
    margin: 0 5px;
}
.row.col-md-8.col-xs-8 {
    padding-left: 40px;
}
h4.line-height {
    line-height: 15px;
}
.emphasis{
	margin-top:10px;
}

@media (max-width:768px){ 
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-5{
		padding: 5px 0px 0px 0px;
		margin: 0px;
		text-align:center !important;
	}
	.col-md-2.col-sm-2.col-xs-4.text-center.margin-bottom-5.padding{
		padding: 5px 3px 10px 0px;
		text-align:center !important;
	}   
	.fb-profile-text{
		font-size:12px;
		padding-left:40px;
		font-weight:bold;
		margin:0px;
	}
	.fb-image-profile
	{
		margin: -20px 22px 20px 35px;
		z-index: 9;
		width: 100% !important;
	}
	span.small {
		font-size:11px;
		margin:0px;
		padding:0 0 0 0px;
	}
	.row.col-md-8.col-xs-12 {
		padding-left: 23px;
	}
	
	.panel-heading.title {
		border-bottom: 1px solid;
		border-radius: 0px;
		font-weight: bold;
		font-size: 17px;
	}
	
	/* USER PROFILE PAGE */
	.card {
		margin-top: 20px;
		padding: 30px;
		background-color: rgba(214, 224, 226, 0.2);
		-webkit-border-top-left-radius:5px;
		-moz-border-top-left-radius:5px;
		border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-moz-border-top-right-radius:5px;
		border-top-right-radius:5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.card.hovercard {
		position: relative;
		padding-top: 0;
		overflow: hidden;
		text-align: center;
		background-color: #fff;
		background-color: rgba(255, 255, 255, 1);
	}
	.card.hovercard .card-background {
		height: 130px;
	}
	.card-background img {
		-webkit-filter: blur(25px);
		-moz-filter: blur(25px);
		-o-filter: blur(25px);
		-ms-filter: blur(25px);
		filter: blur(25px);
		margin-left: -100px;
		margin-top: -200px;
		min-width: 130%;
	}
	.card.hovercard .useravatar {
		position: absolute;
		top: 15px;
		left: 0;
		right: 0;
	}
	.card.hovercard .useravatar img {
		width: 100px;
		height: 100px;
		max-width: 100px;
		max-height: 100px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		border: 5px solid rgba(255, 255, 255, 0.5);
	}
	.card.hovercard .card-info {
		position: absolute;
		bottom: 14px;
		left: 0;
		right: 0;
	}
	.card.hovercard .card-info .card-title {
		padding:0 5px;
		font-size: 20px;
		line-height: 1;
		color: #262626;
		background-color: rgba(255, 255, 255, 0.1);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.card.hovercard .card-info {
		overflow: hidden;
		font-size: 12px;
		line-height: 20px;
		color: #737373;
		text-overflow: ellipsis;
	}
	.card.hovercard .bottom {
		padding: 0 20px;
		margin-bottom: 17px;
	}
	.btn-pref .btn {
		-webkit-border-radius:0 !important;
	}
}

/*****************panel**********************/
.show-on-hover:hover > ul.dropdown-menu {
    display: block;    
}

/*****************Jobs/Resume View**********************/
span.small.bg-job-view {
    border:1px solid #e0da94;
	padding:5px 5px;
	border-radius:2px;
}

/*****************H4 Line-Hight**********************/
h4.no-line-height{
	line-height:25px;
}
.line-height-25{
	line-height:25px;
}
p.small {
    padding-top: 10px;
	text-align: justify;
}

/*****************Browse Jobs Categories (Accordions)**********************/
#accordion .glyphicon { margin-right:10px; }
.panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
.panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
.panel-collapse>.list-group {margin-bottom: 0;}
.panel-collapse .list-group-item {border-radius:0;}

/***************h4 Underline*****************/
h4.uline{
    border-bottom: 3px solid #35D10E;
    margin-bottom: 20px;
}
/****************Login****************/  

div#OR {
    height: 30px;
    width: 30px;
    border: 1px solid #C2C2C2;
    border-radius: 50%;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    float: right;
    position: absolute;
    right: -16px;
    top: 40%;
    z-index: 1;
    background: #DFDFDF;
}
/**************Hr Colorline**************/
.colorgraph {
	height: 5px;
	border-top: 0;
	background: #c4e17f;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

.login-or {
	position: relative;
	font-size: 14px;
	color: #aaa;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.span-or {
	display: block;
	position: absolute;
	left: 50%;
	top: -2px;
	margin-left: -25px;
	background-color: #BABBBE;
	border: 1px solid #ffffff;
	border-radius: 20px;
	color: #fff;
	width: 50px;
	text-align: center;
}
.hr-or {
	background-color: #cdcdcd;
	height: 1px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
} 


#login-dp{
    padding: 12px 0px 0 !important;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 100%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
/****************Input - filed*****************/
.group { 
	position: relative;
	margin-bottom: 10px;
}

input.text-filed {
	font-size: 15px;
	display: block;
	background:none;
	color: #636363;
	width: 100%;
	border: none;
	border-radius: 0;
}

input:focus { outline: none; }


/* Label */
label.lbl {
	color: #666; 
	font-size: 16px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	background: none;
	top: 10px;
	-webkit-transition:all 0.2s ease;
	-moz-transition: 0.2s ease all;
	transition: all 0.2s ease;
}


/* active */
input:focus ~ label, input.used ~ label {
	
}


/* Underline */
.bar {
	position: relative;
	display: block;
	width: 100%;
}

.bar:before, .bar:after {
	content: '';
	height: 2px; 
	width: 0;
	bottom: 1px; 
	border:none;
	position: absolute; 
	-webkit-transition:all 0.2s ease; 
	-moz-transition: 0.2s ease all;
	transition: all 0.2s ease;
}

.bar:before { left: 50%; }

.bar:after { right: 50%; }


/* active */
input:focus ~ .bar:before, input:focus ~ .bar:after { width: 50%; }

/* active */
input:focus ~ .highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
	border:none;
}


/* Animations */
@-webkit-keyframes inputHighlighter {
	from { background: #4a89dc; }
	to 	{ width: 0; background: transparent; }
}

@keyframes inputHighlighter {
	from { background: #4a89dc; }
	to 	{ width: 0; background: transparent; }
}
@-moz-keyframes inputHighlighter {
    from {
        background: #fff;
	}
	
    to {
        width: 0;
        background: transparent;
	}
}

/***********Panel-border-bottom*********/
.panel-body.th_bordercolor {
    border-bottom: 2px solid;
}
.panel-heading.th_bgcolor {
    color: white;
}
/**************btn-default***************/
a.btn.btn-default:hover {
	color: #fff;
	transition: all 0.4s ease-in-out;
}

/**************search field***************/
.inner-addon {
	position: relative;
}

.inner-addon .glyphicon {
	position: absolute;
	padding: 9px;
	color:#999;
	pointer-events: none;
}

.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/*******message-box img*******/
img.img-responsive.text-center.mail {
    width: 12%;
}

/************Table Sticker************/
.cnrflash
{
    position: absolute;
    top: -9px;
    right: -11px;
    z-index: 1;
    overflow: hidden;
    width: 100px;
    height: 89px;
    border-radius: 3px 5px 3px 0;
}
.cnrflash-inner
{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 129px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before, .cnrflash-inner:after
{
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}
.cnrflash-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.cnrflash-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.cnrflash-label
{
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 0px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 13px;
    line-height: 22px;
    font-weight: bold;
    text-align: center;
}

li.prev.page.ci-pagination-prev a {
    padding: 4px 12px 4px 12px;
    width: 100% !important;
}
li.next.page.ci-pagination-next a {
    padding: 4px 12px 4px 12px;
    width: 100% !important;
}
li.prev.page.ci-pagination-first a {
    padding: 4px 12px 4px 12px;
    width: 100% !important;
}
/* styles for select2 override */
.select2-container .select2-selection--single
{
	height: 39px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered
{
	padding-top: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
	top: 8px !important;
	right: 8px !important;
}
.select2-container--default .select2-selection--single
{
	border: none !important;
	border-radius: 0px !important; 
}
.select2-dropdown
{
	border: none !important;
	border-radius: 0px !important; 
}
/* styles for select2 override end */
/*********/
.new-full-time {
	color: white !important;
	font-weight: bold;
	padding: 5px;
}
@media screen and (max-width:768px) {
	.tabs-nav li {
		float: none; 
		line-height: 45px;
		overflow: hidden;
		padding: 0;
		position: relative;
		margin-bottom: 5px;
	}
	.media80{
		height:80px!important;
	}
	.media3 {
		margin-top:3px!important;	
	}
}

.recent-post-img > a > img {
	min-height:230px;
	max-height:230px;
	width:100%;
}

body{
	/*word-break: break-all;*/
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
	padding:0!important;
}

@media screen and (max-width:768px) {
	.copyrights {
		text-align: center!important;
	}
	.social-icons {
		text-align: center!important;
	}
	.social-icons-custom {
		text-align: center!important;
	}
}


@media screen and (max-width:768px) {
	.tufelpaleft15 {
		padding-left: 15px!important; 
	}
	.tufelparight15 {
		padding-right: 15px!important; 
	}
	.industries123{
		padding:  15px !important;
	}
	.fo12
	{
		font-size:12px !important;
	}
	.fo25
	{
		font-size:25px !important;
	}		
	.tufelheightforbtn {
		min-height: 151px!important;
		max-height: 151px!important;
	}
	.left-0{
		left : 0 !important ;
	}
	
	
}

/******* New Latest Css ********/


.input-new-t{
	background-color: #888888!important ;
    border-radius: 5px!important ;
    padding: 5px 17px!important ;
    border: 0!important ;
	font-size: 14px;
}

.input-new-t-2{
	border-radius: 5px!important ;
	padding: 5px 17px!important ;
	font-size: 14px;
}
.padding-browse{
	padding-left: 0px;
    padding-right: 0px;
}
.padding-browse-2{
	padding-left: 8px;
    padding-right: 0;
}

.new-button-t{
	height: 60px!important;
    width: 51%!important;
    border-radius: 7px;
    right: 44px;
}
.font-i{
	font-size: 38px;
    font-weight: 100;
}
.new-back{
	background: #fff;
    padding: 19px 15px;
    box-shadow: -1px 1px 3px 2px rgba(204, 204, 204, 0.34);
    border: 1px solid rgb(228, 227, 227);
	border-radius: 3px;
}
.box-search-new {
    background: #fff;
    box-shadow: 0px 0px 2px 0px #ccc;
    margin-top: 7px;
    min-height: 32px;
    /* padding: 2px 10px; */
    border-radius: 3px;
}
.icon-g{
	font-size: 20px;
    top: 6px;
}
.box-main{
	background-color: #ffffff;
    min-height: 268px;
    box-shadow: 0px 0px 7px 0px #ccc;
    border-radius: 5px;
	height: auto;
    padding: 15px 30px;
}
.box-main-h2{
	font-size: 19px;
	font-family: 'Poppins', sans-serif;
	
}
.box-share img{
	width:auto;
}
.share{
	position: relative;
    top: -5px;
    left: 9px;
    font-size: 16px;
}
.share img{
	float:none !important;
	
}
.social-icons-2 li {
    vertical-align: top;
    display: inline;
    height: 100px;
	border:0px !important;
	background-color:transparent!important;
	position: relative;
    top:-38px;
    left: 16px;
}
.social-icons-2 li a:before{
	content:unset;
}
a.social-icon-2 {
    padding: 8px 10px;
}
.social-icons-2 a {
    color: #999999;
    width:auto !important;
}
.social-iocn-5{
	width: 87%;
    float: right;
}
.img-job img{
	width:auto !important;
}
.menu ul > li > a {
    padding: 10px 15px!important;
}
.job-d{
	font-family: 'Poppins', sans-serif;
    position: relative;
    left: 13px;
    font-size: 16px;
	
}
.new-p-job p{
	margin: 0 0 2px 0;
    
}
.btn-job-new {
    color: #747474;
    background-color: transparent;
    border: 1px solid #747474;
    display: inline-block;
	padding: 6px 14px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
	width: 117px;
}
.btn-job-new:hover{
	text-decoration:none;
}
.apply{
	background-color: #00ac00;
    color: #fff;
    border: 1px solid #00ac00;
}
.apply:hover{
	background-color: #00ac00;
    color: #fff;
    border: 1px solid #00ac00;
	text-decoration:none;
}

.block{
	background-color: #ff3434;
    color: #fff;
    border: 1px solid #ff3434;
}
.block:hover{
	background-color: #ff3434;
    color: #fff;
    border: 1px solid #ff3434;
	text-decoration:none;
}
.save-job{
	background-color: #0e68c2;
    color: #fff;
    border: 1px solid #0e68c2;
}
.save-job:hover{
	background-color: #0e68c2;
    color: #fff;
    border: 1px solid #0e68c2;
	text-decoration:none;
}
.new-margin-col{
	margin:0px !important;
	padding-right: 15px!important;
    padding-left: 15px!important;
}
/******* New Latest Css ********/
/*============== pagination v1 =============**/
.pagination-wrap{ 
	margin:auto;
	text-align:center;
	margin-top: 30px;
	
}
.pagination-v1 > li{
	border:0px;
	
}
.pagination-v1{
	border-radius:0px!important;
	overflow:visible;
	
}
.pagination-v1 > li > a, 
.pagination-v1 > li > span {
	background-color: #fff;
    border:0px;
    border-radius:0px!important;
    color: #ff3434;
    float: left;
    font-size: 16px;
    line-height: 1.42857;
	margin-right: 8px;
    padding: 8px 17px;
    position: relative;
    text-decoration: none;
    width: auto;
    font-family: 'Poppins', sans-serif;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
	font-weight: bold;
	box-shadow:0px 0px 10px #ccc;
}
.pagination-v1 > li > a.active,
.pagination-v1 > li > a:hover,
.pagination-v1 > li > span:hover,
.pagination-v1 > li > a:focus,
.pagination-v1 > li > span:focus {
	border-color: #ff3434;
    color: #fff;
    background-color: #ff3434;
}
.pagination  li a:before{
	content:unset;
}
.new-padding-pa{
	padding: 8px 13px!important;
}
.box-profile{
	background-image: url(../images/profile-back.png);
    background-repeat: no-repeat;
    height: 308px;
    background-size: contain;
	
}

.img-box img{
    width: 130px;
    height: 130px;
    border-radius: 100px;
    margin: 20px auto;
    border-top: 4px solid #a95b61;
    border-left: 4px solid #a95b61;
    border-bottom: 4px solid #a95b61;
    border-right: 4px solid #ffff;
    padding: 2px 2px;
}
.per{
	color: #dc596b;
    font-family: 'Poppins', sans-serif;
    position: absolute;
    top: -79px;
    right: 59px;
}
.file-upload {
	position: relative;
    top: -7px;
    margin: auto;
    display: table;
}

.file-upload__label {
    display: block;
    padding: 2px 13px;
    color: #d9475c;
    background: transparent;
    border-radius: 100px;
    transition: background .3s;
    border: 1px solid #d9475c;
}
.file-upload__label:hover {
	cursor: pointer;
	background: #d9475c;
	color:#fff;
}

.file-upload__input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 1;
	width: 0;
	height: 100%;
	opacity: 0;
}
.m-h-g{
	margin: -6px 0 5px 0;
    line-height: 25px;
    font-size: 15px;
	color: #000;
}
.tabing-menu-new{
	margin: 3px 14px !important;
    padding: 4px!important;
    border: 0!important;
    background: white!important;
    width: 22.7%!important;
    box-shadow: 0px 0px 10px rgba(204, 204, 204, 0.35)!important;
    border-radius: 5px!important;
}
.tabing-menu-new >li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
    margin: 0 2%;
}
.tabing-menu-new li.active a {
    background-color: transparent !important;
    color: rgb(255, 52, 52) !important;
}
.tabing-menu-new li a {
    margin: 5px 5px 5px 5px;
    position: relative;
    display: block;
    border: 0px solid !important;
    box-shadow: none !important;
    background-color: transparent!important;
    color: #2b2121 !important;
    white-space: nowrap;
}
.hr-new-t{
	border: solid rgba(221, 221, 221, 0.72);
    border-width: 1px 0 0;
    clear: both;
    margin: 0px 0 20px;
    height: 0;
}
.new-profile{
	border: none;
    border-radius: 0px;
    position: relative;
    top: -90px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.07);
	padding: 15px 15px;
}
.bg-new-p{
	background-color: transparent!important;
    color: #e64343 !important;
    padding: 10px 10px!important;
    border-color: #e6e6e6!important;
}
.label-new{
	display: block;
    font-weight: bold;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 8px;
	color: #383838;
}
.edit-input{
	background-color: #fff!important;
    font-weight: normal!important;
	height: 36px!important;
	
}
.input-select-b {
    
	padding: 4px 10px;
	height: 36px!important;
}
.select-drop-3 {
    background-position-x:90% !important;
    background: url(../images/arrow-new-1.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.new-save{
	width: 15%;
    padding: 8px 9px;
    border-radius: 100px;
    font-size: 15px;
	background-color:#0e68c2;
	border-color:#0e68c2;
}
.new-save:hover,.new-save:focus{
	background-color:#0e68c2;
	border-color:#0e68c2;
	color:#fff;
	text-decoration:none;
}
.checkbox-new {
	margin-top: 10px;
}
label.checkbox-new {
	margin-right: 2px;
    padding-left: 27px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal !important;
    /* margin-top: 15px; */
    cursor: pointer;
    color: #acacac;
}
label.checkbox-new input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}
label.checkbox-new span {
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    /* background-color: #d4d7dc; */
    border: 2px solid #d4d7dc;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label.checkbox-new input[type="checkbox"]:checked ~ span {
    color: #FFFFFF;
    background: #ff3434 url(../images/verification-mark.png) 50% 40% no-repeat;
    border: 2px solid #ff3434;
}

label.checkbox-new span {
    border-radius: 3px;
    position: absolute;
    top: 6px;
    width: 15px;
    height: 15px;
    width: 18px;
    height: 18px;
    /* background-color: #d4d7dc; */
    border: 2px solid #d4d7dc;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.a-color{
	color:#006fff;
	text-decoration:none;
}
.a-color:hover,.a-color:focus{
	color:#006fff;
	text-decoration:none;
}
/* .width-new{
	width: 95%;
    margin: 0 auto;
} */

.file-upload-2 {
    /* position: relative;
		top: -7px;
	margin: auto; */
    display: table;
}
.file-upload__label-2 {
    display: block;
    padding: 5px 13px;
    color: #0e68c2;
    background: transparent;
    border-radius: 100px;
    transition: background .3s;
    border: 1px solid #0e68c2;
	cursor: pointer;
}
.file-upload-down{
    display: block;
    padding: 5px 13px;
    color: #0e68c2;
    background: transparent;
    border-radius: 100px;
    transition: background .3s;
    border: 1px solid #0e68c2;
}
.file-upload__input-2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width: 0;
    height: 100%;
    opacity: 0;
}
.btn-job-new-down{
    color: #e64343;
    background-color: transparent;
    border: 1px solid #e64343;
    display: inline-block;
    margin-bottom: 0;
	padding: 10px 13px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 100px;
    font-family: 'Poppins', sans-serif;
    
}
.btn-job-new-down:hover,.btn-job-new-down:focus{
	color: #e64343;
    background-color:transparent;
	text-decoration:none;
}
.job-delete{
	padding: 10px 34px;
    color: #ffffff;
    background-color: #e64343;
    border: 1px solid #e64343;
}
.job-delete:hover,.job-delete:focus{
	
    color: #ffffff;
    background-color: #e64343;
    border: 1px solid #e64343;
}
.job-padding-zero{
	padding-left:0px;
	padding-right:0px;
}

/****** Recruiters ********/
.m-k-g-s{
	width:354px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
    -webkit-box-shadow:0 1px 10px 1px rgba(0, 0, 0, 0.15);
    box-shadow:0 1px 10px 1px rgba(0, 0, 0, 0.15);
	min-height:279px;
	height:auto;
	padding-bottom: 20px;
	
}
.r-1-img{
	border-radius: 3px;
    border: 1px solid #d7d7d7;
	width: 85px;
    height: 87px;
}
.font-job{
	position: relative;
    right: 11px;
	color:#ff3434;
	font-size: 19px;
}
.name-p{
	font-size: 14px;
    color: #ff3434;
}

.font-job-2{
	position: relative;
    right: 11px;
	font-size: 19px;
	color:#393939;
}
.name-p-2{
	font-size: 14px;
	color:#393939;	
}
.new-p-job-new p {
    margin: 0 0 5px 0;
}
.job-hr{
	    margin-top: 126px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #e8e8e8;
clear: both;
}
.skill-p{
	margin: -15px 0 5px 0;
    line-height: 25px;
    font-size: 13px;
    text-align: left;
    font-family: 'Poppins', sans-serif !important;
	font-weight:500;
}
.new-follow{
	padding: 7px 21px;
	border-radius: 100px;
	 font-family: 'Poppins', sans-serif !important;
	font-weight:500;
}
.send-msg{
	    color: #666;
    text-decoration: none;
	    font-size: 14px;
}
.send-msg:hover,.send-msg:focus{
	 text-decoration: none;
}
.new-hr-m{
	    margin-top: 115px;
}
/****** Recruiters ********/

/****** Job Hight light *****/
.job-box{
	width: 100%;
    height: 97px;
    background: #fff;
    border: 1px solid rgba(204, 204, 204, 0.66);
    box-shadow: 0px 0px 7px 0px rgba(204, 204, 204, 0.78);
	
}
.job-h-img{
	position: relative;
    left: 8px;
    top:0px;
    width: 80%;
}
.job-box-img-2{
	width: 79px;
        min-height: 95px;
    border: 1px solid rgba(204, 204, 204, 0.66);
    box-shadow: 0px 0px 7px 0px rgba(204, 204, 204, 0.78);
    height: auto;
    border-radius: 0px 0px 0.5px 0px;
}
.apply-job{
	font-size:13px;
    color: #00ac00;
    margin: auto;
    display: table;
    font-weight: 100;
    text-decoration: none;
}
.apply-job:hover,.apply-job:focus{
	color: #00ac00;
	text-decoration: none;
}
.apply-hr{
	border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 2px 0 0px;
}
.m-r-t{
	    text-align: left;
    color: #000;
}
.new-p-job-2{
    margin: -15px 0 5px 0;
    line-height: 20px;
    font-size: 12px;
}
.time-ago{
	color: #a0a0a0;
    text-align: left;
    font-size: 12px;
    margin: -4px 0 10px 0;
}
.social-icons-2 div {
    vertical-align: top;
    display: inline;
    height: 100px;
    border: 0px !important;
    background-color: transparent!important;
    position: relative;
    top: -31px;
    left: 16px;
}
/****** Job Hight light *****/

.like-img{
	width: auto !important;
    position: relative;
    top: -2px;
}
.list-search {
    margin: 5px 0 0px 0;
	}


/****** Progress Bar ******/

.progress {
	width: 150px;
	height: 150px;
	line-height: 150px;
	background: none;
	margin: 0 auto;
	box-shadow: none;
	position: relative;
  }
  .progress:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 7px solid #eee;
	position: absolute;
	top: 0;
	left: 0;
  }
  .progress > span {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
  }
  .progress .progress-left {
	left: 0;
  }
  .progress .progress-bar {
	width: 100%;
	height: 100%;
	background: none;
	border-width: 7px;
	border-style: solid;
	position: absolute;
	top: 0;
	border-color: #ff3434;
  }
  .progress .progress-left .progress-bar {
	left: 100%;
	border-top-right-radius: 75px;
	border-bottom-right-radius: 75px;
	border-left: 0;
	-webkit-transform-origin: center left;
	transform-origin: center left;
  }
  .progress .progress-right {
	right: 0;
  }
  .progress .progress-right .progress-bar {
	left: -100%;
	border-top-left-radius: 75px;
	border-bottom-left-radius: 75px;
	border-right: 0;
	-webkit-transform-origin: center right;
	transform-origin: center right;
  }
  .progress .progress-value {
	display: flex;
	border-radius: 50%;
	font-size: 36px;
	text-align: center;
	line-height: 20px;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-weight: 300;
  }
  .progress .progress-value div {
	margin-top: 10px;
  }
  .progress .progress-value span {
	font-size: 12px;
	text-transform: uppercase;
  }
  
  /* This for loop creates the 	necessary css animation names 
  Due to the split circle of progress-left and progress right, we must use the animations on each side. 
  */
  /* .progress[data-percentage="10"] .progress-right .progress-bar {
	animation: loading-1 1.5s linear forwards;
  }
  .progress[data-percentage="10"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="20"] .progress-right .progress-bar {
	animation: loading-2 1.5s linear forwards;
  }
  .progress[data-percentage="20"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="30"] .progress-right .progress-bar {
	animation: loading-3 1.5s linear forwards;
  }
  .progress[data-percentage="30"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="40"] .progress-right .progress-bar {
	animation: loading-4 1.5s linear forwards;
  }
  .progress[data-percentage="40"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="50"] .progress-right .progress-bar {
	animation: loading-5 1.5s linear forwards;
  }
  .progress[data-percentage="50"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="60"] .progress-right .progress-bar {
	animation: loading-5 1.5s linear forwards;
  }
  .progress[data-percentage="60"] .progress-left .progress-bar {
	animation: loading-1 1.5s linear forwards 1.5s;
  }
  
  .progress[data-percentage="70"] .progress-right .progress-bar {
	animation: loading-5 1.5s linear forwards;
  }
  .progress[data-percentage="70"] .progress-left .progress-bar {
	animation: loading-2 1.5s linear forwards 1.5s;
  }
  
  .progress[data-percentage="80"] .progress-right .progress-bar {
	animation: loading-5 1.5s linear forwards;
  }
  .progress[data-percentage="80"] .progress-left .progress-bar {
	animation: loading-3 1.5s linear forwards 1.5s;
  }
  
  .progress[data-percentage="90"] .progress-right .progress-bar {
	animation: loading-5 1.5s linear forwards;
  }
  .progress[data-percentage="90"] .progress-left .progress-bar {
	animation: loading-4 1.5s linear forwards 1.5s;
  }
  
  .progress[data-percentage="100"] .progress-right .progress-bar {
	animation: loading-5 1.5s linear forwards;
  }
  .progress[data-percentage="100"] .progress-left .progress-bar {
	animation: loading-5 1.5s linear forwards 1.5s;
  }
  
  @keyframes loading-1 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(36);
	  transform: rotate(36deg);
	}
  }
  @keyframes loading-2 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(72);
	  transform: rotate(72deg);
	}
  }
  @keyframes loading-3 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(108);
	  transform: rotate(108deg);
	}
  }
  @keyframes loading-4 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(144);
	  transform: rotate(144deg);
	}
  }
  @keyframes loading-5 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(180);
	  transform: rotate(180deg);
	}
  } */
  
  .progress {
	margin-bottom: 1em;
  }
  .progress-img{
		  /* width: 140px;
	  height: 140px;
	  border-radius: 100px;
	  position: relative;
	  top: -3px; */
	  width: 130px;
    height: 130px;
    border-radius: 100px;
    position: relative;
    top: -65px;
    left: 35px;
  }
  canvas{
	  height: 140px;
	  width:140px;
  }
  .new-row-2{
		  margin: auto;
	  display: table
  }
   .new-check-box-modal {
    float: left;
    width: auto;
    margin-right: 11px;
}
  .select2-container--default .select2-selection--multiple {
   
    padding: 0px 2px !important;
   
}
.select2-container .select2-search--inline .select2-search__field {
	font-size:14px !important;
}
.box-search-new select {
	height:42px !important;
	/* font-family: 'Poppins', sans-serif; */
	color: #666;
	padding: 0px 2px !important;
}
.text-align-mobile{
	
	float:none !important;
	text-align: justify !important;
}
  /****** Progress Bar ******/	