/* 
	color 
	--pri: #ba1f23;
	--sec: #434343;
	--ft: #b6000c;
*/
/* pri */
@col_pri: #ba1f23;
.col_pri
{
	color: #ba1f23;
}
.bac_pri
{
	background-color: #ba1f23;
}
/* color footer */
@col_ft: #b6000c;
.col_ft
{
	color: #b6000c;
}
.bac_ft
{
	background-color: #b6000c;
}
/* font */
.Yeseva_One
{
	font-family: 'Yeseva One',sans-serif;
}
.Roboto
{
	font-family: 'Roboto',sans-serif;
}
.Montserrat
{
	font-family: 'Montserrat';
}
@font-face {
	font-family: UTM Avo;
	src: url(../fonts/UTM_Avo.ttf);
}
@font-face {
	font-family: UTM AvoBold;
	src: url(../fonts/UTM_AvoBold.ttf);
}
.UTM_Avo
{
	font-family: UTM Avo;
}
.UTM_AvoBold
{
	font-family: UTM AvoBold;
}
/* common */
html
{
	background-color: #fff !important;
}
body
{
	overflow: hidden !important;
	font-size: 16px !important;
	.Montserrat !important;
	#main
	{
	    min-height: calc(100vh - 396px);
	    width: 100%;
	    overflow: hidden;
	    scroll-behavior: smooth;
	}
	h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a
	{
		.Montserrat;
	}
	.nav > li > a
	{
		.Montserrat;
	}
	p
	{
		margin-bottom: 10px;
	}
	b, strong 
	{
	    font-weight: 700;
	}
	.dark, .dark p, .dark td 
	{
	    color: #fff;
	}
	.page-wrapper
	{
		padding-top: 45px;
		padding-bottom: 45px;
	}
}
/* pb_medium */
@media (min-width: 768px)
{
	.pb_medium
	{
		> .col
		{
			padding-bottom: 0 !important;
		}
	}
}
/* pb_large */
@media (min-width: 1024px)
{
	.pb_large
	{
		> .col
		{
			padding-bottom: 0 !important;
		}
	}
}
/* header */
#header
{
	> .header-wrapper
	{
		// box-shadow: none;
	}
	#masthead
	{
		> .header-inner
		{
			background: rgba(255,255,255,1);
			border-radius: 100px;
		}
		#logo
		{
			margin: 0 15px;
			a
			{
			    border-radius: 50%;
			    background: rgba(255,255,255,1);
			    height: 136px;
			    margin-top: -41.5px;
			}
			img
			{
			    max-width: 65%;
			    max-height: unset;
			    position: relative;
			    top: 50%;
			    transform: translateY(-50%);
			}
		}
		.header-nav-main
		{
			&.nav-left
			{
				-ms-flex-pack: end;
				justify-content: flex-end;
			}
			&.nav-right
			{
				-ms-flex-pack: start;
    			justify-content: flex-start;
			}
			> li
			{
				margin: 0 3px;
				> a
				{	
					// .UTM_Avo;									
					font-size: 13px;
					letter-spacing: 0;
					padding: 5px 3px;
					font-weight: 600;
					line-height: inherit;
					> i.fa-home
					{
						font-size: 16px;
						line-height: 22px;
					}
					&:after
					{
					    content: '';
					    display: block;
					    width: 100%;
					    height: 2px;
					    .bac_pri;
					    position: absolute;
					    bottom: 0;
					    left: 0;
					    opacity: 0;
					    border: none;
					    -webkit-transition: all .3s ease-in-out;
					    transition: all .3s ease-in-out;
					}
				}
				&.header-search
				{
					> a
					{
						> i
						{
							font-size: 15px !important;
							line-height: 22px;
						}
					}
				}
				&.current-menu-item, &:hover, &.active
				{
					> a
					{
						&:after
						{
							opacity: 1;
						}
					}
				}
			}
		}
	}
	> .header-wrapper
	{
		&.stuck
		{
			#masthead
			{
				background-color: #fff;
				#logo
				{
					width: 74px;
					a
					{
						height: 74px;
						margin-top: 0;

					}
				}
			}
		}
	}
}
body
{
	&.home
	{
		#header
		{
			> .header-wrapper
			{
				&:not(.stuck)
				{
					position: absolute;
					top: 30px;
					#masthead
					{
						> .header-inner
						{
						    box-shadow: 1px 3px 10px rgba(0,0,0,0.15);
						}
					}				
				}
			}
		}
	}
	&:not(.home)
	{
		#header
		{
			> .header-wrapper
			{
				&:not(.stuck)
				{
					#masthead
					{
						#logo
						{
							width: 115px;
							a
							{
								margin-top: -20px;
								height: 115px;
							}
						}
					}
				}
			}
		}
	}
}
@media (min-width: 1024px) and (max-width: 1279px)
{
	#header
	{
		#masthead
		{
			.header-nav-main
			{
				> li
				{
					> a
					{
						font-size: 11.5px;
						padding: 5px 1px;
					}
				}
			}
		}
	}
	body
	{
		&.home
		{
			#header
			{
				> .header-wrapper
				{
					&:not(.stuck)
					{
						#masthead
						{
							#logo
							{
								width: 110px;
								margin: 0 10px;
								a
								{
									height: 110px;
									margin-top: -28.5px;
								}
							}
						}
					}
				}
			}
		}
	}
}
@media (max-width: 1023px)
{
	body
	{
		&.home
		{
			#header
			{
				> .header-wrapper
				{
					&:not(.stuck)
					{
						position: relative;
						top: 20px;
					}
				}
			}
		}
	}
	#header
	{
		#masthead
		{
			height: 45px;
			#logo
			{
				width: 115px;
				a
				{
					height: 115px;
					margin-top: -35px;
				    box-shadow: 0px 3px 5px rgba(0,0,0,0.15);
				}
				img
				{
					max-height: 60px !important;
				}
			}
		}
	}
}
.off-canvas-left
{
	.mfp-content
	{		
		#main-menu
		{			
			.sidebar-menu
			{
				
			}
			.nav-sidebar
			{
				> li.menu-item
				{
					border: none;
					background-color: transparent;
					> a
					{
						color: #353535;
					    font-size: 14px;
					    letter-spacing: 0;
					    padding: 7px 15px;
					    padding-left: 15px;
					    font-weight: 600;
					    text-transform: uppercase;
					    white-space: nowrap;
					    text-overflow: ellipsis;
					    overflow: hidden;
					    flex-grow: unset;
					    flex: 1 auto;
				        max-width: calc( 100% - 30px );
					    -ms-flex-preferred-size: calc( 100% - 30px );
					    flex-basis: calc( 100% - 30px );
					    > i
					    {
					    	opacity: 1;
					    	&.fa
					    	{
					    		vertical-align: baseline;
					    	}
					    }
					}
					&.current-menu-item
					{
						> a
						{
							.col_pri;
						}
					}
					> ul
					{
						padding-bottom: 0;
						li
						{
							margin: 0;
							padding-left: 12px;
							a
							{
							    color: #000;
							    font-size: 13px;
							    letter-spacing: 0;
							    padding: 5px 15px;
							    font-weight: 500;
							    text-transform: uppercase;
							    .Montserrat;				    
							}
							&.menu-item
							{
								a
								{
									&:before
								    {
								    	font-family: 'Font Awesome 5 Free';
								    	content: "\f0da";
								    	font-size: 13px;
								    	margin-right: 5px;
								    	font-weight: 700;
								    }
								}
							}
						}
					}
					.toggle
					{
						opacity: 1;
					    color: #444;
					    font-size: 10px;
					    width: auto;
					    height: auto;
					    border: none;
					    min-height: auto;
					    line-height: unset;
					    margin: 0;
					    letter-spacing: 0;
					    font-weight: 400;
					    max-width: 30px;
					    -ms-flex-preferred-size: 30px;
					    flex-basis: 30px;
					}
					&.header-search-form 
					{
						padding-top: 0
					}					
				}
				> li.header-search-form
				{
				    padding: 0 15px 20px 15px;
					form
					{
						input
						{
							background-color: #fff;
						    min-height: 35px;
						    height: 35px;
						    line-height: 35px;
						    border-radius: 0 !important;
						    box-shadow: none;
						    padding-right: 35px;
						}
						button[type="submit"]
						{
							border: none;
							.bac_pri;
							letter-spacing: 0;
							font-weight: 500;
							font-size: 13px;
							color: #fff;
						}
					}
				}
				> li.html_top_right_text
				{
					display: none;
				}
			}
		}
	}
}
@media (max-width: 480px)
{
	.off-canvas-left
	{
		.mfp-content 
		{
			width: calc(100vw - 90px) !important;
		}	    
	}
}
@media (min-width: 768px) and (max-width: 1023px)
{
	.off-canvas-left
	{
		.mfp-content 
		{
			width: calc(100vw - 60vw) !important;
		}	    
	}
}
/* search-lightbox */
#search-lightbox
{
	form
	{
		input
		{
			min-height: 60px;
			height: 60px;
			border: none;
			box-shadow: none;
			font-size: 16px;
			.Roboto;
			padding-left: 20px;
			font-weight: 300;
		}
		button[type="submit"]
		{
			min-height: 60px;
			height: 60px;
			line-height: 60px;
			border: none;
			font-weight: 400;
			font-size: 16px;
			min-width: 60px;
		}
	}
}
/* sec_aboutus */
.sec_aboutus
{
	// padding-top: 340px !important;
	// .section-bg 
	// {
	// 	background-position: right top;
 //    	background-size: contain !important;
	// }
	.row_aboutus
	{
		> .col
		{
			> .col-inner
			{
				&:after
				{
					content: '';
					background-image: url(../images/line_aboutus.jpg);
					height: 15px;
					width: 100%;
					display: block;
					background-size: contain;
					background-repeat: no-repeat;
					background-position: center;
				    margin-top: 20px;
				}
			}
		}
	}
}
// @media (max-width: 480px)
// {
// 	.sec_aboutus
// 	{
// 		padding-top: 145px !important;
// 	}
// }
// @media (min-width: 768px) and (max-width: 1023px)
// {
// 	.sec_aboutus
// 	{
// 		padding-top: 245px !important;
// 	}
// }
// @media (min-width: 1024px) and (max-width: 1279px)
// {
// 	.sec_aboutus
// 	{
// 		padding-top: 340px !important;
// 	}
// }
// @media (min-width: 1280px) and (max-width: 1365px)
// {
// 	.sec_aboutus
// 	{
// 		padding-top: 430px !important;
// 	}
// }
// @media (min-width: 1366px) and (max-width: 1439px)
// {
// 	.sec_aboutus
// 	{
// 		padding-top: 465px !important;
// 	}
// }
// @media (min-width: 1440px) and (max-width: 1679px)
// {
// 	.sec_aboutus
// 	{
// 		padding-top: 490px !important;
// 	}
// }
// @media (min-width: 1680px) and (max-width: 1919px)
// {
// 	.sec_aboutus
// 	{
// 		padding-top: 590px !important;
// 	}
// }
// @media (min-width: 1920px)
// {
// 	.sec_aboutus
// 	{
// 		padding-top: 700px !important;
// 		.section-bg
// 		{
// 			background-size: auto !important;
// 		}
// 	}
// }
/* custom_title */
.custom_title
{
	margin-bottom: 30px;
	.cs_title
	{
		.inner_title
		{
			display: inline-block;
			.pri_text
			{
				font-size: 36px;
				line-height: 1.3;
				margin: 0;
				margin-bottom: 7px;
				span
				{
					font-size: 36px;
					.col_pri;
					text-transform: uppercase;
					font-weight: 700;
					width: auto;
					line-height: 1.3;
					.UTM_AvoBold;
					display: inline-block;
				}
			}
			.sub_text
			{
				font-size: 26px;
				line-height: 1.3;
				margin: 0;
				span
				{
					.bac_pri;
					.Montserrat;
					color: #fff;
					font-size: 26px;
					font-weight: 400;
					line-height: 1.3;
					padding: 3px 0;
					display: inline-block;
					width: 100%;
					text-align: center;
				}
			}
		}
		&.cs_title_left
		{

		}
		&.cs_title_center
		{
			text-align: center;
		}
		&.cs_title_right
		{
			text-align: right;
		}
	}
}
@media (max-width: 480px)
{
	.custom_title
	{
		.cs_title
		{
			.inner_title
			{
				.pri_text
				{
					font-size: 30px;
					span
					{
						font-size: 30px;
					}
				}
				.sub_text
				{
					font-size: 22px;
					span
					{
						font-size: 22px;
					}
				}
			}
		}
	}
}
@media (min-width: 768px) and (max-width: 1023px)
{
	.custom_title
	{
		.cs_title
		{
			.inner_title
			{
				.pri_text
				{
					font-size: 30px;
					span
					{
						font-size: 30px;
					}
				}
				.sub_text
				{
					font-size: 22px;
					span
					{
						font-size: 22px;
					}
				}
			}
		}
	}
}
/* custom_title_primarytxt */
.custom_title_primarytxt
{
	margin-bottom: 30px;
	.cs_title
	{
		.inner_title
		{
			.title
			{
				.pri_text
				{
					display: inline-block;
				    width: auto;
				    text-transform: uppercase;
				    font-size: 43px;
				    line-height: 1;
				    margin: 0;
				    color: #353535;
				    span
				    {
				    	span
				    	{
				    		.col_pri;
				    	}
				    }
				}
				.sub_text
				{
					display: inline-block;
					width: auto;
					font-size: 26px;
					line-height: 1.3;
					margin: 0;
				    vertical-align: text-bottom;
				    margin-left: 10px;
					span
					{
						.bac_pri;
						color: #fff;
						font-size: 28px;
						font-weight: 300;
						line-height: 1;
						padding: 7px 20px;
						padding-right: 70px;
						display: inline-block;
						width: 100%;
						text-align: center;
					}
				}
				+ .title
				{
					margin-top: 7px;
					.pri_text
					{
					    text-indent: -285px;
					}
				}
			}
		}
		&.cs_title_center
		{
			text-align: center;
		}
	}
}
@media (max-width: 480px)
{
	.custom_title_primarytxt
	{
		.cs_title
		{
			.inner_title
			{
				.title
				{
					.pri_text
					{
						line-height: 1.2;
						font-size: 36px;
						span
						{
							line-height: 1.2;
						}
					}
					.sub_text
					{
						line-height: 1.2;
						margin-left: 0;
						text-align: center;
						display: block;
						font-size: 24px;
						span
						{
							line-height: 1.2;
							padding: 7px 0;
							width: 100%;
							font-size: 24px;
						}
					}
					+ .title
					{
						margin-top: 0;
						.pri_text
						{
							text-indent: unset;
						}
					}
				}
			}
		}
	}
}
/* sec_linhvuchd */
.sec_linhvuchd
{
	background-image: url(../images/bg_linhvuc.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}
/* title_logo */
.title_logo
{
	margin-bottom: 30px;
	.cs_title
	{
		.inner_title
		{
			.logo_title
			{
				margin-bottom: 10px;
				img
				{
					max-width: 150px;
				}
			}			
			.pri_text
			{
				font-size: 40px;
				line-height: 1.3;
				margin: 0;
				margin-bottom: 0px;
				span
				{
					font-size: 40px;
					.col_pri;
					text-transform: uppercase;
					font-weight: 700;
					width: auto;
					line-height: 1.3;
					.UTM_AvoBold;
					display: inline-block;
				}
			}
			.sub_text
			{
				font-size: 32px;
				line-height: 1.3;
				margin: 0;
				span
				{
					.Montserrat;
					color: #000;
					font-size: 32px;
					font-weight: 500;
					text-transform: uppercase;
					line-height: 1.3;
					display: inline-block;
					width: 100%;
					text-align: center;
				}
			}
		}
	}
}
/* list_project */
.list_project
{
	.box_project
	{
		+ .box_project
		{
			margin-top: 30px;
		}
		.box_inner
		{
			width: 100%;
		    -js-display: flex;
		    display: -ms-flexbox;
		    display: flex;
		    -ms-flex-flow: row wrap;
		    flex-flow: row wrap;
		    .box_img
		    {
		    	max-width: 70%;
			    -ms-flex-preferred-size: 70%;
			    flex-basis: 70%;
			    padding: 0 5px;
		        margin-left: calc(4% - 4.5px);
			    .inner
			    {
			    	background-color: #ccd6d8;
	    	        clip-path: polygon(100% 0%, 89.5% 50%, 100% 100%, 11.5% 100%, 0% 50%, 11.5% 0%);
			    	height: 100%;
			    	.bg_inner
			    	{
			    		width: calc(100% - 10px);
			    		height: calc(100% - 10px);
			    		.bac_pri;
			    		margin: 0 auto;
					    position: relative;
					    top: 50%;
					    transform: translateY(-50%);
			            clip-path: polygon(calc(100% - 5px) 0%, calc(89% + 0px) 50%, calc(100% - 5px) 100%, calc(10% + 13px) 100%, calc(0% + 3px) 50%, calc(10% + 13px) 0%);
			    	}
			    	.box-image
			    	{
			    		.image-cover
			    		{
			    			padding-top: 35%;			    			
			    			img
			    			{
			    				
			    			}
			    		}
			    	}
			    }
		    }
		    .box_text
		    {
		    	max-width: 30%;
			    -ms-flex-preferred-size: 30%;
			    flex-basis: 30%;
			    padding: 0 5px;	
		        margin-left: calc(-8% + 9px);		    
			    .inner
			    {
			    	background-color: #ccd6d8;
		    	    clip-path: polygon(100% 50%, 75% 100%, 25% 100%, 0% 50%, 25% 0, 75% 0);
			    	height: 100%;
			    	.bg_inner
			    	{
			    		width: calc(100% - 10px);
			    		height: calc(100% - 10px);
			    		.bac_pri;
			    		margin: 0 auto;
					    position: relative;
					    top: 50%;
					    transform: translateY(-50%);
					    clip-path: polygon(100% 50%, 75% 100%, 25% 100%, 0% 50%, 25% 0, 75% 0);
					    .info_w
					    {
					    	display: table;
    						height: 100%;
    						width: 100%;
    						.info
    						{
    							display: table-cell;
							    vertical-align: middle;
							    text-align: center;
							    padding: 0 15%;
							    h3
							    {
							    	font-size: 14px;
							    	text-transform: uppercase;
							    	color: #fff;
							    	font-weight: 600;
							    	margin: 0;
							    }
							    .line
							    {
							    	width: 90%;
								    height: 1px;
								    background-color: #fff;
								    margin: 12px auto;
							    }
    						}
					    }
			    	}
			    }
		    }
		}
		&.box_even
		{
			.box_inner
			{
				.box_text
				{
					margin-left: calc(4% - 4.5px);
				}
				.box_img
				{
				    margin-left: calc(-8% + 9px);
				    .inner
				    {
				    	clip-path: polygon(89.5% 0%, 100% 50%, 89.5% 100%, 0% 100%, 10.5% 50%, 0% 0%);
				    	.bg_inner
				    	{
			    		    clip-path: polygon(calc(89.5% - 1px) 0%, calc(100% - 3px) 50%, calc(89.5% - 1px) 100%, calc(0% + 6px) 100%, calc(10% + 8px) 50%, calc(0% + 6px) 0%);
				    	}
				    }
				}
			}
		}
	}
}
@media (max-width: 480px)
{
	.list_project
	{
		.box_project
		{
			+ .box_project
			{
				margin-top: 20px;
			}
			.box_inner
			{
				.box_img
				{
					max-width: 50%;
				    -ms-flex-preferred-size: 50%;
				    flex-basis: 50%;
				    margin-left: calc(7.5% - 3.5px);
				    .inner
				    {
			    	    clip-path: polygon(100% 0%, 74.75% 50%, 100% 100%, 26.25% 100%, 0% 50%, 26.25% 0%);
				    	.bg_inner
				    	{
				    		clip-path: polygon(calc(100% - 4px) 0%, calc(73% + 0px) 50%, calc(100% - 4px) 100%, calc(26% + 1px) 100%, calc(0% + 1px) 50%, calc(26% + 1px) 0%);
				    	}
				    	.box-image
				    	{
				    		.image-cover
				    		{
				    			padding-top: 85%;
				    		}
				    	}
				    }
				}
				.box_text
				{
				    max-width: 50%;
				    -ms-flex-preferred-size: 50%;
				    flex-basis: 50%;
			        margin-left: calc(-15% + 7px);
					.inner
					{
						.bg_inner
						{
							.info_w
							{
								.info
								{
									h3
									{
										font-size: 9px;
									}
									.line
									{
										margin: 5px auto;
									}
								}
							}
						}
					}
				}
			}
			&.box_even
			{
				.box_inner
				{
					.box_img
					{
					    margin-left: calc(-15% + 7px);
						.inner
						{
						    clip-path: polygon(74.75% 0%, 100% 50%, 74.75% 100%, 0% 100%, 26.25% 50%, 0% 0%);
						    .bg_inner
						    {
						    	clip-path: polygon(calc(73% + 3px) 0%, calc(100% - 0px) 50%, calc(73% + 3px) 100%, calc(0% + 4px) 100%, calc(20% + 14px) 50%, calc(0% + 4px) 0%);
						    }
						}
					}
					.box_text
					{
					    margin-left: calc(7.5% - 3.5px);
					}
				}
			}
		}
	}
}
@media (min-width: 768px) and (max-width: 1023px)
{
	.list_project
	{
		.box_project
		{
			.box_inner
			{
				.box_img
				{
					max-width: 65%;
				    -ms-flex-preferred-size: 65%;
				    flex-basis: 65%;
				    margin-left: calc(5% - 5px);
				    .inner
				    {
				    	clip-path: polygon(100% 0%, 86.5% 50%, 100% 100%, 14.5% 100%, 0% 50%, 14.5% 0%);
				    	.bg_inner
				    	{
				    		clip-path: polygon(calc(100% - 4px) 0%, calc(85% + 5px) 50%, calc(100% - 4px) 100%, calc(12% + 11px) 100%, calc(0% + 1px) 50%, calc(12% + 11px) 0%);
				    	}
				    	.box-image
				    	{
				    		.image-cover
				    		{
				    			padding-top: 45%;
				    		}
				    	}
				    }
				}
				.box_text
				{
				    max-width: 35%;
				    -ms-flex-preferred-size: 35%;
				    flex-basis: 35%;
			        margin-left: calc(-10% + 10px);
					.inner
					{
						.bg_inner
						{
							.info_w
							{
								.info
								{
									h3
									{
										font-size: 12px;
									}
									.line
									{
										margin: 5px auto;
									}
								}
							}
						}
					}
				}
			}
			&.box_even
			{
				.box_inner
				{
					.box_img
					{
					    margin-left: calc(-10% + 10px);
						.inner
						{
						    clip-path: polygon(86.5% 0%, 100% 50%, 86.5% 100%, 0% 100%, 13.25% 50%, 0% 0%);
						    .bg_inner
						    {
						    	clip-path: polygon(calc(86% + 3px) 0%, calc(100% - 1px) 50%, calc(86% + 3px) 100%, calc(0% + 4px) 100%, calc(11% + 14px) 50%, calc(0% + 4px) 0%);
						    }
						}
					}
					.box_text
					{
					    margin-left: calc(5% - 5px);
					}
				}
			}
		}
	}
}
/* sec_duantb */
.sec_duantb
{
	.row_duantb
	{
		.col_title
		{
			padding-bottom: 45px;
		}
	}
}
/* sec_visao */
.sec_visao
{
	.row_visao
	{
		.col_info
		{
			> .col-inner
			{
				line-height: 1.7;
			}
		}
		.col_img
		{
			> .col-inner
			{
				height: 100%;
				.img
				{
					height: 100%;
					> .img-inner
					{
						height: 100%;
						img
						{
							height: 100%;
							object-fit: cover;
						}
					}
				}
			}
		}
	}
}
@media (min-width: 1024px)
{
	.sec_visao
	{
		.custom_title_primarytxt
		{
			.cs_title.cs_title_center
			{
				.inner_title
				{
					padding-left: 245px;
				}
			}
		}
	}
}
/* section-title-container */
body
{
	.section-title-container
	{
		margin-bottom: 25px;
		.section-title-center
		{
			margin: 0;
			b
			{
				background-color: transparent;
			}
			span
			{
				margin: 0;
				padding: 0;
				font-size: 32px;
				text-transform: unset;
			}
		}
		.section-title-normal
		{
			margin-bottom: 0;
			border-bottom: 1px solid #ececec;
			span
			{
				border: none;
				text-transform: uppercase;
				font-size: 22px;
				margin: 0;
				font-weight: 600;
				.bac_pri;
				color: #fff;
			    padding: 5px 20px;
			    line-height: 1.3;
			}
		}
	}
}
/* slide_partners */
.slide_partners
{
	.owl-item
	{
		.partners
		{
			.partners-inner
			{
				a
				{
					display: block;
					img
					{
						min-height: 85px;
						max-height: 85px;
						object-fit: contain;
					}
				}
			}
		}
	}
}
/* slide_customers */
.slide_customers
{
	.owl-item
	{
		.customer
		{
			.customer-inner
			{
				a
				{
					display: block;
					img
					{
						min-height: 160px;
						max-height: 160px;
						object-fit: contain;
					}
				}
			}
		}
	}
}
@media (max-width: 480px)
{
	.slide_customers
	{
		.owl-item
		{
			.customer
			{
				.customer-inner
				{
					a
					{
						img
						{
							min-height: 150px;
							max-height: 150px;
						}
					}
				}
			}
		}
	}
}
/* sec_phaply */
.sec_phaply
{
	p
	{
		margin-bottom: 5px;
	}
	.row_phaply
	{
		.col_info
		{
			> .col-inner
			{
				position: relative;
				top: 50%;
				transform: translateY(-50%);				
			}
		}
	}
	.section-content
	{
		padding-bottom: 12%;
	}
	.img_background
	{
		position: absolute;
		bottom: 0;
	}
}
/* row_giaiphap */
.row_giaiphap
{
	.col_info
	{
		h3
		{
			.col_pri;
			font-size: 20px;
			font-weight: 700;
			margin-bottom: 3px;
		}
		h4
		{
			color: #333;
			font-size: 20px;
			font-weight: 700;
			margin-bottom: 5px;
		}
		p
		{
			line-height: 1.6;
			margin-bottom: 10px;
		}
	}
}
/* sec_duantb */
body
{
	&.home
	{
		.sec_duantb
		{
			padding-bottom: 0 !important;
		}
	}
}
/* sec_visao */
body
{
	&.home
	{
		.sec_visao
		{
			padding-bottom: 0 !important;
		}
	}
}
/* grid_archive */
.grid_archive
{
	.col.post-item
	{
		padding: 0 10px 20px !important;
		.box
		{
			.box-image
			{
				> .absolute
				{
					display: none;
				}
				&:before
				{
				    position: absolute;
				    content: "";
				    width: 0;
				    height: 0;
				    left: 10px;
				    top: 10px;
				    z-index: 33;
				    background: transparent;
				    border-top: 0 solid #fff;
				    border-left: 0 solid #fff;
			        -webkit-transition-property: all;
				    transition-property: all;
				    -webkit-transition-duration: .5s;
				    transition-duration: .5s;
				}
				&:after
				{
			        position: absolute;
				    content: "";
				    width: 0;
				    height: 0;
				    right: 10px;
				    bottom: 10px;
				    z-index: 33;
				    background: transparent;
				    border-bottom: 0 solid #fff;
				    border-right: 0 solid #fff;
			        -webkit-transition-property: all;
				    transition-property: all;
				    -webkit-transition-duration: .5s;
				    transition-duration: .5s;
				}
				img
				{
					-webkit-transition-property: all;
				    transition-property: all;
				    -webkit-transition-duration: .5s;
				    transition-duration: .5s;
				}
				&:hover
				{
					&:before
					{
					    width: calc(100% - 20px);
					    height: calc(100% - 20px);
					    border-top-width: 1px;
					    border-left-width: 1px;
					}
					&:after
					{
						width: calc(100% - 20px);
					    height: calc(100% - 20px);
					    border-bottom-width: 1px;
					    border-right-width: 1px;
					}
					img
					{
					    -webkit-transform: scale(1.05);
    					transform: scale(1.05);
					}
				}
			}
			.box-text
			{
				padding: 0;
				padding-top: 20px;
				.post-title
				{
				    text-transform: uppercase;
				    font-size: 16px;
				    color: #000;
				    margin: 0;
				    margin-bottom: 5px;
				    -webkit-box-orient: vertical;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    white-space: normal;
				    -webkit-line-clamp: 2;
				    display: -webkit-box;
				    max-height: 44px;
				    font-weight: 600;
				    line-height: 1.4;
				    &:hover
				    {
				    	.col_pri;
				    }
				}
				.post-meta
				{
					font-size: 13px;
					color: #696969;
					margin-bottom: 5px;
					line-height: 18px;
					font-weight: 400;
				}
				.is-divider
				{
					display: none;
				}
				.from_the_blog_excerpt
				{
				    margin: 0;
				    font-size: 14px;
				    line-height: 1.5;
				    color: #000;
				    -webkit-box-orient: vertical;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    white-space: normal;
				    -webkit-line-clamp: 3;
				    display: -webkit-box;
				    max-height: 63px;
				}
				button
				{
					margin: 0;
					margin-top: 10px;
					border: none;
					text-transform: unset;
					.col_pri;
					font-size: 13px;
					font-weight: 600;
					padding: 0;
					letter-spacing: 0;
					min-height: unset;
					height: unset;
					line-height: 1.3;
					&:hover
					{
						background-color: transparent;
						text-decoration: underline;
					}
				}
			}
		}
	}	
}
/* single-post */
.single-post
{
	.page-wrapper
	{
		padding-bottom: 30px;
		padding-top: 75px;
	}
	article
	{
		margin-bottom: 0;
		.entry-header
		{
			.entry-header-text
			{
				padding: 0;
				.entry-category
				{
					a
					{
						.col_pri;
					}
				}
				.entry-title
				{
					font-size: 26px;
					text-transform: uppercase;
				}
				.entry-divider
				{
					display: none;
				}
			}
		}
		.entry-content
		{
			padding: 0;
			font-size: 15px;
		}
		.related_p
		{
			margin-top: 20px;
		}
	}
}
/* archive */
.archive
{
	.space
	{
		height: 30px;
	}
}
/* nav-pagination links */
body
{
	.nav-pagination.links
	{
		margin-top: 15px;
		li
		{
			margin: 0 3px;
			a, span
			{
				border: none;
				border-radius: 0;
				font-size: 14px;
				letter-spacing: 0;
				min-height: 32px;
				height: 32px;
				line-height: 32px;
			}
			a
			{
				background-color: #f2f2f2;
				&:hover
				{
					.bac_pri;
				}
			}
		}
	}
}
/* footer */
#footer
{
	.bac_ft;
	.footer-2
	{
		border: none;
		background-image: url(../images/bg_footer.png);
		background-size: contain;
		background-position: top center;
		background-repeat: no-repeat;
		.widget
		{
			margin-bottom: 25px;
		}
		.logo_description
		{
			width: calc(100% + 20px);
		    -js-display: flex;
		    display: -ms-flexbox;
		    display: flex;
		    -ms-flex-flow: row wrap;
		    flex-flow: row wrap;
		    margin-left: -10px;
		    margin-right: -10px;
		    align-items: center;
		    .logo_ft
		    {
		    	max-width: 50%;
			    -ms-flex-preferred-size: 50%;
			    flex-basis: 50%;
			    padding: 0 10px;
			    a
			    {
			    	display: block;
			    	img
			    	{
			    		max-width: 50%;
			    	}
			    }
		    }
		    .company_info
		    {
		    	max-width: 50%;
			    -ms-flex-preferred-size: 50%;
			    flex-basis: 50%;
			    padding: 0 10px;
			    .company_name
			    {
			    	text-transform: uppercase;
			    	font-size: 18px;
			    	font-weight: 600;
			    	line-height: 1.3;
			    	margin-bottom: 7px;
			    }
			    .description
			    {
			    	font-size: 13px;
			    }
		    }
		}
		.footer_contact
		{
			width: calc(100% + 20px);
		    -js-display: flex;
		    display: -ms-flexbox;
		    display: flex;
		    -ms-flex-flow: row wrap;
		    flex-flow: row wrap;
		    margin-left: -10px;
		    margin-right: -10px;
		    .box_ft
		    {
		    	max-width: 25%;
			    -ms-flex-preferred-size: 25%;
			    flex-basis: 25%;
			    padding: 0 10px 15px;
			    .box_inner
			    {
			    	width: 100%;
				    -js-display: flex;
				    display: -ms-flexbox;
				    display: flex;
				    -ms-flex-flow: row wrap;
				    flex-flow: row wrap;
				    .icon_ct
				    {
				    	max-width: 60px;
					    -ms-flex-preferred-size: 60px;
					    flex-basis: 60px;
				    }
				    .text_ct
				    {
				    	max-width: calc(100% - 60px);
					    -ms-flex-preferred-size: calc(100% - 60px);
					    flex-basis: calc(100% - 60px);
					    padding-left: 12px;
					    font-size: 14px;
					    font-weight: 400;
					    .title
					    {
					    	font-weight: 600;
					    }
					    p
					    {
					    	margin-bottom: 0;
					    	a
					    	{
					    		&:hover
					    		{
					    			text-decoration: underline;
					    		}
					    	}
					    }
				    }
			    }
		    }
		}
		.quick_link
		{
			width: 100%;
		    -js-display: flex;
		    display: -ms-flexbox;
		    display: flex;
		    -ms-flex-flow: row wrap;
		    flex-flow: row wrap;
		    margin-left: -10px;
		    margin-right: -10px;
		    .title
		    {
		    	max-width: 20%;
			    -ms-flex-preferred-size: 20%;
			    flex-basis: 20%;
			    padding: 0 10px 15px;
			    font-size: 16px;
			    text-transform: uppercase;
			    font-weight: 500;
		    }
		    .box_menu
		    {
		    	max-width: 80%;
			    -ms-flex-preferred-size: 80%;
			    flex-basis: 80%;
			    padding: 0 10px 15px;
			    .footer_nav
			    {
			    	width: 100%;
				    -js-display: flex;
				    display: -ms-flexbox;
				    display: flex;
				    -ms-flex-flow: row wrap;
				    flex-flow: row wrap;
			    	li
			    	{
			    		max-width: calc(100% / 4);
					    -ms-flex-preferred-size: calc(100% / 4);
					    flex-basis: calc(100% / 4);
					    margin-bottom: 5px;
					    padding: 0 5px;
					    a
					    {
					    	font-size: 14px;
					    	&:before
					    	{
					    		content: '';
							    width: 5px;
							    height: 5px;
							    background-color: #fff;
							    border-radius: 50%;
							    display: inline-block;
							    position: relative;
							    top: -2px;
							    margin-right: 6px;
					    	}
					    	&:hover
					    	{
					    		text-decoration: underline;
					    	}
					    }
			    	}
			    }
		    }
		}
	}
	.absolute-footer
	{
		background-color: transparent;
		padding: 0;
		font-size: 14px;
		color: #fff;
		font-weight: 400;
		> .container
		{
			padding: 12px 0;
			border-top: 1px solid rgba(255, 255, 255, 0.3);
		}
		.footer-secondary
		{
			padding: 0;
		}
		.copyright-footer
		{
			padding-top: 5px;
		}
		.footer_share
		{
			br
			{
				display: none;
			}
			a
			{
				display: inline-block;
				height: 30px;
				width: 30px;
				border: 1px solid #fff;
				color: #fff;
				line-height: 28px;
				border-radius: 50%;
				text-align: center;
				margin: 0 1px;
				&:last-child
				{
					margin-right: 0;
				}
			}
		}
	}
}
@media (max-width: 480px)
{
	#footer
	{
		.footer-2
		{
			background-repeat: repeat;
			.logo_description
			{
				.logo_ft
				{
				    max-width: 100%;
				    -ms-flex-preferred-size: 100%;
				    flex-basis: 100%;
				    padding-bottom: 15px;
				}
				.company_info
				{
					max-width: 100%;
				    -ms-flex-preferred-size: 100%;
				    flex-basis: 100%;
				}
			}
			.footer_contact
			{
				.box_ft
				{
				    max-width: 100%;
				    -ms-flex-preferred-size: 100%;
				    flex-basis: 100%;
				    &:nth-last-child(2)
				    {
				    	padding-bottom: 0;
				    }
				}
			}
			.quick_link
			{
				.title
				{
					padding-bottom: 0;
					max-width: 100%;
				    -ms-flex-preferred-size: 100%;
				    flex-basis: 100%;
				}
				.box_menu
				{
					padding-bottom: 0;
					max-width: 100%;
				    -ms-flex-preferred-size: 100%;
				    flex-basis: 100%;
					.footer_nav
					{
						li
						{
						    max-width: calc(100% / 2);
						    -ms-flex-preferred-size: calc(100% / 2);
						    flex-basis: calc(100% / 2);
						}
					}
				}
			}
		}
	}
}
@media (min-width: 768px) and (max-width: 1023px)
{
	#footer
	{
		.footer-2
		{
			.footer_contact
			{
				.box_ft
				{
				    max-width: 50%;
				    -ms-flex-preferred-size: 50%;
				    flex-basis: 50%;
				}
			}
			.quick_link
			{
				.title
				{
					padding-bottom: 0;
				}
				.box_menu
				{
					padding-bottom: 0;
					.footer_nav
					{
						li
						{
						    max-width: calc(100% / 3);
						    -ms-flex-preferred-size: calc(100% / 3);
						    flex-basis: calc(100% / 3);
						}
					}
				}
			}
		}
	}
}
@media (min-width: 1024px)
{
	#footer
	{
		.footer-2
		{
			.footer_contact
			{
				.box_ft
				{
					padding-bottom: 0;
				}
			}
			.quick_link
			{
				> div
				{
					padding-bottom: 0 !important;
				}
			}
		}
	}
}
/* back to top */
#top 
{
    color: #fff;
    font-weight: 500;
    text-align: center;
    position: fixed;
    bottom: 70px;
    right: 10px;
    display: none;
    cursor: pointer;
    z-index: 100;
    display: none;
}