body::-webkit-scrollbar-track{background-color: transparent;border-radius: 0px;}
body::-webkit-scrollbar{width: 5px; height: 5px; background-color: transparent;}
body::-webkit-scrollbar-thumb{ border-radius: 0px;	background-color: #2e3644; }
 
.custom-scrollbar::-webkit-scrollbar-track{background-color: transparent;border-radius: 0px;}
.custom-scrollbar::-webkit-scrollbar{width: 5px; height: 5px; background-color: transparent;}
.custom-scrollbar::-webkit-scrollbar-thumb{ border-radius: 0px;	background-color: #2e3644; }

.truncate-ellipses {  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* Schermi grandi o ad alta risoluzione */
@media all and (max-width: 1690px) {   }

/* Schermi Desktop o Portatili */
@media all and (min-width: 1280px) and (max-width: 1689px) {  }

/* Tablet in modalità orizzontale */
@media all and (min-width: 737px) and (max-width: 1279px) {   }

/* Tablet in modalità verticale */
@media all and (min-width: 481px) and (max-width: 736px) { 	}

/* Smartphone o piccoli Tablet */
@media all and (max-width: 480px) { } 	

@-webkit-keyframes effect-zoomin {
    0% , 100% { -webkit-transform: scale(1); }
    50%{ -webkit-transform: scale(1.2); }
}

@-webkit-keyframes effect-zoomout {
    0% , 100% { -webkit-transform: scale(1.2); }
    50%{ -webkit-transform: scale(1); }
}


/*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)}

/* 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;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-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 0.s 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}
.opacity-0 {opacity: 0;}
.opacity-5 {opacity: .5;}
.bg-white-opacity-1 { background-color: rgba(255,255,255,.1);}
.bg-white-opacity-2 { background-color: rgba(255,255,255,.2);}
.bg-white-opacity-5 { background-color: rgba(255,255,255,.5);}

.bg-black-opacity-1 { background-color: rgba(0,0,0,.1);}

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

@-webkit-keyframes effect-zoomin {
    0% , 100% { -webkit-transform: scale(1); }
    50%{ -webkit-transform: scale(1.2); }
}

@-webkit-keyframes effect-zoomout {
    0% , 100% { -webkit-transform: scale(1.2); }
    50%{ -webkit-transform: scale(1); }
}

.verticaltext{ transform: rotate(180deg); writing-mode: vertical-rl; text-orientation: mixed; }


.cursor-pointer {cursor: pointer;}
.efx-zoomout {-webkit-animation: effect-zoomout 85s ease-in-out infinite;}

.z-index-1 { z-index: 1!important;}

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

.object-fit-cover {object-fit: cover;}
.object-fit-contain {object-fit: contain;}
.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;}

.d-grid{ display: grid;}

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

@media only screen and (max-width: 1149px) {
    .translateY-neg-40 {transform:translateY(-40%);}
}
@media only screen and (min-width: 1150px) {	
    .translateY-neg-40 {transform:translateY(-55%);}
}
@media only screen and (min-width: 1650px) {	
    .translateY-neg-40 {transform:translateY(-75%);}
}

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

  
@media only screen and (max-width: 667px) {
    
    .break-xs-br br{display: none}
    
    .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;}
    .flex-wrap-xs-nowrap { flex-wrap: nowrap!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;}
    
    .mx-xs-auto {margin-left: auto !important;margin-right: auto !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;}
.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;}
}

.border-alpha-40 {border:clamp(1.2rem, 2.5vw, 2rem) solid rgba(255,255,255,0.4);}

.border-top { border-color:#ccc !important;}
.border-bottom { border-color:#ccc !important;}
.border-right { border-color:#ccc !important;}
.border-left { border-color:#ccc !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; }
}


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

.btn-sq-lg { width: 150px !important; height: 150px !important;}
.btn-sq {width: clamp(4.2rem, 4.5vw, 6rem) !important;height: clamp(4.2rem, 4.5vw, 6rem) !important;}
.btn-sq-sm {width: 50px !important;height: 50px !important;}
.btn-sq-xs { width: 25px !important; height: 25px !important;}


/* LINK */

a:focus {outline: none !important;box-shadow: none !important;}

[data-toggle="collapse"].collapsed .if-not-collapsed { display: none; }
[data-toggle="collapse"]:not(.collapsed) .if-collapsed { display: none; }

.tooltip-inner { background-color:rgba(41,171,226,1); border-radius: .15rem;font-size: 10px;}
.tooltip .arrow::before{  border-top-color:rgba(41,171,226,1);}
i.tooltip-info { font-size: 14px; color: #bfbfbf;}


/*reset*/
a{ color: inherit;}
a:hover{ opacity: .6 }



.bg-light {background-color: #f0f0f0!important;}

/* BUTTONS */
a[type=button], button {-webkit-appearance: none; -moz-appearance: none; appearance: none;}

button:focus {  outline: none !important; box-shadow: none !important;}
.btn { padding: 0.575rem 1.95rem;  } 


.btn-group-md>.btn,.btn-md {
    padding: .55rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}


/*.btn-group-sm>.btn, .btn-sm {
    padding: .45rem .7rem;
    font-size: .675rem;
    line-height: 1.3;
    border-radius: .15rem;
}
*/



.btn-primary {background-color:  rgba(0,42,63,1); border-color:  rgba(0,42,63,1); color: #fff; transition: all .3s }
.btn-primary:hover {opacity: 1; background-color: rgba(0,16,22,1);  border-color: rgba(0,16,22,1.00); color: #fff; transition: all .3s}

.btn-secondary {background-color:rgba(122,129,140,1); border-color: rgba(122,129,140,1); color: #fff; transition: all .3s}
.btn-secondary:hover {background-color:rgba(100,106,115,1.00);  border-color: rgba(100,106,115,1.00);color: #fff; transition: all .3s}

.btn-more { font-family: 'Libre Baskerville'; font-weight: 900;  color: rgba(122,129,140,1); transition: all .3s}
.btn-more:hover { background-color:  rgba(122,129,140,.1);  color:  rgba(0,42,63,1); transition: all .3s}
 
.btn-select-trasp { border:0px solid rgba(0,0,0,0)!important; background-color: transparent!important;}
.btn-select-trasp:hover ,.btn-select-trasp:focus {outline: none!important;box-shadow: none !important; border:0px solid rgba(0,0,0,0)!important; background-color: transparent!important;}

.btn-select-trasp.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {outline: none!important;box-shadow: none !important; }

.btn-outline-secondary {border-color:  rgba(0,42,63,1);  color: rgba(0,42,63,1); transition: all .3s }
.btn-outline-secondary:hover {opacity: 1; background-color: rgba(0,16,22,1);  border-color: rgba(0,16,22,1.00); color: #fff; transition: all .3s}
/* DROPDONW */
.dropdown-menu { padding: 0;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle { outline: none!important; }
.dropdown-item.active, .dropdown-item:active {background-color:rgba(41,171,226,1);}
.card-tools { position: absolute; right: 6px; top: 6px;}

/* DROPDONW */

/*custom select*/
/*.bootstrap-select >.dropdown-toggle { background-color: #fff; border: 1px solid #ccc; border-radius: 0; font-size: 14px; font-weight: 300; color: #999999; margin-bottom: 10px; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {}
.bootstrap-select .dropdown-toggle:focus { outline: none !important }
.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;  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: -3px !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; }
  
.bootstrap-select .dropdown-menu { box-shadow: none; }
.bootstrap-select>.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; }
.bootstrap-select .dropdown-item.active,.bootstrap-select  .dropdown-item:active { color: #fff; background-color: #464A4C; }
  */

/*@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1440px !important;}
}*/


.custom-checkbox .custom-control-label::before { border-radius: 0; }
.custom-checkbox .custom-control-label::before,.custom-checkbox  .custom-control-label::after { width: 30px; height: 30px; margin-top: -5px; background-color: transparent; border: 1px solid #ccc; box-shadow: 0 0 0px #fff; transition: all .3s linear;}
.custom-checkbox .custom-control-input.invalid + .custom-control-label::after { border: 1px solid #333 !important; transition: all .3s linear; }
.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; transition: all .3s linear; }
.custom-checkbox .custom-control-input:focus~.custom-control-label::before { box-shadow: none;  transition: all .3s linear;}
.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; transition: all .3s linear; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { border-color:  rgba(0,42,63,1) !important; background-color:  rgba(0,42,63,1) !important; transition: all .3s linear; }
.custom-checkbox label small { display: inherit; margin-left: 20px; }


.custom-radiobox .custom-control-label::before { border-radius: 50%; }
.custom-radiobox .custom-control-label::before,.custom-radiobox  .custom-control-label::after { width: 30px; height: 30px; margin-top: -5px; background-color: transparent; border: 1px solid #ccc;border-radius: 50%; box-shadow: 0 0 0px #fff; transition: all .3s linear;}
.custom-radiobox .custom-control-input.invalid + .custom-control-label::after { border: 1px solid #333 !important; transition: all .3s linear;}
.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; transition: all .3s linear;}
.custom-radiobox .custom-control-input:focus~.custom-control-label::before { box-shadow: none; transition: all .3s linear;}
.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; transition: all .3s linear;}
.custom-radiobox .custom-control-input:checked~.custom-control-label::before { border-color:  rgba(0,42,63,1) !important; background-color:  rgba(0,42,63,1) !important;transition: all .3s linear; }
.custom-radiobox label small { display: inherit; margin-left: 20px; }


.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: 40px; }
.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: 30px; }
.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: 20px; }
.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: 10px; }