* {
	box-sizing:border-box;
}
header,
main,
footer {
	width:100%;
}
.caps-lock{
	text-transform: uppercase;
}
.container {
	/*max-width:1440px;*/
	max-width:1200px;
	margin: 0 auto;
}
a {
	text-decoration:none;
	color:#000000;
	transition:all 0.2s linear;
}
a:hover {
	color:#1E6AA0;
}
html {
	font-family: 'Montserrat', sans-serif;
}
p {
	line-height:1.4;
}
.bold {
	font-weight:800;
}
.blue-text {
	color:#1E6AA0;
}
.green-text {
	color: #4BB0CB;
}
.white-text {
	color:#FFFFFF;
}
.center-text {
	text-align:center;
}
.orange-underline {
	border-bottom:2px solid #E55F25;
}
.separator {
	width:40px;
	height:4px;
	display:inline-block;
	background-color:#999999;
	margin:30px 0;
}
.separator.vertical {
	width:4px;
	min-width: 4px;
  max-width: 4px;
	height:40px;
	margin:0 30px 0 0;
}
.buttons {
  display: flex;
}
.buttons .button + .button {
  margin-left: 10px;
}
.button {
	height:40px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:0;
	outline:none;
	font-size:14px;
	text-transform:uppercase;
	background:#FFFFFF;
	color:#1E6AA0;
	border:none;
	padding:0 20px;
	transition:all 0.2s linear;
}
.button.grey {
	background-color:#EEEEEE;
}
.button.green {
	background-color:#4BB4C3;
	color:#FFFFFF;
}
.button > .arrow-icon {
    margin-left: 10px;
    width: 13px;
    height: auto;
}
.button:hover {
	cursor:pointer;
	filter: contrast(0.8);
}
.grey-background {
	background:#E4E4E4;
}
.pattern-background1 {
	background-color: #f2f2f2;
	background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23d4d4d4' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.pattern-background2 {
	background-color: #3fb5c1;
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 0H0v36h36V0zM15.126 2H2v13.126c.367.094.714.24 1.032.428L15.554 3.032c-.188-.318-.334-.665-.428-1.032zM18 4.874V18H4.874c-.094-.367-.24-.714-.428-1.032L16.968 4.446c.318.188.665.334 1.032.428zM22.874 2h11.712L20 16.586V4.874c1.406-.362 2.512-1.468 2.874-2.874zm10.252 18H20v13.126c.367.094.714.24 1.032.428l12.522-12.522c-.188-.318-.334-.665-.428-1.032zM36 22.874V36H22.874c-.094-.367-.24-.714-.428-1.032l12.522-12.522c.318.188.665.334 1.032.428zm0-7.748V3.414L21.414 18h11.712c.362-1.406 1.468-2.512 2.874-2.874zm-18 18V21.414L3.414 36h11.712c.362-1.406 1.468-2.512 2.874-2.874zM4.874 20h11.712L2 34.586V22.874c1.406-.362 2.512-1.468 2.874-2.874z' fill='%232e98a5' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.pattern-background3 {
	background-color: #1e6b9c;
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 0H0v36h36V0zM15.126 2H2v13.126c.367.094.714.24 1.032.428L15.554 3.032c-.188-.318-.334-.665-.428-1.032zM18 4.874V18H4.874c-.094-.367-.24-.714-.428-1.032L16.968 4.446c.318.188.665.334 1.032.428zM22.874 2h11.712L20 16.586V4.874c1.406-.362 2.512-1.468 2.874-2.874zm10.252 18H20v13.126c.367.094.714.24 1.032.428l12.522-12.522c-.188-.318-.334-.665-.428-1.032zM36 22.874V36H22.874c-.094-.367-.24-.714-.428-1.032l12.522-12.522c.318.188.665.334 1.032.428zm0-7.748V3.414L21.414 18h11.712c.362-1.406 1.468-2.512 2.874-2.874zm-18 18V21.414L3.414 36h11.712c.362-1.406 1.468-2.512 2.874-2.874zM4.874 20h11.712L2 34.586V22.874c1.406-.362 2.512-1.468 2.874-2.874z' fill='%23185276' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.pattern-background4 {
	background-image: url('../img/green_white_pattern.jpg');
	background-repeat: repeat;
}
.pattern-background5 {
	background-image: url('../img/grey_white_pattern.jpg');
	background-repeat: repeat;
}
h1,h2,h3,h4,h5,h6 {
	text-transform:uppercase;
	line-height:1.5;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:16px;
}
.section-padding {
	padding:40px;
}
.section-padding20 {
	padding:20px;
}
.flex {
	display: flex;
}
.flex.row {
	flex-direction: row;
}
.flex.column {
	flex-direction: column;
}
.flex.row.center {
	align-items: center;
}
.flex.row.end {
	align-items: flex-end;
}
.inline {
	display: inline-block;
}
p + p {
  margin-top: 10px;
}

/*header*/
header {
	background-color:#F5F6F8;
	padding:20px;
	position:relative;
}
header .container {
	display:flex;
}
header nav {
	margin: 0 0 0 auto;
	display:flex;
}
header nav ul {
	display:flex;
	align-items:center;
}
header nav ul li a {
	display:flex;
	align-items:center;
	padding:0 20px;
	text-align:center;
	color:#666666;
	text-decoration:none;
	text-transform: uppercase;
	transition:all 0.2s linear;
}
header nav ul li a:hover,
header nav ul li a.active {
	color:#000000;
}
header nav ul li a.active-country {
	border: 1px solid #ccc;
    border-radius: 50px;
    padding: 5px 20px;
}
.logo {
	width:136px;
	height:auto;
	align-self:center;
}
.country-icon {
	margin-right:10px;
	width:30px;
	height:auto;
}
.nav-toggle {
  height: 40px;
  width: 40px;
  background-color: #F7F7F7;
  border: none;
  cursor: pointer;
  display: none;
  position: absolute;
  top: 5px;
  right: 0;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.nav-toggle::before {
  content: "";
  width: 20px;
  height: 2px;
  position: absolute;
  top: 19px;
  left: 10px;
  background-color: #b7b7b7;
  -webkit-box-shadow: 0 6px 0 0 #b7b7b7, 0 -6px 0 0 #b7b7b7;
  box-shadow: 0 6px 0 0 #b7b7b7, 0 -6px 0 0 #b7b7b7;
}

/*footer*/
footer {
	background-color:#5B5B5D;
	/*color:#D9D9DB;*/
	color:#A2A2A4;
}
.footer-main,
.footer-bottom {
	padding:20px;
}
.footer-bottom {
	border-top:1px solid #4a4a4a;
	text-align:center;
	font-size:12px;
}
.logo-bw {
	width:140px;
	height:auto;
	align-self:center;
	margin-bottom:20px;
}
footer .container {
    display: flex;
}
.footer-logo-container {
    max-width: 200px;
    margin-right: 60px;
    /*color:#A2A2A4;*/
    font-size:14px;
}
footer nav {
	margin: 0 0 0 auto;
	display:flex;
}
footer nav ul {
	display:flex;
	align-items:flex-start;
}
footer nav ul li a {
	display:flex;
	align-items:center;
	padding:0 20px;
	text-align:center;
	color:#EAEAEA;
	text-decoration:none;
	text-transform: uppercase;
	transition:all 0.2s linear;
}
footer nav ul li a:hover,
footer nav ul li a.active {
	color:#000000;
}
.footer-social ul {
    display: flex;
}
.footer-social ul li {
    display: flex;
}
.footer-social ul li a {
  padding:0 20px;
	text-decoration:none;
	text-transform: uppercase;
}
footer nav ul ul {
  flex-direction: column;
  max-width:200px;
}
footer nav ul ul li {
  margin-top:10px;
}
footer nav ul ul li a {
	font-size:12px;
	color:#A2A2A4;
	text-align:left;
	line-height:1.2;
}

/*main*/
main {
	background-color:#ffffff;
}

/*home*/

/*.home-banner .overlay1 {
	background:#FFFFFF;
	padding:20px;
	text-transform:uppercase;
	font-size:24px;
	max-width:510px;
	line-height:1.4;
	border-left:4px solid #666666;
}
.home-banner .overlay2 {
	padding:40px;
	background-color:#E35F29;
	display:inline-block;
	margin-left:auto;
	transform: rotate(45deg);
}
.home-banner .overlay2 .inner {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:24px;
	line-height:1.4;
	transform: rotate(-45deg);
    text-align: center;
}*/
.home-section1,
.employers-section1,
.job-seekers-section1 {
 	overflow-x: hidden;
}
.home-section1 .banner-overlay2 {
  width: 160px;
  height: 160px;
  right: calc(0px - 80px);
  top: calc(50% - 80px);
}
.banner-overlay3 {
	background:rgba(0,0,0,0.5);
	color:#FFFFFF;
	padding:20px;
	align-self: flex-start;
	font-size:18px;
	position:absolute;
	bottom:0;
	left:0;
}
.home-section2 {
	margin:40px auto;
}
.grid-container {
	display:grid;
	grid-gap:0;
	grid-template-columns: repeat(2, 1fr)
}
.grid-item {
  display: flex;
  flex-direction: column;
}
/*.square-grid-item {
	width:50%;
}*/
.gap40 {
	grid-gap:40px;
}
.icon-container {
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:40px;
	justify-content: center;
}
.icon-text-container {
	display:flex;
	align-items:center;
	text-transform:uppercase;
	font-size:20px;
	color:#FFFFFF;
	margin-top:40px;
}
.icon-container.employers {
	background-color:#1E6AA0;
}
.icon-container.job-seekers {
	background-color:#4BB0CB;
}
img.employers-icon,
img.job-seekers-icon {
  width: 120px;
  height: auto;
}
img.arrow-icon.white {
  filter: brightness(100);
  margin-left: 10px;
}
.square-grid-item.text-container {
  padding: 20px;
}
.square-grid-item.job-seekers-info.text-container {
	display:flex;
  flex-direction: column;
  justify-content: center;
}
.square-grid-item.employers-info.text-container {
  font-size: 20px;
  padding: 40px;
  display:flex;
  flex-direction:column;
  line-height: 1.3;
}
.square-grid-item.employers-info.text-container span.blue-text {
	margin-bottom: 5;
}
.square-grid-item.employers-info.text-container span.blue-text:last-of-type {
	margin-bottom: 0;
}
.home-section3 {
    background-color: #1E6AA0;
    padding-bottom: 40px;
}
h1.section-title {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    padding: 40px 0;
}
.cards {
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	grid-gap:20px;
}
.card {
	background-color: #FFFFFF;
	padding:40px;
	display:flex;
	flex-direction:column;
	text-align:center;
	align-items: center;
}
.card:nth-of-type(even) {
	background-color: #4BB4C3;
	color:#FFFFFF;
}
.card-title {
	font-size:24px;
	color:#1E6AA0;
	text-transform:uppercase;
	margin: 20px 0 30px 0;
  line-height: 1.2;
}
.card:nth-of-type(even) .card-title {
	color:#FFFFFF;
}
.card p {
	margin-bottom:20px;
}
.card .button {
  margin-top: auto;
}
.home-section4 h1 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 20px;
}
.home-section4 p {
	margin-bottom:20px;
}
.home-section2a {
	background-color: #f7f7f7;
}
.home-section2a .square-grid-item {
  /*padding: 20px;*/
  display:flex;
  flex-direction: column;
  background-color: #FFFFFF;
}
.home-section2a .inner {
	padding:20px;
}
.home-section2a p {
  margin-bottom: 5;
}
.home-section2a ul {
  list-style-type: circle;
  padding-left: 30px;
}
.home-section2a ul li {
  margin-bottom: 5px;
}
.home-section2a ul li:last-of-type {
  margin-bottom: 0;
}
.home-section2a h3 {
  padding: 20px;
}
.home-section2a .recruiters h3 {
  color: #4BB0CB;
}
.home-section2a .recruiters .inner {
  background-color: #4BB0CB;
  color: #FFFFFF;
	flex-grow: 1;
}
.home-section2a .sourcing h3 {
  color: #FFFFFF;
  background-color: #1E6AA0;
}
.home-section2a .sourcing .inner {
	color: #1E6AA0;
}

/*about us*/
.about-us-section1 {
	position:relative;
}
.about-us-section1 .overlay1 {
	position:absolute;
	top:20px;
	left:20px;
	text-transform:uppercase;
	font-size:24px;
}
.about-us-section1 h1 {
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}
.hiring-solution-container {
	margin:40px auto;
}

.sliders {
	position:relative;
}
.sliders img {
  max-width: 100%;
  height: auto;
  /*display:none;*/
}
.slider-navigation {
  background: rgba(0,0,0,0.5);
  padding: 5px;
  height: 90%;
  width: 15px;
  position: absolute;
  top: 5%;
  right: 5px;
  display: grid;
  grid-template-rows: repeat(10,1fr);
  grid-gap: 5px;
}
.slider-nav-item {
  width: 5px;
  height: 100%;
  background: white;
  cursor:pointer;
  transition:all 0.2s linear;
}
.slider-nav-item.active,
.slider-nav-item:hover {
  background: #FB0106CB;
}
#about-us-slider1 {
	display:block;
}
.slider-image {
	position:absolute;
	top:-10000px;
	transition:all 0.5s linear;
	/*opacity:0.5;*/
	filter:blur(10px);
}
.slider-image.active {
	position:static;
	top:none;
	/*opacity:1;*/
	filter:blur(0px);
}
.banner-overlay4 {
	position:absolute;
	width:calc(100% - 50px);
	bottom:0px;
	opacity:0;
	left:25px;
	padding:10px;
	background: #1E6AA0;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	filter:blur(10px);
	transition:all 0.5s linear;
}
.banner-overlay4:fist-of-type {
	display:none !important;
}
.banner-overlay4.active {
	bottom:25px;
	filter:blur(0px);
	opacity:1;
}
.banner-overlay4 .item {
	color:#FFFFFF;
	text-transform: uppercase;
	line-height:1.5;
}
.banner-overlay4 .item:after {
	content:"|";
	margin:0 10px;
	width: 1px;
	height:100%;
	color:#54C2D9;
}
.banner-overlay4 .item:last-of-type:after {
	content:"";
}

/*employers*/
.banner-container {
	position:relative;
}
.banner-image {
  width: 100%;
  height: auto;
}
.banner-overlay1 {
	background:rgba(255,255,255,0.8);
	padding:20px 20px 20px 0;
	text-transform:uppercase;
	font-size:24px;
	max-width:540px;
	line-height:1.4;
	/*border-left:4px solid #666666;*/
	position: absolute;
  top: 0;
  left: 0;
  display:flex;
  align-items:center;
}
.banner-overlay2 {
	padding:20px;
	background-color:#E35F29;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-left:auto;
	transform: rotate(45deg);
  width: 230px;
  height: 230px;
  position: absolute;
  right: calc(0px - 115px);
  top: calc(50% - 115px);
}
.banner-overlay2 .inner {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:20px;
	line-height:1.4;
	transform: rotate(-45deg);
  text-align: center;
}
.tabs {
  display: grid;
  grid-gap:0;
}
.tabs.six {
	grid-template-columns: repeat(6, 1fr);
}
.tabs.four {
	grid-template-columns: repeat(4, 1fr);
}
.tab {
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  padding: 10px;
  text-align: center;
  align-items: center;
  border:1px solid #E4E4E4;
  border-right:none;
  /*border-bottom:4px solid #999999;*/
  filter:grayscale(100);
  transition:all 0.2s linear;
  position:relative;
}
.tab::after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:4px;
	background:transparent;
	transition:all 0.2s linear;
}
.tab:hover:after {
	background: #1E6AA0;
}
.tab:last-of-type {
	border-right:1px solid #E4E4E4;
}
.tab:hover {
	cursor:pointer;
	filter:grayscale(0);
	/*border-bottom:4px solid #1E6AA0;*/
}
.tab h4 {
	margin:10px 0 0 0;
	color:#333333;
	transition:all 0.2s linear;
}
.tab:hover h4 {
	color:#1E6AA0;
}
.tab-icon {
  width: 50px;
  height: auto;
}
.employers-section3 .title-container,
.employers-section4 .title-container {
	margin-bottom:40px;
}
img.low-fees {
  width: 400px;
  height: auto;
  margin:auto;
}
.cost-calculator-section h1,
.your-recruitment-team-section .title-container {
	margin-bottom:15px;
}
.cost-calculator {
	padding:20px;
	background:#FFFFFF;
}
.order-candidates-title {
  padding: 40px;
}
.employers-section6 {
	display: flex;
  flex-direction: column;
}
.employers-forms {
	margin:40px auto;
	padding: 0 20px;
}
.employers-forms h1 {
  margin-bottom: 20px;
}
.contact-information {
  color: #666669;
  font-weight: 800;
  margin-top:40px;
  font-size:18px;
}
.contact-information div {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:10px;
}
.contact-information div a {
	color:#666666;
}
.contact-information div a:hover {
	color:#1E6AA0;
}
.contact-information div:last-of-type {
	margin-bottom:0;
}
.contact-information .country-icon {
  width: 22px;
}
.form-fields {
	display:flex;
	flex-wrap:wrap;
}
.input-row {
	width:100%;
	margin-bottom:10px;
}
.input-row.two {
	display:grid;
	grid-gap:10px;
	grid-template-columns: repeat(2, 1fr);
}
.form-fields .input {
	width:100%;
	height:40px;
	padding:5px;
	border:none;
	background:#FFFFFF;
	font-size:13px;
	outline: none;
}
.form-fields textarea.input {
	resize:none;
	height:90px;
}
.file-input {
	margin-top:10px;
}
form + form {
    margin-top: 40px;
}
.employers-contact-form p {
	font-size:12px;
}
.employers-contact-form p + p {
	margin:20px 0;
}
.employers-contact-form h2 {
	margin-bottom:20px;
}
#word-cloud {
	width:100%;
	max-width:100%;
}
/*cost calculator*/
.cc-container {
  display: flex;
  flex-direction: column;
}
.cc-buttons {
  display: flex;
  margin-bottom: 20px;
}
.cc-buttons button {
	font-size:14px;
	border:none;
	outline:none;
	box-shadow:none;
	background:#e1e1e1;
	padding:10px;
	text-align:center;
	flex:1;
	color:#333333;
	cursor:pointer;
	transition:all 0.2s linear;
	text-transform: uppercase;
}
.cc-buttons button.active {
	background-color: #4BB0CB;
	color:#FFFFFF;
	
}
button#cc-weekly {
  margin: 0 2px;
}
.cc-ranges,
.cc-hours {
	margin-bottom:20px;
	font-size:14px;
}
.cc-ranges .slidecontainer,
.cc-hours .slidecontainer {
  display: flex;
  flex-direction:column;
  /*align-items: center;*/
}
.slider-output {
	min-width: 60px;
  max-width: 60px;
  border:none;
}
.wage {
	margin: 0 10px 5px 0;
	white-space:nowrap;
}
/*.dollar-sign {
	margin:0 5px 0 10px;
}*/
.cc-costs {
  display: flex;
  flex-direction:column;
  padding:0;
}
.disclaimer {
  margin-top: 10px;
  font-size: 10px;
}
.cc-weekly-cost-container,
.cc-total-cost-container {
  flex: 1;
  text-align: center;
  font-size: 16px;
  display: flex;
  align-items: center;
  /*justify-content: center;*/
}
#cc-weekly-cost,
#cc-total-cost,
#cc-num-weeks {
	color: #4BB0CB;
}
.total-display {
	color:#333333;
	margin-right:10px;
}
.cc-weekly-cost-container {
	margin-right:1px;
}
.cc-total-cost-container {
	margin-left:1px;
}
#cc-weekly-cost::before,
#cc-total-cost::before {
    content: "$ ";
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 15px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  border-radius:10px;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4BB0CB; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius:50%;
}
.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4BB0CB; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius:50%;
}
#cc-weekly-range,
#cc-annually-range {
	display:none;
}

/*job seekers*/
#search-jobs {
	text-align:center;
}
.search-jobs-form {
  padding: 20px;
  background: #1E6AA0;
  display: grid;
  grid-template-columns: repeat(2, 2fr) 1fr;
  grid-gap: 10px;
  margin-top:20px;
}
#job-alert-form {
	padding:20px;
	margin-top:20px;
}
#job-alert-form h1 {
    margin-bottom: 20px;
}
.submit-resume-text {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.learn-more-link {
	display:flex;
	align-items:center;
}
.learn-more-link .arrow-icon {
	margin-left:10px;
	width:20px;
	height:auto;
}
.job-seekers-contact-form .form-fields {
    margin-top: 20px;
}
.jobs-list {
  border-bottom: 12px solid #4BB4C3;
  border-top: 12px solid #4BB4C3;
}
.job-listing a {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid #e1e1e1;
  border-top:none;
  transition:all 0.2s linear;
  font-size:14px;
}
.job-listing:first-of-type a {
  border-top: 1px solid #e1e1e1;
}
.job-listing:nth-of-type(even) a {
  background: #f1f1f1;
}
.job-listing a:hover {
  background: #4BB4C3;
  color: #FFFFFF;
}
.job-listing-title {
	margin-right:20px;
}
.job-listing-location {
	margin-left:auto;
	min-width:200px;
	text-align:left;
}
.location-container {
	position: relative;
}
.location-suggestions {
	display:none;
}
img#location-loading,
img#location-loading2 {
	display:none;
  position: absolute;
  top: 5px;
  right: 5px;
}
#location-suggestions,
#location-suggestions2 {
  position: absolute;
  top: 40px;
  left: 0px;
  width: 100%;
  background: #FFFFFF;
  border-bottom: 1px solid #e1e1e1;
}
.location-suggestion {
  text-align: left;
  padding: 10px;
  font-size: 13px;
  border: 1px solid #e1e1e1;
  border-bottom: none;
  transition:all 0.2s linear;
  cursor:pointer;
}
.location-suggestion:hover {
  color:#4BB4C3;
  background:#f1f1f1;
}

/*job description page*/
.back-to-jobs-container {
  margin-bottom: 20px;
}
.job-container {
	padding: 20px;
  border: 1px solid #e1e1e1;
  border-right: none;
}
.job-description-sidebar {
  background: #FFFFFF;
  display:flex;
}
.job-description {
	margin:20px 0;
	font-size:14px;
}
.job-description strong {
  font-weight: 800;
  font-size: 110%;
}
.job-description ul {
    margin-left:20px;
    margin-bottom:20px;
}
.job-description ul li {
  list-style-type: square;
  line-height:1.3;
}
.jobs-list.sidebar {
    max-width: 500px;
}
.jobs-list.sidebar .job-listing-location {
  margin-left: auto;
  min-width: 120px;
}
.job-title,
.job-location,
.questions-title {
  color: #4BB4C3;
}

/*job apply page*/
.job-apply-container {
	padding:20px;
}
#apply-form {
	display:flex;
	flex-direction:column;
	margin-top:20px;
}
#submit-apply {
	align-self:flex-start;
}
#apply-form #text_resume,
#apply-form input[type=file] {
    display: none;
}
.resume-container {
	margin: 10px 0;
}
.text-resume-container {
	margin-top:10px;
}
.no-results {
  padding: 10px;
  text-align: center;
}
#apply-success {
	padding:20px;
	display:none;
	z-index:100;
  background-color: #4BB4C3;
  color: #FFFFFF;
  text-align:center;
}
.noty_body {
	line-height:1.3;
}
.question {
  margin: 0 0 20px 0;
  color: #333333;
}
.question-title {
	margin: 0 0 2px 0;
	text-transform: none;
}
.question textarea {
	width: 100%;
	max-width:800px;
	height:180px;
	padding: 8px;
}
.radio-group label {
  cursor: pointer;
  margin: 0 20px 0 5px;
  position: relative;
  top: 2px;
}
.question select {
  width: 100%;
  max-width: 800px;
  height: 40px;
  font-size: 14px;
}
.checkbox-container {
  margin-bottom: 10px;
}
.checkbox-container label {
  margin: 0 0 0 5px;
  position: relative;
  top: 2px;
}

/*mobilize*/
@media only screen and (max-width: 1400px){
	.banner-overlay2 {
    padding: 10px;
    background-color: #e35f29ad;
		transform: none; 
		width: auto; 
		height: auto; 
    right: 0;
    top: auto;
    bottom: 0;
	}
	.banner-overlay2 .inner {
    font-size: 16px;
    line-height: 1.2;
    transform: none; 
	}
	.home-section1 .banner-overlay2 {
    width: auto;
    height: auto;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 1;
	}
}
@media only screen and (max-width:1100px){
	.card {
    padding: 20px;
  }
}
@media only screen and (max-width:1000px){
	header nav ul li a,
	footer nav ul li a,
	.footer-social ul li a {
    padding: 0 10px;
  }
}
@media only screen and (max-width:900px){
	.cards {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
	}
}
@media only screen and (max-width:768px){
	header .country-icon {
    margin: 0;
  }
  .section-padding {
    padding: 20px;
	}
  .footer-main,
  .footer-bottom {
    padding: 10px;
	}
	.footer-logo-container {
    margin-right: 10px;
  }
	.country-text {
		display:none;
	}
	.tabs.six {
    grid-template-columns: repeat(3, 1fr);
	}
	.banner-overlay1 {
    font-size: 18px;
  }
	header {
    padding: 10px;
	}
	header nav ul li a {
		font-size:14px;
	}
	.logo {
    width: 100px;
	}
	.employers-section3 .title-container,
	.employers-section4 .title-container {
    margin-bottom: 20px;
	}
	.banner-overlay4 {
    font-size:14px;
	}
	.banner-overlay4 .item {
    line-height: 1.3;
	}
}
@media only screen and (max-width:600px){
	.banner-overlay1 {
    font-size: 14px;
    max-width: 300px;
    padding: 10px 10px 10px 0;
  }
  .banner-overlay3 {
		font-size:14px;
		padding: 10px;
	}
	.section-padding {
    padding: 10px;
	}
	h1 {
		font-size:20px;
	}
	p {
    font-size: 14px;
	}
	.cards {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
	}
	.card {
    padding: 10px;
  }
}
@media only screen and (max-width: 500px){
	.section-padding20 {
    padding: 10px;
	}
	.gap40 {
    grid-gap: 20px;
	}
	.nav-toggle {
    display: block;
    z-index: 10;
	}
	header nav ul {
    display: none;
	}
	header nav ul.open {
		display:flex;
	}
	header nav ul.open {
    flex-direction: column;
    position: absolute;
    top: 45px;
    right: 0;
    text-align: right;
    z-index: 2;
    background: #FFFFFF;
    border: 1px solid #b7b7b7;
    padding: 5px 0 5px 0;
    align-items: flex-end;
	}
	header nav ul li {
		width:100%;
	}
	header nav ul li a {
    padding: 5px 10px;
    justify-content: flex-end;
	}
	header nav ul li a.country-nav-item {
    filter:grayscale(1);
	}
	header nav ul li a.active-country {
    border: none;
    border-radius: 50px;
    padding: 5px 10px;
    filter:grayscale(0);
	}
	img.logo {
    width: 77px;
	}
	header {
    padding: 10px;
	}
	.cards {
    grid-template-columns: 1fr;
	}
	.grid-container {
    grid-template-columns: 1fr;
	}
	.square-grid-item.text-container,
	.square-grid-item.employers-info.text-container {
	  padding: 10px;
	}
	.home-section2 {
    margin: 0;
	}
	.home-section2 .square-grid-item.employers {
		order:1;
	}
	.home-section2 .square-grid-item.employers-info {
		order:2;
	}
	.home-section2 .square-grid-item.text-container:not(.employers-info) {
		order:4;
	}
	.home-section2 .square-grid-item.job-seekers {
		order:3;
	}
	.icon-container {
    padding: 10px;
	}
	img.employers-icon, img.job-seekers-icon {
    width: 80px;
	}
	.icon-text-container {
    margin-top: 10px;
    font-size:16px;
	}
	img.arrow-icon.white {
    width: 15px;
    height: auto;
	}
	.separator {
    margin: 15px 0;
	}
	.separator.vertical {
    margin: 0 15px 0 0;
	}
	h1.section-title {
    font-size: 20px;
    padding: 20px 0;
	}
	img.card-icon {
    width: 80px;
    height: auto;
	}
	.card-title {
    font-size: 20px;
    margin: 10px 0 15px 0;
	}
	.employers-section3 .title-container,
	.employers-section4 .title-container {
    margin-bottom: 10px;
	}
	img.low-fees {
    width: 100%;
	}
	.contact-information {
    margin-top: 20px;
    font-size: 14px;
	}
	.country-name {
    display: none;
	}
	.employers-forms {
    margin: 20px auto;
    padding: 0 10px;
	}
	.order-candidates-title {
    padding: 20px;
	}
	.cost-calculator {
    padding: 10px;
	}
	#job-alert-form {
    padding: 10px;
    margin-top: 10px;
	}
	.search-jobs-form {
    padding: 10px;
    grid-template-columns: 1fr;
	}
	.hiring-solution-container {
    margin: 0;
	}
	.banner-overlay4 {
    font-size:12px;
	}
	.banner-overlay4 .item {
    line-height: 1.15;
	}
	.banner-overlay4.active {
    bottom: 5px;
  }
  .cc-ranges, .cc-hours {
    font-size: 12px;
	}
	.cc-weekly-cost-container,
	.cc-total-cost-container {
    font-size: 14px;
  }
  .total-display {
    margin-right: 5px;
	}
	.tab h4 {
		font-size:14px;
	}
	.square-grid-item.employers-info.text-container,
	.home-section4 h1 {
    font-size: 20px;
  }
  .home-section4 h1 {
  	margin-bottom:10px;
  }
	/*footer*/
	footer .container {
    flex-direction: column;
	}
	.footer-main {
    padding: 0;
	}
	.footer-logo-container {
    display: flex;
    max-width: 100%;
    margin: 0;
    align-items: center;
    padding:10px;
    border-bottom:1px solid #4a4a4a;
	}
	.logo-bw {
    margin: 0 10px 0 0;
	}
	.footer-logo-container p {
    font-size: 13px;
	}
	footer nav {
    font-size: 14px;
    padding:10px;
    border-bottom:1px solid #4a4a4a;
	}
	footer nav ul ul li {
    margin-top: 5px;
	}
	.footer-social {
    display: flex;
    justify-content: center;
    padding:10px;
	}
}
@media only screen and (max-width:400px){
	.banner-overlay4 {
    font-size: 10px;
	}
}