@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700&display=swap');

html {
	font-size: 18px;
}
@media( max-width:576px ) {
	html { font-size:16px; }
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
	font-size: 1rem;
	font-family: 'Nunito Sans', sans-serif;
	letter-spacing: -0.5px;
	font-weight: 400;
	color: #243970;
}
a {
	color: #18306e;
	text-decoration: none;
	transition: 0.3s all;
}
header,
footer,
.content {
	min-width: 320px;
}

header {
	box-shadow: 0 0 1rem rgba(0,0,0,0.1);
	background: #fff;
	padding: 1rem 0;
	z-index: 2;
}
header.placeholder {
	display: none;
}
.page-title h1 {
	margin-bottom: 1rem;
	padding: 0;
	font-size: 1.75rem;
	font-weight: 600;
}
.page-title h1 small {
	font-size: 1rem;
	font-weight: 200;
}

.container-logo .fModuleContent {
	width: 280px; height: 58px;
	overflow: hidden;
	padding: 0;
}
.container-logo a {
	width: 280px; height: 58px;
	overflow: hidden;
	font-size: 0;
	background: url('../images/VN-logo-280.png') no-repeat top left;
	line-height: 2.5rem;
	display: block;
}
.container-logo strong {
	color: #ed7739;
	font-weight: 600;
}
.sidebar {
	padding-top: 1rem;
	padding-left: 1.5rem;
	border-left: 1px solid #b9c1d3;
}
.content {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.matter {
	padding-top: 1rem;
	padding-right: 1.5rem;
}
@media(max-width:992px) {
	.sidebar {
		border-top: 1px solid #b9c1d3;
		border-left: 0 none;
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	.matter {
		padding-right: calc(var(--bs-gutter-x) * .5);
	}
}
.sidebar .fModuleTitle h3 {
	font-size: 1.25rem;
}
.sidebar .fModuleContent {
	border-bottom: 1px solid #b9c1d3;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}
.matter .fModule {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

ul.menu,
ul.menu li,
ul.menu ul {
	margin: 0; padding: 0;
	list-style: none;
}

ul.tablets {
	margin: 0; padding: 0;
	list-style: none;
}
ul.tablets li {
	display: inline-block;
	margin-right: 1rem;
}
ul.tablets li a {
	background: #eceef4;
	border-radius: 50%;
	padding: 0.5rem;
	font-size: 1rem;
	display: block;
}
ul.tablets li a:hover {
	background: #18306e;
	color: #eceef4;
}

.fModuleTitle h3,
.modTitle {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
	font-size: 1rem;
	text-transform: uppercase;
	color: #ed7739;
}
.fModuleTitleNews.fModuleTitle h3 {
	margin-bottom: 0;
	text-transform: none;
}
.fModuleTitle h3 small {
	font-size: 1rem;
	font-weight: 300;
	text-transform: none;
}
hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-top: 1px solid #b9c1d3;
}

header ul.menu {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 0 1.5rem;
}
header ul.menu a {
	color: #32487e;
	font-weight: 600;
	position: relative;
	padding-top: 0.5rem;
	display: block;
	font-size: 1rem;
}
header ul.menu a:after {
	height: 2px; background: #ed7739;
	position: absolute;
	bottom: 0; left: 0; width:0;
	transition: 0.25s all;
	content: "";
	display: block;
	opacity:0;
}
header ul.menu a:hover:after {
	width: 100%;
	opacity: 1;
}

header .fModuleSearch form {
	position: relative;
}
.container-search {
	z-index: 1;
}
.fModuleSearch input[type=submit]{
	opacity: 0;
	position: absolute;
	right: 0; top: 0;
	transition: 0.3s all;
	padding: 0.5rem 0.75rem !important;
	display: none;
}
.fModuleSearch.searching input.typing[type=submit]{
	opacity: 1;
	display: block;
}
.fModuleSearch input[type=text]{
	padding: 0.5rem 1rem 0.5rem 2.5rem;
	max-width: 100%;
	background: #fff url('../images/search-50-orange.png') no-repeat 0.75rem center;
	background-size: 1.25rem;
	width: 100%;
	float: right;
	transition: 0.5s all;
	min-width:2rem;
}
.fModuleSearch.searching input[type=text]{
	padding-right: 3rem;
	min-width: 200px;
}

input, textarea, select {
	font-size: 1rem;
	padding: 0.5rem 1rem;
	border-radius: 2rem;
	border: 1px solid #b9c1d3;
	outline: 0 none;
	font-family: 'Nunito Sans', sans-serif;
	letter-spacing: -0.5px;
	font-weight: 600;
}
input, select {
	line-height: 1;
	height: calc(2.5rem + 2px);
}
input:focus, textarea:focus, select:focus {
	border-color: #9fabc4;
}

input[type=button],
input[type=submit],
button {
	font-size: 1rem;
	padding: 0.5rem 1.5rem;
	border-radius: 2rem;
	border: 1px solid #ed7739;
	background: #ed7739;
	color: #fff;
	display: inline-block;
}
input[type=button]:hover,
input[type=submit]:hover,
button:hover {
	background: #e86a27;
	color: #fff;
}

a.fButton:before,
a.readmore:before,
a.fButton:after,
a.readmore:after {
	display:block;
	position: absolute;
	top: 50%;
	content: "\f105";
	transform: translate(0,-50%);
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	transition: 0.5s all;
}
a.fButton:after,
a.readmore:after {
	right: 0.35rem;
	opacity: 0;
	left: auto;
}
a.fButton:before,
a.readmore:before {
	right: 0.35rem;
	opacity: 1;
}
a.fButton:hover:before,
a.readmore:hover:before {
	opacity: 1;
	right: 0;
}
a.fButton:hover:after,
a.readmore:hover:after {
	opacity: 1;
	right: -0.4rem;
}

a.fButton,
a.readmore {
	padding-right: 1rem;
	position: relative;
	font-weight: 700;
	text-decoration: none !important;
}
a.fButton:hover,
a.readmore:hover {
	padding-right: 1rem;
	padding-left: 0;
}
p {
	margin: 0 0 1rem 0;
}

.fModuleTopics {
	display: flex;
}

.fModuleTopics .fModuleTitle {
	white-space: nowrap;
}
.fModuleTopics .fModuleTitle h3 {
	margin: 0; padding: 0.5rem 1rem 0.5rem 0;
}
.fModuleTopics .fModuleContent {
	overflow: hidden;
	white-space: nowrap;
	height: 2rem; overflow: hidden;
}
.fModuleTopics ul.topics li {
	float: left;
}
.fModuleTopics ul.topics li a {
	font-weight: 500;
	padding: 0.25rem 1.5rem;
	border-radius: 2rem;
	background: #eceef4;
	color: #18306e;
}
.fModuleTopics ul.topics li a:hover {
	background: #18306e;
	color: #fff;
}

ul.contentPost,
ul.contentPost > li {
	margin: 0; padding: 0;
	list-style: none;
}
ul.fList.contentPost {
	margin-bottom: 1.5rem;
}
ul.contentPost h2 {
	font-size: 2rem;
	font-weight: 700;
	margin: 0; padding: 0;
	padding: 1rem 0; padding-top: 0;
}
ul.contentPost.contentPostTight h2 {
	font-size: 1rem;
	padding: 0;
	font-weight: 500;
}
.contentDescription {
	line-height: 150%;
	font-size: 1.2rem;
}
.contentDescription a {
	color: #ed7739;
}

ul.contentPost a:hover {
	text-decoration: underline;
}
ul.contentPost h2 a {
	text-decoration: none;
	color: #18306e;
}
ul.contentPost h2 a:hover {
	color: #ed7739;
	text-decoration: none;
}

ul.contentPost a.readmore:hover {
	background: transparent !important;
}

ul.contentPost > li {
	padding: 2rem 0;
	border-bottom: 1px solid #eceef4;
	display: flex;
	flex-wrap: wrap;
}
ul.contentPost > li:first-child {
	padding-top: 1rem;
}
ul.contentPostTight.contentPost > li {
	padding: 0.5rem 0;
	padding-left: 1rem;
}

ul.contentPost > li > * {
	flex-basis: 100%;
	width: 100%;
}

.contentLinks span {
	text-transform: uppercase;
	font-size: 0.8rem;
	display: block;
	color: #666;
}
.contentLinks a {
	font-weight: 500;
	text-decoration: none !important;
}
.contentPostTight .contentLinks span {
	display: inline-block;
}
.contentPostTight .contentLinks {
	margin: 0.5rem 0;
}
.contentPostTight .contentLinks,
.contentPostTight .contentLinks span {
	font-size: 0.9rem;
	color: #999;
}
.contentPostTight .contentLinks a {
	font-weight: 200;
	color: #777;
}
.contentLinks a:hover {
	background: transparent !important;;
	text-decoration: underline !important;;
}

ul.contentPost li .contentInfo {
	margin-bottom: 1rem;
	color: #333;
	opacity: 0.8;
	font-weight: 400;
}
.contentInfo > div {
	display: inline-block;
}

.contentPost ul.contentSocial {
	margin-top: 1rem;
}

.contentPost .contentPerspective h2 a {
	color: #ed7739;
}

.contentLinks {
	margin-top: 0.5rem;
}

.fList,
.fList li,
.listEvents,
.sponsors,
.sponsors li {
	margin:0; padding: 0;
	list-style: none;
}
ul.fList > li {
	display: block;
}
ul.fList.tablets li a {
	display: inline-block;
	margin-right: 0.5rem;
}
.fList a {
	font-weight: 600;
}
.listEvents li {
	border-bottom: 1px solid #b9c1d3;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.listEvents a {
	color: #ed7739;
}
.listEvents a:hover {
	text-decoration: underline;
}
.listEvents h3 {
	font-weight: 800;
}
.listEvents h3 a {
	color: #18306e;
}
.listEvents h3 span {
	display: block;
	font-weight: 300;
	opacity: 0.8;
	font-size: 1rem;
	padding-top: 0.75rem;
}
.listEvents .event-img {
	width: 100%;
	padding-bottom: 1rem;
}
.listEvents .event-text {
	width: 100%;
}

.fList {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.fList li,
.sponsors li {
	padding: 0.5rem 0;
	border-bottom: 1px solid #eceef4;
}
.fList li:last-child,
.sponsors li:last-child {
	border-bottom: 0 none;
}
.fList span {
	font-weight: 300;
	opacity: 0.8;
	display: block;
	font-size: 0.9rem;
}
.fList.fListTight {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.fList.fListTight .contentLinks {
	margin-top: 0.5rem; margin-bottom: 0.5rem;
}


.fModuleList a.readmore {
	margin-top: 1rem;
	display: inline-block;
}

.fModuleBlue input[type=submit] {
	background: #18306e;
	border-color: #9fabc4;
}

footer {
	padding: 1.5rem 0;
	background: #eceef4;
}
footer ul.tablets li a {
	border: 1px solid #b9c1d3;
}
footer ul.tablets li a:hover {
	background: #b9c1d3;
	color: #18306e;
}
footer .fModuleTitle h3 {
	color: #18306e;
}
footer .fModule {
	padding-top: 0.5rem
	padding-bottom: 0.5rem;
}
footer .fModuleBlue {
	padding-top: 1.5rem;
}
footer .legal {
	border-top: 1px solid #b9c1d3;
	padding-top: 1.5rem; margin-top: 1.5rem;
}
footer .menu a {
	font-weight: 600;
	display: block;
	padding: 0.2rem 0;
}
footer .menu ul a {
	font-weight: 300;
}
.row-item {
	padding-top: 1rem;
}

.tableListingNews { display:none; }
.bt-0 {
	border-top: 0 none;
}
.bb-0 {
	border-bottom: 0 none;
}

.fModule.bb-0 .fModuleContent {
	border-bottom: 0; padding-bottom: 0;
}

/* */
.listsummary > li {
	border-bottom: 1px solid #eceef4;
}
.listsummary > li:last-child {
	border-bottom: 0 none;
}
.listsummary .date-time {
	padding-bottom: 0.5rem;
}
.listsummary p {
	font-size: 0.9rem;
	color: #777;
	font-weight: 500;
}


ul.plainlist > li {
	border-bottom: 1px solid #eceef4;
	position: relative;
	transition: 0.5s all;
	padding-left: 1rem;
}
ul.plainlist.plaintext-noborder > li {
	border: 0 none;
}
ul.plainlist > li:before {
	position: absolute;
	left: 0rem;
	display:block;
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #8ab3e9;
    transition: 0.5s all;
    top: 0.5rem;
    opacity: 1;
}
ul.plainlist li:hover:before,
.sidebar ul.plainlist li:hover:before {
	color:#0d6efd;
}
.sidebar ul.plainlist li:before {
	color: #ed7739;
}
ul.plainlist > li:hover {

}
ul.plainlist .contentLinks {
	font-size: 0.9rem;
	font-weight: 200;
}
ul.plainlist .contentLinks a {
	color: #777;
}

#slidebox {
    width: 400px;
    max-width: 100%;
    max-height: 240px;
    padding: 1rem;
    background-color: #fff;
    border-top: 3px solid #ed7739;
    position: fixed;
    bottom: 0px;
    right: -430px;
    z-index: 1000;
    -moz-box-shadow: 0 0px 1rem rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0px 1rem rgba(0,0,0,0.2);
    box-shadow: 0 0px 1rem rgba(0,0,0,0.2);
}
#slidebox a.close {
    background: transparent url('../../../videonuze/images/close.gif') no-repeat top left;
    width: 1rem;
    height: 1rem;
    position: absolute;
    cursor: pointer;
    top: 1rem;
    right: 1rem;
}
#slidebox p, a.more {
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #777;
}
#slidebox h2 {
    font-size: 1.2rem;
}

.pages {
	padding: 1rem 0;
	color: #b9c1d3;
}
.pages a {
	font-weight: 600;
}

.ad > div {
	max-width: 100%;
}
.ad a {
	display: block;
}
.ad img {
	max-width: 100%;
}
.ad-holder img {
	width: 100%;
}

/* Perspective */
.contentInfos {
	margin-top: -0.5rem;
	margin-bottom: 1rem;
	height: 100%; overflow: hidden;
}
.contentAuthors img {
	width: 4rem; height: 4rem;
	float: left;
	margin-right: 0.75rem;
}
.highlight {
	background: #18306e;
	color: #fff;
	display: inline-block;
	padding: 0.25em 0.5em;
}

.fPageActions {
	display: none;
}
.navbar-toggle {
	padding: 0; text-align: center;
	width: 2.25rem; height: 2.25rem;
	background: transparent;
	position: relative;
	border-radius: 3px;
	float: right;
}
.navbar-toggle:hover {
	background: transparent;
}
.navbar-toggle .icon-bar {
	width: 1.25rem;
    height: 2px; overflow: hidden;
    display: block;
    background-color: #ed7739;
    margin: 0; padding: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
}
.navbar-toggle .icon-bar:nth-child(1) {
	top: 0.6rem;	
}
.navbar-toggle .icon-bar:nth-child(2) {
	top: 50%; 
    transform: translate(-50%,-50%);
}
.navbar-toggle .icon-bar:nth-child(3) {
	bottom: 0.6rem;
}
.close-menu {
	display: none;
}

/* Responsive */
@media(max-width:991.8px) {
	.close-menu {
		display: block;
	}
	header ul.menu {
		position: fixed;
		background: #18306e;
		top: 0;
		left: -100%;
		width: 80%;
		max-width: 280px;
		bottom: 0;
		box-shadow: 0 0 2rem rgb(0 0 0 / 50%);
		z-index: 10;
		padding: 0;
		display: block;
		transition: 0.5s all;
	}
	header .fModule.open-menu ul.menu {
		left: 0;
	}
	
	header ul.menu a {
		display: block;
		font-size: 1.5rem;
		color: #fff;
		padding: 1rem 1.5rem;
		font-weight: 600;
	}
	header ul.menu .close-menu a {
		font-size: 1rem;
		text-align: right;
		text-transform: uppercase;
		opacity: 0.7;
	}
		
	.content {
		padding: 0;
	}
}

@media(max-width:575.8px) {

	.fModuleTopics {
		display: none;
		text-align: center;
	}
	.fModuleTopics ul.topics li {
		margin: 0.25rem; float: none;
		
	}
	.fModuleTopics .fModuleContent {
		height: auto;
		white-space: initial;
	}
	ul.contentPost > li {
		padding: 1.5rem 0;
	}
	ul.contentPost > li.ad {
		padding: 1rem 0;
	}
	ul.contentPost h2 {
		font-size: 1.75rem;
	}
}
@media(max-width:1199.8px) {
	.container-logo a {
		width: 192px; height: 40px;
		background: url('../images/VN-logo-text.png') no-repeat top left;
	}
}


.fForm label {
	width: 200px;
	float: left;
	padding: 0.5rem 0;
}
.fForm .wysiwyg label {
	float: none;
	width: 100%;
}

.fForm input,
.fForm select,
.fForm textarea {
	width: calc(100% - 220px);
}
.fForm input[type=radio],
.fForm input[type=checkbox] {
	width: auto !important;
	height: auto !important;
}

.fForm fieldset {
	border-top: 1px solid #ccc;
	padding: 1.5rem;
	margin-bottom: 1.5rem;
}

.fForm legend {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 1rem;
}

.col3 {
	width: 33%;
	float: left;
}

.fForm fieldset.col3 {
	border: 0px none;
	padding: 0.5rem;
}

.fForm .col3 label,
.fForm .col3 input,
.fForm .col3 select {
	width: 100%;
	float: none;
}

form.fForm .col3 .hint,
form.fForm .col3 .error {
	margin-left: 1rem;
}

form.fForm .checks input {
	width: auto;
}
form.fForm .checks label {
	width: 100%;
	width: calc( 100% - 2rem);
	margin-left: 0;
}
.fForm .checks input[type=checkbox] {
	width: 1rem;
	height: 1rem;
	float: left;
	margin: 1rem 1rem 0.5rem 0;
}
.fForm .buttons {
	padding-top: 1rem;
	margin-top: 1rem;
	border-top: 1px solid #ccc;
}
form.fForm .buttons input {
	width: auto !important;
}
.fForm .hint,
.fForm .error {
	display: block;
	margin-left: calc(200px + 1rem);
	font-size: 0.9rem;
	color: #999;
}

.fForm .error {
	color: #cc0000;
}

.textboxlist .textboxlist-bits {
	font-size: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    border: 1px solid #b9c1d3;
    outline: 0 none;
    font-family: 'Nunito Sans', sans-serif;
    letter-spacing: -0.5px;
    font-weight: 600;
}
.fForm .textboxlist-autocomplete-placeholder {
    margin-left: 200px;
    border-radius: 0.5rem;
    border: 1px solid #b9c1d3;
    padding: 0.5rem;
}
.fForm .textboxlist-autocomplete,
.fForm .textboxlist-bit-editable-input {
	font-size: 1rem;
    font-family: 'Nunito Sans', sans-serif;
    letter-spacing: -0.5px;
    font-weight: 600;
}
.fForm .textboxlist-bit-editable-input {
	height: 1rem;
}
.fForm .textboxlist-bit {
    padding: 0.5rem !important;
    border-radius: 2rem;
}
.fForm .textboxlist-bit.textboxlist-bit-editable {
	padding: 0.25rem !important;
    border-radius: 0;	
}

.fForm .textboxlist-autocomplete-results {
	margin-left: 200px;
	border-radius: 0.5rem;
	overflow: auto;
    border: 1px solid #b9c1d3;
    outline: 0 none;
    font-family: 'Nunito Sans', sans-serif;
    letter-spacing: -0.5px;	
}

#fMessage {
	font-weight: bold;
	text-align: center;
	background: #333;
	color: #fff;
	padding: 0.75rem;
}

.tableListing {
	border: 1px solid #b9c1d3
	border-radius: 0.5rem;
	overflow: hidden;
}
.tableListing th {
	background: #243970;
	padding: 0.5rem;
	color: #fff;
	font-weight: bold;
}
.tableListing td {
	padding: 0.5rem;
	border-bottom: 1px solid #b9c1d3;
}
.tableListing tr:hover td {
	background: #eaeaea;
}
.tableListing td a {
	font-weight: bold;
}

.filter {
	background: #fafafa;
	padding-left: 1rem;
	padding-right: 1rem;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.filter .container,
.filter .filter-group {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	float: left;
}
.page-filters {
	margin-bottom: 1rem;
}

.filter::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	clear: both;
}

.page-filters a {
	background: #243970;
	display: inline-block;
	padding: 0.75rem 2rem;
	font-weight: bold;
	color: #fff;
	border-radius: 2rem;
}