@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&amp;display=swap');

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.clr {
    clear: both;
}

:root {
    --main-red: #96c22b;
    --main-red-new: #de2520;
    --main-dark: #181b22;
    --very-dark: #111216;
    --main-grey: #575656;
    --light-grey: #f7f9fc;
    --shadow: #dfe7ea;
    --shadow_two: #719cac;
    --black: #000;
    --green: #26af4f;
}


html {
    font-size: 12px;
    scroll-behavior: smooth;
}

body {
    float: left;
    width: 100%;
    height: 100%;
    background: #fff;
    color: var(--black);
    font-family: 'Jost', sans-serif;
    font-weight: 400;
}

#header-home {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#header {
    z-index: 999;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

#top-bar-outer {
    position: relative;
    width: 90%;
    margin: 0 auto;
    height: 30px;
    z-index: 999;
}

#top-bar-right {
    position: relative;
    float: right;
    margin: 0 0 0 0;
    height: auto;
    margin-right: 30px;
}

#top-bar-right-mobile {
    display: none;
}

.lang-select-dropdown {
    position: relative;
    list-style-type: none;
    text-align: center;
    width: 20px;
    padding: 10px;
    color: #fff;
    background: var(--main-red);
    border: 1px solid var(--main-red);
    cursor: pointer;
}

a.lang-link:link,
a.lang-link:visited {
    color: #fff;
}

/* Language Select Home Page */
.lang-select-dropdown-content-home {
    display: none;
    position: absolute;
    width: 20px;
    margin-top: 11px;
    left: -1px;
    padding: 10px;
    text-align: center;
    background-color: #ddd;
    border: 1px solid #f0f0f0;
    transition: height 0.3s ease-in-out;
    transition-delay: 0.1s;
}

.lang-select-dropdown:hover .lang-select-dropdown-content-home {
    display: block;
}

.lang-select-dropdown-content-home a:link,
.lang-select-dropdown-content-home a:visited {
    color: var(--main-red);
    text-decoration: none;
    display: block;
    text-align: left;
    font-weight: 400;
    cursor: pointer;
}

.top-lang-select-dropdown-content-home a:first-of-type {
    border-top: 0px solid #ddd;
}

.top-lang-select-dropdown-content-home a:hover {
    cursor: pointer;
}

/* Language Select Inner Pages */
.lang-select-dropdown-content-inner {
    display: none;
    position: absolute;
    width: 20px;
    margin-top: 11px;
    left: -1px;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    transition: height 0.3s ease-in-out;
    transition-delay: 0.1s;
}

.lang-select-dropdown:hover .lang-select-dropdown-content-inner {
    display: block;
}

.lang-select-dropdown-content-inner a:link,
.lang-select-dropdown-content-inner a:visited {
    color: var(--main-red);
    text-decoration: none;
    display: block;
    text-align: left;
    font-weight: 400;
    cursor: pointer;
}

.top-lang-select-dropdown-content-inner a:first-of-type {
    border-top: 0px solid #ddd;
}

.top-lang-select-dropdown-content-inner a:hover {
    cursor: pointer;
}


header#logo-top-menu-outer {
    position: relative;
    float: left;
    width: 100%;
    height: 120px;
    background: rgba(255, 255, 255, 0-);
    z-index: 999;
}

#logo-top-menu-inner {
    width: 80%;
    height: 100px;
    margin: 10px auto;
    margin-bottom: 0;
    border: 0px solid #f00;
}

.brand {
    float: left;
    width: 240px;
    z-index: 88;
    position: relative;
}

#logo {
    width: 160px;
}

/* TOP MENU HOME */
#top-menu-home {
    float: right;
    margin-top: 15px;
}

#top-menu-home ul {
    float: left;
    width: 100%;
    height: 100%;
}

.topmenuli-home {
    list-style: none;
    float: left;
    height: 30px;
    border: 0px solid #000;
    margin: 0 10px;
    padding: 10px 10px 20px 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

a.topmenu-link-home:link,
a.topmenu-link-home:visited {
    list-style: none;
    color: #fff;
    float: none;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}


a.topmenu-link-active-home:link,
a.topmenu-link-active-home:visited {
    list-style: none;
    color: var(--main-red);
    float: none;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}


.dropdown-home {
    position: relative;
    display: inline-block;
}

.dropdown-content-home {
    display: none;
    position: absolute;
    margin-top: 10px;
    left: 0;
    width: 240px;
    background-color: #fff;
    box-shadow: 0 0 1px rgba(277, 255, 255, 0.5);
    background: #fff;
    transition: height 0.3s ease-in-out;
    transition-delay: 0.1s;
}

.dropdown-home:hover .dropdown-content-home {
    display: block;
}

.dropdown-content-home a:link,
.dropdown-content-home a:visited {
    float: none;
    color: black;
    padding: 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    border-top: 1px solid #ddd;
    cursor: pointer;
}

.dropdown-content-home a:first-of-type {
    border-top: 0px solid #ddd;
}

.dropdown-content-home a:hover {
    background-color: var(--main-red);
    color: #fff;
    cursor: pointer;
}


/* TOP MENU INNER */
#top-menu {
    float: right;
    margin-top: 15px;
}

#top-menu ul {
    float: left;
    width: 100%;
    height: 100%;
}

.topmenuli {
    list-style: none;
    float: left;
    height: 30px;
    border: 0px solid #000;
    margin: 0 10px;
    padding: 10px 10px 20px 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

a.topmenu-link:link,
a.topmenu-link:visited {
    list-style: none;
    color: #222;
    float: none;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}

a.topmenu-link:hover {
    color: var(--main-red);
}

a.topmenu-link-active:link,
a.topmenu-link-active:visited {
    list-style: none;
    color: var(--main-red);
    float: none;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}

a.topmenu-link:hover {
    color: var(--main-red);
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    margin-top: 10px;
    left: 0;
    width: 240px;
    background-color: #fff;
    box-shadow: 0 0 20px var(--shadow);
    background: #fff;
    transition: height 0.3s ease-in-out;
    transition-delay: 0.1s;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content a:link,
.dropdown-content a:visited {
    float: none;
    color: black;
    padding: 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    border-top: 1px solid #ddd;
    cursor: pointer;
}

.dropdown-content a:first-of-type {
    border-top: 0px solid #ddd;
}

.dropdown-content a:hover {
    background-color: var(--main-red);
    color: #fff;
    cursor: pointer;
}

/* mobile menu */

#top-menu-mobile {
    display: none;
}

#mobile-menu-bar {
    display: none;
}

#mobile-menu-links-holder {
    display: none;
}

.breadcrumb-dropdown-content {
    display: none;
    position: absolute;
    margin-top: 0;
    left: 0;
    width: 200px;
    background-color: #fff;
    box-shadow: 0 0 10px var(--shadow);
    background: #fff;
    transition: height 0.3s ease-in-out;
    transition-delay: 0.1s;
    z-index: 999;
}

.breadcrumb-dropdown:hover .breadcrumb-dropdown-content {
    display: block;
}

.breadcrumb-dropdown-content a:link,
.breadcrumb-dropdown-content a:visited {
    float: none;
    color: black;
    padding: 10px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    border-top: 1px solid #ddd;
    cursor: pointer;
}

.breadcrumb-dropdown-content a:first-of-type {
    border-top: 0px solid #ddd;
}

.breadcrumb-dropdown-content a:hover {
    background-color: var(--main-red);
    color: #fff;
    cursor: pointer;
}

#slider-outer {
    float: left;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #eee;
}

.home-content-full {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 15px 0 0 0;
}

#home-industries-icon {
    width: 25%;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 1;
}

.home-content-80 {
    width: 80%;
    height: 100%;
    padding: 15px 0;
    box-sizing: border-box;
    margin: 0 auto;
    z-index: 2;
    overflow: auto;
}

#home-industries-holder {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 30px 0;
    z-index: 5;
}

#home-industries-holder h1 {
    float: left;
    margin: 0;
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
    z-index: 4;
}

#home-industries-box-holder {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding: 30px 0;
}

.home-industry-box {
    position: relative;
    float: left;
    width: 200px;
    height: 123px;
    margin: 10px 15px;
    background: #f5f5f5;
    border: 0px solid #F00;
    transition: 0.3s;
}

#home-industries-box-holder .home-industry-box:nth-child(3):after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.home-industry-box-image {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

.home-industry-box-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    z-index: 5;
    transition: all 0.3s;
}

#home-industries-box-holder div:first-of-type {
    margin-left: 0;
}

#home-industries-box-holder div:nth-child(5) {
    margin-left: 0;
}

.home-industry-box:hover .home-industry-box-title {
    bottom: 10%;
    scale: 1.1
}

.home-industry-box:hover {
    box-shadow: 0 0 10px #778388;
}


/* HOME - Numbers */
.home-content-full-numbers {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 15px 0 30px 0;
    /*background: rgba(222, 37, 32, 0.01);*/
}

.home-content-numbers {
    isplay: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 100%;
    overflow: auto;
    padding: 0 0;
    box-sizing: border-box;
    margin: 0 auto;
    z-index: 2;
}

.numbers01,
.numbers02,
.numbers03 {
    position: relative;
    float: left;
    width: 31%;
    margin: 2% 0;
    font-weight: 400;
    background: transparent;
    transition: 0.5s ease;
    z-index: 3;
    height: 100%;
}

.number01,
.number02,
.number03 {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 10%;
    color: var(--main-red);
    font-size: 55px;
    font-weight: 600;
    margin-top: 0;
    text-align: center;
}

.number01-text,
.number03-text {
    width: 100%;
    margin-top: 0;
    font-size: 24px;
    text-align: center;
}

.number02-text {
    width: 100%;
    margin-top: 0;
    font-size: 24px;
    text-align: center;
    color: var(--main-red);
}

.numbers01:hover .number01 {
    color: var(--main-red);
}

.numbers01:hover .number01-text {
    color: var(--main-red);
}

.numbers03:hover .number03 {
    color: var(--main-red);
}

.numbers03:hover .number03-text {
    color: var(--main-red);
}

.numbers03:hover .number03-text {
    color: var(--main-red);
}


/* HOME - About */
#home-about {
    width: 90%;
    height: 100%;
    margin: 30px auto;
    margin-bottom: 0;
    background-image: url('../i/about-bg-02.jpg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    overflow: auto;
    border: 5px solid #fff;
    box-shadow: 0 0 20px #dfe7ea;
    transition: 0.3s ease;
}

#home-about:hover {
    box-shadow: 0 0 20px var(--shadow_two);
}

#home-about-text {
    width: 70%;
    height: 400px;
    margin: 0 auto;
    padding: 5% 10%;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 21px;
    font-weight: 300;
}

a.more-button-about:link,
a.more-button-about:visited {
    float: left;
    margin-top: 15px;
    margin-left: 35%;
    padding: 10px 6px 10px 12px;
    color: #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    letter-spacing: 5px;
    transition: 0.5s ease;
}

a.more-button-about:hover {
    background: #fff;
    color: var(--main-red);
    border-bottom: 1px solid #fff;
    letter-spacing: 5px
}


/* Home - Sustainability */
#home-sustainability {
    float: left;
    width: 100%;
    height: 600px;
    background-image: url('../i/sustainability-bg-02.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    outline: 1px solid rgba(255, 255, 255, 0.5);
    outline-offset: -15px;
    transition: all 0.3s;
}

#home-sustainability:hover {
    outline: 1px solid rgba(255, 255, 255, 0.7);
    outline-offset: -15px;
}

#home-sustainability-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    float: left;
    width: 20%;
    margin: 7% 0 0 10%;
    padding: 30px;
    border: 0px solid rgba(255, 255, 255, 0.3);
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
}

a.more-button-sustainability:link,
a.more-button-sustainability:visited {
    float: left;
    border: 1px solid #fff;
    margin: 35px 0;
    transition: 0.3s ease;
    padding: 10px 10px 10px 10px;
    color: #fff;
    letter-spacing: 7px;
}

a.more-button-sustainability:hover {
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.3);
}


/* HOME - Career */
.home-career-container {
    margin: 0 0;
    padding: 60px 0 0 0;
    background: transparent
    /*#fff9f9 - #fefafa*/
    ;
}

#home-career-box-left {
    position: relative;
    float: left;
    width: 35%;
    margin-top: 2%;
    margin-left: 1%;
    height: 300px;
    padding: 5px;
    box-sizing: border-box;
    background: transparent;
}

#home-career-box-left-title-holder {
    float: left;
    width: 100%;
    height: 60px;
}

#home-career-box-left-icon {
    float: left;
    position: relative;
    width: 15%;
    height: auto;
    margin-top: 2px;
}

#home-career-box-left-title {
    float: left;
    width: 80%;
    height: 60px;
    margin: -2px 0 0 15px;
    font-size: 30px;
    color: var(--main-red);
    font-weight: 600;
}

#home-career-box-title-company {
    float: left;
    margin-top: -4px;
    color: var(--main-dark);
    font-size: 21px;
    font-weight: 300;
}

#home-career-box-left p {
    float: left;
    width: 100%;
    margin-top: 45px;
    margin-left: 18%;
    padding: 5px;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 300;
}

#home-career-box-right {
    position: relative;
    float: right;
    width: 60%;
    height: auto;
    overflow: hidden;
}

#home-career-box-right-image-people {
    position: absolute;
    right: 13%;
    bottom: 15.2%;
    width: 70%;
    height: auto;
    z-index: 9;
    border-bottom: 0px solid var(--main-red);
}

#home-career-box-right-line-01 {
    position: absolute;
    right: 0;
    bottom: 11%;
    stroke: #eee;
    border-bottom: 0px solid #000;
}

#home-career-box-right-line-02 {
    position: absolute;
    right: 5%;
    bottom: 11%;
    fill: #f1f1f1;
    stroke: #fff;
    opacity: 1;
    width: 90%;
    height: auto;
}


/* HOME - Group Companies */
#home-group-companies {
    background: #eaeff5;
}

#home-group-companies-title {
    float: left;
    width: 100%;
    margin: 15px 0;
    text-align: center;
    color: var(--main-dark);
    font-size: 21px;
    font-weight: 600;
}

.group-companies-home-image {
    float: left;
    height: 80px;
    height: auto;
    margin: 10px;
}

.swiper {
    width: 80%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    /*width: 100%;*/
    /*height: 80px;*/
    object-fit: cover;
}

.swiper-slide img.group-companies-home-image {
    display: block;
    width: auto;
    height: 80px;
    object-fit: cover;
}

.group-companies-home-image {
    filter: grayscale(1);
}

.group-companies-home-image:hover {
    filter: grayscale(0);
}


/*INNER PAGES*/

#breadcrumb-outer {
    float: left;
    width: 100%;
    height: 45px;
    margin-top: 20px;
    background: linear-gradient(to right, #f4f4f4, #fff);
}

#breadcrumb-inner {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    padding: 14px 0 0 0;
    box-sizing: border-box;
}

nav#breadcrumb-navigation {
    float: left;
}

.breadcrumb-li {
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0 0;
    position: relative;
}

.breadcrumb-li:first-child {
    margin-left: 0;
    padding-left: 0;
}

a.breadcrumb-link:link,
a.breadcrumb-link:visited {
    color: var(--main-grey);
}

a.breadcrumb-active-link:link,
a.breadcrumb-active-link:visited {
    color: var(--main-red);
}

.breadcrumb-arrow {
    float: right;
    width: 15px;
    height: auto;
    margin: 2px 0 0 5px;
}

#content-outer {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 15px 0 0 0;
    background: #fff;
}

#content-full-bg-gradient {
    float: left;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #fff, #edf2f4);
}

#page-logo {
    position: absolute;
    top: 0;
    right: 0;
    width: 13.5%;
    height: auto;
    opacity: 0.1;
}

.content-inner-60 {
    display: block;
    width: 60%;
    height: 100%;
    overflow: auto;
    margin: 0 auto;
}

.content-inner-70 {
    display: block;
    width: 70%;
    height: 100%;
    overflow: auto;
    margin: 0 auto;
}

.content-inner-80 {
    display: block;
    width: 80%;
    height: 100%;
    overflow: auto;
    margin: 0 auto;
}

.content-inner-80-no-overflow {
    display: block;
    width: 80%;
    height: 100%;
    margin: 0 auto;
}

#page-title {
    position: relative;
    margin: 30px 0;
    margin-bottom: 0;
    text-align: center;
    font-family: 'Jost', sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: var(--main-red);
    z-index: 5;
}


#content-heading-first {
    position: relative;
    width: 80%;
    margin: 30px auto;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
    z-index: 9;
}

#content-heading-second {
    position: relative;
    width: 80%;
    margin: 15px auto;
    font-size: 21px;
    line-height: 31px;
    font-weight: 300;
    z-index: 9;
    text-align: center;
}

#content-heading-second-70 {
    position: relative;
    width: 70%;
    margin: 15px auto;
    font-size: 21px;
    line-height: 28px;
    font-weight: 300;
}

#about-us-opening-text {
    position: relative;
    width: 100%;
    margin: 15px auto;
    font-size: 21px;
    line-height: 31px;
    font-weight: 300;
    z-index: 9;
    text-align: justify;
}

#left-col {
    float: left;
    width: 48%;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}

#left-col p {
    margin: 30px 0;
    text-align: justify;
}

#right-col {
    float: left;
    width: 48%;
    margin-left: 4%;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}

#right-col p {
    margin: 30px 0;
    text-align: justify;
}


#content-inner-single-text-area {
    width: 100%;
    height: 100%;
    overflow: auto;
    margin: 60px auto;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #dfe7ea;
    background: rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid #dfe7ea;
    border-radius: 5px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}

#content-inner-single-text-area:hover {
    box-shadow: 0 0 20px #dfe7ea;
    background: rgba(255, 255, 255, 0.5);
}

#first-p {
    float: left;
    width: 70%;
    margin-top: 50px;
}

.content-inner-p {
    float: left;
    width: 100%;
    margin: 15px 0;
    font-size: 16px;
    text-align: justify;
}

.content-inner-ul {
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    margin-top: 30px;
    text-indent: 10px;
}

.content-inner-li {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.content-inner-li-left-icon {
    float: left;
    width: 15px;
    height: auto;
    margin: 5px 0;
}


/* OPETAION MAP */
.country-row {
    position: relative;
    float: left;
    width: 94%;
    height: 100%;
    margin: 12px 3%;
    padding: 30px 0 30px 30px;
    box-sizing: border-box;
    border-left: 0px solid var(--main-red);
    transition: all 0.3s;
    background: #fff;
}

.country-row:hover {
}

.country-left {
    position: relative;
    float: left;
    width: 18%;
}

.country-left img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.country-right {
    float: left;
    width: 78%;
    margin-left: 2%;
}

.country-name {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: var(--main-red);
    margin-left: 10px;
    /*border-bottom:1px solid var(--main-red);*/
}

.country-box {
    position: relative;
    float: left;
    height: 100px;
    margin: 10px;
    box-sizing: border-box;
    font-size: 16px;
    z-index: 9;
}

.cb-5 {
    width: calc(20% - 20px);
}

.cb-4 {
    width: calc(25% - 20px);
}

.cb-3 {
    width: calc(25% - 20px);
}

.cb-2 {
    width: calc(25% - 20px);
}

.cb-1 {
    width: calc(25% - 20px);
}

.country-name::after {
    content: "";
    width: 20px;
    height: 1px;
    background: var(--main-red);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.7s ease;
}

.country-row:hover .country-name::after {
    content: "";
    width: 100px;
    height: 1px;
    background: var(--main-red);
    position: absolute;
    bottom: 0;
    left: 0;
}

.country-box-company-title {
    font-weight: 700;
    transition: all 0.3s;
}

.country-box:hover .country-box-company-title {
    color: var(--main-red);
}

.country-box-cities {
    float: left;
}

.country-box-cities li {
    list-style: none;
    font-weight: 300;
}

.content-inner-subheading {
    float: left;
    margin-top: 30px;
    font-size: 21px;
    font-weight: 600;
}

.content-inner-table {
    width: 90%;
    height: 100%;
    margin: 30px auto;
    border: 0px solid #eee;
}

.content-inner-table-row {
    width: 90%;
    height: 20px;
    margin: 2px 0;
    padding: 30px;
    background: #fff;
    border-bottom: 1px solid #eee;
    border-radius: 3px;
    font-size: 14px;
}

.content-inner-table-row:hover {
    background: #f5f5f5;
}

.content-inner-table-row-title {
    float: left;
    width: 45%;
    font-weight: 600;
}

.content-inner-table-row-data {
    float: left;
    width: 45%;
    font-weight: 400;
}


.person {
    float: left;
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
    padding: 30px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f5f5f5;
    transition: all 0.3s;
}

.person:hover {
    border: 1px solid #dfe7ea;
    box-shadow: 0 0 20px #dfe7ea;
}

.person-left {
    position: relative;
    float: left;
    width: 28%;
    height: 100%;
}

.person-name {
    float: left;
    width: 100%;
    font-size: 21px;
    font-weight: 600;
}

.person-position {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
}

.person-photo {
    display: block;
    float: left;
    margin: -50px 0 0 15px;
    width: 90%;
    height: auto;
    z-index: 9;
}

.person-photo img {
    width: 90%;
    height: auto;
}

.person-photo-bg {
    float: left;
    margin: 0 0 0 0;
    width: 90px;
    height: 60px;
    border-top: 4px solid var(--main-red);
    border-left: 4px solid var(--main-red);
    z-index: 1;
}

.person-right {
    float: left;
    width: 70%;
    height: 100%;
    margin-left: 2%;
}

.person-data {
    float: left;
    margin: 30px 0;
}

.person-data-entry-p {
    font-size: 16px;
    font-weight: 300;
}

a.read-more-link:link,
a.read-more-link:visited {
    float: left;
    width: 100%;
    margin: 30px 0;
    color: var(--main-red);
    font-weight: 600;
}

.rest {
    display: none;
}

.rest p {
    margin: 15px 0;
    font-size: 16px;
    font-weight: 300;
    text-align: justify;
}


/* More Button With Icon */
a.more-button:link,
a.more-button:visited {
    float: left;
    margin-top: 30px;
    padding: 10px 10px 10px 10px;
    background: var(--main-red);
    color: #fff;
    border-radius: 0;
    transition: all 0.3s;
}

.more-button-text {
    float: left;
    /*margin-right:5px;*/
    font-size: 16px;
}

.more-button-image {
    float: right;
}

.more-button-image svg {
    width: 18px;
    height: auto;
    margin-top: 4px;
    margin-left: 4px;
    transition: 0.5s ease;
}

a.more-button-p:hover svg {
    padding-right: 20px;
    transform: translateX(10px);
}

a.more-button:hover svg {
    padding-right: 20px;
    transform: translateX(10px);
}

a.more-button-without-icon:link,
a.more-button-without-icon:visited {
    float: left;
    margin-top: 30px;
    padding: 15px 10px 10px 10px;
    background: var(--main-red);
    color: #fff;
    border: 1px solid var(--main-red);
    transition: all 0.3s;
}

a.more-button-without-icon:hover {
    color: var(--main-red);
    background: #fff;
    border: 1px solid var(--main-red);
}

a.more-button:hover {
    box-shadow: 0 0 10px #ea928f;
}


/* industry icons start */
#icons-holder {
    margin: 60px auto;
    margin-bottom: 0;
    width: 90%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.industry-icon {
    position: relative;
    /*float:left;*/
    width: 90px;
    height: 90px;
    padding: 10px;
    /*background:#f2f4f4;*/
    border: 1px solid #f1f1f1;
    margin: 10px;
    cursor: pointer;
    transition: all 0.3s;
}

.industry-icon:hover {
    /*border: 1px solid #eee;*/
    box-shadow: 0 0 20px var(--shadow);
}

.industry-icon svg {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.industry-icon .industry-icon-name {
    margin-top: 4px;
}

.industry-icon:not(.banka):hover .cls-1 {
    fill: var(--main-red);
    stroke: var(--main-red);
}

.banka .cls-1,
.banka .cls-3{
    fill:none;stroke-linecap:round;stroke-linejoin:round;
}
.banka .cls-1,
.banka .cls-2,
.banka .cls-3
{stroke:#6b6c7a;}.banka .cls-1{stroke-width:22.65px;}
.banka .cls-2{fill:#6b6c7a;stroke-miterlimit:10;}
.banka .cls-3{stroke-width:22.65px;}

.industry-icon.banka:hover .cls-1, .industry-icon.banka:hover .cls-2, .industry-icon.banka:hover .cls-3 {
    stroke: var(--main-red);
}

.industry-icon.banka:hover .cls-2 {
    fill: var(--main-red);
}


.industry-icon:hover .cls-2 {
    stroke: var(--main-red);
}

.industry-icon-name {
    float: left;
    width: 100%;
    text-align: center;
    color: #6b6c7b;
}

.industry-icon:hover .industry-icon-name {
    color: var(--main-red);
}

.cls-1 {
    fill: #6b6c7b;
    stroke: #6b6c7b;
}

.cls-1,
.cls-2 {
    stroke: #6b6c7b;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
}

.cls-2 {
    fill: none;
}

/* Create an active/current tablink class */
.tab .active .cls-1 {
    fill: var(--main-red);
    stroke: var(--main-red)
}

.tab .active .cls-2 {
    stroke: var(--main-red);
}

.tab .active .industry-icon-name {
    color: var(--main-red);
}


/* INDUSTRY ICON PAGE ITEMS */
.industry-item-holder {
    float: left;
    width: 94%;
    height: 100%;
    margin: 60px 2%;
    border: 0px solid #000;
}

.industry-item {
    position: relative;
    float: left;
    width: 85%;
    height: 100%;
    padding: 30px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f1f1f1;
    transition: all 0.3s;
}

.industry-item:hover {
    border: 1px solid #eee;
    box-shadow: 0 0 20px #ddd;
}

.industry-item-left {
    position: relative;
    float: left;
    width: 65%;
    margin-left: 2%;
    margin-top: 2%;
    height: 100%;
}

.industry-item-title {
    float: left;
    width: 100%;
    font-size: 21px;
    font-weight: 700;
    color: var(--main-red);
}

.industry-item-data {
    float: left;
    margin: 30px 0;
}

.industry-item-data-entry-p {
    font-size: 16px;
    font-weight: 300;
}

.industry-item-red-square {
    position: absolute;
    right: -180px;
    bottom: 10px;
    width: 300px;
    height: 300px;
    background: var(--main-red);
}

.industry-item-image-holder {
    position: absolute !important;
    bottom: 30px;
    right: -160px;
    /*float:right;margin:0 -190px 0 0;*/
    width: 300px;
    height: 300px;
}

.slider {
    position: relative;
    float: right;
    margin: 0 -190px 0 0;
    width: 300px;
    height: 300px;
    overflow: hidden
}

.industry-item-image {
    float: left;
    width: 300px;
    height: 300px;
    border-radius: 0px;
}



/* INDUSTRY DETAIL */
#industry-detail-siluette {
    position: absolute;
    top: 0;
    right: 0;
    width: 80%;
    height: auto;
    z-index: 1;
}

#industry-detail-siluette-opacity {
    position: absolute;
    top: 0;
    right: 0;
    width: 80%;
    height: auto;
    opacity: 0.1;
    z-index: 1;
}

#industry-detail-content-area {
    position: relative;
    float: left;
    width: 90%;
    height: 100%;
    margin: 0 0 30px 0;
    padding-bottom: 30px;
    border: 0px solid #000;
}

#industry-detail-image-area {
    position: relative;
    float: left;
    width: 43%;
    height: 500px;
    margin-top: 5%;
    border: 0px solid #F00;
}

.industry-detail-image-bg-red {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 60%;
    height: 200px;
    background: var(--main-red);
    z-index: 1;
}

.industry-detail-image-holder {
    position: absolute;
    bottom: 15px;
    right: 0;
    width: 450px;
    height: 470px;
    background: #fff;
    border: 10px solid #fff;
    box-shadow: 0 0 10px #dfe7ea;
    z-index: 9;
}

.industry-detail-red-image {
    float: left;
    width: 450px;
    height: 450px;
}

#industry-detail-main-text-holder {
    position: relative;
    float: left;
    width: 53%;
    height: 100%;
    margin: 15px 0 0 30px;
    padding: 60px;
    box-sizing: border-box;
    background: rgb(255, 255, 255, 1);
    box-shadow: 0 0 20px #dfe7ea;
    text-align: justify;
    z-index: 9;
}

.industry-detail-main-text {
    float: left;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0;
    font-weight: 300;
}

.industry-detail-rest-of-the-text {
    float: left;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0;
    font-weight: 300;
    text-align: justify;
    width: 93%;
    margin-left: 0%;
}

#companies-of-the-industry-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 80%;
    height: 100%;
    min-height: 300px;
    overflow: auto;
    margin: 30px auto;
    padding: 0 0 30px 0;
}

#companies-of-the-industry-holder h3 {
    width: 100%;
    font-size: 21px;
    text-align: left;
}

.company-of-the-industry {
    float: left;
    width: 200px;
    height: 200px;
    margin: 20px 5px;
    background: #fff;
    transition: all 0.3s;
    border: 1px solid #dfe7ea;
}

.company-of-the-industry:hover {
    margin-top: 18px;
    border-radius: 5px;
    box-shadow: 0 0 20px #dfe7ea;
}

.company-of-the-industry img {
    float: left;
    width: 96%;
    height: auto;
    margin: 2%;
}

.company-of-the-industry-border {
    float: left;
    width: 2px;
    height: 200px;
    margin: 20px 5px;
    border-left: 1px solid #dfe7ea;
}

.company-of-the-industry-border-line {
    float: left;
    width: 2px;
    height: 160px;
    margin: 20px 5px;
    border-left: 1px solid #dfe7ea;
}

#companies-of-the-industry-holder div:first-of-type {
    float: left;
    width: 200px;
    height: 200px;
    margin: 20px 5px 10px 0;
    background: #fff;
}

#companies-of-the-industry-holder div:first-of-type:hover {
    margin-top: 18px;
    border-radius: 5px;
    box-shadow: 0 0 20px #dfe7ea;
}


/* PRESS ROOM */
#press-room-news-boxes-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px 10px;
}

.press-room-news-box {
    position: relative;
    float: left;
    width: 32%;
    height: 550px;
    /*margin:2% 1%;*/
    background: #fff;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

.press-room-news-box:hover {
    box-shadow: 0 0 20px var(--shadow);
}

.press-room-news-box-image-holder {
    display: inline-block;
    float: left;
    width: 100%;
    /*min-height:200px;height:240px;max-height:300px;*/
    background: var(--main-red);
    overflow: hidden;
    transform: scale(1);
    transition: all 0.3s ease;
}

.press-room-news-box-image-holder img {
    width: 100%;
    height: auto;
}

.press-room-news-box-image-holder:hover img {
    transform: scale(1.1);
    transition: all 0.3s ease;
}

.press-room-news-box-content-holder {
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 15px;
    box-sizing: border-box;
}

.press-room-news-box-title a:link,
.press-room-news-box-title a:visited {
    display: block;
    font-size: 18px;
    height: 60px;
    color: var(--main-red);
}

.press-room-news-box-content-holder p {
    float: left;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
}

.press-room-news-box-button-holder {
    position: absolute;
    left: 3%;
    bottom: 5%;
}


/* Press Room Detail */
#press-room-news-sidebar {
    display: block;
    float: left;
    width: 20%;
    height: 800px;
    margin-left: 6%;
    margin-top: 30px;
    padding: 0 10px 0 0;
    overflow: scroll;
}

#press-room-news-sidebar figure {
    float: left;
    margin: 0 0 30px 0;
}

#press-room-news-sidebar figure img {
    border: 1px solid #fff;
}

#press-room-news-sidebar figure .active {
    border: 1px solid var(--main-red);
}

#press-room-news-container {
    float: left;
    width: 64%;
    margin: 0 4%;
}

#press-room-news-container img {
    width: 80%;
}

#press-room-news-sidebar figure:hover {
    box-shadow: 0 0 20px var(--shadow);
}

#press-room-news-sidebar figure img {
    width: 80%;
    margin: 0 8%;
}

#all-news {
    width: 30px;
    height: 40px;
    margin: 30px auto;
    margin-bottom: 0;
}

#all-news-link svg {
    width: 30px;
    height: auto;
    color: var(--main-dark);
    cursor: pointer;
}


/* CORPORATE IDENTITY DENEME */
.corporate-identity-icon {
    position: relative;
    /*float:left;*/
    width: 90px;
    height: 90px;
    padding: 10px;
    /*background:#f2f4f4;*/
    border: 1px solid #f1f1f1;
    margin: 10px;
    cursor: pointer;
    transition: all 0.3s;
}

.corporate-identity-icon:hover {
    /*border: 1px solid #eee;*/
    box-shadow: 0 0 20px var(--shadow);
    background: var(--main-red);
}

.corporate-identity-icon svg {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.corporate-identity-icon .corporate-identity-icon-name {
    margin-top: 4px;
}

.corporate-identity-icon:hover .cls-1 {
    fill: #fff;
}

.corporate-identity-icon:hover .cls-2 {
    stroke: #fff
}

.corporate-identity-icon-name {
    float: left;
    width: 100%;
    text-align: center;
    color: #6b6c7b;
}

.corporate-identity-icon:hover .corporate-identity-icon-name {
    color: #fff;
}

.corporate-identity-icon .cls-1 {
    fill: var(--main-red);
}

.corporate-identity-icon .cls-1,
.corporate-identity-icon .cls-2 {
    stroke: var(--main-red);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
}

.corporate-identity-icon cls-2 {
    fill: none;
}

/* Create an active/current tablink class */
.tab .corporate-identity-icon-active {
    background: var(--main-red);
}

.tab .corporate-identity-icon-active .cls-1 {
    fill: #fff;
}

.tab .corporate-identity-icon-active .cls-2 {
    stroke: #fff;
}

.tab .corporate-identity-icon-active .corporate-identity-icon-name {
    color: #fff
}


.corporate-identity-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    float: left;
    width: 90%;
    height: 100%;
    margin: 30px 0 0 5%;
    padding: 30px 0;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #eee;
    box-shadow: 0 0 20px var(--shadow);
}

.corporate-identity-box-image {
    float: left;
    width: 15%;
    height: 180px;
    margin: 5px 5px 30px 5px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 5px;
    border: 0px solid #eee;
    border-radius: 5px;
}

.corporate-identity-box .corporate-identity-company-logo {
    width: 70%;
    height: auto;
    cursor: pointer;
}

a.corporate-identity-box-link:link,
a.corporate-identity-box-link:visited {
    background: #fff;
    color: var(--main-red);
    padding: 5px;
    border: 1px solid var(--main-red);
    border-radius: 3px;
}

a.corporate-identity-box-link:hover {
    background: var(--main-red);
    color: #fff;
    padding: 5px;
    border: 1px solid var(--main-red);
    border-radius: 3px;
}




/* SUSTAINABILITY */
.sustainability-text-block {
    float: left;
    width: 100%;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
    margin: 0 0 0 0;
}

.sustainability-text-block-left-text {
    float: left;
    width: 48%;
    margin: 0 1% 0 0;
    padding: 30px 0;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 300;
    text-align: justify;
}

.sustainability-text-block-right-text {
    float: right;
    width: 48%;
    margin: 0 0 0 1%;
    padding: 30px 0;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 300;
    text-align: justify;
}

.sustainability-text-block-image {
    width: 98%;
}

.sustainability-inner-block {
    float: left;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.sustainability-inner-block-text {
    float: left;
    width: 45%;
    margin: 1%;
    margin-top: 10%;
    text-align: justify;
}

.sustainability-inner-block-image-holder {
    float: left;
    width: 45%;
    margin: 2%;
}

.sustainability-inner-block-image-holder img {
    float: left;
    width: 100%;
    height: auto;
}

.sustainability-inner-block p {
    font-size: 21px;
    font-weight: 300;
}

.sustainability-inner-block .sustainability-inner-block-text-full-width {
    float: left;
    width: 96%;
    margin: 2%;
}

.sustainability-inner-full-width-image {
    float: left;
    width: 100%;
}


/* CAREER */
#career-form-result-success {
    width: 80%;
    margin: 10px auto;
    padding: 10px 20px;
    box-sizing: border-box;
    background: var(--green);
    color: #fff;
    border-radius: 3px;
}

#career-form-result-error-01 {
    width: 80%;
    margin: 10px auto;
    padding: 10px 20px;
    box-sizing: border-box;
    background: var(--main-red);
    color: #fff;
    border-radius: 3px;
}

.career-form-result-close {
    float: right;
    color: #fff;
    width: 20px;
    height: auto;
    cursor: pointer;
}

.career-text {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

a.external-link-red:link,
a.external-link-red:visited {
    color: var(--main-red);
    font-weight: 600;
}

.career-inner-container {
    float: left;
    width: 100%;
    height: 100%;
    padding: 15px 0 0 0;
}

#career-inner-box-left {
    position: relative;
    float: left;
    width: 35%;
    margin-top: 5%;
    margin-left: 1%;
    height: 240px;
    padding: 5px;
    box-sizing: border-box;
    background: transparent;
}

#career-inner-box-left-title-holder {
    float: left;
    width: 100%;
    height: 60px;
}

#career-inner-box-left-icon {
    float: left;
    position: relative;
    width: 10%;
    height: auto;
    margin-top: 6px;
}

#career-inner-box-left-title {
    float: left;
    width: 80%;
    height: 60px;
    margin: 0 0 0 5%;
    font-size: 30px;
    color: var(--main-red);
    font-weight: 600;
}

#career-inner-box-title-company {
    float: left;
    margin-top: -4px;
    color: var(--main-dark);
    font-size: 21px;
    font-weight: 300;
}

#career-inner-box-left p {
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-left: 15%;
    padding: 5px;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 300;
}

#career-inner-box-right {
    position: relative;
    float: right;
    width: 60%;
    height: 100%;
    overflow: auto;
}

#career-inner-box-right-image-people {
    position: relative;
    float: right;
    margin-right: 10%;
    margin-bottom: 19px;
    width: 75%;
    height: auto;
    z-index: 9;
    border-bottom: 0px solid var(--main-red);
}

#career-inner-box-right-line-01 {
    position: absolute;
    right: 2%;
    bottom: 0;
    width: 90%;
    stroke: var(--main-red);
    border-bottom: 0px solid #000;
}

#career-inner-box-right-line-02 {
    position: absolute;
    right: 5%;
    bottom: 0;
    width: 85%;
    fill: var(--main-red);
    stroke: #fff;
    opacity: 1;
    height: auto;
}

#career-detail-form-holder {
    float: left;
    width: 96%;
    height: 100%;
    margin: 30px 0 60px 0;
    display: block;
}

#career-detail-form-holder h2 {
    color: var(--main-red);
    text-align: center;
    margin-bottom: 30px;
}

.form-part {
    float: left;
    width: 45%;
    height: 100%;
    margin: 15px;
}

.form-part-title {
    float: left;
    margin-left: 4px;
    color: var(--main-dark);
    font-weight: 600;
    font-size: 16px;
}

.career-form-input {
    float: left;
    width: 96%;
    padding: 10px;
    border: 1px solid #dfe7ea;
    border-radius: 3px;
    background: #fff;
}

input[type="file"] {
    display: none;
}

.custom-file-upload {
    float: left;
    margin: 10px;
    border: 1px solid #dfe7ea;
    display: inline-block;
    padding: 15px 20px;
    cursor: pointer;
    background: #fff;
    transition: all 0.3s;
}

.custom-file-upload:hover {
    background: #dfe7ea;
}

.form-part-textarea {
    float: left;
    width: 98%;
    height: 100%;
    margin: 15px;
}

.career-form-textarea {
    float: left;
    width: 94%;
    height: 90px;
    border: 1px solid #dfe7ea;
    border-radius: 3px;
    background: #fff;
}


.capt {
    float: left;
    margin-left: 20px;
    margin-top: 5px;
    width: 45%;
    height: 100px;
    position: relative;
    border: 0px solid #ddd;
}

#mainCaptcha {
    float: left;
    width: 130px;
    background: #eee;
    padding: 5px 0 5px 10px;
}

#captcha-input {
    float: left;
    margin-left: 10px;
    height: 30px;
    letter-spacing: 3px;
}

#captcha-button {
    float: left;
    margin-left: 10px;
    padding: 8px 10px;
    background: var(--main-red);
    border: 1px solid var(--main-red);
    border-radius: 0;
    color: #fff;
    cursor: pointer;
}

#refresh {
    float: left;
    margin-top: 5px;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-image: url(https://www.adagarden.com/assets/i/icons/refresh.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

.send-button-active {
    border: 1px solid var(--main-red);
    cursor: pointer;
    background: var(--main-red);
    color: #fff;
    cursor: pointer;
}

.send-button-active:hover {
    background: var(--main-red);
    color: #fff;
    border: 1px solid var(--main-red);
    box-shadow: 0 0 10px var(--main-red);
}

.send-button-passive {
    border: 1px solid #ccc;
    color: #ccc;
}

#career-form-submit-button {
    float: right;
    margin: 5px 90px 0 0;
    padding: 15px 10px 15px 10px;
    transition: all 0.3s;
}




/* CONTACT PAGE */

#contact-left {
    float: left;
    width: 15%;
    height: 100%;
    padding-top: 30px;
}

.contact-left-country {
    display: block;
    float: left;
    margin: 5px 0;
    width: 90%;
    font-size: 21px;
    font-weight: 600;
}

.contact-left-country-name {
    display: block;
    float: left;
    margin: 5px 0;
    width: 90%;
    font-size: 21px;
    font-weight: 600;
}

ul.contact-left-country-cities {
    float: left;
    margin: 0 0;
}

.contact-left-country-cities li {
    float: left;
    width: 90%;
    margin: 5px 0;
    font-size: 16px;
    font-weight: 300;
    list-style-type: none;
}

a.contact-left-country-link:link,
a.contact-left-country-link:visited {
    color: var(--main-dark);
    padding: 4px 10px;
    border-radius: 5px;
}

a.contact-left-country-link:hover {
    color: var(--main-red);
}

a.contact-left-country-city-link:link,
a.contact-left-country-city-link:visited {
    color: var(--main-dark);
    padding: 4px 10px;
    border-radius: 5px;
}

a.contact-left-country-city-link:hover {
    color: #fff;
    background: var(--main-red);
}

a.city-active:link,
a.city-active:visited {
    color: #fff;
    background: var(--main-red);
    padding: 4px 10px;
    border-radius: 5px;
}

#contact-right {
    float: left;
    width: 79%;
    height: 100%;
    margin-left: 3%;
    padding-left: 2%;
    padding-top: 30px;
    padding-bottom: 60px;
    border-left: 0px solid #eee;
    background: #fff;
    box-shadow: 0 0 20px var(--shadow);
}

.contact-city-info-holder {}

.contact-city-info {}

.contact-city-info-image {
    float: left;
    width: 100%;
    height: auto;
}

.contact-city-info-image img {
    float: left;
    width: 98%;
    height: auto;
}

.contact-item-data {
    float: left;
    margin: 30px 0;
}

.contact-item-data-entry-p {
    font-size: 16px;
    font-weight: 300;
}

.contact-city-info-left {
    float: left;
    margin-top: 30px;
    width: 45%;
}

.contact-city-info-title {
    position: relative;
    font-size: 16px;
    color: var(--main-red);
    font-weight: 600;
}

.contact-city-info-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30%;
    height: 2px;
    border-bottom: 1px solid var(--main-red);
}

.industry-item-data {
    float: left;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.industry-item-data h2 {
    font-size: 21px;
    color: var(--main-dark);
}

.contact-info-tel {
    font-size: 14px;
}

.contact-info-email {
    font-size: 14px;
}

.contact-info-web {
    font-size: 14px;
}

.contact-info-address {
    font-size: 14px;
}

.contact-city-info-map {
    float: right;
    margin-top: 30px;
    width: 50%;
    height: auto;
    margin-right: 2%;
    background: #eee;
}

.contact-city-info-map iframe {
    width: 100%;
    height: 300px;
}



/* FOOTER */
footer#footer-outer {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    padding: 30px 0;
    padding-bottom: 0;
    background: var(--main-dark);
}

#footer-main-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: auto;
    opacity: 0.3;
}

#footer-top-inner {
    width: 80%;
    margin: 0 auto;
    padding: 0 0 60px 0;
    height: 240px;
}

.footer-menu-holder {
    float: left;
    width:
    /*22%*/
    calc(13% - 10px);
    ;
    margin: 1% 2%;
}

.footer-menu-holder span {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.footer-menu-holder span a:link,
.footer-menu-holder span a:visited {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.footer-nav ul {
    margin-top: 15px;
}

.footer-nav ul li {
    float: left;
    width: 100%;
    margin: 10px 0;
    list-style: none;
}

a.footer-menu-link:link,
a.footer-menu-link:visited {
    color: #ccc;
    padding: 6px 6px 6px 0;
    font-size: 14px;
}

a.footer-menu-link:hover {
    color: #fff;
    text-shadow: 0 0 10px #999;
}

.footer-menu-holder p {
    color: #ccc;
    margin: 30px 0;
}

.footer-menu-holder p:hover {
    color: #fff;
}

.footer-menu-holder div {
    color: #ccc;
    margin: 30px 0;
    position: relative;
    z-index: 1;
}

.footer-menu-holder div:hover {
    color: #fff;
}

#footer-social-media img {
    float: left;
    width: 24px;
    height: auto;
    margin: 0 10px;
    transition: all 0.3s;
}

#footer-social-media img:hover {
    margin: -2px 10px;
}

#footer-social-media img:first-child {
    margin-left: 0;
}

#footer-credits-outer {
    width: 100%;
    height: 100%;
    margin-top: 30px;
    padding: 30px 0;
    background: var(--very-dark);
}

#footer-credits-inner {
    width: 80%;
    margin: 0 auto;
}

#footer-credits-left {
    float: left
}

a.footer-credits-link:link,
a.footer-credits-link:visited {
    float: left;
    margin: 0 5px;
    padding: 0 6px 6px 0;
    color: #eee;
    font-size: 12px;
}

a.footer-credits-link:hover {
    color: #fff;
    text-shadow: 0 0 10px #999;
}

#footer-credits-right {
    float: right;
    color: #eee;
    font-size: 12px;
}

#footer-logo {
    width: 200px;
    height: 100px;
    margin: 30px auto;
    margin-bottom: 0;
}

#footer-logo img {
    width: 200px;
    height: auto;
}

#cookieMessage {
    position: fixed;
    bottom: 2%;
    left: 5%;
    z-index: 99999;
    width: 90%;
    min-height: 60px;
    max-height: 180px;
    margin: 0 auto;
    display: flex;
    align-items: space-between;
    justify-content: center;
    background: rgba(175, 38, 52, 1);
    border-radius: 3px;
}

#cookieMessage .cookieMessageInner {
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 4px;
    margin: 15px;
    color: #fff;
}

#cookieMessage .cookieMessageInner div {
    float: left;
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
}

#cookieAcceptButton {
    float: right;
    padding: 4px;
    background: #fff;
    color: var(--main-dark);
    border: 1px solid var(--main-red);
    border-radius: 3px;
    cursor: pointer;
}

#cookieMessage:hover {
    background: rgba(175, 38, 52, 1);
}

/* COMMON THINGS */

.no-margin {
    margin: 0;
}

.align-center {
    text-align: center;
}

.red {
    color: var(--main-red);
}

.dark {
    color: var(--main-dark);
}

.bg-white {
    background: #fff;
}

.f36 {
    font-size: 36px;
}

.p15 {
    padding: 15px;
}

.p30-0 {
    padding: 30px 0;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-60 {
    padding-bottom: 60px;
}

.boldy500 {
    font-weight: 500;
}

.boldy600 {
    font-weight: 600;
}

.boldy700 {
    font-weight: 700;
}