@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 {font-weight: 300; font-size: 13px; text-align: justify;}

.th-custom-design-button {}

.th-title-cat-intro {font-family: "Lato",sans-serif; font-size: 13px;}
.th-title-cat-intro a {color: #000;}
.th-title-cat-intro i {padding-right: 10px;}
.th-title-cat-intro:hover {text-decoration: underline;}
.th-title-cat-general {font-family: "Lato",sans-serif; text-transform: uppercase; font-size: 26px; color: #000; font-weight: 500;}
.th-title-underline {height: 1px; background-color: #000; margin: 15px 0;}


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



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

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

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

/* Header # */
/* ===================================================================================================== */

#th-header {background-image:url(/_custom_design/img/header.jpg); background-position: center center; background-size: cover; padding-top: 100px;}
#th-header .th-bg-opacity {padding-top: 170px; padding-bottom: 170px; background-color: rgba(0, 0, 0, 0.75);}
#th-header .th-box {text-align: center;}
#th-header .th-title-intro {font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 600; color: #fff;}
#th-header .th-title-line-1 {font-family: 'Lato', sans-serif; font-weight: 300; color: #fff; font-size: 50px; line-height: normal; padding-bottom: 20px;}
#th-header .th-title-line-1 span {color: #fada27; font-weight: 700}
#th-header .th-title-line-2 {font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; color: #fff; padding-bottom: 30px;}
#th-header .th-button {font-family: proxima-nova, sans-serif; background-color: rgba(255, 255, 255, 0.26); border: 1px solid #fff; color: #fff; display: inline-block; padding: 12px 30px; font-size: 13px; font-weight: 500; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; border-radius: 15px; min-width: 200px; margin: 5px;}
#th-header .th-button:hover {background-color: #fff; text-decoration: none; color: #000;}
#th-header .th-button i {color: #fff; padding-right: 15px; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
#th-header .th-button:hover i {color: #000;}
#th-header .th-plain {background-color: #fff; color: #000;}
#th-header .th-plain i {color: #000;}

@media (max-width : 990px) {
    #th-header {background-attachment: inherit;}
    #th-header .th-box-logo {padding: 3% 15%;}   
}

@media (max-width : 667px) {
    #th-header {padding-top: 0px;}
    #th-header .th-bg-opacity {background-color: rgba(0, 0, 0, 0.69);}
    #th-header .th-box-logo {padding: 3% 5%;}
    #th-header .th-box {text-align: center;}
    #th-header .th-button {min-width: auto; font-size: 12px;}
}

/* Agenda # */
/* ===================================================================================================== */

#th-agenda {padding: 50px 0;}
#th-agenda .th-container {display: grid; grid-template-columns: 50% 50%;}
#th-agenda .th-container .th-box-container {padding: 10px;}
#th-agenda .th-container .th-box-container .th-box {height: 150px; border-radius: 10px; background-position: center center; background-size: cover; position: relative; box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2); transition: all 0.3s;}
#th-agenda .th-container .th-box-container .th-box:hover {transform: scale(1.02);}
#th-agenda .th-container .th-box-container:nth-child(1) .th-box {background-image:url(/_custom_design/img/fashion.jpg);}
#th-agenda .th-container .th-box-container:nth-child(2) .th-box {background-image:url(/_custom_design/img/food.jpg);}
#th-agenda .th-container .th-box-container .th-box .th-opacity {background-color: rgba(0, 0, 0, 0.18); position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 10px; display: flex; justify-content: center; align-items: center;}
#th-agenda .th-container .th-box-container .th-box .th-opacity .th-text-container {padding: 10px;}
#th-agenda .th-container .th-box-container .th-box .th-opacity .th-text-container .th-title {color: #fff; font-size: 30px; text-shadow: 1px 0px 4px rgba(0,0,0,0.51); text-transform: uppercase; font-weight: 300;}


@media (max-width : 500px) {
    #th-agenda .th-container {grid-template-columns: 100%;}
}

/* News */
/* ===================================================================================================== */

.th-news {padding: 30px 0;}
.th-news .th-titles {padding: 0 20px;}
.th-news .th-news-grid-container {display: grid; grid-template-columns: 30% auto;}
.th-news .th-news-grid-container .th-img-container {padding: 20px;}
.th-news .th-news-grid-container .th-img-container img {width: 100%;}
.th-news .th-news-grid-container .th-txt-container {padding: 10px 20px}
.th-news .th-news-grid-container .th-txt-container .th-title {padding: 15px 0; font-weight: 800; font-size: 18px;}
.th-news .th-news-grid-container .th-txt-container .th-paragraph {font-weight: 300;}
.th-news .th-news-grid-container .th-txt-container .th-paragraph span {font-weight: 600; text-transform: uppercase;}
.th-news .th-news-grid-container .th-txt-container .th-paragraph i {padding-left: 5px;}

@media (max-width : 767px) {
    .th-news .th-news-grid-container {grid-template-columns: 100%;}
}

/* Business */
/* ===================================================================================================== */

#th-business {padding: 30px 0;}
#th-business .th-container {display: grid; grid-template-columns: 25% 25% 25% 25%; padding-bottom: 70px}
#th-business .th-container .th-box-container {padding: 5px;}
#th-business .th-container .th-box-container .th-box {height: 150px; background-position: center center; background-size: cover; position: relative; box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2); transition: all 0.3s; overflow: hidden; border-radius: 8px; -webkit-mask-image: -webkit-radial-gradient(white, black);}
#th-business .th-container .th-box-container .th-box img {object-fit: cover; width: 100%; height: 100%; transition: all 0.3s;}
#th-business .th-container .th-box-container .th-box:hover img {transform: scale(1.1);}
#th-business .th-container .th-box-container .th-box {background-image:url(/_custom_design/img/wg_thumb.jpg);}
#th-business .th-container .th-box-container .th-box .th-opacity {background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.68)); position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; display: flex; align-items: flex-end;}
#th-business .th-container .th-box-container .th-box .th-opacity .th-text-container {color: rgb(255, 255, 255); padding: 15px;}
#th-business .th-container .th-box-container .th-box .th-opacity .th-text-container .th-title {font-family: proxima-nova, sans-serif; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 15px;}
#th-business .th-container .th-box-container .th-box .th-opacity .th-text-container .th-subtitle {font-family: 'Montserrat', sans-serif; color: #fff; font-size: 13px;}


@media (max-width : 991px) {
    #th-business .th-container {grid-template-columns: 33.33% 33.34% 33.33%; padding-bottom: 70px}
}

@media (max-width : 500px) {
    #th-business .th-container {grid-template-columns: 50% 50%;}
}

/* contact.php # */
/* ===================================================================================================== */

.th-contact-map-container {height: 300px; overflow: hidden; border-radius: 10px; margin: 25px 0; display: flex; align-items: flex-start; -webkit-mask-image: -webkit-radial-gradient(white, black);}
.th-contact-map-container img {width: 100%; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
.th-contact-map-container img:hover {transform: scale(1.2);}

#th-contact {padding-top: 150px;}
#th-contact .th-contact-info {padding: 30px 0;}
#th-contact .th-contact-info i {padding-right: 15px;}

#th-contact .th-contact-info a {color: #000;}

/* watgalerie.php # */
/* ===================================================================================================== */

#th-wat {padding: 150px 0 0 0;}
#th-wat .th-img-container {height: 300px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-bottom: 25px;}
#th-wat .th-img-container img {width: 100%;}
#th-wat .th-paragraph {column-count: 2; column-gap: 40px; padding: 20px 0;}

@media (max-width : 500px) {
    #th-wat .th-paragraph {column-count: 1;}
}

/* Footer */
/* ------------------------------------------------------------------------------------- */

#th-footer {background-color: #000;}
#th-footer .th-custom-design-title-underline {width: auto;}
#th-footer .th-grid-container {display: grid; grid-template-columns: 50% 50%; padding: 15px;}
#th-footer .th-grid-container .th-box-container {}
#th-footer .th-grid-container .th-box-container h1 {color: #fff; font-weight: 300; font-size: 17px;}
#th-footer .th-grid-container .th-box-container h2 {font-family: proxima-nova, sans-serif; color: #fff; font-weight: 600; font-size: 17px; margin: 30px 0; line-height: 30px; padding: 0;}
#th-footer .th-grid-container .th-box-container .th-box-left {padding-right: 5%;}
#th-footer .th-grid-container .th-box-container .th-box-left p {font-size: 11px; color: #fff; font-weight: 300;}
#th-footer .th-grid-container .th-box-container .th-box-right {color: #000000; text-align: right;}
#th-footer .th-grid-container .th-box-container .th-box-right .th-socials i {color: #fff; padding-right: 5px; font-size: 18px;}
#th-footer .th-grid-container .th-box-container .th-box-right .th-socials i:hover {color: #b7ac88;}
#th-footer .th-underline {height: 1px; background-color: #414141; margin-top: 15px; margin-bottom: 20px;}
#th-footer .th-copyright {text-align: right; color: #fff; font-size: 11px; padding-bottom: 20px;}
#th-footer .th-copyright a {color: #fff;}
#th-footer .th-copyright a:hover {text-decoration: underline;}

@media (max-width : 600px) {
    #th-footer .th-grid-container {grid-template-columns: 100%;}
}