/* Start:/bitrix/components/vv/search.top/templates/trienlam/style.css?16232220752375*/
.txt-search-r {
  float: left;
  height: 29px;
}
.txt-search-c {
  float: left;
  margin-right: 3px;
  position: relative;
  border: 1px solid #ddd;
  height: 27px;
  width: 448px;
}
.txt-search-c #query {
  left: 2px;
  position: absolute;
  top: 0;
}

/*
*.txt-search-c #query {
  left: 88px;
  position: absolute;
  top: -8px;
}
*/
.txt-select-box {
  color: #0A3988;
  height: 23px;
  line-height: 23px;
  padding: 0 7px;
  text-align: left;
  width: 78px;
  float: left;
  position: relative;
}
.txt-search-c input {
  border: medium none;
  width: 100%;
  margin-top:0px\9;/*IE */
  height: 33px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 0px;
  padding-left: 5px;
}
.select-choose {
  background: url("/bitrix/components/vv/search.top/templates/trienlam/images/vicon.png") no-repeat scroll 63px 9px transparent;
  border-right: 1px solid;
  height: 21px;
  margin: 1px 0;
}
.btn-tim-kiem {
  background: none repeat scroll 0 0 #1ba085;
  border: 0 none;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  padding-bottom: 3px;
  width: 85px;
  margin-left: -3px;
}
.txt-select-box #select-cate {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid;
  left: -3px;
  list-style: none outside none;
  position: absolute;
  top: 25px;
  width: 86px;
  overflow: hidden;
}
.txt-select-box #select-cate li{padding: 0px 3px;}
.txt-select-box #select-cate li:hover{background: #1996e6;}
.txt-select-box #select-cate li:hover a{color:#FFF !important;text-decoration: none;}
.txt-select-box #select-cate li a:hover{color:#FFF !important;text-decoration: none;}
.select-choose a, .txt-select-box #select-cate a {
  color: #0A3988 !important;
  line-height: 23px;
}
.txt-search-c .nodisplay{display: none;}
.txt-search-c .display{display: block;}
.advanced-link {
  margin-bottom: 14px;
  margin-right: 185px;
  margin-top: 37px;
}
.advanced-link a{text-decoration: underline;}
.box-pc-advanced-search {
  border: 1px solid #DDDDDD;
  left: 0;
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 99;
  background: white;
}

.ie .box-pc-advanced-search{left: 2px;}
.ie9 .box-pc-advanced-search{left:1px;}

.search-top .advanced-link {
  background: url(/bitrix/components/vv/search.top/templates/trienlam/images/background_search.png) 0 0 no-repeat;
  color: #282727;
  background-size: cover;
}
.bt-search {
  background: url(/bitrix/components/vv/search.top/templates/trienlam/images/search_bg.jpg) 0 0 repeat-x;
  color: #282727;
  border-radius: 5px;
}
/* End */


/* Start:/bitrix/components/vv/login_link/templates/nxbtt.1024/style.css?16232220755130*/
.login-home-bound {color:#636363;}
.login-home-bound a{color:#636363 !important;}
.login-home-bound td {vertical-align:middle;}
.signin-submit {}
.login-link-bound {font-size:12px;z-index:5001;}
div.login-form {
	background:url(/bitrix/components/vv/login_link/templates/nxbtt.1024/images/login_bg.png) no-repeat;
	width:229px;
	height:226px;
	position:absolute;
	top:15px;left:800px;z-index:3000;
	display:none;
	overflow:hidden;
}
.ie div.login-form {
	left:-60px;top:10px;
}
.login-form-bound {
	padding:0 10px;
	padding-top:84px;
}
div.login-form #at_bitrix {
	font-size:11px;
	font-weight:normal;
    
}
#sign-in-button {background:url(/bitrix/components/vv/login_link/templates/nxbtt.1024/images/signin_button.png) no-repeat;border:0;width:100px;height:24px;padding-bottom:10px;color:white;font-weight:bold;cursor:pointer;}
div.login-form #at_bitrix table tr td {font-size:11px;vertical-align:middle;text-align:center;color:#333333;}
div.login-form #at_bitrix .remember-password {color:#3c8df0;}
div.login-form #at_bitrix .forgot-password:link,div.login-form #at_bitrix .forgot-password:visited {color:#3c8df0;}
div.login-form .close-btn {
	background: url("/bitrix/components/vv/login_link/templates/nxbtt.1024/images/close_btn.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 15px;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 15px;
}
.ie div.login-form .close-btn {right:8px;}
.data-table td {padding:3px 1px;}

/*Modal*/
.modal-right-log{
    width: 287px;
    position: absolute;
    right: 25px;
    top: 88px;
}
#loginHeader .modal-content {
	color: black;
	width: 686px !important;
	height: 483px !important;
	background: #ffffff url(/bitrix/components/vv/login_link/templates/nxbtt.1024/images/bg-dangnhap.png) no-repeat !important;
	background-position: left;
	border: 22px solid #f6f7fb;
}
#loginHeader .form-control {
    height: 37px !important;
    border-style: solid;
	border-width: 1px;
	border-color: rgb(72, 134, 255);
	border-radius: 3px;
	font-size: 12px!important;
	font-style: italic;
}
#loginHeader .form-control.form-custom{
	color: black !important;
}

#loginHeader .modal-footer {
	border-top: unset!important;
	padding: 0px !important; 
	display: inline-grid;
	margin: 0px!important; 
}
#loginHeader .link-dangky{
	position: absolute;
    right: 100px;
    bottom: 10px;
}
#loginHeader .link-dangky a {
  font-size: 13px;
  font-family: "Arial";
  color: rgb(72, 134, 255) !important;
  font-weight: bold;
}

#loginHeader .modal-dialog {
    max-width: 700px !important;
}
#loginHeader{
	text-align: center;
	justify-content: flex-end !important;
}
#loginHeader .modal-header {
	font-size: 25px;
	font-family: "UTMAvoBold";
	color: rgb(72, 134, 255);
	line-height: 0.725;
	text-align: center;
	text-transform: uppercase;
	width: 40%;
	display: unset;
	border-bottom: unset !important;
     padding:0px !important; 
     border-top-left-radius: unset; 
     border-top-right-radius: unset;
	
}
#loginHeader .text-dangnhap{
	font-size: 16px;
	font-family: "UTMAvoBold";
	color: rgb(255, 255, 255);
	line-height: 20px;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	bottom: 20px;
    left: 38px;
}

#loginHeader .logo-dangnhap{
	background: url(/bitrix/components/vv/login_link/templates/nxbtt.1024/images/logo-dangnhap.png);
	width: 85px;
	height: 86px;
	position: absolute;
    left: 215px;
    top: 165px;
}
#loginHeader .btn.btn-secondary.close-dn{
	background: url(/bitrix/components/vv/login_link/templates/nxbtt.1024/images/close-dn.png) no-repeat center center;
     background-color: unset!important; 
     border-color: unset!important;
    height: 20px;
    position: absolute; 
    top: -20px;
    right: -20px;
    border: unset !important;
}
#loginHeader .btn-primary.dang-nhap {
   color: #fff !important;
  background-color: rgb(247, 144, 67)!important;
  width: 167px !important;
  height: 38px !important;
  border: unset!important;
  font-size: 19.697px;
  font-family: "Arial";
  color: rgb(255, 255, 255);
  font-weight: normal;
}
#loginHeader .btn-link {
	font-size: 12px !important;
	font-family: "Arial";
	color: rgb(28, 39, 41)!important;
	text-decoration: underline !important;
}
#loginHeader .modal-body {
	width: 100%;
	padding: 0px !important;
	margin-top: 20px;
	margin-bottom: 26px;
}
#loginHeader .forget-btn-back, .modal-bound .forget-btn-back  {
	border-radius: 5px;
	background-color: #ffffff;
	border: 1px solid #c8c9ca;
	height: 39px;
	text-align: center;
}
#loginHeader .col-12.hoac{
	text-align: left !important;
}
#loginHeader .forget-btn-back span, .modal-bound .forget-btn-back span {
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 39px;
	color: #414142;
	font-family: "Arial";
	text-align: center;
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 40px;
}

#loginHeader .forget-btn-continue, .modal-bound .forget-btn-continue{
	height: 39px;
	border-radius: 5px;
	background-image: linear-gradient(0deg, #ff5310 0%, #ffe60f 100%);
	border: 1px solid #feaf38;
	text-align: center;
}

#loginHeader .forget-btn-continue span, .modal-bound .forget-btn-continue span {
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 39px;
	color: #494848;
	font-family: "Arial";
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 80px;
}
.notice-text {
	font-size: 11px;
}
.notice-text a {
	color: rgb(72, 134, 255) !important;
}
/* End */


/* Start:/bitrix/components/vv/shoppingcart/templates/total_item/style.css?1623222075263*/
.num-quanlity{font-weight: bold;color: #bd0000;}
.error-message{color:#FF0000;border:1px solid #ddd;background:#F2F5F7;width:100%;font-weight: bold;text-align: center;}
.success{color:#3EA319;border:1px solid #ddd;background:#F2F5F7;width:100%;font-weight: bold;}
/* End */


/* Start:/bitrix/components/vv/menu/templates/navbar/style.css?16232220755358*/
/*menu*/

div#menu-wrapper div#menu-wrapper-inner ul#horizontal-multilevel-menu-vivi li {
    list-style: none;
    display: inline-block!important;
    color: #003a5a;
    font-family: "UTM AvoBold", sans-serif;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0px;
    padding: 0px 16.5px;
}
div#menu-wrapper div#menu-wrapper-inner ul#horizontal-multilevel-menu-vivi {
    height: 46px;
    line-height: 46px;
    margin-bottom: 0px;
}
a.root-item {
    text-decoration: none;
}
div#menu-wrapper div#menu-wrapper-inner ul#horizontal-multilevel-menu-vivi li a{
	color: #003a5a;
}
div#menu-wrapper div#menu-wrapper-inner ul#horizontal-multilevel-menu-vivi li:first-child {
    padding: 0px;
    margin-left: 48px;
}
#menu-level-2 {
    display: none;
}
ul#horizontal-multilevel-menu-vivi li:hover #menu-level-2 {
    display: block;
    position: absolute;
    z-index: 11;
}
ul#horizontal-multilevel-menu-vivi #menu-level-2{
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0px;
    background-image: url(/nang-cap/images/mega-icon.png);
    background-repeat: no-repeat;
    background-position-x: -204px;
    background-size: inherit;
    background-position-y: 25px;
    height: 234px;
    filter: drop-shadow(0 0 6.5px rgba(152,147,148,0.5));
    background-color: #f8fcff;
}
div#menu-level-2 .mega-menu-content ul.sections li{
    display: block!important;
}
div#menu-level-2 .mega-menu-content ul.sections li {
    display: block!important;
    text-align: left!important;
    padding: 0px!important;
    list-style-type: circle!important;
    line-height: 30px;
}
div#menu-level-2 .mega-menu-content ul.sections li:first-child{
    margin-left: 0px!important;
}
div#menu-level-2 .mega-menu-content ul.sections {
    margin-left: 48px;
    width: 20%;
    float: left;
    margin-top: 30px;
    text-align: left;
}
ul#horizontal-multilevel-menu-vivi #menu-level-2 .mega-menu-content{
    border-top: 1.5px solid #c5c6c7;
}
ul#horizontal-multilevel-menu-vivi #menu-level-2 a{text-decoration: none;}
div#menu-level-2 .mega-menu-content ul.sections li::before {
    content: "\2022";
    color: #003a5a;
    font-weight: bold;
    display: inline-block;
    width: 2px;
    margin-right: 8px;
}
div#menu-level-2 .mega-menu-content .menu-news {
    width: 76%;
    float: left;
    border-left: 1px solid #b5b5b6;
    margin-top: 16px;
}
div#menu-level-2 .mega-menu-content .list_item_article {
    max-width: 25%;
    float: left;
    width: 202px;
    margin: 0px 16px 0px 0px;
}
div#menu-level-2 .mega-menu-content .list_item_article:first-child{
    margin-left: 20px;
}
div#menu-level-2 .mega-menu-content .list_item_article .img-preview {
    width: 100%;
    height: 122px;
}
div#menu-level-2 .mega-menu-content .list_item_article .name {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 16px;
    color: #000000;
    font-family: "Arial";
    font-weight: bold;
    text-align: justify;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
div#menu-level-2 .mega-menu-content .list_item_article span.date {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 18px;
    color: #323232;
    font-family: "Arial";
    font-weight: 100;
    margin-right: 8px;
}
div#menu-level-2 .mega-menu-content .list_item_article span.counter {
    font-size: 12px;
    line-height: 18px;
    color: #323232;
    font-family: "Arial";
    text-align: left;
    font-weight: 100;
}
div#menu-level-2 .mega-menu-content .list_item_article .info{
    text-align: left;
    line-height: 1;
}
div#menu-wrapper div#menu-wrapper-inner ul#horizontal-multilevel-menu-vivi li.menu-root-item-selected{
    background: #ffcc00; 
}
div#menu #navbar ul.nav.navbar-nav li a.root-item-selected{
    color: #fff;
}

li#menu-home {
    background: transparent!important;
}
div#menu-level-2 ul.sections_depth li.sections {
    margin-left: 0px!important;
    text-align: left!important;
    position: relative!important;
}
div#menu-level-2 ul.sections_depth{
    text-align: left!important;
}
div#menu-level-2 ul.sections_depth li.sections ul{
    transition: all 0.3s;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    left: 100%;
    top: -2%;
    width: 940px;
}
div#menu-level-2 ul.sections_depth li.sections:hover > ul{
    opacity: 1;
    visibility: visible;
}
ul#horizontal-multilevel-menu-vivi #menu-level-2 .mega-menu-content li {
    width: 100%;
}
/*popup menu*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* End */


/* Start:/bitrix/components/vv/search.top/templates/nxbtt.top.home.new/style.css?1623222075616*/
.txt-search-l{background:url(/bitrix/components/vv/search.top/templates/nxbtt.top.home.new/images/bg-search-l.jpg) no-repeat;height:33px;width: 18px; float: left;}
.txt-search-c{background:url(/bitrix/components/vv/search.top/templates/nxbtt.top.home.new/images/bg-search-c.jpg) repeat-x;height:33px;float: left;}
.txt-search-r{float: left;}
.advanced-link{padding-bottom: 17px;}
.advanced-link a{color: #1d60b8;text-decoration: underline;}
.btn-tim-kiem{background:url(/bitrix/components/vv/search.top/templates/nxbtt.top.home.new/images/bg-search-r.jpg);height: 33px;width: 33px;border: 0px;}
.box-advanced-search{
position: absolute;top: 109px;border: 1px solid #ddd;width: 535px;background: #FFFFCC;left: 0px;z-index: 99;
}
.ie .box-advanced-search{left: 2px;}
.ie9 .box-advanced-search{left:1px;}

/* End */


/* Start:/bitrix/components/vv/news.list/templates/trangchu-tintuc-moinhat/style.css?1623222075640*/



.news-latest-inner{
    background: #f2f2f2;
    margin-bottom:0;
}
.news-latest-inner span.title{
    width:108px;
    background:#b12704;
    line-height:18px;
    height: 18px;
    text-align:center;
    color:white;
    vertical-align:top;
    display:block;
    float:left;
    
}
.news-latest-inner .content {
    line-height:18px;
    height: 18px;
    vertical-align:top;
    margin-left:108px;
}
.news-latest-inner .content a{
    color:black;
}
.news-latest-inner  .name{
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display:inline-block;
}

/* End */


/* Start:/bitrix/templates/nxbtt-2020/components/bitrix/system.pagenavigation/.default/style.css?1623222074564*/
.page-navigation{
    text-align:right;
}
.page-navigation .text{line-height: 1;}

.page-navigation .text a, .page-navigation .text .so-trang,.page-navigation .text .truoc-sau{
    color: #2686bb;
    padding: 10px;
    font-size:18px;
}
.page-navigation .text b, .page-navigation .text a:hover{
    font-weight: normal;
    font-size:18px;
    padding: 10px;
    background:#d87650;
    color:white;
    font-weight:bold;
    text-decoration:none;
}

.page-navigation .text .truoc-sau a{background: none; padding: 0; border: 0;color: #2686bb;}
/* End */


/* Start:/bitrix/components/vv/static/templates/slide/style.css?1623222075819*/
#tabs-slide{
    height:277px;
    position:relative;
}
#tabs-slide .nav-tabs{
    position:absolute;
    margin-right:-100px;
    right: 47%;
    margin-right: 0px;
    bottom: 0;
    z-index: 1;
}

#tabs-slide .nav-tabs .nav-item{
    border-radius:0;
    color:black;
    border: 1px solid #c7c7c5;
    margin: 0px 0px 0px 4px;
}
#tabs-slide .nav-tabs .nav-link.active{
    background: yellow;
}
#tabs-slide .nav-tabs .nav-item a.nav-link {
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 20px;
    color: #313131;
    font-family: "Helvetica Neue";
    font-weight: 300;
    text-align: center;
    padding: 0px 20px;
    background-color: #ffff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
#tabs-slide .nav-tabs .nav-item a.nav-link.active {
    background-color: #ffc120;
}
/* End */


/* Start:/bitrix/components/vv/news.list/templates/slide.home.video.mobile/style.css?16232220752344*/

.trang-chu-slide .carousel, 
.trang-chu-slide .carousel-inner, 

.trang-chu-slide .carousel-inner .item {
    height: 100%;
    width: 100%;
    background-size: cover!important;
    background-position: center!important;
}
.trang-chu-slide .carousel-item.active{
    opacity: 1 !important;
}
.trang-chu-slide .carousel.carousel-fade .carousel-item{
    display: block;
    opacity: 0;
    transition: opacity ease-out .7s;
    
}
.trang-chu-slide .carousel-item .item-inner{
    width:100%;
    height:100%;
    position:relative;
}

.trang-chu-slide .carousel-inner{
 
	width: 100%;

    float: left;
    height: 277px;
    
}
.trang-chu-slide a.carousel-control.left {
    position: absolute;
    z-index: 1;
    top: 50%;
    left:20px;
    margin-top: -12px;
}
.trang-chu-slide div#carousel{
    position: relative;
    display: unset;
    width: 100%;
}
.trang-chu-slide a.carousel-control.right {
    position: absolute;
    z-index: 1;
    top: 50%;
    right:20px;
    margin-top: -12px;
}
.trang-chu-slide div#youtube-area {
    height: 100%;
    /*background:url(/bitrix/templates/nxbtt-2020/images/2020/icon-play.png) no-repeat center center;*/
}
.trang-chu-slide div#youtube-area img{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left:-27px;
    margin-top:-27px;
}
.trang-chu-slide ol.carousel-indicators {
    position: inherit;
    right: 0px;
    float: left;
    width: calc(35% - 4px);
    margin: 0px 0px 0px 4px;
    display: inline-block;
    max-height: 294px;
    overflow: hidden;
    z-index: 1;
}
.trang-chu-slide ol.carousel-indicators li {
    background-size: cover!important;
    background-position: center!important;
    width: 48.5%;
    height: 96px;
    display: block;
    margin: 0px 8px 8px 0px;
    border: none;
    float: left;
    opacity: 1;
}
div#carousel-slide-home-new {
    height: 277px;
}
div#carousel-slide-home-new a.carousel-control-prev {
    top: 50%!important;
    bottom: auto;
    width: auto;
    margin-top: -21px;
    left: 6px;
}
div#carousel-slide-home-new a.carousel-control-next {
    top: 50%!important;
    bottom: auto;
    width: auto;
    margin-top: -21px;
    right: 12px;
}

.trang-chu-slide .carousel-inner .img{
    position:relative;
}
.trang-chu-slide .carousel-inner .icon{
    position:absolute;
    left:10px;
    bottom:10px;
    width:50px;
}
/* End */


/* Start:/bitrix/components/vv/static/templates/trienlam.mobile.danhmuc/style.css?16232220751798*/
.trang-chu-danh-muc-top.mobile {
    padding: 0px 0 0px;
    border-bottom: 1px solid #c7c7c5;
    margin-top:10px;
    
}
    
.trang-chu-danh-muc-top.mobile .carousel-item{
    
    text-align:center;
}

.trang-chu-danh-muc-top.mobile .carousel-item > .sub-item{
    width: auto;
    display:inline-block;
    text-align:center;
    vertical-align: top;
    padding: 0 10px;
}
.trang-chu-danh-muc-top.mobile .carousel-item > .sub-item > a{
    display:block;
    height: 30px;
}

.trang-chu-danh-muc-top.mobile .carousel-item > .sub-item .name a{
    display:block;
    height:22px;
}
.trang-chu-danh-muc-top.mobile .carousel-item .preview-images{
    
}

.trang-chu-danh-muc-top.mobile .carousel-item .name{
    margin-bottom: 4px;
    margin-top: 5px;
}

.trang-chu-danh-muc-top.mobile .carousel-item .name a {
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 14px;
    color: #565555;
    font-family: "Arial";
    text-align: center;
    
}
.trang-chu-danh-muc-top.mobile .carousel-item .preview-images img{
    width: auto;
    height: 30px;
}
.carousel-inner.mobile{
    overflow-x: scroll;
}
.carousel-inner.mobile .carousel-item{
    padding: 0 15px;
    width:fit-content;
}
div#CarouselCatHomeMobile a.carousel-control-prev, div#CarouselCatHomeMobile a.carousel-control-next {
    position: absolute;
    top: 50%;
    background: none;
    margin: -30px 0px 0px 0px;
    width: 40px;
    height: 60px;
}
div#CarouselCatHomeMobile a.carousel-control-prev img, div#CarouselCatHomeMobile a.carousel-control-next img {
    width: auto;
    height: auto;
    top: 50%;
    margin: -30px 0px 0px 0px;
    left: 0px;
}
div#CarouselCatHomeMobile a.carousel-control-prev img {
    margin-left: -6px;
}
div#CarouselCatHomeMobile a.carousel-control-next {
    margin-right: -10px;
}
/* End */


/* Start:/bitrix/components/vv/hoat-canh/templates/chim-hac/style.css?1623222076575*/
#chim-hac-mobile-area .visible-xs {
	display: none !important;
}
#chim-hac-mobile-area .hidden-xs {
	display: block !important;
}

/*#stage_1_loi_chao_1 {
	line-height: 100px;
	font-size: 15px;
	padding-left: 25px;
	display: none;
}

#stage_1_loi_chao_2,
#stage_2_cam_on {
	font-size: 15px;
	padding: 17px;
	display: none;
}

#stage_1_gioi_thieu_sach {
	display: none;
}*/

@media(max-width: 767.98px) {
	#chim-hac-mobile-area .visible-xs {
		display: block !important;
	}

	#chim-hac-mobile-area .hidden-xs {
		display: none !important;
	}
}
/* End */


/* Start:/bitrix/templates/nxbtt-2020/styles.css?162322207410167*/
.mar0 {
    margin: 0px !important;
}

/* Left Area */
.left-area-item div.title{
    margin: 17px 0px 6px 0px;
}

.input-radius {
    width: 100%;
    height: 100%;
    border: 1px solid #dadada;
    border-radius: 6px;
    outline: none;
    height:20px;
}

/* banner */
.banner-img-right{
    margin: 20px 0px;
}
.banner-img-right.first{
    margin-top: 0;
}

.banner-img-right img{
    width: 100%;
    margin: 0px auto;
    display: block;
}
.banner-img-right.center{
    text-align:center;
}

.banner-img-right.center img{
    width:auto;
}
.footer-bottom-n .creditcard {
    width: max-content;
    padding: 1px 3px;
    /*background-color: #ebebec;*/
}
.footer-bottom-n .creditcard img {
    width: auto;
}
.cong-nghe-nen-tang {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 14px;
    color: #ffffff;
    font-family: "Arial";
    font-weight: bold;
}



/*Danh muc*/
#danh-muc-sach{
    margin-bottom:15px;
}

.divider{
    background:#d7d6d6;
    height:1px;
    margin-top:20px;
    margin-bottom:20px;
}


/* footer */
.icon-bo-cong-thuong{
    position:absolute;
    right:20px;
    bottom:77px;

}
.icon-credit{
    position:absolute;
    right:17px;
    bottom:37px;
}

.company .foot-top-dv{
    line-height:25px;
}
.footer .footer-bottom-n{
    background-image: url(/bitrix/templates/nxbtt-2020/images/2020/trien-lam/background-footer.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    position:relative;
}
/*.footer .cong-nghe-nen-tang {
    font-weight: bold;
    margin-top: -30px;
}*/

.nav-bottom .quan-ly-f, .nav-bottom .tro-giup-f, .nav-bottom .ho-tro{
    margin-right:40px;
}
.top-search .admin a.myorder{
    margin-left:20px;
}

.top-panel-inner .count-cart{ /*display: none!important; */}

@media only screen and (max-width: 767px) and (min-width: 320px){
    .top-panel-inner .count-cart{display: block!important;}
    
    .footer-mb .footer-top-n {
        background-color: #f3f1f1;
        position: relative;
        width: 100%;
        font-size: 11px;
        letter-spacing: 0px;
        color: #282828;
        font-family: "Roboto", sans-serif;
        text-transform: uppercase;
    }
    .footer-mb {
    /*background-color: #0261b6;*/
    height: auto;
    background-image: url(/bitrix/templates/nxbtt-2020/images/2020/trien-lam/footer-mobile.png);
    background-size: cover;background-repeat: no-repeat;background-position: center;
    }
    .so-nguoi-truy-cap-mb{   
        margin-right: 14px;
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 16px;
        color: #282828;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
    }
    .company-mb{
        position: relative;
    }
    .company-mb .cong-nghe-nen-tang-mb{
        margin-top: 10px;
    }
    .so-nguoi-truy-cap-mb span{
        font-weight: bold;
    }
    .footer-bottom-mb.footer-bottom-n{
        padding-left: 15px;
        background-color: unset;
        /* height: 267px;*/
    }
    .footer-mb .foot-top-dv {
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 16px;
        color: #282828;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
    }
    .company-mb .foot-top-fair {
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 16px;
        color: #282828;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        -webkit-text-stroke-width: 0.2px;
    }
    .img-right-footer-mb .img1{
        width: 50px;
    }
    .img-right-footer-mb .img2{
        width: 90px;
    }
    .footer-mb .img-right-footer-mb {
        margin-bottom: 28px;
        text-align: center;
        margin-top: 28px;
    }
    /*.cre-cn-mb .cre-img1 {
        width: 60px;
    }
    .cre-cn-mb .cre-img2 {
        width: 30px;
    } */
    .cre-cn-mb{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }   
    .cn-nguoi{
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .hotline{
        margin-right: 14px;
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 16px;
        color: #282828;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
    }
    .hotline span{
        font-size: 14px;
    }

}


/*************** VinhNT *********************/

/* An khoi Do An Vat Trang chu */
.gian-hang-tai-tro{
    display:none;
}
.banner-count3{
    margin-bottom:30px;
}


/*quay lai don hang da mua */
.admin a.myorder{
display:none !important;
}

/* Danh muc Sach */
.title-danh-muc{
    font-size: 18px;
    color: rgb(0, 102, 192);
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.breadcrumb-danh-muc{
    padding-left:10px;
}
.breadcrumb-danh-muc li{
    display:inline-block;
}
.breadcrumb-danh-muc li a{
    color:grey;
}


/* ---------------- Trien Lam ----------------------- */
.title-area, .title-area a{
    font-size:18px;
    font-weight:bold;
    color: #313131;
    margin-bottom:10px;
    font-family: "Roboto", sans-serif;
}
.title-area.tac-pham {
    margin-bottom:5px;
}
.title-block, .title-block a{
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 16px;
    color: #313131;
    font-weight: bold;
    margin-bottom:23px;
    font-family: "Roboto", sans-serif;
}
.khu-trien-lam-video .title-block{
    margin-bottom:11px;
}
.khu-trien-lam-tem .title-block{
    margin-bottom:8px;
}
.title-block-right{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin-bottom:15px;
}
.title-other{
    text-transform: uppercase;
    font-size: 16px;
    color:black;
    margin-bottom:20px;
}

.divider{
    margin:32px 0;
    border:1px solid #f4f4f4;
}

/*view more*/
.view-more {
    text-align: right;
    padding-right: 25px;
    margin-bottom: 25px;
}
.view-more a {
    font-size: 14px;
    color: #0066c0;
}

/* phan trang */
.page-bottom{
    text-align:right;
}
.page-bottom .text a, .page-bottom .text b {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 16px;
    color: #000000;
    font-family: "Arial";
    border: none;
    background: #fff;
}
.page-bottom .text b{color: #3d91f7;}
.page-bottom span.truoc-sau {
    display: inline-block;
}


/* banner */
#DESKTOP_TC_MAIN_A{
    float:left;
    width:calc(100% - 489px);
    margin-top: -15px;
    margin-bottom: 22px;
}
#DESKTOP_TC_MAIN_A img{
    width:100% !important;
    height:69px !important;
}

#DESKTOP_TC_MAIN_B{
    float:right;
    width:479px;
    margin-top: -15px;
    margin-bottom: 22px;
    
}
#DESKTOP_TC_MAIN_B img{
    width:100% !important;
    height:69px !important;
    
}


#DESKTOP_TC_MAIN_1{
    margin-top:10px;
    margin-bottom:30px;
}
.page-content.video #DESKTOP_TC_MAIN_1{
    margin-top:0;
    margin-bottom:35px;
}
#DESKTOP_TC_MAIN_1 img{
    width: 100% !important;
}

#DESKTOP_TC_MAIN_2{
    float:left;
    width:calc(100% - 320px);
    margin-top:-5px;
}
#DESKTOP_TC_MAIN_2 img{
    width: 100% !important;
}

#DESKTOP_TC_MAIN_3{
    float:right;
    width:312px;
    margin-top:-5px;
}
#DESKTOP_TC_MAIN_4 img{
    width: 100% !important;
    margin-top:10px;
    margin-bottom:25px;
}


#DESKTOP_TC_MAIN_5{
    margin-bottom:30px;
}
#DESKTOP_TC_MAIN_5 img{
    width: 100% !important;
}


#DESKTOP_TC_MAIN_6{
    margin-top:10px;
    margin-bottom:30px;
}
#DESKTOP_TC_MAIN_6 img{
    width: 100% !important;
}

#DESKTOP_TC_MAIN_7{
    margin-bottom:30px;
}
#DESKTOP_TC_MAIN_7 img{
    width: 100% !important;
}
#DESKTOP_TC_MAIN_THO .carousel-item{
    text-align:center;
}
#DESKTOP_TC_MAIN_THO img{
    width: 100% !important;
    height: auto !important;
}

@media only screen and (max-width: 767px) and (min-width: 320px){
    .sach-mua-cung.detail-sach .trien-lam-sach-title-new {
        font-weight: bolder!important;
        margin: 14px 0px 10px 0px!important;
    }
    .carousel-fade .carousel-item{
        padding:0 !important;
    }

    .main-content{
        padding:0 !important;
    }
    .title-block{
        /*
        height: 32px;
        margin: 15px 0;
        background: #0250a4;
        line-height: 32px;
        color: white;
        padding-left: 15px;*/
        font-size:14px;
        font-weight:normal;
        padding-left: 15px;
        color:#282828;
        line-height:1;
        margin-bottom:10px;
    }
    .title-area.tacpham-vebac{
        margin-top:20px;
    }
    
    
    
    .title-area-mobile{
        height: 32px;
        background: #ef5a34;
        line-height: 32px;
        color: white;
        text-align:center;
        font-size:12px;
        font-weight:bold;
        color:#313131;
        text-transform: uppercase;
        margin-top:15px;
    }
    

    .title-block.tac-pham {
        font-size: 14px;
        letter-spacing: 0px;
        color: #282828;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        height: 25px;
        line-height: 25px;
        padding:0;
        background-color: #fff200;
        border: 1px solid #acacac;
        width: 190px;
        margin: 0px auto;
        text-align: center;
        margin-bottom:10px;

    }
    
    /* banner */
    #MOBILE_TC_MAIN_1{
        margin-top:10px;
        padding:10px;
        background: #f1f0f0;
    }
    #MOBILE_TC_MAIN_1 img{
        width: 100% !important;
        height: auto !important;
    }
    
    #MOBILE_TC_MAIN_2{
        margin:10px;
    }
    #MOBILE_TC_MAIN_2 img{
        width: 100% !important;
        height: auto !important;
    }
    
    #MOBILE_TC_MAIN_3{
        margin:10px;
        margin-bottom:0px;
    }
    #MOBILE_TC_MAIN_3 img{
        width: 100% !important;
        height: auto !important;
    }
    
    
    #MOBILE_TC_MAIN_4{
        margin:10px;

    }
    #MOBILE_TC_MAIN_4 img{
        width: 100% !important;
        height: auto !important;
    }
    
    #MOBILE_TC_MAIN_5{
        margin:10px;
    }
    #MOBILE_TC_MAIN_5 img{
        width: 100% !important;
        height: auto !important;
    }
    
    
    .trang-chu-danh-muc-top.mobile{
        
    }
   
    .title-block.tac-pham{
        display:none !important;
    }
    
    .title-area{
        font-size:16px;
    }
}



/* End */


/* Start:/bitrix/templates/nxbtt-2020/template_styles.css?162322207428878*/
@font-face {
    font-family: "utmavobold";
    src: url("/bitrix/fonts/UTM AvoBold.ttf") format("woff"), url("/bitrix/fonts/UTM AvoBold.ttf") format("opentype"), url("/bitrix/fonts/UTM AvoBold.ttf") format("truetype");
}

@font-face {
    font-family: "UTM";
    src: url("/bitrix/fonts/UTM Avo.ttf") format("woff"), url("/bitrix/fonts/UTM Avo.ttf") format("opentype"), url("/bitrix/fonts/UTM Avo.ttf") format("truetype");
}

@font-face {
    font-family: 'Arial Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Regular'), url('/bitrix/fonts/ARIAL.woff') format('woff');
}

@font-face {
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Regular'), url('/bitrix/templates/nxbtt-2020/font/HelveticaNeue.ttf') format('woff');
}

@font-face {
    font-family: 'S VN';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Regular'), url('/bitrix/templates/nxbtt-2020/font/SVN-Candy Script.otf') format('otf');
}

@font-face {
    font-family: "Roboto light";
    src: url("/bitrix/fonts/Roboto-Light.ttf") format("woff"), url("/bitrix/fonts/Roboto-Light.ttf") format("opentype"), url("/bitrix/fonts/Roboto-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    src: url("/bitrix/fonts/Roboto-Regular.ttf") format("woff"), url("/bitrix/fonts/Roboto-Regular.ttf") format("opentype"), url("/bitrix/fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "PlayfairDisplay-Regular";
    src: url("/font/PlayfairDisplay-Regular.ttf") ;
}


html {
    font-size: 12px;
    font-family: Arial, Helvetica Neue, sans-serif;
}

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    color: #3f3b3b;
    overflow-x: hidden;
}

img {
    border: 0px;
}

a img {
    border: none;
}

a {
    text-decoration: none;
    color: #0066cc;
}

a:hover {
    text-decoration: underline;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

ul {
    padding: 0;
    margin: 0;
}

.break-module {
    height: 18px;
}

table {
    margin-bottom: 10px;
    width: 100%;
}

.clear {
    clear: both;
}

/*header*/
#menu-wrapper-inner {
    margin-top: 20px;
    width: auto;
}

.advanced-link a, a:-webkit-any-link {
    text-decoration: none;
}

span.title-fair {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 16px;
    color: #000000;
    font-family: "Arial";
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    margin: 3px 0px 0px 0px;
    float: left;
}

/*nhilt update*/
.top-panel-inner {
    /*background-color: #00529c;*/
    display: table;
    width: 100%;
    padding: 11px 2.5% 0% 1%;
    height: 106px;
    background-image: url(/bitrix/templates/nxbtt-2020/images/2020/trien-lam/background-lovetree.jpg);
    background-size: cover;
    background-position: center;
}

.top-panel-inner a {
    /*color: white;*/
    color: #000000;
}

.top-panel-inner .logo {
    width: max-content;
    float: left;
}

img.logo_header {
    float: left;
    margin: 3px 2px 0px 0px;
}

/*search top*/
.search-top .advanced-link {
    font-size: 11px;
    letter-spacing: 0px;
    color: #000000;
    font-family: "Arial";
    text-align: center;
    float: left;
    margin: 0px;
    height: 34px;
    line-height: 34px;
    background-color: #fdd602;
    width: 18.8%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #88a492;
    border-right: none;
}

.search-top .advanced-link a {
    color: #000000;
}

.search-top .txt-search-c {
    width: 81%;
    margin: 0px;
    height: 34px;
    border: 1px solid #88a492;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    border-left: none;
}

.search-top .txt-search-c #query {
    outline: none;
    height: 32px;
    padding: 0px 0px 0px 10px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.search-top {
    width: 51.3%;
    height: 34px;
    float: left;
    position: relative;
    margin-left: 10px;
}

.search-top .txt-search-r {
    position: absolute;
    right: 0px;
    background: transparent;
}

.txt-search-r input.btn-tim-kiem {
    background: url(/bitrix/templates/nxbtt-2020/images/2020/icon_search.png) no-repeat 0 6px;
    outline: none;
    padding: 0px;
    background-size: initial;
    background-position: center 6px;
    width: 34px;
    margin: 0px;
    height: 34px;
}

.top-search.user-info .admin {
    float: left;
    width: unset;
    padding-top: 3px;
    padding-left: 3.5%;
    color: white;
    margin: 0px -18px 0px 0px;
}

.admin span.user-name {
    font-weight: bold;
}

.admin span.text, .admin span.user-name, .admin a.myorder {
    font-size: 11.74px;
    letter-spacing: 0px;
    line-height: 12px;
    color: #000;
    font-family: "Arial";
    text-align: left;
}

.admin a.account {
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 12px;
    color: #000;
    font-family: "Arial";
    text-align: center;
    font-weight: bold;
}

.admin a.myorder {
    margin: 3px 0px 0px 22%;
    display: inline-block;
}

/*giỏ hàng*/
.top-panel-inner .count-cart {
    display: inline-block;
    float: right;
    position: relative;
    margin: 0px 0px 0px 0px;
}

/*nhilt update*/
.count-cart img#cart_logo {
    position: absolute;
    left: auto;
    top: 11px;
    right: -20px;
    width: 25px;
}

.count-cart a.cart {
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 12px;
    color: black;
    font-family: "Arial";
    text-align: center;
    position: absolute;
    width: max-content;
    left: auto;
    top: 1px;
    right: -14px;
}

.count-cart .num-quanlity {
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 12px;
    color: #ffffff;
    font-family: "Arial";
    display: block;
    width: 12px;
    height: 12px;
    text-align: center;
    background-color: #df351e;
    border-radius: 50%;
    position: absolute;
    left: auto;
    right: 32px;
    top: -5px;
}

/*tham gia mxh*/
.tham-gia-mxh {
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 12px;
    color: #000000;
    font-family: "Arial";
    float: left;
    width: 16.9%;
    margin: 0px;
    position: absolute;
    bottom: 8px;
}

.tham-gia-mxh img {
    float: left;
    margin: 3px 4px 0px 0px;
}

.tham-gia-mxh span.bold {
    display: block;
    font-size: 11.57px;
    font-weight: bold;
}

.top-menu-inner {
    float: left;
    width: inherit;
    margin: 0px 0px 0px 10px;
}

.top-menu-inner a {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 12px;
    color: #000000;
    font-family: "Arial";
    font-weight: bold;
    display: inline-block;
    margin: 0px 16px 0px 0px;
    float: left;
}

.info-fair {
    display: inline-block;
    float: right;
    text-align: right;
    margin: -10px 0px 0px;
}

.info-fair span {
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 14px;
    color: #000000;
    font-family: "Roboto", sans-serif;
    text-align: right;
    font-weight:500;
}

.top-control-panel-header {
    padding: 5px 0px 10px 0px;
    display: table;
    width: 100%;
}

/*danh sách tiêu biểu*/
.list_carousel li .name-book-jscarousal a {
    font-size: 11.74px;
    letter-spacing: 0px;
    line-height: 14px;
    color: #565555;
    font-family: "Arial";
    text-align: center;
}

.list_carousel li .preview-images {
    height: 46px;
}

div#danh-muc-sach .content-book-topic {
    padding: 18px 14px 21px 16px;
}

.content-book-topic .list_carousel {
    padding: 0px 54px;
    margin: 0px auto;
    display: table;
    width: 100%;
    border-bottom: 2px solid #dddddd;
}

.list_carousel li {
    margin: 0px 12px 0px 0px;
    padding: 0px;
}

.content-book-topic .list_carousel .caroufredsel_wrapper {
    width: 100% !important;
    height: 82px !important;
}

/*Left Area*/
.left-area {
    padding-top: 0;
    margin-top:-17px;
}
.left-area.col-left.hidden-xs.sticky {
    margin-top: 0px;
}
.left-area.col-left.hidden-xs {
    margin: 25px 0px 0px 0px;
}
.col-left .title, div#menu-page-left .title-white-blue a {
    margin: 0px 0px 6px 0px;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 12px;
    color: #474646;
    font-family: "Arial";
    font-weight: bold;
}

.col-left .link a {
    font-size: 13px !important;
    letter-spacing: 0px;
    line-height: 24px !important;
    color: #313131;
    font-family: "Arial";
    display: block;
}

.sach-pho-bien-wrapper .title, div#menu-page-left .title-white-blue {
    margin: 17px 0px 6px 0px;
}

.sach-pho-bien-wrapper .link .link-active {
    font-weight: bold;
}

.margin-top0 .title {
    margin: 0px 0px 6px 0px;
}

.menu_list ul li.menu-left-main-li {
    display: block;
    float: left;
}

#firstpane li.menu-left-main-li span.parent-icon {
    height: 18px;
}

.menu_list ul li.menu-left-main-li a.root-item {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 18px;
    color: #313131;
    font-family: "Arial";
    font-weight: 200;
}

.col-left div#menu-page-left {
    display: inline-block;
}

.sach-pho-bien-wrapper form#nxbSearch {
    width: 169px;
    height: 21px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #dadada;
    margin: 0px 0px 5px 0px;
    float: left;
    outline: none;
    padding: 0px 0px 0px 5px;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 27px;
    color: #cbcaca;
    font-family: "Arial";
}

.sach-pho-bien-wrapper form#nxbSearch input#querynxb {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 6px;
    outline: none;
}

.gian-hang-sach .col-list3-items .name_nxb {
    margin: -4px 0px 0px 0px;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 16px;
    color: #b12704;
    font-family: "Arial";
    font-weight: bold;
}

.gian-hang-sach .col-list3-items {
    width: 50%;
    float: left;
}

.gian-hang-sach .col-list3-items .list-gianhang {
    width: 26.5%;
    float: left;
    margin: 11px 4.4% 16px 0px;
}

.col-list3-items .list-gianhang .preview-images {
    height: 110px;
    background-position: left !important;
    background-size: cover !important;
}

.col-list3-items .list-gianhang  a.link {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: initial;
    color: #0066c0;
    font-family: "Arial";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px 10px 0px 0px;
}

.col-list3-items .list-gianhang span.tacgia, .col-list3-items .list-gianhang span.nxb {
    font-size: 10.67px;
    letter-spacing: 0px;
    line-height: 18px;
    color: #313131;
    font-family: "Arial";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-list3-items .list-gianhang span.money {
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 10px;
    text-decoration: line-through;
    color: #061e40;
    font-family: "Arial";
}

.col-list3-items .list-gianhang span.cost-old {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 10px;
    color: #b12704;
    font-family: "Arial";
    padding: 0px 0px 0px 5px;
}

.col-list3-items .list-gianhang span.ngoisao img {
    width: 7.5%;
    margin-right: -3px;
}

.col-list3-items .list-gianhang span.people {
    font-size: 7px;
    letter-spacing: 0px;
    line-height: 8px;
    color: #061e40;
    font-family: "Arial";
    padding: 0px 0px 0px 5px;
    display: inline-block;
}

/*
.gian-hang-sach .col-list3-items:nth-child(odd) {
    float: right;
}
.gian-hang-sach {
    position: relative;
}
.gian-hang-sach .nav-wrap {
    display: inline-block;
    float: left;
    position: absolute;
    top: 0px;
    right: 0px;
}
.gian-hang-sach .nav-wrap font.text {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 16px;
    color: #000000;
    font-family: "Arial";
}
.gian-hang-sach .nav-wrap .text .truoc-sau {
    display: inline-block;
}
.gian-hang-sach .nav-wrap font.text a {
    background: transparent;
    border: none;
    outline: none;
}
.gian-hang-sach .nav-wrap font.text a:hover{border: none;}
.gian-hang-sach .nav-wrap font.text b {
    color: #ffc120;
    border: none;
}
*/

/*footer*/
.footer .frame-border-bound {
    background-color: #f3f2f2;
    height: 58px;
}

.footer-top {
    background: #dedede;
    line-height: 45px;    /*height: 45px;*/
    padding-left: 17px;
}

.footer-top a {
    color: #484848;
    font-weight: bold;
    padding-right: 5px;
}

.link-footer {
    margin-left: 0;
}

.quan-ly-f, .tro-giup-f, .ho-tro {
    margin-right: 150px;
}

.footer-bottom {
    background: #ebebec;
    padding: 20px 20px 10px 15px;
    color: #464646;
}

.company .foot-top-dv {
    line-height: 18px;
}

.foot-top-fair {
    padding-bottom: 5px;
}

.link-nav-bottom {
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    padding-bottom: 5px;
}

.ul-nav-bottom li {
    padding: 2px 0px 0px 0px;
    margin: 0;
    list-style: none;
    line-height: initial;
    display: block;
}

.ul-nav-bottom li a {
    font-size: 11px;
}

.footer-bottom a {
    color: #464646;
}

.col-md-9.sach-ban-chay a.view-more {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 16px;
    color: #2a7bb6;
    font-family: "Arial";
}

/*xếp hạng*/
.xep-hang .tieu-de {
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 12px;
    color: #000000;
    font-family: "Arial";
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 42px 0px 0px;
    width: calc(100% + 34px);
    margin: 0px 0px 0px -17px;
}

.xep-hang .list-row span {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #313131;
    font-family: "Arial";
    display: inline-block;
}

.xep-hang .list-row span.vitri {
    float: right;
    padding: 0px 0px 0px;
}

.xep-hang {
    margin: 32px 0px 0px 0px;    /*padding: 0px 17px 16px 17px;*/

    /*background: url(/bitrix/templates/nxbtt-2020/images/2020/backgroud_xhdg.png) no-repeat left center;*/
    background-position: 72% 13%;    /* box-shadow: 0 0 6.5px rgba(217,217,215,0.5); */
    background-size: cover;
}

.xep-hang a.view-more {
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 12px;
    color: #40341a;
    font-family: "Arial";
    text-align: center;
    display: block;
    margin: 5px auto 0px;
    border-bottom: 1px solid #7f796d;
    width: 32%;
}

.xep-hang span.ps {
    font-size: 9px;
    letter-spacing: 0px;
    line-height: 12px;
    color: #676767;
    font-family: "Arial";
    text-align: center;
    display: block;
    padding: 6px 0px 0px 0px;
}

/*gian hàng thai minh*/
.gian-hang-thaiminh .title {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 12px;
    color: #313131;
    font-family: "Arial";
    font-weight: bold;
}

.gian-hang-thaiminh .list-news-2item .preview-images {
    width: 35%;
    height: 80px;
    float: left;
    margin: 0px 10px 11px 0px;
    background-position: left !important;
    background-size: 100% 100% !important;
}

.gian-hang-thaiminh .list-news-2item a.link {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: initial;
    color: #313131;
    font-family: "Arial";
    font-weight: bold;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

.gian-hang-thaiminh .list-news-2item .content {
    width: 60%;
    float: right;
}

.gian-hang-thaiminh .list-news-2item span.money {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 11px;
    color: #b12704;
    font-family: "Arial";
    font-weight: bold;
    display: block;
    padding: 7px 0px 0px 0px;
}

.gian-hang-thaiminh .title {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 12px;
    color: #313131;
    font-family: "Arial";
    font-weight: bold;
    margin: 19px 0px 8px 0px;
}

.sach-ban-chay .items-list span.ngoisao {
    margin: 0px 0px 30px 0px;
    display: block;
}

.sach-ban-chay .padding-10 .items-list .gia {
    margin: 5px 0px 6px 0px;
}

.xep-hang.gian-hang {
    margin-top: 29px;
}

/*sách tuyển chọn*/
.sach-tuyen-chon .row-5items .items-list {
    width: calc(20% - 40px);
    float: left;
    margin: 0px 40px 0px 0px;
}

.sach-tuyen-chon .row-5items .items-list .preview-images {
    width: 125px;
    height: 160px;    /*width: 145px;
    height: 204px;*/
    background-position: center !important;
}

.sach-tuyen-chon .row-5items .items-list a.link {
    font-size: 11px;
    line-height: inherit;
    width: 100%;    /*padding: 0px 5px;*/
    margin: 8px 0px 0px 0px;
    min-height: 32px;
}

.sach-tuyen-chon .row-5items .items-list span.tacgia, .sach-tuyen-chon .row-5items .items-list span.nxb {
    font-size: 9.31px;
    line-height: 15px;
    margin: 0px;
}

.sach-tuyen-chon .row-5items .items-list span.money {
    font-size: 10px;
    line-height: 12px;
}

.sach-tuyen-chon .row-5items .items-list span.cost-old {
    line-height: 12px;
    padding: 0px 0px 0px 6px;
    font-size: 14px;
}

.sach-tuyen-chon .row-5items .items-list img {
    width: 8%;
    margin: 0px -2px 0px 0px;
}

.sach-tuyen-chon .row-5items .items-list span.people {
    font-size: 8px;
    line-height: 12px;
}

/*footer*/
.footer .frame-border-bound {
    font-size: 21px;
    font-family: "Arial";
    color: rgb(255, 255, 255);
}

.footer-top.footer-top-n {
    font-weight: bold;
    text-transform: uppercase;
    background-color: #f3f2f2;
}

.so-nguoi-truy-cap {
    position: unset !important;
    font-size: 18px;
    font-family: "Arial";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 58px !important;
    text-align: right;
    text-transform: unset !important;
    margin-right: 10px;
}

.cong-nghe-nen-tang {
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 12px;
    padding-left: 0px;
}

.creditcard {
    padding-left: 30px;
    padding-bottom: 20px;
}

.img-right-footer {
    margin-right: 0px;
    margin-top: 28px;
}

.footer {
    /* background-color: #0261b6; */
    height: 300px;
}

.footer-top {
    background: #dedede;
    line-height: 45px;    /*height: 45px;*/
    padding-left: 17px;
}

.footer-top a {
    color: #484848;
    font-weight: bold;
    padding-right: 5px;
}

.footer-bottom {
    background: #ebebec;
    padding: 28px 20px 10px 15px;
    color: #464646;
}

.company {
    line-height: 17px;
    margin-left: 15px;
}

.link-nav-bottom {
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    padding-bottom: 5px;
}

.ul-nav-bottom li {
    padding: 2px 0px 0px 0px;
    margin: 0;
    list-style: none;
}

.ul-nav-bottom li a {
    font-size: 11px;
}

.footer-bottom a {
    color: #464646;
}

/* Page - Tin tuc */
.sect-page-left.blog-news .title-trang-tinh {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 32px;
    color: #555454;
    font-family: "Arial";
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px solid #f4f4f4;
}

.bottom-trang-tinh {
    background: none repeat scroll 0 0 #F5821F;
    height: 2px;
    margin: 2px 0px 20px 0px;
    width: 100%;
}

.sect-page-left.blog-news .preview-picture {
    background-position: center !important;
    background-size: cover !important;
    height: 150px;
    width: 21.6%;
    margin: 0px 16px 0px 0px;
}

/* Trang chu - sub right part */
.sub-right-part {
    width: 100%;
    float: right;
}

/*update*/
.workarea {
    padding: 0px 12px 0px 15px;
}

.workarea .col-md-10 {
    padding: 0px 12px 0px 0px;
}

.xep-hang .list-row span.tac-gia {
    line-height: initial !important;
    width: 80%;
}

@media only screen and (min-width:768px) {
    .visible-xs {
        display: none !important;
    }

    .hidden-xs {
        display: block;
    }

}

div#menu-wrapper ul.left-menu li {
    list-style: none;
    display: block;
    width: 100%;
}

.collapse:not(.show) {
    display: block;
}

div#menu-wrapper ul.left-menu {
    display: block;
}

/*update 10-04-2020*/
.row.read_more-visit_stall {
    margin: 0px;
}

.row.read_more-visit_stall .col-md-3 {
    flex: auto;
    max-width: 20%;
}

.row.read_more-visit_stall .col-md-9.sach-ban-chay {
    flex: auto;
    max-width: 77.2%;
    margin: 0px 22px 0px 0px;
}

.read_more-visit_stall.hidden-title-xephang .gian-hang-thaiminh .title.new {
    opacity: 0;
    height: 12px;
}

.top-panel-header {
    position: relative;
}

.top-control-panel-header .top-menu-inner {
    position: absolute;
    left: 15.2%;
    bottom: 8px;
}

.top-control-panel-header .info-fair {
    position: absolute;
    right: 12px;
    bottom: 8px;
}

.slide.hidden-xs.show-home {
    display: none;
}

.row.read_more-visit_stall .col-sm-9.sach-ban-chay.col-12 {
    flex: auto;
    max-width: 77.2%;
    margin: 0px 22px 0px 0px;
    padding: 0px;
}

div#page-wrapper .workarea.col-md-12 .col-md-2{
    
    /*background-image: url(/bitrix/templates/nxbtt-2020/images/2020/trien-lam/hoa-sen-2.gif);
    background-repeat: repeat-y;
    background-size: contain;
    background-position-x: left;
    background-position-y: 300px;
    */
    
    /*background: url(/bitrix/templates/nxbtt-2020/images/2020/trien-lam/hoa_sen_new.png) left top repeat-y;*/
    background: url(/bitrix/templates/nxbtt-2020/images/2020/trien-lam/hoa-sen-3.gif) left top -60px repeat-y;
}



/********************************** trien lam ***********************************/


/* trien lam video */
.page-content.video .top-area .video-area{
    width: calc(100% - 240px );
    
}

.page-content.video .top-area .right-area{
    width:240px;
    padding-right:12px;
    box-sizing:border-box;
}
.page-content.video .top-area .right-area .avatar img{
    width:100%;
    margin-bottom:20px;
}

@media only screen and (max-width: 767px) and (min-width: 320px){
    .page-content{
        padding:0 10px;
    }
    .page-content.video .top-area .right-area{
        width:100%;
        padding-right:0;
    }
    .page-content.video .top-area .right-area .avatar img{
        width:50%;
        float:left;
    }
}



/*//longvv*/

/*header*/


@font-face {
    font-family: "Merriweather";
    src: url("/bitrix/templates/nxbtt-2020/font/Judson-Bold.ttf");
}

@font-face {
    font-family: "MerriweatherBold";
    src: url("/bitrix/templates/nxbtt-2020/font/Merriweather-Bold.ttf");
}

/*@font-face {
    font-family: "Roboto-Light";
    src: url("/bitrix/templates/nxbtt-2020/font/Merriweather-Bold.ttf");
}

@font-face {
    font-family: "MerriweatherBold";
    src: url("/font/Merriweather-Bold.ttf");
    }*/
    .top-panel-inner .count-cart {
        display: none;
    }
    .news-latest.hidden-xs {
        display: none;
    }
    .top-search.user-info .admin {
     float: right;
     width: unset;
     padding-top: .9vw;
     padding-left: 3.5%;
     color: white;
     margin: 0px -1.5vw 0px 0px;
 }

 .txt-search-r input.btn-tim-kiem {
    background: url(/bitrix/templates/nxbtt-2020/images/2020/icon_search.png) no-repeat 0 6px;
    outline: none;
    background-size: contain;
    padding: .5vw;
    background-size: contain;
    background-position: 0px 6px;
    width: 1.5vw;
    margin: 0px;
    height: 2.3vw;
    margin-right: .5vw;
}





.top-menu-inner a {
    font-size: 1.05vw;
    font-family: "JudsonBold";
}

.top-panel-inner .logo {
    width: 14vw;
    float: left;
}
span.title-fair {
    font-family: "JudsonBold";
    font-weight: bold;
    font-size: 0.9vw;
    margin-left: .4vw;
    margin-top: .4vw;
}

a#link_logout {
 
    color: #000000;
    border-left: 1px solid #333;
    /* padding-left: 1vw; */
    margin-left: 1vw;
    padding: .5vw 0;
    padding-left: 1vw;
    
    font-size: .8vw;
    display: inline-block;
}
.admin a.account {
   
    float: right;
}

.top-control-panel-header .info-fair span:first-child {
    margin-bottom: 4px;
    display: inline-block;
}
.top-control-panel-header .info-fair span {
    font-size: .9vw;
}
.tham-gia-mxh {
    font-size: .78vw;
}

.cuoc_doi_va_su_nghiep_ve_bac .title_bar_cuoc_doi h3 img {
    width: 3vw;
}

.noi_dung_bao_quanh .page-bottom {
    margin-top: -1vw;
    margin-bottom: .4vw;
}

/*//css cac trang danh sach*/

.trien-lam-video-wrapper .others .name a,
.title-block-right,
.trienlam-sukien-tintuc-wrapper .item .name,
.trien-lam-sach-list-wrapper .items-list a.link,
.khu-trien-lam-anh .menu-tab .nav-tabs a.active,
.khu-trien-lam-anh .menu-tab .nav-tabs a,
.trien-lam-video-wrapper .others .name a,
.trien-lam-tem-list-wrapper .items-list a.link,
.sect-page-left.blog-news .item-other a,
.sect-page-left.blog-news .item-other span,

.col-left .title, .col-left .title a
{
    font-family: "Playfair Display",sans-serif !important;
}
.col-left .link a{
    font-family: "PlayfairDisplay-Regular" !important;
    font-size: 1vw !important;
}
.trien_lam_tem_ve_bac .title_bar_cuoc_doi h3 p:first-letter {
    text-transform: capitalize;
}

.trien_lam_tem_ve_bac .trien-lam-tem-list-wrapper .items-list a.link{
    font-family: "Merriweather",sans-serif !important;
}

.trien_lam_anh_ve_bac {
    margin-bottom: 2.8vw !important;
}

.cuoc_doi_va_su_nghiep_ve_bac .title_bar_cuoc_doi h3{
    margin-top: 1.8vw !important;
}

.col-left .title, .col-left .title a  {
    font-size: .9vw !important;
    
}

.title_bar_cuoc_doi h3 p a {
    color: #c4a95a;
}
.tieude-cohoasen span a {
    color: #c4a95a;
}


.noi_dung_bao_quanh  .nav-tabs {
   
    position: relative;
    z-index: 2;
}

.trien-lam-video-wrapper .others .name a {
  display: block;
  text-transform: inherit;

}
.trien-lam-video-wrapper .others .name a:first-letter{
    text-transform: uppercase;
    
}

.page-content .trien-lam-sach-list-wrapper .items-list a.link,
.page-content .trien-lam-tem-list-wrapper .items-list a.link,
.sach-mua-cung.detail-sach .trien-lam-tem-list-wrapper .items-list a.link{
    color: #333333;
}

.top-search.user-info .admin,div#menu-wrapper ul.left-menu li.menu-login{
    display: none !important;
}


.khu-trien-lam-the-he-tre .trien-lam-anh-wrapper ul.product-gallery li.gallery-img {
    width: 31.73%;
    float: left;
    border: none;
    padding: 0;
    margin: 0px 0px 2vw 0px;
    margin-right: 2vw;
}
.khu-trien-lam-the-he-tre .trien-lam-anh-wrapper ul.product-gallery li.gallery-img img{
    width: 100%;
    height: auto;
    margin: auto;
}

.product-gallery-popup .product-popup-content {
    
    height: 38vw !important;
    top: 14vh  !important;
    
}

.cross {
    
    top: 9vh !important;
}

.sect-page-left .detail-sach .noi-dung-chi-tiet .image_info .preview-images {
    width: 100%;
    height: 30vw !important;
    border: none !important;
}

.top-control-panel-header .info-fair{
    bottom: 4vw !important;
}

.cau_chuyen_ve_bac #tabs-tacpham-cua-bac .menu-tab .nav-tabs{
    border-top: none !important;
    padding-top: 0 !important;
}

.cau_chuyen_ve_bac .menu-tab .nav-tabs a.active {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 16px;
    color: #b12704;
    font-family: "Playfair Display",sans-serif !important;
    font-weight: 400;
}
.cau_chuyen_ve_bac .menu-tab .nav-tabs a {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 16px;
    color: #000;
    font-family: "Playfair Display",sans-serif !important;
    font-weight: 400;
}

.sect-page-left .detail-sach .noi-dung-chi-tiet .image_info .preview-images {
    background-size: contain !important;
    }

    .khu-trien-lam-the-he-tre .trien-lam-sach-list-wrapper-news .items-list .preview-images {
    background-size: contain !important;
}

.khu-trien-lam-sach-ho-chi-minh.danhmuc-sach .nav-tabs {
 
    position: relative;
    z-index: 111;
}
/* End */
/* /bitrix/components/vv/search.top/templates/trienlam/style.css?16232220752375 */
/* /bitrix/components/vv/login_link/templates/nxbtt.1024/style.css?16232220755130 */
/* /bitrix/components/vv/shoppingcart/templates/total_item/style.css?1623222075263 */
/* /bitrix/components/vv/menu/templates/navbar/style.css?16232220755358 */
/* /bitrix/components/vv/search.top/templates/nxbtt.top.home.new/style.css?1623222075616 */
/* /bitrix/components/vv/news.list/templates/trangchu-tintuc-moinhat/style.css?1623222075640 */
/* /bitrix/templates/nxbtt-2020/components/bitrix/system.pagenavigation/.default/style.css?1623222074564 */
/* /bitrix/components/vv/static/templates/slide/style.css?1623222075819 */
/* /bitrix/components/vv/news.list/templates/slide.home.video.mobile/style.css?16232220752344 */
/* /bitrix/components/vv/static/templates/trienlam.mobile.danhmuc/style.css?16232220751798 */
/* /bitrix/components/vv/hoat-canh/templates/chim-hac/style.css?1623222076575 */
/* /bitrix/templates/nxbtt-2020/styles.css?162322207410167 */
/* /bitrix/templates/nxbtt-2020/template_styles.css?162322207428878 */