@font-face {
    font-family: 'trajanusbricksregular';
    src: url('font/trajanusbricks-webfont.eot');
    src: url('font/trajanusbricks-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/trajanusbricks-webfont.woff2') format('woff2'),
         url('font/trajanusbricks-webfont.woff') format('woff'),
         url('font/trajanusbricks-webfont.ttf') format('truetype'),
         url('font/trajanusbricks-webfont.svg#trajanusbricksregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/xit3rya.css");

body {overflow: hidden!important;}
body {font-family: 'Rajdhani', sans-serif; font-size: calc(1.045rem + 0.1vw)}
/*p {font-family: "unitext", sans-serif;}*/

.justifiedtext {text-align: justify;}
h1.trajan, h2.trajan, h3.trajan, h4.trajan, h5.trajan, h6.trajan, h5.offcanvas-title {
    font-family: 'trajanusbricksregular', Arial, sans-serif;
    font-weight:normal;
    font-style:normal;
    color: #fff!important;
}
h1.montserrat, h2.montserrat, h3.montserrat, h4.montserrat, h5.montserrat, h6.montserrat {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
}
.trajanfont, span.footernametxt {
    font-family: 'trajanusbricksregular', Arial, sans-serif;
    font-weight:normal;
    font-style:normal;
}
span.footernametxt {font-size: small;}
span.footertext {font-size: small;}
.lettercaps {font-size: 40px; padding-right: 5px;}
.bg-transparent {background-color: transparent!important;}
.heading-banner-area {
    /*background: rgba(0, 0, 0, 0) url("../assets/images/hmpg_1.jpeg") no-repeat scroll center center/cover;*/
    height: 100vh!important;
}
h2.trajan>span.testo-barrato {
    text-decoration: line-through!important;
    color: white; /* Opzionale: per cambiare il colore */
}
.fullheight {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100vh!important;
}
.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100vh!important;
}
.btn {font-family: 'Oswald', sans-serif !important;}
/*==== SECTION ====*/
footer a {color: #fff!important;}
.header_cont {
    background: rgba(0, 0, 0, 0) url("../assets/images/header_back.png") no-repeat scroll center center/cover;
}
.header_cont img {width: 100vw;}
/*==== COLORS ====*/
.pompeianred {color: #a42a2f;}
.pompeinared_light_bkgd {background-color:#bc2026;}
.pompeianred_bkgd {background-color: #a42a2f;}
.pompeiandarkred_bkgd {background-color: #7f1216;}
bg-black {background-color: #000;}
/*==== DARK MODE ====*/
.dark-mode input::placeholder {color: #fff!important;}
.dark-mode .referIdentifierCont .tabLabel {color: #e3e3e3!important;}
.dark-mode .redline, .dark-mode .blueline {color: #eee!important;}
.dark-mode .bg-body-tertiary {
    --bs-bg-opacity: 0.2;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.dark-mode .text-body-tertiary {color: #e3e3e3!important;}
.dark-mode .form-check-label {color: #fff!important;}
.dark-mode .form-group > label {color: #e3e3e3!important;}
.dark-mode a {color: #e3e3e3!important;}
.dark-mode a:hover {color: #fff!important;}
.dark-mode span.redText {color: #fff!important;}
.dark-mode .invalid-feedback {color: #ffff00!important; font-weight: 700!important; font-style: italic!important }
a.nav-link.darkmodeedit {color:#282828!important;}
a.nav-link.darkmodeedit {color:#5b5b5b!important;}
.dark-mode .text-muted {color: #fff!important;}
.dark-mode .btn-close {
    filter: var(--bs-btn-close-white-filter)!important;
}
.dark-mode input:-webkit-autofill, .dark-mode input:-webkit-autofill:hover, .dark-mode input:-webkit-autofill:focus, .dark-mode textarea:-webkit-autofill, .dark-mode textarea:-webkit-autofill:hover, .dark-mode textarea:-webkit-autofill:focus, .dark-mode select:-webkit-autofill, .dark-mode select:-webkit-autofill:hover, .dark-mode select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000!important;
}


/*..... @MEDIA  ....*/
/*----PHONE ----*/
@media only screen and (max-width: 360px) {
    #bgvideo1 {width: 36opx!important; height: auto;}
    .header_cont img {padding-top: 2.7em;}
}
/*----LANDSCAPE PHONE ----*/
@media only screen and (max-width: 576px) and (min-width: 361px) {
    .header_cont img {padding-top: 2.6em;}
}
/*----LANDSCAPE PHONE SMALL ----*/
@media only screen and (max-width: 436px) and (min-width: 361px) {
    .header_cont img {padding-top: 2.6em;}
}
/*----LANDSCAPE PHONE LARGE----*/
@media only screen and (max-width: 576px) and (min-width: 437px) {
    .header_cont img {padding-top: 2.6em;}
}
/*----TABLET MD ----*/
@media only screen and (max-width: 768px) and (min-width: 577px) {
    .header_cont img {padding-top: 1.7em;}
    h1.trajan {
        font-size: 90px!important;
    }
}
/*----LARGE DESKTOP ----*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {
    h1.trajan {
        font-size: 90px!important;
    }
}
/*----DESKTOP XXL----*/
@media only screen and (max-width: 1399px) and (min-width: 1025px) {
    h1.trajan {
        font-size: 110px!important;
    }
}
/*----WIDE SCREEN ----*/
@media only screen and (min-width: 1400px) {
    h1.trajan {
        font-size: 120px!important;
    }
}