@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');

body { font-size: 16px; font-family: 'Roboto', sans-serif; width: 100%; overflow-x: hidden; }
body.noScroll { overflow-y: hidden; height: 100%; }
a { outline: none; }
p { margin: 0; }
ul { margin: 0; padding: 0; }
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
.pos_relative { position: relative; }
.loading { position: absolute; left: -40px; top: 5px; display: none; }
.loading.show { display: block; }

.parallax-window { position: relative;min-height: 500px; background: transparent; margin-bottom: 50px; box-shadow: inset 0px 0px 20px 1px rgba(0,0,0,0.75); margin-left: -15px; margin-right: -15px; }
.parallax-window .text { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); font-size: 2em; }
@media (max-width: 576px) {
	.parallax-window{ display: none; }
}

.qpas-element { margin-bottom: 50px; overflow: hidden; }
.qpas-element .logo-mic { display: table; margin: 0 auto; position: relative; }
.qpas-element .logo-mic::before { content: ""; display: block; position: absolute; top: 7px; left: 65px; width: 600px; height: 1px; background: rgb(208,0,0); background: linear-gradient(90deg, rgba(208,0,0,1) 0%, rgba(32,31,37,1) 100%); }
.qpas-element .logo-mic::after { content: ""; display: block; position: absolute; top: 7px; right: 65px; width: 600px; height: 1px; background: rgb(208,0,0); background: linear-gradient(270deg, rgba(208,0,0,1) 0%, rgba(32,31,37,1) 100%); }
.qpas-element .logo-mic img { max-width: 50px; display: block; }


header { position: relative; color: #fff; background: #161616; }
header.culoare { border-top: 5px solid rgba(208,0,0,1); }
header.culoare2 { border-top: 3px solid rgba(208,0,0,1); border-bottom: 3px solid rgba(208,0,0,1); }

header .logo { float: left; margin-left: 50px; padding: 10px; background: #fff; position: relative; }
header .logo .text { position: absolute; color: #E8E8E8; left: 110%; width: 230px; top: 22px; font-size: 18px; letter-spacing: 1px; }

.slider .text1, .slider .text2 { font-weight: bold; }
.slider .text2 { color: rgba(208,0,0,1) }

section.main-content { margin: 40px 0; }

section.main-content .tabbed-info { margin-bottom: 50px; } 
section.main-content .tabbed-info .menu-wrapper { margin-bottom: 20px; border-bottom: 1px solid #cfcfcf; }
section.main-content .tabbed-info .menu-wrapper .tabbed-menu { display: flex; width: 80%; margin: 0 auto; }
section.main-content .tabbed-info .menu-wrapper .tabbed-menu > div { width: 100%; }
section.main-content .tabbed-info.subcats .menu-wrapper .tabbed-menu { width: 100%; justify-content: center; }
section.main-content .tabbed-info.subcats .menu-wrapper .tabbed-menu > div { width: auto; padding: 0 20px; }
section.main-content .tabbed-info .menu-wrapper .tabbed-menu p { cursor: pointer; text-align: center; padding: 10px 0; position: relative; }
section.main-content .tabbed-info.subcats .menu-wrapper .tabbed-menu p { font-weight: bold; }
section.main-content .tabbed-info .menu-wrapper .tabbed-menu p.current::before { content: ""; display: block; position: absolute; bottom: 0; height: 2px; width: 100%; background: rgba(208,0,0,1); }
section.main-content .tabbed-info .tab-content { opacity: 0; visibility: hidden; height: 0; }
section.main-content .tabbed-info .tab-content.current { opacity: 1; visibility: visible; height: auto; }
section.main-content .tabbed-info .tab-content .number { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 4em; line-height: 1.1em; color: rgba(208,0,0,1); text-align: center; }
section.main-content .tabbed-info .text h2 { margin-bottom: 20px; }

header .main-menu { position: absolute; top: 50%; transform: translateY(-50%); right: 50px; z-index: 1; }
header .main-menu ul { list-style: none; display: flex; }
header .main-menu > ul > li { position: relative; }
header .main-menu > ul > li > a { display: block; padding: 10px; font-size: 15px; color: rgb(182, 182, 182); text-transform: uppercase; text-decoration: none; transition: all .5s ease-out; }
header .main-menu > ul > li:hover > a, header .main-menu > ul > li.active > a { color: #fff; }

@media (min-width: 1200px) {
	header .menu-toggle { display: none; }
	header .main-menu > ul > li > .drop { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); list-style: none; flex-direction: column; background: #272727; padding: 15px 5px; opacity: 0; visibility: hidden; transition: all .25s cubic-bezier(0.215, 0.610, 0.355, 1); border-radius: 10px; box-shadow: 6px 6px 15px 0px rgba(0,0,0,0.75); }
	header .main-menu > ul > li:hover > .drop { opacity: 1; visibility: visible; }
	header .main-menu > ul > li > .drop > li { display: block; }
	header .main-menu > ul > li > .drop > li > a { display: block; position: relative; padding: 3px 30px; color: #fff; white-space: nowrap; color: #b6b6b6; }
	header .main-menu > ul > li > .drop > li:hover > a { color: #fff; text-decoration: none; }
	header .main-menu > ul > li > .drop > li:hover > a::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f12e"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; padding-left: 7px; }
	header .main-menu > ul > li:hover > .drop::before { content: ""; position: absolute; top: -14px; left: 50%; transform: translateX(-50%); display: block; width: 20px; height: 17px; background: #272727; border-radius: 10px; }
}
@media (max-width: 1200px) {
	header .main-menu { opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; left: 0; top: 0; transform: none; background: #000; padding-left: 20px; }
	header .main-menu.open { opacity: 1; visibility: visible; z-index: 98; overflow-y: auto; }
	header .main-menu ul { height: 100%; flex-direction: column; padding-top: 80px; }
	header .main-menu ul li a { display: block; padding: 5px; }
	header .main-menu > ul > li > .drop { padding-top: 0; margin-bottom: 15px; margin-left: 20px; }
	header .main-menu > ul > li > .drop a { padding: 0px; color: #b6b6b6; }
	
	header .menu-toggle {
		position: absolute;
		top: 27px;
		right: 10px;
		display: block;
		width: 30px;
		height: 18px;
		background: transparent;
		border-top: 2px solid;
		border-bottom: 2px solid;
		color: #fff;
		font-size: 0;
		-webkit-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		cursor: pointer;
		z-index: 99;
	}
	header .menu-toggle:before, header .menu-toggle:after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		top: 50%;
		left: 50%;
		background: currentColor;
		-webkit-transform: translate(-50%, -50%);
			  transform: translate(-50%, -50%);
		-webkit-transition: -webkit-transform 0.25s ease-in-out;
		transition: -webkit-transform 0.25s ease-in-out;
		transition: transform 0.25s ease-in-out;
		transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	}
	header .menu-toggle.is-active {
		border-color: transparent;
		color: rgba(208,0,0,1);
	}
	header .menu-toggle.is-active:before {
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
	}
	header .menu-toggle.is-active:after {
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
		transform: translate(-50%, -50%) rotate(-45deg);
	}
}
@media (max-width: 576px) {
	header .logo { margin-left: 0; width: 100px; }
	header .logo .text { top: 11px; font-size: 16px; letter-spacing: 0; }
	header .menu-toggle { top: 15px; }
}

section.main-content .lista-jobs a { color: #000; text-transform: uppercase; text-decoration: none; transition: all .5s ease-out; }
section.main-content .lista-jobs a:hover { color: rgba(208,0,0,1); }
section.main-content .form-jobs input, section.main-content .form-jobs .custom-file-label { font-size: 16px; color: #6c757d; }
section.main-content .titlu-cat { margin-bottom: 25px; text-transform: uppercase; }


footer .info { margin-bottom: 20px; }
footer .info .lista { list-style: none; margin-left: 30px; }
footer .info .lista li { position: relative; margin-bottom: 15px; }
footer .info .lista li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; color: #161616; content: "\f00c"; display: block; position: absolute; left: -20px; }
footer .info h4 { color: #353638; font-size: 19px; font-weight: 300; }
footer .info .text { color: #AAAAAA; font-size: 13px; line-height: 21px; }
footer .copyright { background: rgba(0, 0, 0, 0.03); text-align: center; padding: 27px 0; font-size: .8em; color: #AAAAAA; }
footer .copyright .qpas { color: #8E8E8E; }



/* cookie bar */
.consent-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    font-family: arial;
    box-shadow: #121212 2px 2px 14px 2px;
    background: #fff;
    box-sizing: border-box;
    z-index: 999;
    display: none
}
.consent-bar * {
    box-sizing: border-box
}
.consent-bar.open {
    display: block
}
.consent-bar .wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 15px 0
}
.consent-bar .wrapper .text {
    padding: 0 15px;
	font-size: 0.9em;
}
.consent-bar .wrapper .text h3 {
    margin: 0 0 15px 0
}
.consent-bar .wrapper .cookie-consent {
    display: none
}
.consent-bar .wrapper .cookie-consent.open {
    display: block
}
.consent-bar .wrapper .buton {
    padding: 5px 10px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 15px;
	font-size: 0.95em;
}
.consent-bar .wrapper .buton.btn_accept {
    background: #18a300;
    color: #fff
}
.consent-bar .wrapper .buton.btn_accept:hover {
    background: #1cc000
}
.consent-bar .wrapper .tab-link.btn_refuz {
    background: #ccc;
	font-weight: normal;
    color: #333333;
	float: right
}
.consent-bar .wrapper .tab-link.btn_refuz:hover {
	background: #d5d5d5
}
.consent-bar .wrapper .buton.btn_more {
    background: #ccc
}
.consent-bar .wrapper .buton.btn_more:hover {
    background: #d5d5d5
}

.cookie-consent {
    max-width: 100%;
    margin: 0 auto;
    padding-top: 15px
}
.cookie-consent ul {
    margin: 0;
    padding: 0
}
.cookie-consent .scroll {
    max-height: 190px;
    padding: 10px;
    overflow-y: scroll
}
.cookie-consent .scroll>div {
    min-width: 500px
}
.cookie-consent .top-menu {
    list-style: none;
    z-index: 1;
    position: relative
}
.cookie-consent .top-menu::after {
    content: "";
    display: block;
    clear: both
}
.cookie-consent .top-menu>li {
    float: left;
    border: 1px solid #b7b7b7;
    border-right: 0;
    background: #f5f5f5
}
.cookie-consent .top-menu>li.current {
    background: #fff;
    border-bottom: 1px solid #fff
}
.cookie-consent .top-menu>li:nth-last-child(-n+2) {
    border-right: 1px solid #b7b7b7
}
.cookie-consent .top-menu>li:last-child {
	float: right;
}
.cookie-consent .top-menu>li a {
    display: block;
    font-size: .85em;
	padding: 9px 24px 8px 24px;
    color: #000;
    text-decoration: none
}
@media (max-width:767px){
	.cookie-consent .top-menu>li {
		width: 33.33%;
	}
	.cookie-consent .top-menu>li a {
		font-size: .75em;
		padding: 9px 5px 8px 5px;
		width: 100%;
		text-align: center;
		height: 47px;
	}
}

.cookie-consent .gdpr_wrapper {
    width: 100%;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    border-top-left-radius: 0;
    font-family: Arial;
    height: 190px;
    overflow: hidden;
    font-size: 14px;
    position: relative;
    top: -1px
}
.cookie-consent .gdpr_wrapper>div {
    max-height: 100%
}
.cookie-consent .gdpr_wrapper::before,
.gdpr_wrapper::after {
    content: "";
    display: block;
    clear: both
}
.cookie-consent .gdpr_wrapper .left_col {
    width: 150px;
    padding: 10px;
    float: left
}
.cookie-consent .gdpr_wrapper .right_col {
    width: calc(100% - 150px);
    padding: 13px 10px 10px 10px;
    float: right;
    font-size: 14px
}
.cookie-consent .tab-content {
    display: none
}
.cookie-consent .tab-content.current {
    display: block
}
.cookie-consent .gdpr_wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.cookie-consent .gdpr_wrapper ul li a {
    display: block;
    padding: 5px;
    margin: 3px 0;
    font-size: 14px;
    border: 1px solid #b7b7b7;
    cursor: pointer;
    color: #000;
    text-decoration: none
}
.cookie-consent .gdpr_wrapper ul li a:hover,
.gdpr_wrapper ul li a.current {
    box-shadow: 0 1px #5a585b
}
.cookie-consent .gdpr_wrapper hr {
    margin: 15px 0
}
.cookie-consent .gdpr_wrapper .cookie-table {
    width: 100%
}
.cookie-consent .gdpr_wrapper .cookie-table tr th {
    background: #f6f6f9;
    border-bottom: 1px solid #cfcfcf;
    font-weight: 400;
    padding: 3px;
    text-align: left
}
.cookie-consent .gdpr_wrapper .cookie-table tr td {
    border-bottom: 1px solid #c3c3c3;
    padding: 5px 3px;
    border-right: 1px solid #cfcfcf
}
.cookie-consent .gdpr_wrapper .cookie-table tr td:last-child {
    border-right: 0
}