@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto&display=swap&subset=vietnamese');
body
{
	font-family: 'Roboto', sans-serif;
	font-size: .9rem;
	background: #272727;
	color: rgba(255,255,255,.5);
	background-image: url('../images/bg.png');
	background-position: center;
	background-repeat: repeat-y;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6
{
	font-family: 'Oswald', sans-serif;
}
img
{
	max-width: 100%;
}
a
{
	transition: color .3s ease-out;
}
a:hover
{
	text-decoration: none;
	color: #c5a47e;
}
.bg-brown
{
	background: #c5a47e;
}
.bg-grey
{
	background: #373737;
}
.txt-brown
{
	color: #c5a47e;
}
h4
{
	font-size: 1.2rem;
}
h3
{
	font-size: 1.3rem;
}
.navbar
{
	padding: 0rem 1rem;
	font-family: 'Oswald', sans-serif;
}
.darknav
{
	background: rgba(0,0,0,0);
	animation-name: test;
    -webkit-animation-name: test;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

     animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
.darknav .navbar-brand
{
	height: 64px;
}
@-webkit-keyframes test {
    0% {
        background: rgba(0,0,0,0);
    }
    50% {
        background: rgba(0,0,0,.7);
    }
    100% {
    	background: rgba(0,0,0,.7);
    }
}
@keyframes test {
    0% {
        background: rgba(0,0,0,0);
    }
    50% {
        background: rgba(0,0,0,.7);
    }
    100% {
    	background: rgba(0,0,0,.7);
    }
}
.logo
{
	height: 100px;
}
.navbar-dark .navbar-nav .nav-link
{
	color: rgba(255,255,255, 1);
	padding: 1rem 1.5rem;
}
.dropdown-h:hover > .dropdown-menu
{
	display: block;
	position: absolute;
	z-index: 1;
	min-width: 16rem;
	width: auto;
	z-index: 999;
}
.dropdown-menu li
{
	border-bottom: 1px solid rgba(255,255,255,.05);
}
.dropdown-menu li:last-child
{
	border-bottom: 0px solid rgba(255,255,255,.05);
}
.dropdown-menu > .dropdown-h:hover > .dropdown-menu
{
	display: block;
	position: absolute;
	z-index: 1;
	min-width: 16rem;
	width: auto;
	left: 100%;
	top: -.2rem;
}
.dropdown-menu
{
	background: rgba(50,50,50,.95);
	padding: 0rem;
	font-size: .9rem;
}
.dropdown-toggle::after
{
	float: right;
	margin-top: .5rem;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover
{
	color: #c5a47e;
}
.intro p, .intro-n
{
	font-size: 1.1rem;
}
.intro h3, .slogan h3
{
	color: white;
	font-size: 1.6rem;
	text-transform: capitalize;
	line-height: 2rem;
	margin-bottom: 1.5rem;
	font-weight: bold;
}
.slogan p
{
	text-transform: uppercase;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
}
.slogan p:last-child
{
	margin-bottom: 0px;
}
.intro2-num
{
	font-size: 25rem;
	background: url('../images/text-1.jpg');
	background-position: center;
	font-weight: bold;
	line-height: 25rem;
	background-repeat: no-repeat;
}
.intro2-num span
{
	color: #fff;
	background: #272727;
	mix-blend-mode: darken;
}
.btn-brown
{
	background-color: #c5a47e;
	color: #fff;
	border-radius: 50px !important;
}
.btn-brown:hover
{
	background-color: #323232;
	color: #fff;
}
.form-control {
	color: #fff;
	background-color:#323232;
	border-color:#323232;
}
.form-control:focus {
	color: #fff;
	background-color:#323232;
	border-color:#c5a47e;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(197, 164, 126,.25);
}
.footer a
{
	color: #fff;
}
.cover
{
	opacity: .2;
}
.text-title
{
	position: absolute;
	top: -350px;
	right: 0px;
	color: #fff;
	font-size: 4rem;
}
.text-des
{
	position: absolute;
	top: -250px;
	right: 0px;
	color: #fff;
	font-weight: bold;
}
.contact
{
	background: #c5a47e;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	height: 450px;
}
.contact a
{
	color: #fff;
}
.cate-pr
{
	position:relative;
	overflow: hidden;
	transition: all .7s;
	height: 80vh;
}
.cate-pr a {
	opacity: .5;
	transition: all .7s;
	height: 80vh;
}
.cate-pr .fas {
	position: absolute;
	padding: 3rem;
	color: #fff;
	background: rgba(197,164,126,.84);
	overflow: hidden;
	border-radius: 50% !important;
	top:50%;
	left:50%;
	opacity: 0;
	-webkit-transform:translate(-50%, -50%) scale(.5);
	-ms-transform:translate(-50%, -50%) scale(.5);
	-o-transform:translate(-50%, -50%) scale(.5);
	transform:translate(-50%, -50%) scale(.5);
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
}
.cate-pr h3 {
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	left: 3rem;
	top: 3rem;
	z-index: 1;
	font-size: 1.5rem;
	transition: ease-out .7s;
	opacity: 1;
}
.cate-pr h4 {
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	left: 3rem;
	bottom: 0;
	z-index: 1;
	font-size: 1.2rem;
	transition: ease-out .5s;
	opacity: 1;
	transform: rotate(-90deg);
	transform-origin: 0 0;
}
.cate-pr:hover .fas {
	transform:translate(-50%, -50%) scale(1);
	opacity: 1;

}
.cate-pr img {
	height: 80vh;
	max-width: initial;
	margin-left: 50%;
	transform: translateX(-50%) scale(1);
	-webkit-transition: all 12s;
	-o-transition: all 12s;
	transition: all 12s;
}
.cate-pr:hover a
{
	opacity: 1;
}
.cate-pr:hover h4
{
	opacity: 0;
	transform: rotate(-90deg) translateX(50px);
	transform-origin: 0 0;
}
.cate-pr:hover h3
{

	transform: translateY(30px);
	opacity: 0;
}
.cate-pr:hover img {
	transform: translateX(-50%) scale(1.5);
}
.dt-pr .row
{
	position: relative;
}
.pr-content
{
	background-color: #212121;
	color: #fff;
	font-size: 1.2rem;
	padding: 2rem;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 20%;
	bottom: 45%;
	width: 38%;
	overflow: hidden;
	opacity: 0.6;
}
.pr-content-1
{
	background-color: #212121;
	color: #fff;
	font-size: 1.2rem;
	padding: 2rem;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 20%;
	bottom: 45%;
	width: 38%;
	overflow: hidden;
	opacity: 0.6;
}
.tt-new
{
	color: #fff;
}
.rd-n
{
	color: rgba(255,255,255,.5);
	border-top: 1px solid rgba(255,255,255,.3);
	position: absolute;
	bottom: 3rem;
	right: 3rem;
	left: 3rem;
}
.page-link
{
	background-color: #c5a47e;
	border: 1px solid burlywood;
	color: #fff;
}
.page-item.disabled .page-link
{
	background-color: burlywood;
}
.page-item.active .page-link
{
	background-color: #272727;
	border-color: burlywood;
}
.new-img
{
	width: 10em;
}
.media-body a
{
	color: #fff;
}
.media-body a:hover, .media-body:focus
{
	color: #c5a47e;
}






#flexiselDemo1, #flexiselDemo2, #flexiselDemo3, [id*="flexiselBr-"] {
	display:none;
}
[id*="flexiselBr-"] > .nbs-flexisel-item
{
	padding-left: .3rem;
	padding-right: .3rem;
}
.fle-br .nbs-flexisel-nav-left
{
	left: 0px;
	color: red;
}
.fle-br .nbs-flexisel-nav-right {
	right: 0px;
	color: red;
}
.nbs-flexisel-container {
	position:relative;
	max-width:100%;
}
.nbs-flexisel-ul {
	position:relative;
	width:99999px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	overflow: auto;
}
.nbs-flexisel-inner {
	position: relative;
	overflow: hidden;
	float:left;
	width:100%;
}
.nbs-flexisel-item {
	float:left;
	margin:0px;
	padding:0px 25px;
	cursor:pointer;
	position:relative;
}
#flexiselDemo1
{
	background: #272727;
}
#flexiselDemo1 .nbs-flexisel-item {
	float:left;
	margin:0px;
	padding:0px;
	cursor:pointer;
	position:relative;
	overflow: hidden;
	transition: all .7s;
	height: 80vh;
}
#flexiselDemo1 .nbs-flexisel-item a {
	opacity: .5;
	transition: all .7s;
	height: 80vh;
}
#flexiselDemo1 .nbs-flexisel-item .fas {
	position: absolute;
	padding: 3rem;
	color: #fff;
	background: rgba(197,164,126,.84);
	overflow: hidden;
	border-radius: 50% !important;
	top:50%;
	left:50%;
	opacity: 0;
	-webkit-transform:translate(-50%, -50%) scale(.5);
	-ms-transform:translate(-50%, -50%) scale(.5);
	-o-transform:translate(-50%, -50%) scale(.5);
	transform:translate(-50%, -50%) scale(.5);
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
}
#flexiselDemo1 .nbs-flexisel-item h3 {
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	left: 3rem;
	top: 3rem;
	z-index: 1;
	font-size: 1.5rem;
	transition: ease-out .7s;
	opacity: 1;
}
#flexiselDemo1 .nbs-flexisel-item h4 {
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	left: 3rem;
	bottom: 0;
	z-index: 1;
	font-size: 1.2rem;
	transition: ease-out .5s;
	opacity: 1;
	transform: rotate(-90deg);
	transform-origin: 0 0;
}
#flexiselDemo1 .nbs-flexisel-item:hover .fas {
	transform:translate(-50%, -50%) scale(1);
	opacity: 1;

}
#flexiselDemo1 .nbs-flexisel-item img {
	height: 80vh;
	max-width: initial;
	margin-left: 50%;
	transform: translateX(-50%) scale(1);
	-webkit-transition: all 12s;
	-o-transition: all 12s;
	transition: all 12s;
}
#flexiselDemo1 .nbs-flexisel-item:hover a
{
	opacity: 1;
}
#flexiselDemo1 .nbs-flexisel-item:hover h4
{
	opacity: 0;
	transform: rotate(-90deg) translateX(50px);
	transform-origin: 0 0;
}
#flexiselDemo1 .nbs-flexisel-item:hover h3
{

	transform: translateY(30px);
	opacity: 0;
}
#flexiselDemo1 .nbs-flexisel-item:hover img {
	transform: translateX(-50%) scale(1.5);
}
.nbs-flexisel-item img {
	max-width: 100%;
	cursor: pointer;
	position: relative;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
	padding:5px 10px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	position: absolute;
	cursor: pointer;
	z-index: 4;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
}

.nbs-flexisel-nav-left {
	left: 2rem;
}

.nbs-flexisel-nav-left:before {
	content: " ";
}

.nbs-flexisel-nav-left.disabled {
	opacity: 0.4;
}

.nbs-flexisel-nav-right {
	right: 2rem;
}

.nbs-flexisel-nav-right:before {
	content: " "
}

.nbs-flexisel-nav-right.disabled {
	opacity: 0.4;
}
.product-carousel > .carousel-indicators
{
	bottom:-10px;
	margin-left:0%;
	margin-right:0%;
	position: relative;
}
.product-carousel > .carousel-indicators li
{
	height: auto;
	width: 20%;
	border:1px solid #ccc;
	padding: .25rem;
}
.product-carousel > .carousel-indicators li:first-child
{
	margin-left: 0px
}
.product-carousel > .carousel-indicators li:last-child
{
	margin-right: 0px
}
.product-carousel > .carousel-indicators li:hover
{
	opacity: .5;
	cursor: pointer;
}
.table-card img
{
	max-width: 125px;
}
#validationCustomMessage
{
	height: 170px;
}
.carousel-caption {
    bottom: auto;
    left: auto;
    top: 50%;
    width: 30%;
    transform: translate(0%, -50%);
}
.carousel-caption h3
{
	line-height: 3.5rem;
}
.carousel-caption p
{
	line-height: 2rem;
}
.social
{
	position: absolute;
	bottom: 0px;
	background: rgba(43,43,43,.8);
}
.social i
{
	font-size: 1.3rem;
}
.social li
{
	margin-bottom: 1rem;
}
.social li:last-child
{
	margin-bottom: 0rem;
}
.social a
{
	color: #606060;
}
.social a:hover, .social a:focus
{
	color: #c5a47e;
}
.mb-vs
{
	display: none;
}
@media (max-width: 767px)
{
	#content
	{
		margin-top: 64px;
	}
	.logo
	{
		height: 64px;
		margin-left: 15px;
	}
	.navbar
	{
		background: rgba(0,0,0,.7);
		padding: 0px !important;
	}
	.darknav
	{
	    animation-duration: 0s;
	    -webkit-animation-duration: 0s;
	}
	.navbar-toggler
	{
		margin-right: 15px;
	}
	.mb-hd
	{
		display: none;
	}
	.mb-vs
	{
		display: block;
	}
	.mb-cus
	{
		margin-bottom: 2rem;
	}
	.mt-cus-1
	{
		margin-top: 2.5rem;
	}
	.social
	{
		position: relative;
		text-align: center;
		width: 100%;
	}
	.social ul
	{
		margin-bottom: 0px;
	}
	.social li
	{
		display: inline-block;
		margin-left: .5rem;
		margin-right: .5rem;
		margin-bottom: 0px;
	}
	.mb-p p
	{
		margin-bottom: 0px;
	}
	.mb-txt-center
	{
		text-align: center !important;
	}
	.text-title
	{
		top: auto;
		bottom: 23vh;
		font-size: 2rem;
		right: 15px;
	}
	.text-des
	{
		top: -21vh;
		font-size: 1rem;
		right: 15px;
	}
	.mb-t-0
	{
		margin-top: 0px !important;
	}
	.rd-n
	{
		position: initial;
		margin-top: 1rem;
	}
	.pr-content, .pr-content-1
	{
		position: relative;
		width: 100%;
	}
	.offcanvas-collapse {
		position: fixed;
		top: 0px; /* Height of navbar */
		bottom: 0;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		background-color: var(--gray-dark);
		transition: -webkit-transform .3s ease-in-out;
		transition: transform .3s ease-in-out;
		transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		z-index: 99;
	}
	.offcanvas-collapse.open {
		-webkit-transform: translateX(-1rem);
		transform: translateX(-1rem); /* Account for horizontal padding on navbar */
	}
	[id*="flexiselBr-"] > .nbs-flexisel-item
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	.logo
	{
		text-align: center;
	}
	.header > [class*="col-"]
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link
	{
		border-bottom: 1px dotted #fff;
	}
	.navbar
	{
		padding: .5rem 0rem;
	}
	.navbar-dark .navbar-toggler
	{
		border-color: #fff;
	}
	.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover
	{
		background: #6c757d;
	}
	.mb-info a:after
	{
		margin-right: 10px;
	}
	.tg-brand
	{
		position: absolute;
		right: 1.5rem;
		top: .5rem;
		z-index: 9999999;
		border-color: #fff;
		color: #fff;
	}
	.dt-pr
	{
		margin-top: 1rem;
	}
	.dt-pr .col-sm-3
	{
		width: 30%;
	}
	.dt-pr .col-sm-9
	{
		width: 70%;
	}
	.mb-l-pr
	{
		margin: 0px !important;
		width: 100% !important;
	}
	.dropdown-h:hover > .dropdown-menu
	{
		display: block;
		position: relative;
		z-index: 1;
		min-width: 16rem;
		width: auto;
		z-index: 999;
	}
	.dropdown-menu > .dropdown-h:hover > .dropdown-menu
	{
		display: block;
		position: relative;
		z-index: 1;
		min-width: 16rem;
		width: auto;
		left: 100%;
		top: -.2rem;
	}
	#carousel-example-generic img
	{
		height: 85vh;
		width: initial !important;
		max-width: initial;
	}
	.carousel
	{
		width: 100%;
	}
}