html * {font-family:Roboto,Arial;color:#515151}
html { scroll-behavior: smooth;}
body {
	background-color:#FFFCF4;
	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; } 
} 

h1,h2,h3,h4,h5 {font-family : 'Merienda'}
.text-script {font-family:'Merienda'}
.text-script strong {font-family:'Merienda'}
.text-script em {font-family:'Merienda'}

header {padding-top:20px;background-image:url('images/header-back.png');position:top;background-repeat:repeat-x;}
.top-icons {padding:10px; text-align:right}
.top-icons img {background:#C4560C;padding:5px;width:35px;height:35px;border-radius:5px}
.top-icons span {font-weight:bold;color:#114E79;display:inline-block;padding:5px}

.navbar {background:#2483C3;padding-top:2px;padding-bottom:2px;box-shadow: 0 5px 6px rgba(0,0,0,.2),0 -5px 6px rgba(0,0,0,.2);}
.navbar-brand {font-size:14pt;text-shadow:1px 1px #16527C;}
.navbar ul.navbar-nav li.nav-item a  {color:#FFFFFF;transition:all 0.5s;text-shadow:1px 1px #16527C;font-size:14pt}
.navbar .dropdown-menu {background:#2483C3}
.navbar .dropdown-menu a{font-size:12pt!important}
.navbar .dropdown-menu a:hover{background:#093F6D}

.slider-wrapper {background:#8E1E1C;margin-top:15px;margin-bottom:15px;border-top:3px solid #EAB802;border-bottom:3px solid #EAB802}
.slide {min-height:500px;background-position:top right;background-size:cover;}
.slider-text {padding-top:10%;text-align:center}
.slider-text h1 {font-family:Handlee; color:#FFFFFF;font-size:20pt;background:#EE7802;clip-path: polygon(50% 0%, 100% 0, 100% 60%, 50% 100%, 50% 100%, 0% 60%, 0 0);padding:10px;padding-bottom:50px;border-radius:10px}
.slider-text p {font-size:14pt;text-shadow: 2px 2px 5px #F8F3B6;}

.highlight {background:#2483C3;}
.highlight h2 {color:#FFFFFF;font-size:22pt;}
.highlight p {font-size:10pt;color:#FFFFFF}
.highlight img {width:75px;float:left;}
.highlight:nth-child(even) {background: #FA7D00;}

.intro {padding:15px;border-bottom:1px solid #EBECED;padding-bottom:20px}
.intro h1 {color:#1A6192}
.intro p {text-align:justify;line-height:180%}
.horizontally-scrollable {white-space:nowrap;overflow:auto}

.custom-section {margin-top:25px;padding-bottom:15px;}
.custom-section h4 {font-size:28pt;text-align:center;color:#8E1E1C;}
.custom-list a {display:block;border:4px dotted #FFFCF4;padding:5px;margin:5px; border-radius:5px;font-weight:bold;font-size:11pt;background:#FFECB9}

.timeline-wrapper {background:#F2E9E0;padding:15px;margin:10px;height:400px;border-radius:10px;overflow:hidden;border:1px solid #FFFFFF}
.timeline-wrapper h5 {background:#FA7D00;font-size:16pt;color:#FFFFFF; padding:10px;border-radius:10px}
.scrollable-div {height:300px;overflow-y:auto;}

.table-timeline th {padding:5px;width:50px;color:#2B8FCD;font-size:16pt;border-right:2px solid #E8E8E8;}
.table-timeline td {padding:5px;border-bottom:1px solid #E8E8E8;}

.btn-primary {background-color:#2483C3}

.page-wrapper {padding-top:5px;padding-bottom:30px}
.page-wrapper h1 {padding-bottom:10px;border-bottom:1px solid #E8E8E8;font-size:26pt;color:#093F6D;}
.page-wrapper p {text-align:justify;line-height:180%}
h1.title {font-size:16px;background:#D12525;padding:10px;max-width:225px;border-radius:10px;color:#FFFFFF;clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);}


.sidebar-menu {background:#2483C3;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;display:block;padding:5px;border-bottom:1px dotted #FAFAFA}
.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;}


.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:10px}.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:#2483C3;padding-bottom:30px}
footer * {color:#E4E4E4;text-decoration:none}
.footer-text p {text-align:justify;font-size:10pt;line-height:175%;font-family:'Merienda'}
.footer-links {text-align:center;}
.footer-links a {white-space:nowrap;display:inline-block;padding:3px;font-size:10pt}
footer a:hover {color:#F6EA56}

.mytable {width:99%}
.mytable td,th,span {font-size:10pt;line-height:100%}
.mytable span {color:#2483C3;display:inline-block;min-width:120px}
.mytable td,th {padding:3px}



ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline strong {color:#EE7802;}
ul.timeline p {font-weight:bold}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 15px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 10px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #EE7802;
    left: 5px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

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