html * {font-family:Merienda,Arial;color:#515151}
html { scroll-behavior: smooth;}
body {
	background-color:#F0F1F3;
	animation: fadeInAnimation ease 2s; 
	animation-iteration-count: 1; 
	animation-fill-mode: forwards;
}

a:hover,a {text-decoration:none}

@keyframes fadeInAnimation { 
	0% { opacity: 0; } 
	100% { opacity: 1; } 
} 
.bg-primary {
    background-color: #134774!important;}

h1,h2,h3,h4,h5 {font-family:'Roboto Condensed'}
.text-script {font-family:'Merienda'}
img{image-rendering: -webkit-optimize-contrast;}
img{image-rendering: -webkit-optimize-contrast;}
header{box-shadow: inset 0px 0px 20px 0px #13477447;}
.header-links {padding:10px;text-align:right;}
.header-links a {font-family:'Roboto Condensed'; font-size:11pt; display:inline-block;background:#FF5200;padding:5px;padding-right:15px;border-radius:25px;white-space:nowrap;color:#FFFFFF;clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);}
.header-links a:hover {background:#C00221;transform: rotate(-5deg);}

.navbar {background:#2A6877;border:1px solid #134774;box-shadow: 0px 0px 20px 0px #134774;z-index: 2;
    position: relative;   }
.navbar-brand {font-size:14pt;text-shadow:1px 1px #16527C;font-family:'Roboto Condensed'}
.navbar ul.navbar-nav li.nav-item a  {color:#FFFFFF;transition:all 0.3s;text-shadow:1px 1px #16527C;font-size:11pt;font-family:'Merienda'}
.navbar .dropdown-menu {background:#134774}
.navbar .dropdown-menu a:hover{background:#075788}
.dropdown-item{border-bottom: 1px solid #1d5a8f;border: 1;}
a.navbar-brand {
    margin-right: 90px;
}
.slide {min-height:75vh;background-position:top right;background-size:cover;background-position:center center;border-bottom:8px solid #134774;}
.slider-text {position:absolute;left:15px;top:160px;width:40%;border-radius:2px;background:#0a75b8;padding:15px;}
.slider-text h1 {color:#FFFFFF;font-family:'Merienda';font-size:18pt;}
.slider-text p {Color:#FFFFFF;font-family:'Merienda';font-size:10pt;padding-right:20px}

.head{height: 1px;display: inline-block;border-top: 3px solid #134774;width: 100%;max-width: 10%;}
.highlight {transition: all .5s;}
.highlight h3 {font-family:'Merienda';font-size:18pt}
.highlight p {font-size:10pt;color:#FFFFFF}

.highlight:hover {transform:scale(1.1,1.1)}

.intro {padding:5%;background:#ECEEEC;}
.intro h3 {font-family:'Merienda';font-size:22pt;font-weight:bold;color:#ff5722;text-align:center}
.intro p {font-family:'Merienda';text-align:justify}

.announcement-button {cursor:pointer;position:fixed;bottom:25px;right:25px;width:55px;border:3px solid #FFFFFF; border-radius:50%;z-index:999}

.custom-section {margin-top:25px;padding-bottom:15px;}
.custom-section h4 {font-family:Handlee;font-size:28pt;text-align:center;font-weight:bold}

.page-wrapper {padding:10px; padding-top:30px;}
.page-wrapper h1 {padding-bottom:10px;border-bottom:1px solid #E8E8E8;font-size:26pt;color:#4B7C40;}
.page-wrapper p {text-align:justify;line-height:180%}

.table-sm {background:#FFFFFF; border:1px solid #E8E8E8}
.table-sm td,th {font-family:'Roboto Condensed'}

.sidebar-menu {background:#2A6877;border-radius:6px;padding:10px;position: sticky;top:75px}
.sidebar-menu h3 {color:#EAEAEA;}
.sidebar-menu ul {list-style: none; padding-left: 10px}
.sidebar-menu a {font-size:16px;color:#EAEAEA; font-family:'Roboto Condensed';display:block;padding:5px;border-bottom:1px solid #5B5B5B}
.sidebar-menu a:hover {text-decoration:none;color:#FAE15A}
.sidebar-menu span {color:silver;font-weight:bold;margin-right:3px;}

.modal-dialog { width:100%;max-width: 800px; margin: 10px auto;}

.blink {animation: blinker 1s linear infinite;}
@keyframes blinker {  50% {    opacity: 0;  }}


.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:0px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:rgba(255, 255, 255, 0.2);;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top: -70px;
    position: relative;}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.owl-prev {position:absolute;top:45%;left:0px;}
.owl-next {position:absolute;top:45%;right:0px;}

footer {background-color:#2A6877;padding-bottom:30px}
footer * {color:#E4E4E4;text-decoration:none}
.footer-text p {text-align:justify;font-size:10pt;line-height:175%;font-family:'Merienda';color:#FCE616}
.footer-links {text-align:center;}
.footer-links a {white-space:nowrap;display:inline-block;padding:3px;font-size:10pt}
footer a:hover {color:#FCE616}

.timeline-wrapper {padding:15px;background:#EEF1F4;border-radius:10px;}
.timeline-wrapper h5 {font-size:18pt;background:#4C5156;color:#FFFFFF;padding:5px;border-radius:10px;padding-left:10px;text-align:center}

.news-list td {padding:5px; padding-top:10px;padding-bottom:10px;}
.news-list a {display:block;font-family:'Roboto Condensed';line-height:120%;font-weight:bold;color:#000}
.news-list a:hover {color:#D66000}
.news-list span {display:inline-block;padding:3px;font-family:'Roboto Condensed';font-size:11pt;white-space:nowrap; border-radius:5px;background:color:#FFFFFF;background:#134774;width:100px;;color:#FFFFFF;clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);}
.peralx{background:linear-gradient(0deg, rgba(19, 71, 116, 0.3), rgba(19, 71, 116, 0.9)), url(images/back.jpg);
  background-size:cover;background-attachment: fixed;}
.scrollable-div {height:300px;overflow-y:auto;}
.scrollable-div ::-webkit-scrollbar {width:10px}
.horizontally-scrollable {white-space:nowrap;overflow:auto}

.bg-danger {background:#FF5200!important}


.topnews{    position: absolute;
    z-index: 2;
    background-color: rgb(42 104 119 / 68%);
    width: 410px;
    right: 50px;
    min-height: 320px;
    top: 39%;
    padding: 30px;
    border-radius: 15px;
    border: 3px dashed #fff;}


ul.listv li {
    color: #fff;
    font-size: 19px;
        padding: 10px 0;
    border-bottom: 1px solid #a3a3a3;
}

ul.listv {
    display: flex;
    flex-direction: column;
}

.owl-dots {
    margin-top: 29px !important;
}

@media (max-width: 650px)
{
sidebar-menu {margin-top:15px}

.topnews {
    position: inherit;
    z-index: 2;
    background-color: rgb(42 104 119 / 68%);
    width: 410px;
    right: 50px;
    min-height: 320px;
    margin: 73px auto;
    text-align: center;
    padding: 30px;
    border-radius: 15px;
    border: 3px dashed #fff;
}

}