@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: proxima-nova, sans-serif; min-width: 350px;}
.th-bg {background-color: #fff; padding: 0px 20px; padding-bottom: 70px;}

.th-custom-design-title-intro {background-color: #0f8ed0;}
.th-custom-design-title {font-family: 'Ace Sans Demo'; font-size: 50px; font-weight: 800; text-transform: uppercase; color: #111b2e;}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {font-family: proxima-nova, sans-serif; font-size: 25px; font-weight: 300; color: #111b2e;}

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

.th-group-title {padding: 60px 0;}

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

#th-services-header {background-image:url(/_custom_design/img/thservices/header_2.jpg); background-position: center center; background-size: cover; margin-top: 100px; background-attachment: fixed;}
#th-services-header .th-bg-opacity {background-color: rgba(0, 0, 0, 0.05); padding: 10% 0;}
#th-services-header .th-box {padding-left: 60%; padding-right: 0;}
#th-services-header .th-box .th-box-container {background-color: #fff; padding: 70px;}
#th-services-header .th-box .th-logo-container {padding-bottom: 30px;}
#th-services-header .th-box .th-logo-container img {width: 100%; max-width: 100px;}
#th-services-header .th-box .th-title-line-1 {color: #000; font-size: 50px; font-weight: 700;}
#th-services-header .th-box .th-title-line-2 {color: #000; font-size: 40px; font-weight: 300; padding-bottom: 20px;}
#th-services-header .th-box .th-title-line-2 span {color: #000; font-weight: 700;}
#th-services-header .th-box .th-title-line-3 {color: #000; font-size: 20px; font-weight: 300; padding-bottom: 20px;}
#th-services-header .th-title-line-1 span {font-weight: 900;}
#th-services-header .th-title-line-2 {color: #fff; font-family: proxima-nova, sans-serif; font-size: 16px; font-weight: 400; padding-bottom: 30px;}
#th-services-header .th-button {background-color: #0f8ed0; border-radius: 50px; color: #fff; 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;}
#th-services-header .th-button:hover {background-color: #1aacf8; text-decoration: none;}

#th-services-header .th-button.th-button-transparent {background-color: rgba(255, 255, 255, 0); border: 1px solid #fff; color: #fff;}
#th-services-header .th-button.th-button-transparent:hover {background-color: rgb(255, 255, 255); border: 1px solid #fff; color: #000;}

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

@media (max-width : 991px) {
	#th-services-header {background-image: url(/_custom_content/img/header_mobile.jpg); background-size: cover; margin-top: 100px; background-position: 0 -200px; background-repeat: no-repeat; background-attachment: inherit;}
	#th-services-header .th-bg-opacity {padding: 50% 0 25px 0;}
	#th-services-header .th-box .th-title-line-1 {font-size: 30px;}
	#th-services-header .th-box .th-title-line-2 {font-size: 25px;}
    #th-services-header .th-box .th-title-line-3 {font-size: 16px;}
	#th-services-header .th-box {padding-left: 5%; padding-right: 5%;}
	#th-services-header .th-box .th-box-container {border-top: 7px solid #111b2e;}
}

@media (max-width : 767px) {
	#th-services-header {background-position: 0 -120px;}
}

@media (max-width : 500px) {
    #th-services-header {background-image: url(/_custom_content/img/header_mobile.jpg); background-size: cover; margin-top: 100px; background-position: center -90px; background-repeat: no-repeat;}
	#th-services-header .th-box .th-box-container {background-color: rgb(255, 255, 255); padding: 40px; color: #fff;}
	#th-services-header .th-bg-opacity {background-color: rgba(0, 0, 0, 0.33); padding: 200px 0 30px 0;}
    #th-services-header .th-box .th-box-container {border-top: 0;}

}

/* Video Presentation */
/* ==================================================================================== */

.th-video-presentation {text-align: center; padding: 50px 0;}


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

.th-all-services {padding: 30px 0; background-color: #202b40;}
.th-all-services .th-title-group {color: #fff;}
.th-all-services .th-services-grid-container {display: grid; grid-template-columns: 25% 25% 25% 25%;}
.th-all-services .th-services-grid-container .th-service-box {margin: 5px; background-color: #fff; }
.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 {padding: 30px;}
.th-all-services .th-services-grid-container .th-service-box a.th-text-container {padding: 30px; display: block; text-decoration: none;}
.th-all-services .th-services-grid-container .th-service-box .th-text-container .th-links-container {padding: 20px 0;}
.th-all-services .th-services-grid-container .th-service-box .th-text-container .th-title-box {font-family: 'Ace Sans Demo'; color: #111b2e; padding-bottom: 10px; font-size: 32px; font-weight: 300;}

.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: 300; color: #111b2e;}
.th-all-services .th-services-grid-container .th-service-box .th-text-container .th-text-box {font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 300; color: #111b2e; padding: 30px 0px; line-height: 1.8;}
.th-all-services .th-services-grid-container .th-service-box .th-text-container .th-button {color: #111b2e; display: inline-block; padding: 5px 20px; font-size: 15px; font-weight: 300;}

@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%;}
}

/* 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%;}
}

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

.th-contact {background-color: #202b40; padding: 30px 0; margin-top: 100px; }
.th-contact .th-custom-design-title {color: #fff;}
.th-contact .th-custom-design-title-subtitle {color: #fff; padding-bottom: 30px;}

/* Works */
/* ===================================================================================================== */

.th-work {padding: 30px 0;}
.th-work .th-work-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.3%; padding: 50px 0;}
.th-work .th-work-grid .th-box-container {background-size: cover; background-position: center center; position: relative; height: 300px;}
.th-work .th-work-grid .th-box-container .th-box-hover {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #111b2e; display: flex; align-items: center; justify-content: center; opacity: 0; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
.th-work .th-work-grid .th-box-container .th-box-hover:hover {background-color: #111b2e; opacity: 1;}
.th-work .th-work-grid .th-box-container a {text-decoration: none;}
.th-work .th-work-grid .th-box-container .th-group-title {text-align: center;}
.th-work .th-work-grid .th-box-container .th-group-title .th-title {font-family: 'Ace Sans Demo'; font-weight: 900; text-transform: uppercase; font-size: 30px; color: #fff;}
.th-work .th-work-grid .th-box-container .th-group-title .th-subtitle {font-size: 16px; color: #fff;}

@media (max-width : 1500px) {
	.th-work .th-work-grid .th-box-container {height: 400px;}
}


@media (max-width : 1200px) {
	.th-work .th-work-grid .th-box-container {height: 300px;}
}

@media (max-width : 991px) {
    .th-work .th-work-grid {display: grid; grid-template-columns: 50% 50%;}
		.th-work .th-work-grid .th-box-container { height: 300px;}
}

@media (max-width : 600px) {
    .th-work .th-work-grid {display: grid; grid-template-columns: 100%;}
	.th-work .th-work-grid .th-box-container { height: 350px;}
}

/* Missions */
/* ===================================================================================================== */

.th-missions {}
.th-missions .th-mission-intro-container {padding: 100px 0;}
.th-missions .th-mission-intro-container .th-title {text-transform: uppercase; font-size: 50px; font-weight: 900; padding-bottom: 10px; color: #111b2d;}
.th-missions .th-mission-intro-container .th-txt {font-size: 30px; color: #111b2d; font-weight: 300;}
.th-missions .th-missions-grid-left {display: grid; grid-template-columns: 60% 40%;}
.th-missions .th-txt-container {background-color: #111b2e; display: flex; align-items: center; justify-content: center; padding: 30px 20px;}
.th-missions .th-txt-container .th-title-group {font-family: 'Ace Sans Demo'; font-size: 30px; padding: 10px 0; color: #111b2e; color: #fff; font-weight: 300;}
.th-missions .th-missions-grid-left .th-txt-container .th-txt-group .th-icon-box {text-align: center; padding-bottom: 25px;}
.th-missions .th-missions-grid-left .th-txt-container .th-icon-box img {width: 100%; max-width: 100px;}
.th-missions .th-missions-grid-right {display: grid; grid-template-columns: 40% 60%;}
.th-missions .th-img-container {background-color: #000; object-position: center center; justify-content: center;}
.th-missions .th-img-container img {object-fit: cover; width: 100%; height: 100%;}
.th-missions .th-txt-container .th-title-group {padding: 10px 0;}
.th-missions .th-txt-container .th-txt-group {font-size: 18px; color: #fff; text-transform: uppercase; max-width: 400px; font-weight: 300; padding: 15px 0;}

@media (max-width : 767px) {
    .th-missions .th-missions-grid-left {display: grid; grid-template-columns: 100%;}
    .th-missions .th-missions-grid-right {display: grid; grid-template-columns: 100%;}
    .th-missions .th-missions-grid-right .th-txt-container {display: grid; grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3;}
    .th-missions .th-missions-grid-right .th-img-container {display: grid; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;}
}

@media (max-width : 767px) {
	.th-missions .th-img-container img {height: 280px;}
	.th-missions .th-txt-container {text-align: center;}
}

/* Qui sommes-nous ? */
/* ===================================================================================================== */

#th-team {background-color: #202b40; padding: 50px 0;}
#th-team .th-boxes-container {text-align: center; padding-bottom: 25px; display: grid; grid-template-columns: 1fr 1fr 1fr; overflow: hidden; padding: 50px 0;}
#th-team .th-boxes-container .th-box-container {background-color: #111b2e; display: inline-block; box-sizing: border-box; margin: 15px;}
#th-team .th-boxes-container .th-box-container img {width: 100%;}
#th-team .th-boxes-container .th-box-container .th-text {text-align: center; padding: 15px 0;}
#th-team .th-boxes-container .th-box-container p {margin: 0;}
#th-team .th-boxes-container .th-box-container .th-text .th-name {font-family: 'Ace Sans Demo'; font-size: 18px; font-weight: 700; color: #fff; padding: 5px 0;}
#th-team .th-boxes-container .th-box-container .th-text .th-function {font-size: 13px; font-weight: 300; color: #fff; padding: 5px 0;}

@media (max-width : 990px) {
    #th-team .th-boxes-container {display: grid; grid-template-columns: 33.3% 33.34% 33.33%; }
}
@media (max-width : 500px) {
    #th-team .th-boxes-container {display: grid; grid-template-columns: 50% 50%; }
}

/* Testimonials */
/* ===================================================================================================== */

#testimonials {background-color: #202b40;}
#testimonials .th-custom-design-title {color: #fff; padding-bottom: 35px;}
#testimonials .th-flex {}
#testimonials .th-flex .th-box-container {background-color: #111b2e; margin: 15px; padding: 30px;}
#testimonials .th-flex .th-box-container .th-title {font-family: 'Ace Sans Demo'; font-size: 20px; font-weight: 700; color: #fff;}
#testimonials .th-flex .th-box-container .th-text {font-size: 15px; font-weight: 300; color: #fff; padding: 30px 0px; line-height: 2;}
#testimonials .th-flex .th-box-container .th-name {font-size: 15px; font-weight: 700; color: #fff;}
#testimonials .th-flex .th-box-container .th-function {color: #fff;}
#testimonials .th-flex .th-box-container .th-function a {color: #fff;}

@media (max-width : 991px) {
    #testimonials .th-flex .th-box-container {margin: 10px 10px;}
}

@media (max-width : 550px) {
}


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

header#th_menu_t12 {
    border-bottom: 1px solid #efefef;
}

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

.th-groupe-r-page {padding-top: 100px;}
.th-groupe-r-page .th-work {padding: 30px 0;}

@media (max-width : 500px) {
	.th-groupe-r-page .th-work {padding: 0;}
}

#th-footer-t6 {}
#th-footer-t6 .th-cgv {text-align: right; padding-top: 15px; font-size: 10px;}
#th-footer-t6 .th-cgv a {color: #fff;}