/***********************************************
PROJECT CSS - jobbankroot
************************************************/
main h1#wb-cont::before {
	border-left: none !important;
	padding-left: 0;
}

main h1#wb-cont:focus {
	outline: 1px dotted #ccc;   
}

div#radiusmap:focus { outline: 1px dotted #ccc;  }
h1  { border-bottom: none; }
.bg-grey  { background: #F5F6F7; }
.margin-top  { margin-top: 1.7em !important }
.margin-top1  { margin-top: 1em; }
.margin-top3  { margin-top: 3em !important }
.margin-bottom  { margin-bottom: 1em !important }
.margin-left  { margin-left: 0.5em; }
.margin-left1  { margin-left: 1em !important; }
.margin-left2  { margin-left: 2em !important; }
.margin-right  { margin-right: 0.5em !important; }
.margin-left-large  { margin-left: 100px; }
.margin-bottom2 { margin-bottom: 2em; } 
.margin-bottom5 { margin-bottom: 4em; } 
.margin-none { margin: 0px !important }
.padding-top  { padding-top: 8px }
.padding-top-large  { padding-top: 30px }
.padding-left  { padding-left: 0.5em !important; }
.padding-left-large  { padding-left: 20px }
.padded  { padding: 10px }
.padded-top  { padding-top: 1em !important;  }
.width80  { width: 80% !important; }
.width75  { width: 75% !important; }
.width60  { width: 60% !important; }
.width50  { width: 50% !important; }
.width30  { width: 30% !important; }
.width25  { width: 25% !important; }
.width20  { width: 20% !important; }
.width15  { width: 15% !important; }
.width10  { width: 10% !important; }
.grey-text  { color: #666666 }
.larger-text { font-size: 1.2em } 
.smaller-text { font-size: 0.9em }
.italicized { text-align:center; font-style:italic; }
.capitalized  { text-transform: capitalize}
.underlined  { text-decoration: underline }
.job-posting-details-menu { padding-top: 0 !important; } 
.details-menu  { border-left: 1px solid #ccc } 
.align-center  { text-align: center; }
.align-left  { text-align: left !important; }
.lmi-details-summary  { font-size: 1em !important; }
div#local-news a:link { text-decoration: none; }
div#local-news a:hover { text-decoration: underline; }
form.search-module input[name=searchstring] {height: 46px;}
a:visited  { color: #335075; }
.no-underline  { text-decoration: none; }
.border { border: 10px solid #ddd; width: 600px; height: 500px;}
.iframe-full  {
	position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;
}

.prm-flpr.theme-white { margin: 0 0 20px 0; } 
.prm-flpr.theme-C-dark {
	background: #335075 url('../images/bg-hero_C_dark.jpg') no-repeat 50% 0%;
	background-size: cover;
	min-height: 300px;
	padding-bottom: 300px;
}

.prm-flpr.theme-white { margin: 0 0 20px 0; } 
.prm-flpr.theme-F-white {
	background: #335075 url('../images/bg-hero_F_light.jpg') no-repeat 50% 0%;
	background-size: cover;
	min-height: 300px;
	padding-bottom: 300px;
}

.prm-flpr.theme-min {
	/* height: 50%; */
	height: 245px;
	min-height: 300px;
	padding-bottom: 0px;
}
.prm-flpr.theme-min section .cover { margin-top: 50px !important; }
@media screen and (min-width: 768px) and (min-height: 520px) {
	.prm-flpr.theme-min {
		height: 20% !important;
		min-height: 200px;
	}
	.prm-flpr.theme-min section .cover {
	    margin-top: 75px !important;
	}
}
@media screen and (min-width: 768px) {
	.prm-flpr.theme-min {
	
	}
}
@media screen and (min-width: 992px) {
	.prm-flpr.theme-min {
	
	}
	.prm-flpr.theme-D-dark section .cover {
	    margin-top: 120px;
	}
}
.prm-flpr.theme-bg {
	background: #fff url('../images/ceaa.jpg') no-repeat;
	background-size: cover;
}
.prm-flpr.theme-bg1 {
	background: #fff url('../images/bg-hero_E_dark.jpg') no-repeat;
	background-size: cover;	
}
.panel-support-topics h2 .fa,
.panel-support-topics .h4 .fa { 
	margin: 0 4px 0 0;
}
.prm-flpr.theme-dark .cover .topic-heading {
	color: #fff;
	border: none;
	font-size: 1.5em;
	line-height: 1em;
	padding: 2px 3px 1px 3px;
	margin: 0 0 0.5em 0;
	display: inline-block;
}
.prm-flpr.theme-dark .cover .topic-heading:focus { outline: 1px dotted #fff; }
.prm-flpr.theme-dark .cover .topic-heading .directory { display: none; }
.topics-group {
	margin: 40px 0 0 0;
	/* border-bottom: 5px solid #eee; */
	padding: 0 0 30px 0;
}
.topics-group .topics {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* text-align: center; */
}
.topics-group .topics li {
	/* display: inline-block;
	margin: 5px;
	padding: 0;
	width: 22%;
	vertical-align: top;
	text-align: center; */
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	vertical-align: top;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.topics-group .topics li {
		float: left;
		width: 50%;
	}
}
.topics-group .topics li:first-child {
	/* margin: 5px 5px 5px 0; */
}
.topics-group .topics li:last-child {
	/* margin: 5px 0 5px 5px; */
}
.topics-group .topics li a {
	text-decoration: none;
	display: block;
	border: 1px solid #F9F9F9;
	max-height: 200px;
	height: auto;
	padding: 0px;
	/* background: #F9F9F9; */
	/* background: #eee; */
	text-align: center;
	width: auto;
}
.topics-group .topics li a:hover,
.topics-group .topics li a:focus,
.topics-group .topics li a:active {
	border: 1px solid #ddd;
	/* background: #EEEEEE; */
	/* background: #E9EBED; */
	background: #F5F6F7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.topics-group .topics li a .fa {
	display: block;
	font-size: 4em;
	margin: 0 0 20px 0;
	/* color: #2572B4; */
	color: #335075;
	/* color: #555; */
}
.topics-group .topics li a:hover .fa,
.topics-group .topics li a:focus .fa,
.topics-group .topics li a:active .fa {
	color: #2572B4;
}
.topics-group .topics li a .label {
	color: #666;
	border: none;
	font-size: 1.5em;
	font-weight: 400;
	white-space: pre-wrap;
	padding: 0 10px;
	vertical-align: middle;
	text-align: center;
	/* letter-spacing: 0.025em; */
	display: block;
	line-height: 1.1em;
	font-family: 'Roboto', sans-serif;
}
.topics-group .topics li a:hover .label,
.topics-group .topics li a:focus .label,
.topics-group .topics li a:active .label {
	/* color: #2572B4; */
}
.panel-support-topics {
	margin: 0 0 10px 0;
	padding: 0;
}
.popular-questions {
    border-radius: 5px;
    background: #eee;
    margin: 0 0 30px 0;
    padding: 15px 25px;
}
.popular-questions ul {
	margin-bottom: 15px;	
}
.panel-support-topics h2 {
	margin: 10px 0 0 0;
	font-size: 1.3em;
	/* font-weight: 500; */
	padding: 0 0 5px 0;
	/* border-bottom: 5px solid #eee; */
	color: #666;
}
.panel-support-topics .h3 {
	font-weight: 500;
	font-size: 1.45em;
	margin: 20px 0 30px 0;
	padding: 0 0 5px 0;
	/* border-bottom: 5px solid #eee; */
	letter-spacing: -0.01em;
}
.panel-support-topics .h4 {
	font-weight: 500;
	font-size: 1.4em;
	color: #666;
	margin: 20px 0 10px 0;
	padding: 0 0 5px 0;
	/* border-bottom: 5px solid #eee; */
	letter-spacing: -0.01em;
}
.panel-support-topics ul li .main-element {
	font-weight: 600;
	text-transform: uppercase;
}
.panel-support-topics ul li .main-element .detail-element {
	font-weight: 600;
	text-transform: none;
}
.panel-support-topics ul li .sub-element {
	display: block;
	font-size: 0.85em;
}
.topic {
	padding: 0 15px 20px 15px;
}
.topic .noc-category-ul > li {
    margin: 0 0 35px 0;
}
.topic .noc-category-ul > li .h5 {
	font-size: 16px;
	margin-bottom: 7px;
	display: block;
}
@media screen and (min-width: 992px) {
	.panel-support-topics {
		margin: 0 0 30px 0;
		padding: 0 15px;
	}
	.popular-questions {
	    padding: 25px 35px;
	    margin: 20px 0;
	}
	.topic {
		padding: 0 40px 20px 15px;
	}
}
.topic-list {
	margin: 0 0 20px 0;
	padding: 0 0 0 28px;
	list-style-type: none;
}
.topic-list li {
	margin: 0 0 5px 0;
}
.fa-ul {
    /* margin-left: 3em; */
    margin-bottom: 0px;
}
.fa-ul > li {
    margin: 0 0 7px 0;
    font-size: 0.95em;
   	page-break-inside: avoid;
	break-inside: avoid-column;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	
}
.fa-li {
	left: -1.6em;
	width: 1.5em;
}
.browse-categories .fa-ul {
	margin-top: 1.5em;
}
.browse-categories .popular-questions .fa-ul {
	margin-top: 1em;
}
.browse-categories .popular-questions .fa-ul li {
	margin: 0 0 10px 0;
}
.browse-categories .fa-ul li {
	margin: 0 0 15px 0;
	font-size: 0.95em;
	line-height: 1.4em;
}
.list-inline > li {
	margin-bottom: 10px;
}
.topic-section .header {
	margin: 25px 0 20px 0;
	padding: 0 0 25px 0;
	border-bottom: 2px solid #eee;
	color: #444;
	font-size: 1.65em;
}
.topic-section .header .fa {
	color: #335075;
	margin: 0 5px 0 0;
}
.topic-section {
	margin: 0 0 20px 0;
	padding: 0 0 0 0px;
	list-style-type: none;
}
.topic-section .sub {
	font-size: 1.2em;
	color: #666;
}
dl.topic-section-list {
	margin: 0 0 20px 0;
	padding: 0 0 0 22px;
}
dl.topic-section-list {
	margin: 0;
	
}
dl.topic-section-list:last-child {
	border-bottom: none;
}
dl.topic-section-list dt {
	padding: 20px 0 0px 0;
	margin: 0;
}
dl.topic-section-list dt a {
	/* text-decoration: none; */
	font-size: 1em;
	font-weight: 500;
}
dl.topic-section-list dd {
	padding: 5px 0 20px 0;
	border-bottom: 1px solid #eee;
	margin: 0;
}
dl.topic-section-list dd .description {
	display: block;
	font-size: 0.9em;
	/* text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; */
	overflow: hidden;
	position: relative; 
	max-height: 2.8em; 
	text-align: justify;
	margin-right: 1em;
	padding-right: 1em;
}
dl.topic-section-list dd .description:before {
	content: '...';
	position: absolute;
	right: 0;
	bottom: -2px;
}
dl.topic-section-list dd .description:after {
	content: '';
	position: absolute;
	right: 0;
	width: 1em;
	height: 1em;
	margin-top: 0.2em;
	background: #F9F9F9;
}
.article-section {
	
}
.article-section .question {
	
}
.article-section .question .header {
	margin: 32px 0 35px 0;
	font-size: 1.4em;
	font-weight: 500;
	border: none;
}

.article-section .question .header,
.article-section .answer h3,
.article-section .answer h4,
.article-section .answer h5,
.article-section .answer h6,
.article-section .answer p {
	position: relative;
	padding: 0 0 0 25px;
}
.article-section .answer {
	position: relative;
}
.article-section .question .header .fa,
.article-section .answer .fa {
	position: absolute;
}
.article-section .question .header .fa {
	font-size: 18px;
	left: -15px;
	top: -2px;
	color: #fff;
	border-radius: 50%;
	height: 27px;
	width: 27px;
	text-align: center;
	line-height: 1.5em;
	background: #335075;
}
.article-section .answer p,
.article-section .answer li {
	font-size: 0.95em;
}
.article-section .answer ul,
.article-section .answer ol {
	margin: 0 0 25px 0;
}
.article-section .answer li {
	margin: 0 0 5px 0;
}
.article-section .answer p {
	margin: 0 0 10px 0;
}
.article-section .answer .fa {
	font-size: 23px;
	left: -11px;
	top: 2px;
	color: #335075;
}
.article-section .related {
	padding: 0;
}

.article-section .interact {
	padding: 20px 0 0 0;
	border-top: 1px solid #ddd;
	margin: 40px -15px 0 -15px;
}

.article-section .helpful,
.article-section .contactus {
	padding: 0;
}

.article-section .helpful a {
	text-decoration: none;
	margin: 0 0 0 10px;
	padding: 0;
	position: relative;
	top: -1px;
}
.article-section .contactus a {
}
.article-section .helpful p {
	color: #606060;
	font-size: 0.9em;
}
.article-section .helpful .thank-you-note {
	font-size: 1.25em;
}

.article-section .contactus p {
	color: #606060;
	font-size: 0.9em;
}

.feedback-section {
	margin: 0;
	padding:0;
	position: relative;
	float: none;
}
.feedback-section .wrap {
	position: relative;
	margin-bottom: 62px;
}
/* Form */
.feedback-section .form-details {
	background: #eee;
	padding: 25px 25px 10px 25px;
	z-index: 9;
}
.feedback-section .form-details,
.feedback-section .contact-details {
	float: none;
}
.feedback-section .form-details .tip-required {
	/* position: absolute;
	left: 0px;
	bottom: -62px; */
	position: relative;
	background: #eee;
	display: block;
	/* padding: 0; */
	padding: 0 0 10px 0;
}
@media screen and (min-width: 992px) {
	.feedback-section {
		display: table;
	}
	.feedback-section .form-details,
	.feedback-section .contact-details {
		display: table-cell;
	}
	.feedback-section .form-details .tip-required {
		/* left: auto;
		right: 0px; */
	}
}

/* Details */
.feedback-section .contact-details {
	/* border-top-right-radius: 5px;
	border-bottom-right-radius: 5px; */
	background: #fff;
	padding: 25px;
}
.feedback-section .contact-details:focus,
.feedback-section .contact-details:active {
	outline: 1px dotted #000;
}
.contact-details-item {
	-webkit-animation-duration: 0.5s !important;
	-moz-animation-duration: 0.5s !important;
	-o-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}
.feedback-section .contact-details h2 {
	margin: 0 0 10px 0;
	font-size: 1.5em;
	/* font-weight: 500; */
	color: #555;
	padding: 0 0 5px 0;
	border-bottom: 5px solid #eee;
}
.feedback-section .contact-details h3 {
	margin: 30px 0 5px 0;
	font-size: 1.3em;
	font-weight: 500;
	color: #555;
	/* padding: 0 0 5px 0;
	border-bottom: 1px solid #eee; */
}
.feedback-section .contact-details h3 .fa {
	margin: 0 7px 0 0;
}
.feedback-section .contact-details p {
	margin: 0;
	color: #777;
}
.feedback-section .contact-details .highlight {
	margin-top: 30px;
}
@media screen and (min-width: 992px) {
	.article-section .related {
		padding: 7px 0 0 40px;
	}
	.article-section .interact {
		margin: 40px 25px;
	}
	.article-section .contactus p {
		text-align: right;
	}

	/* Form */
	.feedback-section .form-details {
		/* -webkit-border-top-left-radius: 15px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-topright: 0px;	 */
	}
	/* Details */
	.feedback-section .contact-details {
		/* -webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 15px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 15px; */
	}
}
/* #questionTopic .twitter-typeahead .tt-menu {
    max-height: 340px;
	overflow-y: scroll;
}
#questionTopic .twitter-typeahead .tt-dataset h4 {
	padding: 10px 15px;
	margin: 0;
	border-bottom: 1px solid #ccc;
	font-size: 1.2em;
	background: #efefef;
	border-top: 1px solid #ccc;
}
#questionTopic .twitter-typeahead .tt-suggestion {
    font-size: 0.9em;
    padding: 10px 15px;
    margin: 0;
}
#questionTopic .twitter-typeahead .tt-suggestion:hover {
    color: #fff !important;
	background-color: #006E96;
}
#questionTopic .twitter-typeahead .tt-suggestion:hover .tt-highlight {
    font-weight: bold;
    color: #fff !important;
}
#questionTopic .twitter-typeahead .tt-suggestion + .tt-suggestion {
	border-top: 1px dotted #ccc;
}
#questionTopic .twitter-typeahead .tt-dataset-answer .tt-suggestion {
	height: 44px;
	overflow-y: hidden;
	line-height: 1.7em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
} */
.empty-message {
	padding: 10px;
}

table#canada_news_table td, table#canada_news_table th { border: 1px solid; border-color: #666666 }
table#canada_news_table tr.mouseover:hover  { background-color: #fcebfe }
div#calendar3  { width: 45%; background-color: #fff; border: 1px solid; border-color: #666666 }
.cal-month-next  {  }
.checkboxinlistbox { border:1px solid #ccc; height: 200px; overflow-y: scroll; background: #fff; }
.toLowercase  { text-transform: lowercase }
.province-checkboxA  { position: absolute; left: 3em; top: 4.5em;}
.area-checkbox { margin-top: 2.5em;}
#fgeo details  { margin-left: 0px !important; padding-left: 2px !important; text-indent: 0px !important; }
#jmds-container h2 {
	font-size: 1.3em;
	color: #555;
	font-weight: 500;
	margin: 0 0 11.5px 0;
}
#jmds-container .close-command {
	float: right;
	font-size: 0.85em;
	padding: 0;
	background: #fff;
	top: -45px;
	right: 6px;
	position: relative;
}
#jmds-container .close-command a,
#jmds-container .close-command a:visited,
#jmds-container .close-command a:focus,
#jmds-container .close-command a:active {
	text-decoration: none;
	color: #295376;
	
}
#fs-survey-iframe-ee {
	width: 100%;
	height: 300px;
	border: 1px solid #dfdfdf;
}
#fs-survey-iframe-ee:focus {
	outline: 1px dotted red;
}

#map_group.smallMap {
	
}
#map_group.bigMap {
	
}
#map { 
	position: relative;
	width: 100%;
	height: 150px;
	margin: 10px 0 0 0;
	border: 4px solid #ddd;
}

#instructions-title  { font-size: 0.85em !important }
input.lmi-input, select.lmi-input  { height: 2.5em; margin-right: 0.5em !important; }

select#selectevent { width: 20em; }

div#location_dropdown, div#sector_dropdown, div#event_type_dropdown {  margin-right: 0.5em !important; }
p.intro_bold  { font-weight: 600; color: #666; }
div.ptlist_icon  {
  float: left;
  margin-top: .5em;
  margin-right: 5px;
  margin-left: 5px;
  padding-top:.2em;
  padding-bottom: .2em;
  font-size: .9em;
  font-weight: bold;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

ul.no-bullets  { list-style-type: none; }

.job-posting-details  { border-top: 5px solid #ccc;}

.have-account {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight: 400;
	/* line-height: 2.5em; */
	color: #666;
	padding: 15px 25px;
	background: #efefef;
	text-align: right;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: relative;
}
.have-account .icon {
	position: absolute;
	left: -54px;
	top: -17px;
	font-size: 2.5em;
	display: none;		
}
.have-account .title {
	display: block;
}
.have-account a {
	color: #2572B4;
}

#skills_checlists_left  { width: 49%; float: left;  }
#skills_checlists_right  { width: 49%; float: right }
h3.grey-underline  {
	padding: 5px;
	border-bottom: 1px solid #dfdfdf;
}
.grey-panel  {
	background-color: #eee;
	padding: 5px;
}

.expand-search-message {
	margin: 0px;
	font-size: 1.75rem;
	line-height: 2.5rem;
	font-weight: 400;
	font-family: 'Roboto', Arial, sans-serif;
	color: #666;
}

.other-options {
	margin-top: 1em;
	font-size: 1.75rem;
	line-height: 2.5rem;
	font-weight: 400;
	font-family: 'Roboto', Arial, sans-serif;
	color: #666;
}

li.spaced { line-height: 2em; }

ul.list-group li.list-group-item  { padding-left: 0px !important; border: 0;}

ul.indent-small  { padding-left: 10px }
/* div#jb-alert-reg  button#search  { height: 3em  } */
/* form#jobAlertSubscriptionForm  input.jobtitlesuggest, form#jobAlertSubscriptionForm  input.citysuggest, form#jobAlertSubscriptionForm  input.jbemail { height: 3em }
.search-module .advance-btn-group  { margin-left: 0px; margin-top: 5px; margin-bottom: 0px; margin-right: 10px !important }
 */
.dark_blue  { color: #003399 !important }

/* div.signon span { font-size: 95% !important; } */


/* .job-posting-brief .command-viewall {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 7px;
	padding: 2px 7px 2px 1px;
	margin: 0;
	text-decoration: none;
}
.job-posting-brief .command-viewall .fa {
	padding: 2px 1px 2px 7px;
	font-size: 0.9em;
}
.job-posting-brief .command-viewall .title {
	font-size: 0.75em;
	white-space: nowrap;
}
.job-posting-brief .command-viewall:hover .title {
	text-decoration: underline;
	color: #0535d2;
} */

#essentialSkillsAccordion summary {
	font-size: 1.15em;
}
#essentialSkillsAccordion summary .fa {
	/* padding: 5px 7px;
	border: 2px solid #aaa;
	height: 18px;
	width: 18px;
	border-radius: 18px;
	font-size: 0.9em; */
	height: 28px;
	width: 28px;
	padding-right: 7px;
	display: inline-block;
	position: relative;
	color: #777;

}

.skill{
	border: 0px solid;
    border-radius: 25px;
    padding:8px;
}
/* .skillsElements{
	border: 1px solid;
	border-color: #ff7f50;
    border-radius: 5px;
    padding:8px;
}
.knowledgeElements{
	border: 1px solid;
	border-color: #ff7f50;
    border-radius: 5px;
    padding:8px;
} */
.skill h2 {
	color: #2572B4;
	margin: 1em 0 0.5em 0;
}
.skill h3,
.skill legend.h3 {
	font-size: 1.1em;
	margin: 2em 0 0.75em 0;
}
.skill h4 {
	font-size: 1.1em;
	font-weight: 500;
	color: #666;
	margin: 2em 0 0.75em 0;
}
.skill .dialog-help {
    font-size: 1.05em;
    padding: 1px 7px 1px 6px;
    background: #666;
    margin: 0;
    margin-left: 10px;
}
.skill .checkbox {
	display: block;
}
.skill .checkbox input[type="checkbox"] {
	position: absolute;
	top: 1px;
}
#jobAlertSubscriptionForm {
	position: relative;
	display: block;
}

.facet-unknown {
	padding-left: 24px; 
}

/* .input-group-btn {
    vertical-align: top !important;
}
*/

table#wage-occ-report, table#wage-occ-report-nat, table#wage-occ-report-prov, table#wage-occ-report-loc { border: 1px solid; border-color: #ccc }

th#header2_wages, th#header2_wages_nat, th#header2_wages_prov, th#header2_wages_loc  { text-align: center }
table#wage-occ-report tr.national th, tr.prov th, table#wage-occ-report-nat tr.national th, tr.prov th, table#wage-occ-report-prov tr.national th, tr.prov th, table#wage-occ-report-loc tr.national th, tr.prov th {padding-left: 5px; }
table#wage-occ-report tr.national th, tr.national td, table#wage-occ-report-nat tr.national th, tr.national td, table#wage-occ-report-prov tr.national th, tr.national td, table#wage-occ-report-loc tr.national th, tr.national td { background-color: #e1e4e7; height: 3em; }
table#wage-occ-report tr.prov th, tr.prov td, table#wage-occ-report-nat tr.prov th, tr.prov td, table#wage-occ-report-prov tr.prov th, tr.prov td, table#wage-occ-report-loc tr.prov th, tr.prov td { background-color: #f5f5f5; height: 3em;  }

table.datalist thead tr th.med-grey { border-top: 1px solid #efefef !important; background-color: #e1e4e7 !important; }
table#provoutlooktable_region  { width: 100%; border: 1px solid; border-color: #ccc !important;  }
th.prov, td.prov { border-bottom: 1px solid #ccc !important; background-color: #eaeaea !important; }

dt.outlook-province, dd.outlook-province  { border: 1px solid; border-color: #ccc; margin: 0; padding: 10px;}
dt.outlook-province  { background-color: #eaeaea !important;  }
summary.out-prov  { background-color: #eaeaea !important; height: 2.5em !important }
details.provincial-det  { border: none !important }
details.region-details  { border: none !important }
.prov-container { width: 100%; border: 1px solid #ccc !important; margin-bottom: 1em; }

.lt-grey { border-top: 1px solid #f3f3f3 !important; background-color: #eaeaea !important; }
.canada { border-bottom: 1px solid #ccc !important; background-color: #eaeaea !important; }
.provincial { border-bottom: 1px solid #ccc !important; background-color: #f1f1f1 !important; }
.other  { background-color: #fff !important; }
.outlook-canada  { border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; border-color: #ccc; background-color: #eaebed; margin: 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
.outlook-regional { border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-color: #ccc; background-color: #f6f6f6; margin: 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}


dt.outlook-prov, dd.outlook-prov, dt.region, dd.region  { padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }    
dt.outlook-prov, dd.outlook-prov  { background-color: #f3f3f3; margin: 0; border-bottom: 1px solid; border-color: #ccc; }
dl.outlook-prov { border: 1px solid #ccc !important; }
dt.region, dd.region { border: 1px solid; border-color: #ccc; margin: 0; }
dt.province, div.province  { border: 1px solid; border-color: #ccc; background-color: #f3f3f3; margin: 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
dd.province  { border: 1px solid; border-color: #ccc; margin: 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
div.ocupation-list  { border: 1px solid; border-color: #ccc; margin: 0; padding-top: 10px; padding-bottom: 10px; }
.other_area_header  { padding-left: 10px; padding-top: 10px;}

.ec-panel .input-group-btn {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

p.lead  { margin-right: 1em; color: #666; font-size: 1.2em}
.uppercase { text-transform: uppercase }
.blue-bold-label {
	color: #2572B4;
	font-weight: bold;
}

div.source_reference  { float: right; }
.potential_header  { text-align: center }
.star_column  { float: left; margin-left: 5em }
.star_column_nomargin { float: left; }
table#wage-loc-report  { border-right: 1px solid; border-color: #ccc; }
.ui-icon { text-indent: 0; }
div.border-top  { border-top: 1px solid; border-color: #ccc; padding: 10px;}
.nocCode  { color: #666666; font-style: italic;}
#ReportHeaderBox  { margin-top: 15px; margin-bottom: 10px; }
.wage-outlook-toggle  { border: 1px solid; border-color: #ccc; padding: 10px; background-color: #eaebed;}
div#widget-occ-input  { margin-top: 2em; }
div#widget-loc-input  { margin-top: 3.5em; margin-bottom: 3em; }
div#es-skills-container details { border: none}
div.section-nav-link  { float: left; padding: 10px; width: 10.5em; background-color: #eaebed; border: 1px solid; border-color: #ccc; margin-left: 0px !important; margin-top: 0px !important; }
div.section-nav-link:lang(fr)  {  width: 10.5em !important; }
/* Job Market Report styles  */

@media screen and (max-device-width: 480px) {
  
  div.summary-section  { width: 99% !important; height: auto !important; border: 1px solid; border-color: #ccc; padding: 05em;}
 
  div.section-nav-link { border-right: none !important; width: 100%; float: left !important; padding: 0px !important; }
  .floatlink  { float: left !important; }
  div.clear-mobile  { clear: both; }
}


div.hide-toggle  { display: none; }
div.show-toggle  { display: block; }
a#searchicon  { visibility: visible !important; }

div#search-button button { margin-top: 1.7em !important }

.floatlink  { float: right; }
#searchicon-container:lang(en)  { width: 5em; height: 1.5em; }
#searchicon-container:lang(fr)  { width: 5em; height: 1.5em; }
#searchicon  { width: 3%; visibility: hidden; height: 1.2em; text-align: center; margin-top: 0.3em}
span#search-text  { font-size: 16px; font-weight: normal; font-family: Helvetica, Arial, sans-serif; 
					padding-bottom: 5px !important; height: 1em; vertical-align: middle;
}
span#fa-search  { 
	font-size: 2em; margin-right: 2em;
	height: 1.2em; width: 1.5em; text-align: center; 
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
	cursor: pointer;
}

#searchicon  { margin-left: 5px; visibility: hidden; height: 1.2em; text-align: center; }

span#search-fa  { 
	font-size: 2em; margin-right: 2em;
	height: 1.2em; width: 5em; text-align: left;
	cursor: pointer;
}

.more-link  { font-size: 0.9em; text-decoration: none; color: #335075; font-weight: bold; }
div.summary-section:lang(en)  { 
	width: 49%; height: 16em; border: 1px solid; border-color: #ccc; padding: 15px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
}
div.summary-section:lang(fr)  { 
	width: 49%; height: 18em; border: 1px solid; border-color: #ccc; padding: 15px;
}
div.summary-section:hover  {
	background: #eee;
}
div.summary-section h2  { margin-top: 0px; margin-bottom: 2em; font-size: 1.2em; }
div#summary-jobs h2, #occ-details h2  { margin-top: 0px; font-size: 1.2em; }
div#summary-jobs  { 
	border: 1px solid; border-color: #ccc; padding: 15px; 
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
}
#skills-section {
	width: 100%;
	height: auto;
	padding-bottom: 50px;
}
.no-bullets{
	list-style-type: none;
}
div#view-report  { text-align: center !important; margin-top: 1em; margin-bottom: 10px; }
.section-value  { font-size: 1.4em; color: #666666 }
div.summary-section-content  { width: 75%; margin:0px auto; text-align: center;}
div.summary-section h2, div#summary-jobs h2 { color: #335075; }
#occ-details h3  { font-size: 1.1em; color: #666666; }
.occ-details-content  { border-top: 1px solid; border-color: #ccc; padding: 10px;}
.intro  { font-size: 1.1em; }
.colored_note  { background-color: #dbdbdb; padding: 10px; }
.search-more  { color: #666666; font-size: 1em; font-weight: 600;  }
h2.wage-job-title  { margin-top: 0px; }
table#wage-occ-report-loc th#header2a_wages, table#header2a_wages th#header2b_wages, table#header2a_wages th#header2c_wages {
	width: 33% !important; text-align: center !important;
}
table#wage-occ-report { width: 98%; margin-bottom: 1em; }
table#wage-occ-report-prov  { width: 98% }
table#wage-occ-report-prov  th#header2a_wages, table#header2a_wages th#header2b_wages, table#header2a_wages th#header2c_wages {
	/*width: 33% !important; text-align: center !important;*/
}

table#wage-occ-report th#header2a_wages, table#header2a_wages th#header2b_wages, table#header2a_wages th#header2c_wages,table#table#wage-occ-report-nat th#header2a_wages, table#header2a_wages th#header2b_wages, table#header2a_wages th#header2c_wages {
	width: 20% !important;
}

table#wage-occ-report-loc th#header3_wages_loc, table#wage-occ-report-nat th#header3_wages_loc  { 
	width: 20% !important; text-align: center !important; }

div.section-nav  { color: #335075; }

div.shaded-box  { border: 1px solid #ccc; background-color: #f5f5f5; padding: 10px; }
p.section-value span.star-outlook-zero, p.section-value span.star-outlook-one, p.section-value span.star-outlook-two, p.section-value span.star-outlook-three  { float: none !important; padding-top: 10px !important; }
div.section-nav a:link, div.section-nav a:visited { color: #335075; text-decoration: none;  }

a.clickable-row  { color: #335075; display: block; font-size: 1.2em; }
div.active  { display: block; background-color: #ccc }
.active  { display: block; background-color: #ccc }
.blue-text  { color: #335075; }
table#regulation, table#jobs, table#jobs-local  { border: 1px solid; border-color: #ccc; padding: 10px; }
table#regulation th, table#jobs th, table#jobs-local th { background-color: #dbdbdb; font-size: 1.1em; font-weight: bold; }
table#jobs-local th#date-posted { width: 13%; }
table#jobs-local th#job-title { width: 35%; }
table#jobs-local th#employer-name { width: 30%; }
table#jobs-local th#city { width: 15%; }
table#jobs-local th#source { width: 5%; }
table#associations  { border: 1px solid; border-color: #ccc; padding: 10px; }
table#associations th, table#associations td { border: 1px solid; border-color: #ccc; }
.job-source {
    background-repeat: no-repeat;
    background-size: cover;
    height: 25px;
    width: 25px;
    display: inline-block;
    left: 0px;
    top: 8px;
    position: relative;
    margin-right: 4px;
    margin-top: -8px;
}

.job-source.source-icon-18 {
	background-image: url("../../images/jobsource-careerbeacon-18-icon.png");
}
.job-source.source-icon-19 {
	background-image: url("../../images/jobsource-eluta-19-icon.png");
}
.job-source.source-icon-3 {
	background-image: url("../../images/jobsource-emploiquebec-3-icon.png");
}
.job-source.source-icon-4 {
	background-image: url("../../images/jobsource-gcjobs-4-icon.png");
}
.job-source.source-icon-16 {
	background-image: url("../../images/jobsource-jobbank-16-icon.png");
}
.job-source.source-icon-17 {
	background-image: url("../../images/jobsource-jobilico-17-icon.png");
}
.job-source.source-icon-12 {
	background-image: url("../../images/jobsource-monster-12-icon.png");
}
.job-source.source-icon-6 {
	background-image: url("../../images/jobsource-saskjobs-6-icon.png");
}
.job-source.source-icon-10 {
	background-image: url("../../images/jobsource-workbc-10-icon.png");
}
.job-source.source-icon-14 {
	background-image: url("../../images/jobsource-workopolis-14-icon.png");
}
.job-source.source-icon-20 {
	background-image: url("../../images/jobsource-jobpostings-20-icon.png");
}

/* End of Job Market Report styles  */
h1.widget-title  { font-size: 1.2em; font-family: Arial, sans-serif; color: #335075; border-bottom: 1px solid; border-color: #ccc; }
.widget-container  { 
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
}
/* Map job posting overlay */
.map-job-navigation-group {
	margin: 0 0 20px 0;
	background: #fafafa;
	padding: 10px;
	top: -5px;
	position: relative;
	text-align: center;
}
.map-job-navigation-group .pagination {
	padding: 0 10px;
	margin: 0;
	top: 2px;
	position: relative;
	font-size: 0.8em;
	font-weight: 600;
}

ul.sk  { list-style-type: none; padding-left:0; font-weight: bold; }

.did-you-know  { 
	border: 1px solid #ccc; background-color: #fff; padding: 15px; margin-bottom: 1.5em; 
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
}
h2.newcomers-heading  { color: #335075; margin-top: 0.5em !important; }
h3.newcomers-sub-heading  { color: #335075; font-size: 1.2em; }
.newcomers-info  { margin-top: 0.7em; border: 1px solid #ccc; background-color: #f5f5f5; padding: 10px; margin-left: 0.7em; margin-bottom: 1.5em;}

h1.marketreport  { font-size: 1.4em !important; padding-top: 2em !important;}
h1.marketreport span.section-name  { display: block; color: #555; font-family: Arial, Verdana, sans-serif; font-weight: 500; }
h1.marketreport span.heading-info  { display: block; color: #335075; font-size: 1.6em !important;  }
/* h1.marketreport span.heading-info:lang(en)  { text-transform: capitalize; }
h1.marketreport span.heading-info:lang(fr):first-letter { text-transform: capitalize; } */

div#occ-input { width: 45%; float: left; margin-right: 1em; }
div#loc-input { width: 45%; float: left  }
.hero-content-wrapper  { padding: 0px !important }
.hero-content-wrapper-inner  { padding: 0px !important; display: inline !important }

/* For new job search slider */

.item-slider  {
	width: 100% !important;
	margin: 10px 0 0 0;
}
.decrease,
.increase {
	width: 15% !important;
	color: #3E68A1 !important;
	text-align: center;
}

.slider-input {
	width: 70% !important;
}
#decrease-slider,
#increase-slider  {
	color: #3E68A1 !important;
	border: 1px solid #3E68A1;
	border-radius: 50px !important;
	padding: 11px 12px 9px 12px;
	top: -3px;
	position: relative;
	font-size: 1.1em;
}
#decrease-slider:hover,
#increase-slider:hover {
	background: #3E68A1;
	color: #fff !important;
}
#decrease-slider {
	margin-right: 0.3em !important;
}
/* Tooltip container */
.tooltips {
    position: relative;
    display: inline-block;
}
/* Tooltip text */
.tooltips .tooltipstext {
    visibility: hidden;
    width: 100%;
    background-color: #fff;
    color: #636363;
    padding: 5px;
	border: 1px solid #aaa;
	font-family: 'Roboto', Arial, sans-serif;
    font-size: 0.75em;
    position: absolute;
    top: 60px;
    left: -22px; 
    z-index: 1000 !important;
    background: #fff;
	letter-spacing: 0.001em;
	line-height: 1.5em;
	margin: 0 21px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltipstext {
    visibility: visible;
}
@media (min-width: 992px) {
	.tooltips .tooltipstext {
	    top: 30px;
	}
	.slider-input {
		width: 70% !important;
		top: -13px;
		padding: 0 5px;
		position: relative;
	}
	#decrease-slider,
	#increase-slider  {
		padding: 8px 9px 7px 9px;
		font-size: 0.85em;
		top: -9px;
	}
}
/* End of new job search slider */
.mobile-app.prm-flpr {
	overflow: hidden;
}
section .cover.mobile-app {
	/* margin: 20px 0 0 0; */
}
.mobile-app .mobile-app-icon {
	background-image: url('../images/mobileapp/mobileapp-icon.png');
	background-size: contain;
    background-repeat: no-repeat;
    display: block;
	position: relative;
	width: 80px;
	height: 80px;
	float: left;
	margin: -4px 15px 0 0;
	border-radius: 20px;
}
.mobile-app .intro-content-group {
	z-index: 15;
}
.mobile-app .intro {
	font-size: 1em;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	padding-right: 20px;
}
.mobile-app .intro-sub {
	font-size: 1.2em;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	color: #555;
	/* background: #E9EDEE;
	padding: 30px 35px; */
	padding: 0;
	border-radius: 20px;
	margin: 10px 0 0 0;
	z-index: 11;
	display: block;
	position: relative;
}
.mobile-app .intro-sub p {
	margin-bottom: 20px;
}
.mobile-app .app-screenshot-en,
.mobile-app .app-screenshot-2a-en,
.mobile-app .app-screenshot-2b-en,
.mobile-app .app-screenshot-fr,
.mobile-app .app-screenshot-2a-fr,
.mobile-app .app-screenshot-2b-fr {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
	position: relative;
	
	height: 500px;
	top: -5px;
	left: -50%;
	width: 150%;

	z-index: 10;
}
.mobile-app .app-screenshot-2b-en,
.mobile-app .app-screenshot-2b-fr {
	top: 0px;
	z-index: 9;
}
.mobile-app .app-screenshot-en {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2-eng.png');
    /* background-image: url('../images/mobileapp/mobileapp-ios-screenshot-eng.png'); */
}
.mobile-app .app-screenshot-2a-en {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2A-en.png') !important;
}
.mobile-app .app-screenshot-2b-en {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2B-en.png') !important;
}
.mobile-app .app-screenshot-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2-fra.png');
    /* background-image: url('../images/mobileapp/mobileapp-ios-screenshot-fra.png'); */
}
.mobile-app .app-screenshot-2a-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2A-fr.png') !important;
}
.mobile-app .app-screenshot-2b-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2B-fr.png') !important;
}
.demo-content-details .text-center {
	text-align: left;
}
.appstore-button,
.playstore-button {
	display: inline-block;
	margin: 0 0 20px 0;
}
.playstore-button {
	margin: 0;
}
.appstore-button a,
.playstore-button a {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	height: 48px;
	/* width: 140px; */
	background-size: contain !important;
	background-repeat: no-repeat !important;
	padding: 0;
}
.playstore-button a {
	
}
.appstore-button a img,
.playstore-button a img {
	height: 48px;
}
.appstore-button a.en {
	background: url('../images/mobileapp/apple-appstore-en.png');
}
.playstore-button a.en {
	background: url('../images/mobileapp/google-play-badge-en.png');
}
.appstore-button a.fr {
	background: url('../images/mobileapp/apple-appstore-fr.png');
}
.playstore-button a.fr {
	background: url('../images/mobileapp/google-play-badge-fr.png');
}
.service-content-image {
	padding: 30px;
	background: #fff;
	margin: 0;
	vertical-align: top;
}
.app-illustration {
	fill: currentColor;

	position: relative;
	/*overflow: hidden;*/
	/*background-size: cover;*/
	display: inline-block;
	background-color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	
	width: 100%;
	height: 200px;
}

.app-illustration.three-friends {
	background-image: url('../images/mobileapp/three-friends.svg');
}
.app-illustration.phone-map-gps {
	background-image: url('../images/mobileapp/phone-map-gps.svg');
}
.app-illustration.phone-notification {
	background-image: url('../images/mobileapp/phone-notification.svg');
	margin-bottom: -6px;
}
.app-illustration.phone-favourite-action {
	background-image: url('../images/mobileapp/phone-favourite-action.svg');
}
.app-illustration.dude-ready-to-go {
	background-image: url('../images/mobileapp/dude-ready-to-go.svg');
}
.app-illustration.loupe-house {
	background-image: url('../images/mobileapp/loupe-house.svg');
	margin-top: -60px;
}
.app-illustration.desktop-folder-document-pen {
	background-image: url('../images/mobileapp/desktop-folder-document-pen.svg');
	margin-top: -60px;
}
.app-screenshot-group {
	margin: 40px 0;
}
.app-screenshot-group .service-content-details > h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	color: #555;
	margin-top: 0;
	padding-bottom: 15px;
	position: relative;
}
.app-screenshot-group .service-content-details > h2:after {
    background-color: #3D6C7C;
    content: "";
    position: absolute;
    top: 96%;
    height: 3px;
    width: 90%;
    left: 5%;
}
.app-screenshot-group .service-content-details > h2 .title {
	color: #808080;
	display: block;
	font-size: 1.7rem;
	font-weight: 500;
	margin: 0 0 10px 0;
}
.app-screenshot-group .service-content-details > h2 em {
	color: #898989;
	font-style: normal;
}
.app-screenshot-group  p.lead,
.app-screenshot-group ul.lead {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	margin-bottom: 40px;
	font-size: 1.1em;
}
.app-screenshot-group .text-details {
	position: relative;
	display: block;
	margin: 15px 0 15px;
}
.app-screenshot-group .text-details .left-side {
	text-align: left;
}
.app-screenshot-group .text-details .feature-summary-text {
	margin: 0;
}
.app-screenshot-group .text-details h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 1.1em;
	font-weight: 500;
	margin: 15px 0 5px 0;
	color: #3D6C7C;
}
.app-screenshot-group .text-details p {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 1em;
	font-weight: 300;
	margin-bottom: 25px;
}
.app-screenshot {
	background-size: contain;
    background-repeat: no-repeat;
	height: 530px;
	position: relative;
	margin: 0 auto;
}
.app-screenshot.ios-searchresults-en,
.app-screenshot.ios-searchresults-fr  {
	background-position: center;
	margin: 0 0 30px 0;
	/* display: block;
	position: relative;
	border: 1px solid #ccc;
	width: auto; */
}
.app-screenshot.ios-searchresults-en {
	background-image: url('../images/mobileapp/mobileapp-ios-searchresults-screenshot-en.png');
}
.app-screenshot.ios-searchresults-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-searchresults-screenshot-fr.png');
}
.app-screenshot.feature-ui-filters-en,
.app-screenshot.feature-ui-filters-fr {
	background-position: center;
	margin: 0;
	display: block;
	position: relative;
}
.showcase-content-image {
	margin: 15px 0;
	display: block;
	position: relative;
}
.showcase-content-image .showcase-content-image-hero {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	width: 100%;
	position: relative;
	display: block;
	margin: 0 0 30px 0;
}
.showcase-content-image .showcase-content-image-hero.cards-section-image-2 {
	position: absolute;
	width: 93%;
	height: auto;
	top: -8px;
	left: 8px;
}
.showcase-content-image-hero-wrapper {
	position: relative;	
}
.demo-km,
.demo-slider-control-line,
.demo-slider-control,
.demo-slider-control-bar-line,
.demo-slider-control-bar {
	position: absolute;
	z-index: 11;
	visibility: hidden;
}
.showcase-content-image .showcase-content-image-hero.filters-section-image {
	width: 100%;
}
.showcase-content-image .showcase-content-image-hero.filters-section-image-nocontrol {
	display: block;
}
.showcase-content-image .showcase-content-image-hero.filters-section-image-control {
	display: none;
}
.showcase-content-image .showcase-content-image-hero.jobitem-section-image {
	visibility: hidden;
	top: 12px;
}
.service-content-image .service-content-image-hero.alerts-section-image,
.service-content-image .service-content-image-hero.favourites-section-image {
	width: 80%;
	max-width: none;
	z-index: 99;
	top: 13px;
	margin: 0 auto;
	background-color: #efefef;
	border-radius: 17px;
	opacity: 0.9;
	position: absolute;
	left: 10%;
	visibility: hidden;
}
.showcase-content-image  .fav-command-animation {
	background-color: #d93329;
	background-image: url("../images/mobileapp/heart-outline-white.svg");
	background-size: 65%;
	background-position: 50% 60%;
	background-repeat: no-repeat;
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	height: 100px;
	width: 100px;
	border-radius: 5em;
	z-index: 11;
	visibility: hidden; 
}
.showcase-content-image .showcase-content-image-hero.jobitem-section-image.animated,
.showcase-content-image .showcase-content-image-hero.jobitem-section-image.visible,
.service-content-image .service-content-image-hero.alerts-section-image.animated,
.service-content-image .service-content-image-hero.favourites-section-image.animated,
.service-content-image .service-content-image-hero.alerts-section-image.visible,
.service-content-image .service-content-image-hero.favourites-section-image.visible,
.showcase-content-image  .fav-command-animation.animated {
	visibility: visible !important;
}
.showcase-content-image .showcase-content-image-hero.no-shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.app-screenshot.feature-ui-filters-en {
	background-image: url('../images/mobileapp/mobileapp-ios-filters-control-screenshot-en.png');
}
.app-screenshot.feature-ui-filters-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-filters-control-screenshot-fr.png');
}
.filter-section .vac {
	transform: translateY(15em);
}
.jobs-section .vac {
	transform: none;
}
.jobs-section .showcase-content-image .showcase-content-image-hero {
	width: 100%;
}
.cards-section .vac {
	transform: none;
}
.showcase-content {
	padding: 0;
	margin: 80px 0;
	display: block;
}
.showcase-content .showcase-content-details {
	padding: 0 15px;
	margin: 0;
}
.showcase-content-details .showcase-content-details-group {
	position: relative;	
}
.showcase-content h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 2.5rem;
	color: #555;
	margin-top: 0;
	/* letter-spacing: 0.15rem; */
}
.showcase-content h2 .title {
	color: #808080; /* #636363; */
	display: block;
	/* text-transform: uppercase; */
	font-size: 1.7rem;
	font-weight: 500;
	margin: 0 0 10px 3px;
}
.showcase-content h2 em {
	color: #898989;
	font-style: normal;
}
.showcase-content p.lead,
.bg.demo-content-wrapper .showcase-content p.lead,
.showcase-content ul.lead {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300; 
	font-size: 1.1em;
	border-left: 10px solid #ccc;
	padding: 0 0 3px 15px;
}
/* .showcase-content p.lead::after {
	background-color: #ccc;
	content: "";
	position: absolute;
	top: 42%;
	left: 25px;
	height: 100px;
	width: 15px;
	left: 25%;
} */
.showcase-content h2 .dialog-help {
	font-size: 0.7em;
    padding: 1px 7px 1px 7px;
    line-height: 1.2em;
    top: -1px;
}
.service-content .service-content-details.illustration {
	padding: 0 30px 1px 30px;	
}
.service-content-details.illustration.service-content-image-bottom {
	padding-bottom: 50px;
}
.service-content .service-content-details img {
	max-width: 250px;
	margin: 0 auto;
	position: relative;
	display: block;
}
.service-content .service-content-details img.full-width {
	min-height: 250px;
	max-width: 300px;
}
.wrap {
	perspective: 100px;
	position: relative;
	display: block;
	width: 100%;
	/* height: 0; this enry was creating a layout issue on contact us form */
}
.mobile-app .wrap {
	height: 0;
}
@media screen and (min-width: 376px) {
	.demo-content-details .text-center {
		text-align: center;
	}
	.appstore-button,
	.playstore-button {
		display: inline-block;
		margin: 0;
	}
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr {
		left: -49%;
	}
}
@media screen and (min-width: 550px) {
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr {
		left: -30%;
	}
}
@media screen and (min-width: 768px) {
	.mobile-app .mobile-app-icon {
		width: 100px;
		height: 100px;
	}
	.mobile-app .intro {
		font-size: 1.2em;
	}
	.app-screenshot-group {
		margin: 60px 0 40px 0;
	}

	.app-screenshot-group  p.lead,
	.app-screenshot-group ul.lead {
		margin-bottom: 50px;
		font-size: 1.3em;
	}
	.app-screenshot-group .text-details h2 {
		font-size: 1.6em;
	}
	.app-screenshot-group .text-details p {
		font-size: 1.3em;
	}
	.app-screenshot {
		height: 650px;
		margin: 0 auto;
	}
	.app-screenshot.ios-searchresults-en,
	.app-screenshot.ios-searchresults-fr  {
		margin: 0;
	}
	.showcase-content {
		margin: 120px 0 70px 0;
	}
	.showcase-content p.lead,
	.bg.demo-content-wrapper .showcase-content p.lead,
	.showcase-content ul.lead {
		font-size: 2.5rem;
		border-left: 15px solid #ccc;
		padding: 0 0 3px 25px;
	}
	.showcase-content .showcase-content-details {
		padding: 50px 30px;
	}
	.filter-section.showcase-content .showcase-content-details {
		padding: 0 30px 50px 30px;
	}
	.showcase-content h2 {
		/* font-size: 4rem; */
		margin: 0 0 20px 0;
	}
	.showcase-content h2 .showcase-content-image {
		width: 120px;
		float: left;
		margin: -2px 20px 20px 0;
	}
	.showcase-content h2 .title {
		font-size: 2.25rem;
	}
	.showcase-content .lead {
		
	}
	.showcase-content-image {
		margin: 0;
	}
	.service-content .service-content-details img {
		max-width: 300px;
	}
	.app-screenshot-group .service-content-details > h2 {
	    font-size: 4rem;
	    margin: 0 0 40px 0;
	}
	.app-screenshot-group .service-content-details > h2:after {
	    top: 120%;
	    width: 35%;
		left: 32%;
	}
	.app-screenshot-group .service-content-details > h2 .title {
	    font-size: 2.25rem;
	}
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr{
	/* 	height: 600px;
		width: 400px;
		top: -500px;
		right: -374px;
		left: auto; */
		height: 600px;
		width: 85%;
		top: -150px;
		right: -172px;
		left: auto;
	}
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-2b-fr {
		top: -760px;
	}
}
@media screen and (min-width: 992px) {
	.showcase-content h2 .dialog-help {
		font-size: 0.6em;
		padding: 1px 10px 2px 9px;
		top: -3px;
	}
	.jobs-section .vac {
		transform: translateY(25%);
	}
	.cards-section .vac {
		transform: translateY(4em) !important;
	}
	.showcase-content-image  .fav-command-animation {
		background-size: 65%;
		background-position: 50% 60%;
		top: 40%;
		left: 35%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		height: 80px;
		width: 80px;
	}
	.showcase-content-image .showcase-content-image-hero.filters-section-image-nocontrol {
		display: none;
	}
	.showcase-content-image .showcase-content-image-hero.filters-section-image-control {
		display: block;
		margin: 0;
	}
	.demo-km,
	.demo-slider-control,
	.demo-slider-control-line,
	.demo-slider-control-bar,
	.demo-slider-control-bar-line {
		visibility: visible;
	}
	.demo-km {
		background: #3E68A1;
		color: #fff;
		padding: 2px 15px;
		border-radius: 15px;
		right: 30px;
		top: 14px;
		font-size: 0.9em;
		line-height: 1.5em;
		width: 90px;
		text-align: center;
	}
	#demo-km-no {
		padding: 0 7px 0 0;
	}
	.demo-slider-control-line {
		background: none;	
		width: 250px;
		height: 40px;
		bottom: 24px;
		left: 110px;
	}
	.demo-slider-control {
		background: #fff;
		-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
		-moz-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
		box-shadow: 0 3px 4px 0 rgba(0,0,0,0.30);
		height: 40px;
		width: 40px;
		border-radius: 40px;
		border: 1px solid #eee;
		bottom: 0px;
		left: 15px;
	}
	.demo-slider-control.start {
		animation-name: demoSliderControlAnimation;
		animation-duration: 3s;
		animation-fill-mode: both;
	}
	.demo-slider-control-bar-line {
		background: #ccc;
		height: 2px;
		display: block;
		bottom: 42px;
		left: 110px;
		width: 250px;
	}
	.demo-slider-control-bar {
		background: #3E68A1;
		height: 2px;
		display: block;
		width: 10%;
		/* bottom: 42px;
		left: 110px; */
	}
	.demo-slider-control-bar.start {
		animation-name: demoSliderControlBarAnimation;
		animation-duration: 3s;
		animation-fill-mode: both;	
	}
	.mobileapp-ios-filters-nocontrol-screenshot-en,
	.mobileapp-ios-filters-nocontrol-screenshot-fr {
		width: 440px;
		background-size: contain;
	}
	.mobileapp-ios-filters-nocontrol-screenshot-en {
		background-image: url('../images/mobileapp/mobileapp-ios-filters-nocontrol-screenshot-en.png');
	}
	.mobileapp-ios-filters-nocontrol-screenshot-fr {
		background-image: url('../images/mobileapp/mobileapp-ios-filters-nocontrol-screenshot-en.png');
	}
	.showcase-content-image .showcase-content-image-hero {
		width: 70%;
	}
	.showcase-content-image .showcase-content-image-hero.cards-section-image-2 {
		/* width: 378px; */
		width: 66%;
		top: -8px;
		left: 8px;
	}
	.service-content-image .service-content-image-hero.alerts-section-image,
	.service-content-image .service-content-image-hero.favourites-section-image {
		width: 100%;
		margin-bottom: -120px;
		top: 15px;
	}
	.service-content-image .service-content-image-hero.alerts-section-image {
		margin-left: -20px;
	}
	.service-content-image .service-content-image-hero.favourites-section-image {
		margin-left: -55px;
	}
	.service-content .service-content-details.illustration {
		padding: 0 30px 30px 30px;	
	}
	 .service-content-details.illustration.service-content-image-bottom {
		padding-bottom: 0;
	}
	.wrap {
		perspective: 400px;
	}
	.mobile-app .intro {
		font-size: 1.4em;
	}
	.mobile-app .intro-sub {
		font-size: 1.4em
	}
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr {
		height: 500px;
		width: 99%;
		top: -380px;
		right: -75px;
		background-position: right top;
	}
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-2b-fr {
		top: -890px;
	}
	.service-content .service-content-details.illustration {
		padding: 30px;	
	}
	.app-illustration {
	    width: auto;
	    height: 60%;
	}
	.app-illustration.loupe-house {
		margin-top: auto;
	}
	.app-screenshot.ios-searchresults-en,
	.app-screenshot.ios-searchresults-fr  {
		margin: 0;
	}
	.app-screenshot-group .text-details.left-side {
		text-align: right;
	}
	.app-screenshot-group .text-details .feature-summary-text {
		margin: 120px 0 0 0;
	}
	.app-screenshot-group .text-details h2 {
		margin: 15px 0 5px 0;
	}
	.app-screenshot-group .text-details p {
		margin-bottom: 15px;
	}
}
@media screen and (min-width: 1200px) {
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr {
		right: -20px;
	}
	.cards-section .vac {
		transform: translateY(8em) !important;
	}
	.demo-km {
		right: 32px;
		top: 17px;
		font-size: 1em;
		padding: 4px 20px;
		width: 100px;
	}
	#demo-km-no {
		
	}
	.demo-slider-control-line {	
		width: 320px;
		bottom: 33px;
		left: 129px;
	}
	.demo-slider-control {
		height: 45px;
		width: 45px;
		border-radius: 45px;
		bottom: -2px;
		left: 15px;
	}
	.demo-slider-control.start {
		animation-name: demoSliderControlAnimation;
		animation-duration: 3s;
		animation-fill-mode: both;
		/* animation: demoSliderControlAnimation 3s 1 both; */
	}
	.demo-slider-control-bar-line {
		bottom: 52px;
		left: 129px;
		width: 320px;
	}
	.demo-slider-control-bar {
		width: 15%;
	}
	.demo-slider-control-bar.start {
		animation-name: demoSliderControlBarAnimation;
		animation-duration: 3s;
		animation-fill-mode: both;
	}
	.mobileapp-ios-filters-nocontrol-screenshot-en,
	.mobileapp-ios-filters-nocontrol-screenshot-fr {
		width: 570px;
		height: 172px;	
	}
}
.service-content.mrgn-tp-xl {
	margin-top: 40px !important;
}
.results-filter-content .inputRangeSalaryGroup.list-group.open {
	overflow: visible;
	border: none;
}
#contact-form .tip {
	padding-bottom: 5px;
}
div.summary-skills  { 
	width: 70%; margin: 0px auto;
}
.sr.feature-hero-object,
.sr.feature-summary-product-A,
.sr.feature-summary-text-A,
.sr.filter-section,
.sr.jobs-section,
.sr.cards-section-content,
.sr.cards-section-image,
.sr.cards-section-image-2,
.sr.feature-section-B,
.sr.feature-section-C,
.sr.feature-section-D {
	visibility: hidden;
}
/* Animations */
@keyframes demoSliderControlAnimation {
    from {
        /* transform : translateX(0%); */
        left: 0%;
    }
    50% {
        /* transform : translateX(515%); */
        left: 90%;
    }
    to {
        /* transform : translateX(0%); */
        left: 10%;
    }
}
@keyframes demoSliderControlBarAnimation {
    from {
        width : 12%;
    }
    50% {
        width : 100%;
    }
    to {
        width : 13%;
    }
}
.prm-flpr.theme-light .cover .cover-heading .directory.sub {
	background: none !important;
	padding: 7px 0;
	margin: 0;
	display: block;
}
.demo-content-head .web-screenshot-en,
.demo-content-head .web-screenshot-fr {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
	position: absolute;
	
	height: 500px;
	width: 400px;
	top: 4px;
	right: 20px;
	left: auto;
}
.demo-content-head .jb.web-screenshot-en {
	background-image: url('../images/mobileapp/laptop-jbwebsite-eng.png') !important;
}
.demo-content-head .jb.web-screenshot-fr {
	background-image: url('../images/mobileapp/laptop-jbwebsite-fra.png') !important;
}
.demo-content-head .jbfe.web-screenshot-en {
	background-image: url('../images/mobileapp/laptop-jbfewebsite-eng.png') !important;
}
.demo-content-head .jbfe.web-screenshot-fr {
	background-image: url('../images/mobileapp/laptop-jbfewebsite-fra.png') !important;
}
.call-to-action a {
	display: block;
	text-align: center;
	font-size: 1em;
	text-decoration: none;
	padding: 15px 25px;
	background: #E1E4E7;
	border-radius: 50px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: #335075;
	
	background: #f7f7fc;
	background: -moz-linear-gradient(top, #f7f7fc 0%, #e1e4e7 100%);
	background: -webkit-linear-gradient(top, #f7f7fc 0%,#e1e4e7 100%);
	background: linear-gradient(to bottom, #f7f7fc 0%,#e1e4e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7fc', endColorstr='#e1e4e7',GradientType=0 );
	
	border: 1px solid #ddd;
	margin: 10px 0;
	z-index: 10;
}
.call-to-action.sub a {
	font-weight: 400;
}
.call-to-action a:hover,
.call-to-action a:focus,
.call-to-action a:active {
	color: #185eb2;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e1e4e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e1e4e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#e1e4e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e4e7',GradientType=0 ); /* IE6-9 */
	
	border-color: #bbb;
}
.scroll-down-wrapper {
	text-align: center;
	position: absolute;
	bottom: -265px;
	left: 40%;
	display: none;
}
.scroll-down-wrapper .scroll-down {
	font-size: 3.5em;
	padding: 2px 4px 0px 4px;
	border-radius: 3.25em;
	/* background: #7C979E; */
	background: #f7f7fc;
	background: -moz-linear-gradient(top, #f7f7fc 0%, #e1e4e7 100%);
	background: -webkit-linear-gradient(top, #f7f7fc 0%,#e1e4e7 100%);
	background: linear-gradient(to bottom, #f7f7fc 0%,#e1e4e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7fc', endColorstr='#e1e4e7',GradientType=0 );
	color: #4f747d;
	border: 1px solid #bbb;
}
.scroll-down-wrapper .scroll-down:hover {
	background: #4f747d;
	color: #fff;
}
.bg.container {
	
}
.demo-content-wrapper .app-screenshot-group,
.demo-content-wrapper .showcase-content,
.demo-content-wrapper .service-content {
	margin: 30px 0;
}
.grey.bg.demo-content-wrapper {
	background-color: #f5f5f5;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.demo-content-wrapper {
	background: #fff;
}
.demo-content-parent {
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
}
.blue.bg.demo-content-wrapper {
	background: #43698c url('../images/bg-hero_mobileapp_gc.jpg') no-repeat 50% 85%;
	background-size: cover;
	color: #fff;
	vertical-align: middle;
	display: table-cell !important;
	/* height: 700px; */
}
.grey.bg.demo-content-wrapper {
	background: #f9f9f9;
	color: #555;
}
.demo-content-wrapper section h2,
.bg.demo-content-wrapper section h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
}
.grey.bg.demo-content-wrapper section h2 {
	color: #3D6C7C;
}
.blue.bg.demo-content-wrapper section h2 {
	color: #c3e7ed;
}
.bg.demo-content-wrapper section p {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.4em;
}
.blue.bg.demo-content-wrapper section p {
	color: #fff;
}
.blue.bg.demo-content-wrapper section p a {
	color: #c3e7ed;
}
/* .bg.demo-content-wrapper .demo-content-hero-image {
	width: 200px;
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0 0 40px 0;
} */
.bg.demo-content-wrapper .demo-content-hero-image,
.demo-content-details-center .demo-content-hero-image {
	width: 150px;
	height: 150px;
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 10px 0;
}
.demo-content-wrapper .icon-demo-showcase {
	background: #ccc;
	padding: 27px;
	border-radius: 100px;
	font-size: 1.6em;
	float: left;
	margin: 0 30px 50px 0;
	border: 6px solid #aaa;
	top: 8px;
	position: relative;
}
.blue.bg.demo-content-wrapper .icon-demo-showcase {
	background: #658fb5;
	border-color: #b1c9dd;
}
.demo-content {
	padding: 0;
	margin: 30px 0 50px 0;
}
.header-section.demo-content {
	margin: 30px 0 40px 0;
}
.demo-content .demo-content-details {
	/* background: #fff; */
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.demo-content + .demo-content-details-center {
	
}
.video-thumbnail {
	display: block;
	border-radius: 25px;
	padding: 10px 30px 10px 15px;
	text-align: center;
	text-decoration: none;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #335075;
	letter-spacing: -0.01em;
	
	background: #f7f7fc;
	background: -moz-linear-gradient(top, #f7f7fc 0%, #e1e4e7 100%);
	background: -webkit-linear-gradient(top, #f7f7fc 0%,#e1e4e7 100%);
	background: linear-gradient(to bottom, #f7f7fc 0%,#e1e4e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7fc', endColorstr='#e1e4e7',GradientType=0 );
	border: 1px solid #ddd;
}
.video-thumbnail:hover,
.video-thumbnail:focus,
.video-thumbnail:active {
	text-decoration: none;
	color: #185eb2;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e1e4e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e1e4e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#e1e4e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e4e7',GradientType=0 ); /* IE6-9 */
	
	border-color: #bbb;
}
.video-thumbnail .text {
	margin: 10px 0 0 0;
	display: inline-block;
	top: -7px;
	position: relative;
}
.video-thumbnail .icon {
	display: inline-block;
	font-size: 2em;
	margin: 0 5px 0 0;
	background: #ddd;
	width: 52px;
	padding: 9px 10px;
	height: 50px;
	border-radius: 25px;
	top: 0px;
	position: relative;
}
.demo-content .demo-content-details-center h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 2.5rem;
	color: #555;
	margin: 0 0 11.5px 0;
	padding-bottom: 15px;
}
.bg.demo-content-wrapper .video-intro h2.modal-title,
.demo-content-wrapper .video-intro h2.modal-title {
	font-size: 1.15em;
	padding: 10px 0;
	margin: 0;
	color: #fff;
}
.demo-content .demo-content-details-center h2 {
	color: #3D6C7C
}
.demo-content .demo-content-details .title,
.demo-content .demo-content-details-center .title {
	color: #707070;
	display: block;
	font-size: 1.7rem;
	font-weight: 500;
	margin: 0 0 5px 0;
}
.demo-content .demo-content-details h3,
.demo-content .demo-content-details-center h3 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	color: #6D6D6D;
	margin: 0 0 10px 0;
}
.demo-content .demo-content-details .demo-content-setbox,
.demo-content .demo-content-details-center .demo-content-setbox {
	background: #fff;
	border: 1px solid #eee;
	padding: 30px 40px 10px 40px;
	margin: 0 0 20px 0;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
}
.bg.demo-content-wrapper section p,
.demo-content .demo-content-details p,
.demo-content .demo-content-details-center p,
.demo-content .demo-content-details ul,
.demo-content .demo-content-details-center ul,
.demo-content .demo-content-details ol,
.demo-content .demo-content-details-center ol {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	line-height: 1.4em;
	margin: 0 0 20px 0;
}
.demo-content .demo-content-details .fa-ul,
.demo-content .demo-content-details-center .fa-ul {
	margin: 0 0 20px 26px;
}
.demo-content .demo-content-details .fa-ul.jb-no,
.demo-content .demo-content-details-center .fa-ul.jb-no {
	margin: 0 0 20px 0;
}
.demo-content .demo-content-details .fa-ul li,
.demo-content .demo-content-details-center .fa-ul li {
	margin: 0;
	border-bottom: 1px solid #ddd;
	padding: 20px 15px 20px 50px;
	font-size: 1em;
	line-height: 1.4em;
	min-height: 60px;
}
.demo-content .demo-content-details .fa-ul.fa-right li,
.demo-content .demo-content-details-center .fa-ul.fa-right li {
	padding: 17px 50px 15px 0;
}
.demo-content .demo-content-details .fa-ul li:last-child,
.demo-content .demo-content-details-center .fa-ul li:last-child {
	border-bottom: none;
}
.demo-content .demo-content-details .fa-ul li .fa-li,
.demo-content .demo-content-details-center .fa-ul li .fa-li { 
	width: 2em;
	top: 12px;
	left: 0;
}
.demo-content .demo-content-details .fa-ul.fa-right li .fa-li,
.demo-content .demo-content-details-center .fa-ul.fa-right li .fa-li { 
	width: 2em;
	right: -6px;
	left: auto;
	top: 16px;
}
.demo-content .demo-content-details .fa-ul li .fa-li .jb-no,
.demo-content .demo-content-details-center .fa-ul li .fa-li .jb-no { 
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 1em;
	background: #edf6f9;
	padding: 5px 10px 5px 11px;
	border-radius: 35px;
	height: 35px;
	width: 35px;
	line-height: 24px;
	color: #3D6C7C;
	border: 1px solid #6b97a5;
}
.demo-content .demo-content-details .fa-ul li .fas,
.demo-content .demo-content-details-center .fa-ul li .fas { 
	font-size: 1.25em;
	line-height: 1.15em;
	color: #3D6C7C;
}
.demo-content .demo-content-details p + ul,
.demo-content .demo-content-details-center p + ul,
.demo-content .demo-content-details p + ol,
.demo-content .demo-content-details-center .p + ol {
	margin: -15px 0 20px 0;
}
.demo-content .demo-content-details p + .fa-ul,
.demo-content .demo-content-details-center p + .fa-ul {
	/* margin: -5px 0 20px 50px; */
	margin: -5px 0px 20px 0px;
}
.demo-content .demo-content-details .call-to-action-label,
.demo-content .demo-content-details-center .call-to-action-label {
	margin: 20px 0 0 0;
	font-size: 1.5em;
	font-weight: 500;
	color: #555;
}
.demo-content .demo-content-details-center .col-set {
	margin: 0;
}
.demo-content .demo-content-details-center .col-set .col-a p,
.demo-content .demo-content-details-center .col-set .col-b p {
	
}
section.video-intro {
	width: 100%;
	height: auto;
}
.video-intro .modal-footer {
	display: none;
}
.video-wrapper {
	margin: 0;
	/* border: 1px solid #ddd;
	padding: 15px; */
	
}
.video-wrapper .wb-share {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 0.9em;
	padding: 0 0 10px 0;
}
.video-wrapper .display {
	border: 1px solid #ddd;
	
}
.video-wrapper .display iframe {
	/* height: 100% !important; */
}
.video-wrapper .wb-mm-ctrls {
	/* background: #335075; */
	background: #ddd;
	color: #000;
}
.video-wrapper .wb-mm-ctrls .btn {
	color: #000;
}
.video-wrapper .wb-mm-ctrls progress {
	/* border-color: #335075; */
	border-color: #ddd;
	border-radius: 0;
}

.video-wrapper .wb-mm-ctrls .wb-mm-prgrss progress::-moz-progress-bar {
	border-radius: 0 !important;
}
.video-wrapper .wb-mm-ctrls .wb-mm-prgrss progress::-webkit-progress-bar {
	border-radius: 0 !important;
}
.video-wrapper .wb-mm-ctrls .wb-mm-txtonly {
	top: -4px;
	position: relative;
}
.video-wrapper figcaption {
	
}
.demo-content .demo-content-details .video-wrapper figcaption details {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 0.95em;
}
.demo-content .demo-content-details .video-wrapper figcaption details p {
	font-size: 1em;
}
@media screen and (min-width: 576px) {

	.demo-content-head .web-screenshot-en,
	.demo-content-head .web-screenshot-fr {		
		height: 500px;
		width: 500px;
		top: -90px;
			
	}
	.header-section.demo-content {
		margin: 80px 0;
	}
	.bg.demo-content-wrapper section p,
	.demo-content .demo-content-details p,
	.demo-content .demo-content-details-center p,
	.demo-content .demo-content-details ul,
	.demo-content .demo-content-details-center ul,
	.demo-content .demo-content-details ol,
	.demo-content .demo-content-details-center ol {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	.demo-content .demo-content-details .fa-ul li,
	.demo-content .demo-content-details-center .fa-ul li {
		font-size: 0.8em;
	}
	.video-thumbnail {
		border-radius: 50px;
	}
	.video-thumbnail .text {
		font-size: 1.2em;
	}
	section.video-intro {
		width: 90%;
		height: auto;
	}
	.call-to-action a {
		font-size: 1.2em;
		margin: 20px 10px 10px 0;
	}
}
@media screen and (min-width: 768px) {
	.demo-content {
		margin: 80px 0;
	}
	.demo-content-wrapper .app-screenshot-group,
	.demo-content-wrapper .showcase-content,
	.demo-content-wrapper .service-content {
		margin: 80px 0;
	}
	.scroll-down-wrapper {
		bottom: -200px;
		left: 45%;
		top: auto;
	}
	.demo-content-head .web-screenshot-en,
	.demo-content-head .web-screenshot-fr {		
		height: 700px;
		width: 500px;
		top: -200px;
		right: 0;
		left: auto;
	}
	.demo-content .demo-content-details,
	.demo-content .demo-content-details-center {
		/* padding: 50px; */
	}
	.bg.demo-content-wrapper section h2,
	.demo-content .demo-content-details h2,
	.demo-content .demo-content-details-center h2 {
		font-size: 4rem;
	}
	.demo-content .demo-content-details .call-to-action-label,
	.demo-content .demo-content-details-center .call-to-action-label {
		font-size: 2em
	}
	.demo-content .demo-content-details .title,
	.demo-content .demo-content-details-center .title {
		font-size: 2.4rem;
		color: #808080;
	}
	.demo-content .demo-content-details-center .col-set .col-a,
	.demo-content .demo-content-details-center .col-set .col-b {
		padding: 0 20px;
		margin: 0 0 80px 0;
	}

}
@media screen and (min-width: 992px) {
	.demo-content {
		margin: 80px 0 118px 0;
	}
	.demo-content-wrapper .app-screenshot-group,
	.demo-content-wrapper .showcase-content,
	.demo-content-wrapper .service-content {
		margin: 120px 0;
	}
	.scroll-down-wrapper {
		bottom: -100px;
		top: auto;
	}
	.demo-content-head .web-screenshot-en,
	.demo-content-head .web-screenshot-fr {		
		height: 700px;
		width: 600px;
		top: -150px;
		right: 30px;
		left: auto;
	}
	.demo-content .demo-content-details-center .col-set {
		margin: 70px 0 0 0;
	}
	.call-to-action.sub a {
		font-size: 1.2em;
		padding: 8px 0;
		margin: 10px 0;
	}
	section.video-intro {
		width: 68%;
		height: auto;
	}
	.video-thumbnail {
		display: inline-block;
	}
}
@media screen and (min-width: 1200px) {
	.demo-content-head .web-screenshot-en,
	.demo-content-head .web-screenshot-fr {
		height: 700px;
		width: 650px;
		top: -200px;
		right: 140px;
		left: auto;
	}
}
div.progressbar {
	display: none;
	margin: 0 0 0 0;
}

@media only screen and (min-width: 576px) {
	div.progressbar {
		display: block;
	}
}

div.progressbar .shim {
	display: none;
	width: 100%;
}

div.progressbar .holder {
	position: relative;
	font-size: 85%;
	padding: 20px 0 0 0;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
	border-top: 1px solid #ddd;
}

@media only screen and (min-width: 750px) {
	div.progressbar .holder {
		font-size: 90%;
	}
}

@media only screen and (min-width: 900px) {
	div.progressbar .holder {
		font-size: 95%;
	}
}

div.progressbar .holder .bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #b1bfd1;
}

div.progressbar .holder .bar .indicator {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #ff803e;
}

div.progressbar .holder .labels {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 2em;
	text-align: center;
}

div.progressbar .holder .labels i {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: -0.005em;
	display: block;
	position: relative;
	float: left;
	cursor: pointer;
	height: 55px;
}

div.progressbar .holder .labels i::before {
	position: absolute;
	bottom: 3px;
	left: 50%;
	display: block;
	content: '';
	width: 25px;
	height: 25px;
	border-radius: 25px;
	border: solid 3px #b1bfd1;
	background-color: #fff;
	transform: translateX(-50%) translateY(50%);
	transition: border-color 100ms ease-in, background-color 150ms ease-in;
}

div.progressbar .holder .labels i::after {
	display: block;
	content: attr(data-label);
	position: relative;
	top: 0;
	padding-bottom: 1.8em;
	color: #335075;
	/* transition: color 150ms ease-in; */
}

div.progressbar .holder .labels i:hover::before,
div.progressbar .holder .labels i:focus::before {
	background-color: #FFE0D0;
	border: solid 3px #ff803e;
	top: 27px;
}

div.progressbar .holder .labels i:hover::after,
div.progressbar .holder .labels i:focus::after {
	font-weight: 400;
	color: #9E5028;
	background-color: #FFE0D0;
	top: -5px;
	padding: 5px 0 5px 0;
	margin: 0 10px 17px 10px;
	border-radius: 20px;
}

div.progressbar .holder .labels i.read::before {
	border-color: #ff803e;
	background-color: #FFE0D0;
}

div.progressbar .holder .labels i.read:hover::before,
div.progressbar .holder .labels i.read:focus::before {
	background-color: #FFE0D0;
}

div.progressbar .holder .labels i.reading::after {
	font-weight: 400;
	color: #9E5028;
	background-color: #FFE0D0;
	top: -5px;
	padding: 5px 0 5px 0;
	margin: 0 10px 17px 10px;
	border-radius: 20px;
}

div.progressbar .holder .labels i.reading:hover::after,
div.progressbar .holder .labels i.reading:focus::after {
	/* top: 0; */
}

div.progressbar.fixed .holder {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

div.progressbar.fixed .shim {
	display: block;
}
details .subitems {
	margin: 0 0 15px 40px;
}
details summary .checkbox,
details summary .radio {
	display: inline-block;
	width: 90%;
	vertical-align: top;
	margin-top: 0;
}

/* .results-nav .results-sortby-group {
	display: none;
}
.results-content .results-filter-button-overlay button {
	display: inline-block;
}
.results-content .results-filter-button-overlay .command-result-filter-overlay {
	width: 70%;
}
.results-content .results-filter-button-overlay .command-result-sortby-overlay {
	width: 28%;
	float: right;
}
@media (min-width: 992px) {
	.results-nav .results-sortby-group {
		display: block;
	}
} */
/* Custom Android Smart Banner */
.smartbanner.smartbanner--android {
	
}
/* Custom iOS Smart Banner */
.smartbanner.smartbanner--ios {
	border-bottom: 1px solid #ccc;
}
/* Custom Job Bank Smart Banner */
.smartbanner.smartbanner--jobbanksb {
	border-bottom: 1px solid #ccc;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__info {
	width: 50%;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__info__title {
	font-weight: 600;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__info__author,
.smartbanner.smartbanner--jobbanksb .smartbanner__info__price {
    font-size: 12px;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__button {
	background: #2572b4;
	text-decoration: none;
	padding: 4px 12px;
	color: #fff;
	border-radius: 14px;
	font-size: 1em;
	top: 25px;
	line-height: 1.3em;
	text-transform: uppercase;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__button .smartbanner__button__label {
	
}
.smartbanner.smartbanner--jobbanksb .smartbanner__exit::before,
.smartbanner.smartbanner--jobbanksb .smartbanner__exit::after {
	height: 15px;
	width: 2px;
	background: #666;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__exit {
	left: 8px;
}

div.alert {
    border-radius: 4px;
}