/**
* @version 			Octo 1.x
* @package			Octo Template Framework
* @url				https://www.octopoos.com
* @editor			Octopoos - www.octopoos.com
* @copyright		Copyright (C) 2024 Octopoos. All Rights Reserved.
* @license 			GNU General Public License version 2 or later; see _LICENSE.php
**/

:root{
	--white: #ffffff;
	--black: #101010;
	--s1:#007A33;
	--s1a:#007A33e8;
	--s2:#F1C400;
	--s3:#101010;
	--s4:#e2e2e2;
	--s5:#F8F8F8;	
	--s6:#5C5C5C;
	--s7:#d9d9d9;		
	--bd-container-s: 744px;
	--bd-container-m: 936px;
	--bd-container-n: 1272px;
	--bd-container-n-nopx: 1272;
	--bd-gap-col: 48px;
	--bd-gap-row: 48px;
	--bd-pad-left: 16px;
	--bd-pad-right: 16px;
	--bd-query-xs: 532px;
	--bd-query-xs-nopx: 532;
	--bd-container-margin: 0 auto;
	--color-font: var(--black);
	--font: 'open_sans' ;	
	--uk-accordion-title-icon-font:'project';
	--uk-accordion-title-icon:'\e915';
	--img_header: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCAxMDAgODAiPjxwYXRoIGQ9Ik0wLDB2ODBzMTAwLDAsMTAwLDBMMCwwWiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
	--icon_eldo: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMjguNSwyNS40OGMyLjI2LTIuNzYsMy41LTYuMjEsMy41LTkuNzVDMzIsNy4wNywyNC44MSwwLDE1Ljk4LDBTLS4wMiw3LjA0LDAsMTUuNjhDMCwyNC4zOCw3LjE5LDMxLjQ0LDE2LjA1LDMxLjQyYzEuOCwwLDMuNTktLjMsNS4zMi0uOTFsOC41NCwxLjQ4Yy4xNy4wMi4zNC4wMi40OS0uMDUuNDItLjIuNjQtLjY5LjQ0LTEuMTNsLTIuMzQtNS4zMloiIGZpbGw9IiM0ZWNmODkiLz48cGF0aCBkPSJNMjMuMDIsMjIuMTVjMCwuMy0uMjUuNTctLjU3LjU3aC0xMi45N2MtLjMsMC0uNTctLjI1LS41Ny0uNTd2LTEwLjQ0Yy4wMi0uMTcuMDctLjMyLjItLjQybDYuNjctNC40NmMuMjItLjIuNTQtLjIuNzYsMGw2LjMsNC40NmMuMS4xLjE3LjI1LjE3LjM5djEwLjQ2WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
	--icon_menu: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NyIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDg3IDUwIj48cG9seWdvbiBwb2ludHM9IjM3LjM4IDQ5LjUgNzIuNzcgNDkuNSAzNy4zOSAyMi4xMyAzNy4zOCA0OS41IiBmaWxsPSIjZjFjNDAwIi8+PHBhdGggZD0iTTM4LjU2LDYuOTdsLTcuMzctNS43MWMtLjU4LS40Mi0xLjIzLS42Ni0xLjk1LS43My0uNzItLjA3LTEuNDEuMDUtMi4wNy4zNy0uNjcuMzMtMS4yLjgtMS41OSwxLjQyLS4zOS42Mi0uNTgsMS4yOC0uNTksMS45OGwtLjAyLDQ1LjIxaDBzLjAxLDAsLjAxLDBoMHM3LjY1LDAsNy42NSwwVjEyLjE4czQ4LjI0LDM3LjMyLDQ4LjI0LDM3LjMyaC42Mmw0LjUxLTUuODNMMzguNTYsNi45N1oiIGZpbGw9IiMxNjE0MTIiLz48L3N2Zz4=");
	--icon_google: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJiIj48cmVjdCB4PSI4Ljc3IiB5PSI4Ljc3IiB3aWR0aD0iMTQuNDUiIGhlaWdodD0iMTQuNDUiIGZpbGw9Im5vbmUiLz48L2NsaXBQYXRoPjwvZGVmcz48cGF0aCBkPSJNMTYsLjFoMGM4Ljc4LDAsMTUuOSw3LjEyLDE1LjksMTUuOWgwYzAsOC43OC03LjEyLDE1LjktMTUuOSwxNS45aDBDNy4yMiwzMS45LjEsMjQuNzguMSwxNkguMUMuMSw3LjIyLDcuMjIuMSwxNiwuMVoiIGZpbGw9IiNmMmYyZjIiLz48ZyBjbGlwLXBhdGg9InVybCgjYikiPjxwYXRoIGQ9Ik0yMi45NCwxNi4xNmMwLS41MS0uMDUtMS4wMS0uMTMtMS40OGgtNi44MXYyLjhoMy44OWMtLjE3LjktLjY4LDEuNjctMS40NCwyLjE4djEuODFoMi4zNGMxLjM3LTEuMjYsMi4xNi0zLjExLDIuMTYtNS4zMVoiIGZpbGw9IiM0Mjg1ZjQiLz48cGF0aCBkPSJNMTYsMjMuMjNjMS45NSwwLDMuNTktLjY1LDQuNzgtMS43NWwtMi4zNC0xLjgxYy0uNjUuNDMtMS40OC42OS0yLjQ1LjY5LTEuODgsMC0zLjQ4LTEuMjctNC4wNC0yLjk4aC0yLjQxdjEuODdjMS4xOSwyLjM2LDMuNjMsMy45OCw2LjQ2LDMuOThaIiBmaWxsPSIjMzRhODUzIi8+PHBhdGggZD0iTTExLjk2LDE3LjM3Yy0uMTQtLjQzLS4yMy0uOS0uMjMtMS4zN3MuMDgtLjk0LjIzLTEuMzd2LTEuODdoLTIuNDFjLS40OS45OC0uNzcsMi4wOC0uNzcsMy4yNXMuMjgsMi4yNy43NywzLjI1bDIuNDEtMS44N1oiIGZpbGw9IiNmYmJjMDQiLz48cGF0aCBkPSJNMTYsMTEuNjVjMS4wNiwwLDIuMDEuMzYsMi43NiwxLjA4bDIuMDctMi4wN2MtMS4yNS0xLjE3LTIuODktMS44OC00Ljg0LTEuODgtMi44MywwLTUuMjcsMS42Mi02LjQ2LDMuOThsMi40MSwxLjg3Yy41Ny0xLjcxLDIuMTYtMi45OCw0LjA0LTIuOThaIiBmaWxsPSIjZTk0MjM1Ii8+PC9nPjwvc3ZnPg==");
	--icon_select : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23F1C400'/%3E%3Cpath d='M18.53,10.53l-6.53,6.53-6.53-6.53c-.29-.29-.29-.77,0-1.06s.77-.29,1.06,0l5.47,5.47,5.47-5.47c.29-.29,.77-.29,1.06,0s.29,.77,0,1.06Z' fill='%23ffffff'/%3E%3C/svg%3E");
	--icon_play: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzAwN2EzMyIvPjxwYXRoIGQ9Ik0xMS45LDEwYy4xNywwLC4zNC4wNC40OS4xNGw4LjIxLDUuMTZjLjUzLjMzLjUzLDEuMDcsMCwxLjRsLTguMjEsNS4xNmMtLjE2LjEtLjMzLjE0LS40OS4xNC0uNDYsMC0uOS0uMzUtLjktLjg0di0xMC4zMWMwLS40OS40My0uODQuOS0uODRNMTEuOSw4aDBjLTEuNiwwLTIuOSwxLjI4LTIuOSwyLjg0djEwLjMxYzAsMS41NywxLjMsMi44NCwyLjksMi44NC41NSwwLDEuMDktLjE2LDEuNTYtLjQ1bDguMjEtNS4xNmMuODQtLjUyLDEuMzMtMS40MiwxLjMzLTIuMzlzLS41LTEuODctMS4zMy0yLjM5bC04LjIxLTUuMTZjLS40Ny0uMjktMS4wMS0uNDUtMS41Ni0uNDVoMFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
	--icon_products: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NyIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDg3IDUwIj48cG9seWdvbiBwb2ludHM9IjM3LjM4IDQ5LjUgNzIuNzcgNDkuNSAzNy4zOSAyMi4xMyAzNy4zOCA0OS41IiBmaWxsPSIjZjFjNDAwIi8+PHBhdGggZD0iTTM4LjU2LDYuOTdsLTcuMzctNS43MWMtLjU4LS40Mi0xLjIzLS42Ni0xLjk1LS43My0uNzItLjA3LTEuNDEuMDUtMi4wNy4zNy0uNjcuMzMtMS4yLjgtMS41OSwxLjQyLS4zOS42Mi0uNTgsMS4yOC0uNTksMS45OGwtLjAyLDQ1LjIxaDBzLjAxLDAsLjAxLDBoMHM3LjY1LDAsNy42NSwwVjEyLjE4czQ4LjI0LDM3LjMyLDQ4LjI0LDM3LjMyaC42Mmw0LjUxLTUuODNMMzguNTYsNi45N1oiIGZpbGw9IiMxNjE0MTIiLz48L3N2Zz4=");
	--img_arrows: "";
	--pagination-first:none;--pagination-previous:block;--pagination-page:none;--pagination-next:block;--pagination-last:none;--pagination-manager-first:block;--pagination-manager-previous:block;--pagination-manager-page:block;--pagination-manager-next:block;--pagination-manager-last:block;
	--color-font-hover: var(--s1);
	--img_radius: 200px 32px 32px 0;
	--img_radius_l: 200px 24px 24px 0;
	--img_radius_r: 24px 200px 0 24px;
}
@media (max-width:1272px) {
	:root {
		--bd-container-n: 100%;
		--bd-container-n-nopx: 1272;
	}
}
@media (max-width:767px) {
	:root{--pagination-first:none;--pagination-previous:block;--pagination-page:none;--pagination-next:block;--pagination-last:none;--pagination-manager-first:none;--pagination-manager-previous:block;--pagination-manager-page:none;--pagination-manager-next:block;--pagination-manager-last:none;}
}

/* Custom custom */

body.itemid-401.view-list #system{display:none;}
header .nav.nav-prod-ul li:last-child a b:after{background:var(--s2);}

blockquote:before {
	background: linear-gradient(180deg, var(--s1) 0%, var(--s2) 100%);
}
.bd-card-devis::before {
	background: linear-gradient(270deg, var(--s2) 0%, var(--s1) 81%);
}
.bd-style-dark-red::before {
	background: linear-gradient(180deg, var(--s1) 50%, var(--s2) 100%);
}
#system-message-container .alert.alert-success > div {border-color: var(--s1);}
.uk-dotnav > * >:hover,
.uk-dotnav > .uk-active > * {
	background-color: var(--s2);
}

@media (min-width:1024px) {
	#gh-g .uk-navbar-toggle b, #gh-g #htel > span {
		color: var(--white);
	}
	#gh-g .uk-navbar-toggle b:before {
		background: var(--white);
	}
	#gh-g .uk-navbar-toggle svg {
		fill: var(--s1);
	}
	#gh-g .o-btn-outlined, #gh-g .o-btn-solid {
		border-color: var(--white);
	}
	#gh-g .o-btn-outlined, #gh-g .o-btn-solid:hover {
		--color-font: var(--white);
	}
	#gh-g .o-btn-solid, #gh-g .o-btn-solid:focus, #gh-g .o-btn-outlined:hover {
		background: var(--white);
		
		--color-font: var(--s1);
	}
	#gh-g .o-btn-outlined:focus {
		color: var(--s1);	
	}
	#gh-g .o-btn-solid:hover, #gh-g .o-btn-solid:focus:not(:hover) {
		background: transparent;
	}
	#gh-g::before {
		content: "";
	    background: linear-gradient(90deg, var(--s1) 50%, var(--s2) 65%, var(--s2) 100%);
		width: 100%;
		height: 80px;
		position: absolute;
		left: 312px;
		top: 0;
	}
	#gh-g:after {
		content: "";
		position: absolute;
		background-image: var(--img_header);
		height: 80px;
		left: 312px;
		top: 0;
		width: 100px;
	}
}
@media (min-width:1360px) {
	#gh-g::before {
		background: linear-gradient(90deg, var(--s1) 60%, var(--s2) 75%, var(--s2) 100%);
	}
}
@media (min-width:1440px) {
	#gh-g::before {
		width: 120%;
		background: linear-gradient(90deg, var(--s1) 50%, var(--s2) 65%, var(--s2) 100%);
	}
}
@media (min-width:1660px) {
	#gh-g::before {
		background: linear-gradient(90deg, var(--s1) 55%, var(--s2) 75%, var(--s2) 100%)
	}
}
@media (min-width:1880px) {
	#gh-g::before {
		background: linear-gradient(90deg, var(--s1) 60%, var(--s2) 84%, var(--s2) 100%)
	}
}