@charset "utf-8";
/* CSS Document */

/* JOB DETAIL        */ /**************************/ /* START   */

#jobDetail {
	width: 680px;
	margin: 0 0 0 65px;
	position: relative;
}
#jobDetail form {position: relative;}

#jobDetail .fields {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #e8e8e8;
	padding: 20px 75px 30px 45px;
	font-size: 11px;
	margin-bottom: 30px;
	position: relative;
}
#jobDetail .fields .row {padding-bottom: 10px;}
#jobDetail .fields .row:last-child {padding-bottom: 0;}
#jobDetail .fields a {color: #FF3333; text-decoration: none;}

#jobDetail .fields h1.titlePage {padding-bottom: 20px; margin-top: 10px; margin-right: 120px;}
#jobDetail .fields h1.titlePage a {
	font-size: 23px; line-height: 23px; color: #333;
	font-family: 'BlockBertholdCondensedRegular';
	text-transform: uppercase;
}
#jobDetail .fields h1.titlePage a:hover {color:#FF3333;}

#jobDetail .fields label {margin: 0 0 0 0; padding: 0 0 0 0; font-weight: normal;}

#jobDetail .fields .subTitle {
	font-family: 'BlockBertholdCondensedRegular';
	text-transform: uppercase;
	font-size: 16px !important;
	line-height:16px;
	font-weight: normal;
	color: #333333;
}
#jobDetail .fields .left {
	width: 210px;
	float: left;
	text-align: left;
	padding: 0 0 0 0;
}
#jobDetail .fields .left.label {
	font-family: 'BlockBertholdCondensedRegular';
	text-transform: uppercase;
	font-size: 18px;
	line-height:18px;
	font-weight: normal;
	color: #333333;
	padding: 0 0 0 0;
}
#jobDetail .fields .right {
	width: 380px;
	float: left;
	text-align: left;
	padding: 2px 0 10px 0;
    font-family: 'CenturyGothicRegular';
}

#jobDetail .fields .right .init{
    font-family: 'CenturyGothicRegular';
}

#jobDetail .fields .right > *,
#jobDetail .fields .right ul,
#jobDetail .fields .right ul li,
#jobDetail .fields .right ul li span,
#jobDetail .fields .right strong,
#jobDetail .fields .right .init ul,
#jobDetail .fields .right .init ul li,
#jobDetail .fields .right .init ul li span,
#jobDetail .fields .right .init strong,
#jobDetail .fields .right .init > * {
    font-family: 'CenturyGothicRegular';
}

#jobDetail .fields .right ul {
    margin:10px 0 10px 30px;
}

@media (min-width: 993px) and (max-width: 1199px) {
	#jobDetail {
		/*width: 100%;*/
		margin: 0 0 0 0;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	#jobDetail .fields a.btnHowItWorks {margin-top:0px;}
	#jobDetail {
		width: 100%;
		margin: 0 0 0 0;
	}	
	#jobDetail .fields .left {
		width: 100%;
		float: none;
		text-align: left;
		padding: 5px 0 15px 0;
	}
	#jobDetail .fields .right {
		width: 100%;
		float: none;
		padding: 0 0 15px 0;
	}
	#jobDetail .fields .left.label {display: block;}
}

@media (max-width: 767px) {
	#jobDetail {
		width: 100%;
		margin: 0 0 0 0;
	}
	#jobDetail .fields {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 10px 30px 20px 30px;
	}
	#jobDetail .fields .left {
		width: 100%;
		float: none;
		text-align: left;
		padding: 5px 0 15px 0;
	}
	#jobDetail .fields .right {
		width: 100%;
		float: none;
		padding: 0 0 15px 0;
	}
	#jobDetail .fields .left.label {display: block;}
	
}

/* JOB DETAIL        */ /****************************/ /* END   */

a.backToSearch {
	/*position:fixed;*/
	position: absolute;
	left:-75px;
	width:75px;
	height:56px;
	display:block;
	background-image:url(../images/btn-back-to-search.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
a.backToSearch:hover {background-position:-75px 0;}
a.backToSearch.top {top:40px;}
a.backToSearch.bottom {bottom:40px;}

a.btnFollow {
	position:absolute;
	top:0;
	right:30px;
	width:125px;
	height:89px;
	display:block;
	background-image:url(../images/btn-follow.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
a.btnFollow:hover {background-position:-125px 0;}

a.btnLogInToFollow {
	position:absolute;
	top:0;
	right:30px;
	width:125px;
	height:89px;
	display:block;
	background-image:url(../images/btn-login-follow.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
a.btnLogInToFollow:hover {background-position:-125px 0;}

a.btnFollowing {
	position:absolute;
	top:0;
	right:30px;
	width:125px;
	height:89px;
	display:block;
	background-image:url(../images/btn-following.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	cursor:default;
}

@media (min-width: 993px) and (max-width: 1199px) {
	a.backToSearch {
		left:-20px;
		width:20px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	a.backToSearch {
		left:-20px;
		width:20px;
	}
}

@media (max-width: 767px) {
	a.backToSearch {
		left:-15px;
		width:15px;
	}
	a.btnFollow {display: none;}
	a.btnLogInToFollow {display: none;}
	a.btnFollowing {display: none;}
}

/* */

.socialIcons {
	position:absolute;
	top:35px;
	right:-30px;
	width:25px;
}

.socialIcons ul {list-style: none;}
.socialIcons ul li {padding: 0 0 3px 0;}

@media (min-width: 993px) and (max-width: 1199px) {
	.socialIcons {
		position:absolute;
		top:20px;
		right:10px;
		width:25px;
		z-index:1;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.socialIcons {
		position:absolute;
		top:20px;
		right:10px;
		width:25px;
		z-index:1;
	}
}

@media (max-width: 767px) {
	.socialIcons {
		position:absolute;
		top:-25px;
		right:10px;
		width:auto;
		z-index:1;
	}
}


[class^="iconJ-"], [class*=" iconJ-"] {
	display:inline-block;
	width:20px;
	height:20px;
	margin-top:1px;
	margin-bottom: 2px;
	margin-right:5px;
	line-height:20px;
	vertical-align:text-top;
}

.iconJ-em    {
	background-image:url(../images/icons-em-big-2.png); 
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.iconJ-em:hover   {
	background-image:url(../images/icons-em-big-1-hover.png); 
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.iconJ-fb    {
	background-image:url(../images/icons-fb-big-2.png); 
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.iconJ-fb:hover   {
	background-image:url(../images/icons-fb-big-1-hover.png); 
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.iconJ-tw    {
	background-image:url(../images/icons-tw-big-2.png); 
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.iconJ-tw:hover   {
	background-image:url(../images/icons-tw-big-1-hover.png); 
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/* BUTTONS     */ /****************************/ /* START   */

.divBtns:before, .divBtns:after {display: table; content: " ";}
.divBtns:after {clear: both;}
.divBtns:before, .divBtns:after {display: table; content: " ";}
.divBtns:after {clear: both;}

.divBtns.above {margin: 0 0 20px 0;}
.divBtns.bellow {margin: 20px 0 0 0;}

form.buttonsJob {
	height: 35px;
	width: 50%;
}
form.buttonsJob.left {float: left;}
form.buttonsJob.right {float: right; text-align: right;}

form.buttonsJob input.btn {
	font-family: 'BlockBertholdCondensedRegular';
	letter-spacing: 1px;
	font-size: 35px; line-height: 25px;
	color: #333333;
	text-transform: uppercase;
	border: 0;
	outline: none;
	height :35px;
}
form.buttonsJob input.btn:hover {color: #ed1e24;}

form.buttonsJob.left input.btn {
	background: url(../images/btn-arr-left.png) no-repeat left;
	padding: 0 0 0 20px;
}
form.buttonsJob.right input.btn {
	background: url(../images/btn-arr-right.png) no-repeat right;
	padding: 0 20px 0 0;
}

@media (min-width: 993px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 992px) {
	
}

@media (max-width: 767px) {
	
}

/* BUTTONS     */ /******************************/ /* END   */


/* SHARE IT    */ /****************************/ /* START   */

#popupShareIt {
	margin: 70px 70px;
	width: 415px;
}

#popupShareIt:before, #popupShareIt:after {display: table; content: " ";}
#popupShareIt:after {clear: both;}
#popupShareIt:before, #popupShareIt:after {display: table; content: " ";}
#popupShareIt:after {clear: both;}

#popupShareIt .box {
	float: left;
	width: 100%;
	padding: 0 0;
	margin: 0 0;
}
#popupShareIt .box form {padding: 30px 0 25px 0;}
#popupShareIt .box .txt-small {
	font-family: 'CenturyGothicRegular';
	color: #008ca9;
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 0 0;
}
#popupShareIt .box form .txt-small {padding: 0 0 10px 0;}
#popupShareIt .box .txt-big {
	font-family: 'CenturyGothicRegular';
	color: #ff3333;
	font-size: 24px;
	font-weight: normal;
	padding: 0 0 0 0;
}

#popupShareIt .box input.textField {
	width: 100%;
    font-family: 'CenturyGothicRegular';
    font-size: 18px;
    padding: 8px 10px 8px 10px;
    font-weight: normal;
    border: 1px solid #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 15px;
    float: none;
}

#popupShareIt .box textarea.txtareaForm {
	width: 100%;
    font-family: 'CenturyGothicRegular';
    font-size: 18px;
    padding: 8px 10px 8px 10px;
    font-weight: normal;
    border: 1px solid #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 15px;
	height: 100px;
	float: none;
	resize: none;
}

#popupShareIt input.btnSend {
	float: none;
	background: #ff3333;
	font-family: 'CenturyGothicRegular';
	font-size: 24px;
	line-height: 24px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	width: 100%;
	text-align: center;
	border: 0;
	margin: 0 auto;
	text-indent: 0px;
	padding: 15px 0;
	height: auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*#popupShareIt input.btnSend:hover {background-position: -73px 0;}*/

#popupShareIt span.err {
	color: #FF3333; font-family: 'CenturyGothicItalic';
}
#popupShareIt span.err p {
	color: #FF3333; font-family: 'CenturyGothicItalic';
	padding: 0; margin: 0;
	font-size: 14px;
}

#popupShareIt p {
	color: #333333; font-family: 'CenturyGothicRegular';
	font-size:14px;
}

/* */

#popupShareItThanks {
	margin:10px 0;
}

#popupShareItThanks:before, #popupShareItThanks:after {display: table; content: " ";}
#popupShareItThanks:after {clear: both;}
#popupShareItThanks:before, #popupShareItThanks:after {display: table; content: " ";}
#popupShareItThanks:after {clear: both;}

#popupShareItThanks .box {
	float: left;
	width: 235px;
	padding: 0 10px;
	margin: 0 15px;
}
#popupShareItThanks .box form {padding: 30px 0 25px 0;}
#popupShareItThanks .box .txt-small {
	font-family: 'CenturyGothicRegular';
	color: #008ca9;
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 0 0;
}
#popupShareItThanks .box form .txt-small {padding: 0 0 10px 0;}
#popupShareItThanks .box .txt-big {
	font-family: 'CenturyGothicRegular';
	color: #ff3333;
	font-size: 24px;
	font-weight: normal;
	padding: 0 0 0 0;
}

#popupShareItThanks p {
	color: #333333; font-family: 'CenturyGothicRegular';
	font-size:14px;
}

/* */

#popupLikeJob {
	margin: 70px 70px;
	width: 415px;
}

#popupLikeJob:before, #popupLikeJob:after {display: table; content: " ";}
#popupLikeJob:after {clear: both;}
#popupLikeJob:before, #popupLikeJob:after {display: table; content: " ";}
#popupLikeJob:after {clear: both;}

#popupLikeJob .txt-small {
	font-family: 'CenturyGothicRegular';
	color: #008ca9;
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 0 0;
}
#popupLikeJob .txt-big {
	font-family: 'CenturyGothicRegular';
	color: #ff3333;
	font-size: 24px;
	font-weight: normal;
	padding: 0 0 0 0;
}

#popupLikeJob p {
	font-family: 'CenturyGothicRegular';
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 0 0;
}
#popupLikeJob p a {
	font-family: 'CenturyGothicRegular';
	color: #ff3333;
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 0 0;
	text-decoration: none;
}

#popupLikeJob p a.btnMyAccount {
	/*
	width: 155px; height: 23px;
	display: block;
	background-image: url(../images/btn-go-to-myaccount.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	*/
	float: none;
	background: #ff3333;
	font-family: 'CenturyGothicRegular';
	font-size: 24px;
	line-height: 24px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	width: 100%;
	text-align: center;
	border: 0;
	margin: 0 auto;
	text-indent: 0px;
	padding: 15px 0;
	height: auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*#popupLikeJob p a.btnMyAccount:hover {background-position: -155px 0;}*/

#jobDetail .right p, 
#jobDetail .right span, 
#jobDetail .right p span {
    font-family: inherit;
    color: inherit;
}