/*    FONT    */



@font-face {

    font-family: 'Font Light';

    src: url('../fonts/Barlow-Light.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased !important;

    -moz-osx-font-smoothing: grayscale !important;

    text-rendering: optimizeLegibility !important;



}



@font-face {

    font-family: 'Font Regular';

    src: url('../fonts/Barlow-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased !important;

    -moz-osx-font-smoothing: grayscale !important;

    text-rendering: optimizeLegibility !important;



}



@font-face {

    font-family: 'Font Medium';

    src: url('../fonts/Barlow-Medium.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased !important;

    -moz-osx-font-smoothing: grayscale !important;

    text-rendering: optimizeLegibility !important;



}



@font-face {

    font-family: 'Font Semibold';

    src: url('../fonts/Barlow-SemiBold.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased !important;

    -moz-osx-font-smoothing: grayscale !important;

    text-rendering: optimizeLegibility !important;



}



@font-face {

    font-family: 'Font Bold';

    src: url('../fonts/Barlow-Bold.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased !important;

    -moz-osx-font-smoothing: grayscale !important;

    text-rendering: optimizeLegibility !important;



}





/*    VARIABILI GENERALI    */





:root {

    --color-sicur-red: #E52429;

    --color-sicur-blue: #004570;

    --color-text: #000000;

    --gradient-grey: linear-gradient(0deg, #f6f6f6, #f6f6f6 50%, #ffffff 50%, #ffffff 100%);

    --gradient-dark-link: linear-gradient(0deg, #dcdcdb, #3c3c3b 15%, #dcdcdb 30%, #3c3c3b 50.01%, #3c3c3b);

    --bg-primary: #E52429;

    --bg-secondary: #004570;

    --bg-tertiary: #8BC43C;

    --bg-light: #f6f6f6;

    --swiper-navigation-size: 12px !important;

}



/*    BACKGROUND, BORDER, LINE   */





.bg-primary {

    background: var(--bg-primary) !important;

}



.bg-secondary {

    background: var(--bg-secondary) !important;

}



.bg-tertiary {

    background: var(--bg-tertiary) !important;

}



.bg-light {

    background: var(--bg-light) !important;

}



.bg-gradient-grey {

    background: var(--gradient-grey);

}



.line-50 {

    width: 50px;

    height: 1px;

}



.line-25 {

    width: 25px;

    height: 1px;

}





/*    ICON   */



.icon-maxi {

    height: 50px;

    width: auto;

}



.icon-big {

    height: 40px;

    width: auto;

}



.icon-medium {

    height: 30px;

    width: auto;

}



.icon-regular {

    height: 20px;

    width: auto;

}



.icon-small {

    height: 14px;

    width: auto;

}



.icon-mini {

    height: 12px;

    width: auto;

}





/*    TEXT   */



a {

    color: inherit;

    text-decoration: none;

    display: inline-block;

}



b,

strong {

    font-family: 'Font Semibold';

}



.link {

    color: inherit;

    transition: all 0.5s ease-in-out;

}



.link:hover {

    opacity: 0.5;

}



p {

    font-family: 'Font Regular';

    font-size: 20px;

    line-height: 26px;

    color: var(--color-text);

    margin-bottom: 0;

}



.font-regular {

    font-family: 'Font Regular' !important;

}





.font-medium {

    font-family: 'Font Medium' !important;

}



.font-semibold {

    font-family: 'Font Semibold' !important;

}



.font-bold {

    font-family: 'Font Bold' !important;

}



.text-red {

    color: var(--color-sicur-red) !important;

}



.text-blue {

    color: var(--color-sicur-blue) !important;

}



.text-green {

    color: var(--bg-tertiary);

}



.title-page {

    font-family: 'Font Medium';

    font-size: 64px;

    line-height: 70px;

    letter-spacing: -0.006em;

    color: var(--color-text);

    margin-bottom: 0;

}



.title-maxi {

    font-family: 'Font Medium';

    font-size: 74px;

    line-height: 80px;

    color: var(--color-text);

    margin-bottom: 0;

    letter-spacing: -0.006em;

}



.title-big {

    font-family: 'Font Medium';

    font-size: 50px;

    line-height: 56px;

    color: var(--color-text);

    margin-bottom: 0;

    letter-spacing: -0.006em;

}



.title-medium {

    font-family: 'Font Medium';

    font-size: 36px;

    line-height: 42px;

    color: var(--color-text);

    margin-bottom: 0;

    letter-spacing: -0.01em;

}



.subtitle-normal {

    font-family: 'Font Regular';

    font-size: 24px;

    line-height: 36px;

    color: var(--color-text);

    margin-bottom: 0;

}



.text-big {

    font-family: 'Font Regular';

    font-size: 26px;

    line-height: 32px;

    margin-bottom: 0;

}



.text-small {

    font-family: 'Font Regular';

    font-size: 18px;

    line-height: 24px;

    margin-bottom: 0;

}



.text-mini {

    font-family: 'Font Regular';

    font-size: 14px;

    line-height: 22px;

    margin-bottom: 0;

}



ul {

    padding-left: 0;

    list-style-type: none;

}







/*    BUTTON   */



.btn-out-white {

    font-family: 'Font Semibold';

    font-size: 18px;

    line-height: 18px;

    padding: 10px 30px 10px 30px;

    border: 2px solid #fff;

    border-radius: 25px;

    background: transparent;

    color: #fff;

    transition: all 0.3s ease-in-out;

}



.btn-out-white:hover,

.btn-out-white.active {

    background: #fff;

    color: var(--color-sicur-red);

}



.btn-out {

    font-family: 'Font Semibold';

    font-size: 18px;

    line-height: 18px;

    padding: 10px 30px 10px 30px;

    border: 2px solid var(--bg-primary);

    border-radius: 25px;

    background: transparent;

    color: var(--bg-primary);

    transition: all 0.3s ease-in-out;

}



.btn-out-blue {

    font-family: 'Font Semibold';

    font-size: 18px;

    line-height: 18px;

    padding: 10px 30px 10px 30px;

    border: 2px solid var(--color-sicur-blue);

    border-radius: 25px;

    background: transparent;

    color: var(--color-sicur-blue);

    transition: all 0.3s ease-in-out;

}



.btn-out-blue:hover,

.btn-out-blue.active {

    background: rgba(0, 69, 112, 0.1);

    border: 2px solid var(--color-sicur-blue);



}



.btn-out.mini {

    font-family: 'Fakt Pro Semibold';

    font-size: 14px;

    line-height: 14px;

    padding: 8px 20px 8px 20px;

    border: 2px solid var(--bg-primary);

    border-radius: 25px;

    background: transparent;

    color: var(--color-cielo);

    transition: all 0.5s ease-in-out;

}



.btn-out:hover,

.btn-out.active {

    background: var(--bg-primary);

    color: #fff;

}



.btn-big {

    font-family: 'Font Medium';

    font-size: 30px;

    line-height: 30px;

    background: rgba(229, 36, 41, 0);

    border-bottom: 1px solid #000;

    padding: 24px 0 24px 0;

    transition: all 0.5s ease-in-out;

    cursor: pointer;

}



.btn-big:hover {

    background: rgba(229, 36, 41, 0.1);

    border-bottom: 1px solid var(--bg-primary);

    padding: 24px 24px 24px 24px;

}



.btn-normal {

    font-family: 'Font Medium';

    font-size: 24px;

    line-height: 30px;

    background: rgba(229, 36, 41, 0);

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

    padding: 10px 0 10px 0;

    transition: all 0.5s ease-in-out;

    cursor: pointer;

}



.btn-normal:hover {

    background: rgba(229, 36, 41, 0.1);

    border-bottom: 1px solid var(--bg-primary);

    padding: 10px 10px 10px 10px;

}





.btn-modal-close {

    height: 38px;

    width: auto;

}









/*    GENERAL   */



.container {

    max-width: 1320px;

}



.container-big {

    max-width: 1720px;

}



.mt-header {

    margin-top: 139px;

}



.py-400 {

    padding-top: 400px;

    padding-bottom: 400px;

}



.py-200 {

    padding-top: 200px;

    padding-bottom: 200px;

}



.py-150 {

    padding-top: 150px;

    padding-bottom: 150px;

}





.py-125 {

    padding-top: 125px;

    padding-bottom: 125px;

}



.py-80 {

    padding-top: 80px;

    padding-bottom: 80px;

}



.py-60 {

    padding-top: 60px;

    padding-bottom: 60px;

}



.pt-80 {

    padding-top: 80px;

}



.pb-80 {

    padding-bottom: 80px;

}



.pt-150 {

    padding-top: 150px;

}



.pt-125 {

    padding-top: 125px;

}



.pb-125 {

    padding-bottom: 125px;

}



.pb-150 {

    padding-bottom: 150px;

}





.mb-80 {

    margin-bottom: 80px;

}



#videoModal.modal {

    z-index: 10000 !important;

}



.breadcrumb {

    margin-bottom: 0;

}



.breadcrumb-item,

.breadcrumb-item a {

    font-family: 'Font Regular';

    color: #000;

}



.breadcrumb-item.active {

    font-family: 'Font Semibold';

    color: #000;

}



.breadcrumb-item+.breadcrumb-item::before {

    font-family: 'Font Regular';

    color: #000;

    content: var(--bs-breadcrumb-divider, ">");

}



.breadcrumb-item+.breadcrumb-item.text-white::before  {

    font-family: 'Font Regular';

    color: #fff;

    content: var(--bs-breadcrumb-divider, ">");

}



.carousel-full-right {

    width: calc(100vw - ((100vw - 100%) / 2));

}



/*   GENERAL ACCORDION   */



.general-accordion .accordion-button {

    font-family: 'Font Medium';

    font-size: 30px;

    color: #000;

    text-align: left;

    padding-left: 0;

    background-color: transparent;

    border: 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0);

    border-radius: 0;

    overflow-anchor: none;

    transition: all 0.1s ease-in-out;

    padding-top: 40px;

}



.general-accordion .accordion-button.collapsed {

    border-bottom: 1px solid rgba(0, 0, 0, 1);

}



.general-accordion .accordion-button:focus {

    box-shadow: none;

}



.general-accordion .accordion-body {

    background-color: transparent;

    padding-left: 70px;

    padding-right: 0;

    border-bottom: 1px solid #000;

}





/*    GENERAL FORM    */



.general-form .form-control,

.form-select,

textarea {

    font-family: 'Font Regular' !important;

    padding: .375rem .75rem .375rem 0;

    font-size: 16px;

    line-height: 1.5;

    color: var(--color-text) !important;

    background-color: transparent;

    border: 0;

    border-radius: 0;

    border-bottom: 1px solid var(--color-text);

    transition: all .1s ease-in-out;

}



.general-form .form-control.white,

.form-select.white,

textarea.white {

    color: #fff !important;

    border-bottom: 1px solid #fff;

}





.general-form .form-control.white::placeholder {

    color: #fff !important;

}



.general-form .form-control:focus,

.general-form .form-select:focus {

    box-shadow: none;

    border-bottom: 1.5px solid;

}



.general-form .form-check-label {

    font-family: 'Font Regular' !important;

    font-size: 14px;

    color: var(--color-text) !important;

}



.general-form .form-check-label.white {

    color: #fff !important;

}





.general-form .form-check-input:checked {

    background-color: var(--color-text);

    border-color:  dvar(--color-text);

}







.general-form .file-input::file-selector-button {

    display: none;

}









/*    IMG HOVER EFFECT    */



.image {

    position: relative;

    overflow: hidden;

    background-color: #ffffff;

}



.image .hover-effect {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(145, 124, 115, 0.6);

    background-size: 50px auto;

    background-position: center center;

    background-repeat: no-repeat;

    background-image: url(../img/ico-plus-white.svg);

    z-index: 2;

    -webkit-transition: all 500ms ease-in-out;

    -moz-transition: all 500ms ease-in-out;

    -o-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out;

    opacity: 0;

}



.image:hover .hover-effect {

    top: 0;

    opacity: 1;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    transition: all 250ms ease-in-out;

}



.img-hover-zoom-slowmo img {

    transform-origin: 50% 50%;

    transition: transform 0.75s;

}



.img-hover-zoom-slowmo:hover img {

    transform: scale(1.1) rotate(5deg);

}



.img-hover-zoom img {

    transform-origin: 50% 50%;

    transition: transform 0.75s;



}



.img-hover-zoom:hover img {

    transform: scale(1.2);

}



.ratio-v {

    aspect-ratio: 12 / 16;

}



.ratio-o {

    aspect-ratio: 4 / 3;

}



.ratio-q {

    aspect-ratio: 1 / 1;

}



.ratio-vm {

    aspect-ratio: 14 / 16;

}



/*    FRESCO CUSTOM   */





.fr-overlay-background {

    float: left;

    width: 100%;

    height: 100%;

    background: #fff !important;

    opacity: 1 !important;

}



.fr-window-skin-fresco .fr-content-background {

    box-shadow: none !important;

}



.fr-position-background {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: none !important;

    filter: none;

    opacity: 1;

    zoom: 1;

}



.fr-position-outside,

.fr-position-inside {

    font-family: 'Fakt Pro Normal';

    color: var(--color-cielo) !important;

    position: absolute;

    bottom: 0;

    right: 0;

    margin: 12px;

    width: auto;

    padding: 0;

    border-radius: none !important;

    font-size: 20px !important;

    line-height: 20px;

    text-shadow: none !important;

    display: none;

    overflow: hidden;

    white-space: nowrap;

    -webkit-text-size-adjust: none;

    text-size-adjust: none;

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}



.fr-position-outside .fr-position-text,

.fr-position-inside .fr-position-text {

    float: left;

    position: relative;

    text-shadow: none !important;

    opacity: 1;

    color: var(--color-cielo) !important;

}



.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background {

    background-color: transparent !important;

}



.fr-close {

    position: absolute;

    width: 60px !important;

    height: 60px !important;

    top: 10px !important;

    right: 10px !important;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none;

}



.fr-close-background,

.fr-close-icon {

    position: absolute;

    top: 12px;

    left: 12px;

    height: 38px !important;

    width: 38px !important;

    background-position: 50% 50%;

    background-repeat: no-repeat;

}