@charset "utf-8";
/* CSS Document */
/*
    Theme Name: web;
    Author: bướng
*/

body {
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4 {
    margin-top: 0px;
}
.ul-b {
	padding-left: 0px;
	margin-bottom: 0px;
}
.ul-b li {
	list-style-type: none;
}
input, button, select, textarea {
    outline: none;
}
img {
    max-width: 100%;
}
a:hover, a:focus {
    text-decoration: none;
}
a {
	color: #333;
}
.owl-theme .owl-nav {
    margin-top: 0px !important;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    margin: 0px !important;
    padding: 0px !important;
}
.owl-prev, .owl-next {
    margin: 0px !important;
    border-radius: 0px !important;
}
.fl-left {
	float: left !important;
}
.fl-right {
	float: right !important;
}
ul#ffff {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
}
ul#ffff li {
	float: left;
	list-style-type: none;
	height: 210px;
}

#slide-lt {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: auto;
}
#slide-lt img{height: 230px;}

#jssor_1 {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: auto;
	height: 210px;
	overflow: hidden;
	visibility: hidden;
}
.jssorl-009-spin {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}
.jssor-b {
	cursor: default;
	position: relative;
	top: 0px;
	left: 0px;
	width: 2000px;
	height: 210px;
	overflow: hidden;
}
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
/* css header */
.header-top {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 17px 0px;
}
.header-top div:nth-child(3) {
	margin-left: 30px;
}
.header-top div:nth-child(2) {
	margin-left: 40px;
}
.cart a, .hotline-top {
	color: #666;
}
.hotline-top a {
	color: #e86024;
}
.search-top {
	position: relative;
}
.search-top input {
	height: 35px;
	line-height: 35px;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding-left: 15px;
	width: 100%;
	max-width: 320px;
}
.search-top button {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 35px;
	width: 40px;
	border: none;
	background: none;
	font-size: 20px;
	color: #999;
}
.navbar-default {
	min-height: 30px;
	border-radius: 0px;
	border: none;
	background: #fff;
	margin-bottom: 0px;
}
.navbar-default .navbar-nav>li>a {
	padding: 0px 25px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
	text-shadow: none;
	/*transition: all 0.3s ease-in-out;*/
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.open>a {
	color: #fff !important;
	background: #062947 !important;
}
ul.dropdown-menu>li:not(:last-child) {
    border-bottom: 1px dashed #093a64;
}
ul.dropdown-menu>li>a {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
}
.logo-pc img{
	max-width: 151px;
	padding-top: 15px;
}
#slider-home .owl-prev, #slider-home .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.5);
    opacity: 0.5;
    width: 38px;
    height: 37px;
    padding: 0px;
    line-height: 37px;
    font-size: 30px;
    font-weight: bold;
    transition: all 0.8s;
}
.owl-prev:hover, .owl-next:hover {
    opacity: 1 !important;
}
.owl-next {
    right: 0px !important;
}
.owl-prev {
    left: 0px !important;
}
/* css section home */
.sec-intro {
	margin: 50px 0px; 
}
.wp-intro {
	padding: 30px;
	background: #e6e9ec;
}
.wp-intro-left img {
	width: 100%;
	height: 100%;
	max-height: 360px;
	object-fit: cover;
	transition: all 0.6s ease-in-out;
}
.wp-intro-left{
	overflow: hidden;
}
.wp-intro-left:hover img{
	    transform: scale(1.1);
}
.h2-title-sec {
	margin-top: 40px;
	margin-bottom: 25px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	color: #062947;
	text-transform: uppercase;
	text-align: center;
}
.wp-intro-right .h2-title-sec {
	text-align: left;
	text-transform: none;
}
.post-gt {
	font-size: 16px;
	margin-bottom: 30px;
}
.btn-xemthem a.btn {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	padding: 0px 33px;
	height: 40px;
	border-radius: 0px;
	line-height: 40px;
	background: #062947;
	transition: all 0.3s ease-in-out;
}
.btn-xemthem a.btn:hover {
	background: #0e4472;
	transform: scale(1.05) rotate(-1deg);
}
.wp-item-sp {
	
	margin-bottom: 30px;
}
.wp-img-sp {
	overflow: hidden;
}
.wp-img-sp img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s ease-in-out;
}
.wp-item-sp:hover .wp-img-sp img {
	transform: scale(1.2) rotate(-3deg);
	opacity: 0.8;
}
.wp-text-sp {
	margin-top: 15px;
}
.wp-text-sp h4{
	margin-bottom: 15px;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.5;
	height: 50px;
}
.div-price {
	text-align: center;
}
.div-price span:nth-child(1) {
	margin-right: 22px;
}
.div-price .del {
	color: #999;
	text-decoration: line-through;
}
.div-price .ins {
	font-size: 16px;
	color: #f00;
	font-weight: bold;
}
.sec-title{
	padding: 10px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}
.wp-img-ads {
	overflow: hidden;
}
.wp-img-ads img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s ease-in-out;
}
.wp-img-ads:hover img {
	transform: scale(1.1);
	opacity: 0.6;
}
.img-tin img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-in-out;
}
.sec-ykkh {
	margin-top: 50px;
    padding-top: 35px;
    padding-bottom: 60px;
}
.sec-ykkh .h2-title-sec {
	color: #fff;
}
.wp-item-ykkh > p {
	max-width: 815px;
	color: #fff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
.h4-ten-kh {
	margin-bottom: 0px;
	max-width: 815px;
	color: #fff;
	text-align: center;
	margin-left: auto;
	font-size: 18px;
	font-weight: bold;
	margin-right: auto;
}
.sec-tintuc {
	margin-bottom: 45px;
}
.date-tin {
	margin-bottom: 20px;
}
.date-tin span.btn {
	padding: 0px 25px;
	height: 40px;
	line-height: 40px;
	color: #666;
	background-color: #dfdfdf;
	border-radius: 30px;
}
.img-tin {
	overflow: hidden;
}
.wp-item-tin:hover .img-tin img {
	transform: scale(1.1);
	opacity: 0.6;
}
.text-tin {
	padding-top: 20px;
}
.text-tin h4 {
	font-size: 14px;
	margin-bottom: 15px;
	text-transform: uppercase;
	line-height: 1.5;
	line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.text-tin p {
	color: #999;
	margin-bottom: 0px;
}
.sec-tintuc .wp-item-tin p{
	color: #999;
    margin-bottom: 0px;
    line-height: 20px;
    height: 80px;
    overflow: hidden;
}
.footer-top {
	padding: 50px 0px;
	background: #062947;
	color: #fff;
}
.h3-title-ft {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	margin-bottom: 25px;
	color: #e86024;
	text-transform: uppercase;
}
.list-ft li {
	margin-bottom: 10px;
}
.list-ft li a {
	display: block;
	color: #fff;
	padding-left: 15px;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.list-ft li a:hover, .list-ft li a:hover::after {
	color: #e86024;
}
.list-ft li a::after {
	content: "\f054";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    color: #fff;
    font-family: "FontAwesome";
    font-size: 8px;
    transition: all 0.3s ease-in-out;
}
.copy-right {
	padding: 15px 0px;
	background-color: #01182b;
	color: #2d70aa;
	text-align: center;
}
.navbar-nav>li>.dropdown-menu {
	padding: 0px;
	margin-left: 0px;
}
.dropdown.open span.dropdown-toggle {
	color: #fff;
}
/* css page con */
.bread-page {
    height: 40px;
    line-height: 40px;
    background-image: url(../images/bg-gach.png);
    background-repeat-x: repeat;
    margin-bottom: 30px;
}
.bread-page ul li {
    float: left;
    color: #999;
    margin-right: 20px;
    position: relative;
}
.bread-page ul li:not(:last-child)::after {
    content: "/";
    position: absolute;
    right: -12px;
    top: 0px;
    height: 40px;
    line-height: 40px;
}
.h1-title-sidebar {
    height: 40px;
    line-height: 40px;
    background-color: #062947;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 38px;
    text-transform: uppercase;
    position: relative;
    border: 1px solid #062947;
}
.h1-title-sidebar::after {
	content: "\f0c9";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    color: #fff;
    font-family: "FontAwesome";
}
.list-danhmuc {
	border: 1px solid #062947;
}
.list-danhmuc>ul>li {
    height: 40px;
    line-height: 40px;
    display: block;
    padding-left: 15px;
    position: relative;
    background: #fff;
}
.list-danhmuc>ul li:not(:last-child) {
    border-bottom: 1px dashed #ccc;
}
/* css page tin */
.item-tin-page {
	position: relative;
	margin-bottom: 30px;
	border: 1px solid #ccc;
	margin-left: 12px;
}
.item-tin-page .date-tin-page {
	position: absolute;
	background: #fff;
	border: 2px solid #062947;
	width: 40px;
	height: 40px;
	text-align: center;
	top: 20px;
	left: -12px;
	z-index: 1;
}
.date-tin-page .day {
	font-size: 18px;
	position: absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	text-align: center;
	line-height: 1;
}
.date-tin-page > span {
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 100%;
	line-height: 1;
	text-align: center;
}
.item-tin-page .text-tin {
	padding: 15px 20px;
}
.item-tin-page .text-tin h4 {
	font-size: 16px;
	font-weight: bold;
	text-transform: none;
	line-height: 1.4;
}
.item-tin-page .text-tin p {
	color: #333;
}
.sidebar-page-tin, .box-tin-noibat {
	background-color: #f7f7f7;
    border: 1px solid #ccc;
}
.title-tintuc {
	height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
    color: #062947;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 0px;
}
.title-tintuc::before {
	content: '';
    position: absolute;
    bottom: 0px;
    left: 20px;
    width: 100px;
    height: 3px;
    z-index: 1;
    background-color: #999;
}
.title-tintuc::after {
	content: "";
    height: 3px;
    background-image: url(../images/bor-01.png);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.wp-list-tin-right ul li {
    padding: 20px;
    border-bottom: 1px solid #ccc;
}
.wp-img-title {
    display: table;
    margin-bottom: 20px;
    width: 100%;
}
.wp-img-title .img-tinmax {
    width: 85px;
    float: left;
    margin-right: 14px;
}
.wp-img-title .img-tinmax img {
    width: 100%;
    height: 55px;
    object-fit: cover;
}
.ten-tinmax {
    float: none;
    overflow: hidden;
}
.ten-tinmax h4 {
   
    margin-bottom: 0px;
        line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.wp-side-bar .wp-list-tin-right .wp-img-title{
	margin-bottom: 10px;
}
.ten-tinmax h4 a {
    font-size: 14px;
    transition: all 0.3s;
    font-weight: bold;
}
.wp-text-pp p {
	margin-bottom: 0px;
}
/* css page chi tiet */
.h1-title-ct {
	font-size: 20px;
	font-weight: bold;
	color: #062947;
}
.wp-date-view-ct {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    background: #fafafa;
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
}
.date-view-ct > div {
    float: left;
    font-size: 13px;
    color: #999;
    position: relative;
   
}
.date-view-ct div:first-child {
    margin-right: 20px;
}
.date-view-ct p {
	margin-bottom: 0px !important;
}
.date-view-ct div::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
}
.date-view-ct div:first-child::after {
    content: url(../images/capnhat_03.png);
}
.date-view-ct div:nth-child(2)::after {
    content: url(../images/view-1.png);
}
.co-chu-ct>span {
    color: #999;
    margin-right: 6px;
    font-size: 13px;
}
.co-chu-ct button {
    width: 15px;
    height: 15px;
    line-height: 0;
    border: none;
    background-color: #9d9d9d;
    color: #fff;
    padding: 0px;
    margin: 0px;
}
.wp-content-ct > img {
    margin: 10px auto;
    width: auto;
    max-width: 100%;
    display: block;
}
.control-ct {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 10px;
    background: #fafafa;
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 20px;
}
.control-ct .ctl {
    padding-left: 18px;
    position: relative;
    color: #999;
    font-size: 13px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.control-ct .ctl-prev::after {
    content: url(../images/11.png);
    position: absolute;
    top: 0px;
    left: 0px;
}
.control-ct .ctl-top::after {
    content: url(../images/12.png);
    position: absolute;
    top: 0px;
    left: 5px;
}
/* css page lien he */
.page-lienhe {
	margin-top: -30px;
	padding: 80px 0px;
}
.row.row-edit-0 {
	margin-right: 0px;
	margin-left: 0px;
}
.row.row-edit-0 .col-edit-0 {
	padding-left: 0px;
	padding-right: 0px;
}
.ds-fl {
	display: flex;
}
.ds-fl .col-md-6:nth-child(1) {
	background: rgba(18, 76, 127, 0.588);
	color: #fff;
	padding: 60px 40px;
}
.ds-fl .col-md-6:nth-child(2) {
	padding: 60px 40px;
	background: #fff;
}
.h1-lienhe {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.div-input input {
	width: 49%;
	margin-bottom: 10px;
	float: left;
}
.div-input input:nth-child(1) {
	margin-right: 2%;
}
.div-textarea {
	margin-bottom: 10px;
}
.btn-send button {
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	color: #fff;
	background: #062947;
	display: block;
	width: 100%;
	max-width: 250px;
	border-radius: 5px;
	border: none;
	margin: 0 auto;
}
/* css ct sp */
.gc-icon-download {
	display: none !important;
}
.gc-overlay-top-icons .gc-icon.gc-icon-close:before {
    content: "\f00d" !important;
    font: normal normal normal 25px/1 fontawesome !important;
    color: #fff;
    width: 24px;
    text-align: center;
    top: 0px;
    right: 0px;
}
.gc-overlay-right-icons .gc-icon.gc-icon-next:before {
    content: "\f105" !important;
    font: normal normal normal 48px/1 fontawesome !important;
    width: 36px !important;
    height: 50px !important;
    color: #fff;
}
.gc-overlay-left-icons .gc-icon.gc-icon-prev:before {
    content: "\f104" !important;
    font: normal normal normal 48px/1 fontawesome !important;
    width: 36px !important;
    height: 50px !important;
    color: #fff;
}
.gc-display-area .gc-icon.gc-icon-next:before {
    content: "\f105" !important;
    font: normal normal normal 48px/1 fontawesome !important;
    width: 36px;
    color: #fff;
    height: 50px;
    text-align: center;
}
.gc-display-area .gc-icon.gc-icon-prev:before {
    content: "\f104" !important;
    font: normal normal normal 48px/1 fontawesome !important;
    width: 36px;
    color: #fff;
    height: 50px;
    text-align: center;
}
.gc-display-area .gc-icon.gc-icon-prev{
    width: 36px !important;
    height: 50px !important;
    left: 10px;
}
.gc-display-area .gc-icon.gc-icon-next {
    width: 36px !important;
    height: 50px !important;
    right: 10px;
}
.gc-icon.gc-icon-download {
    display: none !important;
}
.gc-display-area {
    background-color: transparent !important;
}
.gc-thumbs-area-next .gc-icon.gc-icon-next:before {
    content: "\f105" !important;
    font: normal normal normal 24px/1 fontawesome !important;
    width: 24px;
    height: 24px;
    text-align: center;
}
.gc-thumbs-area-prev .gc-icon.gc-icon-prev:before {
    content: "\f104" !important;
    font: normal normal normal 24px/1 fontawesome !important;
    width: 24px;
    height: 24px;
    text-align: center;
}
.gc-icon-next:before {
    position: absolute;
    top: 1px !important;
    right: 0px !important;
    content: "\e04b";
}
.gc-icon-prev:before {
    top: 1px !important;
    left: 0px !important;
}
.gc-icon-enlarge:before {
    position: absolute;
    content: '\f00e';
    top: 2px;
    right: 2px;
    color: #fff;
    font-size: 20px;
    font-family: "FontAwesome";
}
.gc-active {
	border-color: #062947 !important;
}
.h1-ctsp {
	font-size: 24px;
	color: #000;
	font-weight: bold;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.h1-ctsp::after {
	content: '';
	width: 30px;
	height: 2px;
	background: #ccc;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.wp-text-ctsp .div-price {
	text-align: left;
	font-size: 24px;
	margin-bottom: 25px;
}
.wp-text-ctsp .div-price .ins {
	font-size: 24px !important;
}
.custom.pull-left > button {
    background-color: #fff;
    border: 1px #eaeaea solid;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    width: 25px;
    height: 40px;
    padding: 0px;
    float: left;
}
.post-ctsp {
	margin-bottom: 25px;
}
.custom.pull-left > button:hover {
	background-color: #062947;
	color: #fff;
}
.custom.pull-left > input {
    height: 40px;
    border: 1px #eaeaea solid;
    text-align: center;
    width: 40px;
    margin: 0px;
    float: left;
}
.custom.pull-left {
	margin-right: 30px;
}
button.btn-cart {
    background: #e86024;
    border: none;
    margin: 0px;
    padding: 0px 15px 0px;
    color: #fff;
    line-height: 26px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    max-width: 300px;
}
button.btn-cart:hover {
	background: #fb5b15;
}
.wp-page-ct>.row {
	margin-bottom: 20px;
}
.btn-tab-ctsp ul.nav {
    border-bottom: 1px solid #ddd;
}
.btn-tab-ctsp ul.nav-pills>li>a {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #666;
    text-transform: uppercase;
    border-radius: 0px;
    font-size: 12px;
    display: block;
    border-top: 2px solid #ddd;
    background: #f5f5f5;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #333 !important;
    background: #fff !important;
    border-top: 2px solid #062947 !important;
    border-bottom: 1px solid #fff !important;
}
.sau-tab {
    padding: 15px;
    border: 1px solid #ccc;
    border-top: none;
}
.sau-tab > table tr {
	border-bottom: 1px solid #ddd;
}
.sau-tab > table tr td {
	padding: 10px 0px;
	font-size: 16px;
}
.sau-tab > table tr td:nth-child(1) {
	text-transform: uppercase;
	font-weight: bold;
}
.title-side-pc {
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding-left: 40px;
    position: relative;
    background-color: #062947;
}
.title-side-pc::after {
	content: "\f0c9";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    color: #fff;
    font-family: "FontAwesome";
}
.img-item-spnb img {
	width: 85px;
	height: 85px;
	object-fit: cover;
}
.img-item-spnb {
	float: left;
}
.text-spnb {
	float: none;
	overflow: hidden;
	padding-left: 20px;
}
.text-spnb > span {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 32px;
	height: 22px;
	background: url(../images/bg-cong.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	font-size: 18px;
	text-align: center;
}
.text-spnb > span a {
	display: block;
	color: #fff;
}
.text-spnb > span a:hover {
	color: #b39964;
}
.wp-item-spnb {
	position: relative;
	display: table;
	width: 100%;
	margin: 20px 0px;
	box-shadow: 0px 0px 15px 3px #f6f6f6;
	padding: 5px 0px;
}
h4.ten-spnb {
	    line-height: 20px;
    height: 40px;
    overflow: hidden;
	margin-bottom: 10px;
}
.ten-spnb a {
	font-size: 14px;
	color: #333;
	transition: all 0.6s;
}
.ten-spnb a:hover {
	color: #b39964;
}
.list-sp-noibat .wp-item-spnb:first-child .img-item-spnb {
    float: none;
}
.list-sp-noibat .wp-item-spnb:first-child .img-item-spnb img {
    width: 100%;
    height: auto;
}
.list-sp-noibat .wp-item-spnb:first-child {
    border-bottom: 2px solid #ccc;
}
.share-mxh {
	padding-top: 25px;
	margin-top: 25px;
	border-top: 1px dashed #ccc;
}
.box-1-ctsp {
	margin-bottom: 30px;
}
.wp-baivietkhac .h2-title-sec {
	text-align: left;
}
.hc-nav-trigger.hc-nav-1{
	display: none!important;
}
.second-nav{
	display: none;
}
.sec-content-page-ct{
	padding-bottom: 30px;
}
.sec-tintuc .wp-item-tin .date_blog{
	    opacity: 0.95;
    padding: 10px 20px 8px 20px;
    font-size: 12px;
}
.sec-tintuc .wp-item-tin .text-tin{
	    padding: 25px;
    background: #f5f6fb;
    float: left;
    width: 100%;
    text-align: center;

}
.sec-tintuc .wp-item-tin{
	display: inline-block;
	margin-bottom: 30px;
}
.sec-tintuc .wp-item-tin:hover{
	-moz-box-shadow: 0px 12px 16px rgba(0,0,0,0.12);
    -webkit-box-shadow: 0px 12px 16px rgba(0,0,0,0.12);
    box-shadow: 0px 12px 16px rgba(0,0,0,0.12)
}
.hotro .list-inline {
	margin-top: 25px;
}
/*=========================================== responsive ===========================================*/
@media (min-width: 1200px) {
	.container {
		padding: 0px;
	}
	.dropdown span.dropdown-toggle {
		display: none !important;
	}
	.search-top input {
		width: 320px;
	}
	.navbar-nav>li>ul.dropdown-menu {
		margin: 0px;
		border-radius: 0px;
		padding: 0px;
		border: none;
		box-shadow: 0 1px 5px rgba(0,0,0,0.175);
		background: #fff;
		min-width: 220px;
		opacity: 0;
		padding: 0;
		position: absolute;
		-webkit-transform-origin: top;
		transform-origin: top;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		transition: transform 0.5s ease, opacity 0.2s ease;
		-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease;
		display: block;
		left: 0px;
	}
	.navbar-nav>li:hover>ul.dropdown-menu {
	    display: block;
	    visibility: visible;
	    z-index: 9999;
	    opacity: 1;
	    -webkit-transform: scale(1, 1);
	    transform: scale(1, 1);
	    transition: transform 0.3s ease, opacity 0.2s ease .1s;
	    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s;
	}
}
@media (max-width: 1199px) {
	.dropdown span.dropdown-toggle {
	    position: absolute;
	    top: 6px;
	    right: -15px;
	    z-index: 9;
	    width: 30px;
	    height: 30px;
	    text-align: center;
	    line-height: 30px;
	}
	.sec-content-page-ct .wp-content-ct{
		overflow: hidden;
	}
	.h3-title-ft{
		font-size: 24px;
	}
	.wp-side-bar .wp-item-spnb:first-child .text-spnb .ten-spnb{
		margin-top: 10px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	button.btn-cart {
		width: 200px;
	}
	.navbar-default .navbar-nav>li>a {
		padding: 0 13px;
	}
	.h2-title-sec {
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.row.row-dm-tin {
		margin-left: -10px;
		margin-right: -10px;
	}
	.row.row-dm-tin .col-dm-tin {
		padding: 0 10px;
	}
	.item-tin-page .text-tin {
		padding: 10px;
	}
	.wp-img-title .img-tinmax {
		width: 100%;
		margin-right: 0px;
	}
	.ten-tinmax {
		overflow: inherit;
	}
	.wp-img-title .img-tinmax img {
		height: 80px;
		margin-bottom: 10px;
	}
}
@media (max-width: 991px) {
	.bread-page {
		margin-bottom: 20px;
	}
	.sidebar-page-sp {
		margin-bottom: 15px;
	}
	.list-danhmuc {
		display: none;
	}
	.footer-top .wp-ft {
		margin-bottom: 15px;
	}
	.wp-item-tin {
		margin-bottom: 30px;
	}
	.sec-sanpham .row .col-md-3:nth-child(7), .sec-sanpham .row .col-md-3:nth-child(8) {
		display: none;
	} 
	.row {
		margin-left: -5px;
		margin-right: -5px;
	}
	.row [class*="col-"] {
		padding-left: 5px;
		padding-right: 5px;
	}
	.wp-logo-mb {
		text-align: center;
		padding-top: 5px;
	}
	.wp-logo-mb img {
		height: 50px;
	}
	.header-mobile {
		background-color: #fff;
		position: relative;
		height: 70px;
	}
	.wp-menu-mobile {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 20px;
	}
	.cart-mb {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 20px;
	}
	.navbar-form {
		margin: 0px;
		position: relative;
		border: none;
		box-shadow: none;
	}
	.navbar-form input {
		width: 100%
	}
	.navbar-form button {
		position: absolute;
		top: 0px;
		right: 15px;
	}
	.navbar-form .form-group {
		margin-bottom: 0px;
	}
}
@media (max-width: 768px) {
	.wp-text-ctsp .div-price {
		margin-bottom: 10px;
	}
	.wp-text-ctsp .div-price, .wp-text-ctsp .div-price .ins {
		font-size: 16px !important;
	}
	.h1-ctsp {
		font-size: 16px;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.h3-title-ft {
		margin-bottom: 15px;
	}
	.wp-intro {
		padding: 10px;
	}
	.footer-top {
		padding: 20px 0px;
	}
	.sec-tintuc {
		margin-bottom: 20px;
	}
	.wp-item-tin {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	.wp-intro .col-md-6 {
		width: 100%;
	}
	.sec-intro {
		margin: 20px 0px;
	}
	.h2-title-sec {
		margin: 15px 0px;
	}
	.post-gt {
		text-align: justify;
	}
	.wp-img-ads {
		margin-bottom: 10px;
	}
	.sec-ykkh {
		margin-top: 10px;
	}
	.sec-ykkh {
		padding: 20px 0px;
	}
	.hc-nav-trigger.hc-nav-1{
	display: block!important;
}
.second-nav{
	display: block;
}
.hotro{
	width: 100%;
	overflow: hidden;
}
.page-lienhe .wp-lh-left{
    word-break: break-all;
}
}
@media (max-width: 767px) {
	.ds-fl .col-md-6 {
		padding: 20px !important;
	}
	.page-lienhe {
		padding: 20px 0px;
	}
	.row.ds-fl {
		display: inherit !important;
	}
	.item-tin-page .date-tin-page {
		left: -10px;
	}
	.item-tin-page {
		margin-left: 0px;
	}
	.div-price span:nth-child(1) {
		margin-right: 10px;
	}
	.navbar {
		width: 80% !important;
	}
	.navbar-form button {
		top: 10px;
	}
	.wp-item-sp {
		padding: 10px;
	}
	.wp-text-sp h4 {
		font-size: 13px;
		margin-bottom: 10px;
	}
}
@media (max-width: 736px) {
	.sec-sanpham{
		padding-top: 20px;
	}
	.sec-banner-ads .col-md-6{
		padding-bottom: 15px;
	}
	.wp-content-ct .wp-text-ctsp{
		    margin-top: 25px;
	}
	.wp-text-ctsp .pull-left{
		margin-bottom: 10px;
	}
	.bread-page{
		    height: auto;
    line-height: 28px;
	}
	.bread-page ul li:not(:last-child)::after{
		top: -6px;
	}
	.btn-tab-ctsp ul.nav-pills>li>a{
		padding: 0 7px;
	}
	.sec-content-page.page-lienhe{
		padding-top: 40px;
		clear: both;
	}
	.sec-content-page.page-lienhe .ds-fl .col-md-6 .wp-lh-left{
		padding: 15px;
	}
	.sec-content-page.page-lienhe .ds-fl .col-md-6{
		padding: 0!important;
	}
	.h1-lienhe{
		display: none;
	}
	.sec-content-page.page-lienhe .wp-lh-right{
		margin-top: 20px;
	}

}
/*css menu mobile*/
@media (max-width: 991px) {
	.navbar-nav .open .dropdown-menu {
		position: static !important;
	}
	ul.dropdown-menu {
	    margin: 0px;
	    border-radius: 0px;
	    padding: 0px;
	    border: none;
	    box-shadow: 0 1px 5px rgba(0,0,0,0.175);
	    background: #fff;
	    min-width: 220px;
	    opacity: 0;
	    padding: 0;
	    position: absolute;
	    -webkit-transform-origin: top;
	    transform-origin: top;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	    -webkit-transform: scale(1, 0);
	    transform: scale(1, 0);
	    transition: transform 0.5s ease, opacity 0.2s ease;
	    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease;
	    display: block;
	    left: 0px;
	    width: 100%;
	    box-shadow: none;
	    float: none;
	}
	.navbar-default .navbar-nav li.open>ul {
		display: block;
	    visibility: visible;
	    z-index: 9999;
	    opacity: 1;
	    -webkit-transform: scale(1, 1);
	    transform: scale(1, 1);
	    transition: transform 0.3s ease, opacity 0.2s ease .1s;
	    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s;
	    width: 100%;
	}
	.sticky-wrapper.header-sticky {
	    top: 0;
	    position: fixed;
	    width: 100%;
	    z-index: 999999;
	    transition: 1.0s ease;
	    border-bottom: 1px solid rgba(173, 171, 171, 0.35);
	}
	.navbar-collapse {
		padding-left: 0px;
		padding-right: 0px;
	}
	.dropdown span.dropdown-toggle {
		position: absolute;
	    top: 5px;
	    right: 5px;
	    z-index: 9;
	    width: 30px;
	    height: 30px;
	    text-align: center;
	    line-height: 30px;
	}
	.navbar-nav {
		margin: 0px;
	}
	.navbar-default {
		border-radius: 0px;
		box-shadow: none;
		min-height: calc(100vh - 55px);
		margin-bottom: 0px;
	}
	.navbar-nav .open .dropdown-menu>li> .dropdown-menu>li>a {
		padding-left: 35px;
	}
	.dropdown>span i {
		transition: all 0.3s ease-in-out;
	}
	.dropdown.open>span i {
		transform: rotate(180deg);
	}
	.bar1, .bar2, .bar3 {
	    width: 25px;
	    height: 3px;
	    background-color: #000;
	    margin: 5px 0;
	    transition: all 0.5s ease-in-out;
	    border-radius: 5px;
	}
	.icon-bar {
		position: relative;
		z-index: 999;
	}
	.change .bar1 {
	    -webkit-transform: rotate(-45deg) translate(-5px, 3px);
	    transform: rotate(-45deg) translate(-5px, 3px);
	}
	.change .bar2 {
		opacity: 0;
	}
	.change .bar3 {
	    -webkit-transform: rotate(45deg) translate(-8px, -7px);
	    transform: rotate(45deg) translate(-8px, -7px);
	}
	.navbar {
		width: 50%;
	    left: 0;
	    transition: transform 0.5s;
	    text-align: left;
	    transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	    -webkit-transform: translateX(-100%);
	    -moz-transform: translateX(-100%);
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    z-index: 998;
	    padding: 0px;
	    margin: 0px;
	    outline: 1px solid transparent;
	    overflow-y: auto;
	    overflow-x: hidden;
	}
	.navbar {
		margin-top: 60px;
		background: #ccc;
	}
	.navbar.open-mb {
		padding-top: 10px;
		transform: translateX(0) !important;
	    -ms-transform: translateX(0) !important;
	    -webkit-transform: translateX(0) !important;
	    -moz-transform: translateX(0) !important;
	}
	.navbar-nav .open .dropdown-menu>li>a {
		/* padding-top: 10px;
		padding-bottom: 10px; */
	}
	.navbar-collapse {
		max-height: 100% !important;
	}
	.navbar-default .navbar-nav>li {
		float: none;
		width: 100%;
	}
	.navbar-nav {
		width: 100%;
		float: none;
		clear: both;
	}
	.navbar .container {
		width: 100% !important;
	}
	.navbar-collapse {
		margin-left: 0px !important;
		margin-right: 0px !important;
		border: none;
		box-shadow: none;
	}
}
/*vv style bo sung*/
.list-inlineb:nth-child(1){padding-right:30px;}
.list-inlineb{display:inline-block;margin-bottom:5px;font-family:OpenSansr;color:#999;}
.list-inlineb .glyphicon{padding-right:5px;color:#999;}
.list-inline>li{margin:5px 0;}
.members{text-align:center;}
.autoplay .slick-prev, .autoplay .slick-next, .autoplay2 .slick-prev, .autoplay2 .slick-next{width:auto;height:auto;z-index:99;}
.autoplay .slick-next:before{content:'';background:url("../img/next.png");width:18px;height:34px;display:block;}
.autoplay .slick-prev:before{content:'';background:url("../img/prev.png");width:18px;height:34px;display:block;}
.box-mem>img{width:160px;height:160px;border-radius:50%;object-fit:cover;}
.box-mem .des{color:#333;text-align:center;font-family:OpenSansr;}
.box-mem{padding:10px 0;}
.box-mem{overflow:hidden;display:table;margin:0 auto;}
.imgtp{}
.imgtp{position:relative;list-style-type:none;float:left;overflow:hidden;-webkit-transform:rotate(-60deg) skewY(30deg);-ms-transform:rotate(-60deg) skewY(30deg);transform:rotate(-60deg) skewY(30deg);border-radius:5px;-webkit-box-shadow:0 0 2px 0px #333;-moz-box-shadow:0 0 2px 0px #333;box-shadow:0 0 2px 0px #333;border:3px solid #fff;}
.imgtp4:after{-webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.69);-moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.69);box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.69);content:'';width:1px;height:100%;position:absolute;top:0;right:-5px;}
.imgtp4:before{-webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.69);-moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.69);box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.69);content:'';width:1px;height:100%;position:absolute;top:0;left:-5px;}
.imgtp4 img{width:140px;height:160px;}
.imgtp4{position:relative;display:block;width:100%;height:100%;text-align:center;color:#fff;-webkit-transform:skewY(-30deg) rotate(60deg);-ms-transform:skewY(-30deg) rotate(60deg);transform:skewY(-30deg) rotate(60deg);}
.imgtp4 .fane{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;background:rgba(51, 51, 51, 0.6);display:inline-flex;align-items:center;opacity:0;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.imgtp4 .fane img{width:auto;height:auto;}
.imgtp4 .fane a{display:inline-block;}
.imgtp4:hover .fane{opacity:1;}
.mauto{margin:0 auto;}
.tit-mem{font-size:14px;color:#333;text-align:center;margin:15px 0 0;text-transform:uppercase;font-weight: bold;}
section.hotro {margin-top: 50px; }
.copy-right .p-copy{
	color: #fff;
}
.co-chu-ct{
	display: none;
}
.sec-content-page{
	padding-bottom: 30px;
}
.sidebar-page-tin .wp-list-tin-right ul li{
	padding: 20px!important;
}
.sec-content-page .wp-side-bar{
	margin-bottom: 15px;
}