html * { font-family:Roboto,Arial;}
body {background:#FFFFFF;background-image:url("images/header-back.jpg");background-size:100%;background-repeat:no-repeat;}
a, a:hover  {text-decoration:none;transition:all 0.5s;}

.logo {max-width:500px;margin-top:5px;margin-bottom:5px}

header {border-top:1px dashed #4684C2}

h1, h2, h3, h4, h5 {font-family:'Roboto Condensed'}
h1 {font-size:22pt;}
h2 {font-size:18pt;}
h3 {font-size:16pt;}
h4 {font-size:14pt;}
h5 {font-size:14pt;}

.header-links a {color:#FFFFFF;background:#C54963;font-size:10pt;display:inline-block;padding:10px;font-family:'Roboto Condensed';margin:5px;
    clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 50% 100%, 0 100%, 0% 25%);}
.header-links a:hover {background:#D40444}


.navbar {padding-top:0;background:#C54963;border-radius:10px;border:2px dotted #AB1139;box-shadow: 0 0 10px rgba(0,0,0,0.4);z-index:999}
.navbar-brand {font-size:12pt;color:#FDFBB5;font-family:'Roboto Condensed'}
.navbar ul.navbar-nav li.nav-item a  {font-size:13pt; color:#FFFFFF;transition:all 0.5s;font-family:'Roboto Condensed';font-weight:500}
.navbar .dropdown-menu {background:#BF3D55}
.navbar .dropdown-menu a:hover {background:#C54963}

.search-box {margin-bottom:10px;background-image:url('images/search.png');background-repeat:no-repeat;background-position:left center; padding-left:30px; background-color:rgba(255,255,255,.9)}

.slider-wrapper {
    margin-top:15px;position:relative;border-radius:10px;box-shadow: 0 0 10px rgba(0,0,0,0.4);
    }
.slide {min-height:65vh;background-size:cover;border-radius:5px;background-position:top center}
.slider-text {position:absolute;width:100%;bottom:0;padding:20px;text-align:center}
.slider-text h1 {text-align:center;color:#FFFFFF;font-size:26pt;font-family:Satisfy;text-shadow: 3 4 35px #000000}
.slider-text p {text-align:center;color:#FFFFFF;font-size:14pt;text-shadow: 0 0 15px #000000}


.announcement-button {cursor:pointer;position:fixed;bottom:25px;right:25px;width:75px;border:3px solid #FFFFFF; border-radius:50%}
.announcement-list {padding:3px;border-top:1px solid #8B918B;padding-left:0;font-size:10pt}

.highlights {text-align:center;padding-top:25px;padding-bottom:25px;background:#F4F4F4;clip-path: polygon(50% 0%, 100% 6%, 100% 96%, 50% 100%, 0 96%, 0 6%);}
.highlight {width:210px;display:inline-block;margin:10px;padding:5px;vertical-align:top}
.highlight h2 {font-size:14pt;text-transform:uppercase;padding-top:5px;font-family:'Roboto Condensed';color:#5E514E}
.highlight img {width:120px;height:120px;padding:25px;background-color:#02A8D6;
    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    background-image: linear-gradient(to bottom,#02A8D6,#007296);}
.highlight p {font-size:10pt;color:#676869;text-align:center;}

.intro {padding-top:50px;padding-bottom:50px;border-bottom:2px dashed #E1E1E1}
.intro h1 {background:#F2F2F2;color:#C54963;text-align:center;padding:10px;padding-bottom:25px;border-radius:10px;clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 14% 75%, 12% 100%, 10% 76%, 0% 75%);}
.intro p {text-align:justify;color:#454545;}

.news-box {padding-top:30px;padding-bottom:30px;background:#EFEBCF;clip-path: polygon(50% 0%, 100% 6%, 100% 96%, 50% 100%, 0 96%, 0 6%);}
.news-grid {width:100%}
.news-grid tr {border-bottom:1px solid #FFFFFF}
.news-grid a {color:#595757;font-size:14pt}
.news-grid p {font-size:9pt}
.news-date {width:50px;height:50px;margin:10px;border:2px solid #3E3D3C;border-radius:5px;text-align:center}
.news-date strong {font-size:16pt;color:#3E3D3C}
.news-date span {display:block;font-size:10pt;background:#3E3D3C;color:#FFFFFF}

.mycalendar {width:100%;margin-top:10px;margin-bottom:20px; border-collapse: collapse;}
.mycalendar td, th {border:1px solid #FFFFFF;padding:5px;color:#6B6B6B;font-size:14pt}
.mycalendar span {font-size:16pt;color:#E75903}
.mycalendar td {vertical-align:top;height:50px}
.mycalendar p {padding:0;margin:0;text-align:left;font-size:8pt;border-top:1px solid #FFFFFF;background:#02BCE9;color:#FFFFFF;padding:2px}
.mycalendar a {display:block;font-size:8pt;color:#626060;}
.mycalendar span.no-event {color:#565656}

.page-container {max-width:1080px;background-color:rgba(255,255,255,.7);border-radius:10px;padding:10px}
.page-wrapper {margin-top:20px;}
.page-wrapper h1 {padding:10px 0px 10px 0px; font-size:26pt;border-bottom: 1px solid #eaeaea;}
.page-wrapper h2 {font-size: 18pt;line-height: 50px;color: #5F6061;margin-top: 20px;}
.page-wrapper p {text-align:justify}
.menu-wrapper {margin-top:20px;background-color:rgba(2,188,233,.2);padding:30px;border-radius:3px}
.menu-wrapper h5 {padding:9px;font-size:22pt; color:#333}
.sidebar-menu {list-style-type:none;padding:0;margin:0}
.sidebar-menu li {padding:8px;border-bottom:1px solid #bbbbbb}
.sidebar-menu li a {color:#333;font-size:12pt;font-family:'Roboto Condensed'}
.sidebar-menu a:hover {color:#02A8D6}

.blink{    animation:blinkingText 0.8s infinite;}
@keyframes blinkingText{
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


footer {background:#02BCE9;padding:30px;margin-top:30px;clip-path: polygon(50% 0%, 100% 10%, 100% 99%, 0 100%, 0 10%);background-image:url("images/footer-back.png");background-size:100%;background-repeat:no-repeat;}

.footer-info {text-align:center;padding-bottom:10px}
.footer-info h3 {color:#FFFFFF}
.footer-info p {color:#F7F4D5;}
.footer-text p {color:#FFFFFF;text-align:center}
.footer-text a {color:rgb(224, 228, 194)}

.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;bottom:15%;left:10px;}
.owl-next {position:absolute;bottom:15%;right:10px;}

@media (max-width: 768px) {
    .announcement-button {width:55px;}
    .slide {min-height:65vh;}
}