.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.notloggedin {
font-weight: 300;
background-color: #f7f6f4;
    font-size: clamp(16px, 1.2vw, 22px);
}

body.notloggedin p {
line-height: clamp(1.5em, 20em, 2em);
    font-size: clamp(16px, 1.2vw, 22px);
}

a:hover {
text-decoration: underline !important;
}

.c-text-lg {
    font-size: clamp(20px, 10vw, 35px);
font-weight: 500;
}

.c-text-md {
    font-size: clamp(18px, 8vw, 30px);
font-weight: 400;
}

#cMenuContact {
    font-size: 16px;
}

/* TITLES */

#contenttop h1, #contenttop h2, #contentbottom h1 {
color: #231f20;
text-align: left;
}


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

#belowsite h2.c-title-sm {
font-size: 20px;
margin-bottom: 10px;
}

#belowsite h2.c-title-sm span {
    font-weight: 800;
}

#belowsite h2.c-title-sm a, #belowsite h2.c-title-sm span.c-footerbox a {
    font-weight: 300;
    text-decoration: none;
    font-family: Roboto,verdana,bitstream vera sans,sans-serif;
}

#contenttop h1.c-title-xl, #cloneContactForm .contactform h1 {
    font-size: 4vw;
    font-size: clamp(30px, 5vw, 50px);
    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;
}

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


#contenttop h1.c-title-lg, #contentbottom h1.c-title-lg {
    font-size: clamp(30px, 1.5vw, 50px);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0px solid;
    text-align: left;
    width: auto;
    display: inline-block;
}

#contenttop h1.c-title-md, #contentbottom h1.c-title-md {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 0;
}

#contentbottom h1.c-title-md {
border-bottom: 0px;
}

#contenttop h2.c-title-md {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 0;
}

#contenttop h3.c-title-md{
    font-size: clamp(20px, 5vw, 30px);
    font-weight: 500;
    margin-bottom: 0;
}

#contenttop #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;
}



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

/* 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;
}

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



/* TOP SECTION */

.c-top-section {
position: relative;
    overflow: hidden;
    width: 100%;
color: white;
}

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

.c-bg-image::after {
    content: '';
    background-color: rgb(0 0 0 / 25%);
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.c-middle-content {
    display: flex;
    align-items: flex-start;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    width: 40%;
    z-index: 2;
    flex-direction: column;
}

#contenttop .c-top-section h1.c-title-xl {
color: white;
}

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

/* VIEW MORE BUTTON */

.c-button-viewmore {
    display: flex;
justify-content: flex-end;
    width: 70px;
    height: 70px;
    flex-direction: column;
    background-color: #231f20;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 800;
    color: white;
}

/* HORIZONTAL ITEMS DESIGN & RESPONSIVE WIDTH */
.horizontalitems {
    padding-left: clamp(15px, 5%, 130px);
    padding-right: clamp(15px, 5%, 130px);
}

/* 
@media (min-width: 991px) {
.notloggedin #contenttop div.horizontalitems div.item:nth-child(3n - 1) {
margin-left: clamp(-130px, 5% - 130px, 0px);
}

.notloggedin #contenttop div.horizontalitems div.item:nth-child(3n + 1) {
margin-right: clamp(-130px, 5% - 130px, 0px);
}
} */

.horizontalitems .filter_opt {
    padding: 0 10px 20px;
    padding-left: clamp(15px, 5% - 40px, 50px);
    padding-right: clamp(15px, 5% - 40px, 50px);
    padding-left: 0;
    padding-right: 0;
}

div.horizontalitems div.list div.item h3, div.items div.list h3 a {
    color: #231f20;
    font-weight: 800;
    text-align: left;
    line-height: 1.6;
}

div.items.horizontalitems div.list h3 a::after {
content: 'View Project';
    font-family: Roboto,verdana,bitstream vera sans,sans-serif;
display: block;
    font-weight: 300;
    font-size: 16px;
font-style: oblique;
}

div.horizontalitems div.item {
    padding-left: clamp(10px, 10vw, 0px);
    margin-bottom: clamp(10px, 10vw, 0px);
}

div.horizontalitems div.theitems {
    row-gap: clamp(15px, 10vw, 50px);
}

.notloggedin #contenttop div.horizontalitems div.itemsizer {
display: none;
}


#contenttop div.horizontalitems div.item .horizitemboxy {
    width: 95%;
margin: 0 auto;
}



.notloggedin div.horizontalitems div.itemcontent {
    position: relative;
    /*margin-left: clamp(15px, 10vw, 0px);*/
    /*margin-right: clamp(15px, 10vw, 0px);*/
}

#contenttop div.horizontalitems div.item div.photos img {
    aspect-ratio: 4/3;
}

div.horizontalitems div.item div.photos {
height: auto;
}

@media (min-width: 979px) {
#contenttop div.horizontalitems div.item {
width: 33.3333% !important;
}
}

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

.c-section-content {
    padding-top: clamp(50px, 10vw, 150px);
    font-size: clamp(16px, 2vw, 18px);
}

#contenttop .c-section-content h1.c-title-lg, #contentbottom .c-section-content h1.c-title-lg {
    border-bottom: 1px solid;
    display: block;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.c-section-content p {
    width: 50%;
}

.c-viewmore-container {
    margin-top: -50px;
    margin-top: 0px;
}

.c-viewmore-link {
    font-size: 24px;
    font-weight: 800;
    color: #231f20;
    text-decoration: none;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
}

.c-linktext {
    display: flex;
    align-items: center;
}

.c-linktext::after {
    content: '';
    background-image: url('/cache/files/8346b040a0b5b70f6a4525b7216d1cd11111e492.svg');
    width: 35px;
    display: inline-block;
    height: 30px;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 30px;
    transition: 0.5s;
}

.c-viewmore-link:hover .c-linktext::after {
    width: 40px;
}

.c-maincontainer {
    padding-left: clamp(15px, 5%, 130px);
    padding-right: clamp(15px, 5%, 130px);
}



.c-award-logo {
    flex-basis: auto;
    height: 110px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 50px;
}

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



/* FOOTER */

#belowsite {
    padding-top: clamp(50px, 10vw, 150px);
    padding-bottom: clamp(50px, 10vw, 150px);
}

.c-footer-bg {
    background-image: url('/cache/files/6dae6c79aab2bf3db807ae45e5942eefe0556832.svg');
    height: clamp(150px, 20vw, 200px);
    background-size: 15%;
    opacity: 0.15;
    margin-bottom: clamp(50px, 10vw, 150px);
}

.c-flexboxes {
    display: flex;
    flex-direction: row;
}

.c-footerbox a {
margin-left: 5px;
}

#belowsite h2.c-title-sm span.c-footerbox a{
    display: block;
}

.c-footer-social {
    display: flex;
    margin-top: 30px;
    flex-direction: row;
    flex-wrap: wrap;
}

.c-footer-social h2 {
width: 100%;
}

.c-social-icon {
padding: 10px;
    background-color: #231f20;
    border-radius: 50%;
    margin-right: 20px;
    aspect-ratio: 1/1;
    display: flex;
}

.c-social-icon img {
width: 20px;
height: auto;
}

.c-quicklinks {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

.c-quicklinks a {
text-decoration: none;
font-weight: 300;
}

#innercopyinfo {
padding-left: clamp(15px,5vw, 800px);
padding-right: clamp(15px,5vw, 800px);
}


/* QUOTE */

.c-quote-container {
    display: flex;
    min-height: 320px;
    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 {
    font-size: clamp(16px, 1.5vw, 26px);
    position: relative;
    z-index: 1;
}

.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: .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: .3;
    bottom: -15px;
    right: -15px;
    z-index: 0;
}


/* LIST */

#contenttop div.htmlbox ul.c-ul, #contenttop div.htmlbox ul.c-ul-sm, #contenttop div.htmlbox ul.c-ul-f16 {
padding-left: 0px;
}

#contenttop div.htmlbox ul.c-ul li, #contenttop div.htmlbox ul.c-ul-sm li, #contenttop div.htmlbox ul.c-ul-f16 li {
    margin-top: 30px;
position: relative;
    font-weight: 300;
    font-size: clamp(16px, 1.2vw, 22px);
}


#contenttop div.htmlbox ul.c-ul li::marker, #contenttop div.htmlbox ul.c-ul-sm li::marker, #contenttop div.htmlbox ul.c-ul-f16 li::marker {
color: #fdb813;
}

#contenttop div.htmlbox ul.c-ul li a {
    color: white;
    text-decoration: none;
}

/* END LIST */
/* ======= */

@media (min-width: 992px) {
.row-eq-height-md {
    align-items: center;
}
}

.c-about-container {
    padding-top: clamp(50px, 5%, 100px);
}

.c-awards-section {
    padding-top: clamp(50px, 5%, 100px);
}

.c-awards-section .edgetoedge > .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.c-awards-section .c-awards-logos {
    display: flex;
    align-items: flex-start;
    gap: 20px;
flex-wrap: wrap;
}

.c-awards-section .c-awards-logos img {
    height: clamp(30px, 10vw, 160px);
    width: auto;
    max-width: initial;
}

#copyinfo {
font-weight: 500;
}


/* RESPONSIVE */

@media (max-width: 990px) {
.c-middle-content {
    position: relative;
    width: auto;
    left: 0;
padding: 15px;
    top: 120px;
    padding-bottom: 120px !important;
transform: translateY(0%);
}

div.list {
    padding-top: 80px;
}

.c-section-content p {
width: auto;
}

.c-content-box-lg-inner .c-awards-logos {
    gap: 15px;
}

.c-awards-logos img {
    width: auto;
    height: 100%;
    object-fit: contain;
    max-width: 120px;
    margin: 0 auto;
}

.c-footer-bg {
    height: clamp(90px, 20vw, 200px);
    background-size: 65%;
}

.c-quote-container .c-quote-box {
padding: 30px;
}

.c-bg-image {
min-height: auto;
height: auto;
    aspect-ratio: 4/3;
}

.c-bg-image::after {
    content: '';
    background-color: rgb(0 0 0/0%);
}

.c-top-section .c-middle-content {
    padding: 0px;
}

}.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;
}/* MENU */

body.cActiveMenu {
overflow: hidden;
}

.notloggedin .c-menu-bg-section {
    position: fixed;
    width: 100%;
    height: auto;
    background-color: rgb(255 255 255 / 70%);
    height: 100px;
    z-index: 90;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid white;
    transition: 1.5s;
}

.notloggedin .c-menu-bg-section.c-opened {
    height: 100vh;
    background-color: rgb(255 255 255 / 100%);
}

.c-menu-banner {
    padding-left: clamp(15px, 5%, 130px);
    padding-right: clamp(15px, 5%, 130px);
    overflow: hidden;
    height: 100%;
}

.c-menu-boxes {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.c-menu-box {
    width: 50%;
}

.c-menu-circle {
    width: 60px;
    height: 60px;
    background-color: #27292a;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    transition: 0.5s;
}

.c-menu-circle:hover {
    background-color: #fdc500;
}

.c-line-1 {
    position: absolute;
    background-color: white;
    height: 2px;
    width: 65%;
    left: 50%;
    top: calc(50% - 5px);
    transform: translate(-50%, -50%) rotate(0deg);
    transition: 0.5s;
}

.c-line-2 {
    position: absolute;
    background-color: white;
    height: 2px;
    width: 65%;
    left: 50%;
    top: calc(50% + 5px);
    transform: translate(-50%, -50%) rotate(0deg);
    transition: 0.5s;
}


.c-menu-circle:hover .c-line-1, .c-menu-circle:hover .c-line-2 {
    background-color: #27292a;
}


.c-menu-bg-section.c-opened .c-line-1 {
    top: calc(50% + 0px);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.c-menu-bg-section.c-opened .c-line-2 {
    top: calc(50% + 0px);
    transform: translate(-50%, -50%) rotate(45deg);
}

.c-menu-box-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 20px;
    height: 100px;
    align-items: center;
}

.c-menu-contactinfo {
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: 3px;
    align-items: flex-end;
}

.c-menu-contactinfo a {
color: #231f20;
text-decoration: none;
}

.c-quick-contact {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    font-size: 16px;
    align-items: center;
}

.c-quick-contact span.c-contact-icon {
    display: flex;
    background-color: #27292a;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: 27px;
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.c-quick-contact span img {
    width: 17px;
    height: 17px;
}

.c-menu-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-top: 4vw;
    opacity: 0;
    transition: 0.5s;
}

.c-menu-bg-section.c-opened .c-menu-container {
    opacity: 1;
    transition-delay: 1s;
}

.c-menu-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5vw;
}

.c-menu-list .c-menu-list-box a {
color: #231f20;
text-decoration: none;
}

.c-menu-list .c-menu-list-box a.c-mainpagelink {
    font-size: clamp(40px, 1.5vw, 60px);
    font-weight: 500;
    display: block;
    line-height: 1.4em;
}

.c-menu-list .c-menu-list-box a.c-subpagelink {
    font-size: clamp(26px, 1.5vw, 40px);
    font-weight: 300;
    display: block;
    padding-left: 20px;
}

.c-menu-container .c-social-icon {
    padding: 15px;
    background-color: #231f20;
    border-radius: 50%;
    margin-right: 20px;
    aspect-ratio: 1/1;
    display: flex;
    width: 20px;
}

.c-menu-container .c-social {
    display: flex;
    margin-top: 4vw;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
}

.c-menu-container .c-social .c-text-lg {
    width: 100%;
}

.c-menu-container .c-social a {
    line-height: 0.8;
}

.c-menu-container .c-social img {
    width: 100%;
    height: auto;
}

.c-menu-bg-section .c-menu-banner:before {
    content: '';
    background-image: url('/cache/files/28c1a2be794509180f89f08518a954fe67a92cf8.svg');
    width: 51%;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 80%;
    position: absolute;
    z-index: -1;
    right: 5%;
    top: calc(5% + 100px);
    opacity: 0;
    transition: 1s;
}

.c-menu-bg-section.c-opened .c-menu-banner:before {
     opacity: 0.6;
    transition-delay: 1.5s;
}

@media (max-width: 768px) {
.c-menu-contactinfo span.c-contact-text {
display: none;
}

.c-menu-contactinfo {
    display: flex;
    flex-direction: row;
}

.c-menu-circle {
    width: 45px;
    height: 45px;
}

.c-menu-list {
    gap: 0vw;
}

.c-menu-list-box {
    width: 100%;
}

.c-menu-container .c-social {
margin-top: 30px;
}

.c-menu-bg-section .c-menu-banner:before {
    height: 240px;
    right: -10%;
    top: auto;
    bottom: -2%;
}


.notloggedin .c-menu-bg-section.c-opened {
    overflow-x: hidden;
    overflow-y: scroll;
}

}.c-filter-list {

}

.c-filter-list .chosen-container {
font-size: clamp(16px, 10vw, 20px);
    min-width: 170px;
}

.c-filter-list .chosen-search {
display: none;
}

.c-filter-list.filter_opt .filterlabel {
font-weight: 500;
    margin-bottom: 5px;
}

.c-filter-list .chosen-container-single .chosen-single {
    box-shadow: none;
    background-image: none;
    padding: 10px 10px 10px 10px;
    height: auto;
    border: 1px solid #2d4156;
    border-radius: 0px;
    color: #2d4156;
    line-height: 1;
}

.c-filter-list .chosen-container-single .chosen-drop {
    border-radius: 0px;
}

.chosen-container-single .chosen-single div {
    width: 20px;
margin-right: 7px;
}

.c-filter-list .chosen-single.chosen-default b, .c-filter-list .chosen-single.chosen-single-with-deselect b {
    background-image: url('/cache/files/5881cba6f1be0eba77f46435817493ccb53aa3d4.svg') !important;
    background-size: 100% !important;
    background-position: center;
    background-repeat: no-repeat !important;
    transform: rotate(90deg);
}

.c-filter-list .chosen-single.chosen-single-with-deselect abbr {
background-image: none !important;
    right: 35px;
    top: 5px;
}

.c-filter-list .chosen-single.chosen-single-with-deselect abbr:before {
content: 'x';
font-size: 26px;
    font-weight: 300;
}

/* CATEGORY DESIGN - TAG */

div.horizontalitems div.itemcontent {
position: relative;
}

.group_add.c-category-list {
    position: absolute;
    top: 20px;
    left: 2.5%;
    background-color: black;
}

.group_add.c-category-list a {
color: white;
text-decoration: none;
font-size: 18px;
    font-weight: 800;
}

.group_add.c-category-list a span {
    padding: 10px;
    display: block;
min-width: 110px;
    text-align: center;
}#contenttop .am_1494 div.detail .photos-1478 div.p_photos_main_image_detail img {
height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.notloggedin .c-project-details .thumbnails {
display: none;
}

div.items div.detail h3 {
line-height: 1.2;
}

.c-detail-content {
position: relative;
}

@media (min-width: 991px) {
.c-project-details {
    padding-left: clamp(15px, 5%, 130px);
    padding-right: clamp(15px, 5%, 130px);
    padding-top: 150px;
    max-width: 1280px;
    margin: 0 auto;
}

#contenttop .c-project-details div.detail .photos-1478 {
    display: inline-block;
    width: 50%;
    float: left;
}

.c-project-details div.detail div.back {
    border: 0px;
    background-image: none !important;
    border-radius: 0px;
}

div.items.c-project-details div.detail div.back a {
    display: flex;
    align-items: center;
    font-weight: 800;
    color: #231f20;
    text-decoration: none;
    padding-top: 15px;
    padding-bottom: 15px;
}

div.items.c-project-details div.detail div.back a::before {
    content: '';
    background-image: url('/cache/files/8346b040a0b5b70f6a4525b7216d1cd11111e492.svg');
    width: 35px;
    display: inline-block;
    height: 30px;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 30px;
    transition: 0.5s;
    transform: rotate(180deg);
}

}

div.items.c-project-details div.detail h3 a {
    font-size: clamp(30px, 5rem, 50px);
    color: #231f20;
    font-weight: 500;
    padding-top: 40px;
    padding-bottom: 30px;
    display: inline-block;
}

div.items.c-project-details div.contentboxy span.label {
background-image: none;
    padding-left: 0px;
}

#contenttop div.items.c-project-details div.detail .photos {
width: 100%;
position: relative;
z-index: 0;
padding-right: 0px;
}

#contenttop div.items.c-project-details div.detail .photos img {
margin: 0 auto;
}

/* CATEGORY BADGE DETAILS */

div.items.c-project-details .infoline {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

div.items.c-project-details .group_add.c-category-details {
    position: absolute;
    background-color: black;
    z-index: 1;
    display: inline-block;
    top: 150px;
    top: 30px;
}

div.items.c-project-details .group_add.c-category-details a {
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: 800;
}

div.items.c-project-details .group_add.c-category-details span.value {
    padding: 10px;
    display: block;
    min-width: 110px;
    text-align: center;
}

div.items.c-project-details .cDescription {
    padding-top: 50px;
    padding-bottom: 50px;
}

div.items.c-project-details .cAwards, div.items.c-project-details .cPublications, div.items.c-project-details .cLocation, div.items.c-project-details .cStage {
    padding-bottom: 20px !important;
}

div.items.c-project-details .textbox.cDescription {
line-height: clamp(1.5em, 20em, 2em);
}

@media (min-width: 991px) {
div.items.c-project-details div.detail div.horizontalitemsgallery div.theitems, div.items.c-project-details div.horizontalitemsgallery div.theitems {
    gap: 50px;
}

.notloggedin div.items.c-project-details div.detail div.horizontalitemsgallery .itemsizer {
display: none;
}

#contenttop div.items.c-project-details div.detail div.horizontalitemsgallery div.item, #contenttop .c-project-details div.horizontalitemsgallery div.item {
width: calc(50% - 50px);
}

#contenttop div.items.c-project-details div.detail div.horizontalitemsgallery div.item .photos img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}

}


@media (max-width: 991px) {

.c-project-details div.detail div.back {
    border: 0px;
    background-image: none !important;
    border-radius: 0px;
}

div.items.c-project-details div.detail div.back a {
    display: flex;
    align-items: center;
    font-weight: 800;
    color: #231f20;
    text-decoration: none;
    padding-top: 15px;
    padding-bottom: 15px;
}

div.items.c-project-details div.detail div.back a::before {
    content: '';
    background-image: url('/cache/files/8346b040a0b5b70f6a4525b7216d1cd11111e492.svg');
    width: 35px;
    display: inline-block;
    height: 30px;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 30px;
    transition: 0.5s;
    transform: rotate(180deg);
}

div.items.c-project-details div.detail h3 a {
    font-size: clamp(30px, 5vw, 50px);
    padding-top: 0;
}
.c-project-details {
    padding: 15px;
    padding-top: 120px;
}

div.items.c-project-details div.list {
    padding-top: 0px;
}

div.items.c-project-details .group_add.c-category-details {
    position: relative;
    background-color: black;
    z-index: 1;
    display: inline-block;
    top: 70px;
}

#contenttop .am_1494 div.detail .photos-2924 div.p_photos_main_image_detail {
    margin-top: -40px;
}
}

/* SXETIKA PROIONTA */

div.items.relproducts.horizontalitems {
    margin-top: 100px;
    background-color: #f5f5f5;
    padding: 20px;
    box-sizing: border-box;
}

div.items.relproducts.horizontalitems div.list div.item {
    margin-left: 0;
    margin-right: 0;
}

div.items.c-project-details div.items.relproducts.horizontalitems h3 a {
    font-size: clamp(16px, 2rem, 32px);
    padding-top: 0;

}.horizontalitems {
margin-top: 50px;
}

.horizontalitems div.pager {
    position: relative;
    font-size: 16px;
    text-align: center;
}

.horizontalitems div.pager_foundinfo{
    margin-bottom: 10px;
}

div.items div.detail div.horizontalitems div.itemcontent, div.horizontalitems div.itemcontent {
border: 0px !important;
}

div.horizontalitemsgallery div.item div.photos img {
    max-height: none !important;
}

div.horizontalitemsgallery div.item div.photos {
    height: auto;
}



/* RESPONSIVE DESIGN */

@media (max-width: 990px) {
form select.enhjs, #content form select.enhjs {
    color: #333333;
    min-width: 150px;
    width: 100%;
    padding: 10px;
    font-size: 16px;
}

}