/* Variable */

.font-big {
	font-family: "UVF Mussica Swash", Arial, Helvetica, sans-serif;
}

.font-small {
	font-family: "UTM Essendine Caps", Arial, Helvetica, sans-serif;
}

.font-gotham {
	font-family: "SVN-Gotham Book", Arial, Helvetica, sans-serif;
}

.tieu-de-lon {
	font-family: "UVF Mussica Swash", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 55px;
	line-height: 1.6;
	color: #102543;
}

@media (max-width: 1600px) {
	.tieu-de-lon {
		font-size: 45px;
	}
}

@media (max-width: 1440px) {
	.tieu-de-lon {
		font-size: 40px;
	}
}

.tieu-de-nho {
	font-family: "UTM Essendine Caps", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 25px;
	line-height: 1.5;
	color: #102543;
}

@media (max-width: 1600px) {
	.tieu-de-nho {
		font-size: 20px;
	}
}

@media (max-width: 1440px) {
	.tieu-de-nho {
		font-size: 18px;
	}
}

.noi-dung {
	font-family: "SVN-Gotham Book", Arial, Helvetica, sans-serif;
	/* font-style: italic; */
	font-weight: normal;
	font-size: 15px;
	line-height: 1.5;
	text-align: justify;
	color: #556875;
}

@media (max-width: 1440px) {
	.box-content-6 .tieu-de-nho {
		font-size: 16px;
	}
}

.project-img img.anh {
	transition: 0.5s;
}

.project-img:hover img.anh {
	transform: scale(1.05);
}

.part3 {
	position: relative;
	background: #e5e5e5;
	z-index: 1;
}

.part3 .color-background {
	position: absolute;
	width: 100%;
	height: 150%;
	top: -40%;
	left: 0;
	background: linear-gradient(180deg, rgba(204, 220, 229, 0) 0%, #ccdce5 63.02%, rgba(204, 220, 229, 0) 100%);
	z-index: 0;
}

.part3 .home-row {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}

.part3 .capital {
	background: #bb3c3c;
	border: 1px solid #000000;
	box-sizing: border-box;
	border-radius: 39px;
	font-family: "UTM Essendine Caps", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 8px;
	line-height: 105.19%;
	text-align: right;
	letter-spacing: 0.495em;
	text-transform: uppercase;
	color: #ffffff;
	transform: rotate(-90deg);
	padding: 14px 21px 12px 18px;
}

.part3 .title-row {
	font-family: "UVF Mussica Swash", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 55px;
	line-height: 1.2469;
	color: #102543;
}

@media (max-width: 1279px) {
	.part3 .title-row {
		font-size: 45px;
	}
}

.part3 .content-row {
	font-family: "SVN-Gotham Book", Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	font-size: 15px;
	line-height: 1.536;
	text-align: justify;
	color: #556875;
}

.part3 .box-text {
	max-width: 52%;
}

.part3 .box-text .title-row {
	padding-bottom: 25px;
}

.part3 .box-text .box-flex {
	display: flex;
	padding-left: 13.5%;
	align-items: flex-start;
}

.part3 .box-text .box-flex .content-row {
	margin-left: -10px;
	margin-top: -35px;
}

.part3 .row-pho-ve .img-bg {
	position: absolute;
	top: -10%;
	left: -5%;
	z-index: 1;
}

@media (max-width: 991px) {
	.part3 .row-pho-ve .box-content {
		padding-top: 70px;
	}
}

.part3 .row-pho-ve .box-content img {
	width: 100%;
}

.part3 .row-pho-ve .box-text {
	position: absolute;
	top: 230px;
	right: 5%;
	z-index: 10;
}

@media (max-width: 1549px) {
	.part3 .row-pho-ve .box-text {
		top: 150px;
	}
}

@media (max-width: 1439px) {
	.part3 .row-pho-ve .box-text {
		max-width: 55%;
		top: 100px;
	}
}

@media (max-width: 1279px) {
	.part3 .row-pho-ve .box-text {
		max-width: 68%;
		top: 70px;
	}
}

.part3 .row-du-an {
	padding-top: 30px;
	margin-top: -5%;
}

.part3 .row-du-an .img-bg {
	position: absolute;
	top: -10%;
	right: 0%;
	z-index: 0;
}

@media (max-width: 1279px) {
	.part3 .row-du-an .img-bg {
		display: none;
	}
}

.part3 .row-du-an .text-bg {
	font-family: "UTM Essendine Caps", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 200px;
	line-height: 1.3219;
	text-transform: uppercase;
	color: rgba(16, 37, 67, 0.05);
	position: absolute;
	left: -9%;
	top: 14%;
	z-index: -1;
}

@media (max-width: 1549px) {
	.part3 .row-du-an .text-bg {
		font-size: 180px;
		top: 17%;
		left: -14%;
	}
}

@media (max-width: 1279px) {
	.part3 .row-du-an .text-bg {
		top: 18%;
		left: -8%;
	}
}

.part3 .row-du-an .container-row {
	padding: 0 8.33%;
}

.part3 .row-du-an .box-text {
	padding-bottom: 162px;
}

@media (max-width: 1549px) {
	.part3 .row-du-an .box-text {
		max-width: 60%;
		padding-bottom: 140px;
	}
}

@media (max-width: 1439px) {
	.part3 .row-du-an .box-text {
		max-width: 80%;
	}
}

@media (max-width: 1279px) {
	.part3 .row-du-an .box-text {
		max-width: 100%;
	}
}

.part3 .row-du-an .box-text .title-small {
	font-family: "UTM Essendine Caps", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 25px;
	line-height: 1.3469;
	color: #102543;
	margin-left: -10px;
	margin-top: -35px;
	text-transform: unset;
}

@media (max-width: 991px) {
	.part3 .row-du-an .box-text .title-small {
		font-size: 20px;
	}
}

.part3 .row-du-an .box-text .box-flex {
	padding-left: 20%;
}

@media (max-width: 1279px) {
	.part3 .row-du-an .box-text .box-flex {
		padding-left: 15%;
	}
}

.part3 .row-du-an .list-du-an .item {
	position: relative;
	overflow: hidden;
	vertical-align: middle;
}

.part3 .row-du-an .list-du-an a.img img {
	border-radius: 8px;
	width: 100%;
	transition: 0.4s ease;
}

.part3 .row-du-an .list-du-an a.img:hover img {
	transform: scale(1.07);
	border-radius: 8px;
}

.part3 .row-du-an .list-du-an a.title-du-an {
	display: block;
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(11, 23, 40, 0) 0%, #0c1e37 100%);
	padding: 60px 44px 35px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	font-family: "UTM Essendine Caps", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 25px;
	line-height: 85.19%;
	text-transform: uppercase;
	color: #ffffff;
}

.part3 .row-du-an .list-du-an .slick-slide {
	height: auto;
}

.part3 .row-du-an .list-du-an .slick-arrow {
	background: #ffffff;
	border-radius: 0px 8px 8px 0px;
	width: 61px;
	height: 42px;
	left: 0;
	z-index: 5;
}

.part3 .row-du-an .list-du-an .slick-arrow:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 7.12px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url("../../images/footer/backsl.png");
	z-index: 6;
}

.part3 .row-du-an .list-du-an .slick-arrow:hover {
	background: #0f3062;
}

.part3 .row-du-an .list-du-an .slick-next {
	border-radius: 8px 0px 0px 8px;
	left: auto;
	right: -1.5px;
}

.part3 .row-du-an .list-du-an .slick-next:after {
	background: url("../../images/footer/nextsl.png");
}

/*# sourceMappingURL=../../maps/css/home-page/homedesktop_part3.css.map */

@media (max-width: 1600px) {
	.list-projects .tieu-de-nho {
		font-size: 25px;
	}
}

.list-bst .title-pho {
	font-family: "UTM Essendine Caps", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 1.2469;
	color: #ffffff;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	padding: 70px 0 40px 50px;
	border-radius: 0px 0px 8px 8px;
	background: linear-gradient(180deg, rgba(11, 23, 40, 0) 0%, #0c1e37 100%);
}

.list-bst .slick-arrow {
	font-size: 0;
	height: 42px;
	outline: none;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.3s ease;
	width: 61px;
	z-index: 1;
	background: #ffffff;
}

@media screen and (max-width: 991px) {
	.list-bst .slick-arrow {
		width: 40px;
		height: 32px;
	}
}

.list-bst .slick-arrow:hover {
	background: #0f3062;
}

.list-bst .slick-arrow::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
	height: 7.12px;
	background: url("/wp-content/themes/sunshine/assets/images/next.png");
}

.list-bst .slick-next {
	left: auto !important;
	right: calc(17vw - 71px) !important;
	border-radius: 0px 8px 8px 0px;
}

.list-bst .slick-next:after {
	background: url("/wp-content/themes/sunshine/assets/images/next.png");
}

@media screen and (max-width: 991px) {
	.list-bst .slick-next {
		right: calc(17vw - 50px);
	}
}

.list-bst .slick-prev {
	right: auto !important;
	left: calc(17vw - 71px) !important;
	border-radius: 8px 0px 0px 8px;
}

.list-bst .slick-prev:after {
	background: url("/wp-content/themes/sunshine/assets/images/prev.png");
}

@media screen and (max-width: 991px) {
	.list-bst .slick-prev {
		left: calc(17vw - 50px);
	}
}

.list-bst .slick-list {
	padding: 0 17vw;
	margin: 0;
}

@media screen and (max-width: 727px) {
	.list-bst .slick-list {
		padding: 0;
	}
}

.list-bst .slick-list .slick-slide {
	padding: 0 10px;
}

.list-bst .slick-list .slick-slide img {
	width: 100%;
	border-radius: 8px 8px 8px 8px;
	vertical-align: middle;
	display: inline-block;
}

.list-bst .slick-list .slick-slide .title-pho {
	display: none;
}

.list-bst .slick-list .slick-slide .box-image {
	position: relative;
}

.list-bst .slick-list .slick-slide .box-image::after {
	content: "";
	background: rgba(16, 37, 67, 0.6);
	border-radius: 8px 8px 8px 8px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.list-bst .slick-list .slick-current .box-image::after {
	display: none;
}

.list-bst .slick-list .slick-current .title-pho {
	display: block;
}