/* _custom_design/main.css v.2.0.0 - last modified 24.07.2018 (see config/version_history.php for details)*/
/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Main options */

body {font-family: "Lato",sans-serif; min-width: 350px; padding-top: 40px; position: relative;}

.th-custom-design-title-intro {}
.th-custom-design-title {font-family: 'neue-haas-grotesk-text', sans-serif; margin-bottom: 5px; font-size: 25px;}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {font-family: 'neue-haas-grotesk-text', sans-serif; font-size: 20px; color: #b5babe; font-weight: 900; margin-top: 10px;}

.th-custom-design-paragraph-title-intro {text-transform: uppercase; color: #000; font-size: 14px; font-weight: 200;}
.th-custom-design-paragraph-title {font-family: 'neue-haas-grotesk-text', sans-serif; font-size: 25px; color: #000;; font-weight: 900; padding-bottom: 10px;}
.th-custom-design-paragraph-title-underline {background-color: #000; height: 2px; width: 100px; margin-bottom: 20px;}
.th-custom-design-paragraph-subtitle {}
.th-custom-design-paragraph-text {line-height: normal; text-align: justify; color: #363636;}

.th-custom-design-button {}

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

@media (max-width : 767px) {
    .th-custom-design-title {margin-top: 50px; margin-bottom: 50px; font-size: 24px;}
    .th-custom-design-paragraph-title {font-size: 18px;}
}

/* * Media Queries                                                                       */
/* ------------------------------------------------------------------------------------- */

/* Main options */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

header#th_menu_t12 nav #brand #logo img {max-height: 40px; max-width: 195px;}

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

/* Week-end du client */

#week-end-du-client {background-color: #f5f5f7; padding-bottom: 50px;}
#week-end-du-client .th-top-banner {margin-bottom: 50px;}
#week-end-du-client .th-top-banner img {width: 100%;}
#week-end-du-client .th-title {padding-left: 20px; border-left: 5px solid #ffa30c; font-weight: 300; color: #2e3764; text-transform: uppercase; margin-bottom: 20px;}
#week-end-du-client .th-subtitle {padding-left: 25px; font-size: 18px; font-weight: 300; color: #2e3764; margin-bottom: 50px;}
#week-end-du-client .th-shops-container {display: grid; grid-template-columns: 25% 25% 25% 25%;}
#week-end-du-client .th-shops-container .th-shop-container {padding: 10px;}
#week-end-du-client .th-shops-container .th-shop-container .th-shop {display: block; background-color: #fff; background-image: url(img/wedc-corner.png); background-repeat: no-repeat; background-position: top left; background-size: 40%; border-radius: 10px; padding: 30px 0px 0px 0px; color: #2e3764; text-decoration: none;}
#week-end-du-client .th-shops-container .th-shop-container .th-shop:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
#week-end-du-client .th-shops-container .th-shop-container .th-shop .th-shop-name {display: flex; justify-content: flex-end; align-items: center; font-weight: 600; text-transform: uppercase; font-size: 16px; height: 50px;}
#week-end-du-client .th-shops-container .th-shop-container .th-shop .th-shop-name p {text-align: right; padding-left: 28%; padding-right: 20px;}
#week-end-du-client .th-shops-container .th-shop-container .th-shop .th-underline {text-align: right; padding-right: 20px;}
#week-end-du-client .th-shops-container .th-shop-container .th-shop .th-underline div {display: inline-block; height: 2px; width: 50px; background-color: #2e3764; padding-right: 20px;}
#week-end-du-client .th-shops-container .th-shop-container .th-shop .th-promotion {display: flex; justify-content: center; align-items: center; height: 100px;}
#week-end-du-client .th-shops-container .th-shop-container .th-shop .th-promotion p {text-align: center; color: #000; padding: 0px 20px; margin-bottom: 0; font-size: 16px; font-weight: 300; letter-spacing: 1px;}
#week-end-du-client .th-shops-container .th-shop-container .th-shop .th-opening {display: grid; grid-template-columns: auto 55px; background-color: #2e3764; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 10px 0;}
#week-end-du-client .th-shops-container .th-shop-container .th-shop .th-opening .th-text {color: #fff; display: flex; justify-content: flex-end; align-items: center; height: 50px;}
#week-end-du-client .th-shops-container .th-shop-container .th-shop .th-opening .th-text p {text-align: right; padding-left: 20px; margin-bottom: 0;}
#week-end-du-client .th-shops-container .th-shop-container .th-shop .th-opening .th-icon {color: #fff; display: flex; justify-content: flex-end; align-items: center;}
#week-end-du-client .th-shops-container .th-shop-container .th-shop .th-opening .th-icon p {font-size: 20px; padding-right: 20px; text-align: right; margin-bottom: 0;}

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

@media (max-width : 1199px) {
    #week-end-du-client .th-shops-container {grid-template-columns: 33.33% 33.34% 33.33%;}
}

@media (max-width : 991px) {
    #week-end-du-client .th-shops-container {grid-template-columns: 50% 50%;}
}

@media (max-width : 767px) {
    #week-end-du-client .th-shops-container .th-shop-container .th-shop .th-promotion {height: 150px;}
    #week-end-du-client .th-shops-container .th-shop-container .th-shop .th-promotion p {font-size: 14px;}
    #week-end-du-client .th-shops-container .th-shop-container .th-shop .th-opening .th-text {height: 75px;}
    #week-end-du-client .th-shops-container .th-shop-container .th-shop .th-opening .th-text p {padding-left: 10px; font-size: 14px;}
    #week-end-du-client .th-shops-container .th-shop-container .th-shop .th-opening .th-icon p {padding-right: 20px;}
}

@media (max-width : 500px) {
    #week-end-du-client .th-shops-container {grid-template-columns: 100%;}
}

/* * Media Queries                                                                       */
/* ------------------------------------------------------------------------------------- */

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

/* Tour de France 2019 */
/* ------------------------------------------------------------------------------------- */

.focus_tdf2019 {}
.focus_tdf2019 .th-intro {display: grid; grid-template-columns: 50% 50%;}
.focus_tdf2019 .th-intro .th-intro-img img {object-fit: cover; width: 100%; height: 100%;}
.focus_tdf2019 .th-intro .th-intro-txt {display: flex; align-items: center; padding: 15px;}


#th-steps {background-color: #000; padding: 30px 150px;}
#th-steps .th-steps-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%;}
#th-steps .th-steps-grid .th-steps-container {padding: 20px}
#th-steps .th-steps-grid .th-steps-container .th-steps-box {}
#th-steps .th-steps-grid .th-steps-container .th-steps-box .th-title-1 {text-transform: uppercase; font-weight: 600; color: #fff; font-size: 13px;}
#th-steps .th-steps-grid .th-steps-container .th-steps-box .th-title-2 {text-transform: uppercase; font-weight: 600; color: #f2b755; font-size: 15px;}
#th-steps .th-steps-grid .th-steps-container .th-steps-box .th-title-3 {font-weight: 600; color: #fff; font-size: 13px;}
#th-steps .th-steps-grid .th-steps-container .th-steps-box .th-text {color: #fff; font-size: 13px; font-weight: 300; padding-top: 15px; text-align: justify;}

@media (max-width : 991px) {
    .focus_tdf2019 .th-intro {grid-template-columns: 100%;}
    #th-steps {padding: 30px 75px;}
}

@media (max-width : 767px) {
    #th-steps {padding: 30px 37.5px;}
    #th-steps .th-steps-grid {display: grid; grid-template-columns: 50% 50%;}
}

@media (max-width : 500px) {
    #th-steps .th-steps-grid {display: grid; grid-template-columns: 100%; padding: 0px;}
}

#th-map-belgium img {width: 100%;}

#th-expo {background-color: #000; padding: 30px 150px;}
#th-expo .th-expo-container {}
#th-expo .th-expo-container .th-title {font-weight: 600; color: #f2b755; font-size: 15px; text-align: justify;}
#th-expo .th-expo-container .th-text {color: #fff; font-size: 13px; font-weight: 300; padding-top: 15px; text-align: justify;}

@media (max-width : 991px) {
    #th-expo {padding: 30px 75px;}
}

@media (max-width : 767px) {
    #th-expo {padding: 30px 37.5px;}
}

#th-map-waterloo {height: 55vw; background-image: url(/_custom_design/img/map-2.jpg); background-position: center center; background-size: 120% auto; background-repeat: no-repeat;}

@media (max-width : 767px) {
    #th-map-waterloo {height: 80vw; background-size: 170% auto;}
}

#th-spots {background-color: #000; padding: 30px 150px;}
#th-spots .th-title {font-size: 21px; color: #fff; font-weight: 300;}
#th-spots .th-title-2 {font-size: 21px; color: #f2b755; font-weight: 300;}
#th-spots .th-spots-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%; padding: 20px 0;}
#th-spots .th-spots-grid .th-spot-container {padding: 5px;}
#th-spots .th-spots-grid .th-spot-container .th-spot-box {padding: 15px; background-color: #fff; border-radius: 10px; min-height: 200px;}
#th-spots .th-spots-grid .th-spot-container .th-spot-box .th-title-grid {display: grid; grid-template-columns: 20% 80%;}
#th-spots .th-spots-grid .th-spot-container .th-spot-box .th-title-grid .color-circle {padding-right: 10px;}
#th-spots .th-spots-grid .th-spot-container .th-spot-box .th-title-grid .color-circle img {width: 18px;}
#th-spots .th-spots-grid .th-spot-container .th-spot-box .th-title-grid .th-titles {}
#th-spots .th-spots-grid .th-spot-container .th-spot-box .th-title-grid .th-titles .th-title-1 {text-transform: uppercase; font-weight: 300; color: #000; font-size: 15px;}
#th-spots .th-spots-grid .th-spot-container .th-spot-box .th-title-grid .th-titles .th-title-2 {font-weight: 600; color: #000; font-size: 13px;}
#th-spots .th-spots-grid .th-spot-container .th-spot-box .th-text {color: #000; font-size: 13px; font-weight: 300; padding-top: 15px; text-align: justify;}


@media (max-width : 991px) {
    #th-spots {background-color: #000; padding: 30px 75px;}
}

@media (max-width : 767px) {
    #th-spots {background-color: #000; padding: 30px 37.5px;}
    #th-spots .th-spots-grid {grid-template-columns: 50% 50%;}
}

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

/* Fêtes de fin d'année */
/* ------------------------------------------------------------------------------------- */

.th-noel-action .th-intro-img img {object-fit: cover; width: 100%; height: 100%;}
.th-noel-action .th-intro-txt {display: flex; align-items: flex-start; padding: 30px;}
.th-noel-action .th-intro-txt .th-intro-txt-container i {padding-right: 10px;}
.th-noel-action .th-custom-design-paragraph-text {text-align: justify;}
.th-noel-action .th-note-box .th-note-grid-container {display: grid; grid-template-columns: 20% 80%;}
.th-noel-action .th-note-box .th-note-grid-container .th-note-img {display: flex; align-items: center; justify-content: center;}
.th-noel-action .th-note-box .th-note-grid-container .th-note-img img {width: 100%; width: 150px;}
.th-noel-action .th-note-box .th-note-grid-container .th-note-txt {}
.th-noel-action .th-note-box {background-color: #353c45; padding: 30px; border-radius: 20px; margin: 20px 0;}
.th-noel-action .th-note-box .th-note-txt .th-custom-design-paragraph-title {color: #fff; padding-bottom: 5px;}
.th-noel-action .th-note-box .th-note-txt .th-custom-design-paragraph-subtitle {color: #afafaf; font-size: 13px; font-weight: 600; padding-bottom: 15px;}
.th-noel-action .th-note-box .th-note-txt .th-custom-design-paragraph-text {color: #fff;}


@media (max-width : 991px) {
    .th-noel-action .th-intro {grid-template-columns: 100%;}
    .th-noel-action .th-note-box .th-note-grid-container {display: grid; grid-template-columns: 40% 60%;}
    
}

@media (max-width : 630px) {
    .th-noel-action .th-note-box .th-note-grid-container {grid-template-columns: 100%;}
    .th-noel-action .th-note-box .th-note-grid-container .th-note-img {padding-bottom: 20px;}  
}

/* Voucher shop */
/* ------------------------------------------------------------------------------------- */

.th-voucher-shop {padding: 30px 0;}
.th-voucher-shop .th-intro-txt {font-weight: 300; font-size: 17px;}
.th-voucher-shop .th-voucher-grid {display: grid; grid-template-columns: 30% 30% 40%; padding: 20px 0;}
.th-voucher-shop .th-voucher-grid .th-img-container {position: relative; margin: 10px; max-width: 300px;}
.th-voucher-shop .th-voucher-grid .th-img-container img {width: 100%;}
.th-voucher-shop .th-voucher-grid .th-img-container .th-price {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; font-family: 'neue-haas-grotesk-text'; font-weight: 700; color: #fff; font-size: 54px;}
.th-voucher-shop .th-voucher-grid .th-img-container .th-price span {font-size: 35px;}
.th-voucher-shop .th-voucher-grid .th-img-container .th-offer {position: absolute; top: 0; right: 0; padding: 10px; font-family: 'neue-haas-grotesk-text'; font-weight: 700; color: #000; font-size: 24px; line-height: 20px; text-align: right;}
.th-voucher-shop .th-voucher-grid .th-img-container .th-offer span {font-size: 15px;}
.th-voucher-shop .th-voucher-grid .th-btn-container {padding: 10px;}
.th-voucher-shop .th-voucher-grid .th-btn-container .th-btn-box {display: block; font-family: 'neue-haas-grotesk-text', sans-serif; font-weight: 600; border: 2px solid #000; border-radius: 8px; padding: 20px 15px; font-family: 'neue-haas-grotesk-text', sans-serif; color: #000; text-align: center; margin: 10px 0; background-color: rgba(255, 255, 255, 0); -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
.th-voucher-shop .th-voucher-grid .th-btn-container .th-btn-box:hover {background-color: #000; color: #fff;}
.th-voucher-shop .th-gcd {font-family: 'neue-haas-grotesk-text', sans-serif; color: #000; font-size: 11px;}

@media (max-width : 991px) {
    .th-voucher-shop .th-voucher-grid {grid-template-columns: 100%;}
    .th-voucher-shop .th-voucher-grid .th-btn-container .th-btn-box {padding: 10px;}
}

.th-ml-voucher {}
.th-ml-voucher .th-header-img {background-image: url(/_custom_design/img/header_voucher.jpg); background-position: center center; background-size: cover; height: 200px;}
.th-ml-voucher .th-txt-container {padding: 30px 0;}
.th-ml-voucher .th-txt-container .th-custom-design-paragraph-title-intro {padding: 15px 0; font-weight: 600;}

.th-marketplace-checkout-form {}
.th-marketplace-checkout-form .th-header-img {background-image: url(/_custom_design/img/header_voucher.jpg); background-position: center center; background-size: cover; height: 200px; border-radius: 20px;}
.th-marketplace-checkout-form #checkout_form {padding: 20px;}
.th-marketplace-checkout-form #checkout_form .btn {margin: 15px 0; color: #fff;
display: inline-block;
padding: 8px 15px;
font-size: 15px;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
border-radius: 5px;
font-weight: 600;
background-color: #333;
border: 1px solid #000;}
.th-marketplace-checkout-form #checkout_form .btn:hover {background-color: #000;}
.th-marketplace-checkout-form h3 {font-family: 'neue-haas-grotesk-text', sans-serif; font-weight: 600; padding: 15px 0;}
.th-marketplace-checkout-form h4 {font-family: 'neue-haas-grotesk-text', sans-serif; font-weight: 600;}
.th-marketplace-checkout-form h4 span {font-family: 'neue-haas-grotesk-text', sans-serif; font-weight: 300;}

.th-payment {}
.th-payment .overlay-wrapper {padding: 20px;}
.th-payment .th-header-img {background-image: url(/_custom_design/img/header_voucher.jpg); background-position: center center; background-size: cover; height: 200px; border-radius: 20px;}
.th-payment h3 {font-family: 'neue-haas-grotesk-text', sans-serif; font-weight: 600; padding: 15px 0;}
.th-payment h4 {font-family: 'neue-haas-grotesk-text', sans-serif; font-weight: 600;}
.th-payment h4 span {font-family: 'neue-haas-grotesk-text', sans-serif; font-weight: 300;}
.th-payment .btn {margin: 15px 0; color: #fff;
display: inline-block;
padding: 8px 15px;
font-size: 15px;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
border-radius: 5px;
font-weight: 600;
background-color: #333;
border: 1px solid #000;}
.th-payment .btn:hover {background-color: #000;}
.th-payment .btn-info {background-color: #089bd1; border: 1px solid #089bd1;}
.th-payment .btn-info:hover {background-color: #018dcb; border: 1px solid #018dcb;}

.th-shop-page .th-header-img {background-image: url(/_custom_design/img/header_voucher.jpg); background-position: center center; background-size: cover; height: 200px; border-radius: 20px; margin-bottom: 20px;}
.th-shop-page .th-page-content {padding: 20px;}
.th-shop-page .th-page-content .th-main-title {font-family: 'neue-haas-grotesk-text', sans-serif; font-weight: 600; font-size: 40px; padding: 10px 0;}


.th-voucher-shops .th-partners-grid-container {display: grid; grid-template-columns: 25% 25% 25% 25%; text-align: center;}
.th-voucher-shops .th-partners-grid-container .th-logo-container {font-family: 'neue-haas-grotesk-text', sans-serif; padding: 15%; display: flex; justify-content: center; align-items: center; height: 180px; text-transform: uppercase; font-weight: 600; opacity: 0.3; transition-duration: 0.4s;}
.th-voucher-shops .th-partners-grid-container .th-logo-container:hover {opacity: 1;}
.th-voucher-shops .th-partners-grid-container .th-logo-container img {width: 100%; opacity: 0.3; transition-duration: 0.4s; max-width: 150px;}
.th-voucher-shops .th-partners-grid-container .th-logo-container img:hover {opacity: 1;}

@media (max-width : 990px) {
    .th-voucher-shops .th-partners-grid-container {display: grid; grid-template-columns: 25% 25% 25% 25%;}
    .th-voucher-shops .th-partners-grid-container .th-logo-container {height: 100px;}
}

@media (max-width : 500px) {
    .th-voucher-shops .th-partners-grid-container {display: grid; grid-template-columns: 50% 50%;}
    .th-voucher-shops .th-partners-grid-container .th-logo-container {height: 100px;}
}

/* Tutos # */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-tutos-header {background-color: #f6fbff;}
.th-tutos-header .th-header-container {position: relative; background-image: url(/_custom_content/img/tutos/header.jpg); background-position: center center; background-size: cover; padding: 20px; border-radius: 12px; overflow: hidden; padding: 150px 30px; margin: 10px 0; text-align: center;}
.th-tutos-header .th-header-container .th-opacity {padding: 30px 0;}
.th-tutos-header .th-header-container .th-title {font-size: 35px; color: #fff; font-weight: 700;}
.th-tutos-header .th-header-container .th-subtitle {font-size: 22px; color: #fff; font-weight: 300;}

.th-tuto-content {background-color: #f6fbff; padding: 10px;}


.th-tuto-content .th-content-container .th-news {padding-bottom: 30px;}
.th-tuto-content .th-content-container .th-news .th-custom-design-paragraph-text {color: #000; font-size: 18px; padding-bottom: 20px;}
.th-tuto-content .th-content-container .th-news i {color: #a5add6; font-size: 12px; padding-right: 10px; font-weight: 700;}
.th-tuto-content .th-content-container .th-news .th-img-container {border-radius: 12px; overflow: hidden; height: 200px; display: flex; align-items: center; margin: 30px 100px;}
.th-tuto-content .th-content-container .th-news .th-img-container img {width: 100%;}
.th-tuto-content .th-content-container .th-news .th-paragraph-title {font-size: 18px; font-weight: 700; color: #72777d; padding: 15px 20px; text-align: center;}
.th-tuto-content .th-content-container .th-news .th-custom-design-paragraph-text {text-align: center; padding: 10px 0;}
.th-tuto-content .th-content-container .th-news .th-custom-design-paragraph-text i {font-weight: 300; color: #000;}

.th-tuto-content .th-content-container .th-news .th-accordeon-section {padding: 20px;}
.th-tuto-content .th-content-container .th-news .th-section-content {padding: 20px 0;}
.th-tuto-content .th-content-container .th-news .th-section-title {font-size: 18px; color: #40485e; padding: 15px 20px; font-weight: 700;}
.th-tuto-content .th-content-container .th-news .th-tuto-img-container {text-align: center; padding: 30px 10px;}
.th-tuto-content .th-content-container .th-news .th-tuto-img-container img {width: auto; max-width: 100%; max-height: 300px;}



.th-tuto-content .th-content-container {background-color: #fff; border-radius: 12px; padding: 20px;}
.th-tuto-content .th-content-container .th-section {padding: 10px 0;}
.th-tuto-content .th-content-container .th-section i {color: #a5add6; font-size: 12px; padding-right: 10px; font-weight: 700;}

.th-tuto-content .th-content-container .th-fb-grid-container {display: grid; grid-template-columns: 80px auto; background-color: #4267b2; border-radius: 12px; padding: 25px; margin: 15px 0;}
.th-tuto-content .th-content-container .th-fb-grid-container .th-img-box .th-logo-box {text-align: center; height: 50px; width: 50px; background-color: #fff; border-radius: 50%; display: inline-block; padding-top: 15px;}
.th-tuto-content .th-content-container .th-fb-grid-container .th-img-box .th-logo-box i {padding-right: 0; color: #4267b2; font-size: 22px;}
.th-tuto-content .th-content-container .th-fb-grid-container .th-txt-box {display: flex; align-items: center;}
.th-tuto-content .th-content-container .th-fb-grid-container .th-txt-box .th-content-box {}
.th-tuto-content .th-content-container .th-fb-grid-container .th-txt-box .th-content-box .th-title {padding-bottom: 5px; font-weight: 700; color: #fff;}
.th-tuto-content .th-content-container .th-fb-grid-container .th-txt-box .th-content-box .th-link a {background-color: #3c5c9b; border-radius: 50px; color: #fff; font-style: italic; display: inline-block; padding: 0 10px; font-size: 13px;}
.th-tuto-content .th-content-container .th-fb-grid-container .th-txt-box .th-content-box .th-link a:hover {background-color: #2c4b88; border-radius: 50px; color: #fff; font-style: italic; display: inline-block; padding: 0 10px; text-decoration: none;}
.th-tuto-content .th-content-container .th-banner-container {text-align: center; padding: 30px 10%;}
.th-tuto-content .th-content-container .th-banner-container .th-banner-box {background-image: url(/_custom_design/img/banner-blur.jpg); background-position: center center; background-size: cover; border-radius: 12px; padding: 30px;}
.th-tuto-content .th-content-container .th-banner-container .th-banner-box .th-banner-title {color: #fff; font-size: 30px; font-weight: 800;}
.th-tuto-content .th-content-container .th-banner-container .th-banner-box .th-banner-txt {color: #fff; font-size: 14px; font-weight: 400;}

@media (max-width : 500px) {
    .th-tutos-header .th-content-container .th-fb-grid-container {grid-template-columns: 100%;}
    .th-tutos-header .th-content-container .th-fb-grid-container .th-img-box {text-align: center; padding-bottom: 20px;}
    .th-tutos-header .th-content-container .th-fb-grid-container .th-txt-box {text-align: center;}
    .th-tutos-header .th-content-container .th-fb-grid-container .th-txt-box .th-content-box .th-title {padding-bottom: 15px;}
    .th-tutos-header .th-content-container .th-fb-grid-container .th-txt-box .th-content-box .th-link a {padding: 5px 10px;}
    .th-tutos-header .th-content-container .th-fb-grid-container .th-txt-box .th-content-box .th-link a:hover {padding: 5px 10px;}
}


/* Smartgift - Commerces */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-smartgift-shops {padding: 30px 0; background-color: #f6f8fa;}
.th-smartgift-shops .th-smartgift-title {text-transform: uppercase; font-weight: 700; letter-spacing: 2px; padding: 10px 0; font-size: 18px;}
.th-smartgift-shops .th-smartgift-title i {padding-right: 10px;}

.th-smartgift-shops .th-smartgift-header {background-color: #212121; text-align: center; padding: 30px; border: 1px solid #000;}
.th-smartgift-shops .th-smartgift-header img {width: 100%; max-width: 300px;}
.th-smartgift-shops .th-smartgift-list {padding: 25px; background-color: #fff;}
.th-smartgift-shops .th-smartgift-list .th-grid-container {display: grid; grid-template-columns: 50% 50%;}
.th-smartgift-shops .th-smartgift-list .th-grid-container .th-shop-box {padding: 20px;}
.th-smartgift-shops .th-smartgift-list .th-grid-container .th-shop-box a.th-shop-title {text-transform: uppercase; font-weight: 600; color: #4b4b4b;}
.th-smartgift-shops .th-smartgift-list .th-grid-container .th-shop-box .th-shop-subtitle {font-weight: 600; color: #4b4b4b;}
.th-smartgift-shops .th-smartgift-list .th-grid-container .th-shop-box a.th-shop-adress {font-weight: 300; color: #4b4b4b; display: inline-block;}
.th-smartgift-shops .th-smartgift-list .th-grid-container .th-shop-box a.th-shop-phone {font-weight: 300; color: #4b4b4b; display: inline-block;}

.th-smartgift-shops .th-content-container {background-color: #fff; padding: 30px;}
.th-smartgift-shops .th-content-container .th-voucher-grid {display: grid; grid-template-columns: 50% 50%; padding: 50px 0;}
.th-smartgift-shops .th-content-container .th-voucher-grid .th-voucher-container {display: inline-block; text-align: center; padding: 15px;}
.th-smartgift-shops .th-content-container .th-voucher-grid .th-voucher-container img {width: 100%; max-width: 400px; border-radius: 12px;}
.th-smartgift-shops .th-content-container .th-smartgift-txt-box {padding: 15px 0;}
.th-smartgift-shops .th-content-container .th-smartgift-txt-box .th-smartgift-paragraph {font-weight: 300;}

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