/* 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;

    }

}



.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;

	background-color:#fff;

	top:0;

	left:0;

	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);

position:relative;

}

.logo

{

	height:100%;

    padding-bottom:11px;

	padding-top:15px;

}

.logo-m

{

	padding-top:3px;

}



.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;

}



.menu {

    display: block;

	margin:0;

	padding:0;

}

.menu-left

{

	float:left;

}

.menu-right

{

	float:right;

}

.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: 600;

    text-decoration: none;

    padding: 0px 10px;

	line-height:110px;

    display: block;

    color: #484848;

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

	font-size:18px;

	font-family: 'Philosopher', sans-serif;

}



.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);

	background-color:#0070b8;

	color:#fff;

}

.menu > li > a

{

	font-size:18px;

}



.menu > li:hover > a

{

	background-color:#0070b8;

	color:#fff;

}



.menu > li.active > a

{

	background-color:#0070b8;

	color:#fff;

}



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

    color: #fff;

    background: #0070b8;

}



.menu ul.sub-menu {

    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: 260px;

}



.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: #fff;

    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: 600;

    display: block;

    color: #797979;

	line-height:normal;

	padding:14px 15px;

	border-bottom:solid 1px #f5f5f5;

}







.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:#fff;

	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:200px;

	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:#f09b02;

    font-weight:700;



}

.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;

	border:solid 1px #0070b8;

}

.navbar-toggler

{

	padding:8px;

}

.animated-icon1 span {

   background: #0070b8;

}

.animated-icon1{

width: 30px;

height: 22px;

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: 9px;

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;

}







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

top: 0px;

}



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

top: 10px;

}



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

top: 20px;

}



.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:#0070b8;

	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:40px;

	padding-bottom:40px;

	color:#fff;

	background-color:#013220;

}

.intro-footer

{

	margin-top:10px;

	margin-bottom:10px;

	color:#fff;

	font-size:14px;

}



.content-footer > div > strong

{

	color:#f09b02;

	font-weight:700;

}



.content-footer .add-f

{

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

	background-repeat:no-repeat;

	background-position:0 9px;

	padding-top:8px;

	padding-bottom:7px;

	font-size:14px;

	padding-left:30px;

}

.content-footer .add1-f

{

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

	background-repeat:no-repeat;

	background-position:0 9px;

	padding-top:8px;

	padding-bottom:7px;

	font-size:14px;

	padding-left:30px;

}

.email-f

{

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

	background-repeat:no-repeat;

	background-position:0 9px;

	padding-top:8px;

	padding-bottom:7px;

	font-size:14px;

	padding-left:30px;

}

.phone-f

{

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

	background-repeat:no-repeat;

	background-position:0 9px;

	padding-top:8px;

	padding-bottom:7px;

	font-size:14px;

	padding-left:30px;

}



.copyright{

	background:#191919;

	color:#fff;

	text-align:left;

	font-size:12px;

	line-height:46px;

	text-align:center;

}

.copyright a{

	color:#fff;	

}

.copyright .grid{

	

}

.pos-re

{

	position:relative;

}



.frm-newsl

{

	position:relative;

	overflow:hidden;

	width:100%;

	background-color:#fff;

	-webkit-border-radius: 100px;

border-radius: 100px;

}

.frm-newsl input

{

	width:100%;

	border:none;

	padding:8px 20px;

}

.btn-frm-newsl

{

	position:absolute;

	right:0;

	top:0;

	background-color:#00aeef;

	display:inline-block;

	padding:8px 15px;

	color:#fff !important;

}



.linksmo{

	margin-top:15px;

}

.linksmo a{

	display:inline-block;

	width:38px;

	height:38px;

	text-align:center;

	line-height:38px;

	color:#1d317a;	

	background:#d7d7d7;

	-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:14px;

	font-weight:700;

	color:#fff;

	padding-bottom:10px;

	margin-bottom:0px;

	text-transform:uppercase;

}

.title-footer a

{

	color:#fff;

}

.title-footer a:hover

{

	color:#1d317a;

}

.line-footer

{

	background-color:#fff;

	height:3px;

	display:none;

	width:40px;

	margin-top:10px;

	margin-bottom:15px;

}

.content-footer

{

	color:#fff;

	line-height:22px;

}

.content-footer a

{

	color:#fff;

}

.mnu-footer

{

}

.box-menu

{

	width:48%;

	float:left;

}



.menufooter{

	margin:0px;

	padding:0;

	

}

.menufooter li{

	list-style:none;

	padding-bottom:10px;

}

.menufooter li i.fa{



}

.menufooter li a{

	color:#fff;

	display:block;

	font-size:13px;

	

}

.menufooter li a:hover{

	color:#1d317a;	

}

.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:45px;

	font-weight:600;

	color:#494949;

	text-transform:uppercase;

	font-family: 'Philosopher', sans-serif;

}



.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

{

	padding:0;

	margin:0;

	text-align:center;

	margin-top:20px;

	margin-bottom:40px;

}

.subtab li

{

	display:inline-block;

}

.subtab li a

{

	display:block;

	color:#fff;

	padding:12px 20px;

	font-weight:700;

	background-color:#ebebeb;

	-webkit-border-radius: 100px;

border-radius: 100px;

color:#515151;

margin-left:5px;

margin-right:5px;

-webkit-box-shadow: 0px 0px 12px 3px rgba(199,197,199,1);

-moz-box-shadow: 0px 0px 12px 3px rgba(199,197,199,1);

box-shadow: 0px 0px 12px 3px rgba(199,197,199,1);

}

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

{

	background-color:#013220;

	color:#fff;

}



/*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:#0070b8

}

.sub_menu_product ul li span

{

	display:inline-block;

}

.sub_menu_product ul li i

{

	color:#0070b8;

	font-size:13px;

}

.sub_menu_product ul li a.act

{

	color:#0070b8;

	font-weight:700;

}

.title-page

{

	font-size:22px;

	color:#0070b8;

	font-weight:500;

	text-transform:uppercase;

}





/*menu left*/

.box-menu-left

{

	margin-bottom:20px;

	background-color:#eeeeee

	

}



.title-menu-left

{

	background-color:#e59c2b;

	display:none

}

.title-menu-left a

{

	color:#fff;

	display:block;

	padding:14px 15px;

	font-weight:700;

	font-size:16px;

}

.menuleft

{

	border:solid 1px #f5f5f5;

	border-top:none;

	padding:0;

	margin:0;

	background-color:#eeeeee

}

.menuleft > li

{

	display:block;

	

	

}



.menuleft > li a

{

	color:#222;

	border-bottom:dashed 1px #f1eeee;

	display:block;

	font-weight:700;

}

.menuleft > li:last-child a

{

	border-bottom: none;

}

.menuleft > li span

{

	display:block;

	padding:12px 15px;

}

.menuleft > li a:hover

{

	background-color:#fff;

}

.menuleft > li.active > a

{

	background-color:#e59c2b;

	color:#fff

}

.menuleft > li > a:hover

{

	color:#0070b8

}

.menulv3

{

	background-color:#fff;

	padding:0;

	margin:0;

	display:none;

}

.menulv3 li

{

	display:block;

}

.menulv3 li a

{

	display:block;

	font-weight:600;

	font-size:15px;

	border-bottom: dashed 1px #d7d7d7;

}

.menulv3 li a:hover

{

	color:#ef570c;

}

.menulv3 li.active a

{

	color:#ef570c;

}







.menulv3 li a span

{

	display:block;

	padding:10px 20px;

}



.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:#0070b8

}

.box-col

{

	margin-bottom:20px;

}

.hd-box-col

{

	background-color:transparent;

	padding:14px 0px;

	color:#424242;

	font-weight:700;

	font-size:16px;

	text-transform:uppercase;

}

.hd-box-col a

{

	color:#424242;

}

.content-box-col

{

	padding-top:15px;

}

.item-news-col

{

	overflow:hidden;

	margin-bottom:15px;

}

.item-news-col img

{

	width:30%;

	float:left;

	margin-right:10px;

}

.item-news-col a

{

	color:#414042;



}

.item-news-col a:hover

{

	color:#0070b8;

}





.view-all-in-col

{

	background-color:#0070b8;

	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;

}

.box-neolink ul li

{

	display:block;

	margin-bottom:7px;

	

}

.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:700 !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;

}

.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-family: 'Philosopher', sans-serif;

	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;

}

.top-contact

{

	background-color:#fff

}

.frm-contact

{





}

.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:#424242;

	color:#fff;

	font-size:20px;

	border:none;

}

.btn-frm:hover

{

	background-color:#999;

	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

{

}

.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:solid 1px #d7d7d7;

	border-top:none;

	padding:15px;

}





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

{

	overflow:hidden;

	border-bottom:solid 1px #d7d7d7;

	padding-bottom:15px;

	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:700;

}

.pro-item-name-col a

{

	color:#424242;

}

.pro-item-name-col a:hover

{

	color:#0070b8

}



.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;



}

.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;

	font-family: 'Philosopher', sans-serif;

	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:5px;

	border-bottom:solid 1px #eee;

	padding-bottom:10px;

}

.price-detail

{

	margin-top:15px;

}

.price-detail strong

{

	font-size:24px;

	font-weight:700;

	color:#F00;

}

.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:block;

	padding:15px 0;

	text-align:center;

	color:#424242;

	background-color:#e1e1e1;

	font-size:15px;

	font-weight:700;

text-transform:uppercase;

}

.btn-add-detail1

{

	background-color:#1d317a;

	color:#fff;

	font-weight:700;

}

.btn-add-detail2

{

	background-color:#f09b02;

	color:#fff;

	font-weight:700;

}

.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;

	font-family: 'Philosopher', sans-serif;

}



.box-img-detail

{



}

.box-img-detail img

{

	display:block;

	width:100%;

}

.inner-box-img-detail

{

}



.slide-img-product

{

	border:solid 1px #d7d7d7;

	padding:5px;

}

.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-thumbs

{

	margin-top:10px !important;

	}

    .gallery-thumbs .swiper-slide {

      height: 100%;

      opacity: 0.7;

	  border:solid 1px #d7d7d7;

    }

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

      opacity: 1;

    }

	.gallery-thumbs img

	{

		display:block;

	}





.gallery-top

{

}

.gallery-top img

{

	display:block;

	width:100%;

}

.gallery-thumbs

{

	margin-top:10px;

	padding-bottom:2px;

}

.gallery-thumbs img

{

	display:block;

	width:100%;

}

.hd-attrs

{

	background-color:#d7d7d7;

	padding:10px;

	font-weight:800;

	text-transform:uppercase;

	color:#414042;

}

.attrs

{

	margin-bottom:20px;

}

.attr-item

{

	

	overflow:hidden;

	margin-bottom:0px;

}

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

  background: #eeeeee;

}

.attr-name

{

	display:block;

	width:30%;

	float:left;

	font-weight:normal;



	padding-top:8px;

	padding-bottom:8px;

	padding-left:10px;

}

.attr-value

{

	width:70%;

	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,

.video-container img{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

	z-index:99;

}





.img-wc

{

	width:100%;

	position:relative;

}

.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;

	text-align:center;

}

.name-item-service

{

	font-size:16px;

	font-weight:500;

	margin:0;

	padding:15px 0;

}

.name-item-service a

{

	color:#414042;

}

.name-item-service a:hover

{

	color:#0070b8;

}

.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-color:#0070b8;

	text-align:center;

	color:#fff;

}

.cart-title-number {

	width: 40px;

	height: 40px;

	margin-bottom: -2px;

	float: left;

	background:#ff0000;

	-webkit-border-radius: 50%;

	-ms-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	text-align: center;

	line-height: 35px;

	color: #FFF;

	font-size: 20px;

	font-family:UTM-A, Tahoma, Geneva, sans-serif;

}

.cart-title {

	margin-left: 25px;

	padding-left: 25px;

}

.cart-title-name {

	line-height: 40px;

	FONT-SIZE: 30px;

	margin: 0px;

	color:#ff0000;

	padding: 0px;

	font-weight: normal;

	font-family:UTM-A, Tahoma, Geneva, sans-serif;

}

.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;

}

.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 {

	padding: 0px 0px 10px 20px;

	font-size: 16px;

}

.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 #d5a34c;

	-webkit-border-radius:5px;	

	border-radius:5px;

	display:inline-block;

	padding:10px 20px;

	background:#d5a34c;

	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 #0070b8

}

.bnt-footer

{

	background-color:#0070b8;

	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

{

	display:none

}

.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

{

	font-family: 'Philosopher', sans-serif;

}

.hd-video-info

{

	font-size:24px;

	font-family: 'Philosopher', sans-serif;

	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:58px;

	height:58px;

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

	text-indent:-9999em;

	position:absolute;

	top:50%;

	margin-top:-29px;

	z-index:9;

}



.button-next

{

	background-position:0 0;

	left:-80px;

}



.button-prev

{

	background-position:-58px 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;

}