@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i'); /* font-family: 'Lato', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); /* font-family: 'Roboto', sans-serif; */


/* _custom_design/main.css v.2.0.0 - last modified 24.07.2018 (see config/version_history.php for details)*/
/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Main options */

html {min-width: 350px;}
body {font-family: 'Roboto', sans-serif; background-image: url(/_custom_content/img/logo_bg_v2.jpg); background-position: 15% 0; background-repeat: no-repeat; background-attachment: fixed; background-size: contain; background-color: #fff;}

.th-logo-top-container {position: absolute; top: 20px; right: 20px;}
.th-logo-top-container img {width: 100%; max-width: 100px;}

body.about {font-family: 'Roboto', sans-serif; background-image: url(/_custom_content/img/logo_bg_v2.jpg); background-position: 15% 0; background-repeat: no-repeat; background-attachment: fixed; background-size: contain; background-color: #fff;}
body.projects {font-family: 'Roboto', sans-serif; background-image: url(/_custom_content/img/logo_bg_v2.jpg); background-position: 15% 0; background-repeat: no-repeat; background-attachment: fixed; background-size: contain; background-color: #fff;}

@media (max-width : 991px) {
	body.about {background-position: 20% 50%; background-repeat: no-repeat; background-attachment: fixed;}
	body.projects {background-position: 20% 50%; background-repeat: no-repeat; background-attachment: fixed;}
}

.th-contact-form-t1b form#contact-form .th-form-button-container .form-button {
    background-color: #ef7800; border: 2px solid #fff; color: #fff;
}

.th-contact-form-t1b form#contact-form .th-form-button-container .form-button:hover {
    background-color: #fff; border: 2px solid #fff; color: #ef7800; box-shadow: none;
}

.th-contact-form-t1b .row {margin-left: 0; margin-right: 0;}

.th-custom-design-title-intro {}
.th-custom-design-title {}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {}

.th-custom-design-paragraph-title-intro {}
.th-custom-design-paragraph-title {font-weight: 600; font-size: 30px; text-transform: uppercase; padding-bottom: 15px;}
.th-custom-design-paragraph-title-underline {}
.th-custom-design-paragraph-subtitle {}
.th-custom-design-paragraph-text {}

.th-custom-design-button {}

/* ------------------------------------------------------------------------------------- */
/* * Media Queries                                                                       */
/* standard "@media (max-width : px) {}": 1199px (col-md) | 991px (col-sm) | 767px (col-xs) | 500px | 400px */



/* * Media Queries                                                                       */
/* ------------------------------------------------------------------------------------- */

/* Main options */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Section # */


/* Menu toggle - Custom */
/* =========================================================================================================================== */

.th-menu-toggle-container {display: grid; grid-template-columns: 40px 50px; z-index: 1000; height: 100px; position: fixed; padding-left: 15px;}
.th-menu-toggle-container .th-icon-box {z-index: 1000; display: flex; align-items: center; justify-content: center;}
.th-menu-toggle-container .th-icon-box a {}
.th-menu-toggle-container .th-txt-box {z-index: 1000; display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-weight: 500; padding-top: 10px; font-size: 16px; color: #000; text-decoration: none;}

.th-underline-container {text-align: center;}
.th-underline {height: 1px; background-color: #eee; width: 200px; display: inline-block;}



@media (max-width : 500px) {
	.th-menu-toggle-container {padding-top: 20px; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
}

.th_menu_t8_menu-icon.th-close span::before, .th_menu_t8_menu-icon.th-close span::after {
    background-color: #000; width: inherit;
}

.th_menu_t8_menu {
    background: #fff;
	width: 500px;
}

.th_menu_t8_menu-icon {
	left: 20px;
	position: inherit;
	height: auto;
}

.th_menu_t8_menu ul li a.th-main-link {
	color: #000;
}

.th_menu_t8_menu-icon {
    width: auto; text-transform: uppercase; color: #000;
}

.th_menu_t8_menu-icon span, .th_menu_t8_menu-icon span::before, .th_menu_t8_menu-icon span::after {
    background: #000; width: 25px;
}

.th_menu_t8_menu-icon span::before {
    top: 6px;
}

.th_menu_t8_menu-icon span::after {
    top: -6px;
}

@media (max-width : 500px) {
	.th_menu_t8_menu {width: 100%;}
}
/* Menu */
/* =========================================================================================================================== */

.th-menu-left {position: absolute; top: 0; left: 0; bottom: 0; background-color: #fff; padding: 0 20px; display: flex; justify-content: flex-end;}
.th-menu-left .th-img-container {display: flex; align-items: flex-end; margin-bottom: 80px; margin-top: 100px;}
.th-menu-left img {max-width: 90px; height: auto;}

@media (max-width : 991px) {
	.th-menu-left {display: none;}
}

.th-socials {text-align: center; position: absolute; bottom: 0; left: 35px; bottom: 15px; visibility: visible;}
.th-socials a {color: #000; font-size: 20px; padding: 0 5px;}

@media (max-width : 767px) {
	.th-socials {visibility: hidden;}
}



/* Logo */
/* =========================================================================================================================== */

.th-logo {text-align: right; display: block;}
.th-logo .th-logo {display: inline-block;}
.th-logo img {width: 100%; max-width: 250px;}
.th-logo hr {display: none;}

@media (max-width : 767px) {
	.th-logo img {width: 100%; max-width: 180px; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
	.th-logo hr {margin: 0; display: none;}
}

/* Index box */
/* =========================================================================================================================== */

.th-opening-box {position: absolute; bottom: 90px; left: 0; font-size: 30px; padding: 35px; color: #ef7800; text-align: right;}
.th-opening-box a.th-menu-title {color: #ef7800; font-weight: 600; font-size: 50px; padding-bottom: 15px; white-space: nowrap}
.th-opening-box a.th-menu-title:hover {text-decoration: none;}
.th-opening-box span {font-size: 20px;}
.th-opening-box a {color: #fff;}

@media (max-width : 767px) {
    .th-opening-box .th-menu-title {font-size: 40px; padding-bottom: 15px; white-space: nowrap}
    .th-opening-box a.th-menu-title {font-size: 30px;}
	.th-opening-box-container {padding: 0 25px;}
	.th-opening-box {right: 0; right: 0; text-align: center; bottom: 100px;}
    .th-opening-box p {font-size: 25px;}
    .th-opening-box span {font-size: 14px;}
}

/* Reservation box */
/* =========================================================================================================================== */

.th-reservation-box-container {position: absolute; top: 200px; bottom: 90px; right: 0; background-color: rgba(0, 0, 0, 0.60); width: 550px;}
.th-reservation-box-container .th-reservation-box {position: absolute; top: 10px; right: 10px; bottom: 150px; left: 10px; color: #fff; overflow-y: scroll; font-size: 20px; text-align: center; display: inline-block;}
.th-reservation-box-container .th-reservation-box .th-agenda {}
.th-reservation-box-container .th-reservation-box .th-agenda .th-date-slots-container {}
.th-reservation-box-container .th-reservation-box .th-agenda .th-date-slots-container .th-date-box {text-transform: uppercase; font-weight: 300; padding: 25px 0;}

.th-reservation-box-container .th-reservation-box .th-agenda .th-date-slots-container .th-slot-box {display: inline-block; margin: 5px; border: 2px solid #fff; text-align: center; border-radius: 10px; overflow: hidden;}

.th-reservation-box-container .th-reservation-box .th-agenda .th-date-slots-container .th-slot-box a {color: #fff; padding: 8px 15px;}

.th-reservation-box-container .th-reservation-box .th-agenda .th-date-slots-container .th-slot-box:hover a {background-color: #fff; color: #000; text-decoration: none; padding: 8px 15px;}

.th-reservation-box-container .th-logos-box {padding-bottom: 20px; text-align: center; position: absolute; bottom: 0; left: 0; right: 0;}
.th-reservation-box-container .th-logos-box p {text-align: center; color: #fff; font-size: 12px;}
.th-reservation-box-container .th-logos-box img {width: 100%; max-width: 150px;}



@media (max-width : 767px) {
	.th-reservation-box-container {position: absolute; top: 120px; right: 20px; bottom: 150px; left: 20px; background-color: rgba(0, 0, 0, 0.60); width: auto;}
	.th-reservation-box {}
}

/* Group reservation box */
/* =========================================================================================================================== */

.th-group-reservation-container {}
.th-group-reservation-box {position: absolute; bottom: 90px; right: 0; font-size: 30px; padding: 10px; background-color: rgba(0, 0, 0, 0.60); color: #fff; text-transform: uppercase; font-weight: 300; text-align: right; max-width: 500px; padding: 25px;}
.th-group-reservation-box a {color: #fff;}

.th-group-reservation-container .th-group-reservation-box .th-menu-title {font-weight: 700; font-size: 30px; text-align: center; padding-bottom: 15px;}

.th-group-reservation-container .th-btn-container {display: inline-block; padding: 5px;}
.th-group-reservation-container .th-btn-container a.th-lg-container {display: flex; height: 60px; width: 60px; align-items: center; justify-content: center; background-color: #fff; border-radius: 50px; font-size: 25px; font-weight: 600; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; color: #000;}
.th-group-reservation-container .th-btn-container a.th-lg-container:hover {background-color: #000; color: #fff; text-decoration: none;}


@media (max-width : 767px) {
	.th-group-reservation-container {padding: 25px;}
	.th-group-reservation-box {position: inherit; max-width: none; text-align: center; font-size: 20px;}
}

/* About page */
/* =========================================================================================================================== */

.th-about-box {position: absolute; top: 0; bottom: 90px; right: 0; background-color: #ef7800; width: 650px; color: #000;}

.th-about-box .th-about-container {position: absolute; top: 35px; right: 35px; bottom: 35px; left: 35px; color: #fff; overflow-y: scroll; font-size: 20px;}
.th-about-box.has-vertical-overflow .th-about-container {bottom: 70px;}
.th-about-box .th-scroll-icon {display: none;}
.th-about-box.has-vertical-overflow .th-scroll-icon {display: block; position: absolute; bottom: 30px; right: 0; left: 0; text-align: center; color: #fff; font-size: 12px;}

.th-about-box .th-about-container .th-logo {}
.th-about-box .th-about-text-container {padding-top: 50px; padding-bottom: 20px;}
.th-about-box .th-about-text-container p {font-weight: 300; text-align: justify;}
.th-about-box .th-about-text-container a {color: #fff;}
.th-about-box .th-team-photo-box {padding: 20px 0;}
.th-about-box .th-team-photo-box img {width: 100%;}
.th-about-box .th-signature-container {padding: 20px 0;}
.th-about-box .th-signature-container img {width: 100%; max-width: 300px;}

.th-about-box .th-img-admin-box {padding: 15px 15px 30px 15px;}
.th-about-box .th-img-admin-box img {width: 100%; max-width: 250px;}

@media (max-width : 991px) {
	
	.th-about-us-page .th_menu_t8_menu-icon.th-close span:before,
	.th-about-us-page .th_menu_t8_menu-icon.th-close span:after {background-color: #000;} /*Color for menu closing icon*/
	
	.th-about-us-page .th-menu-toggle-container .th-txt-box {
	color: #fff;
	}

	.th-about-us-page .th_menu_t8_menu-icon span, .th-about-us-page .th_menu_t8_menu-icon span::before, .th-about-us-page .th_menu_t8_menu-icon span::after {
	}
	
	.th-about-box {position: absolute; top: 100px; right: 20px; bottom: 150px; left: 20px; background-color: #ef7800; width: auto;}
	.th-about-box .th-about-container .th-logo {text-align: center;}
}

/* Footer */
/* =========================================================================================================================== */

.th-footer {position: absolute; bottom: 15px; right: 20px; text-align: right;}
.th-footer p {color: #000; padding: 5px;}
.th-footer p a {color: #000; text-decoration: underline;}
.th-footer .th-socials-footer-container {padding: 10px 0; font-size: 20px; display: none; padding: 5px; padding-bottom: 15px;}
.th-footer .th-socials-footer-container a {color: #fff;}

.th-footer .th-copyright {font-size: 12px; color: #000;}
.th-footer .th-copyright a {color: #fff;}
.th-footer .th-copyright img {width: 15px;}

body.about .th-footer .th-socials-footer-container, body.about .th-footer p, body.about .th-footer p a, body.about .th-footer .th-socials-footer-container a {background-color: rgba(255, 255, 255, 0);}

@media (max-width : 767px) {
	.th-footer {text-align: center; left: 20px;}
	.th-footer .th-socials-footer-container {display: inline-block;}
	.th-footer .th-socials-footer-container p {display: inline-block;}
}


/* Section # */
/* =========================================================================================================================== */
/* =========================================================================================================================== */