:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.35rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  /* MODAL */
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
}

/*SAL*/
[data-sal][data-sal][data-sal-delay='1100'].sal-animate,body [data-sal-delay='1100'][data-sal].sal-animate{transition-delay:1.1s}
[data-sal][data-sal][data-sal-delay='1200'].sal-animate,body [data-sal-delay='1200'][data-sal].sal-animate{transition-delay:1.2s}
[data-sal][data-sal][data-sal-delay='1300'].sal-animate,body [data-sal-delay='1300'][data-sal].sal-animate{transition-delay:1.3s}
[data-sal][data-sal][data-sal-delay='1400'].sal-animate,body [data-sal-delay='1400'][data-sal].sal-animate{transition-delay:1.4s}

[data-sal][data-sal][data-sal-delay='3000'].sal-animate,body [data-sal-delay='3000'][data-sal].sal-animate{transition-delay:3s}
[data-sal][data-sal][data-sal-delay='3500'].sal-animate,body [data-sal-delay='3500'][data-sal].sal-animate{transition-delay:3.5s}
[data-sal][data-sal][data-sal-delay='4000'].sal-animate,body [data-sal-delay='4000'][data-sal].sal-animate{transition-delay:4s}
[data-sal][data-sal][data-sal-delay='4100'].sal-animate,body [data-sal-delay='4100'][data-sal].sal-animate{transition-delay:4.1s}
[data-sal][data-sal][data-sal-delay='4200'].sal-animate,body [data-sal-delay='4200'][data-sal].sal-animate{transition-delay:4.2s}
[data-sal][data-sal][data-sal-delay='4300'].sal-animate,body [data-sal-delay='4300'][data-sal].sal-animate{transition-delay:4.3s}
[data-sal][data-sal][data-sal-delay='4400'].sal-animate,body [data-sal-delay='4400'][data-sal].sal-animate{transition-delay:4.4s}
[data-sal][data-sal][data-sal-delay='4500'].sal-animate,body [data-sal-delay='4500'][data-sal].sal-animate{transition-delay:4.5s}
[data-sal][data-sal][data-sal-delay='5000'].sal-animate,body [data-sal-delay='5000'][data-sal].sal-animate{transition-delay:5s}
[data-sal][data-sal][data-sal-delay='5500'].sal-animate,body [data-sal-delay='5500'][data-sal].sal-animate{transition-delay:5.5s}
[data-sal=zoom-out-left2],html:not(.no-js) [data-sal=zoom-out-left2]{transform:translate(50px) scale(1.2)}

 
/* PARALLAX */
[data-parallax-wrapper] { position: relative; overflow: hidden;}
/*[data-parallax-wrapper] [data-parallax-element], .data-parallax-element { transform: scale(1.3); transform-origin: 50% 50%;}*/

@media all and (max-width: 480px) {
    [data-parallax-wrapper] [data-parallax-element],.data-parallax-element { transform: scale(1.5); }
}

/* MASK */ 
 
.mask { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #fff; }
.mask.left { top: 0; left: -100%; }
.mask.right { left: inherit; right: -100%; }
.mask.up { top: -100%; bottom: inherit; left: 0; }
.mask.down { top: inherit; bottom: -100%; left: 0; }

.mask-obj { position: relative; overflow: hidden; display: flex; /*align-items: center; justify-content: center;*/ }
.mask-obj img { width: 100%; height: auto; -webkit-transform:translate3d(0,0,0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;} 

[data-src]::before {content: '';display: block;padding-top: 56.25%;}    

.linea{position:absolute;top:0;left:0;width:0px;height:0px;background-color:rgba(101,93,64,.8);transition:all .5s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
/*clipmask*/
.clipmask{will-change:transform,clip-path;/*transition:clip-path 1.2s /*cubic-bezier(0.46, 0.03, 0.52, 0.96)*/; /*;transition-delay:.4s;*/}
.clipmask.cmtop{clip-path:inset(100% 0 0 0%);transition:clip-path .2s /*cubic-bezier(0.46, 0.03, 0.52, 0.96)*/;transition-timing-function: ease-in-out!important;}
.clipmask.cmright{clip-path:inset(0 100% 0 0%);transition:clip-path .2s /*cubic-bezier(0.46, 0.03, 0.52, 0.96)*/;transition-timing-function: ease-in-out!important;}
.clipmask.cmbottom{clip-path:inset(0 0 100% 0%);transition:clip-path .2s /*cubic-bezier(0.46, 0.03, 0.52, 0.96)*/;transition-timing-function: ease-in-out!important;}
.clipmask.cmleft{clip-path:inset(0 0 0 100%);transition:clip-path .2s /*cubic-bezier(0.46, 0.03, 0.52, 0.96)*/;transition-timing-function: ease-in-out!important;}

.clipmask.cmzoom-in{clip-path:inset(100%);transition:clip-path .2s /*cubic-bezier(0.46, 0.03, 0.52, 0.96)*/;transition-timing-function: ease-in-out!important;}
.clipmask.cmzoom-out{clip-path:inset(0%);transition:clip-path .2s /*cubic-bezier(0.46, 0.03, 0.52, 0.96)*/;transition-timing-function: ease-in-out!important;}
.clipmask.cmzoom-70-100{clip-path:inset(100%);transition:clip-path .2s /*cubic-bezier(0.46, 0.03, 0.52, 0.96)*/;transition-timing-function: ease-in-out!important;}

.clipmask.cmtop-translateY{clip-path:inset(100% 0 0 0%);  transition:clip-path .2s /*cubic-bezier(0.46, 0.03, 0.52, 0.96)*/;transition-timing-function: ease-in-out!important;}

.clipmask.cpstart { clip-path: inset(0% 0% 0% 0%)!important;transition:clip-path 1.2s /*cubic-bezier(0.46, 0.03, 0.52, 0.96)*/;transition-timing-function: ease-in-out!important;}

@media all and (max-width: 480px) {
    .clipmask-xs-no{ clip-path: inherit!important;}
}
/*.nomeclasse.start .clipmask { clip-path: inset(0% 0% 0% 0%);}	*/

.cromo-parallax.cp-stop{ transform: none!important; transition: all 0s linear!important} 

/* TRANSITIONS */

.transitionSpeed-0{transition-duration:0s!important;}
.transitionSpeed-05{transition-duration:0.5s!important;}
.transitionSpeed-10{transition-duration:1s!important;}
.transitionSpeed-15{transition-duration:1.5s!important;}
.transitionSpeed-20{transition-duration:2s!important;}
.transitionSpeed-25{transition-duration:2.5s!important;}
.transitionSpeed-30{transition-duration:3s!important;}
.transitionSpeed-35{transition-duration:3.5s!important;}
.transitionSpeed-40{transition-duration:4s!important;}

.transitionDelay-0{transition-delay:0s!important}
.transitionDelay-05{transition-delay:.5s!important }
.transitionDelay-10{transition-delay:1s!important}
.transitionDelay-15{transition-delay:1.5s!important}
.transitionDelay-20{transition-delay:2.0s!important}
.transitionDelay-25{transition-delay:2.5s!important}
.transitionDelay-30{transition-delay:3.0s!important}
.transitionDelay-35{transition-delay:3.5s!important}
.transitionDelay-40{transition-delay:4.0s!important}
 
.z-index-1 {z-index: 1;} 
.z-index-2 {z-index: 2;} 
.z-index-3 {z-index: 3;} 
.box-shadow-none {box-shadow:none;}

/* IMAGE */
.inverse-img {filter: brightness(0) invert(1);}


/* BOOTSTRAP OVERRIDES */ 

.pe-pointer { cursor: pointer;}

/* CONTAINER */
.container { position: relative;/* max-width: 1170px !important;*/ /* or 970px */ }
.container-fullwidth { position: relative; width: 100% !important; padding: 0; margin: 0; }
.container-fullwidth .row { margin-left: 0 !important; margin-right: 0 !important; }
.container-fullwidth > .content >.row >.col-md-12 { padding-left: 0 !important; padding-right: 0 !important; }
[data-bs-toggle="collapse"].collapsed .if-not-collapsed { display: none; }
[data-bs-toggle="collapse"]:not(.collapsed) .if-collapsed { display: none; }

/* RATIO */
 
.ratio-4-5 {aspect-ratio:4/5;}
.ratio-4-6 {aspect-ratio:4/6;}
.ratio-16-6 {aspect-ratio:16/6;} 
.ratio-16-10 {aspect-ratio:16/10;}
.ratio-16-12 {aspect-ratio:16/12;}
 
.transform-scale-1-0 {transform: scale(1.0);}
.transform-scale-1-1 {transform: scale(1.1);}

/* OBJECT */
.object-position-center {object-position: center;}
.object-position-top {object-position: top;}
.object-position-bottom {object-position: bottom;}
.object-position-right {object-position: right;}
.object-position-left {object-position: left;}

/* 	WINDOW HEIGHT */

.h-80 { height: 80%!important;}

.vh-25 { height: 25vh!important;}
.vh-33 { height: 33vh!important;}
.vh-40 { height: 40vh!important;}
.vh-45 { height: 45vh!important;}
.vh-50 { height: 50vh!important;}
.vh-60 { height: 60vh!important;}
.vh-75 { height: 75vh!important;}
.vh-80 { height: 80vh!important;}

/* 	WINDOW WIDTH */
 
.w-auto {width: auto!important;}
.w-30 { width: 30%!important;}
.w-40 { width: 40%!important;}
.w-65 { width: 65%!important;}
.w-70 { width: 70%!important;}
.w-80 { width: 80%!important;}
.w-85 { width: 85%!important;}

.vw-25 { width: 25vw!important;}
.vw-33 { width: 33vw!important;}
.vw-40 { width: 40vw!important;}
.vw-45 { width: 45vw!important;}
.vw-50 { width: 50vw!important;}
.vw-60 { width: 60vw!important;}
.vw-75 { width: 75vw!important;}
 

.marginTop100vh {margin-top: 100vH!important}
.marginTop50vh {margin-top: 50vH!important}
.marginTop30vh {margin-top: 30vH!important}

.mt-100px-negative { margin-top: -100px!important;}
.mt-150px-negative { margin-top: -150px!important;}
.mt-200px-negative { margin-top: -200px!important;}
.mt-300px-negative { margin-top: -300px!important;}
.mb-200px-negative { margin-bottom: -200px!important;}
.mb-300px-negative { margin-bottom: -300px!important;}

/* spscing 6-10*/

.mt-6, .my-6 { margin-top: 3.5rem!important;}
.mt-7, .my-7 { margin-top: 4rem!important;}
.mt-8, .my-8 { margin-top: 4.5rem!important;}
.mt-9, .my-9 { margin-top: 5rem!important;}
.mt-10, .my-10 { margin-top: 5.5rem!important;}

.mb-6, .my-6 { margin-bottom: 3.5rem!important;}
.mb-7, .my-7 { margin-bottom: 4rem!important;}
.mb-8, .my-8 { margin-bottom: 4.5rem!important;}
.mb-9, .my-9 { margin-bottom: 5rem!important;}
.mb-10, .my-10 { margin-bottom: 5.5rem!important;}

/* padding 6-10 */

.p-6 { padding: 3.5rem!important;}
.p-7 { padding: 4rem!important;}
.p-8 { padding: 4.5rem!important;}
.p-9 { padding: 5rem!important;}
.p-10 { padding: 5.5rem!important;}

.pt-6 { padding-top: 3.5rem!important;}
.pt-7 { padding-top: 4rem!important;}
.pt-8 { padding-top: 4.5rem!important;}
.pt-9 { padding-top: 5rem!important;}
.pt-10 { padding-top: 5.5rem!important;}

.pb-6 { padding-bottom: 3.5rem!important;}
.pb-7 { padding-bottom: 4rem!important;}
.pb-8 { padding-bottom: 4.5rem!important;}
.pb-9 { padding-bottom: 5rem!important;}
.pb-10 { padding-bottom: 5.5rem!important;}

.pe-6 { padding-right: 3.5rem!important;}
.pe-7 { padding-right: 4rem!important;}
.pe-8 { padding-right: 4.5rem!important;}
.pe-9 { padding-right: 5rem!important;}
.pe-10 { padding-right: 5.5rem!important;}

.ps-6 { padding-left: 3.5rem!important;}
.ps-7 { padding-left: 4rem!important;}
.ps-8 { padding-left: 4.5rem!important;}
.ps-9 { padding-left: 5rem!important;}
.ps-10 { padding-left: 5.5rem!important;}

  
@media only screen and (max-width: 667px) {
    
    .break-xs-br br{display: none}
    
    .ratio-xs-no {aspect-ratio:1/1!important;}	
    .transform-xs-none {transform: none!important;}
    .clip-path-no { clip-path: inherit!important;}
    
    .w-xs-auto {width: auto!important;}
    .h-xs-auto {height: auto!important;}
    
    .h-xs-75 {height: 75%!important;}
    .h-xs-100 {height: 100%!important;}
    
    .w-xs-15 {width: 15%!important;}
    .w-xs-25 {width: 25%!important;}
    .w-xs-50 {width: 50%!important;}
    .w-xs-75 {width: 75%!important;}
    .w-xs-85 { width: 85%!important;}
    .w-xs-100 { width: 100%!important;}
    
    .vh-xs-100 { height: 100vh!important;}
    .vh-xs-75 { height: 75vh!important;}
    .vh-xs-60 { height: 60vh!important;}
    .vh-xs-50 { height: 50vh!important;}
    
    /* FLEX XS*/
    .d-flex-xs-none { display: inherit!important;}
    
    .align-items-xs-start {-webkit-box-align: start !important;-ms-flex-align: start !important; align-items: flex-start !important; }   
    .justify-content-xs-center {-webkit-box-pack: center!important;-ms-flex-pack: center!important; justify-content:center!important; }    
    .justify-content-xs-start { -webkit-box-pack: start!important; -ms-flex-pack: start!important; justify-content:start!important; }    
    .justify-content-xs-end { -webkit-box-pack: end!important; -ms-flex-pack: end!important; justify-content:end!important; }    
    .object-position-xs-right {object-position: right!important;}    
    .flex-direction-xs-row-reverse {flex-direction: row-reverse;}        
	
	/* margin */
    
    .mt-xs-30perc-negative { margin-top: -30%!important;}
	.mb-xs-30perc-negative { margin-bottom: -30%!important;}
    
	.m-xs-0 { margin: 0rem!important;}
	.m-xs-1 { margin: 0.5rem!important;}
	.m-xs-2 { margin: 1rem!important;}
	.m-xs-3 { margin: 1.5rem!important;}
	.m-xs-4 { margin: 2rem!important;}
	.m-xs-5 { margin: 2.5rem!important;}	
	
	.mt-xs-0 { margin-top: 0rem!important;}
	.mt-xs-1 { margin-top: 0.5rem!important;}
	.mt-xs-2 { margin-top: 1rem!important;}
	.mt-xs-3 { margin-top: 1.5rem!important;}
	.mt-xs-4 { margin-top: 2rem!important;}
	.mt-xs-5 { margin-top: 2.5rem!important;}
	.mt-xs-6 { margin-top: 3.0rem!important;}
	.mt-xs-7 { margin-top: 3.5rem!important;}
	.mt-xs-8 { margin-top: 4rem!important;}
	.mt-xs-9 { margin-top: 4.0.5rem!important;}    
	.mt-xs-10 { margin-top: 5.0rem!important;}	
	
	.mb-xs-0 { margin-bottom: 0rem!important;}
	.mb-xs-1 { margin-bottom: 0.5rem!important;}
	.mb-xs-2 { margin-bottom: 1rem!important;}
	.mb-xs-3 { margin-bottom: 1.5rem!important;}
	.mb-xs-4 { margin-bottom: 2rem!important;}
	.mb-xs-5 { margin-bottom: 2.5rem!important;}
	.mb-xs-6 { margin-bottom: 3.0rem!important;}
	.mb-xs-7 { margin-bottom: 3.5rem!important;}
	.mb-xs-8 { margin-bottom: 4.0 rem!important;}
	.mb-xs-9 { margin-bottom: 4.5rem!important;}
	.mb-xs-10 { margin-bottom: 5.0rem!important;}
	
	.ms-xs-0 { margin-left: 0rem!important;}
	.ms-xs-1 { margin-left: 0.5rem!important;}
	.ms-xs-2 { margin-left: 1rem!important;}
	.ms-xs-3 { margin-left: 1.5rem!important;}
	.ms-xs-4 { margin-left: 2rem!important;}
	.ms-xs-5 { margin-left: 2.5rem!important;} 
	.ms-xs-6 { margin-left: 3.0rem!important;} 
	.ml-xs-7 { margin-left: 3.5rem!important;} 
	.ml-xs-8 { margin-left: 4.0rem!important;} 
	.ml-xs-9 { margin-left: 4.5rem!important;} 
	.ml-xs-10 { margin-left: 5.0rem!important;} 
	
	.me-xs-0 { margin-right: 0rem!important;}
	.me-xs-1 { margin-right: 0.5rem!important;}
	.me-xs-2 { margin-right: 1rem!important;}
	.me-xs-3 { margin-right: 1.5rem!important;}
	.me-xs-4 { margin-right: 2.0rem!important;}
	.me-xs-5 { margin-right: 2.5rem!important;} 
	.me-xs-6 { margin-right: 3.0rem!important;} 
	.me-xs-7 { margin-right: 3.5rem!important;} 
	.me-xs-8 { margin-right: 4.0rem!important;} 
	.me-xs-9 { margin-right: 4.5rem!important;} 
	.me-xs-10 { margin-right: 5.0rem!important;} 
	
 	/*padding*/
	
	.p-xs-0 { padding: 0rem!important;}
	.p-xs-1 { padding: 0.5rem!important;}
	.p-xs-2 { padding: 1rem!important;}
	.p-xs-3 { padding: 1.5rem!important;}
	.p-xs-4 { padding: 2rem!important;}
	.p-xs-5 { padding: 2.5rem!important;}	
    .p-xs-6 { padding: 3.0rem!important;}	
    .p-xs-7 { padding: 3.5rem!important;}	
    .p-xs-8 { padding: 4.0rem!important;}	
    .p-xs-9 { padding: 4.5rem!important;}	
    .p-xs-10 { padding: 5.0rem!important;}	    

	.pt-xs-0 { padding-top: 0rem!important;}
	.pt-xs-1 { padding-top: 0.5rem!important;}
	.pt-xs-2 { padding-top: 1rem!important;}
	.pt-xs-3 { padding-top: 1.5rem!important;}
	.pt-xs-4 { padding-top: 2rem!important;}
	.pt-xs-5 { padding-top: 2.5rem!important;}
	.pt-xs-6 { padding-top: 3.0rem!important;}
	.pt-xs-7 { padding-top: 3.5rem!important;}
	.pt-xs-8 { padding-top: 4.0rem!important;}
	.pt-xs-9 { padding-top: 4.5rem!important;}	
    .pt-xs-10 { padding-top: 5.5rem!important;}	

	.pb-xs-0 { padding-bottom: 0rem!important;}
	.pb-xs-1 { padding-bottom: 0.5rem!important;}
	.pb-xs-2 { padding-bottom: 1rem!important;}
	.pb-xs-3 { padding-bottom: 1.5rem!important;}
	.pb-xs-4 { padding-bottom: 2rem!important;}
	.pb-xs-5 { padding-bottom: 2.5rem!important;}
    .pb-xs-6 { padding-bottom: 3.0rem!important;}
    .pb-xs-7 { padding-bottom: 3.5rem!important;}
    .pb-xs-8 { padding-bottom: 4.0rem!important;}
    .pb-xs-9 { padding-bottom: 4.5rem!important;}    
	.pb-xs-10 { padding-bottom: 5.5rem!important;}

	.ps-xs-0 { padding-left: 0rem!important;}
	.ps-xs-1 { padding-left: 0.5rem!important;}
	.ps-xs-2 { padding-left: 1rem!important;}
	.ps-xs-3 { padding-left: 1.5rem!important;}
	.ps-xs-4 { padding-left: 2rem!important;}
	.ps-xs-5 { padding-left: 2.5rem!important;}
	.ps-xs-6 { padding-left: 3.0rem!important;}
	.ps-xs-7 { padding-left: 3.5rem!important;}
	.ps-xs-8 { padding-left: 4.0rem!important;}
	.ps-xs-9 { padding-left: 4.5rem!important;}	
	.ps-xs-10 { padding-left: 5.0rem!important;}    

	.pe-xs-0 { padding-right: 0rem!important;}
	.pe-xs-1 { padding-right: 0.5rem!important;}
	.pe-xs-2 { padding-right: 1rem!important;}
	.pe-xs-3 { padding-right: 1.5rem!important;}
	.pe-xs-4 { padding-right: 2rem!important;}
	.pe-xs-5 { padding-right: 2.5rem!important;}  
	.pe-xs-6 { padding-right: 3.0rem!important;}  
	.pe-xs-7 { padding-right: 3.5rem!important;}  
	.pe-xs-8 { padding-right: 4.0rem!important;}  
	.pe-xs-9 { padding-right: 4.5rem!important;}  
	.pe-xs-10 { padding-right: 5.0rem!important;}  
	
}
 
/* GRID COLUMNS */

@media(min-width: 768px){
  /*5 colonne*/
  .col-md-5single{ width: 20%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}

@media only screen and (min-width: 480px) and (max-width: 811px) and (orientation: landscape){ /*767*/
    .col-xsl-1 { width: 8.3% !important; float: left; flex: 0 0 8.3% !important; max-width: 8.3% !important; }
    .col-xsl-2 { width: 16.6% !important; float: left; flex: 0 0 16.6% !important; max-width: 16.6% !important; }
    .col-xsl-3 { width: 24.9% !important; float: left; flex: 0 0 24.9% !important; max-width: 24.9% !important; }
    .col-xsl-4 { width: 33% !important; float: left; flex: 0 0 33% !important; max-width: 33% !important; }
    .col-xsl-5 { width: 41.5% !important; float: left; flex: 0 0 41.5% !important; max-width: 41.5% !important; }
    .col-xsl-6 { width: 50% !important; float: left; flex: 0 0 50% !important; max-width: 50% !important; }
    .col-xsl-7 { width: 58.1% !important; float: left; flex: 0 0 58.1% !important; max-width: 58.1% !important; }
    .col-xsl-8 { width: 66.4% !important; float: left; flex: 0 0 66.4% !important; max-width: 66.4% !important; }
    .col-xsl-9 { width: 74.7% !important; float: left; flex: 0 0 74.7% !important; max-width: 74.7% !important; }
    .col-xsl-10 { width: 83% !important; float: left; flex: 0 0 83% !important; max-width: 83% !important; }
    .col-xsl-11 { width: 91.3% !important; float: left; flex: 0 0 91.3% !important; max-width: 91.3% !important; }
    .col-xsl-12 { width: 100% !important; float: none; flex: 0 0 100%; max-width: 100%; }
}

/* ORDER COLUMNS */

@media only screen and (max-width:667px){
    .order-xs-1{order:1;}
    .order-xs-2{order:2;}
    .order-xs-3{order:3;}
    .order-xs-4{order:4;}
    .order-xs-5{order:5;}
    .order-xs-6{order:6;}
}
 
/* TYPOGRAPHY */

@media only screen and (min-width: 320px) and (max-width: 736px) {
.text-xs-start { text-align: left !important; }
.text-xs-end { text-align: right !important; }
.text-xs-center { text-align: center !important; }
}
/* BUTTON */
 
a[type=button], button {-webkit-appearance: none; -moz-appearance:none; appearance:none;}
button { color: inherit;}
button:focus { outline: none !important; box-shadow: none !important; }

.btn-outline-light { color:#333!important;}

.btn:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn:focus { outline: none !important; box-shadow: none !important; }
.btn.btn-file { position: relative; overflow: hidden; }
.btn.btn-file > input[type='file'] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; outline: none; background: white; cursor: inherit; display: block; }
 
.btn[class*='bg-']:hover { -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); }
.btn-app { border-radius: 0px !important; position: relative; padding: 15px 5px; margin: 0 0 10px 0px; min-width: 80px; height: 60px; text-align: center; border: 0px solid #ddd; background-color: #f4f4f4; font-size: 12px; }
.btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion { font-size: 18px; display: block; }
.btn-app:hover { opacity: .7; }
.btn-app:active, .btn-app:focus { }
.btn-app > .badge { position: absolute; top: -3px; right: -10px; font-size: 10px;  z-index: 1; }

 
/*BTN BLOCK*/
@media (max-width: 767px) {
.btn-xs-block { display: block; width: 100%; }
input[type="submit"].btn-xs-block, input[type="reset"].btn-xs-block, input[type="button"].btn-xs-block { width: 100%; }
.btn-block + .btn-xs-block, .btn-xs-block + .btn-block, .btn-xs-block + .btn-xs-block { margin-top: 0.5rem; }
}

@media (min-width: 768px) and (max-width: 991px) {
.btn-sm-block { display: block; width: 100%; }
input[type="submit"].btn-sm-block, input[type="reset"].btn-sm-block, input[type="button"].btn-sm-block { width: 100%; }
.btn-block + .btn-sm-block, .btn-sm-block + .btn-block, .btn-sm-block + .btn-sm-block { margin-top: 0.5rem; }
}

@media (min-width: 992px) and (max-width: 1199px) {
.btn-md-block { display: block; width: 100%; }
input[type="submit"].btn-md-block, input[type="reset"].btn-md-block, input[type="button"].btn-md-block { width: 100%; }
.btn-block + .btn-md-block, .btn-md-block + .btn-block, .btn-md-block + .btn-md-block { margin-top: 0.5rem; }
}

@media (min-width: 1200px) {
.btn-lg-block { display: block; width: 100%; }
input[type="submit"].btn-lg-block, input[type="reset"].btn-lg-block, input[type="button"].btn-lg-block { width: 100%; }
.btn-block + .btn-lg-block, .btn-lg-block + .btn-block, .btn-lg-block + .btn-lg-block { margin-top: 0.5rem; }
} 
/* DROPDOWN */
.dropdown-menu { box-shadow: none; }
.dropdown-toggle::after { display: inline-block; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; content: '\f107'; font-size: 16px; font-weight: 300; border: none; vertical-align: inherit; /*position: absolute; height: auto; top: 50%; transform: translateY(-50%); right: 25px; border: none; margin: 0; padding: 0;*/ }
.dropdown-item.active, .dropdown-item:active { color: #fff; background-color: #464A4C; }
/*custom down icon*/
/*.bootstrap-select>.dropdown-toggle { background-color: #fff!important; border: 1px solid #ccc; border-radius: 0; padding: 14px 12px; font-size: 14px; font-weight: 300; color: #999999; margin-bottom: 10px; }*/
 

.bootstrap-select.form-control { border: 1px solid #dee2e6; background-color: #fff;}
.bootstrap-select.form-control .btn { background-color: #fff;}

/* DROPDOWN INPUT GROUPS*/
.input-group .btn {display: flex; align-items: center; justify-content: space-between; z-index: 1;}
.input-group .bootstrap-select.form-control { border: 1px solid #dee2e6; background-color: #fff;}
.input-group .bootstrap-select.form-control .dropdown-toggle {background-color: #fff; }
.input-group .bootstrap-select.form-control .dropdown-toggle:hover { border: 1px solid transparent;}
.input-group .bootstrap-select.form-control .dropdown-toggle:active { border: 1px solid transparent;}
.input-group .bootstrap-select.form-control .dropdown-toggle.btn:focus-visible { border: 1px solid transparent;}

.bootstrap-select .dropdown-toggle.btn-check:checked+.btn, .bootstrap-select .dropdown-toggle.btn.active, .bootstrap-select .dropdown-toggle.btn.show, .bootstrap-select .dropdown-toggle.btn:first-child:active, .bootstrap-select .dropdown-toggle:not(.btn-check)+.btn:active {border-color: transparent;}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner { color: #5d5d5d; }
.bootstrap-select .dropdown-toggle:focus { outline: none !important }
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {outline: none !important }
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {}
.bootstrap-select .bs-ok-default:after { display: inline-block; vertical-align: top; border: none; content: '\f00c'; font-family: "Font Awesome 5 Free"; font-size: 13px; line-height: 1em; font-weight: 300; width: 1em; height: 1em; margin-top: 5px; margin-right: 0px; text-align: center; transform: none; /*-webkit-transform: none; -ms-transform: rotate(45deg); -o-transform: rotate(45deg);*/ }

.dropup .dropdown-toggle::after { border: none; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; content: '\f106'; margin-top: -13px; }
.bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; display: none; }
.bootstrap-select.btn-group .dropdown-toggle .bs-caret:before { display: inline-block; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; content: '\f106'; color: #666; /* border: 1px solid #ccc; */ top: 10px; right: 10px; position: absolute; }
.bootstrap-select.btn-group .dropdown-toggle.btn-primary .bs-caret:before, .bootstrap-select.btn-group .dropdown-toggle.btn-danger .bs-caret:before, .bootstrap-select.btn-group .dropdown-toggle.btn-warning .bs-caret:before, .bootstrap-select.btn-group .dropdown-toggle.btn-info .bs-caret:before, .bootstrap-select.btn-group .dropdown-toggle.btn-success .bs-caret:before { color: #fff; }
.bootstrap-select .dropdown-menu { border-radius: var(--bs-border-radius); top: -4px !important; padding: 0; width: 100%; }
.bootstrap-select .dropdown-menu li a { color: #5d5d5d; }
.bootstrap-select .dropdown-menu li a span.text { margin-right: 34px; font-size: 14px; }
.bootstrap-select .dropdown-menu .dropdown-item { padding: 5px 12px; }
.bootstrap-select .dropdown-menu .dropdown-item.active, .bootstrap-select .dropdown-menu .dropdown-item:active { background-color: #999 !important; color: #fff; }
.bootstrap-select.condensed .btn.dropdown-toggle { padding: 5px 22px 5px 10px; font-size: 14px; }
.bootstrap-select.condensed .dropdown-menu li { font-size: 13px; }
.bootstrap-select.condensed.btn-group .dropdown-toggle .bs-caret .caret { display: none; }
.bootstrap-select.condensed.btn-group .dropdown-toggle .bs-caret:before { top: 8px; right: 8px; }

/* FLOATING LABELS*/

.form-floating .dropdown.bootstrap-select { padding-bottom: 40px;}
.form-floating .dropdown.bootstrap-select .btn:hover {  border-color:transparent!important;}
.form-floating > label { border-color: transparent!important;}
/* LIST */
.ul-list-outside { list-style: disc outside; }
.ul-list-outside li { margin-left: 20px; }

/* HOVER LINK */
a { text-decoration: none; outline: none; border: none; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
a:hover {/* opacity: .8;*/ text-decoration: none; }

/*BREADCRUMB*/
.breadcrumb.condensed { padding: 0; }
.breadcrumb.nobg { background-color: transparent; }
/*COLLAPSED CONTENT */
.collapsed-content { clear: both; padding: 0; }
.collapsed-content-btn { position: relative; clear: both; width: 100%; margin: 0 0 5px; padding: 10px 0px;color: inherit;}
.collapsed-content-btn:focus { outline: none; }
.collapsed-content-btn > .title { float: left; }
.collapsed-content-btn > .icon { float: right; font-size: 16px; margin-right: 5px; }

/* SELECT */
/*.selectpicker { font-size: 14px; font-weight: 300; color: #3C3830; }*/

/* FORM */
/*form input:not([type='checkbox']),input:not([type='radio']), form textarea { border-color: #dfdfdf; box-shadow: none; border-radius: 0px !important; }
form input[type=text], form input[type=password] { }
form input.invalid, form textarea.invalid, form input.invalid:focus, form textarea.invalid:focus, button.btn.dropdown-toggle.btn-light.border.border-danger { border-color: #333 !important; }
form .input-group-text {border-radius: 0px !important; }
form textarea { min-height: 30px; background-color: #ffffff; color: #464A4C; border-color: #dfdfdf; box-shadow: none }
form .form-label { min-height: 50px; font-size: 16px; font-weight: 300; line-height: 50px; }
form .form-control { box-shadow: none !important; transition: all 0.6s ease; }
form .form-control:focus { border-color: #666; outline: none !important; box-shadow: none !important; transition: all 0.6s ease; }
form .form-control::-webkit-input-placeholder {color: #999999;font-size:14px;font-weight:400;}
form .form-control:-moz-placeholder {color: #999999;font-size:14px;font-weight:400;}
form .form-control::-moz-placeholder {color: #999999;font-size:14px;font-weight:400;}
form .form-control:-ms-input-placeholder {color: #999999;font-size:14px;font-weight:400;}*/



/* CUSTOM CHECKBOX */

.custom-checkbox .custom-control-label { position: relative; display: flex;align-items: center;} 
.custom-checkbox .custom-control-input { position: absolute; z-index: -1; opacity: 0;}
.custom-checkbox .custom-control-label::before { position: absolute; content: ''; left: 0; width: 30px; height: 30px; margin-top: -5px; background-color: transparent; border:1px solid #ccc;border-radius: var(--bs-border-radius); }
.custom-checkbox .custom-control-label::after {position: absolute;  content: ''; left: 0;width: 30px; height: 30px; margin-top: -5px; background-color: transparent; border:none;border-radius: var(--bs-border-radius); }
.custom-checkbox .custom-control-input.invalid + .custom-control-label::after { border: 1px solid #333 !important; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { }
.custom-checkbox .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #999 !important; }
.custom-checkbox .custom-control-input:focus~.custom-control-label::before { box-shadow: none; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: none; border: none; transform: none;/* transform: rotate(45deg);*/ content: '\f00c'; font-family: "Font Awesome 5 Free"; font-size: 17px; line-height: 30px; text-align: center; display: inline-block; font-weight: 300; color: #fff; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { border-color: #999 !important; background-color: #999 !important; }
.custom-checkbox label small {  margin-left: 50px; }
 
 
.custom-radiobox .custom-control-label { position: relative; display: flex;align-items: center;} 
.custom-radiobox .custom-control-input { position: absolute; z-index: -1; opacity: 0;}
.custom-radiobox .custom-control-label::before { position: absolute; content: ''; left: 0; width: 30px; height: 30px; margin-top: -5px; background-color: transparent; border:1px solid #ccc;border-radius: 50%; }
.custom-radiobox .custom-control-label::after {position: absolute;  content: ''; left: 0;width: 30px; height: 30px; margin-top: -5px; background-color: transparent; border:none;border-radius: 50%; }
.custom-radiobox .custom-control-input.invalid + .custom-control-label::after { border: 1px solid #333 !important; }
.custom-radiobox .custom-control-input:checked~.custom-control-label::before { }
.custom-radiobox .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #999 !important; }
.custom-radiobox .custom-control-input:focus~.custom-control-label::before { box-shadow: none; }
.custom-radiobox .custom-control-input:checked~.custom-control-label::after { background-image: none; border: none; transform: rotate(45deg); content: '\f00c'; font-family: "Font Awesome 5 Free"; font-size: 17px; line-height: 30px; text-align: center; display: inline-block; font-weight: 300; color: #fff; }
.custom-radiobox .custom-control-input:checked~.custom-control-label::before { border-color: #999 !important; background-color: #999 !important; }
.custom-radiobox label small { margin-left: 50px; }
 
.custom-control-xl { min-height: 55px; }
.custom-control-xl .custom-control-label::before, .custom-control-xl .custom-control-label::after { width: 50px; height: 50px; margin-top: -5px; background-color: transparent; border: 1px solid #ccc; }
.custom-control-xl .custom-control-input:checked~.custom-control-label::after { font-size: 30px; line-height: 50px; }
.custom-control-xl label small { margin-left: 70px; }
.custom-control-lg { min-height: 45px; }
.custom-control-lg .custom-control-label::before, .custom-control-lg .custom-control-label::after { width: 40px; height: 40px; margin-top: -5px; background-color: transparent; border: 1px solid #ccc; }
.custom-control-lg .custom-control-input:checked~.custom-control-label::after { font-size: 25px; line-height: 40px; }
.custom-control-lg label small { margin-left: 60px; }
.custom-control-md { min-height: 35px; }
.custom-control-md .custom-control-label::before, .custom-control-md .custom-control-label::after { width: 30px; height: 30px; margin-top: -5px; background-color: transparent; border: 1px solid #ccc; }
.custom-control-md .custom-control-input:checked~.custom-control-label::after { font-size: 20px; line-height: 30px; }
.custom-control-md label small { margin-left: 50px; }
.custom-control-sm { min-height: 25px; }
.custom-control-sm .custom-control-label::before, .custom-control-sm .custom-control-label::after { width: 20px; height: 20px; margin-top: -5px; background-color: transparent; border: 1px solid #ccc; }
.custom-control-sm .custom-control-input:checked~.custom-control-label::after { font-size: 14px; line-height: 20px; }
.custom-control-sm label small { margin-left: 40px; }


/* Tooltip */
.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 300; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 }
.tooltip { background: none; color: black; width: 150px; box-shadow: none !important; border-radius: 0 !important; }
.tooltip.show { opacity: .9 }
.tooltip-inner { font-size: 12px; max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #666; border-radius: 0rem }
.tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem }
.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid }
.tooltip.top .tooltip-arrow { border-top-color: #666; }
.tooltip.right .tooltip-arrow { border-right-color: #666; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #666; }
.tooltip.left { }
.tooltip.left .tooltip-arrow { border-left-color: #666; }
.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: .4rem 0 }
.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0 }
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #666 }
.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 .4rem }
.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem }
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #666 }
.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 }
.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0 }
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #666 }
.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 .4rem; left: 10px !important; }
.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem }
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #666 }
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {border-top-color: #666 !important;}


.popover { box-shadow: none !important; border-radius: 0 !important; }