@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://use.typekit.net/glb3gmd.css"); /* font-family: 'neue-haas-grotesk-text', sans-serif; */
@import url("https://use.typekit.net/znl4fav.css"); /* font-family: linotype-didot-headline, 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 {font-family: linotype-didot-headline, serif; font-style: italic; font-weight: 100; color: #b9b9b9; text-align: center; font-size: 17px;}
.th-custom-design-title {font-weight: 300; font-size: 25px; text-align: center;}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {text-align: center; font-weight: 300; color: #787878;}

.th-custom-design-paragraph-title-intro {}
.th-custom-design-paragraph-title {font-size: 18px; font-weight: 700;}
.th-custom-design-paragraph-title-underline {}
.th-custom-design-paragraph-subtitle {}
.th-custom-design-paragraph-text {font-size: 12px; font-weight: 300; color: #000; padding: 15px 0px; line-height: 1.8;}

.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 */
/* =========================================================================================================================== */
/* =========================================================================================================================== */


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

.th-header {background-image: url(/_custom_design/img/header.jpg); background-position: center center; background-size: cover; padding-top: 10%; padding-bottom: 10%;}
.th-header .th-bg-opacity {background-color: rgba(0, 0, 0, 0);}
.th-header .th-box {text-align: center;}
.th-header .th-box .th-title-line-1 {text-align: center; color: #fff; font-size: 40px; font-weight: 300; padding-bottom: 20px;}
.th-header .th-box .th-title-line-2 {font-family: linotype-didot-headline, serif; text-align: center; color: #fff; font-size: 18px; padding-bottom: 20px; font-style: italic;}
.th-header .th-button {background-color: #0f0f0f; border-radius: 50px; color: #fff; display: inline-block; padding: 10px 40px; font-size: 15px; font-weight: 300; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; margin: 0 5px;}
.th-header .th-button:hover {background-color: #000; text-decoration: none; color: #fff;}

.th-header .th-blank-bg {background-color: rgba(255, 255, 255, 0); color: #1fa39c;}
.th-header .th-blank-bg:hover {border: 1px solid #fff;; color: #fff; background-color: rgba(255, 255, 255, 0);}



@media (max-width : 990px) {
    .th-header {padding-top: 120px;}
    .th-header .th-title-line-1 {font-size: 100px;}
    .th-header .th-title-line-1 strong {white-space: nowrap;}
}

@media (max-width : 667px) {
    .th-header {padding-top: 80px;}
    .th-header .th-bg-opacity {background-color: rgba(0, 0, 0, 0); padding: 50px 0px 0px 0px;}
    .th-header .th-box {text-align: center;}
    .th-header .th-box .th-title-line-1 {text-align: center; color: #fff; font-size: 35px;}
    .th-header .th-box .th-title-line-2 {text-align: center; color: #fff; font-size: 16px;}
    .th-header .th-button {padding: 10px 35px; font-size: 14px; font-weight: 300; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; margin: 0 5px;}
}

/* Nos services */
/* =========================================================================================================================== */

.th-all-services {padding: 30px 0; background-color: #f7f7f7;}
.th-all-services .th-services-grid-container {display: grid; grid-template-columns: 33.33% 33.34% 33.33%; padding: 30px 0;}
.th-all-services .th-services-grid-container .th-service-box {margin: 15px; background-color: #fff; border-bottom: 2px solid #555555;}
.th-all-services .th-services-grid-container .th-service-box .th-img-container {overflow: hidden;}
.th-all-services .th-services-grid-container .th-service-box .th-img-container img {width: 100%;}
.th-all-services .th-services-grid-container .th-service-box .th-text-container {text-align: center; padding: 20px 15px; background-color: #fff;}

.th-all-services .th-services-grid-container .th-service-box .th-text-container .th-title-box {font-family: linotype-didot-headline, serif; font-style: italic; font-weight: 100; color: #8ed4cc; text-align: center; font-size: 15px;}

.th-all-services .th-services-grid-container .th-service-box .th-text-container .th-title-box img {height: 20px; width: auto;}
.th-all-services .th-services-grid-container .th-service-box .th-text-container .th-subtitle-box {text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 700; color: #262626;}
.th-all-services .th-services-grid-container .th-service-box .th-text-container .th-button {border-radius: 20px; background-color: #fff; text-transform: uppercase; color: #000; border: 1px solid #000; display: inline-block; padding: 7px 20px; font-size: 10px; font-weight: 300; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; margin: 5px 0; min-width: 180px;}
.th-all-services .th-services-grid-container .th-service-box .th-text-container .th-button:hover {background-color: #000; text-decoration: none; color: #fff;}

@media (max-width : 991px) {
    .th-all-services .th-services-grid-container {grid-template-columns: 33.33% 33.34% 33.33%;}
}

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

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

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

.th-about {padding: 30px 0;}
.th-about .th-about-grid {display: grid; grid-template-columns: 50% 50%;}
.th-about .th-about-grid .th-img-container {padding: 20px;}
.th-about .th-about-grid .th-img-container .th-img-box {}
.th-about .th-about-grid .th-img-container .th-img-box img {width: 100%;}
.th-about .th-about-grid .th-txt-container {padding: 20px;}
.th-about .th-about-grid .th-txt-container .th-txt-box {}
.th-about .th-about-grid .th-txt-container .th-txt-box .th-intro-title-title {font-family: linotype-didot-headline, serif; font-style: italic; font-weight: 100; color: #b9b9b9; font-size: 17px;}
.th-about .th-about-grid .th-txt-container .th-txt-box .th-title {font-weight: 300; font-size: 25px;}
.th-about .th-about-grid .th-txt-container .th-txt-box .th-txt {color: #767676;}

.th-about .th-about-grid .th-txt-container .th-txt-box .th-opening-hours-title {text-transform: uppercase; line-height: 3px; color: #8ed4cc;}
.th-about .th-about-grid .th-txt-container .th-txt-box .th-opening-hours-title i {padding-right: 15px;}
.th-about .th-about-grid .th-txt-container .th-txt-box .th-opening-hours-grid {display: grid; grid-template-columns: 50% 50%;}
.th-about .th-about-grid .th-txt-container .th-txt-box .th-opening-hours-grid .th-days-container {padding: 15px;}
.th-about .th-about-grid .th-txt-container .th-txt-box .th-opening-hours-grid .th-days-container:nth-child(1) {}

@media (max-width : 767px) {
    .th-about .th-about-grid {grid-template-columns: 100%;}
    .th-about .th-about-grid .th-txt-container .th-txt-box .th-intro-title-title {text-align: center;}
    .th-about .th-about-grid .th-txt-container .th-txt-box .th-title {text-align: center;}
    .th-about .th-about-grid .th-txt-container .th-txt-box .th-custom-design-paragraph-text {text-align: justify;}
    .th-about .th-about-grid .th-txt-container .th-txt-box .th-opening-hours-title {text-align: center;}
}

/* Galerie photos # */
/* ===================================================================================================== */
#th-gallery {padding: 30px 0;}
#th-gallery .th-center {text-align: center;}
#th-gallery .th-button {font-family: proxima-nova, sans-serif; background-color: rgba(0, 0, 0, 0); border: 1px solid #000; color: #000; display: inline-block; padding: 10px 20px; font-size: 13px; font-weight: 400; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; border-radius: 30px;}
#th-gallery .th-button:hover {background-color: #000; text-decoration: none; color: #fff;}

#th-grid {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: 18vw 18vw;
    padding-top: 30px;
}

#th-grid .th-box {position: relative; overflow: hidden; margin: 5px; overflow: hidden;}
#th-grid .th-box:nth-child(1) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3;}
#th-grid .th-box img {object-fit: cover; width: 100%; height: 100%; transition: all 1s;}
#th-grid .th-box:hover img {-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */ filter: blur(5px); transform: scale(1.2);}

#th-grid .th-opacity {background-color: rgba(255, 255, 255, 0); color: rgba(255, 255, 255, 0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition-delay: 0.1s; transition: 1s; align-items: center; justify-content: center; display: flex; justify-content: center; align-items: center;}
#th-grid .th-opacity .th-opacity-container {display: inline-block;}
#th-grid .th-opacity .th-line-1 {font-size: 30px; font-weight: 700; text-align: center;}
#th-grid .th-opacity .th-line-2 {font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 500; text-align: center; text-transform: uppercase;}

#th-grid .th-box:hover .th-opacity {background-color: rgba(0, 0, 0, 0.66); background-position: center; background-size: cover; color: #fff;}


@media (max-width : 767px) {
    #th-grid {grid-template-columns: 50% 50%; grid-template-rows: 50vw 50vw 35vw;}
    #th-grid .th-opacity .th-line-1 {font-size: 20px;}
    #th-grid .th-opacity .th-line-2 {font-size: 10px;}
}

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

.th-contact-info {background-color: #8ed4cc; padding: 30px 0;}
.th-contact-info .th-contact-info-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%;}
.th-contact-info .th-contact-info-grid .th-info-container {padding: 20px;}
.th-contact-info .th-contact-info-grid .th-info-container .th-icon-box {text-align: center; padding-bottom: 20px;}
.th-contact-info .th-contact-info-grid .th-info-container .th-icon-box img {height: 100%; max-height: 40px;}
.th-contact-info .th-contact-info-grid .th-info-container .th-title {text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 700; color: #fff; text-align: center;}
.th-contact-info .th-contact-info-grid .th-info-container .th-txt {font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 300; color: #fff; padding: 15px 0px; line-height: 1.8; text-align: center;}
.th-contact-info .th-contact-info-grid .th-info-container .th-txt a {color: #fff;}

@media (max-width : 767px) {
    .th-contact-info .th-contact-info-grid {grid-template-columns: 50% 50%;}
}

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

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

.th-contact-form {padding: 30px 0;}

/* Header - Small */
/* =========================================================================================================================== */

.th-header-small {background-image: url(/_custom_design/img/pedicure_medicale_large.jpg); background-position: center center; background-size: cover; padding-top: 10%; padding-bottom: 10%; height: 300px;}

/* Service page */
/* =========================================================================================================================== */

.th-service {background-color: #f7f7f7; padding: 30px 0;}
.th-service .th-box {background-color: #fff; padding: 30px;}
.th-service .th-title-group {}
.th-service .fa-li i {font-size: 10px;}