@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/ogd2ctu.css"); /* font-family: proxima-nova, sans-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; */

/* _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-bg {background-color: #fff; padding: 0px 20px; padding-bottom: 70px;}

.th-custom-design-title-intro {}
.th-custom-design-title {font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 200; text-align: center; padding: 25px 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; text-align: center;}

.th-custom-design-paragraph-title-intro {}
.th-custom-design-paragraph-title {font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 700;}
.th-custom-design-paragraph-title-underline {}
.th-custom-design-paragraph-subtitle {}
.th-custom-design-paragraph-text {font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 300; color: #000; padding: 30px 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 */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

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


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

#thservices-header {background-image:url(/_custom_design/img/thservices/header-2.jpg); background-position: top center; background-size: cover; padding-top: 10%; padding-bottom: 10%; margin-top: 100px;}
#thservices-header .th-bg-opacity {background-color: rgba(0, 0, 0, 0);}
#thservices-header .th-box {text-align: center;}
#thservices-header .th-box .th-title-line-1 {text-align: center; color: #fff; font-family: 'Lato', sans-serif; font-size: 40px; font-weight: 300; Line-Height: 1.3; text-transform: none; padding-bottom: 20px;}
#thservices-header .th-title-line-1 span {font-weight: 900;}
#thservices-header .th-title-line-2 {text-align: center; color: #fff; font-family: proxima-nova, sans-serif; font-size: 16px; font-weight: 400; padding-bottom: 30px;}
#thservices-header .th-button {background-color: #1fa39c; border-radius: 5px; border: 1px solid #1fa39c; color: #24c4bc; display: inline-block; padding: 15px 60px; font-size: 18px; font-weight: 300; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; margin: 0 5px;}
#thservices-header .th-blank-bg {background-color: rgba(255, 255, 255, 0); color: #1fa39c;}
#thservices-header .th-button:hover {background-color: #fff; border: none; text-decoration: none;}
#thservices-header .th-blank-bg:hover {border: 1px solid #fff;; color: #fff; background-color: rgba(255, 255, 255, 0);}

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

@media (max-width : 667px) {
    #thservices-header {padding-top: 0px;}
    #thservices-header .th-bg-opacity {background-color: rgba(0, 0, 0, 0); padding: 50px 0px 0px 0px;}
    #thservices-header .th-box .th-title-line-1 {text-align: center; color: #fff; font-size: 28px;}
    #thservices-header .th-title-line-2 {text-align: center; color: #fff; font-size: 13px;}
    #thservices-header .th-box {text-align: center;}
    #thservices-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-services {background-color: #f2f2f2; background-image: linear-gradient(#fff, #f2f2f2);}
#th-services .th-bg {padding-bottom: 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-arrow-icon img {z-index: 1000; position: absolute; right: 0; left: -35px; top: calc(100% - 255px); bottom: 0;}
#th-services .th-container .left img {z-index: 1000; position: absolute; left: 97.9%; top: calc(100% - 255px); bottom: 0;}
#th-services .th-container .th-arrow-icon-small img {display: none;}
#th-services .th-container .th-photo {position: absolute; top: 0; bottom: 0; background-position: center center; background-size: cover; border-radius: 4%; box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2);}
#th-services .th-container .th-photo .th-web-opacity {border-radius: 2%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(150, 150, 150, 0); display: flex; align-items: center; justify-content: center; overflow: hidden; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; border-radius: 4%;}
#th-services .th-container .th-photo .th-web-opacity .th-img {display: block; position: relative; top: 100%; opacity: 0; text-align: center; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0s; transition-delay: 0s;}
#th-services .th-container .th-photo .th-web-opacity .th-img img {width: 100%; height: auto; top: 120%;}
#th-services .th-container:hover .th-photo .th-web-opacity {background-color: rgba(0, 0, 0, 0.79);}
#th-services .th-container:hover .th-photo .th-web-opacity .th-img {top: 0; opacity: 1;}
#th-services .th-container:nth-child(2n) .th-photo {left: 50%; right: 0;}
#th-services .th-container:nth-child(2n+1) .th-photo {left: 0; right: 50%;}
#th-services .th-container .th-text {position: absolute; top: 0; bottom: 0; padding: 5% 10%; display: flex; align-items: center; overflow: hidden;}
#th-services .th-container .th-text .th-text-container {}
#th-services .th-container:nth-child(2n+1) .th-text {left: 50%; right: 0;}
#th-services .th-container:nth-child(2n) .th-text {left: 0; right: 50%;}
#th-services .th-container .th-text .th-title-box {padding-bottom: 10px;}
#th-services .th-container .th-text .th-title-box img {height: 20px; width: auto;}
#th-services .th-container .th-text .th-subtitle-box {text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 300; color: #000;}
#th-services .th-container .th-text .th-text-box {font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 300; color: #000; padding: 30px 0px; line-height: 1.8;}
#th-services .th-container .th-text .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;}
#th-services .th-container .th-text .th-button:hover {background-color: #000; text-decoration: none; color: #fff;}

@media (max-width : 991px) {
    #th-services {padding-bottom: 0px;}
    
    #th-services .th-container {height: auto; padding: 0;}
    #th-services .th-container .th-arrow-icon img {display: none;}
    #th-services .th-container .th-arrow-icon-small img {display: inline-block; right: 0; z-index: 1000;}
    #th-services .th-container .th-photo {position: relative; height: 50vw; box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2);}
    #th-services .th-container .th-photo .th-web-opacity {background-color: rgba(0, 0, 0, 0.65);}
    #th-services .th-container .th-photo .th-web-opacity .th-img {top: 0; opacity: 1;}
    #th-services .th-container .th-text {position: relative; text-align: center; padding: 50px 0;}
    #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;}
}

/* Nos produits */
/* ===================================================================================================== */

#th-products {background-color: #f2f2f2;}
#th-products .th-bg {padding-bottom: 0;}
#th-products .th-divider {background-color: #efefef; height: 1px; margin-top: 50px;}
#th-products .th-container {display: grid; grid-template-columns: 50% 50%; padding-bottom: 70px}
#th-products .th-container .th-box-container {padding: 10px 10px;}
#th-products .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-products .th-container .th-box-container .th-box:hover {transform: scale(1.02);}
#th-products .th-container .th-box-container:nth-child(1) .th-box {background-image:url(/_custom_design/img/thservices/orgabroc.jpg);}
#th-products .th-container .th-box-container:nth-child(2) .th-box {background-image:url(/_custom_design/img/thservices/localconnect.jpg);}
#th-products .th-container .th-box-container:nth-child(3) .th-box {background-image:url(/_custom_design/img/thservices/proxidrive.jpg);}
#th-products .th-container .th-box-container:nth-child(4) .th-box {background-image:url(/_custom_design/img/thservices/rh.jpg);}
#th-products .th-container .th-box-container .th-box .th-opacity {background-color: rgba(0, 0, 0, 0.65); position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 10px;}
#th-products .th-container .th-box-container .th-box .th-opacity .th-text-container {padding: 15px 0 0 15px;}
#th-products .th-container .th-box-container .th-box .th-opacity .th-text-container .th-title {text-transform: uppercase; color: #fff; font-weight: 800; font-size: 18px;}
#th-products .th-container .th-box-container .th-box .th-opacity .th-text-container {height: 80%;}
#th-products .th-container .th-box-container .th-box .th-opacity .th-text-container .th-subtitle {font-family: 'Montserrat', sans-serif; color: #fff;}
#th-products .th-container .th-box-container .th-box .th-opacity .th-click {font-family: 'Montserrat', sans-serif; color: #34c0cd; padding-left: 15px; font-weight: 500;}
#th-products .th-container .th-box-container .th-box .th-opacity .th-click:hover {text-decoration: underline;}
#th-products .th-container .th-box-container .th-box .th-opacity .th-click i {padding-right: 10px;}

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


/* V2 */
/* ==================================================================================== */

.th-all-services {}
.th-all-services .th-services-grid-container {display: grid; grid-template-columns: 25% 25% 25% 25%; padding: 30px 0;}
.th-all-services .th-services-grid-container .th-service-box {box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 12px; margin: 15px;}
.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%; border-radius: 12px 12px 0 0;}
.th-all-services .th-services-grid-container .th-service-box .th-text-container {text-align: center; padding: 20px 15px;}
.th-all-services .th-services-grid-container .th-service-box .th-text-container .th-title-box {padding-bottom: 10px;}
.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: 12px; font-weight: 300; color: #000;}
.th-all-services .th-services-grid-container .th-service-box .th-text-container .th-text-box {font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 300; color: #000; padding: 30px 0px; line-height: 1.8;}
.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;}
.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%;}
}

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

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

.cgb a {color: #fff;}

.th-prices-page {margin-top: 100px; padding: 50px 0;}
.th-prices-page .th-top-boxes-container {display: grid; grid-template-columns: 1fr 1fr;}
.th-prices-page .th-top-boxes-container .th-top-box-container {margin: 10px; border: 2px solid #000; border-radius: 10px; display: flex; justify-content: center; align-items: center;}
.th-prices-page .th-top-boxes-container .th-top-box-container .th-top-box-content {text-align: center; padding: 15px;}
.th-prices-page p.th-title {font-size: 20px; font-weight: 800; text-transform: uppercase;}
.th-prices-page p.th-subtitle {font-size: 20px; font-weight: 600;}
.th-prices-page p.th-txt {font-size: 15px;}

.th-prices-page .th-other-prices {padding: 30px 0;}
.th-prices-page .th-other-prices p.th-title {border-bottom: 2px solid #000; padding-bottom: 10px; text-align: center;}
.th-prices-page .th-other-prices p.th-title {border-bottom: 2px solid #000; padding-bottom: 10px; text-align: center;}

.th-prices-page .th-prices-grid {display: grid; grid-template-columns: auto 200px;}
.th-prices-page .th-prices-grid .th-service {}
.th-prices-page .th-prices-grid .th-price {font-weight: 600; padding-left: 15px;}
.th-prices-page .th-prices-grid-separator {margin-top: 50px;}

@media (max-width : 767px) {
    .th-prices-page .th-top-boxes-container {grid-template-columns: 1fr;}
    .th-prices-page .th-prices-grid {grid-template-columns: 100%;}
    .th-prices-page .th-prices-grid .th-price {padding-left: 0;}
}