@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i'); /* font-family: 'Lato', 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: "Lato",sans-serif; min-width: 350px;}

.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 {}
.th-custom-design-paragraph-title-underline {}
.th-custom-design-paragraph-subtitle {}
.th-custom-design-paragraph-text {}

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-h1 {}
.th-custom-h2 {}
.th-custom-h3 {}
.th-custom-h4 {}
.th-custom-h5 {}

.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: red;}
.th-custom-color-class-2 {color: blue;}
.th-custom-color-class-3 {color: green;}
.th-custom-color-class-4 {color: orange;}
.th-custom-color-class-5 {color: darkgray;}

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



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

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

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

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

.th-index-header {}

/* ── SWIPER WRAPPER ── */
.th-header-swiper { width: 100%; position: relative; overflow: hidden; }
.th-header-swiper .swiper { width: 100%; }
.th-container {max-width: 1300px; margin: 0 auto; padding: 0 15px;}

/* ── SLIDES ── */
.th-header-swiper .swiper-slide { width: 100%; height: 520px; position: relative; }
.th-header-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block;}
.th-header-swiper .swiper-slide::after { content: ''; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.4);;}

/* ── CAPTION ── */
.th-header-swiper .th-header-caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: calc(100% - 160px); max-width: 800px;   }
.th-header-swiper .th-header-caption p { margin: 0 0 12px 0; font-size: 2rem; font-weight: 400; opacity: 0.85; color: #fff; text-transform: uppercase; }
.th-header-swiper .th-header-caption h2 { margin: 0; font-size: clamp(1.6rem, 2.8vw, 3.6rem); font-weight: 700; letter-spacing: 0.01em; line-height: 1.2; color: #fff; text-transform: uppercase; text-shadow: 0 2px 12px rgba(0,0,0,.25);}

/* ── NAVIGATION ── */
.th-header-swiper .swiper-button-prev, .th-header-swiper .swiper-button-next { width: 46px; height: 46px; background: rgba(255,255,255,.12); border-radius: 50%; backdrop-filter: blur(6px); transition: background .2s; }
.th-header-swiper .swiper-button-prev:hover, .th-header-swiper .swiper-button-next:hover { background: rgba(255,255,255,.25); }
.th-header-swiper .swiper-button-prev::after, .th-header-swiper .swiper-button-next::after { font-size: 14px; color: #fff; font-weight: 700; }

/* ── PAGINATION ── */
.th-header-swiper .swiper-pagination-bullet { background: rgba(255,255,255,.4); opacity: 1; transition: background .2s, transform .2s; }
.th-header-swiper .swiper-pagination-bullet-active { background: #fff; transform: scale(1.3); }

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