/*@font-face{
    font-family:'Gill Sans';
    src:url('../fonts/GillSansMT.eot?v=4.6.3');
    src:url('../fonts/GillSansMT.eot?#iefix&v=4.6.3') format('embedded-opentype'),
        url('../fonts/GillSansMT.woff2?v=4.6.3') format('woff2'),
        url('../fonts/GillSansMT.woff?v=4.6.3') format('woff'),
        url('../fonts/GillSansMT.ttf?v=4.6.3') format('truetype'),
        url('../fonts/GillSansMT.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight:normal;font-style:normal
}*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Raleway|Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;900&display=swap');

html, body, * {
/*font-family: Gill Sans;*/
/*font-family: 'Poppins', sans-serif;*/
/*    font-size:12px;
    font-weight:400;*/
    
    /*font-family: 'Raleway', sans-serif;*/
	font-family: 'Century Gothic';
    /*font-size:13px;*/
    
/*letter-spacing:0.1em !important;*/
}

.row > i{
	font-family: 'Raleway', sans-serif;
	
}



html {
    touch-action: manipulation;
}

@media (min-width: 1200px) { 
    .container {width:100%;max-width:1230px;} 
    
    .img-slider-comparazioni 
    {
        min-height:600px;
    background-size: cover;
    background-position: center center;
    } 
}

@media (min-width: 840px) { 
    .img-slider-comparazioni {min-height:900px;} 
}

@media (min-width: 480px) { 
    .img-slider-comparazioni {min-height:200px;} 
}





#iFrameStimaOnline {
    background-color:#ffffff;
}
.pointer, .fa-question-circle, .fa-question-circle-o {cursor:pointer !important;}
.fa-lg {font-size:1em;line-height:.75em;vertical-align:-30%;}
.fa-lg-2 {font-size:1.33em;line-height:.75em;vertical-align:-30%;}
.navbar-expand-lg .navbar-nav .nav-link {padding:1 0.8rem;}

.required{    
    font-weight: 600;
    font-size: 24px;
    color: #f96000 !important;
    position: absolute;
    right:38px;
    top: 37px;
    z-index: 9;
}

.loader-file {
  border: 2px solid #f3f3f3; /* Light grey */
  border-top: 2px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.nav-item .nav-link-active, a.link-top:hover {text-decoration:underline}

.nav-pills > li > div {cursor:pointer;font-size:14px;font-weight:400;border-radius:4px 4px 0 0;padding:6px 0;text-align:center;width:100%;padding:12px;}
#tabelleArea .tab-content {margin-top:0px;min-height:256px;height:256px;}

table.table-area {width:100%;}
table.table-area tr {line-height:30px;}
table.table-area tr a {font-size:13px;width:100%;}
.no-decor:hover {text-decoration:none;}

#search-box-link {display:none}

h1#titoloPagina {line-height:1;font-size:1.8rem;}
h2 {line-height:1;font-size:1.5rem;}
h3 {line-height:1;font-size:1.5rem;}
h4 {line-height:1;font-size:0.9rem;margin-bottom:0}
h5 {line-height:1;font-size:0.9rem;}
h6 {line-height:1;font-size:1.0rem;margin-bottom:0;}
h7 {line-height:1;font-size:1.5rem;}
h3.bradcrumb{color:white;padding-left:14px;padding-top:20px;padding-bottom:20px;}

.font-9 {font-size:8px !important;}
.font-10 {font-size:9px !important;}
.font-11 {font-size:10px !important;}
.font-12 {font-size:11px !important;}
.font-competitor {font-size:11px; weight:600 ;}
.font-13 {font-size:12px !important;}
.font-14 {font-size:13px !important;}
.font-15 {font-size:14px !important;}
.font-16 {font-size:15px !important;}
.font-17 {font-size:16px !important;}
.font-18 {font-size:17px !important;}
.font-19 {font-size:18px !important;}
.font-20 {font-size:19px !important;}
.font-22 {font-size:21px !important;}
.font-24 {font-size:23px !important;}
.font-26 {font-size:25px !important;}
.font-28 {font-size:27px !important;}
.font-32 {font-size:31px !important;}
.font-36 {font-size:36px !important;}
.font-38 {font-size:38px !important;}
.font-42 {font-size:42px !important;}
.font-42 {font-size:42px !important;}
.font-46 {font-size:46px !important;}
.font-60 {font-size:60px !important;}
.font-titoli {font-size:28px !important;
             font-family: anton;
}
.font-7rem {font-size: 5rem !important;}

.voci {font-size:15px !important;}

.h24 {height:24px;}
.h48 {height:48px;}
.h58 {height:58px;}
.h80 {height:80px;}
.h100 {height:100px;}
.h115 {height:125px;}
.h151 {height:151px;}
.h191 {height:191px;}
.h-box-prezzi {height:380px;}

.img-icons {height:36px;margin-top:10px;margin-right:12px;}
.img-tasti {height:32px;margin-top:3px;margin-right:8px;margin-left:8px;}
.img-icons.amm {height:372px;margin-top:10px;margin-right:12px;}
.img-stimaonline {height:46px;margin-top:0px;margin-right:8px;margin-left:8px;}
i.icona {margin-right:6px;}
i.icona2 {margin-right:13px;}


img.agente_thumb {min-height:64px;min-width:64px;height:64px;width:64px;}

.box-agente-nome {padding-top: 24px;height: 70px;vertical-align: middle;}
.box-agente-vedi {padding-top: 21px;height: 70px;vertical-align: middle;}

.uppercase {text-transform:uppercase;}
.bold {font-weight:600;}
.no-padding {padding:0;}
.padding-tb-3 {padding:3px 0;}
.padding-tb-12 {padding:12px 0;}
.padding-t-12 {padding-top:12px;}
.padding-18 {padding:18px;}
.padding-t-18 {padding-top:18px;}
.padding-tb-8 {padding:8px 0;}
.padding-lr-8 {padding:0 8px;}
.padding-48 {padding:48px;}
.padding-36 {padding:36px;}
.padding-24 {padding:24px;}
.padding-12 {padding:12px;}
.padding-9 {padding:9px;}
.padding-6 {padding:6px;}
.padding-4 {padding:4px;}
.padding-3 {padding:3px;}
.padding-1 {padding:1px;}
.padding-r-1 {padding-right:1px;}
.margin-3 {margin:3px;}
.margin-t-2 {margin-top:2px;}
.margin-t-6 {margin-top:6px;}
.margin-b-6 {margin-bottom:6px;}
.margin-l-r-1 {margin:0 1px;}
.margin-tb-8 {margin:8px 0;}
.border-red {border:2px solid red}
.border-green {border:2px solid green}
.border-grey {border:2px solid grey}
.border-celeste {border:2px solid #007bff}
.border-1-bg-body {border:1px solid transparent;}
.radius-4{border-radius:4px !important;}
.radius-8{border-radius:4px !important;}
.radius-top-8{border-radius:4px 4px 0px 0px;}
.radius-bottom-8{border-radius:0px 0px 4px 4px;}

.w100 {width:100%; font-size: 13px;}

#footer {padding:0;}
#section-main { padding-top:65px;}



#box-search {padding:12px;height:400px;}
#box-search-home {padding:12px;height:600px;}
#box-search2, #search-box-link {padding:12px;height:208px;}
#box-search-stima {width:100%;margin:0;padding:2px 4px;z-index:99999;position:fixed;}
#box-search3 {padding:12px;height:605px;}
#box-search div a:hover, #box-search2 div a:hover {text-decoration:underline;}
#box-stima {margin-top:80px;margin-left:50px; margin-bottom:60px;}

#wps-mappa-minimale, #wps-mappa-localita, #wps-mappa-pdf {min-height: 440px;height:440px;text-align:center}
#wps-mappa {min-height: 385px;height:385px;text-align:center}
#wps-mappa-sintetico {min-height: 235px;height:435px;text-align:center}
#marker-div, #marker-div2 {height:24px;}
#marker, #marker2 {position:relative;top:-50px; max-height: 70px;}
#maps-img {min-width:100%;max-width:100%;width:100%;}


#mappa-container {min-height: 435px;
                  min-width:100%;
                  text-align:center;
                  vertical-align: middle;
                  
              
}
#mappa-container.guests {
    min-height: 387px !important;
}


.box-stat > col-md-12 {padding:4px 0;}

#col_contatti {height:26px;padding-top:3px;}
#col_user {height:32px;padding-top:1px;}

.alert {margin-bottom:0px;border-radius:0;}

.btn_v_a, .btn_vendita_affitto_active {width:49.8%;margin:0.1%;float:left;font-weight:400;}
.bg-more a {font-size:12px;padding:4px;}
.btn_v_a a:hover {text-decoration:none;}

.btn-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.bg-tabulazione a {font-size:12px;padding:4px;}
.bg-tabulazione a:hover {text-decoration:none;}

iframe.fancybox-iframe { z-index:99999; }

.vendita {display:block}
.affitto {display:none}

@media screen and (max-width: 1200px) {
  .nav-pills > li > div {min-height:88px;font-size:12px;}
  .titolo-box {height:42px;}
  .titolo-box-2 {height:34px;}
  
}
@media screen and (max-width: 920px) {
    .nav-pills > li > div {
      font-size:12px;
    }
    table.table-area tr a {
      font-size:12px;
    }

    h1#titoloPagina {font-size:1.05em;}
    h3 {font-size:0.8em;}
    h4 {font-size:0.6em;}
}

@media (max-width: 1240px) {
    .container {
         max-width: 100% !important; 
    }
    .hidden-xl {display:none;}
}

@media (max-width: 1024px) {
    .container {
         max-width: 100% !important; 
    }
    .hidden-lg {display:none;}
}

@media (max-width: 920px) {
    .container {
         max-width: 100% !important; 
    }
    .hidden-md {display:none;}
    #titolo-pagina {
        font-size:28px !important;
        line-height: 32px;
        margin-bottom: 32px;
    }
}

@media (max-width: 576px) {
    .container {
         max-width: 100% !important; 
    }
    .hidden-sm {display:none;}
    #titolo-pagina {
        font-size:24px !important;
        line-height: 26px;
        margin-bottom: 24px;
    }
}

@media (max-width: 480px) {
    .container {
         max-width: 100% !important; 
    }
    .hidden-xs {display:none;}
    #titolo-pagina {
        font-size:20px !important;
        line-height: 24px;
        margin-bottom: 24px;
    }
}

.h6, h6 {margin:.1rem !important;margin-left:0px !important;}
.border-3{border: 3px solid #ced4da;}
.border-1{border: 1px solid #ced4da;}
.border-b-1{border-bottom: 1px solid #ced4da;}
.border-t-1{border-top: 1px solid #ced4da;}
.border-left{border-left: 1px solid #ced4da;}
.border-right{border-right: 1px solid #ced4da;}
.uppercase{text-transform:uppercase;}
.fa-edit, .fa-save, .fa-question-circle {cursor:pointer}

#select-type-maps {width:200px;top:-44px;left:4px;position:relative;z-index:9}

#quotazioni-box {min-height:380px}

.icone {margin-left:15px;margin-right:15px;}

#tabellaNomiAree {overflow: auto;}

/*WebKit Scroolbar */
#tabellaNomiAree::-webkit-scrollbar {width:20px}
#tabellaNomiAree::-webkit-scrollbar-track, #tabellaNomiAree::-webkit-scrollbar-thumb {border-radius: 6px}

#icon_stima_in_loco, #icon_stima_telefonica {width:46px}
#icona-agente {max-width:100%;vertical-align:middle;border:2px solid #fff;border-radius:50%}

.minititoli {margin-top:12px;margin-bottom:6px;padding:0px}
.dataTables_wrapper div.dataTables_filter {float:right !important;}
.dataTables_wrapper div.dataTables_filter:after {clear: both; content: '';}
.label {display:inline;padding:.15em .6em;font-size:80%;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
.label-grafici {display:inline;padding:6px;font-size:12px;font-weight:400;color: #fff; line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:4px;}
.capitalize{text-transform:capitalize}
.tooltip.show {opacity: 1}

#file-path-planimetria, #file-path-stabile, #file-path-interna-1, #file-path-interna-2, #file-path-interna-3 {padding:6px 0px}

.minititoli {
    margin-top:5px;
    border-radius: 4px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    
}
.minititoli-pdf {
    margin-top:5px;
    border-radius: 4px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
}

.row-white, .row-grey {
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
}

.row-white-pdf, .row-grey-pdf {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
}

.row-line {
    font-size: 14px;
    padding: 9px;
    border-bottom: 1px solid;
    border-color: #eeeeee
    
}

.row-line-0 {
    font-size: 14px;
    padding:9px;     
}

.row-titolo-accessori {
    font-size: 14px;
    padding:3px;
    font-weight: bold !important;
   
}



.row-accessori {
    font-size: 12px;
    padding: 6px;
    border-bottom: 1px solid;
    border-color: #ffffff;  
     
    
 }
 
 .accessorio {
    font-size: 12px;
    padding: 6px;
    border-radius: 2px;
    margin-bottom:3px;
 }
 
 


.label-tipologia {
    font-family: anton;
    font-size: 24px; 
}
.label-tipologia {
    font-family: anton;
    font-size: 16px; 
}
.label-check {
 
    background:#007bff; 
}

.anton-10 { font-family: anton; font-size: 10px;}
.anton-11 { font-family: anton; font-size: 11px;}
.anton-13 { font-family: anton; font-size: 13px;}
.anton-16 { font-family: anton; font-size: 15px;}
.anton-18 { font-family: anton; font-size: 17px;}
.anton-20 { font-family: anton; font-size: 20px;}
.anton-24 { font-family: anton; font-size: 24px;}
.anton-28 { font-family: anton; font-size: 28px;}
.anton-32 { font-family: anton; font-size: 32px;}
.anton-36 { font-family: anton; font-size: 36px;}
.anton-40 { font-family: anton; font-size: 40px;}
.anton-46 { font-family: anton; font-size: 46px;}
.anton-60 { font-family: anton; font-size: 60px;}
.anton-100 { font-family: anton; font-size: 100px;}



.poppins-10 { font-family: 'Poppins', sans-serif; font-size: 10px;}
.poppins-11 { font-family: 'Poppins', sans-serif;  font-size: 11px;}
.poppins-13 { font-family: 'Poppins', sans-serif;  font-size: 13px;}
.poppins-16 { font-family: 'Poppins', sans-serif;  font-size: 15px;}
.poppins-18 { font-family: 'Poppins', sans-serif;  font-size: 17px;}
.poppins-20 { font-family: 'Poppins', sans-serif;  font-size: 20px;}
.poppins-24 { font-family: 'Poppins', sans-serif;  font-size: 24px;}
.poppins-28 { font-family: 'Poppins', sans-serif;  font-size: 28px;}
.poppins-32 { font-family: 'Poppins', sans-serif;  font-size: 32px;}
.poppins-36 { font-family: 'Poppins', sans-serif;  font-size: 36px;}
.poppins-40 { font-family: 'Poppins', sans-serif;  font-size: 40px;}
.poppins-46 { font-family: 'Poppins', sans-serif;  font-size: 46px;}
.poppins-60 { font-family: 'Poppins', sans-serif;  font-size: 60px; }
.poppins-100 { font-family: 'Poppins', sans-serif;  font-size: 100px;}

#payoff {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
/*    font-size: 100px;*/
}

#box-search2 div a.btn-app {
    cursor: pointer;
    border-radius: 3px;
    position: relative;
    padding: 10px 3px;
    margin: 0 0 7px 0px;
    min-width: 49%;
    height: 70px;
    text-align: center;
    font-size: 12px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 0px solid transparent;
    line-height: 1.5;
    border-radius: 4px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

img.icone {margin: 6px; height: 22px; margin-left:1px }
label{font-size:11px !important;letter-spacing:.04em;font-weight:700;padding-top:12px;cursor:pointer;width:100%}
.label-icon {padding-top:1px !important;}
p {margin:0 !important;}
fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0px;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em; 
}
fieldset > * {font-size:12px;}
fieldset legend{font-size:12px; padding: 3px;}
hr{opacity:0.6}
a:hover{text-decoration:none}
.iconrep{width:24px;height:24px;margin-right:6px;}
ul.tree { padding-left:0px;padding-bottom: 6px;}
ul.tree li { padding:4px;}
ul.tree li i {padding-left: 12px;padding-right: 12px;}
.nav > * i {padding-right:12px;}
ul.tree_menu {padding-left:0px;}
ul.tree_menu li {width:100%;}
ul.nav-list li {margin-bottom:.5rem;width:100%;}
ul.nav-list li span.label {float:right;font-size:11px;line-height: normal }
.form-group {margin-bottom:0;}
.normal {font-weight:400 !important;}
#frame_content {min-height:700px}
.loaderADMIN, .loaderADMIN:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
.loaderADMIN {            
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#loadingDiv {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index: 999999;
    background-color:rgba(255, 255, 255,.5);
}
.btn-group > button > a:hover, .btn-group .dropdown-menu a:hover, .btn-primary a:hover, .dropdown-menu a:hover, .dropdown-menu div a:hover { text-decoration:none !important; }
.btn-group button a em, .dropdown-menu a em , .dropdown-menu div a em {padding-right: 8px;}
.foto{height:400px}
.hidden{display:none}
.show{display:block}
.thumb-agente {max-height:150px;}

.alert-neutro {
    background-color: #e6e6e6;
    color: #070707;
    border-color: #d8d7d7;
}


fieldset.scheduler-border {
    border: 1px solid #fafafa !important;
    padding: 0 0 1em 0 !important;
    margin: 0 0 1.2em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #fafafa;
            box-shadow:  0px 0px 0px 0px #fafafa;
}

legend.scheduler-border {
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: left !important;
    padding: 0px;
    padding-left: 6px;
    margin-bottom: 0;
}

img.wh24 {height:24px;width:24px}
img.logo_azienda{max-width:100% !important;max-height:100px;}
img.logo_azienda_small{max-width:100% !important;max-height:54px;}
.colorpicker.colorpicker-with-alpha {z-index:9999;}

.obbligatorio {background-color: #ffffed !important;}

img.img-responsive {max-width:100% !important;}

table#tabellaCompetitor tr td {
    
}
table#tabellaCompetitor tr td.uno {width:12%;}
table#tabellaCompetitor tr td.due {width:88%;}
table#tabellaCompetitor tr td.due div div span.label {padding:.5em .5em;}
table#tabellaCompetitor tr td.uno span.label-numeric {position:absolute;margin-left:2px;margin-top:-6px;border-radius:10%;border-width:3px}

.print {display: none}

@media print {
    
    a, a:hover, a:active, a:focus {text-decoration: none !important}
    body {background-color:#fff !important}
    #payoff, a.btn, button.btn, .no-print, #navbarResponsive, #col_user, .navbar-toggler {display:none !important;}
    .print {display: block}
    #mainNav {display: block !important;}
    #frame_content {min-width:100% !important;width:100% !important}
    *{ -webkit-print-color-adjust: exact; }    
    div.pagina {
        min-width:1000px !important;
        min-height: 1495px !important;
        max-height: 1495px !important;
    }
}

table tbody tr.alert-attivo{background-color: #d4edda !important}
table tbody tr.alert-scaduto{background-color: #fff3cd !important}


@media (max-width: 1200px) { 
    div.container {width:100%;max-width:980px !important;} 
}

@media (max-width: 1700px) { 
    div.container {width:100%;max-width:1024px !important;} 
}

@media (max-width: 1900px) { 
    div.container {width:100%;max-width:1240px !important;} 
}



/*.animation {
  animation: pulse 1s linear infinite both;
}*/

/* Tone down the animation to avoid vestibular motion triggers like scaling or panning large objects. */
/*@media (prefers-reduced-motion) {
  .animation {
    animation-name: dissolve;
  }
}*/

/*
div.container{
    max-width: 980px !important;
}
*/

h3.bradcrumb > *, h3.bradcrumb > a, h3.bradcrumb > span, h3.bradcrumb > span a { 
    font-size: 18px !important;}


.submenu-element, #menu-utility ul li a, a.btn { 
    font-weight: normal !important
}

.position-absolute{position:absolute;top:0px;z-index:9999;width:100%;max-width:100%;min-width:100%}
.chart-circle{min-height:160px;max-height:160px;max-width:160px;min-width:160px}

.tabella {font-size:12px !important;}

table.dataTable, table.dataTable th, table.dataTable td, table.dataTable td a{font-size:12px !important; font-weight:normal !important}

 .stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    left: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}


 .mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
.card-deck .card {
    min-width: 220px;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
h4.card-title {
    margin-bottom: .75rem;
}
h4.font-weight-normal {
    font-size: 20px !important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}
.mt-3, .my-3 {
    margin-top: 1rem !important;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.cursor:hover {cursor:pointer}

div.box-sliders h3 {line-height: 18px; height: 57px;}
div.box-sliders p.padding-tb-12 {min-height: 90px;}

.img-sliders {
     min-height:400px;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position:center center;   
}
.div-sliders {
    
    background-color: rgba(0, 16, 48, .6);
    min-height: 100%;

}

.titolo-sliders {
  color:#ffffff;
    font-size: 38px;
   ;

}
.titolo-sliders-28 {
  color:#ffffff;
    font-size: 28px;
   ;

}
.titolo-sliders-24 {
  color:#ffffff;
 
    font-size: 24px;
   ;

}
.testo-sliders {
  color:#ffffff;
    font-weight: normal !important;
    font-size: 20px;
   
   
}
 div.testo-sliders h3 {line-height: 1.7em;}
.box-sliders {font-size:18px; padding: 18px; min-height: 200px;}
.box-landing {min-height: 130px !important; padding: 12px;}

.titolo-banner {
  color:#ffffff;
    font-weight: bold !important;
    font-size: 32px;
   ;

}




.slider-landing {min-height:250px; background-repeat:no-repeat;background-size:cover;width:100%; float:left;}
.slider-servizi {background-repeat:no-repeat;background-size:cover;width:100%; float:left;}
.margin-b-18 {margin-bottom: 18px;}

.testo-landing {font-size:15px; text-align: justify;}
.margin-lr-24 {margin-left: 24px !important; margin-right: 24px !important; } 


@media (max-width: 576px) {
   div.box-sliders p.padding-tb-12 {min-height: 70px;}
}

.termini {margin-left: 20px !important; font-size: 11px !important; padding: 2px !important} 
.termini-titoli {font-size: 12px !important; padding: 2px !important; font-weight: bold} 



.dropdown-menu{padding:0 0 0 0; margin: 0 0 0 0;}

.operatore {
   
    border-radius: 4px;
    padding: 6px;
    text-align: center;
    
}


.btn-landing {  
 display: inline-block;
 border-radius: 4px;
 padding: 6 px; 
 border: 0;
 background: #fcfcfc;
 color: #000000;
 cursor: pointer;
 outline: 0;}

.img-slider-comparazioni {min-height:510px; background-size: cover; background-position: center center;}

@media screen and (max-width: 920px){.img-slider-comparazioni {min-height:525px; background-size: cover; background-position: center center;}}

@media screen and (max-width: 620px) {.img slider-comparazioni {min-height: 300px; background-size: cover; background-position: center center;}} 

@media screen and (max-width: 420px) {.img slider-comparazioni {min-height:200px; background-size: cover; background-position: center center;}}


.btn-call {
    text-align: center;
    padding: 12px;
    font-weight: bold;
    font-size: 18px;
}

.btn-call-small {
    text-align: center;
    padding: 6px;
    font-weight: bold;
    font-size: 14px;
}

.btn-catasto {
    text-align: center;
    padding: 6px;
    border-radius: 4px;
    font-size: 10 px;
    border: 1 px;
}

.check-green {color: #77b300; font-size: 20px;}
.red {color: red;}
.green {color:#adf719;}
.white {color:#ffffff;}
.testo-check {font-size: 16px; color: #fffffff; padding: 1px;}
.celeste {color: #21365b;}
.grigetto {color: #a5a9a9;}
.oro {color: #a18f62;}
.grey{color: #cfcfcf;}
.orange {color: #f96000;}
.slogan-box { font-size: 24px}
.slogan-box-small { font-size: 17px}

.bg-pagamento { background-color: #ffffff !important;}
.bg-oro { background-color: #a18f62 !important;}
.bg-slide { background-color: #fcfcfc !important;}


.sotto-slider-landing {margin-bottom:25px;background-repeat:no-repeat;background-size:cover;width:100%; float:left;}



    
.titolo-landing {
    font-family: "Roboto", Sans-serif;
    color: #ffffff;
    font-size: 44px;
    font-weight: 100;
    letter-spacing: -1px;
}

.anton {
    font-family: Anton, Sans-serif;
}

.roboto {
    font-family: Roboto, Sans-serif;
}

.teko {
    font-family: Teko, Sans-serif;
}

.extra-bold {
    font-weight: 800;
}

.evidenzia {
   
    font-weight: 600;
    border-bottom: 2px solid #ffc107;   
}

.bg-tabs {
   
    background-color: #e0f4fe;    
}

.pagina{clear:both;margin:0 auto;border:1px solid #c0c0c0;background-color:#fff;margin-top:16px}
.pagina_container{clear:both;margin:0 auto;margin-top:4px}
.pagina_container_btn{clear:both;min-height:40px;margin:0 auto}

.box-report-50-dati-stock {
    min-height: 120px;
    padding: 9px 12px;
    line-height: 1.5em;
}

.bg-grey-light {
   
    background-color: #F5F5F5;    
}


.ombra-1 {text-shadow: 1px 1px 2px black;}
.ombra-2 {text-shadow: 2px 2px 4px black;}

.opct {
  height: 100px;
  width: 100px;
  background-color: #95AAD3;
  margin-right: 5px;
  padding: 5px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.opct p {
  margin-bottom: 0;
}
.opacity-0 {
  opacity: 0; }

.opacity-10 {
  opacity: 0.1; }

.opacity-20 {
  opacity: 0.2; }

.opacity-30 {
  opacity: 0.3; }

.opacity-40 {
  opacity: 0.4; }

.opacity-50 {
  opacity: 0.5; }

.opacity-60 {
  opacity: 0.6; }

.opacity-70 {
  opacity: 0.7; }

.opacity-75 {
  opacity: 0.75; }

.opacity-80 {
  opacity: 0.8; }

.opacity-85 {
  opacity: 0.85; }

.opacity-90 {
  opacity: 0.9; }

.opacity-95 {
  opacity: 0.95; }

.opacity-100 {
  opacity: 1; } 


img.img-thumb-annuncio {
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
    background-image: url('https://cda.borsinoservice.it/competitor/default.png');
    background-position: center center;
    background-size: 58px 58px;
    background-repeat: no-repeat;
}
img.img-thumb-portale {
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    padding: 1px;
    margin-right: 3px;
    margin-bottom: 3px;
    border: 1px solid #17a2b8;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding:6px;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, 
table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, 
table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 24px;
    padding-left: 9px;
}
table.dataTable td a.bold {
    font-weight:bold !important;
}
.padding-l-9,
span.padding-l-9,
b.padding-l-9 {
    padding-left: 9px !important;
}

table#table_credito_riepilogo {
    display: inline-table !important; 
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.mega-bold {
    font-weight: 900 !important;
}

.ajs-modal {
    z-index:9999;
}
.ajs-content {
    font-size: 16px !important;
}
.ajs-header h4 {
    font-size: 1.5rem !important;
}


.sommario-border {
    font-size: 14px;
}

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

div.accessorio {
    padding-left: 32px;
    margin:3px;
    width:auto;
    float:left;
}
i.accessori {
    position: absolute;
    font-size: 24px !important;
}
i.accessori:before {
    position: absolute;
    left: -30px;
    font-size: 24px !important;
    top: -3px;
}


.form-check-input, input[type="checkbox"].form-check-input {
    position: absolute;
    margin-top: 0.1em;
    margin-left: -1.4em;
}

input[type="checkbox"] {
    display: inline-block;
    font-family: inherit;
    box-sizing: border-box;
    width: 22px;
    padding: 0;
    height: 22px;
    z-index: auto;
    margin-right: 9px;
}

input[type="radio"]:checked {
    border: 2px solid #0075ff;
}

input[type="radio"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

input[type="radio"] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #212529;
    vertical-align: middle;
    outline: none;
}

.form-check-inline .form-check-input {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}

input[type="radio"]:checked::before {
    transform: translate(3px, 3px) scale(1);
    transition: all 0.3s cubic-bezier(0.25, 0.25, 0.56, 2);
    background-color: #0075ff;
}

input[type="radio"]::before {
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: transparent;
    transform-origin: center;
}

.btn-xxl {
    padding: 0.75rem 1.75rem;
    font-size: 1.25rem;
    line-height: 1.75;
    border-radius: 0;
}
.btn-xxl i.fa {
    margin-right: 9px;
    font-size: 1.75rem;
}

#preferenze {
    max-height: 240px;
    overflow: auto;
    margin-top: 12px;
    margin-bottom: 24px;
}
#preferenze table tbody tr td:first-child { 
    font-size: 12px;
    padding: 12px; 
}
#preferenze table tbody tr td:last-child { 
    min-width: 80px; 
    max-width: 80px; 
    width: 80px; 
}
#preferenze table.table th, #preferenze table.table td { 
    vertical-align: middle; 
}
#preferenze table.table thead tr th { 
    padding-top: 24px;
    border-top: 0px;
}
#preferenze table.table tbody tr td { 
    border-top: 1px solid rgba(222, 222, 222, .2);
}

#GDPR {
    z-index: 999999;
    border-top:2px solid #ffffff;
}

.toggle-switchy {color:#fff;}
.toggle-switchy > input + .toggle:before {content:'SI';font-weight:600;}
.toggle-switchy > input + .toggle:after {content:'NO';font-weight:600;}
.toggle-switchy > input + .toggle > .switch {background:#fff;}
.toggle-switchy > input + .toggle + .label {color:#000;font-weight:600;}
.toggle-switchy > input:checked + .toggle {background:#3498db;}
.toggle-switchy > input:not(:checked) + .toggle {background:#ccc;}
.toggle-switchy > input:checked + .toggle > .switch {border:3px solid #3498db;}
.toggle-switchy > input:not(:checked) + .toggle > .switch {border:3px solid #ccc;}
.toggle-switchy > input:focus + .toggle,
.toggle-switchy > input:active + .toggle {box-shadow:0 0 5px 3px rgba(0, 119, 200, 0.50);}

.toggle-switchy > input + .toggle {border-radius:4px;}
.toggle-switchy > input + .toggle .switch {border-radius:6px;}

.toggle-switchy {display:inline-flex; align-items:center; user-select:none; position:relative; vertical-align:middle; margin-bottom:0; padding:6px; }
.toggle-switchy:hover {cursor:pointer;}
.toggle-switchy > input {position:absolute; opacity:0;}
.toggle-switchy > input + .toggle {align-items:center; position:relative;}
.toggle-switchy > input + .toggle {overflow:hidden; position:relative; flex-shrink:0;}
.toggle-switchy > input[disabled] + .toggle {opacity:0.5;}
.toggle-switchy > input[disabled] + .toggle:hover {cursor:not-allowed;}
.toggle-switchy > input + .toggle {width:100%; height:100%; margin:0; cursor:pointer;}
.toggle-switchy > input + .toggle > .switch {display:block; height:100%; position:absolute; right:0; z-index:3; box-sizing:border-box;}

.toggle-switchy > input + .toggle:before,
.toggle-switchy > input + .toggle:after {display:flex; align-items:center; position:absolute; z-index:2; height:100%;}
.toggle-switchy > input + .toggle:before {right:60%;}
.toggle-switchy > input + .toggle:after {left:50%;}
.toggle-switchy > input + .toggle + .label {margin-left:10px;}
.toggle-switchy[data-label='left'] > input + .toggle {order:2;}
.toggle-switchy[data-label='left'] > input + .toggle + .label {order:1; margin-left:0; margin-right:10px;}

.toggle-switchy > input + .toggle:before {opacity:0;}
.toggle-switchy > input:checked + .toggle:before {opacity:1;}
.toggle-switchy > input:checked + .toggle:after {opacity:0;}

.toggle-switchy > input + .toggle {transition:background 200ms linear, box-shadow 200ms linear;}
.toggle-switchy > input + .toggle:before,
.toggle-switchy > input + .toggle:after {transition:all 200ms linear;}
.toggle-switchy > input + .toggle > .switch {transition:right 200ms linear, border-color 200ms linear;}

.toggle-switchy[data-size='xl'] > input + .toggle							{width:85px; height:40px;}
.toggle-switchy[data-size='xl'] > input + .toggle > .switch					{width:40px;}
.toggle-switchy[data-size='xl'] > input + .toggle:before,
.toggle-switchy[data-size='xl'] > input + .toggle:after						{font-size:1.2rem;}
.toggle-switchy[data-size='xl'] > input:not(:checked) + .toggle > .switch	{right:calc(100% - 40px);}

.toggle-switchy[data-size='lg'] > input + .toggle							{width:75px; height:35px;}
.toggle-switchy[data-size='lg'] > input + .toggle > .switch					{width:35px;}
.toggle-switchy[data-size='lg'] > input + .toggle:before,
.toggle-switchy[data-size='lg'] > input + .toggle:after						{font-size:1rem;}
.toggle-switchy[data-size='lg'] > input:not(:checked) + .toggle > .switch	{right:calc(100% - 35px);}

.toggle-switchy > input + .toggle											{width:65px; height:30px;}
.toggle-switchy > input + .toggle	> .switch								{width:30px;}
.toggle-switchy > input + .toggle:before,
.toggle-switchy > input + .toggle:after										{font-size:0.8rem;}
.toggle-switchy > input:not(:checked) + .toggle > .switch					{right:calc(100% - 30px);}

.toggle-switchy[data-size='sm'] > input + .toggle							{width:55px; height:25px;}
.toggle-switchy[data-size='sm'] > input + .toggle > .switch					{width:25px;}
.toggle-switchy[data-size='sm'] > input + .toggle:before,
.toggle-switchy[data-size='sm'] > input + .toggle:after						{font-size:0.7rem;}
.toggle-switchy[data-size='sm'] > input:not(:checked) + .toggle > .switch	{right:calc(100% - 25px);}

.toggle-switchy[data-size='xs'] > input + .toggle							{width:45px; height:20px;}
.toggle-switchy[data-size='xs'] > input + .toggle > .switch					{width:20px;}
.toggle-switchy[data-size='xs'] > input + .toggle:before,
.toggle-switchy[data-size='xs'] > input + .toggle:after						{font-size:0.5rem;}
.toggle-switchy[data-size='xs'] > input:not(:checked) + .toggle > .switch	{right:calc(100% - 20px);}

.toggle-switchy[data-style='rounded'] > input + .toggle,
.toggle-switchy[data-style='rounded'] > input + .toggle > .switch			{border-radius:50px;}
.toggle-switchy[data-style='rounded'] > input + .toggle:before				{right:60%;}
.toggle-switchy[data-style='rounded'] > input + .toggle:after				{left:50%;}

.toggle-switchy[data-style='square'] > input + .toggle						{border-radius:0;}
.toggle-switchy[data-style='square'] > input + .toggle .switch				{border-radius:0;}

.toggle-switchy[data-text='false'] > input + .toggle:before,
.toggle-switchy[data-text='false'] > input + .toggle:after					{content:'';}
.toggle-switchy[data-text='false'][data-size='xl'] > input + .toggle		{width:80px;}
.toggle-switchy[data-text='false'][data-size='lg'] > input + .toggle		{width:70px;}
.toggle-switchy[data-text='false'] > input + .toggle						{width:60px;}
.toggle-switchy[data-text='false'][data-size='sm'] > input + .toggle		{width:50px;}
.toggle-switchy[data-text='false'][data-size='xs'] > input + .toggle		{width:40px;}

.toggle-switchy[data-color='red'] > input:checked + .toggle					{background:#e74c3c;}
.toggle-switchy[data-color='red'] > input:checked + .toggle > .switch		{border-color:#e74c3c;}

.toggle-switchy[data-color='orange'] > input:checked + .toggle				{background:#e67e22;}
.toggle-switchy[data-color='orange'] > input:checked + .toggle > .switch	{border-color:#e67e22;}
 
.toggle-switchy[data-color='yellow'] > input:checked + .toggle				{background:#f1c40f;}
.toggle-switchy[data-color='yellow'] > input:checked + .toggle > .switch	{border-color:#f1c40f;}

.toggle-switchy[data-color='green'] > input:checked + .toggle				{background:#2ecc71;}
.toggle-switchy[data-color='green'] > input:checked + .toggle > .switch		{border-color:#2ecc71;}

.toggle-switchy[data-color='blue'] > input:checked + .toggle				{background:#3498db;}
.toggle-switchy[data-color='blue'] > input:checked + .toggle > .switch		{border-color:#3498db;}

.toggle-switchy[data-color='purple'] > input:checked + .toggle				{background:#9b59b6;}
.toggle-switchy[data-color='purple'] > input:checked + .toggle > .switch	{border-color:#9b59b6;}

.toggle-switchy[data-color='gray'] > input:checked + .toggle				{background:#555;}
.toggle-switchy[data-color='gray'] > input:checked + .toggle > .switch		{border-color:#555;}


@media (max-width: 747px) {
    #GDPRDIV {
         width: 98% !important;
         margin-left:1%;
         padding:6px !important;
    }
    #GDPRDIV p {
        line-height: 15px;
        font-size:12px;
    }
    #GDPRDIV div.clearfix.padding-24 {
        padding:12px;
        font-size:12px;
    }
    #GDPR {
         padding:6px !important;
    }
    #GDPRDIV > button.btn-lg {
        padding: 0.45rem 1rem;
        font-size: 1.05rem;
        line-height: 1.25;
        border-radius: 0;
    }
}

#short-link ul li.line-height-22px i.width-16 {
    width:16px;
}

#short-link ul li.line-height-22px,
#short-link ul li a,
#short-link ul li a:active,
#short-link ul li a:focus,
#short-link ul li a:hover {
    font-size:13px !important;
    font-weight: 400 !important;
    line-height: 22px;
}

#social-footer a {
    opacity: 0.75;
    /*border: 1px solid #686868;*/
    padding: 12px 6px 5px 5px;
    /*border-radius: 9%;*/
}
#social-footer a:hover,
#social-footer a:focus,
#social-footer a:active {
    opacity: 1;
}


#slider-landing-guest {
    background-size: cover;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    margin-top: -65px;
    background-position: center center;
    background-repeat:no-repeat;
}

.kenburns-bottom {
	-webkit-animation: kenburns-bottom 5s ease-out ;
	        animation: kenburns-bottom 5s ease-out ;
}
.kenburns-top {
	-webkit-animation: kenburns-top 2.5s ease-in alternate-reverse both;
	        animation: kenburns-top 2.5s ease-in alternate-reverse both;
}
.rotate-in-center {
	-webkit-animation: rotate-in-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) backwards;
	        animation: rotate-in-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) backwards;
}
.tracking-in-expand {
	-webkit-animation: tracking-in-expand 0.7s ease-in alternate backwards;
	        animation: tracking-in-expand 0.7s ease-in alternate backwards;
}
.tracking-in-contract-bck-top {
	-webkit-animation: tracking-in-contract-bck-top 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract-bck-top 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
.kenburns-bottom-left {
	-webkit-animation: kenburns-bottom-left 5s ease-out reverse both;
	        animation: kenburns-bottom-left 5s ease-out reverse both;
}

@-webkit-keyframes kenburns-bottom-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 84%;
            transform-origin: 16% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, 15px);
            transform: scale(1.25) translate(-20px, 15px);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
}
@keyframes kenburns-bottom-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 84%;
            transform-origin: 16% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, 15px);
            transform: scale(1.25) translate(-20px, 15px);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
}

@-webkit-keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(15px);
            transform: scale(1.25) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
@keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(15px);
            transform: scale(1.25) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}

@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}

@-webkit-keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}


@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

@keyframes tracking-in-contract-bck-top {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px) translateY(-300px);
            transform: translateZ(400px) translateY(-300px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}

/*testo animato 2s*/
.scale-up-center {
	-webkit-animation: scale-up-center 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-center 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


/*testo animato 1s*/
.scale-up-center-1 {

	-webkit-animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
	        animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
}

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

/*testo animato 2s*/
.scale-up-center-3 {

	-webkit-animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 2s both;
	        animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 2s both;
}

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

/*testo che compare*/
.text-focus-in {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1.7s both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1.7s both;
}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}



/*animazione box 1s*/

.scale-up-top {
	-webkit-animation: scale-up-top 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
	        animation: scale-up-top 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
}


@-webkit-keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 00% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}

/*animazione box 2s*/

.scale-up-top-2 {
	-webkit-animation: scale-up-top 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.5s both;
	        animation: scale-up-top 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.5s both;
}


@-webkit-keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 00% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}


/*animazione box 3s*/

.scale-up-top-3 {
	-webkit-animation: scale-up-top 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2s both;
	        animation: scale-up-top 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2s both;
}


@-webkit-keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 00% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}



/*tasto che vibra*/

.bounce-top {
    opacity: 0;
	-webkit-animation: bounce-top 0.9s 1.0s both;
	        animation: bounce-top 0.9s 1.0s both;
}


@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}


/*testo pulsante*/

.heartbeat {
	-webkit-animation: heartbeat 3s infinite ;
	        animation: heartbeat 3s infinite ;
}


@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}