/* ID */
#card_properties { display: none }
#divHelp { visibility: hidden; position: fixed; width: 350px; height: 250px; background: #fff; z-index: 10000; right: 20px; bottom: 20px; border: 1px solid #C21212; border-radius: 10px; padding: 20px }
#helpTitle { border-bottom: 2px solid #C21212 }
#helpClose {  visibility: hidden; position: fixed; right: 30px; bottom: 240px }
#helpImage { visibility: hidden; position: fixed; z-index: 15; right: 340px; bottom: 240px; width: 60px; height: 60px; border: 1px solid #C21212; border-radius: 50%; background: #fff; padding: 5px }
#helpText { padding: 5px; font-size: 12px }
#onirica { color:red }
#preloader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: white; z-index: 10000; display: flex; justify-content: center; align-items: center }

/* CLASS */
.white_text a { color: white}
.button-border.button-pr { border-color: #C21212; color: #C21212 }
.button.button-border:not(.button-fill):hover.button-pr { background-color: #C21212 }
.button.button-border.button-pr.button-fill::before { background-color: #C21212 }
.cert_title {font-weight: 400!important; font-size: 26px!important }
.cert_subtitle { font-weight:400!important; font-size:16px!important }
.chart-samples ul { list-style: none }
.chart-samples h4 { text-transform: uppercase; margin-bottom: 20px; font-weight: 400 }
.chart-samples li { font-size: 16px; line-height: 2.2; font-weight: 600 }
.chart-samples li a:not(:hover) { color: #AAA }
.dashboardIcon { border-radius: 5px; margin: auto; margin-bottom: 10px; border: 3px solid #C21212; height: 250px; width: 250px; padding: 30px; background: #fff; box-shadow: 5px 5px rgba(0,0,0,0.2) }
.dashboardIcon:hover{ margin-left: 5px; margin-top: 5px;  margin-bottom: 5px; box-shadow: none }
.dh_font{ font-family: Scharnhorst; font-weight: 100 }
.divider_title { font-size: 45px; margin: 0px; text-shadow: 1px 3px 5px #333;  }
.error input, .error textarea, .error select, .error div.well { border: 1px solid #CB0C0F!important }
.error div.checkbox{ color: #CB0C0F!important }
.error #consentLabel { color: #CB0C0F!important}
.estate_abstract { text-wrap: wrap!important; font-size: 1rem!important; font-weight: 400!important; font-family: "Inter", sans-serif!important }
.fbox_dashboard { border: 3px solid #C21212; padding:5px; border-radius: 10px }
.fbox_dashboard:hover{ box-shadow: inset 0px 0px 7px rgba(99, 134, 82, 0.5)}
.g-recaptcha div { margin: auto!important }
.icon_pr { border: 2px solid #4F001D; padding: 3px }
.icon_amber { border: 2px solid #EB9C4D; padding: 3px }
.icon_red { border: 2px solid #C02942; padding: 3px }
.icon_green { border: 2px solid #59ba41; padding: 3px }
.icon_grey { border: 2px solid #777777; padding: 3px }
.icon_info { width: 15px; height: 15px }
.icon_info img { width: 15px; height: 15px }
.icon_counter { width: 64px; height: 64px }
.img_diadema { border: 1px solid #CB0C0F; border-radius: 20px }
.img_profile { height: 100px; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; display: block }
.img_shadow { box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3) }
.lbl_cert:hover { color: #C21212 }
.modalTitle { padding: 30px; padding-bottom: 15px }
.modalTitle h4 { margin: 0px }
.modalBody { padding: 15px 30px }
.modalFooter { padding: 30px }
.modalFooter .button-mini { width:100px }
.modal_stripe { border-bottom: 1px solid #C21212; background: #C21212; height: 20px }
.modal-content form { margin-bottom: 0px }
.notice { width: 400px; position: fixed; z-index: 20000; right: 5px; top: 5px }
.obj_cover { object-fit: cover!important }
.powered_by { font-size:11px!important; width:160px; height:25px; padding:4px 4px; background:white; border-radius:3px; color:rgba(0,0,0,0.65)!important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 1px -1px rgba(0, 0, 0, 0.15); font-weight: 600;  }
.powered_by:hover { background-color: #ddd; }
.powered_by img { height:19px; margin-right:5px }
.rotating { animation: rotateY 0.5s linear infinite; width: 50px; text-align: center }
.rotatingBig { animation: rotateY 0.5s linear infinite; width: 100px; text-align: center }
.slider_title { position: absolute; width: 100%; text-align: center; color: white; text-shadow: 1px 3px 5px #333; z-index:1000; top:40%; font-size: 100px; margin: 0px; font-family:Scharnhorst; font-weight: 100 }
.table.b_none th, .table.b_none td { border: 0px !important }
.table_cookie p { margin-bottom: 0px!important }
.td_action { min-width: 50px; width: 50px }
.td_action img, .icon_action { min-width: 30px; min-height: 30px; width: 30px; height: 30px; cursor:pointer }

/* FONT */
@font-face {
    font-family: "Scharnhorst";
    src: url(../fonts/Scharnhorst.ttf);
}


/* MEDIA */
@media (min-width: 1201px) and (max-width: 1500px){
    .slider_title { font-size: 80px }
}
@media (min-width: 992px) and (max-width: 1200px){
    .slider_title { font-size: 75px }
}
@media (min-width: 1200px){
    #privateAreaHeaderRow { display: block } 
}
@media (min-width: 768px) and (max-width: 992px){
    .slider_title { font-size: 60px }
}
@media (max-width: 767px){
    .slider_title { font-size: 55px }
    .footer_left{ text-align: center }
    .footer_right{ text-align: center }
}
@media (max-width: 660px){
    .slider_title { top:35%; font-size: 40px }
}
@media (max-width: 1200px){
    .footer_left{ text-align: center }
    .footer_right{ text-align: center }
}

@media (max-width: 991px){
    .txt_a_c_sm { text-align: center!important }
    .dark .sticky-header #header-wrap, .sticky-header.dark #header-wrap { background: #C21212 }
    #logo img{ height: 60px }
}

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