/* base */
@font-face { font-family: 'UTMIsadoraR'; src: url('../fonts/UTMIsadoraR.ttf'); }
body { background-image: url('../img/bg.gif'); }
.fUTMIsadoraR { font-family: 'UTMIsadoraR'; }
ul, li { list-style: none; margin: 0; padding: 0; }
input.form-control { box-shadow: none; }
.form-control, .btn, .navbar, .nav-tabs>li>a, 
.pagination, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span, .alert { border-radius: 0; }
.custom-row { margin: 0; }
.custom-form-control { box-shadow: none; }
a.dropdown-toggle { color: #333; }
a.dropdown-toggle:hover, a.dropdown-toggle:focus { color: #d65d9e; text-decoration: none; }
.nav-tabs>li>a, .pagination>li>a, .pagination>li>span { color: #d65d9e; }
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus { color: #A71C66; }
.nav-tabs { margin-bottom: 20px; }
.bg-page { background-color: #fff; padding: 30px 0; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #d65d9e; border-color: #d65d9e; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #333; }
.bgcfff { background-color: #fff; }
.require-icon, .error-message { color: #d9534f; }
.error-message { margin-top: 5px; }
.fa-spin { vertical-align: middle; display: none; }

/* left-adv, right-adv */
.bnLeft { display: none; position: fixed; width: 150px; left: 13px; margin-top: 50px; }
.bnRight { display: none; position: fixed; width: 150px; right: 13px; margin-top: 50px; }

/* img */
.img-mw-31 { max-width: 31%; }

/* font size */
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs20 { font-size: 20px; }
.fs24 { font-size: 24px; }
.fwn { font-weight: normal; }
.ttu { text-transform: uppercase; }

/* row */
.row8 { margin: 0 -8px; }

/* color */
.colord65d9e { color: #d65d9e; }
a.colord65d9e:hover, a.colord65d9e:focus { text-decoration: none; color: #333; }
.color000 { color: #000; }
.color333 { color: #333; }
.color333:hover { color: #999; text-decoration: none; }
.colord65d9ehover:hover { color: #d65d9e; text-decoration: none; }

/* border */
.bor0 { border: 0; }

/* header */
header { /*background-color: rgba(255,255,255,0.9);*/ /*background-color: rgba(255, 255, 255, 0.58);*/ border-bottom: 3px solid #d65d9e; min-height: 86px; }
.header>h2.description { margin: 0; position: absolute; top: 25px; left: 101px; color: #d65d9e; font-weight: bold; font-size: 14px; width: 70px; text-align: center; line-height: 20px; } 
.header { position: relative; padding-top: 10px; padding-bottom: 10px; }
.header>div { padding-left: 50px; padding-top: 15px; }
.header-logo { float: left; margin: 0; }
.header-logo>a>img { display: inherit; }
.header-hotline { float: right; color: #d65d9e; }
.header-profile { float: right; }
.header-profile>ul>li { display: inline-block; }
.header-profile>ul>li>a { color: #333; }
.header-profile>ul>li>a:hover, .header-profile>ul>li>a:focus { color: #c3197b; text-decoration: none; }
.header-search { float: right; padding-top: 10px!important; }
.header-search input { width: 300px; }
.header-lang { float: right; margin-top: -1px; }
.header-lang>a:hover { opacity: 0.7; }
.header-lang>a:first-child { margin-right: 5px; }
.header-menu { position: absolute; z-index: 1; top: 69px; right: 0; width: 100%; padding: 0 15px; }

/* nav */
.main-menu>ul { float: right; }
.main-menu>ul>li { float: left; margin-left: 30px; position: relative; }
.main-menu>ul>li:first-child { padding-left: 0; }
.main-menu>ul>li:hover>ul.hm-drop, 
.main-menu ul.hm-drop>li:hover>ul.hm-drop { display: block; }
.main-menu>ul>li>a { text-transform: uppercase; color: #444; font-weight: bold; font-family: initial; text-decoration: none; padding-bottom: 19px; }
.main-menu>ul>li>a:hover, .main-menu>ul>li:hover>a, .main-menu>ul>li>a:focus, .main-menu>ul>li>a.active { color: #d65d9e; }
.main-menu>ul>li>ul.hm-drop>li { position: relative; }
.main-menu>ul>li>ul.hm-drop { display: none; position: absolute; top: 30px; width: 200px; background-color: rgba(214, 93, 158, 0.7); z-index: 1; }
.main-menu ul.hm-drop>li>ul.hm-drop { display: none; position: absolute; top: 0; left: 200px; width: 200px; background-color: rgba(214, 93, 158, 0.7); z-index: 1; }
.main-menu>ul>li>ul.hm-drop>li>a, .main-menu ul.hm-drop>li>ul.hm-drop>li>a { padding: 10px 15px; color: #fff; display: block; font-family: initial; text-transform: uppercase; font-weight: bold; }
.main-menu>ul>li>ul.hm-drop>li:hover>a, .main-menu ul.hm-drop>li>ul.hm-drop>li:hover>a { text-decoration: none; background-color: #d65d9e; }
.main-menu-mobile, #toggle-bar { display: none; }

/* title */
.post-title>a { color: #333; font-weight: bold; }
.post-title>a:hover, .post-title>a:focus { color: #d65d9e; text-decoration: none; }

/* content */
.content { margin-top: 30px; margin-bottom: 30px; }
.homepage-categories, .homepage-banner, .homepage-tips { text-align: center; margin-bottom: 50px; }
.double-border { display: inline-block; position: relative; margin-top: 50px; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #d65d9e; }
.double-border:after { content: ''; position: absolute; left: 0; right: 0; bottom: 3px; border-bottom: 1px solid #d65d9e; }
.prod-item { background-color: #fff; }
.prod-caption { background-color: #fff; padding: 20px; }
.prod-caption>h3 { font-size: 20px; margin: 0 0 15px 0; }
.prod-caption>p { margin-bottom: 20px; }
.btn-other { background-color: rgba(199, 25, 122, 0.38); color: #fff; }
.btn-other:hover, .btn-other:focus { background-color: rgba(199, 25, 122, 0.50); color: #fff; }
.btn-d65d9e { background-color: #d65d9e; color: #fff; }
.btn-d65d9e:hover, .btn-d65d9e:focus { color: #fff; background-color: #BD538C; }
.wrapper { background-color: #fff; padding: 20px; }
.wrapper-1 { padding: 15px; background-color: #fff; }
.price { color: #d65d9e; font-weight: bold; }

/* tips */
.homepage-tips .nav-tabs { text-transform: uppercase; }
.new-tip, .list-tip { width: 50%; text-align: left; }
.new-tip {	padding: 0 25px 0 0; }
.excerpt, .excerpt>p { margin-bottom: 0; text-align: justify; }
.list-tip { padding: 0 0 0 25px; border-left: 1px solid #ddd; }
.list-tip>li { padding-bottom: 25px; overflow: hidden; }
.list-tip>li:last-child { padding-bottom: 0; }
.grp-mr15 { margin-right: 15px; }
.grp-mr10 { margin-right: 10px; }
.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt-30 { margin-top: -30px; }
.mr5 { margin-right: 5px; }
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.pl15 { padding-left: 15px; }
.p300 { padding: 30px 0; }
.p100 { padding: 10px 0; }
.fwn { font-weight: normal!important; }
.dib { display: inline-block; }
.post-detail, .info-contact, .post-list, .pagination, .highlight, .post-gird, .fbs,
input, select, textarea { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.bor-bot { border-bottom: 1px solid #eee ; }
.bor10-e9eaed { border-top: 1px solid #e9eaed; border-bottom: 1px solid #e9eaed; }

/* widget */
.widget { background-color: #fff; margin-bottom: 30px; border: 1px solid #d65d9e; }
.widget:last-child { margin-bottom: 0; }
.widget-title {
	background-color: #d65d9e;
    color: #fff;
	padding: 15px;
	text-transform: uppercase;
	margin: 0;
	font-weight: bold;
}
.widget-content { padding: 15px; }
.widget-content a { color: #333; }
.widget-content a:hover, .widget-content a:focus { text-decoration: none; color: #d65d9e; }
ul.widget-content>li { margin-bottom: 15px; overflow: hidden; }
ul.widget-content>li:last-child/*, ul.post-list>li:last-child*/ { margin-bottom: 0; }
ul.post-list>li { overflow: hidden; margin-bottom: 30px; }
.globe:before { font-family: 'FontAwesome'; content: '\f0ac'; padding-right: 10px; }
ul.widget-content .telephone { color: #d65d9e; font-weight: bold; }
ul.widget-content .icon:before { padding-right: 10px; padding-left: 15px; }
.wc-sub>li { float: left; padding-right: 30px; }
.wc-sub>li:last-child { padding-right: 0; }
.wc-sub>li.telephone:before { font-family: 'FontAwesome'; content: '\f095'; padding-right: 10px; }
.wc-sub>li.skype p { margin: 0; font-size: 0!important }
.wc-sub>li.skype img { margin: 0!important; vertical-align: 0!important; }

/* tiêu đề trang */
.page-title, .block-title { font-size: 14px; text-transform: uppercase; font-weight: bold; text-align: left; display: inline-block; border-bottom: 3px solid #d65d9e; padding-bottom: 5px; margin-top: 0; }

/* read more */
a.read-more {  display: inline-block; }
a.read-more:before { font-family: 'FontAwesome'; content: '\f101'; padding-right: 3px; }

/* next, prev of paginate */
.pagination a.next>span:before { font-family: 'FontAwesome'; content: '\f101'; }
.pagination a.prev>span:before { font-family: 'FontAwesome'; content: '\f100'; }

/* add cart */
.add-cart:before { font-family: 'FontAwesome'; content: '\f07a'; padding-right: 5px; }
#cart .table>tbody>tr>td, 
#cart .table>tbody>tr>th, 
#cart .table>tfoot>tr>td, 
#cart .table>tfoot>tr>th, 
#cart .table>thead>tr>td, 
#cart .table>thead>tr>th { vertical-align: middle; }
#cart .qty { width: 4em; text-align: center; }
a.link-cart { color: #d65d9e; }
a.link-cart:hover, #cart a.link-cart:focus { color: #AF2A71; }
#cart .checkout { text-transform: uppercase; }

/* product detail */
.product-detail-excerpt { height: 186px; overflow-y: auto; }

/* custom owlcarousel */
/*.owl-carousel .owl-nav { display: none; }
#owl-related-post .owl-controls,
#owl-post-img .owl-controls { margin-top: 0; }
#owl-related-post .owl-controls .owl-nav [class*=owl-],
#owl-post-img .owl-controls .owl-nav [class*=owl-] { position: absolute; margin: 0; border-radius: 0; background-color: rgba(51, 51, 51, 0.48); top: 50%; transform: translateY(-50%); }
#owl-related-post .owl-controls .owl-nav .owl-prev,
#owl-post-img .owl-controls .owl-nav .owl-prev { left: 0; }
#owl-related-post .owl-controls .owl-nav .owl-next,
#owl-post-img .owl-controls .owl-nav .owl-next { right: 0; }
#owl-related-post .owl-controls .owl-nav i,
#owl-post-img .owl-controls .owl-nav i { font-size: 35px; }*/
#swiper-post-img .swiper-pagination { color: #fff; text-shadow: 1px 1px #333; }
#swiper-slide-main .swiper-slide>img { display: block; width: 100%; height: auto; }
.swiper-text { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; left: 0; right: 0; margin: 0 auto; text-align: center; text-align: center; text-shadow: 1px 1px #333; }
.swiper-text p { font-size: 18px; }
.swiper-container { z-index: 0; }

/* account */
.forgot-password { float: right; vertical-align: middle; line-height: 34px; }

/* fb live chat */
.support-icon-right {
	position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 250px;    
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.support-icon-right h6 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    font-family: Arial;
    color: #fff;
    margin: 0;
    background-color: #3B559F;
    cursor: pointer;
}
.support-icon-right i {
    background-color: #25449C;
    padding: 15px 15px 12px 15px;
    color: #fff;
}

/* footer */
footer {
	background-color: #333;
	color: #979696;
}
footer h5 {
	color: #fff;
	/*border-bottom: 1px dotted #fff;*/
    padding: 10px 0;
}
footer a {
	color: #979696;
}
footer a:hover, footer a:focus {
	color: #fff;
	text-decoration: none;
}
footer ul>li {
	padding-bottom: 10px;
}
footer .footer-seperate {
	border: 1px solid #383838;
}
footer .row:last-child {
	padding: 15px 0;
}
footer .row:nth-child(3) {
	padding: 3px 0 10px 0;
}
footer .row:first-child {
	padding: 10px 0;
}
/* custom responsive */
@media (min-width: 1200px) {
	.container {
	    width: 1024px;
	}
}
@media (max-width: 767px) {
	.header-menu {
		padding: 0 15px!important;
	}
}
@media (max-width: 991px) {
	.header>div {
		padding-left: 35px;
	}
	.header-search>input {
		width: auto;
	}
	.main-menu { 
		padding: 0;
		display: none;
	}
	/* nav mobile */
	#toggle-bar { overflow: hidden; display: block; }
	.menu-toggle {
		/*background-color: rgba(199, 25, 122, 0.38);*/
		background-color: #d65d9e;
		position: relative;
	    float: right;
	    padding: 6px 7px;
	    margin-top: 0;   
	    margin-bottom: 9px;
	    background-image: none;
	    border: 1px solid transparent;   
	    outline: 0; 
	}
	.menu-toggle>.icon-bar {
		background-color: #fff;
		display: block;
	    width: 22px;
	    height: 2px;
	}
	.menu-toggle>.icon-bar+.icon-bar {
		margin-top: 4px;
	}
	.header-menu>.active { display: block; }
	.main-menu-mobile {
		background-color: #fff;
		float: none;
	}
	.main-menu-mobile>ul { padding: 7.5px 0; }
	.main-menu-mobile ul li a {
		padding: 10px 15px;
		display: block;
		text-transform: uppercase;
	    color: #444;
	    font-weight: bold;
	    font-family: initial;
	    text-decoration: none;
	}
	.main-menu-mobile a:hover, 
	.main-menu-mobile a.active { color: #d65d9e!important; }
	.main-menu-mobile ul ul {
		padding-left: 15px;
	}
}
@media (max-width: 768px) {
	.header>div {
		padding-left: 18px;
	}
	.header-search>input {
		width: 120px;
	}
	.swiper-text>h2 {
		font-size: 20px;
	}
	.swiper-text>p {
		font-size: 15px;
	}
}
@media (max-width: 640px) {
	.header>div {
		padding-left: 18px;
		padding-top: 0;
	}
	.header-search {
	    float: right;
	    padding-top: 2px!important;
	}
}
@media (max-width: 480px) {
	.header>div {
		padding-left: 10px;
	}
	.header-hotline>span {
		display: none;
	}
}