/* Utility classes */
.nowrap {
	white-space: nowrap; }

img {
	max-width: 100%;
	height: auto; }

table.policy-table {
	width: 100%; }

table.policy-table th,
table.policy-table td {
	padding: .3em; }
		
		
/* ========
   SCROLLER
   ======== */
/*body::-webkit-scrollbar {
    width: 1em; }
 
body::-webkit-scrollbar-track { 
	background-color: var(--colorcharcoal-dark);}
 
body::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-mid); }*/

/* ==================
   HAS-ICON __ EXPAND 
   ================== */

/* inline by default */
.has-icon__expand {
	position: relative; }
	   
.has-icon__expand:after,
#header.header-theme__dark .has-icon__expand:after {
	content: '';
	top: 0;
	display: inline-block;
	width: 12px;
	margin-left: 1rem;
	height: 12px;
	transition: all .3s;
	background: no-repeat center;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3005 0.12619L7.25147 3.17525L5.99815 4.32559L4.74853 3.17525L1.69947 0.12619L-7.64713e-08 1.87565L5.99815 7.8738L6 7.87194L6.00185 7.8738L12 1.87565L10.3005 0.12619Z' fill='white'/%3E%3C/svg%3E%0A"); }
	
.has-icon__expand:hover:after {
	transform: translate(0, 3px); }	

header#header .has-icon__expand:after,
.scrolled #header.scrolled_header-theme__bright .has-icon__expand:after {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3005 0.12619L7.25147 3.17525L5.99815 4.32559L4.74853 3.17525L1.69947 0.12619L-7.64713e-08 1.87565L5.99815 7.8738L6 7.87194L6.00185 7.8738L12 1.87565L10.3005 0.12619Z' fill='%23202325'/%3E%3C/svg%3E%0A"); }
		
/* Toolbar Utility */

/*.page-theme__bright #header .has-icon__expand:after {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3005 0.12619L7.25147 3.17525L5.99815 4.32559L4.74853 3.17525L1.69947 0.12619L-7.64713e-08 1.87565L5.99815 7.8738L6 7.87194L6.00185 7.8738L12 1.87565L10.3005 0.12619Z' fill='%23202325'/%3E%3C/svg%3E%0A"); }*/







/* Footer Navs */	
#footer .has-icon__expand:after {
	right: 0;
	position: absolute; }

#footer .footer_collapsing_nav.expanded .has-icon__expand:after {
	transform: rotate(180deg); }

@media all and (min-width: 1000px) {	

	#footer .has-icon__expand:after {
		display: none;}

}

.nowrap {
	white-space: nowrap; }


/* ================
   BOLD - UNDERLINE
   ================ */	
.h1 b,
.h1 em,
.h2 b,
.h2 em,
.h3 b,
.h3 em,
.h4 b,
.h4 em,
.h5 b,
.h5 em,
.m__title b,
.m__title em,
.pullquote b,
.pullquote em,
.subtitle b,
.subtitle em {
	white-space: nowrap;
	font-weight: normal;
	box-shadow: inset 0 -.4em 0 0 var(--color-green); }

.h1 em,
.h2 em,
.h3 em,
.h4 em,
.h5 em,
.m__title em,
.subtitle em {
	font-style: normal; }
	
/* Animate underline on titles */	
/* .m__title b {
	animation: growUnderline 1s forwards; }
   
@keyframes growUnderline {
	from { 
		box-shadow: inset 0 0 0 0 var(--color-green); }
	to { 
		box-shadow: inset 0 -.4em 0 0 var(--color-green); }
} */

	



/* =========
   ACCORDION
   ========= */	

/*.accordion * {
	outline: 1px solid red; }*/

.accordion .accordion_item { 
	position: relative; }

.accordion .accordion_item:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	right: 0;
	top: 0;
	display: block;
	background: var(--color-charcoal-dark);
	opacity: .1; }
	
.accordion .accordion_item__title {
	cursor: pointer; }
	
.accordion .accordion_item__title h3 {
	position: relative;
	padding: 2.6rem;
	margin-bottom: 0;
	padding-left: 6.5rem; }
	
.accordion .accordion_item__content {
	margin-top: 0;
	margin-right: 2.6rem;
	margin-bottom: 2.6rem;
	margin-left: 6.5rem;
	padding-left: 3.5rem;
	position: relative;
	display: none; }
	
.accordion .accordion_item__content:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	display: block;
	z-index: 1;
	background: var(--color-green); }

.accordion .icon_wrapper {
	position: absolute;
	left: 2.6rem;
	width: 18px;
	height: 18px;
	display: inline-block; }

.accordion .icon_wrapper .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }
	
.accordion .accordion_item__title.active	 .icon_less {
	opacity: 1; }

.accordion .accordion_item__title.active	 .icon_more {
	opacity: 0; }
	
.accordion .accordion_item__title .icon_less {
	opacity: 0; }

.accordion .accordion_item__title .icon_more {
	opacity: 1; }	


@media all and (max-width:480px) {
	
	.accordion .accordion_item__title h3 {
		padding: 1.5rem;
		padding-left: 5rem; }
		
	.accordion .accordion_item__content {
		margin-right: 1.5rem;
		margin-bottom: 1.5rem;
		margin-left: 2.7rem;
		padding-left: 2.6rem; }
		
		
	.accordion .icon_wrapper {
		left: 1.5rem;
		width: 16px;
		height: 16px; }
}



/* ============
   IMAGE - FIT 
   ============ */

.image_fit {
	position: relative; }

.image_fit div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%; }	

.image_fit div img {
	object-fit: cover;
    width: 100%;
    height: 100%; }
    
    


/* =====
   ICONS 
   ===== */
   
.icon {
	text-indent: -999em;
	display: block;
	background-size: contain;
	background-repeat: no-repeat; } 


.icon_linkedin {
	width: 19px;
	height: 19px; }	

.icon_more,
.icon_less {
	width: 22px;
	height: 22px; }	
		
.icon_more {
	background-image: url("data:image/svg+xml,%3Csvg width='22px' height='22px' viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='More' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M13.0007,22 L13,13 L22,13 L22,9 L16.742816,9 L13,9 L13,0 L9,0 L9,9 L0,9 L0,13 L9,13 L9,22 L13.0007,22 Z M16.9458112,9 L13,9 L13,13 L16.9458112,9 Z' id='Shape' fill='%23202325'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }

.icon_less {
	background-image: url("data:image/svg+xml,%3Csvg width='22px' height='22px' viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Less' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M22,13 L22,9 L0,9 L0,13 L22,13 Z M16.9458112,9 L13,9 L13,13 L16.9458112,9 Z' id='Shape' fill='%23202325'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
	
.icon_linkedin {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.8509 16.7493H13.9357V12.1874C13.9357 11.0997 13.9172 9.70032 12.4211 9.70032C10.9038 9.70032 10.6723 10.8857 10.6723 12.1099V16.7493H7.76038V7.36886H10.5549V8.65143H10.5953C10.984 7.91377 11.9352 7.13626 13.3532 7.13626C16.3054 7.13626 16.8509 9.07841 16.8509 11.6048V16.7493ZM4.4734 6.08737C3.537 6.08737 2.78186 5.33006 2.78186 4.39638C2.78186 3.46325 3.537 2.70593 4.4734 2.70593C5.40599 2.70593 6.16276 3.46325 6.16276 4.39638C6.16276 5.33006 5.40599 6.08737 4.4734 6.08737ZM3.01338 16.7493H5.93179V7.36886H3.01338V16.7493ZM18.3027 -9.15527e-05H1.55062C0.750711 -9.15527e-05 0.100952 0.634372 0.100952 1.41735V18.2377C0.100952 19.0207 0.750711 19.6563 1.55062 19.6563H18.3027C19.1043 19.6563 19.7568 19.0207 19.7568 18.2377V1.41735C19.7568 0.634372 19.1043 -9.15527e-05 18.3027 -9.15527e-05Z' fill='%23202325'/%3E%3C/svg%3E%0A"); }


.icon_quote {
	width: 70px;
	height: 50px;
	background-image: url("data:image/svg+xml,%3Csvg width='70px' height='50px' viewBox='0 0 70 50' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='Path' fill='%23303336' fill-rule='nonzero' points='4.61852778e-14 29.697 17.2936922 29.697 6.0679622 50 20.9344922 50 31.2499922 29.697 31.2499922 0 4.61852778e-14 0'%3E%3C/polygon%3E%3Cpolygon id='Path' fill='%23303336' fill-rule='nonzero' points='38.5419922 29.697 55.8356922 29.697 44.6099922 50 59.4764922 50 69.7919922 29.697 69.7919922 0 38.5419922 0'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E"); }
	
.icon_wrapper { }

.icon_market {
	width: 25px;
	height: 25px; }
	
.icon_market svg { 
	width: 100%;
	height: 100%; }

/* =============
   ICONS - LINKS 
   ============= */

.icon_link {
	width: 13px;
	height: 13px;
	line-height: 0; }

.icon_link svg {
	width: 100%;
	height: 100%; }
	
a .icon_link {
	transform: scale(1);
	transform-origin: top right;
	transition: all .4s; }
	
 a:hover .icon_link {
	transform: scale(1.3); }
	
	

/* ============
   OVERLAY MASK 
   ============ */
   
.overlay__background {
	position: fixed;
	height: 100vh;
	width: 100%;
	visibility: hidden;
	z-index: 800;
	transition: background 1s; }

@media all and (max-width: 540px) {
	
	/* Overlay version of jobs */
		.overlay-job-active { 
			overflow: hidden; }
	
}	
	
	
	
	
.nav-open .overlay__background,
.toolbar-open .overlay__background {
	visibility: visible; }

.featherlight,
.overlay__background {
	background: rgba(32, 35, 37, 0) !important; }

.with-featherlight .featherlight:last-of-type,
.nav-open .overlay__background,
.toolbar-open .overlay__background {
	background: rgba(0, 0, 0, .5) !important; }
	
.nav-open #container,
.toolbar-open #container,
.nav-open #header .branding,
.notification-bar {
	filter: blur(0);
	transition: all 1s; }

.nav-open #header,
.toolbar-open #header,
.with-featherlight #header {
	background-color: transparent !important; }
	
	
/* No Blur if toolbar is open */	
.nav-open #container,
.nav-open #header .branding,
.nav-open #header:after,
.nav-open .notification-bar,

.toolbar-open #container,
.toolbar-open #header:after,
.toolbar-open .notification-bar,

.with-featherlight #container,
.with-featherlight #header .branding,
.with-featherlight #header:after,
.with-featherlight .notification-bar {
	filter: blur(3px); }


/* ============
   CARD CUTAWAY 
   ============ */
   
.card-cutaway {
	line-height: 0; }

.card-cutaway svg {
	width: 100%;
	height: 100%; }
	

	
/* ==========
   CLOSE ICON 
   ========== */
.close {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	top: 3.5rem;
	right: 3.5rem;
	line-height: 25px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url('../../images/icon/navigation-toggle_close.svg');
	border: none;
	padding: 0; }		
	
	
	
/* ===============
   SECTION DIVIDER 
   =============== */

.m__has-section-divider {
 	position: relative; }  
   
.m__has-section-divider:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 3rem;
	width: 100%;
	width: calc(100% - 6rem);
	height: 1px;
	display: block;
	z-index: 1;
	background: var(--color-charcoal-dark);
	opacity: .1; }
		
  
@media all and (max-width:1000px) {
	
	.m__has-section-divider:after {
		left: 2rem;
		width: calc(100% - 4rem); }
}


@media all and (max-width:768px) {
	
	.m__has-section-divider:after {
		left: 1.5rem;
		width: calc(100% - 3rem); }
}
   
   



/* ================
   TAGS + LOZENGES=
   ================  */
.tag_new,
.tag_fresh {
	border-radius: 3px;
	color: var(--color-charcoal-dark);
	font-size: 1.1rem;
	height: 1.8rem;
	line-height: 1.8rem;
	text-transform: uppercase;
	padding: 0 .4em;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-right: 1rem;
	display: inline-block;
	transform: translate(0, -.3em);
	background: var(--color-green); }	
	
	
.tag_fresh {
	background: var(--color-amber); }	
	
	
	
/* ==========
   PAGINATION 
   ========== */
 
.pagination {
  	margin-top: 6rem;
  	text-align: center; }
  	 
.pagination a,
.pagination span {
  	width: 4.2rem;
  	font-size: 1.4rem;
  	font-weight: 600;
  	letter-spacing: 0.1em;
  	display: inline-block;
  	text-align: center;
  	padding-bottom: .5rem;
  	margin: 0 3px;
  	border-bottom: 5px solid var(--color-charcoal-dark-tint); } 
   
.pagination span {
   	border-bottom-color: var(--color-charcoal-dark); } 
   

	
	
/* Pagination */
/*#pagination {
	width: 100%;
	float: left;
	clear: both;
	margin: 2em auto 1em; }
	
.pagination {
	text-align: center;
	margin: 0 auto;
	display: block; }

.pagination a:hover {
	background: #999BC5; }
	
.pagination span.current,
.pagination a.inactive {
	border: 2px solid #92278F;
	display: inline-block;
	border-radius: 10em;
	margin: 0 5px;
	height: 10px;
	width: 10px;
	text-indent: -999em; }

.pagination span.current {
	background: #92278F; }
	
.pagination .page-count {
	color: #a1a1a1; }
	
.pagination .label {
	margin-left: .5em;
	margin-right: .5em;  }*/

	
		
/* ===========
   SHARE ICONS
   =========== */
p.share-customize-link {
	display: none !important; }
	
.sharedaddy ul {
	position: relative; }

.sharedaddy ul {
	line-height: 0; }
	
.sharedaddy ul li {
	border-radius: 10em !important;
	overflow: hidden;
	width: 30px;
	height: 30px;
	transition: all .4s;
	background-color: var(--color-white) !important;
	margin: 0 4px !important; }

.sharedaddy ul li a {
	background-size: 30px;
	border: none !important;
	width: 30px;
	height: 30px;
	line-height: 30px !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	text-indent: -999em;
	background-color: transparent !important;}

.sharedaddy ul li.share-facebook a {
	background-image: url('../../images/icon/icon_share-facebook.svg') !important; }	

.sharedaddy ul li.share-twitter a {
	background-image: url('../../images/icon/icon_share-twitter.svg') !important; }	
	
.sharedaddy ul li.share-linkedin a {
	background-image: url('../../images/icon/icon_share-linkedin.svg') !important; }	

.sharedaddy ul li:hover {
	opacity: .8; }
	
.sharedaddy ul li.share-end	{
	display: none; }	

.sharedaddy ul:before {
	content: '';
	position: relative;
	display: inline-block;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 30px;
	z-index: 1;
	border-radius: 10em;
	background-image: url('../../images/icon/icon_share-options.svg') !important;
	background-size: 30px;}

.job__detail__header	 .sharedaddy ul li {
	background-color: var(--color-gray) !important;}	

.jp-sharing-input-touch .sd-content ul li {
	padding-left: 0 !important; }

/* ===============
   EMBED CONTAINER
   =============== */
.embed-container {
  overflow: hidden;
  width: 100%;
  max-width: 800px;
  margin: 1em auto;
  padding-top: 56.25%;
  position: relative; }

.embed-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%; }	
		
	
	
	
/* ==================
   FILTER - DROP DOWN
   ================== */	
.filter {
	display: flex; }

.filter .filter__chooser__nav {
	visibility: hidden;
	position: absolute; }

.filter 	.filter__label {
	padding: 1em; }
	
.filter__chooser { 
	position: relative;
	width: 30rem; }

.filter__chooser__current {
	display: block;
	padding: 1em }

.filter__chooser ul,
.filter__chooser li {
	list-style: none;
	padding: 0;
	margin: 0; }
							
.filter__chooser .icon_market {
	display: inline-block;
	width: 16px;
	height: 16px; }

.filter__chooser__current {
	transition: all .4s;
	border: 2px solid var(--color-green);
	border-radius: 10px; }

.filter__chooser__current:hover {
	cursor: pointer;
	background: rgba(255,255,255,.05); }
	
.filter__chooser__current span:after {
	opacity: 1;
	margin-top: .3em;
	position: absolute;
	right: 0; }

.filter__chooser__current span {
	display: block; }	

.filter__chooser .icon_market {
	transform: translateY(0.2em);
	margin-right: 1rem; }
	
.filter__chooser__nav {
	visibility: hidden;
	width: 100%;
	max-height: 0;
	opacity: 0;
	position: absolute;
	transform: translate(0,0);
	transition: all .4s;
	background: var(--color-charcoal);
	border: 2px solid rgba(255,255,255,.1);
	border-radius: 10px; }	

.filter__chooser__nav a {
	padding: 1em;
	transition: all .4s;
	display: block; }
	
.filter__chooser.active .filter__chooser__nav {
	visibility: visible;
	max-height: 999em;
	transform: translate(0,5px);
	opacity: 1; }

.filter__chooser.active .filter__chooser__nav a:hover {
	background: rgba(255,255,255,.05); }
	
.filter__chooser.active .filter__chooser__current span:after {
	transform: rotate(180deg); }


/* Expanded Desktop */
@media all and (min-width: 1000px) {

	
	
	.filter__chooser__expanded-desktop.filter__chooser {
		width: auto; }
	
	.filter__chooser__expanded-desktop .filter__chooser__nav {
		visibility: visible;
		position: relative;
		max-height: 999em;
		border: none;
		opacity: 1; }
	
	.filter__chooser__expanded-desktop .filter__chooser__current {
		display: none; }	
	
	.filter__chooser__expanded-desktop .filter__chooser__nav a {
		border: 2px solid rgba(255,255,255,.1);
		border-radius: 10px; }	
	
	.filter__chooser__expanded-desktop .filter__chooser__nav li {
		display: inline-block;
		margin: 0 .5rem .8rem 0; }
	
	/* Active */
	.filter__chooser__expanded-desktop li.active a {
		color: var(--color-charcoal-dark);
		background: var(--color-green); }
		
	.filter__chooser__expanded-desktop li.active svg polygon {
		fill: var(--color-charcoal-dark); }
	
	.filter__chooser__expanded-desktop li.active svg polygon,
	.filter__chooser__expanded-desktop li.active svg #Shape,
	.filter__chooser__expanded li.active svg #Shape  {
		fill: var(--color-charcoal-dark) !important; }
		
}	

/* Filter with one option (always expanded) */
.filter__chooser__expanded .filter__chooser {
	width: auto; }
	
.filter__chooser__expanded .filter__chooser__nav {
	visibility: visible;
	position: relative;
	max-height: 999em;
	border: none;
	opacity: 1; }
	
.filter__chooser__expanded .filter__chooser__current {
	display: none; }	
	
.filter__chooser__expanded .filter__chooser__nav a {
	border: 2px solid rgba(255,255,255,.1);
	border-radius: 10px; }	

.filter__chooser__expanded .filter__chooser__nav li {
	display: inline-block;
	margin: 0 .2rem .6rem 0; }
	
/* Active */
.filter__chooser__expanded li.active a {
	color: var(--color-charcoal-dark);
	background: var(--color-green); }
		

			


/*  Desktop icon size for consultants page */
@media all and (min-width: 1000px) {

	.m__title__consultants .filter__chooser .icon_market {
		position: absolute;
		left: 1em;
		transform: translateY(-0.1em);
		width: 22px;
		height: 22px; }
	
	.m__title__consultants  .filter__chooser a {
		position: relative;
		padding-left: calc(2em + 22px); 	}
	
}	





/* ==============
   GALLERY - FULL
   ============== */


.slider__inset-dots .slick-dots {
	margin: -5rem auto;
	width: 50%;
	background: var(--color-gray-tint); } 

.slider__inset-dots .slick-dots .slick-active:after  {
	background: var(--color-gray); } 


@media all and (max-width: 768px) {

	.slider__inset-dots .slick-dots {
		width: 75%; } 
	
}	

@media all and (max-width: 500px) {

	.slider__inset-dots .slick-dots {
		width: 90%; } 
	
}	







/* ==========
   LOGIN FORM 
   =========== */
   
.login-panels {
	background: var(--color-gray-light);
	border-radius: 10px;
	text-align: center;
	padding: 3rem;
	margin: 0 auto;
	max-width: 500px; } 
   
.login-panels input {
	width: 100%; }  
 
.login-panels input[type=text],
.login-panels input[type=password] {	
	outline: none;
	margin-bottom: 2rem;
	border: none;
	padding: .5em;
	border-radius: 2px; }

.login-panels input[type=checkbox] {
	background: #fff;
	margin-right: .5em;
	transform: translate(0,.3em);
	width: 2rem;
	height: 2rem; }
	   
.login-panels label {
	display: block;
	font-weight: 600;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-bottom: .5em; }
	
.login-panels input[type=submit] {
		margin-bottom: 1rem; }
		
/* ================
   NOTIFICATION BAR 
   ================ */
   
.notification-bar {
	cursor: pointer;
	background: var(--color-green);
	padding: 1rem;
	color: var(--color-charcoal);
	font-weight: 600;
	font-size: 1.2em;
	text-align: center; }

.notification-bar a {
	display: block; }
	
.notification-bar span {
	position: relative; }
	
.notification-bar span:after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.69947L3.04906 4.74853L4.1994 6.00185L3.04906 7.25147L0 10.3005L1.74946 12L7.74761 6.00185L7.74575 6L7.74761 5.99815L1.74946 0L0 1.69947Z' fill='%23202325'/%3E%3C/svg%3E%0A");
	height: 1.2rem;
	width: .7rem;
	margin-left: 1.2rem;
	display: inline-block;
	transition: all .6s;
	background-repeat: no-repeat; }

.notification-bar:hover span:after {
	transform: translateX(7px); }


.has-notification-bar .navigation__toolbar__panel {
	top: 130px !important; }


@media all and (max-width:700px) {
	
	.notification-bar {
		font-size: .8em; }
	
}


/* ==========
   SCROLLBARS 
   =========== */
#container ::-webkit-scrollbar {
  width: 20px; }

#container ::-webkit-scrollbar-track {
  background-color: transparent; }

#container ::-webkit-scrollbar-thumb {
  background-color: #fff;
  opacity: .5;
  border-radius: 20px;
  border: 7px solid transparent;
  background-clip: content-box; }

#container ::-webkit-scrollbar-thumb:hover {
 opacity: .7; }
 
 
 
/* ==============
   GENDER DECODER 
   ============== */
 
.gdecoder__tag {
	display: inline-block;
	padding: 0 .2em; }
	
.gdecoder__tag__fem {
	background-color: #eed5d5; }
 
.gdecoder__tag__masc {
	background-color: #acd0dd; }
 
 
 
/* ===========
   IMAGE GROUP 
   =========== */ 
 
.image-group {
	display: flex;
	justify-content: center; }

.image-group img {	
	height: 150px;
	margin: 0 30px; }
	
	
@media all and (max-width:700px) {
	
	.image-group img {	
		height: 100px;
		margin: 0 25px; }
}