/* developed by cristian posea, 16 jan 2022 */
/* common classes */

@font-face {
    font-family: Basier;
    src: url(../fonts/basier/basiercircle-regular-webfont.eot),
        url(../fonts/basier/basiercircle-regular-webfont.ttf),
        url(../fonts/basier/basiercircle-regular-webfont.woff),
        url(../fonts/basier/basiercircle-regular-webfont.woff2);
}

:root {
    --primary: #d1a7e9;
    --primary-dark: #2e163d;
}


body {
    font-family: 'Basier', serif;
}

body.no-scroll {
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

.clear {
    display: block;
    clear: both;
    content: " ";
}

/* body {
    font-family: Southampton;
} */

.hide {
    display: none;
}

.header {
    min-height: 130px;
}

.header .slider-container {
    height: 800px;
    position: relative;
    overflow: hidden;
}

.header .slider-container .carousel {
    position: absolute;
    width: 100%;
    height: 100%;
}

.header .slider-container .carousel .carousel-inner {
    position: absolute;
    width: 100%;
    height: 100%;
}

.header .slider-container .carousel .carousel-inner .carousel-item {
    position: absolute;
    width: 100%;
    min-height: 1400px;
}

.header .slider-container .carousel-caption {
    position: absolute;
    bottom: 165px;
    z-index: 1;
}

.header .slider-container .carousel-caption a {
    font-size: 20px;
    color: #c9c9c9;
    text-decoration: none;
}

.header .slider-container .carousel-caption a:hover {
    text-decoration: underline;
}

.header .slider-container .carousel img {
    width: 100%;
    height: 100%;
    min-height: 1150px;
    position: absolute;
    top: -118px;
}

.header .slider-container .mask {
    position: absolute;
    background-color: rgb(0 0 0 / 60%);
    width: 100%;
    height: 100%;
    z-index: 1;
}

.header .top-bar {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 15px;
    margin: 0 auto;
}

.header .top-bar .logo img {
    max-width: 135px;
    height: auto;
}

.header .top-bar .menu ul li {
    list-style: none;
    float: left;
    margin-left: 45px;
}

.header .top-bar .menu.white ul li.current a,
.header .top-bar .menu ul li.current a {
    color: var(--primary);
}

.header .top-bar .menu.white ul li ul.submenu li a {
    color: #333;
}

.header .top-bar .menu ul li {
    position: relative;
}

.header .top-bar .menu ul li ul.submenu {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    padding: 0;
    margin: 0;
    min-width: 370px;
    transform: translateY(-30px);
    left: 5px;
    background-color: rgb(0 0 0 / 80%);
    padding: 10px;
    border-radius: 3px;
}

.header .top-bar .menu.white ul li ul.submenu {
    background-color: rgb(243 243 243 / 80%);
    box-shadow: 1px 2px 3px #aaa;
}


.header .menu.white .icon.dropdown,
.header .menu .icon.dropdown {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' x='0px' y='0px' viewBox='0 0 330 330' style='enable-background:new 0 0 330 330;' xml:space='preserve'%3E%3Cpath id='XMLID_225_' d='M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -20px;
    top: 14px;
}

.header .menu li:hover .icon.dropdown {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' x='0px' y='0px' viewBox='0 0 330 330' style='enable-background:new 0 0 330 330;' xml:space='preserve'%3E%3Cpath id='XMLID_225_' d='M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}


.header .menu.white li .icon.dropdown {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%2333333' x='0px' y='0px' viewBox='0 0 330 330' style='enable-background:new 0 0 330 330;' xml:space='preserve'%3E%3Cpath id='XMLID_225_' d='M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

.header .menu.white li.current .icon.dropdown {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23d1a7e9' x='0px' y='0px' viewBox='0 0 330 330' style='enable-background:new 0 0 330 330;' xml:space='preserve'%3E%3Cpath id='XMLID_225_' d='M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}



.header .top-bar .menu ul li:hover ul.submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.header .top-bar .menu ul li ul.submenu li {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
}

.header .top-bar .menu ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    transition: all .3s;
    display: block;
}

.header .top-bar .menu.white ul li a {
    color: #333;
}


.header .top-bar .menu ul li ul.submenu li a {
    color: #fff;
    padding: 5px;
    display: block;
}

.header .top-bar .menu ul li ul.submenu li a:hover {
    color: var(--primary);
    padding-bottom: 5px;
}

.header .top-bar .menu ul li:hover a {
    color: var(--primary);
    padding-bottom: 10px;
}

.header .top-bar .menu ul li:hover {
    display: inline-block;
}

.header .top-bar .menu ul li a.contact {
    background-color: #00adef;
    padding: 10px;
    border-radius: 5px;
}

.header .top-bar .menu ul li a.contact:hover {
    background-color: #005679;
    color: #fff;
}

.header .top-bar .menu {
    margin-top: 20px;
}

.menu.mobile-container {
    display: none;
}

.header .mobile.menu {
    display: none;
}

.header .cubes {
    margin-top: -155px;
    z-index: 3;
}

.header .cubes .container .row {
    box-shadow: -1px 3px 3px #c1c1c1;
    border-radius: 5px;
    overflow: hidden;
}

.header .cubes .cube {
    min-height: 300px;
}

.header .cubes .cube.first {
    background-color: #fff;
}

.header .cubes .cube.middle {
    background-color: var(--primary);
}

.header .cubes .cube.last {
    background-color: #2a2a2a;
}

.header .slider-container .message h1 {
    position: absolute;
    top: 40%;
    text-align: center;
    color: #fff;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 48px;
    line-height: 75px;
    width: calc(100% - 360px);
}

.header .slider-container .message h1 .row-first,
.header .slider-container .message h1 .row-second {
    display: block;
}

.header .slider-container .message h1 .row-first {}

.header .slider-container .message h1 .row-second {}


.cubes .cube .title {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding-top: 30px;
}

.cubes .cube .content {
    font-size: 18px;
    padding: 25px;
    line-height: 32px;
}

.cubes .cube.last {
    color: #fff;
}


.main {
    margin-top: 60px;
}

.main .about-us.container {
    padding: 0;
    margin-bottom: 60px;
}

.main .about-us.container .title h2 {
    font-size: 34px;
}

.about-us .content {
    position: relative;
    margin-top: 40px;
    min-height: 460px;
}

.about-us .content-text {
    padding-top: 70px;
    position: relative;
}

.about-us .content ul {
    margin-top: 65px;
    list-style: none;
}

.about-us .content ul li {
    font-size: 18px;
    margin-bottom: 15px;
}

.about-us .content .bg {
    background-image: url(../images/about_us.jpg);
    background-repeat: no-repeat;
    width: 100%;
    min-height: 500px;
    background-size: contain;
    position: relative;
}

.about-us .content .bg .mask {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
}

.main .contact-us {
    margin-top: 120px;
    margin-bottom: 70px;
}

.main .contact-us .content {
    margin-top: 70px;
    background-color: #000;
}

.main .contact-us .map {
    border: 0;
    width: 100%;
    min-height: 500px;
    opacity: .6;
}

.main .contact-us .content {
    margin-top: 70px;
    background-color: #000;
    position: relative;
}

.main .contact-us .map-content {
    position: absolute;
    background-color: #fff;
    z-index: 1;
    left: -850px;
    right: 0;
    width: 450px;
    margin: 0 auto;
    top: calc(50% - 130px);
    padding: 25px;
    border-radius: 5px;
}

.main .contact-us .map-content .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.main .contact-us .map-content .location {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' fill='%2300adef' y='0px' width='30px' height='30px' viewBox='0 0 350 400'  xml:space='preserve'%3E%3Cg%3E%3Cpath d='M197.849,0C122.131,0,60.531,61.609,60.531,137.329c0,72.887,124.591,243.177,129.896,250.388l4.951,6.738 c0.579,0.792,1.501,1.255,2.471,1.255c0.985,0,1.901-0.463,2.486-1.255l4.948-6.738c5.308-7.211,129.896-177.501,129.896-250.388 C335.179,61.609,273.569,0,197.849,0z M197.849,88.138c27.13,0,49.191,22.062,49.191,49.191c0,27.115-22.062,49.191-49.191,49.191 c-27.114,0-49.191-22.076-49.191-49.191C148.658,110.2,170.734,88.138,197.849,88.138z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
}

.main .contact-us .map-content .phone {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'  encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%2300adef' viewBox='0 0 53.942 53.942' style='enable-background:new 0 0 53.942 53.942;' xml:space='preserve'%3E%3Cpath d='M53.364,40.908c-2.008-3.796-8.981-7.912-9.288-8.092c-0.896-0.51-1.831-0.78-2.706-0.78c-1.301,0-2.366,0.596-3.011,1.68 c-1.02,1.22-2.285,2.646-2.592,2.867c-2.376,1.612-4.236,1.429-6.294-0.629L17.987,24.467c-2.045-2.045-2.233-3.928-0.632-6.291 c0.224-0.309,1.65-1.575,2.87-2.596c0.778-0.463,1.312-1.151,1.546-1.995c0.311-1.123,0.082-2.444-0.652-3.731 c-0.173-0.296-4.291-7.27-8.085-9.277c-0.708-0.375-1.506-0.573-2.306-0.573c-1.318,0-2.558,0.514-3.49,1.445L4.7,3.986 c-4.014,4.013-5.467,8.562-4.321,13.52c0.956,4.132,3.742,8.529,8.282,13.068l14.705,14.705c5.746,5.746,11.224,8.66,16.282,8.66 c0,0,0,0,0.001,0c3.72,0,7.188-1.581,10.305-4.698l2.537-2.537C54.033,45.163,54.383,42.833,53.364,40.908z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px;
    height: 25px;
    margin-left: 5px;
}

.main .contact-us .map-content .mail {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 474 474' style='enable-background:new 0 0 474 474;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%2300adef'  d='M437.5,59.3h-401C16.4,59.3,0,75.7,0,95.8v282.4c0,20.1,16.4,36.5,36.5,36.5h401c20.1,0,36.5-16.4,36.5-36.5V95.8 C474,75.7,457.6,59.3,437.5,59.3z M432.2,86.3L239.5,251.1L46.8,86.3H432.2z M447,378.2c0,5.2-4.3,9.5-9.5,9.5h-401 c-5.2,0-9.5-4.3-9.5-9.5V104.9l203.7,174.2c0.1,0.1,0.3,0.2,0.4,0.3c0.1,0.1,0.3,0.2,0.4,0.3c0.3,0.2,0.5,0.4,0.8,0.5 c0.1,0.1,0.2,0.1,0.3,0.2c0.4,0.2,0.8,0.4,1.2,0.6c0.1,0,0.2,0.1,0.3,0.1c0.3,0.1,0.6,0.3,1,0.4c0.1,0,0.3,0.1,0.4,0.1 c0.3,0.1,0.6,0.2,0.9,0.2c0.1,0,0.3,0.1,0.4,0.1c0.3,0.1,0.7,0.1,1,0.2c0.1,0,0.2,0,0.3,0c0.4,0,0.9,0.1,1.3,0.1l0,0l0,0 c0.4,0,0.9,0,1.3-0.1c0.1,0,0.2,0,0.3,0c0.3,0,0.7-0.1,1-0.2c0.1,0,0.3-0.1,0.4-0.1c0.3-0.1,0.6-0.2,0.9-0.2c0.1,0,0.3-0.1,0.4-0.1 c0.3-0.1,0.6-0.2,1-0.4c0.1,0,0.2-0.1,0.3-0.1c0.4-0.2,0.8-0.4,1.2-0.6c0.1-0.1,0.2-0.1,0.3-0.2c0.3-0.2,0.5-0.3,0.8-0.5 c0.1-0.1,0.3-0.2,0.4-0.3c0.1-0.1,0.3-0.2,0.4-0.3L447,109.2V378.2z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px;
    height: 25px;
    margin-left: 5px;
}

.map-content .item:first-of-type {
    margin-top: 15px;
}

.map-content .item:last-of-type {
    margin-bottom: 15px;
}

.map-content .item {
    margin-bottom: 35px;
}

.map-content .item .description {
    font-size: 16px;
    position: relative;
    top: -8px;
    left: 10px;
}

.map-content .item .description b a {
    color: #000;
}



/* pagina industrii */
.breadcrumb {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #ededed;
}

.breadcrumb-image {
    position: relative;
    min-height: 600px;
    overflow: hidden;
}

.breadcrumb-image.membrii {
    min-height: 650px;
}

.breadcrumb-image.membrii .header-image img {
    height: 950px;
    position: absolute;
    top: -130px;
}

.breadcrumb-image .header-image {
    position: absolute;
    width: 100%;
    height: 500px;
}

.breadcrumb-image .header-image img {
    width: 100%;
    height: 500px;
}

.breadcrumb-image .header-image.politica-tarifare img {
    height: auto;
    min-height: 950px;
    position: absolute;
    top: -50%;
}

.breadcrumb h1 {
    font-weight: 300;
    margin: 0;
    font-size: 40px;
}

.industrii {
    margin-bottom: 60px;
}

.industrii .navigation {
    width: 25%;
    float: left;
}

.industrii .content {
    width: 70%;
    float: right;
}

.industrii .content p {
    line-height: 30px;
}

.industrii .navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.industrii .navigation ul li a {
    text-decoration: none;
    padding: 10px;
    display: block;
    color: #333;
    position: relative;
    transition: all .2s;
}

.industrii .navigation ul li a:hover {
    background-color: #efefef;
}

.industrii .navigation ul li a.selected {
    background-color: #56117c;
    color: #fff;
}

.industrii .navigation ul li a:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: "\f105";
    position: absolute;
    right: 10px;
}

#accesare-fonduri-europene img {
    width: 100%;
}

#accesare-fonduri-europene p {
    padding-top: 20px;
    line-height: 30px;
}

/* despre noi */
.header-image.despre-noi {
    background-image: url(../images/about_us.jpg);
    background-position: 0 -50px;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 610px;
}

.container.despre-noi {
    margin-top: 60px;
    margin-bottom: 60px;
}

.container.politica-tarifare {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.container.despre-noi h1 {
    margin-bottom: 45px;
}

.container.despre-noi p {
    font-size: 18px;
    line-height: 2rem;
    margin-top: 20px;
    margin-bottom: 20px;
}

.container.membrii {
    margin-top: 60px;
    margin-bottom: 60px;
}

.container.membrii .card {
    background-color: #f5f5f5;
    min-height: 420px;
}

.container.lucrari .card {
    background-color: #f5f5f5;
}

.container.lucrari .card a {
    display: block;
    text-align: center;
}

.container.lucrari .card a.hide {
    display: none;
}

.container.lucrari .card img {
    max-width: 265px;
    max-height: 255px;
}

.container.lucrari .item {
    width: 48.5%;
    margin-bottom: 30px;
}

/* galerie foto */

.galerie a img {
    max-width: 150px;
    max-height: 150px;
}

.gallery-container {
    margin-top: 15px;
    margin-bottom: 15px;
}

.gallery-container a {
    display: inline-block;
    margin: 10px;
}

.container.membrii .card a {
    display: block;
    text-align: center;
}

.container.membrii .card a.hide {
    display: none;
}

.container.membrii .card img {
    max-width: 265px;
    max-height: 255px;
}

.container.membrii .item {
    width: 48.5%;
    margin-bottom: 30px;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);

blockquote {
    font-size: 2.4em;
    width: 60%;
    margin: 0 auto;
    font-family: Open Sans;
    font-style: italic;
    color: #555555;
    padding: 1.2em 30px 1.2em 75px;
    line-height: 1.6;
    position: relative;
    text-align: center;
}

blockquote::before {}

blockquote::after {}

blockquote span {
    display: block;
    color: #333333;
    font-style: normal;
    font-weight: bold;
    margin-top: 1em;
}

.container.contact {
    margin-top: 60px;
    margin-bottom: 60px;
}

.contact-form input[text],
.contact-form textarea,
.contact-form label,
.contact-form input {
    width: 100%;
}

.contact .contact-us .item {
    padding-bottom: 45px;
}

.contact .contact-us .item i {
    padding-right: 10px;
}

.footer {
    margin-bottom: 30px;
}

.footer .logo img {
    width: 80px;
}

.contact .contact-form input[type=submit] {
    background-color: #00adef;
    border: none;
    padding: 15px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all .3s;
}

.contact .contact-form input[type=submit]:hover {
    background-color: #0286b9;
}

.toggle-container {
    width: 45px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 15px;
    position: absolute;
    top: 14px;
    background-color: #b9b9b9;
    transition: all .3s;
    cursor: pointer;
}

.toggle-container .slide {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    box-shadow: 0px 2px 3px #000;
    top: 1px;
    transition: all .3s;
}


/*** START DARK MODE ***/

body.dark-mode .toggle-container .slide {
    left: 24px;
}

body.dark-mode .header .top-bar .menu.white ul li a,
body.dark-mode .copyright,
body.dark-mode blockquote span,
body.dark-mode blockquote,
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h3 {
    color: #eaeaea;
}


body.dark-mode .industrii .navigation ul li a {
    color: #eaeaea;
}

body.dark-mode .header .top-bar .menu.white ul li ul.submenu li a:hover,
body.dark-mode .header .top-bar .menu.white ul li.current a,
body.dark-mode .header .top-bar .menu ul li:hover a {
    color: var(--primary);
}

body.dark-mode .header .top-bar .menu.white ul li ul.submenu {
    background-color: rgb(24 24 24 / 80%);
    box-shadow: 1px 2px 3px #141212;
}

body.dark-mode .header .top-bar .menu.white ul li ul.submenu li a {
    color: #eaeaea;
}

body.dark-mode {
    background-color: #202020;
}

body.dark-mode .header .cubes .cube.first {
    background-color: #404040;
    color: #fff;
}

body.dark-mode .header .cubes .container .row {
    box-shadow: -1px 3px 3px #000000;
}

body.dark-mode .header .cubes .cube.middle {
    background-color: var(--primary-dark);
    color: #fff;
}

body.dark-mode .toggle-container {
    border: 1px solid #585858;
    background-color: #2a2a2a;
}

body.dark-mode .industrii .navigation ul li a:hover {
    background-color: #242424
}

body.dark-mode .breadcrumb {
    background-color: #282828;
}

body.dark-mode .container.membrii .card {
    background-color: #1a1a1a;
    color: #eaeaea;
}

body.dark-mode .list-group-item {
    background-color: #0c0c0c;
    color: #eaeaea;
    border: 1px solid rgb(141 141 141 / 13%);
}

body.dark-mode .contact-form input[text],
body.dark-mode .contact-form textarea,
body.dark-mode .contact-form input {
    background-color: #1c1c1c;
    border: 1px solid #343434;
    color: #eaeaea;
}

body.dark-mode .contact .contact-us .item {
    color: #eaeaea;
}

body.dark-mode .container.lucrari .card,
body.dark-mode .card {
    background-color: #1a1a1a;
    color: #eaeaea;
}

/*** END DARK MODE ***/

/**************************************************************
#START Responsive
--------------------------------------------------------------*/

@media only screen and (max-width: 980px) {
    .header .top-bar .menu {
        display: none;
    }

    .menu.mobile-container {
        display: block;
        float: right;
        position: relative;
        z-index: 10;
    }

    .menu.mobile-container .fas.fa-bars {
        font-size: 35px;
        color: #fff;
        position: absolute;
        right: 25px;
        top: 25px;
    }

    .menu.mobile-container.white .fas.fa-bars {
        color: #000;
    }

    body.no-scroll .menu.mobile-container .open-menu {
        opacity: 0;
        transition: all .3s;
    }

    body .menu.mobile-container .open-menu {
        opacity: 1;
    }


    .header .mobile.menu {
        top: 0;
        display: block;
        margin: 0;
        position: fixed;
        background-color: rgb(0 0 0 / 85%);
        left: 100%;
        transition: all .7s;
        height: 100%;
        overflow-y: auto;
        z-index: 2;
    }

    .header .mobile.menu.white {
        background-color: rgb(255 255 255 / 100%);
    }

    .header .mobile.menu.opened {
        left: 0;
    }

    .mobile.menu {
        display: block;
        width: 100%;
        left: 0;
    }

    .mobile.menu .fas.fa-times {
        position: absolute;
        top: 17px;
        right: 18px;
        color: #fff;
        padding: 10px;
        font-size: 32px;
    }

    .mobile.menu.white .fas.fa-times {
        color: #000;
    }

    .header .top-bar .menu.mobile ul li {
        float: none;
    }

    .mobile.menu ul {
        margin: 0;
        padding: 70px 0 20px 0;
    }

    .mobile.menu .submenu {
        padding: 0 0px 0px 30px
    }

    .header .menu.mobile .icon.dropdown {
        right: 25px;
        padding: 15px;
        z-index: 11;
        transition: all .3s;
    }

    .header .menu.mobile .icon.dropdown.opened {
        transform: rotateZ(180deg);
    }

    .mobile.menu ul li {
        position: relative;
        width: 100%;
        margin: 0 !important;
        list-style: none;
    }

    .mobile.menu ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 20px;
        display: block;
        padding: 15px 15px 15px 35px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .mobile.menu.white ul li a {
        color: #333;
    }

    .mobile.menu ul li.current>a {
        color: #00adef;
    }

    .header .slider-container .message h1 {
        width: 100%;
    }

    .header .cubes .cube {
        width: 100%;
    }

    .header .slider-container .message h1 .row-second,
    .header .slider-container .message h1 .row-first {
        text-indent: 0;
    }

    .header .slider-container .carousel .carousel-inner .carousel-item,
    .header .slider-container {
        height: 480px;
        min-height: unset;
    }

    .header .slider-container .carousel img {
        width: unset;
        min-height: 600px;
    }

    .header .slider-container .message h1 {
        top: calc(50% - 120px);
        font-size: 35px;
        width: 75%;
        z-index: 1;
    }

    .header .cubes {
        margin-top: 0;
    }

    .header .top-bar {
        top: 0;
        padding: 0;
    }

    .header .top-bar .logo {
        padding: 10px;
        margin-left: 10px;
    }

    .main {
        margin-top: 0;
    }

    .main .about-us.container .title h2 {
        padding: 20px;
        text-align: center;
    }

    .about-us .content {
        margin-top: 0;
    }

    .about-us .content-text {
        padding-top: 50px;
    }

    .about-us .content-text h4 {
        text-align: center;
        width: 95%;
        margin: 0 auto;
    }

    .main .contact-us {
        margin-top: 50px;
        margin-bottom: 50px;
        text-align: center;
        font-size: 34px;
    }

    .footer .copyright {
        margin-top: 10px;
    }

    .main .contact-us .content {
        background-color: #fff;
    }

    .main .contact-us .map-content {
        position: relative;
        left: unset;
        width: 94%;
        margin: 0 auto;
        top: unset;
        padding: 0;
        text-align: left;
        margin-bottom: 50px;
    }

    .main .contact-us .map {
        opacity: 1;
    }

    .map-content .item {
        margin-bottom: 10px;
    }

    .industrii .content,
    .industrii .navigation {
        width: 100%;
        margin-top: 30px;
        float: none;
    }

    .header-image.despre-noi {
        background-position: 0 0;
        background-size: contain;
        background-repeat: no-repeat;
        height: auto;
        min-height: 150px;
    }

    .container.politica-tarifare {
        margin-top: 30px;
    }

    blockquote {
        width: 100%;
        padding: 20px;
    }

    .container.membrii .item {
        width: 100%;
    }

    .container.membrii .card {
        padding: 20px !important;
        min-height: unset;
    }

    .contact .col-6 {
        width: 100%;
    }

    .toggle-container {
        position: absolute;
        right: 85px;
        top: 36px;
        z-index: 1;
    }

    .breadcrumb-image .header-image.politica-tarifare img,
    .breadcrumb-image {
        min-height: unset;
    }

    .breadcrumb-image .header-image {
        position: relative;
        height: auto;
    }

    .container.lucrari .item {
        width: 100%;
        margin-bottom: 10px;
    }

    .breadcrumb-image.membrii {
        min-height: unset;
    }

    .breadcrumb-image .header-image img {
        height: unset;
    }

    .breadcrumb-image.membrii .header-image img {
        position: unset;
        height: auto;
    }

    body.dark-mode .menu.mobile-container.white .fas.fa-bars {
        color: #fff;
    }

    body.dark-mode .header .mobile.menu.white {
        background-color: rgb(0 0 0 / 100%);
    }

    body.dark-mode .mobile.menu.white .fas.fa-times,
    body.dark-mode .mobile.menu.white ul li a {
        color: #eaeaea;
    }

    body.dark-mode .header .menu li .icon.dropdown {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23eaeaea' x='0px' y='0px' viewBox='0 0 330 330' style='enable-background:new 0 0 330 330;' xml:space='preserve'%3E%3Cpath id='XMLID_225_' d='M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    }



}

/**************************************************************
#END Responsive
--------------------------------------------------------------*/