/* Custom Fk Agency */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 10 version
*/

/**
 * Summary:
 *
 *	0. GLOBAL
 *		- 0.1. TYPOGRAPHIE
 *		- 0.2. VARIABLES
 *		- 0.3. WRAPPER
 *		- 0.4. CONFIG CUSTOM THEME NATIVE
 *	1. HEADER
 *		- 1.1. NAV - tvcmsdesktop-top-second
 *		- 1.2. MENU - tvcmsheader-sticky
 *	2. MAIN
 *		- 2.0. BLOC SEARCH - page-hero
 * 	    - 2.1. SERVICE - services
 * 	    - 2.2. BRANDS - tvcmsbrandlist-slider
 * 	    - 2.3. PRODUITS - tvcmsnew-product
 * 	    - 2.4. CATEGORIES -  tvtabcategory-product-slider
 * 	    - 2.5. BANNER - banner-custom
 *      - 2.6. MAGASINS - store-item
 *      - 2.7. SIDEBAR
 *		- 2.8 CART
 *	3. FOOTER
 *		- 3.0. MENU - tvfooter-logo-link-wrapper
 * 	- 3.1. LOGO - tvfooter-storelogo-weapper
 * 	- 3.2. SUBFOOTER - tvfooter-copy-payment-icon-wrapper
 *  4. FINE TUNING
 */

/* ==========================================================================
   0. GLOBAL
   ========================================================================== */

/* 0.1. TYPOGRAPHIE
   ========================================================================== */

	/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap');*/
    /*IMPORT FONT NOT WORKING*/

	@font-face {
		font-family: 'Work Sans';
		src: url('../fonts/worksans/WorkSans-Medium.woff2') format('woff2'),
			url('../fonts/worksans/WorkSans-Medium.woff') format('woff');
		font-weight: 500;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: 'Work Sans';
		src: url('../fonts/worksans/WorkSans-Regular.woff2') format('woff2'),
			url('../fonts/worksans/WorkSans-Regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: 'Work Sans';
		src: url('../fonts/worksans/WorkSans-Bold.woff2') format('woff2'),
			url('../fonts/worksans/WorkSans-Bold.woff') format('woff');
		font-weight: bold;
		font-style: normal;
		font-display: swap;
	}


/* 0.2. VARIABLES
   ========================================================================== */

	:root {
		--primary: #000000;
		--primary-dark: #000000;
		--secondary: #DF1723;
        --tertiary: #B80015;
		--gray-light: rgba(112, 112, 112, 0.17);
        --gray: #EBEBEB;

		--font-primary: 'Work Sans', sans-serif;
		--font-secondary: 'Work Sans', sans-serif;

	}

/* 0.3. WRAPPER
   ========================================================================== */
	body{
		font-family: var(--font-primary) !important;
	}
	
	.container {
		width: 1635px;
		max-width: 100%;
	}

	#header .container {
		width: 1635px;
		max-width: 100%;
	}

	#wrapper .tvcmscontainer-layout {
		background-color: var(--gray);
		padding: 40px 35px 0 35px;
	}

	.custom-container {
		padding: 20px 40px 5px 40px;
		background-color: #ffffff;
		margin-bottom: 50px;
	}

	@media (max-width: 768px) {
		.custom-container {
			padding: 20px;
			background-color: #ffffff;
		}
	}

/* 0.4. CONFIG CUSTOM THEME NATIVE
   ========================================================================== */

	body {
		font-family: var(--font-secondary);
		color: var(--primary);
		background-color: var(--gray);
	}

	#wrapper{
		background-color: var(--gray);
	}

	.tvall-page-top-title h1,
	#main .tvpage-header-title-wrapper h1,
	.tvleft-right-title.facet-label,
	.block-categories .category-top-menu>li.tv-category-title-wrapper a,
	.tvapp-logo-content-inner .tvdekstop-footer-all-title-wrapper .tvfooter-title span,
	.tvinstagram-slider-title-wrapper .tvinstagram-title,
	.tvcms-main-title .tvmain-title h2 {
		color: var(--primary);
		font-family: var(--font-primary);
        font-weight: 500;
	}

    .block-categories .category-top-menu>li.tv-category-title-wrapper a{
        color: white !important;
    }

	.tvtabs-products .tvtab-name:before,
	.tvcategory-title-wrapper,
	.tvcategory-slider-info-box:after,
	#blockcart-modal .modal-header,
	.tvproduct-wrapper .tvproduct-quick-btn:hover .tvproduct-quick-icon,
	.tvproduct-wrapper .tvproduct-cart-btn:hover .tvproduct-add-to-cart,
	.tvproduct-wrapper .tvproduct-wishlist:hover .tvproduct-wishlist-icon,
	.tvproduct-wrapper .tvcompare-wrapper:hover .tvproduct-compare-icon,
	.tvproduct-wrapper .tvproduct-cart-btn:hover .tvproduct-out-of-stock,
	.tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart.tvproduct-out-of-stock,
	.tvall-inner-btn:hover:after,
	.tvcompare-wrapper .tvproduct-compare-icon i.remove,
	.tv-menu-horizontal>ul>li.home_menu>a:before,
	.tv-menu-horizontal>ul>li:hover>a:before,
	.header-7 .tv-cart-wishlist-inner,
	#tvmain-slider.owl-theme .owl-dots .owl-dot span,
	.tvcategory-slider-info-box:before,
	.tvtabcategory-product-li:hover .tvtabcategory-product-li-inner-block,
	.tvtabcategory-product-li.active .tvtabcategory-product-li-inner-block,
	.tvcms-main-title .tvmain-title:before,
	#left-column .tvleft-right-title:before,
    .tvall-inner-btn:hover:after {
		background-color: var(--primary);
		border: 1px solid var(--primary);
	}

	a:focus,
	a:hover,
	.tvcategory-chain-slider-category:hover a,
	.tvcategory-chain-slider-category:hover:after,
	.tvproduct-timer-wrapper .seconds,
	.tvproduct-wrapper .tvproduct-timer-wrapper .seconds,
	#header .tvdesktop-wishlist:hover .tvwishlist-name span,
	#header .tvcmsdesktop-view-compare:hover .tvdesktop-view-compare-name,
	.tvall-block-box-shadows:hover .tvservices-content-box .tvservices-title,
	#header .tvdesktop-wishlist:hover .tvwishlist-icon i,
	#header .tvdesktop-view-compare:hover .tvdesktop-compare-icon i,
	#header .tv-account-wrapper:hover .tv-myaccount-btn-desktop span,
	#tvcmsdesktop-language-selector:hover .tv-language-btn i,
	#tvcmsdesktop-currency-selector:hover .tv-currency-btn i,
	.header-7 #tvcmsdesktop-language-selector:hover .tv-language-btn i,
	.header-7 #tvcmsdesktop-currency-selector:hover .tv-currency-btn i,
	.header-1 #tvcmsdesktop-language-selector:hover .tv-language-btn i,
	.header-1 #tvcmsdesktop-currency-selector:hover .tv-currency-btn i,
	.block-categories .category-sub-menu li:hover>.navbar-toggler,
	.tv-language-dropdown li a:hover,
	.tv-currency-dropdown li a:hover,
	.block-categories .collapse-icons .add:hover,
	.block-categories .collapse-icons .remove:hover,
	.block-categories .arrows .arrow-down:hover,
	.block-categories .arrows .arrow-right:hover,
	.block-categories .category-sub-menu li:hover[data-depth="0"]>a,
	.block-categories .category-sub-menu li:hover[data-depth="2"]>a,
	.block-categories .category-sub-menu li .category-sub-link:hover .block-categories .category-sub-menu li:hover .navbar-toggler,
	#tvcmsdesktop-user-info:hover .tvhedaer-sign-btn i,
	#tvcmsdesktop-language-selector:hover .tv-language-btn .tv-language-span,
	#tvcmsdesktop-currency-selector:hover .tv-currency-btn .tv-currency-span,
	.header-7 #tvcmsdesktop-language-selector:hover .tv-language-btn .tv-language-span,
	.header-7 #tvcmsdesktop-currency-selector:hover .tv-currency-btn .tv-currency-span,
	.header-1 #tvcmsdesktop-language-selector:hover .tv-language-btn .tv-language-span,
	.header-1 #tvcmsdesktop-currency-selector:hover .tv-currency-btn .tv-currency-span,
	#tvcmsdesktop-user-info .tvhedaer-sign-btn:hover,
	.tv-account-dropdown a.tvmyccount:hover,
	.tvcategory-slider-wrapper-info:hover .tvcategory-slider-info-box,
	.tvspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper.tvproduct-timer-box .days,
	.tvspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper.tvproduct-timer-box .hours,
	.tvspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper.tvproduct-timer-box .minutes,
	.tvspecial-product .tvproduct-wrapper .tvproduct-timer-wrapper.tvproduct-timer-box .seconds,
	.btn-outline-primary,
	.btn-link,
	.page-link,
	.text-primary,
	.btn-unstyle:focus .expand-more,
	.dropdown-item:focus,
	.dropdown-item:hover,
	.search-widget form input[type=text]:focus+button .search,
	.search-widget form button[type=submit] .search:hover,
	#header .top-menu a[data-depth="0"]:hover,
	.top-menu .sub-menu a:hover,
	.page-my-account #content .links a:hover i,
	.carousel .carousel-control .icon-next:hover i,
	.carousel .carousel-control .icon-prev:hover i,
	.tabs .nav-tabs .nav-link.active,
	#blockcart-modal .product-name,
	.cart-grid-body a.label:hover,
	.block_newsletter form input[type=text]:focus+button .search,
	.block_newsletter form button[type=submit] .search:hover,
	.account-list a:hover,
	#header .header-nav .blockcart a:hover,
	#wrapper .breadcrumb li:last-child a,
	#wrapper .breadcrumb li:hover a,
	.block-categories .category-sub-menu li[data-depth="0"]:hover>a,
	.block-categories .category-sub-menu li[data-depth="1"]:hover>a,
	.block-categories .category-sub-menu li[data-depth="2"]:hover>a,
	.block-categories .category-sub-menu li .category-sub-link:hover,
	#search_filters_brands .facet .tvsearch-filter-brand-wrapper li.facet-label a:hover,
	.tvserach-filter-suppliers p:hover,
	#search_filters_suppliers .facet .tvserach-filter-suppliers li.facet-label a:hover,
	.blog_post_content p.meta_category a:hover,
	.wlp_bought_item_container .popover-content table tr td:hover,
	.modal-body.tv-addtocart-content-part .tv-addtocart-price,
	.tv-myaccount-btn-desktop:hover span,
	#tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper .tv-header-menu[data-depth="1"]>li>.tvmenu-link-wrapper a span:hover,
	.tv-menu-horizontal .cat-drop-menu .level-1:hover>a:after,
	.tv-menu-horizontal .cat-drop-menu .level-2:hover>a:after,
	.tv-menu-horizontal .cat-drop-menu .level-3:hover>a:after,
	.tv-menu-horizontal .cat-drop-menu .level-4:hover>a:after,
	.tv-menu-horizontal .cat-drop-menu .level-1:hover>a span,
	.tv-menu-horizontal .cat-drop-menu .level-2:hover>a span,
	.tv-menu-horizontal .cat-drop-menu .level-3:hover>a span,
	.tv-menu-horizontal .cat-drop-menu .level-4:hover>a span,
	.tvblog-event-all-content-block .tvnews-event-titel a:hover,
	.owl-item.active .tvtestimonial-title a,
	.tvcmsdesktop-view-wishlist .tvwishlist-name:hover span,
	.tvcmsdesktop-view-compare .tvdesktop-view-compare-name:hover,
	#tvcmsdesktop-user-info:hover .tvhedaer-sign-btn i,
	#tvcmsdesktop-user-info .tvhedaer-sign-btn:hover,
	.tvcategory-chain-slider-category a:hover:after,
	.tvcategory-chain-slider-category a:hover,
	.tvnews-event-link a:hover,
	.tvallproduct-link a:hover,
	.tvleft-right-penal-all-block .tvall-product-bottom-link-block a:hover,
	.tvcmsblog-left-side .tvnews-event-link a:hover,
	.tvfooter-view-link a:hover,
	.tvnews-event-link a:hover i,
	.tvallproduct-link a:hover i,
	.tvfooter-store-link a:hover,
	#header .tv-menu-horizontal ul li.level-1 ul li.item-header a:hover,
	#header .tv-menu-horizontal ul li.level-1 ul li.item-line a:hover,
	.footer-container li a:hover,
	.product-price .current-price .price,
	.product-flags.tvproduct-sale-pack-wrapper li,
	.tvleft-right-penal-all-block .tvall-product-bottom-link-block a:hover i,
	.tvcmsblog-left-side .tvnews-event-link a:hover i,
	.tvfooter-view-link a:hover i,
	.tvmenu-link-wrapper .tvdropdown-submenu.tvmenu-link span:hover,
	.tvsearch-dropdown-total-wrapper:hover .tvsearch-dropdown-total,
	.tvinstagram-slider-title-wrapper .tvinstagram-user-name,
	.custom-checkbox input[type=checkbox]+span .checkbox-checked,
	.tvproduct-wishlist-compare .tvcompare-wrapper:hover i,
	.tvproduct-wishlist-compare .tvcompare-wrapper:hover span,
	.tvproduct-wishlist-compare .tvproduct-wishlist:hover i,
	.tvproduct-wishlist-compare .tvproduct-wishlist:hover span,
	.tvsearch-dropdown-wrapper:hover .tvsearch-dropdown-content-box .tvsearch-dropdown-title,
	.ttvcmscart-show-dropdown-right .tvcart-product-content .product-price,
	.ttvcmscart-show-dropdown-right .ttvcart-product-label-value.total .ttvcart-product-value,
	.tv-account-dropdown a.tvmyccount:hover,
	.tvcategory-chain-slider-category:hover,
	.cms-description a,
	.tv-sub-category-inner:hover .tvcategory-name a,
	.tvdesktop-wishlist:hover .tvwishlist-name span,
	.tvcmsdesktop-view-compare:hover .tvdesktop-view-compare-name,
	.tvdesktop-wishlist:hover .tvwishlist-icon i,
	.tvdesktop-view-compare:hover .tvdesktop-compare-icon i,
	.tvcategory-chain-title a:hover,
	#search_filters .facet .facet-label:hover a,
	#wrapper .breadcrumb a:hover i,
	.tvfooter-store-link-fax a:hover,
	.tvfooter-store-link-content a.vimeo:hover {
		color: var(--primary);
	}


    #header .tv-myaccount-btn-desktop svg path{
        stroke: var(--secondary) !important;
        fill: var(--secondary) !important;
    }

    #header .tv-myaccount-btn-desktop svg circle{
        stroke: var(--secondary) !important;
    }

	::-moz-selection {
		background-color: var(--secondary);
	}

	.btn-primary:hover,
	.btn-info.active.focus,
	.btn-info.active:focus,
	.btn-info.active:hover,
	.btn-info:active.focus,
	.btn-info:active:focus,
	.btn-info:active:hover,
	.open>.btn-info.dropdown-toggle.focus,
	.open>.btn-info.dropdown-toggle:focus,
	.open>.btn-info.dropdown-toggle:hover,
	.btn-outline-primary.active,
	.btn-outline-primary.focus,
	.btn-outline-primary:active,
	.btn-outline-primary:focus,
	.btn-outline-primary:hover,
	.open>.btn-outline-primary.dropdown-toggle,
	.btn-outline-info.active.focus,
	.btn-outline-info.active:focus,
	.btn-outline-info.active:hover,
	.btn-outline-info:active.focus,
	.btn-outline-info:active:focus,
	.btn-outline-info:active:hover,
	.open>.btn-outline-info.dropdown-toggle.focus,
	.open>.btn-outline-info.dropdown-toggle:focus,
	.open>.btn-outline-info.dropdown-toggle:hover,
	.dropdown-item.active,
	.dropdown-item.active:focus,
	.dropdown-item.active:hover,
	.nav-pills .nav-item.open .nav-link,
	.nav-pills .nav-item.open .nav-link:focus,
	.nav-pills .nav-item.open .nav-link:hover,
	.nav-pills .nav-link.active,
	.nav-pills .nav-link.active:focus,
	.nav-pills .nav-link.active:hover,
	.card-primary,
	.page-item.active .page-link,
	.page-item.active .page-link:focus,
	.page-item.active .page-link:hover,
	.tag-primary,
	.list-group-item.active,
	.list-group-item.active:focus,
	.list-group-item.active:hover,
	.bg-primary,
	.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
	.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
	.group-span-filestyle .btn-default,
	.custom-radio input[type=radio]:checked+span,
	body#checkout section.checkout-step .delete-address,
	body#checkout section.checkout-step .edit-address,
	.products-sort-order .select-list:hover,
	.facet-dropdown .select-list:hover,
	#header .header-nav .cart-preview.active,
	#newsletter_block_popup .block_content .send-reqest:hover,
	.tvwishlist-send-mess-btn .button-small,
	.tvcmsNewsLetterPopup-i .tvnewsletterpopup-button-icon:hover,
	::selection,
	.tvsticky-up-arrow:hover,
	.tvsticky-wishlist:hover,
	.tvsticky-compare:hover,
	.tvright-sticky-account:hover,
	.tvright-sticky-add-to-cart:hover,
	.newsletter_block_popup-bottom label:after,
	.cart-content-btn a.tvall-inner-btn,
	.tvcontainer-layout-header,
	#tvcmsdesktop-main-menu .tvcmsmain-menu-wrapper .tv-header-menu[data-depth="0"]>li>.tvmenu-link-wrapper a span:after,
	.tvmain-slider-content-inner.active:after,
	.tvcmstheme-control .tvtheme-control-wrapper .tvselect-theme select option:hover,
	.tvcmstheme-control .tvtheme-control-icon:hover,
	.tvcmstheme-layout .tvtheme-layout-icon:hover,
	.tvmain-slider-contant .tvmain-slider-button,
	.tvbottom-to-top:hover,
	.tvvertical-menu-img-block,
	.nivo-controlNav .nivo-control.active,
	.owl-theme .owl-dots .owl-dot.active span,
	.owl-theme .owl-dots .owl-dot:hover span,
	.tvnewsleteer-btn-wrapper .btn-primary:hover,
	.tvproduct-cart-quentity-increment:hover,
	.tvproduct-cart-quentity-decrement:hover,
	.tvcart-product-list-checkout,
	.tvcart-product-list-viewcart:hover,
	.tvcart-product-list-checkout:hover,
	button.close-cookie.tvclose-icon,
	.ttvcmscart-show-dropdown-right .ttvcart-product-list-checkout,
	.ttvcmscart-show-dropdown-right .ttvcart-product-list-viewcart:hover,
	.tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart,
	.tvproduct-wrapper .tvproduct-quick-btn .tvproduct-quick-icon,
	.tvproduct-wrapper .tvproduct-wishlist .tvproduct-wishlist-icon,
	.tvproduct-wrapper .tvcompare-wrapper .tvproduct-compare-icon,
	#tvmain-slider.owl-theme .owl-dots .owl-dot.active span,
	.tvtab-title-wrapper .tvtabs-products li.active,
	.tvnewsleteer-btn-wrapper .tvall-inner-btn,
	.tvfooter-copy-payment-icon-wrapper,
	.tvcmsdesktop-top-header-wrapper .tvcmsdesktop-top-header,
	.tvcmsattrsearch-wrapper form button,
	.tvcmscategory-slider-icon,
	.ttvcmscart-show-dropdown-right .ttvcart-counter,
    .tvall-inner-btn,
    .input-group .input-group-btn>.btn[data-action=show-password] {
		background-color: var(--secondary);
	}

	#header .tv-account-wrapper:hover .tv-myaccount-btn-desktop svg path:nth-child(1) .tvdesktop-wishlist:hover .tvwishlist-icon svg path,
	#header .tv-account-wrapper:hover .tv-myaccount-btn-desktop svg path:nth-child(1),
	#header .tv-account-wrapper:hover .tv-myaccount-btn-desktop svg circle,
	#header .tvheader-cart-wrapper:hover .tv-cart-icon-main svg g ellipse,
	#header .tvheader-cart-wrapper:hover .tv-cart-icon-main svg g path,
	.tvdesktop-wishlist:hover .tvwishlist-icon svg path,
	.tv-account-wrapper:hover .tv-myaccount-btn svg path:nth-child(1),
	#header .tv-account-wrapper:hover .tv-myaccount-btn-desktop svg circle,
	.tvcmsdesktop-view-compare:hover .tvdesktop-compare-icon svg path,
	#tvcmsdesktop-currency-selector:hover .tv-currency-btn svg path {
		stroke: var(--secondary) !important;
	}

	.tvcms-main-title .tvmain-title:before {
		background-color: var(--primary);
        display: none;
	}

	.tvcmsmain-title-wrapper {
		border: none;
		margin-bottom: 10px;
	}

	.tvcms-main-title .tvmain-title h2 {
		margin-left: 0;
	}

/* ==========================================================================
   1. HEADER
   ========================================================================== */

/* 1.1. NAV - tvcmsdesktop-top-second
   ========================================================================== */
	.tv-header-logo {
		padding: 0;
	}

	.tv-header-logo img {
		max-width: 190px;
	}

	.tv-cart-cart-inner {
		background-color: var(--secondary) !important;
		border: 1px solid var(--secondary);
	}

	#header .tv-myaccount-btn-desktop svg path:nth-child(1) {
		fill: var(--secondary) !important;
        stroke: var(--secondary) !important;
	}

	@media (max-width: 991px) {
		.tvheader-top-search-wrapper {
			padding: 0;
			margin-right: 15px;
		}

		.tvheader-top-search,
		.tvcmsheader-search.search-widget form input[type=text],
		.tvcmsheader-search.search-widget form button[type=submit] {
			height: 50px;
		}
	}

	@media(min-width: 991px) {
		.tvheader-top-search-wrapper {
			padding: 0;
			margin-right: 15px;
		}

		.tvheader-top-search,
		.tvcmsheader-search.search-widget form input[type=text],
		.tvcmsheader-search.search-widget form button[type=submit] {
			height: 56px;
		}

	}

/* 1.2. MENU - tvcmsheader-sticky
   ========================================================================== */

	.tv-menu-horizontal li.home_menu {
		display: none;
	}

	.tvcms-header-menu-offer-wrapper {
		background-color: #ffffff;
		border-top: 1px solid var(--gray-light);
	}

	#header .tv-menu-horizontal ul li.level-1>a {
		font-family: var(--font-secondary);
		font-weight: bold;
        text-transform: capitalize;
	}

	.tv-menu-horizontal li.level-1.parent>a:after {
		content: '\e5c5';
	}

	@media(min-width: 992px) {
		.tv-menu-horizontal ul.menu-content {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: start;
			    -ms-flex-pack: start;
			        justify-content: flex-start;
			padding: 25px 0;
		}
	}

/* ==========================================================================
   2. MAIN
   ========================================================================== */

/* 2.0. BLOC SEARCH - page-hero
   ========================================================================== */

	.page-hero {
		background: #EEF2F3
	}

	.page-hero h1,
	.page-hero .h1-like {
		margin: 20px 0;
		line-height: 1.2;
		font-size: 26px;
		font-weight: 400;
		text-align: lef;
	}

	@media (min-width: 992px) {

		.page-hero h1,
		.page-hero .h1-like {
			font-size: 48px;
		}
	}

	.page-hero h1 span,
	.page-hero .h1-like span {
		color: black
	}

	.page-hero p {
		font-family: "Poppins", Arial, sans-serif;
		font-weight: 500;
		font-size: 1.313rem
	}

	.page-hero .hero_without_image h1 {
		padding: 30px 0;
		margin: 0
	}

	.page-hero .hero_with_image {
		position: relative;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-align: center;
		-webkit-box-align: center;
		        align-items: center;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		        justify-content: space-between;
		width: 100%
	}

	.page-hero .hero_with_image .hero_content {
		position: relative;
		z-index: 2;
        padding: 70px 0;
	}

	.page-hero .hero_with_image .hero_image {
		display: none
	}

	.page-hero .hero_center {
		text-align: center
	}

	.page-hero.page-hero-home {
		background: var(--secondary);
        background-image: url('../img/ecocasse/bg-hero.jpg');
        background-size: cover;
        background-position: center center;
		overflow: hidden;
		position: relative;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
	}
    #module-opisto_search-lists .page-hero.page-hero-home {
        border-radius:5px;
    }

	.page-hero.page-hero-home .hero_content h1,
	.page-hero.page-hero-home .hero_content .h1-like {
		color: white;
		font-style: normal;
	}

	.page-hero.page-hero-home .hero_content h1 span,
	.page-hero.page-hero-home .hero_content .h1-like span {
		color: black
	}

	.page-hero.page-hero-home .hero_content p {
		color: white
	}

	.page-hero .wrapper {
		width: 96%;
		padding: 0;
		max-width: 1316px;
		margin: 0 auto;
	}

	.hero_content p {
		font-family: "Poppins", Arial, sans-serif;
		font-weight: 500;
		font-size: 1.313rem
	}

	@media (min-width: 768px) {

		.page-hero .hero_with_image .hero_content h1 {
			margin: 0
		}

		.page-hero .hero_with_image .hero_image {
			display: block;
			max-height: 280px;
			z-index: 0;
			overflow: hidden
		}

		.page-hero .hero_without_image h1 {
			padding: 70px 0
		}

		.page-hero-home {
			overflow: hidden
		}

		.page-hero-home .hero_with_image {
			min-height: 250px
		}

		.page-hero-home .hero_with_image .hero_image {
			position: static
		}

		.page-hero-home .hero_with_image .hero_image img {
			position: absolute;
			width: 60%;
			left: 50%;
			bottom: -20px;
			display: block
		}

		.page-hero-home .hero_with_image .hero_content {
			width: 100%;
		}

		.page-hero-home .hero_with_image .hero_content h1,
		.page-hero-home .hero_with_image .hero_content .h1-like {
			color: white
		}

		.page-hero-home .hero_with_image .hero_content h1 span,
		.page-hero-home .hero_with_image .hero_content .h1-like span {
			color: black
		}

		.page-hero-home .hero_with_image .hero_content p {
			color: white
		}
	}

	.search_component {
		padding-bottom: 20px;
		position: relative
	}

	.search_component .tabs-header {
		list-style: none;
		padding: 0;
		margin: 0;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex
	}

	.search_component .tabs-header li {
		display: block;
		width: 50%;
		text-align: center
	}

	.search_component .tabs-header li a {
		display: block;
		padding: 15px 25px;
		color: var(---primary);
		font-size: 1;
		font-weight: 500
	}

    .search_component .tabs-header li a {
        color: white;
    }

	.search_component .tabs-header li a:hover,
	.search_component .tabs-header li a.is-active {
		background: var(--gray);
		color: var(---primary);
	}

	.search_component .tabs-header li.aide {
		display: none
	}

	.search_component .tabs-header li.aide a {
		background: transparent
	}

	.search_component .nombre_pieces {
		display: none
	}

	.page-home .search_component {
		padding-bottom: 60px
	}

	.page-home .search_component .tabs-header li a {
		background: white;
		color: var(---primary)
	}

	.page-home .search_component .tabs-header li a:hover,
	.page-home .search_component .tabs-header li a.is-active {
		background: var(--gray)
	}

	.page-home .search_component .tabs-header li a.aide_link {
		position: relative;
		padding-left: 50px;
	}

	.page-home .search_component .tabs-header li a.aide_link:after {
		position: absolute;
		content: '';
		left: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		width: 20px;
		height: 20px;
		background-image: url('../img/ecocasse/help.png');
	}

	.page-home .search_component .tabs-header li.aide {
		display: block;
		position: absolute;
		width: 100%;
		bottom: 25px
	}

	.page-home .search_component .tabs-header li.aide a {
		background: var(--primary);
	}

    .page-home .search_component .tabs-header li.aide a {
        color: white;
    }

    .page-home .search_component .nombre_pieces {
        font-family: var(--font-secondary);
    }

	@media (min-width: 992px) {
		.page-home .search_component {
			padding-bottom: 0
		}

		.page-home .search_component .tabs-header li a {
			background: white;
		}

		.page-home .search_component .tabs-header li a:hover,
		.page-home .search_component .tabs-header li a.is-active {
			background: var(--gray);
		}

		.page-home .search_component .tabs-header li.aide {
			display: block;
			position: relative;
			width: auto;
			bottom: auto
		}

		.page-home .search_component .tabs-header li.aide a {
			background: transparent
		}

		.page-home .search_component .nombre_pieces {
			position: absolute;
			display: block;
			z-index: 2;
			color: white;
			right: 0;
			top: 0;
			padding: 15px 0;
			font-size: 1.125rem;
			font-weight: 500;
			font-family: var(--font-secondary);
		}
	}

	@media (min-width: 576px) {
		.search_component {
			padding-bottom: 0
		}

		.search_component .tabs-header li {
			text-align: left;
			width: auto
		}
	}

	#search_tabs_content {
		padding: 20px;
		background: var(--gray);
        border-radius: 0 5px 0 0;
	}

	#search_tabs_content .tabs-container {
		display: none
	}

	#search_tabs_content .tabs-container.tabs-container-is-active {
		display: block
	}

	#search_tabs_content .searchbar_container {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		-ms-flex-align: center;
		-webkit-box-align: center;
		        align-items: center;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		gap: 0 20px
	}

	#search_tabs_content .searchbar_container .search_item {
		display: block;
		width: 100%;
		margin-bottom: 5px;
        border-radius: 5px;
	}

	#search_tabs_content .searchbar_container .search_item input,
	#search_tabs_content .searchbar_container .search_item select {
		border-color: white
	}

	#search_tabs_content .searchbar_container .search_item:last-child {
		margin-bottom: 0
	}

	@media (min-width: 992px) {
		#search_tabs_content {
			padding: 25px;
			background: var(--gray)
		}

		#search_tabs_content .searchbar_container {
			-ms-flex-direction: row;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			        flex-direction: row
		}

		#search_tabs_content .searchbar_container .search_item {
			display: block;
			width: auto;
			margin-bottom: 0
		}

		#search_tabs_content .searchbar_container .search_item.item_cat-auto {
			width: 30%
		}

		#search_tabs_content .searchbar_container .search_item.item_button {
			width: 210px
		}

		#search_tabs_content .searchbar_container .search_item.item_marque-auto,
		#search_tabs_content .searchbar_container .search_item.item_modele-auto {
			width: 25%
		}

		#search_tabs_content .searchbar_container .search_item.item_ref,
		#search_tabs_content .searchbar_container .search_item.item_codes {
			width: 45%
		}

		#search_tabs_content .searchbar_container .search_item.item_button {
			-ms-flex: 0 0 200px;
			-webkit-box-flex: 0;
			        flex: 0 0 200px
		}

		#search_tabs_content .searchbar_container.full .search_item.item_marque-auto,
		#search_tabs_content .searchbar_container.full .search_item.item_modele-auto {
			width: 50%
		}
	}

	input,
	select,
	button {
		border: 0 none;
		width: 100%;
		background: white;
		font-size: 1rem;
		line-height: 1.2;
		padding: 10px 12px;
		height: 50px;
		color: black;
		border: 2px solid #999
	}

	textarea {
		border: 0 none;
		width: 100%;
		background: white;
		font-size: 1rem;
		line-height: 1.2;
		padding: 10px 12px;
		height: 100px;
		color: black;
		border: 2px solid #999
	}

	button[type="submit"] {
		color: white;
		background: var(--secondary);
		font-weight: 500;
		text-align: center;
		border-color: var(--secondary);
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
        border-radius: 5px;
	}

	button[type="submit"] .icon {
		display: inline-block;
		margin-left: 10px;
        display:none;
	}

	button[type="submit"] .icon svg {
		display: block;
		width: 23px;
		height: 8px
	}

	button[type="submit"]:hover {
		background: white;
		color: var(--secondary)
	}
    .tvcontact-area-text{
        min-height: 260px;
    }

    .form-footer--wrapper{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 30px 0;
    }

    .form-footer--wrapper button.tvall-inner-btn {
        min-width: 250px;
        max-width: 100%;
    }

	select[disabled] {
		background-color: white;
		color: rgba(0, 0, 0, 0.33)
	}

	.select2-container {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		display: inline-block;
		margin: 0;
		position: relative;
		vertical-align: middle;
		width: 100% !important
	}

	.select2-container .select2-selection--single {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		cursor: pointer;
		display: block;
		height: 28px;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-user-select: none
	}

	.select2-container .select2-selection--single .select2-selection__rendered {
		display: block;
		padding-left: 8px;
		padding-right: 20px;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
		white-space: nowrap
	}

	.select2-container .select2-selection--single .select2-selection__clear {
		background-color: transparent;
		border: none;
		font-size: 1em
	}

	.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
		padding-right: 8px;
		padding-left: 20px
	}

	.select2-container .select2-selection--multiple {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		cursor: pointer;
		display: block;
		min-height: 32px;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-user-select: none
	}

	.select2-container .select2-selection--multiple .select2-selection__rendered {
		display: inline;
		list-style: none;
		padding: 0
	}

	.select2-container .select2-selection--multiple .select2-selection__clear {
		background-color: transparent;
		border: none;
		font-size: 1em
	}

	.select2-container .select2-search--inline .select2-search__field {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		border: none;
		font-size: 100%;
		margin-top: 5px;
		margin-left: 5px;
		padding: 0;
		max-width: 100%;
		resize: none;
		height: 18px;
		vertical-align: bottom;
		font-family: sans-serif;
		overflow: hidden;
		word-break: keep-all
	}

	.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
		-webkit-appearance: none
	}

	.select2-dropdown {
		background-color: white;
		border: 1px solid #aaa;
		border-radius: 4px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		display: block;
		position: absolute;
		left: -100000px;
		width: 100%;
		z-index: 1051
	}

	.select2-results {
		display: block
	}

	.select2-results__options {
		list-style: none;
		margin: 0;
		padding: 0
	}

	.select2-results__option {
		padding: 6px;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-user-select: none
	}

	.select2-results__option--selectable {
		cursor: pointer
	}

	.select2-container--open .select2-dropdown {
		left: 0
	}

	.select2-container--open .select2-dropdown--above {
		border-bottom: none;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0
	}

	.select2-container--open .select2-dropdown--below {
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0
	}

	.select2-search--dropdown {
		display: block;
		padding: 4px
	}

	.select2-search--dropdown .select2-search__field {
		padding: 4px;
		width: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box
	}

	.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
		-webkit-appearance: none
	}

	.select2-search--dropdown.select2-search--hide {
		display: none
	}

	.select2-close-mask {
		border: 0;
		margin: 0;
		padding: 0;
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		min-height: 100%;
		min-width: 100%;
		height: auto;
		width: auto;
		opacity: 0;
		z-index: 99;
		background-color: #fff
	}

	.select2-hidden-accessible {
		border: 0 !important;
		clip: rect(0 0 0 0) !important;
		-webkit-clip-path: inset(50%) !important;
		clip-path: inset(50%) !important;
		height: 1px !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: absolute !important;
		width: 1px !important;
		white-space: nowrap !important
	}

	.select2-container--default .select2-selection--single {
		background-color: #fff;
		border: 1px solid #aaa;
		border-radius: 4px
	}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		color: #444;
		line-height: 28px
	}

	.select2-container--default .select2-selection--single .select2-selection__clear {
		cursor: pointer;
		float: right;
		font-weight: bold;
		height: 26px;
		margin-right: 20px;
		padding-right: 0px
	}

	.select2-container--default .select2-selection--single .select2-selection__placeholder {
		color: #999
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 26px;
		position: absolute;
		top: 1px;
		right: 1px;
		width: 20px
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow b {
		border-color: #888 transparent transparent transparent;
		border-style: solid;
		border-width: 5px 4px 0 4px;
		height: 0;
		left: 50%;
		margin-left: -4px;
		margin-top: -2px;
		position: absolute;
		top: 50%;
		width: 0
	}

	.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
		float: left
	}

	.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
		left: 1px;
		right: auto
	}

	.select2-container--default.select2-container--disabled .select2-selection--single {
		background-color: #eee;
		cursor: default
	}

	.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
		display: none
	}

	.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
		border-color: transparent transparent #888 transparent;
		border-width: 0 4px 5px 4px
	}

	.select2-container--default .select2-selection--multiple {
		background-color: white;
		border: 1px solid #aaa;
		border-radius: 4px;
		cursor: text;
		padding-bottom: 5px;
		padding-right: 5px;
		position: relative
	}

	.select2-container--default .select2-selection--multiple.select2-selection--clearable {
		padding-right: 25px
	}

	.select2-container--default .select2-selection--multiple .select2-selection__clear {
		cursor: pointer;
		font-weight: bold;
		height: 20px;
		margin-right: 10px;
		margin-top: 5px;
		position: absolute;
		right: 0;
		padding: 1px
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		background-color: #e4e4e4;
		border: 1px solid #aaa;
		border-radius: 4px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		display: inline-block;
		margin-left: 5px;
		margin-top: 5px;
		padding: 0;
		padding-left: 20px;
		position: relative;
		max-width: 100%;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
		vertical-align: bottom;
		white-space: nowrap
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
		cursor: default;
		padding-left: 2px;
		padding-right: 5px
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
		background-color: transparent;
		border: none;
		border-right: 1px solid #aaa;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		color: #999;
		cursor: pointer;
		font-size: 1em;
		font-weight: bold;
		padding: 0 4px;
		position: absolute;
		left: 0;
		top: 0
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
		background-color: #f1f1f1;
		color: #333;
		outline: none
	}

	.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
		margin-left: 5px;
		margin-right: auto
	}

	.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
		padding-left: 5px;
		padding-right: 2px
	}

	.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
		border-left: 1px solid #aaa;
		border-right: none;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px
	}

	.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
		float: left;
		margin-left: 10px;
		margin-right: auto
	}

	.select2-container--default.select2-container--focus .select2-selection--multiple {
		border: solid black 1px;
		outline: 0
	}

	.select2-container--default.select2-container--disabled .select2-selection--multiple {
		background-color: #eee;
		cursor: default
	}

	.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
		display: none
	}

	.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
	.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
		border-top-left-radius: 0;
		border-top-right-radius: 0
	}

	.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
	.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0
	}

	.select2-container--default .select2-search--dropdown .select2-search__field {
		border: 1px solid #aaa
	}

	.select2-container--default .select2-search--inline .select2-search__field {
		background: transparent;
		border: none;
		outline: 0;
		-webkit-box-shadow: none;
		        box-shadow: none;
		-webkit-appearance: textfield
	}

	.select2-container--default .select2-results>.select2-results__options {
		max-height: 200px;
		overflow-y: auto
	}

	.select2-container--default .select2-results__option .select2-results__option {
		padding-left: 1em
	}

	.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
		padding-left: 0
	}

	.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
		margin-left: -1em;
		padding-left: 2em
	}

	.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
		margin-left: -2em;
		padding-left: 3em
	}

	.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
		margin-left: -3em;
		padding-left: 4em
	}

	.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
		margin-left: -4em;
		padding-left: 5em
	}

	.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
		margin-left: -5em;
		padding-left: 6em
	}

	.select2-container--default .select2-results__option--group {
		padding: 0
	}

	.select2-container--default .select2-results__option--disabled {
		color: #999
	}

	.select2-container--default .select2-results__option--selected {
		background-color: #ddd
	}

	.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
		background-color: #5897fb;
		color: white
	}

	.select2-container--default .select2-results__group {
		cursor: default;
		display: block;
		padding: 6px
	}

	.select2-container--classic .select2-selection--single {
		background-color: #f7f7f7;
		border: 1px solid #aaa;
		border-radius: 4px;
		outline: 0;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eee));
		background-image: -o-linear-gradient(top, white 50%, #eee 100%);
		background-image: linear-gradient(to bottom, white 50%, #eee 100%);
		background-repeat: repeat-x
	}

	.select2-container--classic .select2-selection--single:focus {
		border: 1px solid #5897fb
	}

	.select2-container--classic .select2-selection--single .select2-selection__rendered {
		color: #444;
		line-height: 28px
	}

	.select2-container--classic .select2-selection--single .select2-selection__clear {
		cursor: pointer;
		float: right;
		font-weight: bold;
		height: 26px;
		margin-right: 20px
	}

	.select2-container--classic .select2-selection--single .select2-selection__placeholder {
		color: #999
	}

	.select2-container--classic .select2-selection--single .select2-selection__arrow {
		background-color: #ddd;
		border: none;
		border-left: 1px solid #aaa;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		height: 26px;
		position: absolute;
		top: 1px;
		right: 1px;
		width: 20px;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
		background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
		background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
		background-repeat: repeat-x
	}

	.select2-container--classic .select2-selection--single .select2-selection__arrow b {
		border-color: #888 transparent transparent transparent;
		border-style: solid;
		border-width: 5px 4px 0 4px;
		height: 0;
		left: 50%;
		margin-left: -4px;
		margin-top: -2px;
		position: absolute;
		top: 50%;
		width: 0
	}

	.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
		float: left
	}

	.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
		border: none;
		border-right: 1px solid #aaa;
		border-radius: 0;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		left: 1px;
		right: auto
	}

	.select2-container--classic.select2-container--open .select2-selection--single {
		border: 1px solid #5897fb
	}

	.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
		background: transparent;
		border: none
	}

	.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
		border-color: transparent transparent #888 transparent;
		border-width: 0 4px 5px 4px
	}

	.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eee));
		background-image: -o-linear-gradient(top, white 0%, #eee 50%);
		background-image: linear-gradient(to bottom, white 0%, #eee 50%);
		background-repeat: repeat-x
	}

	.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
		border-bottom: none;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(white));
		background-image: -o-linear-gradient(top, #eee 50%, white 100%);
		background-image: linear-gradient(to bottom, #eee 50%, white 100%);
		background-repeat: repeat-x
	}

	.select2-container--classic .select2-selection--multiple {
		background-color: white;
		border: 1px solid #aaa;
		border-radius: 4px;
		cursor: text;
		outline: 0;
		padding-bottom: 5px;
		padding-right: 5px
	}

	.select2-container--classic .select2-selection--multiple:focus {
		border: 1px solid #5897fb
	}

	.select2-container--classic .select2-selection--multiple .select2-selection__clear {
		display: none
	}

	.select2-container--classic .select2-selection--multiple .select2-selection__choice {
		background-color: #e4e4e4;
		border: 1px solid #aaa;
		border-radius: 4px;
		display: inline-block;
		margin-left: 5px;
		margin-top: 5px;
		padding: 0
	}

	.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
		cursor: default;
		padding-left: 2px;
		padding-right: 5px
	}

	.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
		background-color: transparent;
		border: none;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		color: #888;
		cursor: pointer;
		font-size: 1em;
		font-weight: bold;
		padding: 0 4px
	}

	.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
		color: #555;
		outline: none
	}

	.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
		margin-left: 5px;
		margin-right: auto
	}

	.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
		padding-left: 5px;
		padding-right: 2px
	}

	.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px
	}

	.select2-container--classic.select2-container--open .select2-selection--multiple {
		border: 1px solid #5897fb
	}

	.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0
	}

	.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
		border-bottom: none;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0
	}

	.select2-container--classic .select2-search--dropdown .select2-search__field {
		border: 1px solid #aaa;
		outline: 0
	}

	.select2-container--classic .select2-search--inline .select2-search__field {
		outline: 0;
		-webkit-box-shadow: none;
		        box-shadow: none
	}

	.select2-container--classic .select2-dropdown {
		background-color: white;
		border: 1px solid transparent
	}

	.select2-container--classic .select2-dropdown--above {
		border-bottom: none
	}

	.select2-container--classic .select2-dropdown--below {
		border-top: none
	}

	.select2-container--classic .select2-results>.select2-results__options {
		max-height: 200px;
		overflow-y: auto
	}

	.select2-container--classic .select2-results__option--group {
		padding: 0
	}

	.select2-container--classic .select2-results__option--disabled {
		color: grey
	}

	.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
		background-color: #3875d7;
		color: white
	}

	.select2-container--classic .select2-results__group {
		cursor: default;
		display: block;
		padding: 6px
	}

	.select2-container--classic.select2-container--open .select2-dropdown {
		border-color: #5897fb
	}

	.select2-container--default .select2-selection--single {
		border: none;
		border-radius: 5px;
		height: 50px;
		color: black
	}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 50px;
		color: black;
		padding-left: 12px
	}

	.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
		background: #EEF2F3;
		color: var(--secondary)
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 49px
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow b {
		border-color: black transparent transparent transparent
	}

	.select2-dropdown {
		border: none;
		border-radius: 0;
		-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2)
	}

/* 2.1. SERVICE - services
   ========================================================================== */
	.services {
		background: var(--secondary);
        padding: 50px 0 50px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
	}

    /*.page-home .services {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }*/

	.services.secondary {
		background: var(--gray);
	}

	.services_wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 96%;
		padding: 0 50px;
		max-width: 1316px;
		margin: 0 auto;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.services_item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.services_item img {
		/* max-width: 81px;
		max-height: 75px; */
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.services_item p,
	.services_item h3 {
		color: #ffffff;
		font-family: var(--font-secondary);
		text-align: center;	
	}

	.services_item h3 {
        font-size: 20px;
        font-weight: 500;
		line-height: 20px;
	}
	.services_item p{
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
		margin: 0;
	}

	.services.secondary .services_item p {
		color: var(--primary);
		font-family: var(--font-secondary);
		text-align: center;
	}

	.services_item img {
		margin-top: 0px;
		margin-bottom: 40px;
	}

	.services_item-icon-wrapper img {
		margin: 0;
		max-width: 50px;
	}

	.services_item {
		max-width: 100%;
		margin: 0 20px;
		width: calc(100% - 40px);
		position: relative;
		margin-top: 20px;
	}

	@media(min-width: 600px) {
		.services_item {
			max-width: 50%;
			margin: 0 40px;
			width: calc(50% - 80px);
			position: relative;
			margin-top: 20px;
		}
	}

	@media(min-width: 991px) {
		.services_item {
			width: calc(25% - 80px);
			margin-top: 0;
		}

		/* .services_item:not(:last-of-type):after {
			content: '';
			width: 1px;
			background-color: rgba(255, 255, 255, 0.1);
			top: 0;
			transform: translateY(-50%);
			right: -40px;
			position: absolute;
			height: 75px;
		} */
	}

/* 2.2. BRANDS - tvcmsbrandlist-slider
   ========================================================================== */

	.tvcmsbrandlist-slider {
		padding: 20px 30px;
		background-color: #fff;
		margin-top: 30px;
        border-radius: 5px;
	}

	.tvbrand-img-block {
		border: 0.5px solid #eee;
	}

/* 2.3. PRODUITS - tvcmsnew-product
   ========================================================================== */

	.tvproduct-flags,
	.wishlist-button-add,
	.tvall-product-star-icon,
	.tvproduct-quick-btn,
	.tvproduct-wishlist,
	.tvcompare-wrapper,
	.tvproduct-wrapper.grid .tvproduct-quick-btn,
	.tvproduct-wrapper.grid-2 .tvproduct-quick-btn,
	.tvproduct-wrapper.grid .tvproduct-wishlist,
	.tvproduct-wrapper.grid-2 .tvproduct-wishlist,
	.tvproduct-wrapper.grid .tvcompare-wrapper,
	.tvproduct-wrapper.grid-2 .tvcompare-wrapper {
		display: none;
	}

	.tvproduct-wrapper.grid .tvproduct-hover-btn,
	.tvproduct-wrapper.grid-2 .tvproduct-hover-btn,
	.tvproduct-wrapper.grid .tvproduct-cart-btn,
	.tvproduct-wrapper.grid-2 .tvproduct-cart-btn,
	.tvproduct-wrapper.grid .tvproduct-cart-btn,
	.tvproduct-wrapper.grid-2 .tvproduct-cart-btn,
	.tvproduct-wrapper.grid:hover .tv-product-price.tv-product-price,
	.tvproduct-wrapper.grid-2:hover .tv-product-price.tv-product-price {
		opacity: 1;
		position: relative;
		display: block;
	}

	.tvproduct-wrapper {
		background-color: #ffffff;
	}

	.tvproduct-wrapper.grid .tvproduct-hover-btn,
	.tvproduct-wrapper.grid-2 .tvproduct-hover-btn {
		bottom: 0;
		margin-top: 20px;
	}

	.tvproduct-name.product-title a {
		text-align: left;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}

	.tvproduct-name.product-title a h6,
	.tvproduct-name.product-title a p,
	.tvproduct-name.product-title a span,
	.product-price-and-shipping .price {
		color: var(--primary);
		font-family: var(--font-secondary);
		text-align: left;
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
	}

	.tvproduct-name.product-title a p {
		margin: 0;
	}

	.tvproduct-name.product-title a span {
		font-size: 14px;
		color: #000000;
		margin: 5px 0;
	}

	.tv-product-price,
	.tvproduct-wrapper.grid:hover .tv-product-price.tv-product-price,
	.tvproduct-wrapper.grid-2:hover .tv-product-price.tv-product-price {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}

	.product-price-and-shipping .price {
		font-size: 18px;
	}

	.tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart {
		width: 100%;
		height: auto;
		padding: 15px;
		font-size: 16px;
		border-radius: 6px;
		border: none !important;
	}

	.tvproduct-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

	.tvproduct-info-box-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

/* 2.4. CATEGORIES - tvtabcategory-product-slider
   ========================================================================== */

	.tvtabcategory-product-li.active .tvtabcategory-product-li-inner-block,
	.tvtabcategory-product-li:hover .tvtabcategory-product-li-inner-block {
		background-color: #ffffff;
		border-color: #E9E9E9;
	}

	.tvtabcategory-product-li-inner-block {
		height: 100%;
	}

	.tvtabcategory-product-li a,
	.tvtabcategory-show a,
	.tvtabcategory-hide a {
		color: var(--primary);
		font-weight: 600;
	}

	.tvtabcategory-product-li.active a,
	.tvtabcategory-product-li:hover a {
		color: var(--secondary)
	}

	.tvtabcategory-product-li-inner-block,
	.tvtabcategory-show,
	.tvtabcategory-hide {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

	.tvtabcategory-product-li-inner-block,
	.tvtabcategory-show,
	.tvtabcategory-hide {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: center;
		    -ms-flex-align: center;
            border-radius: 5px;
		        align-items: center;
	}

	.tvtabcategory-tab-sub-icone {
		margin-right: 10px;
	}

	.tvtabcategory-not-found{
		display: none;
	}


	@media (min-width: 768px) {
		.tvtabcategory-product-li {
			width: calc(20% - 10px);
			margin-bottom: 10px;
		}

		/* .tvtabcategory-product-li a,
		.tvtabcategory-show a,
		.tvtabcategory-hide a {
			max-width: calc(100% - 57px);
			white-space: nowrap;
			overflow: hidden;
			-o-text-overflow: ellipsis;
			   text-overflow: ellipsis;
		} */
	}

	@media (max-width: 768px) {

		.tvtabcategory-product-li-inner-block,
		.tvtabcategory-show,
		.tvtabcategory-hide {
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-pack: start;
			    -ms-flex-pack: start;
			        justify-content: flex-start;
		}

		.tvtabcategory-tab-sub-icone {
			margin-right: 0;
			margin-bottom: 10px;
		}
	}

	@media (max-width: 575px) {
		.tvtabcategory-product-li {
			width: calc(50% - 3px);
			margin-bottom: 15px;
		}
	}

/* 2.5. BANNER - banner-custom
   ========================================================================== */

	.banner-custom {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		color: #ffffff;
		padding: 75px 50px;
		margin-bottom: 50px;
        border-radius: 5px;
	}

	.banner-custom--img {
		margin-bottom: 35px;
	}

	.banner-custom--text {
		color: var(--primary);
		text-align: center;
		font-size: 28px;
		font-family: var(--font-primary);
		max-width: 65%;
		line-height: 32px;
	}

	@media (max-width: 768px) {

		.banner-custom {
			padding: 40px 20px;
		}

		.banner-custom--text {
			color: var(--primary);
			text-align: center;
			font-size: 20px;
			font-family: var(--font-primary);
			max-width: 100%;
			line-height: 22px;
		}

	}

/* 2.6. MAGASINS - store-item
   ========================================================================== */
    .tvstore-address-in .store-item h5 {
        color: var(--secondary);
        margin-bottom: 50px;
    }
    #stores .page-stores .store-item-container .store-description{
        text-align: left;
    }
    .tvstore-address-in{
        justify-content: center;
    }

    @media (min-width:992px) {
        .tvstore-address-in .store-item{
            position: relative;
        }

        .tvstore-address-in .store-item:not(:last-of-type):after{
            content: '';
            position: absolute;
            height: 80%;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            background-color: #f4f4f4;
            width: 2px;
        }
    }

/* 2.7. SIDEBAR
   ========================================================================== */

    .tvleft-right-title-wrapper, .tv-category-title-wrapper{
        background-color: var(--secondary);
        color: white;
    }


/* 2.8. CART
   ========================================================================== */

	#block-reassurance li .block-reassurance-item {
		border: 1px solid var(--secondary);
		/* border-left: 3px solid #000000; */
		background-color:var(--secondary);
		border-left:0 none;
		color:white;
		padding: 15px;
		border-radius: 3px;
	}

	#block-reassurance {
		margin-top: 2rem
	}
	#block-reassurance img {
		width: 1.563rem;
		margin-right: .625rem
	}
	#block-reassurance li {
		margin: 0 15px 5px 0
	}
	#block-reassurance {
		margin: 0
	}
	#product #block-reassurance ul {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	#block-reassurance ul {
		margin-bottom: 0;
	}
	#product #block-reassurance span {
		font-weight: 400;
		font-size: 14px;
		text-transform: capitalize;
	}
	#block-reassurance .h6 {
		font-weight: 400
	}

/* ==========================================================================
   3. FOOTER
   ========================================================================== */

/* 3.0. MENU - tvfooter-logo-link-wrapper
   ========================================================================== */

	.footer-container {
		background-color: var(--gray);
		border: none;
	}

	.tvfooter-logo-link-wrapper {
		background-color: #ffffff;
		padding: 0 40px;
        border-radius:5px;
	}

	.tvfooter-storelogo-imformation {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-bottom: 1px solid var(--gray);
	}

	.tvfooter-title-wrapper .tvfooter-title,
	.tvdekstop-footer-all-title-wrapper .tvfooter-title,
	.block_newsletter .tvnewsletter-title {
		color: var(--primary);
	}

/* 3.1. LOGO - tvfooter-storelogo-weapper
   ========================================================================== */

	.tvfooter-logo-desc {
		display: none;
	}

	.tvfooter-logo-block .tvfooter-img-block img {
		max-width: 190px;
		-o-object-fit: cover;
		   object-fit: cover;
	}

/* 3.2. SUBFOOTER - tvfooter-copy-payment-icon-wrapper
   ========================================================================== */

	.tvfooter-copy-payment-icon-wrapper {
		background-color: var(--gray);
		border: none;
		padding: 20px 0 25px;
	}

	.tvcopylink {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 100%;
	}

	.tvcopylink a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.tvcopylink a p {
		color: var(--primary);
		font-weight: 600;
		margin-bottom: 5px;
		line-height: 20px;
		text-transform: none;
	}.example {
	    display: -ms-grid;
	    display: grid;
	    -webkit-transition: all .5s;
	    -o-transition: all .5s;
	    transition: all .5s;
	    -webkit-user-select: none;
	       -moz-user-select: none;
	        -ms-user-select: none;
	            user-select: none;
	    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
	    background: -o-linear-gradient(top, white, black);
	    background: linear-gradient(to bottom, white, black);
	}
/*SINO CHANGE */
/* ==========================================================================
   HOME SLIDER
   ========================================================================== */
    /*HIDE PAVE GAUCHE*/
    .tvall-product-branner{
        display:none;
    }
    .tvimage-true {
        width: 100%;
    }
/* ==========================================================================
   HOME CAT 
   ========================================================================== */
    .tvtabcategory-product-li a{
            font-size: 13px;
			font-weight: 600;
			overflow: hidden;
			display: inline-block;
			white-space: nowrap;
			max-width: 100%;
			text-overflow: ellipsis;
    }
    /*MONTRER TOUTES LES CATS*/
    .tvtabcategory-product-sub-title-block .tvtabcategory-product-li.hide {
        display: inline-block;
    }
    .tvtabcategory-product-sub-title-block .tvtabcategory-show.show-hide,
    .tvtabcategory-product-sub-title-block .tvtabcategory-show.show-hide.hide{
        display:none;
    }
    @media (min-width: 768px) {
		.tvtabcategory-product-li {
			width: 20%;
        }
    }
    /*ADD IMAGE (:before - images à stocker sur le serveur)*/
    a.tvtabcategory-tab-sub-title:before{
        content: "";
        display: inline-block;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        cursor:pointer;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 10px;
    }
    /* //Carrosserie int */
    a.tvtabcategory-tab-sub-title[data-category-id="400"]:before {
        background-image: url(../icones/cat-carrosserie.png);
    }
    /* //Carrosserie ext */
    a.tvtabcategory-tab-sub-title[data-category-id="14"]:before {
        background-image: url(../icones/cat-pneu.png);
    }
    /* // Petite mécanique  */
    a.tvtabcategory-tab-sub-title[data-category-id="570"]:before {
        background-image: url(../icones/cat-bougie.png);
    }
    /* //Jantes */
    a.tvtabcategory-tab-sub-title[data-category-id="1790"]:before {
        background-image: url(../icones/cat-access.png);
    }
    /* // Grosse mécanique  */
    a.tvtabcategory-tab-sub-title[data-category-id="1795"]:before {
        background-image: url(../icones/cat-elec-3.png);
    }
    /* // Boite de vitesses  */
    a.tvtabcategory-tab-sub-title[data-category-id="923"]:before {
        background-image: url(../icones/cat-elec-2.png);
    }
    /* //Meca complete */
    a.tvtabcategory-tab-sub-title[data-category-id="1823"]:before {
        background-image: url(../icones/cat-distrib.png);
    }
    /* // Batterie  */
    a.tvtabcategory-tab-sub-title[data-category-id="953"]:before {
        background-image: url(../icones/cat-elec-1.png);
    }
    /* //Feu de recul */
    a.tvtabcategory-tab-sub-title[data-category-id="1366"]:before {
        background-image: url(../icones/cat-elec-4.png);
    }
    /* // Moteur  */
    a.tvtabcategory-tab-sub-title[data-category-id="936"]:before {
        background-image: url(../icones/cat-refroidissement.png);
    }
/* ==========================================================================
   CATALOG
   ========================================================================== */
   /*ADD AJOUTER AU PANIER TO BUTTON*/
    button.btn.add-to-cart.tvproduct-add-to-cart:after {
        content: "Ajouter au panier";
        display: inline-block;
        margin-left: 12px;
        line-height:1.15;
    }
    button.btn.add-to-cart.tvproduct-add-to-cart.disable:after {
        display:none;
    }
    /*MASQUE LE BOUTON WHISHLIST*/
    .products article .wishlist-button-add,
    body .wishlist-button-add{
        display:none;
    }
    .tvquick-view-popup-wishlist.wishlist_button{
        display:none;
    }
    /*MASQUE MISE EN PAGE LISTE*/
    .tvcmsproduct-grid-list .tvproduct-list,
    .tvcmsproduct-grid-list .tvproduct-list-2{
        display:none;
    }
    /*MASQUE LES ETOILES*/
    .tvall-product-star-icon{
        display:none;
    }
    /*PAGE BRAND*/
    .tvall-inner-btn-cancel span, .tvall-inner-btn span{
        font-weight:bold;
    }
    #product-details .product-manufacturer{
        max-width:300px;
    }
    .product-price .current-price .price, .modal-body.tv-addtocart-content-part .tv-addtocart-price{
        color:var(--secondary);
    }
    #product-availability{
        display:none;
    }
    .tabs .nav-tabs .nav-link{
        text-transform: uppercase;
        font-weight:bold;
        color:var(--primary);
    }
    .tabs .nav-tabs .nav-link.active{
        color:var(--secondary);
    }
    /*ADD TO CART - fix close button centered*/
    .tv-addtocart-msg-wrapper .tv-addtocart-close{
        width:30px;
    }
    /*MASQUE LES AVIS*/
    .open-comment-form{
        display:none;
    }
    .nav-tabs li.nav-item:last-child{
        display:none;
    }
    /*BOUTON COMPARAISON HIDE*/
    .tvcmsproduct-compare-btn{
        display:none;
    }
    /*PAGE PRODUIT DETAIL ENHANCE*/
    .tvcart-btn-model{
        float:none;
        max-width: 300px;
        font-weight: bold;
    }
    .tvcart-btn-model button.add-to-cart{
        font-weight:bold;
    }
    .tvcart-btn-model .tvall-inner-btn.add-to-cart span{
        font-weight:bold;
    }
    #product-details .label{
        margin-right:12px;
        display:inline-block;
    }
    .tv-product-page-content #block-reassurance img{
        max-width:50px;
        width:auto !important;
        height:50px;
    }
    .product-actions .social-icon{
        display:none !important;
    }
    /*CHECKOUT ENHANCE*/
    .tvcmsdesktop-top-header-wrapper.tvheader-checkout{
        margin-bottom:30px;
    }
    .tvcmsdesktop-top-header-wrapper.tvheader-checkout .logo{
        margin-top: 12px;
        margin-left: 12px;
    }
    body#checkout div.checkout-step .step-title{
        text-transform:uppercase;
        font-weight:bold;
        color:var(--primary);
        font-size:18px;
        font-family:var(--font-secondary);
    }
    .form-control {
        background: #f4f4f4;
        color: #000000;
        border: 1px solid #f4f4f4;
        transition:0.1s;
    }
    select.form-control:not([size]):not([multiple]) {
        height: 50px;
    }
    .form-control-label{
        color: #000000;
        font-family: var(--font-secondary);
        font-weight: 500;
        font-size: 15px;
    }
    .form-control-comment{
        font-style:italic;
        font-size:12px;
    }
    .custom-radio input[type=radio]:checked+span{
        background-color:var(--primary);
    }
    .js-address-form #use_same_address {
        margin-right: 10px;
        height: 30px;
        width:30px;
        vertical-align:middle;
    }
    .modal button.close{
        width:30px;
    }
    .add-address a{
        text-decoration:underline;
        color:var(--primary);
    }
    /*HEADER*/
    #wrapper .breadcrumb li:last-child a, #wrapper .breadcrumb li:hover a{
        color:var(--secondary);
    }
    #tvcmsdesktop-account-button li.ttvcms-wishlist-icon,
    #tvcmsdesktop-account-button li.tvheader-compare{
        display:none;
    }
    .form-title h1{
        font-family:var(--font-secondary);
        text-transform: uppercase;
        color:var(--primary);
        font-weight:bold;
    }
    /*PAGE CONNEXION - COMPTE*/
    .page-registration #content, 
    .page-authentication #content,
    .page-password #content{
        max-width: 640px;
        padding: 100px 50px;
        margin: 0 auto;
    }
    .page-my-account #content .links a.link_wishlist.tvwishlist-account-page{
        display:none;
    }
    .page-my-account #content .links a{
        transition:0.2s;
        color:var(--primary);
        font-family:var(--font-secondary);
    }
    .page-my-account #content .links a i{
        transition:0.2s;
        color:var(--primary);
    }
    .page-my-account #content .links a:hover{
        color: var(--secondary);
    }
    .page-my-account #content .links a:hover i {
        color: var(--secondary);
    }
    /*PAGE CMS*/
    body{
        letter-spacing:0;
    }
    .cms-description h1{
        font-weight:bold;
        color:var(--secondary);
        font-family:var(--font-primary);
        font-size:44px;
        line-height:1.2;
    }
    .cms-description h2{
        font-weight:bold;
        color:var(--primary);
        font-family:var(--font-primary);
        font-size:38px;
        line-height:1.2;
    }
    .cms-description h3{
        font-weight:bold;
        color:var(--primary);
        font-family:var(--font-primary);
        font-size:30px;
        line-height:1.2;
    }
    .cms-description h4{
        font-weight:bold;
        color:var(--secondary);
        font-family:var(--font-secondary);
        font-size:24px;
        line-height:1.2;
    }
    .cms-description h5{
        font-weight:bold;
        color:var(--primary);
        font-family:var(--font-secondary);
        font-size:20px;
        line-height:1.2;
    }
    .cms-description h6{
        font-weight:bold;
        color:var(--primary);
        font-family:var(--font-secondary);
        font-size:16px;
        line-height:1.2;
    }
    .cms-description p{
        letter-spacing:0;
    }
    .cms-description a,
    .cms-description a:not([href]):not([tabindex]), 
    .cms-description a:not([href]):not([tabindex]):focus{
        text-decoration:underline;
        color:var(---primary);
        transition:0.2s;
    }
    .cms-description a:hover,
    .cms-description a:not([href]):not([tabindex]):hover{
        color:var(--secondary);
        text-decoration:underline;
    }
    .cms-description blockquote:before{
        background:var(--secondary);
    }
    /*CONTACT*/
    #contact #content{
        padding: 20px ;
    }

    @media (min-width: 992px){
        #contact #content {
            padding: 40px 100px;
        }
    }

    .input-group .input-group-btn>.btn{
        height: 50px;
        display: flex;
        align-items: center;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }

    /*MENU*/
    #header .tv-menu-horizontal ul li.level-1 ul li.item-line a{
        font-weight: 500;
        color: var(--primary);
        transition: 0.1s;
        font-size: 16px;
    }
    #header .tv-menu-horizontal ul li.level-1 ul li.item-header a:hover, 
    #header .tv-menu-horizontal ul li.level-1 ul li.item-line a:hover{
        color:var(--secondary);
    }
    #header .tv-menu-horizontal ul li.level-1 ul li.item-line.tvmega-menu-link a:hover:before{
        border-color:var(--secondary);
    }
    @media (min-width: 992px){
        .tv-menu-horizontal .menu-dropdown {
            max-width:500px;
            min-width:500px;
            border-bottom-color:var(--secondary);
        }
    }
    /*CATEGORY PAGE*/
    .tvcategory-name-image .tv-category-image{
        display:none;
    }
    .tvcategory-name-image .tvcategory-name a{
        color:var(--primary);
        transition:0.2s;
        text-transform: uppercase;
    }
    .tvcategory-name-image .tvcategory-name a:hover{
        color:var(--secondary);
    }
    .tv-category-main-div{
        display:none;
    }
    /*FAQ*/
    .page-module-faqs-display #search_faqs_container{
        display:none;
    }
    .page-module-faqs-display #main{
        
    }
    .page-module-faqs-display #content-wrapper{
        width:100%;
        margin-left: 0%;
    }
    .page-module-faqs-display .topic_faqs{
        border-radius:5px;
    }
    .page-module-faqs-display .faqs-card-block{
        border:0 none;
        box-shadow:none;
    }
    .page-module-faqs-display .topic_faqs.faqs-card-block h1{
        display:none;
    }
    .page-module-faqs-display .content_home_page_cat{
        display:block;
    }
    .page-module-faqs-display .category_block > a{
        color: var(--secondary) !important;
        font-family: var(--font-secondary);
        font-size: 21px;
        line-height: 1.2;
        margin-bottom: 20px;
        margin-top: 40px;
        font-weight: 600;
        pointer-events: none;
    }
    .page-module-faqs-display .category_block .questions.change_item {
        color: #000000;
        font-family: var(--font-secondary);
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 12px;
        font-weight: 500;
    }

    .page-module-faqs-display .category_block .questions.change_item:first-of-type {
        padding-top: 24px;
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .questions .left-side-icon {
        display: none;
    }

    .page-module-faqs-display .category_block .questions .icon_fag{
        display:none !important;
    }
    .page-module-faqs-display .answer_faq {
        border:0 none;
        padding-left: 0;
        box-shadow:none;
        padding-bottom: 0;
    }
    .page-module-faqs-display .answer_faq p{
        font-size:16px;
        color:#000000;
        
    }
    .page-module-faqs-display hr{
        margin:1.5rem 0;
    }
    /*CONTACT*/
    .page-contact .contact-rich h4,
    .page-contact .contact-form h3,
    .page-stores .contact-rich h4,
    .page-stores .contact-form h3 {
        color:#000000 !important;
        font-family:var(--font-primary);
        font-size:24px;
        line-height:1.2;
        border:none;
        font-weight: 500;
    }
    .page-contact .contact-rich .row,
    .page-stores .contact-rich .row{
        flex-wrap:wrap;
        
    }
    .page-contact .contact-rich .row .block,
    .page-stores .contact-rich .row .block{
        width:100;
        padding:20px;
        text-align:left;
    }

    .page-stores .contact-rich .row .block .store-picture{
        margin-bottom: 40px;
    }

    .contact-rich .block{
        border:none;
    }
    .page-contact .contact-rich .row .block .casse-name,
    .page-stores .contact-rich .row .block .casse-name{
        text-transform: inherit;
        color: var(--secondary) !important;
        font-family: var(--font-secondary);
        font-size: 21px;
        font-weight: 500;
        display: block;
        margin-bottom: 30px;
    }

    @media (min-width: 992px){
        .page-contact .contact-rich .row .block,
        .page-stores .contact-rich .row .block{
            width:33.33%;
            padding:30px 60px;
            text-align:left;
        }

        .contact-rich .block {
            border-right: 1px solid #eee;
        }
        .page-contact .contact-rich .row .block:nth-child(3n),
        .page-stores .contact-rich .row .block:nth-child(3n){
            border-right:0 none;
        }
        .page-stores .contact-rich .row .block:nth-child(n+4),
        .page-contact .contact-rich .row .block:nth-child(n+4){
            border-top:1px solid #eee;
        }
    }
    .contact-rich .block,
    .contact-rich .block p{
        color:#000000;
        font-weight: bold;
    }

    .contact-rich .block h6{
        font-weight: 600;
        margin-bottom: 10px;
    }

    .contact-rich .block a,
    .contact-rich .block p a{
        color: #000000;
        text-decoration: none;
        transition: 0.2s;
        font-weight: 400;
    }
    .contact-rich .block a:hover,
    .contact-rich .block p a:hover{
        color:var(--primary);
        text-decoration:underline;
    }
    .contact-rich .block .data span{
        display:inline;
    }
    .contact-rich .block .data .horaires_day{
        display:flex;
    }
    .contact-rich .block .data .horaires_day .label{
        width:90px;
        font-weight: 500;
        margin-bottom: 3px;
    }
    .contact-rich .block .data .horaires_day .value{
        width:calc(100% - 90px);
        color: #000000;
        margin-bottom: 3px;
    }
    /*FOOTER*/
    .footer-container li a:hover {
        color: var(--secondary);
    }

    /*CUSTOM PIECES AUTO*/
    .gammes_list, .edito {
        padding: 20px 0;
    }
    .gammes_list h2 {
        font-family: var(--font-primary);
        font-size: 2.125rem;
        color: var(--secondary);
        margin-bottom: 20px;
        font-weight:bold;
        text-transform: uppercase;
    }
    .gammes_list ul.gamme_list_ul {
        list-style: none;
        column-count: 2;
        column-gap: 30px;
        margin: 0;
        padding: 0;
    }
    .gammes_list ul.gamme_list_ul li {
        display: block;
        column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        padding: 5px 0 0;
    }
    .gammes_list ul.gamme_list_ul li a {
        font-size: 1.125rem;
        display: block;
        font-weight: 500;
        transition: 0.2s;
    }
    .gammes_list ul.gamme_list_ul li a:hover {
        color: var(--secondary);
        text-decoration: underline;
    }
    .gammes_list .pieces_cat {
        padding: 20px 0;
    }
    .gammes_list .pieces_cat h3 {
        font-family: var(--font-primary);
        font-size: 1.25rem;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .gammes_list .pieces_cat ul.liste_pieces {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 1.125rem;
    }
    .gammes_list .pieces_cat ul.liste_pieces li {
        display: flex;
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 10px;
    }
    .gammes_list .pieces_cat ul.liste_pieces li span.label_cat {
        font-weight: bold;
        display: block;
    }
    .gammes_list .pieces_cat ul.liste_pieces li a.link_cat {
        text-decoration: underline;
        transition: 0.2s;
    }
    .gammes_list .pieces_cat ul.liste_pieces li a.link_cat:hover {
        color: var(--secondary);
    }
    .edito {
        margin-bottom: 20px;
    }
    .edito h3 {
        margin-bottom: 30px;
    }
    /*@include media-breakpoint-up(lg) {
        */
    @media (min-width: 992px){
        .gammes_list, .edito {
            padding: 40px 0;
        }
        .gammes_list h2 {
            margin-bottom: 40px;
        }
        .gammes_list ul.gamme_list_ul {
            column-count: 4;
        }
        .gammes_list ul.gamme_list_ul li {
            padding: 20px 0 0 0;
        }
        .gammes_list .pieces_cat {
            padding: 30px 0;
        }
        .gammes_list .pieces_cat h3 {
            margin-bottom: 20px;
        }
        .gammes_list .pieces_cat ul.liste_pieces li {
            flex-direction: row;
        }
        .gammes_list .pieces_cat ul.liste_pieces li span.label_cat {
            white-space: nowrap;
        }
        .gammes_list .pieces_cat ul.liste_pieces li a.link_cat {
            white-space: nowrap;
        }
        .edito {
            margin-bottom: 40px;
        }
        .edito h3 {
            margin-bottom: 30px;
        }
        /*
    }
    */
    }
    @media (min-width: 1100px){
    /*@include media-breakpoint-up(xl) {
        */
        .gammes_list ul.gamme_list_ul {
            column-count: 6;
        }
        /*
    }
    */
    }
    /*PAGINATION*/
    .list_nav {
        padding: 30px 0 0;
        margin-bottom: 15px;
        /*border-bottom: 2px solid #000; */
        
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        margin: 0 auto;
        position: relative;
    }
    .list_nav .pagination {
        display: flex;
        align-items: center;
        align-content: flex-start;
        flex-direction: column;
        width: 100%;
    }
    .list_nav .pagination ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        width: 100%;
    }
    .list_nav .pagination ul li {
        display: block;
        margin: 0 4px;
        width: 68px;
        height: 68px;
    }
    .list_nav .pagination ul li a, 
    .list_nav .pagination ul li span:not(.current_page) {
        height: 100%;
        width: 100%;
        position: relative;
        display: block;
        text-align: center;
        background-color: #FFFFFF;
        color: #9e9c9c;
    }
    .list_nav .pagination ul li a .icon, .list_nav .pagination ul li span:not(.current_page) .icon {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 29px;
        color: var(--secondary);
        height: 18px;
    }
    .list_nav .pagination ul li a .icon svg, .list_nav .pagination ul li span:not(.current_page) .icon svg {
        display: block;
        max-width: 100%;
        height: auto;
    }
    .list_nav .pagination ul li a.disabled .icon, 
    .list_nav .pagination ul li span:not(.current_page).disabled .icon {
        color: #555;
    }
    .list_nav .pagination ul li.current {
        background: white;
        display: flex;
        align-content: center;
        align-items: center;
        text-align: center;
    }
    .list_nav .pagination ul li.current span {
        margin: 0 auto;
    }
    .list_nav .pagination .total_page {
        margin-top: 10px;
        margin-left: 90px;
        width: auto;
        text-align: left;
        margin-right: auto;
    }
    .list_nav #items_number {
        position: absolute;
        right: 0;
        top: 30px;
        height: 68px;
        width: 68px;
        background: #FFF;
        border-color: #FFF;
        justify-self: end;
        align-self: flex-end;
        margin-left: auto;
    }
    @media (min-width: 1100px) {
        .product_list {
            padding: 40px 0;
        }
        .list_nav {
            width:auto;
            padding-top: 30px;
            /* padding: 60px 0;
            margin-bottom: 60px;
            width: auto; */
        }
        .list_nav .pagination {
            flex-direction: row;
            width: auto;
            align-content: center;
        }
        .list_nav .pagination ul {
            width: auto;
        }
        .list_nav .total_page {
            margin-top: 0;
            margin-left: 40px;
            margin-top: 10px;
            margin-right: 0;
        }
        .list_nav #items_number {
            top: 60px;
        }
    }
 

/* ==========================================================================
   0. FINE TUNING
   ========================================================================== */

    .product-quantity,
    .input-group.bootstrap-touchspin{
        display: none;
    }

    .tvcms-newsletter-wrapper {
        display: none;
    }

    .tvfooter-copy-payment-icon-wrapper .block-social{
        display: none;
    }
    @media (min-width:992px) {
        .delivery-option label.col-sm-11 .row .col-xs-12 {
            display: inline-block;
            width: auto;
            text-align: left;
        }
    }
    .tvfooter-logo-link-wrapper {
        background-color: transparent;
        padding: 0;
        border-radius: 0;
    }
    .tvfooter-logo-link-wrapper > .container > .col-sm-12{
        padding:0;
    }
    .footer-content-inner{
        background-color: white;
        padding: 0 20px;
        border-radius: 5px;
    }
    .ttvcmscart-show-dropdown-right .tvcart-product-content .product-price,
    .product-price-and-shipping .price {
        color:var(--secondary);
    }
    .tvtabcategory-product-li .tvtabcategory-product-li-inner-block,
    .tvtabcategory-product-li.active .tvtabcategory-product-li-inner-block, 
    .tvtabcategory-product-li:hover .tvtabcategory-product-li-inner-block,
    .tvtabcategory-product-li .tvtabcategory-product-li-inner-block a{
        color:var(--tertiary);
        pointer-events:none;
    }
    .footer-container #footer_sub_menu_myaccount a.link_compare, 
    .footer-container #footer_sub_menu_myaccount a[title="Bons de réduction"],
    .footer-container #footer_sub_menu_myaccount a[title="Mes alertes"], 
    .page-my-account #content .links a#emailsalerts {
        display: none;
    }

    /*NO RESULTS FORM*/
    .no_result_block{
        margin:20px 0;
        padding: 20px;
    }
    @media (min-width: 924px) {
       .no_result_block{
           margin:40px 0;
           padding: 40px 100px;
       }
    }
    .form-group .form_info{
        position:absolute;
        top:0;
        left:15px;
        display:none;
    }
	.tv-megamenu-slider-wrapper .html-block {
		text-align: left;
		text-transform: uppercase;
	}
	#product #block-reassurance span{
		text-transform: uppercase;
	}
	.cart-content-btn a.tvall-inner-btn {
		line-height: 30px;
	}
	.tvcms-main-title .tvmain-title h2,
	.tvproduct-name.product-title a h6,
	.tv-product-page-content h1,
	.product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name{
		text-transform: none;
	}
	.block-categories .category-sub-menu li[data-depth="0"]>a{
		padding-right: 20px;	
	}
	.block-categories .collapse-icons{
		padding: 13px 9px;
	}
	.block-categories .category-sub-menu li .category-sub-link{
		font-size: 12px;
    	line-height: 1.2;
	}
	.block-categories .category-sub-menu li>a{
		padding: 4px 0;
	}
	@media (max-width: 768px) {
		.tvcmsmobile-top-wrapper {
			display: none !important;
		}
		.page-hero .hero_with_image .hero_content{
			padding:20px 0;
		}
		.hero_content p{
			font-size:16px;
			line-height:22px;
		}
		.tv-menu-horizontal > ul > li:hover > a span{
			color:var(--primary) !important;
		}
		#search_tabs_content{
			border-radius:0;
		}
		.services_item img{
			max-width: 100px;
   			max-height: 75px;;
			margin-bottom: 16px;
		}
		.tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart{
			padding:14px 7px;
			font-size:14px;
		}
		button.btn.add-to-cart.tvproduct-add-to-cart::after {
			margin-left: 4px;
		}
		a.tvtabcategory-tab-sub-title{
			position: relative;
			padding-left: 30px;
			font-size: 14px;
			line-height: 16px;
			text-align: left;
			width: 100%;
		}
		a.tvtabcategory-tab-sub-title::before {
			position: absolute;
			left: 0;
			width: 25px;
			height: 25px;
			background-size: 100% auto;
			top: 50%;
			transform: translateY(-50%);
		}
		#product #block-reassurance ul li{
			width:100%;
			margin:0 0 5px 0;
		}
		#block-reassurance li .block-reassurance-item{
			padding:8px;
		}
		.tv-product-page-content #block-reassurance img {
			max-width: 35px;
			width: auto !important;
			height: 35px;
		}
		#blockcart-modal .modal-title i.material-icons{
			margin-right:8px;
		}
		#blockcart-modal .modal-title{
			font-size:18px;
		}
		
	}
	#header .tv-account-wrapper .tv-myaccount-btn-desktop svg path:nth-child(1),
	#header .tvheader-cart-wrapper .tv-cart-icon-main svg g path,
	#header .tv-account-wrapper .tv-myaccount-btn-desktop svg circle{
		stroke: var(--secondary) !important;
		
	}
	#contact #left-column{
		width:100% !important;
	}
	.tv-product-cart-quentity-inner,
	.tv_search_filter_wrapper{
		display:none;
	}
	.product_main_info {
        padding-bottom:30px;
        font-weight:bold;
        font-size:15px;
        color:var(--primary);
    }
    .product_main_info .label{
        color:#232323;
        font-weight: bold;
        font-size:1rem;
    }
    .product_main_info ul li{
        display:flex;
        align-items:center;
        padding:2px 0;
        color:#232323;
    }
    .product_main_info ul li span.value{
        color: var(--prinmary);
    	font-weight: normal;
    }
    .product_main_info img.icon{
        width:24px;
        margin-right:10px;
    }
    .product_main_info a{
        font-weight:normal;
        text-decoration:underline;
		font-weight:bold;
		color: var(--secondary);
    }

	.block-categories{
		border:0 none !important;
	}