@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=Patua+One&display=swap'); /* font-family: 'Patua One', cursive; */

/* _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; scroll-behavior: smooth;}
body {font-family: "Lato",sans-serif; min-width: 350px; color: #000;}

.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-family: 'Patua One', cursive; font-weight: 600; font-size: 70px; padding-bottom: 20px;}
.th-custom-design-paragraph-title-underline {}
.th-custom-design-paragraph-subtitle {}
.th-custom-design-paragraph-text {font-size: 20px;}

@media (max-width : 1199px) {
    .th-custom-design-paragraph-title {font-size: 40px;}
}

a.th-custom-design-button {border: 1px solid #000; padding: 10px 20px; color: #000;}
a.th-custom-design-button:hover {background-color: #000; color: #fff; text-decoration: none;}

.th-custom-class-1 {font-size: 22px;}
.th-custom-class-2 {font-size: 20px;}
.th-custom-class-3 {font-size: 18px;}
.th-custom-class-4 {font-size: 16px;}
.th-custom-class-5 {font-size: 10px;}

.th-custom-color-class-1 {color: #b90000;}
.th-custom-color-class-2 {color: #00b900;}
.th-custom-color-class-3 {color: #0095b9;}
.th-custom-color-class-4 {color: #0032b9;}
.th-custom-color-class-5 {color: #b900b9;}

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



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

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

/* Lateral container */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-lateral-container {position: fixed; top: 0; bottom: 0; left: 0; z-index: 20; background-color: #2a3b8b; display: flex; align-items: center; justify-content: center; padding: 100px; width: 600px;}
.th-lateral-container .th-lateral-txt-box {text-align: center;}
.th-lateral-container .th-lateral-txt-box .th-lateral-logo-box {padding: 10px 0;}
.th-lateral-container .th-lateral-txt-box .th-lateral-logo-box img {width: 100%; max-width: 250px;}
.th-lateral-container .th-lateral-txt-box .th-lateral-title {font-family: 'Patua One', cursive; font-size: 80px; font-weight: 600; color: #fff;}
.th-lateral-container .th-lateral-txt-box .th-lateral-subtitle {font-size: 25px; color: #fff;}
.th-lateral-container .th-lateral-socials-box {position: absolute; bottom: 30px;; right: 30px;}
.th-lateral-container .th-lateral-socials-box i {color: #fff; font-size: 25px; padding-left: 10px; -webkit-transition-duration: 0.2s; /* Safari */transition-duration: 0.2s;}
.th-lateral-container .th-lateral-socials-box i:hover {transform: scale(1.2)}

.th-lateral-container.th-after-scroll .th-lateral-txt-box .th-lateral-logo-box img {max-width: 200px;}

.th-main-page {padding-left: 300px;}

@media (max-width : 1199px) {
    .th-lateral-container {width: 400px; padding: 50px;}
    .th-main-page {padding-left: 200px;}
    .th-lateral-container .th-lateral-txt-box .th-lateral-title {font-size: 60px; font-weight: 600; color: #fff;}
}

@media (max-width : 991px) {
    .th-lateral-container {display: none;}
    .th-main-page {padding-left: 0; margin-top: 0;}
}

@media (max-width: 500px) {

}

/* Header section */ 
/* ===================================================================================================== */

.th-header-section {position: relative; height: 100vh;}
.th-header-section .th-opacity {background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; display: flex; align-items: center; justify-content: center;}

.th-header-section .th-opacity .th-box {text-align: center; padding: 20px;}
.th-header-section .th-opacity .th-box .th-subtitle-line {font-size: 16px; text-transform: uppercase; letter-spacing: 4px; color: #fff;}
.th-header-section .th-opacity .th-box .th-title-line {font-size: 40px; color: #fff;}
.th-header-section .th-logo-top-box {text-align: center; display: none; z-index: 20; padding-bottom: 20px;}
.th-header-section .th-logo-top-box img {width: 100%; max-width: 200px;}

.th-header-section .th-scroll-box {position: absolute; left: 0; bottom: 25px; right: 0; text-align: center; z-index: 20;}
.th-header-section .th-scroll-box i {font-size: 40px; color: #f0f0f0;}

.th_carousel_type_1 {margin-top: 0; width: 100%;}
.th_carousel_type_1 .th-container {padding-left: 0px; padding-right: 0px; position: relative;}
.th_carousel_type_1 .owl-carousel .owl-item .item {padding-bottom: none; height: 100vh;}
.th_carousel_type_1 .owl-carousel .owl-item .item .th-item {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; background-position: center center;}

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

@media (max-width : 1199px) {
}

@media (max-width : 991px) {
    .th-header-section .th-logo-top-box {display: block;}
    .th-header-section .th-opacity .th-box .th-title-line {font-size: 32px;}
}

@media (max-width : 767px) {

}

@media (max-width : 500px) {

}

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

.th-who-section {position: relative; padding: 100px; display: flex; justify-content: center; align-items: center; height: 100vh;}
.th-who-section .th-who-container {max-width: 700px;}
.th-who-section .th-who-container i {color: #f16623;}

.th-scroll-box {position: absolute; left: 0; bottom: 25px; right: 0; text-align: center;}
.th-scroll-box i {font-size: 40px; color: #f0f0f0;}

@media (max-width : 500px) {
    .th-who-section {height: auto; padding: 50px;}
    .th-who-section .th-scroll-box {display: none;}
}

/* Photos section */
/* =========================================================================================================================== */

.th-photos-section {position: relative; padding: 100px; display: flex; justify-content: center; align-items: center; height: 100vh;}

.th-photos-section .th-photo-gallery {position: relative; display: grid; grid-template-columns: 25% 25% 25% 25%;}
.th-photos-section .th-photo-gallery .th-photo-container {padding: 10px; display: flex; align-items: center; justify-content: center;}
.th-photos-section .th-photo-gallery .th-photo-container .th-photo-box {overflow: hidden;}
.th-photos-section .th-photo-gallery .th-photo-container .th-photo-box img {height: 250px; width: 250px; object-fit: cover; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
.th-photos-section .th-photo-gallery .th-photo-container .th-photo-box img:hover {transform: scale(1.05);}

@media (max-width : 1800px) {
    .th-photos-section .th-photo-gallery {grid-template-columns: 50% 50%;}
}

@media (max-width : 991px) {
    .th-photos-section {background-color: #ffba1f;}
    .th-photos-section .th-photo-gallery {grid-template-columns: 33.33% 33.34% 33.33%;}
}

@media (max-width : 767px) {
    .th-photos-section .th-photo-gallery .th-photo-container {padding: 5px;}
    .th-photos-section .th-photo-gallery {grid-template-columns: 50% 50%;}
    .th-photos-section .th-photo-gallery .th-photo-container .th-photo-box img {height: 150px; width: 150px; object-fit: cover; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}

}

@media (max-width : 500px) {
    .th-photos-section {height: auto;}
    .th-photos-section .th-scroll-box {display: none;}
}

/* Prices */
/* =========================================================================================================================== */

.th-prices {position: relative; padding: 100px; display: flex; justify-content: center; align-items: center; height: 100vh;}
.th-prices .th-prices-grid {display: grid; grid-template-columns: 50% 50%;}
.th-prices .th-prices-grid .th-img-container {text-align: center;}
.th-prices .th-prices-grid .th-img-container img {width: 100%; max-width: 300px;}
.th-prices .th-prices-grid .th-prices-container {border: 4px solid #000; padding: 30px; border-radius: 30px; display: flex; align-items: center;}
.th-prices .th-prices-grid .th-prices-container img {width: 100%; max-width: 5500px;}

@media (max-width : 1199px) {
    .th-prices .th-prices-grid {grid-template-columns: 100%;}
    .th-prices .th-prices-grid .th-img-container {padding: 20px 0;}
    .th-prices .th-prices-grid .th-img-container img {max-width: 150px;}
    .th-prices .th-prices-grid .th-prices-container img {width: 100%;}
    .th-prices  {height: auto;}
    .th-prices .th-scroll-box {display: none;}
}

@media (max-width : 991px) {

}

/* Opening hours */
/* =========================================================================================================================== */

.th-opening-hours-section {position: relative; padding: 100px; display: flex; justify-content: center; align-items: center; height: 100vh;}
.th-opening-hours-section .th-opening-hours-section-container {max-width: 700px;}
.th-opening-hours-section .th-opening-hours-grid {display: grid; grid-template-columns: 50% 50%;}
.th-opening-hours-section .th-opening-hours-grid .th-opening-hours-box {font-size: 20px;}
.th-opening-hours-section .th-img-box {position: absolute; right: 0; bottom: -100px;}
.th-opening-hours-section .th-img-box img {width: 350px;}

@media (max-width : 991px) {
    .th-opening-hours-section .th-opening-hours-grid {padding: 5px 0; width: 300px;}
    .th-opening-hours-section .th-img-box img {width: 200px;}
}

@media (max-width : 500px) {
    .th-opening-hours-section  {height: auto;}
    .th-opening-hours-section .th-scroll-box {display: none;}
}

/* Contact */
/* =========================================================================================================================== */

.th-contact-section {position: relative; padding: 100px; display: flex; justify-content: center; align-items: center; height: 100vh;}
.th-contact-section .th-contact-section-container {max-width: 700px;}
.th-contact-section .th-contact-section-container .th-contact-info-box {padding-bottom: 30px;}
.th-contact-section .th-contact-section-container i {padding-right: 10px;}
.th-contact-section .th-contact-section-container a {color: #000; font-size: 20px;}

@media (max-width : 500px) {
    .th-contact-section {height: auto;}
    .th-contact-section .th-scroll-box {display: none;}
}

/* Custom */
/* =========================================================================================================================== */

.th_menu_t8_menu-icon {display: inline-block; position: fixed; background-color: rgba(255, 255, 255, 0);}

.th_menu_t8_menu {background-color: #2a3b8b;}

.th_menu_t8_menu ul li a.th-main-link {
  display: block;
  font-size: 2.25rem;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0;
  padding: 5px 0;
  text-decoration: none;
  text-align: center;
    color: #fff;
}

.th_menu_t8_menu ul li .th-submenu a {
  text-align: center;
  color: #fff;
  font-weight: 300;
  padding: 0 5px;
  font-size: 20px;
  white-space: nowrap;
}

.th_menu_t8_menu ul li a.th-social-link {
  color: #fff; border: 1px solid #fff;
}

.th_menu_t8_menu-icon span, .th_menu_t8_menu-icon span::before, .th_menu_t8_menu-icon span::after {
  background: #fff;
}

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

.th_menu_t13 .th-main-menu-container {display: none;}
.th_menu_t13 .th-main-menu-container .th-menu-mobile-container {display: block;}

.th-contact-form-t1b form#contact-form .form-group {
  position: relative;
  padding-top: 0;
}

.th-contact-form-t1b form#contact-form .th-form-button-container {
  height: auto;
}

.th-contact-form-t1b form#contact-form .th-form-button-container .form-button {
  margin-top: 0;
}

.th-contact-form-t1b .input-lg {
  font-size: 14px;
}

.th-contact-form-t1b form#contact-form .form-control {
  box-shadow: none;
}

.th-contact-form-t1b .th-cf-container .th-cf-container-sub {
  padding: 20px 0;
}