/* ============= GLOBAL ================ */
/*
Theme Name: Lobbyx
Author: Demchco
Author URI: https://demch.co
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* @font-face {
  font-family: "font888e0f3f1d925d57beaf9cc4a7b80dbc";
  src: url("https://nomail.com.ua/files/eot/888e0f3f1d925d57beaf9cc4a7b80dbc.eot?#iefix")
      format("embedded-opentype"),
    url("https://nomail.com.ua/files/woff/888e0f3f1d925d57beaf9cc4a7b80dbc.woff")
      format("woff"),
    url("https://nomail.com.ua/files/woff2/888e0f3f1d925d57beaf9cc4a7b80dbc.woff2")
      format("woff2");
} */

@font-face {
  font-family: "Mono Social Icons Font";
  src: url("fonts/MonoSocialIconsFont-1.10.eot");
  src: url("fonts/MonoSocialIconsFont-1.10.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/MonoSocialIconsFont-1.10.woff") format("woff"),
    url("fonts/MonoSocialIconsFont-1.10.ttf") format("truetype"),
    url("fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont") format("svg");
  src: url("fonts/MonoSocialIconsFont-1.10.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* @font-face {
  font-family: "SFUIText-Regular";
  src: url("fonts/SF-UI-Text-Regular.ttf") format("truetype");
}

 {
  font-family: "SFUIText-Regular";
} 

@font-face {
  font-family: "SFUIText-Regular";
  src: url("fonts/SF-UI-Text-Regular.ttf") format("truetype");
} */

@font-face {
  font-family: "recht_regular";
  src: local("Recht-Regular"),
    url("fonts/Rech/Recht-Regular.woff2") format("WOFF2"),
    url("fonts/Rech/Recht-Regular.woff") format("WOFF"),
    url("fonts/Rech/Recht-Regular.ttf") format("truetype");
  /* url('fonts/Rech/Recht-Regular.svg') format('SVG'); */
  font-weight: normal;
  font-style: normal;
}

* {
  font-family: "recht_regular";
}

textarea:focus,
input:focus {
  outline: 0;
}

h1 {
  font-size: 1.6em;
  margin-top: 10px;
}

h2 {
  font-size: 1.4em;
  margin-top: 5px;
  margin-bottom: 5px;
}

h3 {
  font-size: 1.2em;
  margin-top: 5px;
  margin-bottom: 5px;
}

h4 {
  font-size: 0.85em;
  margin: 0;
}

h2,
h3,
h4 {
  letter-spacing: 0.04em;
}

h1,
h2,
h3,
h4 {
  display: inline;
}

.centered {
  text-align: center;
}

.uppercase {
  text-transform: uppercase;
}

.white {
  color: white;
}

.bold {
  font-weight: bold;
}

.op-60 {
  opacity: 0.6;
}

.fl-left {
  float: left;
}

.fl-right {
  float: right;
}

.block {
  display: block;
}

.displaynone {
  display: none !important;
}

/* ============== BLOCKS =============== */

.site-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 50;
}

.header-wrapper {
  max-height: 470px;
  position: relative;
  width: 100%;
  height: 50%;
  max-height: 500px;
  background-image: url("images/sky.png");
  background-size: contain;
  background-repeat: repeat-x;
}
@media screen and (max-width: 1500px) {
  .header-wrapper {
    max-height: 500px;
  }
}

@media screen and (max-width: 1365px) {
  .header-wrapper {
    max-height: 400px;
  }
}

@media screen and (max-width: 1200px) {
  .header-wrapper {
    max-height: 340px;
  }
}
@media screen and (max-width: 1126px) {
  .header-wrapper {
    max-height: 340px;
  }
}

/* @media screen and (max-width: 1365px) {
  .header-wrapper {
    max-height: 330px;
  }
} */

.country-usa .header-wrapper,
.country-russia .header-wrapper {
  background-image: url("images/sky-red-blue.png");
}

.country-poland .header-wrapper,
.country-canada .header-wrapper {
  background-image: url("images/sky-red.png");
}

.main-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  background: #262b2e;
  overflow: hidden;
}

.footer-wrapper {
  position: relative;
  width: 100%;
  height: 15%;
  background: #262b2e;
  padding-bottom: 0.5%;
}

.footer-sub-wrapper {
  width: 100%;
  height: 100%;
  background: url("images/bottom.svg") left bottom repeat-x;
  background-size: 5%;
}

.country-usa .footer-sub-wrapper {
  background: url("images/bottom-US.svg") left bottom repeat-x;
  background-size: 5%;
}

.country-russia .footer-sub-wrapper {
  background: url("images/bottom-RU.svg") left bottom repeat-x;
  background-size: 5%;
}

.country-poland .footer-sub-wrapper {
  background: url("images/bottom-PL.svg") left bottom repeat-x;
  background-size: 5%;
}

.country-canada .footer-sub-wrapper {
  background: url("images/bottom-CA.svg") left bottom repeat-x;
  background-size: 5%;
}

.infopage-back {
  background: #262b2e;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.infopage-content,
.singlepage-content {
  width: 50%;
  min-width: 300px;
  padding: 20px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  margin-top: -200px;
}
.site-wrapper.privacy-policy {
  height: auto;
}

.privacy-policy .infopage-content,
.privacy-policy .singlepage-content {
  margin-top: 0;
  padding-top: 200px;
}
.privacy-policy h1 {
  padding-bottom: 30px;
  display: block;
}
.infopage-content h1 {
  margin-bottom: 20px;
}

.infopage-content p {
  margin-top: 20px;
  margin-bottom: 20px;
}

.footer-widget {
  font-size: 0.9em;
  text-align: right;
}

/* =========== HEADER ============ */

.header-graphics {
  width: 100%;
  height: 100%;
  position: relative;
}

#sun {
  background: url("images/sun.png") center bottom no-repeat;
  background-size: contain;
}

.country-usa #sun,
.country-russia #sun {
  background: url("images/sun-red-blue.png") center bottom no-repeat;
  background-size: contain;
}

.country-poland #sun {
  background: url("images/sun-red.png") center bottom no-repeat;
  background-size: contain;
}

#city {
  /* background: url('images/') center bottom no-repeat; */
  background-size: contain;
  position: absolute;
  /*margin-top: 3%;*/
}

.cityimg {
  position: absolute;
  bottom: -0.5%;
  width: 100%;
}

#cloud-r {
  background: url("images/cloud-r-opaque.svg") right bottom no-repeat;
  background-size: 60%;
}

#cloud-l {
  background: url("images/cloud-l-opaque.svg") left bottom no-repeat;
  background-size: 55%;
}

#cloud-c {
  background: url("images/cloud-c-opaque.svg") center bottom no-repeat;
  background-size: 80%;
}
.header-home .hdr-top-info {
  /*border: 1px dotted red;*/
  position: relative;
  width: 60%;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1366px;
}
.header-home .info-button,
.header-home .lang {
  display: inline-block;
  vertical-align: top;
  position: relative;
  /* top: 50%; */
  transform: translateY(0%);
  -webkit-transform: translate(0, 0%);
}
.hdr-top-info {
  position: relative;
  width: 60%;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1%;
  height: 40px;
}
.hdr-logo {
  /*border: 1px dotted red;*/
  width: 30%;
  min-width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7%;

  z-index: 1;
  position: relative;
}

@media (max-width: 1700px) {
  .hdr-logo {
    width: 26%;
  }
}

.symbol,
a.symbol:before,
.symbol li a:before {
  font-family: "Mono Social Icons Font";
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  padding-left: 3px;
}

a.symbol:before,
.symbol li a:before {
  /*content: attr(title);*/
  font-size: 130%;
}

/*#hdr-text {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}*/

ul#menu-social-menu,
ul#menu-social-menu-1,
ul#menu-social-menu-pl,
ul#menu-social-menu-pl-1 {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

ul#menu-social-menu li,
ul#menu-social-menu-1 li,
ul#menu-social-menu-pl li,
ul#menu-social-menu-pl-1 li {
  display: inline;
}

ul#menu-social-menu li a,
ul#menu-social-menu-1 li a,
ul#menu-social-menu-pl li a,
ul#menu-social-menu-pl-1 li a {
  color: white;
  text-decoration: none;
  font-size: 1.8em;
  opacity: 0.95;
}

ul#menu-social-menu li a .fa,
ul#menu-social-menu-1 li a .fa,
ul#menu-social-menu-pl li a .fa,
ul#menu-social-menu-pl-1 li a .fa {
  font-size: 20px;
  padding-left: 3px;
}

ul#menu-social-menu li a:hover,
ul#menu-social-menu-1 li a:hover,
ul#menu-social-menu-pl li a:hover,
ul#menu-social-menu-pl-1 li a:hover {
  opacity: 0.6;
}

.hdr-top-info h4,
.info-button,
.lang,
.bottom-info h4 {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translate(0, -50%);
}

.hdr-top-info h4,
.bottom-info h4 {
  margin-right: 1%;
}

.bottom-info {
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  height: 40px;
}
.bottom-info--home {
  height: initial !important;
  width: 100%;
  min-width: 300px;
  margin-top: 35px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 1px solid #5a5a5b;
  padding-top: 50px;
  row-gap: 30px;
}
.bottom-info--home:last-of-type {
  border-top: none;
  padding: 60px 0;
  margin-top: 0px;
}
.bottom-info #menu-footer-menu {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bottom-info #menu-footer-menu .menu-item a {
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  color: #4fadce;
}
.view-less {
  display: none;
}
.hashes__list .h-height .view-less {
  display: block;
}
.info__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  order: 0;
}
.info__col:last-of-type {
  max-width: 325px;
  width: 100%;
}

.info__col .widget-item {
  width: 100%;
}
.info__col h2,
.info__col .widget-item h2 {
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  color: #ffffff;
  text-transform: none;
}
.info__col .widget-item .wysija-input,
.info__col .widget-item .wysija-submit {
  width: 100%;
  font-size: 12px;
}
.info__col .widget-item .wysija-input {
  background: transparent;
  border: 1px solid #7e7f80;
  color: white;
}
.info__col .widget-item .wysija-paragraph,
.info__col .widget-item .wysija-submit {
  width: 100%;
}
.info__col .widget-item h2 {
  margin-bottom: 20px;
}
.info-button {
  color: white !important;
  text-decoration: none !important;
  font-size: 0.9em;
  text-transform: uppercase;
  padding: 10px 20px 10px 20px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.header-home .info-button {
  color: #000000 !important;
  text-decoration: none !important;
  font-size: 0.9em;
  text-transform: uppercase;
  padding: 10px 20px 10px 20px;
  border-radius: 4px;
  background: #f2d580;
  cursor: pointer;
  /* font-weight: 600; */
}

.header-home .vacantion-zsu {
  background-color: white;
}
.header-home .vacantion-zsu:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.social {
  display: flex;
  column-gap: 8px;
  width: auto;
  max-width: 235px;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.bootom-info .social {
  min-height: 26px;
}
.social-item {
  width: 26px;
  height: 26px;
  display: flex;
  background: white;
  border-radius: 50%;
}
.social-item:hover svg {
  opacity: 0.6;
}
.social-item a {
  display: block;
}
.lang_wrapper,
.info-button {
  margin-left: 2%;
}
.vacantion-zsu {
  margin-left: 0;
}
.social-item a svg {
  width: 100%;
  height: 100%;
  fill: #006bad;
  display: block;
}
.bottom-info .social-item a svg {
  fill: #262b2e;
}
.social-item a svg.viber-icon {
  top: 3px;
  left: 3px;
  position: relative;
}
.social-item.social-viber a svg {
  width: 80%;
  height: 80%;
}
.info-wrap {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}
.search-icon {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.widget-item--forms {
  display: flex;
  gap: 44px;
  justify-content: center;
  margin-bottom: 60px !important;
  position: relative;
  z-index: 9;
}
.search-form {
  max-width: 538px;
  width: 100%;
  border: 1px solid #ffffff;
  border-radius: 4px;
  display: flex;
}
.search-form label {
  margin: 0;
  max-width: initial;
  width: 100%;
}
.search-form input {
  width: 100%;
  padding: 10px;
  max-width: initial;
  height: 100%;
}
.search-form button {
  background-color: transparent;
  border: none;
  padding: 10px;
}
.info-wrap--mobile {
  display: none;
}

.info-button:hover,
.info-button:active {
  background: rgba(255, 255, 255, 0.4);
  color: white;
  text-decoration: none;
}

.info-button,
.lang {
  min-height: 25px;
}

.lang i,
div.mltlngg_switcher {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.mltlngg_switcher {
  /*margin-left: 5px;*/
}

.lang i {
  color: white;
  opacity: 0.6;
  font-size: 1.3em;
  width: 23px;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
}
.lang i:hover {
  opacity: 1;
}
.lang-dropdown {
  max-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 16px;
  font-weight: 600;
  color: white;
  transition: all 0.5s;
}
.lang:hover > .lang-dropdown {
  max-height: 200px;
}
.lang svg {
  fill: #fff;
}

ul.language-chooser {
  width: 35px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  text-transform: uppercase;
  margin-left: 5px;
}

ul.language-chooser a,
ul.language-chooser span {
  color: white;
  text-decoration: none !important;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
}

ul.language-chooser a:hover {
  color: white;
}

ul.mltlngg-lang-switch img {
  display: none;
}

ul.language-chooser li {
  width: 35px;
}

ul.language-chooser li:after {
  border-color: #8ecae0 transparent;
  margin-left: 10px;
}

.lang_wrapper:hover li:after,
.lang_wrapper:focus li:after {
  border-color: #8ecae0 transparent;
}

.lang_wrapper {
  z-index: 50;
}

ul.language-chooser > li ul {
  display: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
}

.lang_wrapper:hover ul > li ul,
.lang_wrapper:focus ul > li ul {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.2);
  margin-top: 2px;
  margin-left: -19px;
  display: block;
}

.lang_wrapper:hover ul > li ul:after,
.lang_wrapper:focus ul > li ul:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: rgba(255, 255, 255, 0.2) transparent;
  display: block;
  width: 0;
  z-index: 1;
  margin-left: -5px;
  top: -5px;
  left: 50%;
}

.lang_wrapper:hover ul > li ul li,
.lang_wrapper:focus ul > li ul li {
  width: 60px;
  height: 40px;
  padding: 10px 5px 10px 5px;
  text-align: center;
  border-bottom: 1px solid #a5d5e6;
}

.lang_wrapper:hover ul > li ul li:hover,
.lang_wrapper:focus ul > li ul li:hover {
  background: rgba(255, 255, 255, 0.2);
}

.lang_wrapper:hover ul > li ul :first-child,
.lang_wrapper:focus ul > li ul :first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.lang_wrapper:hover ul > li ul :last-child,
.lang_wrapper:focus ul > li ul :last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.lang_wrapper button.mltlngg-lang-button {
  padding-left: 8px !important;
  color: white;
}

.country-chooser_wrapper i {
  position: absolute;
  width: 13px;
  left: -21px;
}

.country-chooser_wrapper span {
  position: relative;
}

ul.country-chooser {
  width: 100px;
  margin-left: 0;
}

ul.country-chooser li {
  width: 100px;
  text-align: center;
}

.lang_wrapper:hover .country-chooser > li ul,
.lang_wrapper:focus .country-chooser > li ul {
  margin-left: -5px;
}

.lang_wrapper:hover .country-chooser > li ul li,
.lang_wrapper:focus .country-chooser > li ul li {
  width: 110px;
}

@media screen and (max-width: 600px) {
  #hdr-text,
  .glyphicon .glyphicon-globe {
    display: none;
  }
}

@media screen and (max-width: 450px) {
  .stick {
    display: none !important;
  }
}

/* ============== LOGO STUFF ========== */

.hdr-logo {
  text-align: center;
  overflow: hidden;
}

.hdr-logo img,
.hdr-logo svg {
  width: 20%;
  height: 20%;
}

.hdr-logo h1,
.hdr-logo h4 {
  display: block;
  text-transform: uppercase;
}

.hdr-logo h4 {
  opacity: 0.6;
  background: transparent !important;
}

/* ============== POPUP ============= */

.popup-container,
.popup-container-2 {
  width: 100%;
  height: 100%;
  visibility: hidden;
  display: none;
  background-color: rgba(79, 173, 206, 0.5);
  z-index: 100;
}

.popup-container {
  position: fixed;
}

.popup-container-2 {
  position: fixed;
}

.popup-show {
  visibility: visible;
  display: block;
}

.cm-big,
.cm-small {
  cursor: pointer;
}

.cm-big {
  width: 100%;
  height: 100%;
  z-index: 195;
  position: absolute;
}

.cm-small {
  color: #e4e4e4;
  text-decoration: none;
}

.cm-small:hover,
.cm-small:active {
  color: #cfcece;
  text-decoration: none;
}

#popup-container:target {
  visibility: visible;
  display: block;
}

.card-popup {
  background: white;
  border-radius: 5px;
  width: 35%;
  min-width: 250px;
  padding: 20px;
  position: relative;
  z-index: 200;
  /*left: 50%;
    margin-left: -200px;*/
  margin-left: auto;
  margin-right: auto;
  top: 12%;
  /*margin-top: -220px;*/
  -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.15);
}

.card-popup .block {
  margin-top: 4%;
  margin-bottom: 4%;
}

.card-popup div.centered {
  /*margin-top: 1.5em;*/
}

.about-text {
  line-height: 1.8em;
}

.about-text p {
  margin-top: 1.6em;
  margin-bottom: 0;
}

.wdform_section_break {
  margin: 0 !important;
}

.wdform-page-and-images {
  padding: 0 !important;
}

.wdform_section_break h2 {
  font-family: "recht_regular" !important;
  font-size: 0.6em !important;
  margin: 0 !important;
}

div.wdform_column .ui-sortable {
  padding-left: 50px !important;
  width: 100% !important;
}

.wdform-label-section {
  display: none !important;
}

.contactform2 input[type="text"] {
  padding: 10px !important;
  border-radius: 3px !important;
  border: 1px solid #e4e4e4 !important;
  background: transparent !important;
  width: 100% !important;
}

div[wdid="22"] {
  visibility: hidden;
}

.fields label {
  display: none;
}

input#subject_1 {
  display: none;
}

#fbuilder .large,
.wpcf7-email,
.wpcf7-text {
  padding: 10px !important;
  border-radius: 4px !important;
  border: 1px solid #e4e4e4 !important;
  background: transparent !important;
  width: 100% !important;
}
.wpcf7-spinner {
  position: absolute;
}
/* =================== MAIN CONTENT ================= */

.main-content-wrapper {
  /*border: 1px dotted red;*/
  width: 60%;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  text-align: center;
  max-width: 1366px;
}

.item-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.item-content:hover {
  background-color: #1c2427;
}

.col-md-3,
.col-md-6 {
  color: white;
  float: left;
  padding: 0;
  display: table-cell;
  box-shadow: 1px 0 0 0 #1c2427, 0 1px 0 0 #1c2427, 1px 1px 0 0 #1c2427,
    1px 0 0 0 #1c2427 inset, 0 1px 0 0 #1c2427 inset;
  overflow: hidden;
}

.col-md-3:hover,
.col-md-6:hover {
  background-color: #1c2427;
}

.job-item {
  /*display: table;*/
  display: flex;
  height: 100%;
  width: 100%;
  text-align: center;
}

.vacancy_content {
  max-height: 50px;
}

@media all and (max-width: 767px) {
  .vacancy_content {
    max-height: 30px;
  }
}

.job-item:hover {
  text-decoration: none;
  color: white;
}

.col-md-3 .attachment-post-thumbnail {
  width: 50%;
  margin-bottom: 7%;
}

.absolute-center {
  /*display: table-cell;
    */
  vertical-align: middle;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.attachment-post-thumbnail {
  width: 40%;
  height: auto;
}

.job-item h4 {
  display: block;
  margin-bottom: 3%;
}

.ext-left,
.ext-right {
  display: table-cell;
  vertical-align: middle;
  /* display: inline-block;
     height: 100%;
     vertical-align: top;

     float: left;*/
  /* display: -webkit-box;
     -webkit-line-clamp: 7;
     -webkit-box-orient: vertical;*/
}

.ext-left {
  width: 40%;
}

.ext-right {
  width: 60%;
  text-align: center;
  padding-right: 10px;
  max-height: 100%;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  height: 80%;
  justify-content: space-around;
}

.reward {
  display: block;
  color: #4fadce;
  margin-top: 3%;
  margin-bottom: 4%;
}

.ext-right .entry {
  height: 66%;
  display: none;
}

.modal .ext-right .entry .white {
  max-height: 9999px;
  height: auto;
}

.modal .ext-right .entry {
  height: auto;
  display: block;
}

.ext-right .entry .white {
  display: block;
  max-height: 150px;
  height: 70%;
}

.alm-btn-wrap {
  width: 100%;
  padding-top: 3% !important;
}

.alm-load-more-btn {
  font-size: 0.9em !important;
  text-transform: uppercase;
  background: transparent !important;
  border-radius: 20px !important;
  border: 1px solid white !important;
  opacity: 0.6;
  outline: none !important;
  width: 20% !important;
  min-width: 150px !important;
  overflow: hidden !important;
}

.alm-load-more-btn:hover {
  opacity: 1;
}

/* ================= WIDGET AREA ============= */

.widget-item {
  margin-bottom: 3%;
  overflow: hidden;
}

.textwidget {
  position: relative;
  color: white;
  font-size: 1em;
}

.textwidget:after {
  content: "";
  clear: both;
}

.wysija-paragraph label {
  display: none !important;
}

.wysija-paragraph,
.wysija-submit {
  display: inline-block !important;
  vertical-align: top;
}

.wysija-input {
  padding: 8px;
  border: none;
  border-radius: 4px;
  width: 235px;
  height: 35px;
  font-size: 0.9em;
  color: black;
}

.wysija-submit,
.recommend-button,
.infopage-content h3 a,
.wpcf7-submit {
  border: none;
  color: white !important;
  text-decoration: none !important;
  font-size: 0.9em;
  text-transform: uppercase;
  height: 35px;
  padding: 10px 5% 10px 5%;
  border-radius: 4px;
  background: rgba(79, 173, 206, 1);
  margin-top: 0px !important;
}

.subscr-button {
  border: none;
  color: white !important;
  text-decoration: none !important;
  font-size: 0.9em;
  text-transform: uppercase;
  height: 35px;
  padding: 5px 10px 5px 10px;
  border-radius: 4px;
  background: rgba(79, 173, 206, 1);
  position: relative;
  cursor: pointer;
}

.country-poland .wysija-submit,
.country-poland .recommend-button,
.country-poland .infopage-content h3 a,
.country-poland .wpcf7-submit,
.country-poland .subscr-button,
.country-canada .wysija-submit,
.country-canada .recommend-button,
.country-canada .infopage-content h3 a,
.country-canada .wpcf7-submit,
.country-canada .subscr-button {
  background: #f0524c;
}

.subscr-p {
  padding-top: 3px;
}

.add-vacancy_btn {
  cursor: pointer;
  padding: 11.5px 40px;
  border: 1px solid #4fadce;
  border-radius: 4px;
  max-width: 240px;
  width: 100%;
}

.wpcf7-text[name="employer"] {
  display: none;
}

.btn-secondary {
  color: #fff;
  background-color: #868e96;
  border-color: #79838c;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #727b84;
  border-color: #6c757d;
}

.btn-secondary.active,
.btn-secondary:active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #727b84;
  background-image: none;
  border-color: #6c757d;
}

.recommend-button {
  /*width: 20%;*/
  max-width: 130px;
  margin-left: auto;
  margin-right: auto;
  font-size: 80%;
  cursor: pointer;
}

.wysija-submit:hover,
.wysija-submit:active,
.recommend-button:hover,
.recommend-button:active,
.infopage-content h3 a:hover,
.wpcf7-submit:hover,
.subscr-button:hover {
  background: rgba(79, 173, 206, 0.9);
  color: white;
  text-decoration: none;
}

.country-poland .wysija-submit:hover,
.country-poland .wysija-submit:active,
.country-poland .recommend-button:hover,
.country-poland .recommend-button:active,
.country-poland .infopage-content h3 a:hover,
.country-poland .wpcf7-submit:hover,
.country-poland .subscr-button:hover,
.country-canada .wysija-submit:hover,
.country-canada .wysija-submit:active,
.country-canada .recommend-button:hover,
.country-canada .recommend-button:active,
.country-canada .infopage-content h3 a:hover,
.country-canada .wpcf7-submit:hover,
.country-canada .subscr-button:hover {
  background: #d93731;
}

.pbSubmit {
  border: none;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: white !important;
  text-decoration: none !important;
  font-size: 0.9em;
  text-transform: uppercase;
  height: 35px;
  padding: 10px 20px 10px 20px;
  border-radius: 4px;
  background: rgba(79, 173, 206, 1) !important;
  margin-top: 0px !important;
  width: 30% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
  line-height: 35px;
}

.pbSubmit:hover {
  background: rgba(79, 173, 206, 0.9) !important;
  color: white;
  text-decoration: none;
}

.widget-item form[role="search"] label {
  display: none;
}

.widget-item form[role="search"] input,
.widget-item form[role="search"] input:active {
  background: transparent;
  border: none;
}

.search-container,
li.sf-field-search {
  width: 180px;
  float: right;
  border-bottom: 2px solid #4fadce;
  padding-bottom: 5px !important;
  padding-top: 0 !important;
  display: none;
  text-align: left;
}

.country-poland .search-container,
.country-poland li.sf-field-search,
.country-poland .search-container,
.country-poland li.sf-field-search,
.country-canada .search-container,
.country-canada li.sf-field-search,
.country-canada .search-container,
.country-canada li.sf-field-search {
  border-bottom: 2px solid #f0524c;
}

/* .hashes {
  position: absolute;
  right: 170px;
} */

.searchandfilter {
  display: none;
  position: relative;
}

.searchandfilter .sf-field-submit {
  position: absolute;
  padding: 0;
  right: 0;
}

.searchandfilter .sf-field-submit:before {
  position: absolute;
  top: 4px;
  right: 1px;
  color: #4eadce;
}

.country-poland .searchandfilter .sf-field-submit:before,
.country-canada .searchandfilter .sf-field-submit:before {
  color: #f0524c;
}

.searchandfilter .sf-field-submit input[type="submit"] {
  background: transparent;
  /*background: url(./images/search.png) no-repeat transparent center right;*/
  width: 12px;
  height: 12px;
  border: 0;
  padding: 8px 0px 5px 10px;
  box-sizing: content-box;
}

.searchandfilter ul {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
}

.searchandfilter ul li {
  list-style: none;
  display: block;
  padding-right: 10px;
  padding: 10px 0;
  margin: 0;
}

.searchandfilter ul li li {
  padding: 5px 0;
}

.searchandfilter ul li ul li ul {
  margin-left: 20px;
}

.searchandfilter label {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.search-container *,
li.sf-field-search * {
  display: inline-block;
  vertical-align: top;
}

.search-container i,
li.sf-field-search i {
  color: #4fadce;
}

#searchinput,
.sf-input-text {
  background: transparent;
  border: none;
  float: left;
  font-size: 0.9em;
  color: white !important;
  max-width: 155px;
  font-weight: normal !important;
}

.searchsubmit {
  padding: 0;
  width: 16px;
  height: 16px;
  float: right;
  background: transparent;
  border: none;
  outline: none;
}

#show-search {
  text-transform: uppercase;
  color: #4fadce;
  font-size: 0.9em;
  float: right;
  display: none;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  padding-bottom: 7px;
}

#show-search:hover,
#show-search:active {
  color: #4fadce;
  text-decoration: none;
}

.search-visible {
  display: block !important;
}

.searchandfilter ul {
  padding: 0;
  margin: 0;
}

.widget-item h2 {
  float: left;
  margin: 0;
  /*padding-bottom: 4px;*/
  font-size: 1em;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
}

/* =============== MISC ================ */

.x {
  display: inline-block;
  color: #e4e4e4;
  font-size: 40px;
  font-weight: bolder;
  margin-left: 5px;
  margin-right: 5px;
}

.stick {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 25px;
  /*background: #e4e4e4;*/
  margin-right: -20px;
  margin-left: -25px;
  margin-top: 22px;
}

.blue,
a,
a:hover,
.bluehashtag {
  color: #4fadce;
}

.country-poland .blue,
.country-poland a,
.country-poland a:hover,
.country-poland .bluehashtag,
.country-poland .reward,
.country-poland #show-search,
.country-canada .blue,
.country-canada a,
.country-canada a:hover,
.country-canada .bluehashtag,
.country-canada .reward,
.country-canada #show-search {
  color: #f0524c;
}

.bluehashtag:hover {
  text-decoration: underline;
  cursor: pointer;
}

.bg-blue {
  background: #4fadce;
}

.widget_wysija_cont .updated {
  border: none !important;
  background: transparent !important;
  color: white !important;
}

button.alm-load-more-btn.loading:before {
  background-color: transparent !important;
}

.alm-listing li {
  list-style-type: disc !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style-position: inside;
}

.entry ul li {
  position: relative;
  padding-left: 20px;
}

.entry ul li::before {
  position: absolute;
  content: "\f111";
  font: normal normal normal 4px/1 FontAwesome;
  left: 0;
  top: 5px;
}

.entry ul {
  padding: 0;
  list-style: none;
  line-height: 134%;
  /*list-style-type: disc !important;*/
}

.x-item {
  display: inline-block;
  vertical-align: top;
  width: 100px;
}

.x-item h4 {
  font-size: 0.8em;
}

.x {
  width: 25px;
  height: 25px;
}

.popup-title {
  margin-top: 20px;
}

.fake {
  /* USES FLUID WIDTH FOR OTHER DIVs CALCULATIONS */
  visibility: hidden;
  margin-left: -999px;
}

.wpcf7-response-output {
  border: none !important;
}

.wpcf7-text[name="job"],
.wpcf7-text[name="country"],
.wpcf7-text[name="tor-id"],
.wpcf7-text[name="send-hirefire-vacancy-id"] {
  display: none;
}

.search-filter-results {
  color: white;
}

.square,
.rectangle {
  /*display: table;*/
}

.rectangle {
  cursor: pointer;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.square-content {
  position: absolute;
  width: 100%;
  height: 100%;
}

.rectangle-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.postlink {
  display: none;
}

.x-item h4 p {
  margin-bottom: 5px;
  margin-top: 5px;
  line-height: 1.5;
}

.modal-header {
  border-bottom: none;
  padding-bottom: 0;
}

.modal-backdrop {
  background-color: rgba(79, 173, 206, 1);
}

.country-poland .modal-backdrop,
.country-canada .modal-backdrop {
  background-color: rgba(255, 81, 74, 0.4);
}

.modal-dialog {
  margin: 60px auto;
}

.modal-body .ext-right {
  color: #000;
  text-align: left;
}

.modal-body .white {
  color: #000;
}

.formError {
  display: none !important;
}

.wysija-input,
.wysija-submit {
  position: relative;
}

.overlap-all {
  z-index: 3000;
}

a.filter-hash {
  float: right;
  margin: -2px 10px 0 0;
}

.copy {
  padding-top: 20px;
}

.copy .btn {
  background: rgb(221, 221, 221);
}

#copy_link {
  height: 33px;
  padding: 10px !important;
  border-radius: 4px !important;
  border: 1px solid #e4e4e4 !important;
  background: transparent !important;
}

.nothing-found {
  font-size: 16px;
  color: #fff;
}

#recommendmodal .job-content {
  padding-top: 10px;
}

@media (max-width: 1365px) {
  /* .hdr-logo {
    position: absolute;
    margin-top: auto;
    top: 60%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  } */
  .header-vacancy .hdr-logo {
    /*top: 55px;*/
  }
}

@media (max-width: 992px) {
  .textwidget__search {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 30px;
  }
  .hashes {
    position: relative;
    right: auto;
  }
}

@media (max-width: 768px) {
  .widget-item {
    margin-bottom: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #show-search {
    float: none;
    text-align: right;
    margin-top: 20px;
  }
  a.filter-hash {
    float: none;
    margin: 0 10px 0 0;
  }
  .textwidget {
    flex-direction: column-reverse;
    float: left;
    width: 100%;
    align-items: center;
  }
  /* .hashes {
        margin: 10px 0;
        float: right;
        width: 100%;
    }*/
  .post-vacancy h1 {
    font-size: 22px;
  }
}

@media (max-width: 639px) {
  #wp-admin-bar-updates,
  #wp-admin-bar-new-content,
  #wp-admin-bar-customize {
    display: none !important;
  }
  .lang_wrapper {
    position: relative;
    z-index: 10;
  }
  .lang_wrapper.country-chooser_wrapper {
    left: 0;
    right: auto;
  }
  .lang_wrapper:hover ul > li ul {
    margin-top: 12px;
  }
}

@media (max-width: 600px) {
  .hdr-logo h1 {
    margin: 5px 0;
  }
  #recommendmodal .ext-right {
    width: 100%;
  }
}

.bg-gradient-blue {
  background: linear-gradient(
    180deg,
    #086dab 0%,
    #1ca7d6 31.49%,
    #a5d4c1 66.3%,
    #dcd9b1 100%
  );
  height: auto;
}

.bg-gradient-red {
  background: linear-gradient(
    180deg,
    #f1251c 0%,
    #ff4942 31.49%,
    #ff917d 66.3%,
    #ffd7ce 100%
  );
  height: auto;
}

.vacancy-page .header-wrapper {
  height: 10%;
}

.vacancy-page .header-graphics.vacancy .hdr-logo {
  height: 120px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translate(-50%, 0%);
  border: none;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  top: -8px;
}

.vacancy-page .header-graphics.vacancy .hdr-logo {
  width: auto;
  min-width: auto;
}

.vacancy-page .header-graphics.vacancy .hdr-logo img {
  width: 120px;
  height: inherit;
}

.vacancy-page .header-graphics.vacancy .hdr-top-info {
  display: flex;
  justify-content: space-between;
}

.vacancy-page .header-graphics.vacancy .hdr-top-info {
  position: relative;
  width: 840px;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  height: 40px;
}

.vacancy-page .header-social-block,
.header-right-block,
.footer-social-block {
  width: 210px;
}

.vacancy-page .bottom-info .lang.fl-right {
  height: 40px;
  display: flex;
  align-items: center;
}

.vacancy-page .header-social-block,
.vacancy-page .header-right-block,
.vacancy-page .header-graphics.vacancy .hdr-logo {
  margin-top: 30px;
}

.vacancy-page .bottom-info .lang.fl-right {
  height: 40px;
  display: flex;
  align-items: center;
}

.vacancy-page .graphics.vacancy .hdr-logo {
  margin-top: 18px;
}

.header-graphics.vacancy {
  width: 100%;
  height: 70px;
  position: relative;
}

.hdr-logo.inline h1,
.hdr-logo.inline h4 {
  color: black;
  display: block;
  width: 200px;
  height: 25px;
  text-transform: uppercase;
}

.vacancy-page .symbol.fl-left.header {
  top: -125%;
  /*40%;*/
  position: relative;
}

.vacancy-page .symbol.fl-left.footer {
  /*top: -38%;*/
  position: relative;
}

.vacancy-page .footer-wrapper {
  height: 210px;
}
.single-tors.country-ukraine .big-footer .footer-wrapper {
  height: 140px;
}
.single-tors.country-ukraine-army .big-footer .footer-wrapper {
  height: 140px;
}
.single-tors.country-ukraine-army .big-footer .bottom-info,
.single-tors.country-ukraine .big-footer .bottom-info {
  flex-wrap: wrap;
  align-items: start;
}

.single-tors.country-ukraine-army .big-footer .bottom-info--home-js-center,
.single-tors.country-ukraine .big-footer .bottom-info--home-js-center {
  display: flex;
  justify-content: center;
}

/* .single-tors.country-ukraine .big-footer {
  height: 140px;
} */

.vacancy-page.footer-wrapper .footer-sub-wrapper {
  display: flex;
  justify-content: space-around;
}

.vacancy-page .bottom-info {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.post-vacancy {
  margin: 50px auto 60px auto;
  height: auto;
  /*overflow-x: hidden;*/
}

.post-vacancy .container {
  max-width: 670px;
  margin: auto;
}

.post-vacancy .container.vacancy-description {
  overflow-x: hidden;
  overflow-y: hidden;
}

.post-vacancy h1,
.post-vacancy h2,
.post-vacancy h3,
.post-vacancy h4 {
  display: block;
}

.post-vacancy h1 {
  font-size: 44px;
  line-height: normal;
  text-align: center;
  margin-top: 28px;
  font-weight: 600;
}

.post-vacancy .vacancy-title {
  /*font-family: SF UI Text;*/
  font-size: 28px;
  line-height: normal;
  text-align: center;
  opacity: 0.5;
  font-weight: 600;
}

.post-vacancy h2 {
  font-size: 24px;
  line-height: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.post-vacancy .vacancy-description h2:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin-right: -100%;
  margin-left: 10px;
}

.post-vacancy p {
  /*font-family: SF UI Text;*/
  font-size: 16px;
  line-height: 23px;
  color: #000000;
  margin: auto;
}

.post-vacancy a,
.post-vacancy span {
  /*font-family: SF UI Text;*/
  color: #4fadce;
  font-weight: bold;
  text-decoration: none;
}

.post-vacancy .vacancy-contact {
  font-size: 16px;
  line-height: 23px;
}

.vacancy-logo-img {
  height: 151px;
  display: flex;
  width: 260px;
  margin: auto;
  justify-content: center;
  margin: 20px auto;
}

.container.vacancy-description {
  padding-top: 15px;
}

.container.vacancy-header:after {
  content: "";
  display: block;
  height: 1px;
  max-width: 100vw;
  width: 100vw;
  margin-left: -15%;
  position: relative;
  background: none !important;
}

.post-vacancy img {
  max-width: 300px;
  max-height: 150px;
}

.vacancy-description h2,
.container.vacancy-contact {
  margin-top: 25px;
}

.vacancy-page .lang {
  margin-left: -5%;
  min-height: 25px;
  margin-right: 2%;
}

.container.vacancy-description ul {
  list-style: none;
}

.container.vacancy-description ul li {
  padding-left: 10px;
  position: relative;
}

.container.vacancy-description ul li:before {
  position: absolute;
  top: 7px;
  left: -20px;
  width: 20px;
  height: 20px;
  content: "";
  background: url(images/Vector.svg) no-repeat;
}

.container.vacancy-description ul {
  padding-left: 20px;
  font-size: 16px;
  line-height: 31px;
}

.post-vacancy .vacancy-container {
  background: #ffffff;
  position: relative;
  overflow: hidden;
}

.vacancy-container {
  max-width: 822px;
  margin: auto;
  padding-bottom: 75px;
  padding-top: 55px;
}
@media (max-width: 1023px) {
  .vacancy-container {
    padding-bottom: 35px;
  }
}

.vacancy-page .bottom-info .lang.fl-right {
  height: 40px;
  display: flex;
  align-items: center;
}

footer .vacancy-container {
  margin: 0;
}

.vacancy-page .header-vacancy {
  padding-top: 25px;
}

.post-vacancy {
  margin: 35px auto 60px auto;
}
@media (max-width: 1023px) {
  .post-vacancy {
    margin: 35px auto 25px auto;
  }
}

.header-vacancy {
}

.header-vacancy.container:before,
.header-vacancy.container:after {
  content: none;
}

.header-vacancy.container {
  max-width: 822px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}

.header-vacancy.container .header-social-block,
.header-vacancy.container .header-right-block {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translate(0, -50%);
}

.header-vacancy.container .info-button {
  top: 0;
  transform: translateY(0);
  -webkit-transform: translate(0, 0);
}

.header-vacancy.container .lang {
  top: 0;
  transform: translateY(25%);
  -webkit-transform: translate(0, 25%);
}

.header-vacancy.container .header-vacancy__logo {
}

.header-vacancy.container .header-vacancy__logo img {
  width: 130px;
}

.vacancy-page div {
  /*border: 1px solid gray;*/
}

.vacancy-page a,
.vacancy-page a:hover {
  cursor: pointer;
}

.vacancy-name {
  text-transform: uppercase;
}

/* Alex Demchco 07.08.2019 single-tors.php*/

.vacancy-container .hdr-top-info {
  width: 100%;
}

.vacancy-container .hdr-logo {
  width: 200px;
  min-width: 200px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.header-vacancy .vacancy-container {
  max-width: 822px;
  margin: auto;
  padding-bottom: 0px;
  padding-top: 0px;
}

.header-vacancy .hdr-logo img,
.header-vacancy .hdr-logo svg {
  width: 157px;
  margin-top: 0;
}

.header-vacancy .hdr-logo {
  position: absolute;
  margin-top: auto;
  /*top: 3%;*/
  top: 50px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.hashes {
  position: relative;
  margin-bottom: 30px;
}
.hashes .wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 25px;
}
.main-wrapper .hashes {
  display: flex;
  justify-content: flex-start;
}
.hashes__direction,
.hashes__sphere {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
}
.sphere-wrapper {
  margin-left: auto;
  display: flex;
  width: calc(100% / 12 * 10 - 15px);
}
.hashes__list {
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  max-height: 40px;
  overflow: hidden;
  transition: all 0.5s ease-out;
  padding: 6px 0px;
}
.hashes__list .filter-hash {
  margin: 0;
}
.hashes h2 {
  color: #ffffff;
  text-transform: uppercase;
  line-height: 35px;
  margin: 0;
  font-size: 14px;
}
.h-height {
  max-height: max-content;
  transition: all 0.5s ease-out;
}
.hashes .h-hide {
  min-width: 0;
  max-width: 0;
  border: none;
  height: 0;
  padding: 0;
  overflow: hidden;
}
button.view-more,
.view-less {
  border: 1px solid #ffffff;
  background-color: transparent;
  color: white;
  font-size: 12px;
  padding: 8px 15px;
  border-radius: 4px;
  min-width: max-content;
  margin-left: 20px;
  align-self: start;
}
.view-less {
  align-self: end;
}
@media (max-width: 1030px) {
  .post-vacancy h2 {
    font-size: 24px;
  }
  .post-vacancy p {
    font-size: 15px;
  }
  .container.vacancy-description ul {
    font-size: 16px;
  }
  .post-vacancy h1 {
    font-size: 44px;
  }
  .post-vacancy .vacancy-container,
  .header-vacancy .vacancy-container,
  .footer-wrapper .vacancy-container {
    max-width: 90%;
  }
}

@media (max-width: 800px) {
  .vacancy-page .header-vacancy .lang {
    margin-left: 0;
    margin-right: 0;
  }
  .post-vacancy {
    margin-top: 85px;
  }
}

@media (max-width: 768px) {
  .header-vacancy .hdr-logo {
    top: 125px;
  }
  .post-vacancy {
    margin-top: 130px;
  }
  .post-vacancy h1 {
    font-size: 23px;
  }
  .textwidget__search {
    padding-left: 0px;
  }
  li.sf-field-search {
    /*width: 300px;*/
  }
  .search-container,
  li.sf-field-search {
    width: 187px;
  }
  .sf-input-text {
    width: 300px;
  }
  form.searchandfilter.search-visible {
    margin-top: 14px;
  }
  .hashes {
    position: relative;
    right: 0;
    margin-bottom: 20px;
    margin-top: -10px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 320px) {
  .post-vacancy .vacancy-title {
    font-size: 16px;
  }
  .post-vacancy h2 {
    font-size: 21px;
  }
  .post-vacancy p {
    font-size: 12px;
  }
  .container.vacancy-description ul {
    font-size: 13px;
  }
  .post-vacancy h1 {
    font-size: 22px;
  }
  .vacancy-logo-img {
    width: 180px;
  }
  .post-vacancy .vacancy-contact {
    font-size: 14px;
  }
  .bottom-info {
    min-width: 0;
  }
  .vacancy-page .bottom-info {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
  h4 {
    font-size: 0.65em;
  }
  #fbuilder .large,
  .wpcf7-email,
  .wpcf7-text {
    padding: 6px !important;
  }
  div.wpcf7-response-output {
    margin: 1em 0.5em 1em;
  }
  #copy_link {
    margin-bottom: 10px;
  }
  .copy {
    padding-top: 10px;
  }
}

.vacancy-contact input,
.vacancy-contact h4 {
  margin-bottom: 11px;
}

.vacancy-contact .wpcf7-submit {
  height: 40px;
}

/* Alex Demchco 26.11.2020 pop-up "Recommendation" */
#recommendmodal .modal-body .ext-right,
#recommendmodal .modal-body .wpcf7 {
  width: 90%;
  margin: 20px auto 25px auto;
}

#recommendmodal .modal-body #copy_link {
  width: 70%;
}

#recommendmodal .modal-body .copy {
  display: flex;
  justify-content: space-around;
}

/* Input on home page */
@media (max-width: 1023px) {
  .widget-item input#mce-EMAIL {
    width: 100%;
  }
  .widget-item p.wysija-paragraph {
    width: 100%;
  }
  .widget-item input#mc-embedded-subscribe {
    width: 100%;
  }
}

@media (max-width: 1366px) {
  .info-wrap {
    flex-wrap: wrap;
  }
  .info-button {
    margin-left: 10px;
    margin-top: 0px;
  }
  .lang_wrapper {
    margin-left: 10px;
    margin-top: 10px;
  }
  .header-home .hdr-top-info {
    align-items: flex-start;
    width: 65%;
  }
  .info-button {
    padding: 5px 15px;
  }
  .info__col:nth-child(2n) {
    order: 2;
    align-items: flex-start;
  }
  .info__col:last-of-type {
    order: 1;
  }
}
@media (max-width: 1023px) {
  .info__col:nth-child(2n) {
    order: 1;
    align-items: flex-start;
  }
  .info__col:last-of-type {
    order: 2;
    max-width: initial;
    width: 100%;
  }
  .widget-item--forms {
    gap: 30px;
  }
  .add-vacancy_btn {
    max-width: 220px;
    margin: 0 auto;
  }
  .info-button {
    margin-left: 0px;
    margin-top: 10px;
  }
  .lang_wrapper {
    margin-left: 0px;
    margin-top: 0px;
  }
  .info-wrap {
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
  }
  .header-home .hdr-top-info {
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: center;
    width: 60%;
  }
  .info-button {
    padding: 5px 15px;
  }
  .lang_wrapper {
    order: 0;
  }
  .info-wrap .info-button {
    order: 1;
  }
  .info-wrap .vacantion-zsu {
    order: 2;
  }
  .sphere-wrapper {
    width: 100%;
    flex-direction: column;
  }
  button.view-more {
    margin: 0;
  }
}
@media (max-width: 767px) {
  /* .bottom-info:last-of-type{
        justify-content: center;
    } */
  .info-wrap--desktop .info-button {
    display: none;
  }
  .header-home .hdr-top-info {
    width: 60%;
    margin-top: 2%;
    justify-content: space-between;
    flex-wrap: wrap;
    height: initial !important;
  }
  .header-home .hdr-top-info .social {
    margin-bottom: 10px;
  }
  .info-wrap {
    justify-content: flex-end;
  }
  .info-wrap--desktop {
    max-width: 70px;
  }
  .info-wrap--mobile {
    width: 100%;
    display: flex;
  }
  .info-wrap--mobile .info-button {
    width: 100%;
  }
  .header-wrapper {
    height: 100%;
  }
}
@media (max-width: 576px) {
  .hdr-logo {
    position: static !important;
    margin-top: 15% !important;
    transform: translateY(0%) translateX(0%) !important;
  }
}

@media (max-width: 420px) {
  .info-wrap {
    flex-direction: column;
    align-items: flex-end;
  }
  /* .vacantion-zsu {
      background-color: white;
      order: 1;
    }
    .lang_wrapper{
      order: 2;
    } */
}
/* Search on home page */
.widget-item h2.widget-item__search-title {
  font-size: 14px;
  margin-right: 10px;
  color: #4fadce;
}

/* Search on home page */
.modal-dialog .modal-body .btn-group.employer_wrapper {
  display: flex;
  justify-content: center;
}

/* wpcf7 Apply for a vacancy */
.wpcf7 span.wpcf7-form-control-wrap.tor-id {
  display: none;
}
.wpcf7 span.wpcf7-form-control-wrap.send-hirefire-vacancy-id {
  display: none;
}
.wpcf7 p.input-with-file {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
  flex-wrap: wrap;
}
.wpcf7 .person-cv-textarea {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  background: transparent;
  width: 100%;
}
.wpcf7 .wpcf-add-more-file__wrap {
  display: flex;
  justify-content: start;
}
.wpcf7 .wpcf-add-more-file__wrap .wpcf7-submit.wpcf-add-more-file__btn:hover {
  background: rgba(79, 173, 206, 0.9);
}
.wpcf7 .wpcf-add-more-file__wrap .wpcf-add-more-file__btn {
  border: none;
  color: white;
  text-decoration: none;
  font-size: 0.8em;
  height: 24px;
  padding: 4px 10px;
  border-radius: 4px;
  background: rgba(79, 173, 206, 1);
  text-align: center;
  justify-content: center;
  margin: unset;
  cursor: pointer;
  margin-bottom: 0px;
  margin-top: 0px;
}
.wpcf7 p.input-with-file {
  margin-bottom: 0px;
}
.wpcf7 input#cf7-file-recommendations,
.wpcf7 input#cf7-file-recommendations-2,
.wpcf7 input#cf7-file-recommendations-3,
.wpcf7 input#cf7-file-recommendations-4,
.wpcf7 input#cf7-file-recommendations-5,
.wpcf7 input#cf7-file-recommendations-6 {
  margin-bottom: 10px;
}
.wpcf7 .wpcf7-form-control-wrap input {
  transition: all 0.3s ease-in-out;
}
.wpcf7 .custom-file-upload-hide {
  opacity: 0.5;
  display: none;
  transition: all 0.3s ease-in-out;
}
.wpcf7 .hide-btn {
  display: none;
  transition: all 0.3s ease-in-out;
}

#addVacancy.single-tor .popup-title {
  margin-top: 25px;
  margin-bottom: 20px;
}
.single-tors #addVacancy .modal-dialog {
  margin: auto;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 60px;
}
.single-tors #addVacancy .modal-content {
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.single-tors #addVacancy .modal-header .close {
  margin-top: -10px;
}
.single-tors #addVacancy .close {
  font-size: 30px;
}

/* icomoon */
@font-face {
  font-family: icomoon;

  src: url(https://thelobbyx.com/www/wp-content/themes/lobbyx/fonts/icomoon/icomoon.eot?6r0emm);
  src: url(https://thelobbyx.com/www/wp-content/themes/lobbyx/fonts/icomoon/icomoon.eot?6r0emm#iefix)
      format("embedded-opentype"),
    url(https://thelobbyx.com/www/wp-content/themes/lobbyx/fonts/icomoon/icomoon.ttf?6r0emm)
      format("truetype"),
    url(https://thelobbyx.com/www/wp-content/themes/lobbyx/fonts/icomoon/icomoon.woff?6r0emm)
      format("woff"),
    url(https://thelobbyx.com/www/wp-content/themes/lobbyx/fonts/icomoon/icomoon.svg?6r0emm#icomoon)
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

.header-social.social [class*=" icon-"]:before,
.header-social.social [class^="icon-"]:before {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header-social.social a:not(:last-child) {
  margin-right: 5px;
}

.header-social.social a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.icon-audience:before {
  content: "\e900";
}

.icon-chef:before {
  content: "\e901";
}

.icon-email:before {
  content: "\e902";
}

.icon-facebook:before {
  content: "\e903";
}

.icon-instagram:before {
  content: "\e904";
}

.icon-laptop:before {
  content: "\e905";
}

.icon-linkedin:before {
  content: "\e906";
}

.icon-mail:before {
  content: "\e907";
}

/* Fix logo */
.header-graphics .hdr-logo {
  margin-top: 4%;
}
@media (max-width: 1600px) {
  .header-graphics .hdr-logo {
    margin-top: 6%;
  }
}

/* ==== Army ===================================== */
/* Army header */
.country-ukraine-army
  .hdr-top-info
  .info-wrap.info-wrap--mobile.btn--vacantion-zsu,
.country-ukraine-army .header-home .info-button.btn--vacantion-zsu {
  background: white;
  font-weight: normal;
  transition: all 0.3s;
}
.country-ukraine-army .header-home .info-button.btn--vacantion-zsu:hover {
  background: #6c834bba;
  color: white !important;
  transition: all 0.3s;
}

/* .country-ukraine-army .header-home .info-button.btn--vacantion-zsu:hover {
  background: #6c834b;
  transition: all 0.3s;
} */
/* .country-ukraine-army .header-home .info-button.btn--vacantion-zsu a {
} */

.country-ukraine-army .hdr-top-info .info-wrap.info-wrap--mobile.btn--about-us,
.country-ukraine-army .header-home .info-button.btn--about-us {
  background: #6c834b;
  color: white !important;
  font-weight: normal;
  transition: all 0.3s;
}
.country-ukraine-army .header-home .info-button.btn--about-us:hover {
  background: #6c834bba;
  transition: all 0.3s;
}
/* .country-ukraine-army .header-home .info-button.btn--about-us:hover {
  background: white;
  color: black;
  transition: all 0.3s;
} */
/* .country-ukraine-army .header-home .info-button.btn--about-us a {
} */
.country-ukraine-army .social-item a svg {
  fill: black;
}

/* Army color */
.country-ukraine-army .blue,
.country-ukraine-army a,
.country-ukraine-army a:hover,
.country-ukraine-army .bluehashtag,
.country-ukraine-army .reward,
.country-ukraine-army #show-search {
  color: #6c834b;
}

/* Army form subscribe */
.country-ukraine-army .wysija-submit:hover,
.country-ukraine-army .wysija-submit:active,
.country-ukraine-army .recommend-button:hover,
.country-ukraine-army .recommend-button:active,
.country-ukraine-army .infopage-content h3 a:hover,
.country-ukraine-army .wpcf7-submit:hover,
.country-ukraine-army .subscr-button:hover {
  background: #6c834bba;
}

.country-ukraine-army .wysija-submit,
.country-ukraine-army .recommend-button,
.country-ukraine-army .infopage-content h3 a,
.country-ukraine-army .wpcf7-submit {
  background: #6c834b;
}

/* Army btn popup */
.country-ukraine-army .add-vacancy_btn {
  cursor: pointer;
  padding: 11.5px 40px;
  border: 1px solid #6c834b;
  border-radius: 4px;
  max-width: 240px;
  width: 100%;
}
/* Backgrounds banner */
.country-ukraine-army .header-wrapper {
  background-image: url(images/fire-sky.png);
  background-size: cover;
}

.country-ukraine-army .modal-backdrop {
  background-color: #6c834bba;
}

/* Army footer */
.country-ukraine-army .footer-sub-wrapper {
  background: url(images/bottom-UAarmy.svg) left bottom repeat-x;
  background-size: 5%;
}

.country-ukraine-army li.page_item {
  list-style: none;
  text-align: left;
}

/* Army single */

.country-ukraine-army .vacancy-page.site-wrapper.bg-gradient-blue {
  background: linear-gradient(
    180deg,
    #6c834b 0%,
    #495d2d9e 31.49%,
    #b7c7a1 66.3%,
    #b9c9a2 100%
  );
  height: auto;
}
.country-ukraine-army .bottom-info #menu-footer-menu .menu-item a {
  color: #6c834b;
}

.otgs-development-site-front-end {
  display: none;
}

/* CF7 new WP */
.wpcf7 .btn input[type="radio"],
.wpcf7 .btn input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  filter: alpha(opacity=0);
  opacity: 0;
}

.wpcf7 .btn-group p .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.wpcf7 .btn-group p label.btn.btn-secondary:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.wpcf7 .btn-group p label.btn.btn-secondary:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#wpcf7-f37-p2771-o2 label.btn.btn-secondary {
  display: none;
}

/* Fix sun */
/* @media (max-width: 1200px) { */
/* .country-ukraine-army #sun { */
/* background: none; */
/* } */
/* } */
.country-ukraine-army #cloud-r,
.country-ukraine-army #cloud-l {
  background: none;
}

@media (max-width: 1023px) {
  .single .vacancy-page .info-button {
    margin-top: 0;
  }
}

@media (max-width: 600px) {
  .single .vacancy-page .vacancy-container .hdr-logo {
    /* width: 200px; */
    /* min-width: 200px; */
    margin-left: auto;
    margin-right: auto;
    height: 65px;
  }
  .single .vacancy-page .hdr-logo {
    margin-top: 5% !important;
  }
  .single .vacancy-page .post-vacancy {
    margin-top: 30px;
  }
}

/* Fix gutenberg */
/* img  */
.post-vacancy .wp-block-image img {
  max-width: 100%;
  max-height: 500px;
  object-fit: contain !important;
  margin: auto;
  margin-top: 25px;
}

/* container */
/* .page-template-default:not(home) .post-vacancy .container, */
.page-template-page .post-vacancy .container {
  width: 100%;
}
/* .page-template-default:not(home) .main-content-wrapper, */
.page-template-page .main-content-wrapper {
  width: 70%;
}
/* .page-template-default:not(home) .post-vacancy .main-content-wrapper, */
.page-template-page .post-vacancy .main-content-wrapper {
  width: 70%;
}

/* ==== Army single =================================== */
.country-ukraine-army .post-vacancy h1,
.country-ukraine-army .post-vacancy h2,
.country-ukraine-army .post-vacancy h3,
.country-ukraine-army .post-vacancy h4,
.country-ukraine-army .post-vacancy a,
.country-ukraine-army .post-vacancy span {
  color: #6c834b;
  transition: all 0.3s ease-out;
}

/* ==== Page single =================================== */

/* all */
.country-ukraine-army.page .post-vacancy .vacancy-description p,
.country-ukraine.page .post-vacancy .vacancy-description p {
  line-height: 25px;
  margin-bottom: 5px;
}
.country-ukraine-army.page .post-vacancy .vacancy-description img,
.country-ukraine.page .post-vacancy .vacancy-description img {
  max-width: 100%;
  max-height: unset;
}
.country-ukraine-army.page .post-vacancy .vacancy-description h1,
.country-ukraine-army.page .post-vacancy .vacancy-description h2,
.country-ukraine-army.page .post-vacancy .vacancy-description h3,
.country-ukraine-army.page .post-vacancy .vacancy-description h4,
.country-ukraine-army.page .post-vacancy .vacancy-description h5,
.country-ukraine-army.page .post-vacancy .vacancy-description h6,
.country-ukraine.page .post-vacancy .vacancy-description h1,
.country-ukraine.page .post-vacancy .vacancy-description h2,
.country-ukraine.page .post-vacancy .vacancy-description h3,
.country-ukraine.page .post-vacancy .vacancy-description h4,
.country-ukraine.page .post-vacancy .vacancy-description h5,
.country-ukraine.page .post-vacancy .vacancy-description h6 {
  margin-bottom: 15px;
  margin-top: 30px;
}
.country-ukraine-army.page .post-vacancy .vacancy-description ol li,
.country-ukraine.page .post-vacancy .vacancy-description ol li {
  font-size: 16px;
}
.country-ukraine.page .post-vacancy .vacancy-description ul li,
.country-ukraine-army.page .post-vacancy .vacancy-description ul li {
  line-height: 25px;
}
.country-ukraine.page .post-vacancy .vacancy-description ul li:before,
.country-ukraine-army.page .post-vacancy .vacancy-description ul li:before {
  top: 4px;
}
.country-ukraine.page .post-vacancy .vacancy-description p,
.country-ukraine-army.page .post-vacancy .vacancy-description p {
  min-height: 10px;
}
.country-ukraine.page .post-vacancy .vacancy-description img,
.country-ukraine-army.page .post-vacancy .vacancy-description img {
  margin-top: 25px;
  margin-bottom: 25px;
}

/* army */
.country-ukraine-army.page .post-vacancy .vacancy-description b,
.country-ukraine-army.page .post-vacancy .vacancy-description strong {
  color: #6c834b;
}
.country-ukraine-army.page .post-vacancy .vacancy-description a:hover,
.country-ukraine-army.page .post-vacancy .vacancy-description a:visited {
  color: #4f5f38;
  transition: all 0.3s ease-in;
}

/* main */
.country-ukraine.page .post-vacancy h1,
.country-ukraine.page .post-vacancy h2,
.country-ukraine.page .post-vacancy h3,
.country-ukraine.page .post-vacancy h4,
.country-ukraine.page .post-vacancy a,
.country-ukraine.page .post-vacancy span {
  color: #4fadce;
  transition: all 0.3s ease-out;
}
.country-ukraine.page .post-vacancy .vacancy-description b,
.country-ukraine.page .post-vacancy .vacancy-description strong {
  color: #4fadce;
}
.country-ukraine.page .post-vacancy .vacancy-description a:hover,
.country-ukraine.page .post-vacancy .vacancy-description a:visited {
  color: #179dcb;
  transition: all 0.3s ease-in;
}

.page-content-gutenberg {
  position: relative;
  /* max-width: 944px; */
  width: 100%;
  margin: 0 auto;
  word-break: break-word;
}
@media (max-width: 1100px) {
  .page-template-default .main-content-wrapper,
  .page-template-page .main-content-wrapper {
    width: 95%;
  }
}
@media (max-width: 1030px) {
  .page-template-default .main-content-wrapper .post-vacancy .vacancy-container,
  .page-template-page .main-content-wrapper .post-vacancy .vacancy-container {
    max-width: 97%;
  }
}
@media (max-width: 768px) {
  .page-template-default .post-vacancy,
  .page-template-page .post-vacancy {
    margin-top: 40px;
  }
}

@media (max-width: 1030px) {
  .page-template-default .post-vacancy h2,
  .page-template-page .post-vacancy h2 {
    font-size: 20px;
  }
}

/*  */

.page-content-gutenberg h1 {
  font-size: 25px;
  line-height: 35px;
}

@media (max-width: 1365px) {
  .page-content-gutenberg h1 {
    font-size: 24px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg h1 {
    font-size: 20px;
    line-height: 29px;
  }
}
.page-content-gutenberg h2 {
  font-size: 25px;
  line-height: 35px;
}
@media (max-width: 1365px) {
  .page-content-gutenberg h2 {
    font-size: 24px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg h2 {
    font-size: 20px;
    line-height: 29px;
  }
}
.page-content-gutenberg h3 {
  font-size: 24px;
  line-height: 55px;
}
@media (max-width: 1365px) {
  .page-content-gutenberg h3 {
    font-size: 24px;
    line-height: 43px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg h3 {
    font-size: 18px;
    line-height: 26px;
  }
}
.page-content-gutenberg h4 {
  font-size: 20px;
  line-height: 55px;
}
@media (max-width: 1365px) {
  .page-content-gutenberg h4 {
    font-size: 20px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg h4 {
    font-size: 20px;
    line-height: 24px;
  }
}
.page-content-gutenberg h5 {
  font-size: 20px;
  line-height: 55px;
}
@media (max-width: 1365px) {
  .page-content-gutenberg h5 {
    font-size: 20px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg h5 {
    font-size: 16px;
    line-height: 23px;
  }
}
.page-content-gutenberg h6 {
  font-size: 20px;
  line-height: 55px;
}
@media (max-width: 1365px) {
  .page-content-gutenberg h6 {
    font-size: 20px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg h6 {
    font-size: 15px;
    line-height: 22px;
  }
}
.page-content-gutenberg a {
  text-decoration: none;
  transition: all 0.3s linear;
}
.page-content-gutenberg a:hover {
  text-decoration: underline;
}
.page-content-gutenberg p {
  padding: 8px 0;
  font-size: 19px;
  line-height: 37px;
}
@media (max-width: 1365px) {
  .page-content-gutenberg p {
    padding: 5px 0;
    font-size: 19px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg p {
    padding: 3px 0;
    font-size: 15px;
    line-height: 20px;
  }
}
.page-content-gutenberg figure.wp-block-image {
  margin: 40px auto 30px;
}
@media (max-width: 1365px) {
  .page-content-gutenberg figure.wp-block-image {
    margin: 20px auto;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg figure.wp-block-image {
    margin: 15px auto;
  }
}
.page-content-gutenberg figure.wp-block-image img {
  height: auto;
}
.page-content-gutenberg figure.wp-block-embed .wp-block-embed__wrapper {
  position: relative;
  margin: 0 auto;
  height: 0;
  width: 100%;
  padding-bottom: 69%;
  overflow: hidden;
}
.page-content-gutenberg figure.wp-block-embed .wp-block-embed__wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-content-gutenberg figure figcaption {
  font-size: 18px;
  line-height: 37px;
  margin-top: 20px;
  color: #939598;
  text-align: center;
}
@media (max-width: 1365px) {
  .page-content-gutenberg figure figcaption {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg figure figcaption {
    font-size: 10px;
    line-height: 14px;
    margin-top: 5px;
  }
}
.page-content-gutenberg ul,
.page-content-gutenberg ol {
  list-style: none;
  padding: 30px 0;
}
@media (max-width: 1365px) {
  .page-content-gutenberg ul,
  .page-content-gutenberg ol {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg ul,
  .page-content-gutenberg ol {
    padding: 15px 0;
  }
}
.page-content-gutenberg ul li,
.page-content-gutenberg ol li {
  position: relative;
  padding-left: 34px;
  margin: 10px 0;
  font-size: 16px;
  line-height: 30px;
}
@media (max-width: 1365px) {
  .page-content-gutenberg ul li,
  .page-content-gutenberg ol li {
    font-size: 15px;
    line-height: 25px;
    padding-left: 36px;
    margin: 8px 0;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg ul li,
  .page-content-gutenberg ol li {
    font-size: 15px;
    line-height: 20px;
    padding-left: 20px;
    margin: 5px 0;
  }
}
.page-content-gutenberg ul li:first-child,
.page-content-gutenberg ol li:first-child {
  margin-top: 0;
}
.page-content-gutenberg ul li:last-child,
.page-content-gutenberg ol li:last-child {
  margin-bottom: 0;
}
.page-content-gutenberg ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 15px;
  height: 15px;
  /* background-color: #F15E3D; */
  border-radius: 5px 0px 0px 5px;
}
@media (max-width: 1365px) {
  .page-content-gutenberg ul li:before {
    top: 11px;
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg ul li:before {
    top: 7px;
    width: 8px;
    height: 8px;
  }
}
.page-content-gutenberg ol {
  counter-reset: list;
}
.page-content-gutenberg ol li {
  position: relative;
  list-style: none;
  padding-left: 50px;
  font-size: 21px;
  line-height: 37px;
}
@media (max-width: 1365px) {
  .page-content-gutenberg ol li {
    font-size: 18px;
    line-height: 30px;
  }
}
@media (max-width: 1023px) {
  .page-content-gutenberg ol li {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg ol li {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 479px) {
  .page-content-gutenberg ol li {
    padding-left: 30px;
  }
}
.page-content-gutenberg ol li:before {
  /* position: absolute;
	left: 0;
	content: counter(list);
	counter-increment: list;
	font-family: AtypSemibold; */
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 1365px) {
  .page-content-gutenberg ol li:before {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg ol li:before {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-content-gutenberg h2 + *,
.page-content-gutenberg h3 + *,
.page-content-gutenberg h4 + *,
.page-content-gutenberg h5 + *,
.page-content-gutenberg h6 + *,
.page-content-gutenberg > *:first-child {
  padding-top: 0;
  margin-top: 0;
}
.page-content-gutenberg .wp-block-quote {
  position: relative;
  max-width: 100vw;
  margin: 22px 0;
  padding: 32px 0 32px 40px;
}
@media (max-width: 1365px) {
  .page-content-gutenberg .wp-block-quote {
    margin: 15px 0;
    padding: 27px 0 27px 30px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg .wp-block-quote {
    margin: 12px 0;
    padding: 26px 0 26px 20px;
  }
}
.page-content-gutenberg .wp-block-quote > * {
  position: relative;
  max-width: 804px;
  width: 100%;
  margin: 0 auto;
}
.page-content-gutenberg .wp-block-quote cite {
  display: block;
  margin-top: 12px;
  color: #939598;
  font-style: normal;
  font-size: 21px;
  line-height: 37px;
}
@media (max-width: 1365px) {
  .page-content-gutenberg .wp-block-quote cite {
    margin-top: 10px;
    font-size: 18px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg .wp-block-quote cite {
    margin-top: 2px;
    font-size: 12px;
    line-height: 20px;
  }
}
.page-content-gutenberg .wp-block-quote::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  width: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #f15e3d;
}
@media (max-width: 1365px) {
  .page-content-gutenberg .wp-block-quote::before {
    top: 32px;
    bottom: 32px;
  }
}
@media (max-width: 767px) {
  .page-content-gutenberg .wp-block-quote::before {
    top: 22px;
    bottom: 22px;
    width: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}
@media (max-width: 479px) {
  .page-content-gutenberg .wp-block-quote::before {
    top: 18px;
    bottom: 18px;
  }
}

/* Hot Fix */
/* .single-post.country-ukraine-army .vacancy-contact .modal-header,
.single-post.country-ukraine-army .vacancy-contact .modal-body {
  display: none;
} */

/* intro image */
@media (max-width: 1023px) {
  .cityimg {
    position: absolute;
    bottom: -1.5%;
    left: 60%;
    transform: translate(-50%, 0px);
    width: 300%;
  }

  #city {
    overflow: hidden;
  }

  .country-ukraine-army .cityimg {
    left: 15%;
  }
}

/* slogan */
.main-content-wrapper .widget-item.army-thelobbyx {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.main-content-wrapper .widget-item.army-thelobbyx .textwidget {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1366px) {
  .main-content-wrapper .widget-item.army-thelobbyx .textwidget {
    width: 100%;
  }
}
/* footer tg */
.info__col.info__col--center {
  align-items: start;
}

/* sticky-post */
.post_item .sticky-post {
  position: absolute;
  top: 10px;
  right: 10px;
}
.post_item .sticky-post svg {
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
  /* fill: #e79c14; */
}

/* footer copyright */
.main-content-wrapper .bottom-footer-copyright div {
  color: white;
}
.main-content-wrapper .bottom-info--home:last-of-type {
  padding-bottom: 0;
}

/* footer copyright single */
.single-tors .vacancy-page .bottom-info {
  flex-wrap: wrap;
}

.single-tors .vacancy-page .vacancy-container .footer-widget .textwidget {
  display: flex;
}

.single-tors .vacancy-page .vacancy-container .footer-widget a {
  margin-left: 5px;
}

.single-tors
  .footer-wrapper
  .vacancy-container.bottom-info
  .footer-single-copyright {
  width: 100%;
  color: white;
  padding: 10px 0;
}

.single-tors .footer-wrapper .vacancy-container {
  padding-bottom: 85px;
  padding-top: 24px;
}

/* footer-partners */
.bottom-info--home-js-center {
  display: flex;
  justify-content: center;
}
.footer-partners {
  display: flex;
  margin-top: 35px;
  padding-top: 10px;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.footer-partners__item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  /* border: 1px solid gray; */
}
@media (max-width: 1023px) {
  .partners-irf.partners-brdo img {
    margin: 0 50px;
  }
}
@media (max-width: 768px) {
  .footer-partners__item {
    margin-bottom: 15px;
  }
}
.footer-partners__item img {
  max-width: 200px;
  height: 100px;
}
.footer-partners__item h2 {
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  color: #ffffff;
  text-transform: none;
  width: 100%;
}

@media (max-width: 1023px) {
  .footer-wrapper {
    height: 15%;
  }
}
@media (max-width: 768px) {
  .footer-wrapper {
    height: 10%;
  }
}

/* CF7 captcha  */
.anr_captcha_field {
  text-align: center;
  display: flex;
  justify-content: center;
}

/* CF7 forms paragraph-policy-rule */
.wpcf7 p.paragraph-current-military,
.wpcf7 p.paragraph-policy-mailer,
.wpcf7 p.paragraph-policy-rule {
  text-align: left;
}

.wpcf7 p.paragraph-current-military .wpcf7-list-item,
.wpcf7 p.paragraph-policy-mailer .wpcf7-list-item,
.wpcf7 p.paragraph-policy-rule .wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 0em;
}

.wpcf7 p.paragraph-policy-rule span.wpcf7-list-item-label {
  color: red;
}
.wpcf7 p.paragraph-policy-rule span.wpcf7-list-item-label span {
  color: black;
}

.wpcf7 p .person-cv-textarea {
  height: 115px;
}

/* CF7 forms army btn */
.country-ukraine-army
  .wpcf7
  .wpcf-add-more-file__wrap
  .wpcf-add-more-file__btn {
  background: rgb(108 131 75);
}

/* new LX logo */
.hdr-logo.hdr-logo-new img,
.hdr-logo.hdr-logo-new svg {
  width: 100%;
  height: 86%;
  max-height: 400px;
}
@media (max-width: 1500px) {
  .hdr-logo.hdr-logo-new img,
  .hdr-logo.hdr-logo-new svg {
    width: 80%;
  }
}

@media (min-width: 1701px) {
  .hdr-logo.hdr-logo-new {
    width: 15%;
  }
}
@media (max-width: 1700px) {
  .hdr-logo.hdr-logo-new {
    width: 20%;
  }
}
@media (max-width: 1600px) {
  .hdr-logo.hdr-logo-new {
    width: 23%;
  }
}
@media (max-width: 1600px) {
  .header-graphics .hdr-logo.hdr-logo-new {
    margin-top: -2%;
  }
}
/* @media (max-width: 1366px) {
  .hdr-logo.hdr-logo-new img,
  .hdr-logo.hdr-logo-new svg {
    width: 80%;
  }
} */

.header-graphics .hdr-logo.hdr-logo-new {
  margin-top: 7%;
}
@media (max-width: 576px) {
  .hdr-logo.hdr-logo-new {
    position: static !important;
    margin-top: 10% !important;
    transform: translateY(0%) translateX(0%) !important;
  }
}

.single-tors .header-vacancy .hdr-logo img,
.single-tors .header-vacancy .hdr-logo svg {
  /* width: 202px; */
  /* margin-top: 26px; */
  width: 150px;
  margin-top: 10px;
}

@media (max-width: 1023px) {
  .single-tors .header-vacancy .hdr-logo img,
  .single-tors .header-vacancy .hdr-logo svg {
    /* margin-top: -30px;
    margin-bottom: -70px; */
    margin-top: -40px;
    margin-bottom: -105px;
    height: auto;
  }
  .single-tors .header-vacancy .hdr-logo {
    margin-top: 0% !important;
    height: 65px;
  }
}

/* New footer */
/* Partners */
.main-content-wrapper .footer-partners {
  border-top: 1px solid #5a5a5b;
  padding-top: 50px;
  margin-top: 35px;
}

.main-content-wrapper .bottom-info--home:last-of-type {
  border-top: 1px solid #5a5a5b;
  padding-top: 50px;
  margin-top: 35px;
}

/* Column */
.bottom-footer-copyright-new .info__col.info__col--copyright {
  width: auto;
  order: unset;
}

.bottom-footer-copyright-new .info__col.info__col--social {
  width: auto;
  order: unset;
  position: relative;
  top: -3px;
}

.bottom-footer-copyright-new .info__col.info__col--create {
  width: auto;
  order: unset;
}

@media (max-width: 1023px) {
  .bottom-footer-copyright-new .info__col.info__col--copyright {
    width: 100%;
  }

  .bottom-footer-copyright-new .info__col.info__col--social div {
    margin: auto;
  }

  .bottom-footer-copyright-new .info__col.info__col--create {
    margin: auto;
  }

  .bottom-footer-copyright-new .info__col {
    padding: 10px 0;
    margin: auto;
    width: 100%;
  }
}

.bottom-info--home.bottom-footer-copyright-new {
  row-gap: 10px;
}

.bottom-info--home.bottom-footer-copyright-new .footer__create {
  width: 100%;
  color: white;
  text-decoration: none;
  transition: 0.2s all;
  text-align: right;
}

.bottom-info--home.bottom-footer-copyright-new .footer__create:hover {
  text-decoration: none;
  transition: 0.2s all;
}

.bottom-info--home.bottom-footer-copyright-new .demch-logo__img {
  fill: white;
  transition: 0.2s all;
  height: 14px;
  width: 77px;
}

.bottom-info--home.bottom-footer-copyright-new
  .footer__create:hover
  .demch-logo__img {
  transition: 0.2s all;
}

/* color for thelobbyx */
.bottom-footer-copyright-new.bottom-footer-thelobbyx .footer__create:hover {
  color: #4fadce;
}

.bottom-footer-copyright-new.bottom-footer-thelobbyx
  .footer__create:hover
  .demch-logo__img {
  fill: #4fadce;
}

/* color for army */
.bottom-footer-copyright-new.bottom-footer-army .footer__create:hover {
  color: #61833f;
}

.bottom-footer-copyright-new.bottom-footer-army
  .footer__create:hover
  .demch-logo__img {
  fill: #61833f;
}

/*  wpcf7-textarea */
textarea.wpcf7-form-control.wpcf7-textarea.person-cv-textarea {
  resize: none;
}

/*  wpcf7-textarea army */
.country-ukraine-army
  textarea.wpcf7-form-control.wpcf7-textarea.person-cv-textarea {
  resize: none;
  padding: 14px;
}
.country-ukraine-army #addVacancy.single-tor p {
  margin: 0 0 5px;
}
.country-ukraine-army #addVacancy.single-tor label {
  margin-bottom: 2px;
}
.country-ukraine-army #addVacancy.single-tor p.paragraph-radio-gender {
  text-align: left;
}
.country-ukraine-army
  #addVacancy.single-tor
  p.paragraph-radio-gender
  .wpcf7-list-item.first {
  margin-left: 0;
}
.country-ukraine-army
  #addVacancy.single-tor
  p.paragraph-radio-gender
  .wpcf7-list-item.last {
  margin-left: 0.7em;
}
.country-ukraine-army #addVacancy.single-tor p.paragraph-current-military {
  margin-bottom: 0;
}
.country-ukraine-army
  #addVacancy.single-tor
  p.paragraph-current-military.dropdown-rank {
  margin: 0 0 5px;
}

.country-ukraine-army.single-tors #addVacancy .modal-dialog {
  padding-top: 15px;
}

/* filters hash colors */
.hashes .hashes__list {
  gap: 5px;
}
.hashes .filter-hash {
  padding: 2px 10px;
  text-decoration: none;
  transition: all 0.5s ease-out;
  border-radius: 4px;
}
.hashes .filter-hash.active,
.hashes .filter-hash:hover {
  color: white;
  transition: all 0.3s ease-out;
}

/* color army */
.country-ukraine-army .hashes .filter-hash.active,
.country-ukraine-army .hashes .filter-hash:hover {
  background: #6c834b;
}
/* color main */
.country-ukraine .hashes .filter-hash.active,
.country-ukraine .hashes .filter-hash:hover {
  background: #4fadce;
}

/* veterans btn start */
.country-ukraine-army .info-wrap--desktop .btn--veterans,
.country-ukraine .info-wrap--desktop .btn--veterans {
  margin-right: 2%;
}
@media (max-width: 1366px) {
  .country-ukraine-army .info-wrap--desktop .btn--veterans,
  .country-ukraine .info-wrap--desktop .btn--veterans {
    margin-right: 5px;
  }
}
@media (max-width: 1300px) {
  .country-ukraine-army .header-home .hdr-top-info,
  .country-ukraine .header-home .hdr-top-info {
    width: 80%;
  }
}
@media (max-width: 1200px) {
  .country-ukraine-army .header-home .hdr-top-info,
  .country-ukraine .header-home .hdr-top-info {
    width: 90%;
  }
}
@media (max-width: 1023px) {
  .country-ukraine-army .info-wrap--desktop .btn--veterans,
  .country-ukraine .info-wrap--desktop .btn--veterans {
    display: none;
  }
}
.country-ukraine-army .info-wrap--mobile .btn--veterans,
.country-ukraine .info-wrap--mobile .btn--veterans {
  margin-right: 0;
  order: 1;
}
.country-ukraine-army .info-wrap--mobile .btn--about-us,
.country-ukraine .info-wrap--mobile .btn--about-us {
  order: 2;
}
.country-ukraine-army .info-wrap--mobile .btn--vacantion-zsu,
.country-ukraine .info-wrap--mobile .btn--vacantion-zsu {
  order: 3;
}
@media (max-width: 1024px) {
  .country-ukraine-army .header-wrapper,
  .country-ukraine .header-wrapper {
    max-height: 450px;
  }
}
@media (max-width: 580px) {
  .country-ukraine-army .header-wrapper,
  .country-ukraine .header-wrapper {
    max-height: 380px;
  }
}
.country-ukraine-army .info-wrap--desktop .btn--veterans:hover,
.country-ukraine-army .info-wrap--mobile .btn--veterans:hover {
  background: #6c834bba;
  color: white !important;
  transition: all 0.3s;
}
/* veterans btn end */

/* vacancy-is-closed start */
.vacancy-is-closed .vacancy-description,
.vacancy-is-closed .container.vacancy-contact {
  opacity: 0.6;
}

.vacancy-close {
  background: #f6f6f6;
  width: 100%;
  border-radius: 14px;
}

.vacancy-close .vacancy-close__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;

  width: 280px;
  max-width: 280px;

  padding-top: 32px;
  padding-bottom: 35px;
  margin: auto;
}

.vacancy-close .vacancy-close__icon {
  padding-bottom: 15px;
}

.vacancy-close .vacancy-close__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 20.7px;
  text-align: center;
  color: #6c834b;
  margin-bottom: 6px;
}

.vacancy-close .vacancy-close__subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.1px;
  text-align: center;
  margin-bottom: 16px;
}

.vacancy-close .vacancy-close__btn:hover a {
  background: #6c834bba;
  transition: all 0.3s ease-out;
}
.vacancy-close .vacancy-close__btn a {
  background: #6c834b;
  transition: all 0.3s ease-out;

  padding: 10px 58px 10px 58px;
  border-radius: 4px;
  color: white;
  text-transform: uppercase;
  font-weight: 400;
}
/* vacancy-is-closed end */

/* vacancy-link-units start */
.single-tors .post-vacancy .vacancy-logo-img {
  margin: 20px auto 5px auto;
}
.single-tors .post-vacancy .about-unit {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.single-tors .post-vacancy .about__unit--button svg {
  height: 14px;
  width: 14px;
}
.single-tors .post-vacancy .about__unit--button {
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
  padding: 10px 20px;
  border: 1px solid #6c834b;
  font-size: 14px;
  font-weight: 400;
  color: #6c834b;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.single-tors .post-vacancy .about__unit--button:hover {
  background-color: #6c834b;
  color: white;
}
/* vacancy-link-units end */
