/**
* @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:#1560A3;
	--s1a:#1560A3e8;
	--s2:#BE1622;
	--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,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NyIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDg3IDUwIj48cGF0aCBkPSJNNTUuNjczLjVsMzAuMzI3LDIzLjQ2MmgtMzAuMzI3Vi41Wk01My41OTcuNWwtMzAuMzI3LDIzLjQ2MmgzMC4zMjdzMC0yMy40NjIsMC0yMy40NjJaTTUzLjU5NywyNi4wMzhoLTMwLjMyN3MzMC4zMjcsMjMuNDYyLDMwLjMyNywyMy40NjJ2LTIzLjQ2MloiIGZpbGw9IiMxNTYwYTMiLz48L3N2Zz4=");
	--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='%23BE1622'/%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,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzE1NjBhMyIvPjxwYXRoIGQ9Ik0xMS45LDEwYy4xNywwLC4zNC4wNC40OS4xNGw4LjIxLDUuMTZjLjUzLjMzLjUzLDEuMDcsMCwxLjRsLTguMjEsNS4xNmMtLjE2LjEtLjMzLjE0LS40OS4xNC0uNDYsMC0uOS0uMzUtLjktLjg0di0xMC4zMWMwLS40OS40My0uODQuOS0uODRNMTEuOSw4aDBjLTEuNiwwLTIuOSwxLjI4LTIuOSwyLjg0djEwLjMxYzAsMS41NywxLjMsMi44NCwyLjksMi44NC41NSwwLDEuMDktLjE2LDEuNTYtLjQ1bDguMjEtNS4xNmMuODQtLjUyLDEuMzMtMS40MiwxLjMzLTIuMzlzLS41LTEuODctMS4zMy0yLjM5bC04LjIxLTUuMTZjLS40Ny0uMjktMS4wMS0uNDUtMS41Ni0uNDVoMFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
	--icon_products: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NyIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDg3IDUwIj48cGF0aCBkPSJNNTUuNjczLjVsMzAuMzI3LDIzLjQ2MmgtMzAuMzI3Vi41Wk01My41OTcuNWwtMzAuMzI3LDIzLjQ2MmgzMC4zMjdzMC0yMy40NjIsMC0yMy40NjJaTTUzLjU5NywyNi4wMzhoLTMwLjMyN3MzMC4zMjcsMjMuNDYyLDMwLjMyNywyMy40NjJ2LTIzLjQ2MloiIGZpbGw9IiMxNTYwYTMiLz48L3N2Zz4=");
	--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: 24px 24px 24px 0;
	--img_radius_r: 24px 24px 0 24px;
	--scroll-offset:140px;
}
@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);}
.list-product-types li.active a{color:#fff;}
#nous-contacter .c-info {display:none;}
body.itemid-329 #certifications .o-col-3 {align-content: space-around;}

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-project::before,
.bd-style-dark-project-triangles::before,
.bd-style-light-project::before,
.bd-style-light-project-triangles::before {
	background: linear-gradient(180deg, var(--s1) 50%, var(--s2) 100%);
}
.o-slider[data-o-slide="alutech"] .uk-dotnav {
	--s2:#2C136D;
}
.bd-style-dark-project-alutech,
.bd-style-light-project-alutech {
	--s1:#D3A100;
}
.bd-style-dark-project-alutech::before,
.bd-style-light-project-alutech::before {
	background: linear-gradient(180deg, var(--s1) 0%, #2C136D 100%);
}
.o-slider[data-o-slide="none"] .uk-dotnav {
	--s2:var(--color-font);
}
.bd-style-light-project-none::before {
	background: var(--color-font);
}
.o-slider[data-o-slide="pascal"] .uk-dotnav {
	--s2:#CB2E1B;
}
.bd-style-dark-project-pascal,
.bd-style-light-project-pascal {
	--s1:#880F0C;
}
.bd-style-dark-project-pascal::before,
.bd-style-light-project-pascal::before {
	background: linear-gradient(180deg, var(--s1) 0%, #CB2E1B 100%);
}
.o-slider[data-o-slide="triola"] .uk-dotnav {
	--s2:#F1C400;
}
.bd-style-dark-project-triola,
.bd-style-light-project-triola {
	--s1:#007A33;
}
.bd-style-dark-project-triola::before,
.bd-style-light-project-triola::before {
	background: linear-gradient(180deg, var(--s1) 50%, #F1C400 100%);
}
.o-slider[data-o-slide="wilco"] .uk-dotnav {
	--s2:#016D77;
}
.bd-style-dark-project-wilco,
.bd-style-light-project-wilco {
	--s1:#192E4F;
}
.bd-style-dark-project-wilco::before,
.bd-style-light-project-wilco::before {
	background: linear-gradient(180deg, var(--s1) 50%, #016D77 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) {
	header .nav.nav-prod-ul li:last-child{margin-left: auto;}

	#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:1111px){
	header .nav-prod-ul{font-size: 16px;}
}
@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%)
	}
}