

/*@import url('https://fonts.googleapis.com/css?family=Poppins MS:400,500&subset=latin-ext');*/
html { font-size: 1em; }
body { font-family: 'Font Awesome 5 Free', 'Trebuchet MS', sans-serif !important; }
* { font-family: 'Font Awesome 5 Free', 'Trebuchet MS', 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: #004990; }
a:hover { color: #0079c2; }
.mobile-langs {
  display: none;


}
 
.mobile-langs a {
  display: inline-block !important;
  padding-top: 15px;
  padding-bottom: 16px;
}


.link { padding: 0 3px; display: inline-block; position: relative; z-index: 1; transition: all 0.3s ease 0s; }
.link:focus, .link:hover { /*color: #fff;*/ }
.link:before, .link:after { content: ""; /*background-color: #05d9fa;*/ width: 0; position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; transition: all 0.3s ease; }
.link:after { background-color: #333e4f; width: 0; left: 0; top: 0; bottom: 0; z-index: -1; }
.link:focus:before, .link:hover:before { /*background-color: #2ed573;*/ left: calc(100% - 3px); }
.link:focus:after, .link:hover:after { background-color: rgba(140,140,140,0.2);
width: 100%; }
@media only screen and (max-width: 767px) { .link{ margin-bottom: 30px; } }



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

#toTop { display: none; overflow: hidden; background:none; position: fixed; bottom: 10px; right: 50px !important; z-index: 900; border: 0 none; color: #004890 !important; font-size: 4rem; }
#toTop::before { content: "\f139"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
#toTop:hover { color: #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; }

.langs a { font-size: 0.85em !important; color: #004890; }
.langs a:hover { color: #071732; }
.langs a.active { color: #071732 !important; }



.navbar { background: #004890; }
.navbar-menu { font-weight: 400; font-size: 1.1rem !important; }
.navbar-dropdown { padding-top: 0; padding-bottom: 0}

a.navbar-item, a.navbar-link { background: #004890; color: #fff !important; }
a.navbar-item:hover, a.navbar-link:hover { color: #fff !important; background: #071732 !important; }
.navbar-dropdown a.navbar-item { margin-right: 0; color: #071732 !important; }

.navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: #071732 !important; /* dropdown label when is active: hover state of parent when drop is down */ }
.navbar-link::after { /* arrow-down */ border-color: #fff !important; }
.navbar-dropdown a.navbar-item { /* dropdown box link */  background: #0d243f !important; color: #fff !important; font-size: 0.9rem !important; }
.navbar-dropdown a.navbar-item:hover { /* dropdown box link hover */ background: #071732 !important; color: #9dd7fb !important; }
.navbar-burger { color: #fff; }


footer { background: #fff; }
.footer { padding: 0; background: #404041; color: #fff; }
p.lastline { margin: 0; padding: 0; line-height: 100%; }
.lastline span, .lastline a { color: #fff; }
.lastline a:hover { color: #9dd7fb !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 { background: #eaeaea; padding: 0 5px; }
.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) {
  .mobile-langs { display: inline-block; }
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: #082979 !important; color: #fff !important; }
a.fb-share:hover { background: #4267B2 !important; color: #fff !important; }
a.twitter-share { background: #082979 !important; color: #fff !important; }
a.twitter-share:hover { background: #1da1f2 !important; color: #fff !important; }
a.whatsapp-share { background: #082979 !important; color: #fff !important; }
a.whatsapp-share:hover { background: #00e676 !important; color: #fff !important; }
a.linkedin-share { background: #082979 !important; color: #fff !important; }
a.linkedin-share:hover { background: #0067b1 !important; color: #fff !important; }
a.copy-share { background: #082979 !important; color: #fff !important; }
a.copy-share:hover { background: #000 !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: #990000; }





.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; }

