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: #594a42; }

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


/* CSS Document */
body [data-aos-delay='4500'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='4500'].aos-animate {
    transition-delay: 4.5s;
}
body [data-aos-delay='3500'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='3500'].aos-animate {
    transition-delay: 3.5s;
}

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

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

.word-break-all { word-break: break-all;}

.box-shadow-no {box-shadow:none!important;}

.wh-25 { height: 25vh!important;}
.wh-33 { height: 33vh!important;}
.wh-50 { height: 50vh!important;}
.wh-75 { height: 75vh!important;}
.wh-100 { height: 100vh!important;}

.aspect-ratio-1-1 {aspect-ratio:1/1;}
.aspect-ratio-4-3 {aspect-ratio:4/3;}
.aspect-ratio-16-9 {aspect-ratio:16/9;}
.aspect-ratio-no {aspect-ratio:unset!important;}

@media all and (max-width: 480px) {
	.aspect-ratio-no {aspect-ratio:1/1!important;}	
}

.mw-300px { max-width: 300px!important;}

.marginTop100vh {margin-top: 100vH!important}
.marginTop50vh {margin-top: 50vH!important}
.marginTop30vh {margin-top: 30vH!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;}

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

.p-xs-0 {padding: 0rem!important;}

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


@media only screen and (max-width: 667px) {
	.h-xs-auto { height:auto!important;}
}

@media only screen and (min-width: 480px) and (max-width: 926px) and (orientation: landscape) { /*767*/
	.h-xs-auto { height:auto!important;}
}

/* Smartphone landscape */
@media only screen and (min-width: 480px) and (max-width: 926px) 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-9 { 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}
}

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

/* 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(42,122,150,1); border-radius: .15rem;font-size: 10px;}
.tooltip .arrow::before{  border-top-color:rgba(42,122,150,1);}

/*reset*/
a{color:#464A4C;}
a:hover{color:#999;}



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

/* BUTTONS */

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

.btn-primary {background-color: rgba(100,81,70,1); border-color: rgba(100,81,70,1); color: #fff; transition: all .3s }
.btn-primary:hover {background-color: rgba(8,11,16,1);  border-color: rgba(8,11,16,1); color: #fff; transition: all .3s}

.btn-secondary {background-color:rgba(100,81,70,.5); border-color: rgba(100,81,70,0); color: #fff; transition: all .3s}
.btn-secondary:hover {background-color:rgba(100,81,70,1);  border-color: rgba(100,81,70,1);color: #fff; transition: all .3s}

.btn-more {  font-weight: 900;  color: rgba(100,81,70,1); transition: all .3s}
.btn-more:hover { background-color:  rgba(100,81,70,.1);  color: rgba(100,81,70,1); transition: all .3s}

.btn-sm { padding: 6px 14px;}
  


.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(100,81,70,1) !important; background-color: rgba(100,81,70,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(100,81,70,1) !important; background-color: rgba(100,81,70,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; }