@import url("pagebar.css");
/*--------------------------------------------------------------
# common
--------------------------------------------------------------*/


:root {
	--thm-font: "微软雅黑";
	--heading-font: "微软雅黑";
	--special-font: "Work Sans", sans-serif;
	--thm-base: #12a6d6;
	--thm-base-rgb: 18, 166, 214;
	--thm-black: #0085b0;
	--thm-black-rgb: 91, 62, 53;
}
body {
	font-family: var(--thm-font);
	font-size: 16px;
	line-height: 28px;
	color: #666666;
}

[dir=rtl] .thm__owl-carousel {
	direction: ltr;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--heading-font);
}

a,
a:hover,
a:active,
a:focus {
	text-decoration: none;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	overflow: hidden;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1350px;
	}
}

.thm-btn {
	display: inline-block;
	vertical-align: middle;
	border: none;
	outline: none;
	color: #ffffff;
	font-size: 17px;
	font-weight: 600;
	background-color: var(--thm-base);
	padding: 5px 20px;
	text-align: center;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.thm-btn:hover {
	background-color: #fff;
	color: var(--thm-black);
}
.breadcrumb a{
	color: var(--thm-base);
}

.breadcrumb{
	-ms-flex-pack:end!important;justify-content:flex-end!important
}
/* Cursor*/

.cursor {
	position: absolute;
	background-color: #fff;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	z-index: 1;
	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
	0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
	0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
	0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
	0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
	0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: hidden;
}

.cursor {
	visibility: visible;
}

.cursor.active {
	opacity: 0.5;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.cursor.hovered {
	opacity: 0.08;
}

.cursor-follower {
	position: absolute;
	background-color: RGBA(255, 255, 255, 0.3);
	width: 50px;
	height: 50px;
	border-radius: 100%;
	z-index: 1;
	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
	0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
	0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
	0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
	0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
	0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	visibility: hidden;
}

.cursor-follower {
	visibility: visible;
}

.cursor-follower.active {
	opacity: 0.7;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.cursor-follower.hovered {
	opacity: 0.08;
}

.cursor-follower.close-cursor:before {
	position: absolute;
	content: "";
	height: 25px;
	width: 2px;
	background: #fff;
	left: 48%;
	top: 12px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: inline-block;
}

.cursor-follower.close-cursor:after {
	position: absolute;
	content: "";
	height: 25px;
	width: 2px;
	background: #fff;
	right: 48%;
	top: 12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* bootstrap select */
.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show>.btn-light.dropdown-toggle {
	background-color: inherit !important;
	box-shadow: none !important;
	outline: none !important;
}

.bootstrap-select>.dropdown-toggle {
	box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
	outline: none !important;
}

.bootstrap-select .dropdown-menu {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	z-index: 991;
}

.bootstrap-select .dropdown-menu>li+li>a {
	border-top: 1px solid #f4f4f4;
}

.bootstrap-select .dropdown-menu>li:first-child>a {
	padding-top: 10px;
}

.bootstrap-select .dropdown-menu>li:last-child>a {
	padding-bottom: 10px;
}

.bootstrap-select .dropdown-menu>li.selected>a {
	background: var(--thm-black);
	color: #fff;
}

.bootstrap-select .dropdown-menu>li>a {
	font-size: 16px;
	font-weight: 500;
	padding: 9px 20px;
	color: var(--thm-black);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.bootstrap-select .dropdown-menu>li>a:hover {
	background: var(--thm-black);
	color: #fff;
	cursor: pointer;
}


/*scroll-side*/
.scroll-side{
	width:50px;
	border-radius: 25px;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 990;
	text-align: center;
	background:rgba(255,255,255,0.2);

}
.scroll-side .item{
	margin:5px auto;
	display:block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.scroll-side .item.color1{
	background:#ee9c3c;
}
.scroll-side .item.color1:hover{
	background:#ffb762;
}
.scroll-side .item.color2{
	background:#5d6de6;
}
.scroll-side .item.color2:hover{
	background:#7382f2;
}
.scroll-side .item.color3{
	background:#ef5265;
}
.scroll-side .item.color3:hover{
	background:#f97182;
}
.scroll-side .item.color4{
	background:#4db9a5;
}
.scroll-side .item.color4:hover{
	background:#63ccb9;
}
.scroll-side img{
	margin: 8px auto;
	width:25px;
	height:25px;
}
.scroll-to-top {
	display:block;
	width: 40px;
	height: 40px;
	background: var(--thm-black);
	border-radius: 50%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media (max-width: 480px) {
	.scroll-side{
		bottom: 40px;
		right: 5px;
	}
}
.scroll-to-top:hover {
	background-color: #1ab5e7;
}

/*post-pagination*/

.post-pagination {
	text-align: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.post-pagination a {
	color: var(--thm-black);
	font-size: 18px;
	font-weight: 700;
	border-style: solid;
	border-width: 1px;
	border-color: #e3e9ec;
	padding-left: 18.5px;
	padding-right: 18.5px;
	padding-top: 8px;
	padding-bottom: 8px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.post-pagination a.active,
.post-pagination a:hover {
	color: #fff;
	background-color: var(--thm-black);
	border-color: var(--thm-black);
}

.post-pagination a+a {
	margin-left: 10px;
}

.post-pagination a.active {
	cursor: auto;
}

.post-pagination__prev,
.post-pagination__next {
	border: none !important;
	background-color: transparent !important;
	text-decoration: underline;
	color: var(--thm-black) !important;
	text-transform: uppercase;
	font-size: 14px !important;
}

/* datepicker */
.datepicker-dropdown {
	min-width: 300px;
}

.datepicker-dropdown table {
	width: 100%;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
	background-color: var(--thm-black);
	background-image: none;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
	background-color: var(--thm-base);
	background-image: none;
}

/* preloader */

.preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	z-index: 99999999;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}

.lds-ripple {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid var(--thm-black);
	opacity: 1;
	border-radius: 50%;
	-webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

@-webkit-keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

/*bootstrap thumbnail */
.thumbnail{
	overflow: hidden;
	padding: 0;
	position: relative;
	border: 1px solid transparent;
	background: #ffffff;
	cursor: pointer;
	box-shadow: 0px 0px 0 rgba(0,0,0,0.1);
}
.thumbnail:hover{
	text-decoration: none;
}
.thumbnail img{
	cursor: pointer;
	transition: all 0.6s;
}
.thumbnail:hover img{
	transform: scale(1.05);
}
.thumbnail .badge,
.thumbnail:hover .badge{
	position: absolute;
	top:0;
	right:0;
	z-index: 10;
	font-weight: 100;
	border-radius: 0 0 0 10px;
}
.thumbnail.hover:hover{
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}
.thumbnail .caption{
	color:#333333;
}
.thumbnail .text-time{
	background:#e5f3ff;
	color:#038bff;
	padding:2px 5px;
	border-radius: 3px;

}
.thumbnail .intro-2{
	color:#666666;
	height:50px;
}


/*设置box宽高为指定比例*/
.aspect-box {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
.aspect-box > * /* This targets .aspect-box__content */ {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
}
.aspect-box:before /* This pseudo element uses the padding trick to set the height. */ {
	position: relative;
	display: block;
	content: "";

	box-sizing: border-box;
}
.square {
	aspect-ratio: '1:1';
}
.square:before {
	aspect-ratio: '1:1';
	padding-top: 100%;
}
.rectangle16-9{
	aspect-ratio: '16:9';
}
.rectangle16-9:before {
	padding-top: 56.25%;
}
.rectangle16-10{
	aspect-ratio: '16:10';
}
.rectangle16-10:before {
	padding-top: 62.5%;
}
.rectangle3-4{
	aspect-ratio: '3:4';
}
.rectangle3-4:before {
	padding-top: 120%;
}

/* Block Title */

.block-title p {
	margin: 0;
	font-size: 16px;
	line-height: 1em;
	font-weight: bold;
	color: var(--thm-base);
	text-transform: uppercase;
	letter-spacing: 0.15em;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.block-title p::before {
	content: "";
	width: 60px;
	height: 2px;
	background-color: var(--thm-base);
	display: block;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.block-title h3 {
	font-family: "Playfair Display";
	font-weight: bold;
	color: var(--thm-black);
	font-size: 44px;
}

.block-title-two {
	padding:20px 0;
	position: relative;
}

.block-title-two__line {
	width: 2px;
	height: 110px;
	background-color: var(--thm-base);
	position: absolute;
	top: -55px;
	left: calc(50% - 1px);
}

.block-title-two p {
	margin: 0;
	font-size: 17px;
	line-height: 1em;
	font-weight: bold;
	color: var(--thm-base);
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin-bottom: 30px;
}

.block-title-two h3 {
	font-weight: bold;
	color: var(--thm-black);
	font-size: 24px;
	margin: 0;

}
.block-title-two h3::before {
	content: "";
	position: absolute;
	width: 60px;
	height: 2px;
	bottom:10px;
	left:30px;
	background-color: var(--thm-base);
	display: block;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
/* More Post link */

.more-post__link {
	width: 100px;
	height: 100px;
	display: block;
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	font-size: 14px;
	color: #252930;
	flex-wrap: wrap;
	line-height: 1.2em;
	padding: 0 22px;
	text-transform: uppercase;
}

.more-post__link:hover {
	color: var(--thm-black);
}

.more-post__link .curved-circle {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(0);
	transform: translate(-50%, -50%) rotate(0);
	width: 100px;
	font-size: 8px;
	color: var(--thm-base);
	text-transform: uppercase;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.more-post__link:hover .curved-circle {
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	transform: translate(-50%, -50%) rotate(180deg);
}

/*-------------------------------------------------------------- 
# Animations
--------------------------------------------------------------*/

@-webkit-keyframes ImgBounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

@keyframes ImgBounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

@-webkit-keyframes slideBgImage {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	to {
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}
}

@keyframes slideBgImage {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	to {
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}
}



/* shadowed carousel */

.shadowed__carousel .owl-stage-outer {
	overflow: visible;
}

.shadowed__carousel .owl-item {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 500ms ease, visibility 500ms ease;
	transition: opacity 500ms ease, visibility 500ms ease;
}

.shadowed__carousel .owl-item.active {
	opacity: 1;
	visibility: visible;
}


/*-------------------------------------------------------------- 
# Main Menu
--------------------------------------------------------------*/
.stricked-menu .logo_light,
.logo_dark {
	display: none;
}
.stricked-menu .logo_dark {
	display: block;
}

.main-nav-one .inner-container {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.main-nav-one .side-menu__toggler {
	display: none;
}

.main-nav-one .logo-box {
	border-right: 1px solid #e5e5e5;
	padding: 38.25px 0;
	padding-right: 75px;
}
.main-nav-one .logo-box img {
	width:480px;
}
.main-nav-one .main-nav__main-navigation {
	margin-left: auto;
}

.main-nav-one .main-nav__main-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-nav-one .dropdown-btn {
	display: none;
}

.main-nav-one .main-nav__main-navigation .main-nav__navigation-box {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.main-nav-one .main-nav__navigation-box>li {
	padding: 45.75px 0;
}

.main-nav-one .main-nav__navigation-box>li+li {
	margin-left: 30px;
}

.main-nav-one .main-nav__navigation-box>li>a {
	font-size: 18px;
	color: var(--thm-black);
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.main-nav-one .main-nav__navigation-box .dropdown>a::after {
	content: "\e927";
	font-family: "feather";
	font-weight: 100;
	margin-left: 0px;
}

/* Dropdown menu */

.main-nav__main-navigation .dropdown-btn {
	display: none;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul {
	position: absolute;
	width: 210px;
	background-color: #fff;
	border-top: 2px solid var(--thm-black);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
	-2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-webkit-transform-origin: top;
	transform-origin: top;
	visibility: hidden;
	opacity: 0;
	z-index: 991;
	-webkit-transition: opacity 500ms ease, visibility 500ms ease,
	-webkit-transform 500ms ease;
	transition: opacity 500ms ease, visibility 500ms ease,
	-webkit-transform 500ms ease;
	-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease,
	-webkit-transform 500ms ease;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li {
	position: relative;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul .dropdown>a {
	position: relative;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul .dropdown>a::after {
	position: absolute;
	right: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li+li {
	border-top: 1px solid rgba(var(--thm-black-rgb), 0.15);
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li>a {
	display: block;
	color: var(--thm-black);
	font-size: 16px;
	font-family: var(--thm-font);
	word-break: break-all;
	padding-top: 9.5px;
	padding-bottom: 9.5px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li:hover>a {
	color: #fff;
	background-color: var(--thm-black);
}

/* Second level menu */

.main-nav__main-navigation .main-nav__navigation-box>li>ul {
	top: 100%;
	left: 0;
	-webkit-transform: perspective(300px) scaleY(0) translateZ(30px);
	transform: perspective(300px) scaleY(0) translateZ(30px);

	visibility: hidden;
	opacity: 0;
}

.main-nav__main-navigation .main-nav__navigation-box>li:hover>ul {
	-webkit-transform: perspective(300px) scaleY(1) translateZ(0);
	transform: perspective(300px) scaleY(1) translateZ(0);
	visibility: visible;
	opacity: 1;
}

/* Third level menu */

.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul {
	top: 0;
	left: 100%;
	-webkit-transform: perspective(300px) scaleX(0);
	transform: perspective(300px) scaleX(0);
	visibility: hidden;
	opacity: 0;
	-webkit-transform-origin: left;
	transform-origin: left;
}

.main-nav__main-navigation .main-nav__navigation-box>li>ul>li:hover>ul {
	-webkit-transform: perspective(300px) scaleX(1);
	transform: perspective(300px) scaleX(1);
	visibility: visible;
	opacity: 1;
}

/* After Third level menu */

.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul>li>ul {
	display: none;
}

/* stricked menu */
.stricked-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #35251f;
	box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
	opacity: 0;
	-webkit-transform: translateY(-110%);
	transform: translateY(-110%);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.stricked-menu.stricky-fixed {
	opacity: 1;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

.stricked-menu .logo-box {
	padding-top: 14.25px;
	padding-bottom: 14.25px;
}

.stricked-menu .main-nav__main-navigation .main-nav__navigation-box>li {
	padding: 22px 0;
}

.stricked-menu .main-nav__right {
	padding-top: 22px;
	padding-bottom: 22px;
}

/* home two */

.main-nav-one__home-two .logo-box {
	padding-right: 0;
	border-right: 0;
}

.main-nav-one__home-two .main-nav__right {
	border: none;
	padding-left: 40px;
	margin-left: 0;
}

/* home three */
.main-nav-one__home-three {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 91;
	background: no-repeat center top / 100% 100%;
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1))
}

.main-nav-one__home-three .logo-box {
	border-right: 0;
	padding-right: 0;
}

.main-nav-one__home-three .main-nav__right a,
.main-nav-one__home-three .main-nav__navigation-box>li>a {
	color: #ffffff;
}

.main-nav-one__home-three .main-nav__right {
	padding-left: 0;
	border-left: 0;
	margin-left: 40px;
}

/* home three stricked */
.main-nav-one__home-three.stricked-menu {
	background:#12a6d6;
	position: fixed;
	border-bottom: 0;
}
.main-nav-one__home-three.stricked-menu .main-nav__navigation-box>li>a {
	color: #ffffff;
}
.search-popup__toggler{
	width:30px;
	height:30px;
	border-radius: 15px;
	background:#24b7ed;
	display: block;
	text-align: center;
}

/*-------------------------------------------------------------- 
# Banner
--------------------------------------------------------------*/

.banner-section {
	position: relative;
}

.banner-carousel {
	position: relative;
}

.banner-carousel .slide-item {
	position: relative;
	display: block;
}

.banner-carousel .slide-item:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: 0;
	content: "";
	z-index: 1;
}


.banner-carousel .active .content-box .btn-box {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 1400ms;
	transition-delay: 1400ms;
}

.banner-carousel .content-box .btn-box .thm-btn {
	margin-right: 20px;
	padding: 13.5px 40.5px;
	background-color: #fff;
	color: var(--thm-black);
}

.banner-carousel .content-box .btn-box .thm-btn:hover {
	background-color: var(--thm-black);
	color: #fff;
}

.banner-carousel .content-box .btn-box .thm-btn:last-child {
	margin: 0;
}

.banner-section .owl-theme .owl-nav {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
}

.banner-section .owl-theme .owl-nav .owl-prev {
	position: absolute;
	left: 50px;
	top: 0;
	background: rgba(255, 255, 255, 0.15);
	height: 56px;
	width: 56px;
	border-radius: 50%;
	border: none!important;
	text-align: center;
	color: rgba(0, 0, 0, 0);
	line-height: 56px;
	font-size: 0px;
	opacity: 1;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .owl-theme .owl-nav .owl-prev:after {
	font-family: "feather";
	content: "\e928";
	font-weight: 900;
	position: absolute;
	top: 0;
	width: 56px;
	height: 56px;
	line-height: 56px;
	left: 0;
	color: #ffffff;
	font-size: 24px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .owl-theme .owl-nav .owl-prev:hover:after {
	color: #222;
}

.banner-section .owl-theme .owl-nav .owl-next {
	position: absolute;
	right: 50px;
	top: 0;
	background: rgba(255, 255, 255, 0.15);
	height: 56px;
	width: 56px;
	border-radius: 50%;
	border: none!important;
	text-align: center;
	line-height: 56px;
	color: rgba(0, 0, 0, 0);
	font-size: 0px;
	opacity: 1;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .owl-theme .owl-nav .owl-next:after {
	font-family: "feather";
	font-weight: 900;
	content: "\e929";
	position: absolute;
	top: 0;
	width: 56px;
	height: 56px;
	line-height: 56px;
	right: 0;
	color: #ffffff;
	font-size: 24px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .owl-theme .owl-nav .owl-next:hover:after {
	color: #222;
}

.banner-section .owl-theme .owl-nav .owl-prev:hover,
.banner-section .owl-theme .owl-nav .owl-next:hover {
	opacity: 1;
	background-color: #fff;
}

.banner-section .owl-dots {
	position: absolute;
	left: 0;
	margin: 0;
	bottom: 40px;
	width: 100%;
	text-align: center;
	display: none;
}

.banner-section .owl-dots .owl-dot {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0px 4px;
}

.banner-section .owl-dots .owl-dot span {
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	background: #ffffff;
	border-radius: 50%;
}

.banner-section .btn-style-one .btn-title {
	background-color: #fff;
	color: #222;
}

.banner-section .btn-style-one:hover .btn-title {
	color: #fff;
}

.bg_gradual{
	position: relative;
}
.bg_gradual::before{
	height:300px;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

/*block-title*/
.block-title{
	position: relative;
	width:280px;
	height:100px;
}
.block-title img{
	position: absolute;
	right:0;
	top:0;
}
.block-title.center{
	margin:0 auto;
}
.block-title .more{
	position: absolute;
	right:0;
	top:50px;
}
.block-title.left .more{
	left:220px;
	top:50px;
}
.block-title.right .more{
	left:0;
	top:50px;
}
.block-title.right img{
	right:0;
	left:0;
}

.block-title .more {
	color: #252930;
	font-size: 14px;
	font-weight: thin;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	position: absolute;
	display: inline-block;
}

.block-title .more::before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: var(--thm-base);
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.block-title .more:hover {
	color: var(--thm-base);
}

.block-title .more:hover::before {
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}



.section1 {
	position: relative;
	background-position: center center;
	background-repeat:no-repeat;
	background-size: cover;
	background-image: url(../images/backgrounds/bg-1.jpg);
}
/*section-sfq*/
.section-sfq {
	margin-bottom: 50px;
}

.section-sfq .inner-container {
	margin-top: -19vw;
	position: relative;
	z-index: 11;
}

.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.section-sfq .list-sfq {
	padding-left: 12.2%;
	max-width: 100%;
	margin: 0 auto;
	flex-wrap: nowrap;
}

.section-sfq .list-sfq li {
	position: relative;
	width: 18%;
	overflow: hidden;
	transition: .3s
}

.section-sfq .list-sfq li img {
	height: 100%;
	max-width: inherit;
	max-height: 30vw
}

.section-sfq .list-sfq li .txt {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	color: #fff;
	word-break: nowrap;
	width: 100%;
	text-align: center;
	padding: 0 5%;
	font-size: 14px;
}

.section-sfq .list-sfq li .txt h4 {
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px
}

.section-sfq .list-sfq li .slide {
	position: absolute;
	top: 0;
	right: -100%;
	bottom: 0;
	z-index: 2;
	width: 100%;
	background: url(../images/list-sfq-bg1-2.png) no-repeat 101% center;
}

.section-sfq .list-sfq li.cur {
	width: 28%
}

.section-sfq .list-sfq li.cur .slide {
	right: 0;
}

.section-sfq .list-sfq li .pic:before {
	background: url(../images/list-sfq-bg2-2.png) no-repeat center;
	background-size: cover;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: 110% 110%
}

.section-sfq .list-sfq li.cur .pic:before {
	opacity: 0;
	visibility: hidden
}

.section-sfq .list-sfq li.cur .txt {
	opacity: 0;
	visibility: hidden
}

.section-sfq .list-sfq li:nth-child(1) .pic:before {
	background: url(../images/list-sfq-bg2-5.png) no-repeat center;
	background-size: 110% 110%;
}
.section-sfq .list-sfq li:nth-child(2) .pic:before {
	background: url(../images/list-sfq-bg2-4.png) no-repeat center;
	background-size: 110% 110%;
}
.section-sfq .list-sfq li:nth-child(3) .pic:before {
	background: url(../images/list-sfq-bg2-3.png) no-repeat center;
	background-size: 110% 110%;
}
.section-sfq .list-sfq li:nth-child(4) .pic:before {
	background: url(../images/list-sfq-bg2-2.png) no-repeat center;
	background-size: 110% 110%;
}
.section-sfq .list-sfq li:nth-child(5) .pic:before {
	background: url(../images/list-sfq-bg2-1.png) no-repeat center;
	background-size: 110% 110%;
}

@media screen and (min-width: 1960px) {
	.section-sfq .list-sfq {
		padding-left: 0
	}
}
@media screen and (min-width: 1960px) {
	.homea .list {
		padding-left: 0
	}
}
@media screen and (max-width: 1600px) {
	.section-sfq .list-sfq {
		padding-left: 0;
		width: 90%
	}
	.section-sfq .list-sfq li{
		width: 18%
	}
}
@media screen and (max-width: 1366px) {
	.section-sfq .list-sfq {
		width: 94%;
		justify-content: flex-end;
	}
	.section-sfq .list-sfq li {
		width: 18%;
	}
	.section-sfq .list-sfq li.cur {
		width: 25%;
	}
	.section-sfq {
		margin-bottom: 50px
	}
}

@media screen and (max-width: 1200px) {
	.section-sfq .list-sfq {
		width: 100%;
		justify-content: flex-end;
	}
	.section-sfq .list-sfq li {
		width:18%;
	}
	.section-sfq .list-sfq li.cur {
		width: 25%;
	}
}

@media screen and (max-width: 980px) {
	.section-sfq .list-sfq li:nth-child(4) {
		display: none
	}
	.section-sfq .list-sfq li {
		width: 30%
	}
	.section-sfq .list-sfq li img {
		max-height: 40vw
	}
	.section-sfq .list-sfq li.cur {
		width: 40%
	}
	.section-sfq .list-sfq li .txt span {
		font-size: 17px
	}
}


@media screen and (max-width: 640px) {
	.section-sfq .inner-container {
		margin-top: -80vw;
	}
	.section-sfq .list-sfq li:nth-child(3) {
		display: none
	}
	.section-sfq .list-sfq li {
		width: 45%
	}
	.section-sfq .list-sfq li img {
		max-height: 55vw
	}
	.section-sfq .list-sfq li.cur {
		width: 55%
	}
	.section-sfq .list-sfq li .txt span {
		font-size: 0.87em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		height: 60px;
		overflow: hidden;
	}
	.section-sfq .list-sfq li .txt {
		font-size: 12px
	}
	.section-sfq .list-sfq li .txt dd {
		display: none;
	}
	.section-sfq .list-sfq li.cur .txt dd {
		display: none;
	}
}


.section-news{
	padding-bottom:50px;
}
/*
news style
*/

.news-slide{
	-webkit-box-shadow: 0px 30px 50px 0px rgba(8, 13, 62, 0.15);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.news-slide .carousel-inner{
	padding-bottom:100px;
}
.news-slide .carousel-indicators{
	margin-bottom:110px;
}
.news-slide .carousel-indicators li{
	background-color:rgba(255,255,255,0.9);
	width:20px;
}
.news-slide .carousel-indicators .active{
	background-color:#12a6d6;
}
.news-slide .carousel-caption{
	background-color:#ffffff;
	background-image: url(../images/backgrounds/bg-2.jpg);
	height:110px;
	right:0;
	bottom:-100px;
	left:0;
	padding:20px;
	color:#333333;
	text-align:left;
	z-index: 100;
}
.news-slide .carousel-caption h5{
	font-size:18px;
	font-weight: bold;
	color:#12a6d6;
}
.news-slide .carousel-caption p{
	font-size: 14px;
	line-height: 20px;
	color:#666666;
}
.section2 {
	background:#12a6d6;
	padding-bottom:20px;
}
.section2 .inner-bg{
	position: relative;
	margin-top:-20px;
	background-position:top  left;
	background-repeat:repeat-y;
	background-size: 49%;
	background-image: url(../images/backgrounds/bg-2.jpg);
}
.section-tzgg{
	padding:20px 0;
	margin:0;
}
@media(max-width: 767px) {
	.section2 .inner-bg{
		background-size: 100%;
		background-repeat:no-repeat;
	}
	.section-tzgg{
		padding:20px 0;
		background-image: url(../images/backgrounds/bg-2.jpg);
	}
}
.section-events .media{
	background:rgba(0,0,0,0.1);
	padding:15px;
	color:#ffffff;
	margin-bottom:20px;
	cursor: pointer;
	border-left:2px solid transparent;
}
.section-events .media:hover{
	border-left:2px solid #00c1ff;
}
.section-events .media h5{
	font-size: 17px;
	font-weight: bold;
}
.section-events .media p{
	font-size: 14px;
}

.section3 {
	position: relative;
	background-position: center center;
	background-repeat:no-repeat;
	background-size: cover;
	background-image: url(../images/backgrounds/bg-1.jpg);
}
.section-jxyr{

}

.section4 {
	position: relative;
	background-position: center center;
	background-repeat:no-repeat;
	background-size: cover;
	background-image: url(../images/backgrounds/bg-4.jpg);
	padding-bottom:260px;
}
.section-dycz .media-a{
	cursor: pointer;
}

.section-dycz .media-a:first-child,
.section-dycz .media-a:last-child{
	float:right;
}
.section-dycz .media-a:first-child .img,
.section-dycz .media-a:last-child .img{
	float:left;
}
.section-dycz .media-a:first-child .media-body,
.section-dycz .media-a:last-child .media-body{
	float:right;
}
.section-dycz .media-a{
	background:#ffffff;
	padding:20px;
	position: relative;
	width:85%;
	margin-bottom:50px;
	clear: both;
}
.section-dycz .media-a .media-body{
	float:left;
	width:calc(100% - 320px);
}
.section-dycz .media-a .img{
	float:right;
	width:280px;
	margin-top:-50px;
	box-shadow: 10px 10px 0px 0px rgba(15, 143, 185, 0.5);
}
.section-dycz .media-a h5{
	font-size: 18px;
	color:#ff8a00;
	font-weight: bold;
}
.section-dycz .media-a span{
	font-size: 14px;
}
.section-dycz .media-a p{
	font-size: 14px;
}
@media(max-width: 767px) {
	.section4 {
		padding-bottom:200px;
	}
	.section-dycz .media-a:first-child,
	.section-dycz .media-a:last-child{
		float:none;
	}
	.section-dycz .media-a:first-child .img,
	.section-dycz .media-a:last-child .img{
		float:none;
	}
	.section-dycz .media-a:first-child .media-body,
	.section-dycz .media-a:last-child .media-body{
		float:none;
	}
	.section-dycz .media-a{
		width:100%;
		margin-bottom:50px;
		clear: both;
	}
	.section-dycz .media-a .media-body{
		margin-top:10px;
		width:100%;
	}
	.section-dycz .media-a .img{
		float:none;
		width:100%;
		margin-top:-50px;
		box-shadow: 10px 10px 0px 0px rgba(15, 143, 185, 0.5);
	}
}
.section-syfw{
	margin-top:-200px;
	padding:20px;
	position: relative;
	background-position: center center;
	background-repeat:no-repeat;
	background-size: 100%;
	background-image: url(../images/backgrounds/bg-5.jpg);
}
.section-syfw .card,
.section-syfw .thumbnail{
	border-radius: 0 0 0 0;
	position: relative;
	cursor: pointer;
	z-index: 10;
}
.section-syfw .card .card-body{
	padding:15px;
}
.section-syfw .card .card-title{
	color:#333333;
	font-size: 16px;
}
.section-syfw .card .card-text{
	font-size: 14px;
}
.section-syfw .card span{
	color:#12a6d6;
}
.section-syfw .card .triangle{
	position: absolute;
	bottom:2px;
	right:2px;
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #12a6d6;
}
.section-syfw .card .title,
.section-syfw .card:hover .title{
	position: absolute;
	text-align: center;
	line-height: 40px;
	top:-20px;
	left:20px;
	width: 120px;
	height: 40px;
	background:#ff8a00;
	color:#ffffff;
	z-index: 20;
}
@media(max-width: 767px) {
	.section-syfw .card{
		margin-bottom:30px;
	}
}
.secation6{
	padding:50px 0 ;
}
.secation6 .links a{
	color:#333333;
}
.secation6 .links a img{
	width:100px;
	height:100px;
	border-radius: 50px;
	border:1px solid #ebebeb;
	margin-bottom:20px;
}

.section-sub-container{
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image: url(../images/backgrounds/bg-1-1.jpg);

}
/*-------------------------------------------------------------- 
# Main Footer 
--------------------------------------------------------------*/
.site-footer{
	background:#0085b0;
}
.site-footer__upper {
	padding:50px 0 20px 0;
}

.footer-widget {
	margin-bottom: 10px;
}

.footer-widget p {
	margin: 0;
	font-size: 14px;
	line-height: 24px;
	color: rgba(255,255,255,0.8);
}

.footer-widget p+p {
	margin-top: 10px;
}


.site-footer__bottom {
	font-size: 14px;
}

.site-footer__bottom .inner-container {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	border-top: 1px solid rgba(255,255,255,0.1);
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.site-footer__bottom .inner-container p{
	color:rgba(255,255,255,0.5)
}
.site-footer .card{
	background:transparent;
	border:none;
	cursor: pointer;
}
.site-footer .card .card-title{
	text-align: center;
	color:rgba(255,255,255,0.8);
	font-size: 14px;
}
.site-footer .card .img-box{
	border: 1px dashed rgba(255,255,255,0.1);
	background:rgba(255,255,255,0.05);
	padding:40px;
}
.site-footer .card:hover .img-box{
	border: 1px dashed rgba(0,0,0,0.1);
	background:rgba(0,0,0,0.05);
	padding:40px;
}
.site-footer .card:hover .card-title{
	color:#ffffff;
}
/*-------------------------------------------------------------- 
 # SideMenu 
 --------------------------------------------------------------*/

.side-menu__block {
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform 0.7s ease;
	transition: -webkit-transform 0.7s ease;
	transition: transform 0.7s ease;
	transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}

.side-menu__block.active {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.side-menu__block-overlay {
	width: 100%;
	height: 100%;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	opacity: 0.7;
}

.side-menu__block-inner {
	position: relative;
	width: 300px;
	margin-left: auto;
	height: 100vh;
	background-color: #0085b0;
	z-index: 999999;
	overflow-y: auto;
	padding: 40px 0;
	padding-top: 60px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	align-content: space-between;
}

.side-menu__block-inner .mCustomScrollBox {
	width: 100%;
}

.side-menu__close-btn {
	position: absolute;
	top: 20px;
	right: 30px;
	z-index: 9999999;
	font-size: 18px;
	color: #fff;
	opacity: 1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.side-menu__close-btn:hover {
	color: var(--thm-base);
}

.mobile-nav__container {
	margin: 40px 0;
	border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);
	border-bottom: 1px solid rgba(var(--thm-base-rgb), 0.3);
}

.mobile-nav__container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mobile-nav__container li.dropdown ul {
	display: none;
}

.mobile-nav__container li.dropdown {
	position: relative;
}

.mobile-nav__container li.dropdown .dropdown-btn {
	border: none;
	outline: none;
	width: 35px;
	height: 35px;
	background-color:rgba(0,0,0,0.2);
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 10px;
	right: 0;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: transfrom 500ms ease, color 500ms ease,
	background-color 500ms ease;
	transition: transfrom 500ms ease, color 500ms ease,
	background-color 500ms ease;
}

.mobile-nav__container li.dropdown .dropdown-btn.open {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background: #ffffff;
	color: var(--thm-black);
}

.mobile-nav__container li+li {
	border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);
}

.mobile-nav__container li>ul {
	border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);
}

.mobile-nav__container li a {
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	display: block;
	font-family: var(--thm-font);
	padding: 10px 0;
	padding-left: 30px;
	padding-right: 30px;
	border-left: 3px solid transparent;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	position: relative;
}

.mobile-nav__container li a:hover {
	background-color: var(--thm-base);
	color: #ffffff;
}

.mobile-nav__container li.current-menu-item>a,
.mobile-nav__container li.current>a {
	border-color: var(--thm-primary);
	background-color: var(--thm-base);
}

.mobile-nav__container .navigation-box__right {
	border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);
}

.side-menu__logo {
	padding-left: 30px;
}


/* side content */

.side-content__block {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform 0.7s ease;
	transition: -webkit-transform 0.7s ease;
	transition: transform 0.7s ease;
	transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}

.side-content__block.active {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.side-content__block-overlay {
	width: 100%;
	height: 100%;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	opacity: 0.7;
}

.side-content__block-inner {
	position: relative;
	width: 300px;
	height: 100vh;
	background-color: #fff;
	z-index: 999999;
	overflow-y: auto;
	padding: 20px 15px;
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	align-content: space-between;
}

.side-content__block-inner .mCustomScrollBox {
	width: 100%;
}

.side-content__block .main-navigation .submenu {
	display: none;
}

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

.side-content__block__title {
	font-size: 20px;
	color: var(--thm-black);
	margin: 0;
	margin-bottom: 15px;
}

.side-content__block-line {
	margin: 40px 0;
	border-color: rgba(48, 46, 47, 0.2);
}

.side-content__block-about {
	margin-top: 40px;
}

.side-content__block-about__btn:hover {
	background-color: var(--thm-black);
	color: #fff;
}

.side-content__block-contact__list {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 30px;
}

.side-content__block-contact__list-item {
	color: var(--thm-black);
	font-size: 15px;
	position: relative;
	padding-left: 30px;
}

.side-content__block-contact__list-item a {
	color: inherit;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.side-content__block-contact__list-item a:hover {
	color: var(--thm-black);
}

.side-content__block-contact__list-item i {
	font-size: 17px;
	color: var(--thm-black);
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.side-content__block-contact__list-item+.side-content__block-contact__list-item {
	margin-top: 10px;
}

.side-content__block__text-copy {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.side-content__block__text-copy a {
	color: inherit;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.side-content__block__text-copy a:hover {
	color: var(--thm-black);
}

.side-content__block__text a {
	color: var(--thm-black);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.side-content__block__text a:hover {
	color: var(--thm-black);
}

/*-------------------------------------------------------------- 
 # Search Popup 
 --------------------------------------------------------------*/

.search-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transition: -webkit-transform 0.7s ease;
	transition: -webkit-transform 0.7s ease;
	transition: transform 0.7s ease;
	transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}

.search-popup.active {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.search-popup__overlay {
	width: 100%;
	height: 100%;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	opacity: 0.7;
	cursor: none;
}

.search-popup__inner {
	position: absolute;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.search-popup__form {
	position: relative;
	z-index: 9991;
	width: 100%;
	padding: 15px;
	max-width: 600px;
	position: relative;
}

.search-popup__form input {
	background-color: transparent;
	border: none;
	outline: none;
	width: 100%;
	height: 60px;
	color: var(--thm-black);
	font-size: 18px;
	background-color: white;
	padding-left: 30px;
}

.search-popup__form ::-webkit-input-placeholder {
	opacity: 1;
	color: var(--thm-black);
}

.search-popup__form ::-moz-placeholder {
	opacity: 1;
	color: var(--thm-black);
}

.search-popup__form :-ms-input-placeholder {
	opacity: 1;
	color: var(--thm-black);
}

.search-popup__form ::-ms-input-placeholder {
	opacity: 1;
	color: var(--thm-black);
}

.search-popup__form ::placeholder {
	opacity: 1;
	color: var(--thm-black);
}

.search-popup__form input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: var(--thm-black);
}

.search-popup__form input::-moz-placeholder {
	/* Firefox 19+ */
	color: var(--thm-black);
}

.search-popup__form input:-ms-input-placeholder {
	/* IE 10+ */
	color: var(--thm-black);
}

.search-popup__form input:-moz-placeholder {
	/* Firefox 18- */
	color: var(--thm-black);
}

.search-popup__form button[type="submit"] {
	border: none;
	outline: none;
	width: 60px;
	height: 60px;
	color: #fff;
	background-color: var(--thm-black);
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.search-popup__form button[type="submit"]:hover {
	background-color: var(--thm-base);
	color: #fff;
}


/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/

.testimonials-one {
	background-color: #f5f7fa;
}

.testimonials-one .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.testimonials-one .block-title {
	margin-bottom: 60px;
}

.testimonials-one__block {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 520px;
}

.testimonials-one__carousel .owl-item img {
	width: auto;
}

.testimonials-one .my-auto {
	width: 100%;
	display: block;
}

.testimonials-one__author {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.testimonials-one__author img {
	border-radius: 50%;
}

.testimonials-one__author h4 {
	margin: 0;
	font-size: 16px;
	color: var(--thm-black);
	font-family: var(--thm-font);
	text-transform: uppercase;
	margin-left: 15px;
}

.testimonials-one__single>p {
	margin: 0;
	font-family: var(--heading-font);
	font-size: 16px;
	color: #000000;
	line-height: 32px;
	font-style: italic;
	margin-top: 30px;
	margin-bottom: 15px;
}

.testimonials-one__carousel.owl-theme .owl-nav {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	justify-content: flex-start;
}

.testimonials-one__carousel.owl-theme .owl-nav {
	margin-top: 45px;
}

.testimonials-one__carousel.owl-theme .owl-nav [class*=owl-] {
	width: 60px;
	height: 45px;
	border: 1px solid var(--thm-base);
	opacity: 50%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-transition: 500ms;
	transition: 500ms;
	position: relative;
	outline: none;
	margin: 0;
	padding: 0;
}

.testimonials-one__carousel.owl-theme .owl-nav [class*=owl-]:hover {
	border-color: var(--thm-base);
	background-color: transparent;
	opacity: 100%;
}


.testimonials-one__carousel.owl-theme .owl-nav [class*=owl-]+[class*=owl-] {
	margin-left: 10px;
}

.testimonials-one__carousel.owl-theme .owl-nav [class*=owl-] span {
	color: rgba(0, 0, 0, 0);
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	position: relative;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}


.testimonials-one__carousel.owl-theme .owl-nav [class*=owl-] span::before {
	content: '\e90e';
	color: var(--thm-base);
	font-size: 17px;
	font-family: "feather";
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}

.testimonials-one__carousel.owl-theme .owl-nav [class*=owl-]:nth-child(2) span::before {
	content: '\e90f';
}


/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/

.page-header {
	background-repeat: no-repeat;
	background-position:top center;
	background-attachment: inherit;
	position: relative;
	padding-top: 200px;
	padding-bottom: 200px;
}


.page-header::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/*background-color: #000000;*/
	/*opacity: 30%;*/
}

.page-header .container {
	position: relative;
	text-align: center;
}

.page-header h2 {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	margin: 0;
}



/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/

.team-one {
	background-color: #f5f7fa;
	padding-bottom: 95px;
}

@media(min-width: 1200px) {
	.team-one .container>.row {
		margin-left: -53px;
		margin-right: -53px;
	}

	.team-one .container>.row>[class*=col-] {
		padding-left: 53px;
		padding-right: 53px;
	}
}

.team-one .block-title-two {
	padding-top: 150px;
}

.team-one__single {
	margin-bottom: 65px;
}

.team-one__image {
	background-color: #000000;
	position: relative;
	overflow: hidden;
}

.team-one__image>img {
	width: 100%;
	opacity: 1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-one__single:hover .team-one__image>img {
	opacity: 0.7;
}

.team-one__social {
	position: absolute;
	width: 100%;
	background-color: var(--thm-base);
	text-align: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	bottom: 0;
	left: 0;
	padding-top: 25px;
	padding-bottom: 25px;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
}

.team-one__single:hover .team-one__social {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
	visibility: visible;
}

.team-one__social a {
	display: -webkit-box;
	display: flex;
	width: 40px;
	height: 40px;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, .3);
	color: #fff;
	-webkit-transition: 500ms;
	transition: 500ms;
	font-size: 14px;
	border-radius: 50%;
}

.team-one__social a:hover {
	color: var(--thm-black);
	border-color: #ffff;
	background-color: #fff;
}

.team-one__social a+a {
	margin-left: 10px;
}

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

.team-one__content h3 {
	color: var(--thm-black);
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 10px;
}

.team-one__content p {
	margin: 0;
	color: var(--thm-base);
	text-transform: uppercase;
	font-size: 16px;
}

/*--------------------------------------------------------------
# Video
--------------------------------------------------------------*/

.video-one {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;

	position: relative;

}

.video-one::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	opacity: 0.3;
}

.video-one .container {
	position: relative;
	padding-top: 320px;
	padding-bottom: 320px;
}

.video-one__btn {
	width: 110px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	border: 4px solid #fff;
	border-radius: 50%;
	font-size: 40px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.video-one__btn:hover {
	background-color: #fff;
	color: var(--thm-black);
}

/* event two */

.event-two {
	padding-bottom: 0px;
	position: relative;
}

.event-two__sculpture {
	position: absolute;
	top: -120px;
	right: 3%;
	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;
	animation: ImgBounce 5s ease-in-out 0s infinite alternate;
}

.event-two .container {
	position: relative;
}

.event-two__single+.event-two__single {
	margin-top: 70px;
}

.event-two__single:nth-child(odd) .row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
}

.event-two__single:nth-child(even) .row .event-two__content {
	padding-left: 50px;
}

.event-two__single:nth-child(odd) .row .event-two__content {
	padding-right: 50px;
}

.event-two__image {
	position: relative;
}

.event-two__image::before {
	content: '';
	width: 250px;
	height: 202px;
	background-image: url(../images/shapes/event-2-dot-1.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -75px;
}


.event-two__single:nth-child(odd) .event-two__image::before {
	left: auto;
	right: -75px;
}

.event-two__image {
	display: inline-block;
	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.2);
}

.event-two__image-inner>img {
	position: relative;
	width:100%;
}

.event-two__image-inner {
	overflow: hidden;
	background-color: var(--thm-black);
}


.event-two__image-inner>img {
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.event-two__image:hover .event-two__image-inner>img {
	opacity: 0.5;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
/*.event-two__image-inner::after {*/
/*content: "";*/
/*width: 150%;*/
/*height: 200%;*/
/*position: absolute;*/
/*top: -100%;*/
/*left: -180%;*/
/*z-index: 11;*/
/*-webkit-transition: 1s;*/
/*transition: 1s;*/
/*-webkit-transform: rotate(30deg) scale(1.2);*/
/*transform: rotate(30deg) scale(1.2);*/
/*background: -webkit-gradient(linear,*/
/*left top, right top,*/
/*color-stop(50%, rgba(255, 255, 255, 0)),*/
/*to(rgba(255, 255, 255, 0.7)));*/
/*background: linear-gradient(90deg,*/
/*rgba(255, 255, 255, 0) 50%,*/
/*rgba(255, 255, 255, 0.7) 100%);*/
/*}*/

/*.event-two__single:hover .event-two__image-inner::after {*/
/*top: 100%;*/
/*left: 100%;*/
/*-webkit-transform: rotate(0);*/
/*transform: rotate(0);*/
/*}*/


.event-two__content .block-title {
	margin-bottom: 30px;
	height:auto;
	width:100%;
}

.event-two__content .block-title p {
	font-size: 15px;
}

.event-two__content .block-title h3 {
	font-size: 20px;
	margin-top: 15px;
}

.event-two__content>p {
	margin: 0;
	color: #848484;
	font-size: 14px;
	line-height: 28px;
}

.event-two__btn {
	border: 2px solid #e5e5e5;
	background-color: transparent;
	color: #252930;
	margin-top: 30px;
}

.event-two__btn:hover {
	background-color: var(--thm-black);
	color: #fff;
	border-color: var(--thm-black);
}

.event-two__event-1-page {
	padding-top: 150px;
}

.event-two__event-1-page .more-post__block {
	margin-top: 70px;
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

.blog-one {
	padding-top: 150px;
	padding-bottom: 120px;
}

.blog-one__top {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-bottom: 55px;
}

.blog-one__single {
	background: #ffffff;
}

.blog-one__image {
	overflow: hidden;
	background-color: var(--thm-black);
}

.blog-one__image>img {
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-one__single:hover .blog-one__image>img {
	opacity: 0.5;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.blog-one__date {
	display: inline-block;
	vertical-align: middle;
	color: #252930;
	line-height: 45px;
	padding-left: 20px;
	padding-right: 20px;
	background-color:rgba(255,255,255,0.5);
	position: absolute;
	top: 35px;
	left: 40px;
	text-transform: uppercase;
}

.blog-one__date i {
	color: var(--thm-base);
	margin-right: 4px;
}

.blog-one__content {
	position: relative;
	padding-top: 30px;
	padding-bottom: 25px;
	padding-left: 20px;
	padding-right: 20px;
	box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);
}

.blog-one__content::before {
	content: "";
	width: 2px;
	height: 40px;
	background-color: var(--thm-base);
	position: absolute;
	top: -20px;
	right: 40px;
	z-index: 10;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-one__single:hover .blog-one__content::before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.blog-one__meta {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin: 0;
	margin-bottom: 5px;
}

.blog-one__meta li {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	color: var(--thm-base);
	text-transform: uppercase;
	font-size: 14px;
}

.blog-one__meta li a {
	color: inherit;
}

.blog-one__meta li+li:before {
	content: "|";
	margin-left: 14px;
	margin-right: 14px;
}

.blog-one__content h3 {
	margin: 0;
	font-size: 24px;
	line-height: 34px;
	color: var(--thm-black);
	margin-bottom: 15px;
}

.blog-one__content h3 a {
	color: inherit;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.blog-one__content h3 a:hover {
	color: var(--thm-base);
}

.blog-one__content p {
	margin: 0;
	font-size: 14px;
	line-height: 28px;
	color: #848484;
	margin-bottom: 10px;
}

.blog-one__link {
	color: #252930;
	font-size: 14px;
	font-weight: thin;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	position: relative;
	display: inline-block;
}

.blog-one__link::before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: var(--thm-base);
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.blog-one__link:hover {
	color: var(--thm-base);
}

.blog-one__link:hover::before {
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
/* article */
.article{
	padding:20px;
}
.article h3{
	margin: 0;
	color:#333333;
	font-size: 28px;
	line-height: 55px;
	font-weight: bold;
	padding:10px 0;
	text-align: center;
}
.article .publish-info{
	background: #ffffff;
	padding:5px;
	font-size: 14px;
	text-align: center;
}
.article-more .item a{
	padding:5px;
	color:#333333;
	display: block;
}
.article-more .item a:hover{
	color:#12a6d6;
	background:rgba(18,166,214,0.05)

}
.article .back-link{
	display: block;
	padding:5px 10px;
	color:#12a6d6;
	border:1px solid #12a6d6
}
.article .back-link:hover{
	display: block;
	padding:5px 10px;
	color:#12a6d6;
	border:1px solid #12a6d6;
	background:rgba(18,166,214,0.05)
}



/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

.sidebar {
	background-color:#fbfbfb;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-image:url(../images/sidebar-bg.jpg);
	margin-top:-50px;
	position: relative;
	z-index: 10;
	min-height: 800px;
	box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important
}

/*side-nav*/
.side-nav .nav-item a{
	display: block;
	width:100%;
	color:#333333;
}
.side-nav .nav-item{
	background:#ffffff;
	width:100%;
	padding: 5px 0;
	margin:5px 0;
	border:1px solid #ebebeb;
	position: relative;
}

.side-nav .nav-item.active {
	width:100%;
	background:var(--thm-base);
	color:#ffffff;

}
.side-nav .nav-item:after,
.side-nav .nav-item.active:after,
.side-nav .nav-item:hover::after{
	content: "\e929";
	font-family: 'feather';
	position: absolute;
	right: 5px;
	top:12px;
}
.side-nav .nav-item:hover{
	width:100%;
	position: relative;
	background:var(--thm-base);
	color:#ffffff;
}
.side-nav .nav-item:hover .nav-link,
.side-nav .nav-item.active .nav-link{
	color:#ffffff;
}

.sidebar-title {
	margin-top:-10px;
	height:106px;
	width:100%;
	color:#ffffff;
	margin-bottom: 20px;
	background-image:url(../images/siderbar-title-bg.png);
	background-size: 100%;
	background-repeat:no-repeat ;
}
.sidebar-title h3{
	font-weight: bold;
	font-size: 28px;
	padding:30px 20px 0 80px;
}
.sidebar-title h3:before{
	content: "";
	position: absolute;
	left: 95px;
	top:16px;
	height:2px;
	width: 50px;
	background: #0ec7e4;

}

.sidebar-title2{
	border-radius: 5px;
	padding:15px 20px;
	font-size: 24px;
	color:#ffffff;
	background:var(--thm-base);
}
.sidebar-title2 h3{
	font-size:20px;
	padding: 0;
	margin: 0;
}
.sidebar__single .sidebar__title+p {
	margin-top: -20px;
}


.sidebar__tags {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-top: -10px;
	margin-left: -10px;
}

.sidebar__tags a {
	border: 1px solid #e5e5e5;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	font-size: 15px;
	color: var(--thm-black);
	-webkit-transition: 500ms;
	transition: 500ms;
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px 17px;
}

.sidebar__tags a:hover {
	color: #fff;
	background-color: var(--thm-base);
	border-color: var(--thm-base);
}


.list-media .img{
	width:200px;
}
.list-media .title{
	font-size: 18px;
	line-height: 24px;
	color:#333333;
}
.list-media .summary{
	font-size:14px;
}
.list-media .time{
	font-size:14px;
	color:var(--thm-base);
}
.list-media .media:hover{
	background:var(--thm-base);
	color:#ffffff;
	border-left:2px solid #ffffff;
}
.list-media .media:hover .title,
.list-media .media:hover .time{
	color:#ffffff;
}


.list-text{
	cursor: pointer;
}
.list-text .time-left{
	color:#12a6d6;
	padding-right:15px;
	padding-top:6px;
	line-height: 20px;
	font-size: 14px;
	width:100px;
	text-align: right;
	position: relative;
	z-index: 3;
}
.list-text .time-left .day{
	font-size: 24px;
}
.list-text .media-body{
	border-left:1px solid #12a6d6;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	z-index: 3;
}
.list-text .title{
	color:#333333;
	font-size: 18px;
	line-height:28px;
	position: relative;
	z-index: 3;
	margin-bottom:10px;
}
.list-text .desc{
	font-size: 14px;
	margin:0;
}


.news-list ul li {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
.news-list ul li .title{
	font-weight: bold;
}
.news-list ul li:first-child {
	border-top: 1px solid transparent
}

.news-list ul li.cur {
	border-top: 1px solid transparent
}

.news-list ul li.cur+li {
	border-top: 1px solid transparent
}

.news-list  ul li.cur span,
.news-list  ul li.cur .title{
	color: #ffffff;
}
.news-list  ul li.cur .media-body{
	border-left:2px solid #ffffff;
}
.news-list  ul li .desc {
	display: none;
	font-size: 15px;
	color: #fff;
	opacity: .7;
	line-height: 1.6em
}
.news-list ul li.cur .desc {
	display: block;
	position: relative;
	z-index: 3
}
.news-list  ul li:after {
	background:#12a6d6 no-repeat center;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	z-index: 0;
}

.news-list  ul li.cur:after {
	width: 100%;
	transition: .5s
}

.gg-list ul li {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	border-left: 4px solid transparent
}
.gg-list ul li .title{
	font-weight: bold;
}
.gg-list ul li:first-child {
	border-top: 1px solid transparent
}

.gg-list ul li.cur {
	border-top: 1px solid transparent
}

.gg-list ul li.cur+li {
	border-top: 1px solid transparent
}
.gg-list  ul li .time-left{
	color: #333;
	font-weight: 100;
}
.gg-list  ul li.cur span,
.gg-list  ul li.cur .title{
	color: #333;
}
.gg-list  ul li .media-body,
.gg-list  ul li.cur .media-body{
	border-left:1px solid #333;
}

.gg-list  ul li:after {
	background:rgba(0,174,187,0.3) no-repeat center;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	z-index: 0;
}

.gg-list  ul li.cur:after {
	border-left:4px solid #15b4bf;
	width: 100%;
	transition: .5s
}