@font-face {
	font-family: FontAll;
	src: url(../Fonts/Poppins-Medium.ttf);
}

body,
html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: auto;
	font-size: 18px;
}

p {
	font-family:arial !important;	
}

h1, h2, h3, h4, h5, h6{
	font-family: FontAll !important;
}

a:hover {
	text-decoration: none !important;
}


/* nav */

.navbar1 {
	background-color: transparent;
	position: fixed;
	width: 100%;
	padding-top: 20px;
	z-index: 100;
}

.navbar2 {
	background-color: white;
	position: fixed;
	width: 100%;
	padding-top: 5px;
	z-index: 100;
	font-family: 'FontAll';
}

.nav_logo {
	width: 75%;
}

.nav_logo1 {
	width: 75%;
}

.nav_logo2 {
	width: 75%;
}

.nav_l {
	width: 30%;
	float: left;
	margin-left: 10%;
}

.nav_r {
	width: 55%;
	float: right;
	margin-right: 5%;
}

.nav_up {
	width: 100%;
	font-size: 16px;
	padding-top: 20px;
}

.nav_down {
	width: 100%;
	display: flex;
	font-size: 16px;
	padding-top: 10px;
	text-align: end;
}

.nav_up_a {
	text-decoration: none;
	color: white;
	padding-right: 15px;
}

.nav_up_b {
	text-decoration: none;
	color: black;
	padding-right: 15px;
}

.nav_down_a {
	text-decoration: none;
	color: white;
	line-height: 40px;
	font-size: 20px;
	font-weight: 600;
	font-family: 'FontAll';
}

.nav_down_b {
	text-decoration: none;
	color: black;
	line-height: 40px;
	font-size: 20px;
	font-weight: 600;
}

.nav_d_width {
	width: 20%;
	text-align: center;
}

.nav_s_icon {
	width: 20px;
	margin-bottom: 3px;
}

.nav_c_icon {
	width: 23%;
}

.nav_l_icon {
	width: 20px;
	margin-bottom: 5px;
}

.group1 {
	padding-top: 0px;
	width: 30%;
	float: left;
}


.group2 {
	width: 70%;
	float: right;
}

/* nav */
.head {
	width: 100%;
	max-height: 890px;
}

.head h1 {
	width: 100%;
	text-align: center;
}

.home {
	width: 100%;
	/* min-height: 1200px; */
	overflow: hidden;
}

.home h1 {
	width: 100%;
	text-align: center;
}

.h_img {
	width: 100%;
}

.high_img {
	transition: 0.5s;
}

.h_wel {
	position: relative;
	width: 60%;
	margin: auto;
	padding-top: 50px;
	z-index: 4;
}

.h_l_wel {
	width: 30%;
	float: left;
}

.h_l_wel img {
    width: 100%;
    height: 100%;
}

.h_l_wel h2 {
	font-size: 26px;
	word-break: break-word;
	width: 90%;
	line-height: 30px;
	font-weight: 800;
}

.h_cir_l {}

.h_r_wel {
	width: 70%;
	float: left;
}

.h_r_wel ul {
	padding-left: 40px;
}

.h_r_p1 {
	font-size: 20px;
	color: black;
	padding-left: 15px;
	overflow: hidden;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	height: auto;
}

.h_r_p1 ul li {
	font-size: 18px;
	color: black;
	margin-bottom: 0;
}

.h_r_wel li {
	color: #2672b8;
	font-size: 30px;
}

.h_r_btn {
	background-color: #2672b8;
    border: none;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);
}

.h_r_btn:hover{
	color: #f6d92c;
}

.h2_l {
	width: 40%;
	background-color: #e7e7e7;
	float: left;
	position: relative;
	z-index: 3;
}

.h2_pad {
	padding-top: 8%;
	transition: 1s;
}

.h2_pad_fix {
	padding-top: 20%;
}

.h2_l p {
	margin: 0;
}

.h2_l_menu {
    text-decoration: none;
    color: #1a72ba;
    width: 100%;
    text-align: left;
    font-size: 24px;
    float: left;
    padding-left: 20%;
    line-height: 90px;
	clip-path: polygon(0 0, 80% 0, 80% 100%, 0% 100%);
    transition: 1s;

}

.h2_space{
    width: 125%;
    height: fit-content;
    position: relative;
}

.h2_l_hover1:hover {
	width: 100%;
	color: white;
	background-color: red;
	clip-path: polygon(0 0, 85% 0, 80% 100%, 0% 100%);
	transition: linear 0.3s;
	transform-origin: left;
}

.h2_l_hover2:hover {
	width: 100%;
	color: white;
	background-color: #1a72ba;
	clip-path: polygon(0 0, 84% 0, 80% 100%, 0% 100%);
	transition: linear 0.3s;
	transform-origin: left;
	padding-top: 8%;
}

.h2_l_hover3:hover {
	width: 100%;
	color: white;
	background-color: #facc33;
	clip-path: polygon(0 0, 84% 0, 80% 100%, 0% 100%);
	transition: linear 0.3s;
	transform-origin: left;
	padding-top: 8%;
}

.h2_l_hover4:hover {
	width: 100%;
	color: white;
	background-color: #a7c40a;
	clip-path: polygon(0 0, 84% 0, 80% 100%, 0% 100%);
	transition: linear 0.3s;
	transform-origin: left;
	padding-top: 8%;
}

.h2_l_hover5:hover {
	width: 100%;
	color: white;
	background-color: #ff93a6;
	clip-path: polygon(0 0, 84% 0, 80% 100%, 0% 100%);
	transition: linear 0.3s;
	transform-origin: left;
	padding-top: 8%;
}

.h2_l_hover6:hover {
	width: 100%;
	color: white;
	background-color: #87ceeb;
	clip-path: polygon(0 0, 84% 0, 80% 100%, 0% 100%);
	transition: linear 0.3s;
	transform-origin: left;
	padding-top: 8%;
}


.h2_l_hover1 {
    width: 100%;
    color: white;
    background-color: red;
    clip-path: polygon(0 0, 85% 0, 80% 100%, 0% 100%);
}




.h2_r {
	width: 60%;
	float: left;
	position: relative;
}

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

.h2_r_tri {
	position: absolute;
	bottom: 0;
	padding: 40px;
	color: white;
	width: 80%;
	transition: linear 0.5s;
	background-color: red;
	clip-path: polygon(0 0, 91% 0, 88% 100%, 0% 100%);
}

.h2_r_tri1 {
	width: 80%;
	color: white;
	background-color: red;

}

.h2_r_tri2 {
	width: 80%;
	color: white;
	background-color: #1a72ba;

}

.h2_r_tri3 {
	width: 80%;
	color: white;
	background-color: #facc33;

}

.h2_r_tri4 {
	width: 80%;
	color: white;
	background-color: #a7c40a;

}

.h2_r_tri5 {
	width: 80%;
	color: white;
	background-color: #ff93a6;

}

.h2_r_tri6 {
	width: 80%;
	color: white;
	background-color: skyblue;

}

.h2_r_tri_show {
	transform: scaleY(1);
	transform-origin: left;
	transition: linear 0.5s;
}

.h2_r_tri_show_fix {
	transform: scaleY(1);
}

.h2_r_tri_close {
	transform: scaleY(0);
	transform-origin: left;
	transition: linear 0.5s;
}

.h2_r_tri p {
	width: 87%;
	padding-left: 50px;
	margin: 0;
	font-size: 18px;
}

.sec_video_youtube {
	width: 100%;
}

.sec_2_5 {
	position: relative;
	min-height: 300px;
	padding-top: 90px;
	display: none;
}

.sec_2_5 a {
	color: white;

}

.sec_2_5 p {
	margin: 0;
}

.highlight_1 {}

.highlight_tri_1 {
	background-color: red;
	color: white;
	padding: 10px 15px 10px 15px;
	font-size: 12px;
	height: auto;
}

.highlight_menu1 {
	padding: 20px;
	text-align: center;
	background-color: red;
}

.highlight_2 {}

.highlight_tri_2 {
	background-color: #1a72ba;
	color: white;
	padding: 10px 15px 10px 15px;
	font-size: 12px;
	height: auto;
}

.highlight_menu2 {
	padding: 20px;
	text-align: center;
	background-color: #1a72ba;
}

.highlight_3 {}

.highlight_tri_3 {
	background-color: #facc33;
	color: white;
	padding: 10px 15px 10px 15px;
	font-size: 12px;
	height: auto;
}

.highlight_menu3 {
	padding: 20px;
	text-align: center;
	background-color: #facc33;
}

.highlight_4 {}

.highlight_tri_4 {
	background-color: #a7c40a;
	color: white;
	padding: 10px 15px 10px 15px;
	font-size: 12px;
	height: auto;
}

.highlight_menu4 {
	padding: 20px;
	text-align: center;
	background-color: #a7c40a;
}

.highlight_5 {}

.highlight_tri_5 {
	background-color: #ff93a6;
	color: white;
	padding: 10px 15px 10px 15px;
	font-size: 12px;
	height: auto;
}

.highlight_menu5 {
	padding: 20px;
	text-align: center;
	background-color: #ff93a6;
}

.highlight_6 {}

.highlight_tri_6 {
	background-color: skyblue;
	color: white;
	padding: 10px 15px 10px 15px;
	font-size: 12px;
	height: auto;
}

.highlight_menu6 {
	padding: 20px;
	text-align: center;
	background-color: skyblue;
}

.btn_m {
	padding-left: 13px;
}



.dot2 {
	position: absolute;
	width: 250px;
	top: -25%;
	left: -10%;
	z-index: 3;
	transform: translate(-90px, -70px);
	transition: 0.5s;
}



.h3_dot2 {
	position: absolute;
	width: 200px;
	height: 200px;
	z-index: 3;
	right: -2%;
	top: 35%;
	transition: 0.5s;
}

.h3_bg {
	width: 100%;
}

.h3_right {
	position: relative;
	width: 20%;
	min-height: 500px;
	float: right;
}

.h3_center {
	position: relative;
	z-index: 5;
	width: 78%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5%;
	padding-bottom: 5%;
}

.h3_cen_h {
	margin-bottom: 30px;
	width: 90%;
	margin: auto;
	border-bottom: solid 2px #1a72ba;
	padding-bottom: 10px;
}

.h3_cen_h h3 {
	font-weight: 700;
	display: inline;
	color: #1a72ba;
	font-size: 32px;
}

.h3_cen_h a {
	text-decoration: underline;
}

.h3_content {
	width: 90%;
	margin: auto;
	text-align: left;
}

.h3_box {
	width: 32.3%;
	margin: 10px 10px 10px 0px;
	overflow: hidden;
	min-height: 510px;
	float: left;
}

.h3_box_s {
	display: flex;
	margin-bottom: 20px;
}

.h3_box_s img {}

.h3_box img {
	height: 220px;
	object-fit: cover;
	width: 100%;
}

.h3_box video {
	height: 220px;
	width: 100%;
	object-fit: cover;
}

.h3_box_h {
	text-align: left;
}


.h3_title_s {
	width: fit-content;
	padding-left: 20px;
}

.h3_title_s p {
	color: black;
	font-size: 18px;
	font-weight: 600;

}

.h3_title_s a {
	font-size: 14px;
}

.h3_title_s p {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 5px;
}

.h3_title_text {
	color: black;
	padding-top: 10px;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 21px;
	font-weight: 600;
	height: 70px;
	text-align: left;
}

.h3_title a {
	font-size: 14px;
}

.h3_date {
	color: #1a72ba;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}

.h3_box_h h3 {
	font-size: 24px;
	color: #1a72ba;
	font-weight: 700;
}

.h3_box iframe {
	width: 100%;
	height: 220px;
}

.sec_1 {
	position: relative;
	min-height: 600px;
	width: 100%;
}

.sec_2 {
	display: flex;
	width: 100%;
	margin-top: -1px;
}

.sec_3 {
	position: relative;
	width: 100%;
	min-height: 700px;
	overflow: hidden;
}

.footer1 {
	width: 100%;
	min-height: 200px;
	overflow: hidden;
}

.footer1 h2 {
	width: 100%;
	text-align: center;
}

.footer2 {
	width: 100%;
	min-height: 180px;
	background-color: #ffffff;
}

.footer2 h2 {
	width: 100%;
	text-align: center;
}

.footer3 {
	width: 100%;
	min-height: 550px;
	background-color: #1a72ba;
	overflow: hidden;

}

.f2_icon {
	width: 90%;
	margin: auto;
	padding-top: 40px;
	text-align: center;
}

.f2_icon img {
	width: 130px;
	display: inline-block;
}

.f1_edit {
	column-gap: 0 !important;
}

.f1_edit img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.f1_bg1 {
	
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
}

.f1_bg2 {
	
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
}

.f1_bg3 {
	
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
}

.f1_bg_cover1 {
	background-color: #ff000057;
	height: 200px;
	position: relative;
	transition: 0.5s;
}

.f1_bg_cover1:hover {
	background-color: transparent;
}

.f1_bg_cover2 {
	background-color: #ffd832b5;
	height: 200px;
	position: relative;
	transition: 0.5s;
}

.f1_bg_cover2:hover {
	background-color: transparent;
}

.f1_bg_cover3 {
	background-color: #0c76b4b5;
	height: 200px;
	position: relative;
	transition: 0.5s;
}

.f1_bg_cover3:hover {
	background-color: transparent;
}

.f3_container {
	position: relative;
	width: 80%;
	margin: auto;
}

.f3_up .f3_left h2 {
	width: 100%;
	color: white;
}

.loca {}

.f3_main_menu {
	width: 15%;
	display: inline-block;
	text-align-last: left;
	vertical-align: top;
	margin-right: 20px;
	margin-left: 10px;
}

.f3_main_menu a {
	color: white;
	font-size: 12px;
	padding-bottom: 10px;
	line-height: 15px;
	display: block;
	word-break: break-word;
	padding-left: 2px;
	font-family: 'FontAll';
}

.f3_main_menu a:hover {
	color: #f6d92c;
}

.f3_center {
	width: 100%;
	display: inline-block;
}

.f3_center_left img {
	width: 100%;
}

.f3_center_left p {
	color: white !important;
	font-size: 16px;
	padding-left: 10px;
}

.f3_center_right {
	width: 70%;
	padding-top: 50px;
	float: right;
	text-align-last: end;
}

.f3_center_right h2 {
	color: white;
	font-size: 24px;
	font-weight: 600;
}

.f3_center_left {
	width: 25%;
	padding-top: 20px;
	float: left;
}

.f3_down {}

.f3_down_left {
	width: fit-content;
	float: left;
}

.f3_down_right {
	float: right;
}

.f3_left {
	width: 50%;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
}

.f3_left input {
	width: 375px;
	padding: 9px;
	background-color: transparent;
	border: none;
	outline: none;
	color: white;
	transform: skew(10deg);
}

.sub_skew{
    transform: skew(-10deg);
    border: solid 3px white;
    width: fit-content;
    display: inline-block; 
}

.f3_left input::placeholder {
	color: white;
}

.f3_left button {
    width: auto;
	font-size: 15px;
	transform: skew(-10deg);
}

.f3_left button p {
	margin: 0;
	transform: skew(10deg);
}

.f3_detail img {
	width: 55%;
}

.f3_detail p {
	color: white;
	width: 70%;
	font-size: 18px;
}

.f3_right {
    width: 50%;
    float: right;
    padding-top: 68px;
    text-align: end;
}

.f3_right a button {
	color: white;
    padding: 10px;
    width: 150px;
    margin: 0 5px;
    transition: 0.3s ease-in-out;
    clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
    border: none;
}

.f3_right a button:hover {
	/* color: #004791; */
}

.f3_right a button svg {
	font-size: 24px;
	margin-right: 10px;
}

.f3_menu {}

.f_3_menu_w {
	width: 100%;
	text-align: end;
}

.f3_menu a {
	color: white;
	width: fit-content;
}

.f3_menu a:hover {
	color: #f6d92c;
}

.f3_copy {
	padding-top: 35px;
	color: white;
	font-size: 14px;
}

.f3_icon {
	padding-top: 20px;
}

.f3_icon img {
	width: 40px;
    height: 40px;
}

.footer3 h2 {}

.tri_icon1 {
	width: 70px;
}

.tri_container {
	width: 90%;
	margin: auto;
	text-align: center;
	padding-top: 5%;
}

.tri_col {}

.slick-slide img {
	display: unset !important;
}

.tri_col h3 {
	margin-top: 0;
	color: white;
	display: inline-block;
	padding-left: 15px;
	font-size: 30px;
}

.tri_col p {
	color: white;
	margin: 0;
	padding-top: 15px;
	font-size: 13px;
}

.tri_slider {}

.sec_detail_h {
	width: 100%;
	padding-top: 7%;
}

.sec_detail_c {
	position: relative;
	/* min-height: 1200px; */
}

.sec_video_c {
	position: relative;
}

.sec_news_h {
	width: 100%;
	padding-top: 8%;
}

.sec_news_c {
	position: relative;
	/* min-height: 1200px; */
}

.detail_container {
	position: relative;
    width: 100%;
    height: 100%;
    /* min-height: 1200px; */
    /* padding-top: 3%; */
    /* padding-bottom: 3%; */
    overflow: hidden;
}

.detail_new_text{
	margin-bottom: 3%;
}

.video_container {
	position: relative;
    width: 100%;
    height: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
    overflow: hidden;
}

.news_container {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 1200px;
	padding-bottom: 10%;
	overflow: hidden;
}

.news_page {
	margin: auto;
	padding-top: 5%;
	width: 65%;
	position: relative;
}

.news_header {
	margin-bottom: 50px;
	text-align: left;
	border-bottom: solid 3px #1a72ba;
	width: 85%;
}

.news_header h2 {
	color: #1a72ba;
	font-weight: 600;
	margin-bottom: 10px;
}

.news_box {
	width: 40%;
	display: inline-block;
	margin: 15px;
	overflow: hidden;
}

.news_box_h h3 {
	font-size: 24px;
    color: #1a72ba;
    font-weight: 700;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_box_title {
	text-align: left;
}

.news_text_title {
	color: black;
	padding-top: 20px;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 19px;
	font-weight: 600;
	word-break: break-word;
}

.news_text_title p {
	margin: 0;
}

.news_date {
	color: #1a72ba;
	font-size: 16px;
}

.detail_h {
	position: relative;
	text-align: end;
}

.detail_title_h3 {
	color: white;
    font-size: 34px;
    margin: 0;
}

.detail_title_p {
	color: white;
	font-size: 50px;
	font-weight: 600;
	word-break: break-word;
	line-height: normal;
}

.detail_h_title {
	position: absolute;
	z-index: 3;
	width: 30%;
	top: 25%;
	left: 7%;
	text-align: start;
}

.detail_h img {
    width: 67%;
    height: auto;
}

.content_page {
    width: 90%;
    position: relative;
    z-index: 4;
    margin: auto;
    word-break: break-word;
    margin-top: 3%;
    margin-bottom: 3%;
}

.content_page p {
	color: black;
	margin: 0;
	font-family:Arial;
}

.content_page li {
	color: black;
}



.content_page span {
	width: auto;
	color: black;
}

.contact_page {
	width: 90%;
	position: relative;
	z-index: 4;
	margin: auto;
	padding-top: 5%;
	color: black !important;
}

.em_page {
	width: 90%;
	position: relative;
	z-index: 4;
	margin: auto;
}

.em_view {
	width: 90%;
	position: relative;
	z-index: 4;
	margin: auto;
}

.em_view_p1 {
	color: black;
	display: inline-block;
	margin-bottom: 60px;
	text-align: left;
	word-break: break-word;
}

.em_view_p2 {
	color: black;
	display: inline-block;
	width: auto;
	margin-top: 0;
	padding-top: 5px;
}

.em_view_p3 {
	color: black;
	display: inline-block;
	width: 40%;
	margin-top: 0;
}

.em_view_des{
    display: inline-block;
}

.em_view_des ul{
    margin: 0;
    padding-left: 20px;
}

.em_pad{
	padding-bottom: 20px;
	text-align: left;
}

.pad1 {
	padding-left: 110px;
}

.pad1_1 {
    padding-left: 120px;
}

.pad2 {
	padding-left: 114px;
}

.pad3 {
	padding-left: 44px;
}

.pad4 {
	padding-left: 119px;
}

.pad5 {
	padding-left: 218px;
}

.em_view_h2 {
	margin-top: 5%;
	margin-bottom: 40px;
	text-align: left;
}

.em_view_h3 {
	color: black;
    display: block;
    vertical-align: top;
    margin-top: 0;
    font-weight: 600;
    font-size: 22px;
}

.em_view_l{
	width: 20%;
	display: inline-block;
	vertical-align: top;
}

.em_view_r_lo{
	width: 40%;
}

.em_view_r{
    width: fit-content;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.em_view_r_wid{

}

.em_view li {
	color: black;
	text-align: left;
}

.em_left {
	width: 50%;
	float: left;
}

.em_right {
	width: 50%;
	float: right;
}

.em_row {}

.em_page_p1 {
	color: #1a72ba;
	margin-top: 0;
	margin-bottom: 10px;
}

.em_page_p2 {
    color: black;
    margin: 0;
}

.em_page h1 {
	margin-bottom: 100px;
}


.contact_left {
	width: 43%;
	float: left;
	overflow: hidden;
	font-size: 20px;
}

.contact_right {
	width: 50%;
	float: right;
	overflow: hidden;
}

.contact_map {
	width: 100%;
	float: left;
	margin-bottom: 5%;
}

.contact_map iframe {
	width: 100%;
}

.c_input {
	width: 100%;
	padding: 10px;
	background-color: gainsboro;
	border: none;
	display: block;
	margin-top: 10px;
}

.c_textarea {
	background-color: gainsboro;
	border: none;
	display: block;
	width: 100%;
	margin-top: 10px;
}

.c_btn {
    padding: 5px;
    font-size: 22px;
    width: 105px;
    margin: 20px 0;
    float: right;
    background-color: #1a72ba;
    color: white;
    border: none;
    clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);
}

.c_btn:hover{
	color: #facc33;
}

.c_sel {
	width: 100%;
	padding: 10px;
	background-color: gainsboro;
	margin-bottom: 20px;
}

.em_box {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: solid 2px #1a72ba;
    width: 95%;
    margin-left: auto;
}

.em_head{
	color: black;
    padding-bottom: 20px;
}

.em_up{
	padding-bottom: 80px;
}

.em_up h2{
	color: black;
	font-size: 36px;
	font-weight: 600;
    margin-bottom: 40px;
}

.em_down h2{
	color: black;
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 40px;
}

.em_h {}

.em_h h3 {
	width: fit-content;
	display: inline-block;
	color: black;
	font-weight: 600;
}

.em_h a {
	float: right;
	font-weight: 600;
	margin-right: 10px;
	color:#1a72ba;
}

.em_f {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    float: left;
}

.em_btn_b {
    background: #256abc;
    padding: 5px;
    color: white;
    width: 100px;
    border: none;
    font-size: 22px;
    cursor: pointer;
    clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);
}

.em_btn_b:hover {
	color: #f6d92c;
}



.hide {
	display: none;
}

.a_hover:hover {
	color: #f6d92c !important;
}


.menu_hover {
	color: #f6d92c !important;
}

.nav_sub_menu {
	position: absolute;
	top: 22%;
	left: 22%;
}

.nav_sub_menu ul li{
	list-style: none;
}

.nav_sub_menu a {
	display: block;
	color: white;
	padding-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: 'FontAll';
}

.vr_page {
	width: 90%;
	margin: auto;
	position: relative;
	padding-bottom: 3%;
}

.vr_page iframe {
	width: 100%;
	height: 1200px;
	margin: auto;
	position: relative;
	padding-bottom: 3%;
}


/* UI KIT CSS EDIT */

.uk_h3_e {
	font-size: 60px;
	font-weight: 700;
	width: 60%;
	padding-left: 15%;
	padding-bottom: 3%;
	font-family: FontAll !important;
}

.detail_up {
	float: left;
    padding-top: 20px;
    padding-bottom: 40px;
}

.detail_down {
	/* float: left; */
    padding-top: 20px;
    padding-bottom: 40px;
}

.detail_down img {
	width: 100%;
}

.detail_down_text {
	float: left;
	padding-bottom: 40px;
}

.detail_up_l {
	float: left;
	width: 35%;
}

.detail_up_l img{
	width: 100%;
}

.detail_up_r {
	font-size: 17px;
	width: 62%;
	float: right;
}

.detail_up_r ul {
	color: blue;
}

.detail3_up {
	padding-top: 15px;
	text-align: center;
}

.detail3_up_l {
	text-align: left;
	font-size: 17px;
	width: 40%;
}

.detail3_up_r {
	float: right;
	width: 55%;
}

.detail3_up_r img {}

.detail3_down_text {
	text-align: left;
}

.detail3_up_r ul {
	padding-left: 45%;
	color: blue;
}

.lang-click:hover {
	color: white;
}

.lang-switch {
	position: absolute;
	width: 300px;
	right: 116px;
	background: white;
	border-radius: 10px;
	border-top-right-radius: 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(179, 177, 179, 1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(179, 177, 179, 1);
	box-shadow: 0px 6px 10px -4px rgba(179, 177, 179, 1);
}

.lang-switch li {
	list-style: none;
	display: inline-block;
	border: solid 3px white;
	margin: 3px;
}

.lang-switch li:hover {
	border: solid 3px #facc33;
	transition: 0.2s;
}

.lang-switch ul {
	text-align: center;
	margin: auto;
	padding: 10px;
}

.detail_page2 {
    padding-top: 15px;
    width: 100%;
    margin: auto;
}

.detail_page2_img {
	position: relative;
	width: 100%;
	text-align: center;
}

.detail_page2_img img {
	width: 27%;
	display: inline-block;
}

.pagination {
	padding: 30px 0;
	float: left;
	width: 100%;
}

.pagination ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 3;
	position: relative;
}

.pagination li {
	display: inline-block;
}

.pagination a {
	display: inline-block;
	padding: 10px 18px;
	color: #222;
}

.is-active {
	background-color: rgb(26, 114, 186);
	font-weight: bold;
}

.is-active a {
	color: white;
}

.pagination a:hover {
	background-color: rgb(33, 124, 199) !important;
	color: white !important;
	font-weight: bold !important;
}

.h_banner {}

/* Video  */
.video_content_page {
	width: 70%;
	position: relative;
	z-index: 4;
	margin: auto;
}

.video_title_head {
	color: #1a72ba;
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 15px;
	padding-top: 50px;
}

.video_watch {}

.video_watch iframe {
	width: 100%;
	height: 500px;
}

.video_detail {
	font-size: 18px;
	color: black;
	padding-left: 15px;
	padding-right: 15px;
	word-break: break-word;
}

.video_box {
	width: 40%;
	margin: 15px;
	overflow: hidden;
	float: left;
	border-bottom: solid 3px #1a72ba;
}

.video_box iframe {
	width: 100%;
	height: 256px;
}

.video_content {
	width: 100%;
	padding-left: 50px;
}

.video_in{
	width:100%;
	height: 256px;
}

.btn_more {
    padding: 10px 20px;
    background-color: #1a72ba;
    color: white;
    cursor: pointer;
    float: right;
    clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);
}

.btn_more:hover {
	color: #f6d92c;

}

.page_title {
	height: 50px;
	color: black;
	padding-top: 20px;
	margin-bottom: 10px;
	font-size: 19px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.page_title p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#my-video {
	height: 256px;
	object-fit: cover;
}

/* video playlist */
.video_playlist {
	position: relative;
	width: 100%;
}

section .navigation {
	padding: 20px 0;
}

section .navigation li {
	list-style: none;
	cursor: pointer;
	margin: 0 10px;
	border-radius: 4px;

	display: inline-block;
	transition: 0.5s;
	border: 2px solid #1a72ba;
}

section .navigation li:hover {
	opacity: 1;
}

.playactive {
	width: 200px !important;
	opacity: 1 !important;
}

section .navigation li video {
	width: 120px;
	transition: 0.5s;
	opacity: 0.7;
}

section .navigation li video:hover {
	width: 200px;
	/* opacity: 1; */
}

/* video playlist */

.iframe_pdf {
	padding-top: 20px;
	padding-bottom: 40px;
	
	
}

.iframe_pdf iframe{
	margin-bottom: 20px;
	
}

.a4size{
	text-align: center;
	padding-bottom: 0;
}

.a4size iframe{
	height:297mm;
    width:100%;
}

.iframe_container{
	position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 100%;
}

.iframe_responsive{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.iframe_pdf_a{
	color: black;
	padding:10px;
	display:inline-block;
	background-color: #656565;
	border-radius: 6px;
	margin-right: 20px;
	transition: 0.5s;
}

.iframe_pdf_hover{
	color: white;
}

.iframe_pdf a:hover{
	color: white;
	transform: scale(1.2);
}

.list_items{

}

.list_pdf{
	width: 100%;
	padding: 20px 0;
}

.sec_calendar{
	width:90%;
	margin:auto;
    padding-top: 50px;
    padding-bottom: 80px;
}

.popper,
.tooltip {
  position: absolute;
  z-index: 9999;
  background: #FFC107;
  color: black;
  width: 150px;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
  padding: 10px;
  text-align: center;
}
.style5 .tooltip {
  background: #1E252B;
  color: #FFFFFF;
  max-width: 200px;
  width: auto;
  font-size: .8rem;
  padding: .5em 1em;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
  border-color: #FFC107;
}
.style5 .tooltip .tooltip-arrow {
  border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
  margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}


.admissions_page{
	width: 85%;
    position: relative;
    z-index: 4;
    margin: auto;
	word-break: break-word;
	color: black;
	margin-top: 25px;
}

.admissions_page p{
	margin: 0;
}

.ad_head_page{

}

.ad_btn_group{
	margin: 50px 0;
	text-align: center;
	width: 90%;
}

.ad_btn1{
	transition: transform 0.2s;
	background-color: #0066b3;
	color: white;
	clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
	border:none;
	padding:15px;
	margin: 10px 15px;
	font-size:28px;
	width: 30%;
}

.ad_btn2{
	transition: transform 0.2s;
	background-color: red;
	color: white;
	clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
	border:none;
	padding:15px;
	margin: 10px 15px;
	font-size:28px;
	width: 30%;
}

.ad_btn3{
	transition: transform 0.2s;
	background-color: #facc33;
	color: white;
	clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
	border:none;
	padding:15px;
	margin: 10px 15px;
	font-size:28px;
	width: 30%;
}

.ad_detail{

}

.ad_detail_left{
	width: 50%;
	float:left;
	margin-bottom: 50px;
}

.ad_detail_right{
	width: 47%;
	float:right;
	margin-bottom: 50px;
}

.ad_detail_right h2{
	font-weight: 800;
}

.ad_step_box{
	width: 96%;
	margin-bottom: 40px;
}

.ad_step_box h3{
	display: inline;
    font-weight: 600;
    color: black;
}

.ad_step_head_box{
	margin-bottom: 20px;
}

.ad_step{
    display: inline;
    background-color: #0066b3;
    color: white!important;
    clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);
    padding: 5px 10px;
    border: none;
    font-size: 18px;
    margin-right: 10px;
}

.ad_step_btn_group{
	text-align: end;
    width: 100%;
}


.parallelogram {
    padding: 5px 40px;
    font-size: 18px;
    font-weight: 600;
    color: black;
    border: none;
    background: none;
    outline: none;
    position: relative;
    z-index: 0;
	margin: 15px;
	cursor: pointer;
	transition: transform 0.2s;
 }
 .parallelogram:before,
 .parallelogram:after {
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%);
	background:white;
 }
 .parallelogram:before {
	background:black;
	transform: scale(1.04,1.23);
    clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%);
  }

  .parallelogram:hover{
	  color:#1a72ba;
  }

  .ad_detail_down{
	width: 100%;
	float: left;
	padding-bottom: 30px;
  }

  .ad_detail_down ul{
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
  }

  .ad_detail_down li{
	word-break: break-word;
    width: 95%;
  }

  .ad_detail_down_color{
    display: inline-block;
    color: white;
    background-color: #0066b3;
    width: auto;
    padding: 50px 7%;
  }

  .ad_detail_down_color h2{
	  color: white;
	  font-weight: 600;
  }

  .ad_other_menu{
	display: inline-block;
	color:black;
	width: auto;
    padding: 50px 7%;
  }

  .ad_other_box{

  }

  .ad_other_head_box{

  }

  .ad_other{
    display: inline;
    background-color: #0066b3;
    color: white!important;
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    padding: 5px 10px;
    border: none;
    font-size: 18px;
    margin-right: 10px;
  }

  .ad_other_box  h3{
	display: inline;
    font-weight: 600;
    color: black;
  }

  .ad_other_btn_group{
	text-align: end;
  }

  .slide_img_all{
	width: 90%;
	margin: auto;
	margin-bottom: 50px;
  }

  .ad_team_box{
	color:black;
	margin-bottom: 30px;
  }

  .ad_team_box img{
	display: inline-block;
	max-width: 208px;
    max-height: 208px;
  }

  .ad_team_box_text{
	  display: inline-block;
	  padding-left: 5px;
  }

  .ad_team_box_text h3{
	  margin: 0;
	  margin-bottom: 10px;
  }

  .tui_text{
	  color:black;
	  padding-bottom: 50px;
  }

  .tui_text h2{
	  font-weight: 600;
  }

  .leadership_page{
	width: 85%;
    position: relative;
    z-index: 4;
    margin: auto;
	word-break: break-word;
	color:black;
	margin-top: 25px;
  }

  .leadership_detail_left{
	  float: left;
	  width: 50%;
  }

  .leadership_detail_right{
	float: right;
	width: 40%;
	margin-right: 10%;
  }

  .leadership_detail_right img{
	  width: 100%;
  }

  .ld_team_box{
	color: black;
    margin-bottom: 30px;
  }

  .ld_team_box img{
	display: inline-block;
    vertical-align: top;
  }

  .ld_team_box_text{
	display: inline-block;
    padding-left: 5px;
  }

  .ld_team_box_text h3 {
    margin: 0;
    font-weight: 600;
    margin-bottom: 10px;
}


.parents_page{
	width: 85%;
    position: relative;
    z-index: 4;
    margin: auto;
	word-break: break-word;
	color:black;
	margin-top: 25px;
}

.parents_detail_group1{
	width: 100%;
	display: inline-block;
	margin-bottom: 100px;
}

.parents_detail_group2{
	width: 100%;
	display: inline-block;
	margin-bottom: 100px;
}

.parents_detail_left{
	float: left;
	width: 45%;
}

.parents_detail_right{
	float:right;
	width: 50%;
}

.university_page{
	width: 90%;
    position: relative;
    z-index: 4;
    margin: auto;
    word-break: break-word;
	color: black;
	margin-top: 25px;
	
}

.university_page p {
    margin: 0;
}

.un_detail{

}

.un_dis{
	display: inline-block;
	width: 100%;
}

.un_detail_left{
    float: left;
    width: 55%;
    word-break: break-word;
}

.un_detail_right{
	float: right;
	width: 40%;
}

.un_team_box{
	color: black;
    margin-bottom: 30px;
}

.un_team_box img {
    display: inline-block;
}

.un_team_box_text{
	display: inline-block;
    padding-left: 5px;
}

.un_team_box_text h3{
	margin: 0;
    font-weight: 600;
    margin-bottom: 10px;
}

.international_page{
	width: 90%;
    position: relative;
    z-index: 4;
    margin: auto;
    word-break: break-word;
    margin-top: 3%;
    margin-bottom: 3%;
    color: black;
}

.inter_btn_group{
	text-align: center;
}

.inter_btn1{
	display: inline-block;
	width: 30%;
	text-align: center;
	transition: tranform 0.3s;
}

.inter_btn2{
	display: inline-block;
	width: 30%;
	text-align: center;
	transition: tranform 0.3s;
}

.inter_btn3{
	display: inline-block;
	width: 30%;
	text-align: center;
	transition: tranform 0.3s;
}

.inter_group_left{
	text-align: start;
	margin-bottom: 15px;
}

.inter_group_right{
	text-align: end;
	margin-bottom: 15px;
}

.inter_pro1_left{
	display: inline-block;
	width: 40%;
	padding-bottom: 25px;
}

.inter_pro1_right{
	display: inline-block;
	width: 50%;
}

.inter_pro2_left{
	display: inline-block;
	width: 50%;
}

.inter_pro2_right{
	display: inline-block;
	width: 40%;
}

.inter_head_color{
	color: white;
    background-color: #0066b3;
	width: auto;
	text-align: center;
	font-size: 38px;
	font-weight: 600;
	padding:30px 0; 
}

.detail_new_page1{
    width: 90%;
    position: relative;
    z-index: 4;
    margin: auto;
    word-break: break-word;
    margin-top: 3%;
    margin-bottom: 3%;
    color: black;
}

.detail_section{

}

.detail_new_text table{
	width: 100%!important;
}

.detail_new_text ul{
    width: 90%;
	margin: 0;
}

.detail_new_page2{
	width: 90%;
    position: relative;
    z-index: 4;
    margin: auto;
    word-break: break-word;
    margin-top: 25px;
    color: black;
}

.detail_page2_left{
	width: 73%;
    padding-right: 60px;
    display: inline-block;
    word-break: break-word;
}

.detail_page2_right{
	width: 20%;
    display: inline-block;
    vertical-align: top;
}

.detail_page2_c_left{
	width: 60%;
    padding-right: 60px;
    display: inline-block;
    word-break: break-word;
}

.detail_page2_c_right{
    width: 30%;
    display: inline-block;
    vertical-align: top;
	padding-top: 70px;
	text-align: center;
    transition: 0.5s;

}

.page2_am_team h2{
	font-weight: 600;
	margin: 20px 0;
}

.page2_am_team p{
	margin:0;
}

.btn_img{
	margin-top: 15px;
}

.glance_page{
	width: 85%;
    position: relative;
    z-index: 4;
    margin: auto;
    word-break: break-word;
	margin-top: 25px;
	color:black;
}

.glance_head_page{

}

.glance_group_icon{
    width: 90%;
	margin: auto;
	display: inline-block;
	text-align: center;
}

.glance_icon{
	width: 25%;
    text-align: center;
    float: left;
    margin: 50px 0;
}

.glance_icon p{
	text-align: center;
	padding-top: 20px;
}

.inter_pro_group_mb{
	display: none;
}

.inter_pro_content_mb{

}

.why_page{
	width: 85%;
    position: relative;
    z-index: 4;
    margin: auto;
    word-break: break-word;
    margin-top: 3%;
    margin-bottom: 3%;
    color: black;
}

.why_right{
	display:inline-block;
}

.why_left{
	display:inline-block;
}

.why_con_right1{
    width: 40%;
    padding: 20px 15px;
    float: right;
}

.why_con_left1{
    width: 53%;
    padding: 20px 15px;
    float: left;
}

.why_con_right2{
    width: 53%;
    padding: 20px 15px;
    float: right;
}

.why_con_left2{
    width: 40%;
    padding: 20px 15px;
    float: left;
}

.why_head{
	background-color: #1a72ba;
    text-align: center;
    padding: 10px;
    clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);
}

.why_head h2{
	color:white;
	margin: 0;
}

.why_head_mb h2{
	color:white;
	margin: 0;
	font-size: 20px;
}

.why-mb{
	display: none;
}

.why_img_mb{
	padding: 20px;
}

.why_con_mb{

}

.why_head_mb{
	background-color: #1a72ba;
    text-align: center;
    padding: 10px;
	clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
	
}

.why_detail_mb{

}

.why_detail_mb p{
	font-size: 16px;
}

.detail_new_text h2{
	color:black;
}

.box_img{

}

.non_min_h{
	min-height: auto;
}



























.uk-icon>* {
    transform: translate(0,0);
    color: black;
    width: 25px;
}

.uk-slidenav{
	background-color: #e4e4eb!important;
}


.container {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 100%;
  }
  
  .responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
  }





































/* Animate and Effect */

.h_tri {
	position: absolute;
	right: 0;
	z-index: 1;
	width: 30%;
	height: 100%;
	background-color: #9ed6c6;
	clip-path: polygon(45% 0, 100% 0, 100% 100%, 17% 100%);
	transition: 0.3s;
}

.h_cir1 {
	position: absolute;
	top: 35%;
	right: -40%;
	z-index: 2;
	width: 240px;
	height: 220px;
	background-color: white;
	border-radius: 50%;
	transform: translate(0%, 0%);
	transition: 0.5s;

}

.dot1 {
	width: 250px;
	position: absolute;
	z-index: 3;
	top: 34%;
	right: -20%;
	transform: translate(0%, 0%);
	transition: 0.5s;
}

.h_cir2 {
	position: absolute;
	z-index: 2;
	top: 25%;
	left: 5%;
	width: 200px;
	height: 200px;
	background-color: #9ed6c6;
	border-radius: 50%;
	transform: translate(0px, 70px);
	transition: 0.5s;
}

.h_cir_s {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 5%;
	width: 65px;
	height: 65px;
	background-color: #f9e598;
	border-radius: 50%;
	transform: translate(90px, 345px);
	transition: 0.3s;
}

.h_tri_c {
	position: absolute;
	width: 70%;
	height: 40%;
	z-index: 4;
	bottom: -15%;
	transform: translate(22%, 20%);
	background-color: #1a72ba;
	clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}

.h3_tri {
	position: absolute;
	height: 100%;
	background-color: #ffe28a;
	width: 30%;
	clip-path: polygon(0 0, 87% 0, 60% 100%, 0% 100%);
	float: left;
}

.h3_cir1 {
	position: absolute;
	width: 200px;
	height: 220px;
	top: 10%;
	left: 0%;
	background-color: #9ed6c6;
	transform: translate(0%, 0%);
	clip-path: circle(40% at 50% 50%);
	z-index: 2;
	transition: 0.5s;
}

.h3_dot1 {
	position: absolute;
	width: 200px;
	height: 200px;
	top: -5%;
	left: -20%;
	z-index: 3;
	transform: translate(0%, 0%);
	transition: 0.5s;
}

.h3_cir2 {
	position: absolute;
	width: 100px;
	height: 100px;
	background-color: #ffe28a;
	clip-path: circle(35% at 50% 50%);
	transform: translate(0%, 0%);
	right: -5%;
	top: 0%;
	z-index: 2;
	transition: 0.5s;
}

.h3_cir3 {
	position: absolute;
	width: 200px;
	height: 200px;
	background-color: #9ed6c6;
	right: -10%;
	top: 20%;
	clip-path: circle(40% at 50% 50%);
	z-index: 2;
	transition: 0.5s;
}

.detail_tri {
	position: absolute;
	background-color: #f6d92c;
	width: 48%;
	height: 100%;
	clip-path: polygon(0% 0%, 100% -1%, 70% 100%, 0% 100%);
	z-index: 2;
}

.d_con_left_cir {
	position: absolute;
	width: 300px;
	height: 290px;
	border-radius: 50%;
	background-color: #ffeb75;
	top: 18%;
	left: -8%;
	transition: 0.3s;
}

.d_con_left_dot {
	position: absolute;
	top: 26%;
	left: -11%;
	transition: 0.3s;
}

.d_con_left_donut1 {
	position: absolute;
	border: 3px solid #0b66df;
	border-radius: 100px;
	height: 30px;
	width: 30px;
	top: 40%;
	right: 87%;
	transition: 0.3s;
}

.d_con_left_donut2 {
	position: absolute;
	border: 15px solid #6cd5a0;
	border-radius: 100px;
	height: 60px;
	width: 60px;
	top: 60%;
	left: 5%;
	transition: 0.3s;
}

.d_con_left_donut3 {
	position: absolute;
	border: 15px solid #6cd5a0;
	border-radius: 100px;
	height: 20px;
	width: 20px;
	top: 80%;
	left: 10%;
	transition: 0.3s;
	z-index: -1;
}

.d_con_right_cir {
	position: absolute;
	width: 300px;
	height: 290px;
	border-radius: 50%;
	background-color: #6cd5a0d4;
	top: 4%;
	right: -2%;
	transition: 0.3s;
}

.d_con_right_dot {
	position: absolute;
	top: 0;
	right: -6%;
	transition: 0.3s;
}

.d_con_right_donut2 {
	position: absolute;
	border: 15px solid #6cd5a0;
	border-radius: 100px;
	height: 70px;
	width: 70px;
	top: 70%;
	right: 5%;
	transition: 0.3s;
	z-index: -1;
}

.d_con_right_donut3 {
	position: absolute;
	border: 15px solid #6cd5a0;
	border-radius: 100px;
	height: 20px;
	width: 20px;
	top: 50%;
	right: 10%;
	transition: 0.3s;
}

#nav_menu {
	background: rgba(26, 114, 186, 0);

	-webkit-transition: background .5s ease-out;
	-moz-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out;
}

.nav_hover {
	background: rgb(26, 114, 186) !important;
}


.nav_tri {
	position: fixed;
	z-index: 99;
	width: 53%;
	transition: transform 0.3s ease-out;
	height: 100vh;
	transform-origin: top;
	background-color: #1a72ba;
	clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
	overflow-y: scroll;
}

.nav_tri::-webkit-scrollbar {
	display: none;
}

.img_menu {
	position: fixed;
	z-index: 98;
	height: 100vh;
	transform-origin: right;
	right: 0;
	transition: transform 0.3s ease-in;
	transition-delay: 0.2s;
}

.open {
	transform: scaleY(1);
}

.openimg {
	transform: scaleX(1);
}

.closeimg {
	transform: scaleX(0);
	transition-delay: unset;
}

.close {
	transform: scaleY(0);
	/* transition-delay: 0.3s; */
}

@keyframes fullh {
	100% {
		max-height: 500px;
		transition: max-height 0.25s ease-in;
	}
}

@keyframes imgh {}

/* Shine */
.hover14 figure {
	position: relative;
}

.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}

@keyframes shine {
	100% {
		left: 125%;
	}
}


/* Mobile css */

.head_m {
	display: none;
	width: 100%;
	position: fixed;
	z-index: 100;

}

.nav_menu_m {
	width: 100%;
	background-color: rgb(26, 114, 186);
}

.search_m {
	width: fit-content;
	display: inline-block;
	margin-left: 7px;
}

.search-container {
	width: 100%;
	min-height: 500px;
}

.page-search {
	padding-top: 5%;
	padding-left: 10%;
	padding-right: 10%;
}

.gsc-search-button {
	width: 22% !important;
}

.gsc-search-button-v2 {
	padding: 14px 10px !important;
}

.lang_m {
	float: right;
	/* margin-top: 20px; */
	margin-right: 10px;
	color: white;
}

.lang_m:hover {
	color: white;
}

.lang_m_hover {
	color: white;
	transform: rotate(180deg);
	transition: 0.5s;
}

.rotate{
	transform: rotate(180deg);
}


.icon_menu_m {}

.lang-switch-m {
	position: absolute;
	width: 300px;
	right: 0;
	background: white;
	border-radius: 10px;
	border-top-right-radius: 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(179, 177, 179, 1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(179, 177, 179, 1);
	box-shadow: 0px 6px 10px -4px rgba(179, 177, 179, 1);
}

.lang-switch-m ul {
	text-align: center;
	margin: auto;
	padding: 10px;
}

.lang-switch-m li {
	list-style: none;
	display: inline-block;
	border: solid 3px white;
	margin: 3px;
}

.nav_s_icon_m {
	width: 20px;
	margin-left: 20px;
	margin-right: 5px;
}

.s_btn_m {
	background-color: transparent;
	border: none;
}

.s_btn_m p {
	margin: 0;
	color: white;
	font-size: 18px;
	width: fit-content;
	display: inline-block;
	vertical-align: middle;
}

.dropdown_m {
	width: 100%;
	display: none;
	/* display: block; */
	height: 600px;
    background-color: rgb(26, 114, 186);

}

.drop {
	display: block;
}

.dropdown_m p {
	margin: 0;
	padding-top: 5px ;
    padding-bottom: 5px ;
}

.main_menu_m {
	text-align: center;
	color: white;
	padding: 0 15px 0 15px;
	background-color: rgb(26, 114, 186);
	/* border-top: solid 1px #252525; */
	/* border-top: solid 1px white;  */
	opacity: 0;
	transition: 0.5s;
}

.main_show {
	opacity: 1;
}

.nav_search_m {
	padding-top: 7px;
	padding-bottom: 5px;
}

.btn_search_m {
	width: 35%;
	display: inline-block;
}

.btn_search_m .gsc-control-cse {
	background-color: transparent;
	border: none;
	padding: 10px 0 0 20px;
}

.btn_search_m .gsc-search-button {
	width: 36% !important;
}

.btn_search_m .gsc-search-button-v2 {
	padding: 15px 10px !important;
}


.sub_menu_m {
	text-align: center;
	color: white;
	padding: 0 15px 0 15px;
	background-color: rgb(75 157 225);
	/* border-top: solid 1px #4a4a4a; */
	/* border-top: solid 1px white; */
	opacity: 0;
	transition: 0.5s;
	display: none;
}

.sub_submenu_m {
	text-align: center;
	color: white;
	padding: 0 15px 0 15px;
	background-color: rgb(75 157 225 / 63%);
	/* border-top: solid 1px #4a4a4a; */
	/* border-top: solid 1px white; */
	opacity: 0;
	transition: 0.5s;
	display: none;
}



.sub_show {
	opacity: 1;
	display: block;
}

.nav_logo_m {
	width: 200px;
	vertical-align: baseline;
}

.container_m {
	position: absolute;
	top: 13px;
	right: 15px;
	display: inline-block;
	cursor: pointer;
	width: fit-content;
}

.bar1,
.bar2,
.bar3 {
	width: 30px;
	height: 5px;
	background-color: #fffafa;
	margin: 4px 0;
	transition: 0.4s;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-5px, 6px);
	transform: rotate(-45deg) translate(-5px, 6px);
}

.change .bar2 {
	opacity: 0;
}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-7px, -8px);
	transform: rotate(45deg) translate(-7px, -8px);
}

.three_icon_menu_m {
	width: 100%;
	text-align: center;
	display: inline-block;
	margin-bottom: 5px;
}

.nav_c_icon_m {
	width: 95px;
}



/* Mobile css */

/* Calendar Css */

.md-add-event-demo {
	position: absolute;
	height: 100%;
}

.md-add-event-demo .mbsc-row {
	height: 100%;
}

.md-add-event-demo .md-col-right {
	overflow: auto;
	height: 100%;
	border-left: 1px solid #ccc;
}

.md-add-event-demo .md-delete-btn {
	margin: 0;
	position: absolute;
	right: 10px;
	top: 8px;
	z-index: 1;
	transition: background-color .3s ease-out;
}

.mbsc-material .md-add-event-demo .md-delete-btn {
	top: 6px;
}

.mbsc-windows .md-add-event-demo .md-delete-btn {
	top: 10px;
}

.md-add-event-demo .md-delete-btn.mbsc-btn-outline.mbsc-btn:not(:disabled):not(.mbsc-active):hover:hover {
	background: #f5504e;
	color: #fff;
}

.mbsc-rtl .md-add-event-demo .md-delete-btn {
	right: auto;
	left: 10px;
}

.md-add-event-popup {
	max-width: 400px;
}


/* Calendar Css */

  .btn-test{
	--borderWidth: 5;
  --boxShadowDepth: 8;
  --buttonColor: #e53f37;
  --fontSize: 3;
  --horizontalPadding: 16;
  --verticalPadding: 8;
  background: white;
  border: calc(var(--borderWidth) * 1px) solid var(--buttonColor);
  color: #e53f37;
  cursor: pointer;
  font-size: calc(var(--fontSize) * 1rem);
  font-weight: bold;
  outline: transparent;
  padding: calc(var(--verticalPadding) * 1px) calc(var(--horizontalPadding) * 1px);
  position: relative;
  transition: 0.3s ease-in-out;
  }

  .btn-test:hover {
	background: #e53f37;
	color: white;
  }

  
  

  .btn8 {
	background-color: #facc33;
  }
  .btn8:hover {
    background: white;
    color: #facc33;
  }

  .all_head{
	width: 90%;
    position: relative;
    z-index: 4;
    margin: auto;
    word-break: break-word;
    margin-top: 25px;
	color: black;
	
  }

  .zoom:hover {
	
	-ms-transform: scale(1.2); /* IE 9 */
	-webkit-transform: scale(1.2); /* Safari 3-8 */
	transform: scale(1.2); 
  }

  .glance_align{
	width: 100%;
    text-align: center;
  }

  .open_scale{
	transform: scale(1.5);
  }

  #d_text_img{
	padding-top: 15px;
  }

  .timeline_img{
	  width: 100%;
  }

  .btn_pdf_view{
	padding: 10px 20px;
    background-color: #1a72ba;
    color: white;
    cursor: pointer;
    clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);
  }

  .btn_pdf_view_all{
	padding: 10px 20px;
    background-color: #1a72ba;
    color: white;
    cursor: pointer;
    clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);
  }

  .space_pdf_btn{
	width: 100%;
    padding: 20px 0;
  }

  .pos_wid{
	  width: auto;
  }

  .like_btn_group{
	width: auto;
    display: inline-block;
    margin: 0 10px;
    font-size: 12px;
  }

  .like_btn{
	  border: none;
	  background-color: #1877f2;
	  color: white;
	  border-radius: 4px;
  }

  .like_btn p{
	color: white;
    display: inline;
  }
  .scroll_down{
	position: absolute;
	z-index: 10;
	left: 50px;
	bottom: 50px;
  }

  .scroll_down_text{
	color: white;
	display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    padding: 5px 5px 5px 70px;
    cursor: pointer;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  .scroll_down_text:hover{
	  color: white;
  }

  .scroll_down_bar{
	position: absolute;
    top: 11px;
    left: 0;
    width: 60px;
    height: 2px;
    overflow: hidden;
  }

  @keyframes scrolldown-gradient{
  0% {
	  right:-100%;
	  }
 100% {
	  right:100%;
	}
}
  .scrolldown-gradient{
	position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    height: 4px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: -webkit-linear-gradient(left,rgb(255,255,255) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,rgb(255,255,255) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,rgb(255,255,255) 0%,rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left,rgb(255,255,255) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgb(255,255,255) 0%,rgba(255,255,255,0) 100%);
    -webkit-animation: scrolldown-gradient 2s infinite ease-in-out;
    animation: scrolldown-gradient 2s infinite ease-in-out;
  }

  .c_des{
	  font-size: 14px;
  }

  .c_padd{
	  margin-bottom: 0;
  }

  #go_down{
    position: absolute;
    height: 0px;
    width: 100%;
    bottom: 0;
  }

  .list-none {
	  list-style: none;
  }

  .ul-space{
	  margin-bottom: 10px;
  }

  .ul-padding{
	  padding-left: 0;
  }

  .overflow-s{
	overflow: scroll;
  }

  .world-space{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }