*, *::before, *::after {box-sizing: border-box;}
* {margin: 0;}
html, body {height: 100%;}
body {line-height: 1.5;-webkit-font-smoothing: antialiased;}
img, picture, video, canvas, svg {display: block;max-width: 100%;}
input, button, textarea, select {font: inherit;}
p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}
#root, #__next {isolation: isolate;}

.container{max-width: 1110px; margin: auto; position: relative;  text-align: left}
.container {margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;width: 100%;}

html{font-size: 16px; line-height: 1.5; font-family:'Exo 2',Arial CE,Ariel,sans-serif; text-rendering: optimizelegibility;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth;}
html,body{margin:0; padding:0; width: auto!important; overflow-x: hidden;}
article,aside,footer,header,nav,section {display: block;}
a {background-color: transparent; -webkit-text-decoration-skip: objects;}
h1, h2, h3, h4 {color: #20234c;}
b,strong {font-weight: inherit;}
b,strong {font-weight: bolder;}
img {border-style: none;}
*{text-rendering: optimizeLegibility;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;word-wrap:break-word;}
*, *::after, *::before {box-sizing: border-box;}

section {padding-bottom: 3rem;}
.hr--perex {padding-top: 3rem;}
p {line-height: 1.5;margin-bottom: 0;}
h2 {font-size: 2rem;font-weight: 300;padding: 2rem 0;line-height: 1.3;}
.hr--numbers h2 {text-align: center;}


/*header */
.slider--header figure.img1 {
	background: url('../img/header-desktop-1920.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.header__info {
	width: 100%;
	padding: 1.5rem 2rem;
	left: 0;
	bottom: 0;
}

.header__info h1 {
	font-weight: 700;
}

.header__info h1 span {
	font-size: 1.75rem;
	font-weight: 400;
}
.topEmployer-badge img {
	width: 100%;
	max-width: 105px;
	border: 2px solid #ffffff;
	border-radius: 50%;
}
.topEmployer-badge_lg img {
	display: block;
	position: absolute;
	right: 16px;
}

.topEmployer-badge_lg_2021 img {
	bottom: 40px;
}
.topEmployer-badge_lg_2022 img {
	bottom: 160px;
}
.topEmployer-badge_lg_2023 img {
	bottom: 280px;
}
.container-badges_sm {
	display: none;
}


.yellow-btn {background: #ffed00;color: #20234b;font-size: 1.25rem;text-transform: uppercase;font-weight: 700;padding: 0.875rem 2.5rem;text-align: center;text-decoration: none;margin: 0 auto;display: block;max-width: 225px;transition: all 0.3s ease 0s;}
.yellow-btn:hover, .yellow-btn:focus {box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);}


.image-grid {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 2.5rem;justify-items: center;}
.image {position: relative;}

.image-caption-overlay {
	position: absolute;
	top: 20%;
	left: 37%;
	transform: translate(-50%, -50%);
	/*background-color: rgba(255, 255, 255, 0.7);*/
	margin: 0;
	color: #20234b;
	font-size: 1.25rem;
	line-height: 1.3;
	max-width: 320px;
}

img {display: block;max-width: 100%; }
section.hr--benefits {background-color: #f3f8fd;margin-bottom: 3rem;}
section.hr--numbers {background-color: #f3f8fd;margin-bottom: 3rem;}

.benefits-wrap {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 1rem 5rem;grid-auto-flow: row;}
.benefits-item {display: flex;align-items: center;justify-content: start; padding: 8px;}
.benefits-item img {width: 100%;max-width: 2.125rem;margin-right: 1.5rem;}
.benefits-item span {margin: 0;font-size: 0.875rem;line-height: 1.4;font-weight: 600;color: #20234b;}


.bg-m {height: 35px;}
.dk-wrap {display: flex;align-items: center;justify-items: center;justify-content: center;gap: 5rem;}
.dk-text {display: flex;flex-direction: column; max-width: 320px;}
.dk-text p:first-child {font-style: italic; font-weight: 600;padding-bottom: 2rem;}
.dk-text p:last-child {font-weight: 600;}
.dk-text p:last-child span {display: block;font-weight: 400;}
.dk-img {display: flex;justify-content: flex-end; align-items: flex-start;}
.dk-img img {max-width: 100%;height: auto;width: 300px;}


/*contacts*/
.contacts--flex {width: 100%; display: flex; justify-content: space-between;}
.contacts--flex > div {width:47.2%;}
.contacts--flex img {float: left; margin-right: 25px;}
.contacts--profile {background: #f3f8fd; padding: 20px; margin-top: 93px;}
.contacts--profile p {margin-bottom: 10px; color: #000000;}
.contacts_tel:before {content: "\f095"; font-family: "Font Awesome 5 Pro"; font-weight:300; font-size: 1.25rem; margin-right: 18px; color: #20234c;}
.contacts_mail:before {content: "\f0e0"; font-family: "Font Awesome 5 Pro"; font-weight:300; font-size: 1.25rem; margin-right: 20px; color: #20234c;}
.contacts--profile h4 {color: #20234c;padding-bottom: 0.5rem;}
.contacts_tel a,  .contacts_mail a {text-decoration: none;color: #000000;}
.contacts_tel a:hover,  .contacts_mail a:hover {text-decoration: underline;}


/*
.counter-item {
    width: 140px;
    height: 140px;
    background: #ebf1f7;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin: 0 35px;
}

.counter-item-txt {
    line-height: 110%;
    color: #2a4d66;
    font-size: 2.125rem;
    font-weight: 800;
}
*/

.counter--wrap {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 3rem;grid-auto-flow: row;align-items: center;justify-items: center;}
.counter-item {width: 140px;height: 140px;background: #fff;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%; position: relative;}
.counter-item--txt {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 1.875rem;font-weight: 700;color: #20234c;text-align: center;}

.item--txt-sub {display: block;font-size: 0.875rem;text-align: center;font-weight: 300;line-height: 1.1;}
.hr--offices p:last-child, .hr--freetime p:last-child {padding-bottom: 3rem;}
.pd-t0 {padding-top: 0;}


/* galleries edit */
.slick-prev, .slick-next {z-index: 99;}
.slider--gal {padding: 0 !important;margin-left: -3px;}
.slick-prev {left: 25px !important;}
.slick-next {right: 25px !important;}
.slick-slide {padding: 0px 3px;}


@media only screen and (max-width: 1099px){
	.image-caption-overlay {top: 60px;left: 130px;max-width: 220px;font-size: 1.125rem;}
	.image-grid {grid-gap: 1.5rem;}
}


@media only screen and (max-width: 1050px){
	.contacts--profile {padding: 10px;margin-top: 131px;}
	.contacts_tel:before {font-size: 1rem;margin-right: 10px;}
	.contacts_mail:before {font-size: 1rem;margin-right: 10px;}
	.contacts_tel a, .contacts_mail a {font-size: 0.875rem;}
}


@media only screen and (max-width: 991px){
	.image-caption-overlay {top: 40px;left: 135px;max-width: 225px;font-size: 1rem;}
	.benefits-wrap {grid-gap: 1rem 3rem;}
	.benefits-item {padding: 5px;}
}


@media only screen and (max-width: 950px){
	.contacts--flex {display: table;}
	.contacts--flex > div:first-child {padding-bottom: 3rem;}
	.contacts--flex > div {width: 100%;}
	.contacts--flex img {margin-top: -132px;}
	
}


@media only screen and (max-width: 780px) {
	.header__info {width: 100% !important;}
}


@media only screen and (max-width: 768px){
	.image-grid {grid-template-columns: repeat(1, 1fr);grid-gap: 1.5rem;}
	.image-caption-overlay {top: 40px;left: 170px;max-width: 300px;font-size: 1.125rem;}
	.benefits-wrap {display: grid;grid-template-columns: repeat(2, 1fr);}
	.dk-wrap {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 3rem;}
	h2 {font-size: 1.75rem;}
	.counter--wrap {grid-template-columns: repeat(2, 1fr); grid-gap: 2rem 1rem;}
	.slick-slide {padding: 0;}
	.slider--gal {margin-left: 0;}
}


@media only screen and (max-width: 768px) {
	.header__info {
		padding: 2rem 0;
		bottom: 0 !important;
	}
	.container-badges_lg .topEmployer-badge {
		display: none;
	}
	.container-badges_sm {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 2rem;
		margin: 1rem 0;
	}
	.topEmployer-badge_sm {
		margin: 0 auto;
	}
	.container-badges_sm {
		padding: 0 5rem;
	}
	
	.container-badges_sm {padding-top: 2rem;}
}



@media only screen and (max-width: 600px){
	.dk-text {font-size: 0.875rem;}
}



@media only screen and (max-width: 550px) {
	.header__info h1 {font-size: 1.75rem;}
	.header__info h1 span {font-size: 1.5rem;}
}



@media only screen and (max-width: 480px){
	.image-caption-overlay {top: 24%;left: 37%;max-width: 100%;font-size: 1rem;}
	.image-caption-overlay.co-01 {top: 22%;}
	.benefits-item img {max-width: 2rem;margin-right: 1rem;}
	.benefits-wrap {grid-gap: 1rem 2rem;}
	.benefits-item span {font-size: 0.8125rem;line-height: 1.35;}
	.dk-wrap {grid-template-columns: 1fr;grid-gap: 2rem;justify-items: left;}
	.dk-text p:first-child {padding-bottom: 1.5rem;}
	.contacts--flex img {margin-top: -60px;max-width: 120px;}
	.contacts--profile {margin-top: 4rem;}
	.contacts--profile h4 {font-size: 1rem;}
	.contacts--flex img {margin-right: 10px;}
	.contacts--flex > div:first-child {padding-bottom: 1rem;}
	.contacts_tel a, .contacts_mail a {font-size: 0.8125rem;}
	.hr--perex {padding-top: 2rem;}
	.container-badges_sm {padding: 0 15px;}
	.header__info {padding: 1rem 0;}
	.header__info h1 {font-size: 1.625rem;}
}


@media only screen and (max-width: 380px){
	.image-caption-overlay {top: 28%;}
}