@charset "UTF-8";
/*
 ==========================================================================

 ██    ██ ███    ██ ██ ███    ███ ███████ ████████  █████
 ██    ██ ████   ██ ██ ████  ████ ██         ██    ██   ██
 ██    ██ ██ ██  ██ ██ ██ ████ ██ █████      ██    ███████
 ██    ██ ██  ██ ██ ██ ██  ██  ██ ██         ██    ██   ██
  ██████  ██   ████ ██ ██      ██ ███████    ██    ██   ██
                                                          
 ==========================================================================
 */


/*------------   GENERAL   ----------------*/
/* <- MEDIA QUERIES -> */ /*
                           ▄████▄   ▒█████   ██▓     ▒█████   ██▀███
                           ▒██▀ ▀█  ▒██▒  ██▒▓██▒    ▒██▒  ██▒▓██ ▒ ██▒
                           ▒▓█    ▄ ▒██░  ██▒▒██░    ▒██░  ██▒▓██ ░▄█ ▒
                           ▒▓▓▄ ▄██▒▒██   ██░▒██░    ▒██   ██░▒██▀▀█▄
                           ▒ ▓███▀ ░░ ████▓▒░░██████▒░ ████▓▒░░██▓ ▒██▒
                           ░ ░▒ ▒  ░░ ▒░▒░▒░ ░ ▒░▓  ░░ ▒░▒░▒░ ░ ▒▓ ░▒▓░
                           ░  ▒     ░ ▒ ▒░ ░ ░ ▒  ░  ░ ▒ ▒░   ░▒ ░ ▒░
                           ░        ░ ░ ░ ▒    ░ ░   ░ ░ ░ ▒    ░░   ░
                           ░ ░          ░ ░      ░  ░    ░ ░     ░
                           ░
                           */
/* <- SETTING COLOR -> */
/*
 Web site link for combination of color:
 - http://veli.ee/colorpedia/
 - http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
 - https://color.adobe.com/it/create/color-wheel/
 - https://icolorpalette.com/color-palette-from-images

 */
/*
 ______                 _
 |  ____|               | |
 | |__    ___    _ __   | |_   ___
 |  __|  / _ \  | '_ \  | __| / __|
 | |    | (_) | | | | | | |_  \__ \
 |_|     \___/  |_| |_|  \__| |___/

 */
@font-face {
    font-family: "Agane";
    src: url("../fonts/eot/agane45.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/eot/agane45.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/agane45.woff2") format("woff2"), url("../fonts/woff/agane45.woff") format("woff"), url("../fonts/otf/agane45.otf") format("opentype"), url("../fonts/ttf/agane45.ttf") format("truetype"), url("../fonts/svg/agane45.svg#svgFontName") format("svg");
    /* Legacy iOS */
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: "Agane";
    src: url("../fonts/eot/agane65.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/eot/agane65.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/agane65.woff2") format("woff2"), url("../fonts/woff/agane65.woff") format("woff"), url("../fonts/otf/agane65.otf") format("opentype"), url("../fonts/ttf/agane65.ttf") format("truetype"), url("../fonts/svg/agane65.svg#svgFontName") format("svg");
    /* Legacy iOS */
    font-weight: bold;
    font-display: swap;
}
@font-face {
    font-family: "Lato";
    src: url("../fonts/eot/latoblack.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/eot/latoblack.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/latoblack.woff2") format("woff2"), url("../fonts/woff/latoblack.woff") format("woff"), url("../fonts/otf/latoblack.otf") format("opentype"), url("../fonts/ttf/latoblack.ttf") format("truetype"), url("../fonts/svg/latoblack.svg#svgFontName") format("svg");
    /* Legacy iOS */
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: "Lato";
    src: url("../fonts/eot/latobold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/eot/latobold.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/latobold.woff2") format("woff2"), url("../fonts/woff/latobold.woff") format("woff"), url("../fonts/otf/latobold.otf") format("opentype"), url("../fonts/ttf/latobold.ttf") format("truetype"), url("../fonts/svg/latobold.svg#svgFontName") format("svg");
    /* Legacy iOS */
    font-weight: bold;
    font-display: swap;
}
@font-face {
    font-family: "Lato";
    src: url("../fonts/eot/latolight.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/eot/latolight.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/latolight.woff2") format("woff2"), url("../fonts/woff/latolight.woff") format("woff"), url("../fonts/otf/latolight.otf") format("opentype"), url("../fonts/ttf/latolight.ttf") format("truetype"), url("../fonts/svg/latolight.svg#svgFontName") format("svg");
    /* Legacy iOS */
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: "Lato";
    src: url("../fonts/eot/latoregular.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/eot/latoregular.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/latoregular.woff2") format("woff2"), url("../fonts/woff/latoregular.woff") format("woff"), url("../fonts/otf/latoregular.otf") format("opentype"), url("../fonts/ttf/latoregular.ttf") format("truetype"), url("../fonts/svg/latoregular.svg#svgFontName") format("svg");
    /* Legacy iOS */
    font-weight: normal;
    font-display: swap;
}
html {
    overflow-x: hidden;
}

::-moz-selection {
    background: #092B42;
    color: #FFFFFF;
}

::selection {
    background: #092B42;
    color: #FFFFFF;
}

body::-webkit-scrollbar {
    display: none;
}

.body-wrapper {
    max-width: 2500px;
    margin: 0 auto;
}
@media screen and (min-width: 2500px) {
    .body-wrapper {
        border: 1px solid grey;
    }
}

a {
    pointer-events: visible;
}

a:hover {
    color: #00B0F0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Agane", sans-serif;
    -webkit-box-shadow: inset;
    box-shadow: inset;
    font-weight: 100;
    color: #092B42;
}
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b {
    font-weight: bold;
}

h1 {
    font-size: 4rem;
/*    line-height: 4rem; modified */
    line-height: 1.2;
}

h2 {
    font-size: 2.625rem;
/*    line-height: 3.375rem; modified */
    line-height: 1.2;
}

h3 {
    font-size: 1.5625rem;
/*    line-height: 3.375rem; modified */
line-height: 1.3;
}

p {
    font-family: "Lato", sans-serif;
    color: #565655;
    font-size: 1.4375rem;
/*    line-height: 2.0625rem; modified */
line-height: 1.4;
    font-weight: normal;
}
p b {
    font-weight: bold;
}

li {
    font-family: "Lato", sans-serif;
    color: #565655;
    font-size: 1.75rem;
    line-height: 3rem;
/*line-height: 1.2;*/
    font-weight: normal;
}
li b {
    font-weight: bold;
}

img {
    height: auto;
    width: auto;
}

.full {
    width: 100%;
}

.hide {
    display: none !important;
}

.flex--column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 2500px;
    margin: 0 auto;
}
@media screen and (max-width: 1199px) {
    .flex--column {
        display: block;
    }
}

.flex--column-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
@media screen and (max-width: 1199px) {
    .flex--column-reverse {
        display: block;
    }
}

.background100 {
    background-size: 100% 100%;
}

.emphasis {
    font-size: 2.25rem;
    font-family: "Lato", sans-serif;
/*    line-height: 2.875rem; modified */
line-height: 1.2;
}
.emphasis em {
    font-style: normal;
    font-weight: bold;
}
.emphasis strong {
    font-size: 3.25rem;
/*    line-height: 3.25rem;*/
    line-height: 1.0;
    font-family: "Agane", sans-serif;
    padding-bottom: 30px;
    font-weight: normal;
    color: #092B42;
}

.width20 {
    width: 20%;
}
@media screen and (max-width: 1199px) {
    .width20 {
        width: 100%;
    }
}

.width30 {
    width: 30%;
}
@media screen and (max-width: 1199px) {
    .width30 {
        width: 100%;
    }
}

.width40 {
    width: 40%;
}
@media screen and (max-width: 1199px) {
    .width40 {
        width: 100%;
    }
}

.width50 {
    width: 50%;
}
@media screen and (max-width: 1199px) {
    .width50 {
        width: 100%;
    }
}

.width60 {
    width: 60%;
}
@media screen and (max-width: 1199px) {
    .width60 {
        width: 100%;
    }
}

.width70 {
    width: 70%;
}
@media screen and (max-width: 1199px) {
    .width70 {
        width: 100%;
    }
}

.width80 {
    width: 80%;
}
@media screen and (max-width: 1199px) {
    .width80 {
        width: 100%;
    }
}

.width100 {
    width: 100%;
}
@media screen and (max-width: 1199px) {
    .width100 {
        width: 100%;
    }
}

.flex--center-xy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: absolute;
}

.row-full {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

.background--blue {
    background-color: #092B42;
    position: relative;
}

.background--blue-light {
    background-color: #325576;
    position: relative;
}

.padding .margin5-y {
    margin: 5% 0;
}

.padding5-y {
    padding: 5% 0;
}

.padding30-y {
    padding: 30% 0;
}

.padding20-x {
    padding: 0 20%;
}

.padding20-right {
    padding-right: 20%;
}

.padding5-top {
    padding-top: 5%;
}

.relative {
    position: relative;
    width: 100%;
    height: 100%;
}

.absolute {
    position: absolute;
    top: 0;
    left: 0;
}

.white {
    color: #FFFFFF;
}

.celeste {
    color: #00B0F0;
}

.corporate {
    color: #557EA0;
}

.blue {
    color: #092B42;
}

.yellow {
    color: #FDB913;
}

.green {
    color: green;
}

.red {
    color: #B81C0C;
}

.container-responsive {
    padding: 0 5%;
    margin: 0 auto;
}

.container-responsive--left {
    padding-left: 5%;
}
@media screen and (max-width: 1199px) {
    .container-responsive--left {
        padding: 0 5%;
    }
}

.container-responsive--right {
    padding-right: 5%;
}
@media screen and (max-width: 1199px) {
    .container-responsive--right {
        padding: 0 5%;
    }
}

.title {
    font-family: "Agane", sans-serif;
    font-size: 4rem;
/*    line-height: 4rem; modified */
line-height: 1.1;
}


.title b {
    font-weight: bold;
}
.title--top-paragraph {
    font-family: "Agane", sans-serif;
    font-size: 2.625rem;
/*    line-height: 3.375rem; modified */
line-height: 1.1;
    font-weight: bold;
    /* margin modified */
    margin-bottom: 1.5rem;
}
.title--inside-paragraph {
    font-family: "Agane", sans-serif;
    font-size: 1.5625rem;
/*    line-height: 1.5625rem; modified*/
    line-height: 1.0;
    font-weight: bold;
    text-transform: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.title--subtitle {
    text-transform: uppercase;
    font-size: 1.375rem;
/*    line-height: 1.375rem; modified */
    line-height: 1.0;
    text-transform: uppercase;
    padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .title {
        font-size: 3.6rem;
    }
}

@media screen and (max-width: 575px) {
    .title {
        font-size: 3rem;
    }
}

@media screen and (max-width: 479px) {
    .title {
        font-size: 10vw;
    }
    .title--top-paragraph {
        font-size: 7.5vw;
    }
    h1 {
        font-size: 15.5vw;
    }

    h2 {
        font-size: 7.5vw;
    }
}

.red_bullet, .green_bullet {
    list-style: none;
    position: relative;
    left: -11px;
}
.red_bullet li, .green_bullet li {
    display: block !important;
    margin-right: 0 !important;
}

.red_bullet li::before, .green_bullet li::before {
    content: "•";
    color: #B81C0C;
    font-weight: bold;
    display: inline-block;
    width: 1.2em;
    margin-left: -1.2em;
    font-size: 0.6em;
    position: relative;
    top: -4px;
}

.green_bullet li::before {
    color: green;
}

.addHeight:after {
    content: " ";
    height: 800px;
    display: block;
    width: 100%;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.example {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.article-header,
.article-can-edit {
    display: none !important;
}

.container--blue {
    background-color: #092B42;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
}

.container--grey {
    background-color: #EBEDF1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
}

.references-inner .container--grey {
    -webkit-clip-path: none;
    clip-path: none;
}

.container--blue .opening,
.container--grey .opening {
    position: relative;
    padding-left: 5%;
    padding-right: 0%;
}


@media screen and (max-width: 1199px) {
    .container--blue .opening,
    .container--grey .opening {
        padding: 0 5%;
    }
}
.container--blue .padding-top,
.container--grey .padding-top {
    padding-top: 15rem;
}
@media screen and (max-width: 1439px) {

}
@media screen and (max-width: 1199px) {
    .container--blue .padding-top,
    .container--grey .padding-top {
        padding-top: 15rem;
    }
}


.container--blue .content,
.container--grey .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    /*  padding-bottom: 10%; modificato con stile successivo */
    padding-bottom: 5vh;
}

@media screen and (max-width: 1199px) {
    .container--blue .content,
    .container--grey .content {
        display: block;
    }
}

.container--blue .paragraph,
.container--grey .paragraph {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.container--blue .paragraph h2,
.container--blue .paragraph p {
    color: #FFFFFF;
}
.container--blue .paragraph h2,
.container--grey .paragraph h2 {
    padding-bottom: 10px;
}
.container--blue .paragraph p,
.container--grey .paragraph p {
    font-family: "Lato", sans-serif;
}

.mask-img--1 {
    position: relative;
}
.mask-img--1:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/mask-img--1.svg") no-repeat;
}

.container--blue .paragraph--content,
.container--grey .paragraph--content {
    display: block;
    width: 90%;
}

.container--blue .image,
.container--grey .image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.container--blue .decoration-opening--1,
.container--grey .decoration-opening--1 {
    background: url("../img/triangle--wireframe3.svg") no-repeat;
    position: absolute;
    z-index: -1;
    height: 80%;
    max-height: 80vh;
    width: 100%;
    max-width: 80vw;
    display: block;
    top: 14%;
    opacity: 0.6;
}

.container--blue .decoration-opening--2,
.container--grey .decoration-opening--2 {
    background: url("../img/triangle--wireframe.svg") no-repeat;
    position: absolute;
    z-index: -1;
    right: 0px;
    bottom: 0;
    height: 200px;
    width: 20%;
    display: block;
}

.triangle-position {
    position: relative;
    bottom: 55px;
    z-index: -1;
}
@media screen and (max-width: 1199px) {
    .triangle-position {
        bottom: 83px;
    }
}

.opening-triangle {
    max-width: 800px;
    height: 120px;
    -webkit-clip-path: polygon(100% 0px, 0px 0px, 0px 100%);
    clip-path: polygon(100% 0px, 0px 0px, 0px 100%);
    position: relative;
    top: -4px;
}

#sp-main-body {
    padding: 0px 0;
    /*  min-height: 1500px;*/
}

.division--celeste {
    background-color: #00B0F0;
}

.division--yellow {
    background-color: #FDB913;
}

.division--green {
    background-color: green;
}

.division--red {
    background-color: #B81C0C;
}

.division--blue-light {
    background-color: #325576;
}

.page-header {
    display: none;
}

.article-list .article {
    border: none;
}


.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;

}


.white-filter polygon, body.offcanvas-active #sp-logo polygon,
.white-filter path, body.offcanvas-active #sp-logo path,
.white-filter rect, body.offcanvas-active #sp-logo rect {
    fill: white !important;
}

#logo-arrow {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#logo-grupposicurezza,
#logo-sentirsisicuri {
    opacity: 1;
}

.gs-show {
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gs-hide {
    display: none !important;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.background-enter-active {
    -webkit-animation: 1s background-enter;
    animation: 1s background-enter;
}

.background-leave-active {
    -webkit-animation: 1s background-leave;
    animation: 1s background-leave;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
}

@-webkit-keyframes background-enter {
    0% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
        clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
    }
    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 10%);
        clip-path: polygon(0 0, 100% 0, 100% 84%, 0 10%);
    }
}

@keyframes background-enter {
    0% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
        clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
    }
    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 10%);
        clip-path: polygon(0 0, 100% 0, 100% 84%, 0 10%);
    }
}
@-webkit-keyframes background-leave {
    0% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 10%);
        clip-path: polygon(0 0, 100% 0, 100% 84%, 0 10%);
    }
    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
        clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
    }
}
@keyframes background-leave {
    0% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 10%);
        clip-path: polygon(0 0, 100% 0, 100% 84%, 0 10%);
    }
    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
        clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
    }
}
.component .blog {
}

.desktop .middleBackgroundHeader {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 24%);
    clip-path: polygon(0 0, 100% 0, 100% 84%, 0 24%);
    background-color: white;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding-bottom: 150px !important;
    z-index: -1;
}

.desktop .home .middleBackgroundHeader {
    background-color: #092B42;
}

.offcanvas-active .middleBackgroundHeader {
    display: none;
}

.mobile .svgcontainer,
.mobile .gs-topbar,
.mobile .sp-megamenu-parent{
    display: none !important;
}


.mobile .middleBackgroundHeader {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 24%);
    clip-path: polygon(0 0, 100% 0, 100% 84%, 0 24%);
    background-color: #FFFFFF;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding-bottom: 10px !important;
}

.desktop .home .none.middleBackgroundHeader {
    background-color: transparent;
}

/*------------   HOME   ----------------*/
.menu-sticky {
    position: fixed;
    width: 100%;
    top: 0;
    display: block;
    max-width: 2500px;

    /* avoid mask of content under the menu (check browser compatibiliy */
    height: 0;
}

.small-logo {
    display: inline-block;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

#logo-gs-completo {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.desktop .sp-menu-heading:first-of-type {
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    opacity: 0.6;
}

#sp-header {
    -webkit-animation: none;
    animation: none;
}

#sp-logo {
    display: inline-block;
    position: absolute;
    z-index: 5;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    max-width: 250px;
    width: 100%;
    pointer-events: all;
    -webkit-filter: drop-shadow(-1px 1px 2px rgba(50, 50, 0, 0.5));
    filter: drop-shadow(-1px 1px 2px rgba(50, 50, 0, 0.5));
    opacity: 1;
}
#sp-logo a {
    display: block;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1199px) {
    #sp-logo {
        max-width: 180px;
    }
}
#sp-logo svg {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: 25px;
    position: relative;
    left: 20px;
}
@media screen and (max-width: 992px) {
    #sp-logo svg {
        top: 20px;
        position: relative;
        left: 15px;
    }
}
#sp-logo:after {
    content: "";
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-clip-path: polygon(100% 12%, 0px 0%, 0 100%);
    clip-path: polygon(100% 12%, 0px 0%, 0 100%);
    background-size: 100% 100%;
    background-color: #325576;
    display: block;
    width: 200%;
    height: 400%;
    position: absolute;
    top: -54px;
    z-index: -1;
}
@media screen and (max-width: 1199px) {
    #sp-logo:after {
        -webkit-clip-path: polygon(83% 12%, 0px 0%, 0 88%);
        clip-path: polygon(83% 12%, 0px 0%, 0 88%);
        width: 250%;
        height: 500%;
    }
}


#sp-logo.noTriangleTransition:after {

    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;

}

#sp-logo.stickyTriangle:after {
    -webkit-clip-path: polygon(48% 0, 0 0, 0 45%);
    clip-path: polygon(48% 0, 0 0, 0 45%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#sp-logo.colorTriangleMegaMenu:after {
    background-color: #325576 !important;
}

.home #sp-logo:after {
    background-color: white;
}

.logo {
    position: relative;
    top: 40px;
    left: 30px;
}

.logo-image {
    height: 5em;
}

.padding-bottom-title-internal, .row-gs--naked .block-title, .container--blue .opening h1.title {
    padding-bottom: 40px;
}

@media screen and (max-width: 991px) {
    .gs-topbar {
        display: none;
    }
}

.sp-megamenu-wrapper {
    width: 100%;
}
@media screen and (max-width: 1199px) {
    .sp-megamenu-wrapper {

        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }
}

.sp-mega-group .menu_item {
    display: block !important;
}

.gs-product-menu .sp-dropdown-mega .col-sm-8 .sp-mega-group > li {
    margin: 0 !important;
}

.gs-security-menu .sp-dropdown-mega .col-sm-8 .sp-mega-group > li {
    margin: 0 !important;
}

.gs-product-menu .sp-dropdown-mega .col-sm-4 .sp-mega-group > li {
    padding-bottom: 20px;
    padding-left: 16px;
}

.gs-security-menu .sp-dropdown-mega .col-sm-4 .sp-mega-group > li {
    padding-bottom: 20px;
    padding-left: 16px;
}

.gs-product-menu .sp-dropdown-mega .col-sm-4 .sp-mega-group > li:first-of-type {
    display: none !important;
}

.gs-security-menu .sp-dropdown-mega .col-sm-4 .sp-mega-group > li:first-of-type {
    display: none !important;
}

.gs-navbar {
    display: inline-block;
    width: 100%;
    text-align: right;
    padding: 0 4%;
    position: relative;
    z-index: 3;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gs-navbar ul {
    list-style: none;
    width: 100%;
    clear: both;
    padding-right: 30px;
}

.gs-navbar ul > li {
    display: inline-block;
    text-decoration: none;
    margin-right: 45px;
}
.gs-navbar ul > li:last-of-type {
    margin-right: 0px;
}

.gs-navbar ul > li > a {
    font-family: "Lato", sans-serif;
    font-size: 1.75rem;
    font-weight: bold;
    color: #092B42;
    position: relative;
    z-index: 5;
}
@media screen and (max-width: 1440px) {
    .gs-navbar ul > li > a {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 1199px) {
    .gs-navbar ul > li > a {
        font-size: 1.3rem;
    }
}

.megamenu-open ul > li > a {
    color: #FFFFFF;
}

.gs-navbar ul > li.active > a {
    color: #00B0F0;
}

.megamenu-open ul > li.active > a {
    color: #00B0F0;
}

.home .gs-navbar ul > li > a {
    color: #FFFFFF;
}

.menu__second {
    display: block;
    text-align: right;
}
.menu__second li {
    margin-right: 45px;
    display: inline-block;
}
.menu__second li:last-of-type {
    margin-right: 0;
}
.menu__second a {
    font-size: 1rem !important;
    text-transform: uppercase;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    padding-bottom: 30px;
}

.sp-dropdown {
    float: left;
    display: none;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 3;
    padding-top: 70px;
}

.svgcontainer {
    display: none;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.svgcontainer .presvg {
    overflow: hidden;
    position: absolute;
    display: block;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 2;
}

.svgcontainer .presvg svg {
    overflow: hidden;
    position: absolute;
    display: block;
    height: 100vh;
    width: 100%;
}

.sp-dropdown-inner {
    overflow: hidden;
    color: white;
    text-align: left;
    position: relative;
    z-index: 6;
    pointer-events: visible;
}

.scrollbar-megamenu {
    overflow-y: scroll;
    pointer-events: visible;
}

.row.scrollbar-megamenu > * {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.has-child:hover .sp-dropdown {
    display: block;
}

.mod-languages {
    display: inline-block;
    position: absolute;
    top: 0;
    right: -15px;
    width: 60px;
}
.mod-languages:after {
    content: "";
    display: block;
    border-bottom: 1px solid #092B42;
    bottom: 23px;
    position: relative;
    z-index: 99;
}
.mod-languages a {
    font-family: "Agane", sans-serif;
    text-transform: uppercase;
    font-size: 16px !important;
}

.home .mod-languages:after {
    border-bottom: 1px solid #FFFFFF;
}

.megamenu-open .mod-languages:after {
    border-bottom: 1px solid #FFFFFF;
}

div.mod-languages a {
    padding: 0;
}

div.mod-languages li {
    margin: 0;
}

.gs-hero-home {
    position: relative;
    height: 100%;
}
.gs-hero-home__mask {
    position: absolute;
    width: 100%;
}
.gs-hero-home__claim {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.gs-hero-home__title-position {
    position: relative;
    top: -75px;
    right: 105px;
}

.full-width-video,
.gs-hero-home__video {
    width: 100%;
    aspect-ratio: 1920/1080;
    /* width and height of the mobile video */
    /* to show pre-allocated space */
    max-height: 99.97%;
}

.gs-big-text {
    font-size: 7.9vw;
    color: #092B42;
    line-height: 1.1;
    width: 100%;
    font-family: "Agane";
}

.gs-big-text.left {
    padding-left: 5%
}

.gs-big-text.right {
    font-weight: 600;
    text-align: right;
    padding-right: 5%

}
.gs-big-text img {
    margin: 0 auto;
    max-width: 2500px;
}

.gs-button-rounded {
    border-radius: 30px;
    background-color: #EBEDF1;
    text-align: center;
    position: relative;
    padding: 15px 10%;
    margin: 0 auto;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: bold;
    color: #092B42;
}
.gs-button-rounded img {
    max-width: 48px;
    position: absolute;
    left: 10px;
    top: 8px;
}

.gs-division,
.cover-megamenu .gs-division {
    background: #092B42;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    max-height: 650px;
    width: 100%;
}

.cover-megamenu .gs-division

.gs-division ul {
    margin-top: 1.2rem;
}
.gs-division li {
    color: #FFFFFF;
    padding-left: 30px;
    font-size: 1.5rem;
    line-height: 1.3rem;
/*line-height: 1.0;*/
    padding-bottom: 1.2rem;
}
.gs-division img {
    width: 100%;
    height: auto;
}
.gs-division__title {
    font-size: 2.5rem;
    line-height: 1.25;
    color: #FFFFFF;
}

.gs-division__icon {
    max-width: 60%;
    margin: 0 auto;
    max-height: 15rem;
    margin-top: 15px;
}
.gs-division__link {
    margin-top: 50px;
    display: inline-block;
    width: 88%;
    position: absolute;
    bottom: 31px;
    font-family: "Lato", sans-serif;
    color: #FFFFFF;
    font-size: 24px;
}

.gs-division__link.cover {
    font-size: 1.2rem;
    line-height: 1.1;
    opacity: 0.6;
}
.gs-division__link--galli {
    right: 31px;
    position: absolute;
    bottom: 24px;
    color: #FFFFFF;
}
.gs-division__link--galli img {
    width: 49px;
    display: inline-block;
    padding-right: 10px;
}
.gs-division__link img {
    max-width: 30px;
    color: #FFFFFF;
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(139deg) brightness(104%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(139deg) brightness(104%) contrast(101%);
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.gs-division__col_left {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    padding: 3%;
    position: relative;
}
.gs-division__col_right {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
}
.gs-division__col_right img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.gs-division__alarm--top,
.gs-division__videosorveglianza--top,
.gs-division__accessi--top,
.gs-division__incendi--top,
.gs-division__sistemi--top {
    border-top: 6px solid #00B0F0;
}

.gs-division__sicurezza--top {
    border-top: 6px solid green;
}

.gs-division__meccanica--top,
.gs-division__satel--top {
    border-top: 6px solid #B81C0C;
}

.gs-division__cyber--top {
    border-top: 6px solid #FDB913;
}

.gs-division__alarm--right,
.gs-division__videosorveglianza--right,
.gs-division__accessi--right,
.gs-division__incendi--right,
.gs-division__sistemi--right {
    border-right: 6px solid #00B0F0;
}

.gs-division__sicurezza--right {
    border-right: 6px solid green;
}

.gs-division__meccanica--right,
.gs-division__satel--right {
    border-right: 6px solid #B81C0C;
}

.gs-division__cyber--right {
    border-right: 6px solid #FDB913;
}

.gs-division__alarm,
.gs-division__videosorveglianza,
.gs-division__accessi,
.gs-division__incendi,
.gs-division__sistemi {
    border-left: 6px solid #00B0F0;
}

.gs-division__meccanica,
.gs-division__satel {
    border-left: 6px solid #B81C0C;
}
.gs-division__meccanica__link--galli,
.gs-division__satel__link--galli {
    display: inline-block;
    font-family: "Lato", sans-serif;
    color: #FFFFFF;
    font-size: 24px;
}
.gs-division__meccanica__link--galli img,
.gs-division__satel__link--galli img {
    max-width: 30px;
}

.gs-division__sicurezza {
    border-left: 6px solid green;
}

.gs-division__cyber {
    border-left: 6px solid #FDB913;
}

.gs-product-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a {
    font-family: "Agane", sans-serif;
    font-size: 1.625rem;
    font-weight: 100;
    position: relative;
    display: table;
}
.gs-product-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a:hover {
    color: #00B0F0;
}
.gs-product-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a:hover:after {
    content: " ";
    height: 26px;
    position: absolute;
    display: inline-block;
    width: 100%;
    background: url("../img/arrow--celeste.svg") no-repeat;
    margin-left: 30px;
    top: 10px;
}

.gs-security-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a {
    font-family: "Agane", sans-serif;
    font-size: 26px;
    font-weight: 100;
    position: relative;
    display: table;
}
.gs-security-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a:hover {
    color: #00B0F0;
}
.gs-security-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a:hover:after {
    content: " ";
    height: 25px;
    position: absolute;
    display: inline-block;
    width: 100%;
    background: url("../img/arrow--celeste.svg") no-repeat;
    margin-left: 30px;
    top: 10px;
}

.gs-product-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a[aria-current=page] {
    color: #00B0F0;
}

.gs-security-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a[aria-current=page] {
    color: #00B0F0;
}

.gs-product-menu .sp-dropdown .sp-dropdown-inner .row div:last-of-type li {
    display: none;
}

.gs-security-menu .sp-dropdown .sp-dropdown-inner .row div:last-of-type li {
    display: none;
}

.gs-product-menu .sp-dropdown .sp-dropdown-inner .row div:last-of-type li:first-of-type {
    display: block;
}

.gs-security-menu .sp-dropdown .sp-dropdown-inner .row div:last-of-type li:first-of-type {
    display: block;
}

@media screen and (max-width: 1649px) {
    .gs-division__title {
        font-size: 2rem;
    }
    .gs-division li {
        font-size: 1.3rem;
        line-height: 1.2rem;
/*        line-height: 1.0;*/
        padding-bottom: 1rem;
    }
    .gs-security-menu .sp-dropdown-mega .col-sm-4 .sp-mega-group > li,
    .gs-product-menu .sp-dropdown-mega .col-sm-4 .sp-mega-group > li {
        padding-bottom: 15px !important;
    }
    .gs-product-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a,
    .gs-security-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a {
        font-size: 1.5rem;
        line-height: 1.3;
    }
    .gs-product-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a:hover:after,
    .gs-security-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a:hover:after {
        top: 2px;
    }

}

@media screen and (max-width: 1439px) {
    .gs-division__title {
        font-size: 1.6rem;
    }
    .gs-division__icon {
        max-height: 13rem;
    }
    .gs-security-menu .sp-dropdown-mega .col-sm-4 .sp-mega-group > li,
    .gs-product-menu .sp-dropdown-mega .col-sm-4 .sp-mega-group > li {
        padding-bottom: 15px !important;
        padding-right: 50px !important;
    }
    .sp-dropdown {
        padding-top: 0;
    }
    .gs-product-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a,
    .gs-security-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a {
        line-height: 1.1;
        width: 100%
    }
    .gs-product-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a:hover:after,
    .gs-security-menu .row:first-of-type div:first-of-type .sp-mega-group .menu_item a:hover:after {
        top: 0px;
        margin-left: 15px;
        right: -100%;
    }
}

@media screen and (max-width: 1199px) {
    .gs-division__title {
        font-size: 2rem;
    }
    .gs-division__icon {
        max-height: 12rem;
    }
    .gs-product-menu .sp-dropdown-mega .col-sm-4,
    .gs-product-menu .sp-dropdown-mega .col-sm-8,
    .gs-security-menu .sp-dropdown-mega .col-sm-4,
    .gs-security-menu .sp-dropdown-mega .col-sm-8 {
        width: 50% !important;
    }
    .gs-product-menu .gs-division__col_right,
    .gs-security-menu .gs-division__col_right {
        display: none;
    }
    .gs-division .gs-division__col_left {
        min-height: 480px !important;
    }

}

@media screen and (max-height: 899px) {
    .gs-division {
        max-height: 500px !important;
    }
}
@media screen and (max-height: 767px) {
    .gs-division {
        max-height: 480px !important;
    }
}

/*------------   MAIN BODY   ----------------*/
.hamburger {
    position: absolute;
    right: 15px;
    top: 15px;
    background-color: white;
    z-index: 5;
    padding: 15px;
    width: 80px;
}
@media screen and (max-width: 1199px) {
    .hamburger {
        display: none !important;
    }
}
.hamburger svg {
    max-width: 50px;
}

/*------------   PANNEL WITH PHONE   ----------------*/
.background_mobile {
    background: url("../img/background_mobile.svg") no-repeat;
    background-size: 100%;
    height: 100%;
    position: fixed;
    background-color: #4d6e90;
}

.offcanvas-overlay {
    z-index: 1;
    width: 100%;
}

@media screen and (max-width: 992px) {
    #offcanvas-toggler {
        height: 86px !important;


}






       /* width: 100%;
    display: inline-flex !important;
    justify-content: end;
    position:relative;
    z-index:99;
    background-color:blue; */

}


/** Safari */
/* Errore iPAD menu */

/* @media not all and (min-resolution: 0.001dpcm) {
    #offcanvas-toggler {
            height: 86px !important;
            width: 100%;
            display: block !important;
            text-align: right;

            position: relative;
            top:5px;
            z-index: -100;

        }
} */


body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    right: 0;
    top: 0;
    z-index: 2;
}

.nav-pills {
    padding-top: 160px !important;
}

.offcanvas-active .burger-icon > span,
#modal-menu-toggler.active .burger-icon > span {
    background-color: #FFFFFF !important;
}

.offcanvas-menu a {
    color: #FFFFFF;
}

.offcanvas-menu .offcanvas-inner {
    padding-left: 5% !important;
    padding-right: 5% !important;
}

body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -100%;
    top: 0;
}

.offcanvas-menu {
    width: 100%;
    -webkit-transition: none !important;
    transition: none !important;
}

.offcanvas-menu .logo {
    display: none;
}

.burger-icon {
    width: 40px;

    position: relative;
    top: -2px;
    display:inline-block !important;



}

body.ltr.offcanvas-active .close-offcanvas {
    right: 30px;
    position: fixed !important;
}

.home .burger-icon > span {
    background-color: #FFFFFF;
}

.burger-icon > span {
    background-color: #092B42;
    border-radius: 5px;
    height: 2px;
    margin: 8px 0;
}
.burger-icon > span:nth-of-type(2) {
    margin-left: 15px;
}

.offcanvas-active .burger-icon > span:nth-child(3),
#modal-menu-toggler.active .burger-icon > span:nth-child(3) {
    -webkit-transform: translate(0, -12px) rotate(45deg) !important;
    transform: translate(0, -12px) rotate(45deg) !important;
}


/* Gs-tablideout*/

.gs-tabslideout {
    	    padding: 20px;
            width:100%;
    	   width:650px;
           height:445px !important;
            height:auto;
    	    background: #395e83;
            border-bottom-left-radius: 10px;
            z-index:0;
    	}

         .gs-tabslideout .mobile {
            display:none;
         }


.gs-tabslideout h3 {
        color:white;
        font-family: "Agane", sans-serif;
        font-size:44px;
        font-weight: lighter;
        line-height: 46px;
        width:80%;
}



.gs-tabslideout h3 b{
    font-weight: bold;
}

.gs-tabslideout h3 b {
    font-weight: bold;
}

 .gs-tabslideout .content .dati-societari,
  .gs-tabslideout .content .dati-contatto {
    width:50%;
  }

.handle {
    left:-5px;
    z-index: 6;

}

  .gs-tabslideout .content .dati-societari h1,
        .gs-tabslideout .content .dati-societari p {
      font-weight:bold;
  }

        /* .gs-tabslideout .content .dati-societari p{
            line-height: 14px;

        } */


  .gs-tabslideout .content .dati-contatto a {
    display:block;
  }

        .gs-tabslideout .content .dati-contatto a:first-of-type {
            margin-bottom:20px;
        }

        .gs-tabslideout .content .dati-contatto a img{
            max-width:30px;
            margin-right:15px;
        }

 .gs-tabslideout .content h1,  .gs-tabslideout .content p,
.gs-tabslideout .content a {
    font-family:"Lato", sans-serif;
    font-size: 22px;
    color: white;
 }

  .gs-tabslideout .content a.tel {
        font-family: "Lato", sans-serif;
            font-size: 54px;

            font-weight: normal;
            display: block;
  }

   .gs-tabslideout .content a.tel img {
     padding-right:30px;
max-width: 76px;
    position: relative;
    bottom: 5px;
    left: 5px;
   }


 .gs-tabslideout .content  img {
    display: inline-block !important;
 }



                @media screen and (max-width: 767px) {
                    .gs-tabslideout {
                        width: calc(100% - 81px);
                            height: 245px !important;
                    }
                    .gs-tabslideout .mobile {
                     display: block;
                    }
                   .gs-tabslideout .desktop {
                        display: none;
                   }

                   .gs-tabslideout .content a.tel {
                    font-size:25px;
                    margin-top:30px;
                   }

                  .gs-tabslideout .content a.tel img {
                    max-width:60px;
                    left: 10px;
                  }
                }


.row-gs--crossx-01 {
    position: relative;
    padding: 0;
}
.row-gs--crossx-01 .content-box {
    /*  display: -webkit-box;*/
    /*  display: -ms-flexbox;*/
    /*  display: flex;*/
    /*  -webkit-box-orient: horizontal;*/
    /*  -webkit-box-direction: normal;*/
    /*      -ms-flex-direction: row;*/
    /*          flex-direction: row;*/
    padding: 16rem 0% 30rem 0%;
}
@media screen and (max-width: 1199px) {
    .row-gs--crossx-01 .content-box {
        display: block;
        padding: 8rem 0% 22rem 0%;
    }
}
.row-gs--crossx-01 .content .paragraph,
.row-gs--crossx-01 .content .image {
    width: 50%;
}
@media screen and (max-width: 1199px) {
    .row-gs--crossx-01 .content .paragraph,
    .row-gs--crossx-01 .content .image {
        width: 100%;
    }
}
.row-gs--crossx-01 .content .paragraph {
    padding: 0 5%;
    margin-bottom: 30%;
}
@media screen and (max-width: 1199px) {
    .row-gs--crossx-01 .content .paragraph {
        padding: 0;
    }
}
.row-gs--crossx-01 .content-box p,
.row-gs--crossx-01 .content-box h1,
.row-gs--crossx-01 .content-box h2,
.row-gs--crossx-01 .content-box h3 {
    color: white;
}
.row-gs--crossx-01 .content-box h3 {
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    padding-bottom: 30px;
    line-height: 1.2;
}
@media screen and (max-width: 1199px) {
    .row-gs--crossx-01 .content-box h3 {
        padding-bottom: 10px;
        padding-top: 30px;
    }
}
.row-gs--crossx-01 .skew--base {
    background-color: #092B42;
    -webkit-clip-path: polygon(0 5%, 100% 20%, 100% 65%, 0 50%);
    clip-path: polygon(0 5%, 100% 20%, 100% 65%, 0 50%);
    position: absolute;
    z-index: -1;
    height: 100%;
}
@media screen and (max-width: 1199px) {
    .row-gs--crossx-01 .skew--base {
        -webkit-clip-path: polygon(0 0%, 100% 5%, 100% 76%, 0 70%);
        clip-path: polygon(0 0%, 100% 5%, 100% 76%, 0 70%);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}
@media screen and (max-width: 960px) {
    .row-gs--crossx-01 .skew--base {
        -webkit-clip-path: polygon(0 0%, 100% 5%, 100% 76%, 0 70%);
        clip-path: polygon(0 0%, 100% 5%, 100% 76%, 0 70%);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}
.row-gs--crossx-01 .skew--container {
    background-color: #325576;
    -webkit-clip-path: polygon(0 15%, 100% 0, 100% 70%, 0 85%);
    clip-path: polygon(0 15%, 100% 0, 100% 70%, 0 85%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media screen and (max-width: 1199px) {
    .row-gs--crossx-01 .skew--container {
        -webkit-clip-path: polygon(0 5%, 100% 0, 100% 80%, 0 85%);
        clip-path: polygon(0 5%, 100% 0, 100% 80%, 0 85%);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}
@media screen and (max-width: 960px) {
    .row-gs--crossx-01 .skew--container {
        -webkit-clip-path: polygon(0 5%, 100% 0%, 100% 80%, 0 90%);
        clip-path: polygon(0 5%, 100% 0%, 100% 80%, 0 90%);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

.row-gs--gallery-home {
    position: relative;
}
.row-gs--gallery-home .content {
    padding: 10% 15% 0% 15%;
}
.row-gs--gallery-home .content .title {
    font-family: "Agane", sans-serif;
    color: #092B42;
    text-align: center;
    position: relative;
}
.row-gs--gallery-home .content .title b {
    font-weight: bold;
}
.row-gs--gallery-home .content .title:before {
    content: " ";
    height: 233px;
    position: absolute;
    top: -114px;
    left: 125px;
    display: inline-block;
    width: 30%;
    background: url(../img/icon--home-lastprojects.svg) no-repeat;
    margin-left: 10px;
}
.row-gs--gallery-home .content .paragraph,
.row-gs--gallery-home .content .image {
    width: 50%;
}
@media screen and (max-width: 1199px) {
    .row-gs--gallery-home .content .paragraph,
    .row-gs--gallery-home .content .image {
        width: 100%;
    }
}
.row-gs--gallery-home .content .paragraph {
    margin-bottom: 30%;
}
.row-gs--gallery-home .content p,
.row-gs--gallery-home .content h1,
.row-gs--gallery-home .content h2,
.row-gs--gallery-home .content h3 {
    color: #092B42;
}
.row-gs--gallery-home .content h3 {
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    padding-bottom: 30px;
}
.row-gs--gallery-home .skew--base {
    background-color: #325576;
    -webkit-clip-path: polygon(0 15%, 100% 0, 100% 71%, 0 88%);
    clip-path: polygon(0 15%, 100% 0, 100% 71%, 0 88%);
    position: absolute;
    z-index: -1;
    height: 100%;
}
.row-gs--gallery-home .skew--container {
    background-color: #FFFFFF;
    -webkit-clip-path: polygon(0 0, 100% 10%, 100% 80%, 0 70%);
    clip-path: polygon(0 0, 100% 10%, 100% 80%, 0 70%);
}

.row-gs--naked h1 {
    color: #092B42;
}

.gs-list {
    list-style: none;
    padding-left: 0;
}

.gs-list li {
    position: relative;
    padding-left: 30px;
}

.gs-list li:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url("../img/icon-circle-arrow--wired.svg");
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.row-gs--crossx-02 {
    position: relative;
    padding: 10% 0;
}
.row-gs--crossx-02 .content {
    padding: 5% 10% 20% 5%;
}
.row-gs--crossx-02 .content .paragraph,
.row-gs--crossx-02 .content .title {
    width: 50%;
}
.row-gs--crossx-02 .content p,
.row-gs--crossx-02 .content h1,
.row-gs--crossx-02 .content h2,
.row-gs--crossx-02 .content h3 {
    color: white;
}
.row-gs--crossx-02 .content h3 {
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    padding-bottom: 30px;
}
.row-gs--crossx-02 .skew--base {
    background-color: #325576;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 70%, 0 50%);
    clip-path: polygon(0 0, 100% 0%, 100% 70%, 0 50%);
    position: absolute;
    z-index: -1;
    height: 100%;
}
.row-gs--crossx-02 .skew--container {
    background-color: #092B42;
    -webkit-clip-path: polygon(0 0%, 100% 0, 100% 71%, 0 88%);
    clip-path: polygon(0 0%, 100% 0, 100% 71%, 0 88%);
}

.row-gs--crossx-04 {
    position: relative;
}
.row-gs--crossx-04 .flex--column {
    gap: 10px;
}
.row-gs--crossx-04 .content {
    padding: 5% 10% 20% 10%;
}
.row-gs--crossx-04 .content .headline {
    text-align: center;
}
.row-gs--crossx-04 .content h1 {
    color: #FFFFFF;
}
.row-gs--crossx-04 .content p,
.row-gs--crossx-04 .content h2,
.row-gs--crossx-04 .content h3 {
    color: #092B42;
}
.row-gs--crossx-04 .gs-number {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #FFFFFF;
    overflow: hidden;
}
.row-gs--crossx-04 .skew--base {
    background-color: #325576;
    -webkit-clip-path: polygon(0px 50px, 100% 50px, 100% 90%, 0px 50%);
    clip-path: polygon(0px 50px, 100% 50px, 100% 90%, 0px 50%);
    position: absolute;
    z-index: -1;
    height: 100%;
}
.row-gs--crossx-04 .skew--container {
    background-color: #092B42;
    -webkit-clip-path: polygon(0 -1%, 100% -1%, 100% 71%, 0 88%);
    clip-path: polygon(0 -1%, 100% -1%, 100% 71%, 0 88%);
}

.row-gs--skew {
    margin-bottom: 15%;
}

.skew-image {
    width: 50%;
}

.img-skew {
    -webkit-transform: skewX(-10deg) rotate(-10deg);
    transform: skewX(-10deg) rotate(-10deg);
    width: 105%;
    overflow: hidden;
}
.img-skew--right {
    -webkit-transform: skewX(-10deg) rotate(-10deg);
    transform: skewX(-10deg) rotate(-10deg);
    width: 100%;
    overflow: hidden;
    position: relative;
    bottom: 60px;
}
.img-skew--right img {
    -webkit-transform: skewX(10deg) rotate(10deg) scale(1.3);
    transform: skewX(10deg) rotate(10deg) scale(1.3);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 100%;
}
.img-skew img {
    -webkit-transform: skewX(10deg) rotate(10deg) scale(1.3);
    transform: skewX(10deg) rotate(10deg) scale(1.3);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 100%;
}

.skew-box-wrapper {
    position: relative;
    width: 50%;
}

.skew-box {
    height: 100%;
    -webkit-transform: skew(-10deg) rotate(-10deg);
    transform: skew(-10deg) rotate(-10deg);
    background-color: #EBEDF1;
    width: 100%;
    position: relative;
    bottom: 89px;
}
.skew-box--left {
    height: 100%;
    -webkit-transform: skew(-10deg) rotate(-10deg);
    transform: skew(-10deg) rotate(-10deg);
    background-color: #EBEDF1;
    width: 105%;
}

.skew-box-inner {
    color: #092B42;
    -webkit-transform: skew(10deg) rotate(10deg);
    transform: skew(10deg) rotate(10deg);
    padding: 10%;
    padding-top: 20%;
}

.row-gs--plain {
    margin-bottom: 5%;
}
.row-gs--plain .image,
.row-gs--plain .content {
    width: 50%;
    color: white;
}
.row-gs--plain .content {
    padding: 3%;
}
.row-gs--plain .content h1,
.row-gs--plain .content p,
.row-gs--plain .content a {
    color: white;
}
.row-gs--plain .image img {
    width: 100%;
    height: auto;
    max-width: 100%;
}
.row-gs--plain .content {
    background-color: #092B42;
}

.row-gs--crossx-03 {
    position: relative;
    padding: 10% 0;
}
.row-gs--crossx-03 h1 {
    padding-top: 15%;
    padding-bottom: 5%;
    color: white;
    text-align: center;
}
.row-gs--crossx-03 h1:after {
    content: " ";
    height: 233px;
    position: absolute;
    top: 114px;
    display: inline-block;
    width: 30%;
    background: url("../img/icon-page--gallery.svg") no-repeat;
    margin-left: 10px;
}
.row-gs--crossx-03 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 30px;
    padding-bottom: 35%;
}
.row-gs--crossx-03 .content .image {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.row-gs--crossx-03 .content .image img {
    width: 100%;
}
.row-gs--crossx-03 .content p,
.row-gs--crossx-03 .content h1,
.row-gs--crossx-03 .content h2,
.row-gs--crossx-03 .content h3 {
    color: white;
}
.row-gs--crossx-03 .content h3 {
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    padding-bottom: 30px;
}
.row-gs--crossx-03 .skew--base {
    background-color: #325576;
    -webkit-clip-path: polygon(0 0, 100% 30%, 100% 70%, 0 50%);
    clip-path: polygon(0 0, 100% 30%, 100% 70%, 0 50%);
    position: absolute;
    z-index: -1;
    height: 100%;
}
.row-gs--crossx-03 .skew--container {
    background-color: #092B42;
    -webkit-clip-path: polygon(0 15%, 100% 0, 100% 71%, 0 88%);
    clip-path: polygon(0 15%, 100% 0, 100% 71%, 0 88%);
}

.gs-calltoaction {
    position: relative;
    background: pink;
    height: 100%;
    background-size: auto auto;
    min-height: 500px;
}
.gs-calltoaction .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    top: 50px;
}
.gs-calltoaction .content .title {
    text-align: center;
    padding-bottom: 5%;
    color: #FFFFFF;
}
.background--calltoaction {
    background: url("../img/background--call2action.svg") no-repeat;
    background-size: 100% 100%;
    background-size: cover;
}

@media screen and (min-width: 1650px) {
    .gs-calltoaction {
        min-height: 600px;
    }
}

.item-130,
.item-131,
.item-132 {
    width: 100%;
}

.block-company {
    background-color: #092B42;
    position: relative;
    aspect-ratio: 16/9;
}
.block-company .content {
    position: relative;
    height: 100%;
}
.block-company .content h1 {
    color: #FFFFFF;
    padding: 20px;
    font-weight: bold;
    font-family: "Agane", sans-serif;
    text-transform: uppercase;
}
.block-company .content .link {
    color: #FFFFFF;
    position: absolute;
    left: 20px;
    bottom: 30px;
    width: 100%;
}
.block-company .content .link img {
    max-width: 30px;
    color: #FFFFFF;
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(139deg) brightness(104%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(139deg) brightness(104%) contrast(101%);
    display: inline-block;
    padding-right: 10px;
}
.block-company .triangle {
    max-width: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.gs-paragraph--intro {
    min-height: 600px;
}

.gs-paragraph--intro .image img {
    -webkit-filter: brightness(0) saturate(100%) invert(12%) sepia(11%) saturate(7156%) hue-rotate(171deg) brightness(96%) contrast(93%);
    filter: brightness(0) saturate(100%) invert(12%) sepia(11%) saturate(7156%) hue-rotate(171deg) brightness(96%) contrast(93%);
    height: 600px;
    padding: 0;
    position: absolute;
    top: 0;
    left:22%;

}

@media screen and (max-width: 991px) {
    .gs-paragraph--intro .image img {
        position: relative;
        left: 0;
    }
}

.row-gs--more-info .title {
    text-align: center;
    margin-bottom: 7rem;
}
.row-gs--more-info .center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.row-gs--more-info .center > div {
    width: 30%;
}
@media screen and (max-width: 1199px) {
    .row-gs--more-info .center > div {
        width: 33%;
    }
}
.row-gs--more-info .gs-item-contact {
    text-align: center;
    height: 100%;
}
.row-gs--more-info .gs-item-contact img {
    display: block;
    margin: 0 auto;
    height: 278px;
}
@media screen and (max-width: 1199px) {
    .row-gs--more-info .gs-item-contact img {
        height: 250px;
    }
}
.row-gs--more-info .gs-item-contact a {
    display: block;
    margin-top: 60px;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: #092B42;
    font-size: 1.8rem;
}
@media screen and (max-width: 1199px) {
    .row-gs--more-info .gs-item-contact a {
        margin-top: 30px;
    }
}
.row-gs--more-info .gs-item-contact.form img {
    position: relative;
    right: 27px;
}
.row-gs--more-info .gs-item-contact.mail img {
    position: relative;
    left: 10px;
    top: 30px;
}

.diagonal--left {
    width: 100%;
    -webkit-transform: rotate(10deg) skew(10deg);
    transform: rotate(10deg) skew(10deg);
    position: relative;
    right: 12px;
}

.diagonal-container--left {
    color: #fff;
    -webkit-transform: rotate(-10deg) skew(-10deg);
    transform: rotate(-10deg) skew(-10deg);
}

.diagonal--right {
    width: 105%;
    -webkit-transform: rotate(-10deg) skew(-10deg);
    transform: rotate(-10deg) skew(-10deg);
    position: relative;
    right: 15px;
}

.diagonal-container--right {
    color: #fff;
    -webkit-transform: rotate(10deg) skew(10deg);
    transform: rotate(10deg) skew(10deg);
}

.home__integrated-security {
    background-color: #092B42;
    /*  min-height: 50vh;*/
    padding: 10rem 0;
    z-index: 0;
}
@media screen and (max-width: 992px) {
    .home__integrated-security {
        padding: 10rem 0;
    }
}
.home__integrated-security .decoration {
    background: url("../img/triangle--wireframe.svg") no-repeat;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 25%;
    top: 0;
}
.home__integrated-security .description h1 {
    color: #FFFFFF;
}
.home__integrated-security .description p {
    font-size: 1.75rem;
    color: #FFFFFF;
/*    line-height: 2.375rem; modified */
    line-height: 1.2;
}
.home__integrated-security .description a {
    text-transform: uppercase;
}
.home__integrated-security .description img {
    display: inline-block;
    height: 48px;
    margin-right: 9px;
    top: -4px;
    position: relative;
}
.home__integrated-security .description span {
    font-weight: bold !important;
}
.home__integrated-security .interactive-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 992px) {
    .home__integrated-security .interactive-box {
        margin-top: 50px;
    }
}
.home__integrated-security .interactive-box .services {
    width: 100%;
}
.home__integrated-security .interactive-box .services > * {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.home__integrated-security .interactive-box .block.active .icon {
    cursor: none;
}
.home__integrated-security .interactive-box .circle--rotate {
    width: 80%;
    height: 80%;
    margin: 0 auto !important;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    padding: 40%;
    top: 0px;
    background-size: 99%;
}

@media screen and (max-width: 576px) {
    .home__integrated-security .interactive-box .circle--rotate {
        background: none;
    }
}
.home__integrated-security .interactive-box .circle--rotate > li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    z-index: 10;
    visibility: hidden;
}
.home__integrated-security .interactive-box .circle--rotate > li .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    color: red;
    height: 15%;
    width: 100%;
    margin: -7% auto;
}
.home__integrated-security .interactive-box .circle--rotate > li .icon-clip__2 {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.home__integrated-security .interactive-box .circle--rotate > li .icon-clip__3 {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
.home__integrated-security .interactive-box .circle--rotate > li .icon-clip__4 {
    -webkit-transform: rotate(29deg);
    transform: rotate(29deg);
}
.home__integrated-security .interactive-box .circle--rotate > li .icon-clip__5 {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.home__integrated-security .interactive-box .circle--rotate > li i {
    margin: auto;
    cursor: pointer;
    width: 30%;
    height: 30%;
    display: table;
    border-radius: 50%;
    background-color: #FFFFFF;
}
.home__integrated-security .interactive-box .circle--rotate > li i::before {
    display: table-cell;
    vertical-align: middle;
}
.home__integrated-security .interactive-box .circle--rotate > li img {
    margin: auto;
}
.home__integrated-security .interactive-box .circle--slider {
    position: relative;
}
.home__integrated-security .interactive-box .circle--slider .rotate--circle {
    margin: 0 auto;
}
.home__integrated-security .interactive-box .circle--slider .circle--rotate > li div {
    position: relative;
    overflow: visible;
}
.home__integrated-security .interactive-box .circle--slider .circle--rotate > li div span {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 2s;
    transition: all 2s;
    opacity: 0;
}
.home__integrated-security .interactive-box .circle--slider .circle--rotate > li.active:nth-child(1) i {
    background-color: #039bdb;
}
.home__integrated-security .interactive-box .circle--slider .circle--rotate > li.active:nth-child(4) i {
    background-color: #618d32;
}
.home__integrated-security .interactive-box .circle--slider .circle--rotate > li.active:nth-child(5) i {
    background-color: #fdb913;
}
.home__integrated-security .interactive-box .circle--slider .circle--rotate > li.active div {
    -webkit-transition: all 1s;
    transition: all 1s;
}
.home__integrated-security .interactive-box .circle--slider .circle--rotate > li.active div i {
    background-color: #B81C0C;
}
.home__integrated-security .interactive-box .circle--slider .circle--rotate > li.active div span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: -1;
    opacity: 1;
}
.home__integrated-security .interactive-box .circle--slider .count5 li:nth-child(2) {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
}
.home__integrated-security .interactive-box .circle--slider .count5 li:nth-child(3) {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
}
.home__integrated-security .interactive-box .circle--slider .count5 li:nth-child(4) {
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg);
}
.home__integrated-security .interactive-box .circle--slider .count5 li:nth-child(5) {
    -webkit-transform: rotate(-72deg);
    transform: rotate(-72deg);
}
.home__integrated-security .interactive-box .circle--slider .animate-wrapper {
    width: 45%;
    height: 45%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
}
@media screen and (max-width: 576px) {
    .home__integrated-security .interactive-box .circle--slider .animate-wrapper {
        width: 65%;
        height: 65%;
    }
}
.home__integrated-security .interactive-box .circle--slider .animate {
    width: 100%;
}
.home__integrated-security .interactive-box .circle--slider .animate:nth-child(1) .animate-img__in:after {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    border: #039bdb 5px solid;
    border-radius: 30%;
    z-index: -1;
}
.home__integrated-security .interactive-box .circle--slider .animate:nth-child(2) .animate-img__in:after {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    border: #B81C0C 5px solid;
    border-radius: 30%;
    z-index: -1;
}
.home__integrated-security .interactive-box .circle--slider .animate:nth-child(3) .logo-security {
    max-width: 60%;
}
.home__integrated-security .interactive-box .circle--slider .animate:nth-child(3) .animate-img__in:after {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    border: #B81C0C 5px solid;
    border-radius: 30%;
    z-index: -1;
}
.home__integrated-security .interactive-box .circle--slider .animate:nth-child(4) .animate-img__in:after {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    border: #618d32 5px solid;
    border-radius: 30%;
    z-index: -1;
}
.home__integrated-security .interactive-box .circle--slider .animate:nth-child(5) .animate-img__in:after {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    border: #fdb913 5px solid;
    border-radius: 30%;
    z-index: -1;
}
.home__integrated-security .interactive-box .circle--slider .animate-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.home__integrated-security .interactive-box .circle--slider .animate-title .btn--arrow {
    display: inline-block;
    width: 100%;
    padding-top: 5%;
}
.home__integrated-security .interactive-box .circle--slider .animate-title .btn--arrow img {
    max-width: 30px !important;
    display: inline-block;
    margin-right: 10px;
    top: -3px;
    position: relative;
}
.home__integrated-security .interactive-box .circle--slider .animate-title .btn--arrow span {
    font-size: 1.4rem !important;
    color: #092B42;
}
.home__integrated-security .interactive-box .circle--slider .animate-img {
    width: 25%;
    height: 25%;
    border-radius: 50%;
    overflow: hidden;
}
.home__integrated-security .interactive-box .circle--slider .animate-img .animate-img__in {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 30%;
    background-repeat: no-repeat;
    z-index: 0;
    -webkit-transform: rotate3d(0, 0, 0, 0deg) scale(0.85);
    transform: rotate3d(0, 0, 0, 0deg) scale(0.85);
    -webkit-transition: 0.55s ease-in-out;
    transition: 0.55s ease-in-out;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-size: cover;
    -webkit-box-shadow: -20px 20px 50px rgba(0, 0, 0, 0.3);
    box-shadow: -20px 20px 50px rgba(0, 0, 0, 0.3);
}
.home__integrated-security .interactive-box .circle--slider .animate-more .logo-security {
    max-width: 70%;
    display: block;
    margin: 0 auto;
    padding-top: 1rem;
}
.home__integrated-security .interactive-box .circle--slider .animate.active {
    height: 100%;
    width: 100%;
}
.home__integrated-security .interactive-box .circle--slider .animate.active .animate-more {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.home__integrated-security .interactive-box .circle--slider .animate.active .animate-img .animate-img__in {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 100;
}
.home__integrated-security .interactive-box .circle--slider .prev,
.home__integrated-security .interactive-box .circle--slider .next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 62px;
    width: 87px;
    text-align: center;
    cursor: pointer;
}
.home__integrated-security .interactive-box .circle--slider .prev svg,
.home__integrated-security .interactive-box .circle--slider .next svg {
    height: 60px;
}
.home__integrated-security .interactive-box .circle--slider .prev svg:hover,
.home__integrated-security .interactive-box .circle--slider .next svg:hover {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.home__integrated-security .interactive-box .circle--slider .next {
    left: 16%;
}
@media screen and (max-width: 1200px) {
    .home__integrated-security .interactive-box .circle--slider .next {
        left: 13%;
    }
}
@media screen and (max-width: 1200px) {
    .home__integrated-security .interactive-box .circle--slider .next {
        left: 11%;
    }
}
@media screen and (max-width: 992px) {
    .home__integrated-security .interactive-box .circle--slider .next {
        left: -3%;
    }
}
@media screen and (max-width: 576px) {
    .home__integrated-security .interactive-box .circle--slider .next {
        left: -10%;
    }
}
.home__integrated-security .interactive-box .circle--slider .prev {
    right: 16%;
}
@media screen and (max-width: 1400px) {
    .home__integrated-security .interactive-box .circle--slider .prev {
        right: 13%;
    }
}
@media screen and (max-width: 1200px) {
    .home__integrated-security .interactive-box .circle--slider .prev {
        right: 11%;
    }
}
@media screen and (max-width: 992px) {
    .home__integrated-security .interactive-box .circle--slider .prev {
        right: -3%;
    }
}
@media screen and (max-width: 576px) {
    .home__integrated-security .interactive-box .circle--slider .prev {
        right: -10%;
    }
}