.banner { background-position: top center; background-size: cover; clear: both; min-height: 335px; padding: 25px 0px; width: 100%; }
.banner h1 { color: #fff; font-size: 48px; margin-top: 18%; text-transform: uppercase; }
.training { background-position: top center; background-size: cover; clear: both; padding: 0px 0px 5%; width: 100%; }
.hilite h5 { color: #FF8900; font-size: 23px; font-weight: 300; margin-top: .5rem; }
.hilite .col-hilite:nth-child(4n+1) { background-color: rgba(224, 224, 224, 0.9); padding: 65px 15px 15px 7%; }
.hilite .col-hilite:nth-child(4n+2) { background-color: rgba(238, 238, 238, 0.9); padding: 65px 15px 15px 55px; }
.hilite .col-hilite:nth-child(4n+3) { background-color: rgba(255, 137, 0, 0.9); padding: 65px 15px 15px 7%; }
.hilite .col-hilite:nth-child(4n+4) { background-color: rgba(255, 162, 0, 0.9); padding: 65px 15px 15px 55px; }
.hilite .col-hilite:nth-child(4n+3) h5, .hilite .col-hilite:nth-child(4n+4) h5 { color: #fff; }
.hilite .col-hilite .link-url{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.calendar { clear: both; padding: 5% 0px 0px; width: 100%; }
.eventdate { font-size:15px; background-color:#D2E4A3; margin-bottom:20px; padding:10px 15px; clear:both; color:#58585b; }
.event { background-color: #bdbdbd4d; width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap;align-items: flex-end; }
.event label { color: #293213; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.event .form-group { margin: 10px 0px; }
.event .form-control { background-color: transparent; border: none; border-bottom: 1px dashed #ccc; border-radius: 0px; box-shadow: none; color: #293213; font-size: 14px; padding: 6px 0px; }
.event .btn-find, .event .btn-view { background-color: #FF8900; border-color: #FF8900; border-radius: 0px; color: #fff; font-size: 14px; margin-left: 15px; margin-top: 15px; text-transform: uppercase; transition: .2s ease all; }
.event .btn-find:hover, .event .btn-view:hover {background-color: #fff;color: #FF8900;}
.event .view { background-color: #d5debf; color: #293213; font-size: 16px; font-weight: bold; padding: 15px; }
.flex-btns {display: flex;flex-wrap: wrap;justify-content: flex-end;}
#calendar {width: 100%;}
#calendar .fc-button {border-radius: 0;}
#calendar .fc-button-primary {border-color: #FF8900;color: #FF8900;background-color: transparent;transition: .2s ease all;}
#calendar .fc-button-primary:hover {background-color: #FF8900;color: #fff}
#calendar.fc-unthemed td {border-color: #ffb600;}
#calendar th.fc-widget-header {background-color: #ffb600;padding: 5px 0;color: #fff;border-color: #ff8900;}
#calendar .fc-event {border: 1px solid #a6ce39;}
#calendar .fc-event, #calendar .fc-event-dot {background-color: #a6ce39;border-radius: 0;}
#calendar .fc-day-grid-event {margin: 1px 5px 0;}
#calendar.fc-unthemed .fc-list-view {border-color: #ffb600;}
#calendar.fc-unthemed .fc-list-heading td {background: #ffb600;color: #fff;}
#calendar.fc-unthemed td.fc-future, #calendar.fc-unthemed td.fc-past { background-color:white; }
.news { background-color: #BDBDBD; clear: both; padding: 5% 0px 0px; width: 100%; }
.news h2 { color: #424242; text-align: center; margin-bottom: 5%; }
.news .owl-item:nth-child(odd) .item { background-color: #FF8900; }
.news .owl-item:nth-child(odd) .item p { color: #212121; margin: 0px 3%; }
.news .owl-item:nth-child(even) .item { background-color: #757575; }
.news .owl-item:nth-child(even) .item p { color: #ffffff; margin: 0px 3%; }
.news .box { padding: 15px 15px; }
.news .box h3 { color: #fff; font-size: 50px; font-weight: 400; line-height: 30px; margin: 25px 0px 45px; position: relative; z-index: 1;}
.news .box h3 small { font-size: 18px; font-weight: 500; }
.news .box a { color: #fff; font-weight: 500; position: relative; z-index: 1; }
.news .box a img { margin-right: 5px; }
.news .box-nws { position: relative; }
.news .box-nws::after { content: ""; background-position: bottom center; background-size: cover; top: 0; left: 0; bottom: 0; right: 0; position: absolute; opacity: 0.25; z-index: 0; }
.news .owl-carousel .owl-stage {display: flex;}
.news .owl-carousel .owl-item img { display: inline-block; width: auto; }
.news .owl-carousel .item {height: 100%;display: flex;flex-direction: column;}
.news .owl-carousel .item .box-title {flex-grow: 1;}
.news .owl-theme .owl-dots { display: none; }
.news .owl-theme .owl-nav { margin: 0px; width: 100%; }
.news .owl-carousel .owl-nav button.owl-next, .news .owl-carousel .owl-nav button.owl-prev { background-color: rgba(158, 158, 158,0.5); color: #fff; font-size: 72px; height: auto; margin: 0px; width: 8.4%; position: absolute; top: 0; bottom: 0; z-index: 1; }
.news .owl-carousel .owl-nav button.owl-next span, .news .owl-carousel .owl-nav button.owl-prev span {line-height: 1;position: absolute;bottom: 150px;}
.news .owl-carousel .owl-nav button.owl-next { right: 0; }
.news .owl-carousel .owl-nav button.owl-prev { left: 0; }
.news .owl-theme .owl-nav [class*="owl-"]:hover { background-color: rgba(158, 158, 158,0.5); }
.owl-carousel, .owl-carousel .owl-item.center { text-align: left; } @media only screen and (max-width: 767px) {
.banner { min-height: inherit; }
.banner h1 { font-size: 28px; }
.hilite .col { flex-basis: 0; }
.hilite h5 { font-size: 14px;     position: absolute;  bottom: 10px; }
.hilite .col-hilite:nth-child(n) { padding: 15px; }
.hilite .col-hilite { min-height:80px; }
.news .box h3 { font-size: 40px; line-height: 30px; }
.news .box h3 small { font-size: 15px; }
.fc-toolbar.fc-header-toolbar {flex-wrap: wrap;}
.fc-toolbar .fc-center {text-align: center;order: 3;margin-top: 10px;width: 100%;}
.owl-carousel .owl-nav button.owl-next {width: 62px!important;}
.owl-carousel .owl-nav button.owl-prev {width: 60px!important;}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { bottom:calc(50% - 5px)!important; height:50px; left: 50%; transform: translateX(-50%); }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
h2 { font-size: 38px; }
.banner { min-height: 225px; }
.banner h1 { font-size: 32px; }
.hilite h5 { font-size: 26px; }
.news .box p { font-size: 16px; }
.news .box h3 { font-size: 45px; }
.news .box h3 small { font-size: 16px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner h1 { margin-top: 28%; }
.news .box h3 { margin: 25px 0px 30px; }
.news .box p { font-size: 18.2px; }
}
@media only screen and (max-width: 1399px) {
.news .owl-carousel .owl-nav button.owl-next, .news .owl-carousel .owl-nav button.owl-prev {width: 12.5%;}
}