@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700&display=swap&subset=vietnamese');

body {
	color: #212121;
	font-family: 'roboto', sans-serif;
	font-style: normal;
	font-size: 14px;
	font-weight:400;
	line-height: 26px;
}

.page .container {}

.container {}

* {
	transition: all 0.3s ease 0s;
}

a:hover {
	text-decoration: none;
}

ul,
li,
dl,
dt,
{
	margin: 0;
	padding: 0;
	text-decoration: none;
}

ul,
ol {
	margin: 0;
	padding: 0
}

ul,
li {
	list-style-type: none;
}

img {
	height: auto;
	max-width: 100%;
	/*    width: 100%;*/
}

.post-body-container img {
	height: auto !important;
}

.bg-gray {
	background: #F9F9F9;
}

.bg-white {
	background: #fff;
}

.clear-both {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.margin-15 {
	margin: 15px 0;
}

.margin-25 {
	margin: 25px 0;
}

.padding-0 {
	padding: 0;
}

.padding-20 {
	padding: 20px 0;
}

.padding-15 {
	padding: 15px 0;
}

.padding-25 {
	padding: 25px 0;
}

.padding-30 {
	padding: 30px 0;
}

.padding-35 {
	padding: 35px 0;
}

.bold {
	font-weight: bold;
}

.relative {
	position: relative
}

.last-item {
	border: none !important;
}

.bg-gray {
	background: #EEF2F5;
}

h1,
h2,
h3,
h4,
h5 {
	margin: 0;
}

header {

	background: #fff;

	position: relative;

	border-bottom: 1px solid #d5e0e8;

}

.container.header-content {
	display: flex;
	align-items: center;
	justify-content: start;
}

.right-top-header.pull-right ul {
	float: right !important;
	margin-left: 15px;
}

.site-logo {
	float: left;
	margin-right: 50px;
}

.site-logo img {
	max-width: 90px;
}

.dns-home-section.section-first-news {

	clear: both;
	width: 100%;

}

.dns-home-section.section-first-news {

	padding: 20px 0;

}

.gutter-marking {

	position: absolute;
	right: 0;
	height: 100%;
	border-right: 1px solid #d5e0e8;
	top: 0;

}

.tout--hero .placeholder::before,
.first-img::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #1b202900;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(27, 32, 41, 0)), to(#1b2029));
	background-image: linear-gradient(to bottom,
		#1b202900 45%,
		#1b2029 100%);
	background-color: #1b20290d;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.first-img {

	width: 100%;
	position: relative;

}

.first-img img {

	width: 100%;
	object-fit: cover;
	position: ;
	padding: 0;

}

.first-info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 15px;
}

.first-info h3 {
	color: #fff;
	font-size: 32px;
}

.caption {
	color: #84919c;
}

.events-header {
	border-top: 3px solid #141414;
	padding-top: .2em;
	border-bottom: 1px solid #d5e0e8;
	padding-bottom: 10px;
	font-size: 24px;
	padding-bottom: .375em;
	padding-right: 2em;
	margin-top: 0;
	font-weight: normal;
	margin-bottom: .75em;
	position: relative;
	line-height: 28px;
}

.view-all-link {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: inherit;
}

.view-all-link img {
	position: relative;
	left: 2px;
	bottom: 1px;
}


.view-all-link i {
	margin-left: 5px;
	font-size: 22px;
	color: #999;
}

.list-last-news {
	width: 100%;
	clear: both;
}

.list-last-news article figure {
	float: left;
	margin: 0 10px 10px 0;
	width: 27%;
}

.list-last-news article {

	border-bottom: 1px solid #d5e0e8;
	padding: 15px 0;

}

.last-post-meta {

	margin-top: 10px;

}

.press-domain {

	color: #84919c;
	font-weight: bold;
	margin-right: 10px;

}

.press-published {

	color: #84919c;

}

.last-post-title {

	color: #000;
	font-size: 15px;

}

.placeholder {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 0.25em;
	background-color: #d8d8d8;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.placeholder::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	-webkit-transition: opacity 0.15s ease-out;
	transition: opacity 0.15s ease-out;
	opacity: 0;
	z-index: 1;
}

.placeholder-inner {
	padding-bottom: 54.2857%;
}

.placeholder .placeholder-inner > * {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.placeholder img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.tout__details {
	clear: both;
	width: 100%;
	padding: 10px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.tout__topic.caption {
	color: #005c9c;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}
.tout__title {
	color: #000;
	font-size: 16px;
	margin: 10px 0;
	line-height: 26px;
	-webkit-box-flex: 1;
	flex-grow: 1;
}
.link_flex .tout__title {
	color: #000;
	font-size: 16px;
	margin: 10px 0;
	line-height: 26px;
	-webkit-box-flex: 0;
	flex-grow: 0;
}
.tout__meta .caption {
	color: #84919c;
}
.tout__meta .caption span.article__author,
.post-author, .last-post-meta .caption .press-domain, .article__author.bold
{display:none;}
.article__author.bold {
	margin-right: 10px;
}

.item-second-news {

	border-right: 1px solid #d5e0e8;

}

.secont-post:hover .placeholder::before,
.video-home:hover .placeholder::before {
	opacity: 0.15;
}

.bottom-border {
	border-bottom: 1px solid #d5e0e8;
	margin-bottom: 15px;
}

.sub-title {
	border-top: 3px solid #141414;
	padding: 12px 0;
	padding-right: 0px;
	padding-bottom: 12px;
	border-bottom: 1px solid #d5e0e8;
	padding-bottom: 10px;
	font-size: 24px;
	padding-right: 2em;
	margin-top: 0;
	font-weight: normal;
	margin-bottom: 25px;
}

.video-home .placeholder::after {
	content: '';
	background: url(images/play-icon.svg);
	background-size: auto;
	width: 60px;
	height: 60px;
	background-size: cover;
	position: absolute;
	left: calc(50% - 30px);
	top: calc(50% - 30px);
	z-index: 9999999;
}

.video-home .placeholder-inner {
	padding-bottom: 100%;
}

.video-home .tout__meta {
	background: url(images/camera.svg) no-repeat left center;
	padding-left: 30px;
}

.highlight-item {
	width: 100%;
	clear: both;
	border-bottom: 1px solid #d5e0e8;
	padding: 15px 0;
	float: left;
}

.highlight-item figure {
	float: left;
	max-width: 47%;
	margin-right: 15px;
}

.highlight-item .tout__details {
	float: left;
	width: calc(53% - 15px);
	padding: 0;
	clear: none;
}

.highlight-item .tout__details h3.tout__title {
	font-size: 22px;
	margin-top: 0;
}

.sbs-section-header {
	border-bottom: 1px solid #d5e0e8;
	padding-bottom: 10px;
	margin-bottom: 1em;
	line-height: 22px;
}

.sbs-section-header span {
	border-bottom: 3px solid #d5e0e8;
	font-weight: 600;
	padding-bottom: 10px;
}

.home-dark {
	background: #1B2029;
}

.home-dark .highlight-item .tout__details h3.tout__title {
	color: #fff;
}

.home-dark .tout__title {
	color: #fff;
}

.home-dark .sbs-section-header span {
	color: #fff;
}

.home-dark .sub-title {
	color: #fff;
}

.footer__newsletter::after {
	content: "";
	display: block;
	position: absolute;
	right: -1.75%;
	top: 0;
	bottom: -2px;
	border-right: 1px solid #D5E0E8;
}

.newsletter::after {
	clear: both;
}

.newsletter::before,
.newsletter::after {
	content: " ";
	display: table;
}

.newsletter__callout {
	width: 55%;
	float: left;
	margin-right: 1em;
	padding-top: 0.125em;
}

.newsletter__callout b {
	font-size: 1.375em;
	font-weight: 600;
}

.newsletter__callout__description {
	color: #84919c;
	font-size: 0.875em;
	line-height: 1.4;
	font-size: 1em;
	margin-top: 0.5em;
	line-height: 1.4;
}

.newsletter__form__field {
	margin: 0.75em 0 0 0;
	overflow: hidden;
	padding: 0.5em 0;
	width: 100%;
	text-align: left;
	font-weight: normal;
	border: 0;
}

.footer__form__input {
	border: 1px solid #84919c;
	border-right-color: #84919c;
	border-right-style: solid;
	border-right-width: 1px;
	border-right: 0;
	border-radius: 4px 0px 0px 4px;
	padding: 0.75em 1em;
	float: left;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;

	width: 200px;
}

.footer__form__submit {
	background-color: #005c9c;
	border-radius: 0px 4px 4px 0px;
	border: 1px solid #005c9c;
	color: #fff;
	font-weight: 600;
	padding: 0.65em 1em 0.85em;
	float: left;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
}

.footer__socialmedia {
	width: 50%;
	position: relative;
	float: left;
	padding: 21px;
	width: 30%;
}

.newsletter__form__field {
	margin: 0;
	text-align: left;
	width: auto;
	position: absolute;
	right: 1.5em;
}

.footer__socialmedia .footer__socialmedia-title {
	padding: 2em 1em 1.125em;
	float: left;
	position: relative;
	font-weight: 600;
}

.footer__socialmedia .footer__socialmedia-group {
	padding: 1.45em 0 0 0em;
}

.social-share--facebook,
.social-share--twitter,
.social-share--linkedin,
.social-share--flipboard,
.social-share--instagram,
.social-share--whatsapp,
.social-share--weibo,
.social-share--wechat,
.social-share--ximalaya,
.social-share--email,
.social-share--link,
.social-share--download,
.social-share--embed {

	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 14.22px;
	display: inline-block;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 100%;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
	float: left;
	text-align: center;
	line-height: 40px;
	margin-right: 5px;

}

.footer-main {
	background: #EDF2F5;
}

.social-share--instagram {
	background-color: #fff;
}

.social-share--facebook {
	background-color: #3d5ba8;
}

.social-share--twitter {
	background-color: #24abe2;
}

.footer__newsletter {
	width: 69%;
	position: relative;
	float: left;
	padding: 21px;
}

.social-share--facebook:hover {
	background-color: #2d447f;
}

.social-share--instagram i {

	color: #333;
	font-size: 20px;

}

.social-share--twitter:hover {
	background-color: #1d92c1;
}

.footer__list-group {
	position: relative;
	padding-left: 21px;
	padding-right: 21px;
	float: left;
}

.list-group {
	padding-bottom: 1em;
	padding-top: 1em;
}

footer .list-group__header {
	border-bottom: 1px solid #d5e0e8;
	padding-bottom: 10px;
	font-size: 1em;
	line-height: 22px;
}

.list-group__header span {
	border-bottom: 3px solid #d5e0e8;
	font-weight: 600;
	padding-bottom: 10px;
}

.list-group__items {
	padding: 0;
	list-style-type: none;
	margin: 0;
	margin-top: 0px;
	margin-top: 1em;
}

footer .list-group__item {
	font-size: .9em;
}

.footer__list-group {
	width: 20%;
}

.list-group__item {
	margin-bottom: 1em;
}

.list-group__item a {
	color: #005c9c;
	text-decoration: none;
}

.footer .list-group__item {
	font-size: .9em;
}

.footer__wrapper {
	border-top: 1px solid #D5E0E8;
	border-bottom: 1px solid #D5E0E8;
}

.footer__info-container {
	border-top: 1px solid #d5e0e8;
	color: #838A8F;
	margin: 2em 0;
	padding-top: 1em;
	font-size: .9em;
}

.footer__info-group {
	position: relative;
	padding-left: 21px;
	padding-right: 21px;
	float: left;
	padding-left: 0;
	padding-right: 0;
}

.footer__info-group {
	width: 50%;
}

.footer__info-group:last-of-type {
	text-align: right;
}

.footer__info-container a,
.footer__info-container a:visited,
.footer__info-container a:active {
	color: #838A8F;
}

footer {
	background-color: #edf2f5;
	padding-bottom: 5em;
	position: relative;
	z-index: 2;
}

.section-dns-breadcrumb .breadcrumb {
	background: transparent;
}

.post-title_style-1 {
	margin-bottom: 15px;
}

.figure.post-lager-image {
	width: 100%;
	clear: both;
}

.figure.post-lager-image img {
	width: 100%;
}

.post-main-content {
	padding: 15px 0;
}

.post-author {
	background: #1B2029;
	color: #9AA9B7;
	padding: 25px 15px;
}

.post-author a {
	font-size: 18px;
	color: #fff;
}

.post-date {
	color: #555;
	border-bottom: 1px solid #D5E0E8;
	padding: 15px 0;
}

.social-share-post {
	padding: 10px 0;
}

.social-share-post a {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 50%;
	line-height: 40px;
	margin-right: 10px;
	color: #fff;
}

.social-share-post a.face-share {
	background: #2d447f;
	color: #fff;
}

.face-twitter {
	background: #1d92c1;
}

.face-instagram {
	background: #007bb6;
}

.list-group__header {
	padding-bottom: 0;
}

.further-reading__header-title {
	border-top: 3px solid #141414;
	border-bottom: 1px solid #d5e0e8;
	font-size: 1.3em;
	margin-top: 0;
	font-weight: normal;
	border-bottom: none;
	padding: 15px 0;
}

.further-reading__header-title {
	font-size: 24px;
	font-weight: 300;
}

.widget-sidebar {
	position: relative;
	clear: both;
	margin-top: 15px;
	width: 100%;
	float: left;
}

.list-post-widget .placeholder {
	max-width: 95px;
	float: left;
}

.list-post-widget .tout__details {
	float: right;
	clear: none;
	width: calc(100% - 115px);
	padding: 0;
}

.list-post-widget .tout__title {
	margin: 0;
}

.list-post-widget article {
	width: 100%;
	float: left;
	padding: 15px 0;
	border-bottom: 1px solid #D5E0E8;
}

.list-post-widget .tout__title {
	margin: 0;
	font-size: 16px;
	line-height: 22px;
}

ul.ruby-menu > li > a.root-item {
	font-weight: 700;
	text-transform: none;
	font-size: 17px;
}

.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item {
	color: #005c9c;
}

.section-dns-breadcrumb {
	padding-top: 25px;
}

.articles-header {
	background: url('images/breadcrumb_bg.jpg') no-repeat center;
	background-size: auto;
	background-size: auto;
	background-size: cover;
	color: #fff;
	margin-bottom: 2em;
}

.agenda-title::before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 90px;
}

.articles-description {
	font-size: 1.375em;
	margin-bottom: 4.5em;
}

.agenda-title {
	font-size: 58px;
	margin-bottom: 25px;
}

.tout__link {
	cursor: pointer;
	height: 100%;
}

.link_flex {
	display: flex;
	flex-direction: column;
}

.tout--large .placeholder {
	float: left;
	width: 47%;
	margin-right: 2.25em;
}

.home-more-post article {

	border-bottom: 1px solid #d5e0e8;

}

.placeholder.medium .placeholder-inner {
	padding-bottom: 60.8247%;
}

.tout__description {
	color: #000;
	-webkit-box-flex: 1;
	flex-grow: 1;
}

.agenda-lastest.tout--large .tout__title {
	font-size: 22px;
}

.tout {
	margin-top: 0.75em;
	padding-bottom: 0.75em;
	border-bottom: 1px solid #d5e0e8;
}

.item-lastest-agenda {
	float: left;
	width: 100%;
	border-bottom: 1px solid #d5e0e8;
	padding: 15px 0;
}

.tout__link.tout__link--selected .placeholder::before,
.tout__link:hover .placeholder::before {
	opacity: 0.15;
}

.item-post-agenda article::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-right: 1px solid #d5e0e8;
}


.more-items-button {
	clear: left;
	border: 1px solid #d5e0e8;
	border-radius: 4px;
	padding: 1em 1.5em 1em 1.5em;
	margin: 2em 0;
	text-align: left;
	display: block;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	color: #005c9c;
}


.more-items-button {
	display: inline-block;
	width: auto;
	text-align: center;
	float: right
}

.more-items-button img {
	position: relative;
	right: 0;
	top: 0.15em;
	float: right;
}

.more-items-button img {
	position: relative;
	left: .75em;
}

.tout__details.detail-left {
	clear: none;
	width: auto;
	padding: 0;
}

.col-sm-4.col-xs-12.item-post-agenda article {
	border-bottom: 0;
}

.item-post-agenda .tout__title {
	height: 56px;
	overflow: hidden;
}

.item-report-list .tout__title {
	font-size: 18px;
}

.item-report-list {
	margin-bottom: 15px;
}

.tout-bottom-border:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-bottom: 1px solid #d5e0e8;
}

.tout-right-border {
	border-bottom: none;
}

.over-hidden {
	overflow: hidden
}

.tout-right-border:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-right: 1px solid #d5e0e8;
}

.reports-list {
	overflow: hidden
}

.container-post {
	margin-right: -1px;
	display: flex;
	flex-wrap: wrap;
}

.item-grid {
	margin-bottom: 25px
}

.page-title.col-lg-12 {
	padding-top: 25px;
	padding-bottom: 25px;
}

.report__meta .list-group__header {
	margin-bottom: 0.5rem;
	color: #141414;
	line-height: 37px;
}

.list-group__header span {
	border-bottom: 3px solid #d5e0e8;
	font-weight: 600;
	padding-bottom: 10px;
}

.report__meta-header {
	color: #84919c;
	font-size: 0.875em;
	line-height: 1.4;
	font-weight: 600;
	margin-bottom: 0.5em;
	padding-top: 0.1em;
}

.report__actions-container {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}

.report__action {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: .8em .75em;
	border: 1px solid #d5e0e8;
	text-decoration: none;
	margin-bottom: .85em;
	color: #005c9c;
	font-weight: 600;
	border-radius: 5px;
}

.report__action img {
	position: absolute;
	right: .75em;
}

.report__social-sharing {
	position: relative;
	top: 1em;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.column-bottom-border {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	height: 1px;
	border-bottom: 1px solid #d5e0e8;
}

.report-inline {
	background: #d5e0e8;
	height: 1px;
	margin-bottom: .5em;
}

.report__meta-header {
	color: #84919c;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 600;
	margin-bottom: 0.5em;
	padding: 10px 0;
}

.report__social-icons {
	position: relative;
	top: 0.25em;
	margin-bottom: 1em;
}

.social-share--container {
	display: inline-block;
	margin-right: 0.4375em;
	margin-bottom: 0.3125em;
}

.report-title {
	margin-bottom: 25px;
	font-size: 32px;
}

.report__meta-description {
	font-size: 13px;
}

.page__sidebar {
	position: relative;
	float: left;
}

.page__items {
	padding: 0;
	list-style-type: none;
	margin: 0;
	margin-bottom: 0px;
	margin-bottom: 1em;
}

.page__item--active-parent {
	border-bottom: 0;
	padding-bottom: 0;
}

.page__item--active-container {
	border-bottom: 1px solid #d5e0e8;
	padding: .875em 0;
	padding-top: 0.875em;
	padding-top: 0;
}

.page__item {
	border-bottom: 1px solid #d5e0e8;
	padding: .875em 0;
	padding-left: 0px;
}

.list-group__header {
	border-bottom: 1px solid #d5e0e8;
	padding-bottom: 10px;
	font-size: 1em;
}

.page__item--subitem {
	background: url(images/chervon.svg) no-repeat center left;
	padding-left: 1.2em;
}

.page__item a {
	color: #005c9c;
	text-decoration: none;
}

.page__header {
	font-weight: 600;
	font-size: 2.25em;
	margin-bottom: .5em;
}

.about-title {
	margin-bottom: 25px;
	font-size: 22px;
}

.page__item.page__item--active-parent {
	border-bottom: 0;
}

.events-header {
	border-top: 3px solid #141414;
	padding-top: .2em;
	border-bottom: 1px solid #d5e0e8;
	padding-bottom: 10px;
	font-size: 1.3em;
	padding-bottom: .375em;
	padding-right: 2em;
	margin-top: 0;
	font-weight: normal;
	margin-bottom: .75em;
}

.tout--hero .tout__details,
.tout--medium_hero .tout__details {
	position: absolute;
	bottom: 3.5rem;
	left: 1rem;
	right: 1rem;
	color: #fff;
	z-index: 1;
}

.tout--hero .placeholder::before,
.tout--medium_hero .placeholder::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #1b202900;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(27, 32, 41, 0)), to(#1b2029));
	background-image: linear-gradient(to bottom,
		#1b202900 45%,
		#1b2029 100%);
	background-color: #1b20290d;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
@media all and (min-width: 768px) {
	.tout--hero .tout__link:hover .tout__title,
	.tout--medium_hero .tout__link:hover .tout__title {
		color: #fff;
		opacity: 0.85;
		font-size: 3.25em;
		margin-right: 20%;
		margin-top: 0;
		font-weight: 600;
		z-index: 999;
	}
}
.tout--hero .tout__title,
.tout--medium_hero .tout__title {
	margin-right: 20%;
	font-size: 3.25em;
	color: #fff;
	line-height: 48px;
	margin-bottom: 25px;
}

.tout--hero .caption,
.tout--medium_hero .caption {
	color: #fff;
	opacity: 0.65;
}

.caption {
	color: #84919c;
	font-size: 0.875em;
	line-height: 1.4;
}

.tout--hero .tout__details,
.tout--medium_hero .tout__details {
	color: #fff;
}

.event-template article.tout.tout--hero.tout--event {
	position: relative;
}


.past-events-button {
	border: 1px solid #d5e0e8;
	border-radius: 4px;
	padding: 1em 1.5em 1em 1.5em;
	margin: 2em 0;
	text-align: left;
	display: block;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	color: #005c9c;
}

.past-events-button {
	display: inline-block;
	width: auto;
	text-align: center;
}

.past-events-button img {
	position: relative;
	right: 0;
	top: 0.15em;
	float: right;
	position: relative;
	left: .75em;
}

.community-summary {
	position: relative;
	float: left;
	overflow: hidden;
	margin-bottom: 42px;
}

.community-summary a {
	color: #141414;
	text-decoration: none;
}

.community-summary__image::after {

	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff0;

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.6)));

	background-image: linear-gradient(to bottom,
		#fff0 50%,

		#0009 100%);

}

.community-summary__image {
	position: relative;
}

.summary__title {
	font-weight: 600;
	color: #141414;
	margin-bottom: 0.35em;
	padding-top: 1em;
	font-size: 1.43em;
}

.community-summary__title {
	position: absolute;
	bottom: 10px;
	left: 42px;
	color: #fff;
	right: 20%;
}

.filter {
	position: absolute;
	width: 100%;
	background-color: #eef2f5;
	z-index: 9;
	background: none;
}

.filter__selector-row {
	border-bottom: 1px solid #d5e0e8;
	color: #005c9c;
	position: relative;
	display: block;
	background: #eef2f5;
	line-height: 1.45;
}

.filter__path {
	font-weight: 600;
	padding-top: 1em;
	padding-bottom: 1em;
}

.filter__parent-category {
	display: inline-block;
}

.filter__path > span {
	padding-right: 0.5em;
}

.filter__category-arrow {

	padding-left: 0.5em;
	padding-right: 0.5em;
	display: inline-block;
}

.community-header::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.6)));
	background-image: linear-gradient(to bottom,
		#fff0 35%,
		#0009 100%);
}

.community-wrapper {
	height: 350px;
	position: relative;
}

.community-header__content {
	width: 70%;
	position: absolute;
	color: #fff;
	bottom: 10px;
	left: 0;
	z-index: 2;
}

.page-title {
	font-size: 3.24em;
	margin-bottom: .5em;
	font-weight: 600;
}

.community-header {
	position: relative;
	padding-top: 4em;
	background-color: #4E5F5E;
	background-size: cover;
	background-position: center;
}

.sub-title em {
	font-style: normal;
	color: #84919c;
	display: inline-block;
}

.event-header--full::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #101825b3;
}

.event-header {
	padding-top: 2em;
	position: relative;
}

.event-header--full {
	padding-bottom: 2em;
	background-color: #101825;
	background-color: #101825bf;
	background-size: cover;
	background-position: center;
	color: #fff;
}

.event-meta {
	text-align: right;
	position: relative;
	z-index: 1;
}

.event-header--full .event-dates {
	margin-bottom: 2em;
}

.event-meta .event-dates span {
	display: block;
	font-size: 0.875em;
	line-height: 1.375em;
}

.event-header.event-header--full .page-title {
	position: relative;
}

.subnav {
	border-bottom: 1px solid #d5e0e8;
	margin-bottom: calc(2em - 1px);
}

.subnav-links-wrapper {
	position: relative;
}

.subnav-links-wrapper::before {
	background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(to right,
		#fff 0%,
		#fff0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
	left: 0;
}

.subnav-links-wrapper::before,
.subnav-links-wrapper::after {
	content: "";
	width: 21px;
	position: absolute;
	top: 0;
	bottom: 0;
}

.subnav-links-wrapper::after {
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(99%, white), to(white));
	background: linear-gradient(to right,
		#fff0 0%, #fff 99%,
		#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff}', endColorstr='#ffffff', GradientType=1);
	right: 0;
}

.subnav-links {
	padding: 0;
	list-style-type: none;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.subnav-link-item {
	margin-right: 1.1em;
	white-space: nowrap;
}

.subnav-link-item:first-child {
	margin-left: 21px;
}

.subnav-link-item:last-child::after {
	content: " ";
	display: inline-block;
	width: 1rem;
}

.subnav-link {
	font-weight: 600;
	line-height: 2.6em;
	display: inline-block;
	border-bottom: 5px solid transparent;
	border-bottom-color: transparent;
	-webkit-transition: border-color 0.2s ease-in-out;
	transition: border-color 0.2s ease-in-out;
}

.subnav-link.is-active {
	border-color: #005c9c;
	cursor: default;
}

.page--person-profile .placeholder {
	height: 133px;
	padding-bottom: 0;
	width: 133px;
	position: relative;
	overflow: hidden;
	background: none;
}

.page--person-profile .person__meta {
	margin-top: 0;
}

.page.page--person-profile.person {
	padding-bottom: 25px;
	overflow: hidden;
}
.platform-body img {
	height: auto !important;
}
@media all and (max-width: 767px) {
	body {
		font-size: 16px;
	}
	.first-info h3 {

		color: #000;
		font-size: 24px;
		line-height: 26px;
		margin-bottom: 15px;
		font-weight: 600;

	}
	.main-content-wrap.padding-35.event-template {
		padding: 0;
	}
	.section-dns-breadcrumb {
		padding-top: 25px;
		display: none;
	}
	.post-detail-agenda {
		padding-top: 15px;
	}
	.post-detail-agenda .post-title_style-1 {
		font-size: 26px;
		font-weight: 600;
	}
	.secont-post .tout__title {

		margin: 0;
		margin-bottom: 0px;
		line-height: 22px;
		margin-bottom: 10px;

	}
	.secont-post {
		clear: both;
		width: 100%;
		float: left;
		border-bottom: 1px solid #ddd;
		padding: 15px 0;
	}
	.secont-post .placeholder.small {
		float: left;
		max-width: 125px;
		margin: 0 10px 0 0;
	}
	.secont-post .tout__details {
		display: block;
		float: left;
		clear: none;
		width: calc(100% - 135px);
		margin: 0;
		padding: 0;
	}
	.reports-list .tout__link.link_flex {
		display: block;
	}
	.reports-list .placeholder.small {
		float: left;
		width: 125px;
		margin-right: 10px;
	}
	.reports-list .tout__details {
		clear: none;
		float: left;
		padding: 0;
		display: block;
		width: calc(100% - 135px);
	}
	.tout__title {
	}
	.reports-list .item-report-list.tout-right-border {
		border-bottom: 1px solid #ddd;
		margin: 0;
		padding: 15px;
	}
	.item-report-list .tout__title {
		font-size: 16px;
		margin-top: 0;
		line-height: 22px;
	}
	.report-title {
		margin-bottom: 25px;
		font-size: 18px;
	}
	.community-summary__title {
		position: absolute;
		bottom: 10px;
		left: 20px;
		color: 
		#fff;
		right: 20px;
		font-size: 15px;
		line-height: 18px;
	}
	.post-title_style-1 {
		font-size: 18px;
	}

	.tout--large .placeholder {

		float: left;
		width: 125px;
		margin-right: 15px;

	}
	.tout__topic.caption {

		color: 

		#005c9c;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 16px;
		display: none;

	}
	.agenda-lastest.tout--large .tout__title {

		font-size: 16px;
		line-height: 22px;
		margin-top: 0;

	}
	.tout__description {

		color: 

		#000;
		-webkit-box-flex: 1;
		flex-grow: 1;
		display: none;

	}
	.tout__details.detail-left {

		clear: none;
		width: auto;
		padding: 0;

	}

	.list-post-agenda-cate .placeholder.small {
		float: left;
		width: 125px;
		margin-right: 15px;
	}
	.list-post-agenda-cate .tout__details {
		width: auto;
		clear: none;
		padding: 0;
	}
	.list-post-agenda-cate .tout__title {
		margin-top: 0;
	}
	.list-post-agenda-cate .tout.tout--default.tout--article {
		border-bottom: 1px solid #ddd;
		padding: 10px 0;
	}
	.agenda-home .agenda-title {
		font-size: 32px;
		margin-bottom: 25px;
		margin-top: 25px;
	}
	.agenda-home .articles-description {
		font-size: 15px;
		margin: 0 0 25px;
	}
	.agenda-home .agenda-title:before {
		display: none;
	}
	.future-event .tout__link.link_flex {

		display: block;

	}
	.future-event .placeholder.small {

		float: left;
		max-width: 125px;
		margin: 0 10px 0 0;
		clear: none;

	}
	.future-event .tout__details {

		clear: none;
		display: block;
		width: calc(100% - 135px);
		padding: 0;
		float: left;

	}
	.future-event .tout__title {

		margin: 0;

	}

	.future-event .tout__topic.caption {

		display: none;

	}
	.future-event .tout__description {

		display: none;

	}
	.first-event .tout--hero .placeholder::before {
		display: none;
	}
	.first-event .tout__details {
		position: static;
		display: block;
	}
	.first-event .tout__title {
		color: #000;
		width: 100%;
		margin: 0;
		font-size: 18px;
		display: block;
		line-height: 22px;
	}
	.first-event .caption {
		color: #555;
		margin-top: 15px;
	}
	.community-wrapper {
		height: 200px;
		position: relative;
	}
	.community-header__content {
		width: 100%;
	}
	.page-title .community__formatted-title {
		font-size: 24px;
		font-weight: bold;
		display: block;
	}
	.community-header__content .page-title {
	}
	.filter a {
		font-size: 13px;
	}
	.filter__path > span {
		padding-right: 0.5em;
		font-size: 13px;
	}
	.site-logo {
		float: none;
		margin: 15px 0;
	}
	.site-logo img {
		max-width: 75px;
	}
	.container.header-content {
		display: block;
		text-align: center;
	}
	.footer__list-group {
		width: 100%;
	}
	.footer__newsletter {
		width: 100%;
		position: relative;
		float: left;
		padding: 10px 0 0 0;
	}
	.newsletter__form__field {
		position: static;
		width: 100%;
	}
	.newsletter__callout {
		width: 100%;
		float: left;
	}
	.footer__form {
		float: left;
		width: 100%;
	}
	.footer__form__input {
		width: calc(100% - 95px);
	}
	.footer__socialmedia {
		width: 50%;
		position: relative;
		float: left;
		padding: 0;
		width: 100%;
	}
	footer .list-group {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.footer__info-container {
		border-top: 1px solid #d5e0e8;
		color: #838A8F;
		margin: 2em 0;
		padding-top: 1em;
		font-size: .9em;
		padding-left: 15px;
		padding-right: 15px;
	}
	.first-img::before {
		display: none;
	}
	.first-info {

		position: static;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		padding: 0;
		background: 

		#fff;
		margin-top: 15px;
		margin-bottom: 15px;

	}
	.first-info h3 {

		color: 

		#000;
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 15px;

	}

	.video-home .placeholder {
		float: left;
		max-width: 120px;
		margin-right: 10px;
	}
	.video-home .tout__details {
		display: block;
		float: left;
		width: calc(100% - 130px);
		clear: none;
		padding-top: 0;
	}
	.video-home .tout__details h3 {
		margin-top: 0;
	}
	.video-home {
		padding: 10px 0;
		border-bottom: 1px solid #ddd;
		clear: both;
		float: left;
		width: 100%;
	}
	.highlight-item figure {

		float: left;
		max-width: 30%;
		margin-right: 15px;

	}
	.highlight-item .tout__details {

		float: left;
		width: calc(70% - 15px);
		padding: 0;
		clear: none;

	}
	.highlight-item .tout__details h3.tout__title {

		font-size: 18px;
		margin-top: 0;

	}
	.subnav {

		border-bottom: 1px solid 

		#d5e0e8;
		margin-bottom: calc(2em - 1px);
		display: none;

	}
	.event-header .page-title {

		font-size: 22px;
		margin-bottom: .5em;
		font-weight: 600;

	}
	
	#mm-bs-navbar {
		background: #eef2f5;
	}
	#mm-bs-navbar .mm-listview li a {
		color: #005c9c;
		font-weight: 600;
	}
	#mm-bs-navbar li {
	}
}

.body-responsive img {
	height: auto !important;
}
.search__content::after {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 50px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(transparent));
	background-image: linear-gradient(-180deg, 
		#0000004d,
		transparent 100%);
}
.search-bar-container {
	position: relative;
	padding-left: 21px;
	padding-right: 21px;
	float: left;
	margin-top: 4em;
	margin-bottom: 6em;
	width: 100%;
}
.search__content {
	display: none;
	margin-bottom: 3em;
	padding-top: 1em;
}
.search-container .search__content {
	position: absolute;
	width: 100%;
	background-color: 
	#eef2f5;
	z-index: 100;
}

.search-bar {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	background-color: transparent;
	font: inherit;
	font-weight: inherit;
	font-size: inherit;
	background-color: 
	#fff;
	color:
	#141414;
	font-size: 2em;
	font-weight: 300;
	padding: .75em .5em;
	width: 100%;
	border-radius: 8px;
	border: 1px solid
	#d5e0e8;
}
.form-submit {
	background: 0;
	border: 0;
	padding: 0;
}
.search-bar-container .form-submit {
	position: absolute;
	width: 28px;
	right: 3em;
	top: 1.75em;
}
.form-submit img {
	width: 100%;
}

.ruby-menu-right.ruby-menu-social.search-li {
	height: 100%;
	line-height: 100%;
}
ul.ruby-menu > li.search-li > a > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
a {
}
.ruby-menu-right.ruby-menu-social.search-li a {
	display: block;
	height: 100px;
	position: relative;
}
ul.ruby-menu > li.ruby-menu-right.login-li a {
	position: relative;
	height: 100px;
	width: 100px;
}
ul.ruby-menu > li.ruby-menu-right.login-li a button {
	background: #fff;
	border: 1px solid #d5e0e8;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	text-align: center;
	line-height: 32px;
	padding: 7px 20px;
	font-size: 13px;
	letter-spacing: 1px;
}
.ruby-menu-right.ruby-menu-social.login-li a:hover {
	background: transparent;
}
.ruby-menu-right.ruby-menu-social.login-li a button:hover {
	color: #fff;
	background: #005c9c;
	border-color: transparent;
}

.search__content::after {

	content: ' ';
	position: absolute;
	width: 100%;
	height: 50px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(transparent));
	background-image: linear-gradient(-180deg, 

		#0000004d,

		transparent 100%);

}
.search-container.row.show-search .search__content {

    height: auto !important;
    width: 100%;
    padding-top: 1em !important;
    overflow: initial !important;

}

#main_menu * {
    transition: none;
}
@media all and (max-width: 768px) {
    header, footer {
        overflow: hidden;
    }
}