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

.aspect-ratio-4-3 { aspect-ratio:4/3;}
.object-fit-cover {object-fit: cover;}


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

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

.mt-10-negative { margin-top: -13.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;}

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

  
 

@media only screen and (max-width: 667px) {
	.mt-xs-10 { margin-top: 5.5rem!important;}
	.p-xs-0 {padding: 0rem!important;}
	.pt-xs-0 {padding-top: 0rem!important;}
	.pt-xs-0 {padding-bottom: 0rem!important;}
	.pl-xs-0 {padding-left: 0rem!important;}
	.pr-xs-0 {padding-right: 0rem!important;}
	.ml-xs-1 {margin-left: 1rem!important;}}
	.mr-xs-1 {margin-right: 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 */
.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 .8rem; color: #fff; text-align: center; background-color: rgba(34,34,34,1);  border-radius: .15rem;}
.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: rgba(34,34,34,1); }
.tooltip.right { right: 50px; }
.tooltip.right .tooltip-arrow { border-right-color: rgba(34,34,34,1);  }
.tooltip.bottom .tooltip-arrow { border-bottom-color: rgba(34,34,34,1); }
.tooltip.left .tooltip-arrow { border-left-color: rgba(34,34,34,1); }



.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: rgba(34,34,34,1) }
.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: rgba(34,34,34,1) }
.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: rgba(34,34,34,1) }
.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 .4rem; left: -5px !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: rgba(34,34,34,1) }
 

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



.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; border-radius: 0 !important;} 

.btn-primary {background-color: rgba(34,34,34,1); border-color: rgba(34,34,34,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(122,129,140,1); border-color: rgba(122,129,140,1); color: #fff; transition: all .3s}
.btn-secondary:hover {background-color:rgba(122,129,140,1);  border-color: rgba(122,129,140,1);color: #fff; transition: all .3s}

.btn-custom {  background-color:  rgba(0,169,143,1); color: rgba(255,255,255,1); transition: all .3s}
.btn-custom:hover { background-color:  rgba(102,203,188,1);  color: rgba(255,255,255,1); transition: all .3s}
 
.btn-more {   color: rgba(122,129,140,1); transition: all .3s}
.btn-more:hover { background-color:  rgba(122,129,140,.1);  color: rgba(34,34,34,1); transition: all .3s}

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

.btn-link { color:  rgba(0,169,143,1);  transition: all .3s}
.btn-link:hover { color:  rgba(102,203,188,1);  transition: all .3s}
 


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