/*-- Body --*/

* { 
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	box-sizing: border-box;

	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -moz-font-feature-settings: "liga" on;

}

html {

	width: 100%;
	height: 100%;
}

body { 


	font: 14px/30px "Avenir Next Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #22222a;
	letter-spacing: 0.5px;
	width: 100%;
	background-color: #fff;

}

#auth-layout{
	height: 100%;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

textarea,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;

}

.body-color{ background-color: #6243ff; }
.body-white{ background-color: #fff; }



/* --- Colour -- */



.red-bg 					{ background-color: #ff2200; }
.amber-bg					{ background-color: #ffaa00; }
.green-bg					{ background-color: #8adc54; }
.white-bg					{ background-color: #fff; }

.blue-bg 					{ background-color: #0044ff; }
.purple-bg					{ background-color: #6243ff; }
.light-grey-bg				{ background-color: #b8babc; }
.ligt-blue-grey-bg			{ background-color: #f8fafb; }

.red-color					{ color: #ff2200; }
.amber-color				{ color: #ffaa00; }
.green-color				{ color: #8adc54; }

.black-color				{ color: #22222a; }

.grey-color 				{ color: #99999a; }

.light-grey-color			{ color: #aaaaaf; }
.very-light-grey-color 		{ color: #ccccca; }



/*-- Global --*/



.clear{
	clear: both;
}

.float-right{
	float: right;
}

.float-left{
	float: left;
}


.display-none{
	display: none;
}

.hover-pointer{
	cursor: pointer;
}

.load-hide{
	opacity: 0;
}

.overflow-hidden{
	overflow: hidden;
}

.small-caps{

	font: 11px/50px "Avenir Next Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.padding-left-20px{
	padding-left: 20px;
}

.padding-right-20px{
	padding-right: 20px;
}

.margin-right-10px{
	margin-right: 10px;
}

a, a:hover, a:active, a:focus{
	text-decoration: none;
	color: #22222a;
	-webkit-transition: 0.3s;
    transition: 0.3s;
}

a:hover{
	color: #11111a;
}


.body-link {
    color: #22222a;
    border-bottom: 1px solid rgba(34, 34, 35, 0.1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.body-link:hover{
	border-bottom: 1px solid rgba(34, 34, 35, 0.3);
}



.results-title {

	color: #22222a;
	font-size: 16px;
}

.avatar-medium{

	width: 60px;
	height: 60px;
	border-radius: 4px;
}

.avatar-large{

	width: 80px;
	height: 80px;
	border-radius: 4px;
}

.avatar-max{

	width: 80px;
	height: 80px;
	border-radius: 4px;
}

.list-dot{

	display: inline-block;
  	width: 10px;
  	height: 10px;
  	margin-right: 12px;
  	border-radius: 5px;
}

.list-dot-mobile{
	display: inline-block;
  	width: 8px;
  	height: 8px;
  	margin-left: 10px;
  	margin-bottom: 1px;
  	border-radius: 4px;
  	display: none;
}

.status-dot-grey,
.status-dot-green,
.status-dot-red,
.status-star-grey,
.status-star-green,
.status-star-red,
.status-shortlist-grey,
.status-shortlist-green,
.status-shortlist-red
{
	width: 45px;
	height: 60px;
	margin-top: 0px;
}

.message-status-dot{
	
	margin-left: 0px;
    margin-top: 25px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #8adc54;
}

.message-status-dot-outline{

    margin-left: 0px;
    margin-top: 25px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid #dddddf;

}

.status-dot-grey{
	background: transparent url(../images/icons/icon-dot-grey.svg) no-repeat center;
    background-size: 50px 50px;
}
.status-dot-green{
	background: transparent url(../images/icons/icon-dot-green.svg) no-repeat center;
    background-size: 50px 50px;
}
.status-dot-red{
	background: transparent url(../images/icons/icon-dot-red.svg) no-repeat center;
    background-size: 50px 50px;
}

.status-star-grey{
	background: url(../images/icons/icon-star-grey.svg) no-repeat center;
    background-size: 50px 50px;
}

.status-shortlist-grey{
	background: transparent url(../images/icons/icon-dot-grey.svg) no-repeat center;
    background-size: 50px 50px;
}

.status-shortlist-green{
	background: transparent url(../images/icons/icon-dot-green.svg) no-repeat center;
    background-size: 50px 50px;
}

.status-shortlist-red{
	background: transparent url(../images/icons/icon-dot-red.svg) no-repeat center;
    background-size: 50px 50px;
}

.delete-btn-list,
.notes-btn-list,
.favourite-btn-list,
.shortlist-btn-list,
.notes-btn-list.active,
.favourite-btn-list.active,
.shortlist-btn-list.active {

	width: 45px;
	height: 40px;
	margin-top: 10px;

	border: none;

	text-indent: -9000px;
	border-radius: 4px;
	

}





.shortlist-btn-list{

	background: transparent url(../images/icons/icon-bookmark-24.svg) no-repeat center 7px;
    background-size: 24px 24px;

    opacity: 0.2;

    -webkit-transition: 0.2s;
    transition: 0.2s;

    margin-left: -17px;

}



.shortlist-btn-list.active{

	background: transparent url(../images/icons/icon-bookmark-green-24.svg) no-repeat center 7px;
    background-size: 24px 24px;

    opacity: 1;

}

.favourite-btn-list{

	background: transparent url(../images/icons/icon-star-grey.svg) no-repeat center -4px;
    background-size: 50px 50px;

    opacity: 0.25;

    -webkit-transition: 0.2s;
    transition: 0.2s;

}
.shortlist-btn-list:hover,
.favourite-btn-list:hover{
	opacity: 0.8;
}

.favourite-btn-list.active{

	background: transparent url(../images/icons/icon-star-green.svg) no-repeat center -4px;
    background-size: 50px 50px;

    opacity: 1;

}



.notes-btn-list{

	background: transparent url(../images/icons/icon-star-grey.svg) no-repeat center -2px;
    background-size: 50px 50px;

    opacity: 0.25;

    margin-left: -17px;

    -webkit-transition: 0.2s;
    transition: 0.2s;

}

.notes-btn-list:hover{
	opacity: 0.6;
}

.notes-btn-list.active{

	background: transparent url(../images/icons/icon-star-green.svg) no-repeat center -2px;
    background-size: 50px 50px;

    opacity: 1;

}

.delete-btn-list{

	background: transparent url(../images/icons/icon-message-24-dark.svg) no-repeat center 9px;
    background-size: 24px 24px;

    opacity: 0.25;

    -webkit-transition: 0.2s;
    transition: 0.2s;

}

.delete-btn-list:hover{
	opacity: 0.8;
}

.currency-light{
	font-size: 12px;
	color: #99999a;
}

.keyline {
	
	display: block;
	width: 100%;
	margin: auto;
	height: 1px;
	background-color: #f1f1f2;

}

.index-slack-container{
	position: fixed;
	display: block;
	bottom: 25px;
	right: 25px;
	height: 60px;
	border-radius: 6px;
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.05);
	border: 1px solid #e0e0e1;
	padding: 15px 25px 15px 55px;
	font-size: 16px;

	-webkit-transition: 0.2s;
    transition: 0.2s;

}


.index-slack-container:hover{
	border: 1px solid #c1c1c2;
	cursor: pointer;
}

.index-slack-icon{

	width: 30px;
	height: 30px;
	position: absolute;
	top: 15px;
	left: 15px;

	background: url(../images/icons/icon-slack-black.svg) center no-repeat;
	background-size: 60px;

}

.fab{
	
	opacity: 1;
	position: fixed;
	display: block;
	bottom: 25px;
	right: 25px;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);

	-webkit-transition: 0.2s;
    transition: 0.2s;

    z-index: 4000;

}

.fab.left{
	right: 92px;
}

.fab.green{
	background-color: #8adc54;
	border: none;
}

.fab.outline{
	background-color: #fff;
	border: 1px solid rgba(34,34,35,0.1);
}

#fab-preview{

	color: #fff;
	background: #8adc54 url(../images/icons/icon-eye-24.svg) no-repeat center;
    background-size: 18px 18px;
}

#fab-preview.disabled{
	display: none;
}

#fab-edit{
	background: #8adc54 url(../images/icons/icon-edit-24.svg) no-repeat center 48%;
    background-size: 24px 24px;
}

#fab-new{
	background: #8adc54 url(../images/icons/icon-plus-24.svg) no-repeat center 48%;
    background-size: 24px 24px;
}

.fab-favourite {
	background: #fff url(../images/icons/icon-star-24.svg) no-repeat center 16px;
    background-size: 24px 24px;
    border: 1px solid rgba(34,34,35,0.1);
}

.fab-favourite.active{
	background: #8adc54 url(../images/icons/icon-star-filled-24.svg) no-repeat center 16px;
    background-size: 24px 24px;
    border: none;
}

.fab-chat{
	background: #8adc54 url(../images/icons/icon-message-24-white.svg) no-repeat center;
    background-size: 24px 24px;
    border: none;
}


.stripe-button-el{

	width:146px;
	height: 50px;
	font: 11px/50px "Avenir Heavy", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1.5px;

	text-transform: uppercase;
	text-align: center;

	border-radius: 0px !important;

}

.stripe-button-el span{

	border-radius: 0px !important;
	background-color: #ff9900 !important;

}
.standard-btn{

	display: block;
	border: none;
	min-width:160px;
	height: 48px;
	font: 12px/48px "Avenir Heavy", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-align: center;
	border-radius: 4px;
	padding-left: 24px;
	padding-right: 24px;

}

.square-btn{

	display: inline-block;
	border: 0;
	width:50px;
	height: 50px;
	font: 11px/50px "Avenir Heavy", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1.5px;
	text-align: center;
	text-indent: -10000px;
	border-radius: 4px;

}





.square-btn:active, .standard-btn:active, .square-btn:focus, .standard-btn:focus{
	outline: none;
}

.light-btn{
	color: #66666a;
	background-color: #f9fafb;
}

.outline-btn{
	color: #66666a;
	background-color: #fff;
	border: 1px solid #e0e0e1;
	line-height: 48px;
}

.outline-btn:hover{
	color: #22222a;
	background-color: #fff;
	/*border: 1px solid #d1d1d2;*/
	border: 1px solid #c1c1c2;
	cursor: pointer;
}

.green-btn{
	color: #fff;
	background-color: #8adc54;
}

.green-btn.error{
	color: #fff;
	background-color: #ff2200;
}

.green-btn.disabled{
	color: #99999a;
	background-color: #f9fafb;
}

.green-btn:hover{
	color: #fff;
	background-color: #7bcb46;
	cursor: pointer;
}

.green-btn.error:hover{
	color: #fff;
	background-color: #ff2200;
	cursor: pointer;
}

.plan-btn{
	color: #fff;
	background-color: #5348df;
}

.plan-btn.error{
	color: #fff;
	background-color: #ff2200;
}

.plan-btn:hover{
	color: #fff;
	background-color: #4c42c9;
	cursor: pointer;
}

.green-btn.error:hover{
	color: #fff;
	background-color: #ff2200;
	cursor: pointer;
}

.grey-btn{

	color: #fff;
	background-color: #cad3d9;
}

.grey-btn:hover{
	background-color: #b7bfc6;
	cursor: pointer;
}

.red-btn{
	color: #fff;
	background-color: #ff2200;
}

.red-btn:hover{
	color: #fff;
	background-color: #ff1100;
	cursor: pointer;
}

.amber-btn{
	color: #fff;
	background-color: #ff9900;
	cursor: pointer;
}

.amber-btn:hover{
	color: #fff;
	background-color: #ff8800;
	cursor: pointer;
}


.submit-profile{
	float: left;
}

.add-work-btn{
	margin-right: 11px;
	outline:none;
}

.add-work-btn.right{
	margin-right: 0px;
	outline:none;
}

.shortlist-btn,
.favourite-btn{
	color: #66666a;
	background-color: #fff;
	border: 1px solid #e0e0e1;
	line-height: 48px;
}

.shortlist-btn:hover,
.favourite-btn:hover{
	color: #22222a;
	background-color: #fff;
	border: 1px solid #c1c1c2;
	cursor: pointer;
}

.shortlist-btn.active,
.favourite-btn.active{
	color: #fff;
	background-color: #8adc54;
	border: none;
}

.shortlist-btn.active:hover,
.favourite-btn.active:hover{
	color: #fff;
	background-color: #7bcb46;
	border: none;
	cursor: pointer;
}

.chat-btn{
	margin-left: 10px;
	background: transparent url(../images/icons/icon-feather-message.svg) no-repeat center;
	background-size: 20px;
}

.more-actions-content .chat-btn{
	background: none;
}

.message-btn{
	float: left;
}


/*-- Layout --*/


.site-container{

	background-color: #fff;
}


.content-container{

	width: 100%;
	max-width: 1024px;
	margin: auto;
	padding-left: 32px;
	padding-right: 32px;
}

.admin .content-container{
	max-width: 100%;
}

.content-container.load-more{
	position: relative;
}

.form-container{

	width: 100%;
	max-width: 1024px;
	margin: auto;
	padding-left: 12px;
	padding-right: 12px;

}

.form-content-container{

	padding-left: 20px;
	padding-right: 20px;

}

.work-container{

	width: 100%;
	min-height: 600px;
	padding-left: 12px;
	padding-right: 12px;
}

.content-container-short{

	width: 100%;
	height: 100%;
	min-height: 500px;
  	
  	padding-top: 100px;
  	padding-bottom: 30px;
 
 }

 .content-container-long{

	width: 100%;
	min-height: 100%;
  	
  	padding-top: 100px;
  	padding-bottom: 30px;
 
 }

 .auth-container-short{

	display: flex;
	justify-content: center;
  	align-items: center;
  	height: 100%;
	
}

.auth-container-long{

	margin-top: 60px;
	margin-bottom: 90px;
	height: 100%;
	
}

.auth-form-container{

	margin: auto;
	width: 100%;
	max-width: 524px;
	padding-left: 32px;
	padding-right: 32px;
	padding-bottom: 30px;

	-webkit-transition: 0.5s;
    transition: 0.5s;

}

.reset-container{

	position: absolute;
	width: 100%;
	height: 30px;
	margin-top: -40px;
	text-align: center;
	color: #99999a;
	
}

.reset-container a{
	opacity: 0.6;

	-webkit-transition: 0.2s;
    transition: 0.2s;
}

.reset-container a:hover{
	opacity: 1;
}

.row{

	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #f1f1f2;
	
	padding-top: 40px;
	padding-bottom: 40px;
}

.row:hover{
	background-color: #f8fafb;
}



.row .search-text:hover,
.row .favourites-text:hover,
.row .results-text:hover,
.row .avatar-medium:hover {

	cursor: pointer;

}



.load-more-row {

	border-bottom: none;
}

.load-more-row button{
	margin-top: 40px;
}


/*
.row:hover{
	background-color: #f8fafb;
}
*/

.row-dark-border{

	border-bottom: 1px solid #f1f1f2;
}

.empty-state-row{

	width: 100%;
	min-height: 90px;
	background-color: #f5f7fa;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 30px 50px 30px 65px;
	position: relative;
	color: #99999a;

	line-height: 22px;

}

.connect-row{

	width: 100%;
	min-height: 90px;
	background-color: #fff;
	margin-top: 40px;
	margin-bottom: 0px;
	padding: 30px 30px 30px 65px;
	position: relative;
	color: #99999a;

	line-height: 22px;

	border: 1px solid #e0e0e1;

}

.connect-row:hover{
	cursor: pointer;
	border: 1px solid #c1c1c2;
}

.connect-row p,
.empty-state-row p{

	font-size: 16px;
	line-height: 30px;
}


.empty-state-icon{

	width: 30px;
	height: 30px;
	position: absolute;
	top: 30px;
	left: 20px;

	background: url(../images/icons/icon-info-colour.svg) center no-repeat;

}

.connect-slack-icon{

	width: 30px;
	height: 30px;
	position: absolute;
	top: 30px;
	left: 20px;

	background: url(../images/icons/icon-slack-black.svg) center no-repeat;
	background-size: 60px;

}

.connect-twitter-icon{

	width: 30px;
	height: 30px;
	position: absolute;
	top: 30px;
	left: 20px;

	background: url(../images/icons/icon-twitter-30-black.svg) center no-repeat;
	background-size: 40px;

}

.connect-medium-icon{

	width: 30px;
	height: 30px;
	position: absolute;
	top: 30px;
	left: 20px;

	background: url(../images/icons/icon-medium-black.svg) center no-repeat;
	background-size: 28px;

}

.connect-dribbble-icon{

	width: 30px;
	height: 30px;
	position: absolute;
	top: 30px;
	left: 20px;

	background: url(../images/icons/icon-dribbble-30-colour.svg) center no-repeat;
	background-size: 40px;

}

.empty-state-title{

	color: #22222a;
	margin-right: 12px;
	
}

.settings-row{

	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #f1f1f2;
	padding-top: 45px;
	padding-bottom: 45px;

}

.settings-row-content {

    display: block;
    width: 1000px;
    margin: auto;

    padding-top: 60px;
    padding-bottom: 60px;
    

}


.settings-row-submit {

    display: block;
    width: 100%;
    margin: auto;

    padding-top: 40px;
    

}

.settings-text{
    color: #88888a;
    font-size: 15px;
    line-height: 25px;
    padding-left: 0px;
    padding-top: 4px;
}

.settings-title{

    font-size: 16px;
    line-height: 20px;
    color: #22222a;
}

.column-33,
.column-1,
.column-1-4,
.column-1-5,
.column-2,
.column-3,
.column-4,
.column-4-5,
.column-5,
.column-6,
.column-7,
.column-6-7,
.column-25,
.column-50{
	
	position: relative;
	float: left;
	display: block;
	min-height: 60px;
	
}

.column-33 		{ width: 33.33%; }

.column-1 		{ width: 405px; }

.column-1-4		{ width: 825px; }
.column-1-5		{ width: 870px; }

.column-2,
.column-3,
.column-4  		{ width: 140px; }

.column-4-5  	{ width: 185px;}

.column-5 		{ width: 45px;}
.column-6 		{ width: 45px;}
.column-7 		{ width: 45px;}

.column-6-7		{ width: 90px; }

.column-1-7{

	min-height: 50px;
	width: 100%;
}


.column-25 {
	width: 250px;
	padding-left: 20px;
	padding-right: 20px;
}

.column-50 {
	width: 500px;
	padding-left: 20px;
	padding-right: 20px;
}

.admin .column-50{
	width: 50%;
}

.column-100 {
	width: 100%;
	max-width: 1000px;
	padding-left: 20px;
	padding-right: 20px;
}

.admin .column-100{
	max-width: 100%;
}




.profile-column-25 {

	float: left;
	width: 25%;
	min-height: 10px;
}

.profile-column-75{
	float: left;
	width: 75%;
	min-height: 10px;
}

.profile-mid-column{

	width: 100%;
	max-width: 960px;
	padding-left: 30px;
	padding-right: 30px;
	margin: auto;
}

.profile-bottom-action-bar a,
.profile-bottom-action-bar button{
	margin-top: 40px;
	margin-right: 10px;
}

.profile-clients-column-75{
	float: left;
	width: 720px;
	padding-left: 20px;
	padding-right: 60px;
}

.profile-lists-column-25{

	float: left;
	width: 250px;
	padding-left: 20px;
	padding-right: 20px;
}

.profile-work-column-25 {
	min-height: 10px;
	float: left;
	width: 25%;
	padding: 0px 20px 0px 0px;
}

.profile-work-column-75 {
	float: left;
	width: 75%;
	padding: 0px 20px 0px 0px;
}

.profile-work-column-50 {
	float: left;
	width: 50%;
	padding: 0px 20px 60px 20px;
}

.profile-work-column-100{
	width: 100%;
	padding: 0px 0px 0px 0px;
}

#load-more-content{

	/*padding-top: 40px;*/
}

.footer{
	
	width: 100%;
	height: 160px;
	background-color: #fff;
	padding-top: 60px;
	border
}

.footer.profile .content-container{

	max-width: 960px;
}

.footer ul{
	float: left;
}
.footer li{
	display: inline-block;
	margin-right: 20px;
	margin-top: 20px;
}

.footer a{
	color: #99999a;
}

.footer a:hover{
	color: #33333a;
}

.footer-copyright{
	float: right;
	margin-top: 20px;
	color: #99999a;
}



/*-- Nav Bar --*/



.nav-bar{

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    padding-left: 32px;
    padding-right: 32px;

    z-index: 5000;

}

.nav-bar-color{

    background-color: #6243ff;
    color: #fff;

}

.nav-bar-home{

    background-color: #5f41f6;
    color: #fff;

}

.nav-bar-white{

    background-color: #fff;
    color: #22222a;

    position: fixed;
    top: 0;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(34,34,42,0.133);
    -moz-box-shadow: 0px 1px 0px 0px rgba(34,34,42,0.133);
    box-shadow: 0px 1px 0px 0px rgba(34,34,42,0.133);

}

.nav-bar-content-left{

    float: left;
    padding-top: 42px;

}

.logo {

	display: block;
	width: 62px;
	height: 15px;

}
.nav-bar-home .logo,
.nav-bar-color .logo{
	
	background: url(../images/logo-light.svg);
    background-size: 62px 15px;
}

.nav-bar-white .logo{
	
	background: url(../images/logo-dark.svg);
    background-size: 62px 15px;
}

.nav-bar-content-right{

    float: right;
    padding-top: 35px;
    padding-right: 64px;

}

.panel .nav-bar-content-right, 
.panel-job .nav-bar-content-right, 
.panel-messages .nav-bar-content-right{
	padding-right: 0px;
}

#auth-layout .nav-bar-content-right,
#home-layout .nav-bar-content-right{
	padding-right: 0px;
}

.nav-bar-text {

	float: left;
	margin-right: 40px;
	position: relative;

}

.nav-bar-text:last-child{
	margin-right: 0px;
} 

.nav-bar-home .nav-bar-list a,
.nav-bar-color .nav-bar-list a { 
	
	color: #fff;
	opacity: 0.5;
	
	-webkit-transition: 0.1s;
    transition: 0.1s;

    text-decoration: none;

}

.nav-bar-white .nav-bar-list a { 
	
	color: #22222a;
	opacity: 0.5;
	
	-webkit-transition: 0.1s;
    transition: 0.1s;

    text-decoration: none;

}

.nav-icon-more{
	position: absolute;
	width: 40px;
	height: 40px;
	right: 24px;
	top: 30px;
	background: transparent url(../images/icons/more-white.svg) no-repeat center;
	background-size: 30px;
	border: none;
	opacity: 0.5;
}

.nav-icon-more:hover{
	opacity: 1;
}

.nav-bar-white .nav-icon-more{
	background: transparent url(../images/icons/more-dark.svg) no-repeat center;
	background-size: 30px;
}

.nav-bar-white .nav-icon-mobile{

	background: transparent url(../images/icons/more-dark.svg) no-repeat center;
	background-size: 30px;

}

.nav-bar-white .nav-bar-list a.active,
.nav-bar-home .nav-bar-list  a.active,
.nav-bar-color .nav-bar-list a.active {
	opacity: 1;
} 


.nav-bar-white .nav-bar-list a:hover 		{ opacity: 1;}
.nav-bar-white .nav-bar-list a:active 		{ opacity: 1;}
.nav-bar-white .nav-bar-list a:focus 		{ opacity: 1;}

.nav-bar-home .nav-bar-list a:hover,
.nav-bar-color .nav-bar-list a:hover 		{ opacity: 1;}
.nav-bar-home .nav-bar-list a:active,
.nav-bar-color .nav-bar-list a:active 		{ opacity: 1;}
.nav-bar-home .nav-bar-list a:focus,
.nav-bar-color .nav-bar-list a:focus 		{ opacity: 1;}

.message-notification{
	
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 3px;
	right: -9px;
	border-radius: 100%;
	background-color: #87de4a;
}



/*-- Side Menu --*/

#side-menu-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	display: none;

	font: 14px/30px "Avenir Next Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #22222a;
	letter-spacing: 0.5px;

}

#side-menu-container.show{
	display: block;
}

#side-menu-fade{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(34, 34, 37, 0.05);
}

#side-menu{
	position: absolute;
	top: 0;
	right: 0;
	width: 360px;
	height: 100%;
	background-color: #fff;
	z-index: 5000;
	padding-left: 32px;
	padding-top: 25px;
	-webkit-box-shadow: 0px 0px 32px 0px rgba(17,17,26,0.1);
	-moz-box-shadow: 0px 0px 32px 0px rgba(17,17,26,0.1);
	box-shadow: 0px 0px 32px 0px rgba(17,17,26,0.1);
}

.side-menu-text{
	position: relative;
	font-size: 18px;
	line-height: 48px;
}

a.sign-out ,
.side-menu-text a{
	color: #66666a;
}

a.sign-out:hover,
.side-menu-text a.active,
.side-menu-text a:hover{
	color: #22222a;
}
.side-menu-small-list{
	padding-top: 30px;
}

.side-menu-text-small{
	font-size: 14px;
	line-height: 32px;
	color: #99999a;
}

.side-menu-text-small a{
	color: #99999a;
}

.side-menu-text-small a:hover{
	color: #66666a;
}

#side-menu .sign-out{

	font-size: 18px;
	line-height: 48px;
	position: absolute;
	bottom: 25px;
}


/*-- Page Header --*/




.header{

	position: relative;

	height: 40vh;
	width: 100%;
	
}


.header-color { 

	background-color: #6243ff;

}

.header-white {
	
	background-color: #fff; 
	color: #11111a;

	margin-top: 100px;

}

.header-subtitle{
	padding-top: 135px;
	color: #fff;
	opacity: 0.3;
	font-size: 16px;
}

.header-title{

	position: absolute;
	bottom: 40px;
	font-size: 34px;
	line-height: 44px;
	letter-spacing: 1px;
}

.header-color .header-title{
	color: #fff;
}

.header-white .header-title{
	color: #22222a;
}



/*-- Action Bar --*/


.action-bar{

    position: absolute;
	/*top: 320px;*/
    
    width: 100%;

    margin: auto;
    height: 100px;

    z-index: 1000;

    background-color: #6243ff;

    border-top: 1px solid #5c3fef;
    margin-top: -1px;



    
   	-webkit-box-shadow: 0px 1px 0px 0px #6243ff;
    -moz-box-shadow: 0px 1px 0px 0px #6243ff;
    box-shadow: 0px 1px 0px 0px #6243ff;
    

}

.action-bar-content{

	position: relative;
	height: 100px;

}

.action-bar.headroom--not-top{

	position: fixed;
	top: 0px;

	z-index: 1001;

}

#job-percentage{

	padding-top: 35px;
	color: #fff;
	opacity: 0.5;
	line-height: 30px;
	
}

.sort-btn{

	position: absolute;
	color: #fff;
	opacity: 0.5;
	
	padding: 10px;
	margin-top: 25px;
	margin-left: -10px;

	-webkit-transition: 0.1s;
    transition: 0.1s;
}

.sort-btn-inactive{

	position: absolute;
	color: #fff;

	padding: 10px;
	margin-top: 25px;
	margin-left: -10px;

	opacity: 0.5;

}

.sort-btn.active{
	
	opacity: 1;
}

.sort-btn:hover{
	cursor: pointer;
	opacity: 1;
}

.tab-menu{

	padding-left: 0px;
	padding-top: 35px;
	list-style-type: none;
}

.tab-menu li{
	opacity: 0.5;
	color: #fff;
	display: inline;
	margin-right: 30px;

	-webkit-transition: 0.1s;
    transition: 0.1s;

    padding-bottom: 37px;
}

.tab-menu li.active{
	opacity: 1;
}

.tab-menu li:hover{
	cursor: pointer;
	opacity: 1;
}

.scroll-to-top{

	opacity: 0.1;
	display: none;
	float: right;
	margin-top: 13px;
	margin-right: 0px;
	width: 50px;
	height: 50px;
	
	background-color: #ff9900;
	background: url(../images/icons/icon-up-arrow-dark.svg);
    background-size: 50px 50px;
 	background-repeat: no-repeat;

	-webkit-transition: 0.1s;
    transition: 0.1s;

}

.scroll-to-top.show{
	
	visibility: visible;
	opacity: 0.3;
}

.scroll-to-top.show:hover{
	
	cursor: pointer;
	opacity: 1;
}



/*-- Filter Dropdown -- */



#filter-dropdown{

	position: relative;
	top: 35px;
	left: -10px;
	padding: 0px 0px 0px 0px;
	max-width: 350px;

}



#filter-dropdown-text{

	padding: 10px;
	opacity: 0.5;
	color: #fff;

	-webkit-transition: 0.1s;
    transition: 0.1s;
}

#filter-dropdown-text:hover{

	opacity: 1;
	cursor: pointer;
}

.filter-dropdown-open{



	visibility: hidden;
	opacity: 0;

	position: absolute;
	top: 25px;
	margin-left: -20px;
	
	background-color: #22222a;
    z-index: 500;
    width: 360px;

    line-height: 20px;
    color: #fff;

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

    -webkit-transition: 0.1s;
    transition: 0.1s;

    border-radius: 4px;
}

.filter-show{

	visibility: visible;
	opacity: 1;
}

.filter-dropdown-title{

	display: block;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	line-height: 20px;
}

#filter-dropdown-close{

	display: block;
	float: right;
	width: 30px;
	height: 30px;
	margin-top: 10px;
	margin-right: 10px;

	background: url(../images/icons/icon-close-30-white.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center;

    opacity: 0.3;

    -webkit-transition: 0.1s;
    transition: 0.1s;
}

#filter-dropdown-close:hover{

	opacity: 1;
	cursor: pointer;
}

.filter-dropdown-keyline{

	display: block;
	width: 100%;
	height: 1px;
	background-color: #33333a;
}

.filter-dropdown-menu{
	padding: 20px;
	padding-left: 10px;
}

.filter-dropdown-menu-text a{

	display: inline-block;
	color: #fff;
	line-height: 30px;
}
.filter-dropdown-menu-text{

	color: #fff;
	line-height: 30px;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	opacity: 0.5;

	-webkit-transition: 0.1s;
    transition: 0.1s;


}

.filter-dropdown-menu-text a:hover,
.filter-dropdown-menu-text:hover{

	opacity: 1;
	cursor: pointer;
}

.filter-dropdown-number{

	float: right;
	opacity: 0.3;
	line-height: 30px;

}

.filter-dropdown-tick{
	
	display: block;
	float: right;
	color: #5d9342;
	line-height: 30px;
	width: 30px;
	height: 30px;
	background: url(../images/icons/icon-check-24-white.svg) no-repeat center right;
    background-size: 16px 16px;
    opacity: 0.4;
}

.filter-dropdown-tick.hide{
	
	visibility: hidden;
}

.filter-dropdown:hover .filter-dropdown-content {
    
    visibility: visible;
    opacity: 1;
}



/* -- Profile --*/

.profile{
	
}

.profile-view{

	padding-bottom: 80px;
}

.profile-avatar{

	float: left;
	line-height: 0px;
	margin-right: 25px;

}

.profile-header{

	position: relative;
	padding-top: 160px;
	padding-bottom: 60px;
	width: 100%;
}



.profile-subtitle{

	padding-left: 25px;
	font-size: 16px;
	line-height: 25px;
	color: #66666a;

}

.profile-title{

	font-size: 18px;
	line-height: 30px;
	color: #22222a;
	padding-top: 10px;
}

.profile-subitle{
	font-size: 18px;
	color: #99999a;
}

.profile-website{
	font-size: 18px;
	line-height: 30px;
	color: #99999a;
}

.profile-side-header{
	font-size: 14px;
	color: #99999a;
	padding-top: 40px;
}

.profile-bio{

	max-width: 720px;
	padding-top: 45px;
	padding-bottom: 45px;

}

.profile-divider{
	display: block;
	float: left;
	width: 1px;
	height: 20px;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 5px;
	background-color: rgba(17,17,26, 0.1);
}

.profile-divider.display-none{
	display: none;
}


.profile-body-text{
	
	color: #22222a;
	font-size: 18px;
	line-height: 30px;

}

.profile-footer-text{
	
	color: #99999a;
	font-size: 16px;
	line-height: 28px;
}

/*
.profile-body-text a{
	color: #99999a;
}

.profile-body-text a:hover{
	color: #22222a;
}
*/

.profile-light-text{
	
	color: #99999a;
	font-size: 18px;
	line-height: 30px;
}

.profile-details{

	padding-top: 40px;
	padding-bottom: 40px;
}

.profile-local-rate{
	color: #99999a;
	font-size: 18px;
}

.profile-links-container{
	display: block;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;
}

.profile-links-btn{
	margin-right: 5px;
}

.profile-skills-container{
	
	padding-bottom: 120px;

}

.profile-contact-details{

	float: left;

}


.profile-details-text{

	font-size: 18px;
	line-height: 30px;
	color: #22222a;
	float: left;
}

.profile-details-text a{
	color: #22222a;

}

.profile-details-text a:hover{
	color: #77777a;
}

.profile-details-keyline{
	width: 100%;
	height: 1px;
	background-color: rgba(17,17,26, 0.1);
}


.profile-work-outer-container{

	width: 100%;
	background-color: #22222a;
	margin-top: 30px;
	padding-top: 60px;
	margin-bottom: 30px;
	padding-bottom: 60px;

}

.profile-work-container{

	padding-top: 30px;
	padding-bottom: 0px;
	width: 100%;
	max-width: 1024px;
	margin: auto;

}

.profile-work-container-small{

	padding-left: 12px;
	padding-right: 12px;
	padding-top: 0px;

}
.profile-work-container-large{

	padding-left: 32px;
	padding-right: 32px;
	padding-top: 0px;
	padding-bottom: 60px;
	
}

.profile-work-image{

	display: block;
	width: 100%;
	line-height: 0;
	margin-bottom: 20px;

}

.profile-work-title{

	font-size: 18px;
	line-height: 30px;
	color: #33333a;
	padding-left: 30px;
	padding-right: 30px;

}

.profile-work-details{

	font-size: 18px;
	line-height: 24px;
	color: #99999a;
	line-height: 28px;
	max-width: 600px;
	padding-left: 30px;
	padding-right: 30px;

}

.profile-work-client{
	display: block;
	color: #99999a;

	
}

.profile-lists-container{

	width: 1000px;
	padding-top: 30px;
	padding-bottom: 40px;
	margin: auto;
}

a.profile-link{
	color: #22222a;
	border-bottom: 1px solid rgba(34, 34, 35, 0.1);

	-webkit-transition: 0.3s;
    transition: 0.3s;

    margin-right: 15px;
}

a.profile-link:hover{
	border-bottom: 1px solid rgba(34, 34, 35, 0.3);
}



.profile-h3-heading{
	
	font-size: 16px;
	padding-bottom: 10px;
	padding-left: 20px;

	color: #33333a;
}

.profile-info-box{
	width: 100%;
	background-color: #f5f7fa;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 30px 50px 30px 65px;
	position: relative;
	color: #99999a;
	font-size: 16px;

	line-height: 22px;

	border-radius: 6px;
}

.job-edit-container .profile-info-box{
	margin-top: 10px;
}

#work .profile-info-box{
	margin-bottom: 0px;
	margin-top: 30px;
}

.profile-info-box h2{
	color: #33333a;
	font-size: 16px;
}

.profile-info-box p{
	color: #77777a;
	line-height: 30px;
}

#contact{
	padding-bottom: 60px;
}




/*-- Activity --*/



.activity{

	position: relative;
	padding-top: 101px;
	min-height: 100vh;
	padding-bottom: 80px;
}

.activity .row{
	opacity: 0;
}


.activity .avatar-medium{

	float: left;
}

.activity-text{
	font-size: 15px;
	padding-left: 25px;
	padding-top: 15px;
	color: #99999a;
	overflow: hidden;
}

.activity-time{
	font-size: 13px;
	text-align: right;
	padding-top: 16px;
	color: #aaaaaf;
}

.activity-time-mobile{
	font-size: 15px;
	color: #aaaaaf;
	display: none;
}



/*-- Jobs --*/

.jobs-view{

	padding-bottom: 80px;

}

.jobs{

	padding-top: 101px;
	min-height: 100vh;
	padding-bottom: 80px;
}

.jobs .row{

	opacity: 0;
}

.jobs .avatar-medium{
	
	float: left;
}

.jobs-text{
	font-size: 15px;
	line-height: 25px;
	float: left;
	padding-left: 25px;
	padding-top: 7px;
	color: #99999a;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 80%;
}

.jobs-index-text{
	font-size: 15px;
	line-height: 25px;
	float: left;
	padding-top: 6px;
	color: #99999a;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 80%;
}

.jobs-title{
	font-size: 16px;
	color: #22222a;
}

.jobs-dates{
	font-size: 14px;
	color: #99999a;
}

.jobs-expires{
	font-size: 14px;
	color: #99999a;
}

.jobs-stats{
	padding-top: 15px;
	font-size: 14px;
	line-height: 30px;
	color: #66666a;
}

.jobs-expired-stats{

	font-size: 14px;
	color: #66666a;
}


/* -- Job Details Page  -- */


.job-header-container{
	
	display: block;
	height: 320px;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid rgba(34, 34, 42, 0.05);

}


.job-header-content {

	display: block;
	width: 1000px;
	margin: auto;
	padding-top: 130px;
	padding-left: 20px;
	padding-right: 20px;
	
	line-height: 30px;
	

}

.job-header-table{
	
	height: 215px;
	display: table;
	margin-top: 0px;
}

.job-header-table-cell{
	
	height: 100%;
	display: table-cell;
	vertical-align: bottom;
}

.job-header-title{

	color: #fff;
	font-size: 34px;
	line-height: 50px;
	max-width: 600px;
}

.job-header-content .header-title{

	max-width: 640px;
	line-height: 60px;
	display: table-cell;
    vertical-align: bottom;
    padding-top: 0px;
}

.job-content-container{
	width: 960px;
	margin: auto;
	padding-top: 40px;

}



.job-skills-heading{
	
	font: 11px/45px "Avenir Heavy", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1.5px;

	color: #99999a;
	text-transform: uppercase;
}

.job-action-bar{
	
	color: #99999a;
	padding-bottom: 90px;
}


.btn-interested {
	margin-right: 15px;
	float: left;
}


.btn-interested.not-interested{
	width: 150px;
}





/*-- Results --*/

.results{

	min-height: 100vh;
	position: relative;
	padding-top: 101px;
	padding-bottom: 80px;
}

.results .row{
	opacity: 0;
}

.results .avatar-medium{
	float: left;
}

.results-text{
	font-size: 15px;
	line-height: 25px;
	float: left;
	padding-left: 25px;
	padding-top: 6px;
	color: #99999a;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 260px;
}

.results-location{
	font-size: 14px;
	color: #99999a;
}


.results-stats{
	padding-top: 15px;
	font-size: 14px;
	color: #66666a;
}



/*-- Panels (Jobs) --*/

.panel-job {
	
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	max-width: 880px;
	min-height: 100%;
	background-color: #fff;
	z-index: 9002;

}

.panel-messages .nav-bar-content-left,
.panel .nav-bar-content-left,
.panel-job .nav-bar-content-left{

	padding-top: 30px;

}



.panel-job .nav-bar-white{
	
	background-color: #fff;
	position: absolute;
	width: 100%;
	max-width: 880px;
	height: 100px;
	right: 0px;

	
}

.panel-job .nav-bar-color{
	
	position: fixed;
	width: 100%;
	max-width: 880px;
	height: 100px;
}

.panel-job{
	-webkit-box-shadow: 0px 0px 32px 0px rgba(17,17,26,0.1);
-moz-box-shadow: 0px 0px 32px 0px rgba(17,17,26,0.1);
box-shadow: 0px 0px 32px 0px rgba(17,17,26,0.1);
}

.panel-job-header-container{
	
	display: block;
	padding-top: 100px;
	height: 320px;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid rgba(34, 34, 42, 0.05);

}

.panel-job-header-content {

	display: block;
	width: 100%;
	padding-left: 32px;
	padding-right: 32px;
	margin: auto;
	
	line-height: 30px;
	
}

.panel-job-details-container {

	width: 100%;
	padding-top: 32px;
	padding-left: 32px;
	padding-right: 32px;
}


/*-- Panels (Jobs & Profiles) --*/


.panel-container {

	position: fixed;
	top: 0;
	right: 0px;
	width: 100%;

	height: 100%;

	z-index: 9000;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;

	display: none;

	background-color:rgba(34, 34, 35, 0.05);

}

.panel {
	
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	max-width: 1040px;
	min-height: 101%;
	background-color: #fff;

	z-index: 9002;

	-webkit-box-shadow: 0px 0px 32px 0px rgba(17,17,26,0.1);
	-moz-box-shadow: 0px 0px 32px 0px rgba(17,17,26,0.1);
	box-shadow: 0px 0px 32px 0px rgba(17,17,26,0.1);

}

.panel-messages {
	
	position: absolute;
	max-width: 660px;
	width: 100%;
	min-height: 100%;
	background-color: #fff;

	z-index: 9002;
	right: 0px;

	-webkit-box-shadow: 0px 0px 32px 0px rgba(17,17,26,0.1);
	-moz-box-shadow: 0px 0px 32px 0px rgba(17,17,26,0.1);
	box-shadow: 0px 0px 32px 0px rgba(17,17,26,0.1);

}

.panel-messages .nav-bar-white{
	
	background-color: #fff;
	position: absolute;
	max-width: 660px;
	width: 100%;
	right: 0px;

	-webkit-box-shadow: 0px 1px 0px 0px rgba(34,34,42,0.133);
	-moz-box-shadow: 0px 1px 0px 0px rgba(34,34,42,0.133);
	box-shadow: 0px 1px 0px 0px rgba(34,34,42,0.133);
}

.panel-messages .nav-bar-container,
.panel-job .nav-bar-container,
.panel .nav-bar-container{

	position: fixed;
	width:100%;
	z-index: 9003;
}

.panel .nav-bar-white{
	
	position: absolute;
	width: 100%;
	max-width: 1040px;

	-webkit-box-shadow: 0px 1px 0px 0px rgba(34,34,42,0.133);
	-moz-box-shadow: 0px 1px 0px 0px rgba(34,34,42,0.133);
	box-shadow: 0px 1px 0px 0px rgba(34,34,42,0.133);
}

.panel-messages .panel-header-title{
	font-size: 16px;
}
.panel-header-title{
	float: left;
	line-height: 40px;
}

#panel-buttons{
	float: left;
	margin-top: -8px;
}



#panel-buttons .favourite-btn {
    margin-left: 10px;
}

.panel-controls{
	float: right;
	margin-top: -8px;
}

.panel-previous{
	display: inline-block;
	margin-left: 10px;

	background: transparent url(../images/icons/icon-feather-chevron-left.svg) no-repeat center;
    background-size: 20px 20px;

}

.panel-next{
	display: inline-block;
	margin-left: 5px;

	background: transparent url(../images/icons/icon-feather-chevron-right.svg) no-repeat center;
    background-size: 20px 20px;
}

.panel-close{
	display: inline-block;
	margin-left: 5px;
	background: transparent url(../images/icons/icon-feather-x.svg) no-repeat center;
    background-size: 20px 20px;
}




.panel-header-content {

	display: block;
	width: 100%;
	padding-left: 32px;
	padding-right: 32px;
	margin: auto;
	
	line-height: 30px;
	
}

.panel-header-content .header-title{

	max-width: 640px;
	line-height: 60px;
	display: table-cell;
    vertical-align: bottom;
    padding-top: 0px;
}

.panel-content-container{
	width: 900px;
	margin: auto;
	padding-top: 40px;

}


.panel-details-avatar{

	float: left;
	padding-right: 20px;
	padding-bottom: 32px;
	line-height: 0px;
}


.panel-details-text{

	float: left;
	font-size: 16px;
	padding-top: 13px;
	line-height: 30px;
	color: #77777a;
}

.panel-details-text a{
	color: #22222a;

}

.panel-details-text a:hover{
	color: #77777a;
}



.panel-details-divider{
	float: left;
	margin-top: 17px;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
	width: 1px;
	height: 20px;
	background-color: #dfe1e1;
}

.panel-details-keyline{
	width: 100%;
	height: 1px;
	background-color: #f2f5f7;
	margin-bottom: 30px;
}

.panel-description{
	max-width: 600px;
	color: #33333a;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 30px;
}

.panel-footer{
	padding-top: 40px;
	padding-bottom: 80px;
}

#interested-block{
	display: none;
}

#interested-block.show{
	display: block;
}




/*-- Profiles --*/


.profile-view-container{

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9000;
	overflow: auto;
	-webkit-overflow-scrolling: touch;

	display: none;

}




/*-- Favourites --*/



.favourites{

	min-height: 100vh;
	padding-top: 101px;
	padding-bottom: 80px;
}

.favourites .row{
	opacity: 0;
}



#load-more{
	float: none;
}

.favourites .avatar-medium{

	float: left;
}

.favourites-text{
	font-size: 15px;
	line-height: 25px;
	float: left;
	padding-left: 25px;
	padding-top: 6px;
	color: #99999a;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
}

.favourites-title{
	font-size: 16px;
	color: #22222a;
}

.favourites-location{
	font-size: 14px;
	color: #99999a;
}

.favourites-stats{
	padding-top: 15px;
	font-size: 14px;
	color: #66666a;
}




/* --- Search ---*/




.search-input{

	outline: none;
    box-sizing: border-box;

    position: absolute;
    bottom: 42px;
	
	width: 100%;
    max-width: 703px;

	background: transparent;

   	border: none;

    font: 34px/40px "Avenir Next Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;

    color: #fff;

}

.search-input-mobile{

	outline: none;
    box-sizing: border-box;

    position: relative;

	margin-top: 25px;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 40px;

    width: 100%;
    height: 50px;

	background: #5c34ef;
   	border: none;

    font: 14px/40px "Avenir Next Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;

    color: #fff;

}

.search{

	padding-top: 101px;
	min-height: 100vh;
	padding-bottom: 80px;
}

.search .row.hide{
	opacity: 0;
}

.search .avatar-medium{

	float: left;
}

.search-text{
	font-size: 15px;
	line-height: 25px;
	float: left;
	padding-left: 25px;
	padding-top: 6px;
	color: #99999a;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
}

.search-title{
	font-size: 16px;
	color: #22222a;
}

.search-location{
	font-size: 14px;
	color: #99999a;
}

.search-stats{
	padding-top: 16px;
	font-size: 14px;
	color: #66666a;
}



/* --- Placeholder colour --- */



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

.search-input-mobile::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #a9a0f2;
    opacity: 1; /* Firefox */
}

.search-input-mobile:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #a9a0f2;
}

.search-input-mobile::-ms-input-placeholder { /* Microsoft Edge */
    color: #a9a0f2;
}

.messages-input-textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #aaaaaf;
    opacity: 1; /* Firefox */
}

.messages-input-textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aaaaaf;
}

.messages-input-textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: #aaaaaf;
}




/*-- Messages --*/



.messages-index{

	padding-top: 101px;
	min-height: 100vh;
	padding-bottom: 80px;
	
}

.messages-index .avatar-medium{
	
	float: left;
}

.messages-index-text{
	font-size: 15px;
	line-height: 25px;
	float: left;
	padding-left: 25px;
	padding-top: 18px;
	color: #66666a;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 560px;
}

.messages-index-title{
	font-size: 15px;
	color: #22222a;
}




/* --- Account ---*/




.account{

	padding-top: 101px;
	min-height: 100vh;
	padding-bottom: 80px;
}

.account-small-cta{

	margin-left: 15px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 30px;
	height: 30px;

	color: #6243ff;
}

.account-small-cta a{
	color: #6243ff;
}

.account-small-cta button{
	font: 14px/30px "Avenir Next Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0.5px;
	border:none;
	color: #6243ff;
}

.account-free-trial-container{

	width: 100%;
	min-height: 90px;
	background-color: #22222a;
	padding: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
}

.account-free-trial-container a{
	color: #99999a;
	text-align: right;
}

.profile .avatar-large, .profile .avatar-max{

	float: left;
}

.avatar-text{
	font-size: 16px;
	line-height: 25px;
	float: left;
	padding-left: 30px;
	padding-top: 15px;
	color: #22222a;
}

.avatar-subtext {
	color: #99999a;
	font-size: 14px;
}

#delete-confirm{
	display: none;
	padding-left: 32px;
	padding-right: 32px;
}

#delete-confirm.show{
	display: block;
}


.delete-background{
	display: block;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background: url(../images/ytho.jpg) no-repeat center center;
	background-size: cover;
	z-index: 10000;
}

.delete-logo {

	display: block;
	position: absolute;
	width: 62px;
	height: 15px;
	background: url(../images/logo-light.svg);
    background-size: 62px 15px;
    top: 42px;
    left: 32px;

}



.delete-content-container{
	position: relative; 
	width: 100%;
	height: 140px;
	top: 50%;
	margin-top: -70px;
	text-align: center;
	font-size: 22px;
	letter-spacing: 1px;
	color: #fff;
	line-height: 35px;
}

.delete-content-container p{
	max-width: 560px;
	margin: auto;
	text-align: center;
}

.delete-btn{
	width: 90px;
	height: 40px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background: transparent;
	font: 11px/40px "Avenir Heavy", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	color: #fff;
	margin-top: 20px;
	opacity: 0.6;
	border-radius: 4px;


}

.delete-btn.yes{
	margin-right: 4px;
}

.delete-btn:hover{
	cursor: pointer;
	opacity: 1;
}








/* --- New / Edit Job ---*/





.job-edit-container{

	padding-top: 101px;
	padding-bottom: 80px;
}

.job-edit-actionbar {
    
    color: #99999a;
    margin-top: 25px;
}

.duplicate-job-btn {


	margin-left: 11px;

	display: block;

	position: relative;

	border: none;
	width: 45px;
	height: 40px;
	background: transparent url(../images/icons/icon-copy-24.svg) no-repeat center;
    background-size: 24px 24px;
    opacity: 0.25;
    cursor: pointer;

    -webkit-transition: 0.2s;
    transition: 0.2s;

    margin-top: 10px;
}


.duplicate-job-btn:hover {
    
    opacity: 1;
    cursor: pointer;
}


/* --- Errors --- */

.error-container{

	position: absolute;
	width: 100%;
	height: 230px;
	top: 50%;
	margin-top: -115px;

}

.error-num{

	font: 200px/200px "Avenir Heavy", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: -10px;
	color: #6243ff;
	text-align: center;
}

.error-text{

	color: #99999a;
	text-align: center;
	line-height: 30px;
}



/* --- Short --- */



.short-message-outer-container{

    width: 100%;
    max-width: 480px;
    margin: auto;
    height: 100vh;
    padding-top: 100px;

}

.short-message-container{

    position: relative;
    width: 100%;
    height: 100px;
    top: 50%;
    margin-top: -50px;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
}


.short-message-title{
    display: block;
    font-size: 24px;
}

.short-message-copy{
    display: block;
    color: #77777a;
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
}



/* --- Error --- */

.error-message-outer-container{

    width: 100%;
    margin: auto;
    height: 100vh;
    padding-top: 100px;

}

.error-message-container{

    position: relative;
    width: 100%;
    height: 360px;
    top: 50%;
    margin-top: -195px;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
}


.error-message-title{
	font-size: 320px;
	line-height: 320px;
}

.error-message-copy{
    display: block;
    color: #77777a;
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
}


/* --- More Actions --- */



.more-actions-dropdown{

	display: block;
	position: relative;
	width: 45px;
	margin-top: 0px;
	margin-left: 10px;

}

.more-actions-btn {

	display: block;

	position: relative;

	border: none;
	width: 45px;
	height: 40px;
	background: transparent url(../images/icons/more-dark.svg) no-repeat center center;
    background-size: 30px 30px;
    opacity: 0.25;
    cursor: pointer;
    z-index: 501;

    margin-top: 10px;

    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.more-actions-content{

	z-index: 2000;

	visibility: hidden;
	opacity: 0;
	position: absolute;
	min-width: 140px;
	height: 95px;
	right: 0px;
	margin-top: -135px;
	
	background-color: #22222a;

    -webkit-transition: 0.2s;
    transition: 0.2s;

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

}

.more-actions-content.one-item{

	height: 45px;
	margin-top: -85px;
	min-width: 120px;
}

.more-actions-content ul{

	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;

}

.two-icons ul {

	width: 80px;
}

.more-actions-arrow{
 
 	float: right;
    margin-right: 17px;
    width: 9px;
    height: 5px;
    background: url(../images/tooltip-arrow.svg);
    background-size: 9px 5px;
}

.more-actions-content li {
    
    display: block;
    font: 11px/25px "Avenir Heavy", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
	letter-spacing: 1.5px;
}

.more-actions-content a {
    
    margin: 0;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    opacity: 0.5;

	-webkit-transition: 0.1s;
    transition: 0.1s;
}

.more-actions-content a:hover {
    
    opacity: 1;
    cursor: pointer;
}

.more-actions-dropdown:hover .more-actions-content {
    
    visibility: visible;
    opacity: 1;
}

.more-actions-dropdown:hover .more-actions-btn {
    
    opacity: 1;
}

.more-actions-content a.active{
	opacity: 1;
	color: #fff;
}

.more-actions-content a.more-actions-un-favourite:hover{
	color: #ff2200;
}


.notifyjs-corner {
	margin: 0px !important;
	width: 330px;
}

.notifyjs-wrapper {
	margin: 0px !important;
	width: 330px;
}

.notifyjs-container{
	margin: 0px !important;
	width: 330px;
}

.notifyjs-onsite-base{

	width: 300px;
	padding-bottom: 15px;
	padding-left: 15px;

	
	
}

.notifyjs-onsite-base .message-container{
	background-color: #1E2630;
	padding: 15px;
	padding-left: 20px;
	line-height: 25px;
	color: #fff;
	border-radius: 4px;

	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
}

.notifyjs-onsite-base .title{

	color: #fff;
}

.notifyjs-onsite-base .message{

	color: #99999a;
}


.mobile-only{ display: none; }



.admin .column-50{width: 50%;}
.admin .column-25{width: 25%;}
.admin .column-25.status{width: 50%;}


.admin .column-1-4		{ width: 75%; }
.admin .column-1-5		{ width: 75%; }

.admin .column-2,
.admin .column-3,


.admin .column-6-7		{ width: 25%; }

.admin .column-1-7{

	width: 100%;
}

.admin .column-1 {width: 40%;}
.admin .column-2, .admin .column-3, .admin .column-4, .admin .column-4-5 {width: 17%;}

.admin .column-5, .admin .column-6 { display: none;}
.admin .column-7 {width: 9%; }



/* --- Plans ---*/

.plans-container{

	position: relative;
	padding-top: 80px;
	text-align: center;


}

.header.plans{
    position: relative;
    height: 35vh;
    width: 100%;
}


.header-plans{
	
}

.header-title-plans{
	color: #fff;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -200px;
	font-size: 34px;
	line-height: 44px;
	letter-spacing: 1px;
	width: 400px;
	text-align: center;
}

.header-subtitle-plans{
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -200px;
	font-size: 14px;
	line-height: 32px;
	width: 400px;
	text-align: center;
	opacity: 0.6;
}

.plan-0{
	position: relative;
	width: 100%;
	min-height: 400px;
	border-top: 1px solid rgba(255,255,255,0.3);
	border-left: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	border-radius: 4px 0px 0px 4px;

}

.plan-1{
	width: 100%;
	min-height: 500px;
	background-color: #fff;
	margin-bottom: 80px;
	border-radius: 0px 0px 4px 4px;
}

.plan-2{
	width: 100%;
	min-height: 400px;
	border-top: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	border-radius: 0px 4px 4px 0px;
}

.plan-name{
	color: #fff;
	opacity: 0.6;
	line-height: 100px;
}

.plan-price{
	color: #fff;
	font-size: 45px;
	line-height: 50px;
	margin-top: 20px;
}

.plan-price-subtitle{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	opacity: 0.6;
	margin-bottom: 20px;
}


.plan-features-title{
	font: 18px/45px "Avenir Next italic", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	opacity: 0.6;
}

.plan-features{
	font: 18px/45px "Avenir Next", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 45px;
	color: #fff;
}

.plan-btn-container{
	width: 100%;
	padding: 0 30px 30px 30px;
}

.plan-btn-100{
	width: 100%;
}

.plan-keyline-light{
	width: 100%;
	height: 1px;
	background-color: #fff;
	opacity: 0.3;
}

.plan-keyline-dark{
	width: 100%;
	height: 1px;
	background-color: #11111a;
	opacity: 0.1;
}

.plan-1 .plan-price{
	color: #6243ff;
}
.plan-1 .plan-features{
	color: #22222a;
}
.plan-1 .plan-name,
.plan-1 .plan-price-subtitle{
	color: #22222a;
}

.plan-1 .plan-features .plan-commission{
	color: #6243ff;
}

.plans-footer{
	color: #fff;
	max-width: 800px;
	padding-bottom: 90px;
	padding-top: 20px;
	margin: auto;
	opacity: 0.6;
	font-size: 15px;
}

.payment-outer-container{
	width: 100%;
	background-color: #fff;
	padding-top: 90px;
	padding-bottom: 160px;
	padding-right: 20px;
	padding-left: 20px;
}

.payment-inner-container{
	width: 100%;
	max-width: 560px;
	margin: auto;
	background-color: #fff;
}
/* Heights */


@media only screen and (max-height: 800px) and (min-width: 768px) {

	/*
	.header{ height: 220px; }
	.header-title {padding-top: 145px;}
	.header-subtitle {padding-top: 105px;}
	.action-bar{ top: 320px; }

	.job-header-table{ height: 185px; }
	*/
}

@media only screen and (max-height: 700px) and (min-width: 768px) {

	/*.header{ height: 190px; }*/
	.search-input{ padding-top: 105px;}
	.header-title {padding-top: 110px;}
	.header-subtitle {padding-top: 85px;}
	/*.action-bar{ top: 290px; }*/

	.job-header-table{ height: 155px; }
}

@media only screen and (max-height: 600px) and (min-width: 768px) {

	/*.header{ height: 160px; }*/
	.search-input{ padding-top: 75px;}
	.header-title {padding-top: 80px;}
	.header-subtitle {padding-top: 55px;}
	/*.action-bar{ top: 260px; }*/

	.job-header-table{ height: 125px; }

}



/* Tablet landscape */


@media only screen and (max-width: 1023px) {
    
    .column-50{width: 50%;}
    .column-50.social{width: 100%;}
    .column-25{width: 25%;}
    .column-25.status{width: 50%;}
    .input-dates-days{display: none;}


	.column-1-4		{ width: 75%; }
	.column-1-5		{ width: 75%; }

	.column-2,
	.column-3,


	.column-6-7		{ width: 25%; }

	.column-1-7{

		min-height: 50px;
		width: 100%;
	}

	.column-1 {width: 40%;}
	.column-2, .column-3, .column-4, .column-4-5 {width: 17%;}

	.column-5, .column-6 { display: none;}
	.column-7 {width: 9%; }
    
    .row-button {position: absolute; right: 20px;}
	
	.activity .row,
	.messages-index .row,
	.favourites .row,
	.search .row,
	.profile .row,
	.jobs .row {padding-top: 30px; padding-bottom: 30px;}

	.account-container,
	.profile-container{
		padding-left: 12px;
		padding-right: 12px;
	}

	.connect-row,
	.empty-state-row {margin-top: 30px;}

	.more-actions-dropdown,
    .row-button {position: absolute; right: 0px;}

	.mobile-only{ display: none; }


	.messages-index .avatar-medium, 
	.jobs .avatar-medium,
	.search .avatar-medium,
	.favourites .avatar-medium{
		position: absolute;
		left: 0px;
	}

	.messages-index-text,
	.jobs-text,
	.search-text,
	.favourites-text{ padding-left: 80px; }

	.activity-text,
	.results-text {padding-left: 20px; }

	.jobs-index-text,
	.jobs-text{
	
	max-width: 90%;
}

/* --- Plans ---*/



.plan-features li{
	font-size: 16px;
	line-height: 40px;
}


}

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



	.connect-row .button,
	.connect-row button{

		display: none;
	}



	.nav-icon-more{
	
	right: 14px;
	top: 22px;
	
	}

	.header.plans{
		height: 30vh;
	}
	.plans-container{

	position: relative;
	padding-top: 50px;
	text-align: center;


	}

	.column-33{
		width: 100%;
	}

	.plan-0{
		border-right: 1px solid rgba(255,255,255,0.3);
		margin-bottom: 30px;
		border-radius: 4px;
	}

	.plan-1{
		margin-bottom: 30px;
		border-radius: 4px;
	}

	.plan-2{
		border-left: 1px solid rgba(255,255,255,0.3);
		margin-bottom: 30px;
		border-radius: 4px;
	}


	#panel-buttons .chat-btn,
	#panel-buttons .favourite-btn,
	#panel-buttons .shortlist-btn,
	.panel-next,
	.panel-previous,
	.panel-close{
		width: 40px;
		height: 40px;
		text-indent: -9000px;
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 0px;
		display: block;
		float: left;
	}

	#panel-buttons .chat-btn{
		display: none;
	}

	.profile-website{
		font-size: 16px;
	}

	#panel-buttons .favourite-btn{
		background: transparent url(../images/icons/icon-star-grey.svg) no-repeat -6px -5px;
    	background-size: 50px 50px;
	}

	#panel-buttons .favourite-btn.active{

		background: #8adc54 url(../images/icons/icon-star-white.svg) no-repeat -5px -4px;
    	background-size: 50px 50px;
	}


	#panel-buttons .shortlist-btn{
		background: transparent url(../images/icons/icon-bookmark-24.svg) no-repeat center;
    	background-size: 24px 24px;
	}

	#panel-buttons .shortlist-btn.active{

		background: #8adc54 url(../images/icons/icon-bookmark-white-24.svg) no-repeat center;
    	background-size: 24px 24px;
	}


	.more-actions-btn{
		margin-top: 5px;
	}

	.messages-index .avatar-medium, 
	.jobs .avatar-medium,
	.search .avatar-medium,
	.favourites .avatar-medium{
		position: absolute;
	}

	/*
	.profile-info-box,
	.empty-state-row{
		padding: 20px 40px 20px 65px;
	}
	.empty-state-icon{
		top: 20px;
	}

	*/

	.panel-job .nav-bar-white{

		height: 80px;
	}

	.profile-mid-column{
		padding-left: 0px;
		padding-right: 0px;
	}

	.profile-header{
		padding-top: 110px;
		padding-bottom: 30px;
	}

	.profile-avatar{
		width: 60px;
		height: 60px;
		margin-right: 15px;
	}

	.profile-subitle{
		font-size: 16px;
		padding-top: 0px;
	}
	.profile-header h1{
		font-size: 16px;
		line-height: 25px;
		padding-top: 5px;
	}

	.profile-details-text,
	.profile-light-text,
	.profile-body-text{
	
		font-size: 16px;
		line-height: 26px;
	}

	.profile-bio{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.profile-work-column-50{
		width: 100%;
		padding-bottom: 40px;
	}

	.profile-work-container{
		padding-top: 10px;

	}

	.profile-work-outer-container{
		margin-top: 0px;
		margin-bottom: 10px;
		padding-top: 20px;
		padding-bottom: 20px;
	}


	.profile-work-container-large{

		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 40px;

	}

	.profile-work-container-small{
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}

	.profile-work-image{
		margin-bottom: 15px;
	}

	#profile-links a{
		display: inline-block;
		max-width: 100%;
		line-height: 20px;
		margin-bottom: 10px;
	}

	.panel-footer .btn-interested {
		width: 100%;
		margin-bottom: 10px;
	}

	.panel .nav-bar-content-left,
	.panel-job .nav-bar-content-left {
    	padding-top: 22px;
	}

	.panel-footer{
		padding-bottom: 60px;
	}

	.nav-bar-text {

	margin-right: 20px;

	}

	.messages-index-text,
	.jobs-text,
	.search-text,
	.favourites-text{ padding-left: 80px; }


	.list-dot-mobile{ display: inline-block; }


	/*
	.nav-bar-list{
		
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #6243ff;
		z-index: 20001;
		padding-top: 60px;
		padding-left: 60px;
		font-size: 18px;
		line-height: 60px;
	}

	.nav-bar-white .nav-bar-list{
		background-color: #fff;
		z-index: 20001;
	}

	.nav-bar-text{
		clear: both;
	}

	*/


	.home-body .nav-bar-list { display: block; }
    
    .column-1 {width: 85%;}
	.column-2, .column-3, .column-4, .column-4-5, .column-5, .column-6{ display: none;}

	.column-7 {width: 15%;}
	/*.more-actions-dropdown,*/
    .row-button {position: absolute; right: 0px;}
	.row {padding-top: 30px; padding-bottom: 30px;}

	

	.messages-index-text,
	.jobs-text{
		max-width: 100%;
		white-space: normal;
	}

	.more-actions-dropdown{
		margin-top: -9px;
	}

	.empty-state-row{
		margin-top: 30px;
	}

    .no-mobile{display: none;}
    #interested-block.no-mobile.show{
		display: none;
	}

    .mobile-only{ display: block; }
    .mobile-only.break{ line-height: 0px; }
    .mobile-100pc{width: 100%;}

    .work-container{padding-left: 0px; padding-right: 0px;}
    .form-container{padding-left: 0px; padding-right: 0px;}


    .column-50, .admin .column-50{width: 100%;}
    .column-50.empty {display: none;}
    .column-25{width: 50%;}
    .column-25.status{width: 100%;}
    .input-dates-days{display: none;}
    .skills-column{width: 50%;}
    .tab-menu li{margin-right: 20px;}
    

   
    
    .nav-bar{height: 80px; padding-left: 20px; padding-right: 20px;}
    .nav-bar-content-left{padding-top: 32px;}

     .panel-messages .nav-bar-content-left, .panel .nav-bar-content-left, .panel-job .nav-bar-content-left {
    padding-top: 20px;
	}


    .nav-bar-content-right{padding-top: 25px;}
    .admin-content-container{ padding-left: 20px; padding-right: 20px;}
    .content-container{ padding-left: 20px; padding-right: 20px;}
    .content-container-long{padding-top: 80px;}
    .content-container-short{padding-top: 80px;}
    .auth-container-long{margin-top: 40px;}
    .auth-form-container{padding-left: 20px; padding-right: 20px;}
    
    /*.header{ height: 160px; }*/
	.header-title {padding-top: 90px;}
	.header-subtitle {padding-top: 55px;}
	/*.action-bar{ top: 240px; }*/
    
    .account-container, .profile-container{ padding-left: 0px; padding-right: 0px;}

    .settings-row{ padding-top: 30px; padding-bottom:35px; }
    .settings-text{padding-top: 15px; line-height: 30px;}

    .activity-text{ padding-top: 0px; margin-top: 15px; line-height: 25px;}

    .activity-time-mobile{display: inline;}

    .activity .column-1-4 { width: 75%; }
    .activity .column-1-4.width-100 { width: 100%; padding-right: 15px;}
    .activity .column-5 { display: none; }

    #filter-dropdown {background-color: #5c34ef; line-height: 50px; left: 0px; top: 25px; max-width: 100%;}
    #filter-dropdown-text {padding-left: 20px;}
    .filter-dropdown-open {width:100%; padding: 0px; margin-left: 0px; top: 25px;}

    .filter-dropdown-menu {padding-left: 10px;}

    .filter-dropdown-title {padding-left: 20px; padding-top: 15px;}

    

    .job-edit-container{padding-left: 0px; padding-right: 0px;}

    .keyline{padding-left: 20px;}


    .delete-content-container{
    	margin-top: -80px;
    }

    .delete-logo{
    	top: 32px;
    	left: 20px;
    }

    .search-input{
    	position: absolute;
    	/*top: 100px;*/
    	left: 20px;
    	z-index: 100;
    }

    .fab{
    	bottom: 15px;
    	right: 15px;
    }

    .profile-work-title{

		font-size: 16px;
		padding-left: 0px;
	}

	.profile-work-details{

		font-size: 16px;
		line-height: 26px;
		padding-left: 0px;

	}



    
}

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

	.activity-text{ padding-top: 0px; margin-top: 5px; line-height: 25px;}

	.panel-container{
		background-color:rgba(255, 255, 255, 1);
	}

	.notifyjs-corner {
		margin: 0px !important;
		width: 100%;
	}

	.notifyjs-wrapper {
		margin: 0px !important;
		width: 100%;
	}

	.notifyjs-container{
		margin: 0px !important;
		width: 100%;
	}

	.notifyjs-onsite-base{

		width: 100%;
		padding-bottom: 0px;
		padding-left: 0px;
		
		
	}

	.notifyjs-onsite-base .message-container{
		background-color: #1E2630;
		padding: 20px;
		padding-left: 20px;
		line-height: 25px;
		color: #fff;

		-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
		-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
		box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
	}

	.notifyjs-onsite-base .title{

		color: #fff;
	}

	.notifyjs-onsite-base .message{

		color: #99999a;
	}

}