@charset "utf-8";
/* CSS Document */

/*
==============================
EDGE FIX FOR FIXED BACKGROUNDS
==============================
*/

@supports (-ms-accelerator:true) {
    html {
        height: 100%;
        overflow: hidden;
    }

    body {
        height: 100%;
        overflow: auto;
    }
}

/*
==================================
IE 10/11 FIX FOR FIXED BACKGROUNDS
==================================
*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html {
        height: 100%;
        overflow: hidden;
    }

    body {
        height: 100%;
        overflow: auto;
    }
}

/*
==============
EMBEDDED FONTS
==============
*/

@font-face {
    font-family: RaviFaNum-Bold;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/RaviFaNum-Bold.woff2') format('woff2'), url('../fonts/RaviFaNum-Bold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: RaviFaNum-Medium;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/RaviFaNum-Medium.woff2') format('woff2'), url('../fonts/RaviFaNum-Medium.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: RaviFaNum-Regular;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/RaviFaNum-Regular.woff2') format('woff2'), url('../fonts/RaviFaNum-Regular.woff') format('woff');
    font-display: swap;
}

/*
======================
REDEFINE STANDARD TAGS
======================
*/

* {
    outline: none;
    font-family: 'RaviFaNum-Regular';
    font-size: 1rem;

}

html {
    color: #333;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

@media (max-width: 1600px) {
    html {
        font-size: 14px;
    }
}

@media (max-width: 1160px) {
    html {
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    html {
        font-size: 12px;
    }
}

body {
    /*overflow-x: hidden;*/
}

h1 {
    font-family: 'RaviFaNum-Bold';
    font-size: 2rem;
    color: #252525;
    line-height: 2.5rem;
}

h2 {
    color: #252525;
    font-family: 'RaviFaNum-Bold';
    font-size: 1.5rem;
    padding-bottom: 1rem;
    padding-top: 2rem;
}

h3 {
    font-size: 1rem;
    font-family: RaviFaNum-Medium;
    padding: 0px 0px 1.5rem 0;
}

h4 {
    font-size: 1rem;
    font-family: 'RaviFaNum-Medium';
    margin: 0 0 1.5rem 0;
}

h5 {
    color: #999;
    font-size: 1rem;
    margin: 0;
}

h6 {

}

@media only screen and (max-width: 960px) {
    h1 {
        font-size: 1.875rem;
    }

    h2 {
        font-size: 1.5rem;
    }
}

p {
    font-family: 'RaviFaNum-Regular';
    font-size: 1rem;
    line-height: 2rem;
    margin-bottom: 2rem;
    text-align: justify;
}

/*
======================
BOOTSTRAP UNIT CHANGES
======================
*/

.row {
    margin-right: -1rem;
    margin-left: -1rem;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 1rem;
    padding-left: 1rem;
}

.container {
    max-width: 1170px;
}

.card, .card-header, .card-body, .card-footer, .card-img-top {
    border-radius: 0 !important;
}

/*
================
MEGA MENU SCREEN
================
*/

#sectionHeader {
    border-bottom: 1px solid #EEE;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

#divLogo > img {
    content: url("../images/web/layout/logo.svg");
    width: 7.8125rem;
    height: 5rem;
    cursor: pointer;
}

.menu-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.menu-mobile {
    display: none;
    /*padding: 20px 0 0 0;*/
}

.menu-dropdown-icon > a:before {
    content: url('../images/web/layout/chevron.svg');
    cursor: pointer;
    float: left;
    padding-right: 0.5rem;
}

@media only screen and (min-width: 960px) {

    .menu-dropdown-icon:hover > a:before {
        margin-top: -4.5px;
        transform: rotateX(180deg);
        filter: invert(40%) sepia(29%) saturate(2779%) hue-rotate(321deg) brightness(82%) contrast(91%);
    }
}

.menu > ul {
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
    display: flex;
    justify-content: left;
    margin: 0;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
}

.menu > ul > li a {
    text-decoration: none;
    padding: 1rem 1rem;
    display: block;
    color: #252525;
}

.menu > ul > li > a:hover, .menu > ul > .active > a {
    color: #CA424E;
}

.menu > ul > li > ul {
    background: #FFF;
    border-radius: 0 0 .5rem .5rem;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
    box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
    display: none;
    list-style: none;
    margin: 0;
    padding: 2rem;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 99;
}

/*.menu > ul > li > ul:before,*/
/*.menu > ul > li > ul:after {*/
/*    content: "";*/
/*    display: table;*/
/*}*/

/*!*.menu > ul > li > ul:after {*!*/
/*!*    clear: both;*!*/
/*!*}*!*/

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 50%;
    background: none;
    float: right;
}

.menu > ul > li > ul > li > a {
    color: #252525 !important;
    cursor: default !important;
    display: block;
    font-family: 'RaviFaNum-Medium' !important;
    font-size: 1rem !important;
    padding: 0 !important;
    width: 95%;
}

.menu > ul > li > ul > li > a:after {
    content: "";
    border: 1px solid #CA424E;
    display: block;
    margin: 1rem 0;
    transform: rotate(180deg);
    width: 4rem;
}

.menu > ul > li > ul > li a {
    color: #252525;
    display: block;
    font-size: 0.875rem;
    font-family: 'RaviFaNum-Regular';
    padding: .125rem 0;
}

.menu > ul > li > ul > li a:hover {
    color: #CA424E;
    transition: all .25s;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: 0.8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}

.toggle-bar {
    cursor: pointer;

    top: 2rem;
}

.toggle-bar div {
    background-color: #333;
    width: 24px;
    height: 2px;
    margin: 6px 0;
    transition: 0.4s;
}

.toggle-bar div {
    background-color: #666666;

}

.toggle-bar div {
    background-color: #252525 !important;
}

.change .barTop {
    transform: translate(0, 8px) rotate(-45deg);
}

.change .barMiddle {
    opacity: 0;
}

.change .barBottom {
    transform: translate(0, -8px) rotate(45deg);
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 959px) {

    #divLogo > img {
        content: url("../images/web/layout/logoMobile.svg");
        width: 17.15rem;
        height: 3.43rem;
    }

    .menu-container {
        width: 100%;
    }

    .menu-mobile {
        display: block;
    }

    .menu-dropdown-icon:before {
        display: block;
    }

    .menu > ul {
        display: none;
        right: 0;
        top: 100%;
        position: absolute;
        width: 100%;
        background: #252525;
        margin-top: 1.1rem;
    }

    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }

    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
        color: #FFFFFF;
    }

    .menu > ul > li > a {
        color: #FFF !important;
    }

    .menu > ul > li.active > a {
        color: #CA424E !important;
    }

    .menu > ul > li > a:before {
        margin-top: 0;
        transform: rotateX(0deg);
        filter: invert(1);
    }

    .menu > ul > li.active > a:before {
        margin-top: -4.5px;
        transform: rotateX(180deg);
        filter: invert(40%) sepia(29%) saturate(2779%) hue-rotate(321deg) brightness(82%) contrast(91%);
    }

    .menu > ul > li > ul {
        position: relative;
    }

    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }

    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }

    .menu > ul > li > ul > li > ul {
        position: relative;
    }

    .menu > ul > li > ul > li > ul > li {
        float: none;
    }

    .menu .show-on-mobile {
        display: block;
        z-index: 9999 !important;
    }
}

/*
==============
HEADER SECTION
==============
*/

#sectionLQ {
    position: relative;
}

#divLQ {
    background: #999;
    display: flex;
    flex-wrap: wrap;
    height: 3rem;
    padding: 0;
}

#divLQ * {
    font-size: 0.875rem;
}

#divLQ div {
    height: inherit;
}

#divDarkStretch {

    background: #252525;
    flex-grow: 1;
}

#divLightStretch {

    background: #A7233A;
    flex-grow: 1;
}

#divQuickContact {
    align-items: center;
    background: #252525;
    color: #FFF;
    display: flex;
    flex-direction: row-reverse;
    flex-grow: 1;
    font-family: 'RaviFaNum-Regular';
    padding-left: 1rem;
    text-align: left;
}

#divLanguage {
    background: #A7233A;
    flex-grow: 0;
}

.divLanguageSelector {
    align-items: center;
    display: flex;
    overflow: hidden;
    user-select: none;
}

.ulCurrentLanguage {
    cursor: pointer;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ulCurrentLanguage li {
    display: flex;
    padding: 0.875rem 0 0.875rem 0;
}

.ulCurrentLanguage .liLanguage {
    color: #FFF;
}

.liLanguage span {
    display: flex;
}

.spanChevron {
    filter: brightness(0) invert(1);
    padding: 0 1rem 0 0;
}

.ulLanguages {
    background: #FFF;
    border-radius: 0 0 .5rem .5rem;
    -webkit-box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
    box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
    display: none;
    list-style: none;
    margin-top: 2rem;
    opacity: 0;
    padding: 0.875rem 0 0.5rem 2rem;
    position: absolute;
    right: 0;
    top: 1rem;
    transition: all 0.5s ease;
    z-index: 9999;
}

.ulLanguages li {
    cursor: pointer;
    padding: 1rem;
}

.divLanguageSelector .liLanguage {
    align-items: center;
    display: flex;
    height: auto;
}

.divLanguageSelector .liLanguage i {
    padding-left: .5rem
}

.divLanguageSelector .liLanguage i img {
    width: 1.5rem;
}

.divLanguageSelector.active .ulLanguages {
    opacity: 1;
    display: block;
}

.divLanguageSelector.active .spanChevron img {
    transform: rotate(-180deg);
}

#sectionHeader {
    position: relative;
    background: rgba(255, 255, 255, 1);
}

/*
=================
PROJECTOR SECTION
=================
*/

#sectionHomeProjector {
    z-index: 999;
}

.projectorSwiper .swiper-slide {
    background-color: #fff;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    border-radius: 0;
    height: calc(100vh - 160px);
}

@media (min-width: 641px) and (max-width: 959px) {
    .projectorSwiper .swiper-slide {
        height: calc(75vh - 160px) !important;
    }
}

@media (min-width: 320px) and (max-width: 640px) {
    .projectorSwiper .swiper-slide {
        height: calc(65vh - 160px) !important;
    }
}

.projectorSwiper .swiper-horizontal > .swiper-pagination-bullets, .projectorSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .projectorSwiper .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 2rem;
}

.projectorSwiper .swiper-pagination-bullet {
    background: #A7233A;
}

.projectorSwiper .swiper-button-next, .projectorSwiper .swiper-button-prev {
    background: #FFF;
    border-radius: .5rem;
    color: #A7233A;
    padding: .5rem 1.5rem 1rem 1.5rem;
    top: 50%;
}

.projectorSwiper .swiper-button-prev:after {
    font-size: 2rem;
    line-height: 1;
    content: '\2192' !important;
}

.projectorSwiper .swiper-button-next:after {
    font-size: 2rem;
    line-height: 1;
    content: '\2190' !important;
}

#slideA {
    background-image: url("../images/web/hero/heroA.jpg");
}

#slideB {
    background-image: url("../images/web/hero/heroB.jpg");
}

#slideC {
    background-image: url("../images/web/hero/heroC.jpg");
}

#slideD {
    background-image: url("../images/web/hero/heroD.jpg");
}

#slideE {
    background-image: url("../images/web/hero/heroE.jpg");
}

#slideF {
    background-image: url("../images/web/hero/heroF.jpg");
}

#slideG {
    background-image: url("../images/web/hero/heroG.jpg");
}

/*
===========
LATEST NEWS
===========
*/

#sectionLatestNews {
    padding: 4rem 0 8rem 0;
}

/*
==========
POST CARDS
==========
*/

.postCard img {
    border: 2px solid  transparent;
    border-radius: .5rem;
    transition: all .5s;
}

.postCard figcaption {
    padding: 1rem 0 2rem 0;
}

.postCard figcaption h2 {
    font-family: 'RaviFaNum-Medium';
    font-size: 16px;
    line-height: 2rem;
    padding: 0 0 2rem 0;
}

.postCard figcaption span {
    color: #A7233A;
    display: block;
    font-size: .75rem;
    line-height: 2rem;
}

.postCard:hover img {
    -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 1);
    box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 1);
    cursor: pointer;
}

.postCard:hover {
    cursor: pointer;
}

.postCard a:hover {
    text-decoration: none;
}

.postCard:hover h2 {
    color: #666;
}

.latestNewsSwiper .swiper-horizontal > .swiper-pagination-bullets, .latestNewsSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .latestNewsSwiper .swiper-pagination-custom, .swiper-pagination-fraction {
    top: 90%
}

.latestNewsSwiper .swiper-button-next, .latestNewsSwiper .swiper-button-prev {
    color: #A7233A;
    top: 90%;
}

.latestNewsSwiper .swiper-button-prev:after {
    font-size: 2rem;
    line-height: 1;
    content: '\2192' !important;
}

.latestNewsSwiper .swiper-button-next:after {
    font-size: 2rem;
    line-height: 1;
    content: '\2190' !important;
}

/*
=================
HOME INTRODUCTION
=================
*/

#sectionHomeIntroduction {
    background: url("../images/web/layout/homeIntroductionBG.jpg") bottom left no-repeat fixed;
    background-size: contain;
}

/*@supports (-webkit-text-size-adjust:none) and (font: -apple-system-body) {*/

/*    #sectionHomeIntroduction {*/
/*        transform: translateZ(0);*/
/*        -webkit-transform: translateZ(0);*/
/*        background-size: contain;*/
/*    }*/
/*}*/

#sectionHomeIntroduction .divDataSets {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2rem;
}

#sectionHomeIntroduction .divDataSet {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .5rem;
}

#sectionHomeIntroduction .divDataSetDigit {
    color: #252525;
    font-family: 'RaviFaNum-Bold';
    font-size: 3rem;
}

#sectionHomeIntroduction .divDataSetFirstLine {
    color: #999;
    font-size: .875rem;
}

#sectionHomeIntroduction .divDataSetSecondLine {
    color: #252525;
}

/*
==============
HOME COMPANIES
==============
*/

#sectionHomeCompanies .container {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.companiesSwiper {
    padding: 2rem 0 3rem 0;
}

.companiesSwiper figure {
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 10rem;
    border: 1px solid #EEE;
    background: #F8F8F8;
    transition: all .5s;
    cursor: pointer;
}

.companiesSwiper figure img {
    filter: grayscale(1);
    max-height: 5rem;
    max-width: 8rem;
    transition: all .5s;
}

.companiesSwiper figure:hover {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
    box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
}

.companiesSwiper figure:hover img {
    filter: grayscale(0);
}

.companiesSwiper .swiper-button-next, .companiesSwiper .swiper-button-prev {
    color: #A7233A;
    top: 90%;
}

.companiesSwiper .swiper-button-prev:after {
    font-size: 2rem;
    line-height: 1;
    content: '\2192' !important;
}

.companiesSwiper .swiper-button-next:after {
    font-size: 2rem;
    line-height: 1;
    content: '\2190' !important;
}


.swiper-pagination-bullet {
    transform: scale(.64);
    transition: all .5s;
}

.swiper-pagination-bullet-active {
    background: #A7233A;
    transform: scale(1);
}

/*
============
HOME GLORIES
============
*/

#sectionHomeGlories {
    background: #d1c8b6 url("../images/web/layout/homeGloriesSectionBG.jpg") bottom left no-repeat fixed;
    background-size: contain;
}

#sectionHomeGlories > .container {
    background: #020204 url("../images/web/layout/homeGloriesBG.jpg") bottom left no-repeat;
    padding: 4rem 2rem;
}

/*
==========
ACCORDIONS
==========
*/

.accordion {
    height: auto !important;
}

.accordion-toggle {
    background: #F8F8F8;
    border-right: .5rem solid #A6233A;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0 0 1rem 0;
    padding: 1rem;
    position: relative;
    text-align: right;
    transition: all .5s;
}

.accordion-toggle span {
    color: #B07D55;
}

.accordion-toggle.active:after {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    color: #FFF;
    content: '';
    display: inline-block;
    height: 12px;
    left: 1rem;
    position: absolute;
    top: 1.25rem;
    width: 12px;
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);

}

.accordion-toggle:before {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    color: #999999;
    content: '';
    display: inline-block;
    height: 12px;
    left: 1rem;
    position: absolute;
    top: 1.25rem;
    width: 12px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.accordion-toggle.active {
    background: #A6233A;
    border-right: .5rem solid #A6233A;
    color: #FFF;
}

.accordion-toggle.active:before {
    display: none;
}

.accordion-content {
    display: none;
    padding: 1rem;
    text-align: right;
}

.accordion-content li {
    line-height: 2rem;
    padding: .5rem 0;
}


/*
================
CONTENT SECTIONS
================
*/

.sectionContent {
    padding: 4rem 0;
}

@media (max-width: 576px) {
    .sectionContent {
        padding: 2.5rem 0;
    }
}

.sectionContent p {
    text-align: justify;
}

.divButtonSet {
    display: flex;
    gap: .5rem;
}

.sectionContent .primaryButton {
    background: #A7233A;
    border: 1px solid #A7233A;
    color: #FFF;
    display: inline-block;
    font-size: 1rem;
    padding: 1rem;
    text-decoration: none;
}

.sectionContent .secondaryButton {
    background: #FFF;
    border: 1px solid #A7233A;
    color: #A7233A;
    display: inline-block;
    font-size: 1rem;
    padding: 1rem;
    text-decoration: none;
}


.sectionContent .container-fluid {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.sectionContent dl, .sectionContent ol, .sectionContent ul {
    line-height: 2.5rem;
}

/*
======
TITLES
======
*/

.pSubTitle {
    color: rgb(151, 149, 140);
    font-size: 1rem;
    margin-bottom: 4rem;
}

.underlined:after {
    content: "";
    border: 1px solid #A7233A;
    display: block;
    margin: 1rem 0;
    transform: rotate(180deg);
    width: 4rem;
}

.underlined.text-center:after {
    margin: 1rem auto;
}

.spanDate {
    color: #A7233A;
    display: block;
    font-size: .875rem;
}

.h2NewsTitle {
    font-family: 'RaviFaNum-Medium';
    line-height: 2rem;
    padding: 1rem 0 2rem 0;
}

.divPageTitle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.divPageTitle .breadcrumb {
    margin-top: .5rem;
}

.divPageTitle .spanDate {
    margin: 1rem 0 1.5rem 0;
}



/*
===========
BREADCRUMBS
===========
*/

.breadcrumb {
    padding: 0;
    background: none;
    display: inline;
}

.breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 !important;
    padding: 0;
    align-items: start;
    line-height: 1.4rem !important;
}

.breadcrumb li:not(:last-child)::after {
    display: inline-block;
    margin: 0 .5rem;
    content: "←";
    color: #666;
}

.breadcrumb a {
    color: #666;
    font-size: .875rem;
    transition: all .5s;
}

.breadcrumb a:hover {
    color: #A6233A;
    text-decoration: none;
}

.breadcrumb span {
    color: #999 !important;
    display: block;
    font-size: .875rem;
}

/*
============
ABOUT STYLES
============
*/

#sectionAboutHeader {
    background: url("../images/web/layout/aboutHeader.jpg") no-repeat fixed;
    background-size: cover;
    position: relative;
}

#sectionAboutHeader h1 {
    font-family: 'RaviFaNum-Medium';
    font-size: 2rem;
    color: #FFF;
}

#sectionAboutHeader h6 {
    font-size: .875rem;
    color: #FFF;
    opacity: .5;
}

.divAboutClip {
    /*transform: perspective(600px) rotateY(20deg);*/
    -webkit-box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, .75);
    box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, .75);
    border: .25rem solid #FFF;
    border-radius: 1rem;
}

.divAboutClip iframe {
    border: 0;
}

.divAboutClip * {
    border-radius: 12px;
}

/*
================
COMPANIES STYLES
================
*/

.sectionCompany {
    position: relative;
}

.sectionCompany::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: calc(100vh - 322px);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 75%),
    linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%),
    url("../images/web/layout/companiesHeader.jpg") top center / cover no-repeat;
    /*filter: grayscale(100%);*/
    opacity: 0.75;
    z-index: 0;
}

.sectionCompany figure {
    padding-bottom: 4rem;
}

.sectionCompany figure > img {
    width: 12rem;
}

.sectionCompany ol, .sectionCompany ol {
    line-height: 2rem;
    margin-bottom: 2rem;
}

.tblData {
    display: inline-table !important;
    margin: 30px 0;
}

.tblData td {
    padding: 1rem;
}

.tblData th {
    background: #252525;
    border-bottom: none;
    color: #FFF;
    font-size: 1rem;
    font-weight: normal;
}

#sectionCompanyContact {
    background: #f6f4ef url("../images/web/layout/companyContactBG.jpg") bottom center no-repeat fixed;
    background-size: cover;
}

#sectionCompanyContact h1 {
    color: #252525;
    font-family: 'RaviFaNum-Medium';
    font-size: 1rem;
    padding-bottom: 1rem;
    padding-top: 2rem;
}

#sectionCompanyContact h1:after {
    content: "";
    border: 1px solid #A7233A;
    display: block;
    margin: 1rem 0;
    transform: rotate(180deg);
    width: 4rem;
}

#sectionMVV {
    background: url("../images/web/layout/mvvBG.jpg") center no-repeat fixed;
    background-size: cover;
}

/*#sectionMVV h1 {*/
/*    color: #FFF;*/
/*    font-family: 'RaviFaNum-Medium';*/
/*    font-size: 2rem;*/
/*    padding-bottom: 1rem;*/
/*    padding-top: 2rem;*/
/*}*/

/*#sectionMVV h1:after {*/
/*    content: "";*/
/*    border: 1px solid #A7233A;*/
/*    display: block;*/
/*    margin: 1rem 0;*/
/*    transform: rotate(180deg);*/
/*    width: 4rem;*/
/*}*/

/*#sectionMVV p {*/
/*    color: #FFF;*/
/*}*/

.figcaptionCertificate {
    margin: 1rem 0 4rem 0;
    text-align: center;
}

/*
=====
BOARD
=====
*/

.sectionBoard {
    background: #252525 url("../images/web/layout/boardBG.jpg") center no-repeat fixed;
    background-size: cover
}

.boardSwiper {
    padding: 0 0 3rem 0;
}

.boardCard {
    border-radius: .5rem;
    position: relative;
}

.boardCard img {
    border-radius: .5rem;
    width: 100%;
}

.boardCard figcaption {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    border-radius: 0 0 .5rem .5rem;
    color: white;
    display: block;
    position: absolute;
    bottom: 0;
    padding: 0 1rem 2rem 1rem;
    width: 100%;
}

.boardCard h2 {
    padding-bottom: 0;
}

.boardCard h3 {
    color: rgb(204, 204, 204);
    margin: 0;
    padding-bottom: 1rem;
}

.boardCard p {
    color: #999;
    font-size: .75rem;
    margin: 0;
}

/*
========
MANAGERS
=====---
*/

.managersSwiper {
    padding: 0 0 3rem 0;
}

.managersSwiper .swiper-button-next, .managersSwiper .swiper-button-prev {
    color: #FFF;
    top: 13rem;
}

.managerCard {
    border-radius: .5rem;
    position: relative;
}

.managerCard img {
    border-radius: .5rem;
    width: 100%;
}

.managerCard h2 {
    color: #252525;
    font-family: 'RaviFaNum-Medium';;
    font-size: 1.25rem;
    margin: 0;
}

.managerCard h3 {
    color: #666;
    font-family: 'RaviFaNum-Regular';
    font-size: 1rem;
    margin: 0;
}

.divOChart h1 {
    padding-top: 8rem;
    padding-bottom: 4rem;
}

.sectionStrategicPlan {
    background: #d1c8b6;
}

.sectionTimeline {
    background: #f2f2f2;
}

.divTimeline {
    margin: 0 auto;
}

.timeline-title {
    text-align: center;
    font-size: 2rem !important;
}

.timeline-title:after {
    display: none !important;
}

.timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
    float: right;
    text-align: left;
    padding-left: 30px;
}

.timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
    float: left;
    text-align: right;
    padding-right: 30px;
}

/*
=============
NEWS & EVENTS
=============
*/

.sectionPageContent {
    position: relative;
}

.sectionPageContent::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: calc(100vh - 322px);
    /*background:*/
    /*    linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 75%),*/
    /*    linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 75%),*/
    /*    var(--bg-url) top center / cover no-repeat;*/
    /*filter: grayscale(100%);*/
    opacity: 0.75;
    z-index: 0;
}

.sectionPageContent > * {
    position: relative;
    z-index: 1;
}

#sectionNews figure {
    cursor: pointer;
}

#sectionNews figure img {
    border-radius: .5rem;
    transition: transform .5s;
}

#sectionNews figure:hover img {
    transform: scale(1.025);
    -webkit-box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
    box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
}

#sectionNews figcaption h1 {
    font-family: 'RaviFaNum-Medium';
    font-size: 1rem;
    line-height: 2rem;
    margin: 0;
    text-align: justify;
    padding-top: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sectionNews figcaption h6 {
    color: #A6233A;
    font-size: .875rem;
    padding-bottom: 4rem;
}

.divNewsPhoto {
    position: relative;
}

.divNewsPhoto img {
    border-radius: .5rem;
    width: 100%;
    margin-bottom: 4rem;
}

.divNewsPhoto a {
    position: absolute;
    bottom: 5rem;
    left: 2rem;
    background: rgba(0,0,0,.75);
    padding: .25rem 1rem;
    color: #FFF;
    border-radius: 1rem;
    font-size: .825rem;
    text-decoration: none;
    transition: all 1s;
}

.divNewsPhoto a:hover {
    background: #A7233A;
}


.gallerySwiper {
    text-align: center;
}

.gallerySwiper figcaption {
    padding: 2rem 0 4rem 0;
}

/*
=======
GALLERY
=======
*/

.galleryCard {
    margin-bottom: 2rem;
    transition: all .5s;
}

.galleryCard img {
    border-radius: .5rem;
    cursor: zoom-in;
}

.galleryCard:hover {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
    box-shadow: 0px 8px 24px -16px rgba(0, 0, 0, 1);
    transform: scale(1.025);
}

/*
========
ARTICLES
========
*/

.articlesSwiper .swiper-button-next, .articlesSwiper .swiper-button-prev {
    color: #A7233A;
    top: 90%;
}

.articlesSwiper .swiper-button-prev:after {
    font-size: 2rem;
    line-height: 1;
    content: '\2192' !important;
}

.articlesSwiper .swiper-button-next:after {
    font-size: 2rem;
    line-height: 1;
    content: '\2190' !important;
}

/*
======
MODALS
======
*/

.modal-header {
    flex-direction: row-reverse;
}

.modal-title {
    line-height: 2.5;
}

.modal-header .close {
    padding: 1.5rem 1.5rem;
}

.modal-content {
    width: 95%;
}

.modal-fullsize {
    max-width: fit-content;
    width: 100%;
    margin: .5rem auto;
}

.nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    font-size: 32px;
    z-index: 1050;
}

.nav-arrow:hover {
    background: rgba(0, 0, 0, 0.9);
}

.prev-arrow {
    right: 1.5rem;
}

.next-arrow {
    left: 1.5rem;
}

#lightboxModal .modal-footer {
    justify-content: space-between;
}

/*
===========
PAGINATIONS
===========
*/

.pagination {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 10px 0;
}
.pagination a, .pagination span {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    min-width: 44px;
    text-align: center;
}
.pagination a:hover {
    background: #f0f0f0;
}
.pagination .current {
    background: #A7233A;
    color: white;
    border-color: #A7233A;
}
.pagination .disabled {
    color: #999;
    background: #f9f9f9;
    cursor: not-allowed;
}


/*
======
FOOTER
======
*/

#sectionFooter {
    background: #252525;
}

#sectionFooter h1 {
    color: #FFF;
    font-size: 1rem;
    font-family: 'RaviFaNum-Medium';
    margin: 2rem 0 2rem 0;
    padding-bottom: 1rem;
}

#sectionFooter p {
    color: #999;
    line-height: 2rem;
    text-align: justify;
}

#sectionFooter p.copyright {
    color: #666;
    font-size: .875rem
}

#sectionFooter p span {
    color: #FFF;

}

#sectionFooter h2 {
    border-bottom: 1px dotted #FFF;
    clear: both;
    color: #FFF;
    display: block;
    font-size: 1rem;
    margin: 0 0 2rem 0;
    padding: 1rem 0;
}

#sectionFooter ul {
    list-style-type: none;
    margin: 0 0 2rem 0;
    padding: 0;
}

#sectionFooter ul li {
    color: #777;
    margin-left: 1rem;
    padding-bottom: 1rem;
}

#sectionFooter ul li a {
    color: #999;
    transition: all 0.5s;
}

#sectionFooter ul li a:hover {
    color: #CCC;
    text-decoration: none;
}

/*
=======
GALLERY
=======
*/

.gallery-grid {
    direction: ltr;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: dense;
    grid-auto-rows: auto;
    gap: 1rem;
    width: 100%;
}

.galleryCard {
    border-radius: .5rem;
    direction: rtl;
    height: 100%;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.gallery-img {
    display: block;
    height: 100%;
    transition: transform 0.5s ease;
    width: 100%;
}

.galleryCard:hover {
    transform: scale(1.025);
}

.grid-item-0 {
    grid-column: 2 / span 2;
    grid-row: span 2;
}
.grid-item-1 {
    grid-column: 1;
    grid-row: span 1;
}
.grid-item-2 {
    grid-column: 1;
    grid-row: span 1;
}

.grid-item-3 {
    grid-column: 3;
    grid-row: span 1;
}
.grid-item-4 {
    grid-column: 3;
    grid-row: span 1;
}
.grid-item-5 {
    grid-column: 1 / span 2;
    grid-row: span 2;
}


.grid-empty {
    grid-column: 1 / -1;
    width: 100%;
}

.grid-item-last-big-right {
    grid-column: 2 / span 2;
    grid-row: span 2;
}

.grid-item-last-small-left {
    grid-column: 1;
    grid-row: span 1;
}

@media (max-width: 767.98px) {
    .gallery-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .gallery-grid > div {
        grid-column: auto !important;
        grid-row: auto !important;
    }
}