
/*@import url('https://fonts.googleapis.com/css?family=Barlow:400,500&subset=latin-ext');*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;600&display=swap');

html { font-size: 1.1em; }
body { font-family: 'Font Awesome 5 Free', 'Barlow', sans-serif !important; }
* { font-family: 'Font Awesome 5 Free', 'Barlow', sans-serif; }

.spinner { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.86) url(img/spin.svg) no-repeat scroll center center; z-index: 100000; }

a { text-decoration: none; color: #0079c2; transition: all .25s ease-in; font-weight: 500; }
a:hover { color: #06407a; }

.noscroll { overflow: hidden !important; -ms-overflow-style: none; overflow: -moz-scrollbars-none; }
.noscroll::-webkit-scrollbar { width: 0 !important }

#toTop { display: none; overflow: hidden; position: fixed; bottom: 0; right: 20px !important; z-index: 900; border: 0 none; color: #fff !important; font-size: 44px; width: 64px; height: 54px; line-height: 54px; padding: 0 !important; cursor: pointer; background: #06407a; border-radius: 6px 6px 0 0; text-align: center; }
#toTop::before { content: "\f077"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
#toTop:hover { background: #0079c2 !important; }
#toTop:active, #toTop:focus { outline: none; }

/* search overlay */
.search-overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 1000; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.94); }
.search-overlay-content { position: relative; top: 40%; width: 60%; text-align: center; margin-top: 30px; margin: auto; }
@media only screen and (max-width: 800px) { .search-overlay-content { width: 96%; } }

.close-search-overlay { position: fixed; top: 1rem; right: 1rem; color: #fff; }
.close-search-overlay:hover { color: #d11944; cursor: pointer; }
.search-overlay input[type=text] { background: white; }
.search-overlay input[type=text]:hover { background: #f1f1f1; }
.search-overlay input[type=text]:focus { border: none; outline: none; box-shadow: none; }
.search-intro { padding: 20px; background: rgba(45, 47, 55, 0.85); font-weight: 400 !important; line-height: 1.5rem; color: #fff !important; border-radius: 3px; }
.search-intro a { color: #51b7f5; !important; }
.search-intro a:hover { background: #004890; color: #fff; }
.search-intro strong { color: #0079c2; font-weight: 500; }
button.search-button { background: #004890; color: #fff; }
button.search-button:hover { background: #0079c2; }


#navbar { height: auto; font-size: 1rem; background: #092979; }
#navbar .navbar-brand .navbar-item img { max-height: 90px; margin: 0 auto; }
#navbar .navbar a { transition: all .5s ease-in; text-decoration: none !important; }
#navbar a.navbar-item, a.navbar-link { color: #fff !important; /*margin-right: 1em;*/ transition: all .5s ease-in; padding: 0.5em 0.5em; font-weight: 600; }
#navbar a.navbar-item:hover, #navbar a.navbar-link:hover { color: #00fbff !important; background: none !important; }
#navbar .navbar-link:not(.is-arrowless)::after { background: none }
#navbar .navbar-link::after { /* arrow-down */ border-color: #00fbff !important; }
#navbar .navbar-link:hover::after { /* arrow-down */ border-color: #00fbff !important; transition: all .5s ease-in; }
#navbar .navbar-dropdown { background: #092979; padding: 0.5em; }
#navbar .navbar-dropdown a.navbar-item { /* dropdown box link */   margin-right: 0; color: #06407a; font-size: 0.9rem !important; font-weight: 500; }
#navbar a.navbar-item:after { /* animated underline */  background: none repeat scroll 0 0 transparent; bottom: 0; content: "";   display: block; height: 1px; left: 50%; position: absolute; background: #00fbff; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; }
#navbar a.navbar-item:hover:after { width: 100%; left: 0; }
#navbar .navbar-brand a:hover { background: none !important; }
#navbar .navbar-item.has-dropdown:focus .navbar-link { background: #cf0; }
#navbar .navbar-item.has-dropdown:hover .navbar-link { /* navbar-link when dropdown is shown */ background: none; color: #00fbff !important; }
#navbar .navbar-item.has-dropdown.is-active .navbar-link { background: #0f0; }
#navbar .navbar-burger span { color: #fff; }

@media only screen and (min-width: 640px) {
#navbar .navbar-end { display: flex; align-items: center; }
}

@media only screen and (max-width: 640px) {
#navbar a.navbar-item, #navbar a.navbar-link { text-align: left; color: #fff !important; margin-right: 0 !important; transition: all .5s ease-in; padding: 0.5em 0.5em; font-weight: 600; background: #092979; }
#navbar .navbar-dropdown {  padding: 0.5em; }
#navbar .navbar-start { background: #092979; }
#menu { background: #092979 !important; }
#navbar .navbar-start .navbar-item { display: inline-block; }
#navbar a.navbar-item:hover { background: #092979 !important; }
#navbar a.navbar-link:hover { cursor: progress; background: #092979 !important; }
#navbar .navbar-item.has-dropdown:hover .navbar-link { /* navbar-link when dropdown is shown */ background: #092979 !important; color: #00fbff !important; }
}

/* Home slider wrappers */
.tall-box { height: 360px; }
.short-box { height: 240px; }

@media only screen and (min-device-width: 768px){
.sticky { position: fixed; top: 0; width: 100%; }
.sticky + .content { padding-top: 60px; }
}


footer { color: #333; }
p.lastline { margin: 0; padding: 0; line-height: 125%; }
.lastline span, .lastline a { color: #06407a; }
.lastline a:hover { color: #f00 !important; }

h1 { font-weight: 500 !important; line-height: 150%; }

.document { padding: 0 !important; margin-bottom: 10px; }
.relitem { display: block; padding: 15px 25px; background: rgba(59,80,109,0.25); margin-bottom: 1px; }
.relitem:hover { background: rgba(59, 80, 109, 0.75); color: #fff; }
.relitem i { font-size: 1.25em; margin-right: 6px; }
.relitem p.small { font-size: 0.75em; }
.relitem p.small i { margin-right: 6px; vertical-align: middle; }
.pdf-preview { width: 100%; margin: 0 auto !important; min-height: 800px; padding: 0; border: 1px solid #ccc; }
.pdf-preview { width: 100%; margin: 0 auto !important; min-height: 800px; padding: 0; border: 1px solid #ccc; }
p.caption { padding: 10px; font-size: 0.75em; background: #ccc; margin: 0 !important; }
img.hoverable:hover { opacity: 0.5; }
img.hoverable-obj { opacity: 0.25; }
img.hoverable-obj:hover { opacity: 1; }
.section-name-label { padding: 0 5px; border-bottom: 1px solid #fff; color: #373e48; }
.swiper-container { position: relative; max-width: 100% ; padding: 0; margin-bottom: 0 !important; overflow: hidden !important; }
.swiper-slide { text-align: center;  font-size: 18px; background: #fff; }
.swiper-container img { display: block; }
.swiper-slide { max-width: 100% !important; text-align: center; font-size: 18px; background: none;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;
-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-wrapper { background: #fff; max-width: 100% !important; }
.swiper-slide img { width: 100% !important; height: auto !important; }
.swiper-pagination { bottom: 0 !important; background: rgba(255,255,255,0.5) !important; height: 34px; }
.swiper-pagination-bullet { width: 18px; height: 18px; margin: 9px !important; }
.swiper-pagination-bullet-active { border: 2px solid #333; }
a.custom-share-btn { padding: 0.5em 1.5em !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px!important; border-radius: 2px !important; display: inline-block  !important; text-align:center !important; }
a.custom-share-btn i { font-size: 1.6em; vertical-align: middle !important; }
@media only screen and (max-width: 767px) {
a.custom-share-btn { padding: 0.25em 0.75em !important; display: inline-block  !important; text-align:center !important; }
a.custom-share-btn i { font-size: 1.1em; vertical-align: middle !important; }
}
a.fb-share { background: #4267B2 !important; color: #fff !important; }
a.fb-share:hover { background: #082979 !important; color: #fff !important; }
a.twitter-share { background: #1da1f2 !important; color: #fff !important; }
a.twitter-share:hover { background: #082979 !important; color: #fff !important; }
a.whatsapp-share { background: #00e676 !important; color: #fff !important; }
a.whatsapp-share:hover { background: #082979 !important; color: #fff !important; }
a.linkedin-share { background: #0067b1 !important; color: #fff !important; }
a.linkedin-share:hover { background: #082979 !important; color: #fff !important; }
a.copy-share { background: #000 !important; color: #fff !important; }
a.copy-share:hover { background: #082979 !important; color: #fff !important; }


/****  floating-Label style start ****/
.floating-label { position:relative; }
.floating-input , .floating-select { }

.floating-input:focus , .floating-select:focus { outline:none; }

div.floating-label label { color:#999; font-size: 1em; font-weight:normal; position:absolute; pointer-events:none; left:15px; top:15px; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; }
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label { top:-8px; font-size:12px; color:#5264AE; background: #fff; padding: 0 1px; }
.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label { top:-18px; font-size:14px; color:#5264AE; }
/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after { width:50%; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.floating-textarea { min-height: 30px; max-height: 260px; overflow:hidden; overflow-x: hidden; white-space: pre-wrap;
overflow-wrap: break-word; }
/* highlighter */
.highlight { position:absolute; height:50%; width:100%; top:15%; left:0; pointer-events:none; opacity:0.5; }
/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight { -webkit-animation:inputHighlighter 0.3s ease; -moz-animation:inputHighlighter 0.3s ease;   animation:inputHighlighter 0.3s ease; }
/* animation */
@-webkit-keyframes inputHighlighter { from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
/****  floating-Lable style end ****/


.is-checkradio[type=checkbox]+label:before { border: .15rem solid #ccc !important; margin-left: 0; vertical-align: middle !important; background: #fff; }
.is-checkradio[type=checkbox].is-info:checked+label:after { border-color: #004890; }
.is-checkradio[type=checkbox] { margin-left: 0 !important; padding-left: 0 !important; }

.frm-button { background: #004890; color: #fff !important; }
.frm-button:hover { background: #0079c2; color: #fff !important; }
.frm-button:disabled, .frm-button[disabled] { border: 1px solid #999 !important; background-color: #999 !important; color: #fff !important; cursor: not-allowed; }


.clip-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.clip { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.is-size-8 { font-size: 0.7rem !important; }
.pubdate { color: #777; }


.has-background-blueash { background: #373e48; }
.has-border-thin { border: 1px solid #ccc; }


.video-container { position: relative; overflow: hidden; width: 100%;   padding-top: 56.25%; }
.responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
video { width: 100% !important; height: auto !important; }

.superlay { background: rgba(255,255,255, 0.5); transition: all .25s ease-in; color: rgba(9, 41, 121, 0.75); }
.superlay:hover { background: rgba(9, 41, 121, 0.75); backdrop-filter: blur(10px); color: #fff; }

.has-background-grey-custom { background: #f0f0f0; }

