@font-face {
    font-family: 'open-sans-light';
    src: url('/fonts/OpenSans-Light.eot?v=4.7.0');
    /* IE9 Compat Modes */
    src: url('/fonts/OpenSans-Light?#iefix&v=4.7.0') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/OpenSans-Light.woff2?v=4.7.0') format('woff2'),
        /* Super Modern Browsers */
        url('/fonts/OpenSans-Light.woff?v=4.7.0') format('woff'),
        /* Pretty Modern Browsers */
        url('/fonts/OpenSans-Light.ttf?v=4.7.0') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/OpenSans-Light.svg?v=4.7.0#OpenSans-Light') format('svg');
    /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'brittany-signature';
    src: url('/fonts/BrittanySignatureRegular.eot?v=4.7.0');
    /* IE9 Compat Modes */
    src: url('/fonts/BrittanySignatureRegular?#iefix&v=4.7.0') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/BrittanySignatureRegular.woff2?v=4.7.0') format('woff2'),
        /* Super Modern Browsers */
        url('/fonts/BrittanySignatureRegular.woff?v=4.7.0') format('woff'),
        /* Pretty Modern Browsers */
        url('/fonts/BrittanySignatureRegular.ttf?v=4.7.0') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/BrittanySignatureRegular.svg?v=4.7.0#BrittanySignatureRegular') format('svg');
    /* Legacy iOS */

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'playball-font';
    src: url('/fonts/Playball-Regular.eot?v=4.7.0');
    /* IE9 Compat Modes */
    src: url('/fonts/Playball-Regular?#iefix&v=4.7.0') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/Playball-Regular.woff2?v=4.7.0') format('woff2'),
        /* Super Modern Browsers */
        url('/fonts/Playball-Regular.woff?v=4.7.0') format('woff'),
        /* Pretty Modern Browsers */
        url('/fonts/Playball-Regular.ttf?v=4.7.0') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/Playball-Regular.svg?v=4.7.0#BrittanySignatureRegular') format('svg');
    /* Legacy iOS */

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*THEMES OF WEB PAGE*/

[data-theme='dark'] {
    filter: invert(1) hue-rotate(180deg);
}

[data-theme='light'] {
    filter: invert(0) hue-rotate(0deg);
}


/* TOOLS OF MODAL BOX */

.topright {
    padding: 10px !important;
}

/* */

/* TAGS <a> FOR Transparencia */
.link-month-transp {
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    background-color: #FFF;
    min-width: 100px;
    width: auto;
    color: #025a27;
    border: 2px solid #025a27;
    border-radius: 5px;
    padding: 5px 10px;
    text-decoration: none;
    transition: background-position 0.3s ease-out;
    display: flex;
    /* Utilizar flexbox */
    justify-content: center;
    /* Centrar horizontalmente */
    align-items: center;
    /* Centrar verticalmente */
}

.link-month-transp:hover,
.link-month-transp:focus,
.link-month-transp:active,
.active-link-transp-month {
    background-color: #025a27;
    color: #FFF;
}

.panel-docs-transp {
    border: 1px solid rgba(236, 185, 50, 1) !important;
    border-radius: 5px !important;
    background-color: #FFF;
}

.title-table-transp {
    background-color: #2D2D2D;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 5px 10px;
    margin-bottom: 0;
}

/* BOX METRICS OF PAGES SECONDARIES */

.panel-metcs-bx {
    border: 2px solid #EFEEEE !important;
    border-radius: 21px 0px 21px 0px !important;
    cursor: pointer;
    height: 110px;

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse-white 3s infinite;
}

.panel-metcs-bx:hover,
.panel-metcs-bx:active,
.panel-metcs-bx:focus {
    border: 2px solid rgba(236, 185, 50, 1) !important;
    background-color: #EFEEEE;

}

.panel-metcs-bx .img-metcs-bx {
    width: 70px;
    height: 70px;
}

.panel-metcs-bx .number-metcs-bx {
    font-family: 'open-sans-light';
    font-weight: bold;
    color: #2D2D2D;

}

.panel-metcs-bx .sect-title-metcs {
    height: 40px;
}

.panel-metcs-bx .sect-title-metcs .title-metcs-bx {
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 16px;
    color: #025a27;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-titles-auth {
    font-family: 'open-sans-light';
    font-size: 14px;
    height: 143px;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Index page */

@keyframes pulse-white {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 #f4d584;
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes pulse-white-bw {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 #f6f6f4;
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes pulse-light-blue {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 #c0e8fb;
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.panel-metcs-ind-bx {
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px 0px #c5c5c5;
    border-radius: 21px 0px 0px 0px !important;
    font-family: 'open-sans-light';
    height: 110px;
    margin-bottom: 20px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse-white 3s infinite;
}

.panel-metcs-ind-mdm-bx:hover {
    border: 3px solid rgba(236, 185, 50, 1);
    animation: none;
}

.panel-metcs-ind-mdm-bx {
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px 0px #c5c5c5;
    font-family: 'open-sans-light';
    height: 110px;
    margin-bottom: 20px;

    /**/
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse-white 3s infinite;
}

.panel-metcs-ind-end-bx {
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px 0px #c5c5c5;
    border-radius: 0px 21px 0px 0px !important;
    font-family: 'open-sans-light';
    height: 110px;
    margin-bottom: 20px;

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse-white 3s infinite;
}

/*.panel-metcs-ind-bx:hover,
.panel-metcs-ind-bx:active,
.panel-metcs-ind-bx:focus{
    border: 2px solid #accdba !important;
    background-color: #EFEEEE;

}*/

.panel-metcs-ind-bx .img-metcs-bx,
.panel-metcs-ind-mdm-bx .img-metcs-bx,
.panel-metcs-ind-end-bx .img-metcs-bx {
    width: 80px;
    height: 80px;
}

.panel-metcs-ind-bx .number-metcs-bx,
.panel-metcs-ind-mdm-bx .number-metcs-bx,
.panel-metcs-ind-end-bx .number-metcs-bx {
    font-family: 'open-sans-light';
    font-weight: bold;
    color: #2D2D2D;

}

.panel-metcs-ind-bx .sect-title-metcs,
.panel-metcs-ind-mdm-bx .sect-title-metcs,
.panel-metcs-ind-end-bx .sect-title-metcs {
    height: 40px;
}

.panel-metcs-ind-bx .sect-title-metcs .title-metcs-bx,
.panel-metcs-ind-mdm-bx .sect-title-metcs .title-metcs-bx,
.panel-metcs-ind-end-bx .sect-title-metcs .title-metcs-bx {
    font-family: 'open-sans-light';
    font-weight: bold;
    color: #025a27;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}



/* */


/* SPEECH BUTTONS*/

/*.icon-speech-pg{
    color: #FFF;
    cursor: pointer;
}*/

/*.icon-speech-pg:hover,
.icon-speech-pg:active,
.icon-speech-pg:focus{
    color: rgba(236, 185, 50, 1);
}*/

.badge-speech {
    cursor: pointer;
}

.badge-speech:hover,
.badge-speech:active,
.badge-speech:focus {
    background-color: #2D2D2D !important;
    color: #FFF;
}

/***/

/** FORM INSCRIPTION - UBU **/
/*.file-inpt{
    display:none;  
  }*/

/* Panels of Research Structure */

.pnl-members-res {
    font-family: 'open-sans-light';
    font-weight: bold;
    background: #EFEEEE;
    border: 1px solid rgba(236, 185, 50, 1);
    color: black;
    margin-bottom: 2rem;
    font-size: 12px;
    width: 21rem;

}

.pnl-members-res .pnl-mr-title-mod-1 {
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    background-color: #025a27;
    padding: 8px;
    height: 35px;
}

.pnl-members-res .pnl-mr-title-mod-2 {
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    background-color: #025a27;
    padding: 8px;
    height: 65px;
}

.pnl-members-res .pnl-mr-title-mod-3 {
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    background-color: #025a27;
    padding: 8px;
    height: 35px;
}

.pnl-members-res .pnl-mr-data-member {
    height: 80px;
}

.pnl-members-res .pnl-mr-data-member .pnl-mr-text {
    font-size: 13px;
    color: #025a27;
    font-weight: bold;
    text-align: center;
}

.pnl-members-res .pnl-mr-data-member .pnl-mr-text-1 {
    font-size: 15px;
    color: #025a27;
    font-weight: bold;
    text-align: center;
}

.link-email-member {
    font-size: 12px !important;
}

.link-email-member:hover,
.link-email-member:focus,
.link-email-member:active {
    background-color: rgba(236, 185, 50, 1) !important;
}

/* */

/* Images of News */

.img-portrait-news {
    width: 140px;
    height: 90px;
}


/* */

.btn-upload-img {
    position: relative;
    overflow: hidden;
}

.btn-upload-img input[type=file] {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    min-width: 100% !important;
    min-height: 100% !important;
    font-size: 100px !important;
    text-align: right !important;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important;
    outline: none !important;
    background: #025a27 !important;
    cursor: inherit !important;
    display: block !important;
    border-radius: 0%;
}

.btn-upload-img input[type=file]:hover,
.btn-upload-img:hover {
    color: white !important;
    background-color: #2D2D2D !important;
}

/*.btn-upload-img{
    font-family: 'open-sans-light';
    font-size: 14px !important;
    font-weight: bold;
    height: 43px !important;
    width: 100% !important;
    cursor: pointer;
    background-color: #025a27;
    border: none;
    color: white;
}

.btn-upload-img:hover{
    color: white;
    background-color: #2D2D2D;
}*/




/** **/


/* BEGIN OF SCROLL */

.btn.scroll-top {
    width: 50px;
    height: 50px;
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    bottom: 80px;
    /* Place the button at the bottom of the page */
    right: 30px;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    background-color:
        /*#008B3A*/
        #025a27;
}

.scroll-top:hover {
    background-color: rgba(236, 185, 50, 1) !important;
}

.scroll-top i {
    display: inline-block;
    color: #fff;
}

/*.pnl-body-dean{
    height: 352px;
}*/

.pn-bd-dean {
    height: 300px;
}

.pn-banner-page {
    width: 100%;
    height: 500px;
}

/*.react-multi-carousel-list  .react-multi-carousel-dot-list  {
    margin-top: 50px !important;
}*/

/*
    Estilos del menu de accesibilidad
*/

/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
    background-color: #2D2D2D;
    padding: 2px;
    border-radius: 5px 0% 0% 5px;
    position: fixed;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

    .footer {
        bottom: 0;
        margin-bottom: -350px;
    }

    .icon-bar {
        background-color: #333;
        /*overflow: hidden;*/
        position: sticky;
        bottom: -30px;
        width:
            /*60.5%*/
            100%;
        height:
            /*43px*/
            60px;
        display: flex;
        /*align-items: center;*/
        border-radius: 0px;

    }

    /*
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: $zindex-fixed;
      */

    .icon-bar i {
        height: 58px;
        width: 60px;
        /*text-align: center;
        align-items: center;*/
        font-size: 35px !important;
    }

    .panel-vd>.text {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        font-size: 10px !important;
    }

}

/* Style the icon bar links */
/*.icon-bar a {
    display: block;
    background-color: #FFF;
    padding: 8px;
    transition: all 0.3s ease;
    color: #2D2D2D;
    font-size: 20px;
    border: 1px solid #2D2D2D;
    
  }*/

.icon-bar i {
    display: block;
    background-color: #FFF;
    padding: 8px;
    transition: all 0.3s ease;
    color: #2D2D2D;
    font-size: 20px;
    border: 1px solid #2D2D2D;
}

.icon-bar i:hover {
    background-color: #025a27;
    color: #FFF;
    cursor: pointer;
}


/* Style the social media icons with color, if you want */
/*.icon-bar a:hover {
    background-color: #025a27;
    color: #FFF;
    cursor: pointer;
  }*/

.dark-mode {
    background-color: black;
    color: #ddd;
    font-weight: bolder;
}

.font-size-decrease {
    font-size: 5px;
}

/*.facebook {
    background: #3B5998;
    color: white;
  }
  
  .twitter {
    background: #55ACEE;
    color: white;
  }
  
  .google {
    background: #dd4b39;
    color: white;
  }
  
  .linkedin {
    background: #007bb5;
    color: white;
  }
  
  .youtube {
    background: #bb0000;
    color: white;
  }*/

/**/




@media (max-width: 768px) {
    .footer {
        margin-bottom: -50px;
    }

    .scroll-top {
        font-size: 11px;
        padding: 4px 6px;
        width: 40px;
        height: 40px;
        position: fixed;
    }

    .carousel-control-prev-icon {
        padding: 10px;
    }

    .carousel-control-next-icon {
        padding: 10px;
    }

    /*.carousel-container{
        width: 350px;
    }*/

    .box-crd.pnl-magazines {
        width: 350px;
    }

    .shp-title {
        text-align: center;
    }

    .shp-content {
        text-align: center;
    }

    .pnl-box-agreem {
        height: 340px;
    }

    .panel-vd>.text {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        font-size: 30px !important;
    }

}

/*@media (min-width: 768px) {
    .scroll-top {
        font-size:12px;
        padding:6px 12px;
        width: 40px;
        height: 40px;
        position: fixed;
    }

    .carousel-control-prev-icon {
        padding: 10px;
    }

    .carousel-control-next-icon {
        padding: 10px;
    }

    .box-crd.pnl-magazines{
        width: 350px;
    }

    .pn-bd-dean{
        height: 600px;
    }

    .shp-title{
        text-align: center;
    }

    .shp-content{
        text-align: center;
    }
}*/

@media (min-width: 992px) {
    .footer {
        margin-bottom: -50px;
    }

    .scroll-top {
        font-size: 14px;
        padding: 8px 12px;
        width: 45px;
        height: 45px;
        position: fixed;
    }

    .carousel-control-prev-icon {
        padding: 15px;
    }

    .carousel-control-next-icon {
        padding: 15px;
    }

    /*.carousel-container{
        width: 350px;
    }*/

    .box-crd.pnl-magazines {
        width: 400px;
    }

    .pn-bd-dean {
        height: 600px;
    }

    .shp-title {
        text-align: center;
    }

    .shp-content {
        text-align: center;
    }

    .panel-vd>.text {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        font-size: 30px !important;
    }

}

@media (min-width: 1200px) {
    .footer {
        margin-bottom: -50px;
    }

    .scroll-top {
        width: 50px;
        height: 50px;
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Fixed/sticky position */
        bottom: 40px;
        /* Place the button at the bottom of the page */
        right: 30px;
        /* Place the button 30px from the right */
        z-index: 99;
        /* Make sure it does not overlap */
        background-color: #008B3A;
    }

    .carousel-control-prev-icon {
        padding: 30px;
    }

    .carousel-control-next-icon {
        padding: 30px;
    }

    .box-crd.pnl-magazines {
        width: 400px;
    }

    .pn-bd-dean {
        height: 355px;
    }

    .shp-title {
        text-align: left;
    }

    .shp-content {
        text-align: left;
    }

    .pn-banner-page {
        width: 100%;
        height: 500px;
    }

    .panel-vd>.text {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        font-size: 40px !important;
    }

}


.img-news-bg {
    height: auto;
    left: 0;
    margin: 0;
    min-height: 100%;
    min-width: 674px;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

/* END OF SCROLL */

/* PANEL OF BOX SEARCH */

.pnl-box-search-info {
    /*height: 110px;*/
    border: 1px solid #c5c5c5;
    background-color: #FFF;
    margin-bottom: 10px;
    border-radius: 5px;
}

.pnl-box-information {
    border: 1px solid #c5c5c5;
    background-color: #FFF;
    margin-bottom: 10px;
    border-radius: 5px;
    padding:
        /*5px*/
        10px;
    height: 90px;
    box-sizing: border-box;
    position: relative;
}

.pnl-box-info-link a {
    text-decoration: none;
}

.pnl-box-information:hover {
    background-color: #f0efef;
    border-color: #025a27;
}

.pnl-box-information:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #025a27 transparent transparent;
    right: 0;
    top: 0;
    position: absolute;
}

/*.pnl-box-information span{
    position: relative;
    display: block;
    width: 150px;
    padding: 5px 0;
    background-color: #025a27;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font-size: 12px;
    font-family: 'open-sans-light';
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-align: center;
}*/

.pnl-box-information .pnl-box-sect-title {
    font-size: 14px;
    font-family: 'open-sans-light';
    font-weight: bold;
    padding-top: 9px;
    padding-left: 20px;
    padding-right: 20px;
    color: #025a27;
    width: 100%;
    height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-box-information .pnl-box-body {
    color: #666464;
    font-family: 'open-sans-light';
    /*font-style: italic;*/
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    width: 100%;
    height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/** PANEL FOR SCIENTIFIC PRODUCTION **/

.pnl-box-sctf-prod {
    border: 1px solid #c5c5c5;
    background-color: #FFF;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 10px;
    height: 120px;
    box-sizing: border-box;
    position: relative;
}

.pnl-box-sctf-prod:hover {
    background-color:
        /*#f0efef*/
        #F9F9D6;
    border-color: #025a27;
    /*text-decoration: underline;
    text-decoration-color: gray;*/
}

.pnl-box-sctf-prod:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #025a27 transparent transparent;
    right: 0;
    top: 0;
    position: absolute;
}

.pnl-box-sctf-prod .pnl-box-sect-title {
    font-size: 14px;
    font-family: 'open-sans-light';
    font-weight: bold;
    padding-top: 9px;
    padding-left: 20px;
    padding-right: 20px;
    color: #025a27;
    width: 100%;
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-box-sctf-prod .pnl-box-body {
    color: #666464;
    font-family: 'open-sans-light';
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    width: 100%;
    height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-box-sctf-prod .pnl-box-body-subj {
    font-family: 'open-sans-light';
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    width: 100%;
    height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*  */

/** PANEL FOR BOOKS **/

.pnl-box-book {
    border: 1px solid #c5c5c5;
    background-color: #FFF;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 10px;
    height: 440px;
    box-sizing: border-box;
    position: relative;
}

.pnl-box-book .img-book-portrait {
    width: 212px;
    height: 320px;
}

.pnl-box-book:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent rgba(236, 185, 50, 1) transparent transparent;
    right: 0;
    top: 0;
    position: absolute;
}

.pnl-box-book .pnl-box-sect-title {
    font-size: 14px;
    font-family: 'open-sans-light';
    font-weight: bold;
    padding-top: 9px;
    padding-left: 20px;
    padding-right: 20px;
    color: #025a27;
    width: 100%;
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-box-book .pnl-box-body {
    font-size: 12px;
    font-family: 'open-sans-light';
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    width: 100%;
    height: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-box-book .pnl-box-body-subj {
    font-family: 'open-sans-light';
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    text-align: right;
    width: 100%;
    height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-box-book:hover {
    background-color: #f0efef;
    border-color: rgba(236, 185, 50, 1);
    text-decoration: underline;
    text-decoration-color: gray;
}

/*  */

/* PANEL OF AGREEMENTS LINKAGE */

.pnl-box-agreem {
    border: 1px solid #c5c5c5;
    background-color: #FFF;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 10px;
    height: 320px;
    box-sizing: border-box;
    position: relative;
    cursor: default;
}

.pnl-box-agreem:hover {
    background-color:
        /*#f0efef*/
        #FFF;
    border-color: #025a27;
}

.pnl-box-agreem:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #025a27 transparent transparent;
    right: 0;
    top: 0;
    position: absolute;
}

.pnl-box-agreem .pnl-box-sect-title {
    font-size: 14px;
    font-family: 'open-sans-light';
    font-weight: bold;
    padding-top: 9px;
    padding-left: 20px;
    padding-right: 20px;
    color: #025a27;
    text-align: center;
    width: 100%;
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-box-agreem .pnl-box-paramt-1 {
    padding-left: 20px;
    padding-right: 20px;
}

.pnl-box-agreem .pnl-box-sect-subtitle {
    font-size: 12px;
    font-family: 'open-sans-light';
    font-weight: bold;
    /*padding-top: 9px;*/
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    width: 100%;
    height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-box-agreem .pnl-box-paramt-2 {
    padding-left: 20px;
    padding-right: 10px;
    margin: 0;
    font-size: 12px;
    font-family: 'open-sans-light';
    color: #000;
    width: 100%;
    height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-box-agreem .pnl-box-paramt-3 {
    cursor: pointer;
}

.pnl-box-agreem .pnl-box-paramt-4 {
    padding-left: 20px;
    padding-right: 10px;
    margin: 0;
    font-size: 12px;
    font-family: 'open-sans-light';
    color: #000;
    width: 100%;
    height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* */

/* PANEL OF NEWS FILTER */

.pnl-form-filter-news {
    height: 140px;
    border: 1px dashed #c5c5c5;
    background-color: #FFF;
    margin-bottom: 10px;
}

.pnl-form-filter-books {
    height: 160px;
    border: 1px dashed #c5c5c5;
    background-color: #FFF;
    margin-bottom: 10px;
}

.pnl-form-filter-agreeg {
    height: 160px;
    border: 1px dashed #c5c5c5;
    background-color: #FFF;
    margin-bottom: 10px;
}

.pnl-form-filter-news-dep {
    height: 140px;
    border: 1px dashed #c5c5c5;
    background-color: #FFF;
    margin-bottom: 10px;
}

.frm-filter {
    padding: 15px;
}

.pnl-stock-books {
    height: 170px;
    border: 1px solid #EFEEEE;
    box-shadow:
        /*rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset*/
        0px 0px 10px 0px #333 inset;
    background-color: #EFEEEE;
}

.pnl-stock-books .box-book-stock {

    padding: 3px;

    width: 121px;

}

.pnl-stock-books .box-img-book {
    padding-top: 7px;
    padding-bottom: 7px;
    width: 110px;
    /*box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;*/
}

/* V2 */
.pnl-stock-books-v2 {
    height: 190px;
    border: 1px solid #EFEEEE;
    box-shadow:
        /*rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset*/
        0px 0px 10px 0px #333 inset;
    background-color: #EFEFEE;
}

.pnl-stock-books-v2 .box-book-stock {
    width:
        /*129px*/
        125px;
    height: 178px;
    background-color: #FFF;
    border: 1px solid #FFF;
    margin: 5px;
    /*box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;*/
    /*box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;*/
    transition: transform 0.2s ease;
}

.pnl-stock-books-v2 .box-book-stock:hover {
    /*box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(255, 255, 255, 0.2) 0px 30px 60px -30px, rgba(236, 185, 50, 1) 0px -2px 6px 0px inset;*/
    transform: scale(0.9);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.pnl-stock-books-v2 .box-img-book {
    width: 123px;
    height: 176px;
    /*padding: 5px;*/


}



/*.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0 !important;
  left: 100% !important;
  margin-top: -1px;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}*/


/* STYLES SPECIFIC TO HEADER */
.navbar {
    padding: 5px 2px;
}

.flag-ctry {
    width: 20px;
    height: 15px;
}

.btn-srch {
    color: white;
}

.pnl-sld-vid {
    height: 100%;

}

hr {
    color: rgba(236, 185, 50, 1) !important;
}

/*.navbar #navbar-header3 a {
  float: left;
  color: #008B3A;
  font-family: 'open-sans-light';
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding: 8px;
  text-decoration: none;
  border-radius: 4px;
}

.navbar #navbar-header3 a:hover {
  color: rgba(236,185,50,1);
  text-decoration: none;
}*/

.nav-item>a {
    float: left;
    color:
        /*#008B3A*/
        #025a27;
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 8px;
    text-decoration: none;
    border-radius: 4px;
}

.PhoneInputCountrySelect {
    font-family: 'open-sans-light';
    font-size: 14px;
}

.nav-item>a:hover {
    color: rgba(236, 185, 50, 1);
    text-decoration: none;
}

.navbar.menu-primary a {
    float: left;
    color: white;
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    border-radius: 4px;
}

.navbar.menu-primary a:hover {
    color: rgba(236, 185, 50, 1);
    text-decoration: none;
}

.navbar.menu-second a {
    float: left;
    color: white;
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    border-radius: 4px;
}

.navbar.menu-second a:hover {
    color: rgba(236, 185, 50, 1);
    text-decoration: none;
}

.menu-primary {
    background-color: #2D2D2D;
}

.menu-second {
    background-color:
        /*#008B3A*/
        #025a27;
}

.menu-third {
    background-color: white;
    padding: 3px;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler .navbar-toggler {
    border-color: white;
}

.custom-toggler-thr .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,139,58,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.custom-toggler-thr .navbar-toggler {
    border-color: rgba(0, 139, 58, 1) !important;
}

#basic-nav-dropdown-lv1 {
    float: left;
    color:
        /*#008B3A*/
        #025a27;
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    padding: 8px;
    text-decoration: none;
    border-radius: 4px;
}

#basic-nav-dropdown-lv1:hover {
    color: rgba(236, 185, 50, 1);
    text-decoration: none;
}

.dropdown-menu:hover>a {
    cursor: pointer;
}

.dropdown-menu a {
    color: black;
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
}

.dropdown-menu a:hover {
    background-color: #008B3A;
    color: white;
    text-decoration: none;
}

#basic-nav-dropdown-nst {
    color: black;
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 15px;
    border-radius: 0px;
    width: 100%;
}

#basic-nav-dropdown-nst:hover {
    background-color: #008B3A;
    color: white;
    text-decoration: none;
}

.txt-frm {
    font-family: 'open-sans-light';
    font-weight: normal;
    font-size: 12px;
}

.txt-frm:hover {
    border: 2px solid rgba(236, 185, 50, 1);
    border-radius: 6px;
}

#input-search-frm {
    font-family: 'open-sans-light';
    font-weight: normal;
    font-size: 16px;
    cursor: pointer;
}

.btn-outline-secondary .btn-search-frm {
    background-color: #2D2D2D;
    border-color: #2D2D2D;
}

.frm-slider-princ {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/*.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    animation: spin 2s linear infinite;
  }
  
  @keyframes spin {
    0%  { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }*/


/* Sub-menu */
/*.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

.dropdown-menu.block-submenu {
    background-color: white;
    /*margin-top: 35px;*/
}

.dropdown-menu.block-submenu li a {
    color: black;
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
}

.dropdown-menu.block-submenu li a:hover {
    background-color: #008B3A;
    color: white;
    text-decoration: none;
}

/*.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
    
}*/


/**/
.sentence-first {
    font-family:
        /*"brittany-signature"*/
        "playball-font";
    background-color: #025a27;
    color: white;
    font-size: 25px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 60px;
}

.title-radio-btn {
    background-color: #EFEEEE;
    color: #025a27;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 4px;
    font-family: 'open-sans-light';

}

/*.form-check-label{
    font-family: 'open-sans-light';
    font-size: 14px;
    display: inline-block;
    background-color: #EFEEEE;
    padding: 3px 3px;
    
}

.form-check-label:hover {
  background-color: #D8FCDC;
  cursor: pointer;
  
}*/

.form-check {
    display: inline-block;
    position: relative;
    margin: 10px 0 0;
    font-family: 'open-sans-light';
    font-size: 14px;
}

.form-check input[type='radio'] {
    display: none;
}

.form-check label {
    color: black;
    cursor: pointer;
    background-color: #EFEEEE;

}

.form-check label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 2px solid #025a27;
    background-color: white;
    cursor: pointer;
}

.form-check input[type=radio]:checked+label {
    border-radius: 11px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 9px;
    left: 10px;
    display: block;
    cursor: pointer;
    background-color: rgba(236, 185, 50, 1);
    font-weight: bold;
}

.form-check input[type=radio]:checked+label:after {
    border-radius: 11px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 9px;
    left: 10px;
    display: block;
    cursor: pointer;
    background-color: rgba(236, 185, 50, 1);
}

.form-check input[type="radio"]:focus+label {
    border: 2px solid rgba(236, 185, 50, 1);
    background-color: #025a27;

}



/*.form-check input[type="radio"]:checked + label {
    background-color:#bfb;
    border-color: #4c4;
    
}*/

/*.form-check-input{
    border: 1px solid #025a27;
    
    
}*/

.pnl-radio-btns {
    background-color: #EFEEEE;

}


/**/






/* Carrousel */

/*.carousel-indicators li{
  width:10px; 
  height:10px;  
  border-radius: 50%;
}*/

/*.slider-princ .carousel-control-next .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23c593d8' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
 
.slider-princ .carousel-control-next .carousel-control-next-icon {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23c593d8' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.slider-princ .carousel-indicators button {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: rgba(236,185,50,1);
    border-radius: 50%;
}*/

/*.carousel-control-prev,
.carousel-control-next{
      background-color: rgba(236,185,50,1);
      width: 50px;
      height: 50px;


}*/


/*.carousel-indicators button{
  background-color: rgba(236,185,50,1);

}*/

/*.slider-princ .carousel-indicators button {
  border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: rgba(236,185,50,1);
}*/

.carousel-control-prev-icon {
    background-color: rgba(236, 185, 50, 1);
    padding: 30px;
}

.carousel-control-next-icon {
    background-color: rgba(236, 185, 50, 1);
    padding: 30px;
}

.carousel-control-prev-icon-mgz {
    background-color: rgba(236, 185, 50, 1);
    padding: 15px;
}

.carousel-control-next-icon-mgz {
    background-color: rgba(236, 185, 50, 1);
    padding: 15px;
}

.card-mgz {
    max-width: 100%;
    height: auto;
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}

/*.block-20 {
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 275px;
  position: relative;
  display: block; 
}*/

/*.mgz-dinmc{
    width: 350px;
}*/


/*CARD MAGAZINES*/
/*.crd-magazine{
    width: 336px;
    height: 398.53px;
    
}*/
.box-crd {
    box-sizing: border-box;
    border: 1px solid #ddd;
    background-clip: padding-box;
    width: 400px;
    height: 400px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px #c5c5c5;
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 12px;
    padding: 0 5px 0 5px;
    margin-bottom: 2rem;

}

.box-crd h3 {
    font-family: 'open-sans-light';
    font-size: 16px;
    text-decoration: none;
    color: black;
    font-weight: bold;
    padding: 5px;
}

.box-crd .img-pnl-crd {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    display: block;
    width: 100%;
    height: 280px;
    /*border: 1px solid black;*/
}

/*.box-crd .img-pnl-ec{
    width: 150px;
    height: 100%;
    
}*/

.box-crd .link-pnl-crd {
    font-family: 'open-sans-light';
    font-size: 14px;
    text-decoration: none;
    color: #025a27;
    font-weight: bold;
    text-align: right;

}

.box-crd .link-pnl-crd:hover {
    color: rgba(236, 185, 50, 1);
    text-decoration: none;
}

/*.box-crd > a:hover{
    color: rgba(236,185,50,1);
    text-decoration: none;
}*/

.box-crd .pnl-ftr {
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    color: white;
    text-align: right;
}

.work .img-n8 {
    width: 100%;
    height: 300px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}



/**/

.card-box {
    border: 1px solid #ddd;
    padding: 20px;
    box-shadow: 0px 0px 10px 0px #c5c5c5;
    margin-bottom: 20px;
    float: left;
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 12px;
    /*border-radius: 10px;*/
}

/*.card-box .pn-mgz{
    width: 336px;
    
}*/

.card-box .card-thumbnail {
    max-height: 255px;
    overflow: hidden;
    transition: 1s;
}


/*.card-box .card-thumbnail:hover {
    transform: scale(1.2);
}*/

.card-box h3 a {
    font-family: 'open-sans-light';
    font-size: 14px;
    text-decoration: none;
    color: black;
    font-weight: bold;
}

.card-box>a {
    font-family: 'open-sans-light';
    font-size: 12px;
    text-decoration: none;
    color:
        /*#008B3A*/
        #025a27;
    font-weight: bold;
}

.card-box>a:hover {
    color: rgba(236, 185, 50, 1);
    text-decoration: none;
}

.numb-metrcs {
    font-size: 30px;
    letter-spacing: 0px;
    line-height: 20px;
    font-weight: bold;
}

.nmb-metric {
    font-size: 20px;
}

.media-body h5 {
    font-size: 30px;
    letter-spacing: 0px;
    line-height: 20px;
    font-weight: 400;
}


.media-body h5 a {
    color: #555;
}

.media-body h5 a:hover {
    color: #4782d3;
}

/* BEGIN OF SLIDER MAGAZINES */

/* END OF SLIDER MAGAZINES */

/* BEGIN OF SLIDER RESEARCH */



/* END OF SLIDER RESEARCH */



/* BEGIN OF CARDS */
.card-margin {
    margin-bottom: 0.2rem;
}

.widget-49 .widget-49-title-wrapper {
    display: flex;
    align-items: center;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #025a27;
    width: 3.7rem;
    height: 3.7rem;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-day {
    font-family: 'open-sans-light';
    color: white;
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-month {
    font-family: 'open-sans-light';
    color: white;
    line-height: 1;
    font-size: 12px;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info {
    display: flex;
    flex-direction: column;
    padding: 7px;
    /*width: 22rem;*/
    width: 100%;
    height: 3.7rem;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-pro-title {
    color: black;
    font-size: 12px;
    /*text-align: justify;*/
    font-family: 'open-sans-light';
}

/* END OF CARDS */

/* BEGIN OF SLIDER MULTIPLE ITEMS */

/* END OF SLIDER MULTIPLE ITEMS */


/* BEGIN OF SLIDER RESEARCH */
.img-sld {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.btn {
    font-family: 'open-sans-light';
    font-weight: bold;
}

.btn:hover {
    color: white;
}

@media (max-width: 991.98px) {
    .footer {
        margin-bottom: -50px;
    }

    .btn {
        display: block;
        width: 100%;
        font-family: 'open-sans-light';
    }

    .sentence-first {
        font-family:
            /*"brittany-signature"*/
            "playball-font";
        background-color: #025a27;
        color: white;
        font-size: 20px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 60px;
    }

    .map-cp2 {
        width: 100%;
        height: 300px;
    }

    /*.carousel-container{
        width: 350px;
    }*/

    .box-crd.pnl-magazines {
        width: 350px;
    }

    .pn-bd-dean {
        height: 355px;
    }

    .shp-title {
        text-align: left;
    }

    .shp-content {
        text-align: left;
    }
}

/*.owl-carousel .owl-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block; }*/

/*.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 60px;
  color: rgba(0, 0, 0, 0.2) !important;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  opacity: 1; }*/


/*@media (prefers-reduced-motion: reduce) {
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next {
    -webkit-transition: none;
    -o-transition: none;
    transition: none; } }*/

/*.owl-carousel .owl-nav .owl-prev p span, .owl-carousel .owl-nav .owl-prev p small,
.owl-carousel .owl-nav .owl-next p span,
.owl-carousel .owl-nav .owl-next p small {
  display: block;
  color: #000;
  line-height: .8;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }*/

/*@media (prefers-reduced-motion: reduce) {
  .owl-carousel .owl-nav .owl-prev p span, .owl-carousel .owl-nav .owl-prev p small,
  .owl-carousel .owl-nav .owl-next p span,
  .owl-carousel .owl-nav .owl-next p small {
    -webkit-transition: none;
    -o-transition: none;
    transition: none; } }*/
/*.owl-carousel .owl-nav .owl-prev small,
.owl-carousel .owl-nav .owl-next small {
  text-transform: uppercase; }
.owl-carousel .owl-nav .owl-prev span,
.owl-carousel .owl-nav .owl-next span {
  line-height: 0; }
  .owl-carousel .owl-nav .owl-prev span:before,
  .owl-carousel .owl-nav .owl-next span:before {
    font-size: 40px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    @media (prefers-reduced-motion: reduce) {
      .owl-carousel .owl-nav .owl-prev span:before,
      .owl-carousel .owl-nav .owl-next span:before {
        -webkit-transition: none;
        -o-transition: none;
        transition: none; } }
.owl-carousel .owl-nav .owl-prev:hover small,
.owl-carousel .owl-nav .owl-next:hover small {
  color: #ffc6be; }
.owl-carousel .owl-nav .owl-prev:hover span:before,
.owl-carousel .owl-nav .owl-next:hover span:before {
  color: #ffc6be; }
.owl-carousel .owl-nav .owl-prev {
left: 50%;
margin-left: -35px; }
.owl-carousel .owl-nav .owl-next {
right: 50%;
margin-right: -35px; }
.owl-carousel .owl-dots {
text-align: center;
margin-top: 20px; }
.owl-carousel .owl-dots .owl-dot {
width: 10px;
height: 10px;
margin: 5px;
border-radius: 50%;
background: transparent;
position: relative;
border: 1px solid #000; }
.owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot:focus {
  outline: none !important; }
.owl-carousel .owl-dots .owl-dot.active {
  background: #ffc6be;
  border: 1px solid #ffc6be; }
@media (min-width: 992px) {
.owl-carousel .owl-dots {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  margin-right: -40px; }
  .owl-carousel .owl-dots .owl-dot {
    display: block; } }

.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y; }*/


.work-wrap-res .text-res,
.work-wrap-res .img-sld {
    width: 50%;
}

@media (max-width: 767.98px) {
    .footer {
        margin-bottom: -50px;
    }

    .work-wrap-res .text-res,
    .work-wrap-res .img-sld {
        width: 100%;
    }

    /*.carousel-container{
        width: 350px;
    }*/

    .box-crd.pnl-magazines {
        width: 350px;
    }

    .pn-bd-dean {
        height: 600px;
    }

    .shp-title {
        text-align: center;
    }

    .shp-content {
        text-align: center;
    }

    .pn-banner-page {
        width: 100%;
        height: 160px;
    }

    .panel-vd>.text {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        font-size: 20px !important;
    }
}

.work-wrap-res .img-sld {
    height: 450px;
}

.work-wrap-res .text-res {
    background: #D3F9D8;
}

.work-wrap-res .text-res h2 {
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'open-sans-light';
    color: black;
    text-align: left;
}

@media (max-width: 991.98px) {
    .footer {
        margin-bottom: -50px;
    }

    .work-wrap-res .text-res h2 {
        font-size: 30px;
        text-align: center;
        font-family: 'open-sans-light';
    }

    /*.carousel-container{
        width: 350px;
    }*/

    .box-crd.pnl-magazines {
        width: 350px;
    }

    .pn-bd-dean {
        height: 600px;
    }

    .shp-title {
        text-align: center;
    }

    .shp-content {
        text-align: center;
    }
}


.work-wrap-res .text-res .h5 {
    font-size: 17px;
    font-weight: bold;
    font-family: 'open-sans-light';
    color: black;
    text-align: left;
}


.work-wrap-res .text-res .txt-sld-res {
    font-size: 15px;
    font-family: 'open-sans-light';
    text-align: justify;
    color: #2D2D2D;
}


/* END OF SLIDER RESEARCH */

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}


#owl-demo-mgz .item img {
    display: block;
    width: 160px;
    height: auto;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}


/* BEGIN OF LATEST NEWS */
.title-news {
    background-color:
        /*#008B3A*/
        #025a27;
    color: white;
    font-size: 20px;
    font-family: 'open-sans-light';
    font-weight: bold;

    border-top: 4px solid rgba(236, 185, 50, 1);
    border-right: 1px solid rgba(236, 185, 50, 1);
    border-bottom: 1px solid rgba(236, 185, 50, 1);
}

/* BEGIN OF SLIDER NEWS */
.ftco-section {
    padding: 1em 0;
}

.heading-section {
    font-size: 28px;
    color: #000;
}

.slider-hero {
    position: relative;
}



.owl-carousel {
    position: relative;
}

.owl-carousel .owl-item {
    opacity: 1;
}

.owl-carousel .owl-item.active {
    opacity: 1;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -10px;
    color: rgba(0, 0, 0, 0.1) !important;
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
    .footer {
        margin-bottom: -50px;
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .sentence-first {
        font-family:
            /*"brittany-signature"*/
            "playball-font";
        background-color: #025a27;
        color: white;
        font-size: 20px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 60px;
    }

    .pn-banner-page {
        width: 100%;
        height: 50px;
    }

}

.owl-carousel .owl-nav .owl-prev span:before,
.owl-carousel .owl-nav .owl-next span:before {
    font-size: 30px;
}

.owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.owl-carousel .owl-nav .owl-next {
    right: 0;
}

.owl-carousel .owl-dots {
    text-align: center;
    margin-top: -40px;
}

.owl-carousel .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    margin: 5px;
    border-radius: 50%;
    background: rgba(236, 185, 50, 1);
    position: relative;
}

.owl-carousel .owl-dots .owl-dot:hover,
.owl-carousel .owl-dots .owl-dot:focus {
    outline: none !important;
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #2D2D2D;
}

.owl-carousel:hover .owl-nav .owl-prev,
.owl-carousel:hover .owl-nav .owl-next {
    opacity: 1;
}

.owl-carousel:hover .owl-nav .owl-prev {
    left: -25px;
}

.owl-carousel:hover .owl-nav .owl-next {
    right: -25px;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}


.featured-carousel-serv-res.owl-carousel .owl-dots,
.featured-carousel-magz-res.owl-carousel .owl-dots,
.featured-carousel-labts-res.owl-carousel .owl-dots,
.featured-carousel-docs-pdu.owl-carousel .owl-dots,
.featured-carousel-docs-cp.owl-carousel .owl-dots,
.featured-carousel-und-th.owl-carousel .owl-dots,
.featured-carousel-int-eval.owl-carousel .owl-dots,
.featured-carousel-pub-comp.owl-carousel .owl-dots,
.featured-carousel-corp-idt.owl-carousel .owl-dots,
.featured-carousel-reslts.owl-carousel .owl-dots,
.featured-carousel-campus-1.owl-carousel .owl-dots,
.featured-carousel-campus-2.owl-carousel .owl-dots,
.featured-carousel-normtv-ic.owl-carousel .owl-dots,
.featured-carousel-inst-adms.owl-carousel .owl-dots,
.featured-carousel-serv-univ.owl-carousel .owl-dots,
.featured-carousel-galry.owl-carousel .owl-dots,
.featured-carousel-servc-univst.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 2px;
}

.featured-carousel-link-soc.owl-carousel .owl-dots,
.featured-carousel-prj-lkg.owl-carousel .owl-dots,
.featured-carousel-reglts-unv.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 4px;
}

/*.featured-carousel-prj-lkg.owl-carousel .own-dots{
    text-align: center;
    margin-top: 20px;
}*/

/*.featured-carousel-magz-res.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 2px;
}*/

#tbl-projects-lkg tbody tr {
    cursor: pointer;
}

.block-20 {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 275px;
    position: relative;
    display: block;
}

.blog-entry {
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px 0px #c5c5c5;
}


.item .blog-entry .layer {
    z-index: 1;
    position: absolute;
    top: calc(100% - 2px);
    height: 100%;
    width: 100%;
    left: 0;
    /*background: -moz-linear-gradient(-45deg, #008B3A, rgba(236,185,50,1)); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(-45deg, #008B3A, rgba(236,185,50,1)); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(135deg, #008B3A, rgba(236,185,50,1)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    transition: 0.5s all;
}




/*.item .blog-entry:hover .layer{
  top:0;
  opacity: .5;
  cursor: pointer;
}*/

.item .blog-entry:hover {
    /*background: -moz-linear-gradient(-45deg, #008B3A, #fff,rgba(236,185,50,1)); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(-45deg, #008B3A, #fff,rgba(236,185,50,1)); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(100deg,rgba(236,185,50,1) , #fff,#008B3A); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: rgb(0, 139, 58);
    background: linear-gradient(0deg, rgba(0, 139, 58, 1) 0%, rgba(255, 255, 255, 1) 100%);
    transition: 0.5s all;
    cursor: pointer;
}


/* BEGIN OF SLIDER NEW 1 */

.img-mgz-ms {
    width: 75px;
    height: 300px;

}

.img-n1,
.img-n2,
.img-n3,
.img-n4,
.img-n5,
.img-n6,
.img-n7,
.img-news,
.img-n8,
.img-n11,
.img-n12,
.img-n13,
.post-sn,
.pnl-twitter,
.pnl-memories {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.item-sld-mult {
    margin-right: 2px;
    margin-left: 2px;
}

.work {
    width: 100%;
}

.work .post-sn {
    width: 315px;
    height: 270px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}

/**STYLE OF TWITTER PANEL*/

@media only screen and (max-width : 320px) {
    .work .pnl-twitter {
        width: 100%;
    }

    .panel-vd>.text {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        font-size: 15px !important;
    }
}

.work .pnl-twitter {
    width: 310px;
    height: 290px;
    display: block;
    font-size: 14px;
    font-family: 'open-sans-light';

    position: relative;
    overflow: hidden;
    z-index: 0;

    border-color: #025a27;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(204, 235, 170, 0.15);
    margin: 10px 5px;
    padding: 0 16px 16px 16px;

}

.text-tweet a {
    text-decoration: none;
    color: #025a27;
    font-weight: bold;
}

/*Mobile device - Panel Twitter*/
/*@media only screen and (min-device-width: 480px){
    .pnl-twitter{
        width: 100%;
        height: 290px;
    }
}*/

/*@media only screen and (min-device-width: 768px){}*/

hr.sep-twitter {
    border-top: 1px solid #025a27;
    padding-top: 0;
    margin-top: 0;
}

hr.sep-twitter-ub {
    border-top: 1px solid #025a27;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.work .pnl-twitter ul.social-media-list li {
    display: inline-block;
}

.work .pnl-twitter ul.social-media-list li a {
    color: #025a27;
    padding: 5px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

.pnl-body-tweet {
    height: 180px;
}



/*blockquote.twitter-tweet {
    width: 315px !important;
    height: 270px !important;
    
    display: inline-block;
    font-family: "open-sans-light" !important;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    border-color: #eee #ddd #bbb;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    margin: 10px 5px;
    padding: 0 16px 16px 16px;
    max-width: 468px;
  }
  
  blockquote.twitter-tweet p {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
  }
  
  blockquote.twitter-tweet a {
    color: inherit;
    font-weight: normal;
    text-decoration: none;
    outline: 0 none;
  }
  
  blockquote.twitter-tweet a:hover,
  blockquote.twitter-tweet a:focus {
    text-decoration: underline;
  }*/

/****/

.work .img-n1 {
    width: 100%;
    height: 500px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    transition: transform 0.3s ease;
}

.work .img-n1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(2, 90, 39, 0), rgba(2, 90, 39, 1));
    pointer-events: none;
    transition: opacity 0.3s ease;
    opacity: 0;
    z-index: 0;
}

.work .img-n1:hover::after {
    opacity: 1;
}

.work .img-n1:hover {
    transform: scale(1.03);
}

.work .img-n1 .text {
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

.work .img-n1:hover h3.title-news-sld {
    font-size: 22px;
    text-decoration: underline;
}

/*.work .img-n1:hover h4.subtitle-news-sld{
    text-decoration: underline;
}*/

/*.work .img-n1 h3.title-news-sld{
    background-color: #025A27;
    color: #FFF;
    padding: 5px;
}*/

/*.work .img-n1 h3.title-news-sld,
.work .img-n1 h4.subtitle-news-sld {
    position: relative;
    color: white;
    display: inline-block;
    padding: 3px;
    background: linear-gradient(#025A27, #025A27);
    border: 2px solid #FFF;
    border-radius: 5px;
}

.work .img-n1 h3.title-news-sld::before,
.work .img-n1 h4.subtitle-news-sld::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: #025A27;
    -webkit-clip-path: text;
    clip-path: text;
    color: transparent;
    padding: 5px;
}*/



.work .img-n11 {
    width: 100%;
    height: 420px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}

.work .pnl-memories {
    width: 100%;
    height: 520px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}

.work .img-n12 {
    width: 100%;
    height: 180px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}

/*.img-nwsp{
    width: 100%;
    height: 380px;
}*/

.work .img-n10 {
    width: 100%;
    height: 260px;
    display: block;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}

.work .img-n2 {
    width: 100%;
    height: 260px;
    display: block;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}

.work .img-n3 {
    width: 100%;
    height: 500px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}

.work .img-n4 {
    width: 100%;
    height: 300px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
    border: 1px solid #025a27;
}

.work .img-n5 {
    width: 100%;
    height: 405px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}

.work .img-n6 {
    width: 100%;
    height: 250px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
    border: 1px solid #025a27;
}

.work .img-n7 {
    width: 100%;
    height: 200px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
    border: 1px solid #025a27;
}

.work .img-n13 {
    width: 100%;
    height: 485px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
    border: 1px solid #dde2df;
}

/*.work .img-mgz-crd{
    width: 170px;
    height: 255px;
    display: block;
    position: relative;
}*/

.img-news {
    width: 720px;
    height: 480px;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
    z-index: 0;
}

.work .text-pn {
    background-color:
        /*rgba(236,185,50,1)*/
        #025a27;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: white;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 60px;

}

.work .text-pn-rls {
    background-color:
        /*rgba(236,185,50,1)*/
        #025a27;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: white;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 60px;
}

.work .text-pn-servc {
    background-color:
        /*rgba(236,185,50,1)*/
        #025a27;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: white;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 37px;
}


.work .text-nrm {
    background-color:
        /*rgba(236,185,50,1)*/
        #025a27;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: white;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 40px;
    border-left: 1px solid #025a27;
    border-right: 1px solid #025a27;
    border-top: 1px solid #025a27;

}

.work .text-bdy {
    background-color: white;
    padding: 5px;
    font-size: 14px;
    color: black;
    font-family: 'open-sans-light';
    height: 80px;
    border-left: 1px solid #025a27;
    border-right: 1px solid #025a27;
    border-bottom: 1px solid #025a27;

}

.work .text-glry {
    border-left: 1px solid #025a27;
    border-right: 1px solid #025a27;
    border-bottom: 1px solid #025a27;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 2vmin;
    color: black;
    font-family: 'open-sans-light';
    height: 60px;
}

.work .pn-bdy-list {
    border-left: 1px solid #025a27;
    border-right: 1px solid #025a27;
    border-bottom: 1px solid #025a27;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 2vmin;
    color: black;
    font-family: 'open-sans-light';
    height: 300px;
}

.sentence-green {
    font-family: 'open-sans-light';
    font-size: 14px;
    color: #025a27;
    font-weight: bold;

}

/*.work{
  background: linear-gradient(to bottom, white 0%,white 25%, #51ec87 75%, #008B3A 100%);
  top: 0;
  left: 0;
  opacity: .5;
  transition: 2s;
}*/

/*.item .work:hover{
  background-position: 100% 100%;

}*/

/*.img-n1:hover {
    cursor: pointer;
    background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
    transition: .4s;
}*/

.work .text {
    padding: 10px;
    padding-top: 5px;
}

.work .text h3 {
    font-size: 20px;
    font-family: 'open-sans-light';
    margin-bottom: 0;
    font-weight: bold;
    color: white;
    font-weight: bold;
    text-decoration: none;
    /*text-shadow: 1px 1px 2px black, 0 0 25px #025a27, 0 0 5px #025a27;*/
}

/*.work .text h3 a {
    color: white;
    font-weight: bold;
}*/

.work .text h4 {
    font-size: 12px;
    font-weight: 400;
    font-family: 'open-sans-light';
    margin: 8px;
    color: #fff;
    font-weight: bold;
    padding: 1px 8px;
    text-decoration: none;
}

.work .text h4 a {
    color: #fff;
    font-weight: bold;
    padding: 1px 8px;
}

.work .text .cat {
    font-size: 12px;
    color: black;
    font-weight: 400;
    font-family: 'open-sans-light';
    background: rgba(236, 185, 50, 1);
    padding: 1px 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 5px;
}

.img-n1 .meta-date {
    display: inline-block;
    background: #2D2D2D;
}

.img-n1 .meta-date span {
    display: block;
    color: #fff;
}

.img-n1 .meta-date .day {
    font-weight: 700;
    font-size: 20px;
    font-family: 'open-sans-light';
}

.img-n1 .meta-date .mos,
.img-n1 .meta-date .yr {
    font-size: 13px;
    font-family: 'open-sans-light';
}


/* END OF SLIDER NEW 2 */

/*.btn-img-gradient:hover::before{
  opacity: 5;
  transition: opacity 0.3s;
}


.btn-img-gradient:hover{
  opacity: .5;
  cursor: pointer;

  position:absolute;
  top:calc(100% - 2px);
  height:100%;
  width:100%;
  left:0;
  background: -moz-linear-gradient(-45deg, #008B3A, rgba(236,185,50,1)); /* FF3.6-15 */
/*background: -webkit-linear-gradient(-45deg, #008B3A, rgba(236,185,50,1)); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(135deg, #008B3A, rgba(236,185,50,1)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*transition:0.5s all;
}*/



/*.btn-img-shadow:hover{
  border: 1px solid #ddd;
  box-shadow: 0px 0px 10px 0px #c5c5c5;
}*/


/*.blog-entry a:hover {
    box-shadow: 0 0 50px #008B3A;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}*/

.blog-entry .text {
    position: relative;
    border-top: 0;
    border-radius: 2px;
}

.blog-entry .text .heading {
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: 600;
    font-family: 'open-sans-light';
    color: #2D2D2D;
    text-align: justify;
}

.blog-entry .text .heading a {
    color: #000;
}

.blog-entry .text .heading a:hover,
.blog-entry .text .heading a:focus,
.blog-entry .text .heading a:active {
    color: black;
    text-decoration: none;
}

.blog-entry .text .meta-chat {
    color: #b3b3b3;
}

.blog-entry .text .read {
    color: #000;
    font-size: 14px;
}

.blog-entry .meta-date {
    display: inline-block;
    background: #2D2D2D;
}

.blog-entry .meta-date span {
    display: block;
    color: #fff;
}

.blog-entry .meta-date .day {
    font-weight: 700;
    font-size: 20px;
    font-family: 'open-sans-light';
}

.blog-entry .meta-date .mos,
.blog-entry .meta-date .yr {
    font-size: 13px;
    font-family: 'open-sans-light';
}

.blog-entry .meta>div {
    display: block;
    margin-right: 5px;
    margin-bottom: 0px;
    font-size: 15px;
}

.blog-entry .meta>div a {
    color: #b3b3b3;
    font-size: 13px;
}

.blog-entry .meta>div a:hover {
    color: #cccccc;
}

.blog-entry .meta2 a {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: rgba(0, 0, 0, 0.4);
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.abstract-txt {
    color: black;
    font-size: 14px;
    text-align: justify;
    font-family: 'open-sans-light';
}

.btn-read-more {
    background-color: #008B3A;
    text-decoration: none;
    color: white;
    font-size: 14px;
    font-family: 'open-sans-light';
    font-weight: bold;
}

.btn-read-more:hover {
    background-color: #2D2D2D;
    text-decoration: none;
    color: white;
}





/* */

/* END OF LATEST NEWS */



/* BEGIN OF METRICS */
.metrics-crd {
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px 0px #c5c5c5;
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 20px;
    height: 130px;
}

/*.video-tv{
    width: 100%;
    height: 100%;
}*/

/*.accordion-header{
    font-family: 'open-sans-light';
    font-weight: bold;
    color: white;
    background-color: #025a27;
}*/

/*.accordion-button{
    background-color: #025a27 !important;
    font-family: 'open-sans-light';
    font-weight: bold;
    color: white !important;
}*/



#title-met {
    color: #008B3A;
    font-size: 22px;
    text-align: center;
    font-family: 'open-sans-light';
    font-weight: bold;
}

/* END OF METRICS*/

/* BEGIN OF TOUR VIRTUAL */
.m100 {
    height: 100%;
    min-height: 100%;
}

/* END OF TOUR VIRTUAL */





/*#navbarTogglerDemo03{
  color: white;
}

.custom-toggler .navbar-toggler {
  border-color: rgb(255,102,203);
} */

/*#navbarTogglerDemo01{
  float: right;
}*/

/**/

/* STYLES SPECIFIC TO FOOTER  */
.footer {
    font-size: 16pt;
    width: 100%;
    position: relative;
    height: auto;
    background-color: #2D2D2D;
    margin-bottom: -50px;
}

.footer .col {
    width: 300px;
    height: auto;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 20px 20px 20px;
}

.footer .col h1 {
    margin: 0;
    padding: 0;
    font-family: 'open-sans-light';
    font-size: 14px;
    line-height: 17px;
    padding: 20px 0px 5px 0px;
    color: rgba(236, 185, 50, 1);
    font-weight: bold;
    /*text-transform: uppercase;*/
    letter-spacing: 0.250em;
}

.footer .col ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.list-circle-text {
    list-style-type: none;
}

.list-circle-text li::before {
    content: "\2022";
    color: rgba(236, 185, 50, 1);
    font-weight: bold;
    display: inline-block;
    width: 2em;
    margin-left: -1em;
}

.list-circle-text li a {
    font-family: 'open-sans-light';
    font-size: 14px;
    color: black;
    text-decoration: none;
}

.list-circle-text li a:hover,
.list-circle-text li a:focus,
.list-circle-text li a:active {
    background-color: #025a27;
    color: white;
    font-weight: bold;
}

#itm-list-small {
    font-size: 10px;
    cursor: pointer;
}

.footer .col ul li {
    color: white;
    font-size: 14px;
    font-family: 'open-sans-light';
    font-weight: normal;
    padding: 5px 0px 5px 0px;
    /*cursor: pointer;*/
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
}

#elm-copyright {
    color: white;
    font-size: 14px;
    font-family: 'open-sans-light';
    font-weight: normal;
    padding: 5px 0px 5px 0px;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    text-align: center;
}

/*#link-items{
    cursor: pointer;
}*/

.img-lg-uteq {
    width: 300;
    height: 40;
}

.stl-it-sm {
    text-align: left;
}

#link-social-items li a {
    color: #025a27;
    text-decoration: none;
}

#link-social-items li a:hover {
    color: rgba(236, 185, 50, 1);
    text-decoration: none;
}

#link-items li a {
    color: white;
    text-decoration: none;
}

#link-items li a:hover {
    color: rgba(236, 185, 50, 1);
    text-decoration: none;
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    color: rgba(236, 185, 50, 1);
    text-decoration: none;
}

.link-menu-tst {
    color: #025a27 !important;
    text-decoration: none;
}

.link-menu-tst:hover {
    color: rgba(236, 185, 50, 1) !important;
    text-decoration: none;
}

.link-menu-tst:visited {
    color: #025a27 !important;
    text-decoration: none;
}

.footer .col ul li:hover {
    color: #ffffff;
    transition: .1s;
    -webkit-transition: .1s;
    -moz-transition: .1s;
}

.clearfix {
    clear: both;
}

hr.rounded {
    border-top: 2px solid #ECB932;
    border-radius: 1px;
}

.pn-md-pg {
    border: 1px solid rgba(236, 185, 50, 1);
    padding: 5px;
    font-size: 14px;
    font-family: 'open-sans-light';
    padding-left: 25px;

}

/*** Scroll Table ***/
.custom-scroll {
    max-height: 440px;
    overflow-y: auto;
}

.custom-scroll::-webkit-scrollbar {
    width: 10px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background:
        /*#888*/
        #025A27;
    border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background:
        /*#555*/
        #ECB932;
}

/*********/

@media only screen and (min-width: 1280px) {
    .footer {
        margin-bottom: -50px;
    }

    .contain {
        width: 1200px;
        margin: 0 auto;
    }

    .page-banner .txt-h1 {
        font-size: 60px;
        font-weight: bold;
    }

    .sentence-first {
        font-family:
            /*"brittany-signature"*/
            "playball-font";
        background-color: #025a27;
        color: white;
        font-size: 28px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 60px;
    }

    .img-news {
        width: 720px;
        height: 480px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    /*.work .img-n2{
        width: 100%;
        height: 250px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }*/

    .map-cp2 {
        width: 100%;
        height: 100vh;
    }

    .box-crd.pnl-magazines {
        width: 400px;
    }

    .work .img-n2 {
        width:
            /*100%*/
            270px;
        height: 210px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n11 {
        width: 100%;
        height: 420px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height: 520px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-bd-dean {
        height: 355px;
    }

    .shp-title {
        text-align: left;
    }

    .shp-content {
        text-align: left;
    }

    .pn-banner-page {
        width: 100%;
        height: 270px;
    }
}

@media only screen and (max-width: 2400px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n2 {
        width: 100%;
        height: 260px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n11 {
        width: 100%;
        height: 420px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height: 520px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-bd-dean {
        height: 305px;
    }

    .pn-banner-page {
        width: 100%;
        height: 470px;
    }

    .work .img-n1 {
        height: 500px;

    }

}

@media only screen and (min-width: 2400px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-banner-page {
        width: 100%;
        height: 500px;
    }
}


.link-news-inside {
    color: #025a27;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

.link-news-inside:hover {
    color: #2D2D2D;
    font-weight: bold;
    cursor: pointer;
}

/**IMAGES SLIDER NEWS**/

/*465px*/

@media only screen and (max-width: 139px) {

    .work .img-n1 {
        height: 250px;

    }

    .title-news-sld {
        font-size: 14px !important;
    }

    .subtitle-news-sld {
        font-size: 9px !important;
    }

    .card-nw-image {
        height: 100px !important;
    }

    .work .img-n13 {
        height: 200px;
    }

    .img-portrait-news {
        width: 25px;
        height: 20px;
    }

    .panel-vd>.text {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        font-size: 7px !important;
    }

}

@media only screen and (max-width: 189px) and (min-width: 140px) {

    .work .img-n1 {
        height: 320px;

    }

    .title-news-sld {
        font-size: 14px !important;
    }

    .subtitle-news-sld {
        font-size: 9px !important;
    }

    .card-nw-image {
        height: 110px !important;
    }

    .work .img-n13 {
        height: 250px;
    }

    .img-portrait-news {
        width: 40px;
        height: 35px;
    }

    .panel-vd>.text {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        font-size: 10px !important;
    }

}

@media only screen and (max-width: 249px) and (min-width: 190px) {

    .work .img-n1 {
        height: 450px;

    }

    .title-news-sld {
        font-size: 17px !important;
    }

    .subtitle-news-sld {
        font-size: 11px !important;
    }

    .card-nw-image {
        height: 130px !important;
    }

    .work .img-n13 {
        height: 300px;
    }

    .img-portrait-news {
        width: 50px;
        height: 45px;
    }

    .panel-vd>.text {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        font-size: 15px !important;
    }

}

@media only screen and (max-width: 299px) and (min-width: 250px) {

    .work .img-n1 {
        height: 530px;

    }

    .title-news-sld {
        font-size: 20px !important;
    }

    .subtitle-news-sld {
        font-size: 13px !important;
    }

    .card-nw-image {
        height: 150px !important;
    }

    .work .img-n13 {
        height: 350px;
    }

    .img-portrait-news {
        width: 65px;
        height: 60px;
    }

    .panel-vd>.text {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        font-size: 15px !important;
    }

}

@media only screen and (max-width: 349px) and (min-width: 300px) {

    .work .img-n1 {
        height: 630px;

    }

    .title-news-sld {
        font-size: 23px !important;
    }

    .subtitle-news-sld {
        font-size: 16px !important;
    }

    .card-nw-image {
        height: 170px !important;
    }

    .work .img-n13 {
        height: 410px;
    }

    .img-portrait-news {
        width: 80px;
        height: 80px;
    }

    .panel-vd>.text {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        font-size: 15px !important;
    }

}

@media only screen and (max-width: 389px) and (min-width: 350px) {

    .work .img-n1 {
        height: 700px;

    }

    .title-news-sld {
        font-size: 26px !important;
    }

    .subtitle-news-sld {
        font-size: 22px !important;
    }

    .card-nw-image {
        height: 190px !important;
    }

    .work .img-n13 {
        height: 490px;
    }

    .img-portrait-news {
        width: 100px;
        height: 90px;
    }

    .panel-vd>.text {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        font-size: 17px !important;
    }

}

@media only screen and (max-width: 414px) and (min-width: 390px) {

    .work .img-n1 {
        height: 760px;

    }

    .title-news-sld {
        font-size: 26px !important;
    }

    .subtitle-news-sld {
        font-size: 22px !important;
    }

    .card-nw-image {
        height: 210px !important;
    }

    .work .img-n13 {
        height: 550px;
    }

    .img-portrait-news {
        width: 110px;
        height: 90px;
    }

    .panel-vd>.text {
        position: absolute;
        inset: 0;
        display: grid;
        place-items: center;
        font-size: 18px !important;
    }

}

@media only screen and (max-width: 444px) and (min-width: 415px) {

    .work .img-n1 {
        height: 820px;

    }

    .title-news-sld {
        font-size: 26px !important;
    }

    .subtitle-news-sld {
        font-size: 22px !important;
    }

    .card-nw-image {
        height: 230px !important;
    }

    .work .img-n13 {
        height: 590px;
    }

    .img-portrait-news {
        width: 110px;
        height: 90px;
    }

    .pn-aut-data-px {
        width: 400px;
        height: 640px;
    }

}

@media only screen and (max-width: 464px) and (min-width: 445px) {

    .work .img-n1 {
        height: 850px;

    }

    .title-news-sld {
        font-size: 26px !important;
    }

    .subtitle-news-sld {
        font-size: 22px !important;
    }

    .card-nw-image {
        height: 250px !important;
    }

    .work .img-n13 {
        height: 630px;
    }

    .img-portrait-news {
        width: 130px;
        height: 90px;
    }

}

@media only screen and (max-width: 499px) and (min-width: 465px) {

    .work .img-n1 {
        height: 220px;

    }

    .title-news-sld {
        font-size: 9px !important;
    }

    .subtitle-news-sld {
        font-size: 7px !important;
    }

    .work .img-n13 {
        height: 330px;
    }

    .img-portrait-news {
        width: 130px;
        height: 90px;
    }

}

@media only screen and (max-width: 599px) and (min-width: 500px) {

    .work .img-n1 {
        height: 260px;

    }

    .title-news-sld {
        font-size: 10px !important;
    }

    .subtitle-news-sld {
        font-size: 8px !important;
    }

    .work .img-n13 {
        height: 380px;
    }

    .img-portrait-news {
        width: 150px;
        height: 90px;
    }

}

@media only screen and (max-width: 689px) and (min-width: 600px) {

    .work .img-n1 {
        height: 300px;

    }

    .title-news-sld {
        font-size: 10px !important;
    }

    .subtitle-news-sld {
        font-size: 8px !important;
    }

    .work .img-n13 {
        height: 390px;
    }

    .img-portrait-news {
        width: 150px;
        height: 90px;
    }

}

@media only screen and (max-width: 799px) and (min-width: 690px) {

    .work .img-n1 {
        height: 360px;

    }

    .title-news-sld {
        font-size: 12px !important;
    }

    .work .img-n13 {
        height: 400px;
    }

    .img-portrait-news {
        width: 95px;
        height: 70px;
    }

}

@media only screen and (max-width: 899px) and (min-width: 800px) {

    .work .img-n1 {
        height: 410px;

    }

    .title-news-sld {
        font-size: 13px !important;
    }

    .work .img-n13 {
        height: 530px;
    }

    .img-portrait-news {
        width: 95px;
        height: 70px;
    }

}

@media only screen and (max-width: 999px) and (min-width: 900px) {

    .work .img-n1 {
        height: 450px;

    }

    .title-news-sld {
        font-size: 14px !important;
    }

    .work .img-n13 {
        height: 550px;
    }

    .img-portrait-news {
        width: 95px;
        height: 70px;
    }

}

@media only screen and (max-width: 1049px) and (min-width: 1000px) {

    .work .img-n1 {
        height: 480px;

    }

    .title-news-sld {
        font-size: 14px !important;
    }

    .work .img-n13 {
        height: 550px;
    }

    .img-portrait-news {
        width: 95px;
        height: 70px;
    }

}

@media only screen and (max-width: 1149px) and (min-width: 1050px) {

    .work .img-n1 {
        height: 530px;
    }

    .work .img-n13 {
        height: 350px;
    }

    .img-portrait-news {
        width: 95px;
        height: 70px;
    }

}

/*@media only screen and (max-width: 1199px) and (min-width: 1150px) {

    .img-portrait-news{
        width: 60px;
        height: 70px;
    }

}*/

@media only screen and (max-width: 1249px) and (min-width: 1150px) {

    .work .img-n1 {
        height: 570px;
    }

    .work .img-n13 {
        height: 350px;
    }

    .img-portrait-news {
        width: 120px;
        height: 80px;
    }

}

@media only screen and (max-width: 1399px) and (min-width: 1250px) {

    .work .img-n1 {
        height: 620px;
    }

    .work .img-n13 {
        height: 420px;
    }

    .img-portrait-news {
        width: 120px;
        height: 80px;
    }

}

@media only screen and (max-width: 1549px) and (min-width: 1400px) {

    .work .img-n1 {
        height: 700px;

    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 300px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

@media only screen and (max-width: 1699px) and (min-width: 1550px) {

    .work .img-n1 {
        height: 770px;

    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 330px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

@media only screen and (max-width: 1804px) and (min-width: 1700px) {

    .work .img-n1 {
        height: 820px;
    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 360px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

@media only screen and (max-width: 1849px) and (min-width: 1805px) {

    .work .img-n1 {
        height: 860px;

    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 380px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

@media only screen and (max-width: 2000px) and (min-width: 1850px) {

    .work .img-n1 {
        height: 920px;

    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 400px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

@media only screen and (max-width: 2100px) and (min-width: 2001px) {

    .work .img-n1 {
        height: 600px;

    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 420px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

@media only screen and (max-width: 2250px) and (min-width: 2101px) {

    .work .img-n1 {
        height: 650px;

    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 440px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

@media only screen and (max-width: 2400px) and (min-width: 2251px) {

    .work .img-n1 {
        height: 690px;

    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 490px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

@media only screen and (max-width: 2500px) and (min-width: 2401px) {

    .work .img-n1 {
        height: 720px;

    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 520px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

@media only screen and (max-width: 2630px) and (min-width: 2501px) {

    .work .img-n1 {
        height: 740px;

    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 520px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

@media only screen and (max-width: 2720px) and (min-width: 2631px) {

    .work .img-n1 {
        height: 770px;

    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 550px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

@media only screen and (max-width: 2860px) and (min-width: 2721px) {

    .work .img-n1 {
        height: 800px;
    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 570px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

@media only screen and (max-width: 2940px) and (min-width: 2861px) {

    .work .img-n1 {
        height: 840px;

    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 600px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

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

    .work .img-n1 {
        height: 870px;
    }

    .pn-bd-dean {
        height: 320px;
    }

    .pn-banner-page {
        width: 100%;
        height: 620px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

}

/* CSS for images magazines of slider */

@media only screen and (max-width: 799px) and (min-width: 768px) {

    .work .img-n13 {
        height: 530px;
    }

    /*.pn-aut-data {
        width: 500px;
        height: 630px;
    }

    .pn-bd-dean {
        width: 500px;
        height: 630px;
    }*/

    /*.pn-bd-dean {
        width: 694px;
    }

    .pn-aut-data {
        height: 400px;
    }*/

}

@media only screen and (max-width: 1049px) and (min-width: 1025px) {

    .work .img-n13 {
        height: 350px;
    }

}

@media only screen and (max-width: 1249px) and (min-width: 1200px) {

    .work .img-n13 {
        height: 420px;
    }

}


/* */


/****/

@media only screen and (max-width: 1399px) {

    .work .img-n2 {
        width:
            /*100%*/
            270px;
        height: 210px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n11 {
        width: 100%;
        height: 350px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height: 450px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-bd-dean {
        height:
            /*280px*/
            300px;
    }

    .work .img-n10 {
        width: 100%;
        height: 220px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 290px;
    }

}

@media only screen and (max-width: 1199px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n2 {
        width:
            /*100%*/
            225px;
        height: 170px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n11 {
        width: 100%;
        height: 300px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height: 400px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-bd-dean {
        height: 299px;
    }

    .pn-aut-data {
        width: 100%;
        height:
            /*343px*/
            299px;
    }

    .work .img-n10 {
        width: 100%;
        height: 175px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 250px;
    }

}

@media only screen and (max-width: 1139px) {
    .footer {
        margin-bottom: -50px;
    }

    .contain .social {
        width: 1000px;
        display: block;
    }

    .social h1 {
        margin: 0px;
    }

    .page-banner .txt-h1 {
        font-size: 50px;
    }

    .sentence-first {
        font-family:
            /*"brittany-signature"*/
            "playball-font";
        background-color: #025a27;
        color: white;
        font-size: 23px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 60px;
    }

    .img-news {
        width: 720px;
        height: 480px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    /*.work .img-n2{
        width: 100%;
        height: 250px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }*/

    .map-cp2 {
        width: 100%;
        height: 100vh;
    }

    .box-crd.pnl-magazines {
        width: 400px;
    }

    .work .img-n2 {
        width:
            /*100%*/
            228px;
        height: 170px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n11 {
        width: 100%;
        height: 290px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height: 390px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-bd-dean {
        height: 299px;
    }

    .shp-title {
        text-align: left;
    }

    .shp-content {
        text-align: left;
    }

    .pn-banner-page {
        width: 100%;
        height: 235px;
    }

}

/*1025px - 1199px*/
@media only screen and (max-width: 1199px) and (min-width: 1025px) {

    .work .pnl-twitter {
        width: 225px;
        height: 320px;
    }

    .pnl-body-tweet {
        height: 200px;
    }

    .text-tweet {
        font-size: 12px;
        text-align: justify;
    }

    .img-portrait-news {
        width: 100px;
        height: 80px;
    }

    .pn-bd-dean {
        height: 343px;
    }

    .pn-aut-data {
        width: 100%;
        height: 343px;
    }

}

/*1200px - 1399px*/
/*@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .work .pnl-twitter {
        width: 265px;
        height: 320px;

    }

    .text-tweet {
        font-size: 13px;
        text-align: justify;
    }

}*/

.bi-tiktok,
.bi-twitter-x {
    font-size: 24px !important;
}


/*568px - 465px*/

@media only screen and (max-width: 1399px) and (min-width: 1200px) {
    .pnl-form-filter-books {
        height: 170px;
    }

    .pnl-form-filter-news {
        height: 160px;
    }

    .pnl-form-filter-agreeg {
        height: 160px;
    }

    .title-mn-third {
        font-size: 14px;
    }

    .pnl-form-filter-news-dep {
        height: 110px;
    }

    .work .pnl-twitter {
        width: 265px;
        height: 320px;

    }

    .text-tweet {
        font-size: 13px;
        text-align: justify;
    }



}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .pnl-form-filter-books {
        height: 240px;
    }

    .pnl-form-filter-news {
        height: 160px;
    }

    .pnl-form-filter-agreeg {
        height: 160px;
    }

    .pnl-box-agreem {
        height: 340px;
    }

    .pnl-form-filter-news-dep {
        height: 170px;
    }

}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .pnl-form-filter-books {
        height: 240px;
    }

    .pnl-form-filter-news {
        height: 210px;
    }

    .pnl-form-filter-agreeg {
        height: 235px;
    }

    .pnl-box-agreem {
        height: 340px;
    }

    .pnl-form-filter-news-dep {
        height: 170px;
    }

}

@media only screen and (max-width: 767px) and (min-width: 576px) {
    .pnl-form-filter-books {
        height: 300px;
    }

    .pnl-form-filter-news {
        height: 270px;
    }

    .pnl-form-filter-agreeg {
        height: 235px;
    }

    .pnl-form-filter-news-dep {
        height: 230px;
    }

}

@media only screen and (max-width: 574px) and (min-width: 465px) {

    .work .pnl-twitter {
        width: 215px;
        height: 325px;

    }

    .text-tweet {
        font-size: 10px;
        text-align: justify;
    }

    .pnl-form-filter-news {
        height: 275px;
    }

    .pnl-form-filter-books {
        height: 300px;
    }

    .pnl-form-filter-agreeg {
        height: 300px;
    }

    .pnl-form-filter-news-dep {
        height: 230px;
    }



}

@media only screen and (max-width: 464px) {

    .pnl-form-filter-news {
        height: 275px;
    }

    .pnl-form-filter-books {
        height: 300px;
    }

    .pnl-form-filter-agreeg {
        height: 300px;
    }

    .pnl-form-filter-news-dep {
        height: 230px;
    }

    /*.card-pn-unv .card-pn-txt {
        font-size: 10px;
    }*/

}



/*767px - 569px*/
@media only screen and (max-width: 767px) and (min-width: 575px) {

    .work .pnl-twitter {
        width: 240px;
        height: 325px;

    }

    .text-tweet {
        font-size: 11px;
        text-align: justify;
    }

    .img-portrait-news {
        width: 155px;
        height: 90px;
    }

    .pn-aut-data {
        width: 500px;
        height: 630px;
    }

    .pn-bd-dean {
        width: 500px;
        height: 630px;
    }

    .pnl-box-agreem {
        height: 340px;
    }

    /*.pn-bd-dean {
        width: 520px;
        height: 600px;
    }*/

    /*.pn-aut-data {
        width: 458px;
        height: 580px;
    }

    .pn-bd-dean {
        width: 457px;
        height: 590px;
    }*/


}



@media only screen and (max-width: 1024px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n2 {
        width:
            /*100%*/
            340px;
        height: 270px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n11 {
        width: 100%;
        height: 460px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height: 560px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n10 {
        width: 100%;
        height: 270px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 210px;
    }

    .pn-bd-dean {
        height: 360px;
    }

    .pn-aut-data {
        width: 100%;
        height: 360px;
    }

}

@media only screen and (max-width: 950px) {

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

    .footer .col {
        width: 33%;
    }

    .footer .col h1 {
        font-size: 14px;
    }

    .footer .col ul li {
        font-size: 13px;
    }

    .page-banner .txt-h1 {
        font-size: 35px;
    }

    .sentence-first {
        font-family:
            /*"brittany-signature"*/
            "playball-font";
        background-color: #025a27;
        color: white;
        font-size: 20px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 60px;
    }

    .img-news {
        width: 620px;
        height: 350px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n2 {
        width:
            /*100%*/
            340px;
        height: 260px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n11 {
        width: 100%;
        height: 460px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height:
            /*560px*/
            400px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    /*.work .img-n2{
        width: 100%;
        height: 250px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }*/

    .map-cp2 {
        width: 100%;
        height: 400px;
    }

    /*.carousel-container{
        width: 350px;
    }*/

    .box-crd.pnl-magazines {
        width: 350px;
    }

    .pn-bd-dean {
        height:
            /*299px*/
            343px;
    }

    .shp-title {
        text-align: center;
    }

    .shp-content {
        text-align: center;
    }

    .pn-banner-page {
        width: 100%;
        height: 195px;
    }

    .pn-aut-data {
        width: 100%;
        height: 343px;
    }


}

@media only screen and (max-width: 850px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-banner-page {
        width: 100%;
        height: 170px;
    }
}

@media only screen and (max-width: 767px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n2 {
        width:
            /*100%*/
            255px;
        height: 190px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n11 {
        width: 100%;
        height: 330px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height:
            /*430px*/
            300px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    /*.pn-bd-dean {
        width: 457px;
        height: 590px;
    }*/

    .work .img-n10 {
        width: 100%;
        height: 200px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 160px;
    }

    .pn-aut-data {
        width: 500px;
        height: 630px;
    }

    .pn-bd-dean {
        width: 500px;
        height: 630px;
    }

}

@media only screen and (max-width: 766px) and (min-width: 651px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-banner-page {
        width: 100%;
        height: 140px;
    }

    .pn-aut-data {
        width: 500px;
        height: 630px;
    }

    .pn-bd-dean {
        width: 500px;
        height: 630px;
    }

}

@media only screen and (max-width: 650px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-banner-page {
        width: 100%;
        height: 123px;
    }
}

@media only screen and (max-width: 575px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-bd-dean {
        width: 457px;
        height: 580px;
    }

    .pn-banner-page {
        width: 100%;
        height: 120px;
    }

    .pnl-form-filter-books {
        height:
            /*445px*/
            380px;
    }

    .pnl-form-filter-news {
        height: 270px;
    }

    .pnl-form-filter-agreeg {
        height: 300px;
    }

    .pnl-box-agreem {
        height: 340px;
    }

    .pnl-form-filter-news-dep {
        height: 230px;
    }

    .pn-aut-data-px {
        width: 458px;
        height: 640px;
    }

}

@media only screen and (max-width: 574px) {
    .footer {
        margin-bottom: -50px;
    }

    /*.pn-bd-dean {
        width: 490px;
        height: 590px;
    }*/

    .pn-banner-page {
        width: 100%;
        height: 120px;
    }

    /*.pn-bd-dean {
        width: 457px;
        height: 580px;
    }*/

    .pn-aut-data {
        width: 458px;
        height: 590px;
    }



}

@media only screen and (max-width: 573px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-bd-dean {
        width: 490px;
        height: 590px;
    }

    .pn-banner-page {
        width: 100%;
        height: 120px;
    }

    .pn-aut-data {
        width: 491px;
        height: 590px;
    }

}

@media only screen and (max-width: 572px) and (min-width: 552px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-aut-data {
        width: 468px;
        height: 590px;
    }

    .pn-bd-dean {
        width: 468px;
        height: 590px;
    }

    .pn-banner-page {
        width: 100%;
        height: 118px;
    }

}

@media only screen and (max-width: 551px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n2 {
        width:
            /*100%*/
            250px;
        height: 190px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-aut-data {
        width: 492px;
        height: 590px;
    }

    .pn-banner-page {
        width: 100%;
        height: 110px;
    }

}

@media only screen and (max-width: 550px) and (min-width: 530px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-aut-data {
        width: 450px;
        height: 590px;
    }

    .pn-bd-dean {
        width: 450px;
        height: 590px;
    }

    .pn-banner-page {
        width: 100%;
        height: 110px;
    }

}

@media only screen and (max-width: 529px) and (min-width: 500px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-aut-data {
        width: 430px;
        height: 590px;
    }

    .pn-bd-dean {
        width: 430px;
        height: 590px;
    }

    .work .img-n10 {
        width: 100%;
        height: 190px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 110px;
    }

}

@media only screen and (max-width: 542px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n2 {
        width:
            /*100%*/
            245px;
        height: 190px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

}

@media only screen and (max-width: 542px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n2 {
        width:
            /*100%*/
            240px;
        height: 190px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

}

@media only screen and (max-width: 530px) {
    .footer {
        margin-bottom: -50px;
    }

    .footer .col {
        width: 50%;
    }

    .footer .col h1 {
        font-size: 14px;
    }

    .footer .col ul li {
        font-size: 13px;
    }

    .page-banner .txt-h1 {
        font-size: 35px;
    }

    .sentence-first {
        font-family:
            /*"brittany-signature"*/
            "playball-font";
        background-color: #025a27;
        color: white;
        font-size: 18px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 60px;
    }

    .img-news {
        width: 100%;
        height: 200px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n2 {
        width: 235px;
        height: 190px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .map-cp2 {
        width: 100%;
        height: 300px;
    }

    /*.carousel-container{
        width: 350px;
    }*/

    .box-crd.pnl-magazines {
        width: 350px;
    }

    .pn-bd-dean {
        height: 600px;
    }

    .shp-title {
        text-align: center;
    }

    .shp-content {
        text-align: center;
    }
}

@media only screen and (max-width: 508px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n2 {
        width:
            /*100%*/
            230px;
        height: 190px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n11 {
        width: 100%;
        height: 310px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height:
            /*410px*/
            250px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 100px;
    }
}

@media only screen and (max-width: 501px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n2 {
        width:
            /*100%*/
            225px;
        height: 190px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

}


@media only screen and (max-width: 499px) and (min-width: 470px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-aut-data {
        width: 400px;
        height: 590px;
    }

    .pn-bd-dean {
        width: 400px;
        height: 590px;
    }

    .work .img-n10 {
        width: 100%;
        height: 180px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 105px;
    }

}

@media only screen and (max-width: 507px) and (min-width: 479px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n11 {
        width: 100%;
        height: 300px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height:
            /*400px*/
            250px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 100px;
    }
}

@media only screen and (max-width: 478px) and (min-width: 465px) {

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

    .work .img-n11 {
        width: 100%;
        height: 280px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height:
            /*380px*/
            250px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n10 {
        width: 100%;
        height: 170px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 100px;
    }
}

@media only screen and (max-width: 464px) and (min-width: 455px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n11 {
        width: 100%;
        height: 550px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height:
            /*650px*/
            475px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n10 {
        width: 100%;
        height: 350px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 100px;
    }
}

@media only screen and (max-width: 454px) and (min-width: 450px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n11 {
        width: 100%;
        height: 530px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height:
            /*630px*/
            475px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n10 {
        width: 100%;
        height: 340px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 100px;
    }
}

@media only screen and (max-width: 469px) and (min-width: 450px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-aut-data {
        width: 380px;
        height: 590px;
    }

    .pn-bd-dean {
        width: 380px;
        height: 590px;
    }

    /*.work .img-n11 {
        width: 100%;
        height: 530px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }*/

}

@media only screen and (max-width: 449px) and (min-width: 430px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-aut-data {
        width: 360px;
        height: 590px;
    }

    .pn-bd-dean {
        width: 360px;
        height: 590px;
    }

    .work .img-n11 {
        width: 100%;
        height: 500px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height:
            /*600px*/
            475px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n10 {
        width: 100%;
        height: 320px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 90px;
    }

}

@media only screen and (max-width: 429px) and (min-width: 400px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n11 {
        width: 100%;
        height: 500px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height:
            /*600px*/
            450px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n10 {
        width: 100%;
        height: 300px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 80px;
    }

    /*.pn-aut-data {
        width: 100px;
        height: 590px;
    }

    .pn-bd-dean {
        width: 500px;
        height: 590px;
    }*/


}

@media only screen and (max-width: 400px) and (min-width: 394px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n11 {
        width: 100%;
        height: 480px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height:
            /*580px*/
            400px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n10 {
        width: 100%;
        height: 300px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 80px;
    }
}

@media only screen and (max-width: 429px) and (min-width: 370px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-aut-data {
        width: 300px;
        height: 590px;
    }

    .pn-bd-dean {
        width: 300px;
        height: 590px;
    }

    /*.work .img-n11 {
        width: 100%;
        height: 450px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }*/

    /*.pn-aut-data {
        width: 100px;
        height: 590px;
    }

    .pn-bd-dean {
        width: 500px;
        height: 590px;
    }*/

}

@media only screen and (max-width: 393px) and (min-width: 370px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n10 {
        width: 100%;
        height: 280px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 75px;
    }
}

@media only screen and (max-width: 369px) and (min-width: 340px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-aut-data {
        width: 330px;
        height: 590px;
    }

    .pn-bd-dean {
        width: 330px;
        height: 590px;
    }

    .work .img-n11 {
        width: 100%;
        height: 420px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height:
            /*520px*/
            350px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n10 {
        width: 100%;
        height: 260px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 75px;
    }
}

@media only screen and (max-width: 339px) and (min-width: 300px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-aut-data {
        width: 310px;
        height: 590px;
    }

    .pn-bd-dean {
        width: 310px;
        height: 590px;
    }

    .work .img-n10 {
        width: 100%;
        height: 220px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .pn-banner-page {
        width: 100%;
        height: 75px;
    }
}

@media only screen and (max-width: 299px) {
    .footer {
        margin-bottom: -50px;
    }

    .pn-banner-page {
        width: 100%;
        height: 50px;
    }
}


@media only screen and (max-width: 491px) {
    .footer {
        margin-bottom: -50px;
    }

    .work .img-n2 {
        width:
            /*100%*/
            220px;
        height: 180px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

}

@media only screen and (max-width: 464px) {
    .footer {
        margin-bottom: -350px;
    }

    .work .img-n2 {
        width:
            /*100%*/
            420px;
        height: 320px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

}

@media only screen and (max-width: 340px) {
    .footer {
        margin-bottom: -50px;
    }

    .footer .col {
        width: 100%;
    }

    .sentence-first {
        font-family:
            /*"brittany-signature"*/
            "playball-font";
        background-color: #025a27;
        color: white;
        font-size: 15px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 60px;
    }

    .img-news {
        width: 100%;
        height: 200px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n2 {
        width: 400px;
        height: 300px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .img-n11 {
        width: 100%;
        height: 400px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .work .pnl-memories {
        width: 100%;
        height:
            /*500px*/
            350px;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
        z-index: 0;
    }

    .map-cp2 {
        width: 100%;
        height: 300px;
    }

    /*.carousel-container{
        width: 300px;
    }*/

    .box-crd.pnl-magazines {
        width: 350px;
    }

    .pn-bd-dean {
        height: 600px;
    }

    .shp-title {
        text-align: center;
    }

    .shp-content {
        text-align: center;
    }

}

/**/



/* PAGE BANNER */
.bg-cover {
    background-size: cover !important;
    /*background: url(../../assets/img/bn-m-2-1.jpg);*/
    padding-top: 5%;
    padding-bottom: 5%;
}

.txt-h1 {
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    font-family: 'open-sans-light';
    letter-spacing: 2px;
}

/* */

/* BEGIN OF SIDE MENU */
.title-mn-latr {
    font-weight: bold;
    color:
        /*rgba(236,185,50,1)*/
        /*#008B3A*/
        #025a27;
    font-family: 'open-sans-light';
    font-size: 22px;
}

.title-mn-secund {
    font-weight: bold;
    color:
        /*rgba(236,185,50,1)*/
        #025a27;
    font-family: 'open-sans-light';
    font-size: 22px;
    text-align: center;
}

.title-mn-third {
    font-weight: bold;
    color: white;
    font-family: 'open-sans-light';
    background-color: #025a27;
}

.title-mn-four {
    font-size: 15px;
    font-weight: bold;
    color: white;
    font-family: 'open-sans-light';
    background-color: #025a27;
    border: 1px solid #025a27;
}

.pnl-info-title-auth {
    border-right: 1px solid rgba(236, 185, 50, 1);
    border-bottom: 1px solid rgba(236, 185, 50, 1);
    border-left: 1px solid rgba(236, 185, 50, 1);

}

.title-mn-announce {
    font-weight: bold;
    color: white;
    font-family: 'open-sans-light';
    background-color: #025a27;
}

.title-mn-announce:hover {
    background-color: rgba(236, 185, 50, 1);
    color: white;
    cursor: pointer;
}

.title-mn-announce a:hover {
    background-color: rgba(236, 185, 50, 1);
    color: white;
}


.content-menu-side {
    border-left: 2px solid rgba(236, 185, 50, 1);

}

.title-cont-page-evt-1 {
    font-size: 25px;
    font-weight: bold;
    color: rgba(236, 185, 50, 1);
    font-family: 'open-sans-light';
}

.title-cont-page-evt-2 {
    font-size: 25px;
    font-weight: bold;
    color: #000;
    font-family: 'open-sans-light';
}

.title-evt-area {
    font-size: 15px;
    font-weight: bold;
    color: #025a27;
    font-family: 'open-sans-light';
}

.badge-cust-facb {
    background-color:
        /*#2196f3*/
        #0359a0;
    width: 150px;
    margin-bottom: 5px;
    font-family: 'open-sans-light';
}

/*News badges*/

.badge-cust-facb-news {
    background-color: #4267B2;
    width: 25px;
    margin-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
}

.badge-cust-twit-news {
    background-color: #1DA1F2;
    width: 25px;
    margin-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
}

.badge-cust-gog-news {
    background-color: #db4a39;
    width: 25px;
    margin-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
}

.badge-cust-wha-news {
    background-color: #25D366;
    width: 25px;
    margin-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
}

.badge-cust-telg-news {
    background-color: #229ED9;
    width: 25px;
    margin-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
}

.badge-cust-linkedin-news {
    background-color: #0A66C2;
    width: 25px;
    margin-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
}

/**/

/*PANELS OF OTHERS NEWS*/

.link-news-dep {
    text-decoration: none;
}

.pnl-other-news {
    height: 125px;
    border: 1px solid #EFEEEE;
    background-color: #FFF;
    font-size: 14px;
    font-weight: 900;
    color: #025a27;
    font-family: 'open-sans-light';
    /*text-align: justify;*/
    text-decoration: none;

    /*display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;*/
}

.pnl-other-news:hover,
.pnl-other-news:active,
.pnl-other-news:focus {
    background-color: #EFEEEE;
    cursor: pointer;
}

.pnl-other-news .text-news-other {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
}

.pnl-other-news a {
    color: #025a27;
    text-decoration: none;
}

.pnl-other-news a:hover,
.pnl-other-news a:focus,
.pnl-other-news a:active {
    color:
        /*rgba(236,185,50,1)*/
        #000;
    text-decoration: underline;
    background-color: #EFEEEE;
}

.pnl-other-news .date-news {
    color:
        /*rgba(236, 185, 50, 1)*/
        #6d5618;

}

.title-cont-page-news {
    font-size: 25px;
    font-weight: 900;
    color: #000;
    font-family: 'open-sans-light';
    /*border: 2px dashed #025a27;
    text-decoration: underline;*/
}

.pnl-summary-news {
    font-weight: 900;
    font-family: 'open-sans-light';
    /*text-align: justify;*/
    font-size: 17px;
    font-weight: bold;
    font-style: italic;
    /*background-color: #EFEEEE;
    border: 1px dashed #EFEEEE;*/
}

/**/

.badge-cust-yout {
    background-color: #FF0000;
    margin-left: 3px;
    width: 150px;
    margin-bottom: 5px;
}

.badge-pag-web-inst {
    background-color: #025a27;
    margin-left: 3px;
    width: 150px;
    margin-bottom: 5px;
}

.cls-icon-facb {
    color: #2196f3;
}

.cls-icon-yout {
    color: #FF0000;
}

.cls-icon-wp {
    color: #025a27;
}

.cls-icon-facb:hover,
.cls-icon-facb:focus,
.cls-icon-yout:hover,
.cls-icon-yout:focus,
.cls-icon-wp:hover,
.cls-icon-wp:focus {
    color: rgba(236, 185, 50, 1);
}

.list-info-pnts {
    list-style-type: none;
    font-size: 18px;
    color: #000;
    font-family: 'open-sans-light';
}

.text-pnl-insd-evt {
    font-size: 16px;
    color: #000;
    font-family: 'open-sans-light';
    text-align: center;
}

.link-inscrip-evt {
    font-family: 'open-sans-light';
    font-size: 14px !important;
    font-weight: bold;
    height: 40px;
    width: 100px;
    cursor: pointer;
    background-color: rgba(236, 185, 50, 1);
    border: none;
    border-radius: 20px;
    color: white;
    padding: 8px 15px;
    margin: 4px;
    text-decoration: none;
}

.link-inscrip-evt:hover {
    color: white;
    background-color: #025a27;
}

.txt-title-side-pnl-evt {
    font-size: 14px;
    color: #000;
    font-family: 'open-sans-light';
    text-align: right;
    font-weight: bold;
}

.txt-body-side-pnl-evt {
    font-size: 14px;
    color: #000;
    font-family: 'open-sans-light';
    text-align: center;
    background-color: #C5D8A4;
}

.paragraph-cont .text-cont-evt {
    font-family: 'open-sans-light';
    font-size: 14px;
    color: #2D2D2D;
    text-align: justify;
}

.item-side-menu {
    font-size: 12px;
    color: #424949;
    font-family: 'open-sans-light';
    font-weight: bold;
    text-decoration: none;

}

.list-unord-inf {
    font-size: 14px;
    color: #2D2D2D;
    font-family: 'open-sans-light';
    list-style-type: upper-latin;
}

.list-unord-step {
    font-size: 14px;
    color: #2D2D2D;
    font-family: 'open-sans-light';
    list-style-type: decimal;
    padding-left: 10px;
}

.list-unord-titles {
    font-size: 14px;
    color: #2D2D2D;
    font-family: 'open-sans-light';
    list-style-type: square;
    padding-left: 10px;
}

.list-unord-step li a {
    color: #025a27;
    font-weight: bold;
}

.list-unord-step li a:hover {
    color: #025a27;
    font-weight: bold;
}

.list-side-menu {
    list-style-type: square;
    color: rgba(236, 185, 50, 1);

}

.panel-mapa-tp {
    width: 100%;
    height: auto;
}

.item-side-menu:hover {
    /*color: #2D2D2D;
    text-decoration: none;*/
    color: #fff;
    background-color: #025a27;
    font-weight: bold;
    padding: 5px;
}

/*.dropdown-item a:hover{
    color: #fff;
    background-color: #025a27;
    font-weight: bold;
    padding: 5px;
}*/

.item-side-menu-active {
    color: #fff;
    background-color: #025a27;
    font-weight: bold;
    padding: 5px;
}

.img-mn-side {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.magz-month {
    width: 100%;
    height: auto;
}


/* */


/* BEGIN OF CONTENT PAGE */
.title-cont-page {
    font-size: 25px;
    font-weight: bold;
    color: #025a27;
    font-family: 'open-sans-light';
}

.msg-pnl-search {
    font-size: 18px;
    font-weight: bold;
    color: #025a27;
    font-family: 'open-sans-light';
}

.subtitle-text {
    font-size: 14px;
    font-weight: bold;
    color: #025a27;
    font-family: 'open-sans-light';
}

/*.header-tab-pn li{
  padding-left: 2px;
  padding-right: 2px;
}

.header-tab-pn li a{
  background-color: #EFEEEE;
  color: #008B3A;
  padding: 7px;
  font-weight: bold;
  font-family: 'open-sans-light';
  font-size: 14px;

}

.header-tab-pn li.active a {
  background-color: rgba(236,185,50,1);
  color: white;
  font-weight: bold; 
}

.tab-content{
  background-color: #EFEEEE;

}*/

/*a:hover,a:focus{
    outline: none;
    text-decoration: none;
}*/
/*.tab{
    width: 100%;
}

.tab .nav-tabs{
    background: #fff;
}
.tab .nav-tabs li{
    text-align: center;
    margin-right: 3px;
    padding-bottom: 5px;
}
.tab .nav-tabs a{
    text-align: center;
    margin-right: 3px;
    padding-bottom: 5px;
    background-color: #EFEEEE;
    color: #025a27;
    padding: 7px;
    font-weight: bold;
    font-family: 'open-sans-light';
    font-size: 14px;
    margin-right: 0;
    border-radius: 0;
    border: none;
    position: relative;
    transition: all 0.5s ease 0s;
}
.tab .nav-tabs a.active,
.tab .nav-tabs a:hover{
    background-color: #025a27;
    color: white;
    font-weight: bold;
    border: none;
}
.tab .tab-content{
    padding: 30px 40px;
    border: 1px solid rgba(236,185,50,1);
}

@media only screen and (max-width: 480px){
    .tab .nav-tabs ul{
        width: 100%;
    }

}*/

.nav.nav-tabs .nav-item {
    text-align: center;
    margin-right: 3px;
    padding-bottom: 3px;
    background-color: #EFEEEE;
}

.nav-item button {
    text-align: center;
    margin-right: 3px;
    padding-bottom: 5px;
    background-color: #EFEEEE;
    color: #025a27;
    padding: 7px;
    font-weight: bold;
    font-family: 'open-sans-light';
    font-size: 14px;
    margin-right: 0;
    border-radius: 0;
    border: none;
    position: relative;
    transition: all 0.5s ease 0s;
}

.nav-item button.active,
.nav-item button:hover {
    background-color: #025a27;
    color: white;
    font-weight: bold;
    border: none;
}

.nav.nav-tabs .nav-link.active {
    background-color: #025a27;
    color: white;
    font-weight: bold;
    border: none;
}

.tab-content {
    padding: 30px 40px;
    border: 1px solid rgba(236, 185, 50, 1);
}

/* */

#map-cp1 {
    width: 100%;
    height: 500px;

}

.map-cp2 {
    width: 100%;
    height: 450px;
}


/* */
.blue-text {
    color: #00BCD4
}

.form-control-label {
    font-family: 'open-sans-light';
    font-size: 14px;
    color:
        /*rgba(236,185,50,1)*/
        #2D2D2D;
    font-weight: bold;
}

.alert-form {
    font-family: 'open-sans-light';
    font-size: 14px;
    font-weight: bold;
}

#txtphone {
    border-radius: 5px;
}

.form-card input,
.form-card textarea {
    padding: 8px 15px;
    margin: 5px 0px;
    box-sizing: border-box;
    border: 1px solid rgba(236, 185, 50, 1);
    font-size: 14px !important;
    font-weight: 300;
    font-family: 'open-sans-light';
    color: #2D2D2D;
    background-color: #EFEEEE;
}

.form-card input:focus,
.form-card textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #008B3A;
    outline-width: 0;
    font-weight: 400;
    background-color: white;
}

.form-card-filter input,
.form-card-filter textarea {
    padding: 8px 15px;
    margin: 5px 0px;
    box-sizing: border-box;
    border: 1px solid rgba(236, 185, 50, 1);
    font-size: 14px !important;
    font-weight: 300;
    font-family: 'open-sans-light';
    color: #2D2D2D;
    background-color: #EFEEEE;
}

.form-card-filter input:focus,
.form-card-filter textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #008B3A;
    outline-width: 0;
    font-weight: 400;
    background-color: white;
}

.selct-indep {
    width: 200px;
    padding: 8px 15px;
    margin: 5px 0px;
    border-radius: 0;
    box-sizing: border-box;
    border: 1px solid rgba(236, 185, 50, 1);
    font-size: 14px !important;
    font-weight: 300;
    font-family: 'open-sans-light';
    color: #2D2D2D;
    background-color: #EFEEEE;
}

.pnl-list-files-docs {
    padding: 8px 15px;
    margin: 5px 0px;
    box-sizing: border-box;
    border: 1px solid rgba(236, 185, 50, 1);
    font-size: 14px !important;
    font-weight: 300;
    font-family: 'open-sans-light';
    color: #2D2D2D;
    background-color: #FFF;
    border-radius: 5px;
}

.ul-list-files-docs {
    list-style: none;
}

.form-select {
    padding: 8px 15px;
    margin: 5px 0px;
    border-radius: 0;
    box-sizing: border-box;
    border: 1px solid rgba(236, 185, 50, 1);
    font-size: 14px !important;
    font-weight: 300;
    font-family: 'open-sans-light';
    color: #2D2D2D;
    background-color: #EFEEEE;
}

.form-select-1 {
    font-size: 14px !important;
    font-weight: 300;
    font-family: 'open-sans-light';
    color: #2D2D2D;
    padding: 0 !important;
    margin-top: 5px !important;
}

.form-select-1 .form-select-1__control {
    border: 1px solid rgba(236, 185, 50, 1);
    background-color: #EFEEEE;
}

.form-select-1 .form-select-1__control--is-focused.form-select-1__control--menu-is-open {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #008B3A;
    outline-width: 0;
    font-weight: 400;
    background-color: white;
}

.form-select:focus,
.selct-indep:focus,
input:focus,
textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #008B3A;
    outline-width: 0;
    font-weight: 400;
    background-color: white;
}

.form-group .form-select {
    border: 1px solid rgba(236, 185, 50, 1);
    padding: 8px 15px;
    margin: 5px 0px;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 14px !important;
    font-weight: 300;
    font-family: 'open-sans-light';
    color: #2D2D2D;
    background-color: #EFEEEE;
}

.form-group .form-select:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #008B3A;
    outline-width: 0;
    font-weight: 400;
    background-color: white;
}



.btn-block {
    font-family: 'open-sans-light';
    font-size: 14px !important;
    font-weight: bold;
    height: 43px;
    width: 200px;
    cursor: pointer;
    background-color: #025a27;
    border: none;
    color: white;
    padding: 8px 15px;
    margin: 4px;
}

.btn-block-2 {
    font-family: 'open-sans-light';
    font-size: 14px !important;
    font-weight: bold;
    height: 39px;
    width: 150px;
    cursor: pointer;
    background-color: #025a27;
    border: none;
    color: white;
    border-radius: 5px;
}

.btn-block-area {
    font-family: 'open-sans-light';
    font-size: 14px !important;
    font-weight: bold;
    height: 40px;
    width: 100px;
    cursor: pointer;
    background-color: #025a27;
    border: none;
    color: white;
    padding: 8px 15px;
    margin: 3px;
    border-radius: 5px;
}

.btn-block-search-flt {
    font-family: 'open-sans-light';
    font-size: 14px !important;
    font-weight: bold;
    height: 40px;
    width: 50px;
    cursor: pointer;
    background-color: #025a27;
    border: none;
    color: white;
    padding: 8px 15px;
    margin: 3px;
    border-radius: 5px;
}

.btn-all-data {
    font-family: 'open-sans-light';
    font-size: 14px !important;
    font-weight: bold;
    height: 40px;
    width: 100%;
    cursor: pointer;
    background-color: #FFF;
    border:
        /*1px solid #025a27*/
        1px dashed #c5c5c5;
    color: #000;
    /*padding: 8px 15px;
    margin: 3px;*/
    margin-bottom: 4px;
    border-radius: 5px;
}

.btn-all-data:disabled,
.btn-all-data[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #FFF;
    cursor: no-drop;
}

.btn-all-data:hover,
.btn-all-data:active,
.btn-all-data:focus {
    background-color: #2D2D2D;
    color: #FFF;
    border: 1px solid #c5c5c5;
}

.btn-block-tbl {
    cursor: pointer;
    background-color: #FFF;
    color: #025a27;
}

.btn-block:disabled,
.btn-block[disabled],
.btn-block-area:disabled,
.btn-block-area[disabled],
.btn-block-search-flt:disabled,
.btn-block-search-flt[disabled],
.btn-block-2:disabled,
.btn-block-2[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #FFF;
    cursor: no-drop;
}

.btn-block-tbl:disabled,
.btn-block-tbl[disabled] {
    border: 1px solid #999999;
    background-color: #FFF;
    color: #999999;
    cursor: no-drop;
}

.btn-block:hover:enabled,
.btn-block-area:hover:enabled,
.btn-block-search-flt:hover:enabled,
.btn-block-2:hover:enabled {
    color: white;
    background-color: #2D2D2D;
}

.btn-block-tbl:hover:enabled {
    color: rgba(236, 185, 50, 1);
    background-color: white;
}

.btn-act-frm {
    font-family: 'open-sans-light';
    font-size: 14px !important;
    font-weight: bold;
    height: 40px;
    width: 100px;
    cursor: pointer;
    background-color:
        /*rgba(236,185,50,1)*/
        #025a27;
    border: none;
    color: white;
    padding: 8px 15px;
    margin: 4px;
}

.btn-act-frm:hover {
    color: white;
    background-color: #2D2D2D;
}

.link-sga-adms {
    text-decoration: none;
}

/*button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0
}*/

.modal-title {
    font-family: 'open-sans-light';
    font-size: 18px !important;
    font-weight: bold !important;
    text-align: center !important;
    color: #025a27;
}

/*.modal-dialog{
    background: rgba(0,0,0,0.5) !important;
}

.modal-content{
    border: 2px solid #025a27 !important;
}*/

/*.modal-open{
    background-color: #008B3A !important;
}*/


/* Modal windows */
/*.modal {
    border-radius: 7px;
    background-color: transparent;
    font-family: "open-sans-light";
}

.modal .modal-content {
    background-color: transparent;
    border: none;
    border-radius: 7px;
}

.modal .modal-content .modal-body {
    border-radius: 7px;
    overflow: hidden;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9);
    box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9);
}

.modal .modal-content .modal-body h2 {
    font-size: 18px;
}

.modal .modal-content .modal-body p {
    color: black;
    font-size: 14px;

}

.modal .modal-content .modal-body h3 {
    font-weight: 900;
    color: black;
    font-size: 22px;
}

.modal .modal-content .modal-body .close-btn {
    color: #000;
}

.modal .modal-content .modal-body .promo-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.modal .cancel {
    color: gray;
    font-size: 14px;
}

.modal .btn-modal {
    font-family: 'open-sans-light';
    font-size: 14px !important;
    font-weight: bold;
    background-color: #025a27;
    border: none;
    color: white;
    padding: 8px 15px;
    margin: 4px;
    width: 120px;
}

.modal .btn-modal:hover, .modal .btn-modal:focus{
    color: white;
    background-color: #2D2D2D;
}*/


/* */

/* */
.zoomify {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.zoomify.zoomed {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    z-index: 1501;
}

.zoomify-shadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1500;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
}

.zoomify-shadow.zoomed {
    opacity: 1;
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

/* */


/* Cards tab panel */

.card-tp {
    background: #EFEEEE;
    border: 1px solid rgba(236, 185, 50, 1);
    color: black;
    margin-bottom: 2rem;
    font-family: 'open-sans-light';
    font-size: 12px;
    width: 18rem;
}

/*.card-img-top{
    /*border-bottom: 1px solid rgba(236,185,50,1);*/
/*}*/

/*.card-img-top{
    width: 100%; 
    height: 100%;
}*/

.shp-title {
    color: #424949;
    font-family: 'open-sans-light';
    font-size: 16px;
    font-weight: bold;
}

.shp-content {
    color: #424949;
    font-family: 'open-sans-light';
    font-size: 14px;
}

.card-tp .card-title {
    color:
        /*#008B3A*/
        #025a27;
    font-weight: bold;
    text-align: center;
    font-size: 15px;

}

.card-tp .card-body {
    height: 130px;
}

.card-tp .card-body-cont {
    height: 190px;
}

.card-tp .card-body-aut {
    height: 135px;
}

.card-tp .card-body-aut-ev {
    height: 60px;
}

.card-tp .card-body-aut-ubu {
    height: 90px;
}

.card-tp .card-bdy-ocas {
    height: 80px;
}

.card-tp .card-subtitle {
    color:
        /*#2D2D2D*/
        black;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}

.card-tp .card-subtitle-aut-1 {
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    background-color: #025a27;
    padding: 8px;
    height: 50px;
}

.card-tp .card-subtitle-aut-2 {
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    background-color: #025a27;
    padding: 8px;
    height: 35px;
}

.card-tp .card-text {
    color:
        /*#2D2D2D*/
        black;
    font-weight: bold;
    text-align: center;
    font-size: 12px;

}

.pnl-img-brochr {
    width: 242px;
    height: 237px;
}

/*.pnl-img-msc{
    width: 389px;
    height: 270px;
}*/

/*Panels news*/
.card-only-news {
    background: white;
    color: black;
    font-family: 'open-sans-light';
    width: 18rem;
    border: 1px solid #ddd;
    padding: 20px;
    box-shadow: 0px 0px 10px 0px #c5c5c5;
    margin-bottom: 20px;
}

.card-only-news .card-nw-image {
    width: 100%;
    height: 270px;

}

.card-only-news .card-nw-type {
    color: #025a27;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    background-color: white;
    padding: 5px;
    height: 40px;
    display: -webkit-box;
    max-width: 625px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-only-news .card-nw-title {
    color:
        /*gray*/
        #4f4f4f;
    font-weight: bold;
    text-align: right;
    font-size: 12px;
    background-color: white;
    padding: 8px;
    height: 20px;
}

.card-only-news .card-nw-bdy {
    /*height: 150px;*/
    overflow: hidden;
}

.card-only-news .card-nw-bdy .pnl-text-news {
    height: 100px;
    background-color: white;
}

.card-only-news .card-nw-bdy .pnl-text-news p {
    font-size: 14px;
    color: black;
    padding: 10px;
    margin-bottom: 2rem;
    /*text-align: justify;*/
    display: -webkit-box;
    max-width: 625px;
    -webkit-line-clamp: 4;
    height: 95px;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-franja {
    background-color: #025a27;
    height: 7px;
}

.sticker-tipo-dept {
    color: white;
    font-size: 12px !important;
}

.pagination {
    font-size: 12px;
    font-family: 'open-sans-light';
    color: white !important;
    font-weight: bold;

}

.pagination .page-item .active .page-link {
    background-color: rgba(236, 185, 50, 1);

}

.pagination .page-item .disabled {
    background-color: #EFEEEE;

}

.pagination .page-item {
    background-color: white;
    color: #EFEEEE;

}

/**/

.card-pn-med {
    background: #EFEEEE;
    border: 1px solid #EFEEEE;
    color: black;
    margin-bottom: 2rem;
    font-family: 'open-sans-light';
    width: 100%;
}

.card-pn-med .card-pn-med-title {
    font-family: 'open-sans-light';
    font-size: 16px;
    background-color: #025a27;
    color: white;
    font-weight: bold;
    padding: 8px;
}

.card-pn-med .card-pn-med-body {
    height: 200px;
    background-color: #EFEEEE;
}









/*.card-pn-med .card-pn-med-body .card-pn-med-lst{
    list-style: none;
}

.item-lst-fct > a{
    color: black;
    width: 100%;
    
}

.item-lst-fct > a:hover{
    background-color: #D5D5D5;
    
    
}*/



/*.card-pn-med .card-pn-med-body .card-pn-med-lst > a{
   color: #025a27;
   font-weight: bold;
   font-family: 'open-sans-light';
   font-size: 14px;
   padding-top: 3px;
   padding-bottom: 3px;
}

.card-pn-med .card-pn-med-body .card-pn-med-lst > a:hover{
   color: rgba(236,185,50,1);
   
}*/

.card-pn-unv {
    background: #EFEEEE;
    border: 1px solid #025a27;
    color: black;
    margin-bottom: 2rem;
    font-family: 'open-sans-light';
    font-size: 12px;
    width: 100%;
    height: 250px;
}

.card-pn-unv .card-pn-tit {
    font-family: 'open-sans-light';
    font-size: 18px;
    font-weight: bold;
    background-color: #025a27;
    color: white;
    padding: 7px;
    text-align: center;
}

.card-pn-unv .card-pn-txt {
    font-family: 'open-sans-light';
    font-size: 14px;
    color: black;
    text-align: justify;
}



.btn-tp {
    font-family: 'open-sans-light';
    font-size: 14px !important;
    font-weight: bold;
    height: 43px;
    width: 200px;
    cursor: pointer;
    background-color: #025a27;
    border: none;
    color: white;
    padding: 8px 15px;
    margin: 4px;
    text-decoration: none;
}

.btn-tp:hover,
.btn-tp:focus {
    color: white;
    background-color: #2D2D2D;
}

.btn-gp {
    font-family: 'open-sans-light';
    font-size: 14px !important;
    font-weight: bold;
    height: 43px;
    width: 200px;
    cursor: pointer;
    background-color: #025a27;
    border: none;
    color: white;
    padding: 8px 15px;
    margin: 4px;
}

.btn-gp:hover,
.btn-gp:focus {
    color: white;
    background-color: #2D2D2D;
}


/* */


/* */

/*.featured-carousel-video {
  width: 100%;
}

.item-video {
  width: 315px;
  height: 195px;
  display: block;
  background-color: white;

}*/

/* */
.link-image {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 203px;
    position: relative;
    display: block;
}

.paragraph-cont .subtitle-cont {
    font-family: 'open-sans-light';
    font-size: 14px;
    font-weight: bold;
    color: black;
    text-align: left;
}

.paragraph-cont .subtitle-cont-news {
    font-family: 'open-sans-light';
    font-size: 14px;
    font-weight: bold;
    color: black;
    text-align: center;
}

.paragraph-cont .text-cont {
    font-family: 'open-sans-light';
    font-size: 14px;
    color: #2D2D2D;
    /*text-align: justify;*/
}

.paragraph-cont .line-only {
    font-family: 'open-sans-light';
    font-size: 14px;
    color: #2D2D2D;
}

.text-information {
    font-family: 'open-sans-light';
    font-size: 14px;
    font-weight: bold;
    color: #025a27;
    text-align: left;
}

.list-links {
    font-family: 'open-sans-light';
    font-size: 14px;
    text-align: left;
    color: black;
}

.list-links:hover {
    color: black;
}

.list-links-sup {
    font-family: 'open-sans-light';
    font-size: 14px;
    text-align: left;
    color: black;
    list-style-type: decimal;
}

.list-links-sup:hover {
    color: black;
}

.pn-temp-hist {
    background-color: #EEEEEE;
    border: 1px solid #025a27;
    margin-right: 8px;

}

.txt-bdy-pn {
    font-size: 14px;
    font-family: 'open-sans-light';
    color: black;
    text-align: justify;
    padding: 3px;

}

.txt-title-pn {
    font-size: 18px;
    font-family: 'open-sans-light';
    color: #025a27;
    text-align: center;
    font-weight: bold;
    padding: 5px;
}



/* Tables */

.table-wp,
.table-wp-newspaper {
    color: black;
    font-size: 14px;
    font-family: 'open-sans-light';
    border: 1px solid #EFEEEE !important;
}

.table-static {
    color: black;
    font-size: 14px;
    font-family: 'open-sans-light';
    /*border: 1px solid rgba(236,185,50,1);*/
}

.table-static thead th {
    background-color: #2D2D2D;
    color: white;
    font-size: 16px;
    margin: 5px;
    padding: 5px;
    font-family: 'open-sans-light';
    border: 1px solid #2D2D2D;

}

.table-static tbody td {
    background-color: white;
    color: black;
    font-size: 14px;
    border: 1px solid rgba(236, 185, 50, 1);
    padding: 5px;
    font-family: 'open-sans-light';
}

.table-wp thead th,
.table-wp-newspaper thead th {
    background-color: rgba(236, 185, 50, 1);
    color: white;
    font-size: 14px;
    font-family: 'open-sans-light';
    font-weight: bold;
}

.table-wp tbody td,
.table-wp-newspaper tbody td {
    padding: 2px !important;
}

/* Personalización del scrollbar */
.table-wp-newspaper::-webkit-scrollbar {
    width: 5px;
    /* Ancho del scrollbar */
}

.table-wp-newspaper::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* Color de fondo del track */
    border-radius: 10px;
    /* Bordes redondeados del track */
}

.table-wp-newspaper::-webkit-scrollbar-thumb {
    background:
        /*#888*/
        #ECB932;
    /* Color del thumb */
    border-radius: 10px;
    /* Bordes redondeados del thumb */
}

.table-wp-newspaper::-webkit-scrollbar-thumb:hover {
    background:
        /*#555*/
        #025A27;
    /* Color del thumb al pasar el ratón */
}


.pnl-intg {
    border: 1px solid rgba(236, 185, 50, 1);

}

.btn-table {
    color: rgba(236, 185, 50, 1);
    /*background-color: white;*/
}

.column-center-tb {
    text-align: center;
}

.btn-table:hover,
.btn-table:focus {
    color: #008B3A;
    /*background-color: white;*/
}

.btn-custm {
    color: rgba(236, 185, 50, 1);
    padding: 5px;
    border: 1px solid rgba(236, 185, 50, 1);
    margin: 2px;
    font-weight: bold;


}

.btn-custm:hover,
.btn-custm:focus {
    color: #008B3A;
}

.dataTables_length {
    color: #2D2D2D !important;
    font-size: 14px !important;
    font-family: 'open-sans-light' !important;
    font-weight: bold;
}

.dataTables_length>label>select {
    border: 1px solid rgba(236, 185, 50, 1) !important;
    background-color: #EFEEEE;
    font-size: 14px !important;
    font-family: 'open-sans-light' !important;
    margin: 5px;

}

.dataTables_filter {
    color: #2D2D2D !important;
    font-size: 14px !important;
    font-family: 'open-sans-light' !important;
    font-weight: bold;
}

.dataTables_filter>label>input {
    border: 1px solid rgba(236, 185, 50, 1) !important;
    background-color: #EFEEEE;
    font-size: 14px !important;
    font-family: 'open-sans-light' !important;
    margin: 5px;

}

.sorting,
.sorting_disabled {
    border: none !important;
}

.dataTables_info {
    color: #2D2D2D !important;
    font-size: 14px !important;
    font-family: 'open-sans-light' !important;
    font-weight: bold;
}

/**/
.dataTables_wrapper .dataTables_paginate>span .paginate_button {
    background: white !important;
    color: black !important;
    font-size: 14px !important;
    font-family: 'open-sans-light' !important;
    border: 1px solid rgba(236, 185, 50, 1) !important;
}

.dataTables_wrapper .dataTables_paginate>span .paginate_button.current {
    background-color: rgba(236, 185, 50, 1) !important;
    color: white !important;
    font-size: 14px !important;
    font-family: 'open-sans-light' !important;
    font-weight: bold !important;
    border: none !important;
}

.dataTables_wrapper .dataTables_paginate>span .paginate_button:hover {
    color: black !important;

}

.dataTables_wrapper .dataTables_paginate>span .paginate_button.current:hover {
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    background: rgba(236, 185, 50, 1) !important;
    color: white !important;
    font-size: 14px !important;
    font-family: 'open-sans-light' !important;
    border: none !important;
    font-weight: bold !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
    background: #B0ACAC !important;
    color: white !important;
    font-size: 14px !important;
    font-family: 'open-sans-light' !important;
    border: none !important;
    font-weight: bold !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover {
    color: white !important;
    font-weight: bold !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
    border-bottom: none !important;
}


/* Table of component react*/

.rdt_Table {
    color: black;
    font-size: 14px;
    font-family: 'open-sans-light';
    border: 1px solid #EFEEEE !important;
}

.rdt_Table .rdt_TableHead .rdt_TableHeadRow {
    background-color:
        /*rgba(236, 185, 50, 1)*/
        #025a27;
    color: white;
    font-size: 14px;
    font-family: 'open-sans-light';
    font-weight: bold;
}

.rdt_TableCol_Sortable div {
    background-color:
        /*rgba(236, 185, 50, 1)*/
        #025a27 !important;
    color: white !important;
}

.rdt_Table .rdt_TableHead .rdt_TableHeadRow:hover {
    color: white;
}

.rdt_Table .rdt_TableBody .rdt_TableRow {
    padding: 2px !important;
    font-size: 14px;
    font-family: 'open-sans-light';
}

.rdt_Pagination select {
    border: 1px solid rgba(236, 185, 50, 1) !important;
    background-color: #FFF;
    font-size: 14px !important;
    font-family: 'open-sans-light' !important;
    border-radius: 10%;
}

.rdt_Pagination button {
    font-size: 14px !important;
    font-family: 'open-sans-light' !important;
}

.dataTables_filter {
    color: #2D2D2D !important;
    font-size: 14px !important;
    font-family: 'open-sans-light' !important;
    font-weight: bold;
}

.dataTables_filter>label>input {
    border: 1px solid rgba(236, 185, 50, 1) !important;
    background-color: #FFF;
    font-size: 14px !important;
    font-family: 'open-sans-light' !important;
    padding: 5px;
    border-radius: 7px;

}



/* */

/* Accordion */
.sublines-objc {
    font-family: 'open-sans-light';
    font-size: 14px;

}

.sublines-objc ul {
    list-style-type: none;
}

.sublines-objc ul>li:before {
    content: "- ";
    width: 2em;
    margin-left: -1em;
}

.sublines-objc h5 {
    font-size: 14px;
    font-weight: bold;
}

.sublines-objc h3 {
    font-size: 15px;
    font-weight: bold;
}

/*.sublines-objc>p {
    text-align: justify;
}*/

.accordion {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

}

.accordion-item {
    /*border: 1px solid rgba(236,185,50,1);
    background-color: white;
    padding: 1px;
    margin-bottom: 5px;
    margin-top: 5px;*/
    font-family: 'open-sans-light';
    font-size: 14px;
    margin: 5px;

}

/*.accordion-header{
  border: 1px solid rgba(236,185,50,1);

}*/

/***/

.pnl-view-more .accordion-header {
    padding: 0;
    margin: 0;
}

.pnl-view-more .accordion-header .accordion-button[aria-expanded="true"] {
    background-color: #FFF;
    color: #025a27;
}

.pnl-view-more .accordion-header .accordion-button[aria-expanded="false"] {
    background-color: white;
    color: #025a27;
}

.pnl-view-more .accordion-body {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.pnl-view-more .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23025a27' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.pnl-view-more .accordion-header .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23025a27' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(0.75) !important;
}

/***/

.accordion-header .accordion-button[aria-expanded="true"] {
    background-color:
        /*#008B3A*/
        #025a27;
    color: white;
}

.accordion-header .accordion-button[aria-expanded="false"] {
    background-color:
        /*rgba(236,185,50,1)*/
        #025a27;
    color: white;
}


.accordion-body {
    border-left: 1px solid rgba(236, 185, 50, 1);
    border-right: 1px solid rgba(236, 185, 50, 1);
    border-bottom: 1px solid rgba(236, 185, 50, 1);

}

.accordion-header .accordion-button {
    background-color: rgba(236, 185, 50, 1);
    color: white;
    font-weight: bold;

}

.accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.accordion-header .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(0.75) !important;
}



/* */

/**/

/*.frm-upload{
    width: 195px;
    height: 250px;
    border: 1px solid rgba(236,185,50,1);
    background-color: #EFEEEE;
}*/
/*.frm-upload p{
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 170px;
    color: black;
    font-family: 'open-sans-light';
    font-size: 18px;
    font-weight: bold;
}*/

.inp-photo {
    /*position: absolute;
    margin: 0;
    padding: 0;
    outline: none;
    opacity: 0;
    height: 300px;
    width: 210px;*/

    width: 200px;
    height: 250px;

    /*width: 413px;
    height: 531px;*/

    border-top: 1px solid rgba(236, 185, 50, 1);
    border-left: 1px solid rgba(236, 185, 50, 1);
    border-right: 1px solid rgba(236, 185, 50, 1);
    background-color: #FFF;
}

.btn-upload {
    font-family: 'open-sans-light';
    font-size: 14px !important;
    font-weight: bold;
    height: 43px;
    width: 100%;
    cursor: pointer;
    background-color: #025a27;
    border: none;
    color: white;
}

.btn-upload:hover {
    color: white;
    background-color: #2D2D2D;
}

.video-lat {
    width: 100%;
    height: 150px;

}

/**/

/*Spinner loading*/
#loading {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff url ('/assets/img/img-loading.gif') no-repeat center center;
    z-index: 9999;
}

/*.loader-container {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    background: rgb(2, 90, 39);
    background: linear-gradient(90deg, rgba(2, 90, 39, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(2, 90, 39, 1) 100%) url ('/assets/img/img-loading-uteq-min.gif') no-repeat center center;
}*/

/*.loader-container{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    background: #FFF url('/assets/img/img-loading-uteq-min.gif') no-repeat center center;
}*/


/*{{ position: "fixed", width: "100%", height: "100vh", background: `#FFF url(/assets/img/img-loading-uteq-min.gif) no-repeat center center`, zIndex: "9999" }}*/





/**/

/*#pnl-announcement{
    background-image: url ('/assets/img/img-min-msg-matrc.jpg');
}*/

#pnl-announcement {
    max-width: 100%;
    max-height: 100%;
    background-color: red;
}

#pnl-announcement:before {
    content: "";
    background-color: #000000;
    background-image: url ('/assets/img/img-min-msg-matrc.jpg');
    opacity: 0.3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 2;
}


.active-style {
    border-color: #2196f3;
}

.accept-style {
    border-color: #00e676;
}

.reject-style {
    border-color: #ff1744;
}

.dropzone-style {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-width: 2px;
    border-radius: 2px;
    border-color: rgba(236, 185, 50, 1);
    border-style: dashed;
    background-color: #EFEEEE;
    color: #2D2D2D;
    transition: border .3s ease-in-out;
    font-family: 'open-sans-light';
    font-size: 14px;
    height: 70px;
}

#pnl-img-rend-ctas {
    width: 300px;
    height: 470px;
}

#img-rend-ctas {
    width: 100%;
    height: 400px;
}

#btn-download-rend-ctas {
    background-color: #025a27;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    font-family: 'open-sans-light';
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

#btn-download-rend-ctas:hover #btn-download-rend-ctas:focus,
#btn-download-rend-ctas:active {
    background-color: #2D2D2D;
}

#pnl-suggestion-rend-ctas {
    width: 100%;
    height: 150px;
    background-color: #EFEEEE;
    border: 2px dashed #FFF;
    text-align: center;
}

#icon-sug-rend-ctas {
    color: rgba(236, 185, 50, 1);
}

.text-pnl-sug-rc {
    font-family: 'open-sans-light';
    font-weight: bold;
    color: #2D2D2D;
    font-size: 16px;
}

/* MODALS */

.mdl-page {
    /*background-image: url('/assets/img/img-min-ubu-planf.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-close-modal {
    position: absolute;
    top: 8px;
    right: 16px;
}

/*        */


/* FACULTY */

.pnl-faculty-box,
.pnl-career-box-group {
    margin-top: 3px;
    margin-bottom: 3px;
    border: 2px solid rgba(236, 185, 50, 1);
}

.pnl-faculty-box .card-img-top,
.pnl-career-box-group .card-img-top {
    border-bottom: 2px solid rgba(236, 185, 50, 1);
    border-radius: 0;
}

.pnl-career-box-group:hover,
.pnl-career-box-group:hover .box-title-career {
    border: 2px solid #025A27;
}

.pnl-career-box-group:hover .card-img-top {
    border-bottom: 2px solid #025A27;
}

.pnl-career-box-group .box-title-career {
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 16px;
    background-color: #025A27;
    color: #FFF;
    padding: 7px;
    border-left: 10px solid rgba(236, 185, 50, 1);
}

.pnl-career-box-group a {
    text-decoration: none;
}

.pn-bd-dean .card-img-top {
    border-radius: 0;
}

.link-fcts {
    font-family: 'open-sans-light';
    font-size: 16px;
    padding: 3px;
    color: black;
    /*margin: 15px;*/
    list-style-type: none;
    text-decoration: none;

}

.item-fctds {
    width: 100%;
    background-color:
        /*#EFEEEE*/
        white;
    padding: 5px;
    color: black;
    /*border: 2px solid rgba(236, 185, 50, 1);*/
}

.item-fctds:hover,
.item-fctds i:hover {
    color: black;
    cursor: pointer;
    border: 2px solid #025a27;
    /*background-color: rgba(236, 185, 50, 1);*/
}

.item-fctds:hover i {
    color: #025a27;
}

/*.item-fctds a:hover {
    color: white;
    font-weight: bold;
    background-color: rgba(236, 185, 50, 1);
}*/

.item-fctds .icon-item-car {
    color: rgba(236, 185, 50, 1);

}

/*         */

/* Badge Download */

.badge-download-web {
    font-family: 'open-sans-light';
    font-size: 16px;
    color: white;
    background-color: #025a27;
    padding: 10px;
}

.badge-download-web:hover,
.badge-download-web:active,
.badge-download-web:focus {
    background-color: rgba(236, 185, 50, 1);
    color: #000;

}

/* */

/* PHOTOGRAPHIES GALLERY */

.pnl-photg {
    border: 2px solid rgba(236, 185, 50, 1);
}

.pnl-photg:hover {
    border: 2px solid #025a27;

    animation: mask 2s steps(69) infinite alternate;
    background-size: cover;
    -webkit-mask: linear-gradient(to left,
            rgb(111, 0, 255),
            rgba(111, 0, 255, 0.616),
            rgba(111, 0, 255, 0.384),
            rgba(111, 0, 255, 0));
    -webkit-mask-size: 7000% 100%;
    mask: linear-gradient(to left,
            rgb(111, 0, 255),
            rgba(111, 0, 255, 0.616),
            rgba(111, 0, 255, 0.384),
            rgba(111, 0, 255, 0));
    mask-size: 7000% 100%;
}

/* */


/* Books covers */

.img-book-cover {
    width: 270px !important;
    height: 380px !important;
    border: 1px solid #BCBCBC;

}

/* */

/* CIDU */
.pnl-evt1:hover {
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    border-radius: 0px 0px 21px 21px !important;
}

.pnl-evt2:hover {
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    border-radius: 0px 0px 21px 21px !important;
}

.pnl-title-img-1 {
    background-color: #025a27;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: white;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 60px;
}

.pnl-title-img-2 {
    background-color: #025a27;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: white;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 40px;
}

.pnl-title-img-3 {
    background-color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: #000;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 60px;
    border: 2px solid #025a27 !important;
    border-radius: 0px 0px 21px 21px !important;
}

.pnl-title-img-4 {
    background-color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #000;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 60px;
    border: 2px solid #025a27 !important;
}

.pnl-title-img-5 {
    background-color: #025a27;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    color: white;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 70px;
}

.pnl-title-img-6 {
    background-color: #2D2D2D;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    color: white;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 50px;
}

.msg-pnl-search-2 {
    font-size: 16px;
    font-weight: bold;
    color: #025a27;
    font-family: 'open-sans-light';
}

.panel-metcs-data-gen {
    border: 1px solid rgba(236, 185, 50, 1) !important;
    height: 60px;
    background-color: #FFF;
}

.panel-metcs-data-gen .icon-data-gen {
    color: rgba(236, 185, 50, 1);
}

.panel-metcs-data-gen:hover {
    background-color: rgba(236, 185, 50, 1);
}

.panel-metcs-data-gen:hover .icon-data-gen,
.panel-metcs-data-gen:hover .msg-pnl-search-2 {
    color: white;
}

.pnl-information-symp {
    border: 1px solid rgba(236, 185, 50, 1) !important;
    background-color: #FFF;
}

.pnl-information-symp .pnl-hdr-symp {
    border: 2px solid #FFF !important;
    background-color: #EFEEEE;
    color: #025a27;
    font-weight: bold;
    font-family: 'open-sans-light';
}

.pnl-information-symp .pnl-bdy-symp {
    border-top: 1px solid rgba(236, 185, 50, 1) !important;
}

.panel-metcs-coord {
    height: 120px;
}

.panel-metcs-coord .title-name-coord {
    font-family: 'open-sans-light';
    font-weight: bold;
    color: #025a27;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.panel-metcs-coord .title-data-coord {
    font-family: 'open-sans-light';
    font-weight: bold;
    font-size: 12px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.panel-metcs-coord .img-metcs-bx {
    width: 90px;
    height: 90px;
}

.pnl-bdy-symp .lbl-name-person {
    font-family: 'open-sans-light';
    font-weight: 600;
    font-size: 14px;
    color: #025a27;
}

.pnl-bdy-symp .lbl-contact-person {
    font-family: 'open-sans-light';
    font-size: 14px;
    color: #000;
}

.pnl-contact-data {
    height: 300px;
    border: 1px solid #EFEEEE;

}

.pnl-contact-data .pnl-header-contact {
    background-color: #025a27;
    font-family: 'open-sans-light';
    font-size: 12px;
    color: #FFF;

}

.pnl-contact-data .pnl-header-contact .text-name-ctc {
    border: 2px solid #FFF;
    padding: 5px;

}

.pnl-speaker-evt {
    font-weight: 600;
    font-family: 'open-sans-light';
}

.pnl-speaker-evt .text-country-speaker {
    color:
        /*rgba(236, 185, 50, 1)*/
        #933515;
    font-size: 13px;
    margin-top: 5px;
    text-decoration: underline;
}

.pnl-speaker-evt .text-name-speaker {
    color: #025a27;
    font-weight: 600;
    font-size: 15px;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-speaker-evt .text-name-speaker-1 {
    color: #025a27;
    font-weight: 600;
    font-size: 15px;
}

.pnl-speaker-evt .text-titles-speaker {
    font-style: italic;
    font-size: 13px;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-speaker-evt .text-subject-speaker {
    color: #933515;
    font-size: 13px;
    /*padding-bottom: 10px;*/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pnl-speaker-evt .text-subject-speaker-1 {
    color: #933515;
    font-size: 13px;
    padding-bottom: 10px;
}

/* */

/* Slider Magazines */

.image-mgz-pnl {
    border: none !important;
    border-radius: 0 !important;

    /*-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;*/

    /*position: relative;*/

    transition: 1s ease;


}

.image-mgz-pnl:hover {
    transform: scale(0.9);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;

    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transition: 1s ease;
}

.pnl-sld-mgz-index {
    border-right: 1px solid #025a27;
}

.title-section {
    background-color: #025a27;
    color: white;
    font-size: 20px;
    font-family: 'open-sans-light';
    font-weight: bold;

    border-top: 4px solid rgba(236, 185, 50, 1);
    border-right: 1px solid rgba(236, 185, 50, 1);
}

/*.title-section-2 {
    background-color: #025a27;
    color: white;
    font-size: 20px;
    font-family: 'open-sans-light';
    font-weight: bold;
}*/

/*.pnl-calendar-index{
    background-color: gray;
}*/

.pnl-item-event {
    border: 1px solid gray;
    display: flex;
    align-items: center;
    margin: 2px !important;


}

.pnl-item-event .pnl-part-one {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #025a27;
    width: 5.2rem;
    height: 5.7rem;
}

.pnl-item-event .pnl-part-one .pnl-date-day-month {
    font-family: 'open-sans-light';
    color: white;
    font-weight: bold;
    font-size: 15px;
    line-height: 1;

}

.pnl-item-event .pnl-part-one .pnl-date-year {
    font-family: 'open-sans-light';
    color: white;
    font-weight: bold;
    line-height: 1;
    font-size: 15px;
}

.pnl-item-event .pnl-part-one .pnl-event-icon {
    color: white;
    font-size: 15px;
    line-height: 1;
}

.pnl-item-event .pnl-part-two {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.pnl-item-event .pnl-part-two .pnl-event-title {
    color: black;
    font-size: 12px;
    font-family: 'open-sans-light';
}


/* */

.pnl-event-calendar {
    border: 1px solid
        /*gray*/
        rgba(236, 185, 50, 1);
    display: flex;
    align-items: center;
    /*margin: 2px !important;*/
    height: 100px;
}

.pnl-event-calendar .pnl-first-part {
    background-color: #025a27;
    color: white;
    font-weight: bold;
    font-size: 15px;
    width: 100%;
    height: 100px;
    border: 1px solid
        /*gray*/
        rgba(236, 185, 50, 1);

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

.pnl-event-calendar .pnl-first-part .pnl-elm-first {
    font-family: 'open-sans-light';
    color: white;
    font-weight: bold;
    font-size: 15px;
    line-height: 1;
}

.pnl-event-calendar .pnl-second-part {
    color: black;
    font-weight: bold;
    font-size: 15px;
}


/* VERSION 2 */

.card-margin-evt {
    margin-bottom: 0.092rem;
    margin-top: 0.094rem;
    cursor: pointer;

    /**/
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.widget-50 .widget-50-title-wrapper {
    display: flex;
    align-items: center;
}

.widget-50 .widget-50-title-wrapper .widget-50-date-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #025a27;
    width: 4.5rem;
    height: 4.1rem;

    /*border: 1px solid #025a27;*/
}

.widget-50 .widget-50-title-wrapper .widget-50-date-primary .widget-50-date-day {
    font-family: 'open-sans-light';
    color: white;
    font-weight: bold;
    font-size: 15px;
    line-height: 1;
}

.widget-50 .widget-50-title-wrapper .widget-50-date-primary .widget-50-date-month {
    font-family: 'open-sans-light';
    color: white;
    line-height: 1;
    font-size: 15px;
    font-weight: bold;
}

.widget-50 .widget-50-title-wrapper .widget-50-meeting-info {
    display: flex;
    flex-direction: column;
    padding: 7px;
    /*width: 22rem;*/
    width: 100%;
    height: 4.1rem;

    border-top: 1px solid
        /*gray*/
        #eeeeee;
    border-bottom: 1px solid
        /*gray*/
        #eeeeee;
    border-right: 1px solid
        /*gray*/
        #eeeeee;
}

.widget-50 .widget-50-title-wrapper .widget-50-meeting-info .pnl-cnt-text {
    height: 2rem;
}

.widget-50 .widget-50-title-wrapper .widget-50-meeting-info .pnl-cnt-text .widget-50-pro-title {
    color: black;
    font-size: 14px;
    font-family: 'open-sans-light';
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.widget-50 .widget-50-title-wrapper .widget-50-meeting-info .pnl-cnt-text-1 {
    height: 1rem;
}

.widget-50 .widget-50-title-wrapper .widget-50-meeting-info .pnl-cnt-departm {
    color: rgba(236, 185, 50, 1);
    font-size: 14px;
    font-family: 'open-sans-light';
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-info {
    border: 1px solid gray;

}

.img-edc-cnt {
    width: 100%;
    height: 494px;

}

@-webkit-keyframes wobble-vertical-on-hover {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes wobble-vertical-on-hover {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


.card-margin-evt:hover,
.card-margin-evt:focus,
.card-margin-evt:active {
    -webkit-animation-name: wobble-vertical-on-hover;
    animation-name: wobble-vertical-on-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/*.blockquote-custom {
    position: relative;
    font-size: 1.1rem;

    font-family: 'open-sans-light';
    font-weight: bold;
}

.blockquote-custom-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -25px;
    left: 50px;
}*/

/* */

/* TESTIMONIALS PANEL */

/*figure.snip1139 {
    font-family: 'open-sans-light';
    position: relative;
    overflow: hidden;
    margin: 10px;
    min-width: 220px;
    max-width: 310px;
    width: 100%;
    color: #333;
    text-align: left;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

figure.snip1139 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

figure.snip1139 img {
    max-width: 100%;
    vertical-align: middle;
}

figure.snip1139 blockquote {
    position: relative;
    background-color: #ffffff;
    padding: 25px 50px 25px 50px;
    font-size: 0.8em;
    font-weight: 500;
    text-align: left;
    margin: 0;
    line-height: 1.6em;
    font-style: italic;
}

figure.snip1139 blockquote:before,
figure.snip1139 blockquote:after {
    font-family: 'open-sans-light';
    content: "\201C";
    position: absolute;
    font-size: 50px;
    opacity: 0.3;
    font-style: normal;
}

figure.snip1139 blockquote:before {
    top: 25px;
    left: 20px;
}

figure.snip1139 blockquote:after {
    content: "\201D";
    right: 20px;
    bottom: 0;
}

figure.snip1139 .arrow {
    top: 100%;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 25px solid transparent;
    border-top: 25px solid #ffffff;
    margin: 0;
    position: absolute;
}

figure.snip1139 .author {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 25px;
    color: #000000;
    background-color: #ffffff;
    margin: 0;
}

figure.snip1139 .author h5 {
    opacity: 0.8;
    margin: 0;
    font-weight: 800;
    font-size: 13px;
}

figure.snip1139 .author h5 span {
    font-weight: 400;
    padding-left: 5px;
}*/

/* --- */

figure.snip1390 {
    font-family: 'open-sans-light';
    position: relative;
    overflow: hidden;
    margin: 10px;
    min-width: 230px;
    max-width: 315px;
    width: 100%;
    height: 420px;
    color: #000000;
    text-align: center;
    font-size: 16px;
    background-color: #2D2D2D;
    padding: 30px;
    background-image: linear-gradient(-25deg, rgba(0, 0, 0, 0.2) 0%,
            /*rgba(255, 255, 255, 0.1)*/
            #025a27 100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    overflow: hidden;
    /*background: linear-gradient(to right, #fff 20%, #fff 40%, #ECD08C 50%, #ECD08C 55%, #fff 70%, #fff 100%);*/
    background-size: 200% auto;
    animation: shine 3s linear infinite;
}

figure.snip1390 *,
figure.snip1390 *:before,
figure.snip1390 *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

figure.snip1390 figcaption {
    width: 100%;
}

figure.snip1390 h2,
figure.snip1390 h4,
figure.snip1390 blockquote {
    margin: 0;
}

figure.snip1390 h2,
figure.snip1390 h4 {
    font-weight: 300;
}

figure.snip1390 h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}

figure.snip1390 h3 {
    color: rgba(236, 185, 50, 1);
    font-size: 16px;
    font-weight: bold;
}

/*.sect-testm{
    height: 40px !important;
}*/

figure.snip1390 blockquote {
    font-size: 0.8em;
    font-family: 'open-sans-light';
    /*padding: 45px 20px 40px 20px;*/
    padding: 10px 10px 40px 10px;
    margin-top: 10px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: inset -1.4px -1.4px 2px rgba(0, 0, 0, 0.3);
    text-align:
        /*left*/
        justify;
    position: relative;
    font-style: italic;

    height: 180px;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*figure.snip1390 blockquote:before {
    font-family: 'open-sans-light';
    content: "\201C";
    position: absolute;
    font-size: 70px;
    opacity: 0.25;
    font-style: normal;
    top: 0px;
    left: 20px;
}*/

figure.snip1390 .profile {
    width: 100px;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.4);
    margin-bottom: 10px;
    border: solid 5px
        /*#A6A57A*/
        rgba(236, 185, 50, 1);
}

/* Animations */

@keyframes shine {
    to {
        background-position: 200% center;
    }
}


/* */


/* Animations Logo */

/*.img-logo-side-menu {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse-white 3s infinite;
}*/



/* */

/* PANEL OF HISTORY */

.pnl-panel-history {
    border: 2px solid #025a27 !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.pnl-panel-history .pnl-header-history {
    background-color: #025a27 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    color: #FFF;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 50px;
    border: 2px solid #025a27 !important;
    border-radius: 0px 0px 21px 21px !important;
    text-align: center;
}

.pnl-panel-history .pnl-body-history {
    background-color: #FFF;
    color: #000;
    font-family: 'open-sans-light';
    font-size: 14px;
    border-radius: 5px;
}

.pnl-panel-history:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.pnl-panel-history:hover .pnl-header-history {
    background-color: #025a27 !important;
    color: #FFF;
}

.pnl-text-local-link {
    background-color: #025a27 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    color: #FFF;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 50px;
    border: 2px solid #025a27 !important;
    border-radius: 0px 0px 21px 21px !important;
    text-align: center;
}

.link-text-local {
    text-decoration: none;
    color: #FFF;
}

.pnl-text-local-link:hover {
    background-color: #FFF !important;
    border: 2px solid #025a27 !important;
    color: #025a27 !important;
}

.pnl-link-effect {
    background-color: #025a27 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 27px;
    color: #FFF;
    font-family: 'playball-font';
    font-weight: bold;
    height: 50px;
    border: 2px solid #025a27 !important;
    border-radius: 0px 0px 21px 21px !important;
    text-align: center;
    box-shadow: 0 0 0 #a8c6b5;
    animation: pulselink 2s infinite;
}

.pnl-link-effect:hover {
    background-color: #FFF !important;
    border: 2px solid #025a27 !important;
    color: #025a27 !important;
    animation: none;
}

@-webkit-keyframes pulselink {
    0% {
        -webkit-box-shadow: 0 0 0 0 #a8c6b5;
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px #c5d9ce;
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 #c5d9ce;
    }
}

@keyframes pulselink {
    0% {
        -moz-box-shadow: 0 0 0 0 #a8c6b5;
        box-shadow: 0 0 0 0 #a8c6b5;
    }

    70% {
        -moz-box-shadow: 0 0 0 10px #c5d9ce;
        box-shadow: 0 0 0 10px #c5d9ce;
    }

    100% {
        -moz-box-shadow: 0 0 0 0 #c5d9ce;
        box-shadow: 0 0 0 0 #c5d9ce;
    }
}

/*#btn-question {
    position:fixed;
    left:30px;
    bottom: 80px;
}
#question-1{
    text-align: center;        
    width: 50px;
    float: left;
    height: 50px;
    background: #025a27;
    color: #FFF;
    z-index: 99; 
}

#question-1 i {
    display: inline-block;
    color: #fff;
}*/

#btn-question {
    position: fixed;
    left: 30px;
    bottom: 80px;
    z-index: 99;
}

.btn.scroll-top-quest {
    width: 60px;
    height: 60px;
    background-color:
        /*#025a27*/
        #2cb3f0;

    box-shadow: 0 10px 25px -5px rgba(44, 179, 240, 0.6);
    cursor: help !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50%;
    animation: pulse-light-blue 3s infinite;
}

.scroll-top-quest:hover {
    background-color:
        /*rgba(236, 185, 50, 1)*/
        #FFF;
    border: 2px solid #2cb3f0;
    animation: none;

    -webkit-transform: translatey(5px);
    transform: translatey(5px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.pnl-quest {
    width: 350px;
    height: 250px;
    background-color: #00BCD4;
    /*display: none;*/

}

.scroll-top-quest:hover .pnl-quest {
    -webkit-animation: come-in 0.4s forwards 0.2s;
    animation: come-in 0.4s forwards 0.2s;
}

.scroll-top-quest i {
    display: inline-block;
    color: #fff;
    font-size: 20px;
}

.scroll-top-quest:hover i {
    color: #2cb3f0;
}


@-webkit-keyframes come-in {
    0% {
        -webkit-transform: translatey(100px);
        transform: translatey(100px);
        opacity: 0;
    }

    30% {
        -webkit-transform: translateX(-50px) scale(0.4);
        transform: translateX(-50px) scale(0.4);
    }

    70% {
        -webkit-transform: translateX(0px) scale(1.2);
        transform: translateX(0px) scale(1.2);
    }

    100% {
        -webkit-transform: translatey(0px) scale(1);
        transform: translatey(0px) scale(1);
        opacity: 1;
    }
}

@keyframes come-in {
    0% {
        -webkit-transform: translatey(100px);
        transform: translatey(100px);
        opacity: 0;
    }

    30% {
        -webkit-transform: translateX(-50px) scale(0.4);
        transform: translateX(-50px) scale(0.4);
    }

    70% {
        -webkit-transform: translateX(0px) scale(1.2);
        transform: translateX(0px) scale(1.2);
    }

    100% {
        -webkit-transform: translatey(0px) scale(1);
        transform: translatey(0px) scale(1);
        opacity: 1;
    }
}

.pnl-netwk {
    border: 1px solid #025a27 !important;
    background-color: #FFF;
    font-family: 'open-sans-light';
    font-size: 14px;
}

.pnl-netwk .card-title {
    font-weight: bold;
    font-size: 17px;
}

.pnl-netwk .card-text {
    height: 65px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*text-align: justify;*/
}

/*New CSS code*/
.card-footer.project-pers {
    background-color: #025a27 !important;
}

/**/

.card-footer button {
    width: 120px;
    color: #FFF;
    font-weight: bold;
}

.card-footer button.button-web {
    background-color: #025a27;
    color: #FFF;
}

.card-footer button.button-web:hover {
    border: 2px solid #025a27;
    color: #025a27;
    background-color: #FFF;
}

.card-footer button.button-doc {
    background-color: #2D2D2D;
    color: #FFF;
}

.card-footer button.button-doc:hover {
    border: 2px solid #2D2D2D;
    color: #2D2D2D;
    background-color: #FFF;
}

.link-metric-univ {
    text-decoration: none;
}

.link-word-imp {
    color: #025a27;
    font-weight: bold;
    text-decoration: underline;
}

.link-word-imp:hover,
.link-word-imp:active,
.link-word-imp:focus {
    border: 1px solid #025a27;
    text-decoration: none;
    padding: 3px;
    color: #FFF;
    background-color: #025a27;
}

.txt-justf {
    text-align: justify;
}

/**TESTIMONIAL PANEL**/

.img-circle-pnl {
    /*width: 200px;
    height: 200px;*/
    border: 2px solid #2D2D2D;
}

.text-pnl-msg {
    font-family: 'playball-font';
    font-size: 22px;
    font-style: italic;
    font-weight: 900;
    text-align: center;
    padding: 10px;
    color: #025a27;
}

.text-title-univ {
    font-family: 'open-sans-light';
    font-size: 14px;
    text-align: center;
    font-weight: 900;
}


/****/




/**CHATBOT**/

/*.rsc-header .rsc-header-title{
    font-family: 'open-sans-light';
    font-size: 10px;
    font-weight: bold;
}*/




/**** ****/

/*Tree Map*/

.tree {
    --spacing: 1.5rem;
    --radius: 10px;
    font-family: 'open-sans-light';
    font-size: 14px;
}

.tree li {
    display: block;
    position: relative;
    padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
}

.tree ul {
    margin-left: calc(var(--radius) - var(--spacing));
    padding-left: 0;
}

.tree ul li {
    border-left: 2px solid #ddd;
}

.tree ul li:last-child {
    border-color: transparent;
}

.tree ul li::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--spacing) / -2);
    left: -2px;
    width: calc(var(--spacing) + 2px);
    height: calc(var(--spacing) + 1px);
    border: solid #ddd;
    border-width: 0 0 2px 2px;
}

.tree summary {
    display: block;
    cursor: pointer;
}

.tree summary::marker,
.tree summary::-webkit-details-marker {
    display: none;
}

.tree summary:focus {
    outline: none;
}

.tree summary:focus-visible {
    outline: 1px dotted #000;
}

.tree li::after,
.tree summary::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--spacing) / 2 - var(--radius));
    left: calc(var(--spacing) - var(--radius) - 1px);
    width: calc(2 * var(--radius));
    height: calc(2 * var(--radius));
    border-radius: 50%;
    background: #ddd;
}

.tree summary::before {
    content: '+';
    z-index: 1;
    background: #696;
    color: #fff;
    line-height: calc(2 * var(--radius) - 2px);
    text-align: center;
}

.tree details[open]>summary::before {
    content: '−';
}

.sm-lv-1 {
    border: 2px solid #88ac88;
    padding: 5px;
    width: 100%;
    margin: 5px;
    background-color: #d9ead3;
    font-weight: bold;
    color: #2D2D2D;
    font-size: 14px;
}

.sm-lv-1 a,
.sm-lv-2 a,
.sm-lv-3 a,
.sm-lv-4 a,
.sm-lv-5 a {
    text-decoration: none;
    color: #2D2D2D;
}

.sm-lv-1 a:hover,
.sm-lv-2 a:hover,
.sm-lv-3 a:hover,
.sm-lv-4 a:hover,
.sm-lv-5 a:hover {
    text-decoration: underline;
    color: #2D2D2D;
}

.sm-lv-1:hover {
    color: #000;
    background-color: #88ac88;
}

.sm-lv-2 {
    border: 2px solid #cccccc;
    padding: 5px;
    width: 100%;
    margin: 5px;
    background-color: #efeef0;
    font-weight: bold;
    color: #2D2D2D;
    font-size: 14px;
}

.sm-lv-2:hover {
    color: #000;
    background-color: #cccccc;
}

.sm-lv-3 {
    border: 2px solid #fdea83;
    padding: 5px;
    width: 100%;
    margin: 5px;
    background-color: #f7f5c8;
    font-weight: bold;
    color: #2D2D2D;
    font-size: 14px;
}

.sm-lv-3:hover {
    color: #000;
    background-color: #fdea83;
}

.sm-lv-4 {
    border: 2px solid #83b8b2;
    padding: 5px;
    width: 100%;
    margin: 5px;
    background-color: #e3f3ef;
    font-weight: bold;
    color: #2D2D2D;
    font-size: 14px;
}

.sm-lv-4:hover {
    color: #000;
    background-color: #83b8b2;
}

.sm-lv-5 {
    border: 2px solid #ffb96b;
    padding: 7px;
    width: 100%;
    margin: 5px;
    background-color: #f7e3ce;
    font-weight: bold;
    color: #2D2D2D;
    font-size: 14px;
}

.sm-lv-5:hover {
    color: #000;
    background-color: #ffb96b;
}

.logo-img-uteq {
    width: 300px;
    height: 100px;
}

.box-error-report {
    border: 1px solid #000;
    background-color: #000;
}

pre {
    white-space: pre-wrap !important;
    overflow-x: auto !important;
    tab-size: 4 !important;
    padding: 10px !important;
    background-color: #b5829b !important;
    color: black !important;
    font-family: 'open-sans-light' !important;
    font-size: 14px !important;
}

.img-lg-uteq {
    width: 60px !important;
    height: 70px !important;
}

.text-error {
    font-family: 'open-sans-light';
    font-size: 23px;
    color: red;
    font-weight: bold;
}

.paragraph-cont .text-cont-cidu {
    font-family: 'open-sans-light';
    font-size: 14px;
    color: #2D2D2D;
    text-align: justify;
}


/* Estilos css para accesibilidad */

.form-select-1__placeholder {
    color: #000 !important;
}

span.bg-voto {
    color: #313030 !important;
}





/* */

/* Estilos para timeline */

::selection {
    color: #fff;
    background: #3ea0e2;
}

.wrapper {
    max-width: 1080px;
    margin: 50px auto;
    padding: 0 20px;
    position: relative;
}

.wrapper .center-line {
    position: absolute;
    height: 100%;
    width: 4px;
    background: rgba(236, 185, 50, 1);
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
}

.wrapper .row {
    display: flex;
}

.wrapper .row-1 {
    justify-content: flex-start;
}

.wrapper .row-2 {
    justify-content: flex-end;
}

.wrapper .row section {
    font-family: 'open-sans-light';

    background: #fff;
    border-radius: 5px;
    border: 3px solid #025a27;
    width: calc(50% - 40px);
    padding: 20px;
    position: relative;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.wrapper .row section::before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    background: rgba(236, 185, 50, 1);
    top: 28px;
    z-index: -1;
    transform: rotate(45deg);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.row-1 section::before {
    right: -7px;
}

.row-2 section::before {
    left: -7px;
}

.row section .icon,
.center-line .scroll-icon {
    position: absolute;
    background: #f2f2f2;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-color: #025a27;
    border-radius: 50%;
    color: #025a27;
    font-size: 17px;
    box-shadow: 0 0 0 4px rgba(236, 185, 50, 1), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.center-line .scroll-icon {
    bottom: 0px;
    left: 50%;
    font-size: 25px;
    transform: translateX(-50%);
}

.row-1 section .icon {
    top: 15px;
    right: -60px;
}

.row-2 section .icon {
    top: 15px;
    left: -60px;
}

.row section .details,
.row section .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.row section .details .title {
    font-size: 18px;
    font-weight: 600;
}

.row section p {
    font-size: 14px;
    margin: 10px 0 17px 0;
}

.row section .bottom a {
    text-decoration: none;
    background: #025a27;
    color: #fff;
    padding: 7px 15px;
    border-radius: 5px;
    font-weight: bold;
}

.row section .bottom a:hover {
    background: #fff;
    color: #025a27;
    border: 3px solid #025a27;
}

.row section .bottom i.type-finlz {
    color: red;
    font-weight: bold;
}

.row section .bottom i.type-proxm {
    color: blue;
    font-weight: bold;
}

.row section .bottom i.type-procs {
    color: yellow;
    font-weight: bold;
}

@media(max-width: 790px) {
    .wrapper .center-line {
        left: 40px;
    }

    .wrapper .row {
        margin: 30px 0 3px 60px;
    }

    .wrapper .row section {
        width: 100%;
    }

    .row-1 section::before {
        left: -7px;
    }

    .row-1 section .icon {
        left: -60px;
    }
}

@media(max-width: 440px) {

    .wrapper .center-line,
    .row section::before,
    .row section .icon {
        display: none;
    }

    .wrapper .row {
        margin: 10px 0;
    }
}

.language-selc {
    text-decoration: underline !important;
}


/*****/

/* Tour virtual */

/*.container {
    position: relative;
    width: 100vw;
    height: 100vh;
}*/

/*.container>.bg-video {
    width: 100%;
    height: 100%;
}*/

.panel-vd>.text {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-weight: 900;
    font-size: 40px;
    font-family: 'open-sans-light';

    /*text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 
    0px -4px 10px rgba(255,255,255,0.3);*/

    text-shadow: 3px 3px 20px #fff,
        -2px 1px 30px #fff;

}

.panel-vd>.text.img-360 {
    width: 25px;
    height: 25px;

}

.bg-principal-video {
    background: linear-gradient(to bottom, #FFF 50%, #ECB932 50%);
}




/**/


/* Admisión */

.hero-wrap {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    overflow: hidden;
    height: /*700px*/ 600px;
    /*background-image: url('/assets/images/admission/background-principal-4.webp');*/
}

@media (max-width: 1199.98px) {
    .hero-wrap {
        background-position: center center !important;
    }
}

.hero-wrap .slider-text {
    height: 700px;
}

.hero-wrap .slider-text h1 {
    color: #ECB932;
    line-height: 1.4;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 45px;
    font-weight: 800;
    text-transform: uppercase;
    opacity: 1;
    /*text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.97);*/
    text-shadow: 4px 4px #000;
    animation: backInLeft 1s ease-out forwards;
}

.btn-admission-1 {
    font-family: "Montserrat", Arial, sans-serif;
    background-color: #025A27;
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    /*box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;*/
}

.btn-admission-1:hover {
    background-color: #ECB932;
    color: #FFF;
    box-shadow: none;
    border: 3px solid #FFF;
}

@keyframes backInLeft {
    0% {
        transform: translateX(-1000px);
        opacity: 0;
    }

    60% {
        transform: translateX(30px);
        opacity: 1;
    }

    75% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

@media (max-width: 991.98px) {
    .hero-wrap .slider-text h1 {
        font-size: 40px;
    }
}

.hero-wrap .slider-text h1 span {
    border: 2px dashed #FFF;
    color: #FFF;
    padding: 0 5px;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.67);
}

.hero-wrap .slider-text p {
    font-size: 18px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.7);
}

.hero-wrap .slider-text p strong {
    font-weight: bold;
}

.hero-wrap .slider-text p strong a {
    color: #000000;
}

/**/

/* Estilos para la columna izquierda */

.hero-wrap .custom-left-column {
    background-color: /*rgba(0, 0, 0, 0.5)*/ /*rgba(255,255,255,0.4)*/ rgba(2, 90, 39, 0.7);
    color: white; /* Texto blanco */
    border-radius: 15px;
    /*border: 10px double #FFF;*/
}

/* Estilo para los títulos */
.hero-wrap .custom-left-column h1 {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    animation: backInLeft 1s ease-out forwards;
    text-transform: none;
}

/* Estilo para los párrafos */
.hero-wrap .custom-left-column p {
    font-size: /*1.1rem*/ 17px; /* Tamaño de fuente de los párrafos */
    margin-bottom: 1.5rem;
    font-family: 'open-sans-light';
    color: #FFF;
    animation: backInLeft 1s ease-out forwards;
}

/* Estilo para el botón en la columna izquierda */
.hero-wrap .custom-left-column .btn-admission-2 {
    font-family: "Montserrat", Arial, sans-serif;
    background-color: #ECB932;
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    animation: irradiar 1.5s infinite;
}

/* Efecto hover para el botón */
.hero-wrap .custom-left-column .btn-admission-2:hover {
    background-color: transparent;
    color: #FFF;
    box-shadow: none;
    border: 3px solid #ECB932;
}

/* Para asegurar que el fondo no se sobreponga y todo se vea correctamente */
/*.hero-wrap {
    position: relative;
    z-index: 1;
}*/

/* Para pantallas pequeñas */
@media (max-width: 767px) {
    .hero-wrap .custom-left-column h1 {
        font-size: 2rem;
    }

    .hero-wrap .custom-left-column p {
        font-size: 1rem;
    }
}

/**/

/**/

.section-information-1 {
    /*border: 1px solid #000;*/
    height: 520px;
}

.column-image-s1 {
    /*border: 1px solid #000;*/
    max-height: 520px;
}

.column-image-s1 img {
    height: 100%;
    /*border: 1px solid #000;*/
}

/*.column-image-s2 {
    border: 1px solid #000;
}*/

.column-image-s2 h2 {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 35px;
    font-weight: bold;
    animation: backInLeft 1s ease-out forwards;
}

.icono-sect-1 {
    width: 70px;
    /* Tamaño del círculo */
    height: 70px;
    /* Tamaño del círculo */
    background-color:
        /*#025A27*/
        #ECB932;
    /* Color de fondo amarillo */
    border-radius: 50%;
    /* Hace que el contorno sea redondeado (círculo) */
    position: relative;
    /* Necesario para el efecto de irradiación */
    animation: irradiar 1.5s infinite;
    /* La animación de irradiación que se repite */
}

.icono-sect-1 i {
    color: white;
    /* El color del ícono será blanco */
    font-size: 2em;
    /* Tamaño de la fuente de 2x */
}

.part-info-sect-1 span {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #025A27;
    animation: backInLeft 2s ease-out forwards;
}

.part-info-sect-1 p {
    font-family: 'open-sans-light';
    font-size: 17px;
    color: #8B8B8B;
    animation: backInDown 1s ease-out;
}

.section-information-2 {
    /*border: 1px solid #000;*/
    height: 250px;
    background-color: #025A27;
}

.section-information-2 a {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 17px;
    background-color: /*#025A27*/ #FFF
        /*#ECB932*/
    ;
    color: /*#FFF*/ #025A27;
    /*border: 2px solid #FFF;*/
    padding: 10px;
    font-weight: 800;
    text-decoration: none;
    animation: pulseBtn 1.5s infinite;
    /*box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;*/
}

.section-information-2 a:hover {
    background-color: /*#FFF*/ #025A27;
    color: /*#025A27*/ #FFF;
    border: 3px solid #FFF;
    /*font-weight: bold;
    box-shadow: none;*/
}

.section-information-2 .part1-sect-2 {
    height: 250px;
    /*border: 1px solid #000;*/
}

.section-information-2 .part2-sect-2 {
    /*border: 1px solid #000;*/
    height: 250px;
}

.section-information-2 .part2-sect-2 span {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 65px;
    font-weight: bold;
    color: #ECB932;
    animation: backInDown 1s ease-out;
}

.section-information-2 .part2-sect-2 p {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    animation: backInDown 1s ease-out;
}

.section-information-3 {
    /*border: 1px solid #000;*/
    /*background-image: url('/assets/images/admission/pf-s106-pm-3801.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
    padding: 20px;
    background-color: #F5F6F7;
}

.section-information-3 h2 {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 35px;
    font-weight: bold;
    color:
        /*#FFF*/
        #025A27;
    animation: backInLeft 1s ease-out forwards;
}

.section-information-3 .panel-doc-sect-3 {
    background-color: #FFF;
    /*border: 3px solid #025A27;*/

    /*box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;*/
    animation: backInLeft 1s ease-out forwards;
}

.section-information-3 .panel-doc-sect-3 span {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #025A27 !important;
    animation: backInLeft 2s ease-out forwards;
    margin-top: 10px;
    height: 40px !important;
    border: 2px solid #000;
}

/*.section-information-3 .panel-doc-sect-3 p {
    font-family: 'open-sans-light';
    font-size: 17px;
    color: #FFF;
    animation: backInDown 1s ease-out;
}*/

.section-information-3 .panel-doc-sect-3 span,
.section-information-3 .panel-doc-sect-3 p {
    color: #FFF;
}

.section-information-3 .panel-doc-sect-3 a {
    font-family: "Montserrat", Arial, sans-serif;
    background-color: #025A27;
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}

.section-information-3 .panel-doc-sect-3 a:hover {
    background-color:
        /*#ECB932*/
        #FFF;
    color:
        /*#FFF*/
        #025A27;
    box-shadow: none;
    border: 3px solid
        /*#FFF*/
        #025A27;
}

.section-information-3 .panel-doc-sect-3 .card-title {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #025A27;
    animation: backInLeft 2s ease-out forwards;
    margin-top: 10px;
}

.section-information-3 .panel-doc-sect-3 img {
    width: 80%;
    height: 80%;

}

.section-information-4 {
    /*border: 1px solid #000;*/
    /*background-image: url('/assets/images/admission/pf-s106-pm-3801.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
    padding: 20px;
    /*background-color: #F5F6F7;*/
    height: 600px;
}

.section-information-4 h2 {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 35px;
    font-weight: bold;
    color:
        /*#FFF*/
        /*#025A27*/
        #ECB932;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22);
    animation: backInLeft 1s ease-out forwards;
}

.section-information-4 .column-image-s4 {
    /*border: 1px solid #000;*/
    max-height: 500px;
    /*border: 1px solid #000;*/
}

.section-information-4 .panel-2-sect-4 img {
    width: 100%;
    height: 100%;
    /*border: 1px solid #000;*/
    animation: backInDown 1s ease-out;
}

/*.section-information-4 .panel-1-sect-4,
.section-information-4 .panel-2-sect-4{
    border: 1px solid #000;
}*/

.section-information-4 p,
.section-information-4 ol {
    font-family: 'open-sans-light';
    font-size: 17px;
    color: #8B8B8B;
    animation: backInDown 1s ease-out;
}

.section-information-4 p span,
.section-information-4 span.text-date-phase{
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: bold;
    font-size: 17px;
}

.section-information-4 .badge-state-phase{
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 800;
    font-size: 17px;
    padding: 10px;
    color: #FFF;
    background-color: #ECB932;
    text-align: center;
}

.section-information-4 a.btnPhase{
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 17px;
    background-color: #025A27;
    color: #FFF;
    padding: 10px;
    font-weight: 800;
    text-decoration: none;
    animation: none !important;
}

.section-information-4 a.btnPhase:hover {
    background-color: #FFF;
    color: #025A27;
    border: 3px solid #025A27;
}

.section-information-4 ol li,
.section-information-4 ul li {
    font-weight: normal;
}

.section-information-4 ul li::marker {
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: bold;
}

.section-information-4 a {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 17px;
    background-color: #025A27;
    color: #FFF;
    /*border: 2px solid #FFF;*/
    padding: 10px;
    font-weight: 800;
    text-decoration: none;
    animation: pulseBtn 1.5s infinite;
}

.section-information-4 a:hover {
    background-color: #FFF;
    color: #025A27;
    border: 3px solid #025A27;
}

/***/

.section-information-11 {
    padding: 20px;
    height: /*600px*/ /*4500px*/ 4650px;
}

.section-information-12{
    padding: 20px;
    height: 2000px;
}

@media (min-width: 1400px) {
    .section-information-12{
        padding: 20px;
        height: 2100px;
    }

    .section-information-11 {
        padding: 20px;
        height: 4950px;
    }

    .section-information-6 {
        height: 700px !important;
    }
    
    /*.section-information-6 .ratio.vertical {
        position: relative;
        padding-top: 177.77%;
    }
    
    .section-information-6 .ratio.vertical iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }*/

}

@media (min-width: 992px) and (max-width: 1199px) {
    .section-information-11 {
        padding: 20px;
        height: 5000px;
    }

    .section-information-1 {
        height: 600px;
    }

    .section-information-4 {
        height: 550px;
    }

    .section-information-6 {
        height: 550px !important;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .section-information-12{
        padding: 20px;
        height: 1500px;
    }

    .section-information-1 {
        height: 750px;
    }

    .column-image-s1 {
        max-height: 400px;
    }
    
    .column-image-s1 img {
        height: 100%;
    }

    .section-information-2 a {
        font-size: 17px;
        padding: 2px;
    }

    .section-information-2 .part2-sect-2 span {
        font-size: 40px;
    }
    
    .section-information-2 .part2-sect-2 p {
        font-size: 17px;
    }

    .section-information-4 {
        height: 520px;
    }

    .section-information-6 {
        height: 430px !important;
    }

    .section-information-5 {
        height: 250px !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .section-information-12{
        padding: 20px;
        height: 3100px;
    }

    .section-information-11 {
        padding: 20px;
        height: 8200px;
    }

    .section-information-1 {
        height: 1200px;
    }

    .hero-wrap {
        height: 700px;
    }

    .section-information-2 {
        height: 550px;
    }

    .section-information-2 .part2-sect-2 span {
        font-size: 40px;
    }

    .section-information-4 {
        height: 1000px;
    }

    .section-information-4 h2{
        text-align: center;
    }

    .section-information-6 {
        height: 1100px !important;
    }

    .section-information-5 {
        height: 250px !important;
    }
}

@media (min-width: 430px) and (max-width: 575px) {
    .section-information-12{
        padding: 20px;
        height: 3200px;
    }

    .section-information-11 {
        padding: 20px;
        height: 8150px;
    }

    .section-information-2 {
        height: 550px;
    }

    .section-information-2 .part2-sect-2 span {
        font-size: 40px;
    }

    .section-information-4 {
        height: 1000px;
    }

    .section-information-4 h2{
        text-align: center;
    }

    .section-information-6 {
        height: 1000px !important;
    }

    .section-information-5 {
        height: 450px !important;
    }
}

@media (min-width: 530px) and (max-width: 575px) {
    .section-information-6 {
        height: 1000px !important;
    }
}

@media (min-width: 500px) and (max-width: 529px) {
    .section-information-6 {
        height: 900px !important;
    }
}

@media (min-width: 430px) and (max-width: 499px) {
    .section-information-6 {
        height: 800px !important;
    }
}

@media (min-width: 330px) and (max-width: 429px) {
    .section-information-4 {
        height: 1000px;
    }

    .section-information-4 h2{
        text-align: center;
    }

    .section-information-6 {
        height: 720px !important;
    }

    .section-information-5 {
        height: 450px !important;
    }
}

@media (min-width: 400px) and (max-width: 429px) {
    .section-information-5 {
        height: 450px !important;
    }
}

@media (min-width: 330px) and (max-width: 399px) {
    .section-information-5 {
        height: 400px !important;
    }
}

@media (max-width: 329px) {
    .section-information-5 {
        height: 400px !important;
    }
}

@media (min-width: 385px) and (max-width: 429px) {
    .section-information-6 {
        height: 720px !important;
    }
}

@media (min-width: 350px) and (max-width: 384px) {
    .section-information-6 {
        height: 660px !important;
    }
}

@media (min-width: 331px) and (max-width: 349px) {
    .section-information-6 {
        height: 600px !important;
    }
}

@media (max-width: 330px) {
    .section-information-6 {
        height: 540px !important;
    }
}

@media (max-width: 329px) {
    .section-information-4 {
        height: 1100px;
    }

    .section-information-4 h2{
        text-align: center;
    }
}

@media (min-width: 483px) and (max-width: 575px) {
    .hero-wrap {
        height: 750px;
    }
}

@media (min-width: 430px) and (max-width: 482px) {
    .hero-wrap {
        height: 750px;
    }

    .hero-wrap .slider-text h1 {
        line-height: 1.4;
        font-size: 30px;
    }
}

@media (min-width: 480px) and (max-width: 575px) {
    .section-information-1 {
        height: 1400px;
    }
}

@media (min-width: 430px) and (max-width: 479px) {
    .section-information-1 {
        height: 1600px;
    }
}

@media (min-width: 360px) and (max-width: 429px) {
    .section-information-12{
        padding: 20px;
        height: 3400px;
    }

    .section-contact-1 h2{
        font-size: 20px !important;
    }

    .section-information-1 {
        height: 1700px;
    }

    .hero-wrap {
        height: 750px;
    }
    
    .hero-wrap .slider-text h1 {
        line-height: 1.4;
        font-size: 30px;
    }

}

@media (min-width: 380px) and (max-width: 429px) {
    .section-information-2 {
        height: 450px;
    }

    .section-information-2 .part2-sect-2 {
        height: 200px;
    }

    .section-information-2 .part2-sect-2 span {
        font-size: 40px;
    }

}

@media (min-width: 350px) and (max-width: 379px) {
    .section-information-2 {
        height: 430px;
    }

    .section-information-2 .part2-sect-2 {
        height: 200px;
    }

    .section-information-2 .part1-sect-2{
        height: 200px;
    }

    .section-information-2 .part2-sect-2 span {
        font-size: 30px;
    }

    .section-information-2 a {
        font-size: 15px;
        padding: 2px;
    }
    
    .section-information-2 .part2-sect-2 p {
        font-size: 15px;
    }

}

@media (min-width: 332px) and (max-width: 349px) {
    .section-information-2 {
        height: 430px;
    }

    .section-information-2 .part2-sect-2 {
        height: 200px;
    }

    .section-information-2 .part1-sect-2{
        height: 200px;
    }

    .section-information-2 .part2-sect-2 span {
        font-size: 30px;
    }

    .section-information-2 a {
        font-size: 15px;
        padding: 2px;
    }
    
    .section-information-2 .part2-sect-2 p {
        font-size: 15px;
    }

}

@media (max-width: 331px) {
    .section-information-2 {
        height: 390px;
    }

    .section-information-2 .part2-sect-2 {
        height: 200px;
    }

    .section-information-2 .part1-sect-2{
        height: 150px;
    }

    .section-information-2 .part2-sect-2 span {
        font-size: 25px;
    }

    .section-information-2 a {
        font-size: 13px;
        padding: 2px;
    }
    
    .section-information-2 .part2-sect-2 p {
        font-size: 13px;
    }

}

@media (min-width: 366px) and (max-width: 429px) {
    .hero-wrap {
        height: 750px;
    }
    
    .hero-wrap .slider-text h1 {
        line-height: 1.4;
        font-size: 30px;
    }
}

@media (min-width: 332px) and (max-width: 365px) {
    .hero-wrap {
        height: 750px;
    }
    
    .hero-wrap .slider-text h1 {
        line-height: 1.4;
        font-size: 25px;
    }
}

@media (max-width: 331px) {
    .hero-wrap {
        height: 750px;
    }
    
    .hero-wrap .slider-text h1 {
        line-height: 1.4;
        font-size: 25px;
    }
}

@media (min-width: 409px) and (max-width: 429px) {
    .section-information-11 {
        padding: 20px;
        height: 7800px;
    }
}

@media (min-width: 387px) and (max-width: 408px) {
    .section-information-11 {
        padding: 20px;
        height: /*8400px*/ 8000px;
    }
}

@media (min-width: 374px) and (max-width: 386px) {
    .section-information-11 {
        padding: 20px;
        height: /*8700px*/ 8200px;
    }
}

@media (min-width: 364px) and (max-width: 373px) {
    .section-information-11 {
        padding: 20px;
        height: /*8900px*/ 8350px;
    }
}

@media (min-width: 360px) and (max-width: 363px) {
    .section-information-11 {
        padding: 20px;
        height: /*8900px*/ 8400px;
    }
}

@media (min-width: 330px) and (max-width: 359px) {
    .section-information-12{
        padding: 20px;
        height: 3600px;
    }

    .section-contact-1 h2{
        font-size: 20px !important;
    }

    .section-information-1 {
        height: 1720px;
    }
}

@media (min-width: 346px) and (max-width: 359px) {
    .section-information-11 {
        padding: 20px;
        height: /*9000px*/ 8500px;
    }
}

@media (min-width: /*333px*/ 340px) and (max-width: 345px) {
    .section-information-11 {
        padding: 20px;
        height: /*9200px*/ 8600px;
    }
}

@media (min-width: 333px) and (max-width: 339px) {
    .section-information-11 {
        padding: 20px;
        height: /*9200px*/ 8700px;
    }
}

@media (max-width: 332px) {
    .section-information-11 {
        padding: 20px;
        height: /*9400px*/ 9000px;
    }

    .section-information-1 {
        height: 1800px;
    }
}

.section-information-11 h2,
.section-information-12 h2 {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 35px;
    font-weight: bold;
    color: #ECB932;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22);
    animation: backInLeft 1s ease-out forwards;
}

.section-information-11 .column-image-s4,
.section-information-12 .column-image-s4 {
    max-height: 500px;
}

.section-information-11 .panel-2-sect-4 img,
.section-information-12 .panel-2-sect-4 img {
    width: 100%;
    height: 100%;
    animation: backInDown 1s ease-out;
}

.section-information-11 p,
.section-information-11 ol,
.section-information-11 ul,
.section-information-12 p,
.section-information-12 ol,
.section-information-12 ul {
    font-family: 'open-sans-light';
    font-size: 17px;
    color: #8B8B8B;
    animation: backInDown 1s ease-out;
}

.section-information-11 p span,
.section-information-11 span.text-date-phase,
.section-information-12 p span,
.section-information-12 span.text-date-phase{
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #8B8B8B;
}

.section-information-11 .badge-state-phase,
.section-information-12 .badge-state-phase{
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 800;
    font-size: 17px;
    padding: 10px;
    color: #FFF;
    background-color: #ECB932;
    text-align: center;
}

.section-information-11 ul li a,
.section-information-11 p a.link-website-parg,
.section-information-12 ul li a,
.section-information-12 p a.link-website-parg{
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 800;
    font-size: 17px;
    color: #025A27;
    background-color: #FFF;
    border: none !important;
    display: inline-block;
    animation: none !important;
    padding: 0 !important;
}

.section-information-11 ul li a:hover,
.section-information-11 p a.link-website-parg:hover,
.section-information-12 ul li a:hover,
.section-information-12 p a.link-website-parg:hover{
    text-decoration:underline;
    text-decoration-thickness: 3px;
    text-decoration-color: /*#ECB932*/ #025A27;
}

.section-information-11 a.btnPhase,
.section-information-12 a.btnPhase{
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 17px;
    background-color: #025A27;
    color: #FFF;
    padding: 10px;
    font-weight: 800;
    text-decoration: none;
    animation: none !important;
}

.section-information-11 a.btnPhase:hover,
.section-information-12 a.btnPhase:hover {
    background-color: #FFF;
    color: #025A27;
    border: 3px solid #025A27;
}

.section-information-11 ol li,
.section-information-11 ul li,
.section-information-12 ol li,
.section-information-12 ul li {
    font-weight: normal;
}

.section-information-11 ul li::marker,
.section-information-12 ul li::marker {
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: bold;
}

.section-information-11 a,
.section-information-12 a {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 17px;
    background-color: #025A27;
    color: #FFF;
    padding: 10px;
    font-weight: 800;
    text-decoration: none;
    animation: pulseBtn 1.5s infinite;
}

.section-information-11 a:hover,
.section-information-12 a:hover {
    background-color: #FFF;
    color: #025A27;
    border: 3px solid #025A27;
}

/* Estilo para el icono de fecha hacia abajo */
.down-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;  /* Ajusta la separación entre el h1 y el icono */
    animation: float-down 1.5s infinite ease-in-out; /* Aplicamos la animación */
    width: 80px;   /* Ancho del círculo */
    height: 80px;  /* Altura del círculo */
    border-radius: 50%;  /* Hace que el div sea circular */
    background-color: transparent;  /* Fondo blanco para el círculo */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);  /* Sombra para darle profundidad */
    border: 6px double #FFF;
    text-decoration: none;
}

.down-icon i {
    font-size: 48px; /* Tamaño más grande del icono */
    color: #FFF; /* Color oscuro para el icono */
}

.down-icon:hover{
    background-color: #FFF;
}

.down-icon:hover i{
    color: #ECB932;
}

/* Animación de flotación hacia abajo */
@keyframes float-down {
    0% {
        transform: translateY(0); /* Comienza en la posición original */
    }
    50% {
        transform: translateY(15px); /* Desplazamiento hacia abajo */
    }
    100% {
        transform: translateY(0); /* Vuelve a la posición inicial */
    }
}

/***/


.section-information-5 {
    padding: 20px;
    /*background-color: #F5F6F7;*/
    height: 330px;
    /*border: 1px solid #000;*/
}

.section-information-5 h2 {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 35px;
    font-weight: bold;
    color:
        /*#FFF*/
        #025A27
        /*#ECB932*/
    ;
    animation: backInLeft 1s ease-out forwards;
}

.section-information-5 img {
    animation: backInDown 3s ease-out;
}

.section-information-5 img:hover {
    border: 3px solid /*#025A27*/ #ECB932;
    border-radius: 58px 0px 58px 0px;
    -webkit-border-radius: 58px 0px 58px 0px;
    -moz-border-radius: 58px 0px 58px 0px;
}

.section-information-6 {
    padding: 20px;
    height: 500px;
}

.section-information-6 .ratio.vertical {
    position: relative;
    padding-top: 177.77%;
    /* (9/16) * 100 = 177.77% */
}

.section-information-6 .ratio.vertical iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-information-6 h2 {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 35px;
    font-weight: bold;
    color: #025A27;
    animation: backInLeft 1s ease-out forwards;
}

.section-information-7 .text{
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 35px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22);
    animation: backInLeft 1s ease-out forwards;
}

/* Oculta el botón de pantalla completa en navegadores basados en WebKit (Chrome, Safari, Edge Chromium) */
video.no-fullscreen-no-options::-webkit-media-controls-fullscreen-button {
    display: none;
}

/* Oculta el botón de pantalla completa en Firefox */
video.no-fullscreen-no-options::-moz-fullscreen-button {
    display: none;
}

/* Oculta el botón de los tres puntos en los navegadores WebKit */
video.no-fullscreen-no-options::-webkit-media-controls-more-button {
    display: none !important;
}

/* Oculta el botón de los tres puntos en Firefox */
video.no-fullscreen-no-options::-moz-media-controls-more-button {
    display: none !important;
}

/* También, evitamos que se active la pantalla completa por un doble clic */
video.no-fullscreen-no-options {
    pointer-events: auto;
}

video.no-fullscreen-no-options:fullscreen {
    display: none;
}

.section-information p{
    font-family: 'open-sans-light';
    font-size: 17px;
    color: #8B8B8B;
    animation: backInDown 1s ease-out;
}

.section-contact-1 h2{
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 35px;
    font-weight: bold;
    color:
        /*#FFF*/
        #025A27
        /*#ECB932*/;
    animation: backInLeft 1s ease-out forwards;
}

.section-contact-1 img{
    /*border: 1px solid #000;*/
    animation: backInDown 1s ease-out;
}

.section-contact-1 form{
    border: 2px solid /*#000*/ #025A27;
    font-family: 'open-sans-light';
    font-size: 17px;
    color: #8B8B8B;
    animation: backInDown 3s ease-out;
    padding: 20px;
    background-color: /*#E3E3E3*/ #F5F6F7;
}

.section-contact-1 form label{
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: /*#000*/ #025A27;
    padding: 10px;
}

.section-contact-1 form input{
    border: 2px solid /*#025A27*/ #ECB932;
    border-radius: 0px !important;
    font-family: 'open-sans-light';
    font-size: 17px;
    color: #8B8B8B;
}

.section-contact-1 form input:focus {
    border-color: #025A27;
    outline: none;
}

.section-contact-1 form textarea{
    border: 2px solid #ECB932;
    border-radius: 0px !important;
    font-family: 'open-sans-light';
    font-size: 17px;
    color: #8B8B8B;
    overflow: hidden;
    resize: none;
}

.section-contact-1 form textarea:focus {
    border-color: #025A27;
    outline: none;
}

.section-contact-1 form button[type="submit"],
.section-contact-1 form button[type="reset"] {
    padding: 10px 20px; /* Ajusta el tamaño de los botones */
    font-size: 17px; /* Tamaño de la fuente */
    font-weight: bold;
    font-family: "Montserrat", Arial, sans-serif;
    width: 150px;
    border: none !important; /* Elimina el borde predeterminado */
    cursor: pointer; /* Cambia el cursor a mano cuando pasas sobre el botón */
    transition: background-color 0.3s, transform 0.3s; /* Efecto suave en el color y la animación */
}

/* Estilo para el botón Enviar */
.section-contact-1 form button[type="submit"] {
    background-color: #025A27; /* Verde oscuro */
    color: white; /* Color del texto */
}

.section-contact-1 form button[type="submit"]:hover {
    background-color: #014C1A; /* Verde más oscuro al pasar el ratón */
    transform: translateY(-2px); /* Efecto de elevación al pasar el ratón */
    border: 6px double #FFF !important;
}

/* Estilo para el botón Cancelar */
.section-contact-1 form button[type="reset"] {
    background-color: #2D2D2D; /* Gris oscuro */
    color: white; /* Color del texto */
}

.section-contact-1 form button[type="reset"]:hover {
    background-color: #1F1F1F; /* Gris más oscuro al pasar el ratón */
    transform: translateY(-2px); /* Efecto de elevación al pasar el ratón */
    border: 6px double #FFF !important;
}



@keyframes irradiar {
    0% {
        box-shadow: 0 0 0 0 rgba(236, 185, 50, 0.8);
        /* Sin irradiación al principio */
    }

    50% {
        box-shadow: 0 0 20px 10px rgba(236, 185, 50, 0.5);
        /* Irradiación amarilla hacia afuera */
    }

    100% {
        box-shadow: 0 0 0 0 rgba(236, 185, 50, 0);
        /* Vuelve a estar normal */
    }
}

@keyframes backInDown {
    0% {
        transform: translateY(-1000px);
        opacity: 0;
    }

    60% {
        transform: translateY(30px);
        opacity: 1;
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes pulseBtn {
    0% {
        transform: scale(1);
        /* Tamaño original */
    }

    50% {
        transform: scale(1.02);
        /* Aumenta el tamaño */
    }

    100% {
        transform: scale(1);
        /* Vuelve al tamaño original */
    }
}


/**/

.img,
.blog-img,
.user-img {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.img-video {
    background-position: center center;
    position: relative;
}

.img-video:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 20px;
    content: '';
    background: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.img-video:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 50%;
    height: 20px;
    background: #fff;
    content: '';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 991.98px) {

    .img-video:before,
    .img-video:after {
        opacity: 0;
    }
}

@media (max-width: 767.98px) {
    .img-video {
        height: 400px;
    }
}

.icon-video {
    width: 80px;
    height: 80px;
    background: #fff;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    -webkit-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.icon-video span {
    font-size: 20px;
    color: #207dff;
}



/************/

/* Menu de accesibilidad */

#accessibilityBar {
    font-family: 'open-sans-light';
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 9999;
    position: fixed;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
    background-color: #FFF;
    border-radius: .5rem 0 0 .5rem;
    box-shadow: 0 5px 30px rgba(34, 34, 34, 0);
    border: 1px solid #025a27;
}

#accessibilityBar * {
    box-sizing: border-box
}

#accessibilityBar.active {
    transform: translate(0, -50%);
    box-shadow: 0 5px 30px rgba(34, 34, 34, .5)
}

#accessibilityBar button {
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    cursor: pointer
}

#accessibilityBar button#universalAccessBtn {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    color: #025a27;
    background-color: white;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #025a27;
    position: absolute;
    top: 50%;
    transform: translate(-110%, -50%);
    cursor: pointer;
    box-shadow: 0px 0px 10px 0px #c5c5c5;
}

#accessibilityBar button#universalAccessBtn span {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    text-align: right;
    font-weight: bold;
    color: #fff;
    background-color: #025a27;
    box-shadow: 0 10px 30px rgba(102, 102, 102, .1);
    height: 100%;
    padding: 0 1rem;
    border-radius: .25rem;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 120%;
    transform: translateY(-50%)
}

#accessibilityBar button#universalAccessBtn.collapsed span {
    opacity: 0;
    right: 50%
}

#accessibilityBar button#universalAccessBtn:hover span {
    opacity: 1;
    right: 120%
}

.icon-main-accesb {
    font-size: 30px !important;
}

.icon-menu-bar {
    font-size: 15px !important;
}

#accessibilityBar button.setAccessibility {
    font-size: 12px;
    font-size: .75rem;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #222;
    font-weight: 700;
    background-color: #eee;
    width:
        /*100%*/
        52px;
    padding: .1rem .2rem;
    border-radius: .25rem;
    /*border: none;*/
    display: flex;
    align-items: center;
    margin: .25rem;
    border: 1px solid #025a27;
    background-color: #025a27;
}

#accessibilityBar button.setAccessibility:hover,
#accessibilityBar button.setAccessibility:hover strong {
    background-color:
        /*#fff*/
        rgba(236, 185, 50, 1);
}

#accessibilityBar button.setAccessibility strong {
    color: #fff;
    background-color:
        /*#ed1c24*/
        #025a27;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .25rem
}

@media(max-width: 576px) {
    #accessibilityBar {
        position: fixed;
        top: initial;
        bottom: 0;
        transform: translateX(100%)
    }

    #accessibilityBar.active {
        transform: translateX(0)
    }

    #accessibilityBar #universalAccessBtn {
        top: initial;
        transform: translateX(-120%);
        bottom: 16px;
        border-radius: 50%
    }
}

#slct-career-flt {
    border: 2px solid rgba(236, 185, 50, 1);
    padding: 8px 15px;
    margin: 5px 0px;
    border-radius: 0px;
    box-sizing: border-box;
    font-size: 14px !important;
    font-weight: 300;
    font-family: 'open-sans-light';
    color: #2D2D2D;
    background-color: #FFF;
}

#slct-career-flt:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 2px solid #008B3A;
    outline-width: 0;
    font-weight: 400;
    background-color: white;
}

/*Youtube Shorts*/
/*iframe[src*="https://www.youtube.com/embed/"]*/
.vid-ytb-shorts {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    max-width: 320px !important;
    aspect-ratio: 9 / 16 !important;
}

.tiktok-iframe {
    /*max-width: 605px;
    min-width: 325px;*/
    width: 100%;
    height: 800px;
    border: none;
    overflow-x: hidden;
}

/* Form Subscription */
.section-form-subscription {
    /*background: rgb(2,90,39);
    background: linear-gradient(0deg, rgba(2,90,39,1) 0%, rgba(255,255,255,1) 50%, rgba(2,90,39,1) 100%);*/

    /*background: rgb(2,90,39);
    background: linear-gradient(0deg, rgba(2,90,39,1) 0%, rgba(255,255,255,0.938813025210084) 50%, rgba(2,90,39,1) 100%);*/

    /*background: rgb(2,90,39);
    background: radial-gradient(circle, rgba(2,90,39,1) 0%, rgba(255,255,255,0.938813025210084) 50%, rgba(2,90,39,1) 100%);*/

    background: rgb(255, 255, 255);
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(2, 90, 39, 1) 100%);

}


.widget_blog_subscription {
    display: block;
    margin: 50px auto;
    width: 60%;
    max-width: 490px;
    min-width: 320px;
    position: relative;
    overflow: hidden;
    background-color: #F6F6F2;
    border-radius: 10px;
}

.widget_blog_subscription:after,
.widget_blog_subscription:before {
    content: '';
    width: 100%;
    height: 10px;
    display: block;
    background-image: repeating-linear-gradient(135deg, #F29B91 0px, #F09290 15px, transparent 15px, transparent 25px, #83B3DB 25px, #84ADCB 40px, transparent 40px, transparent 50px);
}

.widget_blog_subscription p {
    margin: 0;
    text-align: left;
}

.widget_blog_subscription p:first-child {
    font-family: 'open-sans-light';
    margin: 30px 30px 15px;
    color: #83B3DB;
    /*text-transform: uppercase;*/
    text-align: left;
    font-size:
        /*15px*/
        18px;
    letter-spacing: 1px;
    font-weight: 900;
}

.widget_blog_subscription #subscribe-blog:before {
    content: '>>>>>';
    width: auto;
    height: auto;
    display: block;
    border: 2px solid rgba(242, 155, 145, 0.5);
    padding: 4px;
    position: absolute;
    top: 36px;
    right: -30px;
    color: rgba(242, 155, 145, 0.5);
    font-size: 28px;
    transform: rotate(17deg);
    font-weight: 400;
    text-decoration: underline;
    border-radius: 10px;
}

.widget_blog_subscription #subscribe-blog:after {
    content: '&';
    width: 50px;
    height: 50px;
    display: block;
    border: 4px double rgba(242, 155, 145, 0.5);
    padding: 10px;
    position: absolute;
    bottom: 30px;
    right: -10px;
    color: rgba(242, 155, 145, 0.5);
    font-size: 50px;
    transform: rotate(-30deg);
    font-weight: 400;
    border-radius: 99px;
    text-align: center;
    line-height: 50px;
}

.widget_blog_subscription input[type="text"] {
    font-family: 'open-sans-light';
    margin: 15px 30px;
    color: #999;
    padding: 15px 0 !important;
    text-align: left;
    width: 100% !important;
    max-width: calc(100% - 60px);
    outline: none;
    border: 0;
    font-size:
        /*14px*/
        16px;
    background-color: transparent;
    border-top: 1px solid
        /*#83B3DB*/
        #025a27;
    border-bottom: 1px solid
        /*#83B3DB*/
        #025a27;
}

.widget_blog_subscription input[type="text"]::-webkit-input-placeholder {
    color: #d0d0d0;
}

.widget_blog_subscription input[type="text"]:-moz-placeholder {
    color: #d0d0d0;
}

.widget_blog_subscription input[type="text"]::-moz-placeholder {
    color: #d0d0d0;
}

.widget_blog_subscription input[type="text"]:-ms-input-placeholder {
    color: #d0d0d0;
}

.widget_blog_subscription input[type="submit"] {
    font-family: 'open-sans-light';
    margin:
        /*15px 35px 25px*/
        5px 25px 15px;
    background-color:
        /*#83B3DB*/
        #025a27;
    color: #fff;
    padding:
        /*14px 18px*/
        7px 9px !important;
    text-align: center;
    font-weight: 100;
    width: auto;
    max-width: 70%;
    outline: none;
    border: 1px solid #fff;
    /*text-transform: uppercase;*/
    font-size:
        /*12px*/
        16px;
    cursor: pointer;
    -webkit-transition: .1s all ease-in-out;
    -moz-transition: .1s all ease-in-out;
    -o-transition: .1s all ease-in-out;
    transition: .1s all ease-in-out;
    box-shadow: 0px 0px 0px 5px #83B3DB;
}

.widget_blog_subscription input[type="submit"]:hover {
    background-color:
        /*#F29B91*/
        rgba(236, 185, 50, 1);
    box-shadow: 0px 0px 0px 5px
        /*#F29B91*/
        rgba(236, 185, 50, 1);
}

/* Option B */
.option-b.widget_blog_subscription {
    background-color: #fffbf0;
}

.option-b.widget_blog_subscription:after,
.option-b.widget_blog_subscription:before {
    content: '';
    width: 100%;
    height: 10px;
    display: block;
    background-image: repeating-linear-gradient(135deg,
            /*#eb5f5f*/
            rgba(236, 185, 50, 1) 0px, rgba(236, 185, 50, 1) 15px,
            /*transparent*/
            #FFF 15px,
            /*transparent*/
            #FFF 25px,
            /*#8ac26d*/
            #025a27 25px, #025a27 40px,
            /*transparent*/
            #FFF 40px,
            /*transparent*/
            #FFF 50px);
}

.option-b.widget_blog_subscription p:first-child {
    color: #025a27;
}

.option-b.widget_blog_subscription input[type="text"] {
    border-top: 1px solid #025a27;
    border-bottom: 1px solid #025a27;
}

.option-b.widget_blog_subscription input[type="submit"] {
    background-color: #025a27;
    box-shadow: 0px 0px 0px 5px #025a27;
}

.option-b.widget_blog_subscription input[type="submit"]:hover {
    background-color: rgba(236, 185, 50, 1);
    box-shadow: 0px 0px 0px 5px rgba(236, 185, 50, 1);
}

.option-b.widget_blog_subscription #subscribe-blog:before {
    content:
        /*'*-* *-* *'*/
        /*'✵⋆✵'*/
        '⋆⋆⋆⋆⋆';
    width: auto;
    height: auto;
    display: block;
    border: 2px solid
        /*rgba(138, 194, 109, 0.4)*/
        #025a27;
    padding: 4px;
    position: absolute;
    top: 36px;
    right: -30px;
    color:
        /*rgba(138, 194, 109, 0.4)*/
        #025a27;
    font-size: 28px;
    transform: rotate(17deg);
    font-weight: 400;
    text-decoration: underline;
    border-radius: 10px;
}

.option-b.widget_blog_subscription #subscribe-blog:after {
    content: '*';
    width: 50px;
    height: 50px;
    display: block;
    border: 4px double
        /*rgba(138, 194, 109, 0.4)*/
        #025a27;
    padding: 10px;
    position: absolute;
    bottom: 30px;
    right: -10px;
    color:
        /*rgba(138, 194, 109, 0.4)*/
        #025a27;
    font-size: 120px;
    transform: rotate(-30deg);
    font-weight: 400;
    border-radius: 99px;
    text-align: center;
    line-height: 94px;
    vertical-align: middle;
}

.message-lang {
    font-family: 'open-sans-light';
    font-weight: bold;
}

/*******/

/*******************************/
/********** Hero CSS ***********/
/*******************************/
.hero-1 {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
    padding: 120px 0 0 0;
    overflow: hidden;
    background: linear-gradient(rgba(2, 90, 39, .85), rgba(2, 90, 39, .85)), url(../img/cv/background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-1 .container-fluid {
    padding: 0;
}

.hero-1 .hero-image {
    position: relative;
    text-align: right;
    padding-right: 75px;
}

.hero-1 .hero-image img {
    max-width: 80%;
    max-height: 80%;
}

.hero-1 .hero-content {
    position: relative;
    padding-left: 75px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.hero-1 .hero-text p {
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}

.hero-1 .hero-text h2 {
    font-family:
        /*"brittany-signature"*/
        "playball-font";
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 15px;

    /*background-image: linear-gradient(45deg, #025a27, #03a74a);
    -webkit-background-clip: text;
    color: #FFF;
    animation: glowing 2s infinite alternate;*/

    color: #FFF;
    /* Color de texto */
    text-shadow: 0 0 10px rgba(236, 185, 50, 1), 0 0 20px rgba(236, 185, 50, 1), 0 0 30px rgba(236, 185, 50, 1);
    /* Text-shadow con efecto */
    animation: glowing 2s infinite alternate;
    /* Animación del efecto */

}

.hero-1 .hero-text h1 {
    font-family: "playball-font";
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 15px;
    color:
        /*#FFF*/
        #FFF;
    text-shadow: 0 0 10px #025a27, 0 0 20px #025a27, 0 0 30px #025a27;
    text-align: center;
}

/*****/

@keyframes glowing {
    from {
        /*text-shadow: 0 0 10px #03a74a, 0 0 20px #03a74a, 0 0 30px #03a74a;*/
        text-shadow: 0 0 10px rgba(236, 185, 50, 1), 0 0 20px rgba(236, 185, 50, 1), 0 0 30px rgba(236, 185, 50, 1);
        /* Sombra brillante */
    }

    to {
        text-shadow: none;
    }
}

/*****/

.hero-1 .hero-text h3 {
    display: inline-block;
    margin: 0;
    height: 35px;
    color: #ffffff;
    font-size: 35px;
    font-weight: 600;
}

.hero-1 .hero-text .typed-text {
    display: none;
}

.pnl-publication-profs {
    height: 125px;
    border: 2px solid #025a27;
    background-color: #FFF;
    font-size: 14px;
    font-weight: 900;
    color: #025a27;
    font-family: 'open-sans-light';
    text-decoration: none;
}

/*****/



/*****/

.pnl-publication-profs:hover,
.pnl-publication-profs:active,
.pnl-publication-profs:focus {
    /*background-color: #EFEEEE;*/
    border: 3px solid rgba(236, 185, 50, 1);
    cursor: pointer;
}

.pnl-publication-profs .text-news-other {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
}

.pnl-publication-profs a {
    color: #025a27;
    text-decoration: none;
}

.pnl-publication-profs a:hover,
.pnl-publication-profs a:focus,
.pnl-publication-profs a:active {
    color: #000;
    text-decoration: underline;
    background-color: #EFEEEE;
}

.pnl-publication-profs .date-news {
    color: #6d5618;
}




/**/

.typing-effect {
    color: #ffffff;
    font-family: 'open-sans-light';
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    overflow: hidden;
    /* Ocultar el texto adicional */
    white-space: nowrap;
    /* Evitar que el texto se ajuste automáticamente */
    border-right: 0.15em solid #333;
    /* Efecto de cursor */
    width: 0;
    /* Iniciar con ancho cero */
    animation: typing 5s steps(40, end) infinite, blink-caret 0.75s step-end infinite;
}

@keyframes typing {
    from {
        width: 0;
        /* Comenzar con ancho cero */
    }

    to {
        width: 70%;
        /* Terminar con ancho completo */
    }
}

@keyframes blink-caret {

    from,
    to {
        border-color: transparent;
        /* Invisible */
    }

    50% {
        border-color:
            /*#333*/
            #FFF;
        /* Visible */
    }
}


/**/


.hero .hero-text .typed-cursor {
    font-size: 35px;
    font-weight: 300;
    color: #ffffff;
}

.hero .hero-btn .btn {
    margin-top: 35px;
    color: #EF233C;
    background: #ffffff;
    box-shadow: inset 0 0 0 50px #ffffff;
}

.hero .hero-btn .btn:hover {
    color: #ffffff;
    background: transparent;
    box-shadow: inset 0 0 0 0 #ffffff;
    border-color: #ffffff;
}

.hero .hero-btn .btn:first-child {
    margin-right: 10px;
}

@media (max-width: 991.98px) {
    .hero {
        padding-top: 60px;
    }

    .hero .hero-content {
        padding: 0 15px;
    }

    .hero .hero-text p {
        font-size: 20px;
    }

    .hero .hero-text h1 {
        font-size: 45px;
    }

    .hero .hero-text h2 {
        font-size: 25px;
        height: 25px;
    }

    .hero .hero-btn .btn {
        padding: 12px 30px;
        letter-spacing: 1px;
    }
}

@media (max-width: 767.98px) {
    .hero {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .hero,
    .hero .hero-text,
    .hero .hero-btn {
        width: 100%;
        text-align: center;
    }

    .hero .hero-text p {
        font-size: 18px;
    }

    .hero .hero-text h1 {
        font-size: 35px;
    }

    .hero .hero-text h2 {
        font-size: 22px;
        height: 22px;
    }

    .hero .hero-btn .btn {
        padding: 10px 15px;
        letter-spacing: 1px;
    }
}

@media (max-width: 575.98px) {
    .hero .hero-text p {
        font-size: 16px;
    }

    .hero .hero-text h1 {
        font-size: 30px;
    }

    .hero .hero-text h2 {
        font-size: 18px;
        height: 18px;
    }

    .hero .hero-btn .btn {
        padding: 8px 10px;
        letter-spacing: 0;
    }

    .hero-1 .hero-text p {
        font-size: 12px;
    }

    .hero-1 .hero-text h1 {
        font-size: 16px;
        text-align: center;
    }

    .hero-1 .hero-text h2 {
        font-size: 14px;
        height: 18px;
    }

    .hero-1 .hero-btn .btn {
        padding: 8px 10px;
        letter-spacing: 0;
    }

    .hero-1 .hero-content {
        padding: 0;
    }


}

/*Estilos para componentes navideños*/
.animation-christmas {
    position: fixed;
    bottom: 150px;
    right: 40px;
    outline: none;
    border: none;
    height: 50px;
    width: 50px;
    background-color: transparent;
    z-index: 999;
}

.msg-christmas {
    font-family: 'open-sans-light';
    background-color: #FE1E16;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    padding: 1px 5px 1px 5px;
    border-radius: 5px;
    margin-top: 3px;
    border: 2px solid #FFF;
}

@media (max-width: 490px) {
    .animation-christmas {
        left: 20px;
        bottom: 20px;
        z-index: 9999;
    }
}

@media only screen and (max-width: 600px) {
    .pnl-career-box-group .box-title-career {
        height: 85px;
        display: flex;
        align-items: center;
    }
}


/*******/



body.contrast #accessibilityBar button[data-accessibility=contrast] {
    background-color: #ed1c24
}

body.darkmode #accessibilityBar button[data-accessibility=dark] {
    background-color: #ed1c24;
    color: #fff !important
}

body.accessibility_readingLine #accessibilityBar button[data-accessibility=readingLine] {
    background-color: rgba(236, 185, 50, 1);
    color: #fff !important
}

body.accessibility_markerLine #accessibilityBar button[data-accessibility=markerLine] {
    background-color: rgba(236, 185, 50, 1);
    color: #fff !important
}

body.accessibility_readingLine #readingLine {
    background-color: #ed1c24 !important;
    opacity: 1;
    width: 100vw;
    height: .5rem;
    position: absolute;
    left: 0;
    z-index: 9999;
    transform: translateY(0.5rem);
}

body.accessibility_markerLine #markerLine {
    background-color: #e4fd00 !important;
    opacity: .75;
    border-width: .1px 0;
    border-style: solid;
    border-color: #cde400;
    width: 100vw;
    height: 1.75rem;
    position: absolute;
    left: 0;
    z-index: 9999;
    transform: translateY(-1rem);
    mix-blend-mode: color;
}

body.accessibility_markerLine.contrast #markerLine {
    mix-blend-mode: multiply;
    opacity: 1
}

body.accessibility_markerLine.darkmode #markerLine {
    opacity: .25;
    background: #655b5b !important;
    mix-blend-mode: unset
}

body.darkmode {
    background: #121212 !important;
    color: #655b5b !important;
    /*filter: grayscale(100%);
    -webkit-filter: grayscale(100%);*/
}

body.darkmode nav,
body.darkmode li,
body.darkmode ol,
body.darkmode header,
body.darkmode footer,
body.darkmode section,
body.darkmode main,
body.darkmode aside,
body.darkmode article {
    background: #121212 !important;
    color: #655b5b !important
}

body.darkmode h1,
body.darkmode h2,
body.darkmode h3,
body.darkmode h4,
body.darkmode h5,
body.darkmode h6,
body.darkmode p,
body.darkmode label,
body.darkmode strong,
body.darkmode em,
body.darkmode cite,
body.darkmode q,
body.darkmode i,
body.darkmode b,
body.darkmode u,
body.darkmode span {
    color: #655b5b !important
}

body.darkmode a {
    color: #8d8080 !important
}

body.darkmode a * {
    color: #8d8080 !important
}

body.darkmode button,
body.darkmode input[type=button],
body.darkmode input[type=reset],
body.darkmode input[type=submit] {
    background: #292323 !important;
    color: #655b5b !important;
    border: #191414 !important
}

body.darkmode img {
    filter: grayscale(100%);
}

body.darkmode .panel-default {
    filter: grayscale(100%);
}

body.darkmode input[type=text],
body.darkmode input[type=password],
body.darkmode input[type=url],
body.darkmode input[type=search],
body.darkmode input[type=email],
body.darkmode input[type=tel],
body.darkmode input[type=date],
body.darkmode input[type=month],
body.darkmode input[type=week],
body.darkmode input[type=datetime],
body.darkmode input[type=datetime-local],
body.darkmode textarea,
body.darkmode input[type=number] {
    background: #191414 !important;
    border: 1px solid #292323 !important;
    color:
        /*#655b5b*/
        white !important
}

/*body.darkmode img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    filter: grayscale(75%) contrast(90%)
}

body.darkmode img:hover {
    filter: grayscale(0) contrast(100%)
}*/

body.darkmode #accessibilityBar * {
    background-color: #655b5b !important;
    color: #121212 !important
}

body.darkmode #accessibilityBar .setAccessibility[data-accessibility=darkmode] {
    background-color: #121212 !important;
    color: #655b5b !important
}

body.darkmode #accessibilityBar .setAccessibility {
    color: #8d8080 !important
}

body.darkmode #accessibilityBar .setAccessibility * {
    color: #8d8080 !important;
}

body.darkmode #accessibilityBar .setAccessibility strong,
body.darkmode #accessibilityBar .setAccessibility i {
    background-color: #191414 !important;
    color: white !important;
}

body.darkmode #accessibilityBar button#universalAccessBtn {
    border: 1px solid black !important;
    background-color: white !important;
}

body.darkmode #accessibilityBar button#universalAccessBtn .icon-main-accesb {
    color: black !important;
    background-color: white !important;
    border-radius: 50%;
}

body.darkmode .modal-dialog .modal-content button {
    color: white !important;
    background-color: black !important;
}

body.darkmode .nav-item>a:hover {
    color: white !important;
}

/*body.darkmode .nav-item nav-link:hover{
    background-color: white !important;
    border: 1px solid white !important;
}*/

body.darkmode .menu-primary {
    border-bottom: 1px solid #FFF !important;
}

body.darkmode #navbar-header1 ul .nav-item .nav-link:hover {
    /*background-color: white !important;*/
    border: 1px solid white !important;
}

body.darkmode #navbar-header1 ul .nav-link:hover,
body.darkmode #navbar-header1 ul .nav-link:hover i {
    color: white !important;
}

body.darkmode .menu-second {
    border-bottom: 1px solid #FFF !important;
}

body.darkmode #navbar-header2 .navbar-nav .nav-link:hover {
    color: white !important;
}

body.darkmode #navbar-header2 .txt-frm {
    border: 2px solid white !important;
    border-radius: 6px !important;
}

body.darkmode #navbar-header2 .txt-frm #btn-search-wp {
    border: 2px solid white !important;
    background-color: #000 !important;
}

body.darkmode #navbar-header2 .txt-frm #btn-search-wp .btn-srch {
    color: #FFF !important;
}

body.darkmode #navbar-header2 .txt-frm:hover {
    border: 2px solid gray !important;
    border-radius: 6px !important;
}

body.darkmode #navbar-header2 .txt-frm:hover .input-md {
    background-color: #FFF !important;
}

body.darkmode #navbar-header2 .txt-frm:hover #btn-search-wp {
    background-color: gray !important;
    color: #FFF !important;
    border: 2px solid black !important;
}

/*body.darkmode .menu-third{
    border-bottom: 1px solid #FFF !important;
}*/

body.darkmode #navbar-header3 .dropdown-menu a:hover {
    background-color: gray !important;
    color: white !important;
}

body.darkmode #navbar-header3 .navbar-nav li .dropdown-menu ul .dropdown-menu .dropdown-item {
    background-color: white !important;
    color: gray !important;
}

body.darkmode #navbar-header3 .navbar-nav li .dropdown-menu ul .dropdown-menu .dropdown-item:hover {
    background-color: gray !important;
    color: white !important;
}

body.darkmode .title-section {
    background-color: #000 !important;
    color: #FFF !important;
    border-top: 3px solid #FFF !important;
}

body.darkmode .widget-50-date-primary {
    background-color: #000 !important;
    /*color: #FFF !important;*/
    font-weight: bold !important;
}

body.darkmode .widget-50-date-primary .widget-50-date-day {
    color: #FFF !important;
}

body.darkmode .widget-50-date-primary .widget-50-date-month {
    color: #FFF !important;
}

body.darkmode .title-news {
    background-color: #000 !important;
    color: #FFF !important;
    border-top: 3px solid #FFF !important;
}

body.darkmode .title-news:hover {
    background-color: #FFF !important;
    color: #000 !important;
    border-top: 3px solid #000 !important;
}

body.darkmode .img-n1 {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

body.darkmode .title-news-sld,
body.darkmode .subtitle-news-sld {
    color: #FFF !important;
}

body.darkmode .img-n1:hover .title-news-sld,
body.darkmode .img-n1:hover .subtitle-news-sld {
    color: gray !important;
}

body.darkmode #title-met {
    color: #FFF !important;
}

/*body.darkmode .ctn-metrics{
    background-color: #000 !important;
}*/

body.darkmode .img-metcs-bx,
body.darkmode .number-metcs-bx,
body.darkmode .title-metcs-bx {
    filter: brightness(0%);
    -webkit-filter: brightness(0%);
}

body.darkmode .panel-metcs-ind-bx {
    animation: pulse-white-bw 3s infinite !important;
}

body.darkmode hr.rounded,
body.darkmode hr {
    border-top: 2px solid white !important;
}

body.darkmode #elm-copyright {
    color: white !important;
}

body.darkmode .footer h1 {
    color: white !important;
}

body.darkmode .footer .contain #link-items li {
    background-color: #2D2D2D !important;
    color: white !important;
}

body.darkmode .footer .contain #link-items li a,
body.darkmode .footer .contain #link-items li a i {
    color: white !important;
}

/*body.darkmode .footer #link-items{
    background-color: none !important;
    color: white !important;
}*/

body.darkmode .footer .contain #link-items li a:hover {
    color: gray !important;
    /*border-bottom: 1px solid white !important;*/
}

body.darkmode .footer .contain #link-items li a i:hover {
    color: gray !important;
}

body.darkmode .pn-banner-page {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

body.darkmode .title-cont-page {
    color: #FFF !important;
}

body.darkmode .msg-pnl-search {
    color: #FFF !important;
}

body.darkmode .text-cont {
    color: #f6f6f4 !important;
}

body.darkmode .panel-metcs-bx:hover,
body.darkmode .panel-metcs-bx:active,
body.darkmode .panel-metcs-bx:focus {
    border: 2px solid gray !important;
    background-color: white !important;

}

/*body.darkmode .pn-aut-data div{
    border: 1px solid #f6f6f4 !important;
}*/

body.darkmode .title-mn-third {
    color: black !important;
    background-color: white !important;
}

body.darkmode .shp-title {
    color: white !important;
}

body.darkmode .list-unord-titles {
    color: #f6f6f4 !important;
}

body.darkmode .shp-content {
    color: #f6f6f4 !important;
}

body.darkmode .bdr-pnlfat,
body.darkmode .bdr-pnlchd {
    border: 1px solid #f6f6f4 !important;
}

body.darkmode .dataTables_filter label {
    color: white !important;
}

body.darkmode .dataTables_filter label input {
    border: 1px solid #f6f6f4 !important;
    color: white !important;
}

body.darkmode .rdt_Table {
    border: 1px solid #f6f6f4 !important;
}

body.darkmode .rdt_Table .rdt_TableHead .rdt_TableHeadRow {
    border: 1px solid #f6f6f4 !important;
    color: black !important;
    background-color: white !important;
}

body.darkmode .rdt_Table .rdt_TableBody .rdt_TableRow {
    color: white !important;
    background-color: black !important;
    border: 1px solid #f6f6f4 !important;
}

body.darkmode .rdt_Pagination span {
    color: white !important;

}

body.darkmode .rdt_Pagination button {
    background-color: white !important;
    color: black !important;
}

body.darkmode video,
body.darkmode .embed-responsive-item {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

body.darkmode .btn.scroll-top {
    border: 1px solid #f6f6f4 !important;
    color: black !important;
    background-color: white !important;
}

body.darkmode .btn.scroll-top:hover {
    background-color: gray !important;
    color: white !important;
}

body.darkmode .btn.scroll-top:hover i {
    color: white !important;
}

body.darkmode .nav-tabs .nav-item button {
    background-color: white !important;
    color: black !important;
    border: 1px solid #f6f6f4 !important;
}

body.darkmode .nav-tabs .nav-item .nav-link.active {
    background-color: black !important;
    color: white !important;
}

body.darkmode .tab-content {
    border: 1px solid #f6f6f4 !important;
}

body.darkmode #form-sugst .card-form .form-card label {
    color: white !important;
}

body.darkmode .form-card input,
body.darkmode .form-card textarea {
    background-color: black !important;
    color: white !important;
    border: 1px solid #f6f6f4 !important;
}

body.darkmode .form-card input:focus,
body.darkmode .form-card textarea:focus {
    border: 1px solid #FFF !important;
}

body.darkmode .form-card select {
    background-color: black !important;
    color: white !important;
    border: 1px solid #f6f6f4 !important;
}

body.darkmode .form-card button {
    background-color: black !important;
    color: white !important;
    border: 1px solid #f6f6f4 !important;
}

body.darkmode .form-card button:hover {
    background-color: gray !important;
}

body.darkmode .card-tp {
    border: 2px solid #f6f6f4 !important;
}

body.darkmode .card-tp .card-img-top {
    border-bottom: 2px solid #f6f6f4 !important;
}

body.darkmode .card-subtitle-aut-1 {
    background-color: #000 !important;
    color: white !important;
}

body.darkmode .card-bdy-ocas h6 .bg-voz {
    background-color: #000 !important;
    color: white !important;
}

body.darkmode .card-bdy-ocas h6 .bg-voto {
    background-color: gray !important;
    color: white !important;
}

body.darkmode .btn-tp {
    background-color: black !important;
    color: white !important;
    border: 2px solid #f6f6f4 !important;
}

body.darkmode .btn-tp i {
    color: white !important;
}

body.darkmode .btn-tp:hover {
    background-color: gray !important;
}

body.darkmode .btn-tp:hover i {
    color: white !important;
}

body.darkmode .title-mn-latr {
    color: white !important;
}

body.darkmode .content-menu-side .list-side-menu li::before {
    color: white !important;
}

body.darkmode .content-menu-side .list-side-menu li .item-side-menu {
    color: white !important;
}

body.darkmode .content-menu-side .list-side-menu li .item-side-menu-active,
body.darkmode .content-menu-side .list-side-menu li .item-side-menu:hover {
    background-color: #f6f6f4 !important;
    color: black !important;
}

body.darkmode .content-menu-side {
    border-left: 1px solid white !important;
}

body.darkmode .title-mn-secund {
    color: white !important;
}

body.darkmode .pnl-form-filter-news {
    /*border: 1px dashed #f6f6f4 !important;*/
    background-color: black !important;
    color: white !important;
}

body.darkmode .btn-all-data {
    border: 1px solid white !important;
    color: white !important;
}

body.darkmode .btn-all-data i {
    color: white !important;
}

body.darkmode .btn-all-data:hover {
    background-color: #f6f6f4 !important;
    color: black !important;
}

body.darkmode .btn-all-data:hover i {
    color: black !important;
}

body.darkmode .form-card-filter label {
    color: white !important;
}

body.darkmode .btn-block-area {
    background-color: black !important;
    color: white !important;
    border: 1px solid white !important;
}

body.darkmode .btn-block-area:hover {
    background-color: #f6f6f4 !important;
    color: black !important;
}

body.darkmode .form-card-filter .form-select-1 {
    background-color: white !important;
    color: black !important;
}

body.darkmode .pnl-franja {
    background-color: black !important;
    height: 7px !important;
}

body.darkmode .sticker-tipo-dept {
    background-color: black !important;
    color: white !important;
}

/*body.darkmode .pagination{
    background-color: black !important;
    color: white !important;
    border: 1px solid white !important;
}*/

body.darkmode .pagination .page-item .page-link {
    background-color: black !important;
    color: white !important;
    border: 1px solid white !important;
}

body.darkmode .pagination .page-item .page-link:hover {
    background-color: #f6f6f4 !important;
    color: black !important;
}

body.darkmode .pagination .page-item.disabled .page-link {
    background-color: #bebcb7 !important;
    color: black !important;
}

body.darkmode .pagination .page-item.active .page-link {
    background-color: #f6f6f4 !important;
    color: black !important;
}

body.darkmode .work .pnl-twitter {
    border:
        /*1px solid #f6f6f4*/
        none !important;
    color: white !important;
}

body.darkmode .work .pnl-twitter .text-tweet {
    color: white !important;
}

body.darkmode .work .pnl-twitter .text-tweet a:hover {
    color: white !important;
}

body.darkmode .work .pnl-twitter .social-media-list li a,
body.darkmode .work .pnl-twitter .social-media-list li a i {
    color: white !important;
}

body.darkmode .work .pnl-twitter .social-media-list li a:hover,
body.darkmode .work .pnl-twitter .social-media-list li a:hover i {
    color: gray !important;
}

body.darkmode h2.accordion-header .accordion-button {
    color: white !important;
}

body.darkmode .accordion-collapse {
    background-color: black !important;
    color: white !important;

}

body.darkmode .card-tp .card-body-aut {
    color: white !important;
}

body.darkmode .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell a.btn-table:hover i {
    color: white !important;
}

/*body.darkmode #tbl-pedi thead tr,
body.darkmode #tbl-pedi tbody tr{
    border: 1px solid white !important;
}*/

body.darkmode table#tbl-pedi.table-static {
    border: 1px solid white !important;

}

body.darkmode table#tbl-pedi.table-static thead th {
    border: 1px solid white !important;
}

body.darkmode table#tbl-pedi.table-static tbody td {
    border: 1px solid black !important;
}

body.darkmode #tbl-pedi tbody tr td a.btn-table:hover i {
    color: black !important;
}

body.darkmode table#tbl-papp.table-static {
    border: 1px solid white !important;
}

body.darkmode table#tbl-papp.table-static thead th {
    border: 1px solid white !important;
}

body.darkmode table#tbl-papp.table-static tbody td {
    border: 1px solid black !important;
}

body.darkmode #tbl-papp tbody tr td a.btn-table:hover i {
    color: black !important;
}

/*body.darkmode div.accordion-item{
    border: none !important;
}*/

body.darkmode div.accordion-collapse.collapse.show {
    border: 1px solid white !important;
}

body.darkmode div.accordion-body {
    border: none !important;
}

body.darkmode .img-n10,
body.darkmode .img-n13 {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    border: 1px solid white !important;
}

body.darkmode div.text-pn {
    background-color: #000 !important;
    color: white !important;
}

body.darkmode .item-sld-mult {
    border: 1px solid white !important;
}

body.darkmode .text-information {
    color: white !important;
}

body.darkmode #slct-pac {
    background-color: #000 !important;
    border: 1px solid white !important;
    color: #FFF !important;
}

body.darkmode .btn-act-frm {
    background-color: white !important;
    color: #000 !important;
    border: 1px solid white !important;
}

body.darkmode .btn-act-frm:hover {
    background-color: gray !important;
    color: white !important;
}

body.darkmode .list-circle-text li a {
    color: white !important;
}

body.darkmode .list-circle-text li a:hover {
    background-color: gray !important;
    color: white !important;
}

body.darkmode ul li::before {
    color: white !important;
}

body.darkmode ul.list-unord-titles li {
    color: white !important;
}

body.darkmode ul.list-unord-inf li {
    color: white !important;
}

body.darkmode .img-port-uth {
    border: 1px solid white !important;
}

body.darkmode .form-control-label {
    color: white !important;
}

body.darkmode .form-select-1 {
    background-color: black !important;
    color: gray !important;
    /*border: 1px solid white !important;*/
}

/*body.darkmode .form-select-1 span{
    background-color: black !important;
}*/

body.darkmode .form-select-1 .form-select-1__control {
    background-color: black !important;
    color: white !important;
    border: 1px solid white !important;
}

body.darkmode .form-select-1 .form-select-1__control input {
    border: none !important;
}

body.darkmode .form-select-1 .form-select-1__menu {
    background-color: black !important;
    color: gray !important;
    border: 1px solid white !important;
}

body.darkmode .pnl-upl-file {
    border: 2px dashed #FFF !important;
    background-color: #000 !important;
    color: #FFF !important;
}

body.darkmode .card-subtitle-aut-2,
body.darkmode .link-email-member,
body.darkmode .pnl-mr-title-mod-3 {
    background-color: #000 !important;
    color: #FFF !important;
    border: 1px solid #FFF !important;
}

body.darkmode .link-email-member i,
body.darkmode .pnl-mr-text {
    color: #FFF !important;
}

body.darkmode .pnl-members-res {
    background-color: #000 !important;
    color: #FFF !important;
    border: 1px solid #FFF !important;
}

body.darkmode .link-email-member:hover {
    background-color: gray !important;
}

body.darkmode .text-cont b {
    color: #FFF !important;
    font-weight: bold !important;
}

body.darkmode .table-wp a:hover,
body.darkmode .table-wp-newspaper a:hover {
    border: 1px solid #FFF !important;
}

body.darkmode .rdt_Table .rdt_TableBody .rdt_TableRow a:hover .icon-ic {
    /*border: 1px solid #FFF !important;*/
    filter: brightness(0) invert(1) !important;
}

body.darkmode ul.list-unord-step li {
    color: white !important;
}

body.darkmode ul.list-unord-step li a {
    color: white !important;
    font-weight: bold !important;
}

body.darkmode ul.list-unord-step li a:hover {
    border: 1px solid white !important;
    padding: 2px !important;
}

body.darkmode table#tbl-projects.table-static,
body.darkmode table#tbl-holidays.table-static,
body.darkmode table#tbl-sublines.table-static {
    border: 1px solid white !important;
}

body.darkmode table#tbl-projects.table-static thead th,
body.darkmode table#tbl-holidays.table-static thead th,
body.darkmode table#tbl-sublines.table-static thead th {
    border: 1px solid white !important;
}

body.darkmode table#tbl-projects.table-static tbody td,
body.darkmode table#tbl-holidays.table-static tbody td,
body.darkmode table#tbl-sublines.table-static tbody td {
    border: 1px solid black !important;
}

body.darkmode #tbl-projects tbody tr td a.btn-table:hover i,
body.darkmode #tbl-holidays tbody tr td a.btn-table:hover i,
body.darkmode #tbl-sublines tbody tr td a.btn-table:hover i {
    color: black !important;
}

body.darkmode div.accordion-body p,
body.darkmode .icon-item-car {
    color: white !important;
}

body.darkmode div.accordion-body p b {
    font-weight: bold !important;
}

body.darkmode div.accordion-body p a {
    color: white !important;
    font-weight: bold !important;
}

body.darkmode div.accordion-body p a:hover {
    border: 1px solid white !important;
    padding: 2px !important;
}

body.darkmode .pnl-faculty-box {
    border: 1px solid white !important;
}

body.darkmode a.link-fcts {
    background-color: #000 !important;
    color: #FFF !important;
}

body.darkmode .item-fctds {
    background-color: #000 !important;
    color: #FFF !important;
}

body.darkmode a.link-fcts:hover .item-fctds {
    border: 1px solid white !important;
    background-color: gray !important;
}

body.darkmode .pnl-form-filter-news-dep {
    border: 1px dashed #FFF !important;
    background-color: #000 !important;
}

body.darkmode .card-nw-image {
    border: 1px solid #000 !important;
}

body.darkmode .pn-bd-dean .card-img-top {
    border: 1px solid #FFF !important;
}

body.darkmode .pn-bd-dean .pnl-info-title-auth {
    border: 1px solid #FFF !important;
}

body.darkmode .pn-bd-dean .pnl-info-title-auth .title-mn-four {
    background-color: #000 !important;
    border-bottom: 1px solid #FFF !important;
    color: #FFF !important;
}

body.darkmode ul.list-links li {
    color: #FFF !important;
}

body.darkmode ul.list-links li::before,
body.darkmode .badge-download-web i {
    color: white !important;
}

body.darkmode .badge-download-web {
    background-color: #000 !important;
    color: white !important;
    border: 1px solid #FFF !important;
}

body.darkmode .badge-download-web:hover,
body.darkmode .badge-download-web:active,
body.darkmode .badge-download-web:focus {
    background-color: gray !important;
    color: white !important;
}

body.darkmode img#career-acadm {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

body.darkmode .paragraph-cont b {
    font-family: 'open-sans-light' !important;
    color: white !important;
}

body.darkmode .pn-aut-data .pn-bd-dean .card-img-top,
body.darkmode .pn-aut-data .pnl-aut-info-img,
body.darkmode .pn-aut-data .pn-bd-dean .pnl-text-dean,
body.darkmode .pn-aut-data .pnl-aut-info {
    border: 1px solid white !important;
}

body.darkmode .img-n2,
body.darkmode .img-n7,
body.darkmode .img-n11,
body.darkmode .pnl-memories,
body.darkmode .img-n12 {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    border: 1px solid white !important;
}

body.darkmode iframe {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

body.darkmode .pnl-img-brochr {
    border: 1px solid white !important;
}

body.darkmode .text-pn-servc {
    background-color: #000 !important;
    color: white !important;
    border: 1px solid #FFF !important;
}

body.darkmode .pnl-mr-title-mod-2,
body.darkmode .pnl-mr-title-mod-1 {
    background-color: #FFF !important;
    color: #000 !important;
    border: 1px solid #FFF !important;
}

body.darkmode .sublines-objc h3,
body.darkmode .sublines-objc p,
body.darkmode .sublines-objc ul li,
body.darkmode .pn-md-pg b,
body.darkmode .pnl-form-filter-books i,
body.darkmode .pnl-form-filter-news i,
body.darkmode .pnl-box-info-link .pnl-box-sctf-prod .pnl-box-sect-title,
body.darkmode .pnl-box-info-link .pnl-box-sctf-prod .pnl-box-body p,
body.darkmode .pnl-box-book .pnl-box-sect-title,
body.darkmode .pnl-box-book .pnl-box-body,
body.darkmode .pnl-box-book .pnl-box-body i,
body.darkmode .subtitle-cont,
body.darkmode .pnl-form-filter-agreeg .form-card-filter i,
body.darkmode .pnl-box-info-link .pnl-box-agreem .pnl-box-sect-title,
body.darkmode .pnl-box-info-link .pnl-box-agreem .pnl-box-sect-subtitle,
body.darkmode .pnl-box-info-link .pnl-box-agreem .pnl-box-paramt-4,
body.darkmode .pnl-box-info-link .pnl-box-agreem .pnl-box-paramt-2,
body.darkmode .pnl-box-info-link .pnl-box-agreem .pnl-box-paramt-2 i,
body.darkmode .pnl-box-info-link .pnl-box-agreem b,
body.darkmode #pnl-suggestion-rend-ctas:hover i,
body.darkmode #pnl-suggestion-rend-ctas:hover h5,
body.darkmode #pnl-suggestion-rend-ctas:hover h6,
body.darkmode h6 span.badge i,
body.darkmode h2.title-evt-area,
body.darkmode .subtitle-cont-news,
body.darkmode span.badge i,
body.darkmode .paragraph-cont.pnl-summary-news p,
body.darkmode .paragraph-cont a:hover,
body.darkmode .text-news-other,
body.darkmode .date-news,
body.darkmode .date-news i {
    color: #FFF !important;
}

body.darkmode .pn-md-pg {
    border: 1px solid #FFF !important;
}

body.darkmode .pnl-form-filter-books {
    background-color: #000 !important;
    border: 1px dashed #FFF !important;
    color: #FFF !important;
}

body.darkmode .pnl-form-filter-books .form-select,
body.darkmode .pnl-form-filter-books input {
    background-color: #000 !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
}

body.darkmode .pnl-form-filter-books .btn-block-search-flt {
    background-color: #000 !important;
    color: #FFF !important;
    border: 1px solid #FFF !important;
}

body.darkmode .pnl-form-filter-books .btn-block-search-flt:hover {
    background-color: gray !important;
}

body.darkmode .pnl-box-info-link .pnl-box-sctf-prod {
    background-color: #000 !important;
    color: #FFF !important;
    border: 1px solid #FFF !important;
}

/*body.darkmode .pnl-box-body-subj span{
    color: #FFF !important;
}*/

body.darkmode .pnl-box-body-subj span.bg-year-pc {
    background-color: #000 !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
}

body.darkmode .pnl-box-body-subj span.bg-type-pc {
    background-color: gray !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
}

body.darkmode .pnl-box-info-link .pnl-box-sctf-prod:after {
    border-color: transparent #FFF transparent transparent;
}

body.darkmode .pnl-box-info-link .pnl-box-sctf-prod:hover {
    background-color: gray !important;
}

body.darkmode .pnl-box-book {
    background-color: #000 !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
}

body.darkmode .pnl-box-book:after {
    border-color: transparent #FFF transparent transparent;
}

body.darkmode .pnl-box-book .pnl-box-body span.bg-year-b {
    background-color: #000 !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
}

body.darkmode .pnl-box-book .pnl-box-body span.bg-type-b {
    background-color: gray !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
}

body.darkmode .pnl-box-book:hover {
    background-color: gray !important;
}

body.darkmode .pnl-form-filter-agreeg {
    background-color: #000 !important;
    border: 1px dashed #FFF !important;
}

body.darkmode .pnl-form-filter-agreeg .form-card-filter input {
    background-color: #000 !important;
    border: 1px solid #FFF !important;
}

body.darkmode .pnl-form-filter-agreeg .form-card-filter .form-select,
body.darkmode .pnl-form-filter-agreeg .form-card-filter .btn-block-search-flt {
    background-color: #000 !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
}

body.darkmode .pnl-form-filter-agreeg .form-card-filter .btn-block-search-flt:hover,
body.darkmode .pnl-box-info-link .pnl-box-agreem:hover {
    background-color: gray !important;
}

body.darkmode .pnl-box-info-link .pnl-box-agreem {
    background-color: #000 !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
}

body.darkmode .pnl-box-info-link .pnl-box-agreem:after {
    border-color: transparent #FFF transparent transparent;
}

body.darkmode .pnl-box-info-link .pnl-box-agreem .pnl-box-paramt-1 span,
body.darkmode .pnl-box-info-link .pnl-box-agreem .pnl-box-paramt-3 span {
    background-color: #FFF !important;
    color: #000 !important;
    border: 1px solid #FFF !important;
}

body.darkmode .pnl-box-info-link .pnl-box-agreem .pnl-box-paramt-3 span:hover {
    background-color: #000 !important;
    color: #FFF !important;
}

body.darkmode figure.snip1390 {
    background-color: #000 !important;
    padding: 30px;
    background-image: linear-gradient(-25deg, rgba(0, 0, 0, 0.2) 0%, gray 100%);
    border: 1px solid #FFF !important;
}

body.darkmode figure.snip1390 .profile {
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.4);
    border: solid 5px #FFF !important;
}

body.darkmode figure.snip1390 h2,
body.darkmode figure.snip1390 h4,
body.darkmode #pnl-img-rend-ctas a i {
    color: #FFF !important;
}

body.darkmode #pnl-img-rend-ctas a #btn-download-rend-ctas,
body.darkmode .sentence-first {
    background-color: #000 !important;
    color: #FFF !important;
    border: 1px solid #FFF !important;
}

body.darkmode #pnl-img-rend-ctas a #btn-download-rend-ctas:hover {
    background-color: gray !important;
}

body.darkmode #pnl-suggestion-rend-ctas {
    background-color: #000 !important;
    color: #FFF !important;
    border: 2px dashed gray !important;
}

body.darkmode #pnl-suggestion-rend-ctas:hover {
    color: #FFF !important;
    border: 2px dashed #FFF !important;
}

body.darkmode h6 span.badge {
    background-color: #000 !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
}

body.darkmode h6 span.badge:hover {
    background-color: gray !important;
}

body.darkmode .pnl-photg {
    border: 1px solid #FFF !important;
}

body.darkmode .pnl-photg:hover {
    border: 2px solid #FFF !important;
}

body.darkmode a.cls-icon-facb i,
body.darkmode a.cls-icon-yout i,
body.darkmode a.cls-icon-wp i {
    color: #000 !important;
}

body.darkmode a.cls-icon-facb:hover i,
body.darkmode a.cls-icon-yout:hover i,
body.darkmode a.cls-icon-wp:hover i {
    color: gray !important;
}

/*body.darkmode .custom-toggler-thr .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}*/

body.darkmode .navbar-toggler {
    background-color: #000 !important;
    border: 1px solid #fff !important;
}

body.darkmode .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

body.darkmode .item-sld-mult .work .text-pn:hover,
body.darkmode .text-pn-servc:hover {
    background-color: gray !important;
}

body.darkmode span.badge {
    background-color: #000 !important;
    color: #FFF !important;
    border: 1px solid #FFF !important;
}

body.darkmode span.badge:hover {
    background-color: gray !important;
}

body.darkmode .paragraph-cont a:hover {
    color: #FFF !important;
}

body.darkmode .pnl-other-news {
    background-color: #000 !important;
    color: #FFF !important;
    border: 1px solid #FFF !important;
}

body.darkmode .pnl-other-news:hover {
    background-color: gray !important;
}

body.darkmode .pnl-other-news:hover .img-portrait-news {
    border: 1px solid #FFF !important;
}

body.darkmode #contained-modal-title-vcenter {
    color: #000 !important;
}

body.darkmode .pnl-box-information {
    background-color: #000 !important;
    color: #FFF !important;
    border: 1px solid #FFF !important;
}

body.darkmode .pnl-box-sect-title {
    color: #FFF !important;
}

body.darkmode .pnl-box-information:hover {
    background-color: gray !important;
}

body.darkmode .pnl-box-information:after {
    border-color: transparent #FFF transparent transparent;
}

body.darkmode .pnl-panel-history {
    border: 2px solid gray !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

body.darkmode .pnl-panel-history .pnl-header-history {
    background-color: #000 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    color: #FFF;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 50px;
    border: 2px solid #000 !important;
    border-radius: 0px 0px 21px 21px !important;
    text-align: center;
}

body.darkmode .pnl-panel-history .pnl-body-history {
    background-color: #FFF;
    color: #000;
    font-family: 'open-sans-light';
    font-size: 14px;
    text-align: justify;
}

body.darkmode .pnl-panel-history:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

body.darkmode .pnl-panel-history:hover .pnl-header-history {
    background-color: #FFF !important;
    color: #000;
}

body.darkmode .pnl-text-local-link {
    background-color: #000 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    color: #FFF !important;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 50px;
    border: 2px solid #FFF !important;
    border-radius: 0px 0px 21px 21px !important;
    text-align: center;
}

body.darkmode .link-text-local {
    text-decoration: none;
}

body.darkmode .pnl-text-local-link:hover {
    background-color: #FFF !important;
    border: 2px solid gray !important;
    color: #000 !important;
}

body.darkmode .pnl-netwk {
    border: 1px solid gray !important;
    background-color: #FFF !important;
}

body.darkmode .card-footer button {
    color: #FFF !important;
}

body.darkmode .card-footer button.button-web {
    background-color: #000 !important;
    color: #FFF !important;
}

body.darkmode .card-footer button.button-web i,
body.darkmode .card-footer button.button-doc i {
    color: #FFF !important;
}

body.darkmode .card-footer button.button-web:hover {
    border: 2px solid #000 !important;
    color: #000 !important;
    background-color: #FFF !important;
}

body.darkmode .card-footer button.button-web:hover i {
    color: #000 !important;
}

body.darkmode .card-footer button.button-doc {
    background-color: gray !important;
    color: #FFF !important;
}

body.darkmode .card-footer button.button-doc:hover {
    border: 2px solid gray !important;
    color: gray !important;
    background-color: #FFF !important;
}

body.darkmode .card-footer button.button-doc:hover i {
    color: gray !important;
}

body.darkmode .panel-metcs-ind-mdm-bx:hover {
    border: 3px solid gray;
    animation: none;
    background-color: #e9e9e9;
}

body.darkmode .link-word-imp {
    color: #FFF !important;
    font-weight: bold;
    text-decoration: underline;
}

body.darkmode .link-word-imp:hover,
body.darkmode .link-word-imp:active,
body.darkmode .link-word-imp:focus {
    border: 1px solid #FFF !important;
    text-decoration: none;
    padding: 3px;
    color: #FFF !important;
    background-color: #000 !important;
}

body.darkmode .tree summary::before {
    background: #fff !important;
    color: #000 !important;
}

body.darkmode .sm-lv-1,
body.darkmode .sm-lv-2,
body.darkmode .sm-lv-3,
body.darkmode .sm-lv-4,
body.darkmode .sm-lv-5 {
    border: 2px solid #FFF !important;
    background-color: #000 !important;
    color: #FFF !important;
}

body.darkmode .sm-lv-1 a,
body.darkmode .sm-lv-2 a,
body.darkmode .sm-lv-3 a,
body.darkmode .sm-lv-4 a,
body.darkmode .sm-lv-5 a,
body.darkmode .sm-lv-1 a i,
body.darkmode .sm-lv-2 a i,
body.darkmode .sm-lv-3 a i,
body.darkmode .sm-lv-4 a i,
body.darkmode .sm-lv-5 a i {
    color: #FFF !important;
}

body.darkmode .title-cont-page i {
    color: #FFF !important;
}

body.darkmode .sm-lv-1:hover,
body.darkmode .sm-lv-2:hover,
body.darkmode .sm-lv-3:hover,
body.darkmode .sm-lv-4:hover,
body.darkmode .sm-lv-5:hover {
    border: 2px solid gray !important;
    background-color: #FFF !important;
    color: gray !important;
}

body.darkmode .sm-lv-1:hover a,
body.darkmode .sm-lv-2:hover a,
body.darkmode .sm-lv-3:hover a,
body.darkmode .sm-lv-4:hover a,
body.darkmode .sm-lv-5:hover a,
body.darkmode .sm-lv-1:hover a i,
body.darkmode .sm-lv-2:hover a i,
body.darkmode .sm-lv-3:hover a i,
body.darkmode .sm-lv-4:hover a i,
body.darkmode .sm-lv-5:hover a i {
    color: gray !important;
}

/* */
body.contrast {
    background: #000 !important;
    color: #fff !important
}

body.contrast nav,
body.contrast li,
body.contrast ol,
body.contrast header,
body.contrast footer,
body.contrast section,
body.contrast main,
body.contrast aside,
body.contrast article {
    background: #000 !important;
    color: #fff !important
}

body.contrast h1,
body.contrast h2,
body.contrast h3,
body.contrast h4,
body.contrast h5,
body.contrast h6,
body.contrast p,
body.contrast label,
body.contrast strong,
body.contrast em,
body.contrast cite,
body.contrast q,
body.contrast i,
body.contrast b,
body.contrast u,
body.contrast span {
    color: #fff !important
}

body.contrast a {
    color: #ff0 !important
}

body.contrast a * {
    color: #ff0 !important
}

body.contrast button,
body.contrast input[type=button],
body.contrast input[type=reset],
body.contrast input[type=submit] {
    background: #ff0 !important;
    color: #000 !important;
    font-weight: bold;
    border: none !important
}

body.contrast img {
    filter: grayscale(100%) contrast(120%)
}

body.contrast input[type=text],
body.contrast input[type=password],
body.contrast input[type=url],
body.contrast input[type=search],
body.contrast input[type=email],
body.contrast input[type=tel],
body.contrast input[type=date],
body.contrast input[type=month],
body.contrast input[type=week],
body.contrast input[type=datetime],
body.contrast input[type=datetime-local],
body.contrast textarea,
body.contrast input[type=number] {
    background: #000 !important;
    border: 1px solid #fff !important;
    color: #fff !important
}

body.contrast #accessibilityBar * {
    background-color: #000 !important;
    color: #ff0 !important
}

body.contrast #accessibilityBar .setAccessibility {
    border: 1px solid !important
}

body.contrast #accessibilityBar .setAccessibility[data-accessibility=contrast] {
    background-color: #ff0 !important;
    color: #000 !important
}

body.contrast #accessibilityBar .setAccessibility {
    color: #ff0 !important
}

body.contrast #accessibilityBar .setAccessibility * {
    color: #ff0 !important;
}

body.contrast #accessibilityBar .setAccessibility strong,
body.contrast #accessibilityBar .setAccessibility i {
    background-color: #191414 !important;
    color: #ff0 !important;
}

body.contrast #accessibilityBar button#universalAccessBtn {
    border: 1px solid #ff0 !important;
    background-color: black !important;
}

body.contrast #accessibilityBar button#universalAccessBtn .icon-main-accesb {
    color: black !important;
    background-color: #ff0 !important;
    border-radius: 50%;
}

body.contrast .modal-dialog .modal-content button {
    color: #ff0 !important;
    background-color: black !important;
}

body.contrast .nav-item>a:hover {
    color: rgba(236, 185, 50, 1) !important;
}

body.contrast .menu-primary {
    border-bottom: 1px solid #ff0 !important;
}

body.contrast #navbar-header1 ul .nav-item .nav-link:hover {
    border: 1px solid #ff0 !important;
}

body.contrast #navbar-header1 ul .nav-link:hover,
body.contrast #navbar-header1 ul .nav-link:hover i {
    color: rgba(236, 185, 50, 1) !important;
}

body.contrast .menu-second {
    border-bottom: 1px solid #ff0 !important;
}

body.contrast #navbar-header2 .navbar-nav .nav-link:hover {
    color: rgba(236, 185, 50, 1) !important;
}

body.contrast #navbar-header2 .txt-frm:hover {
    border: 2px solid #FFF !important;
    border-radius: 6px !important;
    background-color: #ff0 !important;
}

body.contrast #navbar-header2 .txt-frm:hover #btn-search-wp {
    background-color: #000 !important;
    border: 1px solid #FFF !important;
}

body.contrast #navbar-header2 .txt-frm #btn-search-wp {
    background-color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast #navbar-header2 .txt-frm #btn-search-wp .btn-srch {
    color: black !important;
}

body.contrast #navbar-header2 .txt-frm:hover #btn-search-wp .btn-srch {
    color: #ff0 !important;
}

body.contrast #navbar-header2 .input-md {
    border: 1px solid #ff0 !important;
    background-color: #000 !important;
    color: #ff0 !important;
}

body.contrast #navbar-header2 #btn-search-wp {
    border: 1px solid #ff0 !important;
    background-color: #000 !important;
    color: #ff0 !important;
}

body.contrast #navbar-header3 .dropdown-menu {
    background-color: black !important;
    color: #ff0 !important;
    border: 1px solid gray !important;
}

body.contrast #navbar-header3 .dropdown-menu a:hover {
    background-color: #ff0 !important;
    color: black !important;
    font-weight: bold !important;
}

body.contrast #navbar-header3 .navbar-nav li .dropdown-menu ul .dropdown-menu .dropdown-item {
    background-color: black !important;
    color: #ff0 !important;
}

body.contrast #navbar-header3 .navbar-nav li .dropdown-menu ul .dropdown-menu .dropdown-item:hover {
    background-color: #ff0 !important;
    color: black !important;
    font-weight: bold !important;
}

body.contrast .title-section {
    background-color: #000 !important;
    color: #ff0 !important;
    border-top: 3px solid #ff0 !important;
}

body.contrast .widget-50-date-primary {
    background-color: #000 !important;
    font-weight: bold !important;
}

body.contrast .widget-50-date-primary .widget-50-date-day {
    color: #ff0 !important;
}

body.contrast .widget-50-date-primary .widget-50-date-month {
    color: #ff0 !important;
}

body.contrast .widget-50-pro-title,
body.contrast .pnl-cnt-departm {
    color: black !important;
}

body.contrast .title-news {
    background-color: #000 !important;
    color: #ff0 !important;
    border-top: 3px solid #ff0 !important;
}

body.contrast .title-news:hover {
    background-color: #ff0 !important;
    color: #000 !important;
    border-top: 3px solid #000 !important;
}

body.contrast .img-n1 {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

body.contrast h3.title-news-sld,
body.contrast h4.subtitle-news-sld {
    color: #ff0 !important;
}

body.contrast .img-n1:hover h3.title-news-sld,
body.contrast .img-n1:hover h4.subtitle-news-sld {
    color: rgba(236, 185, 50, 1) !important;
}

body.contrast #title-met {
    color: #ff0 !important;
}

body.contrast .img-metcs-bx,
body.contrast .number-metcs-bx,
body.contrast .title-metcs-bx {
    filter: brightness(0%);
    -webkit-filter: brightness(0%);
}

body.contrast .panel-metcs-ind-bx {
    animation: pulse-white-bw 3s infinite !important;
}

body.contrast hr.rounded,
body.contrast hr {
    border-top: 2px solid #ff0 !important;
}

body.contrast #elm-copyright {
    color: #ff0 !important;
}

body.contrast .footer h1 {
    color: #ff0 !important;
}

body.contrast .footer .contain #link-items li {
    background-color: #2D2D2D !important;
    color: #ff0 !important;
}

body.contrast .footer .contain #link-items li a,
body.contrast .footer .contain #link-items li a i {
    color: #ff0 !important;
}

body.contrast .footer .contain #link-items li a:hover,
body.contrast .footer .contain #link-items li a i:hover {
    color: rgba(236, 185, 50, 1) !important;
}

body.contrast .pn-banner-page {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

body.contrast .title-cont-page {
    color: #ff0 !important;
}

body.contrast .msg-pnl-search {
    color: #ff0 !important;
}

body.contrast .text-cont {
    color: #f6f6f4 !important;
}

body.contrast .panel-metcs-bx:hover,
body.contrast .panel-metcs-bx:active,
body.contrast .panel-metcs-bx:focus {
    border: 2px solid gray !important;
    background-color: #ff0 !important;
}

body.contrast .title-mn-third {
    color: #ff0 !important;
    background-color: black !important;
    border-bottom: 1px solid #ff0 !important;
}

body.contrast .col-md-12.w-100.text-center.p-2.title-mn-third {
    color: #ff0 !important;
    background-color: black !important;
    border: 1px solid #ff0 !important;
}

body.contrast .shp-title {
    color: #ff0 !important;
}

body.contrast .list-unord-titles {
    color: #ff0 !important;
}

body.contrast .shp-content {
    color: #ff0 !important;
}

body.contrast .bdr-pnlfat,
body.contrast .bdr-pnlchd {
    border: 1px solid #ff0 !important;
}

body.contrast .dataTables_filter label {
    color: #ff0 !important;
}

body.contrast .dataTables_filter label input {
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
}

body.contrast .rdt_Table {
    border: 1px solid #ff0 !important;
}

body.contrast .rdt_Table .rdt_TableHead .rdt_TableHeadRow {
    border: 1px solid #ff0 !important;
    color: black !important;
    background-color: #ff0 !important;
}

body.contrast .rdt_Table .rdt_TableBody .rdt_TableRow {
    color: #ff0 !important;
    background-color: black !important;
    border: 1px solid #ff0 !important;
}

body.contrast .rdt_Pagination span,
body.contrast .rdt_Pagination select option,
body.contrast .rdt_Pagination select svg {
    color: #ff0 !important;
}

body.contrast .rdt_Pagination button {
    background-color: #ff0 !important;
    color: black !important;
}

body.contrast .rdt_Pagination select {
    color: #ff0 !important;
    background-color: black !important;
    border: 1px solid #ff0 !important;
}

body.contrast video,
body.contrast .embed-responsive-item {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

body.contrast .btn.scroll-top {
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
    background-color: black !important;
}

body.contrast .btn.scroll-top:hover {
    background-color: #ff0 !important;
    color: black !important;
}

body.contrast .btn.scroll-top:hover i {
    color: black !important;
}

body.contrast p.text-cont {
    color: #ff0 !important;
}

body.contrast .nav-tabs .nav-item button {
    background-color: black !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .nav-tabs .nav-item .nav-link.active {
    background-color: #ff0 !important;
    color: black !important;
}

body.contrast .tab-content {
    border: 1px solid #ff0 !important;
}

body.contrast #form-sugst .card-form .form-card label {
    color: #ff0 !important;
}

body.contrast .form-card input,
body.contrast .form-card textarea {
    background-color: black !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .form-card input:focus,
body.contrast .form-card textarea:focus {
    border: 1px solid #FFF !important;
}

body.contrast .form-card select {
    background-color: black !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .form-card button {
    background-color: black !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .form-card button:hover {
    background-color: #ff0 !important;
    color: black !important;
}

body.contrast .card-tp {
    border: 2px solid #ff0 !important;
}

body.contrast .card-tp .card-img-top {
    border-bottom: 2px solid #ff0 !important;
}

body.contrast .card-tp .card-body-cont {
    background-color: black !important;
    color: #ff0 !important;
    border-top: 2px solid #ff0 !important;
}

body.contrast .card-tp .card-body-cont h3,
body.contrast .card-tp .card-body-cont h4,
body.contrast .card-tp .card-body-cont p {
    color: #ff0 !important;
}

body.contrast .card-subtitle-aut-1 {
    background-color: #000 !important;
    color: #ff0 !important;
}

body.contrast .card-bdy-ocas h6 .bg-voz {
    background-color: #000 !important;
    color: #ff0 !important;
}

body.contrast .card-bdy-ocas h6 .bg-voto {
    background-color: gray !important;
    color: #ff0 !important;
}

body.contrast .btn-tp {
    background-color: black !important;
    color: #ff0 !important;
    border: 2px solid #ff0 !important;
}

body.contrast .btn-tp i {
    color: #ff0 !important;
}

body.contrast .btn-tp:hover {
    background-color: #ff0 !important;
    color: black !important;
}

body.contrast .btn-tp:hover i {
    color: black !important;
}

body.contrast h5.title-mn-secund {
    color: #ff0 !important;
}

body.contrast .title-mn-latr {
    color: #ff0 !important;
}

body.contrast .content-menu-side .list-side-menu li::before {
    color: #ff0 !important;
}

body.contrast .content-menu-side .list-side-menu li .item-side-menu {
    color: #ff0 !important;
}

body.contrast .content-menu-side .list-side-menu li .item-side-menu-active,
body.contrast .content-menu-side .list-side-menu li .item-side-menu:hover {
    background-color: #ff0 !important;
    color: #000 !important;
}

body.contrast .content-menu-side {
    border-left: 1px solid #ff0 !important;
}

body.contrast .title-mn-secund {
    color: #ff0 !important;
}

body.contrast .pnl-form-filter-news {
    background-color: black !important;
    color: #ff0 !important;
    border: 1px dashed #ff0 !important;
}

body.contrast .btn-all-data {
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
    background-color: black !important;
}

body.contrast .btn-all-data i {
    color: #ff0 !important;
}

body.contrast .btn-all-data:hover {
    background-color: #ff0 !important;
    color: black !important;
}

body.contrast .btn-all-data:hover i {
    color: black !important;
}

body.contrast .form-card-filter label {
    color: #ff0 !important;
}

body.contrast .btn-block-area {
    background-color: black !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .btn-block-area i {
    color: #ff0 !important;
}

body.contrast .btn-block-area:hover {
    background-color: #ff0 !important;
    color: black !important;
}

body.contrast .btn-block-area:hover i {
    color: black !important;
}

/*body.contrast .form-card-filter .form-select-1 ,*/
body.contrast .form-card-filter .form-select-1 .form-select-1__control {
    background-color: black !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast input.form-select-1__input {
    border: none !important;
    color: #FF0 !important;
}

body.contrast .form-select-1__indicators .form-select-1__indicator,
body.contrast .form-select-1__indicators span.form-select-1__indicator-separator {
    color: #FF0 !important;
}

body.contrast .pnl-franja {
    background-color: #FF0 !important;
    height: 7px !important;
}

body.contrast .sticker-tipo-dept {
    background-color: #FF0 !important;
    color: black !important;
    border: 1px solid #ff0 !important;
}

body.contrast .sticker-tipo-dept:hover {
    background-color: black !important;
    color: #FF0 !important;
}

body.contrast .card-only-news {
    border: 1px solid #ff0 !important;
    background-color: black !important;
}

body.contrast .card-nw-image {
    border: 1px solid #ff0 !important;
}

body.contrast .card-nw-type {
    color: #FF0 !important;
    background-color: black !important;
}

body.contrast .card-nw-title,
body.contrast .card-nw-title i {
    color: #FF0 !important;
    background-color: black !important;
}

body.contrast .card-nw-text {
    color: #FF0 !important;
    background-color: black !important;
}

body.contrast .card-nw-bdy {
    background-color: black !important;
}

body.contrast .card-nw-bdy .pnl-text-news {
    background-color: black !important;
}

body.contrast img.card-nw-image {
    border: 1px solid #ff0 !important;
}

body.contrast .pagination .page-item .page-link {
    background-color: black !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .pagination .page-item .page-link:hover {
    background-color: #ff0 !important;
    color: black !important;
}

body.contrast .pagination .page-item.disabled .page-link {
    background-color: rgba(236, 185, 50, 1) !important;
    color: black !important;
}

body.contrast .pagination .page-item.active .page-link {
    background-color: #ff0 !important;
    color: black !important;
}

body.contrast .work .pnl-twitter {
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
}

body.contrast .work .pnl-twitter .text-tweet {
    color: #ff0 !important;
}

body.contrast .work .pnl-twitter .text-tweet a:hover {
    color: rgba(236, 185, 50, 1) !important;
}

body.contrast .work .pnl-twitter .social-media-list li a,
body.contrast .work .pnl-twitter .social-media-list li a i,
body.contrast .work .pnl-twitter i {
    color: #ff0 !important;
}

body.contrast .work .pnl-twitter .social-media-list li a:hover,
body.contrast .work .pnl-twitter .social-media-list li a:hover i,
body.contrast .work .pnl-twitter i:hover {
    color: rgba(236, 185, 50, 1) !important;
}

body.contrast .react-multi-carousel-list button.react-multiple-carousel__arrow {
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
    background-color: black !important;
}

body.contrast .react-multi-carousel-list button.react-multiple-carousel__arrow:hover {
    border: 1px solid black !important;
    color: black !important;
    background-color: #ff0 !important;
}

body.contrast .list-side-menu li::before {
    color: #ff0 !important;
}

body.contrast h2.accordion-header .accordion-button {
    background-color: black !important;
    color: #ff0 !important;
    border: 2px solid #ff0 !important;
}

body.contrast h2.accordion-header .accordion-button:hover {
    background-color: #ff0 !important;
    color: black !important;
}

body.contrast .accordion-collapse {
    background-color: black !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .card-tp .card-body-aut {
    background-color: black !important;
    border: 1px solid #ff0 !important;
}

body.contrast .card-tp .card-subtitle-aut-1 {
    background-color: #ff0 !important;
    color: black !important;
    border: 1px solid #ff0 !important;
}

body.contrast .card-tp .card-body-aut h3,
body.contrast .card-tp .card-body-aut p,
body.contrast .card-tp .card-bdy-ocas h3 {
    color: #ff0 !important;
}

body.contrast .card-tp .card-bdy-ocas {
    background-color: black !important;
    border: 1px solid #ff0 !important;
}

body.contrast span.bg-voz,
body.contrast span.bg-voto {
    background-color: black !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast span.bg-voz:hover,
body.contrast span.bg-voto:hover {
    background-color: #ff0 !important;
    color: black !important;
}

body.contrast .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell a.btn-table,
body.contrast .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell a.btn-table i {
    color: #ff0 !important;
}

body.contrast .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell a.btn-table:hover i {
    color: rgba(236, 185, 50, 1) !important;
}

body.contrast table#tbl-pedi.table-static,
body.contrast table#tbl-papp.table-static {
    border: 1px solid #ff0 !important;
}

body.contrast table#tbl-pedi.table-static thead th,
body.contrast table#tbl-papp.table-static thead th {
    border: 1px solid #ff0 !important;
    background-color: #ff0 !important;
    color: black !important;
}

body.contrast table#tbl-pedi.table-static tbody td,
body.contrast table#tbl-papp.table-static tbody td {
    border: 1px solid #ff0 !important;
    background-color: black !important;
    color: #ff0 !important;
}

body.contrast #tbl-pedi tbody tr td a.btn-table:hover i,
body.contrast #tbl-papp tbody tr td a.btn-table:hover i {
    color: rgba(236, 185, 50, 1) !important;
}

body.contrast div.accordion-collapse.collapse.show {
    border: 1px solid #ff0 !important;
}

body.contrast div.accordion-body {
    border: none !important;
}

body.contrast .img-n10,
body.contrast .img-n13 {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    border: 1px solid #ff0 !important;
}

body.contrast div.text-pn {
    background-color: #000 !important;
    color: #ff0 !important;
}

body.contrast .item-sld-mult {
    border: 1px solid #ff0 !important;
}

body.contrast .text-information {
    color: #ff0 !important;
}

body.contrast #slct-pac {
    background-color: #000 !important;
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
}

body.contrast .btn-act-frm {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .btn-act-frm:hover {
    background-color: #ff0 !important;
    color: #000 !important;
}

body.contrast .list-circle-text li a {
    color: #ff0 !important;
}

body.contrast .list-circle-text li a:hover {
    background-color: #ff0 !important;
    color: #000 !important;
    padding: 2px !important;
}

body.contrast ul li::before {
    color: #ff0 !important;
}

body.contrast ul.list-unord-titles li {
    color: #ff0 !important;
}

body.contrast ul.list-unord-inf li {
    color: #ff0 !important;
}

body.contrast .img-port-uth {
    border: 1px solid #ff0 !important;
}

body.contrast .form-control-label {
    color: #ff0 !important;
}

body.contrast .form-select-1 {
    background-color: black !important;
    color: #ff0 !important;
}

body.contrast .form-select-1 .form-select-1__control {
    background-color: black !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .form-select-1 .form-select-1__control input {
    border: none !important;
}

body.contrast .form-select-1 .form-select-1__menu {
    background-color: black !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .pnl-upl-file {
    border: 2px dashed #ff0 !important;
    background-color: #000 !important;
    color: #ff0 !important;
}

body.contrast .card-subtitle-aut-2,
body.contrast .link-email-member,
body.contrast .pnl-mr-title-mod-3 {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .link-email-member i,
body.contrast .pnl-mr-text {
    color: #ff0 !important;
}

body.contrast .pnl-members-res {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .link-email-member:hover {
    background-color: #ff0 !important;
    color: #000 !important;
}

body.contrast .link-email-member:hover i {
    color: #000 !important;
}

body.contrast .text-cont b {
    color: #ff0 !important;
    font-weight: bold !important;
}

body.contrast .pnl-img-rt,
body.contrast .pnl-img-rt img.img-port-uth {
    border: 1px solid #ff0 !important;
}

body.contrast .card-body-aut-ev {
    background-color: #000 !important;
}

body.contrast .card-body-aut-ev .card-title {
    color: #ff0 !important;
}

body.contrast .table-wp a:hover,
body.contrast .table-wp-newspaper a:hover {
    border: 1px solid #ff0 !important;
}

body.contrast .rdt_Table .rdt_TableBody .rdt_TableRow a:hover .icon-ic {
    filter: brightness(0) invert(1) !important;
}

body.contrast ul.list-unord-step li {
    color: #ff0 !important;
}

body.contrast ul.list-unord-step li a {
    color: #ff0 !important;
    font-weight: bold !important;
}

body.contrast ul.list-unord-step li a:hover {
    border: 1px solid #ff0 !important;
    padding: 2px !important;
}

body.contrast table#tbl-projects.table-static,
body.contrast table#tbl-holidays.table-static,
body.contrast table#tbl-sublines.table-static {
    border: 1px solid #ff0 !important;
}

body.contrast table#tbl-projects.table-static thead th,
body.contrast table#tbl-holidays.table-static thead th,
body.contrast table#tbl-sublines.table-static thead th {
    border: 1px solid #000 !important;
    color: #000 !important;
    background-color: #ff0 !important;
}

body.contrast table#tbl-projects.table-static tbody td,
body.contrast table#tbl-holidays.table-static tbody td,
body.contrast table#tbl-sublines.table-static tbody td {
    border: 1px solid #ff0 !important;
    background-color: #000 !important;
    color: #ff0 !important;
}

body.contrast #tbl-projects tbody tr td a.btn-table:hover i,
body.contrast #tbl-holidays tbody tr td a.btn-table:hover i,
body.contrast #tbl-sublines tbody tr td a.btn-table:hover i {
    color:
        /*#ff0*/
        rgba(236, 185, 50, 1) !important;
}

body.contrast div.accordion-body p,
body.contrast .icon-item-car {
    color: #ff0 !important;
}

body.contrast div.accordion-body p b {
    font-weight: bold !important;
}

body.contrast div.accordion-body p a {
    color: #ff0 !important;
    font-weight: bold !important;
}

body.contrast div.accordion-body p a:hover {
    border: 1px solid #ff0 !important;
    padding: 2px !important;
}

body.contrast .pnl-faculty-box {
    border: 1px solid #ff0 !important;
}

body.contrast a.link-fcts {
    background-color: #000 !important;
    color: #ff0 !important;
}

body.contrast .item-fctds {
    background-color: #000 !important;
    color: #ff0 !important;
}

body.contrast a.link-fcts:hover .item-fctds {
    background-color: #ff0 !important;
    color: #000 !important;
    /*border: 1px solid #000 !important;*/
}

body.contrast a.link-fcts:hover .item-fctds i {
    color: #000 !important;
    border: none !important;
}

body.contrast .pnl-form-filter-news-dep {
    border: 1px dashed #ff0 !important;
    background-color: #000 !important;
}

body.contrast .card-nw-image {
    border: 1px solid #ff0 !important;
}

body.contrast .pn-bd-dean .card-img-top {
    border: 1px solid #ff0 !important;
}

body.contrast .pn-bd-dean .pnl-info-title-auth {
    border: 1px solid #ff0 !important;
}

body.contrast .pn-bd-dean .pnl-info-title-auth .title-mn-four {
    background-color: #000 !important;
    border-bottom: 1px solid #ff0 !important;
    color: #ff0 !important;
}

body.contrast ul.list-links li {
    color: #ff0 !important;
}

body.contrast ul.list-links li::before,
body.contrast .badge-download-web i {
    color: #ff0 !important;
}

body.contrast .badge-download-web {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .badge-download-web:hover,
body.contrast .badge-download-web:active,
body.contrast .badge-download-web:focus {
    background-color: #ff0 !important;
    color: black !important;
}

body.contrast .badge-download-web:hover i,
body.contrast .badge-download-web:active i,
body.contrast .badge-download-web:focus i {
    color: black !important;
}

body.contrast img#career-acadm {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

body.contrast .paragraph-cont b {
    font-family: 'open-sans-light' !important;
    color: #ff0 !important;
}

body.contrast .pn-aut-data .pn-bd-dean .card-img-top,
body.contrast .pn-aut-data .pnl-aut-info-img,
body.contrast .pn-aut-data .pn-bd-dean .pnl-text-dean,
body.contrast .pn-aut-data .pnl-aut-info {
    border: 1px solid #ff0 !important;
}

body.contrast .img-n2,
body.contrast .img-n7,
body.contrast .img-n11,
body.contrast .pnl-memories,
body.contrast .img-n12 {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    border: 1px solid #ff0 !important;
}

body.contrast iframe {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

body.contrast .pnl-img-brochr {
    border: 1px solid #ff0 !important;
}

body.contrast .text-pn-servc {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .pnl-mr-title-mod-2,
body.contrast .pnl-mr-title-mod-1 {
    background-color: #ff0 !important;
    color: #000 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .sublines-objc h3,
body.contrast .sublines-objc p,
body.contrast .sublines-objc ul li,
body.contrast .pn-md-pg b,
body.contrast .pnl-form-filter-books i,
body.contrast .pnl-form-filter-news i,
body.contrast .pnl-box-info-link .pnl-box-sctf-prod .pnl-box-sect-title,
body.contrast .pnl-box-info-link .pnl-box-sctf-prod .pnl-box-body p,
body.contrast .pnl-box-book .pnl-box-sect-title,
body.contrast .pnl-box-book .pnl-box-body,
body.contrast .pnl-box-book .pnl-box-body i,
body.contrast .subtitle-cont,
body.contrast .pnl-form-filter-agreeg .form-card-filter i,
body.contrast .pnl-box-info-link .pnl-box-agreem .pnl-box-sect-title,
body.contrast .pnl-box-info-link .pnl-box-agreem .pnl-box-sect-subtitle,
body.contrast .pnl-box-info-link .pnl-box-agreem .pnl-box-paramt-4,
body.contrast .pnl-box-info-link .pnl-box-agreem .pnl-box-paramt-2,
body.contrast .pnl-box-info-link .pnl-box-agreem .pnl-box-paramt-2 i,
body.contrast .pnl-box-info-link .pnl-box-agreem b,
body.contrast #pnl-suggestion-rend-ctas:hover i,
body.contrast #pnl-suggestion-rend-ctas:hover h5,
body.contrast #pnl-suggestion-rend-ctas:hover h6,
body.contrast h6 span.badge i,
body.contrast h2.title-evt-area,
body.contrast .subtitle-cont-news,
body.contrast span.badge i,
body.contrast .paragraph-cont.pnl-summary-news p,
body.contrast .paragraph-cont a:hover,
body.contrast .text-news-other,
body.contrast .date-news,
body.contrast .date-news i {
    color: #ff0 !important;
}

body.contrast .pn-md-pg {
    border: 1px solid #ff0 !important;
}

body.contrast .pnl-form-filter-books {
    background-color: #000 !important;
    border: 1px dashed #ff0 !important;
    color: #ff0 !important;
}

body.contrast .pnl-form-filter-books .form-select,
body.contrast .pnl-form-filter-books input {
    background-color: #000 !important;
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
}

body.contrast .pnl-form-filter-books .btn-block-search-flt {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .pnl-form-filter-books .btn-block-search-flt:hover {
    background-color: #ff0 !important;
}

body.contrast .pnl-form-filter-books .btn-block-search-flt:hover i {
    color: #000 !important;
}

body.contrast .pnl-box-info-link .pnl-box-sctf-prod {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .pnl-box-body-subj span.bg-year-pc {
    background-color: #000 !important;
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
}

body.contrast .pnl-box-body-subj span.bg-type-pc {
    background-color: gray !important;
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
}

body.contrast .pnl-box-info-link .pnl-box-sctf-prod:after {
    border-color: transparent #ff0 transparent transparent;
}

body.contrast .pnl-box-info-link .pnl-box-sctf-prod:hover {
    background-color: #ff0 !important;
}

body.contrast .pnl-box-info-link .pnl-box-sctf-prod:hover .pnl-box-sect-title,
body.contrast .pnl-box-info-link .pnl-box-sctf-prod:hover .pnl-box-body p {
    color: black !important;
}

body.contrast .pnl-box-book {
    background-color: #000 !important;
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
}

body.contrast .pnl-box-book:after {
    border-color: transparent #ff0 transparent transparent;
}

body.contrast .pnl-box-book .img-book-portrait {
    border: 1px solid #ff0 !important;
}

body.contrast .pnl-box-book .pnl-box-body span.bg-year-b {
    background-color: #000 !important;
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
}

body.contrast .pnl-box-book .pnl-box-body span.bg-type-b {
    background-color: gray !important;
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
}

body.contrast .pnl-box-book:hover {
    background-color: #ff0 !important;
}

body.contrast .pnl-box-book:hover .pnl-box-sect-title,
body.contrast .pnl-box-book:hover .pnl-box-body,
body.contrast .pnl-box-book:hover .pnl-box-body i,
body.contrast .pnl-form-filter-agreeg .form-card-filter .btn-block-search-flt:hover i {
    color: black !important;
}

body.contrast .pnl-form-filter-agreeg {
    background-color: #000 !important;
    border: 1px dashed #ff0 !important;
}

body.contrast .pnl-form-filter-agreeg .form-card-filter input {
    background-color: #000 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .pnl-form-filter-agreeg .form-card-filter .form-select,
body.contrast .pnl-form-filter-agreeg .form-card-filter .btn-block-search-flt {
    background-color: #000 !important;
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
}

body.contrast .pnl-form-filter-agreeg .form-card-filter .btn-block-search-flt:hover {
    background-color: #ff0 !important;
    border: 1px solid #000 !important;
    color: #000 !important;
}

/*body.contrast .pnl-form-filter-agreeg .form-card-filter .btn-block-search-flt:hover,*/
body.contrast .pnl-box-info-link .pnl-box-agreem:hover {
    background-color: #000 !important;
    color: #ff0 !important;
}

body.contrast .pnl-box-info-link .pnl-box-agreem {
    background-color: #000 !important;
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
}

body.contrast .pnl-box-info-link .pnl-box-agreem:after {
    border-color: transparent #ff0 transparent transparent;
}

body.contrast .pnl-box-info-link .pnl-box-agreem .pnl-box-paramt-1 span,
body.contrast .pnl-box-info-link .pnl-box-agreem .pnl-box-paramt-3 span {
    background-color: #ff0 !important;
    color: #000 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .pnl-box-info-link .pnl-box-agreem .pnl-box-paramt-3 span:hover {
    background-color: #000 !important;
    color: #ff0 !important;
}

body.contrast figure.snip1390 {
    background-color: #000 !important;
    padding: 30px;
    background-image: linear-gradient(-25deg, rgba(0, 0, 0, 0.2) 0%, gray 100%);
    border: 1px solid #ff0 !important;
    animation: shine 3s linear infinite;
}

body.contrast figure.snip1390 *,
body.contrast figure.snip1390 *:before,
body.contrast figure.snip1390 *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

body.contrast figure.snip1390 .profile {
    box-shadow: 3px 3px 20px
        /*rgba(0, 0, 0, 0.4)*/
        rgba(255, 255, 0, 1) !important;
    border: 5px solid #ff0 !important;
}

body.contrast figure.snip1390 h2,
body.contrast figure.snip1390 h4,
body.contrast #pnl-img-rend-ctas a i {
    color: #ff0 !important;
}

body.contrast figure.snip1390 blockquote {
    background-color: #000;
    box-shadow: inset -1.4px -1.4px 2px #ff0;
    color: #ff0 !important;
}

body.contrast #pnl-img-rend-ctas a #btn-download-rend-ctas,
body.contrast .sentence-first {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast #pnl-img-rend-ctas a #btn-download-rend-ctas:hover {
    background-color: #ff0 !important;
    color: #000 !important;
}

body.contrast #pnl-img-rend-ctas a #btn-download-rend-ctas:hover i {
    color: #000 !important;
}

body.contrast #pnl-suggestion-rend-ctas {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 2px dashed #ff0 !important;
}

body.contrast #pnl-suggestion-rend-ctas:hover {
    background-color: #ff0 !important;
    border: 2px dashed #000 !important;
}

body.contrast #pnl-suggestion-rend-ctas:hover i,
body.contrast #pnl-suggestion-rend-ctas:hover h5,
body.contrast #pnl-suggestion-rend-ctas:hover h6 {
    color: #000 !important;
}

body.contrast h6 span.badge {
    background-color: #000 !important;
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
}

body.contrast h6 span.badge:hover {
    background-color: #ff0 !important;
    color: #000 !important;
}

body.contrast h6 span.badge:hover i {
    color: #000 !important;
}

body.contrast .pnl-photg {
    border: 1px solid #ff0 !important;
}

body.contrast .pnl-photg:hover {
    border: 2px solid #ff0 !important;
}

body.contrast a.cls-icon-facb i,
body.contrast a.cls-icon-yout i,
body.contrast a.cls-icon-wp i {
    color: #ff0 !important;
}

body.contrast a.cls-icon-facb:hover i,
body.contrast a.cls-icon-yout:hover i,
body.contrast a.cls-icon-wp:hover i {
    color: rgba(236, 185, 50, 1) !important;
}

body.contrast .navbar-toggler {
    background-color: #000 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

body.contrast .card-body-aut-ubu {
    background-color: #000 !important;
    color: #ff0 !important;
}

body.contrast .item-sld-mult .work .text-pn:hover,
body.contrast .text-pn-servc:hover {
    background-color: #ff0 !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}

body.contrast .paragraph-cont a:hover {
    color: rgba(236, 185, 50, 1) !important;
}

body.contrast .pnl-other-news {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .pnl-other-news:hover {
    background-color: #ff0 !important;
    color: #000 !important;
}

body.contrast .pnl-other-news:hover .img-portrait-news {
    border: 1px solid #ff0 !important;
}

body.contrast #contained-modal-title-vcenter {
    color: #000 !important;
}

body.contrast .paragraph-cont .subtitle-cont-news i,
body.contrast span.badge i {
    color: #ff0 !important;

}

body.contrast span.badge {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast span.badge:hover {
    background-color: #ff0 !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}

body.contrast span.badge:hover i {
    color: #000 !important;
}

body.contrast .pnl-other-news:hover .text-news-other,
body.contrast .pnl-other-news:hover .date-news i,
body.contrast .pnl-other-news:hover .date-news,
body.contrast .pnl-box-information:hover .pnl-box-sect-title {
    color: #000 !important;
}

body.contrast .pnl-other-news img.img-portrait-news {
    border: 1px solid #ff0 !important;
}

body.contrast .pnl-box-information {
    background-color: #000 !important;
    color: #ff0 !important;
    border: 1px solid #ff0 !important;
}

body.contrast .pnl-box-information:hover {
    background-color: #ff0 !important;
    border-color: #000 !important;
    color: #000 !important;
}

body.contrast .pnl-box-information:after {
    border-color: transparent #ff0 transparent transparent;
}

body.contrast .pnl-panel-history {
    border: 2px solid #ff0 !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: #000 !important;
}

body.contrast .pnl-panel-history .pnl-header-history {
    background-color: #000 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    color: #ff0;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 50px;
    border: 2px solid #ff0 !important;
    border-radius: 0px 0px 21px 21px !important;
    text-align: center;
}

body.contrast .pnl-panel-history .pnl-body-history {
    background-color: #000;
    font-family: 'open-sans-light';
    font-size: 14px;
    text-align: justify;
}

body.contrast .pnl-panel-history .pnl-body-history p {
    color: #ff0 !important;
}

body.contrast .pnl-panel-history:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

body.contrast .pnl-panel-history:hover .pnl-header-history {
    background-color: #ff0 !important;
    color: #000 !important;
}

body.contrast .pnl-text-local-link {
    background-color: #000 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    color: #ff0 !important;
    font-family: 'open-sans-light';
    font-weight: bold;
    height: 50px;
    border: 2px solid #ff0 !important;
    border-radius: 0px 0px 21px 21px !important;
    text-align: center;
}

body.contrast .link-text-local {
    text-decoration: none;
}

body.contrast .pnl-text-local-link:hover {
    background-color: #ff0 !important;
    border: 2px solid gray !important;
    color: #000 !important;
}

@keyframes circle-in-hesitate {
    0% {
        clip-path: circle(0%);
    }

    40% {
        clip-path: circle(40%);
    }

    100% {
        clip-path: circle(125%);
    }
}

@keyframes vibrate {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(-1deg);
    }

    20% {
        transform: rotate(1deg);
    }

    30% {
        transform: rotate(0deg);
    }

    40% {
        transform: rotate(1deg);
    }

    50% {
        transform: rotate(-1deg);
    }

    60% {
        transform: rotate(0deg);
    }

    70% {
        transform: rotate(-1deg);
    }

    80% {
        transform: rotate(1deg);
    }

    90% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-1deg);
    }
}

@keyframes blur {
    from {
        filter: blur(3px);
        opacity: 0;
    }

    to {
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes mask {
    from {
        -webkit-mask-position: 0% 0;
        mask-position: 0% 0;
    }

    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}

.img-anim-transt:hover,
.img-anim-transt:focus,
.img-anim-transt:active {
    /*animation: 1.5s circle-in-hesitate both;*/
    /*transform: rotate(25deg);*/
    /*animation: vibrate 0.5s;
    animation-iteration-count: infinite;*/

    animation: mask 2s steps(69) infinite alternate;
    background-size: cover;
    -webkit-mask: linear-gradient(to left,
            rgb(111, 0, 255),
            rgba(111, 0, 255, 0.616),
            rgba(111, 0, 255, 0.384),
            rgba(111, 0, 255, 0));
    -webkit-mask-size: 7000% 100%;
    mask: linear-gradient(to left,
            rgb(111, 0, 255),
            rgba(111, 0, 255, 0.616),
            rgba(111, 0, 255, 0.384),
            rgba(111, 0, 255, 0));
    mask-size: 7000% 100%;
}

body.contrast .pnl-netwk {
    border: 1px solid #ff0 !important;
    background-color: #000 !important;
}

body.contrast .pnl-netwk .card-title,
body.contrast .pnl-netwk .card-text {
    color: #ff0 !important;
}

body.contrast .card-footer button.button-web {
    background-color: #ff0 !important;
    color: #000 !important;
}

body.contrast .card-footer button.button-web i,
body.contrast .card-footer button.button-doc i {
    color: #000 !important;
}

body.contrast .card-footer button.button-web:hover {
    border: 2px solid #ff0 !important;
    color: #ff0 !important;
    background-color: #000 !important;
}

body.contrast .card-footer button.button-web:hover i {
    color: #ff0 !important;
}

body.contrast .card-footer button.button-doc {
    background-color: rgba(236, 185, 50, 1) !important;
    color: #000 !important;
}

body.contrast .card-footer button.button-doc:hover {
    border: 2px solid rgba(236, 185, 50, 1) !important;
    color: rgba(236, 185, 50, 1) !important;
    background-color: #000 !important;
}

body.contrast .card-footer button.button-doc:hover i {
    color: rgba(236, 185, 50, 1) !important;
}

body.contrast .panel-metcs-ind-mdm-bx:hover {
    border: 3px solid #ff0;
    animation: none;
    background-color: #e9e9e9;
    color: #ff0;
}

body.contrast .link-word-imp {
    color: #ff0 !important;
    font-weight: bold;
    text-decoration: underline;
}

body.contrast .link-word-imp:hover,
body.contrast .link-word-imp:active,
body.contrast .link-word-imp:focus {
    border: 1px solid #ff0 !important;
    text-decoration: none;
    padding: 3px;
    color: #ff0 !important;
    background-color: #000 !important;
}

body.contrast .tree summary::before {
    background: #ff0 !important;
    color: #000 !important;
}

body.contrast .sm-lv-1,
body.contrast .sm-lv-2,
body.contrast .sm-lv-3,
body.contrast .sm-lv-4,
body.contrast .sm-lv-5 {
    border: 2px solid #ff0 !important;
    background-color: #000 !important;
    color: #ff0 !important;
}

body.contrast .sm-lv-1 a,
body.contrast .sm-lv-2 a,
body.contrast .sm-lv-3 a,
body.contrast .sm-lv-4 a,
body.contrast .sm-lv-5 a,
body.contrast .sm-lv-1 a i,
body.contrast .sm-lv-2 a i,
body.contrast .sm-lv-3 a i,
body.contrast .sm-lv-4 a i,
body.contrast .sm-lv-5 a i {
    color: #ff0 !important;
}

body.contrast .title-cont-page i {
    color: #ff0 !important;
}

body.contrast .sm-lv-1:hover,
body.contrast .sm-lv-2:hover,
body.contrast .sm-lv-3:hover,
body.contrast .sm-lv-4:hover,
body.contrast .sm-lv-5:hover {
    border: 2px solid #ff0 !important;
    background-color: #ff0 !important;
    color: #000 !important;
}

body.contrast .sm-lv-1:hover a,
body.contrast .sm-lv-2:hover a,
body.contrast .sm-lv-3:hover a,
body.contrast .sm-lv-4:hover a,
body.contrast .sm-lv-5:hover a,
body.contrast .sm-lv-1:hover a i,
body.contrast .sm-lv-2:hover a i,
body.contrast .sm-lv-3:hover a i,
body.contrast .sm-lv-4:hover a i,
body.contrast .sm-lv-5:hover a i {
    color: #000 !important;
}





.nav-item-language-group {
    display: flex;
    gap: 5px;
    justify-content: center;
}