@import url("https://use.fontawesome.com/releases/v5.12.1/css/all.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.auth-class h1 {
    font-size  : 3.2em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color      : #134067;
    line-height: 100%
}

.auth-class ::-ms-input-placeholder,
.auth-class :-ms-input-placeholder,
.auth-class ::placeholder {
    text-align: center
}

.auth-class p {
    margin: 0
}

.auth-class .btn {
    font-size: 1em !important
}

.auth-class .forgot-pass-link {
    font-size  : 0.9em;
    font-weight: 500
}

body {
    font-family: "Montserrat", sans-serif;
    font-size  : 12px;
    font-weight: 400;
    height     : 100%;
    margin     : 0;
    min-height : 100%;
    position   : relative
}

form.contact-form .form-control {
    color           : #444444;
    background-color: #efefef
}

form.contact-form ::-ms-input-placeholder,
form.contact-form :-ms-input-placeholder,
form.contact-form ::placeholder {
    color: #000 !important
}

.contact h2 {
    font-size    : 2.75em;
    font-family  : 'Montserrat', sans-serif;
    font-weight  : bold;
    color        : #134067;
    margin-bottom: 40px
}

@media (min-width: 896px) {
    .contact h2 {
        font-size: 3.75em
    }
}

@media (min-width: 896px) {
    .contact h3.subtitle {
        font-size  : 2rem;
        font-weight: 700;
        color      : #134067
    }
}

.contact p {
    font-size : 1.5em;
    color     : #404040;
    text-align: left
}

@media (min-width: 896px) {
    .contact p {
        font-size : 2.15em;
        text-align: center
    }
}

.contact .rc-anchor-light {
    border: 0 !important
}

.contact .form-control,
.contact .select2-selection {
    color       : #777;
    border-color: #ccc
}

.contact ::-ms-input-placeholder,
.contact :-ms-input-placeholder,
.contact ::placeholder {
    color: #ccc
}

.contact .select2-selection {
    border-radius : 90px;
    padding-top   : 10px;
    padding-bottom: 40px;
    text-align    : left !important
}

.contact .select2-selection__rendered {
    color: #ddd !important
}

.contact .select2-selection__arrow {
    width           : 50px !important;
    height          : 100% !important;
    background-color: #f2f2f2;
    border-radius   : 120%;
    border-color    : #ccc
}

.contact textarea {
    border-radius: 20px
}

.contact .btn {
    font-size       : 1.4em;
    font-weight     : 400;
    color           : #fff;
    background-color: #c41f48;
}

.contact .btn:hover {
    background-color: #04385D
}

.contact .phones h3 {
    font-weight  : 900;
    font-size    : 1.4rem;
    color        : #1666ae;
    text-align   : left;
    margin-bottom: 0
}

@media (min-width: 896px) {
    .contact .phones h3 {
        font-size: 1.4rem
    }
}

.contact .phones p.description {
    font-size    : 1.4em;
    font-weight  : 300;
    text-align   : left;
    margin-top   : 0;
    margin-bottom: 20px
}

@media (min-width: 896px) {
    .contact .phones p.description {
        font-size: 1.116em
    }
}

.news article {
    font-size  : 1rem;
    font-weight: 500;
    color      : #555
}

.news article * {
    font-size  : 16px !important;
    line-height: 22.0833px
}

.news figure {
    overflow     : hidden;
    border-radius: 0 !important
}

.news figcaption {
    padding: 15px 10px 10px
}

.news figure img {
    border-radius: 30px !important
}

.news .slick-dots {
    bottom: -50px
}

.news .slick-dots li {
    width           : 15px;
    height          : 15px;
    background-color: #eee;
    border-radius   : 120%
}

.news .slick-dots li.slick-active {
    background-color: #e51848
}

.news .slick-dots li button {
    background-color: transparent !important
}

.news .entry-header h1.title {
    font-family  : 'Montserrat', sans-serif;
    font-size    : 2.8em;
    font-weight  : bold;
    color        : #143a60 !important;
    margin-bottom: 50px
}

.news .entry-header h2 {
    font-size  : 1.3em;
    font-weight: 600;
    color      : #143a60
}

.news .entry-header h2 a {
    font-size: 1em !important;
    color    : #143a60 !important
}

.news .entry-header h2.subtitle {
    font-size  : 1.4rem;
    font-weight: 500;
    color      : #555
}

.news .entry-header p {
    font-size    : 1.5em;
    font-weight  : 300;
    color        : #404040;
    margin-top   : 0;
    margin-bottom: 20px
}

.news .entry-header p strong {
    font-weight: bold
}

.news .media-body {
    font-size: 1.2rem !important
}

.news .media-body p {
    font-weight  : 300;
    color        : #404040;
    margin-top   : 0;
    margin-bottom: 20px
}

.news .media-body p strong {
    font-weight: bold
}

.news .post-meta {
    font-size  : 1.3rem !important;
    font-weight: 300;
    color      : #404040;
    margin     : 0;
    padding    : 0
}

.news.last-news-class .initial-class {
    background-color: #143a60
}

@media (max-width: 480px) {
    .news.last-news-class .initial-class {
        min-height: 630px !important
    }
}

@media (min-width: 896px) {
    .news.last-news-class .initial-class {
        height    : auto !important;
        min-height: auto !important
    }
}

.news.last-news-class .content {
    padding-top   : 50px;
    padding-bottom: 50px
}

.news.last-news-class h1 {
    font-size  : 3.333em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    line-height: 100%
}

@media (min-width: 896px) {
    .news.last-news-class h1 {
        font-size: 4.333em
    }
}

.news.last-news-class h1:not(.title) {
    color        : #fff;
    text-align   : left;
    margin-bottom: 20px
}

.news.last-news-class h1 strong {
    color           : #1666ae;
    background-color: #fff
}

.news.last-news-class h1.title {
    color: #1666ae
}

.news.last-news-class h2 {
    font-size  : 3.333em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    line-height: 140%;
    text-align : center
}

.news.last-news-class h2:not(.title) {
    color     : #fff;
    text-align: left
}

.news.last-news-class h2 strong {
    color           : #1666ae;
    background-color: #fff
}

.news.last-news-class h2.title {
    color: #1666ae
}

.news.last-news-class h3.title {
    font-size  : 4em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color      : #1666AE;
    text-align : center
}

.news.last-news-class h3.title.border-right {
    border-color : #E41747 !important;
    padding-right: 30px
}

.news.last-news-class h4.title {
    font-size  : 3em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color      : #1666AE
}

.news.last-news-class hr.divider {
    width     : 200px;
    border-top: 1px solid #E41747
}

.news .initial-news {
    width      : 100% !important;
    height     : 100% !important;
    min-width  : 100% !important;
    min-height : 100% !important;
    position   : relative;
    padding-top: 50px
}

@media (max-width: 624px) {
    .news .initial-news {
        display    : flex;
        align-items: center
    }
}

.news .initial-news .content {
    width     : 100%;
    height    : 100%;
    min-width : 100%;
    min-height: 100%;
    position  : relative;
    padding   : 20px;
    z-index   : 1
}

.news .initial-news img {
    min-height: 100%;
    opacity   : 0.2;
    position  : absolute;
    top       : 0;
    left      : 0;
    z-index   : 0;
    object-fit: cover
}

.news.list-news h2.title {
    font-family: 'Montserrat', sans-serif;
    font-size  : 3.3rem;
    font-weight: 800;
    color      : #1c63aa
}

.news.list-news h2.title a {
    font-size: 1em !important;
    color    : #1c63aa !important
}

.news.list-news h2.title.subtitle {
    font-size  : 1.3em;
    font-weight: 500;
    color      : #555
}

@media (min-width: 896px) {
    .news.list-news h2.title {
        font-size : 3.4rem;
        margin-top: 40px
    }
}

.news.list-news .featured-news {
    grid-gap             : 10px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows   : repeat(2, 420px);
    grid-template-areas  : "fn0 fn1""mr mr"
}

.news.list-news .featured-news .owl-nav i {
    color: #012d4d
}

.news.list-news .featured-news .owl-nav .owl-prev {
    left: -50px
}

.news.list-news .featured-news .owl-nav .owl-next {
    right: -50px
}

.news.list-news .featured-news .owl-carousel .card {
    height: 262px;
}

.news.list-news .most-featured {
    grid-gap             : 10px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows   : repeat(1, 1fr);
    grid-auto-flow       : dense;
    grid-template-areas  : "fn2 fn3 fn4";
    grid-area            : mr
}

.news.list-news .card {
    /* height: 262px; */
    /* max-height: 262px; */
    background-color: #012d4d;
    border-radius   : 20px;
    overflow        : hidden
}

.news.list-news .card.fn0 {
    grid-area: fn0
}

.news.list-news .card.fn1 {
    grid-area: fn1
}

.news.list-news .card.fn2 {
    grid-area: fn2
}

.news.list-news .card.fn3 {
    grid-area: fn3
}

.news.list-news .card.fn4 {
    grid-area: fn4
}

.news.list-news .card h2 {
    font-size  : 1em;
    font-weight: bold;
    margin-top : 10px
}

.news.list-news .card h2 a {
    color: #fff
}

.news.list-news .card p {
    font-weight: 300;
    color      : #fff
}

.news.list-news .card .card-news {
    width     : 262px;
    height    : 262px;
    min-width : 262px;
    min-height: 262px;
    position  : relative
}

.news.list-news .card .card-news .content {
    width     : 262px;
    height    : 262px;
    min-width : 262px;
    min-height: 262px;
    position  : relative;
    padding   : 20px;
    z-index   : 1
}

.news.list-news .card .card-news .content h2 {
    font-family: 'Montserrat', sans-serif;
    font-size  : 1.5em
}

.news.list-news .card .card-news img {
    min-height: 262px;
    opacity   : 0.4;
    position  : absolute;
    top       : 0;
    left      : 0;
    z-index   : 0;
    object-fit: cover
}

.card-news:hover img,
.card-news:focus img {
    transform: scale(1.2)
}

.newsletter h1.title {
    font-size  : 1.6em;
    font-weight: bold;
    color      : #0066B1
}

@media (min-width: 896px) {
    .newsletter h1.title {
        font-size: 2rem
    }
}

.newsletter input {
    border       : 0;
    border-bottom: 1px solid #707070
}

.newsletter button {
    padding-left : 30px;
    padding-right: 30px
}

.pages-class .compliance-title {
    font-size    : 2.35rem !important;
    width        : 100%;
    margin-top   : 100px;
    margin-bottom: 100px;
    font-weight  : 800
}

@media (min-width: 896px) {
    .pages-class .compliance-title {
        font-size: 3.35rem !important;
        width    : 100%
    }
}

.pages-class .initial-class {
    height: auto
}

@media (max-width: 480px) {
    .pages-class .initial-class {
        height: 667px;
    }
}

@media (min-width: 576px) {
    .pages-class .initial-class {
        height: 1024px;
    }
}

@media (min-width: 896px) {
    .pages-class .initial-class {
        height: 558px;
    }
}

@media (min-width: 1195px) {
    .pages-class .initial-class {
        height: 675px;
    }
}

@media (min-width: 1920px) {
    .pages-class .initial-class {
        height: 720px;
    }
}

.pages-class .initial-class .navbar {
    position: relative;
    z-index : 1
}

.pages-class .initial-class h1 {
    font-size  : 4rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 100%
}

.pages-class .initial-news {
    width     : 100% !important;
    min-width : 100% !important;
    height    : 100% !important;
    min-height: 100% !important;
    position  : absolute !important;
    top       : 0 !important;
    z-index   : 0
}

.pages-class .content {
    padding-top   : 50px;
    padding-bottom: 50px
}

.pages-class .border-left,
.pages-class .border-right {
    border-color: #E41747 !important
}

@media (max-width: 624px) {
    .pages-class .no-sm-border {
        border: 0 !important
    }
}

@media (max-width: 624px) {
    .pages-class .logo-service {
        display: none
    }
}

.pages-class h1 {
    font-size  : 4rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    line-height: 100%
}

.pages-class h1:not(.title) {
    color        : #fff;
    text-align   : left;
    margin-bottom: 20px
}

.pages-class h1 strong {
    color           : #1666ae;
    background-color: #fff
}

.pages-class h1.title {
    color: #1666ae
}

.pages-class h2 {
    font-size  : 1.6rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 140%;
    text-align : center
}

@media (min-width: 896px) {
    .pages-class h2 {
        font-size: 2.2rem
    }
}

.pages-class h2:not(.title) {
    color     : #fff;
    text-align: left
}

.pages-class h2 strong {
    color           : #1666ae;
    background-color: #fff
}

.pages-class h2.title {
    font-size: 1.8rem !important;
    color    : #1666ae !important
}

@media (min-width: 896px) {
    .pages-class h2.title {
        font-size: 3rem !important
    }
}

.pages-class h3.title {
    font-size  : 2.5em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color      : #1666AE;
    text-align : center
}

.pages-class h3.title.border-right {
    border-color : #E41747 !important;
    padding-right: 30px
}

@media (min-width: 896px) {
    .pages-class h3.title {
        font-size: 3.5rem
    }
}

.pages-class h4.title {
    font-size  : 2em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color      : #1666AE
}

.pages-class hr.divider {
    width     : 200px;
    border-top: 1px solid #E41747
}

.pages-class .differentials-class h3 {
    font-size : 1em !important;
    min-height: 10px !important
}

@media (min-width: 896px) {
    .pages-class .differentials-class h3 {
        font-size: 1.3rem !important
    }
}

.pages-class .differentials-class h3 span {
    text-align: left;
    display   : block
}

@media (max-width: 624px) {
    .pages-class .differentials-class .d-flex h3 {
        padding-top   : 10px !important;
        padding-bottom: 10px !important
    }
}

@media (max-width: 624px) {
    .pages-class .differentials-class .differential-item {
        margin-bottom: 5px
    }
}

@media (min-width: 896px) {
    .pages-class .differentials-class .differential-item.item-left h3 span {
        margin: 0 40px 0 100px
    }
}

@media (min-width: 896px) {
    .pages-class .differentials-class .differential-item.item-right h3 span {
        margin: 0 80px 0 0
    }
}

.pages-class p.description {
    font-size  : 1.1em;
    font-weight: 300;
    color      : #404040;
    margin     : 0 0 20px
}

.pages-class p.description strong {
    font-weight: bold
}

@media (min-width: 896px) {
    .pages-class p.description {
        font-size: 1.1rem !important
    }
}

.pages-class .page-panel {
    font-size    : 1.3em;
    font-weight  : 300;
    border-radius: 10px;
    margin-top   : 30px
}

.pages-class .page-panel li {
    font-size : 1.2em;
    text-align: center;
    padding   : 0
}

.pages-class .page-panel li strong {
    font-size  : 1.1rem;
    color      : #0066b1;
    font-weight: bold
}

@media (min-width: 896px) {
    .pages-class .page-panel li strong {
        font-size: 1.5rem
    }
}

.pages-class .page-panel li .checked {
    font-size  : 2em;
    color      : #c51f48;
    font-weight: 300
}

.pages-class .page-panel li p {
    font-size: 1.2em;
    color    : #404040;
    margin   : 0;
    padding  : 0;
    display  : block
}

@media (min-width: 896px) {
    .pages-class .page-panel li p {
        font-size: 1em;
        display  : inline-block
    }
}

@media (min-width: 896px) {
    .pages-class .page-panel li {
        font-size : 1em;
        text-align: left
    }
}

.pages-class .flow-class .content {
    background-color: #134067
}

.pages-class .flow-class img {
    margin-top: -180px
}

@media (min-width: 896px) {
    .pages-class .flow-class img {
        position  : absolute;
        top       : -150px;
        left      : 50%;
        transform : translateX(-50%);
        width     : 25%;
        margin-top: 0
    }
}

.pages-class .flow-class h5 {
    font-size  : 1.2em;
    font-weight: bold;
    color      : #fff
}

@media (min-width: 896px) {
    .pages-class .flow-class h5 {
        font-size: 1.53em
    }
}

.pages-class .flow-class p {
    font-size: 1.3em
}

.pages-class .page-description-class .media {
    margin-bottom: 0
}

.pages-class .page-description-class .media h2 strong {
    color: #ff0000
}

.pages-class .page-description-class p {
    font-size: 1.4em;
    color    : #404040;
    margin   : 0
}

.pages-class .page-description-class p:not([class$="-center"]) {
    text-align: left !important
}

.pages-class .page-description-class p strong {
    font-weight: bold
}

.pages-class .page-description-class h2,
.pages-class .page-description-class h3,
.pages-class .page-description-class h4 {
    color     : #0066b1;
    text-align: left
}

.pages-class .page-description-class h2:not(.title) {
    font-size: 2em
}

.pages-class .page-description-class h3 {
    font-size  : 1em;
    font-weight: bold;
    margin     : 0
}

.pages-class .page-description-class h4 {
    font-size  : 1em;
    font-weight: bold;
    margin     : 0
}

.pages-class .page-description-class .border-right,
.pages-class .page-description-class .border-bottom {
    border-color: #c51f48 !important
}

.pages-class .page-description-class .page-panel {
    margin-top: 0;
    padding   : 5px 10px 0
}

.pages-class .page-description-class .page-panel hr.divider {
    width     : 99%;
    border-top: 1px solid #ccc
}

.pages-class .page-description-class .page-panel p {
    font-size : 1em;
    text-align: center !important
}

.pages-class .page-description-class .page-panel li {
    font-size : 0.7em;
    text-align: left
}

@media (min-width: 896px) {
    .pages-class .page-description-class .page-panel li {
        font-size : 1em;
        text-align: center
    }
}

.pages-class .icons-class img {
    height       : 64px;
    margin-bottom: 5px
}

.pages-class .icons-class h4 {
    font-size  : 1.5em;
    font-weight: bold;
    color      : #0066b1
}

.pages-class .icons-class p {
    font-size: 1em
}

.pages-class .staff-class .pic-staff {
    height    : 150px;
    margin-top: -100px
}

.pages-class .staff-class h3.pic-title {
    font-size  : 1.3rem;
    font-weight: bold;
    color      : #0066b1
}

.pages-class .staff-class h4.pic-subtitle {
    font-size  : 1em;
    font-weight: bold;
    color      : #134067
}

.pages-class .staff-class p.pic-text {
    font-size  : 0.9rem;
    font-weight: 300;
    font-style : oblique;
    color      : #404040;
    margin     : 0
}

.pages-class .staff-class p.pic-department {
    font-size  : 1.1rem;
    font-weight: 300;
    color      : #404040;
    margin     : 0
}

.pages-class .internal-banner h1 {
    font-size: 3.2em
}

.pages-class .internal-banner p {
    font-size    : 1.3em;
    margin-bottom: 10px
}

.pages-class .internal-banner p strong {
    font-weight: bold
}

.pages-class .internal-banner ol {
    font-size          : 1.3em;
    color              : #ffffff;
    list-style-position: inside
}

.pages-class .attitude-class {
    padding-top   : 40px;
    padding-bottom: 40px
}

.pages-class .attitude-class h2 span {
    color: #c51f48
}

@media (max-width: 480px) {
    .pages-class .attitude-class p {
        font-size  : 1.4em;
        line-height: 18px
    }
}

.pages-class .attitude-class p .hashtag {
    color: #1666ae
}

.pages-class .attitude-class .logo-attitude {
    height: 50px
}

@media (max-width: 480px) {
    .pages-class .attitude-class .logo-attitude {
        height: 30px
    }
}

.pages-class .ethic-code-class p {
    font-size: 1.3em
}

.pages-class .ethic-code-class .bg {
    padding            : 5px 0 100px;
    background-size    : 700px 500px !important;
    background-position: 200px top !important;
    background-repeat  : no-repeat !important
}

.pages-class .ethic-code-class a {
    font-size: 1.2rem
}

.pages-class .customers-class .owl-carousel-customers {
    padding-left : 20px;
    padding-right: 20px
}

.pages-class .customers-class .owl-item {
    text-align: center
}

.pages-class .customers-class .owl-item img {
    width : auto;
    margin: 0 auto
}

.our-values-class {
    position: relative;
}

.our-values-class .institutional-background {
    position  : absolute;
    top       : 0;
    left      : -15%;
    max-height: 100% !important;
    height    : 100% !important;
}

.pages-class .our-values-class h2,
.pages-class .customers-class h2 {
    color: #134067 !important
}

.pages-class .our-values-class {
    padding-top   : 40px;
    padding-bottom: 40px;
}

.pages-class .our-values-class h3 {
    font-size  : 1.4rem;
    font-weight: 600;
    color      : #1666ae;
}

.pages-class .our-values-class img {
    max-height   : 48px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .pages-class .our-values-class .col-md-6 {
        margin-top: 20px;
    }
}

.pages-class .our-values-class .icon-section {
    min-width      : 100px;
    max-width      : 100px;
    min-height     : 90px;
    max-height     : 90px;
    text-align     : center;
    background     : linear-gradient(to top right, #1666ae, #be224c);
    border-radius  : 10px;
    margin-right   : 20px;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.pages-class .features-class .feature-item {
    font-size    : 1.3em;
    font-weight  : 300;
    border-radius: 10px;
    padding      : 20px 15px
}

.pages-class .features-class .feature-item h3 {
    font-size  : 1.1em;
    font-weight: 300
}

.pages-class .features-class .feature-item h3 strong {
    font-size  : 1.1em;
    color      : #0066b1;
    font-weight: bold
}

.pages-class .features-class .feature-item .icon-section {
    margin : 0 auto;
    display: block
}

.browser-outdated-class h1.title {
    font-size  : 3em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color      : #C63E48
}

@media (min-width: 896px) {
    .browser-outdated-class h1.title {
        font-size: 5em
    }
}

.browser-outdated-class h2.subtitle {
    font-size: 1.5em
}

@media (min-width: 896px) {
    .browser-outdated-class h2.subtitle {
        font-size: 2em
    }
}

.browser-outdated-class p.description {
    font-size  : 1em;
    font-weight: 300;
    color      : #404040;
    margin     : 0 0 20px
}

.browser-outdated-class p.description strong {
    font-weight: bold
}

@media (min-width: 896px) {
    .browser-outdated-class p.description {
        font-size: 1.5em
    }
}

.browser-outdated-class .card {
    background-color: #fcfcfc;
    border          : 0
}

.browser-outdated-class .card h1.card-title {
    font-size  : 1.5em;
    font-weight: 600
}

.browser-outdated-class .card p.card-description {
    font-size  : 1.3em;
    font-weight: 400;
    color      : #404040;
    margin     : 0 0 20px
}

.browser-outdated-class .card p.card-description strong {
    font-weight: bold
}

.browser-outdated-class .card img {
    width: 50%
}

aside.sidebar>h2 {
    font-size  : 2em;
    font-weight: bold;
    color      : #0066b1;
    margin-top : 10px
}

aside.sidebar .card {
    height          : 280px;
    background-color: #012d4d;
    border-radius   : 20px;
    overflow        : hidden
}

aside.sidebar .card h2 {
    font-size  : 1em;
    font-weight: bold;
    margin-top : 10px
}

aside.sidebar .card h2 a {
    color: #fff
}

aside.sidebar .card p {
    font-weight: 300;
    color      : #fff
}

aside.sidebar .card .card-news {
    width     : 100%;
    height    : 100%;
    min-width : 100%;
    min-height: 100%;
    position  : relative
}

aside.sidebar .card .card-news .content {
    width     : 100%;
    height    : 100%;
    min-width : 100%;
    min-height: 100%;
    position  : relative;
    padding   : 20px;
    z-index   : 1
}

aside.sidebar .card .card-news .content h2 {
    font-size: 1.3em
}

aside.sidebar .card .card-news img {
    min-height: 100%;
    opacity   : 0.4;
    position  : absolute;
    top       : 0;
    left      : 0;
    z-index   : 0;
    object-fit: cover
}

* {
    box-sizing: border-box
}

a,
img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition   : all 0.3s ease-in-out;
    -o-transition     : all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out
}

strong {
    font-weight: 800
}

html {
    box-sizing: border-box;
    height    : 100%;
    margin    : 0
}

@media (max-width: 896px) {
    .initial-menu .container {
        width: auto !important
    }
}

.initial-class {
    width          : 100%;
    height         : 100vh;
    background-size: cover;
    position       : relative;
    overflow       : hidden
}

.initial-class .initial-news {
    height         : 100%;
    min-height     : 100%;
    background-size: cover !important;
    position       : relative
}

@media (max-width: 624px) {
    .initial-class .initial-news h1 {
        font-size: 2.1em
    }
}

.initial-class .initial-news .owl-carousel {
    height: 100vh !important
}

.initial-class .initial-news .owl-carousel .owl-stage-outer {
    height: 100% !important
}

.initial-class .initial-news .owl-carousel .owl-stage-outer .owl-stage {
    height: 100% !important
}

.initial-class .initial-news .owl-carousel .owl-stage-outer .owl-stage .owl-item {
    height: 100% !important
}

.initial-class .initial-news .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
    height: 100% !important
}

@media (min-width: 896px) {
    .initial-class .initial-news .owl-carousel {
        height: 100%
    }

    .initial-class .initial-news .owl-carousel .owl-stage-outer {
        height: 100%
    }
}

.home .initial-class .initial-news {
    background-color: #143a60
}

.initial-class .initial-news .content-news {
    width     : 100%;
    height    : 100%;
    min-width : 100%;
    min-height: 100%;
    position  : relative
}

@media (min-width: 896px) {
    .initial-class .initial-news .content-news {
        min-width : 100vh;
        min-height: 100vh
    }
}

.initial-class .initial-news .content-news .content {
    width     : 100%;
    height    : 100%;
    min-width : 100%;
    min-height: 100%;
    position  : relative;
    padding   : 40px;
    z-index   : 1
}

.initial-class .initial-news .content-news .content .owl-stage-outer {
    width     : 100% !important;
    height    : 90% !important;
    min-width : 100% !important;
    min-height: 90% !important
}

.initial-class .initial-news .content-news .bg {
    min-width : 100vw;
    min-height: 100vh;
    position  : absolute;
    top       : 0;
    left      : 50%;
    transform : translateX(-50%);
    z-index   : 0
}

.initial-class .initial-news .content-news .bg img {
    min-height: 100% !important;
    object-fit: cover;
}

@media screen and (max-width: 480px) {
    .initial-class .initial-news .content-news .bg img {
        height    : 1280px !important;
        object-fit: cover;

    }
}

.initial-class .initial-news .content-news .bg.opacity {
    opacity: 0.4
}

.initial-class .initial-news .content-news .bg.no-alpha {
    opacity: 1
}

.initial-class .scroll-down {
    display: none
}

@media (min-width: 1195px) {
    .initial-class .scroll-down {
        width    : 10%;
        position : absolute;
        left     : 50%;
        bottom   : -20px;
        transform: translateX(-50%);
        display  : block
    }
}

@media (min-width: 1920px) {
    .initial-class .scroll-down {
        bottom: 10px
    }
}

.initial-class .socials li:not(:last-child) {
    margin-right: 20px
}

.initial-class .socials li a {
    font-size: 2em;
    color    : #fff
}

.initial-class .socials li a:hover {
    color: #000
}

@media (max-width: 624px) {
    .initial-class .socials {
        position : absolute !important;
        top      : 90%;
        left     : 50%;
        transform: translateX(-50%);
        margin   : 0 !important;
        padding  : 0 !important
    }

    .initial-class .socials li {
        margin: 0
    }
}

.home .initial-class .navbar,
.last-news-class .initial-class .navbar {
    z-index: 9
}

.home .initial-class .navbar:not(.show-menu),
.last-news-class .initial-class .navbar:not(.show-menu) {
    width    : 100%;
    position : absolute;
    top      : 0;
    left     : 50%;
    transform: translateX(-50%)
}

.initial-class .navbar .navbar-toggler {
    background-color: transparent;
    border          : 0
}

.initial-class .navbar .navbar-toggler:focus,
.initial-class .navbar .navbar-toggler:active {
    border : 0;
    outline: transparent
}

.initial-class .navbar .navbar-brand {
    z-index: 9 !important
}

@media (max-width: 896px) {
    .initial-class .navbar .navbar-brand {
        width: 50%
    }
}

.initial-class .navbar .menu-btn {
    position       : relative;
    display        : flex !important;
    justify-content: center !important;
    align-items    : center !important;
    width          : 50px;
    height         : 50px;
    cursor         : pointer;
    transition     : all .5s ease-in-out;
    z-index        : 9 !important
}

.initial-class .show-menu > .navbar .menu-btn .btn-burger,
.initial-class .show-menu > .navbar .menu-btn .btn-burger:before,
.initial-class .show-menu > .navbar .menu-btn .btn-burger::after {
    background-color: #143a60 !important;
}
.initial-class .navbar .menu-btn .btn-burger {
    width           : 50px;
    height          : 3px;
    background-color: #fff;
    box-shadow      : 0 2px 5px rgba(255, 141, 47, 0.2);
    transition      : all .5s ease-in-out
}

@media (max-width: 480px) {
    .initial-class .navbar .menu-btn .btn-burger {
        width: 30px
    }
}

.initial-class .navbar .menu-btn .btn-burger::before,
.initial-class .navbar .menu-btn .btn-burger::after {
    content         : '';
    position        : absolute;
    width           : 50px;
    height          : 3px;
    background-color: #fff;
    transition      : all .5s ease-in-out
}

@media (max-width: 480px) {

    .initial-class .navbar .menu-btn .btn-burger::before,
    .initial-class .navbar .menu-btn .btn-burger::after {
        width: 30px
    }
}

.initial-class .navbar .menu-btn .btn-burger::before {
    transform: translate(-50%, -16px) !important
}

.initial-class .navbar .menu-btn .btn-burger::after {
    transform: translate(-50%, 16px) !important
}

.initial-class .navbar .menu-btn.open .btn-burger {
    transform       : translateX(-50%);
    background-color: transparent;
    box-shadow      : none
}

.initial-class .navbar .menu-btn.open .btn-burger::before {
    background-color: #fff !important;
    transform       : rotate(45deg) translate(5px, -5px) !important
}

.initial-class .navbar .menu-btn.open .btn-burger::after {
    background-color: #fff !important;
    transform       : rotate(-45deg) translate(5px, 5px) !important
}

@media (max-width: 624px) {
    .initial-class .navbar .navbar-collapse {
        background-color: #143a60 !important;
        position        : fixed !important;
        width           : 100vw !important;
        height          : 100vh !important;
        top             : 0 !important;
        left            : 100%;
        z-index         : 9 !important;
        transition      : all .5s ease-in-out
    }

    .initial-class .navbar .navbar-collapse .navbar-nav {
        margin-left : 20px;
        margin-right: 20px
    }

    .initial-class .navbar .navbar-collapse .socials {
        border-color: #fff !important
    }

    .initial-class .navbar .navbar-collapse .socials a {
        color: #fff !important
    }

    .initial-class .navbar .navbar-collapse.open {
        left: 20px !important
    }
}

@media (min-width: 896px) {
    .initial-class .navbar .nav-item.active:not(:first-child):not(:last-child) {
        color: #fff
    }

    .initial-class .navbar .nav-item.dropdown:first-child {
        margin-bottom: 0;
        padding-right: 10px;
        padding-left : 11px
    }

    .initial-class .navbar .nav-item.dropdown:first-child.active.show {
        background-color                  : #1666AE !important;
        -webkit-border-top-left-radius    : 8px;
        -webkit-border-top-right-radius   : 8px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius : 0;
        -moz-border-radius-topleft        : 8px;
        -moz-border-radius-topright       : 8px;
        -moz-border-radius-bottomright    : 0;
        -moz-border-radius-bottomleft     : 0;
        border-top-left-radius            : 8px;
        border-top-right-radius           : 8px;
        border-bottom-right-radius        : 0;
        border-bottom-left-radius         : 0;
        border                            : 1px solid #fff;
        border-bottom                     : 0;
        padding-right                     : 9px;
        padding-left                      : 10px
    }

    .initial-class .navbar .nav-item.dropdown:first-child.active.show a:hover {
        color: #1666ae !important
    }

    .initial-class .navbar .nav-item.dropdown:first-child.active.show>a:hover {
        color: #fff !important
    }

    .initial-class .navbar .nav-item.dropdown:first-child .dropdown-menu {
        font-size                         : 1em;
        color                             : #fff !important;
        min-width                         : auto;
        background-color                  : #1666AE;
        -webkit-border-top-left-radius    : 0;
        -webkit-border-top-right-radius   : 0;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius : 8px;
        -moz-border-radius-topleft        : 0;
        -moz-border-radius-topright       : 0;
        -moz-border-radius-bottomright    : 8px;
        -moz-border-radius-bottomleft     : 8px;
        border-top-left-radius            : 0;
        border-top-right-radius           : 0;
        border-bottom-right-radius        : 8px;
        border-bottom-left-radius         : 8px;
        border                            : 1px solid #fff;
        border-top                        : 0;
        left                              : 50%;
        transform                         : translateX(-50%);
        margin                            : 0 !important;
        padding                           : 0 !important
    }

    .initial-class .navbar .nav-item.dropdown:first-child .dropdown-menu .dropdown-item {
        padding-left : 18px;
        padding-right: 18px
    }

    .initial-class .navbar .nav-item.dropdown:first-child .dropdown-menu .dropdown-item:last-child:hover {
        -webkit-border-top-left-radius    : 0;
        -webkit-border-top-right-radius   : 0;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius : 8px;
        -moz-border-radius-topleft        : 0;
        -moz-border-radius-topright       : 0;
        -moz-border-radius-bottomright    : 8px;
        -moz-border-radius-bottomleft     : 8px;
        border-top-left-radius            : 0;
        border-top-right-radius           : 0;
        border-bottom-right-radius        : 8px;
        border-bottom-left-radius         : 8px
    }

    .initial-class .navbar .nav-item.dropdown:first-child .dropdown-menu .dropdown-item:hover {
        color: #444
    }

    .initial-class .navbar .nav-item.dropdown:last-child {
        margin-bottom   : 0;
        padding-right   : 10px;
        padding-left    : 10px;
        background-color: #C51F48 !important;
        border          : 1px solid #fff;
        border-radius   : 8px
    }

    .initial-class .navbar .nav-item.dropdown:last-child.show {
        -webkit-border-top-left-radius    : 8px;
        -webkit-border-top-right-radius   : 8px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius : 0;
        -moz-border-radius-topleft        : 8px;
        -moz-border-radius-topright       : 8px;
        -moz-border-radius-bottomright    : 0;
        -moz-border-radius-bottomleft     : 0;
        border-top-left-radius            : 8px;
        border-top-right-radius           : 8px;
        border-bottom-right-radius        : 0;
        border-bottom-left-radius         : 0;
        border-bottom                     : 0 !important;
        padding-right                     : 13.7px;
        padding-left                      : 10px
    }

    .initial-class .navbar .nav-item.dropdown:last-child.show a:hover {
        color: #C51F48 !important
    }

    .initial-class .navbar .nav-item.dropdown:last-child.show>a:hover {
        color: #fff !important
    }

    .initial-class .navbar .nav-item.dropdown:last-child .dropdown-menu {
        font-size                         : 1em;
        color                             : #fff !important;
        min-width                         : auto;
        background-color                  : #C51F48;
        -webkit-border-top-left-radius    : 0;
        -webkit-border-top-right-radius   : 0;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius : 8px;
        -moz-border-radius-topleft        : 0;
        -moz-border-radius-topright       : 0;
        -moz-border-radius-bottomright    : 8px;
        -moz-border-radius-bottomleft     : 8px;
        border-top-left-radius            : 0;
        border-top-right-radius           : 0;
        border-bottom-right-radius        : 8px;
        border-bottom-left-radius         : 8px;
        border                            : 1px solid #fff;
        border-top                        : 0;
        left                              : 50%;
        transform                         : translateX(-50%);
        margin                            : 0 !important;
        padding                           : 0 !important
    }

    .initial-class .navbar .nav-item.dropdown:last-child .dropdown-menu .dropdown-item {
        padding-left : 20px !important;
        padding-right: 20px !important
    }

    .initial-class .navbar .nav-item.dropdown:last-child .dropdown-menu .dropdown-item:last-child:hover {
        -webkit-border-top-left-radius    : 0;
        -webkit-border-top-right-radius   : 0;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius : 8px;
        -moz-border-radius-topleft        : 0;
        -moz-border-radius-topright       : 0;
        -moz-border-radius-bottomright    : 8px;
        -moz-border-radius-bottomleft     : 8px;
        border-top-left-radius            : 0;
        border-top-right-radius           : 0;
        border-bottom-right-radius        : 8px;
        border-bottom-left-radius         : 8px
    }

    .initial-class .navbar .nav-item.dropdown:last-child .dropdown-menu .dropdown-item:hover {
        color: #444
    }
}

@media (max-width: 624px) {
    .initial-class .navbar .nav-item.dropdown:first-child {
        margin-bottom: 0;
        padding-right: 10px;
        padding-left : 11px
    }

    .initial-class .navbar .nav-item.dropdown:first-child:hover a {
        color: #fff
    }

    .initial-class .navbar .nav-item.dropdown:first-child.active.show {
        background-color: transparent !important;
        border-radius   : 0;
        border          : 0;
        padding         : 0
    }

    .initial-class .navbar .nav-item.dropdown:first-child .dropdown-menu {
        font-size       : 1em;
        color           : #fff !important;
        min-width       : auto;
        background-color: transparent !important;
        border-radius   : 0;
        border          : 0;
        padding         : 0
    }

    .initial-class .navbar .nav-item.dropdown:first-child .dropdown-menu .dropdown-item {
        text-align : left !important;
        margin-left: 40px
    }

    .initial-class .navbar .nav-item.dropdown:first-child .dropdown-menu .dropdown-item:last-child:hover {
        border-radius: 0
    }

    .initial-class .navbar .nav-item.dropdown:first-child .dropdown-menu .dropdown-item:hover {
        color: #444
    }

    .initial-class .navbar .nav-item.dropdown:last-child {
        margin-bottom   : 0;
        padding-right   : 10px;
        padding-left    : 10px;
        background-color: #C51F48 !important;
        border          : 1px solid #fff;
        border-radius   : 8px
    }

    .initial-class .navbar .nav-item.dropdown:last-child a {
        color: #fff !important
    }

    .initial-class .navbar .nav-item.dropdown:last-child.show {
        padding-right: 8.7px;
        padding-left : 10px
    }

    .initial-class .navbar .nav-item.dropdown:last-child .dropdown-menu {
        font-size       : 1em;
        color           : #fff !important;
        min-width       : auto;
        background-color: #C51F48;
        border          : 0;
        margin          : 0 !important;
        padding         : 0 !important
    }

    .initial-class .navbar .nav-item.dropdown:last-child .dropdown-menu .dropdown-item {
        padding-left : 20px !important;
        padding-right: 20px !important
    }

    .initial-class .navbar .nav-item.dropdown:last-child .dropdown-menu .dropdown-item:last-child:hover {
        -webkit-border-top-left-radius    : 0;
        -webkit-border-top-right-radius   : 0;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius : 8px;
        -moz-border-radius-topleft        : 0;
        -moz-border-radius-topright       : 0;
        -moz-border-radius-bottomright    : 8px;
        -moz-border-radius-bottomleft     : 8px;
        border-top-left-radius            : 0;
        border-top-right-radius           : 0;
        border-bottom-right-radius        : 8px;
        border-bottom-left-radius         : 8px
    }

    .initial-class .navbar .nav-item.dropdown:last-child .dropdown-menu .dropdown-item:hover {
        color           : #444;
        background-color: #af1a3d
    }
}

.initial-class .navbar ul .nav-item,
.initial-class .navbar ul .nav-item.dropdown {
    font-size: 1.083em
}

@media (max-width: 624px) {

    .initial-class .navbar ul .nav-item,
    .initial-class .navbar ul .nav-item.dropdown {
        text-align: left;
        font-size : 2em
    }
}

@media (max-width: 624px) {

    .initial-class .navbar ul .nav-item a,
    .initial-class .navbar ul .nav-item.dropdown a {
        color: #fff !important;
    }
}

@media (min-width: 896px) {

    .initial-class .navbar ul .nav-item a,
    .initial-class .navbar ul .nav-item.dropdown a {
        color: #fff
    }

    .initial-class .navbar ul .nav-item a:hover,
    .initial-class .navbar ul .nav-item.dropdown a:hover {
        color       : #fff !important;
        border-color: #fff !important
    }
}

.initial-class .navbar ul .nav-item.active:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #1666AE
}

.initial-class .navbar ul .nav-item:not(:first-child):not(:last-child):hover {
    border-bottom: 2px solid #1666AE
}

@media (max-width: 624px) {
    .initial-class .navbar ul .nav-item:not(:first-child):not(:last-child):hover {
        border-color: #fff
    }
}

.initial-class .navbar ul .nav-item:not(:first-child):not(:last-child):hover a.nav-link {
    color         : #fff;
    padding-bottom: 6px;
    transition    : none
}

@media (max-width: 624px) {
    .initial-class .navbar ul .nav-item:not(:first-child):not(:last-child) {
        margin-left: 10px
    }
}

.initial-class .navbar ul .nav-item:not(:last-child) {
    margin-right: 20px
}

.initial-class .navbar ul .nav-item:hover a {
    color: #fff
}

.initial-class .owl-theme {
    position: static !important
}

.home .initial-class .owl-theme .owl-dots {
    position: absolute
}

@media (max-width: 624px) {
    .home .initial-class .owl-theme .owl-dots {
        left     : 50%;
        transform: translateX(-50%);
        bottom   : 0
    }
}

@media (min-width: 1024px) {
    .home .initial-class .owl-theme .owl-dots {
        text-align: right;
        bottom    : 20px !important;
        right     : 30px !important
    }
}

.show-menu {
    width             : 100%;
    background        : #fff;
    padding-bottom    : 20px;
    position          : fixed !important;
    top               : 0;
    z-index           : 9;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow   : 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow        : 0px 0px 5px 0px rgba(0, 0, 0, 0.2)
}

.show-menu .socials a {
    color: #003E69 !important
}

.show-menu .socials a:hover {
    color: #003E69
}

.show-menu ul .nav-item,
.show-menu ul .nav-item.dropdown {
    font-size: 1.083em
}

.show-menu ul .nav-item:not(:last-child) a,
.show-menu ul .nav-item.dropdown:not(:last-child) a {
    color: #003E69;
}

.show-menu ul .nav-item:not(:last-child) a:hover,
.show-menu ul .nav-item.dropdown:not(:last-child) a:hover {
    color: #003E69
}

.show-menu ul .nav-item:not(:first-child):not(:last-child) a:hover {
    color: #003E69 !important
}

.show-menu ul .nav-item.dropdown:first-child {
    width           : 90px;
    background-color: transparent;
    border-radius   : 0;
    border          : 0;
    padding-right   : 20px !important;
    padding-left    : 20px;
    padding-top     : 1px !important;
    padding-bottom  : 1px
}

.show-menu ul .nav-item.dropdown:first-child:not(.show) a {
    color: #fff
}

.show-menu ul .nav-item.dropdown:first-child:not(.show) a:hover {
    color: #003E69
}

.show-menu ul .nav-item.dropdown:first-child:not(.show)>a:hover {
    color: #003E69 !important
}

.show-menu ul .nav-item.dropdown:first-child.active.show {
    color        : #fff !important;
    padding-right: 9px;
    padding-left : 10px
}

.show-menu ul .nav-item.dropdown:first-child.active.show a {
    color: #fff
}

.show-menu ul .nav-item.dropdown:first-child.active.show a:hover {
    color: #003E69 !important
}

.show-menu ul .nav-item.dropdown:first-child.active.show>a:hover {
    color: #fff !important
}

.show-menu ul .nav-item.dropdown:first-child.active.show .dropdown-item {
    padding-left : 24px;
    padding-right: 23px
}

.show-menu ul .nav-item.dropdown:first-child.active.show .dropdown-item:last-child:hover {
    -webkit-border-top-left-radius    : 0;
    -webkit-border-top-right-radius   : 0;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius : 8px;
    -moz-border-radius-topleft        : 0;
    -moz-border-radius-topright       : 0;
    -moz-border-radius-bottomright    : 8px;
    -moz-border-radius-bottomleft     : 8px;
    border-top-left-radius            : 0;
    border-top-right-radius           : 0;
    border-bottom-right-radius        : 8px;
    border-bottom-left-radius         : 8px
}

.show-menu ul .nav-item.dropdown:first-child.active.show .dropdown-item:hover {
    color: #444
}

.show-menu ul .nav-item.dropdown:first-child .dropdown-menu {
    font-size       : 1em;
    color           : #444 !important;
    width           : 90px;
    background-color: #f5f5f5;
    border          : 0;
    left            : 50%;
    transform       : translateX(-50%);
    padding         : 0 !important
}

.show-menu ul .nav-item.dropdown:first-child .dropdown-menu:last-child {
    margin-bottom: 10px
}

.show-menu ul .nav-item.dropdown:first-child .dropdown-menu:hover {
    color: #444
}

.show-menu .nav-item.dropdown:last-child {
    color           : #fff;
    width           : 120px;
    background-color: #C51F48;
    border-radius   : 8px;
    border          : 1px solid #fff;
    padding-right   : 20px !important;
    padding-left    : 20px;
    padding-top     : 1px !important;
    padding-bottom  : 1px
}

.show-menu .nav-item.dropdown:last-child.show {
    color        : #fff !important;
    padding-right: 9px;
    padding-left : 10px
}

.show-menu .nav-item.dropdown:last-child.show a {
    color: #fff
}

.show-menu .nav-item.dropdown:last-child.show a:hover {
    color: #C51F48 !important
}

.show-menu .nav-item.dropdown:last-child.show>a:hover {
    color: #fff !important
}

.show-menu .nav-item.dropdown:last-child .dropdown-menu {
    font-size       : 1em;
    color           : #fff !important;
    width           : 120px;
    background-color: #C51F48;
    border          : 1px solid #fff;
    left            : 50%;
    transform       : translateX(-50%);
    padding         : 0
}

.show-menu .nav-item.dropdown:last-child .dropdown-menu .dropdown-item {
    color: #fff
}

.show-menu .nav-item.dropdown:last-child .dropdown-menu .dropdown-item a {
    color: #fff !important
}

.show-menu .nav-item.dropdown:last-child .dropdown-menu .dropdown-item:hover {
    color: #444
}

h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size  : 3em
}

h1 a {
    color: #fff
}

h1 a:hover {
    color          : #fff;
    text-decoration: none
}

@media (min-width: 896px) {
    h1 {
        font-size    : 5.333em;
        margin-top   : 30px;
        margin-bottom: 50px
    }

    .initial-class h1 {
        font-size: 3em
    }
}

/* p {
    font-size  : 1.5em;
    color      : #212529;
    font-weight: 300;
    margin-top : 30px
} */

@media (min-width: 896px) {
    p {
        font-size    : 2em;
        /* margin-bottom: 60px */
    }
}

.action {
    margin-top   : 120px !important;
    margin-bottom: 60px
}

@media (min-width: 896px) {
    .grid {
        display: grid !important
    }
}

@media (min-width: 896px) {
    .news-class .columns {
        grid-gap             : 10px;
        grid-template-columns: 2fr 1fr 1fr;
        grid-template-rows   : 1fr;
        grid-template-areas  : "big small small""big small small";
        padding-top          : 60px
    }
}

@media (min-width: 896px) and (min-width: 1366px) and (max-width: 1919px) {
    .news-class .columns {
        max-height: 90% !important
    }
}

.news-class .card {
    background-color: #012d4d;
    border-radius   : 20px;
    overflow        : hidden
}

.news-class .card:first-child {
    grid-area: big
}

.news-class .card h2 {
    font-size  : 1em;
    font-weight: bold;
    margin-top : 10px
}

.news-class .card h2 a {
    color: #fff
}

.news-class .card p {
    font-weight: 300;
    color      : #fff
}

.news-class .card:first-child h2 {
    font-size : 2.5em;
    margin-top: 5%
}

.news-class .card:first-child p {
    font-size: 1.667em
}

.news-class .card:not(:first-child) h2 {
    font-size: 1.5em
}

.news-class .card:not(:first-child) h2 a {
    font-size: 1em
}

.news-class .card:not(:first-child) a {
    font-size: 0.8em
}

.news-class .card:not(:first-child) p {
    font-size: 1em
}

.news-class .card .card-news {
    width     : 100%;
    height    : 100%;
    min-width : 100%;
    min-height: 100%;
    position  : relative
}

.news-class .card .card-news .content {
    width     : 100%;
    height    : 100%;
    min-width : 100%;
    min-height: 100%;
    position  : relative;
    padding   : 20px;
    z-index   : 1
}

.news-class .card .card-news img {
    min-height: 100%;
    opacity   : 0.4;
    position  : absolute;
    top       : 0;
    left      : 0;
    z-index   : 0;
    object-fit: cover
}

@media (max-width: 624px) {
    .news-class .card {
        margin-bottom: 20px
    }
}

p {
    /* line-height: 1.285em */
}

@media (min-width: 896px) {
    h1 {
        font-size  : 2.428em;
        line-height: 1.235em
    }
}

.wrapper {
    height: 100%
}

.wrapper::after {
    content: ''
}

.fancybox-slide--iframe .fancybox-content {
    max-height: 99% !important;
    margin    : 0
}

.-pilled {
    border-radius: 90px
}

.read-more {
    font-size  : 0.78rem;
    font-weight: 300;
    color      : #fff;
    background : #003E69;
    border     : 1px solid #fff !important;
    padding    : 5px 20px
}

.read-more:hover {
    color          : #fff;
    background     : #0066b1;
    text-decoration: none
}

[class*="col-"] {
    padding: 1rem
}

.card.-shadow {
    border            : 0;
    border-radius     : 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow   : 0px 0px 5px 0px rgba(0, 0, 0, 0.14);
    box-shadow        : 0px 0px 5px 0px rgba(0, 0, 0, 0.14)
}

.card.-shadow-big {
    border            : 0;
    border-radius     : 0;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(172, 172, 172, 0.15);
    -moz-box-shadow   : 10px 10px 5px 0px rgba(172, 172, 172, 0.15);
    box-shadow        : 10px 10px 5px 0px rgba(172, 172, 172, 0.15)
}

.owl-prev i,
.owl-next i {
    font-size: 4em !important;
    color    : #ccc
}

.owl-prev i:hover,
.owl-next i:hover {
    background: transparent
}

.customers-class .owl-stage {
    display    : flex;
    align-items: center
}

.owl-carousel .caption {
    text-align: center
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background-color: transparent
}

.owl-theme .owl-nav [class*='owl-']:focus,
.owl-theme .owl-nav [class*='owl-']:active {
    outline: 0
}

header .top-bar {
    padding : 0;
    position: relative;
    z-index : 5
}

header .top-bar li a {
    font-size   : 1.2em;
    color       : #375799;
    margin-right: 5px
}

header .toggle-menu {
    width           : 100%;
    background-color: #143a60;
    padding-top     : 21px
}

header .toggle-menu a {
    color: #fff
}

header .socials li:not(:last-child) {
    margin-right: 20px
}

header .socials li a {
    font-size: 1.5em;
    color    : #143a60
}

@media (max-width: 624px) {
    header .socials {
        position : absolute !important;
        top      : 90%;
        left     : 50%;
        transform: translateX(-50%)
    }
}

header .navbar .navbar-toggler {
    background-color: transparent;
    border          : 0
}

header .navbar .navbar-toggler:focus,
header .navbar .navbar-toggler:active {
    border : 0;
    outline: transparent
}

header .navbar .navbar-brand {
    z-index: 9 !important
}

header .navbar .menu-btn {
    position       : relative;
    display        : flex !important;
    justify-content: center !important;
    align-items    : center !important;
    width          : 50px;
    height         : 50px;
    cursor         : pointer;
    transition     : all .5s ease-in-out;
    z-index        : 9 !important
}

header .navbar .menu-btn .btn-burger {
    width           : 50px;
    height          : 3px;
    background-color: #143a60;
    box-shadow      : 0 2px 5px rgba(255, 141, 47, 0.2);
    transition      : all .5s ease-in-out
}

@media (max-width: 480px) {
    header .navbar .menu-btn .btn-burger {
        width: 30px
    }
}

header .navbar .menu-btn .btn-burger::before,
header .navbar .menu-btn .btn-burger::after {
    content         : '';
    position        : absolute;
    width           : 50px;
    height          : 3px;
    background-color: #003E6A;
    transition      : all .5s ease-in-out
}

@media (max-width: 480px) {

    header .navbar .menu-btn .btn-burger::before,
    header .navbar .menu-btn .btn-burger::after {
        width: 30px
    }
}

header .navbar .menu-btn .btn-burger::before {
    transform: translate(-50%, -16px) !important
}

header .navbar .menu-btn .btn-burger::after {
    transform: translate(-50%, 16px) !important
}

header .navbar .menu-btn.open .btn-burger {
    background-color: #143a60 !important;
    transform       : translateX(-50%);
    box-shadow      : none
}

header .navbar .menu-btn.open .btn-burger::before,
header .navbar .menu-btn.open .btn-burger::after {
    background-color: #143a60 !important
}

header .navbar .menu-btn.open .btn-burger::before {
    transform: rotate(45deg) translate(5px, -5px) !important
}

header .navbar .menu-btn.open .btn-burger::after {
    transform: rotate(-45deg) translate(5px, 5px) !important
}

@media (max-width: 624px) {
    header .navbar .navbar-collapse {
        background-color: #fff !important;
        position        : fixed;
        width           : 100vw !important;
        height          : 100vh !important;
        top             : 0 !important;
        left            : 100%;
        z-index         : 9 !important;
        transition      : all .5s ease-in-out;
        padding-left    : 20px;
        padding-right   : 20px
    }

    header .navbar .navbar-collapse a {
        color: #134067 !important
    }

    header .navbar .navbar-collapse .btn-burger {
        color: #134067 !important
    }

    header .navbar .navbar-collapse .btn-burger::before,
    header .navbar .navbar-collapse .btn-burger::after {
        color: #134067 !important
    }

    header .navbar .navbar-collapse.open {
        left: 10% !important
    }
}

header .navbar ul .nav-item,
header .navbar ul .nav-item.dropdown {
    font-size: 1.083em
}

header .navbar ul .nav-item a,
header .navbar ul .nav-item.dropdown a {
    color: #fff
}

header .navbar ul .nav-item:not(:last-child) a,
header .navbar ul .nav-item.dropdown:not(:last-child) a {
    color: #003E69
}

header .navbar ul .nav-item:not(:last-child) a:hover,
header .navbar ul .nav-item.dropdown:not(:last-child) a:hover {
    color: #003E69
}

@media (min-width: 896px) {
    header .navbar ul .nav-item.active:not(:first-child):not(:last-child) {
        border-bottom: 5px solid #1666AE
    }

    header .navbar ul .nav-item:not(:last-child) {
        margin-right: 20px
    }

    header .navbar ul .nav-item:hover a {
        color: #fff
    }

    header .navbar ul .nav-item.dropdown:first-child {
        margin-bottom: 0;
        width        : 122px
    }

    header .navbar ul .nav-item.dropdown:first-child.show {
        color                             : #fff !important;
        background-color                  : #1666AE !important;
        -webkit-border-top-left-radius    : 8px;
        -webkit-border-top-right-radius   : 8px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius : 0;
        -moz-border-radius-topleft        : 8px;
        -moz-border-radius-topright       : 8px;
        -moz-border-radius-bottomright    : 0;
        -moz-border-radius-bottomleft     : 0;
        border-top-left-radius            : 8px;
        border-top-right-radius           : 8px;
        border-bottom-right-radius        : 0;
        border-bottom-left-radius         : 0;
        border                            : 1px solid #fff;
        border-bottom                     : 0;
        padding-right                     : 9px;
        padding-left                      : 10px
    }

    header .navbar ul .nav-item.dropdown:first-child.show a {
        color: #fff
    }

    header .navbar ul .nav-item.dropdown:first-child.show .dropdown-toggle {
        color: #fff !important
    }

    header .navbar ul .nav-item.dropdown:first-child .dropdown-menu {
        font-size                         : 1em;
        color                             : #fff !important;
        min-width                         : auto;
        background-color                  : #1666AE;
        -webkit-border-top-left-radius    : 0;
        -webkit-border-top-right-radius   : 0;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius : 8px;
        -moz-border-radius-topleft        : 0;
        -moz-border-radius-topright       : 0;
        -moz-border-radius-bottomright    : 8px;
        -moz-border-radius-bottomleft     : 8px;
        border-top-left-radius            : 0;
        border-top-right-radius           : 0;
        border-bottom-right-radius        : 8px;
        border-bottom-left-radius         : 8px;
        border                            : 1px solid #fff;
        border-top                        : 0;
        left                              : 50%;
        transform                         : translateX(-50%);
        margin                            : 0 !important;
        padding                           : 0 !important
    }

    header .navbar ul .nav-item.dropdown:first-child .dropdown-menu .dropdown-item {
        width: 120px
    }

    .show-menu header .navbar ul .nav-item.dropdown:first-child .dropdown-menu .dropdown-item {
        width: 122px !important
    }

    header .navbar ul .nav-item.dropdown:first-child .dropdown-menu .dropdown-item:last-child:hover {
        -webkit-border-top-left-radius    : 0;
        -webkit-border-top-right-radius   : 0;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius : 8px;
        -moz-border-radius-topleft        : 0;
        -moz-border-radius-topright       : 0;
        -moz-border-radius-bottomright    : 8px;
        -moz-border-radius-bottomleft     : 8px;
        border-top-left-radius            : 0;
        border-top-right-radius           : 0;
        border-bottom-right-radius        : 8px;
        border-bottom-left-radius         : 8px
    }

    header .navbar ul .nav-item.dropdown:first-child .dropdown-menu .dropdown-item:hover {
        color: #444
    }

    header .navbar ul .nav-item.dropdown:last-child {
        width           : 120px;
        margin-bottom   : 0;
        padding-right   : 10px;
        padding-left    : 10px;
        background-color: #C51F48 !important;
        border          : 1px solid #fff;
        border-radius   : 8px
    }

    header .navbar ul .nav-item.dropdown:last-child a {
        color: #fff !important
    }

    header .navbar ul .nav-item.dropdown:last-child .dropdown-toggle {
        color: #fff !important
    }

    header .navbar ul .nav-item.dropdown:last-child.show {
        -webkit-border-top-left-radius    : 8px;
        -webkit-border-top-right-radius   : 8px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius : 0;
        -moz-border-radius-topleft        : 8px;
        -moz-border-radius-topright       : 8px;
        -moz-border-radius-bottomright    : 0;
        -moz-border-radius-bottomleft     : 0;
        border-top-left-radius            : 8px;
        border-top-right-radius           : 8px;
        border-bottom-right-radius        : 0;
        border-bottom-left-radius         : 0;
        border-bottom                     : 0 !important;
        padding-right                     : 8.7px;
        padding-left                      : 10px
    }

    header .navbar ul .nav-item.dropdown:last-child .dropdown-menu {
        font-size                         : 1em;
        color                             : #fff !important;
        min-width                         : auto;
        background-color                  : #C51F48;
        -webkit-border-top-left-radius    : 0;
        -webkit-border-top-right-radius   : 0;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius : 8px;
        -moz-border-radius-topleft        : 0;
        -moz-border-radius-topright       : 0;
        -moz-border-radius-bottomright    : 8px;
        -moz-border-radius-bottomleft     : 8px;
        border-top-left-radius            : 0;
        border-top-right-radius           : 0;
        border-bottom-right-radius        : 8px;
        border-bottom-left-radius         : 8px;
        border                            : 1px solid #fff;
        border-top                        : 0;
        left                              : 50%;
        transform                         : translateX(-50%);
        margin                            : 0 !important;
        padding                           : 0 !important
    }

    header .navbar ul .nav-item.dropdown:last-child .dropdown-menu .dropdown-item {
        width: 118px
    }

    header .navbar ul .nav-item.dropdown:last-child .dropdown-menu .dropdown-item:last-child:hover {
        -webkit-border-top-left-radius    : 0;
        -webkit-border-top-right-radius   : 0;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius : 8px;
        -moz-border-radius-topleft        : 0;
        -moz-border-radius-topright       : 0;
        -moz-border-radius-bottomright    : 8px;
        -moz-border-radius-bottomleft     : 8px;
        border-top-left-radius            : 0;
        border-top-right-radius           : 0;
        border-bottom-right-radius        : 8px;
        border-bottom-left-radius         : 8px
    }

    header .navbar ul .nav-item.dropdown:last-child .dropdown-menu .dropdown-item:hover {
        color: #444
    }
}

@media (max-width: 624px) {
    header .navbar ul {
        font-size: 1.5em
    }

    header .navbar ul a {
        color: #fff
    }

    header .navbar ul .nav-item.dropdown:first-child {
        margin-bottom: 0;
        padding-right: 10px;
        padding-left : 11px
    }

    header .navbar ul .nav-item.dropdown:first-child.active.show {
        background-color: transparent !important;
        border-radius   : 0;
        border          : 0;
        padding         : 0
    }

    header .navbar ul .nav-item.dropdown:first-child .dropdown-menu {
        font-size       : 1em;
        color           : #fff !important;
        min-width       : auto;
        background-color: transparent !important;
        border-radius   : 0;
        border          : 0;
        padding         : 0
    }

    header .navbar ul .nav-item.dropdown:first-child .dropdown-menu .dropdown-item {
        text-align : left !important;
        margin-left: 40px
    }

    header .navbar ul .nav-item.dropdown:first-child .dropdown-menu .dropdown-item:last-child:hover {
        border-radius: 0
    }

    header .navbar ul .nav-item.dropdown:first-child .dropdown-menu .dropdown-item:hover {
        color: #444
    }

    header .navbar ul .nav-item.dropdown:last-child {
        margin-bottom   : 0;
        padding-right   : 10px;
        padding-left    : 10px;
        background-color: #C51F48 !important;
        border          : 1px solid #fff;
        border-radius   : 8px
    }

    header .navbar ul .nav-item.dropdown:last-child a {
        color: #fff !important
    }

    header .navbar ul .nav-item.dropdown:last-child.show {
        padding-right: 8.7px;
        padding-left : 10px
    }

    header .navbar ul .nav-item.dropdown:last-child .dropdown-menu {
        font-size       : 1em;
        color           : #fff !important;
        min-width       : auto;
        background-color: #C51F48;
        margin          : 0 !important;
        padding         : 0 !important
    }

    header .navbar ul .nav-item.dropdown:last-child .dropdown-menu .dropdown-item {
        padding-left : 20px !important;
        padding-right: 20px !important
    }

    header .navbar ul .nav-item.dropdown:last-child .dropdown-menu .dropdown-item:last-child:hover {
        -webkit-border-top-left-radius    : 0;
        -webkit-border-top-right-radius   : 0;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius : 8px;
        -moz-border-radius-topleft        : 0;
        -moz-border-radius-topright       : 0;
        -moz-border-radius-bottomright    : 8px;
        -moz-border-radius-bottomleft     : 8px;
        border-top-left-radius            : 0;
        border-top-right-radius           : 0;
        border-bottom-right-radius        : 8px;
        border-bottom-left-radius         : 8px
    }

    header .navbar ul .nav-item.dropdown:last-child .dropdown-menu .dropdown-item:hover {
        color: #444
    }
}

.featured .btn {
    color           : #fff;
    background-color: #bb265b
}

.featured .description strong {
    font-weight: 800
}

.featured .btn:hover {
    background-color: #cd2b64
}

.solution h1.title {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color      : #134067;
    text-align : left
}

@media (min-width: 896px) {
    .solution h1.title {
        font-size : 3.75em;
        text-align: center
    }
}

.solution .description {
    font-size : 1.3em;
    color     : #404040;
    text-align: left
}

@media (min-width: 896px) {
    .solution .description {
        font-size : 1.667em;
        text-align: center
    }
}

.solution .card {
    color        : #fff;
    height       : auto;
    box-sizing   : border-box;
    padding      : 0;
    overflow     : hidden;
    float        : left;
    align-items  : center;
    transition   : width 0.2s;
    border-radius: 20px;
    cursor       : pointer
}

.solution .card .card-body {
    min-width       : 100%;
    min-height      : 100%;
    position        : relative;
    background-color: #012d4d
}

.solution .card .card-body .content {
    width     : 100%;
    height    : 100%;
    min-width : 100%;
    min-height: 100%;
    position  : relative;
    padding   : 20px;
    z-index   : 1
}

.solution .card .card-body .content h2.card-title {
    font-size  : 2em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold
}

@media (min-width: 896px) {
    .solution .card .card-body .content h2.card-title {
        font-size: 3.5em
    }
}

.solution .card .card-body img:not(.bg-card) {
    max-width: auto;
    margin   : 0 auto
}

.solution .card .card-body img.bg-card {
    min-height: 100%;
    opacity   : .65;
    position  : absolute;
    top       : 0;
    left      : 0;
    z-index   : 0;
    object-fit: cover
}

@media (min-width: 896px) {
    .solution .card {
        height: 450px
    }
}

.solution .expand {
    width: 48%
}

.solution .unset {
    width: 16%
}

.solution .small {
    width: 15%
}

.solution .small .content a {
    opacity: 0
}

.solution .small .content img:not(.bg-card) {
    margin : 0 auto;
    display: block
}

.solution .small .content h2.card-title {
    font-size: 2em !important
}

.solution .unset>div>p {
    opacity: 0
}

.solution .expand>div {
    transition-delay: 200ms;
    opacity         : 1
}

.actuation-area h2 {
    font-size    : 2.333em;
    font-weight  : bold;
    color        : #1666ae;
    margin-bottom: 40px
}

@media (min-width: 896px) {
    .actuation-area h2 {
        width: 60%
    }
}

.actuation-area ul {
    display: none
}

@media (min-width: 896px) {
    .actuation-area ul {
        grid-template-columns: 1fr 1fr 1fr;
        display              : block
    }
}

.actuation-area ul li {
    font-size    : 1.85em;
    font-weight  : 300;
    margin-bottom: 20px
}

.differentials-class .differential-item {
    border       : none;
    padding      : 0;
    margin-bottom: 0;
}

.differentials-class .differential-item .icon-section {
    min-width      : 100px;
    max-width      : 100px;
    min-height     : 90px;
    max-height     : 90px;
    text-align     : center;
    background     : linear-gradient(to top right, #1666ae, #be224c);
    border-radius  : 10px;
    margin-right   : 20px;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.differentials-class .differential-item h3 {
    font-weight: 800;
    color      : #1666ae;
    text-align : left;
}

.differentials-class .differential-item .icon-section img {
    max-width: 64px;
    filter   : brightness(0) invert(1);
}

.differentials-class .differential-item h3 {
    box-shadow: none;
    font-size : 1.2em;
}

@media (min-width: 896px) {
    .differentials-class .differential-item .icon-section {
        width       : 120px;
        height      : 120px;
        margin-right: 0;
        margin-left : 20px;
    }

    .differentials-class .differential-item .icon-section img {
        max-width: 64px;
    }

    .differentials-class .differential-item .icon-section img {
        margin-top: 0;
    }
}

/* .about-class {
    color: #fff;
    text-align: center;
    background: url("../images/bg-about-mobile.jpg?20220815") no-repeat center center;
    background-size: cover;
    height: 100vh
}

@media (min-width: 896px) {
    .about-class {
        background: url("../images/bg-about.jpg?20220815") no-repeat center center;
        background-size: cover
    }
} */

.about-class h2 {
    font-size    : 2.75em;
    font-family  : 'Montserrat', sans-serif;
    font-weight  : bold;
    margin-bottom: 40px
}

@media (min-width: 896px) {
    .about-class h2 {
        font-size: 3.75em
    }
}

.about-class p {
    font-size: 1.5em
}

@media (min-width: 896px) {
    .about-class p {
        font-size: 2.15em
    }
}

.about-class a {
    margin-top: 40px
}

.compliance-class {
    color          : #fff;
    background     : url("../images/bg-compliance-mobile.jpg?20220815") no-repeat center center;
    background-size: cover;
    height         : 100vh
}

@media (min-width: 896px) {
    .compliance-class {
        background     : url("../images/bg-compliance.jpg?20220815") no-repeat center center;
        background-size: cover
    }
}

.compliance-class h2 {
    font-size    : 2.75em;
    font-family  : 'Montserrat', sans-serif;
    font-weight  : bold;
    margin-bottom: 40px
}

@media (min-width: 896px) {
    .compliance-class h2 {
        font-size: 3.75em
    }
}

.compliance-class p {
    font-size: 1.5em
}

@media (min-width: 896px) {
    .compliance-class p {
        font-size: 2.15em
    }
}

.compliance-class a {
    margin-top: 40px
}

/* .security-class {
    color: #fff;
    background: url("../images/bg-security-mobile.jpg?20220815") no-repeat center center;
    background-size: cover;
    height: 100vh
}

@media (min-width: 896px) {
    .security-class {
        background: url("../images/bg-security.jpg?20220815") no-repeat center center;
        background-size: cover
    }
} */

.security-class h2 {
    font-size    : 2.75em;
    font-family  : 'Montserrat', sans-serif;
    font-weight  : bold;
    margin-bottom: 40px
}

@media (min-width: 896px) {
    .security-class h2 {
        font-size: 3.75em
    }
}

.security-class p {
    font-size: 1.5em
}

@media (min-width: 896px) {
    .security-class p {
        font-size: 2.15em
    }
}

/* .security-class a {
    margin-top: 40px
} */

.products .card {
    border            : 0;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow   : 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow        : 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    margin-bottom     : 15px
}

.products .card-header {
    background   : transparent;
    border-radius: 0;
    border       : 0
}

.products .card-body {
    font-size     : 1.4em;
    color         : #fff;
    background    : #e41848;
    background    : -moz-linear-gradient(top, #e41848 0%, #99326b 66%);
    background    : -webkit-linear-gradient(top, #e41848 0%, #99326b 66%);
    background    : linear-gradient(to bottom, #e41848 0%, #99326b 66%);
    filter        : progid:DXImageTransform.Microsoft.gradient(startColorstr='#e41848', endColorstr='#99326b', GradientType=0);
    padding-top   : 120px;
    padding-bottom: 120px
}

.products .card-body .btn {
    background-color  : #fff;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow   : 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
    box-shadow        : 0px 0px 12px 0px rgba(0, 0, 0, 0.15)
}

.integrity-program h1 {
    font-size: 1.8em;
    color    : #362e43
}

.integrity-program p {
    font-size  : 2.714em;
    font-weight: 700;
    color      : #ef3859
}

.integrity-program .btn {
    font-size       : 1.428em;
    font-weight     : 600;
    color           : #fff;
    background-color: #ef3859 !important
}

.integrity-program .btn:hover {
    background-color: #dd3551 !important
}

.internal .integrity-program {
    background: #362e43 !important
}

.internal .integrity-program p.description {
    font-size  : 1.285em;
    font-weight: 600;
    color      : #fff
}

.internal .integrity-program .btn {
    font-size       : 1em;
    font-weight     : 600;
    color           : #fff;
    background-color: #ef4a23
}

.sp-pc-post-title {
    font-size  : 1.3em !important;
    font-weight: 600 !important;
    color      : #143a60 !important
}

.owl-item img {
    width: auto !important
}

@media (min-width: 896px) {
    .owl-item img {
        width: 100%
    }
}

.owl-theme .owl-dots .owl-dot span {
    width                      : 12px;
    height                     : 12px;
    margin                     : 5px 7px;
    background                 : #eee;
    display                    : block;
    -webkit-backface-visibility: visible;
    transition                 : opacity 200ms ease;
    border-radius              : 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #e51848
}

.owl-prev,
.owl-next {
    position : absolute;
    top      : 50%;
    transform: translateY(-50%);
    display  : block !important;
    border   : 0px solid black
}

.owl-prev {
    left: -20px
}

.owl-next {
    right: -20px
}

.customers h1 {
    font-size  : 2.142em;
    font-weight: 600;
    color      : #143a60
}

.customers .carousel {
    background-color: #f4f4f4
}

.customers .carousel span[class^='carousel-control-'] {
    color: #999
}

footer {
    position: relative
}

footer .footer-border {
    border-top: 2px solid #707070;
}

footer .footer-block {
    margin-bottom: 50px
}

@media (min-width: 896px) {
    footer .footer-block {
        margin-bottom: 0
    }
}

footer h1 {
    font-size    : 2.5em;
    margin-bottom: 30px
}

footer h2 {
    font-size  : 1em;
    font-weight: 400;
    color      : #5c5c5c
}

@media (min-width: 896px) {
    footer h2 {
        font-size: 1.1em
    }
}

footer .socials {
    font-size      : 2.4em;
    text-align     : center;
    margin         : 0 auto;
    justify-content: flex-end;
}

@media (min-width: 896px) {
    footer .socials {
        font-size: 2.4em
    }
}

footer a {
    font-size  : 1em;
    font-weight: 400;
    color      : #1c63aa;
}

footer social-icon {
    color: #134067;
}

footer a:hover {
    color: #1c63aa
}

@media (min-width: 896px) {
    footer a {
        font-size: 1.3em
    }
}

footer .menu-footer {
    font-size  : 1.2em;
    white-space: nowrap
}

footer .menu-footer .navbar-nav a.nav-link {
    color: #4e4e4e
}

@media (max-width: 624px) {
    footer .menu-footer .navbar-nav a.nav-link {
        font-size : 1.8em;
        text-align: left
    }
}

footer .menu-footer .navbar-nav a.nav-link:hover {
    color: #f5f5f5
}

footer address {
    font-size  : 1.3em;
    font-weight: 800;
    color      : #1c63aa
}

@media (min-width: 896px) {
    footer address {
        font-size: 0.9rem
    }
}

footer .hours {
    font-size  : 1em;
    font-weight: 500;
    color      : #1c63aa
}

footer .hours h2 {
    font-size: 1.3em
}

@media (min-width: 896px) {
    footer .hours {
        font-size: 0.75rem
    }
}

footer .btn {
    font-size       : 0.829em;
    font-weight     : 600;
    color           : #0067b2;
    background-color: #fff
}

footer .copyright {
    background-color: #1c63aa;
}

footer .copyright p {
    font-size  : 1.1em;
    font-weight: 400;
    color      : #fff;
    margin     : 0;
    padding    : 0
}

@media (min-width: 896px) {
    footer .copyright p {
        font-size: 1.1em
    }
}

footer .menu-bottom {
    border-top: 2px solid #143A60
}

footer .menu-bottom ul {
    width: 100% !important
}

footer .menu-bottom li {
    width : 50%;
    margin: 0 auto !important
}

footer .menu-bottom li:first-child {
    border-right: 2px solid #143A60
}

footer .menu-bottom a {
    font-size  : 0.857em;
    font-weight: 500;
    color      : #fff;
    margin     : auto !important
}

.history .title {
    font-size  : 1.142em;
    font-weight: 800;
    color      : #365498
}

.history .description {
    color: #626262
}

.security h1.title {
    font-size  : 2.428em;
    font-weight: 700 !important;
    color      : #143a60
}

.security h1 span.text-featured {
    color: #df1043
}

.security .description {
    font-size: 1.1em
}

.security .description strong {
    font-weight: 800;
    color      : #003e69
}

.security .btn {
    font-size       : 1.428em;
    font-weight     : 600;
    background-color: #e61818
}

.security .btn:hover {
    background-color: #ed1348
}

.decoder .title {
    font-size  : 1.285em;
    font-weight: 600;
    color      : #365498
}

.decoder .description {
    font-size  : 1.285em;
    font-weight: 500;
    color      : #626262
}

.decoder .description strong {
    color: #df1043
}

.decoded-informations .title {
    font-size  : 1.285em;
    font-weight: 600;
    color      : #143a60
}

.decoded-informations .title span {
    color: #df1043
}

.decoded-informations ul li,
.decoded-informations .description {
    font-size  : 1.1em;
    font-weight: 500;
    color      : #626262
}

.benefits .description {
    font-size  : 1.1em;
    font-weight: 500;
    color      : #626262
}

i.gradient-fas {
    background             : -moz-linear-gradient(left, #1f70b4 0%, #e51848 100%);
    background             : -webkit-linear-gradient(left, #1f70b4 0%, #e51848 100%);
    background             : linear-gradient(to right, #1f70b4 0%, #e51848 100%);
    filter                 : progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f70b4', endColorstr='#e51848', GradientType=1);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.decoded-informations h2 {
    font-size  : 1em;
    font-weight: 600;
    color      : #143a60
}

.benefits .title {
    font-size  : 1.285em;
    font-weight: 600;
    color      : #df1043
}

.benefits i {
    font-size     : 2em;
    vertical-align: middle
}

.send-message .title {
    font-size  : 1.142em;
    font-weight: 600;
    color      : #df1043
}

.send-message .description {
    font-size: 1em;
    color    : #5f5f5f
}

.send-message .btn {
    font-size       : 1em;
    font-weight     : 700;
    color           : #fff;
    background-color: #e51848
}

.send-message .btn:hover {
    color           : #fff;
    background-color: #f51c4f
}

.about-autoanalytics h1 {
    font-size  : 1.5em;
    font-weight: 700;
    color      : #365498
}

.about-autoanalytics h2 {
    font-size  : 1.214em;
    font-weight: 700;
    color      : #e51848
}

.about-autoanalytics .description {
    font-size: 1.285em;
    color    : #464646
}

.about-autoanalytics .description span {
    color: #143a60
}

.about-autoanalytics .btn {
    font-size       : 1.285em;
    font-weight     : 700;
    color           : #fff;
    background-color: #df1043
}

.about-autoanalytics .btn:hover {
    background-color: #ed1348
}

.recall .description {
    font-weight: 500;
    color      : #626262
}

.recall .description strong {
    color: #003e69
}

.recall-info .container {
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8 0%, #fff 47%, #fff 100%);
    background: -webkit-linear-gradient(top, #f8f8f8 0%, #fff 47%, #fff 100%);
    background: linear-gradient(to bottom, #f8f8f8 0%, #fff 47%, #fff 100%);
    filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#ffffff', GradientType=0);
    border-top: 1px solid #b2b2b2
}

.recall-info .description {
    font-size  : 0.857em;
    font-weight: 600;
    color      : #626262
}

.recall-info .title {
    font-size  : 1.071em;
    font-weight: 700;
    color      : #20567c
}

.econtrato .title {
    font-size  : 1.857em;
    font-weight: 800;
    color      : #143a60
}

.econtrato h2 {
    font-size  : 1.657em;
    font-weight: 700;
    color      : #df1043
}

.econtrato .description {
    font-size: 1.285em;
    color    : #606060
}

.econtrato .description strong {
    color: #606060
}

.econtrato-informations .title {
    font-size  : 1.285em;
    font-weight: 700
}

.econtrato-informations .owl-theme img {
    width: auto
}

.econtrato-informations .card .title {
    font-size  : 1.285em;
    font-weight: 800;
    color      : #375799
}

.econtrato-informations .description {
    font-size: 1.285em;
    color    : #626262
}

.where-are .title {
    font-size  : 2.857em;
    font-weight: 800
}

.where-are .subtitle {
    font-size  : 1.714em;
    font-weight: 500;
    color      : #375799
}

.where-are .locations span {
    font-size  : 1.428em;
    font-weight: 700;
    color      : #375799;
    background : #ffffff;
    background : -moz-linear-gradient(top, #fff 50%, #e2e2e2 100%);
    background : -webkit-linear-gradient(top, #fff 50%, #e2e2e2 100%);
    background : linear-gradient(to bottom, #fff 50%, #e2e2e2 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0)
}

.where-are .locations i {
    font-size     : 2.5em;
    color         : #e51949;
    vertical-align: middle
}

.econtrato-benefits .title {
    font-size  : 2.285em;
    font-weight: 700;
    color      : #e51949
}

.econtrato-benefits .description {
    font-size: 1.285em;
    color    : #505050
}

.econtrato-benefits .owl-theme .owl-dots .owl-dot span {
    width        : 120px;
    height       : 5px;
    border-radius: 0
}

.personal-service .title {
    font-size  : 1.517em;
    font-weight: 700;
    color      : #143a60
}

.personal-service .subtitle {
    font-size: 1.428em;
    color    : #375799
}

.personal-service span {
    font-size  : 1.322em;
    font-weight: 600;
    color      : #0067b2
}

.personal-service .send-message .title {
    font-size  : 1.571em;
    font-weight: 700;
    color      : #df1043
}

.personal-service .send-message .description {
    font-size: 1.285em;
    color    : #5f5f5f
}

.integrity .title {
    font-size  : 1.517em;
    font-weight: 800;
    color      : #143a60
}

.integrity .title span.text-featured {
    color: #df1043
}

.integrity .description {
    font-size  : 1em;
    font-weight: 500;
    color      : #464646
}

.integrity .description.subtext {
    font-weight: 500;
    color      : #626262
}

.integrity .description strong {
    font-weight: 800;
    color      : #e2345a
}

.integrity-informations .description strong {
    font-weight: 800;
    color      : #e2345a
}

.integrity .description span strong,
.integrity-informations .description span strong {
    color: #143a60
}

.bg-guide {
    font-size  : 1em;
    font-weight: 800;
    color      : #365498;
    background : url("../images/bg-guide.png?20220815") no-repeat right 50%
}

.no-bg {
    background: 0
}

.integrity-informations .title {
    font-size  : 1em;
    font-weight: 800
}

.integrity-informations ol {
    list-style   : none;
    counter-reset: my-awesome-counter
}

.integrity-informations ol li {
    font-size        : 1em;
    font-weight      : 500;
    color            : #626262;
    counter-increment: my-awesome-counter
}

.integrity-informations ol li::before {
    content    : counter(my-awesome-counter) ". ";
    color      : #e51848;
    font-weight: 800
}

.integrity-informations .btn {
    font-size       : 1em;
    font-weight     : 500;
    color           : #fff;
    background-color: #0069b4;
    display         : block
}

.verifikey .description {
    font-size  : 1.285em;
    font-weight: 500;
    color      : #727272
}

.verifikey .description.subtitle {
    font-size  : 1.285em;
    font-weight: 800;
    color      : #000
}

.cellphone-informations {
    color     : #fff;
    background: #134067;
    background: -moz-linear-gradient(top, #fff 0%, #fff 15%, #fff 15%, #134067 15%, #134067 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #fff 15%, #fff 15%, #134067 15%, #134067 100%);
    background: linear-gradient(to bottom, #fff 0%, #fff 15%, #fff 15%, #134067 15%, #134067 100%);
    filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#134067', GradientType=0)
}

.cellphone-informations .title {
    font-size  : 1.857em;
    font-weight: 800;
    color      : #fff
}

.cellphone-informations .description {
    font-size: 1.142em
}

@media (max-width: 896px) {
    .cellphone-informations .description {
        color: #fff !important
    }
}

.cellphone-informations .border-bottom {
    border-color: #00b55a !important
}

.how-works h1.title {
    font-size  : 2.571em;
    font-weight: 800
}

.how-works h2.title {
    font-size  : 1.714em;
    font-weight: 700
}

.how-works .description {
    font-size  : 1.714em;
    font-weight: 500;
    color      : #727272
}

.verifikey-benefits .title {
    font-size  : 1.928em;
    font-weight: 800;
    color      : #000
}

.verifikey-benefits i.gradient-fas {
    background             : #7eea7d;
    background             : -moz-linear-gradient(-45deg, #7eea7d 50%, #00b55a 100%);
    background             : -webkit-linear-gradient(-45deg, #7eea7d 50%, #00b55a 100%);
    background             : linear-gradient(135deg, #7eea7d 50%, #00b55a 100%);
    filter                 : progid:DXImageTransform.Microsoft.gradient(startColorstr='#7eea7d', endColorstr='#00b55a', GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.verifikey-benefits .owl-theme .owl-dots .owl-dot span {
    width        : 90px;
    height       : 5px;
    border-radius: 0
}

.verifikey-benefits .owl-carousel .item .card-body {
    min-height: auto
}

.econtrato-benefits .owl-carousel .item .card-body {
    min-height: auto
}

.verifikey-benefits .owl-theme .owl-dots .owl-dot.active span,
.verifikey-benefits .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #00b55a
}

.verifykey-message.send-message .title {
    font-size  : 1.571em;
    font-weight: 700;
    color      : #000
}

.verifykey-message.send-message .description {
    font-size  : 1.428em;
    font-weight: 500;
    color      : #5f5f5f
}

.verifykey-message.send-message .btn {
    background-color: #00b55a
}

.verifykey-message.send-message .btn.outline {
    font-size  : 1.428em;
    font-weight: 600;
    color      : #000;
    border     : 2px solid #000;
    background : none
}

.parent-container {
    height  : 150px;
    position: relative !important
}

.video-embed {
    left    : 0;
    right   : 0;
    top     : -1px;
    bottom  : -1px;
    position: absolute
}

.video-embed::before {
    content       : "";
    display       : block;
    height        : 0px;
    padding-bottom: 56.25% !important
}

video {
    width            : 100%;
    height           : 150px;
    position         : absolute !important;
    top              : 0px !important;
    left             : 50% !important;
    -moz-transform   : translate(-50%, 0%) !important;
    -ms-transform    : translate(-50%, 0%) !important;
    -webkit-transform: translate(-50%, 0%) !important;
    transform        : translate(-50%, 0%) !important
}

@media (min-width: 768px) {
    header .toggle-menu {
        background-color: transparent;
        padding-top     : 20px;
        padding-bottom  : 20px
    }

    header .nav-item {
        margin-right: 40px
    }

    header .nav-item:not(:last-child) {
        width        : auto;
        border-bottom: 0
    }

    header .nav-item .nav-link {
        font-size: 1.142em;
        color    : #003E69 !important
    }

    header .menu .dropdown-menu {
        margin-top: -15px
    }

    header .order-nav {
        width: auto !important
    }

    header .btn {
        font-size  : 0.9em !important;
        font-weight: 600;
        background : #b33559;
        background : -moz-linear-gradient(45deg, #b33559 0%, #375799 75%);
        background : -webkit-linear-gradient(45deg, #b33559 0%, #375799 75%);
        background : linear-gradient(45deg, #b33559 0%, #375799 75%);
        filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#b33559', endColorstr='#375799', GradientType=1)
    }

    footer address {
        font-size: 1.071em
    }
}

@media (min-width: 768px) and (min-width: 896px) {
    footer address {
        font-size: 1rem !important
    }
}

@media (min-width: 768px) {
    footer .copyright {
        font-size: 1em
    }

    footer ul li a {
        font-size  : 1em;
        font-weight: 500
    }

    .cellphone-informations.d-lg-flex h1 {
        font-size: 1.285em
    }
}

@media (min-width: 992px) {
    header .btn {
        font-size: 1.143em
    }

    .list-products>div {
        -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow   : 0 5px 5px 0 rgba(0, 0, 0, 0.05);
        box-shadow        : 0 5px 5px 0 rgba(0, 0, 0, 0.1);
        padding-top       : 50px;
        padding-bottom    : 50px
    }

    .list-products p.description {
        width    : 50%;
        font-size: 1.285em
    }

    .modal-products {
        font-size: 1.142em;
        color    : #fff;
        position : absolute
    }

    .modal-products .modal-dialog {
        min-width : 100%;
        background: #0067b2;
        background: -moz-linear-gradient(45deg, #0067b2 0%, #e51848 100%);
        background: -webkit-linear-gradient(45deg, #0067b2 0%, #e51848 100%);
        background: linear-gradient(45deg, #0067b2 0%, #e51848 100%);
        filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#0067b2', endColorstr='#e51848', GradientType=1)
    }

    .modal-products .modal-content,
    .modal-products .modal-body {
        background: 0;
        border    : 0;
        box-shadow: none
    }

    .modal-products .btn {
        font-size         : 0.928em;
        font-weight       : 600;
        color             : #E51848;
        background-color  : #fff;
        -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow   : 0 5px 5px 0 rgba(0, 0, 0, 0.05);
        box-shadow        : 0 5px 5px 0 rgba(0, 0, 0, 0.05)
    }

    .modal-products.modal i {
        font-size: 3em;
        color    : #fff;
        top      : 10px;
        right    : 10px;
        z-index  : 9;
        cursor   : pointer
    }

    .integrity-program {
        background: #e4e4e4;
        background: -moz-linear-gradient(top, #e4e4e4 0%, #fff 100%);
        background: -webkit-linear-gradient(top, #e4e4e4 0%, #fff 100%);
        background: linear-gradient(to bottom, #e4e4e4 0%, #fff 100%);
        filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff', GradientType=0)
    }

    .news figure {
        -webkit-box-shadow: 7px 10px 5px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow   : 7px 10px 5px 0px rgba(0, 0, 0, 0.1);
        box-shadow        : 7px 10px 5px 0px rgba(0, 0, 0, 0.1);
        border-radius     : 30px !important
    }

    .news figure img {
        border-radius: 0 !important
    }

    .news .container-fluid {
        position: relative
    }

    .news .container-fluid .bg-news {
        width     : 100%;
        height    : 140px;
        background: #eee;
        position  : absolute;
        bottom    : -25px;
        left      : 0;
        right     : 0;
        z-index   : -1;
        display   : block
    }

    .news .container-fluid a.read-more {
        font-size: 1.285em;
        color    : #777;
        position : absolute;
        bottom   : -5px;
        z-index  : 2;
        left     : 50%;
        transform: translateX(-50%)
    }

    .news figcaption {
        background-color: #fff
    }
}

@media (min-width: 1200px) {
    .integrity-program {
        background: #e4e4e4;
        background: -moz-linear-gradient(top, #e4e4e4 0%, #fff 100%);
        background: -webkit-linear-gradient(top, #e4e4e4 0%, #fff 100%);
        background: linear-gradient(to bottom, #e4e4e4 0%, #fff 100%);
        filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff', GradientType=0)
    }

    footer address {
        font-size: 1.071em
    }

    footer .copyright {
        font-size: 1em
    }

    footer ul li a {
        font-size  : 1em;
        font-weight: 500
    }

    .history h1.title {
        font-size: 1em
    }

    .history .card {
        min-height: 230px
    }

    .lg-border-right {
        border-right: 2px solid #d7d7d7
    }

    .decoder .title,
    .decoded-informations .title {
        font-size: 2.142em;
        color    : #143a60
    }

    .decoder .description {
        font-size: 1.285em !important;
        color    : #606060
    }

    .decoded-informations .description,
    .decoded-informations li {
        font-size: 1.285em !important;
        color    : #606060
    }

    .benefits .description {
        font-size: 1.285em !important;
        color    : #606060
    }

    .benefits:not(.finance) .card.-shadow {
        border            : 0;
        border-radius     : 0;
        -webkit-box-shadow: none;
        -moz-box-shadow   : none;
        box-shadow        : none
    }

    .benefits .title {
        font-size     : 1.714em;
        font-weight   : 600;
        text-transform: uppercase
    }

    .about-autoanalytics .text-presentation {
        font-size  : 2.285em;
        font-weight: 700
    }

    .list-graphic li {
        font-size: 0.771em !important
    }

    .recall .title {
        font-size  : 2.428em;
        font-weight: 700
    }

    .recall .description {
        font-size: 1.285em
    }

    .recall .description strong {
        color: #003e69
    }

    .recall-info .description {
        font-size  : 1.3em;
        font-weight: 500;
        color      : #626262
    }

    .recall-info .title {
        font-size  : 1.071em;
        font-weight: 700;
        color      : #20567c
    }

    .recall-benefits .title {
        font-size  : 1.857em;
        font-weight: 700
    }

    .econtrato .title {
        font-size: 1.8em
    }

    .econtrato h2 {
        font-size  : 1.8em;
        font-weight: 800
    }

    .econtrato .description {
        font-size: 1.285em
    }

    .econtrato .description.first {
        font-size: 1.285em !important
    }

    .econtrato-informations .title {
        font-size: 1.285em !important
    }

    .econtrato-informations .description.mx-auto {
        width: 60%
    }

    .bg-guide {
        font-size  : 1.142em !important;
        font-weight: 800 !important;
        background : none
    }

    .integrity-informations ol li {
        font-size: 1.142em !important
    }

    .integrity-informations .description {
        font-size: 1.285em !important
    }

    .integrity-informations .btn {
        font-size: 1.142em;
        display  : inline-block
    }

    .border-lg-top {
        border-top: 1px solid #ddd
    }

    .integrity-box {
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.14);
        -moz-box-shadow   : 0px 0px 5px 0px rgba(0, 0, 0, 0.14);
        box-shadow        : 0px 0px 5px 0px rgba(0, 0, 0, 0.14)
    }

    .verifikey .description {
        font-size: 1.285em !important;
        width    : 70%;
        margin   : 15px auto
    }

    .verifikey .description.subtitle {
        font-size: 2.385em !important;
        width    : 70%;
        margin   : 0 auto
    }

    .cellphone-informations.d-lg-flex h1 {
        font-size    : 1.471em;
        color        : #fff;
        border-bottom: 6px solid #fff
    }

    .cellphone-informations.d-lg-flex .left-info {
        margin-top: 150px
    }

    .cellphone-informations.d-lg-flex .right-info {
        margin-top: 150px;
        margin-top: 175px
    }

    .cellphone-informations.d-lg-flex .border-bottom {
        border-color: #fff !important
    }

    .verifykey-message .title {
        font-size: 2.571em !important
    }

    .verifykey-message .description {
        font-size: 1.285em !important
    }

    .parent-container {
        height  : 450px;
        position: relative !important
    }

    .video-embed {
        left    : 0;
        right   : 0;
        top     : -1px;
        bottom  : -1px;
        position: absolute
    }

    .video-embed::before {
        content       : "";
        display       : block;
        height        : 0px;
        padding-bottom: 56.25% !important
    }

    video {
        width            : 100%;
        height           : 450px;
        position         : absolute !important;
        top              : 0px !important;
        left             : 50% !important;
        -moz-transform   : translate(-50%, 0%) !important;
        -ms-transform    : translate(-50%, 0%) !important;
        -webkit-transform: translate(-50%, 0%) !important;
        transform        : translate(-50%, 0%) !important
    }
}

.features-class .feature-item {
    font-size    : 1.3em;
    font-weight  : 300;
    border-radius: 10px;
    padding      : 20px 15px
}

.features-class .feature-item h3 {
    font-size  : 1.1em;
    font-weight: 300
}

.features-class .feature-item h3 strong {
    font-size  : 1.1em;
    color      : #0066b1;
    font-weight: bold
}

.alert-class .alert-primary {
    background-color: #1666AE;
    border-radius   : 20px
}

.alert-class .alert-primary p.description {
    font-style   : oblique;
    color        : #fff;
    text-align   : center;
    margin-bottom: 0
}

.cards-class .card-item {
    min-height   : 160px;
    border-radius: 20px;
    background   : #a43867;
    background   : -moz-linear-gradient(45deg, #134067 0%, #0466af 100%);
    background   : -webkit-linear-gradient(45deg, #134067 0%, #0466af 100%);
    background   : linear-gradient(45deg, #134067 0%, #0466af 100%);
    filter       : progid:DXImageTransform.Microsoft.gradient(startColorstr='#134067', endColorstr='#0466af', GradientType=1);
    padding      : 20px
}

@media (min-width: 896px) {
    .cards-class .card-item {
        min-height: 420px
    }
}

.cards-class .card-item.active {
    background: #a43867;
    background: -moz-linear-gradient(45deg, #a43867 0%, #0466af 100%);
    background: -webkit-linear-gradient(45deg, #a43867 0%, #0466af 100%);
    background: linear-gradient(45deg, #a43867 0%, #0466af 100%);
    filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#a43867', endColorstr='#0466af', GradientType=1)
}

.cards-class .card-item h4 {
    font-size  : 1.742em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color      : #fff;
    margin-top : 10px
}

.cards-class .card-item h5 {
    font-size  : 1.7em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color      : #fff;
    margin-top : 5px
}

.cards-class .card-item p {
    font-size  : 1.3em;
    font-weight: 400;
    color      : #fff;
    margin-top : 5px
}

.cards-class .card-item img.shadow-none {
    background-color: #fff;
    border-radius   : 20px;
    padding         : 10px;
    display         : inline !important
}

.breadcrumb {
    font-size       : 0.75rem;
    background-color: transparent !important;
    margin-bottom   : 0;
    padding-left    : 0;
    padding-bottom  : 0
}

.breadcrumb a {
    font-weight: 300;
    color      : #000
}

@media (min-width: 896px) {
    .breadcrumb {
        font-size: 0.9rem
    }
}

.sharing span {
    font-size  : 1.2em;
    font-weight: 300;
    color      : #404040
}

.sharing li:not(:last-child) {
    margin-right: 40px !important
}

.sharing a {
    color: #444
}

.panel {
    font-size    : 1.3em;
    font-weight  : 300;
    border-radius: 20px
}

.information-security .figure {
    min-width : 100px;
    text-align: center
}

@media (min-width: 896px) {
    .w-md-75 {
        width: 75% !important
    }
}

@media (min-width: 896px) {
    .h-md-100 {
        width: 100% !important
    }
}

@media (min-width: 896px) {
    .border-md-top {
        border-top: 1px solid #ccc !important
    }
}

@media (min-width: 896px) {
    .border-md-none {
        border: none !important
    }
}

.mzrt-shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
}

@media (min-width: 896px) {
    .no-shadow-md {
        box-shadow: none !important
    }
}

@media (max-width: 624px) {
    .no-shadow {
        box-shadow: none !important
    }
}

.body-padding-top {
    padding-top: 85px !important
}

.consent-bar {
    font-size       : 0.8em;
    background-color: rgba(197, 197, 197, 0.7);
    position        : fixed;
    bottom          : 0;
    left            : 0;
    right           : 0;
    z-index         : 10;
    transition      : all .5s ease-in-out
}

.consent-bar p {
    color        : #404040;
    margin-top   : 0;
    margin-bottom: 0
}

.consent-bar p a {
    color: #134067
}

.btn-info {
    background-color: #1666AE;
    border          : 0
}

.btn-info:hover {
    background-color: #145d9e
}

.btn-outline-info {
    color       : #1666AE;
    border-color: #1666AE
}

.btn-outline-info:hover {
    background-color: #1666AE;
    color           : #fff;
}

#cookies-politic,
#private-politic {
    display: none
}

#cookies-politic p,
#private-politic p {
    font-size    : 1.3em;
    color        : #404040;
    text-align   : left;
    margin-bottom: 20px
}

.auth-class h2.subtitle {
    font-size: 2em;
    color    : #0066B1
}

.modals-class {
    font-family: 'Montserrat', sans-serif
}

.modals-class a {
    font-size: 1.1rem;
    color    : #134067
}

.modals-class h1.title {
    font-size  : 2.8rem;
    font-weight: bold;
    color      : #134067
}

.modals-class h2.subtitle {
    font-size  : 1.5rem;
    font-weight: bold;
    color      : #0066B1
}

.modals-class h3 {
    font-size    : 1.2rem;
    font-weight  : bold;
    color        : #0066B1;
    margin-bottom: 10px
}

.modals-class h4 {
    font-size    : 1rem;
    font-weight  : bold;
    color        : #333;
    margin-bottom: 0
}

.modals-class p {
    font-size: 1rem;
    color    : #444 !important;
    margin   : 0 0 20px !important
}

@media (min-width: 896px) {
    .modals-class p {
        font-size: 1.1rem
    }
}

.modals-class table {
    border-collapse                   : collapse;
    -webkit-border-radius             : 10px;
    -moz-border-radius                : 10px;
    -webkit-border-top-left-radius    : 8px;
    -webkit-border-top-right-radius   : 8px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius : 0;
    -moz-border-radius-topleft        : 8px;
    -moz-border-radius-topright       : 8px;
    -moz-border-radius-bottomright    : 0;
    -moz-border-radius-bottomleft     : 0;
    border-top-left-radius            : 8px;
    border-top-right-radius           : 8px;
    border-bottom-right-radius        : 0;
    border-bottom-left-radius         : 0;
    overflow                          : hidden;
    border                            : 0
}

.modals-class table * {
    font-size: 1rem
}

.modals-class table thead tr {
    font-size       : 1rem;
    font-weight     : 600;
    color           : #fff;
    background-color: #1666AE
}

.modals-class ul li {
    font-size: 1rem;
    color    : #444 !important
}

.modals-class a {
    color: #c82c53
}

/* CORREÇÕES MOBILE */
.text-banner {
    font-size  : 4em !important;
    font-weight: 800;
}

.tecnobank-background-text-affirmation {
    background-image   : url("/images/tecnobank/homem-com-seguranca-digital.png");
    background-size    : cover;
    background-position: center center;
    background-repeat  : no-repeat;
    border-radius: 40px;
    position: relative;
}
.tecnobank-background-text-affirmation > .tecnobank-overlay-text-affirmation {
    border-radius: 40px;
    background: linear-gradient(rgba(196, 31, 72, 0.7), rgba(1, 34, 75, 0.7));
    position: absolute;
    top: 0%;
    left:0%;
}

.tecnobank-background-text-affirmation h2{
    position: relative;
    z-index:999;
}
.text-banner-tbk {
    font-size: 1.5em !important;
    line-height: 70px;
    font-weight: 700;
}
.privacy-policy{
    height: 6600px;
}
.policy-cookie{
    height: 3900px !important;
}
.policy-security{
    height: 4800px !important;
}

@media screen and (max-width: 480px) {
    .privacy-policy{
        height: 15000px !important;
    }
    .policy-cookie{
        height: 8400px !important;
    }
    .policy-security{
        height: 12000px  !important;
    }
    .tecnobank-background-text-affirmation h2{
        font-size: 2em !important;
    }

    .text-banner {
        font-size: 3em !important;
    }
    .text-banner-tbk {
        font-size: 1.3em !important;
        line-height: initial;
    }

    .pages-class .icons-class h4 {
        font-size: 1em !important;
    }

    .econtrato-title {
        font-size: 3.4em !important;
    }
}