@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('odometer-theme-default.css');
/*** 
		
		====================================================================
			Reset
		====================================================================
		
		***/

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	font-size: 100%;
	line-height: inherit;
}
/*** 
		
		====================================================================
			Global Settings
		====================================================================
		
		***/

.page-wrapper {
	position: relative;
	width: 100%;
	min-width: 300px;
	z-index: 9;
	margin: 0px auto;
	overflow: hidden;
}
body {
	font-size: 16px;
	color: #222;
	line-height: 1.7em;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	background: rgb(255, 255, 255);
	font-family: 'Microsoft Yahei', sans-serif;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:focus, a:visited {
	text-decoration: none !important;
	outline: none;
}
h1, h2, h3, h4, h5, h6 {
	position: relative;
	font-weight: normal;
	line-height: 1.25em;
	margin: 0px;
	background: none;
	color: #242424;
}
textarea {
	overflow: hidden;
}
button {
	outline: none !important;
	cursor: pointer;
}
/* Color */

a:hover, a {
	color: var(--theme-color);
}
.text {
	font-size: 18px;
	line-height: 26px;
	
	color: #797979;
	margin: 0px 0px 15px;
}
::-webkit-input-placeholder {
	color: inherit;
}
::-moz-input-placeholder {
	color: inherit;
}
::-ms-input-placeholder {
	color: inherit;
}
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.row.no-gutters {
	margin: 0;
}
.row>* {
	padding: 0 15px;
}
.row.no-gutters>* {
	padding: 0;
}
.nav-tabs .nav-link {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}
.nav-tabs {
	border: 0;
}
.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	z-index: 9;
	overflow: hidden;
}
.auto-container {
    position: static;
    padding: 0px 15px;
    margin: 0 auto;
    width: calc(100% - 30px);
    max-width: 1660px;
}
ul, li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
figure {
	margin-bottom: 0;
}
.centered {
	text-align: center !important;
}
.gray-bg {
	background-color: #f4f4f4 !important;
}
.light-bg {
	background-color: #fff !important;
}
img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.dropdown-toggle::after {
	display: none;
}
.fa {
	line-height: inherit;
}
.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/icons/preloader.svg);
	display: none !important;
}
.preloader-close {
	position: fixed;
	z-index: 999999;
	color: #fff;
	padding: 10px 20px;
	cursor: pointer;
	right: 0;
	bottom: 0;
	font-weight: 600;
}
.loader-wrap {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.loader-wrap .layer-one {
	position: absolute;
	left: 0%;
	top: 0;
	width: 33.3333%;
	height: 100%;
	overflow: hidden;
}
.loader-wrap .layer-two {
	position: absolute;
	left: 33.3333%;
	top: 0;
	width: 33.3333%;
	height: 100%;
	overflow: hidden;
}
.loader-wrap .layer-three {
	position: absolute;
	left: 66.6666%;
	top: 0;
	width: 33.3333%;
	height: 100%;
	overflow: hidden;
}
.loader-wrap .layer .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #1e1e1e;
}
.owl-nav {
	display: none;
}
.theme-color {
	color: var(--theme-color);
}
.theme-bg {
	background-color: var(--theme-color);
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mt-50 {
	margin-top: 50px !important;
}
.mt-70 {
	margin-top: 70px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.mb-50 {
	margin-bottom: 50px !important;
}
.mb-70 {
	margin-bottom: 70px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.pb-30 {
	padding-bottom: 30px !important;
}
.pb-50 {
	padding-bottom: 50px !important;
}

/* start style css */

.btn-1 {
	    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 10px 20px 8px;
    text-align: center;
    z-index: 1;
    font-size: 14px;
    background-color: #e62129;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Microsoft Yahei";
    text-transform: uppercase;
    transition: .5s;
    border-radius: 5px;
    
}

.contactus-1-info-list li strong {
    font-size: 22px;
    color: #ba0306;
}


.btn-1:hover {
	color: #fff;
}
.btn-1 span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: #21893f;
	transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
	transform: translate(-50%, -50%);
	z-index: -1;
}


.footer-bottom-text a{
    color: #8c8c8c;
}



.btn-1 i {
	margin-left: 6px;
	font-size: 24px;
	transition: .5s;
	font-weight: bold;
	vertical-align: middle;
	position: relative;
	line-height: 15px;
	top: -2px;
}
.btn-1:hover i {
	color: #fff;
}
.btn-1:hover span {
	width: 225%;
	height: 562.5px;
}
a.btn-1.s-two {
	background: #fff;
	color: #242424;
}
a.btn-1.s-two:hover {
	color: #fff;
}
.btn-1 i.far {
	font-weight: 400;
}
a.btn-1.btn_sm {
	padding: 14px 23px 10px;
}
/* btn 2 */


.acc-btn span {
    text-align: right;
    float: right;
    color: #666666;
    font-size: 14px;
}




a.btn-2 {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 26px;
	color: #d90429;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	text-transform: uppercase;
}
a.btn-2 i {
	font-size: 23px;
	vertical-align: middle;
	margin-left: 8px;
}
/* Header Style */

.main-header {
	position: relative;
	display: block;
	width: 100%;
	z-index: 9999;
	top: 0px;
	left: 0px;
	background: none;
	clear: both;
}
/* Header Top */

.header-top-1 {
	background: #f2f2f2;
}
.header-top-1-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.header-top-1-text {
	font-size: 14px;
	line-height: 22px;
	color: #666666;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin: 12px 0;
}
.header-top-1-text a {
	color: var(--theme-color);
}
.header-top-1-phone-number {
	font-size: 16px;
	line-height: 47px;
	color: #666666;
	font-weight: 500;
	font-family: "Microsoft Yahei";
}
.header-top-1-phone-number a {
	color: #666666;
}
.header-top-1-phone-number i {
	margin-right: 10px;
	color: var(--theme-color);
	top: 4px;
	position: relative;
}
/* Header Upper */

.main-header .header-upper {
	position: relative;
}
.main-header .header-upper .inner-container {
	position: relative;
	min-height: 80px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}



.main-header .header-upper .logo-box {
	z-index: 10;
}




.main-header .header-upper .logo-box .logo {
	position: relative;
	display: block;
	padding: 23px 0px;
}








.main-header .header-upper .right-column {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.main-header .header-upper .left-column {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.main-header .header-upper .contact-info {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.main-header .header-upper .contact-info .single-info {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: 60px;
}
.main-header .header-upper .contact-info .single-info:last-child {
	margin-right: 0;
}
.main-header .header-upper .contact-info .icon {
	position: relative;
	height: 55px;
	width: 55px;
	line-height: 55px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	font-size: 30px;
	margin-right: 17px;
}
.main-header .header-upper .contact-info h5 {
	font-size: 18px;
	margin-bottom: 7px;
}
.main-header .header-upper .contact-info .text {
	position: relative;
	margin-bottom: 0;
}
.main-header .header-upper .contact-info .text a {
	color: #222222;
}
.main-header .header-upper .search-btn {
	margin-left: 20px;
	line-height: 20px;
	position: relative;
	top: 5px;
}
.main-header .header-upper .link-btn a {
	vertical-align: middle;
}
.main-header .header-upper .search-toggler {
	color: #000;
	background: transparent;
	font-size: 20px;
}
.main-header .nav-outer {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.navbar-right-info .mobile-nav-toggler {
	position: relative;
	width: 50px;
	height: 50px;
	line-height: 44px;
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 20px;
	margin-left: 30px;
	cursor: pointer;
	border-radius: 50%;
}
.main-header .nav-outer .main-menu {
	position: relative;
}
.main-menu .inner-container {
	box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.12);
	margin-bottom: -25px;
	background: #fff;
}
.main-menu .inner-container .nav-outer {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.main-menu .contact-info {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: 35px;
}
.main-menu .contact-info .icon {
	width: 75px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	margin-right: 20px;
}
.main-menu .contact-info h6 {
	font-size: 14px;
	margin-bottom: 5px;
}
.main-menu .contact-info h4 {
	font-size: 22px;
}
.main-menu .navbar-collapse {
	padding: 0px;
	display: block !important;
}
.main-menu .navigation {
	position: relative;
	margin: 0px;
	margin-left: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-family: "Barlow";
}
.main-menu .navigation>li {
	position: relative;
	padding: 28.5px 0px;
	margin-right: 30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.main-menu .navigation>li:before {
	position: absolute;
	content: '';
	bottom: 30px;
	left: 0;
	width: 23px;
	height: 1px;
	opacity: 0;
}
.main-menu .navigation>li.current:before {
	opacity: 1;
}
.main-menu .navigation>li:last-child:before {
	display: none;
}
.main-menu .navigation>li:last-child {
	margin-right: 0px;
}
.main-menu .navigation>li>a {
	position: relative;
	display: block;
	text-align: center;
	font-size: 16px;
	
	line-height: 30px;
	text-transform: capitalize;
	color: #000000;
	padding: 3px 10px;
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.about-5-list li {
    font-size: 16px;
    color: #7a7a7a;
}


.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 100%;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	min-width: 160px;
	z-index: 100;
	display: none;
	opacity: 0;
	visibility: hidden;
	background-color: #FFFFFF;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	transition: .5s;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	border-top: 3px solid #2f9b45;
	padding: 0 22px;
}
.main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 0px;
}
.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
}
.main-menu .navigation>li>ul>li:last-child {
	border-bottom: none;
}
.main-menu .navigation>li>ul>li:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	width: 0%;
	height: 100%;
	display: block;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 12.5px 3px;
	border-bottom: 1px solid #e2e2e2;
	line-height: 24px;
	color: #fff;
	text-align: left;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-size: 14px;
	color: #333333;
	
	
}
.main-menu .navigation>li>ul>li:last-child>a {
	border-bottom: 0px;
}
.main-menu .navigation>li>ul>li>a:hover {
	color: var(--theme-color);
}
.main-menu .navigation>li>ul>li.dropdown>a:after {
	position: absolute;
	content: "\f105";
	right: 30px;
	top: 11px;
	display: block;
	line-height: 24px;
	font-size: 17px;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
}
.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 100%;
	top: 0;
	width: 250px;
	z-index: 100;
	display: none;
	background-color: #fff;
	transition: .5s;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
}
.main-menu .navigation>li>ul>li>ul.from-right {
	left: auto;
	right: 0px;
}
.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
}
.main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: none;
}
.main-menu .navigation>li>ul>li>ul>li:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 0%;
	height: 100%;
	display: block;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: none;
}
.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10.5px 33px;
	line-height: 24px;
	font-weight: 600;
	border-bottom: 1px solid #e0dcdc;
	font-size: 17px;
	text-transform: uppercase;
	color: #000;
	text-align: left;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.main-menu .navigation>li>ul>li>ul>li:last-child>a {
	border-bottom: 0;
}
.main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: #fff;
}
.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
	font-family: 'Font Awesome 5 Pro';
	content: "\f105";
	position: absolute;
	right: 30px;
	top: 12px;
	display: block;
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	z-index: 5;
}
.main-menu .navigation>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.main-menu .navigation li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.main-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 34px;
	height: 30px;
	border: 1px solid #ffffff;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
	display: none;
}
/*** 
		
		====================================================================
			Search Popup
		====================================================================
		
		***/

.sidemenu-nav-toggler {
	background: var(--theme-color);
	width: 51px;
	height: 51px;
	border-radius: 25px;
	text-align: center;
	line-height: 51px;
	cursor: pointer;
	margin-left: 45px;
}
.search-popup {
	position: fixed;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
	overflow: auto;
	background: rgba(0, 0, 0, 0.90);
	-webkit-transform: translateY(101%);
	-ms-transform: translateY(101%);
	transform: translateY(101%);
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
}
.search-popup.popup-visible {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	visibility: visible;
	opacity: 1;
}
.search-popup .overlay-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
}
.search-popup .close-search {
	position: absolute;
	right: 25px;
	top: 25px;
	font-size: 22px;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
}
.search-popup .close-search:hover {
	opacity: 0.70;
}
.search-popup .search-form {
	position: relative;
	padding: 0px 15px 0px;
	max-width: 1024px;
	margin: 0 auto;
	margin-top: 150px;
	margin-bottom: 100px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}
.search-popup .search-form fieldset {
	position: relative;
	border-radius: 12px;
}
.search-popup .search-form fieldset input[type="search"] {
	position: relative;
	height: 70px;
	padding: 20px 220px 20px 30px;
	background: #ffffff;
	line-height: 30px;
	font-size: 24px;
	color: #233145;
	border-radius: 7px;
}
.search-popup .search-form fieldset input[type="submit"] {
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	text-align: center;
	width: 220px;
	height: 70px;
	padding: 20px 10px 20px 10px;
	color: #ffffff !important;
	line-height: 30px;
	font-size: 20px;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 0px 7px 7px 0px;
	background: var(--theme-color);
}
.search-popup h3 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
	display: none;
}
.search-popup .recent-searches {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	display: none;
}
.search-popup .recent-searches li {
	display: inline-block;
	margin: 0px 10px 10px 0px;
}
.search-popup .recent-searches li a {
	display: block;
	line-height: 24px;
	border: 1px solid #ffffff;
	padding: 7px 15px;
	color: #ffffff;
	border-radius: 3px;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.search-popup .search-form fieldset input[type="search"]:focus {
	border-color: #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*** 
		
		====================================================================
						Sticky Header
		====================================================================
		
		***/

.sticky-header {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	z-index: -1;
	background: #ffffff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-webkit-transition: top 300ms ease;
	-o-transition: top 300ms ease;
	transition: top 300ms ease;
}
.sticky-header .main-menu .navigation {
	margin-left: 0;
}
.fixed-header .sticky-header {
	opacity: 1;
	z-index: 99901;
	visibility: visible;
}
.fixed-header .sticky-header .inner-container {
	margin-bottom: 0;
	box-shadow: none;
}
.fixed-header .sticky-header .search-toggler {
	color: #222;
	background: transparent;
	font-size: 20px;
}
.main-header .sticky-header .header-upper .logo-box .logo {
	padding: 13.5px 0px;
}
.sticky-header .main-menu .navigation>li {
	padding: 17px 0px;
}
.main-header .sticky-header .header-upper .inner-container {
	min-height: 70px;
}
.sticky-header .main-menu .navigation>li:before {
	bottom: 20px;
}
/*** 
		
		====================================================================
					Mobile Menu
		====================================================================
		
		***/

.nav-outer .mobile-nav-toggler {
	position: relative;
	width: 50px;
	height: 50px;
	line-height: 44px;
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 20px;
	cursor: pointer;
	border-radius: 50%;
	float: right;
	margin: 13px 0;
	margin-left: 15px;
	display: none;
}
.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}
.mobile-menu .mCSB_scrollTools {
	right: -6px;
}
.mobile-menu .mCSB_inside>.mCSB_container {
	margin-right: 5px;
}
.mobile-menu .navbar-collapse {
	display: block !important;
}
.mobile-menu .nav-logo {
	position: relative;
	padding: 30px 25px;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 25px;
}
.mobile-menu-visible {
	overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
	opacity: 1;
	visibility: visible;
}
.mobile-menu .menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	background-color: var(--theme-color);
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
	opacity: 0.70;
	visibility: visible;
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.mobile-menu .menu-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.mobile-menu .close-btn {
	position: absolute;
	right: 20px;
	top: 15px;
	line-height: 30px;
	width: 24px;
	text-align: center;
	font-size: 30px;
	color: #ffffff;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}
.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	float: none;
}
.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-top: 1px solid rgb(211 211 211 / 32%);
}
.mobile-menu .navigation:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 16px 38px;
	font-size: 16px;
	
	color: #333333;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.mobile-menu .navigation li ul li>a {
	font-size: 15px;
	margin-left: 20px;
	text-transform: capitalize;
}
.mobile-menu .navigation li>a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.mobile-menu .navigation li.current>a:before {
	height: 100%;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.10);
	cursor: pointer;
	border-radius: 2px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn.open {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul {
	display: none;
}
.mobile-menu .social-links {
	position: relative;
	text-align: center;
	padding: 30px 25px;
}
.mobile-menu .social-links li {
	position: relative;
	display: inline-block;
	margin: 0px 10px 10px;
}
.mobile-menu .social-links li a {
	position: relative;
	line-height: 32px;
	font-size: 16px;
	color: #ffffff;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
/* Hidden Bar */

.hidden-sidebar {
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 9999;
	width: 100%;
	max-width: 470px;
	background: #ffffff;
	height: 100%;
	padding: 40px 45px;
	overflow: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.hidden-sidebar-close {
	position: absolute;
	top: 40px;
	right: 40px;
	font-size: 30px;
	cursor: pointer;
}
.hidden-sidebar .logo {
	padding-bottom: 30px;
	margin-bottom: 50px;
	border-bottom: 1px solid #e7e7e7;
}
.hidden-sidebar .wrapper-box {
	height: 100%;
}
.hidden-sidebar .sidebar-widget {
	margin-bottom: 40px;
}
.hidden-sidebar .about-widget-two {
	position: relative;
}
.hidden-sidebar .about-widget-two h3 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 28px;
}
.hidden-sidebar .news-widget {
	position: relative;
}
.hidden-sidebar .widget-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px;
	color: #222;
}
.hidden-sidebar .news-widget .post-wrapper {
	position: relative;
	padding-left: 110px;
	margin-top: -10px;
	margin-bottom: 30px;
}
.hidden-sidebar .news-widget .post-wrapper:last-child {
	margin-bottom: 0px;
}
.hidden-sidebar .news-widget .image {
	position: absolute;
	left: 0;
	top: 10px;
	width: 90px;
}
.hidden-sidebar .news-widget .category {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 4px;
}
.hidden-sidebar .news-widget h4 {
	font-size: 18px;
	font-weight: 700;
}
.hidden-sidebar .news-widget h4 a {
	color: #242424;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.hidden-sidebar .newsletter-widget {
	position: relative;
	margin-bottom: 50px;
}
.hidden-sidebar .newsletter-widget input[type="email"] {
	position: relative;
	border: 1px solid #e7e7e7;
	padding: 13px 20px;
	width: 100%;
	margin-bottom: 10px;
}
.hidden-sidebar .newsletter-widget .theme-btn {
	color: #fff;
	background: var(--theme-color);
}
.hidden-sidebar .newsletter-widget .theme-btn:before {
	background-color: #222;
}
.nav-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 99999;
	width: 100%;
	display: none;
	background: rgba(20, 20, 20, 0.70);
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	cursor: none;
}
/* Cursor Style */

.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;
	-o-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;
	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);
	-ms-transform: scale(1);
	transform: scale(1);
	visibility: hidden;
}
.cursor {
	visibility: visible;
}
.cursor.active {
	opacity: 0.5;
	-webkit-transform: scale(0);
	-ms-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;
	-o-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;
	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);
	-ms-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);
	-ms-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);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*** 
		
		====================================================================
				Banner Section
		====================================================================
		
		***/
		 
.banner-video-wrapper .wrap-content {
    position: absolute;
    width: 100%;
    margin: auto;
    z-index: 10;
    text-align: center;
}
.v-middle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
	
	.banner-section .wrap-content h1, .banner-video-wrapper .wrap-content .h1 {
    position: relative;
    font-size: 56px;
    line-height: 1.4em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    font-weight: 800;
    margin-bottom: 15px;
    letter-spacing: 10px;
}
	
	.banner-section p {
    position: relative;
    color: #fff;
    font-size: 26px;
    letter-spacing: 5px;
    padding-top: 10px;
}
.banner-section {
	    max-width: 100%;
    padding: 0;
    margin: 0;
    max-height: 800px;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.banner-section .big-title {
	position: absolute;
	right: 0;
	bottom: -6px;
	text-transform: uppercase;
	font-size: 200px;
	font-family: "Poppins", sans-serif;
	font-weight: 900;
	letter-spacing: -5px;
	line-height: 70px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgb(255 255 255 / 0.2);
	color: transparent;
	z-index: 99;
}
.three-item-carousel, .banner-slider {
	position: relative;
	height: 100% !important;
	z-index: 9;
}
.banner-section .swiper-slide {
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.banner-section .swiper-slide:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: 0.0;
	content: "";
}
.banner-section .content-outer {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 100%;
	width: 100%;
	display: table;
	vertical-align: middle;
}
.banner-section .content-box {
	position: relative;
	padding: 135px 15px 110px;
	min-height: 731px;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.banner-section .content-box .inner {
	position: relative;
	opacity: 0;
	-webkit-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px);
}
.banner-section .swiper-slide-active .content-box .inner {
	opacity: 1;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}
.banner-section .content-box .inner:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: repeat;
	background-position: center;
	content: "";
}
.banner-section .content-box h1 {
	position: relative;
	font-size: 58px;
	
	line-height: 70px;
	color: #ffffff;
	text-transform: capitalize;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	margin-bottom: 20px;
}
.banner-section .swiper-slide-active .content-box h1 {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	transition-delay: 800ms;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.banner-section .content-box h1:before {
	position: absolute;
	content: '';
	left: 50%;
	top: -20px;
	height: 2px;
	width: 80px;
	transform: translateX(-50%);
}
.banner-section h4 {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	padding-bottom: 20px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
.banner-section .swiper-slide-active h4 {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.banner-section h4:before {
	position: absolute;
	content: '';
	bottom: 1px;
	left: 0;
	height: 1px;
	width: 100%;
	background: #fff;
}
.banner-section h4:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	height: 3px;
	width: 60px;
	background: var(--theme-color);
}
.banner-section h4.style-two {
	padding-bottom: 0px;
}
.banner-section h4.style-two:after, .banner-section h4.style-two:before {
	display: none;
}
.banner-section .text {
	position: relative;
	font-size: 22px;
	line-height: 34px;
	color: #ffffff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
}
.banner-section .swiper-slide-active .text {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 1600ms;
	-o-transition-delay: 1600ms;
	transition-delay: 1600ms;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}
.banner-section .link-box {
	padding-top: 20px;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transition-delay: 2000ms;
	-o-transition-delay: 2000ms;
	transition-delay: 2000ms;
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	margin: 0 -10px;
}
.banner-section .swiper-slide-active .link-box {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.banner-section .link-box a {
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
	margin: 0 10px 10px;
}
.banner-section .link-box a i {
	margin-left: 12px;
}
.banner-section .banner-slider-nav {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.banner-section .banner-slider-button-next {
	position: relative;
	width: 60px;
	height: 60px;
	line-height: 62px;
	border-radius: 50%;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	z-index: 9;
	margin-right: 40px;
	font-size: 25px;
	transition: .5s;
	border: 2px solid #fff;
}
.banner-section .banner-slider-button-next:hover {
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}
.banner-section .banner-slider-button-prev {
	position: relative;
	width: 60px;
	height: 60px;
	line-height: 62px;
	border-radius: 50%;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	z-index: 9;
	margin-left: 40px;
	font-size: 25px;
	transition: .5s;
	border: 2px solid #fff;
}
.banner-section .banner-slider-button-prev:hover {
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}
/* Section Title */

.sub-title {
	font-size: 14px;
	letter-spacing: 1px;
	color: #d90429;
	
	font-family: "Roboto";
	text-transform: uppercase;
	padding-left: 30px;
	position: relative;
	margin-bottom: 5px;
	display: inline-block;
}
.text-center .sub-title {
	padding-right: 30px;
}
.text-center .sub-title:after {
	position: absolute;
	content: '';
	width: 20px;
	height: 2px;
	background-color: #7e7e7e;
	right: 0;
	top: 12px;
}
.sub-title:before {
	position: absolute;
	content: '';
	width: 20px;
	height: 1px;
	background-color: #7e7e7e;
	left: 0;
	top: 12px;
}
h2.sec-title {
	font-size: 38px;
	color: #242424;font-weight: 600;
	
	font-family: "Microsoft Yahei";
	line-height: 1em;
}
h2.sec-title.small {
	font-size: 45px;
}
.title-desc {
	font-size: 16px;
	line-height: 26px;
	color: #444444;
	margin-top: 12px;
	font-family: "Microsoft Yahei";
	position: relative;
}
.title-desc.light {
	color: rgb(255 255 255 / 60%);
}
.sec-title-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
/* about 1 */

section.about-1-section {
	position: relative;
	padding: 120px 0 90px;
}
.about-1-desc {
	font-size: 18px;
	line-height: 28px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
ul.about-1-list {
	font-size: 20px;
	line-height: 40px;
	color: #2a2a2a;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-bottom: 40px;
}
ul.about-1-list i {
	margin-right: 20px;
	color: var(--theme-color);
	font-size: 20px;
	position: relative;
	top: 4px;
}
.about-1-desc p {
	margin-bottom: 28px;
}
.about-1-content-wrap {
	position: relative;
	margin-left: 30px;
}
.about-1-image-wrap {
	position: relative;
	margin-left: -110px;
	display: flex;
	justify-content: space-between;
	padding-right: 10px;
	margin-bottom: 30px;
}
.about-1-image-1 {
	margin-top: 70px;
}
.about-1-icon-box {
	max-width: 343px;
	min-height: 180px;
	filter: drop-shadow(0px 3px 28.5px rgba(0, 0, 0, 0.09));
	background-color: #ffffff;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 30px;
	padding-left: 130px;
}
.about-1-icon {
	position: absolute;
	left: 35px;
	font-size: 60px;
	color: var(--theme-color);
	top: 60px;
}
.about-1-text {
	font-size: 14px;
	letter-spacing: 1px;
	color: #747474;
	font-weight: 700;
	font-family: "Roboto";
	text-transform: uppercase;
	margin-bottom: 7px;
	margin-top: 5px;
}
.about-1-text-2 {
	font-size: 30px;
	color: #242424;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	line-height: 1.2em;
}
/* service 1 */

section.services-1-section {
	position: relative;
	padding: 60px 0 80px;
	background: #e9e9e9;
}
.services-1-shape {
	position: absolute;
	bottom: 0;
	right: 0;
}
.services-1-block {
	background: #fff;
	position: relative;
	display: block;
	padding: 40px 30px;
	margin-bottom: 30px;
	border-bottom: 3px solid #d3d3d3;
}
h5.services-1-category {
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 26px;
	color: #001659;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	text-transform: uppercase;
	margin-bottom: 6px;
}
.services-1-block:hover h5.services-1-category {
	color: #919090;
}
h2.services-1-title {
	font-size: 26px;
	line-height: 26px;
	color: #242424;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
	transition: .5s;
}
a.services-1-read-more {
	    font-size: 16px;
    letter-spacing: 1px;
    line-height: 26px;
    color: #333333;
    font-weight: 500;
    font-family: "Microsoft Yahei";
    text-transform: uppercase;
    transition: .5s;
    position: relative;
}
.services-1-icon {
	position: absolute;
	right: 30px;
	top: 30px;
	font-size: 65px;
	color: var(--theme-color);
}

.services-1-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -3px;
	transition: .5s;
	opacity: 0;
	background-size: cover;
}

/* whychooseus */

.whychooseus-1-tab-btn {
	display: inline-block;
	transform: translateY(-117px);
	position: relative;
	margin-left: 3px;
}
.whychooseus-1-tab-btn li {
	display: inline-block;
	padding: 0;
	;
}
.whychooseus-1-tab-title {
	background: #171717;
	font-size: 40px;
	line-height: 47px;
	color: #ffffff;
	
	font-family: "Microsoft Yahei";
	padding: 35px 60px;
	position: relative;
}
.whychooseus-1-tab-btn:before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	width: 1000%;
	background: #171717;
}
.active .whychooseus-1-tab-title {
	background: #248c3f;
}
.whychooseus-1-sec-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
}
.whychooseus-1-image {
	position: relative;
	margin-bottom: 30px;
}
ul.whychooseus-1-list {
	font-size: 22px;
	color: rgb(255 255 255 / 90%);
	
	font-family: "Microsoft Yahei";
	position: relative;
}
section.whychooseus-1-section {
	position: relative;
	padding-bottom: 90px;
}
ul.whychooseus-1-list i {
	margin-right: 18px;
	font-size: 20px;
	color: #ffffff;
	position: relative;
	top: 4px;
}
ul.whychooseus-1-list li {
	margin-bottom: 31px;
}
.whychooseus-1-list-wrap {
	position: relative;
	margin-left: -30px;
}
/* team 1 section */

section.team-1-section {
	position: relative;
	padding: 80px 0 150px;
	background: #f9f9f9;
}
.team-1-shape {
	position: absolute;
	right: 0;
	bottom: 0;
}
section.team-1-section .left-outer-container {
	padding-right: 42px;
}
.team-1-text-1 {
	font-size: 20px;
	line-height: 28px;
	color: #242424;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 25px;
}
.team-1-text-2 {
	font-size: 18px;
	line-height: 28px;
	color: #6c7478;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 40px;
}
.team-1-block {
	position: relative;
	margin-bottom: 40px;
	padding-right: 21px;
	overflow: hidden;
}
.team-1-info {

	background: #f0f0f0;
	padding: 18px 20px;   
}
.team-1-info-overlay {
	position: absolute;
	left: 42px;
	background: var(--theme-color);
	right: 0;
	bottom: 0;
	padding: 18px 30px;
	opacity: 0;
	transition: .5s;
	transform: translateY(80px);
}
.team-1-block:hover .team-1-info-overlay {
	opacity: 1;
	transform: translateY(0);
}
.team-1-social-icon ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.team-1-social-icon ul li a {
	color: var(--theme-color);
	width: 33px;
	height: 34px;
	border-radius: 17px;
	background-color: rgb(255 255 255);
	display: inline-block;
	text-align: center;
	line-height: 37px;
	transition: .5s;
}
.team-1-social-icon ul li {
	margin-right: 15px;
}
.team-1-social-icon {
	margin-bottom: 30px;
	margin-top: 18px;
}
.team-1-social-icon ul li a:hover {
	background: #222;
	color: #fff;
}
.team-1-name {
	font-size: 18px;
	line-height: 26px;
	color: #333333;
	
	font-family: "Microsoft Yahei";
	    text-align: center;
}

.team-1-name a{color: #333333;}
.team-1-designation {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	text-transform: uppercase;
}
.team-1-read-more {
	position: absolute;
	right: 30px;
	bottom: 13px;
	font-size: 35px;
}
.team-1-read-more a {
	color: #fff;
}
span.team-1-carousel-left-btn {
	width: 46px;
	height: 40px;
	border-radius: 3px;
	background-image: linear-gradient(90deg, #2f9844 0%, #2f9844 100%);
	display: inline-block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 21px;
	cursor: pointer;
	margin-right: 20px;
	position: relative;
	z-index: 1;
}
span.team-1-carousel-left-btn:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #222;
	transition: .5s;
	opacity: 0;
	border-radius: 3px;
	z-index: -1;
}
span.team-1-carousel-left-btn:hover:before {
	opacity: 1;
}
span.team-1-carousel-right-btn {
	width: 46px;
	height: 40px;
	border-radius: 3px;
	background-image: linear-gradient(90deg, #2f9844 0%, #2f9844 100%);
	display: inline-block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 21px;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
span.team-1-carousel-right-btn:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #222;
	transition: .5s;
	opacity: 0;
	border-radius: 3px;
	z-index: -1;
}
span.team-1-carousel-right-btn:hover:before {
	opacity: 1;
}
.team-1-carousel-btn {
	margin-bottom: 30px;
}
/* testimonials */

section.testimonial-1-section {
	position: relative;
	padding: 130px 0 270px;
	background: #222;
}
.testimonial-1-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
}
.testimonial-1-block {
	position: relative;
	padding-left: 170px;
}
.testimonial-1-text {
	font-size: 22px;
	line-height: 35px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
h4.testimonial-1-name {
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	position: relative;
	margin-bottom: 6px;
	text-transform: uppercase;
}
.testimonial-1-designation {
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 20px;
	color: #a9c4e0;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	text-transform: uppercase;
}
.testimonial-1-image-wrapper {
	position: absolute;
	left: 0;
	top: 65px;
}
.testimonial-1-author-info {
	position: relative;
	padding-left: 15px;
}
.testimonial-1-author-info:before {
	position: absolute;
	content: '-';
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	left: 5px;
}
.testimonial-1-image {
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
.testimonial-1-quote {
	font-family: Arial;
	position: relative;
	z-index: 99;
	top: 24px;
	font-size: 100px;
	font-weight: 700;
	line-height: 70px;
	width: 124px;
	color: var(--theme-color);
	text-align: center;
}
.testimonial-1-category {
	font-size: 14px;
	letter-spacing: 1px;
	color: #d90429;
	font-weight: 700;
	font-family: "Roboto";
	text-transform: uppercase;
	margin-bottom: 20px;
}
.testimonial-1-section .owl-dots {
	display: flex;
	text-align: revert;
	margin-top: -10px;
	justify-content: flex-end;
	clear: both;
}
.testimonial-1-section .owl-dots .owl-dot {
	position: relative;
	margin: 0px 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #f3f4f6;
	display: inline-block;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.testimonial-1-section .owl-dots .owl-dot:hover, .testimonial-1-section .owl-dots .owl-dot.active {
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}
/* estimate */

.estimate-1-section {
	position: relative;
}
.estimate-1-wrapper-box {
	position: relative;
	padding: 85px 0 55px;
	background: var(--theme-color);
	margin-top: -125px;
}
.estimate-1-wrapper-box:before {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	height: 100%;
	width: 1000%;
	background: var(--theme-color);
}
h2.estimate-1-tittle {
	font-size: 50px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	margin-bottom: 10px;
}
.estimate-1-content {
	margin-left: -55px;
	margin-right: -20px;
}
.estimate-1-estimate-form {
	margin-left: 30px;
	margin-right: -30px;
	margin-bottom: 30px;
}
.estimate-1-text {
	font-size: 22px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.estimate-1-text:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 70px;
	height: 1px;
	background-color: #fff;
}
.estimate-1-estimate-form .nice-select {
	width: 100%;
	height: 50px;
	border-radius: 0;
	border-color: #fff;
	margin-bottom: 15px;
	line-height: 50px;
	font-size: 18px;
	color: #898989;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
button.estimate-1-btn {
	width: 100%;
	height: 52px;
	background-color: #ac0b08;
	position: relative;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	transition: .5s;
}
button.estimate-1-btn:hover {
	background: #1a1a1a;
}
.nice-select:after {
	width: 10px;
	height: 10px;
	right: 20px;
	top: 21px;
	border-width: 3px;
}
/* facts section */

section.facts-1-section {
	position: relative;
	padding: 100px 0 70px;
}
h2.facts-1-title span {
	color: var(--theme-color);
}
h2.facts-1-title {
	font-size: 45px;
	line-height: 54px;
	color: #242424;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
.facts-1-icon {
	width: 88px;
	height: 88px;
	border-radius: 44px;
	background-color: #f9f9f9;
	border: 1px solid rgba(123, 123, 123, 0.15);
	text-align: center;
	line-height: 107px;
	font-size: 50px;
	margin-bottom: 20px;
	color: #000;
}
h4.facts-1-title-2 {
	font-size: 22px;
	line-height: 26px;
	color: #242424;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-bottom: 10px;
}
.facts-1-text {
	font-size: 18px;
	line-height: 26px;
	color: #898989;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
.facts-1-block {
	position: relative;
	margin-bottom: 30px;
}
/* blog */

section.blog-1-section {
	position: relative;
	padding: 120px 0 90px;
	background: #f9f9f9;
}
.blog-1-top-content {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
a.blog-1-theme-btn {
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 26px;
	
	color: #333333;
	
	font-family: "Microsoft Yahei";
	text-align: right;
	text-transform: uppercase;
}
a.blog-1-theme-btn:hover {
	color: #222;
}
.blog-1-image {
	position: relative;
	overflow: hidden;
	background-color: #222;
}
.blog-1-image img {
	
	transition: .5s;
}
.blog-1-image:hover img {
	transform: scale(1.1);
	opacity: .3;
}
.blog-1-lower-content {
	position: relative;
	    text-align: center;
	padding: 20px 18px 16px;
	background-color: #fff;
	filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.1));
}
.blog-1-meta-info {
	position: relative;
	display: inline-block;
	transition: .5s;
	font-size: 18px;
	line-height: 28px;
	color: #909090;
	
	font-family: "Microsoft Yahei";
	text-align: center;
	margin-bottom: 5px;
}
.blog-1-meta-info a {
	color: #909090;
	transition: .5s;    font-size: 16px;
}
h3.blog-1-title {
	margin-bottom: 0px;
	font-size: 22px;
	line-height: 28px;
	color: #333333;
	    font-weight: 600;
	font-family: "Microsoft Yahei";
	text-align: center;
}
h3.blog-1-title a {
	color: #333333;
	transition: .5s;
}
h3.blog-1-title a:hover {
	color: var(--theme-color);
}
.blog-1-link-btn2 a {
	font-size: 14px;

	line-height: 22px;
	color: #333333;
	
	font-family: "Microsoft Yahei";
	text-align: center;
	text-transform: uppercase;
}
.blog-1-link-btn2 a:hover {
	color: #222;
}
.blog-1-block {
	position: relative;
	margin-bottom: 30px;
}
/* partner section */

section.partner-1-section {
	position: relative;
	background: #f9f9f9;
	padding: 120px 0;
}
.partner-1-logo img {
	width: auto !important;
}
.partner-1-logo {
	position: relative;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	border: 1px solid #ececec;
	min-height: 102px;
	border-right: 0;
}
section.partner-1-section .theme_carousel {
	border-right: 1px solid #ececec;
}
/* footer */

footer.main-footer-1 {
	position: relative;
	padding: 90px 0 0;
	background: #1e1e1e;
}
.about-widget-1-logo {
	margin-bottom: 30px;
}
.about-widget-1 {
	margin-bottom: 50px;
}
.about-widget-1-text {
	position: relative;
	font-size: 18px;
	line-height: 26px;
	color: rgb(255 255 255 / 60%);
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
ul.about-widget-1-social-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
ul.about-widget-1-social-links li {
	margin-right: 10px;
}
ul.about-widget-1-social-links a {
	width: 33px;
	height: 34px;
	border-radius: 17px;
	background-color: rgba(15, 37, 65, 0);
	border: 1px solid #a0a5b1;
	display: inline-block;
	text-align: center;
	line-height: 35px;
	font-size: 13px;
	color: #fff;
	transition: .5s;
}
ul.about-widget-1-social-links a:hover {
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}
.widget-title {
	font-size: 20px;
	color: #ffffff;
	
	font-family: "Microsoft Yahei";
	margin-bottom: 25px;
}
ul.link-widget-1-list {
	font-size: 18px;
	color: #8c8c8c;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
ul.link-widget-1-list li {
	margin-bottom: 4px;
}
ul.link-widget-1-list a {
	color: #8c8c8c;
	transition: .5s;    font-size: 14px;
}
ul.link-widget-1-list a:hover {
	color: #ffffff;
}
.contact-widget-1-label {
	font-size: 14px;
	line-height: 28px;
	color: #878787;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
.contact-widget-1-label a {
	font-size: 14px;
	line-height: 28px;
	color: #878787;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}






.contact-widget-1-text {
	font-size: 14px;
	line-height: 28px;
	color: #878787;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
.contact-widget-1-text a {
	color: #878787;
	transition: .5s;
}
ul.contact-widget-1-list li {
	margin-bottom: 20px;
}
.contact-widget-1-text a:hover {
	color: var(--theme-color);
}
.footer-bottom-row {
	border-top: 1px solid rgb(255 255 255 / 10%);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 26px 0 6px;
}
.footer-bottom-text {
	font-size: 14px;
	color: #8c8c8c;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 20px;
}
.link-widget-1 {
	margin-bottom: 50px;
}
.contact-widget-1 {
	margin-bottom: 50px;
}
/* header style two */

header.main-header.header-style-two .auto-container {
	max-width: 100%;
	padding: 0;
}
header.main-header.header-style-two .header-upper {
	background: #101011;
}
header.main-header.header-style-two .main-menu .navigation>li>a {
	color: #fff;
}
header.main-header.header-style-two .header-upper .search-toggler {
	color: #fff;
}
header.main-header.header-style-two .header-upper .logo-box .logo {
	padding: 16.5px 55px;
	background: var(--theme-color);
}
header.main-header.header-style-two .sidemenu-nav-toggler {
	height: 80px;
	line-height: 80px;
	border-radius: 0;
	width: 91px;
}
header.main-header.header-style-two .main-menu .navigation>li {
	padding: 22px 0;
}
/* about 2 section */

section.about-2-section {
	position: relative;
	padding: 100px 0 0px;
}
.about-2-image-wrap {
	position: relative;
	margin-left: 0px;
	padding-bottom: 70px;
	margin-bottom: 30px;
}
.about-2-image-1 {
	position: relative;
}
.about-2-image-2 {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.about-2-image-2:before {
	position: absolute;
	content: '';
	background: #eef0f7;
	left: -15px;
	bottom: 15px;
	top: -15px;
	right: 0;
	z-index: -1;
}
.about-2-content-wrap {
	position: relative;
	padding-left: 50px;
}
.about-2-text {
	font-size: 24px;
	line-height: 30px;
	color: #242424;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
.about-2-desc {
	font-size: 18px;
	line-height: 30px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 40px;
}
.about-2-desc p {
	margin-bottom: 10px;
}
/* sersvice 2  */


.about-2-link-btn a {
    font-size: 16px;
}



section.services-2-section {
	position: relative;
	background: #f4f4f4;
	padding: 60px 0;
}
.services-2-block {
	position: relative;
	margin-bottom: 0px;   
}
.services-2-image {
	    position: relative;
   
}
.services-2-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: .5s;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	opacity: 1;
	transition: .5s;    align-content: center;
}
.services-2-block:hover .services-2-overlay {
	opacity: 1;
}


.services-2-overlay p{    color: rgb(187 187 187);
    padding: 30px;
    z-index: 2;    padding-top: 80px;    line-height: 38px;     text-align: center;}
.services-2-icon {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 63px;
	height: 77px;
	border-radius: 6px;
	background-color: #d90429;
	text-align: center;
	line-height: 93px;
	color: #fff;
	font-size: 45px;
	transition: .5s;
}


.container-full .row .col-lg-3{    padding: 0 0px;}
h2.services-2-title {
	font-size: 24px;
	line-height: 1.2em;
	color: #242424;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	padding-bottom: 20px;
	position: relative;
}
h2.services-2-title:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 1px;
	width: 100%;
	height: 1px;
	background-color: #e3e3e3;
}
h2.services-2-title:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 85px;
	height: 2px;
	background-color: #ee0d09;
}
.services-2-block:hover .services-2-icon {
	background: #242424;
}
a.services-2-read-more {
	font-size: 26px;
	letter-spacing: 1px;
	line-height: 26px;
	
	color: #ffffff;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	text-transform: uppercase;
	position: relative;
}
.services-2-overlay:before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(9 109 55 / 62%);
	transition: .5s;
	height: 0%;
	border-radius: 0px;
	opacity: .9;
}


.services-2-read-more {position: relative}


.services-2-read-more:after {
        content: "";
    font-size: 12px;
    bottom: -22px;
    font-weight: 300;
    width: 55px;
    height: 2px;
    background: rgb(187 187 187);
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


.services-2-block:hover .services-2-overlay:before {
	height: 100%;
}
/* whychooseus 2 */

section.whychooseus-2-section {
	position: relative;
	padding: 120px 0;
}
h2.sec-title.light {
	color: #333333;
}
.whychooseus-2-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
}
.whychooseus-2-desc {
	font-size: 18px;
	line-height: 28px;
	color: #c9c9c9;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	position: relative;
	margin-bottom: 35px;
}
h4.whychooseus-2-title {
	font-size: 20px;
	color: #cacaca;
	
	font-family: "Microsoft Yahei";line-height: 31px;
}
ul.whychooseus-2-list {
	position: relative;
	margin-bottom: 70px;
	margin-right: 70px;
}
ul.whychooseus-2-list li {
	padding: 28px 0;
	padding-left: 75px;
	border-bottom: 1px solid #616161;
	min-height: 87px;
	position: relative;
}
.whychooseus-2-icon {
	position: absolute;
	left: 0;
	top: 30px;
	font-size: 46px;
	color: #ffffff;
}
ul.whychooseus-2-list li:last-child {
	border-bottom: 0;
}
.whychooseus-2-image {
	position: relative;
	margin-bottom: 30px;
}
ul.whychooseus-2-list-2 {
	position: relative;
	font-size: 20px;
	line-height: 45px;
	color: #cacaca;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-top: -12px;
	margin-left: -15px;
}
ul.whychooseus-2-list-2 li {
	position: relative;
}
ul.whychooseus-2-list-2 li:before {
	position: relative;
	content: "-";
	left: 0;
	top: 0;
	margin-right: 10px;
}
.cta-1 {
	position: relative;
	background: var(--theme-color);
	padding: 30px 50px 10px;
}
.cta-1>.row {
	align-items: center;
}
.cta-1-title {
	font-size: 35px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-bottom: 10px;
}
.cta-1-text {
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 20px;
}
.cta-1-row {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.cta-1-phone-number {
	position: relative;
	font-size: 42px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-bottom: 20px;
}
.cta-1-phone-number a {
	color: #fff;
}
.cta-1-link-btn {
	margin-bottom: 20px;
}
/* estimate s two */

.estimate-1-section.s-two .estimate-1-wrapper-box {
	margin-top: 0;
}
.estimate-1-section.s-two {
	background: var(--theme-color);
}
/* testimonial s tow */

section.testimonial-1-section.s-two {
	background: #fff;
	padding: 120px 0;
}
section.testimonial-1-section.s-two.alt-2 {
	padding-top: 30px;
}
section.testimonial-1-section.s-two .testimonial-1-text {
	color: #404040;
}
section.testimonial-1-section.s-two h4.testimonial-1-name {
	color: #242424;
}
section.testimonial-1-section.s-two .testimonial-1-designation {
	color: var(--theme-color);
}
section.testimonial-1-section.s-two .testimonial-1-author-info:before {
	color: #242424;
}
section.testimonial-1-section.s-two .owl-dots .owl-dot {
	border-color: #98a9ba;
}
section.testimonial-1-section.s-two .owl-dots .owl-dot.active {
	border-color: var(--theme-color);
}
section.testimonial-1-section.s-two .testimonial-1-image-wrapper {
	top: 12px;
}
/* video section */

section.video-1-section {
	position: relative;
	overflow: hidden;
	padding: 120px 0 90px;
}
.video-1-bg {
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	bottom: -100px;
	background-size: cover;
}
/* video btn */

.video-btn1 {
	position: relative;
	margin-right: 25px;
}
.video-btn1 span {
	position: relative;
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	border-radius: 50%;
}
.video-btn1 a {
	position: relative;
	height: 72px;
	width: 72px;
	line-height: 72px;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
	font-size: 25px;
	display: inline-block;
	background-color: var(--theme-color);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	transition: .5s;
}
.video-btn1 a:hover {
	background-color: #324026;
	color: #fff;
}
.video-btn1 .ripple:after {
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
	-webkit-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}
.video-btn1 .ripple:after {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
}
@-webkit-keyframes ripple {
	70% {
		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
		box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
		box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
	}
}
@keyframes ripple {
	70% {
		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
		box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
		box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
	}
}
.video-1-sub-title {
	position: relative;
	font-size: 22px;
	line-height: 32px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 10px;
	display: inline-block;
	padding-right: 65px;
}
.video-1-title {
	position: relative;
	font-size: 60px;
	line-height: 60px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-bottom: 25px;
}
.video-1-sub-title:before {
	position: absolute;
	content: '';
	width: 45px;
	height: 2px;
	background-color: #ee0d09;
	right: 0;
	bottom: 10px;
}
.video-1-video-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.video-1-hint {
	font-size: 15px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	position: relative;
	margin-bottom: 29px;
	text-transform: uppercase;
	line-height: 1.23em;
}
/* facts 2 */

section.facts-2-section {
	position: relative;
	padding: 120px 0 250px;
}
.facts-2-shape-bg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-position: bottom center;
	background-size: cover;
}
.facts-2-title {
	font-size: 38px;
	line-height: 1.1em;
	position: relative;
	color: #333333;
	font-weight: 600;
	font-family: "Microsoft Yahei";
	margin-bottom: 20px;
}
.facts-2-title span {
	font-size: 50px;
	font-weight: 500;
}
.facts-2-desc {
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	font-weight: 400;
	position: relative;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
.facts-2-block {
	position: relative;
	text-align: center;
}
.facts-2-icon {
	font-size: 60px;
	color: var(--theme-color);
	margin-bottom: 20px;
	line-height: 1.2em;
}
span.facts-2-count-text {
	font-size: 55px;
    line-height: 49px;
    color: #e62129;
    font-weight: 500;
    text-align: center;
    font-family: Impact;
}

.about-5-text p {
        font-size: 16px;
    color: #666666;
    text-indent: 35px;
    line-height: 30px;
}


span.facts-2-count-text-suffix {
	font-size: 34px;
	line-height: 49px;
	color: #333333;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	text-align: center;
}
.facts-2-title-2 {
	font-size: 18px;
	line-height: 24px;
	color: #242424;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	text-align: center;
	margin-top: 17px;
}
/* header style three */

.main-header.header-style-three .header-upper .logo-box .logo:before {
	position: absolute;
	content: '';
	right: -65px;
	top: 0;
	bottom: 0;
	width: 5000%;
	background: var(--theme-color);
	z-index: -1;
	transform: skewX(-48deg);
}
.main-header.header-style-three .header-upper .logo-box .logo {
	z-index: 1;
}
/* about 3 */

.about-3-section {
	position: relative;
	padding: 120px 0 90px;
}
.about-3-icon-box {
	width: 100%;
	background-color: #d90429;
	text-align: center;
	padding: 45px 30px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.about-3-icon {
	font-size: 70px;
	color: #fff;
	line-height: 1.2em;
	margin-bottom: 20px;
}
.about-3-text {
	font-size: 46px;
	line-height: 47px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	text-align: center;
	margin-bottom: 9px;
}
.about-3-desc {
	font-size: 18px;
	line-height: 28px;
	color: #242424;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
/* service 1 s two */

section.services-1-section.s-two {
	padding: 80px 0 60px;
	background-image: linear-gradient(0deg, #edf1f3 16%, #ffffff 100%);
}
/* features 1 */

section.features-1-section {
	position: relative;
	padding: 0 0 210px;
	background: var(--theme-color);
}
.features-1-shape {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
.features-1-title {
	position: relative;
	font-size: 50px;
	color: #ffffff;
	font-weight: 700;
	padding-top: 120px;
	font-family: "Microsoft Yahei";
	line-height: 1.2em;
	margin-bottom: 50px;
}
.features-1-icon {
	position: relative;
	color: #fff;
	font-size: 50px;
	line-height: 1.2em;
	margin-bottom: 20px;
}
.features-1-title-2 {
	font-size: 24px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
}
.features-1-text {
	font-size: 18px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
.features-1-image img {
	max-width: none;
}
.col-md-6:nth-child(even) .features-1-icon-box {
	padding-left: 45px;
	position: relative;
}
.col-md-6:nth-child(even) .features-1-icon-box:before {
	position: absolute;
	content: '';
	left: -20px;
	top: -10px;
	width: 1px;
	height: 210px;
	background-color: rgb(255 255 255 / 40%);
}
/* cta 2 */

section.cta-2-section {
	position: relative;
	padding: 120px 0;
	overflow: hidden;
}
.cta-2-bg {
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	bottom: -100px;
	background-size: cover;
}
.cta-2-sub-title {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 47px;
	color: rgb(255 255 255 / 80%);
	font-weight: 700;
	font-family: "Roboto";
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.cta-2-title {
	font-size: 65px;
	line-height: 72px;
	color: #ffffff;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	text-align: center;
	position: relative;
	margin-bottom: 40px;
}
.cta-2-link-btn {
	text-align: center;
}
/* partner s two */

section.partner-1-section.s-two {
	overflow: hidden;
}
.partner-1-bg {
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	bottom: -100px;
	background-size: cover;
}
section.partner-1-section.s-two .partner-1-logo {
	border: 0;
	background: transparent;
	min-height: 70px;
	margin-top: 20px;
}
section.partner-1-section.s-two .theme_carousel {
	border: none;
}
/* header style four */

header.main-header.header-style-four .auto-container {
	max-width: 100%;
	padding: 0;
}
header.main-header.header-style-four .header-upper .logo-box {
	padding-left: 65px;
	padding-right: 40px;
	background: #d0cfd3;
}
header.main-header.header-style-four {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
}
header.main-header.header-style-four .sidemenu-nav-toggler {
	width: 91px;
	height: 81px;
	background-color: #242424;
	border-radius: 0;
	line-height: 81px;
}
header.main-header.header-style-four .header-upper .logo-box .logo {
	padding: 17.5px 0;
}
header.main-header.header-style-four .main-menu .navigation>li {
	padding: 23px 50px;
	margin: 0;
	border-right: 1px solid #d0d0d0;
}
header.main-header.header-style-four .main-menu .navigation>li>a {
	text-transform: uppercase;
}
.header-upper-phone-number {
	font-size: 24px;
	line-height: 47px;
	color: #242424;
	font-weight: 600;
	font-family: "Poppins";
	padding-left: 45px;
}
.header-upper-phone-number a {
	color: #242424;
	transition: .5s;
}
.header-upper-phone-number a:hover {
	color: var(--theme-color);
}
/* banner 2 */

section.banner-2-section {
	position: relative;
	padding-top: 800px;
	background-size: cover;
	z-index: 1;
}
.banner-2-desc {
	font-size: 28px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	padding-top: 45px;
	padding-left: 45px;
	min-height: 360px;
	border-left: 1px solid rgb(208 207 211 / 50%);
	position: relative;
}
.banner-2-desc:before {
	position: absolute;
	content: '';
	top: 46px;
	left: -1px;
	width: 2px;
	height: 28px;
	background-color: #ffffff;
}
.banner-2-content {
	max-width: 326px;
	background-image: linear-gradient(90deg, #d90329 0%, #d92c04 100%);
	margin: 0 auto;
	margin-right: 0;
	margin-bottom: -110px;
	z-index: 99;
	transform: translateY(-50px);
	padding: 45px 35px 60px;
}
.banner-2-icon-box {
	position: relative;
	padding-left: 86px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e24356;
	margin-bottom: 33px;
}
.banner-2-icon {
	position: absolute;
	left: 0;
	top: 16px;
	font-size: 55px;
	line-height: 1.2em;
	color: rgb(255 255 255 / 35%);
}
.banner-2-icon-sub-title {
	font-size: 13px;
	letter-spacing: 1px;
	color: rgb(255 255 255 / 35%);
	font-weight: 700;
	font-family: "Roboto";
	text-transform: uppercase;
}
.banner-2-icon-title {
	font-size: 28px;
	color: rgb(255 255 255 / 35%);
	font-weight: 900;
	font-family: "Microsoft Yahei";
	line-height: 1.23em;
}
.banner-2-text {
	font-size: 38px;
	line-height: 47px;
	color: #ffffff;
	font-weight: 900;
	font-family: "Roboto";
	margin-bottom: 25px;
	text-transform: uppercase;
}
a.banner-2-link {
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	transition: .5s;
}
a.banner-2-link:hover {
	color: #222;
}
a.banner-2-link i {
	margin-left: 13px;
	font-size: 30px;
	position: relative;
	top: 6px;
}
.banner-2-text strong {
	font-size: 55px;
}
.banner-2-text span {
	font-size: 30px;
}
/* about 4 */

section.about-4-section {
	position: relative;
	padding: 120px 0 90px;
}
.about-4-desc {
	font-size: 18px;
	line-height: 28px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 20px;
}
ul.about-4-list {
	font-size: 20px;
	line-height: 40px;
	color: #2a2a2a;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
ul.about-4-list i {
	margin-right: 20px;
	color: var(--theme-color);
	font-size: 20px;
	position: relative;
	top: 4px;
}
.about-4-content-wrap {
	position: relative;
}
.about-4-image-wrap {
	position: relative;
	display: flex;
	justify-content: space-between;
}
.about-4-image-1 {
	margin-bottom: 30px;
}
.about-4-icon-box {
	max-width: 343px;
	min-height: 180px;
	filter: drop-shadow(0px 3px 28.5px rgba(0, 0, 0, 0.09));
	background-color: #ffffff;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 30px;
	padding-left: 130px;
}
.about-4-icon {
	position: absolute;
	left: 35px;
	font-size: 65px;
	color: var(--theme-color);
	top: 74px;
}
.about-4-text {
	font-size: 14px;
	letter-spacing: 1px;
	color: #747474;
	font-weight: 700;
	font-family: "Roboto";
	text-transform: uppercase;
	margin-bottom: 7px;
	margin-top: 5px;
}
.about-4-text-2 {
	font-size: 30px;
	color: #242424;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	line-height: 1.2em;
}
/* btn s three */

a.btn-1.s-three {
	background: #fff;
	border: 1px solid #686868;
	color: #242424;
	padding: 16px 30px 13px;
}
a.btn-1.s-three:hover {
	color: #fff;
	border-color: #181818;
}
/* cta 3 */

section.cta-3-section {
	position: relative;
	margin-bottom: -107px;
	z-index: 9;
}
.cta-3-image {
	margin-right: -9px;
}
.cta-3-content {
	margin-left: -21px;
	padding: 39px 0;
	padding-left: 50px;
	background: var(--theme-color);
	margin-right: -60px;
	position: relative;
}
h2.cta-3-title {
	position: relative;
	font-size: 42px;
	line-height: 42px;
	color: #ffffff;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	margin-bottom: 9px;
}
.cta-3-text {
	font-size: 22px;
	line-height: 36px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	position: relative;
}
.cta-3-phone {
	font-size: 38px;
	line-height: 48px;
	color: #ffffff;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	position: relative;
}
.cta-3-phone a {
	color: #fff;
}
.cta-3-content:before {
	background: var(--theme-color);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 1000%;
	content: '';
}
/* services 3 */

section.services-3-section {
	position: relative;
	padding: 175px 0 90px;
	background: #ededed;
}
.services-3-image {
	position: relative;
	margin-bottom: 30px;
}
h4.services-3-title {
	font-size: 24px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	position: absolute;
	left: 0;
	bottom: 40px;
	line-height: 32px;
	padding-left: 21px;
	border-left: 4px solid var(--theme-color);
	z-index: 9;
}
h4.services-3-title a {
	color: #fff;
}
.services-3-carousel {
	margin-right: -200px;
}
.services-3-image:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: var(--theme-color);
	opacity: .5;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform: perspective(400px) scaleX(0);
	-ms-transform: perspective(400px) scaleX(0);
	transform: perspective(400px) scaleX(0);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	z-index: 1;
}
.services-3-image:hover:before {
	opacity: .8;
	-webkit-transform: perspective(400px) scaleX(1.0);
	-ms-transform: perspective(400px) scaleX(1.0);
	transform: perspective(400px) scaleX(1.0);
}
.services-3-carousel-wrapper {
	margin-right: -120px;
}
.services-3-carousel-btn {
	margin-top: 20px;
	margin-bottom: 30px;
}
span.services-3-carousel-left-btn {
	display: inline-block;
	text-align: center;
	line-height: 55px;
	color: #030303;
	font-size: 21px;
	cursor: pointer;
	margin-right: 20px;
	position: relative;
	z-index: 1;
	width: 59px;
	height: 59px;
	background-color: #ededed;
	border: 2px solid #686868;
}
span.services-3-carousel-left-btn:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--theme-color);
	transition: .5s;
	opacity: 0;
	z-index: -1;
}
span.services-3-carousel-left-btn:hover:before {
	opacity: 1;
}
span.services-3-carousel-left-btn:hover {
	color: #fff;
	border-color: var(--theme-color);
}
span.services-3-carousel-right-btn {
	display: inline-block;
	text-align: center;
	color: #030303;
	line-height: 55px;
	font-size: 21px;
	cursor: pointer;
	position: relative;
	z-index: 1;
	width: 59px;
	height: 59px;
	background-color: #ededed;
	border: 2px solid #686868;
}
span.services-3-carousel-right-btn:hover {
	color: #fff;
	border-color: var(--theme-color);
}
span.services-3-carousel-right-btn:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--theme-color);
	transition: .5s;
	opacity: 0;
	z-index: -1;
}
span.services-3-carousel-right-btn:hover:before {
	opacity: 1;
}
.services-3-link {
	position: absolute;
	right: 30px;
	top: 30px;
	text-align: center;
	z-index: 1;
}
.owl-item .services-3-link img {
	width: auto;
	margin: 0 auto;
}
.services-3-link a {
	top: 30px;
	width: 62px;
	height: 62px;
	border-radius: 31px;
	border: 2px solid #ffffff;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	transition: .5s;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-20px);
}
.services-3-link a:hover {
	border-color: #222;
	background-color: #222;
}
.services-3-image:hover .services-3-link a {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}
/* estimate 1 s three */

.estimate-1-section.s-three .estimate-1-wrapper-box {
	margin-top: 0;
	margin-bottom: -165px;
}
.estimate-1-section.s-three {
	z-index: 1;
}
/* fact 1 s two */

section.facts-1-section.s-two .facts-1-icon {
	border: none;
	background: transparent;
	width: auto;
	text-align: left;
	height: auto;
	line-height: 1.2em;
	font-size: 65px;
	color: var(--theme-color);
	margin-bottom: 0;
}
/* projects */

section.projects-1-section {
	position: relative;
	padding: 80px 0 90px;
	background-size: cover;
}
.projects-1-image img {
	width: 100%; border-radius: 8px;
}
.projects-1-block {
	margin-bottom: 30px;
	position: relative;
}
.projects-1-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 1;
	color: #ffffff;
	text-align: center;
	background: rgba(0, 0, 0, 0.0);
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: flex-start;
	flex-direction: column;
	padding-right: 20px;
	padding-top: 20px;    border-radius: 8px;
}

.page-title-sectition::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
        background: linear-gradient(315deg, rgb(0 0 0 / 16%) 25%, rgba(34, 34, 34, 0.5) 100%);
    z-index: 0;
}



.blog-1-link-btn{
    border: 1px solid #333333;
    padding: 10px;
    border-radius: 8px;
}

.blog-1-link-btn a{color: #666666;}

.projects-1-overlay:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	background-image: linear-gradient(0deg, #000000 0%, #155327 100%);
}
.projects-1-block:hover .projects-1-overlay:before {
	opacity: .9;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}
h4.projects-1-title {
	font-size: 28px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	font-family: "Barlow";
	position: absolute;
	left: 30px;
	bottom: 30px;
	transition: .5s;
	transform: translateY(10px);
	opacity: 0;
}
.projects-1-block:hover h4.projects-1-title {
	opacity: 1;
	transform: translateY(0);
}
.projects-1-image {
	overflow: hidden;
	position: relative;
}
.projects-1-overlay:after {
	content: '';
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	opacity: 0;
	background: rgb(0 0 0 / 70%);
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
}
.projects-1-overlay:hover:after {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}
.projects-1-overlay a {
	position: relative;
	font-size: 18px;
	color: #ffffff;
	line-height: 45px;
	display: inline-block;
	opacity: 0;
	width: 45px;
	height: 45px;
	border-radius: 6px;
	background-color: #ffffff;
	margin-bottom: 10px;
	transition: all 500ms ease 500ms;
	-webkit-transition: all 500ms ease 500ms;
	-ms-transition: all 500ms ease 500ms;
	-o-transition: all 500ms ease 500ms;
	transition-delay: 0s;
	transform: translateY(100);
}
.projects-1-block:hover a {
	opacity: 1;
	position: relative;
	z-index: 1;
	transform: translateY(0);
}
.projects-1-overlay a:hover {
	opacity: .8;
}
.projects-1-overlay a img {
	width: auto;
}
.projects-1-section a.btn-1 span {
	background: #fff;
}
.projects-1-section a.btn-1:hover {
	color: var(--theme-color);
}
.projects-1-row {
	column-count: 3;
	transition: all .5s ease-in-out;
	column-gap: 30px;
	column-fill: initial;
}
/* testimonial 1 s three */

section.testimonial-1-section.s-three {
	padding-bottom: 190px;
}
section.testimonial-1-section.s-three .testimonial-1-category {
	color: #181818;
}
section.testimonial-1-section.s-three .testimonial-1-designation {
	color: #fff;
}
section.testimonial-1-section.s-three .testimonial-1-quote {
	color: #fff;
}
.testimonial-1-section.s-three .owl-dots .owl-dot:hover, .testimonial-1-section.s-three .owl-dots .owl-dot.active {
	background: #fff;
	border-color: #fff;
}
.sec-divider-1 {
	background: #f9f9f9;
}
.sec-divider-1 .left-outer-container {
	border-bottom: 1px solid #c9c9c9;
}
span.team-1-carousel-left-btn.s-two {
	background: #e6e6e6;
	color: #727272;
}
span.team-1-carousel-left-btn.s-two:hover {
	color: #fff;
}
span.team-1-carousel-left-btn.s-two:before {
	background-color: var(--theme-color);
}
span.team-1-carousel-right-btn.s-two {
	background: #e6e6e6;
	color: #727272;
}
span.team-1-carousel-right-btn.s-two:hover {
	color: #fff;
}
span.team-1-carousel-right-btn.s-two:before {
	background-color: var(--theme-color);
}
/* header style five */

header.main-header.header-style-five {
	position: absolute;
	top: 38px;
}
.main-header.header-style-five .inner-container {
	background: #fff;
	padding: 0 35px;
	border-radius: 5px;
}
.main-header.header-style-five .auto-container {
	max-width: 1600px;
}
.header-upper-link-btn {
	vertical-align: middle;
	display: inherit;
	margin-left: 35px;
}
.header-upper-link-btn a.btn-1 {
	padding: 12px 30px 10px;
	border-radius: 3px;
}
.main-header.header-style-five .inner-container:before {
	position: absolute;
	content: '';
	bottom: -10px;
	left: 15px;
	right: 15px;
	height: 20px;
	background: rgb(255 255 255 / 20%);
	border-radius: 5px;
}
/* banner 3 */

section.banner-3-section {
	position: relative;
	padding-top: 350px;
}
.banner-3-bg-1 {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: calc(50% - 385px);
	background-size: cover;
}
.banner-3-bg-1:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: var(--theme-color);
	opacity: .8;
}
.banner-3-bg-2 {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 70px;
	width: calc(50% + 385px);
	background-size: cover;
}
.banner-3-bg-2:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	max-width: 615px;
	background: rgb(0 0 0 / 10%);
	border-right: 1px solid rgb(255 255 255 / 15%);
}
h2.banner-3-title {
	font-size: 90px;
	line-height: 85px;
	color: #ffffff;
	font-weight: 900;
	font-family: "Roboto";
	margin-bottom: 35px;
}
.banner-3-desc {
	position: relative;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Roboto";
	margin-bottom: 10px;
}
.banner-3-link-btn {
	position: relative;
}
a.banner-3-link {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 55px;
	text-decoration: underline;
	color: #ffffff;
	font-weight: 700;
	font-family: "Roboto";
	text-transform: uppercase;
	transition: .5s;
}
a.banner-3-link:hover {
	color: #222;
}
section.banner-3-section .auto-container {
	max-width: 1600px;
}
.banner-3-top-content {
	margin-bottom: 180px;
}
.banner-3-bottom-content {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-left: 66px;
}
.banner-3-video {
	position: relative;
	min-width: 334px;
	background-color: #000000;
	padding: 35.5px 65px;
}
span.banner-3-video-label {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 55px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Roboto";
	text-transform: uppercase;
}
.banner-3-icon-box {
	background: #f2f6f7;
	padding: 35px 0;
	padding-left: 108px;
	position: relative;
	min-width: 307px;
}
.banner-3-info-label {
	font-size: 15px;
	line-height: 30px;
	color: #6f6f6f;
	font-weight: 700;
	font-family: "Roboto";
	display: block;
	text-transform: uppercase;
}
.banner-3-info-text {
	font-size: 18px;
	line-height: 30px;
	color: #242424;
	font-weight: 900;
	font-family: "Roboto";
}
.banner-3-info-text a {
	color: #242424;
	transition: .5s;
}
.banner-3-info-text a:hover {
	color: var(--theme-color);
}
.banner-3-icon {
	position: absolute;
	left: 42px;
	top: 43px;
	font-size: 45px;
}
.banner-3-icon-box:nth-child(3):before {
	position: absolute;
	content: '';
	left: 0;
	top: 30px;
	bottom: 30px;
	background: #d6d7d8;
	width: 1px;
}
a.banner-3-video-link {
	width: 62px;
	height: 57px;
	background-color: #d90429;
	display: inline-block;
	text-align: center;
	line-height: 57px;
	color: #fff;
	font-size: 20px;
	margin-right: 26px;
	transition: .5s;
}
a.banner-3-video-link:hover {
	background-color: #fff;
	color: var(--theme-color);
}

/* about 5 */
section.about-5-section {
	position: relative;
	padding: 120px 0 90px;    position: relative;
   
}

section.about-5-section-1 {
	position: relative;
	padding: 120px 0 90px;    position: relative;
    background-image: url(/static/upload/image/20241017/1729160664407546.png);
}



.about-5-desc {
	font-size: 18px;
	line-height: 28px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 20px;
}
ul.about-5-list {
	font-size: 20px;
	line-height: 40px;
	color: #2a2a2a;
	
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
ul.about-5-list i {
	margin-right: 12px;
	color: #7a7a7a;
	font-size: 20px;
	position: relative;
	top: 4px;
}
.about-5-content-wrap {
	position: relative;
	margin-right: 30px;    margin-left: 0px;
}
.about-5-image-wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;

	margin-left: 100px;
}
.about-5-image-wrap.s-two {
	margin-right: -170px;
}
.about-5-image-1 {
	margin-bottom: 120px;
}
.about-5-icon-box {
	max-width: 343px;
	min-height: 180px;
	filter: drop-shadow(0px 3px 28.5px rgba(0, 0, 0, 0.09));
	background-color: #ffffff;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 30px;
	padding-left: 130px;
}
.about-5-icon {
	position: absolute;
	left: 35px;
	font-size: 65px;
	color: var(--theme-color);
	top: 74px;
}

.pb-000 {
    padding-bottom: 0px;
}
.btzz {
    color: #000000!important;
    font-weight: 600!important;
    font-size: 26px!important;    text-align: left!important;      line-height: 1.32em!important;    padding: 0px 0px 20px 0px!important;
}



.pt-40 {
    padding-top: 40px;
}


.about-5-text {
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 32px;
	color: #242424;
	
	font-family: "Microsoft Yahei";
}
.about-5-text-2 {
	font-size: 30px;
	color: #242424;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	line-height: 1.2em;
}
.about-5-image-2 {
	margin-bottom: 30px;    margin-left: 20px;
}
/* services 4 */

section.service-4-section {
	position: relative;
	padding: 120px 0 80px;
}

.service-4-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	
}
.service-4-block {
	position: relative;
	border-radius: 6px;
	filter: drop-shadow(0 0 17.5px rgba(0, 0, 0, 0.1));
	background-color: #ffffff;
	margin-bottom: 30px;
}
h4.service-4-title {
	font-size: 16px;
	color: #222222;
	
	font-family: "Microsoft Yahei";
	margin-bottom: 0px;
}
.service-4-desc {
	font-size: 14px;
	line-height: 24px;
	color: #444444;
	
	font-family: "Microsoft Yahei";
}
.service-4-content {
	position: relative;
	text-align: center;
	padding: 20px 11px 10px 11px;   
}


.services-2-image img {
    filter: brightness(75%);
}



span.service-4-border {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 3px;
	background-color: var(--theme-color);
}
.service-4-image {
	position: relative;
}
.service-4-image img {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: 100%;
}

.service-4-image:hover:before {
	opacity: 1;
	-webkit-transform: perspective(400px) scaleX(1.0);
	-ms-transform: perspective(400px) scaleX(1.0);
	transform: perspective(400px) scaleX(1.0);
}
.owl-carousel .owl-stage-outer {
	overflow: visible;
}
.owl-stage {
	pointer-events: none;
}
.owl-item.active {
	opacity: 1;
	pointer-events: auto;
}
.owl-item {
	opacity: 0;
	pointer-events: none;
}
/* facts 3 */

span.facts-3-count-text {
	font-size: 40px;
	line-height: 31px;
	color: #d90429;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	text-align: center;
}
span.facts-3-count-text-suffix {
	font-size: 40px;
	line-height: 31px;
	color: #d90429;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	text-align: center;
}
.facts-3-block {
	text-align: center;
}
section.facts-3-section {
	padding-bottom: 90px;
}
section.facts-3-section .auto-container {
	max-width: 1300px;
}
.facts-3-title {
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 31px;
	color: #444444;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	text-transform: uppercase;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.facts-3-title:before {
	position: absolute;
	content: '';
	width: 42px;
	height: 2px;
	background-color: #d90429;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
}
/* features 2 */

section.features-2-section {
	position: relative;
	background: #ededed;
}
.features-2-left-column {
	width: calc(50% - 185px);
	background-size: cover;
}
.features-2-right-column {
	width: calc(50% + 185px);
	padding-left: 85px;
	padding-top: 115px;
	padding-bottom: 80px;
}
.features-2-row {
	display: flex;
	flex-wrap: wrap;
}
.features-2-image {
	background-size: cover;
}
.features-2-image img {
	display: none;
}
.features-2-container {
	max-width: 700px;
	padding: 0 15px;
}
.features-2-text {
	font-size: 22px;
	line-height: 32px;
	color: #242424;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	margin-bottom: 10px;
}
.features-2-desc {
	font-size: 18px;
	line-height: 30px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 25px;
}
ul.features-2-icon-list {
	font-size: 22px;
	line-height: 45px;
	color: #242424;
	font-weight: 700;
	font-family: "Microsoft Yahei";
}
ul.features-2-icon-list i {
	font-weight: normal;
	font-size: 40px;
	margin-right: 20px;
	color: var(--theme-color);
	position: relative;
	top: 12px;
}
ul.features-2-icon-list li {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 15px;
	margin-bottom: 7px;
}
ul.features-2-icon-list li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
/* facts 4 */

section.facts-4-section {
	position: relative;
	padding-top: 110px;
	padding-bottom: 90px;
	border-bottom: 1px solid #dcdcdc;
}
section.facts-4-section .auto-container {
	max-width: 1600px;
}
.facts-4-block {
	position: relative;
	margin-bottom: 30px;
	padding-left: 54px;
	border-left: 1px solid #d3d3d3;
	padding-bottom: 19px;
}
.facts-4-icon {
	font-size: 65px;
	line-height: 1em;
	color: var(--theme-color);
	margin-bottom: 10px;
}
h4.facts-4-title-2 {
	font-size: 22px;
	line-height: 31px;
	color: #242424;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-bottom: 10px;
}
.facts-4-text {
	font-size: 18px;
	line-height: 28px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
.col-lg-3:first-child .facts-4-block {
	padding-left: 0;
	border-left: 0;
}
section.pricing-1-section {
	position: relative;
	padding: 120px 0 90px;
}
.pricing-1-block {
	border-radius: 8px;
	filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.05));
	background-color: #ffffff;
	padding: 55px 35px 40px;
}
.pricing-1-category {
	font-size: 16px;
	letter-spacing: 2px;
	color: #d90429;
	font-weight: 700;
	font-family: "Roboto";
	text-transform: uppercase;
	margin-bottom: 20px;
	text-align: center;
}
.pricing-1-price {
	font-size: 60px;
	line-height: 47px;
	color: #242424;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	text-align: center;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.pricing-1-ribbon {
	font-size: 14px;
	letter-spacing: 1px;
	color: #929292;
	font-weight: 700;
	font-family: "Roboto";
	width: 129px;
	border-radius: 8px;
	background-color: #f5f5f5;
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 6px 0;
	padding-top: 1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
ul.pricing-1-list {
	font-size: 18px;
	line-height: 38px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 25px;
}
.pricing-1-time {
	font-size: 18px;
	line-height: 47px;
	color: #797979;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	text-align: center;
	margin-bottom: 15px;
}
.pricing-1-link-btn a.btn-1 {
	padding: 15px 15px 11px;
	width: 100%;
}
.pricing-1-price span {
	font-size: 50%;
	position: relative;
	top: -17px;
}
.pricing-1-price li {
	position: relative;
}
.pricing-1-tab-btn {
	text-align: center;
	justify-content: center;
	margin-bottom: 40px;
}
.pricing-1-tab-title {
	font-size: 20px;
	line-height: 32px;
	color: #242424;
	font-weight: 500;
	font-family: "Microsoft Yahei";
}
.pricing-1-tab-btn li {
	margin: 0 40px 30px;
}
.pricing-1-icon {
	font-size: 80px;
	line-height: 30px;
	color: #7f7f7f;
}
ul.pricing-1-list li {
	position: relative;
	padding-left: 37px;
}
ul.pricing-1-list li:before {
	position: absolute;
	content: "\f00c";
	left: 0;
	top: 0;
	font-family: 'Font Awesome 5 Pro';
	color: var(--theme-color);
}
ul.pricing-1-list li.pricing-1-not-available:before {
	color: #999;
	content: "\f00d";
}
/* projects 1 s two */

section.projects-1-section.s-two {
	padding-top: 215px;
}
/* testimonial 2 */

section.testimonial-2-section {
	position: relative;
	background: #e8e8e8;
	padding: 66px 0;
}
.testimonial-2-block {
	border-radius: 6px;
	filter: drop-shadow(0 0 21.5px rgba(0, 0, 0, 0.07));
	background-color: #ffffff;
	padding: 45px 30px 40px;
	padding-left: 260px;
}
.testimonial-2-image-wrapper {
	position: absolute;
	left: 40px;
	top: 55px;
}
.testimonial-2-image {
	width: 184px;
	position: relative;
}
.testimonial-2-quote {
	font-family: Arial;
	position: absolute;
	z-index: 99;
	font-size: 100px;
	font-weight: 700;
	line-height: 70px;
	width: 124px;
	color: #3374b4;
	text-align: center;
	right: 0;
	bottom: -5px;
}
.testimonial-2-text {
	font-size: 18px;
	line-height: 30px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 20px;
}
h4.testimonial-2-name {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #333333;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	text-transform: uppercase;
	position: relative;
	padding-left: 15px;
	margin-bottom: 3px;
}
h4.testimonial-2-name:before {
	position: absolute;
	content: '-';
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #000;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	left: 5px;
}
.testimonial-2-designation {
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 20px;
	color: #d90628;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	text-transform: uppercase;
	margin-left: 15px;
}
.testimonial-2-image img {
	border-radius: 5%;
}
.testimonial-2-image:before {
	position: absolute;
	content: '';
	width: 1px;
	height: 103px;
	background-color: rgb(202 202 202 / 40%);
	left: 42px;
	bottom: -139px;
}
.testimonial-2-section .owl-dots {
	display: flex;
	text-align: revert;
	margin-top: 82px;
	justify-content: center;
	position: relative;
	clear: both;
}
.testimonial-2-section .owl-dots .owl-dot {
	position: relative;
	margin: 0px 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #383838;
	display: inline-block;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.testimonial-2-section .owl-dots .owl-dot:hover, .testimonial-2-section .owl-dots .owl-dot.active {
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}
.testimonial-2-image:before {
	position: absolute;
	content: '';
	width: 1px;
	height: 103px;
	background-color: rgb(202 202 202 / 40%);
	left: 42px;
	bottom: -139px;
}
.testimonial-1-shape, .testimonial-2-shape {
	position: absolute;
	right: 0;
	bottom: 0;
}
.testimonial-2-row {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.testimonial-2-left-column {
	position: relative;
	width: calc(50% - 315px);
	background-size: cover;
}
.testimonial-2-right-column {
	width: calc(50% + 315px);
	padding-left: 115px;
	padding-top: 90px;
	padding-bottom: 90px;
}
.testimonial-2-feature-image {
	display: none;
}
.testimonial-2-icon-box {
	position: absolute;
	right: -35px;
	top: 0;
	width: 100%;
	max-width: 203px;
	background-color: #d90429;
	text-align: center;
	padding: 29px 20px;
	padding-top: 35px;
	z-index: 1;
}
.testimonial-2-icon-box-text {
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Roboto";
	text-align: center;
}
.testimonial-2-icon-box-icon {
	font-size: 60px;
	line-height: 50px;
	color: #fff;
	margin-bottom: 10px;
}
section.testimonial-2-section.s-two {
	padding: 0;
}
.testimonial-2-wrapper-box {
	margin-right: -48px;
}
/* blog s two */

section.blog-1-section.s-two .blog-1-block {
	margin-bottom: 60px;
}
section.blog-1-section.s-two .blog-1-meta-info a {
	color: #333333;
}
.blog-1-link-btn3 a {
	width: 56px;
	height: 56px;
	border-radius: 28px;
	background-color: #d90429;
	line-height: 64px;
	color: #fff;
	display: inline-block;
	transition: .5s;
}
.blog-1-link-btn3 {
	position: relative;
	transform: translateY(74px);
	margin-top: -63px;
}
.blog-1-link-btn3 a:hover {
	background: #222;
}
/* banner 4 */

section.banner-4-section {
	background: #161616;
	padding-top: 231px;
	position: relative;
	overflow: hidden;
}
.banner-4-feature-image {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 100px;
	width: 100%;
	background-size: cover;
	background-position: right center;
}
h2.banner-4-title {
	font-size: 75px;
	line-height: 76px;
	color: #ffffff;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	margin-bottom: 20px;
}
.banner-4-desc {
	font-size: 18px;
	position: relative;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Roboto";
	margin-bottom: 45px;
}
.banner-4-top-content {
	margin-bottom: 210px;
}
.banner-4-feature-image-shape {
	position: absolute;
	top: 100px;
	left: 0;
	bottom: 0;
	width: calc(50% - 215px);
	background: #161616;
}
.banner-4-feature-image-shape:before {
	position: absolute;
	content: '';
	left: 100%;
	width: 760px;
	top: -1px;
	bottom: 0;
	background: #161616;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.banner-4-border-shape {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: calc(50% + 140px);
	z-index: 9;
	pointer-events: none;
}
.banner-4-layer-1 {
	position: absolute;
	top: -30px;
	right: 77px;
	bottom: -190px;
	width: 13px;
	border-left: 1px solid #272727;
	border-right: 1px solid #272727;
	transform: rotate(45.5deg);
}
.banner-4-layer-2 {
	position: absolute;
	top: -30px;
	right: 13px;
	bottom: -190px;
	width: 48px;
	transform: rotate(45.5deg);
	background: #1a1a1a;
}
.banner-4-layer-3 {
	position: absolute;
	top: 120px;
	right: -379px;
}
.banner-4-shape-1 {
	position: absolute;
	bottom: -1px;
	height: 64px;
	width: calc(50% - 126px);
	left: -47px;
	background: #f8f9fa;
	transform: skewX(-45deg);
	z-index: 9;
}
.banner-4-shape-2 {
	height: 64px;
	position: absolute;
	bottom: -1px;
	width: calc(50% + 85px);
	transform: skewX(-45deg);
}
.banner-4-shape-2:before {
	position: absolute;
	content: '';
	right: 0;
	width: 270px;
	height: 64px;
	background: var(--theme-color);
}
.banner-4-shape-3 {
	position: absolute;
	right: -30px;
	bottom: 0;
	height: 62px;
	background: var(--theme-color);
	width: 120px;
	transform: skewX(-45deg);
}
.banner-4-text {
	font-size: 18px;
	color: #5d6a76;
	font-weight: 700;
	font-family: "Roboto";
	position: relative;
	z-index: 9;
	margin-bottom: 16px;
}
.about-5-shape {
	position: absolute;
	top: -1px;
	left: 0;
	bottom: 140px;
	width: calc(50% - 204px);
	background: #f8f9fa;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}
section.banner-4-section .btn-1 span {
	background-color: #fff;
}
section.banner-4-section .btn-1:hover {
	color: #222;
}
/* services 4 */

section.services-4-section {
	position: relative;
	padding: 120px 0 210px;
}
.services-4-sec-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
}
.services-4-block {
	position: relative;
	display: block;
	padding: 40px 30px;
	padding-right: 20px;
	border-bottom: 1px solid #363636;
	border-right: 1px solid #363636;
}
h5.services-4-category {
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 26px;
	color: #919090;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	text-transform: uppercase;
	margin-bottom: 6px;
}
h2.services-4-title {
	font-size: 24px;
	line-height: 26px;
	color: #fff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-bottom: 15px;
	transition: .5s;
}
a.services-4-read-more {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 26px;
	color: #d90429;
	font-weight: 700;
	font-family: "Roboto";
	text-transform: uppercase;
	transition: .5s;
	position: relative;
}
.services-4-icon {
	position: relative;
	font-size: 65px;
	color: var(--theme-color);
	margin-bottom: 48px;
}
a.services-4-read-more:hover {
	color: #fff;
}
.services-4-block:hover h2.services-1-title {
	color: #fff;
}
.services-4-inner-box {
	position: relative;
	transition: .5s;
}
.services-4-inner-box:hover {
	transform: translateY(-10px);
}
.services-4-section .services-4-outer-box {
	border-left: 1px solid #363636;
	border-top: 1px solid #363636;
	position: relative;
}
.services-4-feature-image {
	position: relative;
	margin-right: -166px;
	margin-top: -70px;
	pointer-events: none;
	left: 1px;
}
.services-4-text {
	position: relative;
	text-align: center;
	font-size: 20px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-top: 70px;
	margin-bottom: 30px;
}
/* cta-3 s two */

section.cta-3-section.s-two {
	margin-top: -110px;
	margin-bottom: 0;
}
/* partner s three */

section.partner-1-section.s-three {
	background: #fff;
}

/* header style six */

header.main-header.header-style-six {
	position: absolute;
	top: 0;
	left: 0;
}
header.main-header.header-style-six .auto-container {
	max-width: 100%;
	padding: 0 60px;
}
header.main-header.header-style-six .main-menu .navigation>li>a {
	color: #fff;
}
header.main-header.header-style-six .main-menu .navigation>li.current>a {
	color: var(--theme-color);
}
header.main-header.header-style-six .main-menu .navigation>li.current>a:before {
	position: absolute;
	content: '';
	width: 23px;
	height: 1px;
	background-color: #ee0d09;
	bottom: 0;
}
.main-header.header-style-six .header-upper .search-toggler {
	color: #fff;
}
.header-upper-phone-number2 {
	position: relative;
	font-size: 22px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Roboto";
}
.header-upper-phone-number2 a {
	color: #fff;
	transition: .5s;
}
.header-upper-phone-number2 a:hover {
	color: var(--theme-color);
}
.header-upper-phone-number2 i {
	margin-right: 15px;
	font-size: 33px;
	vertical-align: middle;
}
.main-header.header-style-six .main-menu .navigation {
	margin-left: 120px;
}
.main-header.header-style-six .sticky-header {
	background: #161616;
}
/* header style seven */

header.main-header.header-style-seven {
	top: 0;
	left: 0;
	background-color: #0b0b0b;
}
.main-header.header-style-seven .header-upper .logo-box .logo {
	width: 275px;
	background-color: #d01334;
	text-align: center;
	padding: 40.5px 0;
	margin-bottom: -35px;
	margin-left: 35px;
}
.main-header.header-style-seven .header-upper .logo-box .logo a {
	display: inline-block;
}
header.main-header.header-style-seven .auto-container {
	max-width: 100%;
	padding: 0 60px;
}
header.main-header.header-style-seven .main-menu .navigation>li>a {
	color: #fff;
}
header.main-header.header-style-seven .main-menu .navigation>li.current>a {
	color: var(--theme-color);
}
.main-header.header-style-seven .header-upper .search-toggler {
	color: #fff;
}
.main-header.header-style-seven .header-upper-phone-number2, .main-header.header-style-seven .header-upper-phone-number2 a {
	color: var(--theme-color);
	transition: .5s;
}
.main-header.header-style-seven .header-upper-phone-number2 a:hover {
	color: #fff;
}
.main-header.header-style-seven .main-menu .navigation {
	margin-left: 120px;
}
.main-header.header-style-seven .sticky-header {
	background: #161616;
}
/* banner 5 */

section.banner-5-section {
	position: relative;
	background: #0b0b0b;
	padding: 270px 95px 0;
}
.banner-5-bg {
	position: absolute;
	top: 0;
	left: 95px;
	right: 95px;
	bottom: 0;
}
.banner-5-text-content {
	max-width: 380px;
	margin: 0 auto;
	margin-right: 0;
	background: var(--theme-color);
	position: relative;
	padding: 60px 55px;
	transform: translateY(186px);
	z-index: 9;
}
h3.banner-5-title {
	font-size: 47px;
	color: #ffffff;
	font-weight: 900;
	font-family: "Roboto";
	margin-bottom: 20px;
}
.banner-5-text {
	font-size: 18px;
	line-height: 32px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Roboto";
	margin-bottom: 45px;
}
.banner-5-image {
	position: absolute;
	left: 95px;
	bottom: -75px;
	z-index: 1;
}
section.banner-5-section:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 95px;
	height: 300px;
	background: #fff;
}
section.banner-5-section:after {
	position: absolute;
	content: '';
	right: 0;
	bottom: 0;
	width: 95px;
	height: 300px;
	background: #fff;
}
.banner-5-layer-1 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: rgb(0 0 0 / 10%);
	width: calc(50% - 584px);
	border-right: 1px solid rgb(255 255 255 / 20%);
}
.banner-5-layer-2 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 50%;
}
.banner-5-layer-2:before {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	max-width: 585px;
	background: rgb(255 255 255 / 5%);
	border-right: 1px solid rgb(255 255 255 / 20%);
}
.banner-5-layer-3 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgb(0 0 0 / 10%);
	width: calc(50% - 584px);
}
.banner-5-btn .btn-1 {
	padding: 20px 30px 17px;
	background: #9f031e;
}
/* about 6 */

section.about-6-section {
	position: relative;
	padding: 135px 0 90px;
}
.about-6-desc {
	font-size: 18px;
	line-height: 28px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 20px;
}
ul.about-6-list {
	font-size: 20px;
	line-height: 40px;
	color: #2a2a2a;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
ul.about-6-list i {
	margin-right: 20px;
	color: var(--theme-color);
	font-size: 20px;
	position: relative;
	top: 4px;
}
.about-6-content-wrap {
	position: relative;
}
.about-6-image-wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: -88px;
	margin-left: 70px;
}
.about-6-image-wrap.s-two {
	margin-right: -170px;
}
.about-6-image-1 {
	margin-bottom: -130px;
	margin-left: -190px;
}
.about-6-image-1 img {
	max-width: none;
}
.about-6-text {
	margin-bottom: 14px;
	font-size: 18px;
	line-height: 28px;
	color: #777777;
	font-weight: 500;
	font-family: "Roboto";
}
.about-6-author-info {
	position: relative;
	padding-left: 105px;
	padding-top: 5px;
	min-height: 80px;
	margin-bottom: 30px;
}
.about-6-author-thumb {
	position: absolute;
	left: 0;
	top: 0;
}
.about-6-phone-label {
	font-size: 18px;
	line-height: 28px;
	color: #1c0f3b;
	font-weight: 700;
	font-family: "Roboto";
	margin-bottom: 5px;
}
.about-6-phone-number {
	font-size: 24px;
	line-height: 28px;
	color: #1c0f3b;
	font-weight: 900;
	font-family: "Roboto";
}
.about-6-phone-number a {
	color: #1c0f3b;
	transition: .5s;
}
.about-6-phone-number a:hover {
	color: var(--theme-color);
}
/* team 2 */

.sec-divider-2 {
	border-bottom: 1px solid #dcdcdc;
}
section.team-2-section {
	position: relative;
	padding: 120px 0 90px;
}
.team-2-text {
	font-size: 20px;
	line-height: 28px;
	color: #242424;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 25px;
}
.team-2-desc {
	font-size: 18px;
	line-height: 28px;
	color: #6c7478;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
/* whychooseus 3 */

section.whychooseus-3-section {
	position: relative;
	margin-top: -210px;
}
.whychooseus-3-row {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.whychooseus-3-left-column {
	position: relative;
	width: calc(50% - 315px);
	background-size: cover;
}
.whychooseus-3-right-column {
	width: calc(50% + 315px);
}
.whychooseus-3-image {
	display: none;
}
.whychooseus-3-icon-box {
	position: absolute;
	right: -50px;
	bottom: 0;
	width: 100%;
	max-width: 203px;
	background-color: #d90429;
	text-align: center;
	padding: 29px 20px;
	padding-top: 35px;
	z-index: 1;
}
.whychooseus-3-text {
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Roboto";
	text-align: center;
}
.whychooseus-3-icon {
	font-size: 60px;
	line-height: 50px;
	color: #fff;
	margin-bottom: 10px;
}
.whychooseus-3-content {
	position: relative;
	padding-left: 135px;
	padding-top: 80px;
	padding-bottom: 50px;
	background: #f3f3f3;
	max-width: 900px;
}
ul.whychooseus-3-list {
	position: relative;
	max-width: 500px;
	margin-bottom: 10px;
}
ul.whychooseus-3-list li {
	padding: 28px 0;
	padding-left: 75px;
	border-bottom: 1px solid #dedede;
	min-height: 87px;
	position: relative;
}
.whychooseus-3-icon2 {
	position: absolute;
	left: 0;
	top: 15px;
	font-size: 55px;
	color: var(--theme-color);
}
ul.whychooseus-3-list li:last-child {
	border-bottom: 0;
}
.whychooseus-3-tile-desc {
	font-size: 16px;
	line-height: 30px;
	color: #797979;
	font-weight: 400;
	font-family: "Roboto";
	margin-bottom: 10px;
}
h4.whychooseus-3-title {
	font-size: 24px;
	color: #242424;
	font-weight: 700;
	font-family: "Microsoft Yahei";
}
/* service 4 s two */

section.services-4-section.s-two {
	padding-bottom: 300px;
}
/* testimonial 1 s four */

section.testimonial-1-section.s-four {
	padding-bottom: 120px;
}
section.testimonial-1-section.s-four .testimonial-1-category {
	color: #222;
}
section.testimonial-1-section.s-four .testimonial-1-designation {
	color: #c6c6c6;
}
section.testimonial-1-section.s-four .testimonial-1-quote {
	color: #fff;
}
.testimonial-1-section.s-four .owl-dots .owl-dot:hover, .testimonial-1-section.s-four .owl-dots .owl-dot.active {
	background: #fff;
	border-color: #fff;
}
/* team 1 s two */

section.team-1-section.s-two {
	padding-bottom: 90px;
}
/* team 1 s three */

section.team-1-section.s-three {
	background: #fff;
}
section.team-1-section.s-four {
	background: #fff;
	padding-bottom: 90px;
}
section.team-1-section.s-five {
	background: #191919;
	padding-bottom: 180px;
}
section.team-1-section.s-five .team-1-text-1 {
	color: #b8b8b8;
}
section.team-1-section.s-five .team-1-text-2 {
	color: #585959;
}
/* sec divider */

.sec-divider-3 {
	background: #eee;
}
.sec-divider-3 .left-outer-container {
	border-bottom: 1px solid #c9c9c9;
}
.sec-divider-4 .left-outer-container {
	border-bottom: 1px solid #cacaca;
}
/* partner s four */

section.partner-1-section.s-four {
	overflow: hidden;
	background-color: #eee;
}
section.partner-1-section.s-four .partner-1-logo {
	border: 0;
	background: transparent;
	min-height: 70px;
}
section.partner-1-section.s-four .theme_carousel {
	border: none;
}
/* blog 1 s three */

section.blog-1-section.s-three {
	background-color: #eee;
}
section.blog-1-section.s-three .blog-1-meta-info a {
	color: var(--theme-color);
}
section.blog-1-section.s-three .blog-1-lower-content {
	padding-top: 30px;
}
/* header style eight */

.main-header.header-style-eight .header-upper .logo-box .logo:before {
	position: absolute;
	content: '';
	right: -65px;
	top: 0;
	bottom: -15px;
	width: 5000%;
	background: #d90429;
	z-index: -1;
	transform: skewX(-48deg);
}
.main-header.header-style-eight .header-upper .logo-box .logo {
	z-index: 1;
	padding: 26px 0px 14px;
}
.main-header.header-style-eight .header-top-1-right-column {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.main-header.header-style-eight .header-top-1-phone-number {
	margin-left: 20px;
}
.main-header.header-style-eight .header-top-1 {
	background: #353535;
}
.main-header.header-style-eight .main-menu .navigation>li {
	padding: 25.5px 0px;
}
.header-top-1-language-switcher {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-left: 15px;
	padding-left: 20px;
	position: relative;
}
.header-top-1-language-switcher:before {
	position: absolute;
	content: '';
	left: 0;
	top: 11px;
	width: 1px;
	height: 18px;
	background-color: #9e9e9e;
}
.header-top-1-language-switcher select.selectpicker {
	background: transparent;
}
.header-top-1-language-switcher>.nice-select {
	background: transparent;
	color: #fff;
	border: 0;
	padding-right: 20px;
}
.header-top-1-language-switcher ul.list {
	color: #222;
}
.header-top-1-language-switcher .nice-select:after {
	width: 8px;
	height: 8px;
	border-width: 2px;
	border-color: #fff;
	right: 2px;
	top: 18px;
}
/* banner 6 */

section.banner-6-section {
	position: relative;
}
.banner-6-bg {
	position: absolute;
	top: 0;
	right: 60px;
	bottom: 0;
	width: calc(50% + 525px);
	background-size: cover;
}
.banner-6-top-content {
	position: relative;
	padding: 190px 60px 270px;
	padding-left: 140px;
}
.banner-6-image {
	position: absolute;
	left: 0;
	bottom: 0;
}
h2.banner-6-title {
	font-size: 75px;
	line-height: 70px;
	color: #ffffff;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
.banner-6-desc {
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
a.banner-6-link {
	font-size: 22px;
	line-height: 30px;
	text-decoration: underline;
	color: #ffffff;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	transition: .5s;
}
a.banner-6-link:hover {
	color: var(--theme-color);
	text-decoration: underline !important;
}
.banner-6-big-title {
	font-size: 305px;
	color: hsl(0deg 0% 100% / 12%);
	font-weight: 900;
	font-family: "Microsoft Yahei";
	position: absolute;
	left: 40%;
	bottom: -110px;
	line-height: 1em;
	text-transform: uppercase;
}
.banner-6-bg2 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: calc(50% - 585px);
	background-size: cover;
}
a.banner-6-video-link {
	width: 58px;
	height: 58px;
	border-radius: 29px;
	background-color: #ee0d09;
	display: inline-block;
	color: #fff;
	text-align: center;
	line-height: 58px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .5s;
}
a.banner-6-video-link:hover {
	color: var(--theme-color);
	background-color: #fff;
}
a.banner-6-video-link:before {
	position: absolute;
	top: -10px;
	left: -10px;
	content: '';
	width: 78px;
	height: 78px;
	border-radius: 39px;
	background-color: rgba(238, 13, 9, 0);
	border: 2px solid #ee0d09;
}
/* about 7 */

section.about-7-section {
	position: relative;
	padding: 120px 0 90px;
}
.about-7-logo {
	text-align: center;
	margin-bottom: -30px;
}
h2.about-7-title {
	font-size: 50px;
	color: #242424;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	text-align: center;
	margin-bottom: 15px;
}
h3.about-7-title2 {
	font-size: 50px;
	color: #242424;
	font-weight: 300;
	font-family: "Microsoft Yahei";
	text-align: center;
	margin-bottom: 10px;
}
p.about-7-desc {
	font-size: 18px;
	line-height: 28px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	text-align: center;
	margin-bottom: 60px;
}
.about-7-image {
	position: relative;
	margin-bottom: 20px;
}
h4.about-7-text {
	font-size: 24px;
	line-height: 40px;
	color: #2a2a2a;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	text-align: center;
}
.about-7-block {
	position: relative;
	margin-bottom: 30px;
}
.about-7-image img {
	width: 100%;
}
.about-7-section .owl-dots {
	display: flex;
	text-align: revert;
	margin: 10px 0 30px;
	justify-content: center;
	clear: both;
}
.about-7-section .owl-dots .owl-dot {
	position: relative;
	margin: 0px 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #6c6c6c;
	display: inline-block;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.about-7-section .owl-dots .owl-dot:hover, .about-7-section .owl-dots .owl-dot.active {
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}
/* features 3 */

.features-3-row {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.features-3-left-column {
	width: calc(50% - 207px);
	background-size: cover;
	position: relative;
}
.features-3-image {
	display: none;
}
.features-3-right-column {
	width: calc(50% + 207px);
}
.features-3-icon-box {
	max-width: 343px;
	min-height: 180px;
	filter: drop-shadow(0px 3px 28.5px rgba(0, 0, 0, 0.09));
	background-color: var(--theme-color);
	width: 100%;
	position: absolute;
	right: 0;
	top: 120px;
	padding: 30px;
	padding-left: 130px;
}
.features-3-icon {
	position: absolute;
	left: 35px;
	font-size: 60px;
	color: #fff;
	top: 60px;
}
.features-3-text {
	font-size: 14px;
	letter-spacing: 1px;
	color: rgb(255 255 255 / 60%);
	font-weight: 700;
	font-family: "Roboto";
	text-transform: uppercase;
	margin-bottom: 7px;
	margin-top: 5px;
}
.features-3-text-2 {
	font-size: 30px;
	color: #fff;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	line-height: 1.2em;
}
section.features-3-section {
	position: relative;
	background: #f2f2f2;
}
.features-3-container {
	max-width: 800px;
	padding-left: 130px;
	padding-top: 115px;
	padding-bottom: 90px;
}
p.features-3-desc {
	font-size: 18px;
	line-height: 28px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
.features-3-list {
	font-size: 20px;
	line-height: 40px;
	color: #2a2a2a;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
.features-3-list i {
	margin-right: 20px;
	color: var(--theme-color);
	font-size: 20px;
	position: relative;
	top: 4px;
}
/* project s three */

section.projects-1-section.s-three {
	padding-top: 120px;
}
/* estimate s four */

.estimate-1-section.s-four .estimate-1-wrapper-box {
	margin: 0 0 0;
	background: transparent;
}
.estimate-1-section.s-four .estimate-1-wrapper-box:before {
	opacity: 0;
}
.estimate-1-section.s-four .estimate-1-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: calc(50% + 585px);
	background-size: cover;
}
.estimate-1-section.s-four:before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	height: 50%;
	background: #f9f9f9;
}
/* header style nine */

.main-header.header-style-nine .header-top-1-right-column {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.main-header.header-style-nine .header-top-1-phone-number {
	margin-left: 20px;
}
.main-header.header-style-nine .header-top-1 {
	background: #353535;
}
.main-header.header-style-nine .main-menu .navigation>li {
	padding: 25.5px 0px;
}
.header-top-1-left-column {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
header.main-header.header-style-nine {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.main-header.header-style-nine .header-top-1 .auto-container {
	max-width: 100%;
	padding: 0 45px;
}
header.main-header.header-style-nine .header-upper .auto-container {
	max-width: 100%;
	padding: 0 60px;
}
header.main-header.header-style-nine .main-menu .navigation>li>a {
	color: #fff;
	text-transform: capitalize;
}
header.main-header.header-style-nine .header-upper-link-btn2 a {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	text-transform: uppercase;
}
header.main-header.header-style-nine .header-top-1-text {
	color: rgb(255 255 255 / 70%);
}
header.main-header.header-style-nine .header-top-1-phone-number a {
	color: rgb(255 255 255 / 70%);
}
header.main-header.header-style-nine .header-top-1-text.s-two {
	color: #fff;
	margin: 0;
	padding: 12px 0;
	margin-right: 30px;
	padding-right: 31px;
	position: relative;
	z-index: 1;
}
header.main-header.header-style-nine .header-top-1-text.s-two:before {
	position: absolute;
	content: '';
	top: -1px;
	right: 0;
	bottom: 0;
	width: 5000%;
	background: #1e1e1e;
	z-index: -1;
}
header.main-header.header-style-nine .header-upper-link-btn2 {
	margin-left: 30px;
}
header.main-header.header-style-nine .header-upper .search-toggler {
	color: #fff;
}
header.main-header.header-style-nine .sticky-header {
	background: #222;
}
header.main-header.header-style-nine .main-menu .navigation>li.current>a {
	color: var(--theme-color);
}
header.main-header.header-style-nine .main-menu .navigation>li.current>a:before {
	position: absolute;
	content: '';
	width: 23px;
	height: 1px;
	background-color: #ee0d09;
	bottom: 0;
}
/* banner s two */

.banner-section.s-two .content-box {
	min-height: 890px;
	padding: 210px 15px 110px;
	justify-content: flex-end;
}
/* about 8 */

section.about-8-section {
	position: relative;
	margin-top: -40px;
	z-index: 11;
	padding-bottom: 90px;
}
section.about-8-section:before {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	bottom: 0;
	width: calc(50% + 155px);
	background: #fff;
}
.about-8-image-wrap {
	margin-right: -30px;
}
.about-8-content-wrap {
	margin-left: 90px;
	padding-top: 90px;
}
.about-8-desc {
	font-size: 18px;
	line-height: 28px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	position: relative;
	margin-bottom: 30px;
}
ul.about-8-list {
	position: relative;
	font-size: 20px;
	line-height: 40px;
	color: #2a2a2a;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
ul.about-8-list i {
	margin-right: 20px;
	color: var(--theme-color);
	font-size: 20px;
	position: relative;
	top: 4px;
}
.about-8-author-info {
	position: relative;
	padding-left: 67px;
	margin-left: 100px;
}
.about-8-author-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 58px;
	height: 58px;
	border-radius: 50%;
}
.about-8-author-name {
	font-size: 20px;
	line-height: 22px;
	color: #2a2a2a;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-left: 18px;
}
.about-8-author-designation {
	font-size: 17px;
	line-height: 22px;
	color: #ee0d09;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-left: 18px;
	margin-bottom: 15px;
}
.about-8-author-info:before {
	position: absolute;
	left: -50px;
	top: 0;
	content: '';
	width: 1px;
	height: 123px;
	background-color: #cbcbcb;
}
.about-8-bottom-image {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	margin-right: 0;
	padding-top: 35px;
	padding-left: 40px;
	background: #fff;
	margin-top: -35px;
}
.about-8-image2 {
	position: relative;
	margin-bottom: 30px;
}
/* feature image hover1 */

.feature_image_hover1 {
	position: relative;
	display: block;
	overflow: hidden;
}
.feature_image_hover1:before {
	position: absolute;
	top: 0;
	left: -100%;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .1) 100%);
	transform: skewX(5deg);
	z-index: 1;
}
.feature_image_hover1:hover:before {
	-webkit-animation: shine 1.5s;
	animation: shine 1.5s;
}
.feature_image_hover1 img {
	width: 100%;
	-webkit-transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
	transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
}
.feature_image_hover1:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
/* feature image hover2 */

.feature_image_hover2 {
	position: relative;
	display: block;
	overflow: hidden;
}
.feature_image_hover2:before {
	position: absolute;
	top: 0%;
	left: 0%;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, .4);
	border-radius: 50%;
	-webkit-transform: translateX(-50%, -50%);
	transform: translateX(-50%, -50%);
	opacity: 0;
	z-index: 1;
}
.feature_image_hover2:hover:before {
	-webkit-animation: circle .95s;
	animation: circle .95s;
}
.feature_image_hover2 img {
	width: 100%;
	transform: scale(1.0);
	-webkit-transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
	transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
}
.feature_image_hover2:hover img {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}
/* banner section s three */

.banner-section.s-three .content-box {
	padding-bottom: 30px;
	min-height: 890px;
}
/* contact info 1 */

.contactinfo-1-container {
	position: relative;
	max-width: calc(50% + 585px);
	margin: 0 auto;
	margin-right: 0;
	padding: 12px;
	background: var(--theme-color);
}
.contactinfo-1 {
	position: relative;
	margin-top: -60px;
	z-index: 10;
}
.contactinfo-1-content-box {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.contactinfo-1-video {
	position: relative;
	background-color: #000000;
	margin-right: 40px;
}
span.contactinfo-1-video-label {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 55px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Roboto";
	text-transform: uppercase;
}
.contactinfo-1-icon-box {
	padding: 35px 0;
	padding-left: 108px;
	position: relative;
	min-width: 307px;
}
.contactinfo-1-info-label {
	font-size: 15px;
	line-height: 30px;
	color: #fff;
	font-weight: 700;
	font-family: "Roboto";
	display: block;
	text-transform: uppercase;
}
.contactinfo-1-info-text {
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	font-weight: 900;
	font-family: "Roboto";
}
.contactinfo-1-info-text a {
	color: #fff;
	transition: .5s;
}
.contactinfo-1-info-text a:hover {
	color: #222;
}
.contactinfo-1-icon {
	position: absolute;
	left: 42px;
	top: 43px;
	font-size: 45px;
	color: #fff;
}
.contactinfo-1-icon-box:nth-child(3):before {
	position: absolute;
	content: '';
	left: 0;
	top: 30px;
	bottom: 30px;
	background: #cc7785;
	width: 1px;
}
a.contactinfo-1-video-link {
	width: 62px;
	height: 57px;
	background-color: #d90429;
	display: inline-block;
	text-align: center;
	line-height: 57px;
	color: #fff;
	font-size: 20px;
	margin-right: 26px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* feature 4 */

section.features-4-section {
	position: relative;
	margin-top: -130px;
}
.features-4-row {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.features-4-image {
	width: calc(50% - 115px);
	background-size: cover;
}
.features-4-image img {
	display: none;
}
.features-4-content {
	position: relative;
	width: calc(50% + 115px);
	padding-left: 100px;
	padding-bottom: 90px;
	padding-top: 250px;
	margin-bottom: 30px;
}
h4.features-4-text {
	font-size: 24px;
	line-height: 30px;
	color: #242424;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
.features-4-desc {
	font-size: 18px;
	line-height: 30px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 40px;
}
.features-4-small-container {
	max-width: 670px;
}
/* whychooseus 4 */

ul.whychooseus-4-list {
	position: relative;
	max-width: 500px;
	margin-bottom: 10px;
}
ul.whychooseus-4-list li {
	padding: 28px 0;
	padding-left: 75px;
	border-bottom: 1px solid #2b2b2b;
	min-height: 87px;
	position: relative;
}
.whychooseus-4-icon2 {
	position: absolute;
	left: 0;
	top: 15px;
	font-size: 55px;
	color: var(--theme-color);
}
ul.whychooseus-4-list li:last-child {
	border-bottom: 0;
}
.whychooseus-4-tile-desc {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 28px;
	color: #c9c9c9;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
h4.whychooseus-4-title {
	font-size: 24px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
}
section.whychooseus-4-section {
	position: relative;
}
.whychooseus-4-row {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.whychooseus-4-left-column {
	width: calc(50% - 115px);
	display: flex;
	flex-wrap: wrap;
}
.whychooseus-4-right-column {
	width: calc(50% + 115px);
	background-size: cover;
	padding-left: 130px;
	padding-top: 100px;
	padding-bottom: 90px;
}
ul.whychooseus-4-list2 {
	width: calc(100% - 305px);
	padding-top: 100px;
	padding-bottom: 70px;
	background-size: cover;
	font-size: 22px;
	line-height: 58px;
	color: #cacaca;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	padding-left: 80px;
}
.whychooseus-4-feature-image {
	width: 100%;
	max-width: 305px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	background-size: cover;
}
.whychooseus-4-feature-image img {
	max-width: none;
	z-index: 1;
}
.whychooseus-4-feature-image:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--theme-color);
	opacity: .8;
}
ul.whychooseus-4-list2 i {
	margin-right: 13px;
	position: relative;
	top: 4px;
}
/* services 4 s three */

section.services-4-section.s-three {
	padding-bottom: 90px;
}
/* video 1 s two */

section.video-1-section.s-two .video-1-title {
	font-size: 65px;
	line-height: 72px;
	color: #ffffff;
	font-weight: 900;
}
section.video-1-section.s-two .video-1-sub-title {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 47px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Roboto";
}
section.video-1-section.s-two .video-1-sub-title:before {
	opacity: 0;
}
section.video-1-section.s-two {
	padding: 110px 0 70px;
}
section.video-1-section.s-two .video-btn1 a {
	background: #fff;
	color: var(--theme-color);
}
section.video-1-section.s-two .video-btn1 a:hover {
	color: #fff;
	background-color: var(--theme-color);
}
section.video-1-section.s-two .video-btn1 a:before {
	position: absolute;
	content: '';
	top: -7.5px;
	left: -7.5px;
	width: 87px;
	height: 87px;
	border-radius: 43px;
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid #ffffff;
}
/* team s five */

span.team-1-carousel-left-btn.s-three {
	background: #4b4b4b;
	color: #727272;
}
span.team-1-carousel-left-btn.s-three:hover {
	color: #fff;
}
span.team-1-carousel-left-btn.s-three:before {
	background-color: var(--theme-color);
}
span.team-1-carousel-right-btn.s-three {
	background: #4b4b4b;
	color: #727272;
}
span.team-1-carousel-right-btn.s-three:hover {
	color: #fff;
}
span.team-1-carousel-right-btn.s-three:before {
	background-color: var(--theme-color);
}
/*  */

.blog-1-row {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.blog-1-left-column {
	width: calc(50% + 185px);
	position: relative;
}
.blog-1-small-container {
	max-width: 770px;
	margin: 0 auto;
	margin-right: 0;
}
.blog-1-right-column {
	width: calc(50% - 185px);
	padding-left: 70px;
	padding-right: 90px;
}
/* blog 1 s four */

section.blog-1-section.s-four {
	background-color: #eee;
	padding: 0;
}
section.blog-1-section.s-four .blog-1-meta-info a {
	color: var(--theme-color);
}
section.blog-1-section.s-four .blog-1-lower-content {
	padding-top: 30px;
	background-color: #353535;
}
.blog-1-left-column-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: -150px;
	background-size: cover;
}
.map-2-area {
	position: relative;
}
section.blog-1-section.s-four .blog-1-right-column {
	padding-top: 120px;
	padding-bottom: 120px;
}
section.blog-1-section.s-four .map-2-area .sec-title-area {
	transform: translateX(130px);
}
section.blog-1-section.s-four .blog-1-left-column {
	padding-top: 120px;
	padding-bottom: 90px;
}
section.blog-1-section.s-four h3.blog-1-title a {
	color: #dbdbdb;
}
section.blog-1-section.s-four h3.blog-1-title a:hover {
	color: var(--theme-color);
}
.blog-1-block.s-two {
	margin-bottom: 60px;
}

/* page title */
h2.page-title {
	position: relative;
	font-size: 48px;
	line-height: 1.2em;
	color: #ffffff;
	      text-align: center;
    font-weight: 600;
	font-family: "Microsoft Yahei";
}
ul.page-breadcrumb {
	font-size: 18px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	display: flex;
	flex-wrap: wrap;
	text-transform: capitalize;    justify-content: center;
}
ul.page-breadcrumb li {
    position: relative;
    font-size: 18px;
    margin-top: 10px;
    text-transform: uppercase;    letter-spacing: 2px;
}
ul.page-breadcrumb a {
	color: #ffffff;
	display: inline-block;
}
ul.page-breadcrumb li:after {
	position: absolute;
	content: "/";
	display: inline-block;
	margin: 0 10px;
}
ul.page-breadcrumb li:last-child:after {
	display: none;
}
section.page-title-sectition {
	position: relative;
	padding: 230px 200px 140px 200px;
	background-size: cover;
}
/* services 5 */

section.services-5-section {
	position: relative;
	background: #222;
	background-size: cover;
}
.services-5-row {
	display: flex;
	flex-wrap: wrap;
}


ul.contactus-1-info-list li img {
    position: absolute;
    left: -30px;
    top: 10px;
}



.services-5-left-column {
	width: calc(50% + 185px);
	padding-top: 115px;
	position: relative;
	padding-bottom: 90px;
}
.services-5-right-column {
	width: calc(50% - 185px);
	background-size: cover;
	position: relative;
}
.services-5-container {
	max-width: 1135px;
	margin: 0 auto;
	margin-right: 0;
	padding-left: 15px;
	padding-right: 70px;
}
.services-5-text {
	font-size: 16px;
	line-height: 30px;
	color: #f2f4f6;
	
	margin-bottom: 30px;
}
.services-5-text-2 {
	font-size: 20px;
}
.services-5-image {
	display: none;
}
.services-5-feature {
	position: absolute;
	right: -151px;
	bottom: 0;
	min-width: 190px;
	background-color: #3374b4;
	padding: 40px 20px 30px;
	z-index: 9;
}
.services-5-text2 {
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Roboto";
	text-align: center;
	position: relative;
}
.services-5-icon {
	text-align: center;
	color: #fff;
	font-size: 60px;
	line-height: 1.2em;
	margin-bottom: 10px;
}
.services-5-icon i:before {
	margin: 0;
	font-size: inherit;
}
.services-5-text-two {
	font-size: 16px;
	line-height: 28px;
	color: #ffffff;
	
	font-family: "Microsoft Yahei";
}
.services-5-text-two p {
	margin-bottom: 30px;
}
.services-5-line-1 {
	position: absolute;
	top: 0;
	left: 150px;
	width: 1px;
	background: rgb(255 255 255 / 30%);
	bottom: 0;
}
.services-5-line-2 {
	position: absolute;
	top: 0;
	left: 260px;
	width: 1px;
	background: rgb(255 255 255 / 30%);
	bottom: 0;
}
/* whychooseus 5 */

.whychooseus-5-icon {
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 50px;
	color: var(--theme-color);
}
.whychooseus-5-icon-box {
	position: relative;
	margin-bottom: 40px;
}
.whychooseus-5-top-content {
	position: relative;
	padding-left: 70px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 13px;
}
.whychooseus-5-icon i:before {
	font-size: inherit;
	margin: 0;
}
section.whychooseus-5-section {
	position: relative;
	background: #edeef4;
	padding-top: 120px;
}
.whychooseus-5-image {
	margin-top: -15px;
	position: relative;
	z-index: 1;
	text-align: center;
	left: -35px;
}
.whychooseus-5-title {
	font-size: 21px;
	color: #242424;
	font-weight: 700;
	font-family: "Roboto";
}
.whychooseus-5-desc {
	font-size: 17px;
	line-height: 26px;
	color: #494949;
	font-weight: 400;
	font-family: "Barlow";
}
.whychooseus-5-image:after {
	position: absolute;
	content: '';
	bottom: 65px;
	left: -12px;
	width: 460px;
	height: 460px;
	border-radius: 230px;
	background-color: rgba(217, 4, 41, 0);
	border: 2px solid rgba(171, 175, 188, 0.7);
	z-index: -1;
}
.whychooseus-5-image:before {
	width: 438px;
	height: 438px;
	border-radius: 219px;
	background-color: rgb(6 42 80 / 10%);
	position: absolute;
	content: '';
	z-index: -1;
	left: 0;
	bottom: 65px;
}
.whychooseus-5-image img {
	left: -40px;
	position: relative;
}
section.services-2-section.s-two {
	background: #fff;
	padding-bottom: 0px;
}
section.services-1-section.s-three {
	padding-bottom: 90px;
}
section.team-1-section.s-six {
	background: #fff;
	padding-bottom: 60px;
}
section.team-1-section.s-six .auto-container {
	max-width: 1442px;
}

/* History Sectin*/

.history-section {
	position: relative;
	padding-bottom: 50px;
}
.history-block {
	position: relative;
	padding-bottom: 35px;
	padding-left: 173px;
}
.history-block .years {
	position: absolute;
	left: 0;
	top: 0;
	width: 110px;
	height: 110px;
	line-height: 110px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 20px;
	background-color: var(--theme-color);
}
.history-block:before {
	position: absolute;
	content: "";
	left: 55px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #d2d2d2;
}
.history-block:last-child:before {
	display: none;
}
.history-block h4 {
	position: relative;
	margin-bottom: 15px;
	font-size: 30px;
	line-height: 24px;
	color: #242424;
	font-weight: 700;
	font-family: "Microsoft Yahei";
}
.history-block .image-box {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 60px;
}
.history-block .image-box .image {
	position: relative;
	margin-bottom: 30px;
	margin-right: 30px;
}
section.history-1-section {
	position: relative;
	padding: 120px 0 90px;
}
h2.history-1-title {
	font-size: 40px;
	color: #242424;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-bottom: 20px;
}
.history-1-desc {
	font-size: 18px;
	line-height: 28px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
.history-1-desc p {
	margin-bottom: 30px;
}
.history-1-image {
	position: relative;
	margin-left: 30px;
	overflow: hidden;
}
.history-1-image:before {
	position: absolute;
	content: '';
	width: 206px;
	height: 206px;
	border-radius: 103px;
	background-color: #d90429;
	right: 0;
	top: 0;
	transform: translate(85px, -80px);
}
.history-1-top-content {
	margin-bottom: 30px;
}
/*** 

====================================================================
	Accordion Style
====================================================================

***/

.accordion-box {
	position: relative;
}
.accordion-box .block {
	position: relative;
	padding: 8px 0px;
	margin-bottom: 10px;
	border: 1px solid #dedede;
	background-color: #ffffff;
}
.accordion-box .block .acc-btn {
	position: relative;
	font-size: 18px;
	cursor: pointer;
	line-height: 30px;
	color: #001659;
	font-weight: 500;
	padding: 0px 10px 0px 64px;
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}
.accordion-box .block .icon-outer {
	position: absolute;
	left: 14px;
	top: 0px;
	font-size: 18px;
	color: #242424;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.accordion-box .block .icon-outer .icon {
	position: absolute;
	width: 28px;
	height: 28px;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	left: -7px;
}
.accordion-box .block .icon-outer .icon-plus {
	opacity: 1;
}
.accordion-box .block .icon-outer .icon-minus {
	opacity: 0;
	font-weight: 300;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
	opacity: 1;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
	opacity: 0;
}
.accordion-box .block .acc-content {
	position: relative;
	display: none;
}
.accordion-box .block .acc-content .content-text {
	padding-bottom: 6px;
}
.accordion-box .block .acc-content.current {
	display: block;
}
.accordion-box .block .content {
	position: relative;
	font-size: 14px;
	padding: 10px 8px 0px 60px;
}
.accordion-box .block .content .text {
	font-size: 14px;
	line-height: 26px;
	color: #555555;
	font-weight: 400;
	font-family: "Microsoft Yahei";    padding-right: 5px;
	margin-bottom: 0;
}
.accordion-box .block .content p:last-child {
	margin-bottom: 0px;
}
/* Faq Section */

.faq-section {
	position: relative;
	padding: 120px 0 90px;
}
.faq-section .sear-form {
	position: relative;
	margin-bottom: 60px;
}
.faq-section .sear-form input[type="search"] {
	position: relative;
	width: 100%;
	height: 60px;
	border: 1px solid #e0e0e0;
	padding: 0 25px;
	border-radius: 3px;
	font-size: 18px;
	line-height: 70px;
	color: rgb(0 0 0 / 50%);
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
.faq-section .sear-form button {
	position: absolute;
	background: transparent;
	right: 21px;
	top: 16px;
	color: rgb(0 0 0 / 0.50);
}
.accordion-box.style-three .block {
	border: 0;
	margin-bottom: 50px;
}
.accordion-box.style-three .block .acc-btn {
	
	padding-left: 0px;
	font-size: 18px;
	color: #000000;
	font-weight: 500;
	font-family: "Microsoft Yahei";
}
.accordion-box.style-three .block .icon-outer {
	left: 0;
}
.accordion-box.style-three .accordion.active-block {
	background: transparent;margin-left: 30px;
}
.accordion-box.style-three .block .content {
	padding-left: 0px;
}
.faq-form-section {
	position: relative;
	padding: 80px 0 40px;
	background-size: cover;
}
.faq-form-section h4 {
	position: relative;
	margin-bottom: 40px;
	font-size: 42px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
}
.faq-form {}
.faq-form .form-group {
	position: relative;
	margin-bottom: 40px;
}
.faq-form input, .faq-form textarea {
	position: relative;
	width: 100%;
	background: transparent;
	border-bottom: 2px solid rgb(255 255 255 / 50%);
	height: 60px;
	font-size: 18px;
	line-height: 36px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
.faq-form textarea {
	height: 182px;
}
/*Error Section*/

.error-section {
	position: relative;
	padding: 210px 0px 225px;
	background-repeat: no-repeat;
	background-size: cover;
}
.error-section .content {
	position: relative;
	text-align: center;
}
.error-section:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgb(31 31 32 / 0%);
}
.error-section h1 {
	position: relative;
	margin-bottom: 10px;
	font-size: 250px;
	line-height: 1em;
	color: #d90429;
	font-weight: 900;
	font-family: "Microsoft Yahei";
}
.error-section h2 {
	position: relative;
	font-size: 66px;
	line-height: 53px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
.error-section .text {
	position: relative;
	margin-top: 10px;
	margin-bottom: 50px;
	font-size: 28px;
	line-height: 53px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	text-align: center;
}
.error-section .theme-btn {
	color: #fff;
	font-size: 23px;
	padding: 19px 46px;
}
.error-section .theme-btn:hover {
	background-color: #fff;
}
/*Comming Soon*/

.comming-soon {
	position: fixed;
	width: 100%;
	height: 100%;
	display: block;
	overflow-y: auto;
	background-size: cover;
}
.comming-soon .content {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
	vertical-align: middle;
}
.comming-soon .content .content-inner {
	position: relative;
	padding: 50px 15px;
	display: table-cell;
	vertical-align: middle;
}
.comming-soon .content .content-inner h2 {
	position: relative;
	margin-bottom: 80px;
	font-size: 100px;
	line-height: 74px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
}
.comming-soon .content .content-inner .text {
	position: relative;
	color: #ffffff;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.6em;
	max-width: 885px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 50px;
	display: inline-block;
	font-family: "Microsoft Yahei";
	text-transform: capitalize;
}
.comming-soon .content .content-inner .text span {
	font-family: "Playfair Display", serif;
	font-style: italic;
	color: var(--theme-color);
}
/*** 

====================================================================
	Countdown style
====================================================================

***/

.time-counter {
	position: relative;
}
.time-counter .time-countdown {
	position: relative;
}
.time-counter .time-countdown .counter-column {
	position: relative;
	margin: 0px 15px 0px;
	width: 180px;
	height: 180px;
	text-align: center;
	display: inline-block;
	padding: 20px 0px 10px;
	border: 2px solid #ffffff;
	color: #ffffff;
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	border-radius: 50%;
	font-weight: 600;
	margin-bottom: 30px;
}
.time-counter .time-countdown .counter-column .count {
	position: relative;
	display: block;
	font-size: 60px;
	line-height: 40px;
	padding: 28px 10px 20px;
	color: #ffffff;
	letter-spacing: 1px;
	font-weight: 600;
}
.comming-soon .emailed-form .form-group {
	position: relative;
	display: block;
	max-width: 770px;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 20px;
	padding-right: 210px;
}
.comming-soon .emailed-form .form-group input[type="text"], .comming-soon .emailed-form .form-group input[type="tel"], .comming-soon .emailed-form .form-group input[type="email"], .comming-soon .emailed-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 20px;
	height: 76px;
	font-weight: 400;
	font-size: 20px;
	color: #242424;
	padding: 10px 36px;
	background: #ffffff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: "Microsoft Yahei";
}
.comming-soon .emailed-form .form-group input[type="submit"], .comming-soon .emailed-form button {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 19px 50px;
	background: var(--theme-color);
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 38px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	transition: .5s;
}

.comming-soon .emailed-form button:hover {
background-color: #222;
}

/* projects */

section.projects-2-section {
	position: relative;
	padding: 0px 0 90px;
	background-size: cover;
}
.projects-2-image img {
	width: 100%;
}
.projects-2-block {
	margin-bottom: 40px;
	position: relative;
}
.projects-2-overlay {
	position: absolute;
	right: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 1;
	color: #ffffff;
	text-align: center;
	background: rgba(0, 0, 0, 0.0);
	padding-top: 30%;
    padding-right: 43%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.projects-2-overlay:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	background-image: linear-gradient(0deg, #d71525 0%, #343436 100%);
}
.projects-2-overlay:hover:before {
	opacity: .9;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}
.projects-2-image {
	overflow: hidden;
	position: relative;
	margin-bottom: 0px;
	
}
.projects-2-overlay:after {
	content: '';
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
	background-image: linear-gradient(0deg, #d71525 0%, #343436 100%);
}
.projects-2-overlay:hover:after {
	opacity: .9;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}
a.projects-2-icon {
	position: relative;
	font-size: 18px;
	color: #222;
	width: 50px;
	height: 50px;
	line-height: 48px;
	display: block;
	background-color: #fff;
	opacity: 0;
	margin-bottom: 10px;
	border-radius: 5px;
}
a.projects-2-icon img {
	width: auto;
}
.projects-2-block:hover a.projects-2-icon {
	opacity: 1;
	transition: all 500ms ease 500ms;
	-webkit-transition: all 500ms ease 500ms;
	-ms-transition: all 500ms ease 500ms;
	-o-transition: all 500ms ease 500ms;
	position: relative;
	z-index: 1;
}
.projects-2-section a.projects-2-btn-1 span {
	background: #fff;
}
.projects-1-section a.projects-2-btn-1:hover {
	color: var(--theme-color);
}
.projects-2-icon .fa-arrows {
	transform: rotate(45deg);
	font-size: 28px;
	position: relative;
	top: 2px;
}
.projects-2-category {
	    font-size: 18px;
    color: #333333;
    font-weight: 500;
    font-family: "Microsoft Yahei";
    background-color: #f4f4f4;
    padding: 16px;
    text-align: center;
}
h4.projects-2-title {
	font-size: 18px;
	color: #242424;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
h4.projects-2-title a {
	color: #242424;
}
.testimonial-2-shape2 {
	position: absolute;
	left: 0;
	bottom: 0;
}
/* Blog Section Two */

.news-block-two {
	position: relative;
	margin-bottom: 70px;
}
.news-block-two .image {
	position: relative;
	margin-bottom: 20px;
	background-color: #000;
}
.news-block-two .image {
	overflow: hidden;
}
.news-block-two .image img {
	width: 100%;
	transition: .5s;
}
.news-block-two .inner-box:hover .image img {
	transform: scale(1.1);
	opacity: .5;
}
.news-block-two.blog-single-post .inner-box:hover .image img {
	transform: scale(1);
	opacity: 1;
}
.news-block-two .lower-content {
	position: relative;
	margin-left: 40px;
	background: #fff;
	padding-left: 30px;
	padding-top: 30px;
	margin-top: -54px;
}
.news-block-two .date {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}
.news-block-two .meta-info {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 15px;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 15px;
}
.news-block-two .meta-info li {
	margin-right: 30px;
	position: relative;
	line-height: 37px;
	color: #838383;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	font-size: 18px;
}
.news-block-two .meta-info li:before {
	position: absolute;
	content: '/';
	right: -18px;
}
.news-block-two .meta-info li:last-child:before {
	display: none;
}
.news-block-two h3 {
	position: relative;
	margin-bottom: 18px;
	font-size: 34px;
	color: #242424;
	font-weight: 900;
	font-family: "Microsoft Yahei";
}
.news-block-two h4 {
	position: relative;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 18px;
}
.news-block-two h3 a {
	color: #242424;
	transition: .5s;
}
.news-block-two h3 a:hover {
	color: var(--theme-color);
}
.news-block-two .text {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
	position: relative;
	padding: 60px 0px 0px;    background-color: #F5F5F5;
}
.sidebar-page-container .content-side, .sidebar-page-container .sidebar-side {
	margin-bottom: 40px;
}
.sidebar-widget {
	position: relative;
	margin-bottom: 40px;
}
/*Search Box Widget*/

.sidebar .search-box .form-group {
	position: relative;
	margin: 0px;
}
.sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] {
	position: relative;
	padding: 10px 50px 10px 20px;
	display: block;
	width: 100%;
	border: 1px solid #d3d3d3;
	height: 52px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-size: 18px;
	line-height: 38px;
	color: #909090;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
.sidebar .search-box .form-group input[type="search"]:focus {
	border-color: var(--theme-color);
}
.sidebar .search-box .form-group button {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 52px;
	width: 60px;
	display: block;
	font-size: 16px;
	color: #909090;
	line-height: 100%;
	font-weight: normal;
	background: none;
}
.sidebar .search-box .form-group button:hover {
	color: var(--theme-color);
}
/*Sidebar Title*/

.sidebar-title {
	position: relative;
	margin-bottom: 20px;
}
.sidebar-title h2 {
	display: inline-block;
	text-transform: capitalize;
	font-size: 28px;
	line-height: 28px;
	color: #242424;
	font-weight: 700;
	font-family: "Microsoft Yahei";
}
.sidebar-title h2:after {
	position: absolute;
	content: '';
	right: -30px;
	bottom: 7px;
	width: 20px;
	height: 2px;
	background: var(--theme-color);
}
.sidebar-title.style-two h2 {
	padding-bottom: 18px;
}
.sidebar-title.style-two h2:after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 35px;
	height: 2px;
}
/*Blog Category*/

.cat-list {
	position: relative;
}
.cat-list li {
	position: relative;
}
.cat-list li a {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 42px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	border-bottom: 1px solid #e6e6e6;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.cat-list li a:hover {
	color: var(--theme-color);
}
.cat-list li:last-child a {
	border-bottom: 0px;
}
.cat-list li a:after {
	position: absolute;
	content: '\f105';
	right: 0px;
	top: 0px;
	color: #c8c8c8;
	font-size: 14px;
	font-family: 'Font Awesome 5 Pro';
}
/*Post Widget*/

.sidebar .popular-posts .post {
	position: relative;
	font-size: 14px;
	color: #666666;
	padding: 0px 0px;
	padding-left: 90px;
	min-height: 88px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
}
.sidebar .popular-posts .post:last-child {
	margin-bottom: 0px;
}
.sidebar .popular-posts .post .post-thumb {
	position: absolute;
	left: 0px;
	top: 5px;
	width: 70px;
	background-color: #000;
	overflow: hidden;
}
.sidebar .popular-posts .post .post-thumb img {
	display: block;
	width: 100%;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.sidebar .popular-posts .post .post-thumb:hover img {
	opacity: 0.5;
	transform: scale(1.05);
}
.sidebar .popular-posts .post .text {
	position: relative;
	margin: 0 0px 0px;
	text-transform: capitalize;
	font-size: 18px;
	line-height: 20px;
	color: #242424;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	margin-bottom: 5px;
}
.sidebar .popular-posts .post .text a {
	color: #242424;
	display: inline-block;
	line-height: 20px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.sidebar .popular-posts .post a:hover {
	text-decoration: underline;
	color: var(--theme-color);
}
.sidebar .popular-posts .post-info {
	font-size: 16px;
	line-height: 28px;
	color: #d90429;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
/*Popular Tags*/

.sidebar .popular-tags a {
	position: relative;
	display: inline-block;
	line-height: 24px;
	padding: 6px 30px 6px;
	min-width: 100px;
	margin: 0px 6px 10px 0px;
	background: none;
	border: 1px solid #e4e4e4;
	text-transform: capitalize;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	font-size: 18px;
	color: #a6a6a6;
	font-weight: 500;
	font-family: "Microsoft Yahei";
	text-align: center;
}
.sidebar .popular-tags a:hover {
	color: #ffffff;
	border-color: var(--theme-color);
	background-color: var(--theme-color);
}
/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination {
	position: relative;
	margin-top: -20px;
	margin-bottom: 50px;
}
.styled-pagination.s-two {
	margin-left: 70px;
}
.styled-pagination li {
	position: relative;
	display: inline-block;
	margin: 0px 6px 0px 0px;
}
.styled-pagination li a {
	position: relative;
	display: inline-block;
	line-height: 42px;
	height: 44px;
	font-size: 16px;
	min-width: 45px;
	color: #081336;
	font-weight: 700;
	text-align: center;
	background: #ffffff;
	border-radius: 50%;
	border: 2px solid #172b56;
	text-transform: capitalize;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	font-family: 'Open Sans', sans-serif;
}
.styled-pagination li a:hover, .styled-pagination li a.active {
	color: #ffffff;
	border-color: #172b56;
	background-color: #172b56;
}
/*** 

====================================================================
	Comments Area
====================================================================

***/

.sidebar-page-container .comments-area {
	position: relative;
	margin-bottom: 5px;
	margin-left: 0px;
}
.sidebar-page-container .group-title {
	position: relative;
	margin-bottom: 28px;
}
.sidebar-page-container .group-title h2 {
	position: relative;
	padding-bottom: 0px;
	display: inline-block;
	font-size: 26px;
	line-height: 28px;
	color: #242424;
	font-weight: 900;
	font-family: "Microsoft Yahei";
}
.sidebar-page-container .comments-area .inner-box {
	position: relative;
	border: 1px solid #eeeeee;
}
.sidebar-page-container .comments-area .comment-box {
	position: relative;
	padding: 25px 25px 25px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	border-bottom: 1px solid #ebe8e8;    height: 220px;
}

.sidebar-page-container .comments-area .comment {
	position: relative;
	font-size: 14px;
	
	padding: 0px 0px 0px 300px;
}
.sidebar-page-container .comments-area .comment.reply-comment {
	margin-left: 100px;
	margin-top: 45px;
}
.sidebar-page-container .comments-area .comment .comment-inner {
	position: relative;    padding-left: 22px;    transition: all .6s; 
}
.sidebar-page-container .comments-area .comment .comment-reply {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #9cc900;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}


.sidebar-page-container .comments-area .comment .comment-inner:hover {
        padding-left: 32px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img:hover {
    transform: scale(1.1);
    opacity: .3;
}

.sidebar-page-container .comments-area .comment .comment-reply span {
	font-size: 14px;
	margin-right: 4px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	overflow: hidden;
	margin-bottom: 20px;    height: 200px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img {
	width: 300px;
	display: block;transition: all .6s;    height: 170px;
}    
.sidebar-page-container .comments-area .comment-info {
	color: #3e5773;
	line-height: 24px;
	font-size: 13px;
}
.sidebar-page-container .comments-area .comment-box strong {
	text-transform: capitalize;
	font-size: 20px;
	letter-spacing: 0px;
	line-height: 26px;
	color: #242424;
	
	font-family: "Microsoft Yahei";
}
.sidebar-page-container .comments-area .comment-box .text {
	color: #898989;
	font-size: 14px;
	margin-top: 5px;
	line-height: 1.7em;
	margin-bottom: 8px;
}
.sidebar-page-container .comments-area .comment-time {
	position: relative;
	font-size: 13px;
	color: #f47a3c;
}
.sidebar-page-container .comments-area .comment-box .theme-btn {
	padding: 6px 27px;
}
.sidebar-page-container .comments-area .comment-box .post-info {
	position: relative;
}
.sidebar-page-container .comments-area .comment-box .post-info li {
	position: relative;
	padding-right: 14px;
	line-height: 1em;
	margin-right: 10px;
	color: #898989;
	font-size: 14px;
	
	border-right: 1px solid #bebebe;
	display: inline-block;
}
.sidebar-page-container .comments-area .comment-box .post-info li:last-child {
	border: 0px;top: 1px;
}    
.blog-single .news-block-three {
	margin-bottom: 50px;
}
/*** 

====================================================================
	Comment Form
====================================================================

***/
.sidebar-page-container .comments-area .comment-box .post-info li a {
    color: #898989;
}
.comment-form {
	position: relative;
	margin-left: 70px;
}
.comment-form .form-inner {
	position: relative;
	padding: 50px 35px 30px;
	background-color: #f7f7f7;
	border: 1px solid #eeeeee;
}
.comment-form .form-group {
	position: relative;
	margin-bottom: 20px;
}
.comment-form .form-group input[type="text"], .comment-form .form-group input[type="email"], .comment-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 33px;
	padding: 10px 20px;
	height: 45px;
	color: #a5a5a5;
	font-size: 15px;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: 'Poppins', sans-serif;
}
.comment-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 20px 20px;
	color: #a5a5a5;
	height: 170px;
	font-size: 15px;
	resize: none;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: 'Poppins', sans-serif;
}
.comment-form button {
	margin-top: 10px;
	padding: 19px 35px;
}
.news-block-two.style-two .meta-info li.date {
	margin-bottom: 0;
	border-radius: 21.5px;
	font-size: 22px;
	letter-spacing: 0px;
	color: #da3c3c;
	font-weight: 900;
	font-family: "Microsoft Yahei";
}
.news-block-two.style-two .meta-info li.date:before {
	opacity: 0;
}
.news-block-two.style-two .meta-info {
	border-bottom: 0;
}
.news-block-two.style-two .image {
	margin-bottom: 0;
}
.news-block-two.style-two .text {
	margin-bottom: 35px;
	font-size: 18px;
	line-height: 30px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
/* project details */

section.projectdetails-1-section {
	position: relative;
	padding: 120px 0 90px;
}
.projectdetails-1-text {
	font-size: 18px;
	line-height: 28px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 50px;
}
h4.projectdetails-1-title {
	font-size: 32px;
	line-height: 28px;
	color: #242424;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
.projectdetails-1-author-text {
	font-size: 18px;
	line-height: 28px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 18px;
}
blockquote.projectdetails-1-blockquote {
	padding-left: 20px;
	margin-bottom: 50px;
}
cite.projectdetails-1-author-name {
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 28px;
	color: #091c55;
	font-weight: 500;
	font-family: "Roboto";
	font-style: normal;
}
.projectdetails-1-image {
	margin-bottom: 30px;
}
.projectdetails-1-quote-icon {
	font-family: Arial;
	position: relative;
	z-index: 99;
	font-size: 100px;
	font-weight: 700;
	line-height: 77px;
	color: var(--theme-color);
	margin-bottom: -23px;
}
/* contactus 1 */

section.contactus-1-section {
	position: relative;
	padding: 80px 0 60px;
}
section.map-section {
	position: relative;
	padding-bottom: 80px;
	padding-top: 60px;
}
.contact-form input {
    height: 60px;
      
    width: 100%;
    padding: 0 22px;
    color: #aaaaaa;
    background-color: #f4f4f4;    font-size: 14px;
}
.contact-form .form-group {
	margin-bottom: 18px;
}
.contact-form textarea {
	height: 60px;
	
	width: 100%;
	padding: 20px 22px;
	height: 230px;    color: #c8c8c8;
    background-color: #f4f4f4;
}
h4.contactus-1-info-title {
	font-size: 40px;
	line-height: 24px;
	color: #242424;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
.contactus-1-info-text {
	font-size: 18px;
	line-height: 26px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
ul.contactus-1-info-list {
	font-size: 18px;
	line-height: 26px;
	color: #444444;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
ul.contactus-1-info-list span {
	font-size: 20px;
	line-height: 40px;
	color: #242424;
	
	font-family: "Microsoft Yahei";
	display: block;    padding-top: 7px;
}
ul.contactus-1-info-list li {
	position: relative;
	padding-left: 50px;
	margin-bottom: 30px;font-size: 15px;    color: #666666;    
}
ul.contactus-1-info-list i {
	position: absolute;
	left: 0;
	top: 14px;
	font-size: 30px;
	color: var(--theme-color);
}
.contactus-1-inner-column {
	margin-left: 40px;
}
/* service details */

.service-details-1-cat .active a {
	color: #ffffff;
}
.service-details-1-cat li.active {
	background: #D9362F;
	border-color: #D9362F;
}
.service-details-1-cat a i {
	float: right;
	margin-top: 3px;
}
.service-details-1-cat a {
	font-size: 18px;
	line-height: 24px;
	color: #242424;
	font-weight: 500;
	display: block;
	padding: 18px;
	font-family: "Microsoft Yahei";
}
.service-details-1-cat li {
	
	    display: block;
    margin-bottom: 0px;
    transition: all 500ms ease;
    border-bottom: 1px solid #DDD;
}
.service-details-1-cat li:hover {
	background: #D9362F;
	border-color: #D9362F;
}
.service-details-1-cat li:hover a {
	color: #fff;
}
.service-details-1-cat {
	background: #FFFFFF;

	padding: 24px;
}
.sidebar__widget_pdf {
	margin-top: 10px;
}
.sidebar__widget_pdf .brochure-box {
	background-color: #EBEBEB;
}
.pdf___icon {
	margin-top: 20px;
}
.text__pdf__case {
	font-size: 18px;
	line-height: 28px;
	color: #000000;
	margin-top: 19px;
	margin-bottom: 10px;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
.text___pdf__engine {
	font-size: 23px;
	line-height: 20px;
	margin-bottom: 20px;
	color: #000000;
	font-weight: 500;
	font-family: "Microsoft Yahei";
}
.text___pdf_pdf {
	font-size: 22px;
	line-height: 28px;
	color: #d90429;
	font-weight: 700;
	margin-bottom: 20px;
	font-family: "Microsoft Yahei";
}
.text___pdf_pdf i {
	color: #000;
	float: right;
}
.pdf_content_img_text {
	display: flex;
	justify-content: space-around;
	padding: 0 !important;
}
.service__details_getin {
	font-size: 30px !important;
	line-height: 28px;
	color: #242424;
	font-weight: 900 !important;
	font-family: "Microsoft Yahei";
}
.details__inner__box {
	width: 231px;
	height: 76px;
	font-size: 20px;
	letter-spacing: 0px;
	line-height: 36px;
	color: #242424;
	font-weight: 500;
	font-family: "Microsoft Yahei";
}
.details__inner__box span {
	margin-right: 18px;
	color: #D9362F;
}
.service_details_car__icon {
	padding: 50px 0px 0px 50px;
}
.sec__details__ser_list li {
	font-size: 18px;
	line-height: 36px;
	color: #797979;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
.sec__details__ser_list li i {
	margin-right: 20px;
	font-size: 20px;
}
.ser__details__some_fact {
	font-size: 40px !important;
	line-height: 44px;
	color: #242424;
	font-weight: 900 !important;
	font-family: "Microsoft Yahei";
	padding-top: 80px;
}
.service_cat_1__icon__box {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: var(--theme-color);
}
.service__icon__facts {
	display: flex;
	justify-content: center;
	padding-top: 13px;
}
.service_cat_1__icon_content {
	margin-right: 20px;
}
.service_cat_1__facts_content {
	padding-left: 0px !important;
	display: flex;
	justify-content: space-around;
}
.service_cat-_1_content a {
	font-size: 22px;
	line-height: 24px;
	color: #242424 !important;
	font-weight: 700;
}
.facts__works__us {
	padding: 0 !important;
	margin-bottom: 30px;
}
/*Brochure Box*/

.brochure-widget {
	margin-bottom: 40px;
}
.brochure-box {
	position: relative;
	padding: 14px 18px;
	margin-bottom: 10px;
	background-color: #001659;
}
.brochure-box .inner {
	position: relative;
	padding-left: 40px;
}
.brochure-box .overlay-link {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
}
.brochure-box .inner .icon {
	position: absolute;
	left: 0px;
	top: 2px;
	color: #ee6f27;
	font-size: 24px;
	font-weight: 300;
}
.brochure-box .inner .text {
	position: relative;
	font-size: 20px;
	color: #ffffff;
	margin: 0;
}
/*Contact Info Widget*/

.contact-info-widget {
	position: relative;
}
.contact-info-widget .inner-box {
	position: relative;
}
.contact-info-widget .inner-box ul {
	position: relative;
	margin-top: 30px;
}
.contact-info-widget .inner-box ul li {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	color: #001659;
	line-height: 1.4em;
	margin-bottom: 15px;
	padding-left: 35px;
}
.contact-info-widget .inner-box ul li .icon {
	position: absolute;
	left: 0px;
	top: 3px;
	line-height: 1em;
	font-size: 18px;
}
.contact-info-widget .inner-box ul li:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.services-single {
	position: relative;
	padding-left: 30px;
}
.services-single .inner-box {
	position: relative;
}
.services-single .inner-box .gallery-image {
	position: relative;
	margin-bottom: 45px;
}
.services-single .inner-box .gallery-image .row {
	margin: 0px -5px;
}
.services-single .inner-box .gallery-image .image-column {
	padding: 0px 5px;
	margin-bottom: 10px;
}
.services-single .inner-box .gallery-image .image {
	position: relative;
}
.services-single .inner-box .gallery-image .image img {
	position: relative;
	width: 100%;
	display: block;
}
.services-single .inner-box .big-image {
	position: relative;
	margin-bottom: 45px;
}
.services-single .inner-box .big-image img {
	position: relative;
	width: 100%;
	display: block;
}

.services-single .inner-box .text {
	position: relative;
}
.services-single .inner-box .text p {
	position: relative;
	color: #797979;
	font-size: 18px;
	line-height: 1.8em;
	margin-bottom: 20px;
}

.gk{
    background-color: #f5f5f5;
    height: 30px;
    margin-left: -30px;
}


.services-single .inner-box .text .two-column {
	position: relative;
	margin-top: 40px;
}
.services-single .inner-box .text .two-column .inner-column.right-padd {
	position: relative;
	padding-right: 10px;
}
.services-single .inner-box .text .two-column .inner-column.left-padd {
	position: relative;
	padding-left: 20px;
}
.services-single .inner-box .text .two-column h3 {
	position: relative;
	font-size: 28px;
	line-height: 1.4em;
	font-weight: 700;
	margin-bottom: 18px;
}
.services-single .inner-box .text .two-column .image-column {
	position: relative;
}
.services-single .inner-box .text .two-column .image-column .image {
	position: relative;
}
.services-single .inner-box .text .two-column .image-column .image img {
	position: relative;
	display: block;
	width: 100%;
}
.services-single .list-style-four {
	position: relative;
	margin-bottom: 30px;
}
.services-single .list-style-four li {
	position: relative;
	color: #797979;
	font-size: 18px;
	padding-left: 30px;
	margin-bottom: 8px;
}
.services-single .list-style-four li:before {
	position: absolute;
	content: "\f13d";
	left: 0px;
	top: 0px;
	font-size: 16px;
	color: #757779;
	font-family: "Flaticon";
}
.services-single .facts {
	position: relative;
}
.services-single .facts h3 {
	position: relative;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 15px;
}
/*Featured Block*/

.featured-blocks {
	position: relative;
	border-bottom: 0px;
	margin-top: 20px;
}
.featured-block {
	position: relative;
	padding: 0px;
}
.featured-block .featured-inner {
	position: relative;
	padding: 25px 25px;
	padding-bottom: 0;
	border-bottom: none;
}
.featured-block .featured-inner .content {
	position: relative;
	padding-left: 92px;
}
.featured-block .featured-inner .content .icon-box {
	position: absolute;
	left: 0px;
	top: 4px;
	color: #ffffff;
	font-size: 40px;
	line-height: 70px;
	width: 70px;
	height: 70px;
	text-align: center;
	border-radius: 50%;
}
.featured-block .featured-inner .content h3 {
	position: relative;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 5px;
}
.featured-block .featured-inner .content h3 a {
	position: relative;
	color: #001659;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.whychooseus-2-text {
	position: relative;
	font-size: 20px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	margin-bottom: 20px;
}
ul.whychooseus-2-list.alt-2 {
	margin-bottom: 0;
	
}
.whychooseus-2-list.alt-2 h4.whychooseus-2-title {
	color: #fff;
}
.whychooseus-2-list.alt-2 ul.whychooseus-2-list li {
	min-height: 70px;
	padding: 26px 0;
	padding-left: 75px;
}
/* banner style seven */

section.banner-7-section {
	position: relative;
	padding: 300px 0 265px;
}
.banner-7-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
}
h2.banner-7-title {
	font-size: 75px;
	line-height: 70px;
	color: #ffffff;
	font-weight: 900;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}
.banner-7-desc {
	font-size: 22px;
	line-height: 33px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Microsoft Yahei";
	position: relative;
	margin-bottom: 35px;
}
a.banner-7-link {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 26px;
	text-transform: uppercase;
	color: #d90429;
	font-weight: 700;
	font-family: "Microsoft Yahei";
	position: relative;
	transition: .5s;
}
a.banner-7-link i {
	font-size: 26px;
	vertical-align: middle;
	margin-left: 10px;
}
a.banner-7-link:hover {
	color: #fff;
}

/* header style ten */

header.main-header.header-style-ten {
	position: absolute;
	top: 0;
	left: 0;
}

header.main-header.header-style-ten .main-menu .navigation>li>a {
	color: #fff;
}
header.main-header.header-style-ten .main-menu .navigation>li.current>a {
	color: var(--theme-color);
}
header.main-header.header-style-ten .main-menu .navigation>li.current>a:before {
	position: absolute;
	content: '';
	width: 23px;
	height: 1px;
	background-color: #ee0d09;
	bottom: 0;
}
.main-header.header-style-ten .header-upper .search-toggler {
	color: #fff;
}
.main-header.header-style-ten .main-menu .navigation {
	margin-left: 120px;
}
.main-header.header-style-ten .sticky-header {
	background: #ffffff;
}




.fixed-header .navigation .dropdown a{color: #000000!important;}
/** scroll-to-top **/

.scroll-to-top{
	position: fixed;
	right: 0px;
	bottom: 100px;
	transform: rotate(90deg);
	z-index: 99;
  }
  
  .scroll-to-top .visible {
	visibility: visible!important;
	opacity: 1!important;
  }
  
  .scroll-to-top .scroll-top-inner {
	opacity: 0;
	visibility: hidden;
  }
  
  .scroll-to-top .scroll-top-inner{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
	-o-transition: all cubic-bezier(.4,0,.2,1) .4s;
	transition: all cubic-bezier(.4,0,.2,1) .4s;
  }
  
  .scroll-to-top .scroll-bar {
	width: 50px;
	height: 2px;
	margin-right: 10px;
	position: relative;
  }
  
  .scroll-to-top .scroll-bar:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: var(--theme-color);
  }
  
  .scroll-to-top .scroll-bar .bar-inner {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background-color: currentColor;
  }
  
  .scroll-to-top .scroll-bar-text{
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 500ms ease;
	color: #999;
  }
  
  .scroll-to-top .scroll-bar-text:hover{
	transform: scale(1.1);
  }






.sub_nav {
    background: #eef2f5;
}


.sub_nav .sn_right {
    float: left;
    height: 70px;
    line-height: 70px;
    background: url(/static/upload/image/20241014/1728886771840602.png) no-repeat left center;
    padding-left: 21px;
    color: #666666;    font-size: 14px;     
}

.sub_nav .sn_right a {
    color: #666666;
}

.sub_nav .sn_left {
    float: right;
    font-size: 0;
    -webkit-text-size-adjust: none;
}


.sub_nav .sn_left a.on {
    background: #d9362f;
    color: #FFF;
}
.sub_nav .sn_left a {
    height: 70px;
    line-height: 70px;
    text-align: center;
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #333;
    padding: 0 38px;     
}





.sub_nav .sn_left a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 1px;
    height: 15px;
    background: #ccc;
}

.testimonial-2-text p {
    font-size: 16px;
}

.gl{position: relative}
 .gl:after {
    content: "";
    font-size: 12px;
    position: absolute;
    bottom: -2px;
    left: calc(40% - 2.5px);
    font-weight: 300;
    width: 25px;
    height: 2px;
    background: #ffffff;
}


.link-widget-1-list li img {
    width: 150px;
}


.theme_carousel-l .service-4-carousel-item {
    width: 25%;
    float: left;
}


.accordion{position: relative}

 .accordion:after {
       content: "";
    font-size: 12px;
    position: absolute;
    bottom: -25px;
    left: calc(0% - 0px);
    font-weight: 300;
    width: 100%;
    height: 1px;
    background: #c2c2c2;
}

.acc-btn:hover {
    margin-left: 8px;
}

.content:hover {
    margin-left: 8px;
}


.content {
   
    transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}


.sec-title-area {
       padding-bottom: 20px;
  
}


		 
.sky-bg {
    background: #ECF0F9;
}
.section-padding {
    padding: 100px 0;
}
	
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
	
.single-logistic-bg {
    background-image: url(../img/freight/1.jpg);
    height: 325px;
}	
#logistic-1 .single-logistic-area {
    padding: 30px;
    box-shadow: none;
    margin-top: 0;
    height: 325px;
    text-align: center;
    background: #fff;
    transition: .3s;    padding-top: 22%;    
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
	


.single-logistic-area::before {
  content: ""; /* 伪元素需要 content 属性，即使为空 */
  display: block; /* 或 inline-block; 使得伪元素可以设置大小和定位 */
  position: absolute; /* 绝对定位，可以覆盖在其他内容上 */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
 background-image: url(/static/upload/image/20241018/1729210608724348.jpg);
  background-size: cover; /* 或者其他背景尺寸值 */
  opacity: 0.4; /* 设置背景图像的透明度 */
}


.single-logistic-area {
  position: relative; /* 相对定位，使得伪元素位于内容之上 */
  color: #fff; /* 内容的颜色设置为白色，以确保可读性 */
}












.single-logistic-area h5 {
    margin: 35px 35px 15px 35px;    font-size: 26px;
}
	.single-logistic-area p {
    font-size: 16px;    color: #333333;
}
	

@media (max-width: 1024px) {
.about-5-image-wrap {
    
    margin-right: 0px!important;
    margin-left: 60px!important;
}
}

.no-gutters .single-logistic-bg {
  
    transition: .5s;
}

.no-gutters .col-lg-6 {
    overflow: hidden;
}



.no-gutters .single-logistic-bg:hover {
    transform: scale(1.2);
    overflow: hidden
}



.banner-section .v_shade {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    left: 0;
    top: 0;
    position: absolute;
   
}
.sidebar-page-container .comments-area .comment-box .post-info li img {
    margin-top: -5px;
}

.comment-info a {
    font-size: 18px;
    color: #333333;
}


.p0 {
  
    padding: 0px 0!important;
}


.about-5-link-btn {
    margin-top: 30px;
}
.m4040 {
    margin: 40px;
}


.ban{ width:500px; height:630px; position:relative; overflow:hidden;}
.ban2{ width:500px; height:500px; position:relative; overflow:hidden;    margin-top: 24px;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:500px; height:500px;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:430px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:500px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}
.services-2-overlay p{position: absolute;    padding-top: 180px;}

.bs {
    color: #ffffff!important;
}

.text-left-1 {
   
    text-align: left!important;
}

@media (min-width: 992px) {
    .col-lg-333 {
        flex: 0 0 auto;
        width: 20%;
    }
}



.container-full .col-lg-333 {
    padding: 0;
}

.accordion-button:not(.collapsed) {
    background-color: #f4f4f4;    color: #333333;
}

.accordion-button:focus {
    z-index: 3;
    border-color: 0px;    box-shadow: 0px;
    outline: 0;
    
}

.accordion-button:focus {
    outline: none;
}

button, input[type="button"], input[type="submit"] {
    outline: none;
}
 
button:focus, input[type="button"]:focus, input[type="submit"]:focus {
    outline: none;
}




.accordion-item {
    margin-top: 15px;
    background: #f7f7f7;
    border-radius: 9px;
    box-shadow: 5px 5px 5px #DDD;
}
.mt260 {
    margin-bottom: 60px;
    margin-top: 40px;
}


.accordion-button {
   
    padding: 1.4rem 1.25rem;    font-size: 1.1rem;    font-weight: 600;
    color: #666666;
   
}




.t_cn {
    background: url(/static/upload/image/20241029/1730171454851991.png) no-repeat left center;
    color: #828282;    background-position: -0px 10px;
    width: 100px;
}


.t_cnn {
    background: url(/static/upload/image/20241030/1730252145630457.png) no-repeat left center;
    color: #828282;    background-position: -0px 10px;
    width: 100px;
}


.t_n{display: none}




.fixed-header .t_n{display: block}


.fixed-header .t_r{display: none}


.t_n:after {
    content: "";
    font-size: 12px;
    position: absolute;
    bottom: 22px;
    left: calc(0% - 22.5px);
    font-weight: 300;
    width: 1px;
    height: 25px;
    background: #666666;
}



.t_r:after {
    content: "";
    font-size: 12px;
    position: absolute;
    bottom: 32px;
    left: calc(0% - 22.5px);
    font-weight: 300;
    width: 1px;
    height: 25px;
    background: #e1e1e1;
}


/*鎮诞閾炬帴*/
.suspension{position:fixed;z-index:55;right:0;bottom:45px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:rgb(128 128 128 / 40%);margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(/assets/css/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/assets/css/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/assets/css/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(/assets/css/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(/assets/css/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(/assets/css/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}

.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.qrcode-img img{    width: 150px;}


/* single product top */
.single-product-title h2 {
  font-size: 35.9996px;
  line-height: 43.1995px;
  margin: 0px 0px 10px;
  font-weight: 400;
}

.single-product-price {
  font-size: 28px;
  font-weight: 400;
  line-height: 50.4px;
  color: #eb2323;
}
.single-product-desc p,
.single-product-desc ul li {
  font-size: 14.98px;
  line-height: 26.964px;
  color: #666;
  font-weight: 300;
  margin: 0px 0px 14.98px;
}

.single-product-action ul li,
.single-product-category ul li,
.share-product ul li,
.single-product-tags ul li {
  display: inline-block;
  margin-bottom: 0;
  position: relative;
  padding-right: 5px;
  margin-right: 5px;
}
.single-product-category ul li::after,
.single-product-tags ul li::after {
  position: absolute;
  left: 100%;
  top: 0;
  font-size: 14px;
  color: #222;
  font-weight: 400;
  content: ",";
}
.single-product-category ul li:first-child::after,
.single-product-tags ul li:first-child::after {
  content: "";
}
.single-product-category ul li:last-child::after,
.single-product-tags ul li:last-child::after {
  content: ";";
}
.single-product-action ul li a,
.single-product-category ul li a,
.share-product ul li a.title,
.single-product-tags ul li a,
.single-product-category ul li a.title {
  color: #222;
  font-size: 14px;
  line-height: 25px;
  text-transform: capitalize;
  font-weight: 400;
}
.single-product-action ul li a:hover,
.single-product-category ul li a:hover,
.single-product-tags ul li a:hover {
  color: #eb2323;
  text-decoration: underline;
}
.single-product-category ul li a.title,
.share-product ul li a.title {
  color: #666;
}
.single-product-action ul li a i {
  padding-right: 10px;
}
.share-product ul li:not(:first-child) a {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: #f1f1f1;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #999;
}

/* single product buttom */
.single-product-bottom ul.nav li a {
  color: #000;
  font-size: 19.88px;
  line-height: 35.5px;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
  padding-bottom: 0px;
  display: inline-block;
  font-weight: 500;
  opacity: 0.5;
  text-transform: capitalize;
}
.single-product-bottom ul.nav li a.active {
  opacity: 1;
}
.single-product-bottom ul.nav li a.active::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  content: "";
}

.single-product-tab-content h3 {
  color: #333;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.single-product-tab-content p {
  font-size: 14.98px;
  color: #666;
  font-weight: 300;
  margin: 0px 0px 14.98px;
  line-height: 26.964px;
}

.single-product-tab-content input,
.single-product-tab-content textarea {
  outline: none !important;
  border-radius: 0;
}

.single-product-tab-content input {
  height: 55px;
  max-width: 275px;
  outline: none;
}
.single-product-tab-content label {
  display: block;
  font-size: 14.98px;
  color: #666;
  line-height: 26.964px;
  margin: 0px 0px 7px;
}

.single-product-tab-content table tr th {
  color: #666;
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
}
.single-product-tab-content table tr td ul li {
  display: inline-block;
  margin: 0;
}
.single-product-tab-content table tr td ul li a {
  font-size: 14.98px;
  line-height: 26.964px;
  font-weight: 300;
  color: #222;
  position: relative;
  padding-right: 3px;
  text-transform: uppercase;
}

.single-product-tab-content table tr td ul li a::after {
  position: absolute;
  right: -3px;
  top: -4px;
  content: ",";
}
.single-product-tab-content table tr td ul li:last-child a::after {
  content: ";";
}

.form-group input[type="checkbox"] {
  height: inherit;
}
.form-group span.required {
  font-weight: 400;
  font-size: 14.98px;
  line-height: 26.964px;
}
/* review box */
.review-box-img {
  text-align: left !important;
}
.review-box-img img {
  border: 4px solid #ebe9eb;
  border-radius: 4px;
}
.review-box-content {
	border: 1px solid #ebebeb;
	padding: 15px;
	border-radius: 4px;
	margin-bottom: 50px;
}
.star-rating a i {
  font-weight: 300;
  color: #222;
  font-size: 14.98px;
  line-height: 26.964px;
}
.star-rating a:hover i {
  color: #eb2323;
}

.total-rating {
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
}

/* color input */
.single-product-component h6 {
  color: #666;
  font-size: 13px;
  line-height: 26px;
  font-weight: 500;
}
.single-product-component h6 span {
  font-weight: 400;
}

.color-input {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  float: left;
}
.color-input label {
  width: 32px;
  margin-bottom: 12px;
  height: 32px;
  border-radius: 50%;
}
.color-input label {
  border: 1px solid #ddd;
}

.color-input span {
  color: #666;
  font-size: 12px;
  line-height: 28px;
  font-weight: 400;
}
.single-product-component .size label {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
  display: inline-block;
  background: #eee;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  color: #222;
  font-size: 10px;
  text-transform: uppercase;
}

.single-product-component .size label.active {
  background-color: #222;
  color: #fff;
}
.has-border-img img {
  transition: all 0.5s;
  border: 1px solid transparent;
}
.has-border-img img:hover {
  border: 1px solid #222;
}
.has-border-img a.active img {
  border: 1px solid #222;
}


.bsbj {
   
    background-color: #ffffff;
}


.dxx {position: relative}
.dxx:after {
      content: "";
    font-size: 12px;
    position: absolute;
    bottom: 0px;
    left: 0;
    font-weight: 300;
    width: 1215px;
    height: 1px;
    background: #dadada;
}


.services-single .inner-box h2 {
	    position: relative;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 15px;
   
  
    color: #ffffff;
    padding: 16px;
    text-align: center;  
}



.sdddf {
	    position: relative;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 15px;
    width: 150px;
    background-color: #e62129;
    color: #ffffff;
    padding: 16px;
    text-align: center;    margin-left: -30px;    margin-top: -16px;
}
.dhdt a {
    font-family: Impact;
    color: #ffffff;
    font-size: 32px;
}




***/

.news-one{
	position:relative;
	padding:110px 0px 50px;
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color:var(--color-seven);
}

.news-one .owl-nav{
	display:none;
}

.news-one .owl-dots{
	position:relative;
	text-align:center;
	margin-top:var(--margin-top-10);
}

.news-one .owl-dots .owl-dot{
	position:relative;
	width:10px;
	height:10px;
	margin:0px 8px;
	border-radius:50px;
	display:inline-block;
	transition:all 250ms ease;
	-moz-transition:all 250ms ease;
	-webkit-transition:all 250ms ease;
	-ms-transition:all 250ms ease;
	-o-transition:all 250ms ease;
	background-color:var(--color-four);
}

.news-one .owl-dots .owl-dot:before{
	position:absolute;
	content:'';
	left:-5px;
	top:-5px;
	right:-5px;
	bottom:-5px;
	opacity:0;
	border-radius:50px;
	display:inline-block;
	border:2px solid var(--main-color);
}

.news-one .owl-dots .owl-dot:hover,
.news-one .owl-dots .owl-dot.active{
	background-color:var(--main-color);
}

.news-one .owl-dots .owl-dot:hover::before,
.news-one .owl-dots .owl-dot.active::before{
	opacity:1;
}

.news-block{
	position:relative;
	margin-bottom:30px;
}

.news-block .inner-box{
	position:relative;
	overflow:hidden;
	background-color:#ffffff;    box-shadow: 0 0 15px rgba(0, 0, 0, 0.075);
}

.news-block .lower-content{
	position:relative;
	padding:60px 20px 10px;
}

.news-block .image{
	position:relative;
	background-color: #c20b0b;
}

.news-block .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-block .inner-box:hover .image img{
	opacity: 0.70;
	transform: scale(1.07,1.07);
}

.news-block .post-date{
	position:absolute;
	left:30px;
	top:-40px;
	width:80px;
	height:80px;
	font-weight:700;
	text-align:center;
	font-size:30px;
	color:#ffffff;
	padding-top:15px;
	
	background-color:#c20b0b;
}

.news-block .post-date span{
	position:relative;
	display:block;
	font-weight:400;
	font-size: 16px;
	margin-top:10px;
	
}

.news-block .content{
	position:relative;
	transform:translateY(25px);
	background-color:var(--white-color);
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}


.news-block .inner-box:hover .read-more{
	opacity:1;
}

.news-block .post-meta{
	position:absolute;
}

.news-block .post-meta li{
	position:relative;
	font-weight:700;
	line-height:1.2em;
	display:inline-block;
	font-size:14px;
	color:var(--main-color);
	text-transform:uppercase;
	margin-right:10px;
	padding-right:15px;
	border-right:1px solid var(--main-color);
}

.news-block .post-meta li:last-child{
	position:relative;
	border-right:0px;
}

.news-block h4{
	    position: relative;
    font-weight: 500;
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.auto-container .centered{    margin-bottom: 30px; }
.news-block h4 a{
	color:var(--color-three);
}

.news-block h4 a:hover{
	color:var(--main-color);
}

.news-block h4:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:-1px;
	width:50px;
	height:3px;
	background-color:var(--main-color);
}

.news-block .text{
	    position: relative;
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
}

.news-block .read-more{
	position:relative;
	font-weight:700;
	opacity:0;
	display:inline-block;
	font-size:14px;
	color:var(--main-color);
	text-transform:uppercase;
	margin-top:15px;
	padding-right:15px;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.news-block .read-more:before{
	position:absolute;
	content:'\f067';
	right:0px;
	font-size:var(--font-10);
	font-family: 'Font Awesome 5 Pro';
}

/*** 

====================================================================
	Clients One
====================================================================

***/

.news-one .sponsors-carousel{
	position:relative;
	padding-top:var(--padding-top-60);
}

.sponsors-carousel .owl-dots,
.sponsors-carousel .owl-nav{
	display:none;
}

.client-one_image-box{
	position:relative;
	border-radius:7px;
	height:60px;
	overflow:hidden;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.client-one_image-box img{
	position:relative;
	max-width:inherit;
	width:inherit !important;
	margin:0 auto;
	opacity:0.70;
	filter: grayscale(100%);
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.client-one_image-box:hover img{
	transform:translateY(-60px);
	opacity:1;
	filter: grayscale(0%);
}

/***