/* CSS Document */

.c5

{

	clear:both;

	height:5px;

}

.c10

{

	clear:both;

	height:10px;

}

.c15

{

	clear:both;

	height:15px;

}

.c20

{

	clear:both;

	height:20px;

}

.c25

{

	clear:both;

	height:25px;

}

.c30

{

	clear:both;

	height:30px;

}

.c35

{

	clear:both;

	height:35px;

}

.c40

{

	clear:both;

	height:40px;

}



.col-xs-15,

.col-sm-15,

.col-md-15,

.col-lg-15 {

    position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

}

.col-xs-15 {

    width: 20%;

    float: left;

}

.padding-2

{

	padding-left: 2px !important;

	padding-right: 2px !important;

    margin: 0px !important;

}

@media (min-width: 570px) {

    .col-sm-15 {

        width: 50%;

        float: left;

    }

}

@media (min-width: 768px) {

    .col-sm-15 {

        width: 33.3333%;

        float: left;

    }

}

@media (min-width: 992px) {

    .col-md-15 {

        width: 20%;

        float: left;

    }

}

@media (min-width: 1200px) {

    .col-lg-15 {

        width: 20%;

        float: left;

    }

}

.text-w

{

	color:#fff;

}

.show-on-pad

{

	display:none;

}

.show-on-tab

{

	display:none;

}

.show-on-mobile

{

	display:none;

}



.hide-on-pc

{

	display:none;

}

.hide-on-pad 

{

	display:block;

}



.hide-on-tab 

{

	display:block;

}



.hide-on-moblie

{

	display:block;

}

.nopadding {

    padding: 0 !important;

    margin: 0 !important;

}



.padding-2 {

    padding-left: 2px !important;

    padding-right: 2px !important;

    margin: 0px !important;

}



/*share sco*/

.top-page

{

	height:50px;

	background-color:#013220;

	overflow:hidden;

}

.lang

{

	padding-top:11px;

	padding-left:40px;

	background-image:url(../images/bg_lang.png);

	background-repeat:no-repeat;

	background-position:left center;

	background-color:#f09b02;

	padding-bottom:13px;

	color:#fff;

	height:50px;

	position:relative;

}

.lang:before

{

	position:absolute;

	height:50px;

	width:500px;

	right:-500px;

	background-color:#f09b02;

	content:"";

	top:0;

}

.lang span

{

	display:block;

	float:left;

	padding-top:4px;

	margin-right:5px;

}

.lang a

{

	display:block;

	height:26px;

	float:left;

	background-repeat:no-repeat;

	text-transform:uppercase;

	color:#fff;

	padding-left:30px;

	line-height:26px;

	font-size:14px;

}

.lang a:hover

{

	color:#ed1c3d

}

.lang a.vi

{

	background-position:0 0;

	background-image:url(../images/flag_vn.png);

	text-indent:-9999em

}

.lang a.en

{

	background-position:0 0;

	background-image:url(../images/flag_en.png);

	text-indent:-9999em

}

.lang-m

{

	background-image:none;

	background-color:transparent;

	padding-left:0;

	padding-top:8px;

	float:right;

}

.lang-m:before

{

	display: none

}

.header

{

	height:auto;

	transition: all 0.15s ease-in-out;

    -webkit-perspective: 1000;

	top:0;

	left:0;
	position:relative;

	z-index:9999;

	width:100%;

/*	-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);

-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);

box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);*/

top:0;

left:0;

width:100%;



background-color:#fff;

}

.logo

{

	height:100%;

    padding-bottom:11px;

	padding-top:15px;

}

.logo-m

{

	padding-top:5px;

	padding-bottom:5px;

	

}



.inner-logo

{

	position:relative;

	height:100%;

	display:table-cell;

	text-align:center;

}

.inner-logo:before

{







}

.inner-logo img

{

	display:block;

}

.logo a

{

	display:table-cell;

	vertical-align:middle;

	height:100%;

}

.logo img

{

    transition: all 0.15s ease-in-out;

    -webkit-perspective: 1000;

}

.slide-page

{

	position:relative;

}



a{

	-webkit-transition: all 0.3s ease-out 0s;

transition: all 0.3s ease-out 0s;

}

.wpb_single_image .vc_single_image-wrapper {

    display: inline-block;

    vertical-align: top;

    max-width: 100%;

}

.wpb_single_image a {

    border: none;

    outline: 0;

}

.item-adv-simple a {

    display: block;

    position: relative;

    overflow: hidden;

}



.item-adv-simple  a::after {

    border-left: 1px solid rgba(255, 255, 255, 0.8);

    border-right: 1px solid rgba(255, 255, 255, 0.8);

    bottom: 20px;

    content: "";

    left: 20px;

    position: absolute;

    right: 20px;

    top: 20px;

    transform: scale(1, 0);

    -webkit-transform: scale(1, 0);

    z-index: 9;

}

.item-adv-simple a::before {

    border-bottom: 1px solid rgba(255, 255, 255, 0.8);

    border-top: 1px solid rgba(255, 255, 255, 0.8);

    bottom: 20px;

    content: "";

    left: 20px;

    position: absolute;

    right: 20px;

    top: 20px;

    transform: scale(0, 1);

    -webkit-transform: scale(0, 1);

    -moz-transform: scale(0, 1);

    z-index: 9;

}

.item-adv-simple a:hover:before {

	transform: scale(1, 0);

    -webkit-transform: scale(1, 0);

    -moz-transform: scale(1, 1);

}



.name-cat-root

{

	font-size:30px;

	color:#fff;

	text-transform:uppercase;

	position:absolute;

	width:100%;

	top:48%;

	text-align:center;

	font-weight:700;

}

.global_soc {

    text-align: center;

}





.global_soc a {

    display: inline-block;

    padding: 6px 15px 8px 15px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    color: #fff;

    font-size: 16px;

    line-height: 22px;

    margin-right: 10px;

    -webkit-transition: all .2s ease-out;

    -moz-transition: all .2s ease-out;

    -o-transition: all .2s ease-out;

    transition: all .2s ease-out;

    -moz-opacity: 1;

    -khtml-opacity: 1;

    -webkit-opacity: 1;

    opacity: 1;

}

.global_soc a svg {

    display: inline-block;

    vertical-align: top;

    margin-right: 4px;

    position: relative;

    top: 3px;

}

.to-top

{

	visibility:hidden;

	background-color:#d7d7d7;

	width:40px;

	height:40px;

	line-height:36px;

	font-size:20px;

	text-align:center;

	-webkit-border-radius: 100px;

border-radius: 100px;

position:fixed;

right:15px;

bottom:20px;

}

.visible

{

	visibility:visible;

}

.global_soc a.fb {

    background: #3d5698;

}

.global_soc a.tw {

    background: #69ade7;

}

.global_soc a.in {

    background: #3072a6;

}

.global_soc a.pin {

    background: #dc2f32;

}

.global_soc a:last-child {

    margin-right: 0;

}



.loader{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:999999; background-image:url(../images/lib/loadding.gif); background-repeat:no-repeat; background-position:center center}



.topmenu

{

	margin:0;

	padding:0;

	color:#999;

	text-align:left;

	float:right;

	margin-right:0px;

}

.topmenu li

{

	display:inline-block;

}

.topmenu li a

{

	line-height:50px;

	color:#fff;

	font-weight:700;

	font-size:14px;

	display:inline-block;

	padding-left:10px;

	padding-right:10px;

}

.topmenu li a:hover

{

	color:#f09b02;

}



.topmenu li:last-child span

{

	display:none;

}

.main-nav

{	

float:right;

margin-right:20px;

}



.menu {

    display: block;

	margin:0;

	padding:0;

}

.menu-left

{

	float:left;

}

.menu-right

{

	float:left;

}

.menu > ul

{



}

.menu li {

    display: block;

    position: relative;

    z-index: 100;

	float:left

}



.menu li:first-child {

    margin-left: 0;

}



.menu li a {

    font-weight: 500;

    text-decoration: none;

    padding: 0px 12px;

	line-height:100px;

    display: block;

    color: #393939;

    transition: all 0.2s ease-in-out 0s;

	font-size:14px;

}



.home-icon1 a {

    background-image: url(../images/icon/icon_home.png);

    text-indent: -9999em;

    background-position: center center;

    background-repeat: no-repeat;

    padding-left: 20px !important;

    padding-right: 20px !important;

}

.home-active1 a,.home-icon1 a:hover 

{

	background-image: url(../images/icon/icon_home1.png);

	color:#d0a543;

}

.menu > li > a

{

	font-size:18px;

}



.menu > li:hover > a

{

	color:#00a651;

}



.menu > li.active > a

{

	color:#00a651;

}



.menu ul.sub-menu li a:hover,.menu ul.sub-menu li:hover > a {

    color: #d0a543;

}



.menu ul.sub-menu {

    visibility: hidden;

    opacity: 0;

    margin: 0;

    padding: 0;

    position: absolute;

    left: 0px;

    z-index: 99;

    transform: translate(0,20px);

    transition: all 0.2s ease-out;

	opacity:0.9;

	width: 260px;

	-webkit-border-radius: 6px;

   border-radius: 6px;

   background-color:#00a651;





}



.menu ul.sub-menu:after {

    bottom: 100%;

    left: 20%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(255, 255, 255, 0);

    border-bottom-color: #00a651;

    border-width: 6px;

    margin-left: -6px;

}



.menu ul.sub-menu li {

    display: block;

    float: none;

    background: none;

    margin: 0;

    padding: 0;

}



.menu ul.sub-menu li a {

    font-size: 15px;

    font-weight: 500;

    display: block;

    color: #fff;

	line-height:normal;

	padding:14px 15px;

	border-bottom:solid 1px #C8A376;

}

.menu ul.sub-menu li:last-child a {

	border-bottom:none;

}

.menu ul.sub-menu li a:hover{

	color:#fff;

}







.menu li:hover > ul {

    visibility: visible;

    opacity: 0.9;

    transform: translate(0,0);

}



.menu ul.sub-menu ul {

    left: 100%;

    top: 0px;

    visibility: hidden;

    opacity: 0;

    transform: translate(20px,0px);

    transition: all 0.2s ease-out;

	position:absolute;

	width:260px;

	background-color:#00a651;

	padding:0;

}



.menu ul.sub-menu ul:after {

    left: -6px;

    top: 10%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(255, 255, 255, 0);

    border-right-color: #fff;

    border-width: 6px;

    margin-top: -6px;

}







.menu ul.sub-menu li:hover ul {

    visibility: visible;

    opacity: 0.9;

    transform: translate(0,0);

}



.menu ul.sub-menu > li:hover {

	visibility: visible;

    opacity: 1;

    transform: translate(0,0);

}



a.actived {

    background: #9ca3da;

}



/*Mega 01*/



.menu li.li-mega

{

	position:static;

}

.sub-mega

{

	visibility: hidden;

    opacity: 0;

    margin: 0;

    padding: 0;

    position: absolute;

    left: 0px;

    background: #fff;

    z-index: 99;

    transform: translate(0,20px);

    transition: all 0.2s ease-out;

	opacity:0.9;

	width:100%;

	padding-bottom:10px;

}



.item-mega-menu

{

	text-align:center;

	border-right:solid 1px #d7d7d7;

	padding-bottom:20px;

}

.item-mega-menu a

{

	line-height:normal !important;

	display:block;

	margin-bottom:10px !important;

}

.menu ul.sub-mega:after {

    bottom: 100%;

    left: 20%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(255, 255, 255, 0);

    border-bottom-color: #fff;

    border-width: 6px;

    margin-left: -6px;

	display:none;

}

.sub-mega li a

{

	color:#222;

}

.sub-mega li.li-hd-mega > a

{

	line-height:normal;

	font-weight:700;

	border-bottom:solid 1px #d7d7d7;

	padding:0;

	padding-bottom:10px;

	padding-top:10px;

	

}



.menu li.li-mega:hover .sub-mega

{

	visibility: visible;

    opacity: 0.9;

    transform: translate(0,0);

}

.sub-mega ul

{

	margin:0;

	padding:0;

	padding-top:10px;

}



.sub-mega ul li

{

	display:block;

}

.sub-mega ul li a

{

	font-weight:normal !important;

	padding:10px 0px;

	line-height:normal;

}

/*Mega 02*/

.sub-mega li.li-hd-mega1 > a

{

	line-height:normal;

	font-weight: normal;

	border-bottom:none;

	padding:0;

	padding-bottom:10px;

	padding-top:10px;

}

.sub-mega-show1 ul

{

	visibility:hidden;

	display:none

}



.sticky

{

	position:fixed;

	width:100%;

	height:60px;

	top:0;

	left:0;

	z-index:9999;

	

}

.sticky .logo

{

	top:0;

	

}

.sticky .logo img

{

	height:50px;

}

.sticky .inner-logo

{

	padding-bottom:0;

}

.sticky .inner-logo:before

{

	height:60px;

}



.sticky .menu li a

{

	line-height:60px;

	transition: all 0.15s ease-in-out;

    -webkit-perspective: 1000;

}

.sticky .btn-search

{

	margin-top:0px;

}

.sticky .logo-m

{





}

.sticky .panel-top

{

	padding-top:10px;

}

.sticky .logo-m img

{

	height:52px !important;



}

.sticky .panel-m

{

	padding-top:5px

}

.btn-search

{

	float:right;

	display:block;

	width:40px;

	height:40px;

	background-color:#1d317a;

	text-align:center;

	line-height:38px;

	font-size:16px;

	color:#fff;

	-webkit-border-radius: 100px;

	border-radius: 100px;

	margin-top:20px;

}

#ModalSearch .modal-body

{

	padding:0;

	background-color:transparent;

}

.frm-search

{

	position:relative;

	width:100%;

	float:left;

overflow:hidden;

background-color:#ebebeb;

margin-left:0px;

}

.frm-search-m

{

	margin-top:15px;

}

.frm-search input

{

	width:100%;

	padding:5px 10px;

	border:solid 1px #ebebeb;

	background-color:#ebebeb;

}

.frm-search .btn-submit-search

{

	display:block;

	width:40px;

	height:42px;

	background-color:#ebebeb;

	text-align:center;

	line-height:30px;

	font-size:16px;

	color:#7e7e7e;

	position:absolute;

	top:0;

	right:0;

}







.frm-search-pc

{

	position:relative;

	width:220px;

	float: right;

overflow:hidden;

background-color:#fff;

margin-left:0px;

border:solid 1px #d7d7d7;

-webkit-border-radius: 100px;

border-radius: 100px;

margin-top:32px;

margin-left:15px;

}



.frm-search-pc input

{

	width:100%;

	padding:10px 10px;

	border:solid 1px #fff;

	background-color:#fff;

}

.frm-search-pc .btn-submit-search

{

	display:block;

	width:40px;

	height:42px;

	background-color:#fff;

	text-align:center;

	line-height:40px;

	font-size:16px;

	color:#7e7e7e;

	position:absolute;

	top:0;

	right:0;

}



/*Top page*/

.panel-top

{





}

.link-top

{

	color:#f09b02;

	background-repeat:no-repeat;

	background-position:left center;

	line-height:50px

}

.link-top span

{



}

.link-top strong

{

	font-weight:700;

}

.link-top-hotline

{

	

	color:#fff;

    font-weight:700;

	line-height:48px;

	display:block;

	margin-bottom:15px;

	width:50px;

	height:50px;

	text-align:center;

	font-size:20px;



	-webkit-border-radius: 100px;

border-radius: 100px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6b3e5a+0,956a60+50,c09767+100 */

background: #00a651; /* Old browsers */





}

.link-top-hotline:hover

{

	background: #414141;

	color:#fff;

}

.link-top-search

{

	width:50px;

	height:50px;

	background-color:#f2f2f2;

	-webkit-border-radius: 100px;

border-radius: 100px;

text-align:center;

line-height:48px;

color:#414141;

font-size:20px;

display:block;

float:right;

margin-top:25px;

}

.link-top-book

{



	height:50px;

	background-color:#d0a543;

	-webkit-border-radius: 100px;

	border-radius: 100px;

	text-align:center;

	line-height:48px;

	color:#fff;

	font-size:20px;

	display:block;

	float:right;

	margin-top:23px;

	margin-left:15px;

	padding:0 20px;

}

.link-top-book-m

{

	font-size:16px;

	margin-top:0px;

	line-height:36px;

	padding:0 15px;

	height:40px;

	margin-right:10px;

}

.link-top-book span

{

	font-size:16px;

	font-weight:600;

}

.link-top-search:hover

{

	color:#fff;

	background-color:#00a651;	

}

.link-top-email

{

	background-image:url(../images/icon/email_bg.png);

}

.link-top-add

{

	background-image:url(../images/icon/add.png);

}

.link-top-cart

{

	position:relative;

	padding-top:10px;

	margin-right:10px;

	font-size:24px;

	

}

#count-cart

{

	width:14px;

	height:14px;

	font-size:11px;

	color:#fff;

	position:absolute;

	top:5px;

	right:-8px;

	background-color:#e99a26;

	-webkit-border-radius: 100px;

border-radius: 100px;

text-align:center;

line-height:14px;

font-weight:700;

}

/* Header mobile */

.header-m

{

	padding-top:5px;

	padding-bottom:5px;

	display:none;

	background-color:#fff;

}



.header-m .logo-m img

{

	height:52px;



}

.panel-m

{

	padding-top:10px;

}

.btn-m

{

	float:right;

}

.navbar-toggler

{

	margin-top:0px;

	padding-left:0;

	padding-right:0;

}

.animated-icon1 span {

   background: #00a651;

}

.animated-icon1{

width: 40px;

height: 30px;

position: relative;

margin: 0px;

-webkit-transform: rotate(0deg);

-moz-transform: rotate(0deg);

-o-transform: rotate(0deg);

transform: rotate(0deg);

-webkit-transition: .5s ease-in-out;

-moz-transition: .5s ease-in-out;

-o-transition: .5s ease-in-out;

transition: .5s ease-in-out;

cursor: pointer;

}



.animated-icon1 span{

display: block;

position: absolute;

height: 3px;

width: 100%;

border-radius: 0px;

opacity: 1;

left: 0;

-webkit-transform: rotate(0deg);

-moz-transform: rotate(0deg);

-o-transform: rotate(0deg);

transform: rotate(0deg);

-webkit-transition: .25s ease-in-out;

-moz-transition: .25s ease-in-out;

-o-transition: .25s ease-in-out;

transition: .25s ease-in-out;

}



.navbar-toggler:focus

{

	box-shadow: 0 0 0 0;

}





.animated-icon1 span:nth-child(1) {

top: 0px;

}



.animated-icon1 span:nth-child(2) {

top: 14px;

}



.animated-icon1 span:nth-child(3) {

top: 28px;

}



.animated-icon1.open span:nth-child(1) {

top: 11px;

-webkit-transform: rotate(135deg);

-moz-transform: rotate(135deg);

-o-transform: rotate(135deg);

transform: rotate(135deg);

}



.animated-icon1.open span:nth-child(2) {

opacity: 0;

left: -60px;

}



.animated-icon1.open span:nth-child(3) {

top: 11px;

-webkit-transform: rotate(-135deg);

-moz-transform: rotate(-135deg);

-o-transform: rotate(-135deg);

transform: rotate(-135deg);

}



.btn-header-m

{

	background-color:#d0a543;

	color:#fff;

	display:block;

	float:right;

	-webkit-border-radius: 100px;

	border-radius: 100px;

	margin-right:10px;

	width:40px;

	height:40px;

	text-align:center;

	line-height:38px;

	position:relative;

}

.count-cart

{

	font-size:11px;

	color:#fff;

	width:16px;

	height:16px;

	-webkit-border-radius: 100px;

	border-radius: 100px;

	position:absolute;

	top:-6px;

	right:-6px;

	background-color:#F00;

	line-height:normal;

}

/*footer*/

.footer

{

	padding-top:60px;

	padding-bottom:60px;

	color:#fff;

	background-color:#434343



}

.logo-footer

{

	margin-bottom:40px;

	overflow:hidden;

}

.intro-footer

{

	margin-top:10px;

	margin-bottom:10px;

	color:#fff;

	font-size:14px;

}



.content-footer > div > strong

{

	color:#acacac;

	font-weight:normal;

}



.content-footer .add-f

{



	background-repeat:no-repeat;

	background-position:0 9px;

	padding-top:8px;

	padding-bottom:7px;



}

.content-footer .add1-f

{



	background-repeat:no-repeat;

	background-position:0 9px;

	padding-top:8px;

	padding-bottom:7px;

	font-size:14px;

	padding-left:30px;

}

.email-f

{



	background-repeat:no-repeat;

	background-position:0 9px;

	padding-top:8px;

	padding-bottom:7px;

	font-size:14px;



}

.phone-f

{



	background-repeat:no-repeat;

	background-position:0 9px;

	padding-top:8px;

	padding-bottom:7px;





}



.copyright{

	background:#fff;

	color:#2d2d2d;

	text-align:left;

	font-size:14px;

	line-height:60px;

	text-align:center;

}

.copyright a{

	color:#fff;	

}

.copyright .grid{

	

}

.pos-re

{

	position:relative;

}



.frm-newsl

{

	position:relative;

	overflow:hidden;

	width:100%;

	background-color:#fff;

}

.frm-newsl input

{

	width:100%;

	border:none;

	padding:8px 20px;

}

.btn-frm-newsl

{

	position:absolute;

	right:0;

	top:0;

    background: #00a651;

	display:inline-block;

	padding:8px 15px;

	color:#fff !important;

	font-weight:600;

	text-transform:uppercase;

}



.linksmo{

	margin-top:15px;

}

.linksmo a{

	display:inline-block;

	width:38px;

	height:38px;

	text-align:center;

	line-height:38px;

	color:#c39e75;	

	background:#fff;

	-webkit-border-radius:100px;

	border-radius:100px;

	margin-right:3px;

	font-size:18px;

}

.linksmo a.fa-facebook:hover{

	background:#9adcf8;

}

.linksmo a.fa-twitter:hover{

	background:#9adcf8;

}

.linksmo a.fa-youtube:hover{

	background:#9adcf8;

}

.linksmo a.fa-pinterest:hover{

	background:#9adcf8;

}

.linksmo a.fa-google-plus:hover{

	background:#9adcf8;

}





.linksmo-top{

	float:right;

	padding-top:5px;

}

.linksmo-top a{

	display:inline-block;

	width:23px;

	height:23px;

	text-align:center;

	line-height:23px;

	color:#fff;	

	-webkit-border-radius:100px;

	border-radius:100px;

	margin-right:3px;

	font-size:14px;

}



.linksmo-top a.fa-facebook{

	background:#0054a6;

}

.linksmo-top a.fa-twitter{

	background:#00aeef;

}

.linksmo-top a.fa-youtube{

	background:#ed1c24;

}

.linksmo-top a.fa-pinterest{

	background:#ff4800;

}

.linksmo-top a.fa-instagram{

	background:#ff4800;

}



.linksmo-top a.fa-google-plus{

	background:#9adcf8;

}





.linksmo-top a.fa-facebook:hover{

	background:#9adcf8;

}

.linksmo-top a.fa-twitter:hover{

	background:#9adcf8;

}

.linksmo-top a.fa-youtube:hover{

	background:#ed1c24;

}

.linksmo-top a.fa-pinterest:hover{

	background:#9adcf8;

}

.linksmo-top a.fa-google-plus:hover{

	background:#9adcf8;

}





.top-footer

{

	padding-bottom:20px;

	margin-bottom:20px;

	border-bottom:solid 1px #d7d7d7

}

.title-footer

{

	font-size:18px;

	font-weight:600;

	color:#00a651;

	text-transform:uppercase;

	margin-bottom:5px;

}

.title-footer a

{

	color:#00a651;

}

.title-footer a:hover

{

	color:#fff;

}

.line-footer

{

	background-color:#fff;

	height:3px;

	display:none;

	width:40px;

	margin-top:10px;

	margin-bottom:15px;

}

.content-footer

{

	color:#fff;

	line-height:22px;

	font-size:14px;

}

.content-footer a

{

	color:#fff;

}

.content-footer .item-footer

{

	margin-bottom:7px;

}

.mnu-footer

{

}

.box-menu

{

	width:48%;

	float:left;

}



.menufooter{

	margin:0px;

	padding:0;

	

}

.menufooter li{

	list-style:none;

	padding-top:10px;

	padding-bottom:10px;

}

.menufooter li i.fa{

display:none

}

.menufooter li a{

	color:#fff;

	display:block;

	

}

.menufooter li a:hover{

	color:#00a651;	

}

.crumb

{

	background-color:#efefef;

	padding-top:10px;

	padding-bottom:10px;

	color:#999;

	background-position:bottom center;

	background-repeat:repeat-x;

}

.crumb a

{

	color:#999;

}

.crumb a:hover

{

	color:#333;

}



/*page child*/

.page-name

{

	font-size:36px;

	font-weight:600;

	color:#3d3d3d;

	text-transform:uppercase;

}



.intro-cat

{

	padding-bottom:0px;

	padding-top:20px;

}

.intro-cat h2

{

	font-weight:700;

	font-size:20px;

	color:#d6b75a

}

.intro-cat h3

{

	font-weight:700;

	font-size:16px;

	color:#d6b75a

}

.subtab-info

{

	text-align:center;

}

.subtab

{

	padding:0;

	margin:0;

	text-align:center;

	margin-top:20px;

	margin-bottom:40px;

	display:inline-block;

	width:auto;

	border-bottom:solid 1px #cfcfcf;

}

.subtab li

{

	display:inline-block;

	position:relative;

}

.subtab li a

{

	display:block;

	color:#fff;

	padding:20px 30px;

	font-weight:600;

	color:#3d3d3d;

	margin-left:5px;

	margin-right:5px;

	border-bottom-color:#FF0;



	left:0;

	bottom:0;

	margin-bottom:-2px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6b3e5a+0,956a60+50,c09767+100 */

}

.subtab li a:hover

{

	border-bottom:solid 3px #00a651;

}

.subtab li a:hover,.subtab li a.act

{



	color:#00a651;





}



/*Menu sub product*/

.sub_menu_product

{

	margin:0;

	padding:0;

	padding-top:15px;

	padding-bottom:5px;

	background-image: url(../images/bg_pa.png);

	border:solid 1px #d7d7d7;

	padding:10px;

	padding-bottom:5px;

}

.sub_menu_product ul

{

	padding:0;

	margin-bottom:0;

}

.sub_menu_product ul li

{

	display:block;

	padding-bottom:10px;

}

.sub_menu_product ul li a

{

	color:#424242;

	font-weight:600;

	font-size:14px;

}

.sub_menu_product ul li a:hover

{

	color:#d0a543

}

.sub_menu_product ul li span

{

	display:inline-block;

}

.sub_menu_product ul li i

{

	color:#d0a543;

	font-size:13px;

}

.sub_menu_product ul li a.act

{

	color:#d0a543;

	font-weight:700;

}

.title-page

{

	font-size:22px;

	color:#d0a543;

	font-weight:500;

	text-transform:uppercase;

}





/*menu left*/

.box-menu-left

{

margin-bottom:20px;

	

}



.title-menu-left

{

	font-weight:600;

	font-size:20px;

	border-bottom:solid 1px #d7d7d7;

	padding-bottom:10px;

}

.title-menu-left a

{

	color:#3d3d3d;

	display:block;

	padding:14px 0px;

	font-weight:600;

}

.menuleft

{



	border-top:none;

	padding:0;

	margin:0;

}

.menuleft > li

{

	display:block;

	position:relative;

	

	

}



.menuleft > li > a

{

	color:#3d3d3d;

	display:block;

	font-weight:600;

}

.menuleft > li:last-child a

{

	border-bottom: none;

}

.menuleft > li span

{

	display:block;

	padding:12px 0px;

}

.menuleft > li span i.fa

{

	display:none

}

.menuleft > li a:hover

{

	color:#fff;

}

.menuleft > li:before

{

	position:absolute;

	right:0;

	top:12px;

	content:"+";

}

.menuleft > li.active > a

{



	color:#7d2419

}

.menuleft > li.active:before

{

	content:"-";

}



.menuleft > li > a:hover

{

	color:#7d2419

}

.menulv3

{

	background-color:#fff;

	padding:0;

	margin:0;

	display:none;

}

.menulv3 li

{

	display:block;

}

.menulv3 li a

{

	display:block;

	font-weight:600;

	font-size:14px;

	color:#3d3d3d;

}

.menulv3 li a span

{

	display:block;

	padding:10px 15px;

	font-weight:normal;

	

}



.menulv3 li a:hover

{

	color:#00a651;

}

.menulv3 li.active a

{

	color:#00a651;

}









.menuleft > li.active .menulv3

{

	display:block;

}



/*Deatil*/

.news-detail-name

{

	font-size:26px;

	margin:0;

	padding:0;

	margin-bottom:15px;

	font-weight:600;

	color:#58595b;

}

.intro-detail

{

	font-weight:700;

	line-height:22px;

	font-size:16px;

}

.content-detail

{

}

.content-detail img

{

	display:block;

	margin:auto;

	max-width:100% !important;

	height:auto;

}

.content-detail iframe

{

	width:100%;

}

.content-detail h2

{

	font-size:18px;

	font-weight:700;

	color:#d0a543

}

.box-col

{

	margin-bottom:20px;

}

.hd-box-col

{

	background-color:transparent;

	color:#424242;

	font-weight:600;

	font-size:20px;

	text-transform:uppercase;

	border-bottom:solid 2px #00a651;

	padding-bottom:15px;

	margin-bottom:15px;

}

.hd-box-col a

{

	color:#3d3d3d;

}

.hd-box-col a:hover

{

	color:#00a651

}

.content-box-col

{

	padding-top:15px;

}

.item-news-col

{

	overflow:hidden;

	margin-bottom:15px;

}

.item-news-col img

{

	width:40%;

	float:left;

	margin-right:10px;

}

.item-news-col a

{

	color:#414042;



}

.item-news-col a:hover

{

	color:#d0a543;

}





.view-all-in-col

{

	background-color:#d0a543;

	display:block;

	font-weight:700;

	color:#fff;

	text-align:center;

	padding:12px 0;

	display:none

}

.view-all-in-col span

{

	display:inline-block;

}



.box-video-col

{

}





.paging

{

	text-align:center;

}

.paging .pagination

{



}

.paging .pagination a

{

	color:#222;

}

.paging .pagination a.active

{

	background-color:#00aeef;

	color:#fff;

}

#toc {

	background-color:#f5f5f5;

	padding:0;

	margin:0;

	padding:20px;

	margin-bottom:20px;



}



#toc ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

#toc li{

	display:block;

}



#toc li.li-hdtoc {

	border-bottom:solid 1px #d7d7d7;

	padding-bottom:10px;

	margin-bottom:10px;

	font-weight:700;



}



.collapsible {

  background-color:#d7d7d7;

  color: #444;

  cursor: pointer;

  padding: 12px 15px;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  font-size: 16px;

  font-weight:600;

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.active1, .collapsible:hover {

  background-color: #ccc;

}

/* Style the collapsible content. Note: hidden by default */

.content-toc {

  padding: 0 0px;

  display: block;

  overflow: hidden;

  background-color: #fff;

}

button.accordion::after {

    content: '+';

    color: white;

    font-weight: bold;

    float: right;

    margin-left: 5px;

}

button.accordion.active::after {

    content: "-";

}





.box-tags-left

{

}

.box-tags-left a

{

	display:inline-block;

	margin-bottom:10px;

	border:solid 1px #67a286;

	padding:8px 15px;

	-webkit-border-radius: 0 20px 0 20px;

border-radius: 0 20px 0 20px;

color:#3d474d;

}

.box-tags-left a:hover

{

	color:#111;

	border:solid 1px #111;

}

.tags-detail

{

	margin-top:20px;

	margin-bottom:20px;

	background-image:url(../images/bg_tag.png);

	background-repeat:no-repeat;

	background-position:left center;

	padding-left:40px;

	border-bottom:solid 1px #dcdcdc;

	padding-top:10px;

	padding-bottom:10px;

	border-top:solid 1px #dcdcdc;

}

.tags-detail a

{

	color:#3d474d;

}

.tags-detail a:hover

{

	color:#111;

}

.tags-detail span:last-child

{

	display:none

}

.box-neolink

{

	border:solid 1px #d7d7d7;

	padding:15px 20px;

	background-color:#fff;

}

.box-neolink ul

{

	padding:0;

	margin:0;

	counter-reset: list;

}

.box-neolink ul li

{

	display:block;

	margin-bottom:7px;	

}

.box-neolink ul li::before {

    counter-increment: list;

    content: counters(list,".") ". ";

}

.box-neolink ul li strong,.box-neolink ul li b

{

	font-weight:normal !important;

}

.box-neolink ul li br

{

	display:none;

}

.box-neolink > ul > li > a

{

	color:#222 !important;

	font-weight:normal !important;

	font-size:15px !important;

	font-weight:500 !important;

}

.box-neolink ul li a span

{

	color:#222 !important;

	font-style:italic !important;

	font-weight:normal !important;

	font-size:14px !important;

}

.box-neolink ul li a:hover

{

	color:#673614;

	text-decoration:underline;

}

.box-neolink > ul > li > ul

{

	padding-top:10px;

	padding-left:10px;

}

.box-neolink > ul > li > ul a

{

	color:#666;

	font-style:italic !important;

	font-size:14px;

	line-height:16px;

}

.box-neolink > ul > li > ul a:hover

{

	text-decoration:underline !important;

	

}

.title-box-neolink

{

	font-weight:700;

	font-size:16px;

	margin-bottom:15px;

	font-style:italic;

	border-bottom:solid 1px #d7d7d7;

	padding-bottom:10px;

}





.share-buttons

{

	display:block;

	text-align:center;

	margin-bottom:15px;

}

.share-buttons a

{

	display:inline-block;

	color:#fff;

	height:33px;

	width:33px;

	text-align:center;

	line-height:32px;

	padding-top:10px;

}

.share-buttons img

{

	 display:block;

	  vertical-align: middle;

	  -webkit-transform: perspective(1px) translateZ(0);

	  transform: perspective(1px) translateZ(0);

	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	  -webkit-transition-duration: 0.3s;

	  transition-duration: 0.3s;

	  -webkit-transition-property: transform;

	  transition-property: transform;

	  width:100%;

}







.share-buttons img:hover{

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}





.title-more

{

	

	font-size:22px;

	font-weight:700;

	position:relative;

	margin-bottom:5px;

}

.title-more span

{



	display:inline-block;







}



.highlight{

	background-color: #ffff00;

}    



.result-title{

	margin: 0px;

	padding: 0px

}



.result-title a{

	text-decoration: none;

	font-size: 16px;

	color: #222;

}    



.cat-path a{

	color: #999;

	font-size: 12px;

	text-decoration: none;

	font-weight: normal;

}

.cat-path a:hover{

	text-decoration:underline;

}



.cat-path

{

	font-weight:normal;

	margin-top:5px;

}

.cat-path a

{

	font-weight:normal;

}

.page-contact

{

	background-color:#fff;

	background-image:url(../images/bg_page_contact.jpg);

	background-repeat:no-repeat;

	background-position:center bottom;

	background-size:cover;

	min-height:800px;

}

.frm-contact

{





}

.frm-contact .form-control-lg

{

	background-color:transparent;

	font-size:16px;

	font-weight:normal

}

.content-page-contact

{

	padding:25px 0;

	color:#484848 !important;

}

.content-page-contact .title-footer,.content-page-contact .content-footer

{

	color:#484848 !important;

}



.btn-frm

{

	padding:10px;

	font-weight:700;

	text-transform:uppercase;

	display:block;

	width:100%;

	outline:none !important;

	background-color:#535353;

	color:#fff;

	font-size:20px;

	border:none;

}

.btn-frm:hover

{

	background-color:#00a651;

	color:#fff;

	border:none;

}

.error

{

	border:solid 1px #d0ae45

}

.waiting

{

	position:absolute;

	width:100%;

	height:100%;

	background-color:#999;

	opacity:0.9;

	left:0;

	top:0;

	z-index:999;

	background-image:url(../images/loading.gif);

	background-position:center center;

	background-repeat:no-repeat;

	display:none;

}

.mes-frm

{

	margin-bottom:8px;

	color:#F00;

	font-style:italic;

	font-size:12px;

}

.msgbox

{

	margin-top:5px;

	color:#F00;

	font-style:italic;

	font-size:12px;

}

.map

{

	overflow:hidden;

	height:300px;

}

.map iframe

{

	display:block;

	width:100%;

}



.star-review

{

}

.star

{

	background-image:url(../images/icon/star.png);

	width:70px;

	height:12px;

	background-position:0 0;

	display:inline-block;

	position:relative;

}

.review-count

{

	display:inline-block;

	float:right;

	font-size:13px;

}

.stared

{

	position:absolute;

	height:12px;

	left:0;

	background-image:url(../images/icon/star.png);

	background-position:0 12px;

}

.fav-icon

{

	position:absolute;

	top:10px;

	right:10px;

	z-index:999;

	width:17px;

	height:16px;

	background-image:url(../images/icon/icon-heart.png);

	background-position:0 0;

}

.fav-icon:hover

{

	background-position:0 16px;

}

.icon-label

{

	position:absolute;

	

	width:61px;

	height:59px;

	

	z-index:99;

}

.icon-label-sale

{

	background-image:url(../images/icon/icon-sale.png);

	left:-3px;

	top:-3px;

	background-position:0 0;

}

.icon-label-new

{

	background-image:url(../images/icon/icon-sale.png);

	right:-3px;

	top:-3px;

	background-position:-61px 0;

}

.icon-label-hot

{

	background-image:url(../images/icon/hot.png);

}

.content-box-col-pro

{



	border-top:none;

}





.content-box-col-pro .item-pro-col

{

	overflow:hidden;



	margin-bottom:15px;

}



.content-box-col-pro .item-pro-col .icon-label

{

	width: 40px;

	height: 40px;

	background-size: 200%;

	background-repeat: no-repeat;

}

.content-box-col-pro .item-pro-col .icon-label-new

{

	background-position:-40px 0;

}



.content-box-col-pro .item-pro-col .img-pro-col

{

	width:45%;

	float:left;

	margin-right:15px;

}

.content-box-col-pro .item-pro-col:last-child

{

	border-bottom:none;

	margin-bottom:0;

	padding-bottom:0;

}

.pro-item-name-col

{

	font-size:16px;

	font-weight:500;

	text-transform:uppercase;

}

.pro-item-name-col a

{

	color:#333333;

}

.pro-item-name-col a:hover

{

	color:#00a651

}



.suntory-alo-phone {background-color: transparent;cursor: pointer;height: 120px;position: fixed; transition: visibility 0.5s ease 0s;width: 180px;z-index: 200000 !important; text-align:center}

.suntory-alo-ph-circle {animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;background-color: transparent;border: 2px solid rgba(30, 30, 30, 0.4);border-radius: 100%;height: 80px;left: 5px;opacity: 0.1;position: absolute;top: 5px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 80px;}

.suntory-alo-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;border: 2px solid transparent;border-radius: 100%;height: 60px;left: 15px;position: absolute;top: 15px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 60px;}

.suntory-alo-ph-img-circle {border: 2px solid transparent;border-radius: 100%;height: 40px;left: 25px;opacity: 0.7;position: absolute;top: 24px;transform-origin: 50% 50% 0;width: 40px;}

.suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover {opacity: 1;}

.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;}

.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;}

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle {border-color: #111;opacity: 0.5;}

.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {border-color: #999;opacity: 1;}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {border-color: #999;opacity: 1;}

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.9);}

.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {background-color: #111;}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.9);}

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle {background-color: #111;}

.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle {background-color: #111;}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {background-color: #111;}

@keyframes suntory-alo-circle-anim {0% {opacity: 0.1;transform: rotate(0deg) scale(0.5) skew(1deg);}

30% {opacity: 0.5;transform: rotate(0deg) scale(0.7) skew(1deg);}

100% {opacity: 0.6;transform: rotate(0deg) scale(1) skew(1deg);}}

@keyframes suntory-alo-circle-img-anim {0% {transform: rotate(0deg) scale(1) skew(1deg);}

10% {transform: rotate(-25deg) scale(1) skew(1deg);}

20% {transform: rotate(25deg) scale(1) skew(1deg);}

30% {transform: rotate(-25deg) scale(1) skew(1deg);}

40% {transform: rotate(25deg) scale(1) skew(1deg);}

50% {transform: rotate(0deg) scale(1) skew(1deg);}

100% {transform: rotate(0deg) scale(1) skew(1deg);}}

@keyframes suntory-alo-circle-fill-anim {0% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}

50% {opacity: 0.2;transform: rotate(0deg) scale(1) skew(1deg);}

100% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}}

.suntory-alo-ph-img-circle i {animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;font-size: 20px;line-height: 40px;padding-left: 0px;color: #fff;}

@keyframes suntory-alo-ring-ring {

0% {transform: rotate(0deg) scale(1) skew(1deg);}

10% {transform: rotate(-25deg) scale(1) skew(1deg);}

20% {transform: rotate(25deg) scale(1) skew(1deg);}

30% {transform: rotate(-25deg) scale(1) skew(1deg);}

40% {transform: rotate(25deg) scale(1) skew(1deg);}

50% {transform: rotate(0deg) scale(1) skew(1deg);}

100% {transform: rotate(0deg) scale(1) skew(1deg);}}

#suntory-alo-phoneIcon{display: block}

.hotline-m

{

	display:block

}

.lbl-yeucau

{

	position: fixed;

background-color: #cf9557;

padding: 8px 20px;

font-weight: 700;

text-transform: uppercase;

bottom: 25px;

left: 27px;

color: #fff;

-webkit-border-radius: 50px;

border-radius: 50px;

z-index: 9999;

padding-left:45px;

}

.lbl-yeucau a

{

	color:#fff;	

}

.modal-title-page

{

	background-color:#930016;

	color:#fff;

	font-size:20px;

	font-weight:700 !important;

	text-transform:uppercase;

	padding-top:10px !important;

	padding-bottom:10px !important;

	border-radius:0 !important;

}

.modal-title 

{

	font-weight:700 !important;

}

.modal-title-page .close

{

	color:#fff !important;

}

.modal-content

{

	border-radius:0 !important;

}



/*Chi tiết sản phẩm*/

.top-proDetail

{



	padding-bottom:40px;



	position:relative;

}

.bot-proDetail

{

	background-color:#fff;

	padding-top:30px;

	padding-bottom:30px;

}

.title-detail-pro

{

	color:#494949;

	margin-bottom:20px;

	font-size:35px;

	font-weight:600;



}

.title-detail-pro span

{

	font-weight:700;

	font-size:20px;

	text-transform:uppercase;

	margin-bottom:10px;

	display:block;

}

.title-detail-pro strong

{

	font-weight:700;

	font-size:50px;

	text-transform:uppercase;

	

	display:block;

}

.box-sale

{

	background-color:#fff;

	padding:10px;

	-webkit-border-radius: 6px;

border-radius: 6px;

-webkit-box-shadow: 0px 0px 5px 0px rgba(215,215,215,1);

-moz-box-shadow: 0px 0px 5px 0px rgba(215,215,215,1);

box-shadow: 0px 0px 5px 0px rgba(215,215,215,1);

margin-top:20px;

}

.code-detail

{

	margin-top:10px;

	border-bottom:solid 1px #eee;

	padding-bottom:15px;

}

.price-detail

{

	margin-top:15px;

}

.price-detail strong

{

	font-size:30px;

	font-weight:500;

	color:#c39a67;

}

.price-detail del

{

	color:#666;

	padding-left:10px;

}

.intro-detail-pro

{



}

.intro-detail-pro .inner-intro-detail-pro

{

	padding:20px 0;

	padding-top:0;

}

.intro-detail-pro .inner-intro-detail-pro ul

{

	margin:0;

	padding:0;

}

.intro-detail-pro .inner-intro-detail-pro ul li

{

	display:block;

	font-weight:700;

	margin-bottom:8px;

	background-image:url(../images/icon/check.png);

	background-repeat:no-repeat;

	padding-left:25px;

	background-position:0 4px;

}

.btn-add-detail

{

	display:inline-block;

	padding:15px 30px;

	text-align:center;

	color:#fff;

	background-color:#00a651;

	font-size:20px;

	font-weight:500;

    text-transform:uppercase;

	-webkit-border-radius: 4px;

border-radius: 4px;

}

.btn-add-detail:hover

{

	background-color:#414141;

	color:#fff;

}

.btns-prodetail

{

}

.figure-img-detail

{

	margin-bottom:15px;

	

}

.figure-img-detail img

{

	padding:5px;

	border:solid 1px #d7d7d7;

	background-color:#f5f5f5;

}

.figure-img-detail .figure-caption

{

	background-color:#fff;

	padding:6px;

}

.hd-more

{

	border-bottom:solid 3px #d7d7d7;

	font-size:22px;

	text-transform:uppercase;

	position:relative;

	font-weight:700;

	color:#424242;

	height:46px;

	margin-bottom:30px;

}

.hd-more span

{

	background-color:#fff;

	display:inline-block;

	padding-bottom:10px;

	padding-top:15px;

	position:absolute;

	left:0;

	bottom:-3px;

	border-bottom:solid 3px #222;

}

.hot-de

{

    background-color:#c8dccf;

    color:#323232;

    padding-top:10px;

    padding-bottom:10px;

    font-size:20px;

    text-transform:uppercase;

    text-align:center;

}

.hot-de a{

    color:#ff0000;

    

}

.panel-detail

{

    margin-top:20px;

    margin-bottom:20px;



}

.panel-detail .top

{

    background-color:#e4f1e9;

    -webkit-border-radius: 7px 7px 0 0;

   border-radius: 7px 7px 0 0;

   border-bottom:solid 2px #fff;

   padding:20px;

}

.panel-detail .bot{

    -webkit-border-radius: 0 0 7px 7px;

    border-radius: 0 0 7px 7px;

    border:solid 2px #c8dccf;

}

.bot .row>div

{

    text-align:center;

    font-size:15px;

    border-right:solid 2px #c8dccf;

    color:#3ab075;

}

.bot .row>div:last-child

{

    border-right:none;

}



.bot .row>div div

{

    padding-top:10px;

    padding-bottom:10px;



}

.content-sale

{

    padding-top:15px;

    color:#222;

    line-height:22px;



}

.btnaddtocart

{

    display:block;

    color:#fff;

    font-size:18px;

    text-transform:uppercase;

    font-weight:700;

    background:#ff6d01;

    width:100%;

    text-align:center;

    padding-top:10px;

    padding-bottom:10px;

    -webkit-border-radius: 6px;

border-radius: 6px;

}

.btnaddtocart:hover

{

    color:#f5f5f5;



}

.panel-detail .spinBox

{

    width:100%;



}

.panel-detail .spinBox input

{

    width:100%;

}

.title-sl

{

    font-size:15px;

    padding-top:10px;

    font-weight:700;

    text-align:right;



}



.tab-pro-detail{

	position:relative;

	height:38px;

	border-bottom:solid 1px #e0dfdf;

	text-align:center;

	margin-bottom:80px;

}

.tab-pro-detail ul{

	padding:0;

	margin:0;

}

.tab-pro-detail ul li{

	display:inline-block;

}

.tab-pro-detail ul li a

{

	font-weight:600;

	color:#494949;

	font-size:16px;

	display:block;

	padding-left:10px;

	padding-right:10px;

}

.tab-pro-detail ul li a:hover

{

	border-bottom:solid 3px #013220;

	height:39px;

	color:#595a5a;

}



.title-sub-pro-detail

{

	color:#494949;

	font-size:30px;

	text-transform:uppercase;

	font-weight:600;

	margin-bottom:20px;

	

}



.box-img-detail

{



}

.box-img-detail img

{

	display:block;

	width:100%;

}

.inner-box-img-detail

{

}



.slide-img-product

{



}

.gallery-top

{

	position:relative;

}

.btn-slide-pro

{

	width:28px;

	position:absolute;

	top:50%;

	margin-top:-28px;

	height:57px;

	text-indent:-999em;

	display:block;

	background-image:url(../images/np_pro.png);

	z-index:999

}

.btn-slide-pro-prev

{

	background-position:-28px 0;

	right:0;

}

.btn-slide-pro-next

{

	background-position:0 0;

	left:0;

}







.gallery-top

{

	position:relative;

}

.btn-slide-pro

{

	width:28px;

	position:absolute;

	top:50%;

	margin-top:-28px;

	height:57px;

	text-indent:-999em;

	display:block;

	background-image:url(../images/np_pro.png);

	z-index:999

}

.btn-slide-pro-prev

{

	background-position:-28px 0;

	right:0;

}

.btn-slide-pro-next

{

	background-position:0 0;

	left:0;

}

#thumb_image {

    top: 0px;

    left: 0px;

    width: 100%;

}

.outer-gallery-thumbs

{

	width:60%;

	top:-50px;

	z-index:999;

	margin:auto;

}

.gallery-thumbs

{

	margin-top:0px !important;

	padding:10px;

	padding-top:0;

}

	

    .gallery-thumbs .swiper-slide {

      height: 100%;

      

    }

    .gallery-thumbs .swiper-slide-thumb-active {

      opacity: 1;

    }

	.gallery-thumbs img

	{

		display:block;

	}

.gallery-top

{

}

.gallery-top img

{

	display:block;

	width:100%;

}



.gallery-thumbs img

{

	display:block;

	width:100%;

}

.btn-slide-small

{

	position: absolute;

	width:20px;

	height:100%;

	text-align:center;

	height: 22px;

	background-color: rgb(0,0,0,0.4);

	z-index: 999;

	color: #fff;

	line-height: 22px;

	text-align: center;

}

.btn-slide-up

{

	

	top:50%;

}

.btn-slide-down

{

	bottom:50%

}

.hd-attrs

{

	background-color:#d7d7d7;

	padding:10px;

	font-weight:800;

	text-transform:uppercase;

	color:#414042;

}

.attrs

{

	margin-bottom:20px;

	margin-top:20px;

}

.attr-item

{

	

	overflow:hidden;

	margin-bottom:0px;

	font-size:15px;

}

.attrs .attr-item:nth-child(even) {

 

}

.attr-name

{

	display:block;

	width:35%;

	float:left;

	font-weight:normal;

	padding-top:8px;

	padding-bottom:8px;

	

}

.attr-value

{

	width:65%;

	float:left;

	padding-top:8px;

	padding-bottom:8px;

	padding-left:10px;



	

}

.attr-value strong

{

	color:#F00;

}

.attr-item span

{

	

}

.viewer-doc

{

	width:100%;

}

.viewer-doc .pdf-reader

{

	width:100%;

	height:800px;

}



.modal-body-viewvideo

{

	padding:0;

}

.video-container {

    position: relative;

    padding-bottom: 56.25%;

    height: 0; 

	overflow: hidden;

}



.video-container iframe,

.video-container object,

.video-container embed

{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

	z-index:99;

}





.img-wc

{

	width:100%;

	position:relative;

	overflow:hidden;

	-webkit-border-radius: 15px;

border-radius: 15px;

}

.img-wc img

{

	display:block;

	width:100%;

}

.btn-play

{

	position:absolute;

	background-image:url(../images/icon-play.png);

	width:59px;

	height:59px;

	z-index:9;

	top:50%;

	left:50%;

	margin-top:-30px;

	margin-left:-30px;

	z-index:99999

}

.btn-play-small

{

	position:absolute;

	background-image:url(../images/play1.png);

	width:55px;

	height:62px;

	z-index:9;

	top:50%;

	left:50%;

	margin-top:-22px;

	margin-left:-31px;

}

.btn-play-col

{

	position:absolute;

	background-image:url(../images/play2.png);

	width:28px;

	height:31px;

	z-index:9;

	top:50%;

	left:50%;

	margin-top:-15px;

	margin-left:-14px;

}

.videoact-col

{

	font-weight:700;

}

.list-video-col

{

}



.list-video-col .item-video-col a

{

	display:block;

	padding:10px 15px;

	background-color:#1d317a;

	color:#fff;

	border-bottom:solid 1px #384b8d

}

.item-service

{

	margin-bottom:30px;

}

.name-item-service

{

	font-size:22px;

	font-weight:500;

	margin:0;

	padding:15px 0;

}

.name-item-service a

{

	color:#464646;

	

	text-transform:uppercase;

}

.name-item-service a:hover

{

	color:#d0a543;

}

.intro-item-service

{

	line-height:22px;

}

.mes-suc

{

	padding:15px 0;

	text-align:center;

	font-weight:700;

	color:#F00;

}



/*Cart*/



.item-cart {

	font-size: 14px;

	border-bottom:solid 1px #d7d7d7;

	padding-bottom:10px;

	margin-bottom:10px;

}

#giohang_row .item-cart:last-child

{

	margin-bottom:0;

}

.hd-cart {

	padding: 15px 10px;

	text-transform:uppercase;

	font-size:16px;

	font-weight:700;

	background: #774e69;

background: -moz-linear-gradient(left, #774e69 0%, #956e6e 39%, #b18c72 64%, #c19c75 84%, #c8a376 100%);

background: -webkit-linear-gradient(left, #774e69 0%,#956e6e 39%,#b18c72 64%,#c19c75 84%,#c8a376 100%);

background: linear-gradient(to right, #774e69 0%,#956e6e 39%,#b18c72 64%,#c19c75 84%,#c8a376 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#774e69', endColorstr='#c8a376',GradientType=1 );

	text-align:center;

	color:#fff;

}

.cart-title-number {

	width: 40px;

	height: 40px;

	margin-bottom: -2px;

	float: left;

	background: #774e69;

background: -moz-linear-gradient(left, #774e69 0%, #956e6e 39%, #b18c72 64%, #c19c75 84%, #c8a376 100%);

background: -webkit-linear-gradient(left, #774e69 0%,#956e6e 39%,#b18c72 64%,#c19c75 84%,#c8a376 100%);

background: linear-gradient(to right, #774e69 0%,#956e6e 39%,#b18c72 64%,#c19c75 84%,#c8a376 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#774e69', endColorstr='#c8a376',GradientType=1 );

	-webkit-border-radius: 50%;

	-ms-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	text-align: center;

	line-height: 39px;

	color: #fff;

	font-size: 20px;



}

.cart-title {

	margin-left: 25px;

	padding-left: 25px;

}

.cart-title-name {

	line-height: 40px;

	FONT-SIZE: 30px;

	margin: 0px;

	color:#774e69;

	padding: 0px;

	font-weight: normal;



}

.member-regis-title {

	font-size: 24px;

	color: #e74847;

}

.btn_red_bg {

	color: #FFF;

	font-size: 18px;

	padding: 7px 50px;

	border-radius: 5px;

	text-decoration: none;

	float: left;

	border: none;

	background: url(../images/cart-submit-bg.png) repeat-x;

}

.cart-image img {

	display: block;

	margin-right: 10px;

}

.giamgia-zone {

	border: solid 1px #DDD;

	padding: 10px;

	padding-top: 0px;

	background: #EFEFEF;

	border-radius: 3px;

}

.giamgia-zone label {

	line-height: 26px;

}

.giamgia-zone input {

	height: 26px;

	padding-left: 3px;

	color: #0000FF;

	font-weight: bold;

	font-size: 16px;

}

.total-payment {

	color: #333;

	font-weight: bold;

	font-size: 16px;

	background-color:#f5f5f5;

	text-align:right;

	padding:15px;

}

.total-payment span {

	color: #d5a34c;

	font-size: 18px;

}

.line-frm {

	line-height: 30px;

}

.line-frm input {

	height: 30px;

	margin: 0px;

	margin-bottom: 5px;

	padding-left: 3px;

}

.cart-name {

	text-transform: uppercase;

	font-size: 16px;

	color: #333;

	text-decoration: none;

	font-weight: bold;

}

.cart-name:hover{

	color:#774e69;

}



.quantity .fa {

	color: #FFF;

	font-size: 22px;

	background: #f27509;

	display: block;

	float: left;

	padding: 3px 5px 1px 5px;

	margin-left: 5px;

	font-weight: normal;

	cursor: pointer;

}

.txt-quantity {

	text-align: center;

	width: 60px;

	height: 26px;

	border:solid 1px #d7d7d7;

	font-weight:700;



}

.buy-other {

	display: block;

	float: left;

	text-decoration: none;

	padding: 8px 20px 7px 40px;

	border: solid 1px #f27509;

	border-radius: 5px;

	color: #f27509;

	font-weight: bold;

	font-size: 16px;

	margin-left: 20px;

	cursor: pointer;

	background: url(../images/cart-icon.png) 5px no-repeat;

}

.step-02 {

	padding: 0px 0px;

	font-size: 14px;

}

.contact_input {

	margin-bottom: 15px;

	width: 100%;

}

.contact_input input ,.contact_input select{

	height: 36px;

	width:100%;

	border: solid 1px #d7d7d7;

	background: #FFF;

	padding:0px 5px;

	-webkit-border-radius:3px;

	border-radius:3px;

}

.contact_input textarea {

	width: 100%;

	-webkit-border-radius:3px;

	border-radius:3px;

	padding:5px;

	border: solid 1px #d7d7d7;

	background: #fff;

}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */

 color: #333;

}

    ::-moz-placeholder { /* Firefox 19+ */

 color: #333;

}

    :-ms-input-placeholder { /* IE 10+ */

 color: #333;

}

    :-moz-placeholder { /* Firefox 18- */

 color: #333;

}

.error {

	border: solid 1px #FF0000 !important;

	color: #111;

}

.remove-cart {

	color: #FFF;

	font-size: 18px;

	background:#d5a34c;

	display:inline-block;

	width:25px;

	height:25px;

	-webkit-border-radius:50%;

	border-radius:50%;

	text-align:center;

	line-height:23px;

}

.msgbox {

	font-size: 14px;

}

.form_error {

	color: #FF0000;

}

.quantity {

	padding-top: 10px;

	width: 65%;

}

.price-mobile {

	visibility: hidden;

}

.btn-send-continue{

	border:solid 1px #d5a34c;

	-webkit-border-radius:5px;	

	border-radius:5px;

	display:inline-block;

	padding:10px 20px;

	background:none;

	text-transform:uppercase;

	color:#d5a34c;

	display:none;

}

.btn-send-cart{

	border:solid 1px #774e69;

	-webkit-border-radius:5px;	

	border-radius:5px;

	display:inline-block;

	padding:10px 20px;

	background: #774e69;

background: -moz-linear-gradient(left, #774e69 0%, #956e6e 39%, #b18c72 64%, #c19c75 84%, #c8a376 100%);

background: -webkit-linear-gradient(left, #774e69 0%,#956e6e 39%,#b18c72 64%,#c19c75 84%,#c8a376 100%);

background: linear-gradient(to right, #774e69 0%,#956e6e 39%,#b18c72 64%,#c19c75 84%,#c8a376 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#774e69', endColorstr='#c8a376',GradientType=1 );

	text-transform:uppercase;

	color:#fff;

	font-weight:700;

}

.cart-price

{

	font-size:20px; font-weight:700;

	text-align:center;

	color:#eb1c24

}

.form-cart

{

	background-color:#f5f5f5;

	padding:25px;

	border:#d7d7d7 solid 1px;

	border-bottom:solid 3px #d0a543

}

.bnt-footer

{

	background-color:#d0a543;

	display:inline-block;

	padding:12px 30px;

	color:#fff;

	margin-top:15px;

	-webkit-border-radius: 100px;

    border-radius: 100px;

	font-weight:600;

}



.item_styleshow_grid

{

	margin-bottom:30px;

	text-align:center;

}

.name-grid

{

	font-weight:600;

	margin-top:15px;

}





 @media handheld, only screen and (max-width: 767px) {

.price-mobile {

	visibility: visible;

	float: right;

	margin-bottom: 10px;

	font-weight: bold;

}

.cart-name {

	text-transform: inherit;

	font-size: 14px;

	font-weight: bold;

}

.quantity {

	float: left;

}

.buy-other {

	float: right;

}

.btn_red_bg {

	float: right;

	margin-bottom: 10px;

}

}





.filter-daily

{

	width:70%;

	margin:auto;

	margin-top:30px;

}

.filter-daily .form-select

{

	padding:10px;

}

.btn-search-daily

{

	font-size:18px;

	font-weight:600;

	text-transform:uppercase;

	text-align:center;

	display:block;

	-webkit-border-radius: 8px;

border-radius: 8px;

color:#fff;

padding:12px 0;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#683b59+0,936860+50,c29967+100 */

background: #683b59; /* Old browsers */

background: -moz-linear-gradient(left,  #683b59 0%, #936860 50%, #c29967 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #683b59 0%,#936860 50%,#c29967 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #683b59 0%,#936860 50%,#c29967 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#683b59', endColorstr='#c29967',GradientType=1 ); /* IE6-9 */

}

.btn-search-daily:hover

{

	color:#fff;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c29967+0,936860+50,683b59+99 */

background: #c29967; /* Old browsers */

background: -moz-linear-gradient(left,  #c29967 0%, #936860 50%, #683b59 99%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #c29967 0%,#936860 50%,#683b59 99%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #c29967 0%,#936860 50%,#683b59 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c29967', endColorstr='#683b59',GradientType=1 ); /* IE6-9 */



}

.item-info-daily

{

	margin-bottom:10px;

	position:relative;

	padding-left:30px;

}

.info-daily

{

	padding:20px;

}

.item-info-daily-add

{

}

.item-info-daily-add:before

{

	position:absolute;

	left:0;

	top:4px;

	font: normal normal normal 14px/1 FontAwesome;

    font-size: 18px;

	content:"\f041";

	color:#777777;

}

.item-info-daily-phone

{

	font-weight:600;

}

.item-info-daily-phone:before

{

	position:absolute;

	left:0;

	top:4px;

	font: normal normal normal 14px/1 FontAwesome;

    font-size: 18px;

	content:"\f095";

	color:#777777;

}

.item-info-daily-email:before

{

	position:absolute;

	left:0;

	top:4px;

	font: normal normal normal 14px/1 FontAwesome;

    font-size: 18px;

	content:"\f0e0";

	color:#777777;

}





.video-detail

{

	background-color:#525252;

	padding-top:40px;

	padding-bottom:40px;

}

.video-content

{

	background-color:#f8f8f8;

}

.video-info

{

	background-color:#fff;

	-webkit-box-shadow: 0px 5px 12px 0px rgba(191,189,189,1);

-moz-box-shadow: 0px 5px 12px 0px rgba(191,189,189,1);

box-shadow: 0px 5px 12px 0px rgba(191,189,189,1);

padding:20px;

}

.media-detail-name1

{

	

}

.hd-video-info

{

	font-size:24px;

	

	font-weight:700;

	border-bottom:solid 2px #01321f;

	padding-bottom:10px;

}

.video-info

{

}

.video-info ul

{

	margin:0;

	padding:0;

	padding-top:15px;

}

.video-info ul li

{

	display:block;

	overflow:hidden;

	padding-bottom:15px;

}

.video-info ul li .title-arr

{

	width:40%;

	float:left;

}

.video-info ul li .value-arr

{

	width:60%;

	float:left;

	font-weight:700;

}

.media-content-detail1

{



}



.item-styleshow-list

{

	margin-bottom:30px;

}

.name-item-styleshow-list

{

	font-weight:700;

	margin-bottom:10px;

}

.name-item-styleshow-list a

{

	color:#424242

}

.name-item-styleshow-list a:hover

{

	color:#1d317a

}



.button-sl

{

	display:block;

	width:62px;

	height:62px;

	background-image:url(../images/np.png);

	text-indent:-9999em;

	position:absolute;

	top:44%;

	margin-top:-31px;

	z-index:9;

	background-repeat: no-repeat

}



.button-next

{

	background-position:0 0;

	left:-80px;

}



.button-prev

{

	background-position:-62px 0;

	right:-80px;

}

.button-drop

{

	-webkit-border-radius: 100px;

border-radius: 100px;

-webkit-box-shadow: 10px 10px 16px 0px rgba(227,227,227,1);

-moz-box-shadow: 10px 10px 16px 0px rgba(227,227,227,1);

box-shadow: 10px 10px 16px 0px rgba(227,227,227,1);

}

.item-partner

{

	text-align:center;

	margin-bottom:30px;

	

}

.img-partner

{

	background-color:#fff;

	-webkit-box-shadow: 0px 0px 14px 0px rgba(168,166,166,1);

-moz-box-shadow: 0px 0px 14px 0px rgba(168,166,166,1);

box-shadow: 0px 0px 14px 0px rgba(168,166,166,1);

margin-bottom:15px;

}

.img-partner img

{

	display:block;

	width:100%;

}

.name-partner

{

	text-transform:uppercase;

	font-weight:500;

}



.panel-baner

{

	position:fixed;

right:20px;

z-index:999;

top:30%;

}



.box-sc

{

	background-color:#fff;

	width:50px;

	-webkit-border-radius: 100px;

border-radius: 100px;



text-align:center;

padding-top:10px;

padding-bottom:10px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6b3e5a+0,956a60+50,c09767+100 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6b3e5a+0,956a60+50,c09767+100 */

background: #6b3e5a; /* Old browsers */

background: -moz-linear-gradient(45deg,  #6b3e5a 0%, #956a60 50%, #c09767 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg,  #6b3e5a 0%,#956a60 50%,#c09767 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg,  #6b3e5a 0%,#956a60 50%,#c09767 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b3e5a', endColorstr='#c09767',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.box-sc a

{

	display:block;

	color:#fff;

	font-size:20px;

	padding-top:5px;

	padding-bottom:5px;

}

.timeline{



	position: relative;

	margin:0;

	padding:0;

	overflow:hidden;



}







/*Line*/



.timeline > li::before{

	



}







/*Circle*/



.timeline > li::after{

    text-align: center;

    padding-top:10px;

	z-index: 10;

	content:"0" counter(item);

	position: absolute;

	width: 66px;

	height: 66px;

	background-color: #d0a543;

	border-radius: 50%;

	top:0;

	left:0px;

	font-size:30px;

	line-height:50px;



}







/*Content*/



.timeline > li{



	counter-increment: item;

	padding:0;

	padding-left:85px;

	margin-bottom:30px;

	margin-left: 0px;

	position: relative;

	color:#fff;

	font-weight:700;

	font-size:16px;

	list-style: none;

	width:33.333%;

	float:left;

	overflow:hidden;

	min-height:66px;

	display:table;

	height:100%;

	font-size:18px;

	



}

.timeline > li > div{

	display:table-cell;

	height:100%;

	width:100%;

	vertical-align:middle;

	

}



.timeline>li:nth-last-child(1)::before{



	width: 0px;



}



.timeline > li .intro-trust{



	font-weight:normal;



	color:#d7d7d7;



	font-size:13px;



	font-style:italic;



}

.sub-page

{

	color:#4f4f4f;

	font-size:40px;

	font-weight:500;

	margin:0;

	margin-bottom:10px;

}

.sub-page span

{

	font-size:30px;

	color:#4f4f4f;

	text-transform:uppercase;

	display:block;

	font-weight:500;

}

.sub-page strong

{

	font-size:40px;

	color:#4f4f4f;

	text-transform:uppercase;

	display:block;

	font-weight:600;

}

.content-lichsu

{

	background-repeat:no-repeat;

	background-position:center top;

	padding-top:50px;

	padding-bottom:50px;

}

.nav-tabs

{

	border-bottom:solid 3px #fff;

	text-align:center;

}

.nav-tabs .nav-item

{

	display:inline-block;

	float:none;

}

.nav-tabs .tab-link

{

	color:#fff;

	

	font-size:22px;

	font-weight:700;

	display:inline-block;

	padding:15px 20px;

	margin-bottom:-2px;

}

.nav-tabs .tab-link.active

{

	border-bottom:solid 3px #d0a543

}

.nav-tabs .tab-link:hover

{

	border:none;

	color:#d0a543;

	border-bottom:solid 3px #d0a543;

	margin-bottom:-2px;

}

.tab-content-hist

{

	padding-top:50px;

	color:#fff;

}



.content-info-top2

{

	padding-top:40px;

	padding-bottom:40px;

	background-repeat:no-repeat;

	background-position:right top;

}



.content-quytrinh

{

	background-color:#f3f3f3;

	padding-top:50px;

	padding-bottom:50px;

}

.content-quytrinh .swiper-container

{

	padding-top:10px;

	padding-bottom:10px;

	padding-left:10px;

	padding-right:10px;

}

.item-quytrinh

{

	background-color:#fff;

	-webkit-border-radius: 20px;

    border-radius: 20px;

	padding:30px;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(161,153,161,1);

-moz-box-shadow: 0px 0px 5px 0px rgba(161,153,161,1);

box-shadow: 0px 0px 5px 0px rgba(161,153,161,1);

}

.name-item-quytrinh

{

	

	font-size:24px;

	text-transform:uppercase;

	margin-bottom:10px;

}

.intro-quytrinh

{

	margin-top:15px;

}

.content-sanpham

{

	padding-top:50px;

	padding-bottom:50px;

}

.item-sanpham

{

	text-align:center;

}

.name-item-sanpham

{

	color:#383838;

	font-size:20px;

	text-transform:uppercase;

	

}

.intro-item-sanpham

{

	color:#383838;

	margin-top:20px;

	line-height:22px;

}



.pos-sticky {

    position: sticky;

    height: max-content;

    position: sticky;

    top: 10px;

    left: 0;

}







/*faq*/

.accordion-faq

{

	margin-bottom:20px;



}

.accordion-faq .accordion-header

{

	

}

.accordion-faq .accordion-button

{

	-webkit-border-radius: 0;

    border-radius: 0;

	border:solid 1px #d7d7d7;

	padding:10px 20px;

	text-decoration:none;

	color:#00a651;

	background-color:#f5f5f5;

	background-repeat:no-repeat;

	background-position:10px 14px;

	padding-left:40px;

	font-weight:600;

	background-image:url(../images/icon/faq-active-icon.png);

}

.accordion-faq .accordion-button.collapsed

{

	background-color:#f5f5f5;

	color:#424242;

	background-image:url(../images/icon/faq-icon.png);



	

	-webkit-border-radius: 4px;

border-radius: 4px;

	

}

.accordion-faq .accordion-item:last-child .accordion-body

{

	border-bottom:solid 1px #d7d7d7;

}

.accordion-faq .accordion-item

{



	margin-bottom:15px;

}

.accordion-faq .accordion-button

{

	cursor:pointer;

}

.accordion-faq .accordion-body

{

	background-color:transparent;

	padding:15px 15px;

	background-color:#00a651;

	color:#fff;

}

.accordion-faq .accordion-collapse

{

	border:none;

}

.accordion-faq .accordion-item:first-of-type .accordion-button

{

	-webkit-border-radius: 0;

    border-radius: 0;

}