@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; */

/* _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: 'neue-haas-grotesk-text', sans-serif; min-width: 350px;}

.th-title-group i {font-size: 15px; padding-right: 10px; color: #000;}
.th-title-group {text-align: center;}
.th-custom-design-title-intro {text-transform: uppercase; font-weight: 100; font-size: 13px; padding-left: 38px;}
.th-custom-design-title {font-weight: 900; font-size: 25px; padding-left: 20px; padding-bottom: 15px;}
.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 {}


.th-btn-grid {display: grid; grid-template-columns: 50% 50%;}
.th-btn-grid .th-btn-box {padding: 25px 0;}
a.th-custom-design-button {border: 2px solid #25734f; padding: 20px 20px; margin: 5px; border-radius: 15px; color: #fff; font-weight: 300; display: inline-block; font-size: 18px; background-color: #25734f; text-align: center;}
a.th-custom-design-button:hover {text-decoration: none; border: 2px solid #25734f; color: #25734f; background-color: rgba(37, 115, 79, 0);}

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

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

.th-header-grid {display: grid; grid-template-columns: 30% 70%; margin-top: 100px;}
.th-header-grid .th-img-container {background-image: url(_custom_content/img/header_img_01.jpg); background-position: center center; background-size: contain;}
.th-header-grid .th-img-container img {width: 100%;}
.th-header-grid .th-txt-container {display: flex; align-items: center; justify-content: center; padding: 25px;}
.th-header-grid .th-txt-container .th-group-title {text-align: center; }
.th-header-grid .th-txt-container .th-group-title .th-header-title {font-size: 40px; font-weight: 800; padding: 15px 0;}
.th-header-grid .th-txt-container .th-group-title .th-header-subtitle {font-size: 20px; font-weight: 400; padding: 15px 0;}
.th-header-grid .th-txt-container .th-group-title .th-img-box {}
.th-header-grid .th-txt-container .th-group-title .th-img-box img {width: 100%; max-width: 400px;}


@media (max-width : 767px) {
    .th-header-grid {grid-template-columns: 100%;}
    .th-header-grid .th-txt-container .th-group-title .th-header-subtitle {font-size: 20px;}
}

/* Header (hidden) */
/* =========================================================================================================================== */

.th-header {background-image: url(/_custom_content/img/header.jpg); background-position: left top; background-size: cover; height: 600px; position: relative; background-attachment: fixed;}
.th-header .th-opacity {background-color: rgba(0, 0, 0, 0.5); height: 600px;}
.th-header .th-layer {background-color: #030303; position: relative; clip-path: polygon(70% 0%, 100% 0%, 100% 100%, 50% 100%); -webkit-clip-path: polygon(70% 0%, 100% 0%, 100% 100%, 50% 100%); height: 600px; display: flex; align-items: center;}
.th-header .th-header-title-group {position: absolute; top: 0; right: 0; bottom: 0; left: 30%; display: flex; align-items: center; justify-content: flex-end; padding-right: 17%;}
.th-header .th-header-title-group .th-title {font-weight: 800; font-size: 50px; color: #fff; text-align: right; padding-bottom: 5px;}
.th-header .th-header-title-group .th-subtitle {font-weight: 300; font-size: 20px; color: #fff; text-align: right; padding: 10px 0;}
.th-header .th-header-title-group .th-btn-container {text-align: right;}
.th-header .th-header-title-group .th-btn-container .th-header-btn {background-color: #fff; padding: 5px 15px; border-radius: 50px; font-weight: 700; font-size: 16px; text-align: right; display: inline-block; margin: 10px 0;}


/* Services */
/* =========================================================================================================================== */

.th-services {padding: 30px 0; background-color: #f7f5f5;}
.th-services .th-title-group {padding-bottom: 30px;}
.th-services .th-title-group i {color: #3a7af4; font-size: 13px;}
.th-services .th-services-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%;}
.th-services .th-services-grid .th-services-container {padding: 20px;}
.th-services .th-services-grid .th-services-container .th-services-box {background-color: #fff; box-shadow: 0px 20px 20px 0 rgba(0, 0, 0, 0.1); min-height: 400px;}
.th-services .th-services-grid .th-services-container .th-services-box .th-img-container {}
.th-services .th-services-grid .th-services-container .th-services-box .th-img-container img {width: 100%;}
.th-services .th-services-grid .th-services-container .th-services-box .th-txt-group {padding: 20px;}
.th-services .th-services-grid .th-services-container .th-services-box .th-txt-group .th-title-intro {font-size: 14px; font-weight: 900;}
.th-services .th-services-grid .th-services-container .th-services-box .th-txt-group .th-title {font-size: 22px; font-weight: 900; padding-bottom: 10px;}
.th-services .th-services-grid .th-services-container .th-services-box .th-txt-group .th-txt {font-weight: 300;}


@media (max-width : 991px) {
    .th-services .th-services-grid .th-services-container {padding: 5px;}
    .th-services .th-services-grid .th-services-container .th-services-box {min-height: 400px;}
}

@media (max-width : 767px) {
    .th-services .th-services-grid {display: grid; grid-template-columns: 50% 50%;}
    .th-services .th-services-grid .th-services-container {padding: 5px;}
    .th-services .th-services-grid .th-services-container .th-services-box {min-height: 400px;}
}

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

.th-index .th-offer {padding: 30px 0; background-color: rgba(215, 104, 93, 0.05);}
.th-index .th-offer .th-offer-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%; padding: 0 50px;}
.th-index .th-offer .th-offer-grid .th-offer-container {border: 2px solid #d7685d; margin: 5px; padding: 10px; border-radius: 20px;}
.th-index .th-offer .th-offer-grid .th-offer-container .th-offer-box {}
.th-index .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-picto-container {padding: 15px 0; text-align: center;}
.th-index .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-picto-container img {max-height: 90px;}
.th-index .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-offer-title {font-size: 20px; font-weight: 900; color: #d7685d; text-align: center; padding: 10px 0;}
.th-index .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-offer-txt {font-size: 14px; font-weight: 300; color: #d7685d; text-align: center; min-height: 60px;}

.th-index .th-offer .th-offer-grid .th-offer-container .th-btn-container {text-align: center; padding: 20px 0;}
.th-index .th-offer .th-offer-grid .th-offer-container .th-btn-container .th-custom-design-button {padding: 12px 20px; border: 2px solid #d7685d; color: #d7685d; font-size: 14px; background-color: #d7685d; color: #fff;}
.th-index .th-offer .th-offer-grid .th-offer-container .th-btn-container .th-custom-design-button:hover {background-color: rgba(215, 104, 93, 0); color: #d7685d;}

@media (max-width : 991px) {
    .th-index .th-offer .th-offer-grid {grid-template-columns: 50% 50%;}
}

@media (max-width : 600px) {
    .th-index .th-offer .th-offer-grid {grid-template-columns: 100%;}
    .th-index .th-offer .th-offer-grid .th-offer-container {margin: 5px 0;}
}


/* Orgabroc - Description */
/* =========================================================================================================================== */

.th-orgabroc-description {text-align: center; padding-top: 50px;}
.th-orgabroc-description .th-title-description {font-size: 40px; font-weight: 800; padding: 15px 0; color: #000;}
.th-orgabroc-description .th-txt-description {font-size: 18px; padding: 15px;}

.th-orgabroc-description-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%; padding: 50px 0;}
.th-orgabroc-description-grid .th-orgabroc-description-container {padding: 5px;}
.th-orgabroc-description-grid .th-orgabroc-description-container .th-orgabroc-description-box {border: 2px solid #000; border-radius: 20px; padding: 20px; min-height: 260px;}
.th-orgabroc-description-grid .th-orgabroc-description-container .th-orgabroc-description-box .th-offer-icon {color: #d7685d; text-align: center; padding: 5px; font-size: 35px;}
.th-orgabroc-description-grid .th-orgabroc-description-container .th-orgabroc-description-box .th-offer-title {font-size: 20px; font-weight: 900; padding: 10px 0;}
.th-orgabroc-description-grid .th-orgabroc-description-container .th-orgabroc-description-box .th-offer-txt {font-size: 14px; font-weight: 300;}

/* Partners */
/* =========================================================================================================================== */

.th-partners {padding: 30px 0;}
.th-partners .th-partners-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%; padding: 50px 0;}
.th-partners .th-partners-grid a.th-partner-box {padding: 20px 20px; border-radius: 12px; margin: 10px; font-size: 18px; font-weight: 600; color: #333; background-color: #fff; box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.02); -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
.th-partners .th-partners-grid a.th-partner-box:hover {text-decoration: none; transform: scale(1.03)}
.th-partners .th-partners-grid a.th-partner-box .th-img-box {text-align: center;}
.th-partners .th-partners-grid a.th-partner-box .th-img-box img {width: 100%; max-height: 150px; width: auto;}
.th-partners .th-partners-grid a.th-partner-box p {text-align: center; margin: 15px 0;}

@media (max-width : 991px) {
    .th-partners .th-partners-grid {grid-template-columns: 50% 50%;}
    .th-partners .th-partners-grid a.th-partner-box .th-img-box img {max-height: 90px;}
}

/* contact */
/* =========================================================================================================================== */

.th-img-container-box {background-image: url(/_custom_design/img/index_img05.jpg); height: 500px; background-position: center center;}

/* contact */
/* =========================================================================================================================== */

.th-contact {padding: 30px;}

.th-contact .th-img-container {text-align: center; padding: 50px;}
.th-contact .th-img-container img {width: 100%; max-width: 500px;}

/* gestionnaire.php */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-gestionnaire .th-header {height: 300px; background-attachment: fixed;}
.th-gestionnaire .th-header .th-opacity {height: 300px;}
.th-gestionnaire .th-header .th-header-title-group {padding-top: 100px; padding-right: 2%; margin-top: 100px;}
.th-gestionnaire .th-header .th-title {font-size: 30px;}
.th-gestionnaire .th-header .th-subtitle {font-size: 14px;}

.th-gestionnaire .th-offer {padding: 30px 0; background-color: rgba(99, 191, 149, 0.05);}
.th-gestionnaire .th-offer .th-offer-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%; padding: 0 50px;}
.th-gestionnaire .th-offer .th-offer-grid .th-offer-container {padding: 10px; margin: 20px 0;}
.th-gestionnaire .th-offer .th-offer-grid .th-offer-container .th-offer-box {border: 2px solid #63bf95; border-radius: 20px; padding: 20px; min-height: 280px;}
.th-gestionnaire .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-picto-container {padding: 15px 0; text-align: center;}
.th-gestionnaire .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-picto-container img {max-width: 60px;}
.th-gestionnaire .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-offer-title {font-size: 20px; font-weight: 900; color: #63bf95; text-align: center; padding: 10px 0;}
.th-gestionnaire .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-offer-txt {font-size: 14px; font-weight: 300; color: #63bf95; text-align: center;}

@media (max-width : 991px) {
    .th-gestionnaire .th-header {background-attachment: inherit; background-position: center;}
    .th-gestionnaire .th-offer .th-offer-grid {grid-template-columns: 50% 50%;}
}

@media (max-width : 600px) {
    .th-gestionnaire .th-offer .th-offer-grid {grid-template-columns: 100%;}
    .th-gestionnaire .th-offer .th-offer-grid .th-offer-container {margin: 5px 0;}
}

@media (max-width : 500px) {
    .th-gestionnaire .th-header {height: 350px;}
    .th-gestionnaire .th-header .th-opacity {height: 350px;}
}

.th-gestionnaire .th-features {padding: 30px 0;}
.th-gestionnaire .th-features .th-title-group {color: #000;}
.th-gestionnaire .th-features .th-features-grid {display: grid; grid-template-columns: 50% 50%; grid-auto-rows: auto; padding: 30px 0;}

@media (max-width : 767px) {
    .th-gestionnaire .th-features .th-features-grid .th-feature-container {}
    .th-gestionnaire .th-features .th-features-grid .th-feature-img-container {margin: 30px 0;}
    .th-gestionnaire .th-features .th-features-grid .th-feature-container:nth-child(1) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3;}
    .th-gestionnaire .th-features .th-features-grid .th-feature-img-container:nth-child(2) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;} 
    .th-gestionnaire .th-features .th-features-grid .th-feature-img-container:nth-child(3) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4;}
    .th-gestionnaire .th-features .th-features-grid .th-feature-container:nth-child(4) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5;}
    .th-gestionnaire .th-features .th-features-grid .th-feature-container:nth-child(5) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 6; grid-row-end: 7;}
    .th-gestionnaire .th-features .th-features-grid .th-feature-img-container:nth-child(6) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6;}
    .th-gestionnaire .th-features .th-features-grid .th-feature-img-container:nth-child(7) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 7; grid-row-end: 8;}
    .th-gestionnaire .th-features .th-features-grid .th-feature-container:nth-child(8) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 8; grid-row-end: 9;}
    .th-gestionnaire .th-features .th-features-grid .th-feature-container:nth-child(9) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 10; grid-row-end: 11;}
    .th-gestionnaire .th-features .th-features-grid .th-feature-img-container:nth-child(10) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 9; grid-row-end: 10;}
}

.th-gestionnaire .th-features .th-features-grid .th-feature-container {display: flex; align-items: center;}
.th-gestionnaire .th-features .th-features-grid .th-feature-container .th-feature-box {border: 2px solid #000; border-radius: 20px; padding: 20px;}
.th-gestionnaire .th-features .th-features-grid .th-feature-container .th-feature-box .th-title-grid {display: grid; grid-template-columns: 50px auto; padding-bottom: 20px;}
.th-gestionnaire .th-features .th-features-grid .th-feature-container .th-feature-box .th-title-grid .th-bullet-number {text-align: center; background-color: #fff; height: 35px; width: 35px; border-radius: 50%; display: inline-block; padding-top: 1px; font-weight: 800; font-size: 20px; color: #2653a9;}
.th-gestionnaire .th-features .th-features-grid .th-feature-container .th-feature-box .th-title-grid .th-bullet-number {text-align: center; background-color: #000; height: 35px; width: 35px; border-radius: 50%; display: inline-block; padding-top: 3px; font-weight: 800; font-size: 20px; color: #fff;}
.th-gestionnaire .th-features .th-features-grid .th-feature-container .th-feature-box .th-title-grid .th-title {font-weight: 800; font-size: 18px; color: #000;}
.th-gestionnaire .th-features .th-features-grid .th-feature-container .th-feature-box .th-txt-grid {display: grid; grid-template-columns: 20px auto;}
.th-gestionnaire .th-features .th-features-grid .th-feature-container .th-feature-box .th-txt-grid .th-bullet-list {color: #000; font-size: 13px;}
.th-gestionnaire .th-features .th-features-grid .th-feature-container .th-feature-box .th-txt-grid .th-txt {color: #000; font-size: 13px; font-weight: 300; padding-left: 15px; text-align: justify; padding-bottom: 20px;}
.th-gestionnaire .th-features .th-features-grid .th-feature-container .th-feature-box .th-btn-container {text-align: center; padding: 10px 0;}
.th-gestionnaire .th-features .th-features-grid .th-feature-container .th-feature-box .th-features-btn {background-color: #fff; border-radius: 6px; padding: 7px 10px; font-weight: 700; color: #2653a9; display: inline-block; font-size: 13px;}
.th-gestionnaire .th-features .th-features-grid .th-feature-container .th-feature-box .th-features-btn i {color: #2653a9; font-size: 13px; padding-right: 5px;}

.th-gestionnaire .th-features .th-features-grid .th-feature-img-container {display: flex; justify-content: center; align-items: center; padding: 30px;}
.th-gestionnaire .th-features .th-features-grid .th-feature-img-container img {max-width: 300px;}

.th-gestionnaire .th-features .th-advantages-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%; padding: 30px;}
.th-gestionnaire .th-features .th-advantages-grid .th-advantages-container {padding: 10px;}
.th-gestionnaire .th-features .th-advantages-grid .th-advantages-container .th-advantages-box {background-color: #fff; border-radius: 15px; padding: 20px; text-align: center; height: 220px; border: 2px solid #63bf95;}
.th-gestionnaire .th-features .th-advantages-grid .th-advantages-container .th-advantages-box i {font-size: 35px; color: #63bf95;}
.th-gestionnaire .th-features .th-advantages-grid .th-advantages-container .th-advantages-box .th-title {color: #63bf95; font-weight: 700; font-size: 18px; padding: 10px 0;}
.th-gestionnaire .th-features .th-advantages-grid .th-advantages-container .th-advantages-box .th-txt {color: #63bf95; font-size: 13px; font-weight: 300; padding: 10px 0;}

@media (max-width : 991px) {
    .th-gestionnaire .th-features .th-advantages-grid {grid-template-columns: 50% 50%;}
}

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

.th-gestionnaire .th-features .th-price-container {text-align: center;}
.th-gestionnaire .th-features .th-price-container .th-intro-title {text-transform: uppercase; font-weight: 300; color: #000; font-size: 13px;}
.th-gestionnaire .th-features .th-price-container .th-intro {font-weight: 700; font-size: 55px; color: #000; padding-bottom: 15px;}
.th-gestionnaire .th-features .th-price-container .th-subtitle {font-weight: 700; font-size: 18px; color: #000;}
.th-gestionnaire .th-features .th-price-container .th-note {font-weight: 700; font-size: 11px; color: #000;}

.th-gestionnaire .th-features .th-insurance {color: #000; font-size: 12px; padding-bottom: 30px;}
.th-gestionnaire .th-features .th-insurance .th-list { padding: 15px}
.th-gestionnaire .th-features .th-insurance .th-list i { padding-right: 5px;}


.th-gestionnaire .th-features .th-demo-container {padding: 100px 0; border-top: 2px solid #25734f; border-bottom: 2px solid #25734f;}
.th-gestionnaire .th-features .th-support {padding: 30px 0;}

.th-gestionnaire .th-features .th-support-grid {display: grid; grid-template-columns: 25% 25% 25% 25%; padding: 30px;}
.th-gestionnaire .th-features .th-support-grid .th-support-container {border: 2px solid #000; margin: 5px; border-radius: 15px; padding: 20px;}
.th-gestionnaire .th-features .th-support-grid .th-support-container .th-support-box {text-align: center;}
.th-gestionnaire .th-features .th-support-grid .th-support-container .th-support-box i {color: #63bf95; font-size: 25px; padding: 10px 0;}
.th-gestionnaire .th-features .th-support-grid .th-support-container .th-support-box .th-txt {font-weight: 700; color: #000; font-size: 13px;}

@media (max-width : 991px) {
    .th-gestionnaire .th-features .th-support-grid {grid-template-columns: 33.33% 33.34% 33.33%;}
}

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

@media (max-width : 600px) {
    .th-gestionnaire .th-features .th-support-grid {grid-template-columns: 100%;}
}

/* design.php */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-design .th-header {height: 300px; background-attachment: fixed; background-position: center;}
.th-design .th-header .th-opacity {height: 300px;}
.th-design .th-header .th-header-title-group {padding-top: 100px; padding-right: 2%; margin-top: 100px;}
.th-design .th-header .th-title {font-size: 30px;}
.th-design .th-header .th-subtitle {font-size: 14px;}

.th-design .th-offer {padding: 30px 0; background-color: rgba(217, 146, 22, 0.05);}
.th-design .th-offer .th-offer-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%; padding: 0 50px;}
.th-design .th-offer .th-offer-grid .th-offer-container {padding: 10px; margin: 20px 0;}
.th-design .th-offer .th-offer-grid .th-offer-container .th-offer-box {border: 2px solid #d99216; border-radius: 20px; padding: 20px; min-height: 280px;}
.th-design .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-picto-container {padding: 15px 0; text-align: center;}
.th-design .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-picto-container img {max-width: 60px;}
.th-design .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-offer-title {font-size: 20px; font-weight: 900; color: #d99216; text-align: center; padding: 10px 0;}
.th-gestionnaire .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-offer-txt {font-size: 14px; font-weight: 300; color: #d99216; text-align: center;}

@media (max-width : 991px) {
    .th-design .th-header {background-attachment: inherit; background-position: center;}
    .th-design .th-offer .th-offer-grid {grid-template-columns: 50% 50%;}
}

@media (max-width : 600px) {
    .th-design .th-offer .th-offer-grid {grid-template-columns: 100%;}
    .th-design .th-offer .th-offer-grid .th-offer-container {margin: 5px 0;}
}

@media (max-width : 500px) {
    .th-design .th-header {height: 350px;}
    .th-design .th-header .th-opacity {height: 350px;}
}

.th-design .th-features {padding: 30px 0;}
.th-design .th-features .th-title-group {color: #000;}
.th-design .th-features .th-features-grid {display: grid; grid-template-columns: 50% 50%; grid-auto-rows: auto; padding: 30px 0;}

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

.th-design .th-features .th-features-grid .th-feature-container {margin: 10px;}
.th-design .th-features .th-features-grid .th-feature-container .th-feature-box {border: 2px solid #000; border-radius: 20px; padding: 20px;}
.th-design .th-features .th-features-grid .th-feature-container .th-feature-box .th-title-grid {display: grid; grid-template-columns: 50px auto; padding-bottom: 20px;}
.th-design .th-features .th-features-grid .th-feature-container .th-feature-box .th-title-grid .th-bullet-number {text-align: center; background-color: #fff; height: 35px; width: 35px; border-radius: 50%; display: inline-block; padding-top: 1px; font-weight: 800; font-size: 20px; color: #2653a9;}
.th-design .th-features .th-features-grid .th-feature-container .th-feature-box .th-title-grid .th-bullet-number {text-align: center; background-color: #000; height: 35px; width: 35px; border-radius: 50%; display: inline-block; padding-top: 3px; font-weight: 800; font-size: 20px; color: #fff;}
.th-design .th-features .th-features-grid .th-feature-container .th-feature-box .th-title-grid .th-title {font-weight: 800; font-size: 18px; color: #000;}
.th-design .th-features .th-features-grid .th-feature-container .th-feature-box .th-txt-grid {display: grid; grid-template-columns: 20px auto;}
.th-design .th-features .th-features-grid .th-feature-container .th-feature-box .th-txt-grid .th-bullet-list {color: #000; font-size: 13px;}
.th-design .th-features .th-features-grid .th-feature-container .th-feature-box .th-txt-grid .th-txt {color: #000; font-size: 13px; font-weight: 300; padding-left: 15px; text-align: justify; padding-bottom: 20px;}
.th-design .th-features .th-features-grid .th-feature-container .th-feature-box .th-btn-container {text-align: center; padding: 10px 0;}
.th-design .th-features .th-features-grid .th-feature-container .th-feature-box .th-features-btn {background-color: rgba(217, 146, 22, 0.05); border-radius: 6px; padding: 7px 10px; font-weight: 500; color: #d99216; display: inline-block; font-size: 13px;}
.th-design .th-features .th-features-grid .th-feature-container .th-feature-box .th-features-btn i {color: #000; font-size: 13px; padding-right: 5px;}

.th-design .th-features .th-advantages-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%; padding: 30px;}
.th-design .th-features .th-advantages-grid .th-advantages-container {padding: 10px;}
.th-design .th-features .th-advantages-grid .th-advantages-container .th-advantages-box {background-color: #fff; border-radius: 15px; padding: 20px; text-align: center; height: 220px;}
.th-design .th-features .th-advantages-grid .th-advantages-container .th-advantages-box i {font-size: 35px; color: #2196f3;}
.th-design .th-features .th-advantages-grid .th-advantages-container .th-advantages-box .th-title {color: #2653a9; font-weight: 700; font-size: 18px; padding: 10px 0;}
.th-design .th-features .th-advantages-grid .th-advantages-container .th-advantages-box .th-txt {color: #2653a9; font-size: 13px; font-weight: 300; padding: 10px 0;}

@media (max-width : 991px) {
    .th-design .th-features .th-advantages-grid {grid-template-columns: 50% 50%;}
}

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

.th-design .th-features .th-price-container {text-align: center;}
.th-design .th-features .th-price-container .th-intro-title {text-transform: uppercase; font-weight: 300; color: #000; font-size: 13px;}
.th-design .th-features .th-price-container .th-intro {font-weight: 700; font-size: 55px; color: #000; padding-bottom: 15px;}
.th-design .th-features .th-price-container .th-subtitle {font-weight: 700; font-size: 18px; color: #000;}
.th-design .th-features .th-price-container .th-note {font-weight: 700; font-size: 11px; color: #000;}

.th-design .th-features .th-insurance {color: #000; font-size: 12px; padding-bottom: 30px;}
.th-design .th-features .th-insurance .th-list { padding: 15px}
.th-design .th-features .th-insurance .th-list i { padding-right: 5px;}

.th-design .th-features .th-support-grid {display: grid; grid-template-columns: 25% 25% 25% 25%; padding: 30px;}
.th-design .th-features .th-support-grid .th-support-container {border: 2px solid #fff; margin: 5px; border-radius: 15px; padding: 20px;}
.th-design .th-features .th-support-grid .th-support-container .th-support-box {text-align: center;}
.th-design .th-features .th-support-grid .th-support-container .th-support-box i {color: #2196f3; font-size: 25px; padding: 10px 0;}
.th-design .th-features .th-support-grid .th-support-container .th-support-box .th-txt {font-weight: 700; color: #fff; font-size: 13px;}

@media (max-width : 991px) {
    .th-design .th-features .th-support-grid {grid-template-columns: 33.33% 33.34% 33.33%;}
}

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

@media (max-width : 600px) {
    .th-design .th-features .th-support-grid {grid-template-columns: 100%;}
}

/* design.php */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-social .th-header {height: 300px; background-attachment: fixed; background-position: center;}
.th-social .th-header .th-opacity {height: 300px;}
.th-social .th-header .th-header-title-group {padding-top: 100px; padding-right: 2%; margin-top: 100px;}
.th-social .th-header .th-title {font-size: 30px;}
.th-social .th-header .th-subtitle {font-size: 14px;}

.th-social .th-offer {padding: 30px 0; background-color: rgba(62, 125, 148, 0.05)}
.th-social .th-offer .th-offer-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%; padding: 0 50px;}
.th-social .th-offer .th-offer-grid .th-offer-container {padding: 10px; margin: 20px 0;}
.th-social .th-offer .th-offer-grid .th-offer-container .th-offer-box {border: 2px solid #3e7d94; border-radius: 20px; padding: 20px; min-height: 280px;}
.th-social .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-picto-container {padding: 15px 0; text-align: center;}
.th-social .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-picto-container img {max-width: 60px;}
.th-social .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-offer-title {font-size: 20px; font-weight: 900; color: #3e7d94; text-align: center; padding: 10px 0;}
.th-social .th-offer .th-offer-grid .th-offer-container .th-offer-box .th-offer-txt {font-size: 14px; font-weight: 300; color: #3e7d94; text-align: center;}

@media (max-width : 991px) {
    .th-social .th-header {background-attachment: inherit; background-position: center;}
    .th-social .th-offer .th-offer-grid {grid-template-columns: 50% 50%;}
}

@media (max-width : 600px) {
    .th-social .th-offer .th-offer-grid {grid-template-columns: 100%;}
    .th-social .th-offer .th-offer-grid .th-offer-container {margin: 5px 0;}
}

@media (max-width : 500px) {
    .th-social .th-header {height: 350px;}
    .th-social .th-header .th-opacity {height: 350px;}
}

.th-social .th-features {padding: 30px 0;}
.th-social .th-features .th-title-group {color: #000;}
.th-social .th-features .th-features-grid {display: grid; grid-template-columns: 50% 50%; grid-auto-rows: auto; padding: 30px 0;}

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

.th-social .th-features .th-features-grid .th-feature-container {margin: 10px;}
.th-social .th-features .th-features-grid .th-feature-container .th-feature-box {border: 2px solid #000; border-radius: 20px; padding: 20px;}
.th-social .th-features .th-features-grid .th-feature-container .th-feature-box .th-title-grid {display: grid; grid-template-columns: 50px auto; padding-bottom: 20px;}
.th-social .th-features .th-features-grid .th-feature-container .th-feature-box .th-title-grid .th-bullet-number {text-align: center; background-color: #fff; height: 35px; width: 35px; border-radius: 50%; display: inline-block; padding-top: 1px; font-weight: 800; font-size: 20px; color: #2653a9;}
.th-social .th-features .th-features-grid .th-feature-container .th-feature-box .th-title-grid .th-bullet-number {text-align: center; background-color: #000; height: 35px; width: 35px; border-radius: 50%; display: inline-block; padding-top: 3px; font-weight: 800; font-size: 20px; color: #fff;}
.th-social .th-features .th-features-grid .th-feature-container .th-feature-box .th-title-grid .th-title {font-weight: 800; font-size: 18px; color: #000;}
.th-social .th-features .th-features-grid .th-feature-container .th-feature-box .th-txt-grid {display: grid; grid-template-columns: 20px auto;}
.th-social .th-features .th-features-grid .th-feature-container .th-feature-box .th-txt-grid .th-bullet-list {color: #000; font-size: 13px;}
.th-social .th-features .th-features-grid .th-feature-container .th-feature-box .th-txt-grid .th-txt {color: #000; font-size: 13px; font-weight: 300; padding-left: 15px; text-align: justify; padding-bottom: 20px;}
.th-social .th-features .th-features-grid .th-feature-container .th-feature-box .th-btn-container {text-align: center; padding: 10px 0;}
.th-social .th-features .th-features-grid .th-feature-container .th-feature-box .th-features-btn {background-color: rgba(217, 146, 22, 0.05); border-radius: 6px; padding: 7px 10px; font-weight: 500; color: #d99216; display: inline-block; font-size: 13px;}
.th-social .th-features .th-features-grid .th-feature-container .th-feature-box .th-features-btn i {color: #000; font-size: 13px; padding-right: 5px;}

.th-social .th-features .th-advantages-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%; padding: 30px;}
.th-social .th-features .th-advantages-grid .th-advantages-container {padding: 10px;}
.th-social .th-features .th-advantages-grid .th-advantages-container .th-advantages-box {background-color: #fff; border-radius: 15px; padding: 20px; text-align: center; height: 220px;}
.th-social .th-features .th-advantages-grid .th-advantages-container .th-advantages-box i {font-size: 35px; color: #2196f3;}
.th-social .th-features .th-advantages-grid .th-advantages-container .th-advantages-box .th-title {color: #2653a9; font-weight: 700; font-size: 18px; padding: 10px 0;}
.th-social .th-features .th-advantages-grid .th-advantages-container .th-advantages-box .th-txt {color: #2653a9; font-size: 13px; font-weight: 300; padding: 10px 0;}

@media (max-width : 991px) {
    .th-social .th-features .th-advantages-grid {grid-template-columns: 50% 50%;}
}

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

.th-social .th-features .th-price-container {text-align: center;}
.th-social .th-features .th-price-container .th-intro-title {text-transform: uppercase; font-weight: 300; color: #000; font-size: 13px;}
.th-social .th-features .th-price-container .th-intro {font-weight: 700; font-size: 55px; color: #000; padding-bottom: 15px;}
.th-social .th-features .th-price-container .th-subtitle {font-weight: 700; font-size: 18px; color: #000;}
.th-social .th-features .th-price-container .th-note {font-weight: 700; font-size: 11px; color: #000;}

.th-social .th-features .th-insurance {color: #000; font-size: 12px; padding-bottom: 30px;}
.th-social .th-features .th-insurance .th-list { padding: 15px}
.th-social .th-features .th-insurance .th-list i { padding-right: 5px;}

.th-social .th-features .th-support-grid {display: grid; grid-template-columns: 25% 25% 25% 25%; padding: 30px;}
.th-social .th-features .th-support-grid .th-support-container {border: 2px solid #fff; margin: 5px; border-radius: 15px; padding: 20px;}
.th-social .th-features .th-support-grid .th-support-container .th-support-box {text-align: center;}
.th-social .th-features .th-support-grid .th-support-container .th-support-box i {color: #2196f3; font-size: 25px; padding: 10px 0;}
.th-social .th-features .th-support-grid .th-support-container .th-support-box .th-txt {font-weight: 700; color: #fff; font-size: 13px;}

@media (max-width : 991px) {
    .th-social .th-features .th-support-grid {grid-template-columns: 33.33% 33.34% 33.33%;}
}

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

@media (max-width : 600px) {
    .th-social .th-features .th-support-grid {grid-template-columns: 100%;}
}

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

#th-footer {background-color: #eee;}
#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: #4b4b4b; font-weight: 300; font-size: 17px;}
#th-footer .th-grid-container .th-box-container h2 {font-family: proxima-nova, sans-serif; color: #4b4b4b; 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: #4b4b4b; 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: #4b4b4b; padding-right: 5px; font-size: 18px;}
#th-footer .th-grid-container .th-box-container .th-box-right .th-socials i:hover {color: #000;}
#th-footer .th-underline {height: 1px; background-color: #414141; margin-top: 15px; margin-bottom: 20px;}
#th-footer .th-copyright {text-align: right; color: #4b4b4b; font-size: 11px; padding-bottom: 20px;}
#th-footer .th-copyright a {color: #4b4b4b;}
#th-footer .th-copyright a:hover {text-decoration: underline;}

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

/* Paiement */
/* =========================================================================================================================== */

.th-payment {padding: 100px 0;}
.th-payment .th-top-container {background-color: #212224; color: #fff; font-weight: 600; font-size: 30px; padding: 15px 0;}
.th-payment .th-top-container {background-color: #212224; color: #fff; font-weight: 600; font-size: 30px; padding: 15px 0;}
.th-payment .th-payment-content {background-color: #ecf0f5; padding: 30px 0;}
.th-payment .th-payment-content .th-content-grid {display: grid; grid-template-columns: 50% 50%;}
.th-payment .th-payment-content .th-content-grid .th-payment-box {background-color: #fff; margin: 10px;}
.th-payment .th-payment-content .th-content-grid .th-payment-box .th-payment-title {text-align: center; font-size: 25px; padding: 20px 20px 0 20px; font-weight: 600;}
.th-payment .th-payment-content .th-content-grid .th-payment-box .th-txt-container {text-align: center; padding: 30px 15px;}
.th-payment .th-payment-content .th-content-grid .th-payment-box .th-txt-container .th-btn-payment {background-color: #212224; color: #fff; font-weight: 600; display: inline-block; padding: 10px 15px; border-radius: 10px; margin: 15px 0;}


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

.th-payment .th-payment-content .th-payment-methods .th-payment-box {background-color: #fff; margin: 10px;}
.th-payment .th-payment-content .th-payment-methods .th-payment-box .th-payment-title {text-align: center; font-size: 25px; padding: 20px 20px 0 20px; font-weight: 600;}
.th-payment .th-payment-content .th-payment-methods .th-payment-box .th-txt-container {text-align: center; padding: 30px 15px;;}
.th-payment .th-payment-content .th-payment-methods .th-payment-box .th-txt-container .th-btn-grey {background-color: #d3d6dd; color: #494949; font-weight: 600; display: inline-block; padding: 10px 15px; border-radius: 10px; margin: 15px 0;}
.th-payment .th-payment-content .th-payment-methods .th-payment-box .th-txt-container .th-btn-grey:hover {background-color: #b6b8bc; text-decoration: none;}
.th-payment .th-payment-content .th-payment-methods .th-payment-box .th-txt-container .th-payment-methods-grid {display: grid; grid-template-columns: 20% 20% 20% 20% 20%; padding: 20px;}
.th-payment .th-payment-content .th-payment-methods .th-payment-box .th-txt-container .th-payment-methods-grid a.th-payment-methods-box {margin: 5px;}
.th-payment .th-payment-content .th-payment-methods .th-payment-box .th-txt-container .th-payment-methods-grid .th-payment-methods-box img {width: 100%; max-width: 100px; box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.02); border-radius: 20px;}

@media (max-width : 500px) {
    .th-payment .th-payment-content .th-payment-methods .th-payment-box .th-txt-container .th-payment-methods-grid {grid-template-columns: 100%;}
}