html {
	font-size: 62.5%;
	touch-action: manipulation;
	scroll-behavior: smooth;
}

body {
	font-family: 'poppins', sans-serif;
	font-style: normal;
	font-weight: normal;
	background-color: #fff;
	color: #303030;
	min-width: 375px;
}
.container {
	max-width: 1440px;
}

h1, h2, h3, h4, h5 {
	color: #323232;
	font-weight: 600;
	margin: 0;
	/*text-align: center;*/
	/*text-transform: capitalize;*/
}

h1 {
	font-size: 4.2rem;
	line-height: 119%;
	color: #000;
	margin: 60px 0;
	
}
h2 {
	font-size: 2.4rem;	
	line-height: 140%;
	margin-bottom: 35px;
}
h3 {
	font-size: 1.8rem;
	line-height: 133%;
	margin-bottom: 30px;
}
h4 {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 20px;
	
}
h5 {
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 138%;
	margin-bottom: 30px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

h1 span, h2 span {
	color: #286EE9;
	white-space: nowrap;
}
a {
	color: #323232;
	text-decoration: none;
	transition: color .3s ease;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
p {
	font-size: 1.4rem;
	font-weight: 400;
	color: #757D8A;
	line-height: 140%;
}
p > span {
	color: #286EE9
}
ul {
	font-size: 1.4rem;
}
.nobr {
	white-space: nowrap;
}
.btn {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	outline: none;
}
.btn:hover {
	color: #fff;
}

.btn-all {
	font-size: 1.5rem;
	color: #286EE9;
	text-transform: capitalize;
	line-height: 107%;
}

header {
	background-color: #FFF;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
	height: 60px;
	padding: 0 20px;
}
header.inner {
	height: 80px;
}
header .logo img {
	max-width: 117px;
}

.sticky {
	position: fixed;
	top:0; left:0;
	width: 100%;
	z-index: 100;
}

.search-wrapper{
	position: relative;
	margin: 0;
}

.search-wrapper input{
	height: 48px;
	border: none;
	font-size: 1.4rem;

	padding: 5px 10px 5px 26px;
	background-color: #FFF;
	border: 1px solid #CACDD1;
	border-radius: 100px;
}


.search-wrapper input:focus{
	box-shadow: none;
/*
	border: none;
	outline: none;
*/
}

.search-wrapper button{
	position: absolute;
	top: 5px;
	right: 5px;
	height: 38px;
	width: 38px;
}

section {
	padding: 40px 0;
}

.countries .countires-list {
	padding: 0 20px;
}
.countries .countires-list .country-flag {
	/*padding-left: 30px;*/
	background-repeat: no-repeat;
	background-position: 0.75rem center;
	background-size: 20px;
	white-space: nowrap;
}
.countries .countires-list .country-flag a {
	padding-left: 30px;
}

.cards {
	padding: 60px 0 40px;
	background-color: #F1F2F4;
}
.cards .card {
	border: 0;
	background: none;
	align-items: center;
	text-align: center;
	display: flex !important;
	padding-bottom: 60px;
}
.cards img {
	max-width: 133px;
	margin-bottom: 40px;
}
.cards .card-title {
	font-size: 1.7rem;
	margin-bottom: 20px;
}

.top-locations {
	padding: 60px 0 40px;
	background-color: #F1F2F4;
}
.top-locations .card-wrapper {
	padding-top: 28px;
	padding-bottom: 28px;
	margin: 0 7px;
}
.top-locations .card {
	background-color: #FFFFFF;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	padding: 20px;
	margin-bottom: 40px;
}
.top-locations .card img {
	border-radius: 10px;
	margin-top: -48px;
	max-width: 100%;
	/*height: 200px;*/
	height: 30vh;
	object-fit: cover;
}

.breadcrumber {
	padding: 40px 0 15px;
	background-color: #F1F2F4;
}
.breadcrumber ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.breadcrumber li {
	display: inline;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: 0.06em;
	color: #757D8A;
	text-transform: capitalize;
}
.breadcrumber li:not(:last-child):after {
	display: inline;
	content: "/";
	padding: 0 1em;
}
.image-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	/*max-width: 1440px;*/
	margin: 0 auto;
}
.image-bg h1  {
	font-weight: 600;
	color: #fff;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
	             0px 8px 13px rgba(0,0,0,0.1),
	             0px 18px 23px rgba(0,0,0,0.1);
}
.image-bg a {	
	color: #fff;
}
.image-bg .image-attrib {
	font-size: 0.9rem;
	color: #fff;
	margin-bottom: -10px;
	text-align: right;
	text-shadow:
	    -1px -1px 0 #000,
	     0   -1px 0 #000,
	     1px -1px 0 #000,
	     1px  0   0 #000,
	     1px  1px 0 #000,
	     0    1px 0 #000,
	    -1px  1px 0 #000,
	    -1px  0   0 #000;
}

.locations h2 {
	/*font-size: 4.8rem;*/
	font-weight: 600;
	text-transform: uppercase;
	color: #286EE9;
}
.locations a {
	display: block;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 171%;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.locations .block {
	margin-bottom: 40px;
}


.meters {
	padding: 80px 0;
	background-color: #F1F2F4;
}
.meters .meter {
	text-align: center;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 150%;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.meters .meter span {
	display: block;
	font-weight: 500;
	font-size: 2.6rem;
	text-transform: capitalize;
	line-height: 150%;
}

.pagination {
	justify-content: center;
}

.pagination ul {
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.pagination li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	font-size: 1.6rem;
	background-color: #FFF;
	border: 1px solid #F5F5F5;
	border-radius: 3px;
	margin: 3px 3px 3px 0;
}
.pagination li.active {
	border: 1px solid #286EE9;
}
.pagination li.active a {
	color: #286EE9;
}
.pagination li a {
	text-decoration: none;
	margin: 0;
	display: flex;
	justify-content: center;
	height: 100%;
	align-items: center;
	width: 100%;
}
.pagination li:hover a{
	color: #fff;
}
.pagination li:hover {
	background-color: #286EE9;
	cursor: pointer;
}

.jobs {
	padding: 10px 0;
	background-color: #fff;
}
.jobs .breadcrumber {
	padding: 0;
	background: none;
}
.jobs .block {
	background-color: #FFF;
	padding: 20px;
}
.jobs form {
	padding: 0;
	margin: 0;
}
.jobs .form-control {
	background-color: #FFFFFF;
	border: 1px solid #BFC2CC;
	border-radius: 5px;	
	font-size: 1.5rem;
	height: 44px;
	margin-bottom: 10px;
}

.jobs .btn-filter {
	width: 44px;
	height: 44px;
	background-color: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 50px;
	color: #286EE9;
	background: #fff url("/img/icons/ico-filter-blue.png") no-repeat 14px center;
}
.jobs .btn-filter:hover, .btn-filter.active {
	color: #fff;
	background: #1649A2 url("/img/icons/ico-filter-white.png") no-repeat 14px center;
}

.jobs .filters {
	margin: 20px 0;
}
.jobs .filters ul {
	margin: 0;
	padding: 0;
}
.jobs .filters .form-check {
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.jobs .filters label {
	text-transform: capitalize;
}
.jobs .filters .more-values {
	color: #286EE9;
	text-transform: capitalize;
	font-size: 1.2rem;
	font-weight: 500;
}


.jobs .filters .offcanvas-header {
	border-bottom: 1px solid rgba(191, 194, 204, 0.4);
	position: relative;
}
.jobs .filters .offcanvas-header h5 {
	margin: 0;
}
.jobs .offcanvas-header .btn-close {
	position: absolute;
	right: 1rem;
	top: 1.5rem;
}
.jobs .filters .offcanvas-body {
	flex-grow: 0;
}
.jobs .filters .more-values {
	display: none;
}
.jobs .filters select {
	width: 100%;
	font-size: 1.4rem;
	height: 44px;
	background-color: #FFF;
	border: 1px solid #BFC2CC;
	border-radius: 5px;
	margin-bottom: 25px;
}
.jobs .filters option {
	line-height: 129%;
	color: #575B6D;
}

.jobs .filter-buttons {
	position: absolute;
	bottom: 0;
	padding: 13px 20px;
	border-top: 1px solid rgba(191, 194, 204, 0.4);
}
.btn-clear {
	font-size: 1.4rem;
	font-weight: 500;
	color: #286EE9;
	padding: 0 37px
	height: 44px;
	min-width: 160px;
}
.btn-clear:hover {
	color: initial;
}
.btn-apply {
	min-width: 160px;
	padding: 0 37px;
	height: 44px;
	background-color: #286EE9;
	border-radius: 22px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
}

.jobs  .jobs-found p {
	color: #000;
	margin: 0;
}
.jobs  .sort-by {
	flex-wrap: nowrap;
	display: flex;
	align-items: center;
}
.jobs  .sort-by label, .jobs  .sort-by select {
	font-size: 1.4rem;
	display: inline;
	white-space: nowrap;
}
.jobs  .sort-by label {
	font-weight: 500;
	margin-right: 17px;
}
.jobs .input-group {
	align-items: center;
}
.jobs select {
	border: 1px solid #BFC2CC !important;
	border-radius: 5px
}

.jobs .job {
	border-top: 1px solid #BFC2CC;
	padding: 14px 0 25px;
}
.jobs .job .left {
	font-size: 1.2rem;
}
.jobs .job .left a {
	color: #286EE9;
}
.jobs .job .left span {
	color: #757D8A;
}
.jobs .job .right {
	font-size: 1.2rem;
	color: #757D8A;
	text-align: left;
	text-transform: capitalize;
}


.job-single {
	padding: 0;
}
.job-single .block {
	border-radius: unset;
}
.job-single .job {
	border: 0;
}
.job-single .job_company, .job-single .job_created, .job-single .job_location {
	margin-bottom: 10px;
}
.job-single h3 {
	border-bottom: 1px solid #BFC2CC;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.job-single .job_location {
	padding-bottom: 10px;
}
.job-single .description {
	border-top: 1px solid #BFC2CC;
	padding-top: 30px;
}

.job-single .block2 {
	background-color: #fff;
	padding: 20px 30px;
	border: 1px solid #BFC2CC;
	
}
.job-single .details h5 {	
	font-size: 1.5rem;
	font-weight: 500;
	text-transform: none;
	margin: 30px 0 5px 0;
}
.job-single .details p {
	font-size: 1.5rem;
	font-weight: 400;
	color: #757D8A;
}


footer {
	padding: 30px 0;
}
footer .links {
	list-style: none;
	padding: 0;
	margin: 0;
}
footer .links li {
	margin-bottom: 20px;
}
footer a {
	color: #777;
}
footer .links a {
	font-size: 1.4rem;
	text-transform: uppercase;
	color: #323232;
}
footer p {
	color: #777;
	font-size: 1.2rem;
	margin-top: 20px;
}


.btn-search {
	width: 100%;
	background-color: #286EE9;
	border-radius: 100px;
	height: 45px;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 129%;	
	color: #fff;
}



.search {
	padding-bottom: 60px;
}

.search h1, .search p {
	margin-bottom: 30px;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin-left: 0;
}
.search .form-control {
	height: 45px;
	width: 100%;
	background-color: #FFF;
	border: 1px solid #DCDCDC;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 129%;
	color: #000;
	margin-bottom: 5px;
	padding: 0 22px;
	border-radius: 100px !important;
}
.search input::placehoder {
	color: #757D8A;
}

.search h5 {
	margin-top: 100px;
}
.search .portals {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
.search .portal {
	height: 52px;
	min-width: 106px;
	background-color: #FFF;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
	display: flex;
	align-items: center;
	justify-content: center;
	mix-blend-mode: luminosity;
	margin-bottom: 10px;
}



/* Slider */
.slick-slider {
	margin: 0 !important;
}
.slick-dots {
	display: block;	
	position: relative;
	list-style-type: none;
	margin: -10px auto 30px;
}
.slick-dots li {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #000000;
	opacity: 0.3;
	margin: 0 8px;
}
.slick-dots li.slick-active {
	opacity: 1;
}

.slider-arrow {
	width: 26px;
	height: 26px;
	border: 1px solid #B7B7B7;
	border-radius: 50%;
	font-size: 1.2rem;
	color: #323232;
	margin: 0 4px;
}


/* Select with Images */
.dd-container {
	position: initial;
}
footer .dd-container {
	position: relative;
}
.dd-selected {
	padding: 10px 15px;
	background: inherit;
	border: 0;
	outline: none;
	font-weight: normal;
	display: flex;
	margin-left: auto;
	margin-right: 10px;
	width: auto;
}
.dd-selected label {
	font-size: 1.4rem;
	line-height: 1 !important;
	display: none;
}
.dd-select {
	border: 0;
	height: 20px;
	display: flex;
	align-items: center;
}
.dd-options {
	padding: 0;
	list-style: none;
	border: 1px solid #aaa;
	margin-top: 10px;
	overflow: auto;
	max-height: 90vh;
	max-width: calc(100vw - 20px);
	left: 10px;

	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}
footer .dd-options {
	left: -80%;
	bottom: 30px;
	width: 200%;
}
.dd-options li:first-child {
	display: none;
}

.dd-option-image, .dd-selected-image {
	margin-right: 10px !important;
}
.dd-option-selected {
	background-color: #F9FDFF !important;
}

.dd-pointer {
	width: 12px !important;
	height: 12px !important;
	background: url("/img/layout/arrow-down-select.svg") no-repeat right center;
	border: 0 !important;
	margin: 0;
	transform: translateY(-50%);
}
.dd-pointer-up {
	background: url("/img/layout/arrow-up-select.svg") no-repeat right center;
}

.dd-option-text {
	font-size: 1.5rem;
	line-height: 1.6em !important;
}
.dd-option {
	border: 0;
	padding: 5px 10px;
	display: flex;
	align-items: center;
}
.dd-option:hover, .dd-option-text:hover {
	cursor: pointer !important;
}

.contact label, .contact input, .contact textarea {
	font-size: 2rem;
}
.static {
	font-size: 2rem;
}