/*
	Theme Name: efi
*/
@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;1,400&display=swap');
/*
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*/


a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1;
	font-family: 'Play', sans-serif !important;
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none;
	border-left: 5px solid rgba(27, 44, 193, 1);
    padding-left: 20px;
    font-style: oblique;
	display: block;
    width: 100%;
    text-align: justify;
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
body {
	font-size: 16px!important;
	min-width: 320px;
	position: relative;
	padding-right: 0!important;
	line-height: 24px!important;
	/*font-family: FiraSans, sans-serif;*/
	font-family: 'Play', sans-serif;
	font-weight: 400;
	color: #262626;
	margin: 0;
	background-color: #fff
}
body.initialize {
	overflow: hidden
}
body a {
	color:#1B2CC1;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s
}
body a:focus, body a:hover {
	color: #00D47A ;
	text-decoration: none;
	outline: 0
}
body:focus {
	outline: 0
}
.hidden {
	display: none
}
img {
	vertical-align: middle;
	border: 0
}
.container-video, .container-video > div, .container-video > div > video{
	display: flex;
  	justify-content: center;
  	align-items: center; 
}
.loader {
	background: none repeat scroll 0 0 #fff;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999
}
.loader .pre_loader_inner {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
@media (min-width:768px) {
	.container {
		width: 750px
	}
}
@media (min-width:992px) {
	.container {
		width: 970px
	}
}
@media (min-width:1200px) {
	.container {
		width: 1170px
	}
}
@media only screen and (max-width:991px) and (min-width:768px) {
	.hidden-sm {
		display: none!important
	}
}
@media only screen and (max-width:767px) {
	.hidden-xs {
		display: none!important
	}
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
img {
	vertical-align: middle
}
strong {
	font-weight: 700
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto
}
.thumbnail a > img, .thumbnail > img {
	display: block;
	max-width: 100%;
	height: auto
}
[role=button] {
	cursor: pointer
}
.list-none {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.dim {
	vertical-align: middle;
	display: inline-block
}
.head_wrap {
	visibility: hidden;
	position: relative
}
.home-fix body {
	-webkit-transition: background-color 1s ease;
	-o-transition: background-color 1s ease;
	transition: background-color 1s ease
}
.home-fix body .head_wrap {
	position: relative;
	width: 100vw
}
.section_generique {
	height: 100%;
	padding: 0
}
header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 0 60px;
	height: 90px
}
header .logo {
	text-decoration: none;
	display: inline-block;
	position: relative;
	margin-top: -5px;
	z-index: 200
}
header .logo img {
	height: 70px
}
.contact-rapide {
	z-index: 200;
	right: 0;
	color: #4f4546;
	text-transform: uppercase;
	font-size: .875em;
	font-weight: 700
}
.link-phone {
	cursor: context-menu
}
.link-phone i {
	display: none
}
body.open_nav {
	background-color: #111!important
}
body.open_nav .contact-rapide {
	color: #fff
}
body.open_nav .contact-rapide a {
	color: #fff;
	text-decoration: none
}
body.open_nav .contact-rapide a:visited {
	color: #fff;
	text-decoration: none
}
body.open_nav .contact-rapide a:focus, body.open_nav .contact-rapide a:hover {
	color: #797979
}
.menu ul li {
	margin: 0 12px;
	position: relative;
	display: inline-block
}
.menu ul li a {
	color: #253651;
	font-size: 16px;
	font-weight: 400;
	line-height: 90px
}
.menu ul li a:hover {
	color: #1b2cc1;
}
.menu > ul > li > a:hover {
	border-bottom: 2px solid #1b2cc1;
	padding: 10px 0;
}
.menu ul li .sub-menu {
	position: absolute;
	display: none;
	top: 100%;
	background-color: #fff;
	z-index: 100;
	width: auto;
	white-space: nowrap;
	left: 0;
}
.menu ul li .sub-menu li {
	display: block;
	padding: 5px 15px;
	text-align: left;
	margin: 0;
	border-top: 1px solid #cdcdcd;
	background-color: rgba(200,200,200,0.1);
}
.menu ul li .sub-menu li:last-child {
	border-bottom: 1px solid #cdcdcd;
}
.menu ul li .sub-menu li a {
	line-height: 20px;
	text-transform: math-auto;
    font-weight: normal;
}
}
.menu ul li.qtranxs-lang-menu a img {
	vertical-align: baseline
}
.menu ul li:hover .sub-menu {
	display: block
}
.form_search {
	position: relative
}
.form_search .search-field {
	position: relative;
	padding: 5px 10px 5px 40px;
	vertical-align: top;
	min-height: 40px;
	width: 100%;
	border: 1px solid #cdcdcd;
	display: inline-block;
	-webkit-transition: all .3s ease;
	border-radius: 7px;
}
.form_search .form_search_submit {
	position: absolute;
	left: 10px;
	top: 10px;
	background: 0 0;
	border: none;
	font-family: Linearicons-Free;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}
.form_search .form_search_submit:after {
	content: "\e86f";
	font-size: 20px
}
.form_search .form_search_submit input[type=Submit] {
	font-size: 0;
	border: none;
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent
}
.animation-home {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #111;
	position: relative
}
.container-video {
	position: relative;
	width: 100%;
	opacity: .9;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	max-height: -webkit-calc(100vh - 90px);
	max-height: calc(100vh - 90px)
}
.container-video:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(14, 43, 60, .5)
}
.container-video iframe, .container-video video {
	top: 0;
	width: 100%;
	height: 100%;
	bottom: 0
}
.container-video .vjs-control, .container-video .vjs-control-bar, .container-video .vjs-hidden, .container-video button {
	display: none
}
.video-loader {
	position: absolute;
	top: 50%;
	width: 80px;
	background-color: #fbfbfb;
	left: 50%;
	height: 80px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: -40px 0 0 -40px;
	overflow: hidden
}
.main_head {
	width: 640px;
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}
.main_head h1 {
	color: #fff;
	margin-bottom: 40px;
	font-size: 46px;
	line-height: 54px;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.main_head .main_head_btn {
	display: inline-block;
	white-space: nowrap;
	padding: 12px 20px;
	background-color: rgba(14, 43, 60, .5);
	color: #fff;
	margin: 5px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.main_head .main_head_btn:hover {
	background-color: #0e2b3c;
}
.mute_video {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #828886;
	font-size: 30px;
	cursor: pointer;
	width: 35px;
	z-index: 1
}
.mute_video .fa-volume-up {
	display: block
}
.mute_video .fa-volume-down {
	display: none
}
.mute_video.unmute-video {
	color: #364b4a
}
.mute_video.unmute-video .fa-volume-up {
	display: none
}
.mute_video.unmute-video .fa-volume-down {
	display: block
}
.atm-player-dimensions {
	width: 100%!important;
	height: auto!important
}
.mobile_menu {
	margin-top: 70px;
	position: fixed;
	width: 100%;
	height: calc( 100% - 70px );
	background-color: rgba(0, 0, 0, .85);
	z-index: 50;
	right: 0;
	top: 0;
	display: none;
}
.mobile_menu li, .mobile_menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}
.mobile_menu ul {
	border-top: 2px solid #fff;
	margin-top: /*70px*/ 0;
	text-align: center;
	-webkit-animation-duration: .01s;
	animation-duration: 10ms
}
.mobile_menu ul li {
	display: block;
	padding: 0!important;
    border-bottom: 1px solid #777;
}
.mobile_menu ul li a {
	color: #fff;
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	opacity: 0;
	position: relative;
	height: 50px;
	outline: 0;
	line-height: 50px!important
}
.mobile_menu ul li a:hover {
	background-color: rgba(255, 255, 255, .08)
}
.mobile_menu ul li .sub-menu {
	margin-top: 0;
	position: initial;
	display: none;
	background-color: transparent;
	width: 100%
}
.mobile_menu ul li .sub-menu li {
	text-align: center
}
.mobile_menu ul li#menu-item-246  .sub-menu {
	display: block;
}
.mobile_menu ul li#menu-item-246 {
	margin-top: 100px;
}
.mobile_menu ul li#menu-item-246 > a {
	display:none;
}
.toggle_mnu {
	width: 60px;
	height: 60px;
	position: fixed;
	z-index: 110;
	border: none;
	right: 0;
	top: 2px;
	background-color: rgba(171, 153, 153, 0)
}
.toggle_mnu:focus {
	outline: 0
}
.toggle_mnu span {
	display: block
}
.toggle_mnu > span > span {
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .7);
	box-shadow: 0 0 4px rgba(0, 0, 0, .7)
}
@media only screen and (min-width:992px) {
	.toggle_mnu {
		display: none
	}
}
.sandwich {
	width: 28px;
	height: 28px;
	position: absolute;
	top: 8px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 200
}
.sw-topper {
	position: relative;
	top: 0;
	width: 28px;
	height: 3px;
	background: #fff;
	border: none;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-transition: -webkit-transform .5s, top .2s;
	-webkit-transition: top .2s, -webkit-transform .5s;
	transition: top .2s, -webkit-transform .5s;
	-o-transition: transform .5s, top .2s;
	transition: transform .5s, top .2s;
	transition: transform .5s, top .2s, -webkit-transform .5s;
	display: block
}
.sw-bottom {
	position: relative;
	width: 28px;
	height: 3px;
	top: 6.6px;
	background: #fff;
	border: none;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-transition: -webkit-transform .5s, top .2s;
	-webkit-transition: top .2s, -webkit-transform .5s;
	transition: top .2s, -webkit-transform .5s;
	-o-transition: transform .5s, top .2s;
	transition: transform .5s, top .2s;
	transition: transform .5s, top .2s, -webkit-transform .5s;
	-webkit-transition-delay: .2s, 0;
	-o-transition-delay: .2s, 0;
	transition-delay: .2s, 0
}
.sw-footer {
	position: relative;
	width: 28px;
	height: 3px;
	top: 13.5px;
	background: #fff;
	border: none;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s
}
.sandwich.active .sw-topper {
	top: 9px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.sandwich.active .sw-bottom {
	top: 6px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.sandwich.active .sw-footer {
	opacity: 0;
	top: 0;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
@media only screen and (max-height:380px) {
	.animation-home, .txt-presentation-home {
		display: none
	}
}
@media only screen and (min-width:2000px) {
	.container-image-single {
		-webkit-background-size: cover;
		background-size: cover;
		background-position: top center
	}
	.container-video iframe, .container-video video {
		width: 100%;
		height: auto;
		background-color: #fff
	}
}
@media only screen and (max-width:1315px/*1200px*/) {
	.overlay .menu {
		overflow-x: hidden;
		overflow-y: scroll
	}
	.overlay .menu .container-fluid {
		height: auto
	}
	header {
		height: 70px;
		padding: 0 20px
	}
	header .logo img {
		height: 50px
	}
	.menu ul li {
		margin: 0 5px
	}
	.menu ul li a {
		font-size: 14px;
		line-height: 70px
	}
}
@media only screen and (max-width:992px) {
	header {
		padding: 0 70px
	}
}
@media only screen and (max-width:490px) {
	header {
		padding: 15px 60px;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: auto
	}
	header .logo {
		margin-bottom: 10px
	}
	.form_search {
		width: 100%
	}
}
@media only screen and (max-width:480px) {
	.main_head h1 {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 20px
	}
}

.alignright {
	padding: 10px 0 10px 20px;
	text-align:right;
}
.alignleft {
	padding: 10px 20px 10px 0;
	text-align:left;
}
.data {
	padding-top: 15px;
    font-style: italic;
    font-size: 14px;
    color: #00D47A;
}

.page_content_wrap > p, .container > p {
	text-align:justify;
}

@media only screen and (max-width: 1020px) {
	.menu ul li a {
		font-size: 1.5em;
		line-height: 70px;
	}
}
 
form#gal_front_form_0, form#gal_front_form_1, form#gal_front_form_2 {
	width:100%;
}
@media only screen and (max-width:767px) {
			
}
.vacancies .vacancies_items .vacancies_item .title {
	font-size: 1.5em;
    display: block;
    line-height: 1.5em;
    color: #0e2b3c;
    font-weight: 600;
}
.vacancies .vacancies_items .vacancies_item:nth-child(even) {
	background-color:#1B2CC1 !important;
	color: #fff;
}
.vacancies .vacancies_items .vacancies_item:nth-child(even) .title,
.vacancies .vacancies_items .vacancies_item:nth-child(even) a {
    color: #fff;
}
.vacancies .vacancies_items .vacancies_item:nth-child(even) a:hover {
    color: #fff;
}
.vacancies .vacancies_items .vacancies_item:nth-child(even) hr{
	background-color:#fff;
}
.container h2,
.portfolio h2 {
	color: #1B2CC1;
}
.values h2 {
	color: #fff !important;
}
.btn_style, .portfolio_title, .button_wrap a, button,
.main_head_btn, .more_news, .number_wrap .number,
footer .footer_wrap .item .social__list li a {
    background-color: #1B2CC1 !important;
    border-radius: 7px;
    color: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	transition: all .6s;
 }
.btn_style:hover, .portfolio_title:hover, .button_wrap a:hover, button:hover,
.main_head_btn:hover,  .more_news:hover,
footer .footer_wrap .item .social__list li a:hover {
	background-color: #00D47A !important;
	border-radius: 7px;
	color: #fff;	
	transition: all .6s;
}
.values_item .number {
	color: #00D47A !important;
}
.page_baner_line {
	width: 220px;
    margin-bottom: 50px;
}
.values .page_title {
    color: #fff;
    margin-bottom: 30px !important;
}
.container .page_baner_line {
	border-color: #00D47A;
}
.values,
.page_head:before {
    background-color: #1B2CC1 !important;
}
.values .page_baner_line {
	border-color: #fff;
}
footer {
	background: #333 !important;
}
footer .footer_wrap .item .lnr {
	color: #00beff !important; /*голубой*/
}
.news .news_items .news_item .image_wrap img {
	border-radius: 7px !important;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.news .news_items .news_item {
	overflow: visible !important;
}
.mt-50 {
	margin-top: 50px;
}
.page_title_2 {
	text-align: center;
    padding-bottom: 0;
}
.page_title_2 a {
	color: #ffffff;
	font-weight: normal;
    text-transform: uppercase;
    font-size: 36px;
}
.page_title_2 a:hover {
	color: #00D47A ;
}
.youtube {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
  border-radius:7px;
  text-align:center;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  margin: 20px 0;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}
.pdf {
	display:flex;
	line-height:32px;
}
.pdf:before {
	content:" ";
	display: block;
	width:32px;
	height:32px;
	background-image: url(https://efi.ua/wp-content/uploads/2023/10/pdf.svg);
	background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    padding-right: 10px;
}
.page_content_wrap img:not(.none) {
	text-align:center;
	border-radius:7px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.about .content_wrap .description {
	width:100%;
}
.xxymvpz {
	margin-right: 10px;
}
.news .news_items .news_item .image_wrap {
    width: 40%;
    position: relative;
}
.news .news_items .news_item .image_wrap .text_zone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
}
.news .news_items .news_item .image_wrap .text_zone > .text {
	cursor: default;
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
    font-size: 2em;
    font-style: italic;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
	line-height: 1.4em;
	padding:0.5em;
}
.page_content_wrap ul, .page_content_wrap ol {
	margin-bottom: 20px;
}
.news .news_items .news_item .fon {
    background-color: #1B2CC1;
    border-radius: 7px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	min-height:300px;
}
.news .news_items .news_item .fon .fon_logo {
    position: absolute;
    top: 0;
    left: 30px;
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 0 0 7px 7px;
    display: table;
}
.news .news_items .news_item .fon .fon_logo .logo {
	background-image: url(https://efi.ua/wp-content/uploads/2023/09/logo.svg);;
	width: calc(100% - 20px);
    height: calc(100% - 30px);
	min-height: 70px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 20px 10px 10px;
}
.news .news_items .news_item .number_wrap .line {
	z-index: 3;
}
@media only screen and (orientation: portrait) and (min-device-width: 320px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3){
	.container-video video {
		height: 70vh;
		object-fit: cover;
	}
}
/* add 2024.12.27 */
.sub_title {
	padding: 15px;
    margin: 1em 0;
    border-radius: 7px;
    color: #fff;
    text-transform: uppercase;
    background-color: #1B2CC1;
    text-align: center;
    font-size: 2em;
}
.person_row {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.person_item {
	width: 33%;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}
.person_item img {
	width: 90%;
	margin: 0;
	padding: 0;
}
.person_item h4 {
	font-size: 1.5em;
	padding: 0.5em 0 0;
	color: #1B2CC1;
	font-weight:bold;
}
.person_item p {
	font-size: 1em;
}
@media only screen and (max-width:767px) {
	.person_item {
		width: 100%;
	}		
}
.flogo {
	position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 0 0 7px 7px;
    width: 100px;
    height: 100px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.flogo .logo {
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	width: calc(100% - 20px);
    height: calc(100% - 30px);
    min-height: 70px;
	margin: 20px 10px 10px;
}
.vacancies .vacancies_items .vacancies_item {
	position: relative;
}