:root {
	--border-color: #e0e0e0;
	--border-box-offer: #b8b9b9;
	--background-box: #4ba3c3;
	--color-red: #ed1744;
	--color-font: #303030;
	--color-white: #fff;
	--font-regular: 400;
	--font-medium: 500;
	--font-bold: 600;
	--font-montserrat: 'Montserrat', sans-serif;
	--h2-size-title: 3.4rem;
	--h2-offer-size-title: 3.2rem;
	--img-size-logo: 140px;
	--margin-top-even: -6rem;
	--opacity-btn: 0;
	--p-size: 1.6rem;
	--padding-btn: 0.7rem 3.6rem;
	--padding-row-offer: 8rem 1.5rem;
	--top-info-offer: 8%;
	--strong-size: 1.8rem;
	--size-btn: 1.4rem;
	--size-info-offer: 1.7rem;
	--size-btn-offer: 2rem;

	/* modal custom properties */
	--size-h2-modal: 3rem;
  --align-items: center;
  --display-big-img: inline-flex;
  --padding-modal-box: inherit;
  --padding-wrapper-modal: 3rem 3rem 3rem 0;
  --overflow-modal-box: inherit;
  --width-wrapper-modal: 100%;
  --width-form-box: 55%;
  --label-color: #3a3a3a;
  --color-inputs: #7e7e7e;
  --color-red-error: #d81e1e;
  --background-inputs: #e3e3e3;
  --success-color: #00d166;
  --color-p-modal: #7d7d7d;
  --width--form: 20rem;
  --color-title-min-modal: #02306a;
  --color-p-min-modal: #5c5c5c;
  --align-modal-box: center;
}
@media (max-width: 1480px) {
	:root {
		--padding-modal-box: 3rem 0;
    --overflow-modal-box: auto;
    --padding-wrapper-modal: 3rem 3rem 3rem 0;
		--align-modal-box: flex-start;
	}
}
@media (max-width: 1024px) {
	:root {
		--opacity-btn: 1;
		--top-info-offer: 0;
		--size-info-offer: 1.5rem;
		--size-btn-offer: 1.8rem;
	}
}
@media (max-width: 768px) {
  .modal-box__wrapper-modal {
    height: auto !important;
  }
	:root {
		--img-size-logo: 80%;
    --width-form-box: 100%;
    --width-wrapper-modal: 90%;
	}
  .modal-box__big-img {
    display: none;
  }
}
@media (max-width: 600px) {
	:root {
    --size-h2-modal: 2.8rem;
		--h2-size-title: 2.8rem;
		--h2-offer-size-title: 2.6rem;
		--size-btn: 1.6rem;
		--margin-top-even: 0;
		--padding-btn: 0.7rem 2.5rem;
		--padding-row-offer: 11rem 1.5rem;
    --padding-wrapper-modal: 5rem 1.5rem 4rem 1.5rem;
	}
  .file-upload-button {
    font-size: 1.4rem !important;
  }
  .file-upload-button img {
    display: none !important;
  }
  .file-upload-button {
    padding: 1.1rem 1rem !important;
  }
}
.breadcrumb-form {
  padding-top: 90px !important;
}
.modal-box {
	position: fixed;
  top: 0;
  padding: var(--padding-modal-box);
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 99999999;
  display: flex;
  justify-content: center;
  align-items: var(--align-modal-box);
  overflow: var(--overflow-modal-box);
}
.modal-box .hidden-cap {
  position: fixed;
  width: 100%;
  height: 100%;
}
.modal-box__wrapper-modal {
  position: relative;
  width: var(--width-wrapper-modal);
  max-width: 90vw;
  background: var(--color-white);
  border-radius: 2rem;
  padding: 0;
  font-size: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
  height: 90vh;
}
.inputs {
	max-width: 100% !important;
}
.data-show-info {
	max-height: 400px;
	overflow: auto;
	margin-bottom: 20px;
	position: relative;
	    padding: 10px 0;
}
.frm_vacant {
	margin-top: 1em;
}
.modal-box__wrapper-modal--gratitude {
	padding: 7rem 3.5rem;
	width: var(--width-wrapper-modal);
  max-width: 70.8rem;
  display: none;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.modal-box__wrapper-modal--gratitude h2 {
	font-size: var(--h2-size-title);
	font-weight: var(--font-bold);
	font-family: var(--font-montserrat);
	color: var(--color-title-min-modal);
	margin-bottom: 3rem;
}
.modal-box__wrapper-modal--gratitude p {
	font-size: 1.7rem;
	font-weight: var(--font-regular);
	font-family: var(--font-montserrat);
	color: var(--color-p-min-modal);
	margin-bottom: 3rem;
}
.modal-box__wrapper-modal .close {
  position: absolute;
  top: 0;
  right: 1rem;
  font-size: 6rem;
  outline: none;
  font-weight: lighter;
  color: #00d166;
}
.modal-box__big-img {
  width: 50%;
  flex: 1;
	max-height: 100%;
}
.modal-box__big-img img {
	width: 94%;
	height: 100%;
	object-fit: cover;
}
.modal-box__form-box {
  display: inline-flex;
  width: var(--width-form-box);
  flex-direction: column;
  padding: var(--padding-wrapper-modal);
  padding-top: 3rem;
  overflow: auto;
}
.modal-box__form-box h2 {
	font-family: 'D-DIN';
	    font-size: 3.3rem;
	    color: #374f5b;
	    text-align: left;
	    text-transform: uppercase;
}
.modal-box__form-box h2:before {
  content: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: .3rem;
  height: 83%;
  background: var(--color-red);
}
.modal-box__form-box p {
	font-family: 'Montserrat', sans-serif;
	    font-size: 1.3rem;
	    color: #4f4f4f;
}
.form-valid__puts {
  margin-bottom: 1.3rem;
}
.form-valid__inner-field-error {
  position: relative;
}
.form-valid label {
  font-family: var(--font-monserrat);
  font-weight: var(--font-regular);
  font-size: 1.4rem;
  color: var(--label-color);
  line-height: 1;
  margin-top: .3rem;
}
.form-valid .parent-error {
  position: relative;
  overflow: auto;
}
.form-valid__inner-field {
  position: relative;
  -webkit-transition: all .1s ease-in;
  -moz-transition: all .1s ease-in;
  -ms-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  transition: all .1s ease-in;
  background: var(--background-inputs);
  background-color: var(--background-inputs);
  border-radius: .5rem;
}
.form-valid .parent-error:before {
  content: "";
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 1.5rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.form-valid .error-con:before, .form-valid .error-con:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.form-valid .error-con:before, .form-valid .error-con:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.form-valid .draw:before, .form-valid .draw:after {
  border: .2rem solid transparent;
  width: 0;
  height: 0;
}
.form-valid .draw:before, .form-valid .draw:after {
  border: .2rem solid transparent;
  width: 0;
  height: 0;
}
.form-valid .draw:before {
  top: 0;
  left: 0;
}
.form-valid .draw:after {
  bottom: 0;
  right: 0;
}
.form-valid .draw {
  position: relative;
  -webkit-transition: color .25s;
  transition: color .25s;
  z-index: 2;
}
.form-valid input, .form-valid textarea {
	width: 100%;
	    background: none;
	    box-shadow: none;
	    border: solid 0rem #c1c1c1;
	    border-radius: 0;
	    background: transparent;
	    background-color: transparent;
	    height: auto;
	    border-radius: .5rem;
	    font-size: 1.4rem;
	    color: var(--color-inputs);
	    font-family: var(--font-monserrat);
	    font-weight: 100;
	    padding: 1.3rem 2rem;
	    outline: none;
			    font-family: var(--font-montserrat);
}
.form-valid .messages_errors {
  color: var(--color-red-error) !important;
  font-family: var(--font-monserrat);
  font-weight: 400;
  font-size: 1rem;
  position: relative;
  top: 0;
  padding-left: .5rem;
  padding-right: .3rem;
  width: 100%;
  margin-bottom: 0;
  text-align: left;
  display: none;
}
.form-valid .color-error {
  color: var(--color-red-error) !important;
}
.form-valid .color-success {
  color: var(--success-color) !important;
}
.form-valid .error-line {
  color: var(--color-red-error);
}
.form-valid .error-line:before, .form-valid .error-line:after {
  width: 100%;
  height: 100%;
}
.form-valid .error-line:before {
  border-top-color: var(--color-red-error);
  border-right-color: var(--color-red-error);
  -webkit-transition: width .25s ease-out,height .25s ease-out .25s;
  transition: width .25s ease-out,height .25s ease-out .25s;
  border-radius: .5rem;
}
.form-valid .error-line:after {
  border-bottom-color: var(--color-red-error);
  border-left-color: var(--color-red-error);
  -webkit-transition: border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s;
  transition: border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s;
  border-radius: .5rem;
}
.form-valid .error-line--success-line:before {
  border-top-color: var(--success-color);
  border-right-color: var(--success-color);
  -webkit-transition: width .25s ease-out,height .25s ease-out .25s;
  transition: width .25s ease-out,height .25s ease-out .25s;
  border-radius: .5rem;
}
.form-valid .error-line--success-line:after {
  border-bottom-color: var(--success-color);
  border-left-color: var(--success-color);
  -webkit-transition: border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s;
  transition: border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s;
  border-radius: .5rem;
}
.form-valid .parent-error--error:before {
  background-image: url(../img/error.svg);
}
.form-valid .parent-error--success:before {
  background-image: url(../img/check.svg);
}
.select-style {
	margin: var(--margin-select);
	font-size: 1.4rem;
	color: var(--color-inputs);
	font-family: var(--font-montserrat);
	font-weight: normal;
	width: var(--width-select);
	height: auto;
	border-radius: .5rem;
	text-align: left;
	text-align-last: left;
	overflow: hidden;
	border: solid .1rem #c1c1c1;
	background-color: var(--background-inputs);
	background-image: url(../img/arrow-select.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 4.4rem;
	-webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.select-style select {
  padding: 0;
  padding-left: 2rem;
  line-height: 4.6rem;
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  color: var(--color-inputs);
  font-family: var(--font-montserrat);
}
.form-valid .terms {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 1rem;
}
.modal-box__form-box ul li {
  position: relative;
  font-family: var(--font-monserrat);
  font-weight: var(--font-regular);
  font-size: 1.4rem;
  color: var(--color-silver-light2);
  margin-bottom: .5rem;
}
.form-valid__terms li {
  display: flex;
  flex-direction: column;
}
.form-valid__check-box {
  display: flex;
}
.form-valid .styled-checkbox {
	position: absolute;
  opacity: 0;
  width: 0% !important;
}
.form-valid .styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-family: var(--font-monserrat);
  font-weight: 300;
  font-size: 1.7rem;
  color: #000;
  font-weight: normal;
}
.form-valid .styled-checkbox + label:before {
  content: "";
  margin-right: 1rem;
  display: inline-block;
  vertical-align: text-top;
  background: #fff;
  border: .1rem solid #000;
}
.form-valid___check + label:before {
  width: 1.5rem;
  height: 1.5rem;
  border: .2rem solid #000;
  border-radius: 100%;
  position: relative;
  left: .1rem;
}
.form-valid___check:checked + label:after {
  content: "";
  position: absolute;
  top: -.1rem;
  left: 0;
  width: 1.7rem;
  height: 1.7rem;
  background: transparent;
  background-image: url(../img/check-terms.png);
  background-position: center;
  background-size: cover;
  box-shadow: none;
  transform: rotate(0deg);
}
.form-valid .terms .text-check {
  font-family: var(--font-monserrat);
  font-weight: var(--font-regular);
  font-size: 1.4rem;
  color: var(--color-label);
  margin-right: 1rem;
  text-decoration: none !important;
}
.form-valid__terms a {
	color: var(--color-label);
  font-family: var(--font-monserrat);
  font-weight: var(--font-regular);
  font-size: 1.4rem;
  text-decoration: underline;
}
/* file custom */
.custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -999.9rem;
}

.custom-file-upload {
  display: block;
  width: auto;
  font-size: 1.6rem;
}
.custom-file-upload label {
  display: block;
}

.file-upload-wrapper {
  position: relative;
}

.custom-file-upload input {
  width: 57%;
  color: #fff;
  font-size: 1.6rem;
  padding: 0.9rem 1.7rem;
  border: none;
  background: transparent;
  background-color: transparent;
	font-size: 1.8rem;
  color: var(--color-inputs);
  font-family: var(--font-monserrat);
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  float: left;
  border-radius: 0;
  /* IE 9 Fix */
}

.file-upload-button {
	width: 43%;
  cursor: pointer;
  display: inline-block;
  color: var(--color-white);
  font-size: 1.6rem;
  font-family: var(--font-monserrat);
  font-weight: var(--font-light);
  text-transform: uppercase;
  padding: 1.1rem 2rem;
  border: none;
  margin-left: -0.1rem;
  background-color: #00d166;
  float: left;
  /* IE 9 Fix */
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.file-upload-button img {
	width: 2rem;
	height: 2rem;
	margin-left: 1rem;
	object-fit: contain;
}
/* work page */
.work-page {
	width: 100%;
}
/* icons container */
.work-page__container-icons {
	max-width: 80rem;
	margin-top: 3.2rem;
	margin-bottom: 9.8rem;
}
.work-page__container-icons img {
	width: var(--img-size-logo);
}
.work-page__container-icons .row {
	align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--border-color);
}
/* info section */
.work-page__info-section h2 {
	font-family: 'D-DIN';
	font-size: 3.6rem;
	color: #374f5b;
	text-align: left;
	text-transform: uppercase;
}
.work-page__info-section h2:before {
	content: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: .3rem;
	height: 83%;
	background: var(--color-red);
}
.work-page__info-section p {
	font-size: var(--p-size);
  color: var(--color-font);
  font-family: var(--font-monserrat);
  font-weight: var(--font-regular);
  margin-bottom: 1rem;
}
.work-page__info-section p strong {
	font-size: var(--strong-size);
  color: var(--color-font);
  font-family: var(--font-monserrat);
  font-weight: var(--font-bold);
}
.work-page__btn {
	font-weight: bolder;
  position:relative;
  text-align: center;
  padding: 15px 20px;
  color: var(--color-white);
  font-family: var(--font-montserrat);
  font-weight: var(--font-regular);
  font-size: var(--size-btn);
  border-radius: 10rem;
  margin-top: .5rem;
  display: inline-block;
  background: #007dca;
  z-index: 1;
  border: 1px solid #007dca;
  overflow: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.modal-box__wrapper-modal--gratitude .work-page__btn {
	width: 20rem;
}
.work-page__btn--form {
	margin-top: 0;
	margin: inherit;
	height:auto;
	width: var(--width--form);
	font-size: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.4;
}
.select-col {
	margin-top: 0 !important;
}
.work-page__btn:hover{
  color:#0056b3;
  background: var(--color-white);
}
.work-page__btn--offer-btn {
	font-size: 1.5rem;
	padding: 1rem 3rem;
	-webkit-transition: opacity 300ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
	-moz-transition: opacity 300ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
	-o-transition: opacity 300ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
	transition: opacity 300ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
	border: none;
	font-weight: bold;
}
.work-page__btn--offer-btn:hover{
  color: #1782cd;
  background: var(--color-white);
}
.work-page__info-img img {
	width: 100%;
	margin-bottom: 3rem;
}

/* offer section */
.work-page__offer-section {
	width: 100%;
	margin-top: 11rem;
}
.work-page__offer-back {
	position: relative;
	width: 100%;
	/* background-image: url(../img/back-offer.jpg); */
	background-color: white;
	background-size: cover;
	background-position: center;
}
.work-page__offer-section h2 {
	font-family: 'D-DIN';
    font-size: 3.6rem;
    color: #374f5b;
    text-align: left;
    text-transform: uppercase;
}
.work-page__offer-section h2:before {
	content: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: .3rem;
	height: 83%;
	background: var(--color-red);
}
.work-page__row-offer {
	position: relative;
	padding: var(--padding-row-offer);
}
.work-page__row-offer:before {
	content: '';
	position: absolute;
	top: 0;
	left: 9%;
  width: 0;
  height: 0;
  border-left: 68px solid transparent;
  border-right: 68px solid transparent;
  border-top: 37px solid var(--color-white);
  z-index: 2;
}
.work-page__row-offer .row {
	padding: 0 1.5rem;
}
.work-page__col-box-offer {
	width: 100%;
	height: auto;
	background: rgb(0 52 73 / 80%);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	margin: 0;
	border: 0.1rem solid var(--border-box-offer);
	overflow: hidden;
	border-radius: 15px;
	padding: 30px 0px;
}
.work-page__col-info-offer {
	position: relative;
	top: var(--top-info-offer);
	display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.work-page__col-box-offer:hover .work-page__col-info-offer {
	top: 0;
}
.work-page__col-box-offer:hover .work-page__btn--offer-btn {
	opacity: 1;
}
.work-page__col-info-offer img {
	margin-bottom: 1rem;
	height: 5.7rem;
	object-fit: contain;
}
.work-page__col-info-offer h3 {
	color: var(--color-white);
  font-family: var(--font-monserrat);
	font-size: var(--size-info-offer);
	font-weight: var(--font-medium);
	text-align: center;
}
.work-page__col-offer {
	padding: 10px;
}
.work-page__col-offer:nth-of-type(even) {
	margin-top: var(--margin-top-even);
}

@media (max-width: 680px) {
	.work-page__col-icons {
		width: 33.33333%;
	}
}