@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/css?family=Roboto+Slab:100,300,400,700');
/* font-family: 'Roboto Slab', serif; */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
/* font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
/* font-family: 'Open Sans', 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 {font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 300; text-align: center; padding: 50px 0px 10px 0px;}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 300; color: #4a4a4a; padding-bottom: 30px; text-align: center;}

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

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


/* thservices.php */
/* Header */ 
/* ===================================================================================================== */

#thservices-header {background-image:url(/_custom_design/img/header-3.jpg); background-position: center bottom; background-size: cover; text-align: right; margin-top: 100px;}
#thservices-header .th-opacity {background-color: rgba(0, 0, 0, 0); padding-top: 10%; padding-bottom: 10%;}
#thservices-header .th-box {padding-bottom: 60px; background-color: #000; display: inline-block; text-align: right; padding: 30px 10% 30px 5%;}
#thservices-header .th-box .th-title-line-1 {font-family: 'Roboto Slab', serif; font-size: 50px; font-weight: 800; color: #fff; Line-Height: 1; text-transform: none; padding-bottom: 20px;}
#thservices-header .th-title-line-1 span {color: #c19d7e;}
#thservices-header .th-title-line-2 {font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; color: #fff; padding-bottom: 30px;}
#thservices-header .th-button { border-radius: 20px; background-color: #fff; text-transform: uppercase; color: #000; display: inline-block; padding: 10px 30px; font-size: 12px; font-weight: 300; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
#thservices-header .th-button:hover {background-color: #c19d7e; text-decoration: none; color: #000; color: #fff;}

@media (max-width : 990px) {
    #thservices-header {padding-top: auto; }
    #thservices-header .th-opacity {background-color: rgba(0, 0, 0, 0.50); padding-top: 0; padding-bottom: 0;}
    #thservices-header .th-box {text-align: center; display: block; padding: 30px; background-color: rgba(0, 0, 0, 0);}
    #thservices-header .th-title-line-1 {font-size: 40px;}
    #thservices-header .th-title-line-1 strong {white-space: nowrap;}
    #thservices-header .th-title-line-2 {font-size: 12px;}
    #thservices-header .th-button {font-weight: 300;}
}

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

#th-services {}
#th-services .col-xs-12 {padding: 0;}
#th-services .th-custom-design-title {font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 200; text-align: center; padding: 50px 0px 10px 0px;}
#th-services .th-custom-design-title-subtitle {font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 300; color: #939393; padding-bottom: 30px; text-align: center; line-height: 1.5;}
#th-services .th-container {position: relative; height: 450px;}
#th-services .th-container .th-photo {position: absolute; top: 0; bottom: 0; text-align: center; padding: 40px; display: flex; align-items: center; justify-content: center;}
#th-services .th-container .th-text {position: absolute; top: 0; bottom: 0; background: #fff; padding: 5% 0% 5% 10%; display: flex; align-items: center; text-align: center;}
#th-services .th-container .th-text .th-text-container {}
#th-services .th-container:nth-child(2n+1) .th-photo {left: 50%; right: 0;}
#th-services .th-container:nth-child(2n+1) .th-text {left: 0; right: 50%;}
#th-services .th-container:nth-child(2n) .th-photo {left: 50%; right: 0;}
#th-services .th-container:nth-child(2n) .th-text {left: 0; right: 50%;}
#th-services .th-container .th-photo img {width: 60%;}
#th-services .th-container .th-text .th-title-box {font-family: 'Roboto Slab', serif; font-size: 35px; font-weight: 600; color: #000;}
#th-services .th-container .th-text .th-subtitle-box {font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600; color: #000; padding: 10px 0px;}
/* #th-services .th-container .th-text .th-separator {height: 5px; width: 60px; background-color: #000; margin: 10px 0px;} */
#th-services .th-container .th-text .th-text-box {font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 300; color: #000; line-height: 1.6; padding-top 7px; padding-bottom: 20px;}
#th-services .th-container .th-text .th-button { border-radius: 20px; background-color: #fff; color: #000; border: 1px solid #000; display: inline-block; padding: 5px 20px; font-size: 12px; font-weight: 600; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
#th-services .th-container .th-text .th-button:hover {background-color: #000; text-decoration: none; color: #fff;}


@media (max-width : 667px) {
    #th-services .th-container {height: auto;}
    #th-services .th-container .th-photo {position: relative;}
    #th-services .th-container .th-text {position: relative; text-align: center; padding: 5%;}
    #th-services .th-container:nth-child(2n+1) .th-photo {left: 0; right: 0;}
    #th-services .th-container:nth-child(2n+1) .th-text {left: 0; right: 0;}
    #th-services .th-container:nth-child(2n) .th-photo {left: 0; right: 0;}
    #th-services .th-container:nth-child(2n) .th-text {left: 0; right: 0;}
}

/* Pricing */
/* ===================================================================================================== */

/*

#th-pricing {padding: 50px 0px;}
#th-pricing .th-title-box {padding-bottom: 30px;}
#th-pricing .th-price-container {font-family: 'Roboto Slab', serif; border: 1px solid #000; border-radius: 10px; padding: 30px 50px;}
#th-pricing .th-price-container .th-grid-container {display: grid; grid-template-columns: 50% 50%;}
#th-pricing .th-price-container .th-grid-container .th-type {}
#th-pricing .th-price-container .th-grid-container .th-price {}
#th-pricing .th-price-container .th-divider {}
#th-pricing .th-price-container .th-divider img {width: 100%;}
#th-pricing .th-price-container .th-other-container {padding: 30px 0px;}
#th-pricing .th-price-container .th-other {padding: 0px 0px;}
#th-pricing .th-price-container .th-other p {padding: 10px 0px 10px 30px;}


#th-pricing .th-grid-prices {display: grid; grid-template-columns: 33.33% 33.34% 33.33%;}
#th-pricing .th-grid-prices .th-grid-container {font-family: 'Roboto Slab', serif; border: 1px solid #000; border-radius: 10px; padding: 20px 20px; text-align: center;}
#th-pricing .th-grid-prices .th-grid-container:nth-child(1) {margin: 40px 20px;}
#th-pricing .th-grid-prices .th-grid-container:nth-child(2) {margin: 0;}
#th-pricing .th-grid-prices .th-grid-container:nth-child(3) {margin: 40px 20px;}
#th-pricing .th-grid-prices .th-grid-container .th-box-title {padding: 4px 0px; font-size: 20px; font-weight: 600;}
#th-pricing .th-grid-prices .th-grid-container .th-box-text-line {font-size: 12px; font-weight: 300;}
#th-pricing .th-grid-prices .th-grid-container .th-divider {}
#th-pricing .th-grid-prices .th-grid-container .th-divider img {width: 100%;}
#th-pricing .th-grid-prices .th-grid-container .th-box-text-line span {color: #26c156;}
#th-pricing .th-grid-prices .th-grid-container .th-price {padding: 4px 0px; font-size: 20px; font-weight: 600;}

@media (max-width : 500px) {
    #th-pricing .th-grid-prices {grid-template-columns: 100%;}
    #th-pricing .th-grid-prices .th-grid-container:nth-child(1) {margin: 10px 0px;}
    #th-pricing .th-grid-prices .th-grid-container:nth-child(2) {margin: 10px 0;}
    #th-pricing .th-grid-prices .th-grid-container:nth-child(3) {margin: 10px 0px;}
}

*/

#th-pricing {
    background-color: #1c1c1c; padding: 50px 0px;
}

#th-pricing .th-title .th-custom-design-title {font-weight: 700; color: #fff; font-size: 30px;}
#th-pricing .th-title .th-custom-design-title-subtitle {font-weight: 600; font-size: 14px; color: #fff;}
#th-pricing .th-title {padding-bottom: 30px;}
#th-pricing .th-note {font-style: italic; color: #fff; padding: 15px 0px; text-align: center;}

.th-grid {
    display: grid;
    grid-template-columns: 30% 23.33% 23.33% 23.33%;
    grid-template-rows: 2vw 4vw 4vw 4vw 4vw 4vw 4vw 4vw 4vw 3vw 2vw;
}

.th-div-title-first-col {
    font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 13px; color: #fff; background-color: #1b1b1b; display: flex; align-items: center; justify-content: center; z-index: 4; border-radius: 10px 0px 0px 0px;}
.th-div-title-first-col:nth-child(5) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3;}



.th-div-first-col {
    font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; padding-left: 15%; color: #807a89; background-color: #fff; display: flex; align-items: center; z-index: 4;}
.th-div-first-col:nth-child(6) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4;}
.th-div-first-col:nth-child(10) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 4; grid-row-end: 5;}
.th-div-first-col:nth-child(14) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 5; grid-row-end: 6;}
.th-div-first-col:nth-child(18) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 6; grid-row-end: 7;}
.th-div-first-col:nth-child(22) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 7; grid-row-end: 8;}
.th-div-first-col:nth-child(26) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 8; grid-row-end: 9;}
.th-div-first-col:nth-child(30) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 9; grid-row-end: 10;}



.th-div-first-col-bottom {
    background-color: #fff;
    border-radius: 0px 0px 0px 10px;}
.th-div-first-col-bottom:nth-child(34) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 10; grid-row-end: 11;}



.th-div-title-col {
    background-color: #fff; font-family: proxima-nova, sans-serif; font-size: 30px; font-weight: 700; color: #171e3d; display: flex; align-items: center; justify-content: center; position: relative; z-index: 10;}
.th-div-title-col:nth-child(2) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; border-radius: 10px 0px 0px 0px;}
.th-div-title-col:nth-child(3) {grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3;}
.th-div-title-col:nth-child(4) {grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; border-radius: 0px 10px 0px 0px;} 



.th-div-blanc {
    font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #171e3d; background-color: #fff; display: flex; align-items: center; justify-content: center; z-index: 10;}
.th-div-blanc:nth-child(7) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4;}
.th-div-blanc:nth-child(8) {grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4;}
.th-div-blanc:nth-child(9) {grid-column-start: 4; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4;}
.th-div-blanc:nth-child(11) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5;}
.th-div-blanc:nth-child(12) {grid-column-start: 3; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5;}
.th-div-blanc:nth-child(13) {grid-column-start: 4; grid-column-end: 5; grid-row-start: 4; grid-row-end: 5;}
.th-div-blanc:nth-child(15) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6;}
.th-div-blanc:nth-child(16) {grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; grid-row-end: 6;}
.th-div-blanc:nth-child(17) {grid-column-start: 4; grid-column-end: 5; grid-row-start: 5; grid-row-end: 6;}
.th-div-blanc:nth-child(19) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 6; grid-row-end: 7;}
.th-div-blanc:nth-child(20) {grid-column-start: 3; grid-column-end: 4; grid-row-start: 6; grid-row-end: 7;}
.th-div-blanc:nth-child(21) {grid-column-start: 4; grid-column-end: 5; grid-row-start: 6; grid-row-end: 7;}
.th-div-blanc:nth-child(23) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 7; grid-row-end: 8;}
.th-div-blanc:nth-child(24) {grid-column-start: 3; grid-column-end: 4; grid-row-start: 7; grid-row-end: 8;}
.th-div-blanc:nth-child(25) {grid-column-start: 4; grid-column-end: 5; grid-row-start: 7; grid-row-end: 8;}
.th-div-blanc:nth-child(27) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 8; grid-row-end: 9;}
.th-div-blanc:nth-child(28) {grid-column-start: 3; grid-column-end: 4; grid-row-start: 8; grid-row-end: 9;}
.th-div-blanc:nth-child(29) {grid-column-start: 4; grid-column-end: 5; grid-row-start: 8; grid-row-end: 9;}
.th-div-blanc:nth-child(31) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 9; grid-row-end: 10;}
.th-div-blanc:nth-child(32) {grid-column-start: 3; grid-column-end: 4; grid-row-start: 9; grid-row-end: 10;}
.th-div-blanc:nth-child(33) {grid-column-start: 4; grid-column-end: 5; grid-row-start: 9; grid-row-end: 10;}



.th-div-price {
    font-family: proxima-nova, sans-serif; font-size: 20px; font-weight: 700; color: #fff; background-color: #5450d8; display: flex; align-items: center; justify-content: center; z-index: 5;}
.th-div-price:nth-child(35) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 10; grid-row-end: 12; border-radius: 0px 0px 0px 10px;}
.th-div-price:nth-child(36) {grid-column-start: 3; grid-column-end: 4; grid-row-start: 10; grid-row-end: 12;}
.th-div-price:nth-child(37) {grid-column-start: 4; grid-column-end: 5; grid-row-start: 10; grid-row-end: 12; border-radius: 0px 0px 10px 0px;}

.th-div-price span {font-weight: 400; font-size: 14px;}

.th-action-table {grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 11;  z-index: 1; -webkit-box-shadow: 0px 1px 19px -2px rgba(0,0,0,0.43); -moz-box-shadow: 0px 1px 19px -2px rgba(0,0,0,0.43); box-shadow: 0px 1px 19px -2px rgba(0,0,0,0.43); border-radius: 10px 0px 0px 10px;}

.th-price-table {grid-column-start: 2; grid-column-end: 5; grid-row-start: 1; grid-row-end: 12; z-index: 5; -webkit-box-shadow: 0px 1px 19px -2px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 1px 19px -2px rgba(0,0,0,0.43);
box-shadow: 0px 1px 19px -2px rgba(0,0,0,0.43); border-radius: 10px 10px 10px 10px;}



.th-div-blanc i.fa-check-circle {color: #73c21e; font-size: 25px;}
.th-div-blanc i.fa-times-circle {color: #d9d9d9; font-size: 25px;}
.th-div-first-col i.fa-angle-right {color: #d5d2e4; padding-right: 1.5vw; font-size: 15px;}
.th-div-first-col span {font-style: italic; font-size: 13px; padding-left: 20px;}

.th-underline {width: auto; height: 1px; background-color: #d5d2e4; position: absolute; left: 30px; right: 30px; bottom: 0;}

.th-separator {border-left: 1px solid #d5d2e4; border-right: 1px solid #d5d2e4; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

@media (max-width : 1500px) {
    .th-div-title-first-col {font-size: 1vw;}
    .th-div-first-col {font-size: 1vw;}
    .th-div-title-col {font-size: 2vw;}
    .th-div-blanc {font-size: 1vw;}
    .th-div-price {font-size: 1.5vw;}
    .th-div-blanc i.fa-check-circle {font-size: 2vw;}
    .th-div-blanc i.fa-times-circle {font-size: 2vw;}
    .th-div-first-col i.fa-angle-right {font-size: 1.2vw;}
    .th-div-first-col span {font-size: 0.8vw;}    
}

.th-grid-2 {display: grid; grid-template-columns: 33.33% 33.34% 33.33%; padding: 10px;}
.th-grid-2 .th-box-container {padding: 5px;}
.th-grid-2 .th-box-container .th-box {background-color: #fff; border-radius: 10px; text-align: center; padding: 30px;  -webkit-box-shadow: 0px 1px 19px -2px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 1px 19px -2px rgba(0,0,0,0.43);
box-shadow: 0px 1px 19px -2px rgba(0,0,0,0.43); }
.th-grid-2 .th-box-container .th-box .th-box-title {font-family: proxima-nova, sans-serif; font-size: 30px; color: #171e3d; font-weight: 700; padding: 10px 0;}
.th-grid-2 .th-box-container .th-box .th-box-price {font-family: proxima-nova, sans-serif; font-size: 40px; color: #171e3d; font-weight: 700;}
.th-grid-2 .th-box-container .th-box .blue {color: #6c67fc;}
.th-grid-2 .th-box-container .th-box .th-box-price span {font-size: 15px; vertical-align:super;}
.th-grid-2 .th-box-container .th-box .th-box-subtitle {font-family: proxima-nova, sans-serif; font-size: 14px; color: #171e3d; font-weight: 700; padding-bottom: 30px; border-bottom: 1px solid #d5d2e4;}
.th-grid-2 .th-box-container .th-box .th-text-container {text-align: center;}
.th-grid-2 .th-box-container .th-box .th-text {display: inline-block; padding: 10px 0;}
.th-grid-2 .th-box-container .th-box .th-text-container .th-text i { color: #d5d2e4; min-width: 40px;}
.th-grid-2 .th-box-container .th-box .th-text-container .th-text .green {color: #73c21e;}
.th-grid-2 .th-box-container .th-box .th-text-container .th-info {font-family: proxima-nova, sans-serif; color: #807a89; font-size: 13px; text-align: left; padding: 5px 0;}
.th-grid-2 .th-box-container .th-box .th-text-container .th-info span {color: #171e3d; font-weight: 700;}
.th-grid-2 .th-box-container .th-box .th-button {font-family: proxima-nova, sans-serif; background-color: #f2c025; color: #fff; display: inline-block; padding: 12px 35px; font-size: 14px; font-weight: 600; border-radius: 10px; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; margin: 15px 0;}
.th-grid-2 .th-box-container .th-box .th-button:hover {background-color: #f8b500; text-decoration: none; color: #fff;}
.th-grid-2 .th-box-container .th-box .th-button-blue {background-color: #6c67fc;}
.th-grid-2 .th-box-container .th-box .th-button-blue:hover {background-color: #4c47dd;}

@media (max-width : 1200px) {
    .th-grid-2 .th-box-container .th-box {}
}

@media (max-width : 991px) {
    .th-grid-2 {grid-template-columns: 50% 50%;
    grid-template-rows: auto auto auto;}
    .th-grid-2 .th-box-container:nth-child(1) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3;}
    .th-grid-2 .th-box-container:nth-child(3) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3;}
    .th-grid-2 .th-box-container:nth-child(2) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4;}
    
}

@media (max-width : 600px) {
    .th-grid-2 {grid-template-columns: auto;}
    .th-grid-2 .th-box-container:nth-child(1) {grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3;}
    .th-grid-2 .th-box-container:nth-child(2) {grid-column-start: 1; grid-column-end: 4; grid-row-start: 3; grid-row-end: 5;}
    .th-grid-2 .th-box-container:nth-child(3) {grid-column-start: 1; grid-column-end: 4; grid-row-start: 5; grid-row-end: 7;}
}

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

/* cgb.php */
/* Header */
/* ===================================================================================================== */

#th-cgv { margin-top: 100px;}

.cgb a {color: #fff;}