@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&display=swap');

:root{
	--cc14-primary:#0B2E63;
	--cc14-primary-2:#114A9F;
	--cc14-dark:#071A33;
	--cc14-accent:#D8B15B;
	--cc14-accent-2:#F1D58A;
	--cc14-bg:#F4F7FB;
	--cc14-card:#FFFFFF;
	--cc14-text:#132238;
	--cc14-muted:#6B7A90;
	--cc14-line:#DCE4EE;
	--cc14-shadow:0 14px 40px rgba(7,26,51,.10);
	--cc14-shadow-hover:0 24px 60px rgba(7,26,51,.16);
}

html, body{
	margin:0;
	padding:0;
	width:100%;
	overflow-x:hidden;
}

body{
	font-family:'Barlow', Arial, sans-serif !important;
	background:var(--cc14-bg) !important;
	color:var(--cc14-text);
}

.cc14-container{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box;
}

.cc14-brand-logo {width: 38px;}
.cc14-page{
	background:var(--cc14-bg);
}

.cc14-main-content{
	padding:0 0 56px;
}

#responsive-menu .rp-drawer{
    background: linear-gradient(180deg, #2275bd 0%, #f6f9fd 100%);
}
.wm_vpdt.cc14-top-links {
    position: static !important;
    top: auto !important;
    right: auto !important;
    font-size: 14px;
    line-height: 1.5;
    max-width: 720px;
    border-radius: 20px;
    padding: 3px 12px 3px 5px;
    background: #ffffff4d;
}
.cc14-contact-value, .cc14-contact-label {color: white;}
.cc14-content-shell{
	width:100% !important;
	margin:0 !important;
	display:flex;
	gap:30px;
	align-items:flex-start;
	background:none !important;
}

.cc14-content-main{
	width:100% !important;
	float:none !important;
}

.cc14-content-sidebar{
	width:320px !important;
	flex:0 0 320px;
}

.content_index{
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	min-height:0 !important;
}

.containt{
	width:100% !important;
	margin:0 !important;
	background:none !important;
}

.mind{
	width:100% !important;
	float:none !important;
	background:none !important;
}

/* ===== HEADER ===== */
.cc14-site-header{
	position:relative;
	z-index:1000;
	background:#fff;
	box-shadow:0 12px 32px rgba(7,26,51,.08);
}

.cc14-header-wrap{
	position:relative;
}

.cc14-banner{
	position:relative;
	min-height:128px;
	overflow:hidden;
	background:linear-gradient(135deg, var(--cc14-dark) 0%, var(--cc14-primary) 55%, var(--cc14-primary-2) 100%);
}

.cc14-banner-media{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
}

.cc14-banner-img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	opacity:.14;
	filter:saturate(1.05);
}

.cc14-banner-overlay{
	position:relative;
	z-index:2;
}

.cc14-banner-overlay:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:linear-gradient(90deg, rgba(7,26,51,.80) 0%, rgba(11,46,99,.50) 52%, rgba(17,74,159,.18) 100%);
}

.cc14-banner-inner{
	position:relative;
	z-index:2;
	max-width:1280px;
	margin:0 auto;
	padding:18px 24px;
	min-height:128px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
}

.cc14-brand{
	display:flex;
	align-items:center;
	min-width:150px;
	gap: 1rem;
}

.cc14-brand .logo{
	position:relative !important;
	left:auto !important;
	top:auto !important;
	width:auto !important;
	margin:0 !important;
	z-index:3;
}

.cc14-brand .logo img{
	width:auto;
	max-height:88px;
	display:block;
	filter:drop-shadow(0 10px 24px rgba(0,0,0,.18));
}

.cc14-banner-right{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:10px;
	text-align:right;
}

.cc14-lang-box{
	position:static !important;
	top:auto !important;
	right:auto !important;
	margin:0 !important;
}

.cc14-lang-box img{
	border-radius:4px;
	box-shadow:0 6px 14px rgba(0,0,0,.12);
}

.cc14-brand-title {color: white; font-size: 24px;}

.cc14-top-links,
.wm_vpdt.cc14-top-links{
	position:static !important;
	top:auto !important;
	right:auto !important;
	color:#fff;
	font-size:14px;
	line-height:1.5;
	max-width:720px;
}

.cc14-top-links span{
	display:inline-block;
	margin-left:10px;
}

.cc14-top-links a{
	color:rgba(255,255,255,.92) !important;
	text-decoration:none;
}

.cc14-top-links a:hover{
	color:#fff !important;
}

.cc14-hotline-box{
	display:inline-block;
	padding:12px 18px;
	border-radius:999px;
	background:rgba(255,255,255,.10);
	border:1px solid rgba(255,255,255,.14);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	box-shadow:0 12px 26px rgba(0,0,0,.14);
}

.cc14-hotline-label{
	display:inline-block;
	margin-right:12px;
	font-size:12px;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:rgba(255,255,255,.78);
}

.cc14-hotline-value{
	display:inline-block;
	font-size:24px;
	font-weight:800;
	line-height:1;
	color:#fff;
}

/* ===== MENU ===== */
.cc14-main-nav{
	background:var(--cc14-primary);
	border-top:1px solid rgba(255,255,255,.06);
	border-bottom:1px solid rgba(255,255,255,.06);
	position:relative;
	z-index:10;
}

.cc14-main-nav .cc14-container{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:66px;
}

.cc14-menu-desktop{
	width:100%;
}

.cc14-menu-mobile{
	display:none;
	width:100%;
}

#menu, nav{
	position:relative !important;
	right:auto !important;
	bottom:auto !important;
	height:auto !important;
	margin:0 !important;
	width:100% !important;
	text-align:initial !important;
}

#menu_norp,
#menu_rp{
	position:relative;
	z-index:5;
}

.cc14-ddsmoothmenu.ddsmoothmenu,
.ddsmoothmenu{
	width:100% !important;
	display:block !important;
	background:none !important;
	padding:0 !important;
	text-align:center !important;
}

.cc14-ddsmoothmenu.ddsmoothmenu:before,
.ddsmoothmenu:before{
	display:none !important;
}

.cc14-ddsmoothmenu > ul,
.cc14-nav-list,
.ddsmoothmenu > ul{
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	flex-wrap:wrap !important;
	gap:8px !important;
}

.cc14-ddsmoothmenu ul li,
.ddsmoothmenu ul li{
	float:none !important;
	display:block !important;
	position:relative !important;
	padding:0 !important;
	background:none !important;
}

.cc14-ddsmoothmenu ul li.line,
.ddsmoothmenu ul li.line{
	display:none !important;
}

.cc14-ddsmoothmenu ul li a,
.ddsmoothmenu ul li a{
	position:relative !important;
	top:auto !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	min-height:66px !important;
	padding:0 20px !important;
	font-size:16px !important;
	font-weight:700 !important;
	color:rgba(255,255,255,.94) !important;
	text-transform:none !important;
	line-height:1.2 !important;
	border:none !important;
	background:none !important;
	border-radius:14px;
	transition:all .28s ease;
}

.cc14-ddsmoothmenu > ul > li > a:hover,
.cc14-ddsmoothmenu > ul > li.active_1 > a,
.cc14-ddsmoothmenu > ul > li > a.active,
.cc14-ddsmoothmenu > ul > li > a.selected,
.ddsmoothmenu > ul > li > a:hover,
.ddsmoothmenu > ul > li.active_1 > a{
	color:#fff !important;
	background:rgba(255,255,255,.08) !important;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.12);
}

.cc14-ddsmoothmenu > ul > li > a:after,
.ddsmoothmenu > ul > li > a:after{
	content:"";
	position:absolute;
	left:18px;
	right:18px;
	bottom:11px;
	height:3px;
	border-radius:999px;
	background:linear-gradient(90deg, var(--cc14-accent), var(--cc14-accent-2));
	transform:scaleX(0);
	transform-origin:center center;
	transition:transform .28s ease;
}

.cc14-ddsmoothmenu > ul > li > a:hover:after,
.cc14-ddsmoothmenu > ul > li.active_1 > a:after,
.ddsmoothmenu > ul > li > a:hover:after,
.ddsmoothmenu > ul > li.active_1 > a:after{
	transform:scaleX(1);
}

.cc14-ddsmoothmenu ul li ul,
.ddsmoothmenu ul li ul{
	background:#fff !important;
	border:none !important;
	border-radius:18px !important;
	box-shadow:0 24px 60px rgba(10,35,70,.18) !important;
	padding:10px 0 !important;
	min-width:260px !important;
	overflow:hidden !important;
	margin-top:8px !important;
}

.cc14-ddsmoothmenu ul li ul li,
.ddsmoothmenu ul li ul li{
	width:100% !important;
}

.cc14-ddsmoothmenu ul li ul li a,
.ddsmoothmenu ul li ul li a{
	min-height:46px !important;
	padding:10px 18px !important;
	justify-content:flex-start !important;
	color:#14325e !important;
	font-size:15px !important;
	font-weight:600 !important;
	border-radius:0 !important;
	background:transparent !important;
}

.cc14-ddsmoothmenu ul li ul li a:hover,
.ddsmoothmenu ul li ul li a:hover{
	color:#0a4db0 !important;
	background:#eef5ff !important;
	box-shadow:none !important;
}

/* ===== HERO / NIVO ===== */
.cc14-hero{
	position:relative;
	margin-bottom:40px;
	background:#0c1d37;
	overflow:hidden;
}

.cc14-hero.is-home{
	margin-bottom:36px;
}

.cc14-hero .slider-wrapper{
	max-width:none !important;
	width:100% !important;
	margin:0 !important;
}

.cc14-hero .theme-default .nivoSlider{
	box-shadow:none !important;
}

.slider-wrapper.theme-default,
#slider.nivoSlider{
	width:100% !important;
	max-width:none !important;
	margin:0 auto !important;
	border:none !important;
	box-shadow:none !important;
	background:#0c1d37 !important;
}

#slider.nivoSlider img,
#slider .hinhanh_slider{
	width:100% !important;
	height:620px !important;
	object-fit:cover !important;
	display:block;
}

.theme-default .nivo-controlNav{
	position:absolute;
	right:24px;
	bottom:24px;
	padding:0 !important;
	z-index:20;
}

.theme-default .nivo-controlNav a{
	margin:0 4px !important;
}

.theme-default .nivo-caption{
	width:100% !important;
	left:0 !important;
	right:0 !important;
	bottom:0 !important;
	background:none !important;
	opacity:1 !important;
}

.theme-default .nivo-caption > div{
	max-width:1280px;
	margin:0 auto;
	padding:24px 24px 28px;
	background:linear-gradient(180deg, rgba(7,26,51,0) 0%, rgba(7,26,51,.30) 20%, rgba(7,26,51,.82) 100%) !important;
	height:auto !important;
	min-height:150px;
	position:relative;
}

.theme-default .nivo-caption p.name{
	margin:0 0 10px !important;
	padding:0 !important;
	font-size:32px !important;
	line-height:1.15 !important;
	font-weight:800 !important;
	color:#fff !important;
	text-transform:none !important;
	max-width:760px;
}

.theme-default .nivo-caption p{
	margin:0 0 8px !important;
	font-size:16px !important;
	line-height:1.7 !important;
	color:rgba(255,255,255,.88) !important;
	max-width:760px;
}

.theme-default .nivo-caption a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-top:10px;
	text-decoration:none !important;
}

.theme-default .nivo-caption span{
	position:static !important;
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
	height:44px;
	padding:0 18px !important;
	border-radius:999px;
	background:linear-gradient(90deg, var(--cc14-accent), var(--cc14-accent-2)) !important;
	color:#1a2a40 !important;
	font-weight:800 !important;
	font-size:14px !important;
	box-shadow:0 10px 24px rgba(0,0,0,.14);
}

.theme-default .nivo-caption span:hover{
	opacity:.92;
}

.slide-ab{
	display:none !important;
}

/* ===== HOME SECTOR ===== */
.cc14-sector-wrap{
	margin:8px 0 36px;
}

.cc14-sector-head{
	text-align:center;
	margin-bottom:28px;
}

.cc14-sector-kicker{
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 14px;
	border-radius:999px;
	background:rgba(11,46,99,.06);
	color:var(--cc14-primary);
	font-size:12px;
	font-weight:700;
	letter-spacing:.14em;
	text-transform:uppercase;
	margin-bottom:12px;
}

.cc14-sector-title{
	font-size:40px;
	line-height:1.12;
	font-weight:800;
	color:var(--cc14-text);
	margin:0 0 10px;
}

.cc14-sector-sub{
	max-width:760px;
	margin:0 auto;
	font-size:16px;
	line-height:1.7;
	color:var(--cc14-muted);
}

.cc14-sector-slider{
	margin:0 -12px;
}

.cc14-sector-slider .slick-list{
	padding:10px 0 28px;
}

.cc14-sector-slider .slick-track{
	display:flex !important;
}

.cc14-sector-slider .slick-slide{
	height:auto;
	padding:0 12px;
	box-sizing:border-box;
}

.cc14-sector-slider .slick-slide > div{
	height:100%;
}

.cc14-sector-item{
	height:100%;
}

.cc14-sector-card{
	display:flex !important;
	flex-direction:column;
	height:100%;
	background:#fff;
	border:1px solid var(--cc14-line);
	border-radius:24px;
	overflow:hidden;
	box-shadow:var(--cc14-shadow);
	text-decoration:none !important;
	transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.cc14-sector-card:hover{
	transform:translateY(-8px);
	box-shadow:var(--cc14-shadow-hover);
	border-color:rgba(17,74,159,.18);
}

.cc14-sector-image{
	position:relative;
	height:300px;
	overflow:hidden;
	background:#dfe8f3;
}

.cc14-sector-image img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	transition:transform .8s ease;
}

.cc14-sector-card:hover .cc14-sector-image img{
	transform:scale(1.06);
}

.cc14-sector-overlay{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:linear-gradient(180deg, rgba(7,26,51,0) 0%, rgba(7,26,51,.06) 55%, rgba(7,26,51,.18) 100%);
}

.cc14-sector-content{
	display:flex;
	flex-direction:column;
	flex:1;
	padding:22px;
	background:#fff;
}

.cc14-sector-tag{
	display:inline-block;
	padding:6px 12px;
	border-radius:999px;
	background:rgba(11,46,99,.06);
	color:var(--cc14-primary);
	font-size:11px;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
	margin-bottom:14px;
	width:auto;
}

.cc14-sector-name{
	font-size:22px;
	line-height:1.25;
	font-weight:800;
	color:var(--cc14-text);
	margin:0 0 12px;
	min-height:56px;
}

.cc14-sector-desc{
	font-size:15px;
	line-height:1.7;
	color:var(--cc14-muted);
	margin-bottom:18px;
	flex:1;
}

.cc14-sector-action{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:auto;
	padding-top:14px;
	border-top:1px solid var(--cc14-line);
	font-size:15px;
	font-weight:700;
	color:var(--cc14-primary-2);
}

.cc14-sector-action i{
	font-size:18px;
}

.cc14-sector-slider .slick-prev,
.cc14-sector-slider .slick-next{
	width:50px !important;
	height:50px !important;
	border-radius:50% !important;
	background:rgba(255,255,255,.98) !important;
	box-shadow:0 14px 30px rgba(10,35,70,.16) !important;
	z-index:5 !important;
}

.cc14-sector-slider .slick-prev{
	left:-8px !important;
}

.cc14-sector-slider .slick-next{
	right:-8px !important;
}

.cc14-sector-slider .slick-prev:before,
.cc14-sector-slider .slick-next:before{
	color:var(--cc14-primary) !important;
	font-size:22px !important;
	opacity:1 !important;
}

.cc14-sector-slider .slick-dots{
	bottom:-2px !important;
}

.cc14-sector-slider .slick-dots li button:before{
	font-size:11px !important;
	color:#9cb2cf !important;
	opacity:1 !important;
}

.cc14-sector-slider .slick-dots li.slick-active button:before{
	color:var(--cc14-primary-2) !important;
}

.cc14-empty-home{
	padding:40px 24px;
	text-align:center;
	background:#fff;
	border-radius:20px;
	box-shadow:0 12px 30px rgba(10,35,70,.08);
	color:var(--cc14-muted);
	font-size:16px;
	margin:20px 0 40px;
}

/* ===== FOOTER ===== */
.cc14-site-footer,
footer{
	background:linear-gradient(135deg, var(--cc14-dark) 0%, var(--cc14-primary) 100%) !important;
	color:#fff !important;
	margin-top:0 !important;
}

.clothes_line{
	width:100% !important;
	max-width:1280px !important;
	margin:0 auto !important;
	padding:36px 24px 20px !important;
	min-height:0 !important;
}

.title_footer,
.title_footer_1,
.title_footer_2{
	color:var(--cc14-accent-2) !important;
	font-weight:800 !important;
	letter-spacing:.03em;
}

.ul_footer li a,
.ttct a{
	color:#eaf1ff !important;
	text-decoration:none;
}

.ul_footer li a:hover,
.ttct a:hover{
	color:var(--cc14-accent-2) !important;
}

.b-footer{
	background:rgba(0,0,0,.16) !important;
	border-top:1px solid rgba(255,255,255,.08);
	min-height:0 !important;
	line-height:1.5 !important;
	padding:14px 0 !important;
}

.b-footer-l{
	width:100% !important;
	float:none !important;
	text-align:center !important;
	color:#dbe7ff !important;
	font-size:14px !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px){
	.cc14-banner-inner{
		flex-direction:column;
		align-items:flex-start;
	}

	.cc14-banner-right{
		align-items:flex-start;
		text-align:left;
		width:100%;
	}

	.cc14-top-links span{
		margin-left:0;
		margin-right:10px;
	}

	.cc14-menu-desktop{
		display:none;
	}

	.cc14-menu-mobile{
		display:block;
	}

	.cc14-content-shell{
		flex-direction:column;
	}

	.cc14-content-sidebar{
		width:100% !important;
		flex:none;
	}

	#slider.nivoSlider img,
	#slider .hinhanh_slider{
		height:460px !important;
	}

	.theme-default .nivo-caption > div{
		padding:18px 18px 22px;
		min-height:120px;
	}

	.theme-default .nivo-caption p.name{
		font-size:26px !important;
	}

	.cc14-sector-image{
		height:260px;
	}
}

@media (max-width: 767px){
    .cc14-header-wrap {display: none;}
	.cc14-container{
		padding:0 14px;
	}

	.cc14-banner{
		min-height:92px;
	}

	.cc14-banner-inner{
		padding:14px;
		min-height:92px;
	}

	.cc14-brand .logo img{
		max-height:58px;
	}
	
	.cc14-brand-title {font-size: 18px;}

	.cc14-hotline-box{
		padding:8px 12px;
	}

	.cc14-hotline-label{
		font-size:11px;
	}

	.cc14-hotline-value{
		font-size:18px;
	}

	#slider.nivoSlider img,
	#slider .hinhanh_slider{
		height:300px !important;
	}

	.theme-default .nivo-controlNav{
		right:10px;
		bottom:10px;
	}

	.theme-default .nivo-caption > div{
		padding:14px 14px 18px;
		min-height:100px;
	}

	.theme-default .nivo-caption p.name{
		font-size:20px !important;
		line-height:1.2 !important;
		margin-bottom:6px !important;
	}

	.theme-default .nivo-caption p{
		font-size:13px !important;
		line-height:1.55 !important;
		margin-bottom:4px !important;
	}

	.theme-default .nivo-caption span{
		height:38px;
		padding:0 14px !important;
		font-size:13px !important;
	}

	.cc14-sector-title{
		font-size:28px;
	}

	.cc14-sector-image{
		height:220px;
	}

	.cc14-sector-content{
		padding:16px;
	}

	.cc14-sector-name{
		font-size:19px;
		min-height:auto;
	}

	.cc14-sector-desc{
		font-size:14px;
	}
}