/*	################################################################

	CSS OVERVIEW 	



	1. GENERAL

	2. HEADER

	3. MAIN

	4. FOOTER

	...


################################################################# */



/*==========================================================

	1. GENERAL

==========================================================*/

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

font,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td {

    border: 0;

    font-size: 100%;

    margin: 0;

    outline: 0;

    padding: 0;

    vertical-align: baseline;

}

body {

    font-size: 18px;

    line-height: 24px;

    color: #313133;

    font-family: 'Roboto', sans-serif;

    font-weight: normal;
}

h1 {

    font-size: 32px;

}

h2 {

    font-size: 24px;

}

h3 {

    font-size: 20px;

}

h4 {

    font-size: 16px;

}

h5 {

    font-size: 14px;

}

h6 {

    font-size: 12px;

}

img {

    border: none;

    max-width: 100%;

    height: auto;

}

a {
    color: #313133;
    text-decoration: none;

}

li {

	list-style-type: none;

}

a:hover {
	color: #009CE1;
	text-decoration: none;
}

a:focus {
    color: inherit;
    text-decoration: none;
    outline: none;

}

a,

button,

input {

    transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

}

input {

    appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -webkit-appearance: none;

    -o-appearance: none;

}

input[type=text],

input[type=email],

input[type=tel],

input[type=password],

input[type=number],

input[type=search],

textarea {

    border: 1px solid #d5d5d5;

    padding: 8px 15px;

    font-size: 14px;

    color: #757575;

    border-radius: 0;

}

button,

input[type=text]:focus,

input[type=email]:focus,

input[type=tel]:focus,

input[type=password]:focus,

input[type=number]:focus,

input[type=search]:focus,

textarea:focus {

    border-color: #e31e1e;

    outline: none;

}

.table>tbody>tr>td,

.table>tbody>tr>th,

.table>tfoot>tr>td,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>thead>tr>th {

    border-color: #FCD998;

}

iframe {

    max-width: 100%;

}

.container {
	max-width: 1550px;

}

/*==========================================================

	2. HEADER

==========================================================*/
.site-header {
	position: relative;
	border-bottom: 1px solid #707070;
}
.site-header .container {
	display: flex;
	justify-content: space-between;
}

.site-header .site-brand {
	padding: 30px 0 17.5px;
	margin-right: 200px;
}

.site-header .site-brand img {
    max-width:300px;
}
.site-header .site-brand a {
	display: inline-block;
	vertical-align: middle;
}
.menu-right .menu-search {
	padding-top: 19px;
	margin-bottom: 28px;
}

.menu-right .menu-search form {
	display: flex;
	justify-content: flex-end;
}
.menu-right .menu-search form input {
	border: none;
	font-size: 14px;
	color: #C6C3C3;
	line-height: 19px;
	padding: 0;
	margin-right: 9px;
	max-width: 45px;
}
.menu-right .menu-search form button {
	background: none;
	border: none;
	display: inline-block;
	text-align: right;
	padding: 0;
}
.menu-right .main-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 18px;
}
.menu-right .main-menu ul {
	display: flex;
	margin-right: 240px;
}
.menu-right .main-menu ul li {
	margin-right: 70px;
}
.menu-right .main-menu ul li:last-child {
	margin-right: 0;
}
.menu-right .main-menu ul li a {
	color: #313133;
	font-weight: 500;
	letter-spacing: 0.035em;
	display:block;
}
.menu-right .main-menu > ul > li > a:hover {
	border-bottom: 3px solid #009CE1;
}
.menu-right .main-menu .menu-dropdown form {
	position: relative;
	border-radius: 20px;
	border: 1px solid #707070;
	background: #F5F2F2;
	height: 31px;
	line-height: 29px;
	padding: 0 12px 0 17px;
	display: flex;
	align-items: center;
}
.menu-right .main-menu .menu-dropdown form:after {
	content: '';
	background-image: url(../images/dropdown-icon.png);
	width: 9px;
	height: 7px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 12px;
}
.menu-right .main-menu .menu-dropdown form label {
	font-size: 14px;
	line-height: 19px;
	font-weight: 500;
	margin-right: 5px;
}
.menu-right .main-menu .menu-dropdown form select {
	border: none;
	font-size: 14px;
	line-height: 19px;
	padding-right: 70px;
	background: none;
	color: #313133;
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}
.main-menu .sub-menu {
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	width: 100%;
	background: #fff;
	margin-top: 20px;
	opacity: 0;
	/*border-top: 1px solid #707070;*/
	visibility: hidden;
	z-index: 3000;
	transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    padding: 54px 0 64px;
}
.main-menu li:hover > .sub-menu {
	margin-top: 0;
	opacity: 1;
	visibility: visible;
}
.main-menu .sub-menu .sub-menu-list {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.main-menu .sub-menu .sub-menu-list .sub-menu-item {
	width: calc(50% - 20px);
	background: #F9FAFC;
	padding: 16px 91px 33px;
	text-align: center;
}
.main-menu .sub-menu .sub-menu-list .sub-menu-item h3.title {
	font-size: 20px;
	line-height: 22px;
	color: #009CE1;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 16px;
	border-bottom: 1px solid #009CE1;
	margin-bottom: 23px;
	font-family: 'Kallisto';
	font-weight: bold;
    font-style: normal;
}
.main-menu .sub-menu .sub-menu-list .sub-menu-item ul {
	display: block;
	margin-right: 0;
}
.main-menu .sub-menu .sub-menu-list .sub-menu-item ul li {
	font-size: 16px;
	line-height: 36px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 0;
}
.main-menu .sub-menu .sub-menu-list .sub-menu-item ul li a {
	font-size: 16px;
}
.main-menu .sub-menu .sub-menu-list .sub-menu-item ul li a:hover {
	color: #009CE1;
}
.main-menu .sub-menu .list-thumbnail {
	display: flex;
	max-width: 1262px;
	margin: 0 auto;
	justify-content: space-between;
}
.main-menu .sub-menu .list-thumbnail .item {
	width: calc(25% - (34px * 3 / 4));
	position: relative;
}
.main-menu .sub-menu .list-thumbnail .item a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(49, 49, 51, 0.4);
}
.main-menu .sub-menu .list-thumbnail .item h4 {
	font-size: 20px;
	line-height: 22px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	bottom: 22px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	font-family: 'Kallisto';
	font-weight: bold;
    font-style: normal;
}
.mobile-menu {
    display: none;
    color: #000;
    width: 30px;
    height: 22px;
    position: absolute;
    right: 15px;
    top: 53%;
    z-index: 10000;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.mobile-menu span {
    display: block;
    background: #313133;
    width: 30px;
    height: 1px;
    position: absolute;
    border-radius: 10px;
    transition: .5s;
}
.mobile-menu span.bar1 {
    top: 0;
}
.mobile-menu span.bar2 {
    top: 10px;
}
.mobile-menu span.bar3 {
    top: 20px;
}
.mobile-menu.change span.bar1 {
    top: 10px;
    transform: rotate(135deg);
}
.mobile-menu.change span.bar2 {
    width: 0;
    opacity: 0;
}
.mobile-menu.change span.bar3 {
    top: 10px;
    transform: rotate(-135deg);
}
/*==========================================================

	3. SITE-MAIN

==========================================================*/

/*home*/
.main-banner {
	background: #003587;
	padding-top: 252px;
	position: relative;
	overflow: hidden;
}
.banner-info {
	margin-bottom: 160px;
	position: relative;
	z-index: 1;
}
.banner-info .time {
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
	text-transform: uppercase;
	color: #009CE1;
	letter-spacing: 0.035em;
	margin-bottom: 9px;
} 
.banner-info h1 {
	max-width: 733px;
	color: #fff;
	font-size: 52px;
	line-height: 57px;
	font-weight: bold;
	margin-bottom: 10px;
}
.banner-info .desc-banner {
	max-width: 688px;
	color: #fff;
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 15px;
}
.banner-info a {
	display: inline-block;
	text-align: center;
	border-radius: 20px;
	background: #009CE1;
	color: #fff;
	padding: 0 28px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	font-weight: bold;
}
.main-banner .banner-image {
	position: absolute;
	bottom: 0;
	right: -110px;
}
/*.main-banner .banner-link {
	position: absolute;
	top: 13px;
	right: 39px;
	max-width: 288px;
}
.main-banner .banner-link a {
	font-size: 14px;
	line-height: 20px;
	color: #FF79FA;
}*/
.banner-news {
	position: relative;
	z-index: 1;
}
/*.banner-news .container > div.title {
	font-size: 16px;
	line-height: 21px;
	color: #FF00F5;
	text-align: center;
	margin-bottom: 27px;
}*/
.banner-news .list-news {
	display: flex;
	justify-content: space-between;
}
.banner-news .list-news .new-item {
	/*width: calc((100% / 3) - (40px * 2 / 3));*/
	display: flex;
	min-height: 157px;
}
.banner-news .list-news {
	margin: 0 -20px;
}
.banner-news .list-news .new-item {
	padding: 0 20px;
}
.banner-news .list-news .new-item .info h3.title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    height: 60px;
}
.banner-news .list-news .new-item > div {
	width: 50%;
}
.banner-news .list-news .new-item .image a {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}
.banner-news .list-news .new-item .image a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
} 
.banner-news .list-news .new-item .info {
	padding: 25px 25px 27px 20px;
	background: #009CE1;
}
.banner-news .list-news .new-item .info h3.title {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 12px;
}
.banner-news .list-news .new-item .info h3 a {
	color: #fff;
}
.banner-news .list-news .new-item .info a.read-more {
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	color: #fff;
	text-decoration: underline;
}
.about-home {
	padding: 104px 0 118px;
	text-align: center;
	background: #F9FAFC;
}
.about-home .content {
	max-width: 1208px;
	margin: 0 auto;
}
.about-home h2.title {
	font-size: 35px;
	line-height: 45px;
	color: #009CE1;
	font-weight: bold;
	margin-bottom: 18px;
	text-transform: uppercase;
	font-family: 'Kallisto';
	font-weight: bold;
    font-style: normal;
}
.about-home .note {
	font-size: 23px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 15px;
}
.about-home .desc-about {
	line-height: 24px;
	max-width: 1134px;
	margin: 0 auto 16px;
}
.about-home .our-vision {
	display: inline-block;
	width: 219px;
	border-radius: 20px;
	background: #009CE1;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	height: 42px;
	line-height: 42px;
}
a.button-read:hover {
	background: #307fa2;
}

/*news-room*/
.news-room {
	background: #F9FAFC;
	padding-bottom: 88px;
}
.news-room .container {
	display: flex;
	justify-content: space-between;
}
.news-room .content {
	max-width: 1132px;
	width: inherit;
}
.breadcrumbs {
	padding-top: 13px;
	margin-bottom: 19px;
	display: flex;
	flex-wrap: wrap;
}
.breadcrumbs li {
	padding: 0 4px;
	display: inline-block;
	font-size: 13px;
	line-height: 29px;
	color: #C6C3C3;
}
.breadcrumbs li:after {
	content: "|";
	display: inline-block;
	vertical-align: top;
}
.breadcrumbs li:last-child:after {
	display: none;
}
.breadcrumbs li a {
	color: #C6C3C3;
}
.top-newsroom-ct {
	margin-bottom: 31px;
	display: flex;
	justify-content: space-between;
}
h1.title {
	font-size: 35px;
	line-height: 45px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Kallisto';
	font-weight: bold;
    font-style: normal;
	color: #009CE1;
}
.top-newsroom-ct .form-search form {
	display: flex;
	align-items: center;
	max-width: 548px;
}
.top-newsroom-ct .form-search .select-form {
	width: 79px;
	position: relative;
	background: #F5F2F2;
}
.top-newsroom-ct .form-search .select-form:after {
	content: '';
    background-image: url(../images/dropdown-icon.png);
    width: 9px;
    height: 7px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
}
.top-newsroom-ct .form-search .select-form select {
	position: relative;
	padding: 0 9px;
	height: 31px;
	line-height: 31px;
	font-size: 14px;
	color: #313133;
	background: #F5F2F2;
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    border: none;
}
.top-newsroom-ct .form-search input {
	width: 436px;
	background: #fff;
	border: 1px solid #F4F4F4;
	padding: 0 20px 0 15px;
	height: 31px;
	line-height: 29px;
	font-size: 14px;
	color: #313133;
	border-left: none;
	border-right: none;
}
.top-newsroom-ct .form-search form button {
	background: #F5F2F2;
	text-align: center;
	display: inline-block;
	width: calc(100% - (79px + 436px));
	border: none;
	height: 31px;
	line-height: 31px;
}
.main-content {
	max-width: 1132px;
}
.main-content .big-news {
	margin-bottom: 46px;
}
.main-content .list-news {
	margin-bottom: 38px;
}
.big-news {
	display: flex;
	padding-bottom: 16px;
	border-bottom: 1px solid #E6E6E6;
}
.main-content .big-news:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
.big-left {
	max-width: 763px;
	padding-right: 23px;
	margin-right: 19px;
	border-right: 1px solid #E6E6E6;
}
.big-left .post-inner .post-thumb {
	margin-bottom: 24px;
}
.big-left .post-inner .post-info .post-meta {
	margin-bottom: 12px;
}
.big-left .post-inner .post-info .post-title {
	margin-bottom: 10px;
}
.smo-right .post-inner .post-thumb {
	margin-bottom: 20px;
}
.smo-right .post-inner .post-info .post-meta {
	margin-bottom: 13px;
}
.smo-right .post-inner .post-info .post-title {
	margin-bottom: 10px;
}
.post-inner .post-info .post-meta {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 19px;
	letter-spacing: 0.035em;
	color: #009CE1;
	display: flex;
	align-items: center;
}
.post-inner .post-info .post-meta .post-cate {
	padding-right: 4px;
	margin-right: 4px;
	color: #009CE1;
} 
.post-inner .post-info .post-meta .post-cate:after {
	content: "|";
	display: inline-block;
}
.post-inner .post-info .post-title {
	font-size: 23px;
	line-height: 28px;
	font-weight: bold;
}
.post-inner .post-info .post-desc {
	font-size: 18px;
	line-height: 24px;
}
.list-news {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -21px;
}
.list-news .post-inner {
	width: calc(100% / 3);
    padding: 0 21px;
}
.list-news .post-inner .post-thumb {
	margin-bottom: 18px;
}
.list-news .post-inner .post-info .post-meta {
	margin-bottom: 15px;
}
.list-news .post-inner .post-info .post-title {
	margin-bottom: 4px;
}
.smo-right {
	width: calc(100% - 779px);
}
.smo-right .post-inner:first-child {
	padding-bottom: 33px;
	margin-bottom: 26px;
	border-bottom: 1px solid #E6E6E6;
}
.sidebar {
	width: 220px;
	padding-top: 94px;
}
.sticky-top {
	top: 20px;
}
.sidebar .sidebar-item {
	margin-bottom: 40px;
}
.sidebar .sidebar-item h3.title {
	font-size: 15px;
	line-height: 1;
	padding-bottom: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #009CE1;
	letter-spacing: 0.035em;
	border-bottom: 2px solid #009CE1;
}
.sidebar .sidebar-item ul li {
	font-size: 14px;
	padding: 11px 0 10px;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: 1px solid #E6E6E6;
}
.sidebar .sidebar-item ul li a {
	line-height: inherit;
	display: flex;
}
.sidebar .sidebar-item ul li a img {
	margin-right: 14px;
	height: max-content;
}
.program {
	padding: 39px 0;
	background: #009CE1;
}
.program .content {
	max-width: 770px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.program h2 {
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	font-weight: bold;
	margin-right: 17px;
}
.program a.explore {
	width: 154px;
	height: 42px;
	line-height: 42px;
	background: #fff;
	border-radius: 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
}
/*news-room-article*/
.news-room-detail .container {
	display: flex;
	justify-content: space-between;
}
.news-room-detail .container .content {
	max-width: 1002px;
	width: inherit;
}
.main-content-detail {
	margin-top: 50px;
	margin-bottom: 90px;
	padding-left: 132px;
}
.post-meta-detail {
	font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 19px;
    letter-spacing: 0.035em;
    color: #009CE1;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.post-meta-detail li {
	padding-right: 4px;
    margin-right: 4px;
}
.post-meta-detail li:after {
	content: "|";
    display: inline-block;
}
.post-meta-detail li:last-child:after {
	display: none;
}
.post-meta-detail li:last-child {
	padding-right: 0;
    margin-right: 0;
}
.post-meta-detail li a {
	color: #009CE1;
}
.main-content-detail .post-content {
	margin-bottom: 20px;
}
.main-content-detail .post-content h1.post-title {
	font-size: 52px;
	line-height: 57px;
	font-weight: bold;
	margin-bottom: 17px;
}
.main-content-detail .post-content h2 {
	font-size: 23px;
	line-height: 29px;
	font-weight: normal;
	padding-bottom: 39px;
	margin-bottom: 32px;
	border-bottom: 1px solid #E6E6E6;
}
.main-content-detail .post-content .note {
	font-size: 15px;
	line-height: 29px;
	color: #C6C3C3;
	margin-bottom: 30px;
}
.main-content-detail .post-content p {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
}
.main-content-detail .post-content h3 {
	font-size: 23px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #009CE1;
}
.main-content-detail .post-content ul {
	margin-bottom: 12px;
	padding-left: 18px;
}
.main-content-detail .post-content ul li {
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 24px;
	list-style-type: circle;
}
.main-content-detail .post-content ul li::marker {
	color: #313133;
}
.main-content-detail .post-content strong {
	font-weight: bold;
}
.main-content-detail .social-network {
	display: flex;
	margin-bottom: 42px;
	display: none;
}
.main-content-detail .social-network li {
	margin-right: 11px;
}
.main-content-detail .social-network li:last-child {
	margin-right: 0;
}
.back-newsroom a {
	display: flex;
	align-items: center;
}
.back-newsroom .circle {
	display: inline-block;
	text-align: center;
	width: 29px;
	height: 29px;
	border-radius: 50%;
	background: #313133;
	line-height: 29px;
	margin-right: 14px;
	padding-right: 3px;
} 
.back-newsroom .text {
	font-size: 17px;
	line-height: 21px;
	font-weight: bold;
}
.related-post {
	padding-bottom: 114px;
}
.relate-post-content {
	padding-left: 132px;
	max-width: 1392px;
}
.relate-post-content .related-post-encircle {
	border-top: 1px solid #C6C3C3;
}
.list-relate-post {
	display: flex;
	max-width: 1132px;
	padding-top: 46px;
	margin: 0 -21px;
}
.related-post .post-inner {
	width: calc(100% / 3);
    padding: 0 21px;
}
.related-post .post-inner .post-thumb {
	margin-bottom: 18px;
}
  .post-inner .post-meta {
	margin-bottom: 15px;
}
.related-post .post-inner .post-info .post-meta .post-cate:after {
	display: none;
}
.related-post .post-inner .post-title {
	margin-bottom: 16px;
}
.sidebar-detail .sidebar-item {
	margin-bottom: 0;
	padding-bottom: 12px;
	border-bottom: 2px solid #009CE1;
}
.sidebar-detail form {
	display: flex;
	justify-content: space-between;
}
.sidebar-detail form input {
	width: 190px;
	height: 31px;
	font-size: 14px;
	line-height: 31px;
	padding: 0 8px;
	border: 1px solid #F4F4F4;
	border-right: 0;
}
.sidebar-detail form button {
	width: calc(100% - 190px);
	display: inline-block;
	text-align: center;
	border: none;
	background: #F5F2F2;
	height: 31px;
	line-height: 31px;
	padding: 0 5px;
}
.sidebar-detail .cate-sidebar ul li:last-child {
	border-bottom: none;
}
.sidebar-detail .sidebar-year {
	padding-top: 20px;
}
.sidebar-detail .sidebar-year .item-year {
	margin-bottom: 10px;
}
.sidebar-detail .sidebar-year .item-year .year-name {
	font-size: 14px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.035em;
	cursor: pointer;
}
.sidebar-detail .sidebar-year .item-year .list-month {
	display: none;
}
.sidebar-detail .sidebar-year .item-year:first-child .list-month {
	display: block;
}
.sidebar-detail .sidebar-year .item-year .list-month li {
	border-bottom: none;
	font-size: 13px;
	line-height: 25px;
	color: #C6C3C3;
	font-weight: 500;
	letter-spacing: 0.035em;
	text-transform: capitalize;
	padding: 0;
}
/*publication*/
.publication {
	background: #F9FAFC;
	padding: 62px 0 13px;
}
.publica-content {
	max-width: 1258px;
	margin: 0 auto;
}
.publica-content h1.title {
	text-align: center;
	margin-bottom: 14px;
}
.publica-content .introdu-desc {
	text-align: center;
	font-size: 23px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 10px;
}
.publica-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.publica-list .item {
	width: calc(100% / 3 - (44px * 2 / 3));
	padding-top: 20px;
	border-top: 1px solid #E6E6E6;
	margin-bottom: 57px;
	position: relative;
}
.publica-list .item:first-child,
.publica-list .item:nth-child(2),
.publica-list .item:nth-child(3) {
	border-top: none;
}
.publica-list .item .content-item {
	padding: 33px 33px 60px;
}
.publica-list .item h3 {
	font-size: 23px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 13px;
}
.publica-list .item .desc {
	font-size: 17px;
	line-height: 23px;
	margin-bottom: 25px;
}
.publica-list .item a {
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.035em;
	font-weight: bold;
	text-transform: uppercase;
	color: #009CE1;
	position: absolute;
	left: 33px;
	bottom: 25px;
}
.publica-list .item a img {
	margin-right: 14px;
}
/*outreach activities*/
.outreach-acti .main-content .list-news {
	margin-bottom: 0;
}
.outreach-acti .list-news .post-inner {
	margin-bottom: 34px;
}
.outreach-acti .list-news .post-inner .post-thumb {
	margin-bottom: 13px;
}
.outreach-acti .list-news .post-inner .post-info .post-meta {
	margin-bottom: 9px;
}
.outreach-acti .post-inner .post-info .post-meta .post-cate:after {
	display: none;
}
.outreach-acti .post-inner .post-info .post-title {
	font-size: 18px;
	line-height: 23px;
}
.page-navigation ul {
	display: flex;
	align-items: center;
}
.page-navigation ul li {
	margin-right: 34px;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 0.035em;
	font-weight: bold;
}
.page-navigation ul li:last-child {
	margin-right: 0;
}
.page-navigation ul li a {
	color: #009CE1;
}
.page-navigation ul li a img {
	vertical-align: revert;
    padding-top: 1px;
}
/*about*/
.about-banner {
	background: #003587;
	padding-bottom: 70px;
	position: relative;
}
.about-banner:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(49, 49, 51, 0.5);
}
.about-banner .container {
	position: relative;
	z-index: 2;
}
.about-banner .breadcrumbs {
	margin-bottom: 25px;
}
.about-banner .content-about {
	max-width: 903px;
	margin: 0 auto;
	text-align: center;
}
.about-banner .content-about h1.title {
	margin-bottom: 23px;
}
.about-banner .content-about .desc-about {
	font-size: 23px;
	line-height: 28px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 38px;
}
.general-intro {
	padding: 63px 0 93px;
}
.general-intro .content {
	max-width: 903px;
	margin: 0 auto;
	text-align: center;
}
.general-intro .desc {
	margin-bottom: 25px;
}
.general-intro .desc p:not(:last-child) {
	margin-bottom: 10px;
}
.general-intro a {
	display: inline-block;
	height: 42px;
	line-height: 42px;
	background: #009CE1;
	border-radius: 20px;
	padding: 0 42px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
/*members-counttries*/
.member-countries {
	padding-bottom: 51px;
	background: #F9FAFC;
}
.member-countries .breadcrumbs {
	margin-bottom: 27px;
}
.content-member {
	max-width: 1299px;
	margin: 0 auto;
	text-align: center;
}
.content-member h1.title {
	margin-bottom: 48px;
}
.content-member .member-partner {
	/*background-image: url(../images/member-map.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;*/
	position: relative;
	/*height: 640px;*/
}
.content-member .member-partner .popup-item {
	position: absolute;
}
.content-member .member-partner #mexico-popup {
	top: 49%;
    left: 17%;
}
#mexico-ct.modal .modal-dialog {
	top: 12%;
    left: -26%;
}
.content-member .member-partner #turkey-popup {
	top: 38%;
    left: 54%;
}
#turkey-ct.modal .modal-dialog {
	top: 10%;
    left: 7%;
}
.content-member .member-partner #korea-popup {
	top: 40%;
    right: 12%;
}
#korea-ct.modal .modal-dialog {
	top: 11%;
    right: -28%;
}
.content-member .member-partner #indonesia-popup {
	bottom: 33%;
    right: 13%;
}
#indonesia-ct.modal .modal-dialog {
	bottom: -16%;
    right: -28%;
}
.content-member .member-partner #australia-popup {
	bottom: 18%;
    right: 7%;
}
#australia-ct.modal .modal-dialog {
	bottom: -30%;
    right: -31%;
}
.content-member .member-partner .popup-item .popup-title {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.popup-item .popup-title img {
	margin-right: 7px;
}
.popup-item .popup-title span.nation {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Kallisto';
    font-weight: bold;
    font-style: normal;
	line-height: 35px;

}
/*.modal {
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
}*/
.member-partner .popup-content .modal-dialog {
	max-width: 481px;
}
.member-partner .popup-content .modal-dialog .modal-content {
	padding: 33px 25px 25px;
}
.member-partner .popup-content .close {
	float: none;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background: #F9FAFC;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-size: 25px;
	color: #009CE1;
	cursor: pointer;
	font-weight: normal;
	opacity: 1;
	transform: rotate(45deg)
}
.popup-item .flag-name {
	margin-bottom: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.popup-item .flag-name img {
	margin-right: 14px;
}
.popup-item .flag-name span.name {
	font-size: 23px;
	line-height: 35px;
	font-weight: bold;
	font-family: 'Kallisto';
	font-weight: bold;
    font-style: normal;
	text-transform: uppercase;
}
.popup-item ul.info li {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 8px;
}
.popup-item ul.info li strong {
	margin-right: 3px;
}
/*key-facts*/
.key-facts {
	background: #F9FAFC;
	padding-bottom: 160px;
}
.key-facts .breadcrumbs {
	margin-bottom: 25px;
}
.key-facts h1.title {
	margin-bottom: 135px;
	text-align: center;
}
.content-key {
	max-width: 740px;
	margin: 0 auto;
}
.content-key .list-key {
	padding-left: 70px;
}
.content-key .list-key .list-key-ct {
	border-left: 3px solid #E6E6E6;
}
.key-item {
	padding: 25px 0 30px 30px;
	position: relative;
}
.key-item:after {
	content: '';
	position: absolute;
	top: 0;
	left: -10px;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	border: 3px solid #E6E6E6;
	background: #009CE1;
}
.key-item .year {
	font-family: 'Kallisto';
	font-weight: bold;
    font-style: normal;
	font-size: 20px;
	line-height: 22px;
	color: #009CE1;
	font-weight: bold;
	position: absolute;
	top: -3px;
	left: -85px;
}
.key-item .list-history .item:not(:last-child) {
	margin-bottom: 25px;
}
.key-item .list-history .item .meta {
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 0.035em;
	font-weight: bold;
	color: #009CE1;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.delivered {
	max-width: 1132px;
	margin: 110px auto 0;
}
.delivered h2.title {
	text-align: center;
	font-size: 35px;
	line-height: 45px;
	font-weight: bold;
	font-family: 'Kallisto';
	font-weight: bold;
    font-style: normal;
	color: #009CE1;
	margin-bottom: 42px;
}
.list-delivered .post-inner .post-info .post-meta .post-cate {
	padding-right: 0;
    margin-right: 0;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.035em;
}
.list-delivered .post-inner .post-info .post-meta .post-cate:after {
	display: none;
}
.list-delivered .list-news .post-inner .post-info .post-meta {
	margin-bottom: 12px;
}
.list-delivered .post-inner .post-info .post-title {
	font-size: 20px;
	line-height: 25px;
}
/*==========================================================

	4. SITE-FOOTER

==========================================================*/
.slider-footer {
	margin-bottom: 0;
}
.main-footer {
	padding: 65px 0 0;
}
.main-footer .content {
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 56px;
	display: flex;
}
.main-footer .footer-logo {
	margin-right: 270px;
	max-width: 300px;
}
.menu-footer {
	display: flex;
	justify-content: space-between;
	width: 525px;
}
/*.menu-footer .item-menu {
	width: 33.3333%
}*/
.menu-footer .item-menu h3.title {
	font-size: 15px;
	line-height: 35px;
	font-weight: 500;
	letter-spacing: 0.035em;
	margin-bottom: 10px;
}
.menu-footer .item-menu ul li a {
	font-size: 13px;
	line-height: 25px;
}
.coppyright {
	padding: 17px 0 55px;
	text-align: center;
	font-size: 11px;
	line-height: 25px;
}
.coppyright a {
	text-decoration: underline;
}