/*!
Theme Name: wecangroup child
Theme URI: https://wecan-group.com/
Author: wecan-group.vn
Author URI: https://wecan-group.com/
Template: wecangroup
Description: WecanGroup Company Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wecangroup
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wecangroup is based on wecangroup https://underscores.me/, (C) 2012-2020 Automattic, Inc.
wecangroup is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* variable style css */
@import url("https://cdn-ilehioo.nitrocdn.com/qWPJbHDaYQtxXqfIrxGNgFnuYJMtBmMq/assets/static/optimized/rev-2afd034/stavianip.vn/wp-content/themes/wecangroup-child/variable.css");

/* custom style css */
@import url("https://cdn-ilehioo.nitrocdn.com/qWPJbHDaYQtxXqfIrxGNgFnuYJMtBmMq/assets/static/optimized/rev-2afd034/stavianip.vn/wp-content/themes/wecangroup-child/style-wc.css");

html, body {
	/* overflow-x: hidden; */
	margin-bottom: 0 !important;
	font-size: 16px;
	line-height: 24px;
	font-family: var(--site-font-regular);
	color: var(--font-primary-color);
}

body {
	padding-top: 80px;
}

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

a {
	text-decoration: none;
	transition: .5s;
}

a:focus {
	outline: none;
}

a, a:visited {
	color: var(--font-primary-color);
}

a:hover, a:focus {
	color: var(--site-primary-color);
}

.hidden, .grecaptcha-badge, .woocommerce-cart-form__cart-item .minus, .woocommerce-cart-form__cart-item .plus {
	display: none !important;
}

.container-wrapper {
	margin: 0 auto;
	max-width: 1320px;
}

.btn {
	box-shadow: none !important;
}

.btn, .btn:hover, .btn:focus {
	border: none;
}

.img-content {
	width: 100% !important;
}

.hover-img-wrapper {
	margin-bottom: -5px;
	width: 100%;
	display: inline-block;
	overflow: hidden !important;
}

.hover-img {
	transition: all .5s ease-in-out;
}

.fancybox-container {
	z-index: 99999;
}

.custom-header {
	height: 450px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.custom-header-content {
	position: relative;
	z-index: 1;
}

.custom-title {
	font-size: 60px;
	line-height: 140%;
	font-family: var(--site-font-bold);
}

.custom-header-content, .custom-header-content a, .custom-header-content a:hover, .custom-header-content a:focus, .custom-header-content a:visited {
	color: var(--font-second-color);
}

.content-title-1, .content-title-2, .content-title-3 {
	font-family: var(--site-font-bold);
}

.content-title-1, .content-title-2 {
	font-size: 40px;
	line-height: 140%;
}

.content-title-1, .content-title-3 {
	color: var(--site-primary-color);
}

.content-title-2 {
	color: var(--font-second-color);
}

.content-title-3 {
	font-size: 32px;
	line-height: 140%;
}

.custom-swiper-button-wrapper {
	display: flex;
}

.custom-swiper-button-wrapper img {
	padding: 15px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: contain;
	border: solid 1px var(--font-second-color);
}

.custom-swiper-left {
	margin-right: 24px;
}

.swiper-button-next, .swiper-button-prev {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: var(--font-primary-color);
}

.swiper-button-next::after, .swiper-button-prev::after {
	color: var(--font-second-color);
	font-size: unset;
}

.float-contact-wrapper, .back-to-top {
	right: 20px;
	z-index: 999;
	position: fixed;
}

.icon-float-contact, .back-to-top {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.float-contact-wrapper {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	bottom: 80px;
}

.float-contact-wrapper li {
	list-style: none;
}

.float-contact-wrapper li:not(:last-child) {
	margin-bottom: 10px;
}

.back-to-top {
	padding: 12px;
	bottom: 20px;
	background: rgba(0, 0, 0, .6);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.back-to-top:hover {
	cursor: pointer;
}

.icon-to-top {
	filter: brightness(0) invert(1);
}

/*-- end site general css --*/

/*-- site breadcrumbs css --*/
.breadcrumbs-wrapper {
	margin-bottom: 16px;
	font-size: 18px;
	line-height: 28px;
}

.breadcrumbs-wrapper span span:not(:last-child) {
	margin-right: 20px;
	font-family: var(--site-font-bold);
}

.breadcrumbs-wrapper span span:not(:last-child)::after {
	margin-left: 20px;
	content: "/";
}

#breadcrumbs, #single-project-breadcrumbs {
	margin: 0;
	font-size: 18px;
	line-height: 140%;
}

#breadcrumbs, #breadcrumbs a, #breadcrumbs a:hover, #breadcrumbs a:focus, #breadcrumbs a:visited {
	color: var(--font-second-color);
}

/*-- end site breadcrumbs css --*/

/*-- site contact form 7 css --*/
.wpcf7-text, .wpcf7-select, .wpcf7-file, .wpcf7-textarea {
	width: 100%;
	margin-bottom: 12px;
	padding: 14px 20px !important;
	font-size: 14px;
	line-height: 140%;
	border-radius: 12px !important;
	border-color: #a0aec0 !important;
	color: var(--font-primary-color) !important;
}

.wpcf7-text::placeholder, .wpcf7-textarea::placeholder {
	color: #c1c1c1;
	opacity: 1;
	/* Firefox */
	font-size: 14px;
	line-height: 140%;
}

.contact-form-content .wpcf7-textarea {
	height: 113px;
}

.wpcf7-text::-ms-input-placeholder, .wpcf7-textarea::-ms-input-placeholder {
	/* Edge 12 -18 */
	color: #c1c1c1;
	font-size: 14px;
	line-height: 140%;
}

.contact-form-content {
	position: relative;
}

.contact-form-title {
	left: 14px;
	top: 8px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 140%;
	color: #8894aa;
	background: var(--font-second-color);
	position: absolute;
	z-index: 1;
}

.wpcf7-submit {
	margin-top: 12px;
	padding: 12px 32px !important;
	border-radius: 50px !important;
	border: none !important;
	color: var(--font-second-color) !important;
	background: var(--site-primary-color) !important;
}

.wpcf7-spinner {
	margin: 10px auto;
	display: block;
}

.wpcf7-not-valid-tip {
	margin-bottom: 10px;
}

.wpcf7-response-output {
	margin: 0 !important;
}

/*-- end site contact form 7 css --*/

/*-- site modal content css --*/
body.modal-open {
	padding-right: 0 !important;
}

.modal {
	z-index: 999999;
}

/*-- end site modal content css --*/

/*-- site navigation css --*/
#site-navigation {
	-moz-box-shadow: 0 5px 5px #ececec;
	-webkit-box-shadow: 0 5px 5px #ececec;
	box-shadow: 0 5px 5px #ececec;
	background: var(--font-second-color);
}

#site-navigation .container-fluid {
	padding: 0 50px;
}

#mega-menu-menu-1 .mega-sub-menu {
	box-shadow: 0 0 10px #ececec !important;
	-moz-box-shadow: 0 0 10px #ececec !important;
	-webkit-box-shadow: 0 0 10px #ececec !important;
	-o-box-shadow: 0 0 10px #ececec !important;
}

#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu .mega-sub-menu {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	column-count: 2;
}

#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu .mega-sub-menu li {
	margin-top: 24px !important;
	width: 100% !important;
	display: inline-block !important;
	text-align: center !important;
}

#mega-menu-menu-1 .mega-sub-menu li:not(:last-child) {
	border-bottom: solid 1px #e1e1e1 !important;
}

#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu li {
	border-bottom: none !important;
}

#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu .mega-sub-menu li {
	border-right: none !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link {
	text-align: center !important;
	display: inline-block !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
	content: "" !important;
	width: 14px !important;
	height: 80px !important;
	background: url("https://cdn-ilehioo.nitrocdn.com/qWPJbHDaYQtxXqfIrxGNgFnuYJMtBmMq/assets/images/optimized/rev-2032ee3/stavianip.vn/wp-content/themes/wecangroup-child/img/arrow-menu-down.png") no-repeat center center !important;
	background-size: contain !important;
}

.site-title {
	margin-bottom: 0 !important;
	height: 80px;
	display: flex !important;
	align-items: center;
}

.site-logo {
	height: 64px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-search-wrap {
	height: 80px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-search input {
	padding-left: 40px !important;
	font-family: var(--site-font-bold);
	border-radius: 10px;
	border: solid 1px #9ca3af !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-search .search-icon {
	left: 7px;
	right: unset;
}

.dashicons-search::before {
	content: url("https://cdn-ilehioo.nitrocdn.com/qWPJbHDaYQtxXqfIrxGNgFnuYJMtBmMq/assets/images/optimized/rev-2032ee3/stavianip.vn/wp-content/themes/wecangroup-child/img/icon-search.svg");
}

.mega-pll-parent-menu-item a {
	display: flex !important;
	align-items: center;
}

.mega-pll-parent-menu-item img {
	width: 28px;
	height: 20px;
	border-radius: 4px;
	object-fit: cover;
}

/*-- end site navigation css --*/

/*-- site homepage content css --*/
.home-swiper-info, .home-swiper-info a, .home-swiper-info a:hover, .home-swiper-info a:focus, .home-swiper-info a:visited, .different-content-wrapper, .different-content-wrapper a, .different-content-wrapper a:hover, .different-content-wrapper a:focus, .different-content-wrapper a:visited {
	color: var(--font-second-color);
}

.homeSwiper, .img-home-swiper {
	height: 570px;
}

.homeSwiper {
	position: relative;
}

.img-home-swiper {
	object-fit: cover;
}

.bg-header, .home-swiper-info {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.home-swiper-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.home-swiper-title, .different-title, .content-swiper-title, .content-slide-description p:last-child, .news-title, .partner-title, .contact-title {
	margin-bottom: 0;
}

.home-swiper-title {
	font-size: 48px;
	line-height: 140%;
	font-family: var(--site-font-bold);
}

.home-swiper-button {
	margin-top: 48px;
}

.homeSwiper .swiper-pagination-bullet {
	opacity: 1;
	width: 10px;
	height: 10px;
	background: var(--font-second-color);
}

.homeSwiper .swiper-pagination-bullet-active {
	width: 40px;
	border-radius: 5px;
}

.different-content-left, .different-content-right {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.different-description {
	margin-top: 32px;
	font-size: 18px;
	line-height: 140%;
}

.different-description ul {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 20px;
}

.content-slide-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.content-slide-description {
	margin-top: 24px;
	text-align: justify;
}

.content-slide-content-wrapper {
	margin-top: 60px;
}

.icon-content-slide {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	object-fit: cover;
}

.content-slide-title {
	margin-top: 16px;
	font-family: var(--site-font-bold);
	color: var(--site-primary-color);
}

.contentSwiper .swiper-pagination, .partnerkSwiper .swiper-pagination {
	margin-top: 24px;
	position: unset;
}

.contentSwiper .swiper-pagination-bullet, .partnerkSwiper .swiper-pagination-bullet {
	opacity: 1;
	width: 10px;
	height: 10px;
	background: var(--site-second-color);
}

.contentSwiper .swiper-pagination-bullet-active, .partnerkSwiper .swiper-pagination-bullet-active {
	width: 40px;
	border-radius: 5px;
	background: var(--site-primary-color);
}

.news-title-wrapper, .btn-news, .btn-index-news {
	display: flex;
	align-items: center;
}

.news-title-wrapper {
	justify-content: space-between;
}

.index-news-content {
	margin-top: 32px;
}

.index-news-thumb {
	height: 250px;
	border-radius: 16px;
	object-fit: cover;
}

.btn-news, .index-news-title, .btn-index-news {
	font-family: var(--site-font-bold);
}

.btn-news, .index-news-title {
	font-size: 18px;
	line-height: 140%;
}

.index-news-title {
	margin-top: 24px;
	margin-bottom: 0;
	height: 51px;
	overflow: hidden;
}

.index-news-excerpt {
	margin-top: 12px;
	color: var(--font-third-color);
	height: 50px;
	overflow: hidden;
}

.btn-index-news {
	margin-top: 24px;
}

.icon-right {
	margin-left: 10px;
	transition: .5s;
}

.index-news-title, .index-news-title a, .index-news-title a:visited {
	color: var(--font-primary-color);
}

.btn-news:hover .icon-right, .btn-news:focus .icon-right, .btn-index-news:hover .icon-right, .btn-index-news:focus .icon-right {
	margin-left: 20px;
}

.btn-news, .btn-news:hover, .btn-news:focus, .btn-news:visited, .index-news-title a:hover, .index-news-title a:focus, .btn-index-news, .btn-index-news:hover, .btn-index-news:focus, .btn-index-news:visited {
	color: var(--site-primary-color);
}

.commit-wrapper {
	padding: 50px 0;
	background: rgba(0, 75, 65, .7);
}

.commit-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.commit {
	width: 25%;
	text-align: center;
}

.commit, .commit a, .commit a:hover, .commit a:focus, .commit a:visited {
	color: var(--font-second-color);
}

.commit-content-number-wrapper {
	margin-bottom: 10px;
}

.commit-content-number, .commit-content-symbol {
	font-weight: 700;
	line-height: 60px;
	font-family: var(--site-font-bold);
}

.commit-number-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	text-align: center;
}

.commit-content-title {
	margin-bottom: 0;
	font-size: 20px;
	line-height: 26px;
}

.commit-content-number {
	font-size: 45px;
}

.commit-content-symbol {
	font-size: 40px;
}

.commit-content-symbol {
	margin-left: 10px;
}

.partnerkSwiper {
	margin-top: 32px;
}

.img-partner-logo {
	padding: 10px;
	height: 90px;
	object-fit: contain;
	border-radius: 8px;
	background: var(--font-second-color);
}

.contact-form-wrapper {
	padding: 47px 60px;
	border-radius: 32px;
	border: solid 1px var(--site-second-color);
	background: var(--font-second-color);
	-webkit-box-shadow: -25px 25px 5px 0px #eef3f2;
	-moz-box-shadow: -25px 25px 5px 0px #eef3f2;
	box-shadow: -25px 25px 5px 0px #eef3f2;
}

.contact-form {
	margin-top: 24px;
}

.contact-form .wpcf7-textarea {
	height: 178px;
}

.contact-form .wpcf7-submit {
	width: 145px;
	height: 48px;
}

/*-- end site homepage content css --*/

/*-- site about page content css --*/
.about-vision-content {
	border-radius: 16px;
	background: var(--site-third-color);
}

.about-vision-left, .about-vision-right, .img-vision {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.about-vision-left {
	padding-right: 40px;
}

.img-vision {
	border-radius: 16px;
	object-fit: cover;
}

.about-vision-right {
	padding: 40px;
}

.about-vision-title, .about-vision:not(:last-child) {
	margin-bottom: 48px;
}

.icon-vision-content {
	width: 48px;
	height: 48px;
	object-fit: contain;
}

.vision-content-title, .value-title, .value-content-description p:last-child, .responsibility-title, .responsibility-description p:last-child, .responsibility-content-title, .responsibility-content-description p:last-child, .investor-description ul:last-child, .award-title {
	margin-bottom: 0;
}

.vision-content-description {
	margin-top: 16px;
	text-align: justify;
}

.vision-content-description p:last-child {
	margin-bottom: 0;
}

.about-value-content {
	padding: 12px;
	border-radius: 12px;
}

.about-value .col-lg-4 {
	margin-top: 32px;
	display: flex;
	justify-content: center;
}

.value-content {
	padding: 24px;
	border-radius: 10px;
	width: 332px;
	max-width: 100%;
	height: 100%;
	transition: .5s;
}

.value-content:hover {
	background: var(--site-primary-color);
}

.value-content:hover, .value-content:hover .value-content-title {
	color: var(--font-second-color);
}

.value-content:hover .icon-value-content {
	filter: brightness(0) invert(1);
}

.icon-value-content {
	width: 60px;
	height: 60px;
	object-fit: contain;
	transition: .5s;
}

.value-content-title {
	margin-top: 24px;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 140%;
	font-family: var(--site-font-bold);
	color: var(--site-primary-color);
}

.value-content-description {
	margin-top: 10px;
	font-size: 14px;
	line-height: 19px;
	text-align: justify;
}

.responsibility-content-top {
	margin: auto;
	width: 850px;
	max-width: 100%;
}

.responsibility-description {
	margin-top: 16px;
	font-size: 18px;
	line-height: 140%;
}

.responsibility-content, .img-responsibility-content {
	height: 291px;
	border-radius: 10px;
}

.responsibility-content {
	margin-top: 32px;
	overflow: hidden;
	position: relative;
}

.img-responsibility-content {
	object-fit: cover;
}

.responsibility-content-info {
	left: 0;
	bottom: 0;
	padding: 30px;
	width: 100%;
	height: auto;
	border-radius: 10px;
	background: linear-gradient(to bottom, rgba(0, 75, 65, 0), rgba(0, 75, 65, .6), rgba(0, 75, 65, .9));
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.responsibility-content-title {
	font-size: 20px;
	line-height: 140%;
	font-family: var(--site-font-bold);
}

.responsibility-content-description {
	transition: opacity 1s ease-out;
	opacity: 0;
	height: 0;
	overflow: hidden;
}

.responsibility-content:hover .responsibility-content-info {
	height: 100%;
}

.responsibility-content:hover .responsibility-content-description {
	margin-top: 16px;
	opacity: 1;
	height: auto;
}

.responsibility-content-info, .responsibility-content-info a, .responsibility-content-info a:hover, .responsibility-content-info a:focus, .responsibility-content-info a:visited {
	color: var(--font-second-color);
}

.investor-content-left, .investor-content-right {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.investor-content-left {
	padding-right: 44px;
}

.investor-content-right {
	padding-left: 44px;
}

.investor-description {
	text-align: justify;
}

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

.awardSwiper {
	margin-top: 32px;
}

.award-swiper-title {
	margin-top: 22px;
	padding: 0 10px;
	font-size: 18px;
	line-height: 28px;
	height: 140px;
	overflow: hidden;
	font-family: var(--site-font-bold);
	color: var(--site-primary-color);
	display: none;
}

.awardSwiper .swiper-slide {
	margin-top: 20px;
	width: 340px;
}

.awardSwiper .swiper-slide-active {
	margin-top: 0;
	width: 440px;
}

.img-award-swiper {
	border-radius: 10px;
	height: 228px;
	object-fit: cover;
}

.awardSwiper .swiper-slide-active .img-award-swiper {
	height: 293px;
}

.awardSwiper .swiper-slide-active .award-swiper-title {
	display: block;
}

/*-- end site about page content css --*/

/*-- site contact page content css --*/
.contact-page-content-left, .contact-page-content-right {
	height: 100%;
}

.contact-page-content-left {
	padding-right: 50px;
	border-right: solid 1px #d2d2d2;
}

.contact-page-content-right {
	padding-left: 50px;
}

.contact-page-content-title {
	margin-bottom: 0;
	font-size: 24px;
	line-height: 36px;
	font-family: var(--site-font-bold);
	color: var(--site-primary-color);
}

.contact-page-content-left .contact {
	margin-top: 16px;
}

.contact-page-form {
	margin-top: 24px;
	padding: 24px 32px 0 32px;
	border-radius: 16px;
}

/*-- end site contact page content css --*/

/*-- site search page content css --*/
.search-page-title {
	margin-bottom: 50px;
}

/*-- end site search page content css --*/

/*-- site archive page css --*/
.archive-title, .page-title {
	font-weight: 700;
}

.archive-main {
	padding: 50px 0 75px 0;
}

.archive-navigation-wrapper {
	margin-bottom: 50px;
}

.archive-navigation {
	margin-left: 0;
	padding-left: 0;
	overflow-y: hidden;
	white-space: nowrap;
	border-bottom: solid 1px #d2d2d2;
}

.archive-navigation li {
	font-size: 20px;
	line-height: 26px;
	list-style: none;
	display: inline-block;
}

.archive-navigation li:not(:last-child) {
	margin-right: 48px;
}

.archive-navigation .active {
	padding-bottom: 20px;
	font-family: var(--site-font-bold);
	border-bottom: solid 4px var(--site-primary-color);
	display: inline-block;
}

.archive-content {
	margin-bottom: 32px;
}

.archive-sticky-wrapper {
	margin-bottom: 80px;
}

.sticky-content-left {
	padding-right: 30px;
}

.sticky-content-right {
	padding-left: 30px;
}

.sticky-content-right .d-flex:not(:last-child) {
	margin-bottom: 32px;
}

.sticky-left-thumb, .sticky-right-thumb {
	object-fit: cover;
}

.sticky-left-thumb {
	height: 464px;
	border-radius: 16px;
}

.sticky-right-thumb {
	width: 225px;
	height: 150px;
	border-radius: 8px;
}

.sticky-content-title {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 28px;
	font-family: var(--site-font-bold);
}

.sticky-left-title {
	margin-top: 24px;
}

.sticky-left-excerpt, .sticky-news-info {
	margin-top: 16px;
}

.sticky-news-info, .sticky-news-info span {
	display: flex;
	align-items: center;
}

.sticky-news-date {
	color: #4b635d;
}

.icon-calendar {
	margin-right: 10px;
}

.sticky-news-separate {
	margin-left: 5px;
	margin-right: 10px;
}

.sticky-news-view {
	color: #515151;
}

.sticky-left-excerpt {
	height: 50px;
	overflow: hidden;
}

.loadmore-button {
	padding: 12px 24px;
	font-family: var(--site-font-bold);
	border-radius: 99px;
	border: solid 1px var(--site-primary-color);
	display: inline-block;
}

.loadmore-button .icon-loading {
	fill: var(--site-primary-color);
	animation-name: spin;
	animation-duration: 3000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	
	to {
		transform: rotate(360deg);
	}
}

.loadmore-button, .loadmore-button:visited {
	color: var(--site-primary-color);
}

.loadmore-button:hover, .loadmore-button:focus {
	color: var(--font-second-color);
	background: var(--site-primary-color);
}

.loadmore-button:hover .icon-loading, .loadmore-button:focus .icon-loading {
	fill: var(--font-second-color);
}

/*-- end site archive page css --*/

/*-- site widget css --*/
.search-form, .search-form label, .search-field {
	width: 100%;
}

.search-field, .search-submit {
	height: 40px;
}

.widget-notfound .search-form {
	margin-bottom: 10px;
}

.search-form {
	position: relative;
}

.search-field {
	padding-left: 10px !important;
}

.search-submit {
	top: 0;
	right: 0;
	padding: 0;
	width: 40px;
	border: none;
	position: absolute;
}

.widget-title, .widgettitl, .widget-share-title, .widget-outstanding-title {
	font-size: 16px;
	line-height: 24px;
	font-family: var(--site-font-bold);
	color: var(--site-fourth-color);
}

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

.widget li {
	list-style: inside;
}

.widget a, .widget a:visited {
	color: var(--font-primary-color);
}

.widget a:hover, .widget a:focus {
	color: var(--site-primary-color);
}

/*-- end site widget css --*/

/*-- site single css --*/
.entry-meta, .entry-footer, .nav-links {
	display: none !important;
}

.archive-content-name {
	margin-bottom: 8px;
	font-size: 20px;
	line-height: 24px;
	font-family: var(--site-font-bold);
}

.archive-content-name, .archive-content-name a, .archive-content-name a:hover, .archive-content-name a:focus {
	color: var(--site-primary-color);
}

.single-title {
	margin-bottom: 16px;
	font-size: 32px;
	line-height: 140%;
	font-family: var(--site-font-bold);
	color: var(--site-fourth-color);
}

.single-info, .single-info span {
	display: flex;
	align-items: center;
}

.single-info {
	color: var(--site-fourth-color);
}

.single-date {
	margin-right: 64px;
}

.single-view .icon-view {
	margin-right: 8px;
}

.widget-share-title {
	margin-bottom: 0;
}

.single-share {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
}

.single-share li, .outstanding-content-wrapper li {
	list-style: none;
}

.single-share li {
	margin-top: 10px;
	display: inline-block;
}

.single-share li:not(:last-child) {
	margin-right: 10px;
}

.single-share .icon-share {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
}

.widget-outstanding-title {
	margin-bottom: 0;
	padding-bottom: 16px;
	border-bottom: solid 1px #e5e7eb;
}

.outstanding-content-wrapper {
	margin-left: 16px !important;
}

.outstanding-content-wrapper li {
	padding: 16px 0;
	border-bottom: solid 1px #e5e7eb;
	display: inline-block;
}

.outstanding-content-title {
	margin-bottom: 8px;
	font-size: 20px;
	line-height: 32px;
	font-family: var(--site-font-bold);
}

.outstanding-content-title, .outstanding-content-title a, .outstanding-content-title a:visited {
	color: #303030;
}

.outstanding-content-title a:hover, .outstanding-content-title a:focus {
	color: var(--site-primary-color);
}

.outstanding-content-date {
	margin-bottom: 0;
	color: #6b7280;
}

.related-warpper {
	margin-top: 50px;
}

.related-title {
	margin-bottom: 0;
	font-size: 24px;
	line-height: 140%;
	font-family: var(--site-font-bold);
	color: var(--site-primary-color);
}

.related-content {
	margin-top: 32px;
}

/*--  end site single css --*/

/*-- site single project css --*/
.entry-project-content .col-lg-3 {
	padding-right: 20px;
}

.entry-project-content .col-lg-9 {
	padding-left: 20px;
}

.nav-single-project {
	padding: 24px 0 24px 24px;
	border-radius: 16px;
	top: 116px;
	position: -webkit-sticky;
	position: sticky;
}

.nav-single-project .nav-link {
	padding: 15px 10px;
	font-family: var(--site-font-bold);
	border-radius: 8px 0 0 8px;
	color: #454e55;
	display: flex;
	align-items: center;
}

.nav-single-project .active {
	padding: 15px 25px;
	border-right: solid 3px var(--site-primary-color);
	background: var(--site-fifth-color) !important;
}

.nav-single-project .active .img-project-tab {
	filter: brightness(0) invert(1);
}

.img-project-tab {
	margin-right: 10px;
}

.single-project-map-wrapper iframe, .img-project-video {
	margin-bottom: 24px;
	height: 672px;
	border-radius: 10px;
}

.single-project-video-wrapper {
	position: relative;
}

.single-project-video-wrapper .overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

.img-project-video {
	object-fit: cover;
}

.entry-project-content h2, .entry-project-content h3, .entry-project-content h4, .entry-project-content h5, .entry-project-content h6 {
	color: var(--site-primary-color);
}

.entry-project-content h2 {
	font-size: 20px;
	line-height: 32px;
}

.entry-project-content h3 {
	font-size: 18px;
	line-height: 28px;
}

.entry-project-content ul {
	margin-left: 0;
	padding-left: 20px;
}

.entry-project-content img {
	border-radius: 10px;
}

.project-3-tab-content {
	margin-top: 24px;
}

.img-project-tab-3-content {
	height: 296px;
	object-fit: cover;
}

.project-tab-3-title {
	font-size: 32px !important;
	line-height: 140% !important;
}

.project-tab-3-content-title {
	margin-top: 16px;
	margin-bottom: 0;
}

.project-tab-3-content-description {
	margin-top: 8px;
}

.project-news-content {
	margin-bottom: 20px;
}

.grid-wrapper {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
	grid-auto-rows: 230px;
	grid-auto-flow: dense;
}

.grid-item--width2 {
	grid-column: span 2;
}

.grid-item--height2 {
	grid-row: span 2;
}

.grid-wrapper .grid-item {
	position: relative;
}

.grid-wrapper .grid-item .overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

.grid-wrapper .grid-item img {
	height: 100%;
	object-fit: cover;
	display: inline-block;
}

.grid-wrapper .grid-item .icon-project-gallery {
	width: 60px;
	height: 60px;
	object-fit: contain;
}

.related-project-title {
	margin-bottom: 0;
	font-size: 40px;
	line-height: 56px;
	font-family: var(--site-font-bold);
	color: var(--site-primary-color);
}

.related-project-thumb {
	border: solid 1px #d1d5db;
}

.related-project-content-title {
	margin-top: 24px;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 140%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.related-project-content-title, .related-project-content-title a, .related-project-content-title a:visited {
	color: var(--site-primary-color);
}

/*-- end site single project css --*/

/*-- site pagination css --*/
.pagination {
	margin: 0 auto;
}

.pagination .page-item:not(:last-child) {
	margin-right: 10px;
}

.pagination .page-link {
	min-width: 36px;
	height: 36px;
	border-radius: 4px;
	color: var(--font-primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagination .page-link {
	color: var(--font-primary-color);
}

.pagination .current, .pagination .page-link:hover, .pagination .page-link:focus {
	color: var(--font-second-color);
	border-color: var(--font-primary-color);
	background: var(--font-primary-color);
}

.pagination .page-link:hover, .pagination .page-link:focus {
	box-shadow: none !important;
}

.pagination .prev, .pagination .next {
	padding: 0;
	border: none;
}

.pagination .prev:hover img, .pagination .next:hover img, .pagination .prev:focus img, .pagination .next:focus img {
	filter: brightness(0) invert(1);
}

/*-- end site pagination css --*/

/*-- site footer css --*/
.site-footer {
	padding: 50px 0;
}

.img-footer-logo {
	height: 40px !important;
}

.footer-socials-wrapper, .footer-qr-wrapper, .footer-list-wrapper {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
}

.footer-socials-wrapper, .footer-qr-wrapper, .footer-list-wrapper {
	display: flex;
}

.footer-socials-wrapper, .footer-list-wrapper {
	justify-content: flex-end;
}

.footer-socials-wrapper li, .footer-qr-wrapper li, .footer-list-wrapper li {
	list-style: none;
}

.footer-socials-wrapper li:not(:first-child) {
	margin-left: 8px;
}

.icon-social {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
}

.footer-content-bottom {
	margin: 48px 0;
}

.footer-content-bottom .col-lg-3 {
	display: flex;
	justify-content: flex-end;
}

.footer-contact-wrapper .d-flex:not(:last-child) {
	margin-bottom: 16px;
}

.footer-content-bottom a {
	padding-bottom: 5px;
	position: relative;
}

.footer-content-bottom a::after {
	content: "";
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: var(--font-second-color);
	transition: .5s;
	position: absolute;
}

.footer-content-bottom a:hover::after {
	width: 100%;
}

.icon-contact {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.footer-contact-wrapper .flex-grow-1 p:last-child {
	margin-bottom: 0;
}

.footer-qr-wrapper li:not(:last-child) {
	margin-right: 24px;
}

.img-qr {
	width: 100px;
	height: 100px;
	object-fit: cover;
}

.footer-copyright-wrapper {
	padding-top: 20px;
	border-top: solid 1px #769b99;
}

.footer-copyright {
	display: inline-block;
}

.footer-list-wrapper li:not(:first-child) {
	margin-left: 8px;
	padding-left: 8px;
	border-left: solid 1px var(--font-second-color);
}

.site-footer, .site-footer a, .site-footer a:hover, .site-footer a:focus, .site-footer a:visited {
	color: var(--font-second-color);
}

/*-- end site footer css --*/
@media (max-width: 768px) {
	#mega-menu-menu-1 {
		padding: 0 10px !important;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
		height: 40px !important;
	}
	
	#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu .mega-sub-menu {
		column-count: 1;
	}
	
	#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu li {
		padding: 0 !important;
	}
	
	#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu li:not(:last-child) {
		margin-bottom: 14px !important;
	}
	
	#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu .mega-sub-menu li {
		margin-top: 14px !important;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		text-align: left !important;
	}
	
	.site-title {
		text-align: center;
		justify-content: center;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-sub-menu .mega-menu-link {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-search-wrap {
		height: 40px !important;
	}
	
	.bg-header {
		display: none;
	}
	
	.home-swiper-title, .content-title-1, .content-title-2, .content-title-3, .custom-title, .single-title, .related-project-title {
		font-size: 28px;
		line-height: 140%;
	}
	
	.sticky-content-left, .about-vision-left, .investor-content-left, .contact-page-content-left, .entry-project-content .col-lg-3 {
		padding-right: 0;
	}
	
	.sticky-content-right, .about-vision-right, .investor-content-right, .contact-page-content-right, .entry-project-content .col-lg-9 {
		padding-left: 0;
	}
	
	.sticky-content-right .d-flex, .footer-list-wrapper {
		flex-direction: column;
	}
	
	.sticky-left-thumb, .sticky-right-thumb {
		height: 250px;
	}
	
	.commit-wrapper {
		padding: 20px 0;
	}
	
	.commit {
		width: 48%;
		text-align: left;
	}
	
	.commit:nth-child(odd) {
		margin-right: 2%;
	}
	
	.commit-content-number-wrapper {
		padding-bottom: 10px;
		border-bottom: solid 1px rgba(255, 255, 255, .6);
	}
	
	.commit-content-number, .commit-content-symbol {
		font-size: 22px;
		line-height: 32px;
	}
	
	.commit-content-title {
		font-size: 16px;
		line-height: 22px;
	}
	
	.single-project-map-wrapper iframe, .img-project-video {
		height: 300px;
	}
	
	.sticky-right-thumb {
		width: 100%;
	}
	
	.sticky-right-title {
		margin-top: 24px;
	}
	
	.related-warpper, .footer-socials-wrapper, .footer-content-bottom, .footer-qr, .footer-list-wrapper {
		margin-top: 20px;
	}
	
	.footer-list-wrapper li:not(:first-child) {
		margin-top: 10px;
	}
	
	.sticky-content-right .d-flex .ms-3 {
		margin-left: 0 !important;
	}
	
	.nav-single-project, .content-slide-left, .commit:not(:last-child), .footer-content-bottom .col-lg-2:not(:last-child), .footer-content-bottom, .sticky-content-left, .investor-content-left, .contact-page-content-left, .search-page-title {
		margin-bottom: 20px;
	}
	
	.nav-single-project {
		padding: 0 0 20px 0;
		flex-direction: row !important;
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
		border-radius: 0;
		box-shadow: none !important;
	}
	
	.nav-single-project .nav-link {
		padding: 10px 40px 10px 20px;
		border-radius: 5px;
		border: none;
		white-space: nowrap;
	}
	
	.nav-single-project .nav-link:not(:last-child) {
		margin-right: 5px;
	}
	
	.mobile-container {
		padding: 0 10px;
	}
	
	.container {
		padding: 0 20px;
	}
	
	.content-wrapper {
		padding: 20px 0 !important;
	}
	
	.contact-form-wrapper, .about-vision-right {
		padding: 20px;
	}
	
	.home-swiper-info {
		background: rgba(0, 75, 65, .8);
	}
	
	.contact-form-wrapper {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	.archive-title, .page-title {
		font-size: 18px;
		line-height: 25px;
	}
	
	.swiper-button-next, .swiper-button-prev {
		width: 35px;
		height: 35px;
	}
	
	.contact-page-content-left {
		border-right: none;
	}
	
	.archive-main {
		padding: 20px 0;
	}
	
	.footer-socials-wrapper {
		justify-content: flex-start;
	}
	
	.footer-content-bottom .col-lg-3 {
		display: flex;
		justify-content: flex-start;
	}
	
	.footer-list-wrapper li:not(:first-child) {
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}
	
	.float-contact-wrapper {
		right: 10px;
		bottom: 70px;
	}
	
	.back-to-top {
		right: 10px;
		bottom: 10px;
	}
}

@media (min-width: 600px) and (max-width: 960px) {}

@media (min-width: 800px) and (max-width: 1280px) {}

@media (min-width: 810px) and (max-width: 1080px) {
	#mega-menu-menu-1 {
		padding: 0 10px !important;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
		height: 40px !important;
	}
	
	#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu .mega-sub-menu {
		column-count: 1;
	}
	
	#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu li {
		padding: 0 !important;
	}
	
	#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu li:not(:last-child) {
		margin-bottom: 14px !important;
	}
	
	#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu .mega-sub-menu li {
		margin-top: 14px !important;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		text-align: left !important;
	}
	
	.site-title {
		text-align: center;
		justify-content: center;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-sub-menu .mega-menu-link {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-search-wrap {
		height: 40px !important;
	}
	
	.footer-list-wrapper {
		margin-top: 24px;
	}
	
	.nav-single-project, .contact-page-content-left, .sticky-content-left, .footer-contact-wrapper {
		margin-bottom: 24px;
	}
	
	.img-footer-logo {
		margin: 0 auto;
	}
	
	.content-slide-left, .content-slide-right, .contact-page-content-left, .contact-page-content-right {
		height: auto;
	}
	
	.contact-page-content-left, .sticky-content-left {
		padding-right: 0;
	}
	
	.contact-page-content-right, .sticky-content-right {
		padding-left: 0;
	}
	
	.commit {
		margin: 10px 0;
		width: 50%;
	}
	
	.footer-content-bottom .col-lg-3 {
		display: flex;
		justify-content: flex-start;
	}
	
	.footer-list-wrapper {
		justify-content: center;
	}
}

@media (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {}

@media (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {
	#mega-menu-menu-1 {
		padding: 0 10px !important;
	}
	
	#site-navigation .container-fluid {
		padding: 0 20px;
	}
	
	#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu .mega-sub-menu {
		column-count: 1;
	}
	
	#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu li {
		padding: 0 !important;
	}
	
	#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu li:not(:last-child) {
		margin-bottom: 14px !important;
	}
	
	#mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu .mega-sub-menu li {
		margin-top: 14px !important;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		text-align: left !important;
	}
	
	.site-title {
		text-align: center;
		justify-content: center;
	}
}

@media (min-width: 810px) and (max-width: 1080px) and (orientation: landscape) {}

@media (min-width: 768px) and (max-width: 1366px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
		margin: 0 !important;
	}
}

@media (min-width: 992px) and (max-width: 1824px) {}

@media (min-width: 1824px) {}