html * {font-family:Roboto,Arial;transition:all 0.5s}
html { scroll-behavior: smooth;}
body {
	background-color:#FFFFFF;
	animation: fadeInAnimation ease 2s; 
	animation-iteration-count: 1; 
	animation-fill-mode: forwards;
	background-image:url('images/background.jpg');
	background-attachment:fixed;
	background-size:cover;
	padding-top:55px;
}

@keyframes fadeInAnimation { 0% { opacity: 0; }	100% { opacity: 1; }} 
@keyframes slideit {  50% {background-position: bottom;}}
@keyframes zoom { 50% {  background-size:120%;background-position:center center }}
@keyframes pan { 50% {  background-position:bottom center }}
@keyframes colorize { 50% { filter: grayscale(100%);}}
@keyframes sliderh1 {  0% { letter-spacing:1px }  50% {letter-spacing:5px   }  100% {letter-spacing:1px }
}

h1,h2,h3,h4,h5 {font-family:'Oswald'}
a {text-decoration:none}
label {display:block;margin:5px;margin-top:10px;color:#891F1F;font-family:'Philosopher'}

.logo {width:150px;padding:7px;border-radius:8px;background:#ED3237;z-index:999;position:fixed;margin-top:-20px}
.header-links {text-align:right;white-space:nowrap;padding:5px;overflow:auto}
.header-links span {color:#F0DF3E;font-size:14pt;display:inline-block;margin-right:10px}
.header-links a {color:#FFFFFF;font-size:10pt}

.navbar {background:#ED3237;background-image: linear-gradient(to right, #ED3237 , #AF0D10);border-top:2px solid #AF0D10;border-bottom:2px solid #ED3237}
.navbar-brand {width:150px;font-family:Oswald;color:#FFFFFF;font-size:18pt}
.navbar ul.navbar-nav li.nav-item a  {font-size:12pt;color:#FFFFFF;padding-left:15px;text-transform:uppercase;}
.navbar .dropdown-menu {background:#ED3237;border:1px solid #DB1115;}
.navbar .dropdown-menu a {border-bottom:1px solid ##DB1115;font-family:Oswald}
.navbar .dropdown-menu a:hover{background:#DB1115;}

.slider-wrapper {margin:0}
.slider {min-height:70vh;background-size:100%;background-position:top center;background-repeat:no-repeat}
.slider-text {background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,1));position:absolute;width:100%;bottom:0;text-align:center;padding:10px;}
.slider-text h1 {font-size:36pt;color:#FFFFFF; animation: sliderh1 10s infinite;text-shadow:1px 1px #000000}
.slider-text p {font-size:12pt;color:#FFFFFF;letter-spacing:1.5px;text-align:center;max-width:650px;margin:0 auto;}
.slider-text a {decoration:none;color:#FFFFFF;transition:all 0.5s}
.slider-text a:hover {color:red}

.announcements {background:#BC2C39;padding:5px;position:fixed;bottom:0;width:100%;z-index:999;padding-right:30px}
.announcements a {color:#FFFFFF;letter-spacing:1px}
.announcements span {color:#EEC20A;}

.highlights {margin-top:30px}
.highlight {background:#ED3237;background-image:url("images/back.jpg");background-size:cover;padding:15px;border-radius:10px;margin:15px}
.highlight:hover {background-position:top center}
.highlight-pic {height:150px;background-size:cover;background-position:center center;margin:0 auto;border-radius:10px;border:2px solid #FAFAFA;margin-top:-50px}
.highlight h2 {font-size:20pt;color:#FFFFFF;padding:10px;}
.highlight p {font-size:12pt;letter-spacing: 1px;color:#FFFFFF;padding:10px;text-align:justify;min-height:100px}
.highlight-link {display:block;width:120px;background:#FFC107;padding:5px;padding-left:10px;border-radius:20px;color:#403A3A;font-size:10pt;margin:0 auto}
.highlight:hover .highlight-pic {background-position:top center}

.home-section {margin-top:15px}
.home-section h3 {font-size:28pt;color:#ED3237;text-align:center;border-bottom:1px solid #FFFFFF;padding:10px;}
.section-title {font-size:28pt;color:#ED3237;text-align:center;border-bottom:1px solid #FFFFFF;padding:10px;}
.bg-pic {height:150px;background-size:cover;background-position:center center;border-radius:10px;animation: pan 20s infinite;}
.text-small {font-size:10pt}
.text-justify {text-align:justify}
.btn-rounded {border-radius:15px}

.home-news {margin-top:35px;padding:15px;background:#ED3237;background-image:url("images/backgrey.jpg");height:65vh;padding-bottom:55px;overflow:hidden;position:relative}

.form-control {border-radius:15px;}

.page-header {background-color:#695F5F;top:50px; background-size:cover;height:300px;z-index:-999;animation: pan 60s infinite; border-bottom-right-radius: 20% 60%;border-bottom:5px solid #FFFFFF}
.page-wrapper {padding:5%;border:1px solid #E8E8E8;margin-top:15px;background:#FFFFFF}
.page-wrapper p {text-align:justify}
.page-wrapper h1.page-title {font-size:28pt;color:#ED3237;letter-spacing:1px;border-top:2px solid #E3E1E1;border-bottom:2px solid #E3E1E1;padding:5px;padding-left:0}

.sidebar-menu {background:#BC2C39;padding:5%;border-radius:5px;position: sticky;margin-top:20px; top:75px}
.sidebar-menu h5 {color:#F6D55C;font-size:18pt;letter-spacing:1px;padding-left:15px}
.sidebar-menu ul {list-style: none; padding-left: 10px}
.sidebar-menu a {text-decoration:none;font-size:10pt;text-transform:uppercase;color:#EAEAEA; display:block;padding:5px;border-top:1px solid #D52355}
.sidebar-menu a:hover {text-decoration:none;color:#FAE15A}

.grid-table {margin-top:10px;width:99%}
.grid-table th {font-size:9pt;padding-right:3px;color:#458BD1;}
.grid-table td {font-size:10pt;padding-right:3px}

.table-grid {background-color:#F0F4FA;border:1px solid #E8E8E8}
.table-grid th,td {font-size:10pt;padding-left:5px}

footer {background:#ED3237;background-image:url("images/back.jpg");background-size:cover;background-attachment:fixed;margin-top:25px;padding:10px;padding-bottom:50px}
footer * {color:#F2F2F2;}
footer a {text-decoration:none;color:#383B37}
.footer-text p {font-family:'Alkatra';text-align:justify;font-size:12pt}
.footer-links {text-align:center;margin:5px}
.footer-links a {display:inline-block;padding:5px;color:#FFC107;font-size:10pt}

.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:#7B7B7B;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:#3B3B3B}
.owl-prev {position:absolute;top:45%;left:0px;}
.owl-next {position:absolute;top:45%;right:0px;}

@media (max-width:720px) {
  .slider {background-size:cover;animation:none}
  .navbar-brand {width:250px}
  .logo {position:relative;width:50px;padding:0;border-radius:0;float:left;margin:0;margin-right:10px;}
}