@import url('variable.less');
/* common */
html
{
	background-color: #fff !important;
}
body
{
	overflow: hidden !important;
	.Arial !important;
	font-size: 16px !important;	
	-webkit-touch-callout: none;
	-webkit-user-select: none; 
	-moz-user-select: none;    
	-ms-user-select: none;     
	-o-user-select: none;
	user-select: none;
	h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a
	{
		.Arial;
	}
	.nav > li > a
	{
		.Arial;
	}
	p
	{
		margin-bottom: 10px;
	}
	b, strong
	{
		font-weight: 700;
	}
	.dark, .dark p, .dark td
	{
		color: #fff;
	}
}
@media (min-width: 768px)
{
	.pb_medium
	{
		> .col
		{
			padding-bottom: 0 !important;
		}
	}
}
@media (min-width: 1024px)
{
	.pb_large
	{
		> .col
		{
			padding-bottom: 0 !important;
		}
	}
}
/* header */
body
{
	&.header_logo_center
	{
		#header
		{
			#masthead
			{
				.header-nav-main
				{
					> li
					{
						margin: 0 17px;
						> a
						{
							font-size: 16px;
							.col_sec;
							letter-spacing: 0;
							line-height: 1.4;
							> .icon-angle-down
							{
								display: none;
							}							
						}						
						> ul
						{
							border: none;
							padding: 0;
							display: none;
							max-height: unset;
							left: 0;
						    -webkit-transform-origin: top;
						    transform-origin: top;
						    -webkit-animation-fill-mode: forwards;
						    animation-fill-mode: forwards;
						    -webkit-transform: scale(1, 0);
						    transform: scale(1, 0);
						    opacity: 0;
						    display: block;
						    min-width: 270px;
							> li
							{
								border: none;
							    position: relative;
							    padding: 0;
							    display: block;
							    width: 100%;
							    white-space: normal;
							    > a
							    {
							    	font-size: 15px;
							    	color: #000;
							    	border: none;
							    	text-transform: unset;
							    	font-weight: 400;
							    	margin: 0;
							    	padding: 7px 10px;
								    line-height: 1.5;
							    }
							    &:hover
							    {
							    	> a
							    	{
							    		.bac_pri;
							    		color: #fff;
							    	}
							    }
							}
						}
						&:hover
						{
							> ul
							{
							    display: block;
							    opacity: 1;
							    -webkit-transform: scale(1, 1);
							    transform: scale(1, 1);
							    transition: transform 0.3s ease, opacity 0.2s ease 0.1s;
							    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease 0.1s;
							}
						}
						&.menu-item
						{
							> a
							{
								&:after
								{
									content: '';
									display: block;
									height: 2px;
									width: 100%;
									background-color: transparent;
									margin-top: 1px;
								}
							}
							&:hover, &.current-menu-item
							{
								> a
								{
									&:after
									{
										.bac_title;
									}
								}
							}
						}
					}
					&.nav-left
					{
						// -ms-flex-pack: end;
    		// 			justify-content: flex-end;    					
					}
					&.nav-right
					{
						// -ms-flex-pack: start;
    		// 			justify-content: flex-start;
						> li
						{
							&.custom, &.header_tc, &.header-search-form, &.cart-item
							{
								display: none;
							}
							&.languages
							{
								margin: 0 7px;
								+ .languages
								{
									margin-right: 0;
								}
							}
							&:nth-child(4)
							{
								margin-left: 0;
							}    												
						}						
					}
				}	
			}
			#wide-nav
			{
				display: none;
			}
		}
	}
	&:not(.header_logo_center)
	{
		#header
		{
			#masthead
			{
				> .header-inner
				{
					> .flex-col
					{
						&.hide-for-medium.flex-right
						{
							flex: 1 0 auto;
							-ms-flex: 1 0 auto;
						    width: calc(100% - 130px - 50px);
						    -ms-flex-order: unset;
						    order: unset;
						}
					}
				}
				#logo
				{
					-ms-flex-order: unset;
    				order: unset;
    				margin-left: 0;
    				margin-right: 50px;
				}
				.header-nav-main
				{
					&.nav-left
					{
						display: none;
					}
					&.nav-right
					{
						> li
						{
							&.custom
							{
								display: none;
							}
							&.menu-item
							{
								display: none;
							}
							&.cart-item
							{
								display: none;
							}
							&.languages
							{
								display: none;
							}
							&.header_tc
							{
								display: block;
								width: 100%;
								margin: 0;
								margin-bottom: 7px;
								.tc_wrap
								{
								    width: 100%;
								    -js-display: flex;
								    display: -ms-flexbox;
								    display: flex;
								    -ms-flex-flow: row wrap;
								    flex-flow: row wrap;
								    .item_tc
								    {
								    	max-width: calc( 100% / 4 );
									    -ms-flex-preferred-size: calc( 100% / 4 );
									    flex-basis: calc( 100% / 4 );
									    padding: 0 5px;
									    .item_wrap
									    {
									    	width: 100%;
										    -js-display: flex;
										    display: -ms-flexbox;
										    display: flex;
										    -ms-flex-flow: row wrap;
										    flex-flow: row wrap;
										    align-items: center;
										    .i_icon
										    {
										    	font-size: 30px;
										    	.col_pri;										    	
										    }
										    .i_text
										    {
										    	padding-left: 10px;
										    	flex: 1;
										    	font-size: 15px;
										    	line-height: 1.3;
										    }
									    }
								    }
								}
							}
							&.header-search-form
							{
								margin: 0;
								width: 100%;
								input[type="search"]
								{
									min-height: 38px;
									height: 38px;
									line-height: 38px;
									border: 1px solid @col_pri;
									box-shadow: none;
									border-right: none;
									padding-left: 15px;
									font-size: 14px;
								}
								button[type="submit"]
								{
									margin: 0;
									min-height: 38px;
									height: 38px;
									line-height: 38px;
									box-shadow: none;
									font-size: 13px;
									padding: 0 15px;
									border: none;
									border-top-right-radius: 4px;
									border-bottom-right-radius: 4px;
									font-weight: 100;
									.bac_thid;
									transition: all .3s;
									&:hover
									{
										.bac_pri;
									}
								}
							}
						}
					}
				}
			}
			#wide-nav
			{
				.header-bottom-nav
				{
					&.nav-center
					{
						> li
						{
							margin: 0;
							padding: 0 20px;
							> a
							{
								padding: 0;
								line-height: 45px;
								font-size: 15px;
								letter-spacing: 0;
								> .icon-angle-down
								{
									display: none;
								}
							}
							&.cart-item
							{
								padding: 0 10px;
								> a
								{
									> i
									{
										font-size: 14px;
										position: relative;
										top: -2px;
										margin-left: 7px;
										&:after
										{
											.bac_thid;
										}
									}
								}
							}							
							> ul
							{
								border: none;
								padding: 0;
								display: none;
								max-height: unset;
								left: 0;
							    -webkit-transform-origin: top;
							    transform-origin: top;
							    -webkit-animation-fill-mode: forwards;
							    animation-fill-mode: forwards;
							    -webkit-transform: scale(1, 0);
							    transform: scale(1, 0);
							    opacity: 0;
							    display: block;
							    min-width: 270px;
								> li
								{
									border: none;
								    position: relative;
								    padding: 0;
								    display: block;
								    width: 100%;
								    white-space: normal;
								    > a
								    {
								    	font-size: 15px;
								    	color: #000;
								    	border: none;
								    	text-transform: unset;
								    	font-weight: 400;
								    	margin: 0;
								    	padding: 7px 10px;
									    line-height: 1.5;
								    }
								    &:hover
								    {
								    	> a
								    	{
								    		.bac_pri;
								    		color: #fff;
								    	}
								    }
								}
							}
							&.current-menu-item, &.current-menu-parent
							{
								.bac_sec;
							}
							&:hover
							{
								.bac_sec;
								> ul
								{
								    display: block;
								    opacity: 1;
								    -webkit-transform: scale(1, 1);
								    transform: scale(1, 1);
								    transition: transform 0.3s ease, opacity 0.2s ease 0.1s;
								    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease 0.1s;
								}
							}
							&.languages
							{
								padding: 0 7px;
								a
								{
									vertical-align: middle;
									img
									{
										position: relative;
										top: -1px;
									}
								}
								&:hover
								{
									background-color: transparent;
								}
							}
						}
					}
				}
			}
		}
	}
}
.nav-dropdown-has-arrow li.has-dropdown:before
{
	display: none;
}
@media (max-width: 1023px)
{
	#header
	{
		#masthead
		{
			> .flex-row
			{
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				.flex-col.show-for-medium.flex-right
				{
					flex: 1 0 auto;
					-ms-flex: 1 0 auto;
				}
			}
		}
	}
}
@media (min-width: 1024px) and (max-width: 1279px)
{
	body
	{
		&.header_logo_center
		{
			#header
			{
				#masthead
				{
					.header-nav-main
					{
						> li
						{
							margin: 0 10px;
							> a
							{
								font-size: 15px;
							}
						}
					}
				}
			}
		}
		&:not(.header_logo_center)
		{
			#header
			{
				#wide-nav
				{
					.header-bottom-nav
					{
						&.nav-center
						{
							> li
							{
								padding: 0 15px;
								> a
								{
									font-size: 14px;
								}
							}
						}
					}
				}
			}
		}
	}
}
.off-canvas-left
{
	.mfp-content
	{		
		#main-menu
		{			
			.sidebar-menu
			{
				
			}
			.nav-sidebar
			{
				> li
				{
					border: none;
					background-color: transparent;
					> a
					{
						color: #000;
					    font-size: 14px;
					    letter-spacing: 0;
					    padding: 7px 0px;
					    padding-left: 10px;
					    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: 5px;
							a
							{
							    color: #000;
							    font-size: 13px;
							    letter-spacing: 0;
							    padding: 5px 15px;
							    font-weight: 500;
							    text-transform: uppercase;				    
							}
							&.menu-item
							{
								a
								{
									&:before
								    {
								    	font-family: 'Font Awesome 5 Free';
								    	content: "\f0da";
								    	font-size: 13px;
								    	margin-right: 5px;
								    	font-weight: 700;
								    	.col_pri;
								    }
								}
							}
						}
					}
					.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.custom
				{
					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;
		}	    
	}
}
@media (max-width: 1023px)
{
	#header
	{
		#masthead
		{
			height: 70px !important;
			> .header-inner
			{
				padding: 0 9.8px;
			}
			#logo
			{
				-ms-flex-order: unset;
    			order: unset;
    			margin: 0;
				img
				{
					padding: 3px;
					max-height: 70px !important;
					margin: unset;
				}
			}
		}
	}
}
/* section-title-container */
body
{
	.section-title-container
	{
		.section-title-center
		{
			margin: 0;			
			b
			{
				.bac_line;
				opacity: 1 !important;
			}
			span
			{
				font-size: 20px;
				.col_title;
				line-height: 1.3;
				position: relative;
				margin: 0;
				padding: 0 15px;
				&:before
				{
					height: 15px;
				    width: 2px;
				    .bac_line;
				    content: '';
				    display: block;
				    position: absolute;
				    top: 50%;
				    left: 0;
				    transform: translateY(-50%);
				}
				&:after
				{
					height: 15px;
				    width: 2px;
				    .bac_line;
				    content: '';
				    display: block;
				    position: absolute;
				    top: 50%;
				    right: 0;
				    transform: translateY(-50%);
				}
			}
		}
		.section-title-normal
		{
			margin: 0;
			border: none;
			span
			{
				border-bottom: 1px solid @col_title;
				margin: 0;
				padding: 0;
				font-size: 18px;
				line-height: 1.3;
				.col_title;
			}
		}
		&.title_mb15
		{
			margin-bottom: 15px;
		}
		&.title_page
		{
			margin-bottom: 10px;
			.section-title-normal
			{
				span
				{
					border: none;
					// color: #333;					
				}
			}
		}
		&.title_bg
		{
			.section-title-center
			{
				background-color: #f3f3f3;
				padding: 15px 0;
			}
		}
	}	
	.dark
	{
		.section-title-container
		{
			.section-title-center
			{
				background-color: transparent;
				padding: 0;
				b
				{
					background-color: transparent;
				}
				span
				{
					color: #fff;
					&:before, &:after
					{
						display: none;
					}
				}
			}
		}
	}
}
/* slogan_web */
.slogan_web
{
	background-color: #f3f3f3;
	.col_title;
	text-transform: uppercase;
	text-decoration: underline;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.3;
	margin-bottom: 0;
	padding: 30px 0;
}
/* reasons_choose */
.reasons_choose
{
	width: calc( 100% + 30px );
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
	.reason_wrap
	{
		max-width: 50%;
	    -ms-flex-preferred-size: 50%;
	    flex-basis: 50%;
	    padding: 0 15px;
	    .reason
	    {
	    	width: 100%;
		    -js-display: flex;
		    display: -ms-flexbox;
		    display: flex;
		    -ms-flex-flow: row wrap;
		    flex-flow: row wrap;
		    align-items: center;
	        border-bottom: 1px solid #ddd;
    		padding: 12px 0;
    		cursor: pointer;
		    + .reason
		    {
		    	// margin-top: 10px;
		    }
		    &:first-child
		    {
		    	padding-top: 0;
		    }
		    .text
		    {
		    	flex: 1;
		    	font-size: 14px;
		    	color: #7a787b;
		    	font-weight: 700;
		    	line-height: 1.4;
		    	padding-left: 15px;
		    	text-transform: uppercase;
		    }
		    .number
		    {
			    // .bac_2_gradient_to_left;
		        color: #ccc;
			    border-radius: 50%;
			    text-align: center;
			    font-size: 25px;
			    line-height: 1;
		    }
		    .icon
		    {
		    	font-size: 18px;
		    	.col_pri;
		    	padding-left: 3px;
		    	visibility: hidden;
		    }
		    &:hover
		    {
		    	.text
		    	{
		    		.col_pri;
		    	}
		    	.icon
		    	{
		    		visibility: visible;
		    	}
		    }
	    }
	}
}
@media (max-width: 480px)
{
	.reasons_choose
	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		.reason_wrap
		{
		    max-width: 100%;
		    -ms-flex-preferred-size: 100%;
		    flex-basis: 100%;
		    padding: 0;
		    &.reason_left
		    {
		    	.reason
		    	{
		    		.text
		    		{
		    			text-align: left;
		    			padding-right: 0;
		    			padding-left: 20px;
		    		}
		    		.number
		    		{
		    			-ms-flex-order: -1;
    					order: -1;
		    		}
		    	}
		    }
		    &.reason_right
		    {
		    	padding-top: 15px;
		    }
		}
	}
}
/* sec_banner_header */
.section.sec_banner_header
{
	min-height: 300px;
	background-color: #fff !important;
	.bg-fill
	{
		background-size: contain !important;
	}
	.section-bg-overlay
	{
		background-color: rgba(0,0,0,.25);
	}
	.content_banner
	{
		font-size: 1em;
		text-align: center;
		p
		{
			&:last-child
			{
				margin-bottom: 0;
			}
		}
	}
}
// @media (max-width: 480px)
// {
// 	.section.sec_banner_header
// 	{
// 		min-height: 150px;
// 	}
// }
// @media (min-width: 768px) and (max-width: 1023px)
// {
// 	.section.sec_banner_header
// 	{
// 		min-height: 200px;
// 	}
// }
// @media (min-width: 1024px) and (max-width: 1279px)
// {
// 	.section.sec_banner_header
// 	{
// 		min-height: 284px;
// 	}
// }
// @media (min-width: 1280px) and (max-width: 1365px)
// {
// 	.section.sec_banner_header
// 	{
// 		min-height: 350px;
// 	}
// }
// @media (min-width: 1366px) and (max-width: 1439px)
// {
// 	.section.sec_banner_header
// 	{
// 		min-height: 375px;
// 	}
// }
// @media (min-width: 1440px) and (max-width: 1679px)
// {
// 	.section.sec_banner_header
// 	{
// 		min-height: 395px;
// 	}
// }
// @media (min-width: 1680px)
// {
// 	.section.sec_banner_header
// 	{
// 		min-height: 461px;
// 	}
// }
/* grid_archive_news */
.grid_archive_news
{
	.col.post-item
	{
		.box
		{
			.box-image
			{
				.absolute
				{
					display: none;
				}
				.hover_image;
			}
			.box-text
			{
				padding: 0;
				padding-top: 15px;
				.post-title
				{
					text-transform: uppercase;
					font-size: 16px;
					margin: 0;
					margin-bottom: 7px;
					line-height: 1.4;
					-webkit-box-orient: vertical;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    white-space: normal;
				    -webkit-line-clamp: 2;
				    display: -webkit-box;
				    max-height: 44px;
				    &:hover
				    {
				    	.col_pri;
				    }
				}
				.is-divider
				{
					display: none;
				}
				.from_the_blog_excerpt
				{
				    line-height: 1.5;
				    margin: 0;
				    -webkit-box-orient: vertical;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    white-space: normal;
				    -webkit-line-clamp: 3;
				    display: -webkit-box;
				    max-height: 63px;
				    color: #666;
				}
			}
		}
	}
}
/* nav-pagination links */
.nav-pagination.links
{
	li
	{
		margin: 0 2px;
		a, span
		{
			border: none;
			min-height: 32px;
			height: 32px;
			line-height: 32px;
			min-width: 32px;
			border-radius: 0;
			font-size: 15px;
			font-weight: 500;
		}
		a
		{
			background-color: #f2f2f2;
		}
	}
}
/* list_new_sidebar */
.list_new_sidebar
{
	.new
	{
		padding-bottom: 10px;
		// border-bottom: 1px solid #ececec;
		// margin-bottom: 10px;
		&:nth-last-child(2)
		{
			border-bottom: none;
			margin-bottom: 0;
			padding-bottom: 0;
		}
		> p
		{
			display: none;
		}
		.box
		{
			.box-image
			{
				width: 35%;
				.image-cover
				{
					padding-top: 65%;
				}
			}
			.box-text
			{
				padding: 0;
				padding-left: 15px;
				.post-title
				{
					font-size: 14px;
					color: #333;
				    margin: 0;
				    -webkit-box-orient: vertical;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    white-space: normal;
				    -webkit-line-clamp: 2;
				    display: -webkit-box;
				    max-height: 36px;
				    transition: all .3s;
				    line-height: 1.3;
					&:hover
					{
						.col_pri;
					}
				}
			}
		}
	}
}
@media (max-width: 480px)
{
	.list_new_sidebar
	{
		.new
		{
			.box-vertical
			{
				display: table;
    			width: 100%;
    			.box-image
    			{
    				direction: ltr;
				    display: table-cell;
				    vertical-align: top;
				    width: 35% !important;
				    .image-cover
				    {
				    	padding-top: 65%;
				    }
    			}
    			.box-text
    			{
				    direction: ltr;
    				display: table-cell;
    				vertical-align: middle;
    			}
			}
		}
	}
}
@media (min-width: 768px) and (max-width: 1023px)
{
	.list_new_sidebar
	{
		.new
		{
			.box-vertical
			{				
    			.box-image
    			{
				    width: 30%;
				    .image-cover
				    {
				    	padding-top: 56.25%;
				    }
    			}
    			.box-text
    			{
				    padding-left: 20px;
    			}
			}
		}
	}
}
/* secondary */
#secondary
{
	aside
	{
		margin: 0;
		+ aside
		{
			margin-top: 20px;
		}
		.widget-title
		{
			display: block;
		    margin-bottom: 20px;
		    letter-spacing: 0;
		    span
		    {
		    	display: block;
			    font-size: 18px;
			    border-bottom: 1px solid #ccc;
			    text-transform: uppercase;
			    padding-bottom: 10px;
			    position: relative;
			    line-height: 1.3;
			    font-weight: 500;
			    &:after
			    {
			    	content: '';
				    border-bottom: 4px solid @col_sec;
				    position: absolute;
				    width: 65px;
				    bottom: -2px;
				    left: 0;
			    }
		    }
		}
		.is-divider
		{
			display: none;
		}
	}
}
/* menu_aboutus */
.menu_aboutus
{
	margin: 0;
	margin-bottom: 20px;
	list-style: none;
	text-align: right;
    border-bottom: #ccc solid 1px;
	li
	{
		display: inline-block;
		margin: 0 !important;
		border-left: 1px solid #ddd;
		padding: 10px 15px;
		a
		{
			text-transform: uppercase;
			color: #333;
			transition: all .3s;			
		}
		&:first-child
		{
			border-left: none;
		}
		&:last-child
		{
			padding-right: 0;
		}			
		&.current-menu-item, &:hover
		{
			a
			{
				.col_thid;
			}
		}
	}
}
@media (max-width: 1023px)
{
	.menu_aboutus
	{
		text-align: center;
	}
}
/* title_aboutus */
.title_aboutus
{
	width: 100%;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 20px;
    .box_title
    {
    	flex: 1;
    	.title_page
    	{
    		margin: 0;
    		.col_pri;
    		font-size: 1.65em;
    		line-height: 1.3;
    		position: relative;
    		text-transform: uppercase;
			&:after
			{
			    content: "";			    
			    width: 5%;
			    border-top: solid 3px @col_sec;
			    display: block;
			    margin-top: 3px;
			}
    	}
    }
    .box_brochure
    {
    	a
    	{
    		display: block;
    		.text
    		{
    			display: inline-block;
    			text-transform: uppercase;
    			color: #333;
    			font-weight: 600;
    			font-size: 18px;
    			line-height: 1;
    			margin-right: 10px;    			
    		}
    		.btn
    		{
    			display: inline-block;
    			.bac_pri;
    			color: #fff;
    			text-transform: uppercase;
    			padding: 5px 30px;
    			transition: all .3s;
    			&:hover
    			{
    				.bac_sec;
    			}
    		}
    	}
    }
}
@media (max-width: 1023px)
{
	.title_aboutus
	{
		.box_title
		{
			max-width: 100%;
		    -ms-flex-preferred-size: 100%;
		    flex-basis: 100%;
		}
		.box_brochure
		{
			max-width: 100%;
		    -ms-flex-preferred-size: 100%;
		    flex-basis: 100%;
		    text-align: right;
		    margin-top: 15px;
		}
	}
}
/* .shop-page-title.category-page-title.page-title */
.shop-page-title.category-page-title.page-title
{
	display: none;
}
@media (max-width: 1023px)
{
	.shop-page-title.category-page-title.page-title
	{
		display: block;
		.page-title-inner
		{
			padding-top: 10px;
			min-height: unset;
			> .flex-col
			{
				padding: 0;
			}
			.woocommerce-breadcrumb
			{
				display: none;
			}
			.category-filtering
			{
				padding: 0;
			}
			.woocommerce-result-count, .woocommerce-ordering
			{
				display: none;
			}
		}
	}
}
/* shop-sidebar, product_sidebar */
#shop-sidebar, .product_sidebar
{
	aside
	{
		margin: 0;
		+ aside
		{
			margin-top: 20px;
		}
		.widget-title
		{
			display: block;
		    margin-bottom: 15px;
		    letter-spacing: 0;
		    display: block;
		    font-size: 18px;
		    border-bottom: 1px solid #ccc;
		    text-transform: uppercase;
		    padding-bottom: 10px;
		    position: relative;
		    line-height: 1.3;
		    font-weight: 600;
		    .col_title;
		    &:after
		    {
		    	content: '';
			    border-bottom: 6px solid #fdb813;
			    position: absolute;
			    width: 65px;
			    bottom: -3px;
			    left: 0;
		    }
		}
		.is-divider
		{
			display: none;
		}
		ul.menu
		{
			> li
			{
			    border-bottom: 1px solid #ececec;
			    border-top: none;
				> a
				{
					text-transform: uppercase;
					font-size: 14px;
					&:hover
					{
						// .col_pri;
						color: #000;
						font-weight: 700;
					}
				}
				&.current-menu-item
				{
					> a
					{
						color: #000;
						font-weight: 700;
					}
				}
			}
		}
	}
}
/* list_product_archive */
.list_product_archive
{
	.product-small.col
	{
		.badge-container
		{
			display: none;
		}
		.box
		{
			.box-image
			{
				width: 40% !important;
				min-width: unset !important;
				.image-cover
				{
					padding-top: 75%;
				}
				// .hover_image;
			}
			.box-text
			{
				padding: 0;
				padding-left: 15px;
				text-align: left;
				vertical-align: top;
				.title-wrapper
				{
					.product-title
					{
						margin: 0;
						a
						{
						    margin: 0;
						    font-size: 17px;
						    margin-bottom: 7px;
						    .col_pri;
						    -webkit-box-orient: vertical;
						    overflow: hidden;
						    text-overflow: ellipsis;
						    white-space: normal;
						    -webkit-line-clamp: 2;
						    display: -webkit-box;
						    line-height: 1.3;
						    &:hover
						    {
						    	text-decoration: underline;
						    }
						}
					}
				}
				.description_product
				{
				    font-size: 14px;
				    color: #666;
				    -webkit-box-orient: vertical;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    white-space: normal;
				    -webkit-line-clamp: 2;
				    display: -webkit-box;
				    line-height: 1.4;
				}
				.price-wrapper
				{
					display: none;
				}
			}
		}
	}
	.product-category.col
	{
		.box
		{
			.box-image
			{
				width: 40% !important;
				min-width: unset !important;
				.image-cover
				{
					padding-top: 75%;
				}
				// .hover_image;
			}
			.box-text
			{
				padding: 0;
				padding-left: 15px;
				text-align: left;
				vertical-align: top;
				.header-title
				{
					margin: 0;
					text-transform: unset;
					letter-spacing: 0;
					font-weight: 500;
					a
					{
					    margin: 0;
					    font-size: 17px;
					    margin-bottom: 7px;
					    .col_pri;
					    -webkit-box-orient: vertical;
					    overflow: hidden;
					    text-overflow: ellipsis;
					    white-space: normal;
					    -webkit-line-clamp: 2;
					    display: -webkit-box;
					    line-height: 1.3;
					    text-transform: unset;
					    &:hover
					    {
					    	text-decoration: underline;
					    }
					}
				}
				.productcat_description
				{
				    font-size: 14px;
				    color: #666;
				    -webkit-box-orient: vertical;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    white-space: normal;
				    -webkit-line-clamp: 2;
				    display: -webkit-box;
				    line-height: 1.4;
				}
			}
		}
	}
}
@media (max-width: 480px)
{
	.list_product_archive
	{
		.product-small.col
		{
			.box
			{
			    display: table;
    			width: 100%;
    			.box-image
    			{
				    direction: ltr;
				    display: table-cell;
				    vertical-align: middle;
    			}
    			.box-text
    			{
    				direction: ltr;
				    display: table-cell;
				    vertical-align: middle;
    			}
			}
		}
		.product-category.col
		{
			.box
			{
			    display: table;
    			width: 100%;
    			.box-image
    			{
				    direction: ltr;
				    display: table-cell;
				    vertical-align: middle;
    			}
    			.box-text
    			{
    				direction: ltr;
				    display: table-cell;
				    vertical-align: middle;
    			}
			}
		}
	}
}
/* grid_col_product */
.grid_col_product
{
	.product-small.col
	{
		> .col-inner
		{
			> .badge-container
			{
				display: none;
			}
		}
		.box
		{
			.box-image
			{

			}
			.box-text
			{
				padding: 0 5px;
				padding-top: 12px;
				.title-wrapper
				{
					.product-title
					{
						margin: 0;
						a
						{
							font-size: 16px;
						    font-weight: 600;
						    margin: 0;
						    -webkit-box-orient: vertical;
						    overflow: hidden;
						    text-overflow: ellipsis;
						    white-space: normal;
						    -webkit-line-clamp: 1;
						    display: -webkit-box;
						    margin-bottom: 7px;
						    .col_pri;
						    &:hover
						    {
						    	text-decoration: underline;
						    }
						}
					}
				}
				.price-wrapper
				{
					.price
					{
						font-size: 14px;
						del
						{
							text-decoration: unset;
						}
						span.amount
						{
							font-weight: 500;
						}
					}
				}
			}
		}
	}
	.product-category.col
	{		
		.box
		{
			display: block;
			.box-image
			{
				min-width: unset !important;
				width: unset !important;
				direction: unset;
			    display: block;
			    vertical-align: unset;	
			    padding-top: unset;			
			}
			.box-text
			{
				direction: unset;
			    display: block;
			    vertical-align: unset;
			    padding: 0 5px;
    			padding-top: 12px;
    			text-align: center;
    			.header-title
    			{
    				margin: 0;
    				text-transform: unset;
    				letter-spacing: 0;
    				a
					{
						font-size: 16px;
					    font-weight: 600;
					    margin: 0;
					    -webkit-box-orient: vertical;
					    overflow: hidden;
					    text-overflow: ellipsis;
					    white-space: normal;
					    -webkit-line-clamp: 1;
					    display: -webkit-box;
					    margin-bottom: 7px;
					    .col_pri;
					    text-transform: unset;
					    letter-spacing: 0;
					    &:hover
					    {
					    	text-decoration: underline;
					    }
					}
    			}
			}
		}
	}
}
/* tc_sanpham */
.tc_sanpham
{
	width: 100%;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    border: 1px solid #ebf1fd;
    background-color: #f7f9fc;
    padding: 15px 0;
    margin-top: 25px;
    .item_tc
    {
	    max-width: 25%;
	    -ms-flex-preferred-size: 25%;
	    flex-basis: 25%;
	    padding: 0 15px;
	    border-left: 1px solid #e4e5e6;
	    &:first-child
	    {
	    	border-color: transparent;
	    }
	    .item_wrap
	    {
	    	width: 100%;
		    -js-display: flex;
		    display: -ms-flexbox;
		    display: flex;
		    -ms-flex-flow: row wrap;
		    flex-flow: row wrap;
		    align-items: center;
		    .i_icon
		    {
		    	font-size: 30px;
		    	.col_pri;
		    	color: #4a4a4a;
		    }
		    .i_text
		    {
		    	padding-left: 12px;
			    flex: 1;
			    font-size: 15px;
			    line-height: 1.4;
			    text-transform: uppercase;
			    font-weight: 600;
			    color: #4a4a4a;
		    }
	    }
    }
}
@media (max-width: 480px)
{
	.tc_sanpham
	{
		.item_tc
		{
			max-width: 50%;
		    -ms-flex-preferred-size: 50%;
		    flex-basis: 50%;
		    &:nth-child(odd)
		    {
		    	border-color: transparent;
		    }
		    + .item_tc
		    {
		    	margin-top: 10px;
		    }
		    &:nth-child(2)
		    {
		    	margin-top: 0;
		    }
		    .item_wrap
		    {
		    	.i_icon
		    	{
		    		font-size: 20px;
		    	}
		    	.i_text
		    	{
		    		font-size: 14px;
		    	}
		    }
		}
	}
}
/* slide_products */
.slide_products
{
	.item_slide
	{
		.box
		{
			.box-image
			{
				.image-cover
				{
					padding-top: 75%;
				}
				.overlay
				{
					background: transparent;
				}
			}
			.box-text
			{
				position: absolute;
				margin: 0;
				top: 50%;
				transform: translateY(-50%);
				padding: 0 10px;
				text-align: center;
				opacity: 0;
				transition: all .3s;
				.product-title
				{
				    margin: 0;
				    text-transform: uppercase;
				    font-size: 18px;
				    -webkit-box-orient: vertical;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    white-space: normal;
				    -webkit-line-clamp: 2;
				    display: -webkit-box;
				    max-height: 46px;
				}
			}
			&:hover
			{
				.box-image
				{
					.overlay
					{
						background: linear-gradient(0deg, rgba(27, 98, 130, 0.22), rgba(27, 98, 130, 0.22));						
					}
				}
				.box-text
				{
					opacity: 1;
				}
			}
		}
	}
}
/* showcoupon */
.showcoupon, .showlogin
{
	.col_pri;
	text-decoration: underline;
	font-weight: 500;
	font-size: 15px;
	&:hover
	{
		color: #333;
	}
}
/* checkout_coupon */
.checkout_coupon
{
    margin: 0 15px;
    margin-bottom: 15px;
    input
    {
    	box-shadow: none !important;
    }
    button[type="submit"]
    {
    	border: none;
    	text-transform: unset;
    	letter-spacing: 0;
    	font-weight: 500;
    	padding: 0 25px;
    	min-width: 100px;
    }
}
/* customer_details */
#customer_details
{
	label
	{
		font-weight: 600;
		font-size: 14px;
		margin-bottom: 3px;
	}
	input
	{
	    border: 1px solid #e5e5e5;
	    padding: 0 16px;
	    min-height: 40px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 14px;
	    color: #737373;
	    box-shadow: none;
	    &:focus
	    {
	    	border-color: @col_pri;
	    }
	}
	input[type="checkbox"]
	{
		min-height: unset;
		height: unset;
		line-height: unset;
	}
	textarea
	{
	    border: 1px solid #e5e5e5;
        min-height: 108px;
		padding: 7px 14px;
	    font-size: 14px;
	    color: #737373;
	    box-shadow: none;
	    margin-bottom: 0;
	    &:focus
	    {
	    	border-color: @col_pri;
	    }
	}
	.woocommerce-shipping-fields
	{
		display: none;
	}
}
.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper
{
	> .form-row
	{
		width: 100%;		
	}
}
#billing_country_field
{
	display: none;
}
/* sec_reason */
.sec_reason
{
	.row_reason
	{
		> .col
		{
			> .col-inner
			{
				padding: 15px 0;
			}
		}
	}
}
/* footer */
#footer
{
	.footer-1
	{
		border: none;
		.widget
		{
			margin-bottom: 30px;
		}
		.contact_purchase
		{
			h3.title
			{
				font-size: 20px;
				text-transform: uppercase;
				.col_sec;
				text-align: center;
				margin-bottom: 15px;
			}
			.row_contactpurchase
			{
				.box_contact
				{
					.box_title
					{						
						a
						{
							display: block;
							// .bac_2_gradient_invert;
							.bac_pri;
							border: 2px solid @col_sec;
							text-align: center;
							text-transform: uppercase;
							color: #fff;
							font-size: 18px;
							font-weight: 500;
							padding: 15px 0;
							margin-bottom: 12px;
							border-radius: 12px;
							transition: all .3s;
							&:hover
							{
								.bac_thid;
								border-color: #c50000;
							}
						}
					}
					.box_content
					{
						border: 1px solid @col_sec;
						text-align: center;
						padding: 22px 5px;
						color: #000;
						font-size: 16px;
						h3
						{
							margin-bottom: 15px;
							font-size: 16px;
							color: #000;
							line-height: 1.3;
						}
						p
						{
							margin-bottom: 5px;		
							line-height: 1.3;					
							&:last-child
							{
								margin-bottom: 0;
							}
							a
							{
								&:hover
								{
									.col_pri;
								}
							}
						}
					}
				}
			}
		}
	}
	.footer-2
	{
		border: none;
		// .bac_2_gradient;
		.bac_footer;
		padding-top: 45px;
		.widget
		{
			margin-bottom: 35px;
		}
		.widget-title
		{
			font-size: 20px;
			display: block;
			letter-spacing: 0;
			line-height: 1.3;
			margin-bottom: 10px;
		}
		.is-divider
		{
			display: none;
		}
		.footer_logo
		{
			.logo_ft
			{
				margin-bottom: 15px;
			}
			.social
			{
				br
				{
					display: none;
				}
				a
				{
					display: inline-block;
					margin: 0 4px;
					&:first-child
					{
						margin-left: 0;
					}
				}
			}
			.bct
			{
				margin-top: 15px;
			}
		}
		.footer_company
		{
		    font-size: 15px;
		    line-height: 1.4;
		    font-weight: 300;
		    b
		    {
		    	font-weight: 600;
		    }
		    p
		    {
		    	margin-bottom: 5px;
		    }
		    a
		    {
		    	&:hover
		    	{
		    		text-decoration: underline;
		    	}
		    }
		}
		ul.menu
		{
			li
			{
				border: none;
				a
				{
					font-size: 15px;
					line-height: 1.6;
					padding: 0;
					font-weight: 300;
					&:hover
					{
						text-decoration: underline;
					}
				}
			}
		}
		.fanpage_newsletter
		{
			h3.title
			{
				font-size: 20px;
				display: block;
				letter-spacing: 0;
				line-height: 1.3;
				margin-bottom: 10px;
				text-transform: uppercase;
			}
			h3.title2
			{
				font-size: 14px;
				display: block;
				letter-spacing: 0;
				line-height: 1.3;
				margin-bottom: 7px;
				text-transform: uppercase;
			}
			.fanpage
			{
				margin-bottom: 10px;
				overflow: hidden;
			}
			.form_newsletter
			{
				form
				{
					margin: 0;
					input
					{
						min-height: 32px;
						height: 32px;
						line-height: 32px;
						border: none;
						font-size: 12px;
						color: #000;
						&::placeholder
						{
							font-style: italic;
						}
					}
					input[type="submit"]
					{
						margin: 0;
						font-weight: 500;
						letter-spacing: 0;
						background-color: #000;
						font-size: 12px;
						color: #fff;
						&:hover
						{
							.bac_pri;
						}
					}
				}
			}
		}
	}
	.absolute-footer
	{
		font-size: 15px;
		color: #fff;
		line-height: 1.4;
		padding: 12px 0;
		.footer-secondary
		{
			padding: 0;
		}
	}
}
@media (max-width: 480px)
{
	.row_contactpurchase
	{
		> .col
		{
			&:last-child
			{
				padding-bottom: 0;
			}
		}
	}
}
@media (min-width: 768px) and (max-width: 1023px)
{
	#footer
	{
		.footer-2
		{
			> .row
			{
				> .col
				{
					max-width: 50%;
				    -ms-flex-preferred-size: 50%;
				    flex-basis: 50%;
				}
			}
		}
	}
}
@media (min-width: 1024px)
{
	#footer
	{
		.footer-2
		{
			> .row
			{
				> .col
				{
					&:nth-child(1)
					{
						max-width: 22%;
					    -ms-flex-preferred-size: 22%;
					    flex-basis: 22%;
					}
					&:nth-child(2)
					{
						max-width: 28%;
					    -ms-flex-preferred-size: 28%;
					    flex-basis: 28%;
					}
				}
			}
		}
	}
}
@media (min-width: 1024px) and (max-width: 1279px)
{
	#footer
	{
		.footer-2
		{
			> .row
			{
				> .col
				{
					&:nth-child(1)
					{
						max-width: 25%;
					    -ms-flex-preferred-size: 25%;
					    flex-basis: 25%;
					}
					&:nth-child(2)
					{
						max-width: 25%;
					    -ms-flex-preferred-size: 25%;
					    flex-basis: 25%;
					}
				}
			}
		}
	}
}
/* popup_request */
.popup_request
{
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    max-width: 750px;
    z-index: 999;
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    padding: 20px 5px;    
    button.mfp-close
    {
	    background: url(../images/close_popup.png) 0 0 no-repeat;
	    width: 17px;
	    height: 17px;
	    position: absolute;
	    top: -18px !important;
	    right: -24px;
	    transition: all 0.5s ease 0s;
	    transform: unset;
	    opacity: 1;
	    text-indent: 999px;
	    &:hover
	    {
	    	// transform: rotate(360deg);
	    }
    }
    .content_popup
    {
	    .content_request
	    {
	    	h3
    		{
    			font-size: 25px;
	    		text-transform: uppercase;
	    		font-weight: normal;
	    		text-align: center;
	    		margin-bottom: 20px;
    		}
    		.title_form
    		{
    			padding: 0 9.8px;
    			.title
    			{
    				font-size: 18px;
    			}
    			.title_post
    			{
    				.col_pri;
    				text-transform: uppercase;
    				font-size: 20px;
    			}
    		}
	    	form
	    	{
	    		margin-bottom: 0;
	    		label
	    		{
	    			color: #333;
	    		}
	    		input
	    		{
	    			box-shadow: none;
	    			font-size: 15px;
	    			border-radius: 0;
	    			background: #fff;
	    			border: 1px solid #e7e7e9;
	    			margin-bottom: 15px;
	    			padding-left: 15px;
	    			min-height: 40px;
	    			height: 40px;
	    			color: #333;
	    			font-weight: 400;
	    			&::placeholder
	    			{
	    				color: #949494;
	    				font-size: 14px;
	    				font-style: italic;
	    			}
	    			&:focus
	    			{
	    				border-color: @col_pri;
	    			}
	    			&:read-only
	    			{
	    				background-color: #fbfbfb;	    				
	    			}
	    		}
	    		select
	    		{
	    			box-shadow: none;
	    			font-size: 15px;
	    			border-radius: 0;
	    			border: 1px solid #e7e7e9;
	    			margin-bottom: 15px;
	    			padding-left: 15px;
	    			min-height: 40px;
	    			height: 40px;
	    			color: #333;
	    			font-weight: 400;
	    			&::placeholder
	    			{
	    				color: #949494;
	    				font-size: 14px;
	    				font-style: italic;
	    			}
	    			&:focus
	    			{
	    				border-color: @col_pri;
	    			}
	    		}
	    		textarea
	    		{
	    			box-shadow: none;
	    			color: #333;
	    			font-weight: 400;
	    			&::placeholder
	    			{
	    				color: #949494;
	    				font-size: 14px;
	    				font-style: italic;
	    			}
	    			&:focus
	    			{
	    				border-color: @col_pri;
	    			}
	    		}
	    		input[type="submit"]
	    		{	    			
	    			.bac_pri;
	    			margin: 0;
	    			letter-spacing: 0;
	    			padding: 0 30px;
	    			border: 1px solid @col_pri;
    			    min-height: 38px;
				    height: 38px;
				    font-weight: 400;
				    font-size: 16px;
				    color: #fff;
				    transition: all .3s;
				    text-transform: unset;
	    			&:hover
	    			{
	    				background-color: transparent;
	    				.col_pri;
	    			}
	    		}
	    		.ajax-loader
	    		{
    			    top: 50%;
    			    margin: 0;
    			    transform: translateY(-50%);
	    			&.is-active
	    			{
	    				display: block !important;
	    			}
	    		}
	    	}
	    }
    }
    &.popup_600
    {
    	max-width: 600px;
    	padding: 0;
    	padding-top: 20px;
    	.frm_label
    	{
		    padding: 20px;
   			background-color: #f5f5f5;
   			input, textarea
   			{
   				margin-top: 3px;
   			}
   			input[type="submit"]
   			{
   				margin-top: 0;
   			}
   			.text-right
   			{
   				position: relative;
   				.ajax-loader
   				{
   					left: 0;
   				}
   			}
    	}
    }
}
/* social_right */
.social_right
{
	position: fixed;
	bottom: 250px;
	right: 10px;
	z-index: 999;
	ul
	{
		margin: 0;
		li
		{
			list-style: none;
			margin: 0;
			+ li
			{
				margin-top: 10px;
			}
			a
			{
				display: block;
				height: 50px;
				width: 50px;
				line-height: 50px;
				border-radius: 50%;
				text-align: center;
				// .bac_2_gradient;
				.bac_pri;
				color: #fff;
				font-size: 22px;
				&:hover
				{
					// background: unset;
					// .bac_pri;
					.bac_sec;
				}
			}
		}
	}
}
/* back to top */
#top 
{
    color: #fff;
    font-weight: 500;
    text-align: center;
    position: fixed;
    bottom: 100px;
    right: 10px;
    display: none;
    cursor: pointer;
    z-index: 100;
    display: none;
}