/*body::-webkit-scrollbar, div.dropdown-menu.show::-webkit-scrollbar {
display:none;
}*/
/*@media (min-width: 767px) {

body::-webkit-scrollbar, div.dropdown-menu.show::-webkit-scrollbar {
 width: 7px;
}


body::-webkit-scrollbar-track, div.dropdown-menu.show::-webkit-scrollbar-track {
 background: #f1f1f1;
}


body::-webkit-scrollbar-thumb, div.dropdown-menu.show::-webkit-scrollbar-thumb {
 background: #d4d4d4;
overflow-x: hidden;
}


body::-webkit-scrollbar-thumb:hover, div.dropdown-menu.show::-webkit-scrollbar-thumb:hover {
 background: #999;
}
}*/

/*SAL*/

[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)}

/* da testare inserito 11/10/2024 
.sal-animate[data-sal=image-fade-in] img{ animation:fade-in 0.5s cubic-bezier(0.29, 0.65, 0.58, 1) forwards;}
*/

/* ANIMATE EFX */ 
.efx-hidden { opacity: 0; }
.efx-visible { opacity: 1; }
.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; width:0px;height:0px;background-color:rgba(101,93,64,.8);transition:all .5s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
.linea.verticale{height:100%;width:1px}
.linea.orizzontale{width:100%;height:1px}
/*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-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.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} 

.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}
 

/* BOOTSTRAP OVERRIDES */ 
/* 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; }

.margin-col-0.row{margin-right:-0px !important;margin-left:-0px !important;}
.margin-col-0 > [class^="col-"], .gutter-0 > [class^=" col-"]{padding-right:0px !important;padding-left:0px !important;}

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

 
 
.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;}

.wh-25 { height: 25vh!important;}
.wh-33 { height: 33vh!important;}
.wh-40 { height: 40vh!important;}
.wh-45 { height: 45vh!important;}
.wh-50 { height: 50vh!important;}
.wh-60 { height: 60vh!important;}
.wh-75 { height: 75vh!important;}
.wh-80 { height: 80vh!important;}
.wh-100 { height: 100vh!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;}

.ww-25 { width: 25vw!important;}
.ww-33 { width: 33vw!important;}
.ww-40 { width: 40vw!important;}
.ww-45 { width: 45vw!important;}
.ww-50 { width: 50vw!important;}
.ww-60 { width: 60vw!important;}
.ww-75 { width: 75vw!important;}
.ww-100 { width: 100vw!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;}

.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 */

.p-5 { padding: 3.0rem!important;}
.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;}

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

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

.text-justify {
    text-align: justify;
    text-justify: inter-word;
}  

@media only screen and (max-width: 667px) {
    .position-xs-relative { position: relative!important;}
    .top-xs-inherit {top: inherit!important;}
    .bottom-xs-inherit {bottom: inherit!important;}
    .left-xs-inherit {left: inherit!important;}
    .right-xs-inherit {right: inherit!important;}
    
    .break-xs-br br{ display: none; }
    .clear-xs-both { clear: both!important;}
    
    .aspect-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;}
    
    .wh-xs-100 { height: 100vh!important;}
    .wh-xs-75 { height: 75vh!important;}
    .wh-xs-60 { height: 60vh!important;}
    .wh-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;}
	.mb-xs-50perc-negative { margin-bottom: -50%!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;}
	
	.ml-xs-0 { margin-left: 0rem!important;}
	.ml-xs-1 { margin-left: 0.5rem!important;}
	.ml-xs-2 { margin-left: 1rem!important;}
	.ml-xs-3 { margin-left: 1.5rem!important;}
	.ml-xs-4 { margin-left: 2rem!important;}
	.ml-xs-5 { margin-left: 2.5rem!important;} 
	.ml-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;} 
	
	.mr-xs-0 { margin-right: 0rem!important;}
	.mr-xs-1 { margin-right: 0.5rem!important;}
	.mr-xs-2 { margin-right: 1rem!important;}
	.mr-xs-3 { margin-right: 1.5rem!important;}
	.mr-xs-4 { margin-right: 2.0rem!important;}
	.mr-xs-5 { margin-right: 2.5rem!important;} 
	.mr-xs-6 { margin-right: 3.0rem!important;} 
	.mr-xs-7 { margin-right: 3.5rem!important;} 
	.mr-xs-8 { margin-right: 4.0rem!important;} 
	.mr-xs-9 { margin-right: 4.5rem!important;} 
	.mr-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;}

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

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

@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%; }
}

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

@media (max-width: 575.98px) {
.border-xs-left-none { border-left: none !important; }
.border-xs-right-none { border-right: none !important; }
.border-xs-top-none { border-top: none !important; }
.border-xs-bottom-none { border-bottom: none !important; }
}

@media (max-width: 767.98px) {
.border-sm-left-none { border-left: none !important; }
.border-sm-right-none { border-right: none !important; }
.border-sm-top-none { border-top: none !important; }
.border-sm-bottom-none { border-bottom: none !important; }
.text-sm-center { text-align: center !important; }
}

@media (max-width: 991.98px) {
.border-md-left-none { border-left: none !important; }
.border-md-right-none { border-right: none !important; }
.border-md-top-none { border-top: none !important; }
.border-md-bottom-none { border-bottom: none !important; }
}

@media (max-width: 1199.98px) {
.border-lg-left-none { border-left: none !important; }
.border-lg-right-none { border-right: none !important; }
.border-lg-top-none { border-top: none !important; }
.border-lg-bottom-none { border-bottom: none !important; }
}
.border-xl-left-none { border-left: none !important; }
.border-xl-right-none { border-right: none !important; }
.border-xl-top-none { border-top: none !important; }
.border-xl-bottom-none { border-bottom: none !important; }

/* TYPOGRAPHY */

@media only screen and (min-width: 320px) and (max-width: 736px) {
.text-xs-left { text-align: left !important; }
.text-xs-right { text-align: right !important; }
.text-xs-center { text-align: center !important; }
.text-xs-justify { text-align: justify !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, .popover, .tooltip { border-radius: 0 !important;  -webkit-font-smoothing: initial; letter-spacing: 1px;}
.btn { font-weight: 300; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition:all .6s ease; }
.btn.uppercase { text-transform: uppercase; }
.btn.btn-squared { border-radius: 0 !important;  }
.btn.btn-flat {  -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border-width: 1px !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-default { background-color: #ffffff; color: #444; border: 1px #ddd solid; border-color: #ddd; }
.btn-default:hover, .btn-default:active, .btn-default.hover { background-color: #e7e7e7; }
.btn-primary { background-color: #3c8dbc; border-color: #3c8dbc; padding: 10px 30px; }
.btn-primary:hover, .btn-primary:active, .btn-primary.hover { background-color: #367fa9; border-color: #3c8dbc; }
.btn-success { background-color: #00a65a; border-color: #00a65a; }
.btn-success:hover, .btn-success:active, .btn-success.hover { background-color: #008d4c; border-color: #00a65a; }
.btn-info { background-color: #00c0ef; border-color: #00c0ef; }
.btn-info:hover, .btn-info:active, .btn-info.hover, .btn-info.focus { background-color: #31b0d5; border-color: #00c0ef; }
.btn-danger { background-color: #dd4b39; border-color: #dd4b39; }
.btn-danger:hover, .btn-danger:active, .btn-danger.hover { background-color: #d73925; border-color: #dd4b39; }
.btn-warning { background-color: #f39c12; border-color: #f39c12; }
.btn-warning:hover, .btn-warning:active, .btn-warning.hover { background-color: #e08e0b; border-color: #f39c12; }
.btn-link { -webkit-box-shadow: none; box-shadow: none; color: #333; }
.btn-link:hover { color: #ccc; }
.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; }

/*BUTTON OUTLINE*/
.btn-outline-secondary { color: #464A4C; background-color: transparent; background-image: none; border-color: #ccc; }
.btn-outline-secondary:hover { color: #fff; background-color: #464A4C; border-color: #464A4C; }
.btn-nostyle { background: none; border: none; }

/*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; position: absolute; height: auto; top: 50%; transform: translateY(-50%); right: 15px; 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 #dfdfdf; border-radius: 0; padding: 14px 12px; font-size: 14px; font-weight: 300; color: #999999; margin-bottom: 10px; }
.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: 0; top: 2px !important; padding: 0; }
.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; }

/* 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, form textarea { border-color: #dfdfdf; box-shadow: none; border-radius: 0px !important; }
form input[type=text], form input[type=password] { min-height: 50px; line-height: 40px; margin-bottom: 8px; }
form textarea { min-height: 30px; background-color: #ffffff; color: #464A4C; border-color: #dfdfdf; box-shadow: none }
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 .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; -moz-box-shadow: none !important; -webkit-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: 0; }
.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: 0; }
.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; -webkit-transform: none; -ms-transform: rotate(45deg); -o-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 { display: inherit; 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: none; -webkit-transform: none; -ms-transform: rotate(45deg); -o-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 { display: inherit; 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 { display: inherit; 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 { display: inherit; 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 { display: inherit; 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 { display: inherit; 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.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 }
.tooltip { background: none; color: black; width: 150px; box-shadow: none !important; border-radius: 0 !important; }
.popover { box-shadow: none !important; border-radius: 0 !important; }

/*custom*/
.btn {  }
.btn-primary, .btn-primary.disabled { background-color: rgba(58,58,58,.9); border-color: rgba(58,58,58,.9); }
.btn-primary:hover, .btn-primary:active, .btn-primary.disabled:hover, .btn-primary.hover { background-color: rgba(58,58,58,.7) !important; border-color: rgba(58,58,58,.7) !important; }
.btn-primary.btn-outline { color: rgba(58,58,58,.9); background-color: transparent; }
.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: #fff; }
.btn-primary.btn-outline:hover { background-color: rgba(58,58,58,.9); }
.btn-outline-primary { border: 1px solid rgba(58,58,58,.9); color: rgba(58,58,58,.9); }
.btn-outline-primary:hover { background-color: rgba(58,58,58,.9); border: 1px solid rgba(58,58,58,.9); color: #fff; }

@media screen and (max-width: 767px) {
.btn-icon { max-width: 100%; width: 100%; }
}