@charset "utf-8";
/* CSS Document - @copyright  Copyright (C) 2006 - 2021 Virtual Bean. */

body {margin:0px; font-family: 'Red Hat Display', sans-serif; font-weight:400; background-color:#ffffff; color:#000000;}

h1 {color:#ffffff; font-weight:400; padding:0px; margin:0px; font-family: 'Red Hat Display', sans-serif;}
h2 {color:#0c2b4a; font-weight:700; padding:0px; margin:0px; font-family: 'Red Hat Display', sans-serif;}
h3 {color:#0c2b4a; font-weight:400; padding:0px; margin:0px; font-family: 'Red Hat Display', sans-serif;}
h4 {color:#0c2b4a; font-weight:700; padding:0px; margin:0px; font-family: 'Red Hat Display', sans-serif;}
h5 {color:#0c2b4a; font-weight:400; padding:0px; margin:0px; font-family: 'Red Hat Display', sans-serif;}
h6 {color:#ffffff; font-weight:400; padding:0px 0px 10px 0px; margin:0px; font-family: 'Mochiy Pop P One', sans-serif;}


/* Extra small devices (tablets, 768px and less) */
@media (max-width: 768px) {
  body {font-size:13px;}	
  h1 {font-size:22px;}
  h2 {font-size:30px;}
  h3 {font-size:15px;}
  h4 {font-size:15px;}
  h5 {font-size:30px;}
  h6 {font-size:17px;}
  
    .page-header {padding:10px 0 0 30px; max-width:95%; margin:auto;}
    .logo_word {font-size:30px;}
  .uk-scope .uk-h3, .uk-scope h3 {font-size:18px;}
  .block_pro_tip_head {font-size:20px; color:#0c2b4a;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  body {font-size:15px;}
  h1 {font-size:25px;}
  h2 {font-size:32px;}
  h3 {font-size:17px;}
  h4 {font-size:17px;}
  h5 {font-size:34px;}
  h6 {font-size:20px;}
  
  .page-header {padding:20px 0 0 30px; max-width:95%; margin:auto;}
    .logo_word {font-size:30px;}
  .uk-scope .uk-h3, .uk-scope h3 {font-size:22px;}
  .block_pro_tip_head {font-size:22px; color:#0c2b4a;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  body {font-size:15px;}	
  h1 {font-size:30px;}
  h2 {font-size:32px;}
  h3 {font-size:20px;}
  h4 {font-size:20px;}
  h5 {font-size:38px;}
  h6 {font-size:23px;}
  
  .page-header {padding:30px 0 0 30px; max-width:95%; margin:auto;}
    .logo_word {font-size:30px;}
  .uk-scope .uk-h3, .uk-scope h3 {font-size:25px;}
  .block_pro_tip_head {font-size:24px; color:#0c2b4a;}
}

/* Large devices (tablets, 1200px and up) */
@media (min-width: 1200px) {
  body {font-size:16px;}
  h1 {font-size:35px;}
  h2 {font-size:40px;}
  h3 {font-size:25px;}
  h4 {font-size:30px;}
  h5 {font-size:45px;}
  h6 {font-size:25px;}
  
  .page-header {padding:50px 0 0 30px; max-width:1600px; margin:auto;}
  .logo_word {font-size:30px;}
  .uk-scope .uk-h3, .uk-scope h3 {font-size:28px;}
  .block_pro_tip_head {font-size:25px; color:#0c2b4a;}

}

/*Main Logo*/
.logo_index {max-width:120px; padding:5px 0 5px 0;}
.logo_word {color:#0c2b4a; font-weight:700; padding-left:15px; font-family: 'Red Hat Display', sans-serif; text-transform: uppercase;}

a {color:#000000; text-decoration:none; font-weight:400;}
a:hover {color:#000000; text-decoration:underline; font-weight:400;}
a:visted {color:#000000; text-decoration:none; font-weight:400;}

/*Generic Template CSS*/
#clear {clear:both;}
#block_cont {max-width:1600px; margin-right:auto; margin-left:auto; padding: 20px 30px 20px 30px;}
#block_900 {max-width:900px; margin-right:auto; margin-left:auto; padding: 0 20px 0 20px;}
#block_1000 {max-width:1000px; margin-right:auto; margin-left:auto; padding: 0 20px 0 20px;}
#block_1200 {max-width:1200px; margin-right:auto; margin-left:auto; padding: 0 20px 0 20px;}
#block_95 {max-width:95%; margin-right:auto; margin-left:auto; padding: 0 20px 0 20px;}
img {max-width:100%; height:auto; vertical-align:middle; border:0;}
#bg_white { background-color:#ffffff;}

/*Template CSS*/
#wrap_background {position:relative; z-index:1;}
#container{width:100%; z-index:100; position:relative;}
#wrap_top {width:100%; background-color:#ffffff;}
#wrap_menu {width:100%; z-index:20; background-color:#0c2b4a;}
#inner_menu {max-width:1400px; margin:auto;}
#wrap_content {width:100%; background-color:rgba(255,255,255,0.9); overflow:hidden;}
#inner_content {width:95%; margin:auto; padding-bottom:30px; padding-top:30px;}
#wrap_news {width:100%; background-color:#c85028; overflow:hidden;}
#wrap_option {width:100%; margin:auto;}
#wrap_promo1 {width:100%; background-color:#cccccc; overflow:hidden;}
#wrap_promo2 {width:100%; overflow:hidden;}
#wrap_events {width:100%; background-color:#ffffff;}
#wrap_highlight {width:100%;}
#wrap_map {width:100%;}
#wrap_slogan {width:100%; background-color:#d3ab2a; color:#fff; padding:10px 0px 10px 0px;}
#wrap_footer {width:100%; min-height:100px; background-color:#0c2b4a; overflow:hidden; color:#000; padding-top:15px;}
#wrap_address_bar {background-color:#d8d8d8; padding:5px;}
#wrap_social {width:100%; margin-top:30px;}
#wrap_lower_option {background:#fff; color:#425968; padding-bottom:60px;}
#wrap_welcome {background-color:#e9ecec;}
#wrap_frt_values {background-color:#0c2b4a;}
#frt_values_padding {padding: 15px 0 15px 0;}
#wrap_main_image {width:100%;}

#member_button {background-color:#0c2b4a; padding:15px; max-width:180px; margin-top:12px; margin-left:auto; margin-right:auto;}
#member_button a:link {text-decoration:none; color:#fff!important; font-weight:700;}
#member_button a:hover {text-decoration:underline; color:#fff;}
#member_button a:visited {text-decoration:none; color:#fff;}

#member_button_green {background-color:#1d4e13; padding:15px 5px 15px 5px; max-width:180px; margin-top:12px; margin-left:auto; margin-right:auto;}
#member_button_green a:link {text-decoration:none; color:#fff!important; font-weight:700;}
#member_button_green a:hover {text-decoration:underline; color:#fff;}
#member_button_green a:visited {text-decoration:none; color:#fff;}

#member_button_red {background-color:#da1a32; padding:15px 5px 15px 5px; max-width:180px; margin-top:12px; margin-left:auto; margin-right:auto;}
#member_button_red a:link {text-decoration:none; color:#fff!important; font-weight:700;}
#member_button_red a:hover {text-decoration:underline; color:#fff;}
#member_button_red a:visited {text-decoration:none; color:#fff;}

#member_button_wide {background-color:#0c2b4a; padding:15px; max-width:300px; margin-top:12px; margin-left:auto; margin-right:auto;}
#member_button_wide a:link {text-decoration:none; color:#fff!important; font-weight:700;}
#member_button_wide a:hover {text-decoration:underline; color:#fff;}
#member_button_wide a:visited {text-decoration:none; color:#fff;}

  #more_news a:link {color:#fff; text-decoration:none; font-weight:400;}
  #more_news a:hover {color:#fff; text-decoration:underline; font-weight:400;}
  #more_news a:visited {color:#fff; text-decoration:none; font-weight:400;}

/*Block CSS*/
#block_blue {background-color:#0c2b4a; padding:30px 0 30px 0;}
#block_grey {background-color:#dedede; padding:30px 0 30px 0;}
#block_white {background-color:#fff; padding:30px 0 30px 0;}

#block_pro_tip {background-color:#dedede; max-width: 1000px; margin: auto; padding:30px; color:#0c2b4a; border-radius: 25px;}

.text_white {color:#ffffff;}

/*Footer CSS*/
.footer_logo {max-width:200px; padding-top:15px;}
.footer_text {color:#fff; font-size:14px;}
.footer_text a {color:#fff; text-decoration:none;}
.footer_text a:hover {color:#fff; text-decoration:underline;}
.footer_text a:visited {color:#fff; text-decoration:none;}
.footer_head {color:#fff; font-size:22px; padding-bottom:15px;}
.footer_sub_head {color:#fff; font-size:18px; padding-bottom:7px;}

/*News GK5 CSS*/
.gkNspPM-GridNews time {display:none!important;}
.gkNspPM.gkNspPM-GridNews.active {padding:80px 0 80px 0; overflow: hidden;}

/*Widgetkit Only CSS*/
.uk-scope .uk-accordion-title {background-color:#ededed; padding:10px;}
.uk-scope .uk-card-primary {background-color:#0c2b4a;}
.uk-scope .uk-h3, .uk-scope h3 {color:#0c2b4a; padding:0px; margin:0px; font-family: 'Red Hat Display', sans-serif; font-size:20px;}

/*CSS Menu - CSS*/
#jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.menu-title {font-size:17px; font-weight:500;}
#jux_megamenucss3 .megamenu .js-megamenu {font-family: 'Red Hat Display', sans-serif;}
.megamenu .level1 .active > a, #js-meganav-off-canvas .level1 .active>a {color:#000000;}
.course_menu #jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.menu-title {font-size:13px!important;}}
#jux_megamenucss3 .jux-fa.jux-fa-bars {color:#ff0000!important;}

/*Breezing Forms - CSS*/
.bfQuickMode legend {background-color:#0c2b4a;}
.bfQuickMode fieldset {}

/*Ajax Search - CSS*/
.is_ajaxsearch .btn-toolbar {max-width:300px!important; padding-top:12px!important;}