/* Global
--------------------------------------------- */

html {scroll-behavior: smooth;}




/* Global Buttons
--------------------------------------------- */
.icon-button {
  border: 2px solid #00B3D1;
  display: inline-flex;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  min-height: 88px;
  text-decoration: none;
  justify-content: center;
  transition: background-color 0.3s ease;
  width:390px;
}

.icon-button-tan {
  border: 2px solid #00B3D1;
  display: inline-flex;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.icon-button-tan-sm {
  display: inline-flex;
  background-color:#EAEAE9;
  color: #312649;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  text-transform:none;
  letter-spacing:0.4px;
  line-height:1.2;
  padding: 6px 14px 6px 10px;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease;
}

.icon-button-tan-sm:hover {
  background-color:#D2D2D1;
  text-decoration: none;
}

 .icon-wrapper {
  display: flex;
  align-items: center;
}

.icon-wrapper img {
  width: 120px;
}

.icon-wrapper-tan img {
  width: 90px;
  height: 90px;
}

.text-wrapper {
  display: flex;
  align-items: center;
  background-color: #00519D;
  padding: 20px 22px;
  width: 100%;
}

.text-wrapper-tan {
  display: flex;
  align-items: center;
  background-color: #B3B298;
  padding: 20px 22px;
  transition: background-color 0.3s ease;
}

.text-wrapper-tan:hover{
	background-color:#00B3D1;	
}

.text-wrapper:hover {
	background-color: #004199;
}


/* Fonts & Headers
--------------------------------------------- */

h1 sup {font-size: 17px; top: -12px; font-weight:600;}
h2 sup {font-size: 17px; top: -12px;}
sup {top: -.7em;font-size: 60%;}

/* Nav Bar and Drop down
--------------------------------------------- */

.uk-dropdown-nav > li + li {border-top: 1px solid #d9d9d9;}
.uk-dropdown-nav > li:last-child > a:hover {border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.uk-navbar-container:not(.uk-navbar-transparent) {display: none;}
.uk-navbar-toggle {justify-content: end;}
.uk-drop.uk-open {display: block;}
.uk-subnav > li > a {position: relative; text-decoration: none;}
.uk-subnav>.uk-active>a {color: #00b3d1 !important;}
.uk-subnav>*>a:hover {color: #00b3d1 !important;}
.uk-subnav > li > a:hover::after {width: 100%;}
.uk-subnav > li.uk-active > a::after {width: 100%;}
.uk-drop.uk-open {background-color: #F4F4F0;border-top:10px solid #B3B298;color:#B3B298;}
.uk-nav-default>li>a {color: #fff !important;}
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {color: #fff !important;}
ul.uk-nav-sub {padding: 0 0 5px 25px!important;}

.n2-ss-slider :focus {
    outline: 0;
    color: #404041 !important;
}

div#n2-ss-2 :focus {
   color: #404041 !important;
}

.uk-offcanvas-flip .uk-offcanvas {z-index: 9999;}
.mobile-button{	
	font-size: 15px;
	font-weight: 700;
	color: #00519D!important;
    background-color: #fff;    
    padding: 7px 12px;
    display: flex;
    width: 80%;
    border-radius: 7px;
}

/* Onload Popup
--------------------------------------------- */

#accessModal {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 179, 209, 0.97);
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-content {background: #fff;padding: 80px;text-align: center;max-width: 600px;width: 95%;border-radius:13px;}
.modal-content h2 {margin-bottom: 1.5rem; font-size: 1.2rem;}
.modal-buttons button {padding: 0.7rem 1.5rem; margin: 0 0.5rem;font-size: 1rem; cursor: pointer; border-radius:0!important;}
body.modal-open {overflow: hidden;}

.button-popup {
  padding: 12px 50px;
  margin: 0 10px;
  cursor: pointer;
  background-color:#1d4f91;
  border-radius:20px;
  color:#fff;
  border: 0px;
  font-size:16px;
}

/* ISI
--------------------------------------------- */

.ISI-border {border: 1px solid #000; padding: 14px;margin-bottom: 15px;}
.ISI-border-white {border: 1px solid #fff; padding: 14px;margin-bottom: 15px;}
.minus11 {margin-bottom: -11px;}
.isi-header{font-size:24px;line-height:1.1;}
.ul-2-col{ column-count: 2; column-gap: 25px;list-style-position: inside;}
.ul-2-col li{margin-bottom:20px}


/* Flex
--------------------------------------------- */

.flex { display: flex; gap: var(--space-sm); }
.flex-row{flex-direction: row; flex-wrap: wrap;}
.flex-column{flex-direction: column;}
.flex-center { justify-content: center; align-items: center;}
.flex-align-center{align-items: center;}
.flex-justify-end{justify-content: end;}


.gap10 {gap:10px;}
.gap20 {gap:20px;}
.gap30 {gap:30px;}
.gap40 {gap:40px;}
.gap50 {gap:50px;}
.gap60 {gap:60px;}

.left-column img {width: 90%;}
.nav-row {display: flex;align-items: center;justify-content: end;padding:12px 15px;}
.row {display: flex;align-items: center;justify-content: end;gap:50px;}
.column.left {width: 30%;display: flex;}
.column.right {width: 70%;display: flex;justify-content: flex-end;align-items: center;gap:30px;}

/* Flex Grid
--------------------------------------------- */
.grid { display: grid;}
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-1-4 {grid-template-columns: 1fr 4fr;}
.grid-2-3 {grid-template-columns: 2fr 3fr;}
.grid-2-4 {grid-template-columns: 2fr 4fr;}
.grid-4-1 {grid-template-columns: 4fr 1fr;}
.grid-container {align-items: start; width: 100%; padding:20px;}
.grid-container2 {align-items: center; width: 100%;}
.grid-container-np {align-items: start; width: 100%;}
.centered {justify-self: center;}

.flex-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.flex-grid > div {
  flex: 0 0 31%;
  text-align: center;
}


/* Width
--------------------------------------------- */

.w5{width:5%;}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}

/* Height
--------------------------------------------- */

.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}

/* Margin
--------------------------------------------- */

.m0 {margin: 0;}
.m5 {margin: 5px;}
.m10 {margin: 10px;}
.m20 {margin: 20px;}
.m30 {margin: 30px;}
.m40 {margin: 40px;}
.m50 {margin: 50px;}
.m60 {margin: 60px;}
.m70 {margin: 70px;}
.m80 {margin: 80px;}
.m90 {margin: 90px;}
.m100 {margin: 100px;}

/* Margin Top
--------------------------------------------- */

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}

/* Margin Bottom
--------------------------------------------- */

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}  
.mb100 {margin-bottom: 100px;}

/* Margin Left
--------------------------------------------- */
  
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.ml60 {margin-left: 60px;}
.ml70 {margin-left: 70px;}
.ml80 {margin-left: 80px;}
.ml90 {margin-left: 90px;}
.ml100 {margin-left: 100px;}

/* Margin Right
--------------------------------------------- */

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mr60 {margin-right: 60px;}
.mr70 {margin-right: 70px;}
.mr80 {margin-right: 80px;}
.mr90 {margin-right: 90px;} 
.mr100 {margin-right: 100px;}

/* Padding
--------------------------------------------- */

.p0 {padding: 0;}
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.p30 {padding: 30px;}
.p40 {padding: 40px;}
.p50 {padding: 50px;}
.p60 {padding: 60px;}
.p70 {padding: 70px;}
.p80 {padding: 80px;}
.p90 {padding: 90px;}
.p100 {padding: 100px;}

/* Padding Top
--------------------------------------------- */ 

.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt60 {padding-top: 60px;}
.pt70 {padding-top: 70px;}
.pt80 {padding-top: 80px;}
.pt90 {padding-top: 90px;}  
.pt100 {padding-top: 100px;}
.pt125 {padding-top: 125px;}

/* Padding Bottom
--------------------------------------------- */
  
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb60 {padding-bottom: 60px;}
.pb70 {padding-bottom: 70px;}
.pb80 {padding-bottom: 80px;}
.pb90 {padding-bottom: 90px;} 
.pb100 {padding-bottom: 100px;}
.pb120 {padding-bottom: 120px;}

/* Padding Left
--------------------------------------------- */
  
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pl50 {padding-left: 50px;}
.pl60 {padding-left: 60px;}
.pl70 {padding-left: 70px;}
.pl80 {padding-left: 80px;}
.pl90 {padding-left: 90px;}
.pl100 {padding-left: 100px;}

/* Padding Right
--------------------------------------------- */

.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}
.pr50 {padding-right: 50px;}
.pr60 {padding-right: 60px;}
.pr70 {padding-right: 70px;}
.pr80 {padding-right: 80px;}
.pr90 {padding-right: 90px;}
.pr100 {padding-right: 100px;}

/* Padding X Axis
--------------------------------------------- */

.plr5 {padding-left:5px; padding-right:5px;}
.plr10 {padding-left:10px; padding-right:10px;}
.plr15 {padding-left:15px; padding-right:15px;}
.plr20 {padding-left:20px; padding-right:20px;}
.plr25 {padding-left:25px; padding-right:25px;}
.plr30 {padding-left:30px; padding-right:30px;}
.plr40 {padding-left:40px; padding-right:40px;}
.plr50 {padding-left:50px; padding-right:50px;}
.plr60 {padding-left:60px; padding-right:60px;}
.plr70 {padding-left:70px; padding-right:70px;}
.plr80 {padding-left:80px; padding-right:80px;}
.plr90 {padding-left:90px; padding-right:90px;}
.plr100 {padding-left:100px; padding-right:100px;}

/* Padding Y Axis
--------------------------------------------- */

.ptb5 {padding-top:5px; padding-top:5px;}
.ptb10 {padding-top:10px; padding-top:10px;}
.ptb15 {padding-top:15px; padding-top:15px;}
.ptb20 {padding-top:20px; padding-top:20px;}
.ptb30 {padding-top:30px; padding-top:30px;}
.ptb40 {padding-top:40px; padding-top:40px;}
.ptb50 {padding-top:50px; padding-top:50px;}
.ptb60 {padding-top:60px; padding-top:60px;}
.ptb70 {padding-top:70px; padding-top:70px;}
.ptb80 {padding-top:80px; padding-top:80px;}
.ptb90 {padding-top:90px; padding-top:90px;}
.ptb100 {padding-top:100px; padding-top:100px;} 


/* Font Styles
--------------------------------------------- */

.uppercase {text-transform: uppercase;}
.underline {text-decoration: underline;}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}
.t-left {text-align: left;}
.t-right {text-align: right;}
.t-center{text-align:center;}


/* Font Weight
--------------------------------------------- */

.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw900 {font-weight: 900;}
.normal{font-weight:normal;}

/* Font Sizes
--------------------------------------------- */
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px!important;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f21 {font-size: 21px;}
.f22 {font-size: 22px;line-height:1.2;}
.f23 {font-size: 23px;}
.f24 {font-size: 24px;line-height: 1.1;}
.f25 {font-size: 25px;}
.f26 {font-size: 26px;}
.f27 {font-size: 27px;}
.f28 {font-size: 28px;}
.f29 {font-size: 29px;}
.f30 {font-size: 30px;line-height:1.2;}
.f31 {font-size: 31px;line-height:1.2;}
.f32 {font-size: 32px;line-height:1.2;}
.f33 {font-size: 33px;line-height:1.2;}
.f34 {font-size: 34px;}
.f35 {font-size: 35px;}
.f36 {font-size: 36px;}
.f37 {font-size: 37px;}
.f38 {font-size: 38px;}
.f39 {font-size: 39px;}
.f40 {font-size: 40px;}
.f41 {font-size: 41px;}
.f42 {font-size: 42px;}
.f43 {font-size: 43px;}
.f44 {font-size: 44px;}
.f45 {font-size: 45px;}
.f46 {font-size: 46px;}
.f47 {font-size: 47px;}
.f48 {font-size: 48px;}
.f49 {font-size: 49px;}
.f50 {font-size: 50px;}

/* Line Heights
--------------------------------------------- */

.lh{line-height: 1rem;}
.lh2{line-height: 2rem;}

/* Font Colors
--------------------------------------------- */
.primary{color:#01519E!important;}
.secondary{color:#59C2DA!important;}
.muted{color:#EDEDE9!important;}
.white {color: white;}
.black {color: black;}
.blue {color: #065BAA;}
.darkblue {color:#00446b;}
.grey100 {color: #F6F7FB;}
.grey200 {color: #CFCFCF;}
.grey300 {color: #9D9D9F;}
.grey400 {color: #A7A7A7;}
.grey500 {color: #7C7C7E;}
.grey600 {color: #7C7C7E;}
.grey700 {color: #4A4A4A;}
.grey800 {color: #3D3D3D;}
.isiblue {color: #003658;}
.purple {color:#312649;}

/* Background Colors
--------------------------------------------- */7
.bg-white {background-color: #fff;}
.bg-black {background-color: #fff;}
.bg-primary {background-color: #01519E;}
.bg-secondary {background-color: #59C2DA;}
.bg-muted {background-color: #EDEDE9;}
.bg-dark-blue {background-color: #312649;}
.bg-tan {background-color:#F4F4F0;}


/* Media Queries
--------------------------------------------- */

@media (max-width: 1199px) {
.nav-desktop {display:none;}
}

@media (min-width: 1199px) {
.nav-mobile {display:none;}
}

@media (max-width: 768px) {
	body{font-size:18px;}
h3{font-size:24px;}
.f27{font-size:20px!important;}
.f24{font-size:17px;}
.grid-2-4 {grid-template-columns: 1fr;}
.isi-sticky{display:none!important;}
.ul-2-col{ column-count: 1;}
	.minus11{margin-bottom: 5px;}
	.mob-pt{padding-top:20px;}

	
}

@media (max-width: 478px) {
	body {font-size:16px;}
.uk-select:not([multiple]):not([size]) {font-size: 18px;}
.uk-open>.uk-modal-dialog {width: 100%!important; padding: 20px!important;}
.modal-buttons-wrapper {gap: 10px; flex-direction: column;}
.icon-button {width:100%;}
.modal-content {width: 75%;padding:20px;}
.f33{font-size:26px;}
.f30{font-size:20px;}
	


}

@media only screen and (min-width: 478px) {
.hero-mobile {display:none;}
}