.c-mybigproject {
    font-size: 1em;
}
@media (max-width: 768px) {
    .c-mybigproject {
        font-size: 0.8em;
    }
}

.c-belowsitetitle{
font-size: 1.4em;
font-weight: 300;
line-height: 1em;
color: #6fb513;
text-align: center;
}
.c-belowsitetext{
font-size: 1em;
font-weight: 300;
margin-bottom: 0px;
line-height: 1em;
text-align: center;
}


body {
font-weight: 400;
}

.loggedin #copyinfo {
display: block;
}

.notloggedin #copyinfo {
display: none;
}


#main-body {
height: 100%;
min-height: 100vh;
overflow: hidden;
}

#main-body-vertical {
height: 100%;
min-height: 100vh;
overflow: hidden;
transition: 1s;
}

#main-body section {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: row;
    flex-wrap: nowrap;
}

#main-body a, #main-body-vertical a {
text-decoration: none;
}

#footerDetails a {
    color: #231f20;
}

#main-body {
    height: 100vh;
    overflow: hidden;
    display: flex;
    width: max-content;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

#main-body .content {
    height: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    align-content: flex-start;
}

#main-body .contentVertical {
    height: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: flex-start;
}

/* SECTIONS HEIGHT */

#first, #second, #third, #forth {
    position: relative;
    top: 0px;
    width: max-content;
}



#first .c-content-max-60 p {
font-size: 2em;
}

#firstList {
height: 100vh;
    position: relative;
}

#firstDetails {
    position: relative;
}

#firstContactPage {
height: 100%;
min-height: 100vh;
    position: relative;
}


#secondDetails {

}

.c-detail-content {
    display: flex;
    height: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
}

/* ================ */

/* FIRST SECTION */

section#first {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
}

section#first .container-fluid {
    width: auto;
    overflow: initial;
}

section#first .container-fluid .col-md-6:nth-child(1) {
    width: 50vw;
}

section#first .container-fluid .col-md-6:nth-child(2) {
    width: 70vw;
}

/* ================ */

/* TITLES */

#main-body h1, #footerDetails h1, #footerDetails h2, #main-body-vertical h1, #contactPage h1, #contactPage h2 {
color: #231f20;
    font-family: 'Noto Serif Display', serif;
text-align: left;
}

#main-body-vertical .c-position-top-content h1 {
color: #f7f6f4;
}

#footerDetails h2.c-title-sm, #contactPage h2.c-title-sm {
font-size: 24px;
margin-bottom: 10px;
    font-weight: 500;
}

#main-body h1.c-title-xl, #footerDetails h1.c-title-xl, #main-body-vertical h1.c-title-xl,  #contactPage h1.c-title-xl, #cloneContactForm .contactform h1 {
    font-size: 3vw;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0px solid;
    text-align: left;
    width: auto;
    display: inline-block;
}

#contenttop #third h1.c-title-xl, #third p {
color: #f7f6f4;
    background-color: #231f20;
}

#cloneContactForm .contactform h1 {
color: #f7f6f4;
}

#main-body-vertical .c-top-image-bg h1 {
    font-size: 6vw;
}

#main-body h1.c-title-lg, #main-body-vertical h1.c-title-lg {
    font-size: 2.4vw;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0;
    padding-bottom: 1vw;
    border-bottom: 0px solid;
    text-align: left;
    width: auto;
    display: inline-block;
}

#main-body h1.c-title-md, .c-title-md {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 0;
    font-family: 'Noto Serif Display', serif;
}

#main-body h2.c-title-md, #main-body-vertical h2.c-title-md {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 0;
    font-family: 'Noto Serif Display', serif;
}

#main-body h3.c-title-md, #main-body-vertical h3.c-title-md {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 0;
    font-family: 'Noto Serif Display', serif;
}




#main-body #cContactForm h1 {
    font-size: 2.4vw;
    font-weight: 800;
    line-height: 1.2;
    padding-bottom: 0;
    border-bottom: 0px solid;
    text-align: left;
    width: auto;
    display: inline-block;
    margin-bottom: 30px;
}

#main-body .c-text-lg {
    font-size: 1.2vw;
    font-weight: 300;
    line-height: 2;
}




/* ========================== */

/* LOGO */

#cLogo {
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translate(-50%, 0);
    z-index: 100;
}

#cLogoIn {
    position: absolute;
    left: 4vw;
    top: 20px;
    transform: translate(0%, 0);
    z-index: 110;
}

#cLogoIn img {
    width: 8vw;
    max-width: 200px;
    height: auto;
    min-width: 150px;
}

#cLogo img {
   width: auto;
height: 60px;
}

#cLogo .c-logo-white {
    position: absolute;
    top: 0;
    left: 0;
}

#cLogo .c-logo-white.cTop {
opacity: 0;
}

/* ========================== */



/* ================ */

.c-bg-image {
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.c-bg-image-overflow {
    height: calc(100vh);
    top: 0px;
    display: block;
    position: relative;
    z-index: 0;
}

.c-bg-image-overflow .c-slideshow-bg {
height: 100%;
    background-size: cover;
    background-position: center;
}

/* ================ */

.c-height-content {
    height: calc(100vh - 100px);
    top: 0px;
    position: relative;
    width: auto;
}

.c-fullheight-content {
    height: calc(100vh - 0px);
    top: 0px;
    position: relative;
    width: auto;
    display: flex;
}

.c-middle-content {
    height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    top: 100px;
    position: relative;
}

.c-middle-content-100x {
    height: auto;
    display: flex;
    align-items: flex-start;
    top: calc(10% + 100px);
    top: 7vw;
    position: absolute;
    width: 100%;
}

.c-middle-content-200x {
    height: auto;
    display: flex;
    align-items: flex-start;
    margin-top: calc(20% + 100px);
    margin-top: 110px;
    position: relative;
}

.c-middle-content-300x {
    height: auto;
    display: flex;
    align-items: flex-start;
    top: 30%;
    position: absolute;
}

.c-margin-5-lr {
margin-left: 5%;
margin-right: 5%;
}

.c-padding-5-lr {
padding-left: 5%;
padding-right: 5%;
}

.c-padding-5-tb {
    padding-top: 5%;
    padding-bottom: 5%;
}

.c-margin-10-lr {
margin-left: 10%;
margin-right: 10%;
}


.c-padding-10-lr {
padding-left: 5vw;
padding-right: 5vw;
width: auto;
}

.c-padding-20-lr {
padding-left: 20%;
padding-right: 20%;
}



.c-content-max-60 {
width: 60%;
margin-top: 1vw;
}

.c-content-max-90 {
    width: 90%;
    margin-top: 1vw;
}

.c-border-top {
    border-top: 1px solid #b8b8b8;
}
.c-border-bottom {
    border-bottom: 1px solid #b8b8b8;
}

.c-logo-lightcolor {
    position: absolute;
    right: 0%;
    transform: translate(50%, 0);
}

.c-logo-lightcolor img {
    width: auto;
    height: calc(100vh - 100px);
    max-height: 600px;
    opacity: 1;
}

#first .c-logo-lightcolor img {
    width: auto;
    height: calc(100vh - 100px);
    margin-left: -10%;
    max-height: none;
    opacity: 1;
}

#cLogoLG {
    width: 30vw;
    margin-left: -15vw;
}

#cLogoLG .c-logo-lightcolor {
    position: relative;
    right: 0;
    transform: translate(0%, 0);
}

#cLogoLG .c-logo-lightcolor img {
    height: calc(100vh - 100px);
    max-height: none;
}

#awards .c-yellow-bg {
background-color: transparent;
}

/* FIX COLUMN SIZE SECOND SECTION */

#second .c-height-content {
width: 100%;
}

#second .col-md-5 {
    width: 35%;
}

#second .col-md-2 {
    width: 20%;
}

#second .col-md-1 {
    width: 5%;
}

/*  =================== */


/* FIX COLUMN SIZE FORTH-PROJECTS SECTION */

#forth .col-md-4 {
    width: 35%;
}

#forth .col-md-5 {
    width: 45%;
}

#forth .col-md-2 {
    width: 15%;
}

#forth .col-md-1 {
    width: 5%;
}

/*  =================== */

#second a {
    margin-top: -65px;
}

#second a.c-vertical-link {
    margin-top: 0;
}

#main-body #second h1.c-title-md{
    margin-top: 10px;
}

#second .c-height-content-margincontent {
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 0;
    border-left: 1px solid #b8b8b8;
    min-width: 700px;
    width: 27vw;
}

.c-height-content-margincontent-borders {
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 0px;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;

}

.c-service-box {
    height: 17vw;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    margin-top: 2vw;
    display: inline-block;
}

/* VIEW MORE BUTTON */

.c-button-viewmore {
    display: flex;
justify-content: flex-end;
    width: 70px;
    height: 70px;
    flex-direction: column;
    background-color: #231f20;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 800;
    color: white;
    color: black;
}
.c-button-container-right .c-button-viewmore {
    margin-right: 0;
    margin-left: auto;
}

.c-button-viewmore span.c-line-1 {
    margin-left: 7px;
}

.c-button-viewmore span.c-line-2 {
    margin-left: 17px;
    margin-bottom: 10px;
}

/* BUTTONS IN A ROW */

.c-button-containers-flex {
    display: flex;
    gap: 20px;
    flex-direction: column;
    flex-wrap: nowrap;
}

#main-body .c-button-containers-flex a.c-button-viewmore {
    float: right;
margin-right: 5vw;
}

/* BUTTON BIGGER SIZE */

.c-button-x2 .c-button-viewmore {
    display: flex;
    justify-content: flex-end;
    width: 90px;
    height: 90px;
}

.c-button-x2 .c-button-viewmore span.c-line-2 {
    margin-bottom: 18px;
}


/* COPYRIGHT */

#cCopyright {
    position: fixed;
    bottom: 0;
    height: 100px;
    display: flex;
    display: none;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    right: 0;
    border-top: 1px solid #b8b8b8;
    background-color: #f7f6f4;
}

#cCopyright .c-info {
    font-size: 14px;
    margin-right: 5%;
}

#cCopyright a {
text-decoration: none;
color: #231f20;
}

#footerDetails .c-copyright-container, #copyrightSection .c-copyright-container {
    position: relative;
    width: auto;
    padding-right: 5vw;
    padding-left: 5vw;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}



#footerDetails .col-md-3, #footerDetails .col-md-4, #copyrightSection .col-md-3, #copyrightSection .col-md-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#footerDetails iframe {
    height: 100%;
}


/* VERTICAL BUTTONS */

.col-vertical-link {
    width: 100px;
    display: inline-block;
}

.c-vertical-link {
    position: relative;
    height: 100%;
    max-width: 100px;
    width: 100%;
    margin-right: 0;
    margin-left: auto;
    display: block;
    text-decoration: none;
    color: #231f20;
}

.c-vertical-link div {
    writing-mode: tb-rl;
    -webkit-transform: rotate(180deg) translateX(50%);
    -moz-transform: rotate(180deg) translateX(50%);
    -o-transform: rotate(180deg) translateX(50%);
    -ms-transform: rotate(180deg) translateX(50%);
    transform: rotate(180deg) translateX(50%);
    white-space: nowrap;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: auto;
    height: 20px;
    font-size: 2vw;
    font-family: 'Noto Serif Display', serif;
}



.c-circle-arrow {
    width: 2vw;
    min-width: 35px;
    height: 2vw;
    min-height: 35px;
    display: inline-block;
    background-color: #231f20;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 50%;
}

.c-circle-arrow::after {
    content: ' ';
    background-image: url('/cache/files/6dafe66d11fa3c5aff99a00a9a5e80848a4a0ca2.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    width: 60%;
    height: 60%;
}


@media (min-width: 992px) {
#second .row-eq-height-md, #third .row-eq-height-md, #forth .row-eq-height-md {
    align-items: flex-end;
}
}

.c-col-pattern {
    width: 17vw;
    padding-right: 0;
    padding-left: 0;
    min-width: 350px;
}

.c-pattern-bg {
    height: 100%;
    background-position: center;
    opacity: 0.3;
    background-size: 125%;
    background-repeat: repeat;
    border-right: 1px solid black;
}

.c-awards-80-height {
    height: 80%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
}

.c-awards-20-height {
height: 20%;
    background-image: url('/cache/files/e259dc6461656c306a2c541d29a19b33d063d1f8.svg');
    background-size: 40%;
    opacity: 0.3;
}

#footerDetails .c-awards-20-height {
height: 10vw;
    background-image: url('/cache/files/c298f1b639422b7d821b9d110a513787fcc3f1ab.svg');
    background-image: url('/cache/files/e259dc6461656c306a2c541d29a19b33d063d1f8.svg');
    background-size: 25%;
    opacity: 0.1;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

.c-content-awards {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-left: 2vw;
    margin-right: 0;
    height: 600px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: #eaeae8;
    border-radius: 50vw;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.c-award-logo {
    height: 110px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 0px;
    background-color: white;
    border-radius: 20px;
    padding: 30px;
}

.c-award-logo img {
    width: auto;
    height: 100%;
    max-height: 80px;
}

.c-quotes, .c-quotes span {
    position: relative;
    z-index: 1;
    font-size: 20px;
}

.c-quotes span::before {
    content: ' ';
    background-image: url('/cache/files/4c9e6f987243bba2fa3b02e1421f54d68ad04594.svg');
    background-size: contain;
    position: absolute;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.1;
    top: -15px;
    left: -15px;
    z-index: 0;
}

.c-quotes span::after {
content: ' ';
background-image: url('/cache/files/ab88750eec47bd969a846447bf008a3fe1d75bf7.svg');
    background-size: contain;
    position: absolute;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.1;
    bottom: -15px;
    right: -15px;
    z-index: 0;
}

.c-circle-logo-position {
    margin-top: 10px;
    width: 100%;
}

.c-circle-logo {
    display: block;
    width: 100%;
}

#main-body .c-circle-logo img {
    left: 15%;
    position: absolute;
    z-index: 2;
    width: 40vw;
    height: auto;
}



/* CLONED ITEM DESIGN */

.cClonedItem .c-eliminate-gap {
display: none;
}

.cClonedItem h3 {
    width: 50%;
    margin-top: 15px;
}


.cClonedItem .group.wishlistbutton, .cClonedItem .group.basketbutton, .cClonedItem 
 .linkto {
display: none;
}

.cClonedItem .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cClonedItem a {
color: #231f20;
font-weight: 400;
}


/* .cClonedItem .slick-track a {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 60vh;
    min-height: 400px;
} */

.cClonedItem .slick-track a {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 22.5vw;
    height: 27.5vw;
    min-height: 400px;
}

.cClonedItem a span {
    padding-bottom: 30px;
    width: 100%;
    display: block;
}


/* DOTS */

#cloneitem .cClonedItem .slick-dots {
    position: absolute;
    bottom: -66px;
    top: auto;
    bottom: auto;
    top: 100%;
    width: 50%;
    right: 15px;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-end;
flex-wrap: wrap;
}

#cloneitem .cClonedItem .p_photos-main-slider .slick-dots li, #cloneFullList .p_photos-main-slider .slick-dots li {
    margin: 0;
    width: 20px;
}

#cloneitem .cClonedItem .slick-dots li button:before, #cloneFullList .slick-dots li button:before {
    font-size: 7px;
}

#cloneitem .cClonedItem .p_photos-main-slider .slick-dots li.slick-active button::before, #cloneFullList .p_photos-main-slider .slick-dots li.slick-active button::before {
    color: #fdb813 !important;
}

#cloneitem .cClonedItem .p_photos-main-slider .slick-dots li.slick-active button::after, #cloneFullList .p_photos-main-slider .slick-dots li.slick-active button::after {
content: '';
    border: 1px solid #231f20;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -1.35px;
    left: -1px;
    border-radius: 50%;
}


/* DOTS LIST */

#cloneFullList .slick-dots {
    margin-top: 3px;
    position: absolute;
    display: block;
    bottom: -45px;
bottom: auto;
top: 100%;
    padding-left: 0px;
    width: auto;
    right: 0;
    width: 50%;
    text-align: right;
}

/* ========= */


.c-cloned-project {
width: 50vw;
padding-right: 2vw;
padding-left: 2vw;
}

.c-view-allprojects {
    display: flex;
    height: auto;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-left: 2px;
    margin-right: 2px;
    flex-wrap: nowrap;
    background-color: #231f20;
    align-items: center;
    text-align: right;
    justify-content: flex-start;
}

.c-view-allprojects a {
    color: #f7f6f4;
    padding-right: 20px;
    font-family: 'Noto Serif Display', serif;
    font-size: 30px;
    display: inline-block;
    width: 100%;
}

#main-body #forth h1.c-title-md {
padding-left: 2vw;
}

#main-body .c-cloned-project .photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    height: 55vh;
    opacity: 1;
}


.c-mainbox {
    min-width: 600px;
    width: 40vw;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    position: relative;
    align-items: flex-end;
    justify-content: flex-start;
}

#awards.c-mainbox {
    min-width: 2300px;
    width: 90vw;
}

.c-mainbox-bgcolor {
    background-color: #231f20;
}

.c-bg-box {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.c-cloned-projects-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: calc(100% - 100px);
}

.c-projerct-section-flex {
    height: calc(100vh - 100px);
    top: 0px;
    position: relative;
    display: flex;
    width: auto;
    flex-direction: column;
    justify-content: flex-start;
}


#forth h1.c-title-md {
    height: 5vw;
    min-height: 100px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding-bottom: 0;
}

#forth h1.c-title-md span {
    padding-bottom: 20px;
}

.c-cloned-project {
border-right: 0px solid #b8b8b8;
}

.c-cloned-project:nth-last-child(1) {
border-right: 0px solid #b8b8b8;
}

.c-logo-lightcolor-text {
    width: 100%;
    height: auto;
    margin-left: -5%;
    margin-top: 5%;
    position: absolute;
    bottom: 0%;
    z-index: -1;
}

.c-logo-lightcolor-text img {
    max-width: 80%;
width: 100%;
    height: auto;
}

.c-flex-contactboxes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 20px;
    border-bottom: 1px solid #b8b8b8;
    margin-bottom: 20px;
    width: 30vw;
}

.c-flex-contactboxes div:nth-child(1) {
    margin-right: 15px;
    font-family: 'Noto Serif Display', serif;
    font-weight: 800;
    letter-spacing: 1px;
}

.c-flex-contactboxes a {
color: #231f20;
}

.c-flex-contactboxes p {
    margin-bottom: 0px;
}

#footer .c-middle-content-100x {
    top: calc(5% + 100px);
}


.c-copyright-container {
    position: relative;
    width: 100%;
    padding-right: 5vw;
    padding-left: 5vw;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    font-size: 14px;
}

.c-yellow-bg {
    background-color: #fdb813;
}

.c-copyright-container a {
color: #231f20;
}


.c-circle-bg {
    width: 600px;
    height: 400px;
    padding: 100px;
    margin-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #eaeae8;
    border-radius: 50%;
    position: relative;
}

.c-fill-the-gap {
    background-color: #eaeae8;
    height: inherit;
max-height: 240px;
    background-image: url('/cache/files/c298f1b639422b7d821b9d110a513787fcc3f1ab.svg');
    background-image: url('/cache/files/e259dc6461656c306a2c541d29a19b33d063d1f8.svg');
    background-size: 8%;
    opacity: 0.2;
}

.c-awards-button-position {
    position: absolute;
    bottom: 1vw;
    right: 3vw;
}


/* SLIDER PROJECTS SLICK DESIGN ARROWS */

.slider-arrow-left {
    left: 10px;
}

.slider-arrow-right {
    right: 10px;
}

.c-cloned-project .slider-arrows, #cloneFullList .slider-arrows {
    background: #231f20;
    border: 0px solid #231f20;
    border-radius: 50%;
    padding: 0px;
    width: 50px;
    height: 50px;
}

.c-cloned-project .fa-chevron-right:before, #cloneFullList .fa-chevron-right:before {
    content: " ";
    background-image: url('/cache/files/6dafe66d11fa3c5aff99a00a9a5e80848a4a0ca2.svg');
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: contain;
    top: 45%;
    left: 55%;
    transform: translate(-50%, -50%);
}

.c-cloned-project .fa-chevron-left:before, #cloneFullList .fa-chevron-left:before {
    content: " ";
    background-image: url('/cache/files/6dafe66d11fa3c5aff99a00a9a5e80848a4a0ca2.svg');
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: contain;
    top: 45% !important;
    left: 45% !important;
    transform: translate(-50%, -50%) rotate(180deg) !important;
transition: 0.5s;
}


.c-cloned-project .slider-arrows:hover, #cloneFullList .slider-arrows:hover {
  color: #fff;
background: #fdb813;;
}
.c-cloned-project .slider-arrows:hover .fa-chevron-left:before, #cloneFullList .slider-arrows:hover .fa-chevron-left:before {
    content: " ";
    background-image: url('/cache/files/3126acbddcc2c9182a7662312a441942a2a52a28.svg');
transition: 0.5s;
}

.c-cloned-project .slider-arrows:hover .fa-chevron-right:before, #cloneFullList .slider-arrows:hover .fa-chevron-right:before {
    content: " ";
    background-image: url('/cache/files/3126acbddcc2c9182a7662312a441942a2a52a28.svg');
transition: 0.5s;
}

.c-cloned-project .p_photos_slider-main .slider-arrows span, #cloneFullList .p_photos_slider-main .slider-arrows span {
    background-color: rgba(255,255,255,0) !important;
}




/* =========== */

.c-top-image-bg {
    width: 100%;
    background-size: cover;
    background-position: center;
    height: 100vh;
    position: relative;
}

.c-position-top-content {
    position: absolute;
    top: 20%;
    left: 5vw;
}

#c-list-top ul.c-ul {
    padding-left: 0px !important;
    line-height: 1.6;
    font-size: 2vw;
}

#c-list-top ul.c-ul li {
    display: flex;
    position: relative;
}

#c-list-top .c-ul li::before{
content: ' ';
width: 0.8vw;
height: 0.8vw;
background-color: #fdb813;
position: absolute;
top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

#c-list-top ul.c-ul li a {
padding-left: 1.5vw;
color: #f7f6f4;
font-weight: 100;
}

/* LIST */

.c-ul ul {
padding-left: 0px !important;
}

.c-ul ul li {
    margin-top: 30px;
    // display: block;
position: relative;
}

.c-ul ul li::marker {
color: #fdb813;
}




/* ======= */

.c-quote-container {
    display: flex;
    min-height: 500px;
    background-color: #231f20;
    color: #f7f6f4;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.c-quote-container .c-quote-box {
max-width: 800px;
}

.c-quote-container .c-quotes, .c-quote-container .c-quotes span {
    position: relative;
    z-index: 1;
    font-size: 30px;
}

.c-quote-container .c-quotes span::before {
    content: ' ';
    background-image: url('/cache/files/96147d5d05533bccb4ac512e0e0898d4bb3302aa.svg');
    background-size: contain;
    position: absolute;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
    top: -15px;
    left: -15px;
    z-index: 0;
}

.c-quote-container .c-quotes span::after {
content: ' ';
background-image: url('/cache/files/8c147c4c026acdca30b9e05015dd948cfe12625c.svg');
    background-size: contain;
    position: absolute;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
    bottom: -15px;
    right: -15px;
    z-index: 0;
}


.c-service-container {
    margin: auto;
    margin-top: 5vw;
    margin-bottom: 5vw;
}

.c-backgroundimages {
    position: relative;
    height: 100vh;
    width: 100%;
    padding-top: 0;
    margin-bottom: 5vw;
}

.c-service-image {
    width: 100%;
    height: 100vh;
    position: absolute;
    margin-left: 0;
    background-size: cover;
    background-position: center;
}

.c-service-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    padding-top: 100px;
    padding-bottom: 100px;
}

.c-service-content-first {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
}

#residential-content.c-service-content h1.c-title-lg, #commercial-content.c-service-content h1.c-title-lg, #hotel-content.c-service-content h1.c-title-lg {
    font-size: 4vw;
    font-weight: 500;
    border-bottom: 0;
}


#commercial-bg, #hotel-bg {
opacity: 0;
transition: 1s;
}

#residential-bg {
opacity: 1;
transition: 1s;
}


#movetosection {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fdb813;
    display: flex;
    height: 60px;
}

.c-bottom-container {
    height: 60px;
    width: 100%;
    background-color: #fdb813;
    position: absolute;
    bottom: 0;
    opacity: 1;
    transition: 1s;
}

.c-bottom-container .c-flex-link {
    display: flex;
    padding-left: 5vw;
    padding-right: 5vw;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    height: 100%;
    color: #231f20;
    font-family: 'Noto Serif Display', serif;
    font-size: 26px;
    font-weight: 800;
}
.c-bottom-container .c-flex-link .c-dark-circle {
    width: 45px;
    height: 45px;
    display: flex;
    margin-right: 10px;
    background-color: #231f20;
    border-radius: 50%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.c-bottom-container .c-flex-link .c-dark-circle img {
    width: 60%;
    height: 60%;
    transform: rotate(90deg);
}


/* ABOUT US PAGE */

#container1 {
padding-top: calc(100px + 2vw);
margin-bottom: 5vw;
}

#container2 {
    padding-top:  calc(100px + 2vw);
    margin-bottom: 5vw;
    margin-top: -10vw;
}

.c-nomargin {
margin-top: 0;
}

#container3 {
    padding-top:  calc(100px + 2vw);
    margin-bottom: 10vw;
    padding-bottom: 5vw;
}


#paragraph1-content, #paragraph2-content, #paragraph3-content {
padding-top: 70vh;
padding-bottom: 20vh;
}

.c-aboutus-i1 img, .c-aboutus-i2 img, .c-aboutus-i3 img {
    width: 100%;
    height: auto;
}

.c-minilogo {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-minilogo img{
width: 100%;
height: auto;
}

@media (min-width: 992px) {
.c-about-container .row-eq-height-md {
flex-direction: row;
    flex-wrap: wrap;
}
}

.c-about-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.c-flexbox-padding {
    padding: 5vw;
    color: #f7f6f4;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
height: 100%;
}

.c-flexbox-padding h1.c-title-lg {
    color: #f7f6f4 !important;
}

.c-circle-bg.c-awards-circle {
    width: 40vw;
    height: 40vw;
    padding: 5vw;
    margin-left: 5vw;
    margin-bottom: 5vw;
    margin-top: 5vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #eaeae8;
    border-radius: 50%;
}

.c-awards-container {
    display: flex;
    height: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
}

.c-awards-container img {
    width: auto;
    height: 20vw;
    margin: 20px;
    max-height: 250px;
}



#containerAbout ul.c-ul {
    padding-left: 0px !important;
    line-height: 1.6;
    font-size: 16px;
}

#containerAbout ul.c-ul li {
    display: flex;
    position: relative;
padding-left: 20px;
}

#containerAbout .c-ul li::before{
content: ' ';
width: 7px;
height: 7px;
background-color: #fdb813;
position: absolute;
top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    left: 0;
}


/* AWARDS PAGE */

#awards-desc {
    display: flex;
    min-height: 500px;
    background-color: #eaeae8;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
}

#awards-desc p {
max-width: 1280px;
}

#awardsContainer .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.c-award-title {
    width: 70%;
    padding-top: 5px;
}

.c-award-box {
    padding: 2vw;
border-bottom: 1px solid #b8b8b8;
height: 100%;
}

.c-award-box.c-award-box-border {
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
}

.c-award-image {
    width: 100%;
    height: 29.356vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#main-body-vertical .c-award-box h2.c-title-md {
margin-bottom: 20px;
margin-top: 0px;
font-size: 20px;
text-align: left;
}

#main-body-vertical .c-award-box h3.c-title-md {
margin-bottom: 10px;
}

.c-award-detail, .c-award-detail-70 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
align-items: center;
}

.c-award-detail p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 15px;
}

.c-award-detail div {
    width: 50%;
margin-bottom: 30px;
}

.c-award-detail-70 div:nth-child(1) {
    width: 70%;
}
.c-award-detail-70 div:nth-child(2) {
    width: 30%;
}

.c-award-box a {
    color: #231f20;
}

.c-award-detail img, .c-award-detail-70 img {
    max-height: 200px;
    max-width: 250px;
    height: auto;
    width: 100%;
    object-fit: contain;
}

.c-award-detail img, .c-award-detail-70 img {
    max-height: 200px;
    max-width: 250px;
    height: auto;
    width: 100%;
    object-fit: contain;
}

.c-award-detail .c-smaller-image img {
    max-height: 100px;
    width: auto;
}


/* DOTS AWARDS */

#awardsContainer .slick-dots {
    position: absolute;
    bottom: -45px;
    top: auto;
    width: 250px;
    right: 0;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-end;
}

#awardsContainer .p_photos-main-slider .slick-dots li {
    margin: 0;
    width: 20px;
}

#awardsContainer .slick-dots li button:before {
    font-size: 7px;
}

#awardsContainer .slick-dots li.slick-active button:before {
    color: #fdb813 !important;
}

#awardsContainer .slick-dotted.slick-slider {
    margin-bottom: 0;
}


/* ========= */


#contactPage {
    padding-top: 0px;
}

#contactPage a {
color: #231f20;
}

.c-fullmap {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.c-fullmap iframe {
height: calc(100vh - 0px);
padding-top: 100px;
}

.c-contact-content {
    height: calc(100vh - 0px);
    padding-left: 5vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-contact-form {
background-color: #231f20;
height: 100vh;
display: flex;
}

#cloneContactForm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
}




/* ANIMATIONS */
/*
.c-service-box {
position: relative;
overflow: hidden;
opacity: 0;
}

.c-service-box.c-image-animation {
opacity: 1;
transition-delay: 0.5s;
}

.c-service-box::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
}

.c-service-box.c-image-animation::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: -100%;
  animation: showImageAnimation 1s;
  animation-delay: 2s;
  animation-iteration-count: 1;
background-color: #231f20;
}


@keyframes showImageAnimation {
  0% {left: 0%;}
  100% {left: 100%;}
}

*/


#main-body .col-services, #main-body img, #main-body-vertical img {
opacity: 0;
transition: 1s;
transition-delay: 1s;
position: relative;
}
#main-body-vertical .c-circle-logo img {
position: absolute;
}


.detail #main-body-vertical img {
opacity: 1;
}


#main-body .c-show-animation, #main-body-vertical .c-show-animation {
opacity: 1;
transition: 1s;
transition-delay: 0.5s;
}

.c-aboutus-i1, .c-aboutus-i2, .c-aboutus-i3 {
background-color: rgb(35 31 32 / 10%);
}

#containerAbout .row .col-md-6 {
background-color: #231f20;
}

#containerAbout .row .col-md-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

#containerAbout .row .col-md-4 img {
    height: 60%;
    width: auto;
    right: 0;
    position: relative;
}

/* PROJECTS PAGE */

#projects-desc {
    display: flex;
    min-height: 500px;
    background-color: #231f20;
    color: #f7f6f4;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

#projects-desc p {
max-width: 1280px;
    font-size: 20px;
padding-left: 15px;
padding-right: 15px;
}

/* HOVER LINKS UNDERLINE */

.c-menu-list a, .c-top-image-bg a, #cloneFullList div.item h3 a, #contact a, .c-footer-content a, .c-award-detail a, #cloneFullList .value a {
width: auto;
position: relative;
}
.c-menu-list a:before, .c-top-image-bg a:before,  #cloneFullList div.item h3 a:before,  #contact a:before, .c-footer-content a:before, .c-award-detail a:before {
content: '';
width: 0%;
height: 1px;
background-color: #231f20;
position: absolute;
bottom: 0;
left: 0%;
transition: 0.5s;
}

.c-menu-list a:hover:before, .c-top-image-bg a:hover:before,  #cloneFullList div.item h3 a:hover:before, #contact a:hover:before, .c-footer-content a:hover:before, .c-award-detail a:hover:before {
width: 100%;
}

#cloneFullList .value a:hover {
text-decoration: underline;
}

/* WHITE COLOR */
.c-top-image-bg a:before {
background-color: #f7f6f4;
}

/* DISABLE HOVER */

#press #cloneFullList h3 a:hover:before {
width: 0%;
}

/* ========== */

/* AWARD SECTION FIRST SECTION */

.c-first-awards p {
    margin-bottom: 10px;
    font-family: 'Noto Serif Display';
    font-weight: 800;
    font-size: 18px;
}

.c-first-awards div {
    width: 100%;
    display: flex;
    gap: 10px;
}

.c-first-awards img {
    padding: 10px;
    background-color: #ebece7;
    border-radius: 10px;
    height: 60px;
    width: auto;
}

/* END AWARD SECTION FIRST SECTION */

.c-footer-content {
    border-top: 1px solid #b8b8b8;
    padding-top: 100px;
    padding-bottom: 100px;
}

.c-cta-allprojects {
    position: fixed;
    top: 10px;
    left: 5vw;
    z-index: 90;
    mix-blend-mode: normal;
    height: 0;
}

.c-cta-allprojects .c-button-viewmore {
    width: 80px;
    height: 65px;
    background-color: #fcbd12;
}

.c-cta-allprojects .c-button-viewmore span.c-line-1 {
    margin-left: 7px;
}

.c-cta-allprojects .c-button-viewmore span.c-line-2 {
    margin-left: 14px;
    margin-bottom: 16px;
}

.c-cta-allprojects a {
    text-decoration: none;
}

/* ========== */

ol.c-list-two-columns {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.c-button {
    display: inline-block;
    background-color: #010202;
    padding: 10px 20px;
    color: #f7f6f4;
    transition: 0.3s;
}

.c-button:hover {
    background-color: #fcbd12;
    color: #010202;
}

.c-partner-name-boxy {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 10px;
    min-width: 1200px;
}

.c-partner-name strong {
    font-size: 18px;
}

/* SCREENS RESPONSIVE */

@media (max-width: 1600px) {
.c-circle-bg {
    width: 500px;
    height: 335px;
}
.c-content-awards {
    height: 535px;
}

#footer .c-middle-content-100x {
    top: 4vw;
}

.c-vertical-link {
    width: 5vw;
}

}

@media (max-width: 1400px) {
.c-circle-bg {
    width: 400px;
    height: 274px;
}
.c-content-awards {
    height: 474px;
}
#footer .c-middle-content-100x {
    top: 0;
}

#footer iframe {
    max-width: 100%;
    border: 0;
    height: 20vw;
}
.c-circle-logo {
    margin-top: -10%;
}

.c-vertical-link div {
font-size: 3vw;
}
.c-quote-container .c-quotes, .c-quote-container .c-quotes span {
font-size: 20px;
}
}

@media (max-width: 1400px) {
#awards .col-md-4 {
width: 50%;
}
#awards .col-md-4:nth-child(2n) .c-award-box {
    border-left: 1px solid #b8b8b8;
    border-right: 0px solid #b8b8b8;
}
}


@media (max-width: 1050px) and (max-height: 700px) {
.c-circle-bg {
    width: 390px;
    height: 280px;
    padding: 50px;
}
.c-content-awards {
    height: 380px;
}
.c-logo-lightcolor-text {
    width: 80%;
    margin-left: 0%;
    bottom: -50%;
}
#forth h1.c-title-md span {
    padding-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0;
}
#forth h1.c-title-md {
    height: auto;
    min-height: 0;
}

.c-cloned-project {
    width: 40vw;
    width: 70vw;
}

.cClonedItem a span {
    font-size: 14px;
}

.c-flex-contactboxes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 10px;
    border-bottom: 1px solid #b8b8b8;
    margin-bottom: 10px;
    width: 40vw;
}
#footer iframe {
    height: 18vw;
}

}

@media (max-width: 1440px) and (min-width: 769px) {
section#first .container-fluid {
    width: auto;
}
section#first .container-fluid .col-md-6:nth-child(1) {
    width: 50vw;
}

section#first .container-fluid .col-md-6:nth-child(2) {
    width: 90vw;
}
.c-middle-content-100x {
    top: 20px;
}
section#first .c-mainbox, section#second .c-mainbox {
    width: 80vw;
}

#contact .c-height-content {
    height: calc(100vh - 170px);
    top: 0px;
    position: relative;
    width: 100%;
}

#footer .c-mainbox {
    width: 40vw;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative;
    align-items: flex-start;
    justify-content: flex-start;
}

#footer .c-flex-contactboxes, #footer .c-content-max-90 {
    width: 100%;
}
}


/* MOBILE & TABLET */

@media (max-width: 990px) {

.c-partner-name-boxy {
    min-width: 100%;
}

.c-mainbox {
    min-width: 100%;
}

section#first .container-fluid .col-md-6:nth-child(1) {
width: 100vw;
}

.c-middle-content-200x {
    margin-top: 50px;
} 

#containerAbout .row .col-md-4 img {
    height: auto;
    width: 100%;
}

#main-body {
    height: auto;
    overflow: hidden;
    display: flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

#main-body .content {
    height: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

#first, #second, #third, #forth {
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
}

section#first {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

section#first .container-fluid .col-md-6:nth-child(2) {
    width: 100%;
}

.c-first-awards div {
    width: 100%;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    flex-direction: row;
}

#main-body .c-first-awards div img {
    height: 60px;
    width: auto;
}

.c-middle-content {
    height: auto;
    display: flex;
    align-items: center;
    top: 0;
    position: relative;
}

.c-padding-10-lr {
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}

.c-padding-5-tb {
    padding-top: 50px;
    padding-bottom: 50px;
}

#main-body h1.c-title-xl, #footerDetails h1.c-title-xl, #main-body-vertical h1.c-title-xl, #contactPage h1.c-title-xl, #cloneContactForm .contactform h1 {
    font-size: 40px;
}

.c-content-max-60 {
    width: 100%;
    margin-top: 20px;
}

.c-contact-content {
    height: auto;
    padding-left: 15px;
padding-top: 120px;
}
.c-fullmap iframe {
    height: 300px;
    padding-top: 30px;
}

#awards-desc {
padding-top: 50px;
    padding-bottom: 50px;
}
#awards .col-md-4 {
    width: 100%;
}

.c-award-image {
height: 350px;
}

.c-award-box {
    padding: 15px;
    padding-top: 40px;
}

.c-award-title {
    width: 100%;
    padding-top: 10px;
}

.c-award-detail div {
    width: 100%;
}

.c-award-detail p {
    white-space: pre-wrap;
}

.c-award-detail div:last-child {
    margin-bottom: 0px;
}

#awards .col-md-4:nth-child(2n) .c-award-box {
    border-left: 0px solid #b8b8b8;
}

.c-award-detail-70 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}

.c-award-detail-70 div:nth-child(1) {
    width: 100%;
}

.c-border-bottom {
    border-bottom: 0px solid #b8b8b8;
}

.c-border-top {
    border-top: 0px solid #b8b8b8;
}
#main-body section {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
}
#cLogoLG {
    width: 100%;
    margin-left: 0;
}
#cLogoLG .c-logo-lightcolor {
    width: 100%;
    margin-top: 0%;
    z-index: 0;
}
#cLogoLG .c-logo-lightcolor img {
    height: 130px;
    max-height: none;
}

#awards.c-mainbox {
    min-width: 100%;
    width: 90vw;
}

#second {
    margin-top: 50px;
}

#main-body .col-services, #main-body img, #main-body-vertical img {
width: 100%;
}
#second .c-height-content-margincontent {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    border-left: 0px solid #b8b8b8;
    min-width: auto;
    width: 100%;
}

.c-service-box {
    height: 40vh;
    margin-bottom: 20px;
    margin-top: 0;
}

.c-service-content-first {
    width: 90%;
    margin: auto;
    margin-bottom: 50px;
}
.col-vertical-link {
    width: auto;
    display: inline-block;
    width: 100%;
}
.c-fullheight-content {
    height: auto;
    top: 0px;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.c-vertical-link {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
}
.c-vertical-link div {
    writing-mode: initial;
    -webkit-transform: rotate(0deg) translateX(0%);
    -moz-transform: rotate(0deg) translateX(0%);
    -o-transform: rotate(0deg) translateX(0%);
    -ms-transform: rotate(0deg) translateX(0%);
    transform: rotate(0deg) translateX(0%);
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    font-size: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
margin-left: 15px;
}
.c-circle-arrow {
    width: 2vw;
    min-width: 35px;
    height: auto;
    min-height: 35px;
    display: inline-block;
    background-color: #231f20;
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 50%;
    transform: rotate(-90deg);
    margin-right: 10px;
}

.c-awards-80-height {
    height: auto;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    width: 90%;
    margin: auto;
}
.c-quotes, .c-quotes span {
    position: relative;
    z-index: 1;
    font-size: 16px;
}
.c-circle-bg {
    width: 200px;
    height: 200px;
padding: 60px;
    margin-bottom: 20px;
    margin-top: 50px;
margin-left: 0;
}
.c-content-awards {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    background-color: #eaeae8;
    border-radius: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 50vw;
    border-top-right-radius: 50vw;
    padding-top: 60px;
}
.c-award-logo {
    flex-basis: auto;
    height: auto;
    width: 30%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
}
.c-award-logo img {
    width: auto;
    height: auto;
    max-height: 150px !important;
}
#first, #second, #third, #forth {
    height: auto;
}

.c-height-content {
    height: auto;
    width: 100%;
}
.c-middle-content-100x {
    top: 0;
    position: relative;
}
.c-circle-logo {
    margin-top: 0;
}
#main-body .c-circle-logo img {
    right: 0;
    left: auto;
    bottom: -10vw;
    position: absolute;
    z-index: 2;
    width: 30vw;
    height: auto;
}
.c-awards-20-height {
    height: 200px;
    background-size: 100%;
    opacity: 0.1;
}

.c-logo-lightcolor-text {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-top: -40%;
    position: relative;
    bottom: 0;
    z-index: -1;
}

.c-cloned-projects-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
}

#main-body .c-logo-lightcolor-text img {
height: auto;
}
.c-cloned-project {
    width: 40vw;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.cClonedItem .slick-track a {
display: block;
    min-height: 230px;
}

.cClonedItem a span {
    font-size: 16px;
}

.c-projerct-section-flex {
    height: auto;
    top: 0px;
    position: relative;
    display: flex;
width: 100%;
    flex-direction: column;
    justify-content: flex-start;
}

#cloneitem .cClonedItem .slick-dots {
    width: calc(50% - 30px);
    padding-left: 0px;
    margin-right: 15px;
    right: 0;
}

.cClonedItem h3 {
    width: calc(50% - 15px);
    margin-top: -18px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

#footer .c-col-pattern {
    width: 100%;
}

#footer .c-height-content {
margin-top: 50px;
margin-bottom: 50px;
}

#footer .c-pattern-bg {
height: 200px;
}

#footer .c-mainbox {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    min-width: 100%;
}

.c-flex-contactboxes {
    width: 100%;
}

.c-copyright-container {
    align-items: center;
    font-size: 12px;
}

.c-content-max-90 {
    width: 100%;
    margin-top: 0px;
}

#footer iframe {
    height: 250px;
}

#c-list-top ul.c-ul {
font-size: 24px;
}

#c-list-top .c-ul li::before {
    width: 10px;
    height: 10px;
}

#c-list-top ul.c-ul li a {
    padding-left: 20px;
    color: #f7f6f4;
    font-weight: 100;
}

.c-bottom-container .c-flex-link .c-dark-circle {
    width: 35px;
    height: 35px;
}


.c-bottom-container .c-flex-link {
    font-size: 20px;
    padding-left: 15px;
    padding-right: 0;
}

.c-quote-container .c-quotes, .c-quote-container .c-quotes span {
font-size: 20px;
}

.c-quote-container .c-quote-box {
    max-width: none;
    width: 70%;
}
.c-quote-container {
    min-height: 400px;
}

#residential-content.c-service-content h1.c-title-lg, #commercial-content.c-service-content h1.c-title-lg, #hotel-content.c-service-content h1.c-title-lg {
    font-size: 40px;
}

.c-service-content {
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 100px;
}

.c-service-image {
    width: 100%;
    height: 70vh;
    position: relative;
}
#commercial-bg, #hotel-bg {
    opacity: 1;
    transition: 1s;
}

#footerDetails .c-awards-20-height {
    height: 200px;
    background-size: 100%;
}

#footerDetails .c-footer-content .col-md-4:nth-child(1) img {
    position: absolute;
    top: 0;
    width: 60%;
    right: 0;
margin-top: 60px;
}

#footerDetails iframe {
    height: 100%;
    height: 300px;
    margin-bottom: 50px;
}

#footerDetails .c-copyright-container, #copyrightSection .c-copyright-container {
    padding-right: 0;
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#paragraph1-content, #paragraph2-content, #paragraph3-content {
    padding-top: 30px;
    padding-bottom: 50px;
padding-right: 15px;
    padding-left: 15px;
}

#container2, #container3 {
    padding-top: 0;
    margin-bottom: 50px;
    margin-top: 0;
}

#container1 {
    padding-top: 0;
    margin-bottom: 50px;
}

#main-body h1.c-title-lg, #main-body-vertical h1.c-title-lg {
    font-size: 40px;
    margin-bottom: 10px;
}

.c-circle-bg.c-awards-circle {
    width: 90vw;
    height: 90vw;
    padding: 50px;
    margin-left: 5vw;
    margin-bottom: 20px;
    margin-top: 70px;
}

.c-awards-container {
    display: flex;
    height: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
}

.c-awards-container img {
    width: 100%;
    height: auto;
    margin: 0;
    max-height: 150px;
    max-width: 80%;
    margin: auto;
    width: auto !important;
}

#main-body-vertical {
    height: 100%;
    min-height: auto;
    overflow: auto;
}

.c-footer-content {
    margin-top: 70px;
}

.c-flexbox-padding {
    padding: 15px;
padding-top: 50px;
padding-bottom: 50px;
}

#projects-desc {
    min-height: 400px;
padding-right: 15px;
padding-left: 15px;
}

.c-cta-allprojects {
transform: scale(0.75);
    bottom: 0px;
    right: 0px;
}

}


@media (max-width: 768px) {
.c-cta-allprojects {
    transform: scale(0.75);
    top: 0px;
    bottom: auto;
    right: auto;
    left: 0;
}
.c-bg-image-overflow {
    height: 70vh;
}
}.c-newlogo {
    background-image: url('cache/files/notfound');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
}


a.mobile-header-startlink {
    background-image: url('cache/files/notfound');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
width: 220px;
    transform: translate(-50%, 0%);
}

.side-nav__header {
    background-color: white;
    background-image: url('cache/files/notfound') !important;
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-left: 8vh;
    margin-right: 8vh;
}.c-newsletter {
padding-top: 100px;
padding-bottom: 100px;
width: 60%;
margin: auto;
}

.c-newsletter form {
    margin: auto;
}

.c-newsletter form label {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 800;
font-family: 'Manrope', sans-serif;
}

.c-newsletter form input {
    padding: 10px;
    border: 2px solid #d3d3d3;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}


.c-newsletter form input:focus-visible {
outline: none;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.c-newsletter form input::placeholder {
color: #d1d1d5;
font-size: 14px;
}

.c-newsletter form .submit {
margin-top: 20px;
text-align: center;
}

.c-newsletter form .submit button {
    font-size: 14px;
    font-weight: 400;
    padding: 20px 25px;
    color: white;
    background-color: #595959;
    transition: 0.3s;
    letter-spacing: 1px;
    border-radius: 3px;
    border-color: transparent;
    min-width: 170px;
}

.c-newsletter form .submit button:hover {
color: white;
background-color: #e0751b;
}

@media only screen and (max-width: 768px) {
.c-newsletter {
width: 90%;
}
}.loggedin #topbanner, .loggedin #topmenu {
display: block;
}

.notloggedin #topbanner, .notloggedin #topmenu {
display: none;
}/*! locomotive-scroll v3.5.4 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
  overflow: hidden;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100vh;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0;
}
.c-scrollbar:hover {
  transform: scaleX(1.45);
}
.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
  opacity: 1;
}

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}/* MENU */
.notloggedin .c-menu-bg-section {
position: absolute;
width: 100%;
height: auto;
}

.loggedin .c-menu-bg-section {
position: relative;
height: 100px;
}


#cMenubg {
    position: absolute;
    height: 100px;
    width: 100%;
    background-color: #f7f6f4;
    border-bottom: 1px solid #b8b8b8;
    transition: 1s;
}


#cMenubgVertical {
    position: absolute;
    height: 100px;
    width: 100%;
    background-color: #f7f6f4;
    border-bottom: 1px solid #b8b8b8;
    z-index: 1;
    transition: 1s;
}

#main-body .contentVertical {
    height: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.contentVertical section#first {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
}

#cMenu {
    position: absolute;
    top: 20px;
    left: 0%;
    z-index: 99;
}

#cMenuContact {
    position: absolute;
    top: 20px;
    right: 0%;
    z-index: 100;
}

/* SHAPE BURGER MENU */

.c-menu-burger {
    position: relative;
    width: 40px;
    height: 30px;
    background-color: #fcbd12;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* =============== */

.c-menu-circle {
    width: 60px;
    height: 60px;
    background-color: #fdb813;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 50%;
    font-size: 14px;
    justify-content: flex-end;
    font-weight: 800;
    line-height: 1;
    left: 5vw;
    position: absolute;
cursor: pointer;
z-index: 101;
}

.c-contact-circle {
    width: 80px;
    height: 65px;
    display: flex;
    background-color: #231f20;
    color: white;
    flex-direction: row;
    border-radius: 20px;
    font-size: 14px;
    justify-content: flex-start;
    font-weight: 800;
    line-height: 1;
    right: 5vw;
    position: relative;
    align-items: flex-end;
}

.c-menu-circle span.c-line-1, .c-contact-circle span.c-line-1 {
    margin-left: 7px;
    margin-bottom: 17px;
}

.c-menu-circle span.c-line-2, .c-contact-circle span.c-line-2 {
    margin-left: 0px;
    margin-bottom: 17px;
}

.c-menu-circle span.c-line-1, .c-menu-circle span.c-line-2 {
    display: flex;
    flex-direction: column;
    height: 14px;
    overflow: hidden;
transition: 0.5s;
}

/* OPEN CLOSE TEXT */



.c-menu-circle span.c-line-1 .cActive {
    top: 14px;
    position: relative;
transition: 0.5s ease-in-out;
}

.c-menu-circle span.c-line-1 .cDeActive {
    top: 0px;
    position: relative;
transition: 0.5s ease-in-out;
}

.c-menu-circle.cActive span.c-line-1 .cActive {
    top: -14px;
    position: relative;
transition: 0.5s ease-in-out;
}

.c-menu-circle.cActive span.c-line-1 .cDeActive {
    top: -14px;
    position: relative;
transition: 0.5s ease-in-out;
}


.c-menu-circle span.c-line-2 .cActive {
    top: 14px;
    position: relative;
transition: 0.5s ease-in-out;
}

.c-menu-circle span.c-line-2 .cDeActive {
    top: 0px;
    position: relative;
transition: 0.5s ease-in-out;
}

.c-menu-circle.cActive span.c-line-2 .cActive {
    top: -14px;
    position: relative;
transition: 0.5s ease-in-out;
}

.c-menu-circle.cActive span.c-line-2 .cDeActive {
    top: -14px;
    position: relative;
transition: 0.5s ease-in-out;
}
/* END MENU */


/* STARTING POINT */

.loggedin #cMenuContainer.c-menu-container {
display: none;
}

.notloggedin #cMenuContainer.c-menu-container {
display: flex;
}

#cMenuContainer.c-menu-container {
    position: fixed;
    top: 0px;
    height: calc(00% - 0px);
    width: 0%;
    z-index: 80;
    background-color: #f7f6f4;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
transition: opacity 0s ease-in-out 0s, width 1s ease-in-out 1s;
opacity: 0;
    overflow: hidden;
}


.notloggedin #cMenu .c-menubg {
    position: fixed;
    width: 60px;
    height: 60px;
    background-color: transparent;
    border-radius: 50%;
    left: 5vw;
    z-index: 0;
}

.loggedin #cMenu .c-menubg {
    position: relative;
}


/* #cMenu .c-menubg::before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0%;
    height: 0%;
    background-color: #fdb813;
    border-radius: 50%;
transition: 1s ease-in-out 1.01s;
    border: 0vw solid #231f20;
    z-index: -1;
cursor: default;
}

#cMenu .c-menubg::after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0%;
    height: 0%;
    background-color: #f7f6f4;
    border-radius: 50%;
transition: 1s ease-in-out 1s;
    z-index: -1;
cursor: default;
} */



/* ACTIVE */

/*
#cMenu .c-menubg.cActive::before {
    content: ' ';
    position: absolute;
    top: -50%;
    left: -50%;
    transform: translate(-50%, -50%);
    width: 250vw;
    height: 250vw;
    background-color: #fdb813;
    border-radius: 50%;
    border: 5vw solid #231f20;
    z-index: -1;
transition: 1s ease-in-out 0s;
}

#cMenu .c-menubg.cActive::after {
    content: ' ';
    position: absolute;
    top: -50%;
    left: -50%;
    transform: translate(-50%, -50%);
    width: 250vw;
    height: 250vw;
    background-color: #f7f6f4;
    border-radius: 50%;
transition-delay: 0.2s;
    z-index: -1;
transition: 1s ease-in-out 0.01s;
}
 */

#cMenuContainer.cActive.c-menu-container {
    position: fixed;
    top: 0px;
    height: calc(100% - 0px);
    width: 100%;
    z-index: 80;
    background-color: #f7f6f4;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    transition: opacity 0s ease-in-out 1s, width 1s ease-in-out 0s;
    z-index: 80;
    opacity: 1;
}



#cMenuContainer.cActive.c-menu-container .c-left-pattern, #cMenuContainer.c-menu-container .c-left-pattern {
    width: 15vw;
    height: 100%;
    /* border-top: 1px solid #b8b8b8; */
    border-right: 1px solid rgb(184 184 184 / 50%);
}
#cMenuContainer.cActive.c-menu-container .c-right-content, #cMenuContainer.c-menu-container .c-right-content {
    height: 100%;
    width: 85vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: center;
    border-top: 1px solid #b8b8b8;
position: relative;
}

#cMenuContainer.cActive.c-menu-container .c-menu-list, #cMenuContainer.c-menu-container .c-menu-list {
    width: 45%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
#cMenuContainer.cActive.c-menu-container .c-menu-images, #cMenuContainer.c-menu-container .c-menu-images {
    width: calc(55% - 100px);
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#cMenuContainer.cActive.c-menu-container .c-bottom-yellow-box .social, #cMenuContainer.c-menu-container .c-bottom-yellow-box .social {
    width: 50%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

#cMenuContainer.cActive.c-menu-container .c-menu-list .c-li, #cMenuContainer.c-menu-container .c-menu-list .c-li {
    font-family: 'Noto Serif Display', serif;
    font-size: 2.5vw;
    padding-left: 20px;
    position: relative;
    left: 4vw;
    width: fit-content;
    line-height: 1;
    margin-bottom: 1.5vw;
}

#cMenuContainer.cActive.c-menu-container .c-menu-list .c-li a, #cMenuContainer.c-menu-container .c-menu-list .c-li a {
text-decoration: none;
color: #231f20;
font-weight: 400;
}

#cMenuContainer.cActive.c-menu-container .c-menu-list .c-li::before, #cMenuContainer.c-menu-container .c-menu-list .c-li::before {
    content: ' ';
    height: 23px;
    width: 23px;
    background-color: rgba(253, 184, 19, 0);
    position: absolute;
    display: block;
    top: 50%;
    left: -11px;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 8;
transition: 0.5s;
}
#cMenuContainer.cActive.c-menu-container .c-menu-list .c-li.cActive::before {
    background-color: rgba(253, 184, 19, 1);
}

#cMenuContainer.cActive.c-menu-container .c-menu-list .c-li:hover::before {
    background-color: rgba(253, 184, 19, 1);
}

#cMenuContainer.cActive.c-menu-container .c-bottom-yellow-box, #cMenuContainer.c-menu-container .c-bottom-yellow-box {
    height: 100%;
    width: 100px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    background-color: #fdb813;
    justify-content: flex-end;
}

#cMenuContainer.cActive.c-menu-container .c-bottom-yellow-box .c-social, #cMenuContainer.c-menu-container .c-bottom-yellow-box .c-social {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

#cMenuContainer.cActive.c-menu-container .c-bottom-yellow-box .c-social p, #cMenuContainer.c-menu-container .c-bottom-yellow-box .c-social p {
    margin-bottom: 0px;
    font-size: 24px;
    font-family: 'Noto Serif Display', serif;
    font-weight: 600;
}

#cMenuContainer.cActive.c-menu-container .c-bottom-yellow-box .c-social div, #cMenuContainer.c-menu-container .c-bottom-yellow-box .c-social div {
padding-bottom: 10px;
}

#cMenuContainer.cActive.c-menu-container .c-bottom-yellow-box .c-social span, #cMenuContainer.c-menu-container .c-bottom-yellow-box .c-social span {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: #231f20;
}

#cMenuContainer.cActive.c-menu-container .c-bottom-yellow-box .c-social img, #cMenuContainer.c-menu-container .c-bottom-yellow-box .c-social img {
    width: 22px;
    height: auto;
    margin-top: 8.5px;
}


#cMenuContainer.cActive.c-menu-container .c-menucopyright, #cMenuContainer.c-menu-container .c-menucopyright {
    width: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    font-size: 14px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 60px;
    background-color: #231f20;
    width: 45%;
    color: #f7f6f4;
}

#cMenuContainer.cActive.c-menu-container .c-menucopyright a, #cMenuContainer.c-menu-container .c-menucopyright a {
    color: #f7f6f4;
text-decoration: none;
padding-left: 4vw;
}

#cMenuContainer.cActive.c-menu-container .c-menucopyright p, #cMenuContainer.c-menu-container .c-menucopyright p {
margin-bottom: 0px;
padding-left: 4vw;
}



/* MENU IMAGES */

#cMenuContainer.cActive.c-menu-container .c-menu-image, #cMenuContainer.c-menu-container .c-menu-image {
    height: 100%;
    width: 100%;
}

#cMenuContainer.c-menu-container .c-menu-image .c-bg-image, #cMenuContainer.c-menu-container .c-menu-image .c-bg-image-active {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#cMenuContact a {
text-decoration: none;
}


/* MENU ANIMATION */

.c-menubg-close {
    position: absolute;
    background-color: red;
    position: fixed;
    width: 60px;
    height: 60px;
    background-color: transparent;
    border-radius: 50%;
    left: 5vw;
    z-index: -1;
    cursor: pointer;
}

.c-overlay {
    position: absolute;
    z-index: 101;
    pointer-events: none;
    width: 100%;
    height: 100vw;
    top: 0%;
    transform: translateY(0%) rotate(90deg);
}



/* LANGUAGES */

.cLang {
    position: absolute;
    right: calc(5vw + 70px);
    top: 50%;
    transform: translateY(-50%);
}

#c-bodylang .cLang {
    position: absolute;
    top: 70px;
    right: 5%;
    z-index: 9999;
}

#c-bodylang .cLang a {
    color: #ffffff;
}

#c-bodylang .cLang li:nth-child(1) {
    width: 22px;
    margin-right: 10px;
    letter-spacing: 1px;
}

#c-bodylang .cLang li:nth-child(2) {
    width: 22px;
    letter-spacing: 1px;
}

.cLang div.langlist ul {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    text-transform: uppercase;
    display: flex;
    transform: translateY(0) !important;
}

#c-bodylang .cLang div.langlist ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-transform: uppercase;
    display: flex;
    transform: translateY(0) !important;
}


.cLang a {
    color: #231f20;
    transition: 1s;
}

.cLang ul li a {
    margin-top: 0px !important;
}

.cLang .active {
    font-weight: 800;
}

.cLang li {
    background-color: transparent !important;
    height: auto !important;
    overflow: hidden;
}

.cLang li:hover {
    background-color: transparent !important;
    height: auto !important;
}

.cLang li:nth-child(1) {
    width: 20px;
margin-right: 5px;
}

.cLang li:nth-child(2) {
    width: 20px;
}

/* EXTRA LINK GIA PROJECTS */

.c-menuprojects {
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    left: calc(5vw + 70px);
    top: 0px;
    position: absolute;
    cursor: pointer;
    z-index: 101;
    display: inline-block;
    width: max-content;
}

.c-menuprojects a {
text-decoration: none;
color: white;
}

.c-button-viewmore {
    width: 60px;
    height: 60px;
}

/* END EXTRA LINK GIA PROJECTS */

/* ============= */

@media (max-width: 990px) {

.c-menu-container.cActive .cLang a {
    color: #3e464c;
transition: 1s;
}

.cLang {
margin-top: 5px;
}
.cLang div.langlist span.langtext {
    display: block !important;
}

.cLang li:nth-child(1) {
    width: 15px;
    margin-right: 10px;
}

.cLang li:nth-child(2) {
    width: 14px;
}

.cLang div.langlist ul {
    justify-content: center;
}
}


.c-menu-container .c-pattern-bg {
    opacity: 0.1;
    background-size: 135%;
    border-right: 1px solid rgb(0 0 0 / 0%);
}


/* MOBILE & TABLET */

@media (max-width: 990px) {
#cLogo img {
    width: auto;
    height: 35px;
}

.c-contact-circle {
    width: 40px;
    height: 40px;
    font-size: 11px;
    right: 10px;
}

#cMenubg {
    height: 60px;
}
#cLogo {
    top: 13px;
}
#cMenu {
    top: 10px;
}
#cMenuContact {
    top: 10px;
}

.cLang {
display: none;
}

#cMenuContainer.cActive.c-menu-container .c-bottom-yellow-box .c-social div.cLangMobile, #cMenuContainer.c-menu-container .c-bottom-yellow-box .c-social .cLangMobile div {
padding-bottom: 0px;
}

.cLangMobile .langchooser {
padding-bottom: 10px;
}

.cLangMobile span {
    color: white;
    text-transform: uppercase;
}

.cLangMobile div.langlist ul li a {
    text-decoration: none;
    display: flex;
    width: 30px;
    height: 30px;
    background-color: #231f20;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#cMenuContainer.cActive.c-menu-container .c-bottom-yellow-box .c-social .cLangMobile span, #cMenuContainer.c-menu-container .c-bottom-yellow-box .c-social .cLangMobile span {
    display: block;
    width: 18px;
    height: auto;
    text-align: center;
    border-radius: 0%;
    background-color: transparent;
    overflow: hidden;
    font-size: 14px;
    letter-spacing: 1px;
}

.cLangMobile div.langlist ul li:nth-child(1) {
margin-bottom: 10px;
}

.cLangMobile div.langlist ul li:nth-child(2) {
margin-bottom: 20px;
}
.cLangMobile div.langlist ul li.active {
font-weight: 800;
}

.cLangMobile div.langlist ul li.inactive {
font-weight: 100;
}

#cMenuContainer.cActive.c-menu-container .c-bottom-yellow-box, #cMenuContainer.c-menu-container .c-bottom-yellow-box {
    width: 60px;
}

#cMenuContainer.c-menu-container .c-menu-image .c-bg-image-active {
display: none;
}

#cMenuContainer.cActive.c-menu-container .c-left-pattern, #cMenuContainer.c-menu-container .c-left-pattern {
    width: 60px;
}

#cMenuContainer.cActive.c-menu-container .c-right-content, #cMenuContainer.c-menu-container .c-right-content {
    height: 100%;
    width: calc(100% - 60px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: center;
    border-top: 1px solid #b8b8b8;
    position: relative;
    justify-content: space-between;
}

.c-menu-container .c-pattern-bg {
    background-size: 550%;
}

#cLogoIn {
    position: absolute;
    left: calc(50% - 30px);
    top: 13px;
    transform: translate(-50%, 0);
    z-index: 110;
}
#cLogoIn img {
    width: auto;
    max-width: none;
    height: 35px;
    min-width: auto;
}

#cMenuContainer.cActive.c-menu-container .c-menu-list .c-li, #cMenuContainer.c-menu-container .c-menu-list .c-li {
    font-family: 'Noto Serif Display', serif;
    font-size: 24px;
    padding-left: 0px;
    position: relative;
    left: 0;
    width: fit-content;
    line-height: 2;
    margin-bottom: 0px;
}

#cMenuContainer.cActive.c-menu-container .c-menu-image, #cMenuContainer.c-menu-container .c-menu-image {
display: none;
}

#cMenuContainer.cActive.c-menu-container .c-menu-images, #cMenuContainer.c-menu-container .c-menu-images {
display: none;
}

#cMenuContainer.cActive.c-menu-container .c-menu-list, #cMenuContainer.c-menu-container .c-menu-list {
    width: calc(100% - 60px);
    align-items: center;
    height: calc(100% - 60px);
    padding-top: 60px;
}

#cMenuContainer.cActive.c-menu-container .c-menu-list .c-li::before, #cMenuContainer.c-menu-container .c-menu-list .c-li::before {
    height: 10px;
    width: 10px;
    left: -15px;
}

#cMenuContainer .c-menu-list .cActive  a:before {
    content: '';
    width: 100%;
}

.notloggedin #cMenu .c-menubg, .c-menubg-close {
    width: 40px;
    height: 40px;
    left: 10px;
}

#cMenubgVertical {
    height: 60px;
}

.c-overlay {
    width: 100vh;
    height: 100vh;
}

#cMenuContainer.cActive.c-menu-container .c-bottom-yellow-box .c-social span, #cMenuContainer.c-menu-container .c-bottom-yellow-box .c-social span {
    display: block;
    width: 30px;
    height: 30px;
}

#cMenuContainer.cActive.c-menu-container .c-bottom-yellow-box .c-social img, #cMenuContainer.c-menu-container .c-bottom-yellow-box .c-social img {
    width: 16px;
    height: auto;
    margin-top: 7.5px;
}


.c-menuprojects {
    left: 10px;
    top: 50px;
}

.c-menuprojects .c-button-viewmore {
    width: 40px;
    height: 40px;
    font-size: 10px;
}

.c-menuprojects .c-button-viewmore span.c-line-2 {
    margin-left: 9px;
    margin-bottom: 8px;
}

}.notloggedin #main-body, body.notloggedin {
  cursor: none;
}

.loggedin #main-body, body.loggedin {
cursor: auto;
}

.cursor {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 100;
}
.cursor--large {
  width: 40px;
  height: 40px;
  border: 1px solid #231f20;
}
.cursor--small {
  width: 10px;
  height: 10px;
  background: #fcbd12;
  transform: translate(-50%, -50%);
transition: 0.2s;
}


.cursor--small::before {
content: 'view';
font-size: 0px;
    font-weight: 800;
    position: relative;
    display: block;
    padding-left: 10px;
    margin-bottom: 0px;
    line-height: 1;
transition: 0.2s;
}

.cursor--small::after {
content: 'more';
font-size: 0px;
    font-weight: 800;
    position: relative;
    display: block;
    padding-left: 10px;
    margin-bottom: 0px;
    line-height: 1;
transition: 0.2s;
}

.cursor--small.cProject::before {
    content: 'view';
    font-size: 12px;
    font-weight: 800;
    position: relative;
    display: block;
    padding-top: 30px;
    padding-left: 8px;
    margin-bottom: 0px;
    line-height: 1;
    transition: 0.2s;
}

.cursor--small.cProject::after {
content: 'more';
    font-size: 12px;
    font-weight: 800;
    position: relative;
    display: block;
    padding-left: 12px;
    margin-bottom: 0px;
    line-height: 1;
    transition: 0.2s;
}


.cursor--small span.c-drag {
    display: flex;
    width: 0px;
    overflow: hidden;
    font-family: 'Noto Serif Display', serif;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 70px;
    font-size: 14px;
transition: 0.2s;
}

.cursor--small.cProject span.c-drag {
    width: 43px;
    transition: 0.2s;
}



#main-body a.c-button-viewmore {
  transition: background-color 0.5s ease, color 0.5s ease;
  cursor: pointer;
border: 1px solid #231f20;
  color: #231f20;
background-color: rgb(35 31 32 / 0%);
}

#main-body a.c-button-viewmore:hover {
  color: #fff;
background-color: rgb(35 31 32 / 100%);
}


.notloggedin a {
cursor: pointer;
}

.c-cloned-project button {
    // -webkit-appearance: button;
    cursor: pointer;
}

.c-cloned-project a, #cloneFullList a, .c-award-box a {
    // -webkit-appearance: button;
    cursor: none;
}

.c-menubg, .c-award-detail a, #cloneFullList .value a  {
cursor: pointer;
}



.loggedin a:-webkit-any-link {
cursor: pointer;
}

@media (max-width: 990px) {
.cursor {
display: none;
}
}.notloggedin .c-below-animation {
position: fixed;
width: 100%;
height: 100vh;
background-color: #f7f6f4;
z-index: 100;
}

.loggedin .c-below-animation {
position: relative;
width: 0%;
height: 0vh;
}

.loggedin .coverlay {
display: none;
}

.notloggedin .coverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 120;
}
.notloggedin .coverlay .overlayDoor {
  position: absolute;
  width: 100%;
  height: 100vh;
background-color: #f7f6f4 ;
background-color: transparent;
  -webkit-transition: 1s cubic-bezier(0.77, 0, 0.18, 1);
  transition: 1s cubic-bezier(0.77, 0, 0.18, 1);
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}
.notloggedin .coverlay .overlayDoor {
  opacity: 1;
}
.loggedin .coverlay .overlayDoor {
  opacity: 0;
}
.notloggedin .coverlay.loaded .overlayDoor {
  opacity: 0;
}

.notloggedin .coverlay .overlayContent {
  position: fixed;
  width: 100%;
  height: 100vh;
  -webkit-transition: 3s cubic-bezier(0.77, 0, 0.18, 1);
  transition: 3s cubic-bezier(0.77, 0, 0.18, 1);
z-index: 120;
}.c-espa {
position: absolute;
left: 3vh;
bottom: 3vh;
z-index: 100;
}