html {
    overflow-x: hidden !important;
}

body {
    font-family: "Roboto Condensed", sans-serif;
    overflow-x: hidden !important;
}

/*  NAVIGATION BAR */

#m-nav {
    height: auto;
}

#m-nav ul {}

#m-nav ul li {}

#m-nav ul li a {
    color: #006940;
    text-decoration: none;
    outline: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.20px;
    font-weight: 700;
}

.white-navbar {
    width: 100%;
    display: block;
    min-height: 64px;
    background: #fff;
    border-bottom: 1px solid hsla(0, 0%, 70%, .15);
    box-shadow: 0 1px 10px rgba(151, 164, 175, 0.15) !important;
}

.container-slider {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.navbar-bg-white {
    background: #fff;
}

.flex-container {
    width: 100%;
    display: flex;
    height: auto;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.dropdown-menu-kogas {
    padding: 0px;
    border-radius: 0px 0px 3px 3px;
    margin-top: 8px;
    /*border-top: 6px solid #f91919;*/
    border-top: 12.8px solid #fff;
    /*overflow: hidden;*/
}

.dropdown-menu-kogas a {
    padding: 9px 18px;
}

.dropdown-toggle::after {
    margin-left: .555em;
}

/* DROPDOWN LANGUAGE SWITCH */

.language-switch {
    float: left;
    height: auto;
    position: relative;
    /*border:1px solid #cf0000;*/
    width: 160px;
    top: -14px;
    left: 32px;
}

.language-switch ul {
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 0px;
    margin-top: 24px;
}

.language-switch ul a li {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 0px;
}

.language-switch ul a li:last-child {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.languagepicker {
    background-color: transparent;
    /*display: inline-block;*/
    padding: 0;
    height: 32px;
    overflow: hidden;
    transition: all .3s ease;
    margin: 0 5px 10px 0;
    vertical-align: top;
    float: left;
    position: absolute;
}

.languagepicker:hover {
    /* don't forget the 1px border */
    height: 81px;
}

.languagepicker a {
    color: #006940;
    text-decoration: none;
}

.languagepicker li {
    display: block;
    padding: 0px 0px;
    line-height: 30px;
    border: 0px;
}

.languagepicker li:hover {
    background-color: #f9f9f9;
}

.languagepicker a:first-child li {
    border: none;
    background: transparent none !important;
}

.languagepicker li img {
    margin-left: 13px;
    margin-top: -2px;
}

.roundborders {
    border-radius: 5px;
}

/* DROPDOWN LANGUAGE SWITCH */

/* SEARCH FORM */
input[type="submit"] {
    background: url(../images/search-top.png) no-repeat !important;
    background-size: 25px !important;
    opacity: 1 !important;
    background-position-y: 59% !important;
    /*background-position-x:-25%!important;*/
    background-position-x: -9% !important;
}

#search {
    border-radius: 36px;
    padding-left: 24px;
    padding-right: 15px;
}

#search:focus {
    background: #f1f1f1;
}

/* SEARCH FORM */


/*  NAVIGATION BAR */

/*  CAROUSEL SLIDER */

.relative-carousel {
    position: relative;
}

.carousel-caption-home {
    text-align: left;
    width: 24%;
    bottom: 160px;
    bottom: 10px;
}

.carousel-caption-home h1 {
    font-size: 54px;
    margin-bottom: 10px;
    line-height: 52px;
    margin-top: 4px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 6px;
    padding-right: 24px;
}

.carousel-caption-home p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    margin-top: 20px;
}

.green-bar-services {
    width: 56%;
    background: #009354;
    min-height: 110px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    color: #fff;
}

h2#animated-slogan {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    padding: 30px 80px;
    font-size: 40px;
}

.zero-pad-0 {
    padding: 0px;
}

.v-middle-green-1 {
    background: #009354;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 1.23rem;
    margin: 0 auto;
    padding: 32px 24px 16px 24px;
}

.v-middle-green-1 a {
    display: block;
}

.v-middle-green-1 a img {
    float: left;
    margin-right: 20px;
    width: 48px;
}

.v-middle-green-2 {
    background: #007547;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 1.23rem;
    margin: 0 auto;
    padding: 32px 24px 16px 24px;
}

.v-middle-green-2 a {
    display: block;
}

.v-middle-green-2 a img {
    float: left;
    margin-right: 20px;
    width: 53px;
}

.v-middle-green-3 {
    background: #006940;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 1.23rem;
    margin: 0 auto;
    padding: 32px 24px 16px 24px;
}

.v-middle-green-3 a {
    display: block;
}

.v-middle-green-3 a img {
    float: left;
    margin-right: 20px;
    width: 50px;
}

.dropdown-urd {
    width: 785px;
    height: auto;
    background: #009354;
    float: left;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    padding: 6px 10px;
    margin-left: -100%;
    margin-bottom: -1.5px !important;
}

.sub-menu-dropup {
    float: left;
    list-style: none;
    padding-left: 14px;
    color: #fff;
    width: 50%;
    float: left;
}

.dropup .dropdown-toggle::after {
    display: none;
}

.sub-menu-dropup li a {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
}

.sub-menu-dropup li a:hover {
    background: transparent none;
    outline: none;
    color: #fff;
    opacity: 0.9;
}

.dropdown-ce,
.dropdown-1 {
    width: 700px;
    height: auto;
    background: #009354;
    float: left;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    padding: 6px 10px;
    margin-bottom: -1.5px !important;
}

.dropdown-urd,
.dropdown-2 {
    width: 785px;
    height: auto;
    background: #007547;
    float: left;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    padding: 6px 10px;
    margin-bottom: -1.5px !important;
}

.dropdown-oc,
.dropdown-3 {
    width: 785px;
    height: auto;
    background: #006940;
    float: left;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    padding: 6px 10px;
    margin-bottom: -1.5px !important;
}



/*  CAROUSEL SLIDER */


/* FACT AND FIGURES */

#fact-and-figure {
    height: auto;
    background: #fff;
    overflow: hidden;
    padding: 0px 0px 15px 0px;
}

.fact-and-figure {
    height: auto;
    overflow: hidden;
    display: block;
}

.facts-area {
    background-color: #054c30;
    padding: 30px 0px;
}

.heading-text h2.judul-facts-area {
    color: #67c59d !important;
    font-size: 50px;
}

.heading-text h2.judul-facts-area .on-white {
    color: #fff !important;
}

.list-of-fnf {
    float: left;
    display: block;
    padding: 15px 30px;
    color: #006940;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
    line-height: 26px;
}

.list-of-fnf p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    line-height: 21px;
}

.list-of-fnf h3 {
    /*color: #006940;*/
    color: #67c59d;
    font-size: 38px;
    line-height: 40px;
    margin: 20px 0px 6px 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

.list-of-fnf h3 span {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 30px;
    margin: 0px;
    color: #67c59d;
}

.overview-about-company {
    width: 100%;
    display: block;
    height: auto;
    display: flex;
    margin: 64px 0px;
}

.center-image-kob {
    width: 90%;
    height: auto;
    display: block;
    margin: 0 auto;
    background: #fff;
    position: relative;
    min-height: 480px;
}

.grey-frame-kob {
    background: #f6f7fb;
    height: 432px;
    width: 95%;
    z-index: 1 !important;
    position: absolute;
    top: 0px;
    left: 33px;
    height: 523px;
    width: 87%;
}

.kogas-office-building {
    width: 76.25%;
    height: auto;
    margin: 0 auto;
    z-index: 2 !important;
    position: relative;
    padding-top: 24px;
    padding-bottom: 24px;
}

.aoc-right {
    width: 100%;
    height: auto;
    display: block;
}

.caption-of-company {
    line-height: normal;
    font-family: 'Roboto Condensed', serif;
    font-weight: 400i;
    color: #2f2f2f;
    font-size: 1.55rem;
    margin-top: 32px;
    margin-bottom: 28px;
}

.aoc-right .caption-of-company p,
.aoc-right h3 {
    line-height: normal;
    font-family: 'Roboto Condensed', serif;
    font-weight: 400i;
    color: #2f2f2f;
    font-size: 1.55rem;
    margin: 6px 0px 0px;
    font-style: italic;
}


.summary-paragraph {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    line-height: 20px;
    color: #2f2f2f;
    display: block;
}

.summary-paragraph p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    line-height: 20px;
    color: #2f2f2f;
    margin: 32px 0px;
    letter-spacing: 0.64px;
}

.arrow-anchore-link {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 6px 6px 6px 0px;
    text-transform: uppercase;
    color: #006940;
}

.arrow-anchore-link a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #006940 !important;
    display: block;
    text-decoration: none;
    outline: none !important;
    font-weight: 700;
    position: relative;
    padding-right: 48px;
}

.arrow-anchore-link a i {
    position: relative;
    right: -5px;
    top: 0px;
}

.arrow-anchore-link a:hover {
    color: #006940;
    display: block;
    text-decoration: none;
    outline: none !important;
    letter-spacing: 0.24px;
    opacity: 0.9;
}

/* FACT AND FIGURE */

/* ABOUT US */

.title-of-cn {
    height: auto;
    width: 100%;
    display: block;
    margin-bottom: 24px;
}

.title-of-cn h2,
.aoc-right h2 {
    color: #2f2f2f;
    font-family: 'Times News Roman', serif;
    font-size: 40px;
}

.aboutus-building {
    height: auto;
    position: relative;
    overflow: unset;
}

.grey-sweetness {
    width: 670px;
    position: absolute;
    top: 10px;
    left: -300px;
    background: #f6f7fb;
    height: 560px;
    z-index: 0;
}

.aboutus-building img {
    margin-top: 40px;
    z-index: 1;
    position: relative;
}

.unset {
    overflow: unset !important;
}


/* ABOUT US */

/*NEWS FROM KOGAS*/

.block-48 {
    width: 100%;
    display: block;
    height: 48px;
    overflow: hidden;
    float: left;
}

#newsfrom-kogas {
    height: auto;
    background: #f6f7fb;
    overflow: hidden;
    padding: 64px 0px 15px 0px;
}

.newsfrom-kogas {
    height: auto;
    overflow: hidden;
    display: block;
}

.right-more-anchore {
    text-align: right;
    display: table;
    width: 100%;
    height: 95px;
}

.v-align-bottom {
    display: table-cell;
    vertical-align: bottom;
}

.v-align-bottom a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #006940;
    display: block;
    text-decoration: none;
    outline: none !important;
    font-weight: 700;
    text-transform: uppercase;
    margin: 15px 0px;
    position: relative;
    /*padding-right: 48px;*/
}

.v-align-bottom a i {
    position: relative;
    right: -5px;
    top: 0px;
}


.v-align-bottom a:hover {
    color: #006940;
    display: block;
    text-decoration: none;
    outline: none !important;
    letter-spacing: 0.24px;
    opacity: 0.9;
}

.v-align-bottom a:focus {
    color: #006940;
    display: block;
    text-decoration: none;
    outline: none !important;
}

.unset-overflow {
    width: 100%;
    height: auto;
    overflow: unset;
    display: flex;
    float: left;
}

.card-body-news {
    min-height: 232px;
    padding: 2rem 1.5rem;
}

.col-padding-24 {
    float: left;
    padding-left: 24px;
    padding-right: 24px;
}

/* SOME OF CLIENTS */

#some-of-clients {
    height: auto;
    background: #f6f7fb;
    overflow: hidden;
    padding: 64px 0px 80px 0px;
}

.some-of-clients {
    height: auto;
    overflow: hidden;
    display: block;
}

.d-table-logo {
    width: 100%;
    min-height: 195px;
    display: table;
}

.list-of-logo {
    width: 180px;
    height: 110px;
    float: left;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.list-of-logo img {
    max-width: 100%;
    height: auto;
}

.list-of-logo:first-child {
    margin-left: -74px;
}


/* SOME OF PROJECTS */

#some-of-projects {
    height: auto;
}


.cardboard {
    height: auto;
    margin: 24px 0px 32px 0px;
}

a.card::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: inherit;
    opacity: 0;
    box-shadow: 0 1rem 2rem -1rem rgba(0, 0, 0, .75);
}

a.card:hover {
    position: relative;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.category-projects {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    letter-spacing: 0.24px;
    color: #006940;
    font-size: 16px;
    line-height: 19px;
    margin: 12px 0px 8px 0px;
}

.some-of-projects {
    height: auto;
}

.col-sop-1 {
    float: left;
    padding-left: 24px;
    padding-right: 24px;
}

.col-sop-2 {
    float: left;
    padding-left: 24px;
    padding-right: 24px;
}

.col-sop-3 {
    float: left;
    padding-left: 24px;
    padding-right: 24px;
}

.card-img-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
}

.border-radius-6 {
    border-radius: 6px;
    border: 0;
    text-decoration: none;
}

.border-radius-6:hover {
    text-decoration: none;
}

.border-radius-6 .card-body h4:hover {
    text-decoration: none;
    color: #2f2f2f;
    outline: none;
}

.border-radius-6 .card-body>h4:focus {
    text-decoration: none;
    color: #2f2f2f;
    outline: none;
}

.shadow-card {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0) !important;
}

.shadow-card:hover {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
}

.card-title {
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #2f2f2f;
    /* font-size: 1.6rem; */
}

.card-body-custom {
    padding: 2rem 1.5rem;
    /* min-height: 240px; */
}

.more-anchor-link-projects {
    width: 235px;
    height: 235px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    background: #009354;
    overflow: hidden;
    display: table;
    border-radius: 5px;
    margin: 24px 0px 32px 0px;
}

.d-table-v-midle {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
}

.d-table-v-midle a {
    color: #fff;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.24px;
    outline: none;
    text-decoration: none;
    border-radius: 6px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
}

.d-table-v-midle a i {
    position: relative;
    right: -5px;
    top: 0px;
}

.d-table-v-midle a:hover {
    color: #fff;
    outline: none;
    text-decoration: none;
    letter-spacing: 0.32px;
    opacity: 0.9;
}

.d-table-v-midle a:focus {
    color: #fff;
    outline: none;
    text-decoration: none;
    letter-spacing: 0.24px;
    opacity: 1;
}

.opening-summary-projects {
    height: auto;
    overflow: hidden;
    display: block;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 1.75rem;
    padding: 86px 0px 48px 0px;
}

.opening-summary-projects {
    height: auto;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 1.75rem;
}


/* MAPS GLOBAL REACH */

#map-global-reach {
    height: auto;
    padding-top: 64px;
    padding-bottom: 64px;
}

.map-global-reach {
    height: auto;
    min-height: 480px;
}

.text-global-reach {
    height: auto;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 1.75rem;
}

.text-global-reach p {
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 1.75rem;
    margin: 24px 0px;
}

.v-pills-tab {
    height: auto;
}

.nav-pills .nav-link.active {
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #006940;
    background: #fff;
    border-bottom: 2px solid #009354;
    font-size: 1.65rem;
    border-radius: 0px !important;
    letter-spacing: 0.24px;
    outline: none !important;
}

.nav-pills .nav-link {
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #2f2f2f;
    background: #fff;
    font-size: 1.65rem;
    border-radius: 0px !important;
    letter-spacing: 0.24px;
    padding: .8rem 1rem;
}

/* MAPS GLOBAL REACH */

/* CONTACT US */

#contact-page {
    padding-top: 0px;
    padding-bottom: 76px;
}

.section-contact-us {
    height: auto;
    overflow: hidden;
    margin-bottom: 48px;
}

.blue-head-office {
    background: #006940;
    height: auto;
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    padding: 2.25rem 40px;
    /*min-height: 520px;*/
    border-bottom-left-radius: 4.5px;
    border-bottom-right-radius: 4.5px;
}

.blue-head-office p {
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16.5px;
    line-height: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}

.blue-head-office h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #fff !important;
    margin-bottom: 18px;
    letter-spacing: 0.24px;
}

.blue-head-office a {
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    border: 2px solid #fff;
    border-radius: 32px;
    padding-top: 11px;
    padding-bottom: 11px;
    display: block;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    text-decoration: none;
    margin-top: 32px;
    outline: none;
}

.blue-head-office a:hover,
.blue-head-office a:focus,
.blue-head-office a:visited {
    outline: none;
    text-decoration: none;
    opacity: 0.85;
}


.smooth-blue-head-office {
    background: linear-gradient(322.87deg, #27ecc5, #315cca);
    height: auto;
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    padding: 2.25rem 40px;
    margin-top: 24px;
    margin-bottom: 32px;
}

.smooth-blue-head-office p {
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16.5px;
    line-height: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}

.smooth-blue-head-office h3 {
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    margin-bottom: 18px;
}

.smooth-blue-head-office a {
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    border: 2px solid #fff;
    border-radius: 32px;
    padding-top: 11px;
    padding-bottom: 11px;
    display: block;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    text-decoration: none;
    margin-top: 32px;
    outline: none;
}

.smooth-blue-head-office a:hover,
.blue-head-office a:focus,
.blue-head-office a:visited {
    outline: none;
    text-decoration: none;
    opacity: 0.85;
}

.form-contact-block {
    height: auto;
    width: 100%;
}

.custom-fl {
    height: auto;
}

.custom-fl>input[type=text] {
    border-bottom: 1px solid #e5e6e8;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-left: 2px;
    border-radius: 0px !important;
}

.custom-fl>input[type=text]:hover,
.custom-fl>input[type=text]:focus,
.custom-fl>input[type=text]:visited {
    border-bottom: 1px solid #d5d5d5;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    box-shadow: none !important;

}

.custom-fl>input[type=email] {
    border-bottom: 1px solid #e5e6e8;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-left: 2px;
    border-radius: 0px !important;
}

.custom-fl>input[type=email]:hover,
.custom-fl>input[type=email]:focus,
.custom-fl>input[type=email]:visited {
    border-bottom: 1px solid #d5d5d5;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    box-shadow: none !important;
}

.custom-fl>input::placeholder {
    opacity: 0.35;
}

.custom-fl>textarea {
    border-bottom: 1px solid #e5e6e8;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-left: 2px;
    border-radius: 0px !important;
}

.custom-fl>textarea:hover,
.custom-fl>textarea:focus,
.custom-fl>textarea:visited {
    border-bottom: 1px solid #d5d5d5;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    box-shadow: none !important;
    bottom: 55%;
    opacity: 1;
}

.input-text {
    position: relative;
    z-index: 3;
}

.custom-fl>label {
    font-size: 11.5px;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 16px;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.title-of-page {
    font-family: "Roboto Condensed", sans-serif;
}

.title-of-page p {
    color: #2f2f2f;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 0.9px;
}

.title-of-page h2 {
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 1.75rem;
    margin: 24px 0px;
}

.submit-message {
    height: auto;
    width: 120px margin-left:8px;
}

.m-b-24 {
    margin-top: 24px;
}

button.btn-submiters {
    float: left;
    width: 27%;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #fff !important;
    font-size: 1.75rem;
    background: #006940;
    padding: 6px 24px;
    border-radius: 5px;
}

button.btn-submiters:hover {
    text-decoration: none;
    outline: none;
    letter-spacing: 0.24px;
    opacity: 0.95;
    color: #fff !important;
}

.form-contact-block {
    height: auto;
    margin-top: 45px;
    display: block;
    overflow: hidden;
    padding-bottom: 15px;
}

.right-maps {
    width: 100%;
    height: auto;
    display: block;
    border-top-left-radius: 4.5px;
    border-top-right-radius: 4.5px;
    overflow: hidden;
}

/* CONTACT US */

/* GET IN TOUCH */

#get-intouch {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    background: url(../images/pattern-geometric-architecture.jpg);
    background-repeat: repeat-x;
}

.get-intouch {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    height: 480px;
    display: table;
    width: 100%;
}

.text-git {
    display: table-cell;
    vertical-align: middle;
    padding-left: 120px;
    padding-right: 120px;
}

.text-git p {
    float: left;
    width: 70%;
    height: auto;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 1.75rem;
    padding-right: 15px;
}

.text-git a {
    float: left;
    width: 27%;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 1.75rem;
    background: #006940;
    padding: 6px 24px;
    border-radius: 5px;
}

.text-git a:hover {
    text-decoration: none;
    outline: none;
    letter-spacing: 0.24px;
    opacity: 0.95;
}

/* GET IN TOUCH */


/* COVER PROJECTS */
#cover-project-list {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    background: url(../images/pattern-geometric-architecture.jpg);
    background-repeat: repeat-x;
    border-bottom: 1px solid hsla(0, 0%, 70%, .15);
}

.cover-project-list {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    height: 370px;
    display: table;
    width: 100%;
    position: relative;
}


.cover-static-page {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    height: 370px;
    display: table;
    width: 100%;
    position: relative;
}


.title-cover-page {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    position: absolute;
    bottom: 136px;
}

.title-cover-page h1 {
    font-size: 54px;
    margin-bottom: 10px;
    line-height: 52px;
    margin-top: 4px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 12px;
}

.title-of-static-page {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    position: absolute;
    bottom: 32px;
}

.title-of-static-page h2 {
    font-size: 54px;
    margin-bottom: 10px;
    line-height: 52px;
    margin-top: 4px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 12px;
}

.title-of-static-page span.cover-line-green {
    width: 124px;
    height: 2.5px;
    position: absolute;
    background: #009354;
    left: 0px;
    margin-top: 10px;
}

.form-filter {
    width: 100%;
    height: auto;
    min-height: 64px;
    bottom: 34px;
    position: absolute;
}

.lt-filter-by {
    height: auto;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2rem;
    font-weight: 400;
    color: #2f2f2f;
    margin-bottom: 12px;
    /*width: 140px;*/
    /*float: left;*/
}

.lt-filter-by h4 {
    height: auto;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2rem;
    font-weight: 400;
    color: #2f2f2f;
    margin-bottom: 12px;
}

.input-form-filter {
    /*width:25%;*/
    height: auto;
    overflow: hidden;
    display: block;
    /*float: left;*/
    padding-right: 24px;
}

.submit-filter {
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    /*width: 225px;*/
    /*width: 140px;*/
    /*float: right;*/
}

.submit-filter a {
    background: #006940;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.95rem;
    font-weight: 400;
    color: #fff;
    border-radius: 6px !important;
    width: 100%;
    display: block;
    padding-right: 28px;
    padding-top: 4px;
    padding-bottom: 8px;
    text-align: center;
}

.submit-filter a i {
    margin-left: 15px;
    margin-top: -3px;
    position: absolute;
}


.submit-filter a:hover {
    text-decoration: none;
    opacity: 0.95;
    letter-spacing: 0.2px;
}

.form-control-select {
    border: 0 !important;
    border-bottom: 1px solid #6b6b6b !important;
    border-radius: 0px;
    font-family: 'Roboto Condensed', serif;
    font-size: 24px;
    font-style: italic;
}

/* CUSTOM SELECT 2 */

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: normal;
    font-family: 'Roboto Condensed', serif;
    font-size: 24px;
    font-style: italic;
    background: #fff;
    padding-bottom: 10px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 0px;
    border-radius: 0px !important;
    height: 30px;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    border-bottom: 1px solid #e1e1e1;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #fefefe;
}

.select2-results__option {
    padding: 6px 12px;
}

.select2-container {
    width: 90%;
}

.selection {
    padding-top: 6px;
    padding-bottom: 15px;
    height: auto;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #6b6b6b;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #009354;
    color: #fff;
}

.select2-search--dropdown .select2-search__field {
    padding: 6.5px 8px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    border: 0px !important;
    border-bottom: 1px solid #e1e1e1 !important;
}

.select2-dropdown {
    border: 0px;
    box-shadow: 0 1px 17px 0 rgba(0, 0, 0, .05);
}

.select2-results__option {
    padding: 6px 12px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
}


.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
    border-style: none;
    background: url(../images/bg-selection.png) top center no-repeat #fff;
    width: 26px;
    height: 26px;
    margin-left: -12px;
    margin-top: -6px;
}

/* CUSTOM SELECT 2 */

#breadcrumb {
    border-bottom: 1px solid hsla(0, 0%, 70%, .15);
    margin-bottom: 64px;
}

.breadcrumb-light {
    background: #fff;
    margin-bottom: 0px;
    padding: 1.05rem 0rem 1.05rem 0;
}

.breadcrumb-light li a {
    color: #006940;
    text-decoration: none;
    background-color: transparent;
    font-size: 17px;
}

#pagination-projects {
    height: auto;
    display: block;
    padding: 60px 0px 72px 0px;
}

.pagination-projects {}

.pagination-projects li.active .page-link {
    border: 0px !important;
}

.pagination-projects li.page-item .page-link {
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    border: 0px !important;
    font-size: 14px;
    color: #2f2f2f;
    display: block;
    border-radius: 50%;
    font-size: 1.45rem;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    margin-left: 2px;
    margin-right: 2px;
}

.pagination-projects li.page-item:first-child .page-link {
    border-radius: 50% !important;
    display: table;
    border-radius: 50%;
    margin-right: 5px;
}

.pagination-projects li.page-item:last-child .page-link {
    border-radius: 50% !important;
    display: table;
    border-radius: 50%;
    border: 0px;
    margin-left: 4.5px;
}

.pagination-projects li.active .page-link {
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    background: #006940 !important;
    border: 0px !important;
    font-size: 14px;
    color: #fff;
    display: block;
    border-radius: 50%;
    font-size: 1.45rem;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    margin-left: 2px;
    margin-right: 2px;
}

.pagination-projects li.page-item a.page-link:hover {
    background: #fff;
    opacity: 0.95;
    outline: none !important;
    border: 0 !important;
}

.pagination-projects li.page-item a.page-link:focus {
    background: #fff;
    opacity: 0.95;
    border: 0px;
    box-shadow: 0 !important;
    outline: none !important;
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none !important;

}

/* COVER PROJECTS */

/* PROJECTS DETAIL */

#cover-project-detail {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    background: url(../images/pattern-geometric-architecture.jpg);
    background-repeat: repeat-x;
    border-bottom: 1px solid hsla(0, 0%, 70%, .15);
}

.cover-project-detail {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    height: 370px;
    display: table;
    width: 100%;
    position: relative;
}

.cover-project-small {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    height: 268px;
    position: relative;
}

.wrap-title-project-detail {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    position: absolute;
    bottom: 15px;
}

.title-detail-project {
    height: auto;
}

.title-detail-project h2 {
    font-size: 36px;
    margin-bottom: 10px;
    line-height: 48px;
    margin-top: 4px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 6px;
    padding-right: 5px;
}

.blockquote {
    line-height: normal;
    font-family: 'Roboto Condensed', serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 1.45rem;
}

.blockquote p {
    line-height: normal;
    font-family: 'Roboto Condensed', serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 1.45rem;
    margin-top: 32px;
    margin-bottom: 32px;
    font-style: italic;
    letter-spacing: 0.24px;
}

.title-detail-project span.cover-line-green {
    width: 124px;
    height: 2.5px;
    position: absolute;
    background: #009354;
    left: 15px;
    margin-top: 10px;
}

#related-newsfrom-kogas {
    height: auto;
    background: #fff;
    overflow: hidden;
    padding: 64px 0px 15px 0px;
}

.at-aglance {
    height: auto;
}

.at-aglance h4 {
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #2f2f2f;
    font-size: 1.75rem;
    margin-bottom: 32px;
}

.detail-glance {
    height: auto;
    width: 100%;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    border-bottom: 1px solid hsla(0, 0%, 70%, .20);
    margin-bottom: 15px;
}

.detail-glance h5 {
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #2f2f2f;
    font-size: 1.45rem;
}

.gallery-content {
    width: 86.5%;
    display: block;
    min-height: 46px;
    /*border:1px solid #cf0000;*/
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 24px;
    margin-right: -15px;
}

.author-area {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top: 2px solid #e1e1e1;
    margin-top: 24px;
    display: table;
    padding: 24px 0px;
}

.cirle-author {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
    background: #e1e1e1;
    display: table-cell;
    vertical-align: middle;
}

.name-author {
    display: table-cell;
    vertical-align: middle;
    height: 64px;
    float: left;
}

.name-author h5 {
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #2f2f2f;
    font-size: 1.25rem !important;
}

.detail-glance p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #009354;
    margin: 15px 0px;
}

.keyword-tag {
    display: flex;
}

.keyword-text {
    float: left;
    width: 175px;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #2f2f2f;
    font-size: 1.25rem !important;
}

.keyword-text h5 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #2f2f2f;
    font-size: 1.25rem !important;
}

.tag-keyword {
    float: left;
    width: 86%;
    height: auto;
}

.tag-category-text {
    background: #f4f4f4;
    padding: 5.5px 15px;
    outline: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #2f2f2f;
    font-size: 1.25rem;
    font-style: italic;
    border-radius: 5px;
    float: left;
    text-decoration: none;
    margin-right: 8px;
    margin-bottom: 8px;
}

.tag-category-text:hover {
    outline: none;
    color: #2f2f2f;
    opacity: 0.95;
    text-decoration: none;
}

.category-project-title {
    margin-top: 45px;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 1.45rem;
    margin: 12px 0px;
    margin-top: 32px;
}

.table-content-article {
    height: auto;
    width: 100%;
}

.row-table {
    width: 100%;
    display: table;
    height: auto;
    border-bottom: 1px solid hsla(0, 0%, 70%, .15);
}

.left-table-box {
    width: 200px;
    display: table-cell;
    vertical-align: top;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #2f2f2f;
    padding-right: 10px;
}

.left-table-box p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #2f2f2f;
    margin: 15px 0px;
}

.right-table-box {
    width: 78%;
    display: table-cell;
    vertical-align: top;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin: 15px 0px;
}

.right-table-box p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #2f2f2f;
    margin: 15px 0px;
}

#gallery-projects-detail {
    /*max-height: 620px;*/
    max-height: 810px;
}

.carousel-caption-projects {
    background: #f4f4f4;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.carousel-caption-projects {
    position: relative;
    right: 0;
    bottom: 20px;
    left: 0;
    padding-left: 124px;
    padding-right: 15px;
    text-align: left;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 1.45rem;
    font-style: italic;
    letter-spacing: 0.24px;
}

.carousel-caption-projects p {
    line-height: normal;
    font-family: 'Roboto Condensed', serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 1.45rem;
    margin-top: 15px;
    margin-bottom: 15px;
    font-style: italic;
    letter-spacing: 0.24px;
}

.carousel-control-next-gallery {
    width: 52px;
    position: relative;
    top: -268px;
    left: 56px;
    height: 124px;
    border-right: 1.5px solid #e1e1e1;
    opacity: 1;
}

.carousel-control-prev-gallery {
    width: 54px;
    position: relative;
    top: -145px;
    height: 124px;
    border-right: 1.5px solid #e1e1e1;
    opacity: 1;
}

.carousel-control-next-icon-custom {
    background-image: none;
}

.carousel-control-prev-icon-custom {
    background-image: none;
}

/* PROJECTS DETAIL */

#content-project {
    height: auto;
}

.content-project {
    height: auto;
}

.col-left-filter {
    height: auto;
}

.col-right-article {
    height: auto;
    max-width: 62%;
    padding-left: 24px;
    padding-right: 24px;
}

.content-of-article {
    height: auto;
    overflow: unset;
    position: relative;
}

.content-of-paragraph,
.aoc-right p {
    height: auto;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #2f2f2f;
    overflow: unset;
}

.content-of-paragraph p,
.aoc-right p {
    margin: 20px 0px;
}

.content-of-article h4 {
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #2f2f2f;
    font-size: 1.75rem;
    margin-bottom: 32px;
}

.col-share {
    display: none;
    height: auto;
    max-width: 168px;
    flex: 13%;
    float: left;
    /*border: 1px solid #cf0000;*/
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #2f2f2f;
    font-size: 1.45rem;
    text-align: center;
}

.col-share ul {
    border-top: 3px solid #009354;
    margin-top: 6px;
}

.col-share p {
    margin-bottom: 2px;
}

.nav-share {
    height: auto;
}

.nav-share:first-child {
    margin-top: 28px;
}

.share-line {
    width: 124px;
    height: 2.5px;
    position: absolute;
    background: #009354;
    left: 15px;
    margin-top: 5px;
    line-height: 2px;
}

/* CAREERS PAGE */

#career-page {
    height: auto;
    padding-bottom: 76px;
}

.custom-container-74 {
    max-width: 64%;
    margin: 0 auto;
    overflow: hidden;
    display: block;
    height: auto;
    /*	overflow: hidden;*/
}

.detail-of-career {
    height: auto;
    width: 100%;
    margin-bottom: 48px;
}

.detail-of-career {}

.title-detail-of-career h2 {
    font-family: 'Roboto Condensed', serif;
    font-size: 48px;
    line-height: 50px;
}

.title-detail-of-career p {
    font-family: 'Roboto Condensed', serif;
    font-size: 24px;
    line-height: 28px;
}

.time-and-description {
    height: auto;
}

.time-and-description p {
    font-family: 'Roboto Condensed', serif;
    font-size: 18px;
    line-height: 24px;
    color: #797979;
}

.paragraph-content {
    height: auto;
    margin-bottom: 32px;
    overflow: hidden;
    display: block;
}

.list-of-careers {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.paragraph-content p {
    color: #2f2f2f;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.24px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.paragraph-content p img {
    margin-top: 15px;
    margin-bottom: 10px;
}

.paragraph-content ul {
    margin-left: 0px;
    padding-left: 18px;
}

.paragraph-content ul li {
    color: #2f2f2f;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 0.9px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.paragraph-content ul li p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.opening-summary-careers {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #2f2f2f;
    margin-bottom: 32px;
}

.opening-summary-careers h1 {
    font-family: 'Roboto Condensed', serif;
    font-size: 1.85rem;
    line-height: normal;
}

.title-list-career {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #2f2f2f;
}

.list-of-careers a {
    text-decoration: none;
    outline: none;
    color: #2f2f2f;
}

.title-list-career h2 {
    font-family: 'Roboto Condensed', serif;
    font-size: 1.95rem;
    margin-bottom: 12px;
    line-height: normal;
    color: #2f2f2f;
}

.summary-of-jobs {
    height: auto;
    width: 100%;
    color: #7e838b;
    font-family: "Roboto Condensed", sans-serif;
}

.summary-of-jobs>a {
    color: #7e838b;
    padding-right: 32px;
    font-size: 14px;
    font-weight: 400;
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: 0.9px;
}


.summary-of-jobs>a>i {
    font-size: 15px;
    line-height: 21px;
    color: #bdbdbd;
    margin-right: 6px;
}

/* CAREERS PAGE */

/* LIST NEWS */

.list-news-section {
    margin-top: 132px;
    margin-bottom: 58px;
}

.thumbnail-featured-news {
    border-radius: 4px;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: 6px;
}

#carouselfeatured {
    min-height: 750px;
}

.wrap-featured-news {
    height: auto;
}

.featured-caption {
    height: auto;
    padding: .6rem 2rem;
    background: #fff;
    width: 100%;
}

.featured-caption a {
    outline: none;
    text-decoration: none;
    display: block;
    color: #2f2f2f;
}

.featured-caption h2 {
    outline: none;
    text-decoration: none;
    display: block;
    color: #2f2f2f;
    font-family: 'Roboto Condensed', serif;
    font-size: 36px;
    margin-bottom: 10px;
    line-height: 42px;
}

.featured-caption p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #2f2f2f;
    margin-top: 24px;
    margin-bottom: 15px;
}

.indocator-custom {
    width: 100%;
    height: auto;
    border-bottom: 1px solid hsla(0, 0%, 70%, .15);
    padding-bottom: 10px;
    margin-bottom: 30px;
    overflow: hidden;
    display: block;
}

.indocator-custom:hover {
    cursor: pointer;
}

.indocator-custom img {
    height: auto;
    display: block;
    padding-bottom: 19px;

}

.thumbnail-slidefnews {
    float: left;
    max-width: 115px;
    margin-right: 20px;
}

.carousel-indicator-custom {
    margin: 10px 0px;
}

.indocator-custom p {
    font-family: 'Roboto Condensed', serif;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 18px;
}

/* LIST NEWS */
/* FOOTER */
#footer {
    padding-top: 98px;
    height: auto;
    overflow: hidden;
    position: relative;
    background: #fff;
    z-index: 1;
}

.footer-bg-attachment {
    width: 145px;
    min-height: 180px;
    background: url(../images/footer-bg-attachment.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 4px;
    z-index: 1;
}

.custom-container {
    margin: 0 auto;
    max-width: 85%;
    display: block;
    height: auto;
}

.cf-1 {
    padding: 15px;
    float: left;
    height: auto;
    overflow: hidden;
    display: block;
    width: 40%;
    z-index: 2;
}

.cf-2 {
    padding: 15px 0px;
    float: left;
    height: auto;
    overflow: hidden;
    display: block;
    width: 30%;
    z-index: 2;
}

.iso-area {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
}

.iso-9001 {
    width: 120px;
    float: left;
    margin-right: 18px;
    text-align: center;
}

.iso-9001 img {
    max-width: 100%;
    height: auto;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.iso-14001 {
    width: 120px;
    float: left;
    margin-right: 18px;
    text-align: center;
}

.iso-14001 img {
    max-width: 100%;
    height: auto;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.iso-18001 {
    width: 120px;
    float: left;
    margin-right: 10px;
    text-align: center;
}

.iso-18001 img {
    max-width: 100%;
    height: auto;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.title-baskervald {
    display: block;
    height: auto;
    overflow: hidden;
}

.title-baskervald h3 {
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #2f2f2f;
    font-size: 1.75rem;
}

.list-item-ufl {
    width: 50%;
    float: left;
    height: auto;
    overflow: hidden;
    display: block;
    color: #2f2f2f;
}

.list-item-ufl ul {
    height: auto;
    display: block;
    padding: 10px 0px 10px 0px;
}

.list-item-ufl ul li {
    list-style: none;
    margin-bottom: 6px;
}

.list-item-ufl ul li a {
    color: #2f2f2f;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.24px;
}

.list-item-ufl ul li a:hover {
    color: #2f2f2f;
    text-decoration: none;
    background: transparent;
    outline: none;
    opacity: 0.9;
    letter-spacing: 0.36px;
}

.list-item-ufl ul li a:focus {
    color: #2f2f2f;
    text-decoration: none;
    background: transparent;
    outline: none;
}

.list-item-ufl ul li a:visited {
    color: #2f2f2f;
    text-decoration: none;
    background: transparent;
    outline: none;
}

.use-full-link {
    height: auto;
    overflow: hidden;
}

.contact-fb {
    height: auto;
    overflow: hidden;
}

.heading-text {
    height: auto;
}

.heading-text a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #006940;
    display: block;
    text-decoration: none;
    outline: none !important;
    font-weight: 700;
    text-transform: uppercase;
    margin: 24px 0px;
}

.heading-text a:hover {
    color: #006940;
    display: block;
    text-decoration: none;
    outline: none !important;
    letter-spacing: 0.24px;
    opacity: 0.9;
}

.ho-address {
    margin-bottom: 24px;
}

.ho-address h5 {
    font-family: 'Roboto Condensed', sans-serif;
    line-height: normal;
    font-size: 16px;
    line-height: 19px;
    color: #2f2f2f;
    font-weight: 600;
    margin-bottom: 8px;
}

.ho-address p {
    font-family: 'Roboto Condensed', sans-serif;
    line-height: normal;
    font-size: 16px;
    line-height: 19px;
    color: #2f2f2f;
    margin-bottom: 8px;
    margin-top: 4px;
    letter-spacing: 0.24px;
}

.ho-address p span.spacer-email {
    width: 4px;
    height: 8px;
    margin-right: 57px;
    margin-bottom: 32px;
}

.ho-address {
    font-family: 'Roboto Condensed', sans-serif;
    line-height: normal;
    font-size: 16px;
    line-height: 19px;
    color: #2f2f2f;
}

.heading-text h1 {
    color: #2f2f2f;
    font-size: 42px;
    line-height: 46px;
    margin-bottom: 4px;
    margin-top: 4px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 6px;
}

.heading-text h2 {
    color: #006940;
    font-size: 42px;
    line-height: 46px;
    margin-bottom: 4px;
    margin-top: 4px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

.iso-area {
    height: auto;
    overflow: hidden;
    display: block;
    padding: 15px 0px;
}

.cf-3 {
    padding: 15px 0px;
    float: left;
    height: auto;
    overflow: hidden;
    display: block;
    width: 30%;
}

.copyright {
    background: #025038;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 23px 0px 20px 0px;
    line-height: 22px;
    font-family: "Roboto Condensed", sans-serif;
    margin-top: 10px;
}

.copyright p {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.24px;
}

/* FOOTER */


/* SERVICES PAGE DESCRIPTION */

.semi-quotes {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 34px;
    color: #2f2f2f;
    font-weight: 300;
}

/*.semi-quotes p::first-letter{
  font-size: 200%;
  color: #009354;
  line-height: 24px;
  position: relative;
}*/

.left-content-services {
    margin-bottom: 48px;
}

/*
p.special-paragraph:first-letter{
    font-size: 480%; 
    font-family:"Open Sans", sans-serif;
    font-weight: 700;
    float: left;
    color: #006940;    
    margin-top:10px;
    margin-right:3px;
    margin-left: -6px;
}*/

@-moz-document url-prefix() {
    p.special-paragraph:first-letter {
        font-size: 480%;
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        float: left;
        color: #006940;
        margin-top: 10px !important;
        margin-right: 3px;
        margin-left: -6px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm),
screen and(-webkit-min-device-pixel-ratio:0) {
    p.special-paragraph:first-letter {
        font-size: 481%;
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        float: left;
        color: #006940;
        margin-top: 32px;
        margin-bottom: 28px;
        margin-right: 3px;
        margin-left: -6px;
    }
}

.sideright-summary-services {
    height: auto;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    color: #2f2f2f;
    padding-left: 15px;
}

.card-side-right-services {
    height: auto;
    border: 0px;
    padding-left: 15px;
}

.card-side-right-services ul li {
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
    padding-left: 12px;
}

.card-side-right-services ul li a {
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
    font-size: 17px;
}

.card-side-right-services ul li.active a {
    color: unset;
}

.heading-text h1 span {
    color: #006940 !important;
}

.up-paragraph {
    display: none !important;
}

.down-paragraph {
    display: block !important;
}

/* SERVICES PAGE DESCRIPTION */


/* SEARCH */

input[type="submit"] {
    background: url(../images/search-top.png) no-repeat !important;
    background-size: 24px !important;
    opacity: 1 !important;
    background-position-y: 62% !important;
    /*background-position-x:-25%!important;*/
    background-position-x: -9% !important;
    margin-right: 10px;
    margin-left: 10px;
}

#search {
    border-radius: 36px;
    padding-left: 24px;
    padding-right: 15px;
}

#search:focus {
    background: #f9f9f9;
}

#wrap {
    margin: 0px 0px 0px 56px;
    margin-right: -24px;
    display: inline-block;
    position: relative !important;
    height: 7px;
    float: right;
    padding: 0;
    position: relative;
}

.seacrh {
    height: 40px;
    margin: 0 0 30px 10px;
    font-size: 13px;
    display: inline-block;
    font-family: "Lato";
    font-weight: bold;
    border: none;
    outline: none;
    color: #555;
    padding: 3px;
    padding-right: 60px;
    width: 0px;
    position: absolute;
    top: 7px;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
}


.seacrh:focus {
    width: 720px;
    z-index: 1;
    /*border-bottom: 1px solid #999;*/
    cursor: text;
}

#search_submit {
    height: 74px;
    /*width: 40px;*/
    width: 36px;
    display: inline-block;
    color: red;
    float: right;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFU1NT9fX1lJSUXl5e1dXVfn5+c3Nz6urqv7+/tLS0iYmJqampn5+fysrK39/faWlp////Vi4ZywAAABF0Uk5T/////////////////////wAlrZliAAABLklEQVR42rSWWRbDIAhFHeOUtN3/ags1zaA4cHrKZ8JFRHwoXkwTvwGP1Qo0bYObAPwiLmbNAHBWFBZlD9j0JxflDViIObNHG/Do8PRHTJk0TezAhv7qloK0JJEBh+F8+U/hopIELOWfiZUCDOZD1RADOQKA75oq4cvVkcT+OdHnqqpQCITWAjnWVgGQUWz12lJuGwGoaWgBKzRVBcCypgUkOAoWgBX/L0CmxN40u6xwcIJ1cOzWYDffp3axsQOyvdkXiH9FKRFwPRHYZUaXMgPLeiW7QhbDRciyLXJaKheCuLbiVoqx1DVRyH26yb0hsuoOFEPsoz+BVE0MRlZNjGZcRQyHYkmMp2hBTIzdkzCTc/pLqOnBrk7/yZdAOq/q5NPBH1f7x7fGP4C3AAMAQrhzX9zhcGsAAAAASUVORK5CYII=) center center no-repeat;
    background-size: 30px;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: -18px;
    right: -14px;
    z-index: 2;
    cursor: pointer;
    opacity: 0.4;
    cursor: pointer;
    transition: opacity .4s ease;
    transform: rotate(-10deg);
    outline: none !important;
}

#search_submit:focus {
    outline: none;
}

input[type="submit"]:hover {
    opacity: 0.8;
}

/* SEARCH */

.fixed-top {
    display: block;
    height: auto;
}

.form-search-mobile {
    display: none;
}

#thead-projects {
    padding: 8px 0px;
    font-family: 'Roboto Condensed', serif !important;
    color: #2f2f2f !important;
    font-size: 18px !important;
    border-bottom: 1px solid #dee2e6;
    line-height: 20px;
}

#thead-projects p {
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 8px;
}

.no-th {
    font-family: 'Roboto Condensed', serif !important;
    color: #2f2f2f !important;
    font-size: 18px !important;
    padding-left: 4px;
    min-width: 30px;
    line-height: 20px;
    margin-bottom: 4px;
    margin-top: 8px;
}

.no {
    min-width: 30px;
    text-align: left;
    font-size: 16px;
    color: #2f2f2f;
    font-family: 'Roboto Condensed', sans-serif;
    padding-left: 10px;
}

#row-projects-white {
    background: #fff;
    font-size: 16px;
    line-height: 21px;
    color: #2f2f2f;
    padding: 12px 0px 6px 0px;
    border-bottom: 1px solid #dee2e6;
    height: auto;
}

#row-projects-white p {
    margin-bottom: 6px;
}

#row-projects-grey {
    background: #f9f9f9;
    font-size: 16px;
    line-height: 21px;
    color: #2f2f2f;
    padding: 12px 0px 6px 0px;
    border-bottom: 1px solid #dee2e6;
    height: auto;
}

#row-projects-grey p {
    margin-bottom: 6px;
}

.col-location {
    width: 20%;
    max-width: 20%;
    flex: 20%;
    padding-left: 15px;
    padding-right: 15px;
    /*border:1px solid #cf0000;*/
}

.col-location a {
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}

.col-location a:hover,
.col-location a:focus {
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}

.col-client-finance {
    width: 21%;
    max-width: 22%;
    flex: 22%;
    padding-left: 15px;
    padding-right: 15px;
    /*border:1px solid #cf0000;	*/
}

.col-client-finance a {
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}

.col-client-finance a:hover,
.col-client-finance a:focus {
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}

.col-project-name {
    width: 22%;
    max-width: 22%;
    flex: 22%;
    padding-left: 15px;
    padding-right: 15px;
    /*border:1px solid #cf0000;*/
}

.col-project-name a {
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}

.col-project-name a:hover,
.col-project-name a:focus {
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}

.col-h-services {
    width: 10%;
    max-width: 10%;
    flex: 10%;
    padding-left: 15px;
    padding-right: 15px;
    /*border:1px solid #cf0000;	*/
}

.col-h-services a {
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}

.col-h-services a:hover,
.col-h-services a:focus {
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}

.col-h-periode {
    width: 10%;
    max-width: 10%;
    flex: 10%;
    padding-left: 15px;
    padding-right: 15px;
    /*border:1px solid #cf0000;*/
}

#grid-tab {
    height: auto;
    color: #006940;
}

#grid-tab:hover {
    border-color: #fff !important;
}

#list-tab:hover {
    border-color: #fff !important;
}

.nav-tabs .nav-link.active {
    border-color: #fff #fff #fff !important;
    outline: none !important;
}

.nav-tabs .nav-link.active:focus {
    border-color: #fff #fff #fff !important;
    outline: none !important;
}

#grid-tab i {
    width: 24px;
    height: auto;
    margin-right: 8px;
    float: left;
}

#grid-tab i embed {
    max-width: 100%;
    color: #006940;
    margin-top: -10px;
    position: relative;
}

#list-tab {
    height: auto;
    color: #006940;
}

#list-tab i {
    font-size: 22px;
    color: #006940;
    margin-right: 8px;
}

#tabprojects {
    padding-right: 15px;
    padding-left: 15px;
}

.col-h-periode a {
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}

.col-h-periode a:hover,
.col-h-periode a:focus {
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}

.col-h-value {
    width: 13%;
    max-width: 13%;
    flex: 13%;
    padding-left: 15px;
    padding-right: 15px;
    /*border:1px solid #cf0000;	*/
}

.col-h-value a {
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}

.col-h-value a:hover,
.col-h-value a:focus {
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}

.language-switch-mobile {
    display: none;
}

.dropdown-item:active {
    background: #f9f9f9 !important;
}

/* Chodam */
div.navbar-collapse .navbar-nav.ml-auto.flex-nowrap li a {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 16px !important;
}

/* /Chodam */

/* RESPONSIVE */

@media screen and (min-width: 1440px) {

    .language-switch-mobile {
        display: none;
    }

    .featured-caption h2 {
        outline: none;
        text-decoration: none;
        display: block;
        color: #2f2f2f;
        font-family: 'Roboto Condensed', serif;
        font-size: 50px;
        margin-bottom: 10px;
        line-height: 56px;
    }

    #m-nav ul li a {
        font-size: 17.5px;
        line-height: 20px;
    }

    .card-title {
        /* font-size: 1.95rem; */
        margin-bottom: 26px;
    }

    .list-of-logo:first-child {
        margin-left: 7%;
    }

    .list-of-logo {
        width: 220px;
    }

    .card-body-custom {
        padding: 2.2rem 2rem;
        /* min-height: 285px; */
    }

    .card-body-news {
        padding: 2.2rem 2rem;
        min-height: 264px;
    }

    .text-git p {
        font-size: 1.95rem;
    }

    .opening-summary-projects {
        font-size: 1.75rem;
        padding-left: 12%;
    }

    .list-of-fnf:first-child {
        margin-left: 16%;
    }

    .caption-of-company {
        margin-top: 48px;
    }

    .summary-paragraph p {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 21px;
        line-height: 26px;
    }

    .caption-of-company p {
        font-size: 1.85rem;
    }

    .list-of-fnf {
        padding: 15px 36px;
    }

    .card-body-custom {
        /* min-height: 326px; */
    }

    .card-body-news {
        min-height: 300px;
    }

    .list-of-logo {
        width: 180px;
    }

    .list-of-logo:first-child {
        margin-left: 0.8%;
    }



    .col-padding-24 {
        padding-left: 18px;
        padding-right: 18px;
    }

    .list-of-fnf p {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 20px;
        line-height: 24px;
        color: white;
    }

    .grey-frame-kob {
        top: 0px;
        left: 61px;
        height: 725px;
        width: 83%;
    }

    .v-middle-green-1 {
        font-size: 1.55rem;
    }

    .v-middle-green-2 {
        font-size: 1.55rem;
    }

    .v-middle-green-3 {
        font-size: 1.55rem;
    }

    .v-middle-green-1 a img {
        width: 52px !important;
        margin-top: 6px;
    }

    .v-middle-green-2 a img {
        width: 52px !important;
        margin-top: 6px;
    }

    .v-middle-green-3 a img {
        width: 52px !important;
        margin-top: 6px;
    }

    .footer-bg-attachment {
        width: 165px;
    }

    .text-git {
        padding-left: 275px;
        padding-right: 275px;
    }

    .iso-9001,
    .iso-14001,
    .iso-18001 {
        width: 132px;
    }

    .heading-text h1 {
        font-size: 54px;
        margin-bottom: 10px;
        line-height: 52px;
    }


    .heading-text h2 {
        font-size: 54px;
        margin-bottom: 10px;
        line-height: 52px;
    }

    .heading-text a {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 16px;
        line-height: 20px;
        color: #006940;
        display: block;
        text-decoration: none;
        outline: none !important;
        font-weight: 700;
        text-transform: uppercase;
        margin: 24px 0px;
    }

    .heading-text a:hover {
        color: #006940;
        display: block;
        text-decoration: none;
        outline: none !important;
        letter-spacing: 0.24px;
        opacity: 0.9;
    }

    .list-item-ufl ul li a {
        font-size: 17px;
        line-height: 20px;
    }

    .copyright {
        font-size: 17px;
        padding: 24px 0px;
    }

    .ho-address {
        margin-top: 12px;
    }

    .ho-address p {
        font-size: 17px;
        line-height: 20px;
    }

    .ho-address h5 {
        font-size: 17px;
    }

    .title-baskervald h3 {
        font-size: 1.90rem;
    }

    .input-form-filter {
        /*width: 26%;*/
    }

    .share-line {
        left: 18px;
    }

    .submit-filter {
        width: 204px;
    }

    .col-right-article {
        max-width: 62%;
        padding-left: 32px;
        padding-right: 32px;
    }

    .text-git {
        padding-left: 225px;
        padding-right: 225px;
    }

    .grey-frame-kob {
        left: 46px;
        height: 565px;
        width: 83%;
    }

    .custom-container {
        max-width: 86.5%;
    }

    .up-paragraph {
        display: none !important;
    }

    .down-paragraph {
        display: block !important;
    }

    .grey-sweetness {
        width: 420px;
        position: absolute;
        top: 10px;
        left: -27px;
        background: #f6f7fb;
        height: 600px;
        z-index: 0;
    }

}

@media only screen and (device-width : 1440px) and (device-height: 900px) {

    .dropdown-ce,
    .dropdown-1 {
        width: 830px;
    }

    .dropdown-urd,
    .dropdown-2 {
        width: 830px;
    }

    .dropdown-oc,
    .dropdown-3 {
        width: 830px;
    }

    .sub-menu-dropup {
        margin-top: 15px !important;
    }

    .search:focus {
        width: 755px;
    }

    .v-middle-green-1,
    .v-middle-green-2,
    .v-middle-green-3 {
        font-size: 1.44rem !important;
        letter-spacing: 0;
    }

    .dropdown-oc {
        left: -200% !important;
    }

    .seacrh:focus {
        width: 795px;
    }

}

/* MACBOOK 1680*/

/* MACBOOK 1024*/
@media only screen and (device-width : 1024px) and (device-height: 640px) {}


@media only screen and (device-width : 1680px) and (device-height: 1050px) {
    .grey-frame-kob {
        left: 50px;
        height: 650px;
        width: 84%;
    }

    .list-of-logo {
        max-width: 190px;
    }

    .list-of-logo:first-child {
        margin-left: 8.2%;
    }

    .seacrh:focus {
        width: 780px;
    }

}

/* MACBOOK 1680*/

/*MacBook Pro 2016 Resolution. 2560 x 1600 PX*/

@media only screen and (device-width : 2560px) and (device-height: 1600px) {
    .custom-container {
        max-width: 1245px;
        flex: 1245px;
    }
}

/*MacBook Pro 2016 Resolution. 2560 x 1600 PX*/
@media only screen and (device-width : 1280px) and (device-height: 800px) {

    .grey-frame-kob {
        left: 35px;
        height: 494px;
        width: 85%;
    }

    .list-of-logo {
        max-width: 168px;
    }

}

@media only screen and (device-width : 1440px) and (device-height: 900px) {
    .grey-frame-kob {
        left: 46px;
        height: 561px;
    }
}

@media only screen and (device-width : 1920px) and (device-height: 1080px) {

    .list-of-fnf:first-child {
        margin-left: 22%;
    }

    .list-of-logo {
        max-width: 215px;
    }

    .list-of-logo:first-child {
        margin-left: 7.5%;
    }

    .custom-container {
        max-width: 84%;
    }

    .grey-frame-kob {
        left: 60px;
        height: 719px;
        width: 83%;
    }

    .aboutus-building {
        padding: 15px 18px;
    }

    .grey-sweetness {
        width: 495px;
        position: absolute;
        top: 35px;
        left: -3px;
        background: #f6f7fb;
        height: 711px;
        z-index: 0;
    }

    .up-paragraph {
        display: block !important;
    }

    .down-paragraph {
        display: none !important;
    }

    .card-body-news {
        min-height: 255px;
    }

    .dropdown-ce,
    .dropdown-1 {
        width: 1115px;
        padding-top: 24px;
    }

    .dropdown-urd,
    .dropdown-2 {
        width: 1115px;
        padding-top: 24px;
    }

    .dropdown-oc,
    .dropdown-3 {
        width: 1096px;
        padding-top: 24px;
    }

    .search:focus {
        width: 765px;
    }

    .sub-menu-dropup {
        width: 32%;
    }

    .seacrh:focus {
        width: 740px;
    }


}


@media screen and (max-width: 1200px) {

    @-moz-document url-prefix() {
        p.special-paragraph:first-letter {
            font-size: 270%;
            font-family: "Open Sans", sans-serif;
            font-weight: 700;
            float: left;
            color: #006940;
            margin-top: 10px !important;
            margin-right: 3px;
            margin-left: -6px;
            margin-bottom: 1px;
        }
    }

    .language-switch-mobile {
        display: none;
    }

    .form-search-mobile {
        display: none;
    }

    .relative-carousel {
        position: relative;
        margin-top: 80px;
    }

    #carouselExampleFade .carousel-inner {
        width: 113%;
        margin: 0 auto !important;
        margin-left: -6.2% !important;
    }

    .carousel-caption-home h1 {
        font-size: 36px;
        margin-bottom: 10px;
        line-height: 35px
    }

    .carousel-caption-home {
        text-align: left;
        width: 27%;
        left: 9%;
    }

    .green-bar-services {
        width: 62%;
    }

    .sub-menu-dropup {
        width: 31.5%;
        padding-left: 0px;
    }

    .dropdown-menu-left {
        right: auto;
        left: 0;
    }

    .dropdown-ce,
    .dropdown-urd,
    .dropdown-oc,
    .dropdown-1,
    .dropdown-2,
    .dropdown-3 {
        padding-left: 0px;
        width: 980px !important;
    }

    .dropdown-oc {
        margin-right: -142.2%;
    }

    .v-middle-green-1,
    .v-middle-green-2,
    .v-middle-green-3 {
        padding: 32px 24px 26px 24px;
    }

    .v-middle-green-1 a img {
        width: 40px;
        margin-right: 12px;
    }

    .v-middle-green-1,
    .v-middle-green-2,
    .v-middle-green-3 {
        font-size: 1rem !important;
    }

    .v-middle-green-2 a img {
        width: 45px;
        margin-right: 12px;
    }

    .v-middle-green-3 a img {
        width: 45px;
        margin-right: 12px;
    }

    .custom-container {
        max-width: 86.5%;
    }

    .lt-filter-by {
        width: 100%;
        height: auto;
    }

    .col-padding-24 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .custom-container {
        margin: 0 auto;
        max-width: 94%;
    }

    .title-cover-page h1 {
        font-size: 48px;
        margin-bottom: 10px;
        line-height: 52px;
    }

    .title-cover-page {
        bottom: 164px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 23px;
        line-height: 38px;
    }

    .select2-results__option[aria-selected] {
        font-size: 20px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: -4px;
        background-size: 70%;
        margin-left: -10px;
    }

    .col-sop-1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-sop-2 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-sop-3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .card-body-custom {
        padding: 2rem 1.5rem;
        min-height: 275px;
    }

    .submit-filter a {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.65rem;
        padding-top: 8px;
        padding-bottom: 9px;
    }

    .iso-9001,
    .iso-14001,
    .iso-18001 {
        width: 96px;
    }

    .custom-container-72 {
        max-width: 64%;
    }

    .custom-container-74 {
        max-width: 74%;
    }

    .custom-container-about {
        max-width: 90%;
    }

    .grey-sweetness {
        width: 645px;
        position: absolute;
        top: 10px;
        left: -250px;
        background: #f6f7fb;
        height: 600px;
    }

    .down-paragraph {
        display: block !important;
        margin-top: 48px;
    }

    .list-of-fnf {
        padding: 15px 32px;
    }

    .list-of-fnf:first-child {
        margin-left: 10% !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .15rem;
        padding-left: .15rem;
    }

    #m-nav ul li a {
        font-size: 14.5px;
        line-height: 19px;
        letter-spacing: 0px;
    }

    #wrap {
        margin: 0px 0px 0px 52px;
        right: 132px;
        position: absolute !important;
    }

    .search:focus {
        width: 580px !important;
    }

    .grey-frame-kob {
        left: 30px;
        height: 445px !important;
        width: 86%;
    }

    .list-of-logo:first-child {
        margin-left: -24px;
    }

    .list-of-logo {
        max-width: 210px;
        min-height: 115px;
    }

    .input-form-filter {
        width: 27%;
        padding-right: 15px;
        margin-right: 10px;
    }

    .input-form-filter:last-child {
        margin-right: 6px !important
    }

    .select2-container {
        width: 100% !important;
    }

    .carousel-control-next-gallery {
        width: 52px;
        position: relative;
        top: -326px;
        left: 56px;
        height: 153px;
    }

    .carousel-control-prev-gallery {
        height: 153px;
        top: -173px;
    }

    .col-h-value {
        height: auto;
        width: 12%;
        flex: 12%;
        max-width: 12%;
    }


}


/* SPESIFIK MNEDIA QUERY */
/* IPAD LANDSCAPE */

@media only screen and (device-width : 1024px) and (device-height: 768px) {
    .grey-frame-kob {
        left: 30px;
        height: 445px !important;
        width: 75%;
    }

    .grey-sweetness {
        width: 113%;
        position: absolute;
        top: 17px;
        left: -25px;
        background: #f6f7fb;
        height: 587px;
    }

    .seacrh:focus {
        width: 585px;
    }

}


/* IPAD LANDSCAPE */


/*IPAD PRO*/

@media only screen and (device-width : 1366px) and (device-height: 1024px) {
    .grey-frame-kob {
        height: 530px !important;
    }

    .list-of-fnf:first-child {
        margin-left: 52px;
    }

}

@media only screen and (device-width : 1024px) and (device-height: 1366px) {
    .seacrh:focus {
        width: 589px;
    }
}

/*IPAD PRO*/

/* SPESIFIK MNEDIA QUERY */

@media screen and (max-width:992px) {

    .language-switch-mobile {
        display: block;
        position: relative;
        left: unset !important;
        /*right:-275px;*/
        right: -325px;
        top: -9px;
    }

    .language-switch-mobile .languagepicker li {
        background: #fff;
    }

    .green-bar-services {
        width: 99.5%;
        display: block !important;
        bottom: -110px;
    }

    .container-slider {
        overflow: unset;
    }

    #fact-and-figure {
        margin-top: 110px;
    }

    .sub-menu-dropup {
        width: 31.5%;
        padding-left: 10px;
    }

    .dropdown-oc {
        margin-right: -72.2%;
    }

    body {
        overflow-x: hidden;
    }

    .nav-set-align {
        text-align: left;
        margin-left: -20px;
        margin-right: -20px;
        padding-bottom: 16px;
    }

    .navbar-bg-white {
        position: relative;
    }

    .navbar-light .navbar-toggler {
        right: 12px;
        margin-top: 10px;
        position: absolute;
    }

    .navbar-bg-white {
        padding: .2rem 1rem;
    }

    #m-nav ul li a {
        color: #006940;
        text-decoration: none;
        outline: none;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.20px;
        font-weight: 700;
    }

    .list-of-fnf {
        padding: 15px 48px;
    }

    .carousel-caption-home {
        text-align: left;
        width: 50%;
        left: 9%;
    }

    .sideright-summary-services {
        padding-left: 0px;
    }

    .card-side-right-services {
        padding-left: 0px;
        margin-bottom: 48px;
    }

    .unset-overflow {
        overflow: unset;
        display: block;
    }

    .col-padding-24 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        display: block;
    }

    .col-sop-1 {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    .col-sop-2 {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    .col-sop-3 {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    .custom-container {
        margin: 0 auto;
        max-width: 92%;
    }

    .title-cover-page {
        bottom: 264px;
    }

    .title-cover-page h1 {
        font-size: 28px;
    }

    .input-form-filter {
        width: 100%;
        display: block;

    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 20px;
        line-height: 35px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 40px
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-left: 10px;
    }

    .submit-filter {
        width: 100%;
    }

    .text-git {
        padding-left: 0px;
        padding-right: 0px;
    }

    .text-git a {
        width: 100%;
        display: block;
    }

    .text-git p {
        float: left;
        width: 100%;
        font-size: 1.55rem;
        padding-right: 5px;
        padding-bottom: 24px;
    }

    .cf-1 {
        padding: 15px 13px;
    }

    .heading-text h1 {
        color: #2f2f2f;
        font-size: 36px;
        line-height: 38px;
    }

    .heading-text h2 {
        color: #006940;
        font-size: 36px;
        line-height: 38px;
    }

    .green-bar-services {
        display: none;
    }

    .list-of-fnf {
        padding: 10px 24px 10px 32px;
        color: #006940;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 21px;
        line-height: 26px;
        width: 50%;
        margin-top: 24px;
    }

    .overview-about-company {
        display: block;
    }

    .grey-frame-kob {
        height: 340px;
        left: 20px;
    }

    .list-of-logo:first-child {
        margin-left: -20px;
    }

    .list-of-logo:nth-child(4n) {
        margin-left: -25px !important;
    }

    .list-of-logo {
        max-width: 150px;
        padding-left: 6px;
        padding-right: 6px;
        min-height: 76px;
    }

    .list-of-logo:first-child {
        margin-left: 0px;
    }

    .list-of-logo:nth-child(4n) {
        margin-left: 0px !important;
    }

    .list-of-fnf:first-child {
        margin-left: 0px !important;
    }

    #fact-and-figure {
        padding: 2rem 0px;
    }

    .overview-about-company {
        margin: 2rem 0px 0px;
    }

    .aoc-right {
        padding: 2rem 0px;
    }

    .center-image-kob {
        min-height: 320px;
    }

    .iso-9001,
    .iso-14001,
    .iso-18001 {
        width: 68px;
    }

    .overview-about-company {
        display: flex;
    }

    .kogas-office-building {
        width: 95%;
    }

    .grey-frame-kob {
        height: 406px;
        left: -11px;
        width: 108%;
    }

    .center-image-kob {
        margin-top: 36px;
    }

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

    #wrap {
        position: relative !important;
    }

    .grey-frame-kob {
        left: -15px;
        height: 408px !important;
        width: 110%;
    }

    .v-middle-green-1 a,
    .v-middle-green-2 a,
    .v-middle-green-3 a {
        color: #fff;
        text-decoration: none;
        outline: none !important;
    }

    .v-middle-green-1 a img,
    .v-middle-green-2 a img,
    .v-middle-green-3 a img {
        margin-right: 22px;
    }

    .gutter-15 {
        margin-left: -30px;
        margin-right: -30px;
    }

    .relative-carousel {
        margin-top: 72.5px !important;
    }

    .col-share {
        width: 100% !important;
        max-width: 100%;
        flex: 100% !important;
        text-align: left;
    }

    .col-share ul {
        border-top: 3px solid #009354;
        margin-top: 6px;
        margin-left: 2px;
        flex-direction: row !important;
    }

    .col-share ul li a {
        padding: .8rem .3rem;
    }

    .col-share p {
        margin-bottom: 2px;
    }

    .nav-share:first-child {
        height: auto;
        max-width: 100%;
        text-align: left;
        margin-top: 0px;
    }

    .gallery-content {
        width: 100%;
        margin-right: 0px;
    }

    #gallery-projects-detail {
        max-height: 486px;
    }

    .carousel-control-prev-gallery {
        width: 43px;
        position: absolute !important;
        top: 74px !important;
        left: 10px !important;
        height: 54px !important;
        background: #fff;
        opacity: 0.8;
    }

    .carousel-control-next-gallery {
        width: 43px;
        position: absolute !important;
        top: 74px !important;
        left: 88% !important;
        height: 54px !important;
        background: #fff;
        opacity: 0.5;
    }

    .carousel-control-prev-gallery img {
        margin-top: -5px;
    }

    .carousel-control-next-gallery img {
        margin-top: -5px;
    }

    .hidden-middle {
        display: none !important;
    }

    .full-at-768 {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }

    .custom-container-74 {
        max-width: 85%;
    }

    .d-none-nav {
        display: none !important;
    }

    .form-search-mobile {
        width: 100%;
        height: auto;
        margin-top: 14px;
        padding-left: 8px;
        padding-right: 8px;
        display: block;
    }

    .form-search-mobile input {
        background: #f9f9f9;
        border-radius: 48px;
        border: 1px solid #f5f5f5;
        padding-left: 19.5px;
    }

    .form-search-mobile input:focus {
        box-shadow: none !important;
        border: 1px solid #f5f5f5;
    }

    .form-search-mobile input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #bdbdbd;
        opacity: 1;
        /* Firefox */
    }

    .form-search-mobile input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #bdbdbd;
    }

    .form-search-mobile input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #bdbdbd;
    }

    .btn-mobile-search {
        border-left: 0px;
        border-right: 1px solid #f5f5f5;
        border-top: 1px solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5;
        background: #f9f9f9 !important;
        border-top-right-radius: 19px;
        border-bottom-right-radius: 19px;
        padding-right: 22px;
        padding-left: 26px;
        color: #006940;
    }

    .btn-mobile-search:hover {
        box-shadow: none;
        outline: none !important;
        color: #006940 !important;
    }

    .btn-mobile-search:focus {
        box-shadow: none !important;
        outline: none !important;
        color: #006940;
        box-shadow: none !important;
    }

    .btn-mobile-search span {
        position: relative;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm),
    screen and(-webkit-min-device-pixel-ratio:0) {

        .btn-mobile-search span i {
            position: absolute;
            margin-left: -10px !important;
            margin-top: -7px !important;
        }
    }

    @-moz-document url-prefix() {

        .btn-mobile-search span i {
            position: absolute;
            margin-left: -11px;
            margin-top: 9px !important;
        }

    }

    .dropdown-menu-kogas {
        width: 100%;
        border: 1px solid rgba(0, 0, 0, 0);
    }


    .dropdown-menu-kogas a {
        padding-left: 10px;
        padding-top: 12px;
        padding-top: 15px;
    }

    .dropdown-menu-kogas a:first-child {
        padding-top: 9px;
    }

    .dropdown-menu-kogas a:hover {
        background: #fff;
    }

    .cover-project-list {
        height: 486px;
    }

    .form-filter {
        bottom: 48px !importanty;
    }


    .cover-static-page {
        height: 256px;
    }

    .news-featured-thumb-left {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }

    .news-featured-thumb-right {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }

    .featured-caption {
        height: auto;
        padding: .6rem .5rem;
    }

    .list-news-section {
        margin-top: 100px;
    }

    .card-body-custom {
        padding: 2rem .2rem;
    }

    .shadow-card:hover {
        box-shadow: none !important;
    }

    .carousel-control-next-gallery {
        top: 130px !important;
        left: 91.8%;
    }

    .carousel-control-prev-gallery {
        top: 130px !important;
    }

    .no-th {
        width: 30px;
    }

    .col-location {
        width: 192px;
        max-width: 192px;
        flex: 192px;
    }

    .col-client-finance {
        width: 205px;
        max-width: 205px;
        flex: 205px;
    }

    .col-project-name {
        width: 205px;
        max-width: 205px;
        flex: 205px;
    }

    .col-h-services {
        width: 100px;
        max-width: 100px;
        flex: 100px;
    }

    .col-h-periode {
        width: 100px;
        max-width: 100px;
        flex: 100px;
    }

    .col-h-value {
        width: 100px;
        max-width: 100px;
        flex: 100px;
    }

    .wrap-overflow-projects {
        overflow-x: hidden !important;
        width: 100%;
        height: auto;
    }

    #list-view {
        min-width: 1000px !important;
    }

    #tabprojects {
        width: 100%;
        height: auto;
        overflow-x: scroll !important;
    }

    .title-of-static-page h2 {
        font-size: 50px;
    }

}

/* IPAD STANDART POTRAIT */

@media only screen and (device-width : 768px) and (device-height : 1024px) {
    .grey-frame-kob {
        left: -15px;
        height: 410px !important;
        width: 110%;
    }

    .grey-sweetness {
        height: 441px !important;
        width: 113%;
        position: absolute;
        top: 22px;
        left: -18px;
    }

    .caption-of-company p {
        font-size: 1.44rem;
    }

    .float-768 {
        float: left;
    }

    .grey-frame-kob {
        left: -12px;
        height: 406px !important;
    }

    .language-switch-mobile {
        right: -378px !important;
    }

    .green-bar-services {
        width: 99.5%;
        display: block !important;
        bottom: -110px;
    }

    .container-slider {
        overflow: unset !important;
    }

    #fact-and-figure {
        margin-top: 110px;
    }

    .sub-menu-dropup {
        width: 31.5%;
        padding-left: 10px;
    }

    .dropdown-oc {
        margin-right: -72.2%;
    }



}

/* IPAD STANDART POTRAIT */


/* KINDLE FIRE HDX */
@media only screen and (device-width : 800px) and (device-height : 1280px) {
    .grey-frame-kob {
        left: -16px;
        height: 424px !important;
        width: 110%;
    }

    .list-of-logo {
        max-width: 165px;
        min-height: 90px;
    }

    .grey-sweetness {
        width: 115%;
        position: absolute;
        top: 19px;
        left: -20px;
        background: #f6f7fb;
        height: 458px;
    }

    .language-switch-mobile {
        right: -365px;
    }

}

@media only screen and (device-width : 1280px) and (device-height : 800px) {

    .grey-sweetness {
        width: 654px;
        height: 540px;
    }

    .grey-frame-kob {
        height: 499px;
    }

    .list-of-fnf:first-child {
        margin-left: 6%;
    }

    .list-of-fnf {
        padding: 15px 40px;
    }

}

/* KINDLE FIRE HDX */

@media screen and (max-width : 768px) {

    .language-switch-mobile {
        /*right: -378px;*/
        right: -108px;
    }

    .navbar-brand img {
        width: 148px !important;
    }

    .container-slider {
        width: 100%;
        height: auto;
        overflow: hidden !important;
        display: block;
        margin: 0 auto;
        padding: 0px !important;
    }

    .custom-container {
        overflow: unset;
        display: block !important;
        height: auto;

    }

    .navbar-bg-white {
        position: relative;
    }

    .navbar-light .navbar-toggler {
        right: 10px;
        margin-top: 10px;
        position: absolute;
        outline: none !important;
    }

    .carousel-caption-home {
        text-align: left;
        width: 78%;
        left: 9%;
        bottom: -5px;
        display: block !important;
    }

    .mt-80 {
        margin-top: 3px;
    }

    .aboutus-building {
        margin-bottom: 24px;
    }

    .wrap-title-project-detail {
        bottom: -15px;
    }

    .down-paragraph {
        margin-top: 0px;
    }

    .aoc-right {
        padding: 2rem 0px 0px;
    }

    #breadcrumb {
        margin-bottom: 24px;
    }

    .title-of-static-page h2 {
        font-size: 54px;
        margin-bottom: 10px;
        line-height: 36px;
    }

    .cover-project-detail {
        height: 225px;
    }

    .title-of-static-page h2 {
        font-size: 32px;
    }

    .grey-sweetness {
        height: 560px;
    }

    .title-of-cn h2 {
        color: #2f2f2f;
        font-family: 'Times News Roman', serif;
        font-size: 36px;
    }


    .card-body-custom {
        padding: 2rem 1.5rem;
        min-height: 215px;
    }

    .cardboard {
        height: auto;
        margin: 24px 0px 20px 0px;
    }

    .thumbnail-featured-news {
        margin-left: 0px;
    }

    .featured-caption {
        padding-left: 0px;
        padding-right: 5px;
    }

    .col-share {
        height: auto;
        max-width: 100%;
        text-align: left;
    }

    .nav-share:first-child {
        margin-top: 6px;
    }

    .paragraph-content ul {
        margin-left: 2px;
    }

    .col-share ul {
        flex-direction: row !important;
    }

    .col-share ul li a {
        padding: .8rem .3rem;
        margin-top: 6px;
        margin-bottom: 15px;
    }

    .cf-1 {
        width: 100%;
        padding-left: 16px;
        padding-right: 13px;
    }

    .cf-2 {
        width: 100%;
        padding-left: 16px;
        padding-right: 13px;
    }

    .cf-3 {
        width: 100%;
        padding-left: 16px;
        padding-right: 13px;
    }

    .copyright p {
        margin-bottom: 0px;
        font-size: 13.5px;
        line-height: 19px;
        letter-spacing: 0.1px;
    }

    .iso-9001,
    .iso-14001,
    .iso-18001 {
        width: 86px;
    }

    .custom-container-74 {
        width: 91%;
        max-width: 91%;
        overflow: hidden;
        display: block;
        height: auto;
    }

    .pl-sm-15 {
        padding-left: 15px !important;
    }

    .pr-sm-15 {
        padding-right: 15px !important;
    }

    .grey-frame-kob {
        height: 424px;
        left: 26px;
    }

    .v-align-bottom {
        display: table-cell;
        vertical-align: middle;
    }

    .right-more-anchore {
        text-align: left;
    }

    .block-48 {
        height: 1px;
    }

    #fact-and-figure {
        padding: 3rem 0px;
    }

    #some-of-clients {
        padding: 24px 0px 36px 0px;
    }

    .opening-summary-projects {
        padding: 58px 0px 45px 0px;
    }

    #map-global-reach {
        height: auto;
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .overview-about-company {
        display: unset;
    }

    .v-middle-green-1,
    .v-middle-green-2,
    .v-middle-green-3 {
        font-size: 1.4rem !important;
        padding: 20px 24px 13px 24px;
        display: block;
        overflow: hidden;
    }

    .br-hide {
        display: none;
    }

    .grey-frame-kob {
        left: -12px;
        height: 515px !important;
        width: 106%;
    }

    .list-of-logo {
        max-width: 50%;
        min-height: 117px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .v-middle-green-1 a p,
    .v-middle-green-2 a p,
    .v-middle-green-3 a p {
        line-height: 40px;
        margin-bottom: 7.5px;
    }

    #v-pills-home-tab,
    #v-pills-north-asia-tab,
    #v-pills-western-asia-tab,
    #v-pills-east-asia-tab,
    #v-pills-central-asia-tab {
        padding-left: 0px;
    }


    #carouselExampleFade .carousel-inner {
        width: 118%;
    }

    .relative-carousel {
        margin-top: 64px !important;
    }

    .more-anchor-link-projects {
        width: 100%;
        height: 50px;
    }

    .content-of-paragraph {
        font-size: 18px;
        line-height: 26px;
    }

    .title-of-cn h2 {
        font-size: 30px;
    }

    .featured-caption h2 {
        font-size: 32px;
        line-height: 36px;
    }

    .card {
        background: transparent none;
    }

    .card-body-news {
        min-height: 58px;
        padding: 2rem 1.5rem 1.2rem .5rem;
    }

    .card-body-custom {
        min-height: 58px;
        padding: 2rem 1.5rem 1.2rem .5rem;
    }

    .shadow-card:hover {
        box-shadow: none !important;
    }

    .opening-summary-careers,
    .title-list-career {
        font-size: 19px;
    }

    .title-detail-of-career h2 {
        font-family: 'Roboto Condensed', serif;
        font-size: 1.9rem;
        line-height: normal;
    }

    button.btn-submiters {
        float: left;
        width: 100%;
        margin-bottom: 32px;
        font-size: 1.45rem;
    }

    .col-right-article {
        max-width: 100%;
        width: 100% !important;
        height: auto;
    }

    .col-share {
        max-width: 100%;
        width: 100% !important;
    }

    .right-table-box {
        width: 60.5%;
    }

    .cover-project-detail {
        height: 450px;
    }

    .title-detail-project h2 {
        font-family: 'Roboto Condensed', serif;
        font-size: 1.8rem;
        line-height: normal;
    }

    .keyword-text {
        margin-right: 15px;
    }

    .tag-category-text {
        font-size: 1rem;
    }

    .keyword-text h5 {
        font-size: 1.2rem;
    }

    .tag-category-text {
        background: #f4f4f4;
        padding: 5.2px 11px;
    }

    .gallery-content {
        width: 100%;
        margin-right: 0px;
    }

    .carousel-control-prev-gallery {
        width: 43px;
        position: relative;
        top: 10px;
        height: 54px !important;
    }

    .carousel-control-next-gallery {
        width: 43px;
        position: relative;
        top: 10px;
        height: 54px !important;
    }

    .carousel-caption-projects {
        padding-left: 15px;
    }

    .hidden-middle {
        display: none !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-left: 14px;
    }

    /*  FOR SPECIAL PARAGRAPH CHROME FIREFOX*/
    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm),
    screen and(-webkit-min-device-pixel-ratio:0) {
        p.special-paragraph:first-letter {
            font-size: 253%;
            font-family: "Open Sans", sans-serif;
            font-weight: 700;
            float: left;
            color: #006940;
            margin-top: 15px !important;
            margin-right: 3px;
            margin-left: -6px;
            margin-bottom: 4px;
        }
    }

    @-moz-document url-prefix() {
        p.special-paragraph:first-letter {
            margin-top: 13px !important;
            position: relative;
        }

    }

    /*  FOR SPECIAL PARAGRAPH CHROME FIREFOX*/


    .green-bar-services {
        display: none !important;
        bottom: 0px;
    }

    .container-slider {
        overflow: unset;
    }

    #fact-and-figure {
        margin-top: 0px;
    }


}

@media screen and (max-width: 480px) {


    @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution:.001dpcm),
    screen and(-webkit-min-device-pixel-ratio:0) {
        p.special-paragraph:first-letter {
            font-size: 255%;
            margin-bottom: -12px !important;
        }

    }

    @-moz-document url-prefix() {
        p.special-paragraph:first-letter {
            margin-top: 10.5px !important;
            position: relative;
        }

    }

    .semi-quotes {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 20px;
        line-height: 29px;
    }

    .language-switch-mobile {
        /*right: 14px;*/
        right: -4px;
    }

    .iso-9001,
    .iso-14001,
    .iso-18001 {
        width: 75px;
    }

    .v-middle-green-1 a img {
        width: 45px;
    }

    .custom-container-74 {
        width: 90%;
        max-width: 90%;
    }

    .fact-and-figure {
        padding: 15px 0px;
    }

    .list-of-fnf {
        min-height: 151px;
    }

    .overview-about-company {
        margin-top: -10px;
    }

    .grey-frame-kob {
        width: 112%;
        left: 0px;
        margin-left: -15px;
        margin-right: -15px;
        height: 350px;
        margin-top: -6px;
    }

    .kogas-office-building {
        width: 94.5%;
    }

    .kogas-office-building img {
        position: relative;
        margin-top: -9px;
    }

    .right-more-anchore {
        text-align: left;
    }

    .v-align-bottom {
        display: table-cell;
        vertical-align: middle;
    }

    .list-of-logo:first-child {
        margin-left: 0px;
    }

    .list-of-logo {
        max-width: 136px;
        padding-left: 6px;
        padding-right: 6px;
        min-height: 80px;
    }

    .list-of-logo:first-child {
        margin-left: 0px;
    }

    .list-of-logo:nth-child(4n) {
        margin-left: 0px !important;
    }

    .block-48 {
        height: 1px;
    }

    #some-of-clients {
        padding: 32px 0px 48px 0px;
    }

    .opening-summary-projects {
        padding: 56px 0px 48px 0px;
        font-size: 1.5rem;
    }

    #v-pills-home-tab,
    #v-pills-north-asia-tab,
    #v-pills-western-asia-tab,
    #v-pills-east-asia-tab,
    #v-pills-central-asia-tab {
        padding-left: 0px;
        font-size: 1.5rem;
    }

    .text-global-reach p {
        font-size: 1.5rem;
    }

    #footer {
        padding-top: 32px;
    }

    .footer-bg-attachment {
        background-size: 60%;
    }

    .caption-of-company p {
        font-size: 1.4rem;
    }

    .relative-carousel {
        position: relative;
        margin-top: 86px;
    }

    .heading-text h1 {
        font-size: 32px;
    }

    .heading-text h2 {
        font-size: 32px;
    }

    .card-title {
        font-size: 1.55rem;
    }

    .get-intouch {
        height: 320px;
    }

    #fact-and-figure {
        padding: 2rem 0px;
    }

    #some-of-clients {
        padding: 20px 0px 20px 0px;
    }

    .v-middle-green-1,
    .v-middle-green-2,
    .v-middle-green-3 {
        font-size: 1.2rem !important;
        display: block;
        overflow: hidden;
    }

    .v-middle-green-1 {
        padding: 18px 20px 10px 20px;
    }

    .v-middle-green-1 a p {
        line-height: 40px;
        margin-top: 0px;
        margin-bottom: 12px;
        letter-spacing: 0.3px;
    }

    .v-middle-green-2 a p {
        line-height: 22px;
        margin-top: 0px;
        margin-bottom: 5px;
        letter-spacing: 0.3px;
    }

    .v-middle-green-3 a p {
        line-height: 40px;
        margin-top: 0px;
        margin-bottom: 7px;
        letter-spacing: 0.3px;
    }

    .grey-frame-kob {
        left: 6px;
        height: 352px !important;
        width: 106%;
    }

    .list-of-logo {
        min-height: 90px;
    }

    .v-middle-green-2 a p {
        line-height: 35px;
    }

    .list-of-fnf {
        min-height: 152px;
    }

    .carousel-caption-home p {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 14px;
        line-height: 15px;
    }

    .carousel-caption-home h1 {
        font-size: 26.5px;
        margin-bottom: 7px;
        line-height: 28px;
    }

    #carouselExampleFade .carousel-inner {
        width: 120%;
        margin: 0 auto !important;
        margin-left: auto;
        margin-left: -7% !important;
    }

    .title-of-cn h2 {
        font-size: 26.5px;
    }

    .featured-caption h2 {
        font-size: 28px;
    }

    .title-list-career h2 {
        font-family: 'Roboto Condensed', serif;
        font-size: 1.85rem;
        line-height: normal;
    }

    .opening-summary-careers,
    .title-list-career {
        font-size: 18.5px;
    }

    .title-detail-of-career h2 {
        font-family: 'Roboto Condensed', serif;
        font-size: 1.85rem;
        line-height: normal;
    }

    .title-detail-project h2 {
        font-family: 'Roboto Condensed', serif;
        font-size: 1.6rem;
    }

    .blockquote p {
        font-size: 1.4rem;
    }

    .carousel-control-prev-gallery {
        width: 43px;
        position: absolute !important;
        top: 44px !important;
        left: 10px !important;
        height: 54px !important;
        background: #fff;
        opacity: 0.8;
    }

    .carousel-control-next-gallery {
        width: 43px;
        position: absolute !important;
        top: 44px !important;
        left: 82.5% !important;
        height: 54px !important;
        background: #fff;
        opacity: 0.5;
    }

    .left-table-box {
        width: 100%;
        display: block;
    }

    .right-table-box {
        width: 100%;
        display: block;
    }

    .col-right-article {
        padding-left: 15px;
        padding-right: 15px;
    }

    .keyword-tag {
        display: block;
    }

    .keyword-text {
        float: left;
        width: 100%;
        display: block;
    }

    .tag-category {
        width: 100%;
        display: block;
    }

    /*.language-switch-mobile .languagepicker a li span{
	display: none;
}*/

}


/* GALAXY S5 */

@media only screen and (device-width : 360px) and (device-height: 640px) {
    .grey-frame-kob {
        left: 5px;
        height: 392px !important;
    }

    .list-of-fnf {
        min-height: 112px;
    }

    .list-of-logo {
        max-width: 49% !important;
    }

}


/* PGALAXY S5 */

/* PIXEL 2 */

@media only screen and (device-width : 411px) and (device-height: 731px) {
    .grey-frame-kob {
        left: 5px;
        height: 442px !important;
    }

    .list-of-fnf {
        min-height: 112px;
    }

    .list-of-logo {
        max-width: 49% !important;
    }

}


/* PIXEL 2*/


/* PIXEL 2 XL */

@media only screen and (device-width : 411px) and (device-height: 823px) {
    .grey-frame-kob {
        left: 5px;
        height: 441px !important;
    }

    .list-of-fnf {
        min-height: 112px;
    }

    .list-of-logo {
        max-width: 49% !important;
    }

}


/* PIXEL 2 XL*/


/* IPHONE X */

@media only screen and (device-width : 375px) and (device-height: 812px) {
    .grey-frame-kob {
        height: 404px !important;
    }

    .list-of-fnf {
        min-height: 112px;
    }

    .list-of-logo {
        max-width: 49% !important;
    }

    .language-switch-mobile {
        right: -18px;
    }

}

/* PIXEL 2 XL */

@media only screen and (device-width : 411px) and (device-height: 823px) {
    .language-switch-mobile {
        right: -48px;
    }
}

/* PIXEL 2  XL*/

/* PIXEL 2 XL */

@media only screen and (device-width : 411px) and (device-height: 731px) {
    .language-switch-mobile {
        right: -52px;
    }
}

/* PIXEL 2  XL*/


/* IPHONE X */

/* IPHONE SE */
@media only screen and (device-width : 320px) and (device-height: 568px) {
    .language-switch-mobile {
        right: 14px;
    }
}

/* IPHONE SE */

@media only screen and (device-width : 414px) and (device-height: 736px) {
    .grey-frame-kob {
        height: 445px !important;
    }

    .list-of-fnf {
        min-height: 110px;
    }

    .grey-sweetness {
        height: 612px;
    }

    .language-switch-mobile {
        /*right: -12px;*/
        right: -56px;
    }

}

/* IPHONE 6/7/8 PLUS */

/* IPHONE 6/7/8 */

@media only screen and (device-width : 375px) and (device-height: 667px) {
    .grey-frame-kob {
        height: 407px !important;
    }

    .list-of-fnf {
        min-height: 110px;
    }

    .language-switch-mobile {
        right: -20px;
    }

}

/* IPHONE 6/7/8 */

/*SAMSUNG S9*/

@media only screen and (device-width : 360px) and (device-height: 740px) {
    .grey-frame-kob {
        left: 6px;
        height: 394px !important;
    }

    .v-middle-green-1,
    .v-middle-green-2,
    .v-middle-green-3 {
        font-size: 1.1rem !important;
    }

    .grey-sweetness {
        height: 539px;
    }

    .language-switch-mobile {
        right: 15px;
    }

}

/*SAMSUNG S9*/

@media screen and (max-width: 320px) {

    .iso-9001,
    .iso-14001,
    .iso-18001 {
        width: 64px;
    }

}

/* RESPONSIVE */