/* BODY */
body a, #sp-footer a, #sp-bottom a {color: #512e20;}
body a:hover, body a:active, #sp-footer a:hover, #sp-bottom a:hover, #sp-footer a:active, #sp-bottom a:active {color: #4e4e51;}
#sp-header {background: #FFFFFF;position: fixed;top: 0;width: 100%;z-index: 999;box-shadow: none;left: 0;}
@media (max-width: 992px) {#sp-header {height: 80px;background: rgba(255, 255, 255, 0.65);backdrop-filter: blur(2px);}}
@media (min-width: 992px) {#offcanvas-toggler {display: none!important;}.offcanvas-menu {display: none;}}
.offcanvas-inner img {max-width: 24px;}
.offcanvas-inner .info-inline {display: flex;}
body.site {font-family: 'Roboto', sans-serif;}
/* BODY END */
/* HEADER */
#sp-header {height: 64px;}
#sp-header .logo {height: 60px;}
.logo-image {height: 60px!important;padding: 3px 0;}
@media (min-width: 1024px) {#sp-logo {padding-left: 6px !important;}}
@media (max-width: 1023px) {#sp-logo {padding-left: calc(var(--bs-gutter-x) * .5);}}
@media (max-width: 991px) {#sp-header .logo {height: 60px;}}
@media (min-width: 354px) {.logo-image-phone {height: 48px!important;}}
@media (max-width: 353px) {.logo-image-phone {height: 38px!important;}}
/*HEADER END */
.scroll {
	position: absolute;
	left: 8%;
	animation: bounce 4s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}
.scroll:after {
	content: '';
	background-image: url(/images/icons/scroll.svg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 45px;
	height: 45px;
	display: block;
}

/* ABOUT US */
@media (min-width: 640px) {
.push_down {
	padding-top: 60vh !important;
}
}
@media (max-width: 639px) {
.push_down {
	padding-top: calc(60vh + 100px) !important;
}
}
.push_down_left {
	padding-top: 40vh!important;;
}
.remove_pd .sppb-row-container {
	padding: 0px 0px;
}
.separator {
	width: 100%;
	border-bottom: 1px solid #afafb1;
	position: relative;
}
.awards_image {
	width: 100%;
	display: flex;
	justify-content: center;
}
.aw_img img {
	width: 123px;
}
.aw_img_s, .aw_img {
	max-width: 200px;
}
.customers_table td {
	color: #4e4e51 !important;
	font-weight: 200;
    width: 24%;
}
.table_list .images img {
	max-width: 50px;
}
.images {
	min-width: 106px;
	display: flex;
	max-height: 50px;
	column-gap: 6px;
	flex-wrap: wrap;
	float: left;
	margin-right: 6px;
}
.text_s_title {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 300;
	text-decoration: underline #512e20 2px;
	transition: .4s ease-in-out;	
}
.text_s_title:hover {
	text-decoration: underline #4e4e51 2px;
}
.text_s_subtitle {
	color: #4e4e51;
	font-weight: 200;
	font-size: 16px;
}
@media (min-width:1024px) {.left-text{width:45%;}}
@media (max-width:1023px) {.left-text{width:100%;}}
a.und_button {
	position: relative;
	color: #512e20;
	display: inline-block;
	padding: 6px 0;
	white-space: normal;
}
a.und_button::after {
	content: " ";
	border-bottom: 3px solid #512e20;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 0;
	transition: .4s width ease;
}
a.und_button:hover::after {
	width: 80%;
}
.cert_outter {
    justify-content: center;
}
.racki a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-right: 1px solid #f9f0ea;
}
@media (max-width: 767px) {
  .customers_section .sppb-col-sm-3 {
    width: 50%;
    padding: 1rem;
  }
  .racki a {
    border-right: none;
  }
}
@media (max-height: 700px) {
  .push_down {
    margin-bottom: 8rem;
  }
  .offcanvas-menu .offcanvas-inner .sp-module {
    margin: 0 0 1rem;
}
}
/* ABOUT US END */


/* SIDEBAR MENU */
@media (min-width:1024px) {.body-innerwrapper {margin-left: 50px;position: relative;}}
@media (max-width:1023px) {.body-innerwrapper {margin-left: 0;overflow-x: hidden!important;}}
@media (min-width:1024px) {.view-article .body-innerwrapper {overflow-x: visible;}}
.menu_sidebar .module {margin: 0;padding: 10px;}
.menu_sidebar {display: block;position: fixed;bottom: 0;left: 0;top: 60px;width: 50px;background-color: #fff;z-index: 4;border-right: 1px solid #afafb1;border-top: 1px solid #fff;height: calc(100vh - 49px);overflow: hidden;}
.menu_sidebar .mod-languages a {display: block;width: 100%;line-height: 20px;text-align: center;color: #c4c4c5;font-size: 14px;padding: 6px;}
.menu_sidebar .mod-languages a.active {color: #4e4e51;}
.menu_sidebar .mod-languages a:hover {color: #512e20;}
div.mod-languages ul li {opacity: .5;transition: .3s ease-in-out;}
div.mod-languages ul li:hover {opacity: 1;}
div.mod-languages ul li.lang-active {background-color: transparent!important;padding: .5rem 0;border-radius: 0;opacity: 1;}
@media screen and (max-width: 1023px) {.menu_sidebar {top: auto;width: 100%;border-right: 0;border-top: 1px solid #afafb1;}
	body:not(.home) .menu_sidebar {-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);-webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;transition: .2s ease-in-out;}
	body.offcanvas-active .menu_sidebar {-webkit-transform: translateY(90%);-moz-transform: translateY(90%);-ms-transform: translateY(90%);-o-transform: translateY(90%);transform: translateY(90%);}
	.menu_sidebar .mod-languages {display: none;}}
.offcanvas-menu .offcanvas-inner a {color: #512e20;}
.menu_sidebar ul.info-wrapper {display: block;padding: 0;margin: 0;list-style: none;width: 100%;position: absolute;bottom: 0;}
.menu_sidebar ul.info-wrapper li {padding: 0;margin: 0;display: block;text-align: center;width: 50px;height: 50px;line-height: 50px;}
@media screen and (max-width: 1023px) {.menu_sidebar ul.info-wrapper {position: relative;}
	.menu_sidebar ul.info-wrapper li {float: left;width: 33.33333%;height: 75px;line-height: 75px;border-right: 0;}}
.menu_sidebar ul.info-wrapper li a {display: inline-block;vertical-align: middle;width: 100%;line-height: 1.5;position: relative;}
.menu_sidebar ul.info-wrapper li a .icon {line-height: 50px;height: 50px;border-right: 1px solid #afafb1;position: relative;z-index: 2;background: #fff;opacity: .5;transition: .3s ease-in-out;}
.menu_sidebar ul.info-wrapper li a .icon:hover {opacity: 1;}
@media screen and (max-width: 1023px) {.menu_sidebar ul.info-wrapper li a .icon {line-height: 26px;height: 26px;border-right: 0;}}
.menu_sidebar ul.info-wrapper li a .icon img {display: inline-block;width: auto;height: 26px;vertical-align: middle;}
.menu_sidebar ul.info-wrapper li a .icon img.email {height: 17px;}
.menu_sidebar ul.info-wrapper li a .legend {display: none;margin-top: 7px;font-size: 9px;}
.menu_sidebar ul.info-wrapper li a #phone-legend,.menu_sidebar ul.info-wrapper li a li#phone div.legend {margin-top: 8px;}
.menu_sidebar ul.info-wrapper li a .details {position: absolute;left: 100%;top: 1px;padding: 0 15px;line-height: 50px;height: 50px;background: #fff;text-align: left;white-space: nowrap;font-size: 14px;color: #4e4e51;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.menu_sidebar ul.info-wrapper li a .details .link {padding-left: 5px;color: #512e20;vertical-align: middle;}
@media screen and (max-width: 1023px) {.menu_sidebar ul.info-wrapper li a .legend {display: block;}.menu_sidebar ul.info-wrapper li a .details {display: none;}}
.menu_sidebar ul.info-wrapper li a:hover {color: #512e20;}
.menu_sidebar ul.info-wrapper li a:hover .details {-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
/* SIDEBAR MENU END */
.banner_top:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
}
@media (min-width: 640px) {
.banner_top {
	height: 100vh;
}
.services_list {
	vertical-align: middle;
	padding: 35px 0;
}
}
@media (max-width: 639px) {
.banner_top {
	height: 100vh;
}
.services_list {
    vertical-align: middle;
    padding: 12px 0;
}
}
.underlined a {
	position: relative;
	color: #512e20;
	display: inline-block;
	font-size: 12px;
	padding: 6px 0;
	white-space: normal;
}
.underlined a::after {
	content: " ";
	border-bottom: 3px solid #512e20;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 0;
	transition: .4s width ease;
}
.underlined a:hover::after {
	width: 80%;
}
a.underlined {
	position: relative;
	color: #512e20;
	display: inline-block;
	font-size: 14pt;
	padding: 6px 0;
	white-space: normal;
}
@media (max-width: 386px) {
a.underlined {
	position: relative;
	color: #512e20;
	display: inline-block;
	font-size: 12pt;
	padding: 6px 0;
	white-space: normal;
    text-align: left;
}
}
a.underlined::after {
	content: " ";
	border-bottom: 3px solid #512e20;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 0;
	transition: .4s width ease;
}
a.underlined:hover::after {
	width: 80%;
}
.sp-megamenu-parent>li>a {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 400;
	color: #4e4e51;
	text-align: center;
	padding: 0 15px;
	vertical-align: middle;
	user-select: none;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	letter-spacing: .04em;
}
.sp-megamenu-parent>li:hover>a {
	color: #512e20;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
	font-weight: 600;
	color: #512e20;
}
/* OFF CANVAS */
.offcanvas-menu .offcanvas-inner .nav-pills {
	text-transform: uppercase;
	font-weight: 200;
	text-align: center;
	padding: 0 15px;
	vertical-align: middle;
	user-select: none;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	letter-spacing: .04em;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
	color:#4e4e51;
}
.offcanvas-menu .current.active a, .offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
	color: #512e20 !important;
	font-weight: 400;
}

.offcanvas-menu {
	width: 100%!important;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
	right: -100%;
	top: 0;
}
.offcanvas-menu .mod-languages {
	position: relative;
	border-top: 1px solid gray;
	display: flex;
	width: 100%;
	right: 0;
	padding-top: 2rem;
}
.offcanvas-menu ul.mod-languages__list.lang-block {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}
.offcanvas-menu .mod-languages ul li {
	border: 1px solid gray;
}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
	margin-right: 0;
}
/* OFF CANVAS END */

/* HOME PAGE WORK IMAGES */
/*#palaiopanos_section2 .sppb-addon-title {
    text-align: justify;
}*/
.sppb-image-layouts-inline-img {
	width: 100%;
	aspect-ratio: 4 / 4;
	overflow: hidden;
}
.sppb-image-layouts-inline-img img {
	height: 100%;
	object-fit: cover;
	transition: .3s ease-in-out;	
}
.group_images img:hover {
	opacity: .7;
}
.group_images .caption-below {
	min-height: 136px;
}
/* HOME PAGE WORK IMAGES END */

/* WORKS PAGE */
.work-item-description {
    position: absolute;
    background: linear-gradient(rgba(0, 0, 0, 0), #1c1c1c);
    bottom: 0;
    width: 100%;
    padding: 1rem;
}
.work-item-description .works_subtitle_grid, .blog-item-excerpt {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* On hover */
.work-item-description:hover .works_subtitle_grid, blog-item-excerpt:hover {
  max-height: 200px; /* adjust depending on your content */
  opacity: 1;
}
/* WORKS PAGE END */ 

/* MISC */
.work-with-us-image {
	height: 50vh;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	top: 0;
	left: 0;
}
#sp-footer {
	background: transparent;
	color: #919191;
    left: 0;
}
.table_style p {margin:0;padding:0;}
.table_style td {
	color: #512e20 !important;
	background: rgba(0, 0, 0, 0) !important;
}
table.sppb-addon-table-main.bt td::before, .sppb-addon-table-main th {
	display: none;
}

.off-email, .off-phone, .off-address {
	width: 20%;
}
.offcanvas-inner .info-inline {
	display: flex;
	height: 110px;
	position: relative;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* MISC END */

/* CONTACT & MAP */

.pd-0 {padding:0;}
.pd-0 .sppb-row-container {padding:0;}
.sppb-addon-gmap-canvas {height: 100vh !important;margin-top: -1px;}
.static_info {position: fixed;bottom: 0;padding: 3rem;width: 100%;background: white;}
.brand {
	max-width: 24%;
	margin-bottom: 2rem;
}
body.itemid-113 #sp-footer {
	display: none;
}
/* CONTACT & MAP END*/



/* WORKS DYNAMIC CUSTOM */

.works_hero_image {
    position: relative;
    height: 90vh;
}
.hero_image img {height: 100vh;object-fit: cover;}
@media (max-width: 1023px) {.hero_image img {height: auto;object-fit: cover;}}
.works_article_data {
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease;
    padding: 20px;
}
.works_article_data_double {
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease;
    padding: 20px;
}
.works_article_data_double.is-sticky {
	position: sticky;
	top: 0;
}
.works_article_title {
    line-height: 1;
}
/* WORKS DYNAMIC CUSTOM END */

/* Category blog: hero_image behaves like CSS background-size: cover (fill box, crop overflow). */
.com-content-category-blog .blog-hero-image-cover {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    width: 100%;
}

.com-content-category-blog .blog-hero-image-cover img {
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    object-fit: cover;
    object-position: center;
    display: block;
}
.article-intro-image {
    margin: 0 !important;
}
.article-list .article {
    padding: 0;
    border: none;
}
.article-intro-image.blog-hero-image-cover, .article-list .article .article-intro-image img {
    border-radius: 0 !important;
}
.article-body {
    position: absolute;
    bottom: 0;
    padding: 1rem 2rem;
    width: 100%;
    background: linear-gradient(transparent, black);
    color: white;
}
.article-list .article .article-header h1, .article-list .article .article-header h2 {
    margin: 0 0 1rem;
    font-size: 2rem;
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
	color: white;
}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover {
    color: white;
}
.article-list .article .readmore a {
	color: white;
}
.article-introtext {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
@media (max-width: 480px) {
  .article-introtext {
    display: none;
}
  .article-list .article .article-header h1, .article-list .article .article-header h2 {
    margin: 0 0 1rem;
    font-size: 1.4rem;
}
}
.blog.com-content-category-blog .readmore {
    text-align: right;
}
.blog.com-content-category-blog .article-info {
    display: none;
}
.btn.btn-readmore {
    border: 1px solid white;
    border-radius: 20rem;
}
.btn.btn-readmore:hover {
    border: 1px solid white;
    border-radius: 20rem;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
    color: #493021;
    background: white;
}
.field-entry.hero_image {
    z-index: 9;
    position: relative;
}
#sp-footer, #sp-bottom {
    background: transparent;
    color: #000;
}
#sp-bottom {
    padding: 0px;
}
@media (max-width: 568px) {
#sppb-addon-f62d85b5-3370-4056-8a39-a92f1b575b98 .sppb-addon-table-main.bt tbody td:before, #sppb-addon-f62d85b5-3370-4056-8a39-a92f1b575b98 .sppb-addon-table-main.bt tbody td:before, #sppb-addon-f62d85b5-3370-4056-8a39-a92f1b575b98 .sppb-addon-table-main th {
    display: none;
}
}