/*lien hệ*/
.form-input label {
	display: block;
	font-weight: 600;
	margin-bottom: 8px;
	text-transform: uppercase;
}
.form-input label em{
	color: #F00;
}
.form-input{
	position: relative;
	margin-bottom: 20px;
}
.form-input input{
	background: #F1F7FD;;
	border: 1px solid #F1F7FD;;
	border-radius: 8px;
	padding: 20px;
	padding-left: 20px;
	height: 56px;
	width: 100%;
}
.form-input i {
	position: absolute;
	left: 0;
	width: 48px;
	text-align: center;
	color: #6C6C6C;
	bottom: 17px;
	font-style: normal;
	z-index: 1;
	border-right: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}
.form-input i:focus::placeholder{
  color: transparent;
}
.form-input input::placeholder{
		color: rgba(0, 0, 0, 0.50);
}
.form-input textarea:hover,
.form-input textarea:focus,
.form-input input:hover,
.form-input input:focus{
	/*border-color: #00ADEF;*/
}
.form-input:hover i {
	border-color: #00ADEF;
}
.lh-form-right,
.lh-form-right iframe {
	width: 100%;
	height: 100%;
}
.form-input-btn {
	margin-top: 30px;
	text-align: center;
}
.contact-form .btn-style img {
	margin-left: 12px;
}

/*thu vien tai lieu*/
.tailieu-head{
	margin-bottom: 30px;
}
.main-list-tailieu{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px 20px;
}
.hvg-result-count {
	font-size: 14px;
	padding: 20px 0 0px;
	margin-bottom: 0;
	z-index: 2;
}
.hvg-ordering .select-wrap select{
	color: rgba(0, 0, 0, 0.5);
	border-radius: 22px;
	border-color: 1px solid rgba(220, 220, 220, 0.75);
}

.item-tailieu a {
	border: 1px solid rgba(220, 220, 220, 0.75);
	display: block;
	border-radius: 30px;
	padding-bottom: 50px;
	overflow: hidden;
}
.item-tailieu-img {
	position: relative;
	margin-bottom: 30px;
	padding: 30px;
}
.onsale {
	font-family: 'Capriola', serif;
  font-weight: 400;
  font-size: 16px;
  margin: 0 !important;
  padding: 0;
  width: 68px;
  height: 68px;
  line-height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-clip: border-box;
  color: #fff;
  text-align: center;
  overflow: hidden;
  min-height: initial;
  border: 0;
  min-width: initial;
  pointer-events: none;
  mask-image: url('data:image/svg+xml;utf8,\ <svg width="72" height="66" xmlns="http://www.w3.org/2000/svg">\ <path d="M55.8035 4.31536C62.4189 9.49641 61.0749 17.6076 59.8361 21.2887C68.9207 22.9865 75.285 33.1918 68.7464 42.6146C64.3144 49.0018 56.3349 48.0079 54.487 47.1308C55.3006 51.3926 53.738 62.6363 42.9855 65.2885C32.8525 67.7878 25.5191 58.8581 23.867 52.6853C10.8355 57.6054 2.92608 49.808 1.16787 40.1772C-0.507917 30.9979 9.08288 22.2071 16.9044 24.0559C15.385 19.4548 11.1605 11.3834 19.6164 3.94085C27.679 -3.15553 37.0851 2.50939 40.3852 5.13567C43.335 2.53943 50.6372 0.269217 55.8035 4.31536Z"/>\ </svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,\ <svg width="72" height="66" xmlns="http://www.w3.org/2000/svg">\ <path d="M55.8035 4.31536C62.4189 9.49641 61.0749 17.6076 59.8361 21.2887C68.9207 22.9865 75.285 33.1918 68.7464 42.6146C64.3144 49.0018 56.3349 48.0079 54.487 47.1308C55.3006 51.3926 53.738 62.6363 42.9855 65.2885C32.8525 67.7878 25.5191 58.8581 23.867 52.6853C10.8355 57.6054 2.92608 49.808 1.16787 40.1772C-0.507917 30.9979 9.08288 22.2071 16.9044 24.0559C15.385 19.4548 11.1605 11.3834 19.6164 3.94085C27.679 -3.15553 37.0851 2.50939 40.3852 5.13567C43.335 2.53943 50.6372 0.269217 55.8035 4.31536Z"/>\ </svg>');
  mask-size: 98%;
  -webkit-mask-size: 98%;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.onsale {
	position: absolute;
	z-index: 5;
	top: 14px;
	right: 16px;
  background-color: #F86A6A;
  color: #fff;
}
.info-tailieu{
	text-align: center;
}
.tailieu-title{
	font-size: 22px;
	line-height: 28px;
	padding: 0 0 0 0;
	margin-top: 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	color: #385469;
	background-image: linear-gradient(#70a6b1, #70a6b1);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 0% 2px;
	display: inline;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.info-tailieu p {
	margin: 10px 0 20px;
	padding: 0 30px;
	font-size: 16px;
}
.price {
	margin-bottom: 20px;
  color:#0f51af;
	font-size: 22px;
}
.price .amount{
	font-weight: 700;
	line-height: 20px;
}
.price del{
	font-weight: 400;
	opacity: .3;
	margin-right: 10px;
}
.price ins{
	text-decoration: none;
}
.price ins .amount{
	color: #F86A6A;
}
.tailieu-description .title{
	text-align: center;
}
.tailieu-description .title span{
	border-bottom: 2px solid #ff6600;
	padding-bottom: 10px;
	display: inline-block;
	font-size: 18px;
}
/*single tailieu*/
.single-tailieu-row{
	width: 75%;
	margin: 0 auto;
}
.tailieu-short-description{
	margin-bottom: 30px;
}
.tailieu-description {
	margin: 20px 0 50px;
}

.tailieu_meta {
	margin-top: 30px;
	font-size: 16px;
	color: #ff6600;
}
.tailieu_meta span{
	color: #385469;
}


.related-tailieu .title {
	font-size: 30px;
	margin-bottom: 30px;
}
.list-related-tailieu {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 20px;
}
/**/
.main-sw{
	position: relative;
}
@media only screen and (min-width: 1300px) {
	.main-sw .swiper-button-next{
		right: -25px;
	}
	.main-sw .swiper-button-prev{
		left: -25px;
	}
}
div.swiper-button-next, div.swiper-button-prev {
	background-color: transparent;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	z-index: 2;
	overflow: hidden;
	text-align: center;
	left: 0;
	cursor: pointer;
	font-size: 25px;
	font-family: fontawesome;
	/* border-radius: 10px; */
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	 padding-right: 5px; 
	background-image: none;
	border-radius: 100%;
	/*transform: translateY(-50%);*/
}
div.swiper-button-next {
    right: 0;
    left: auto;
    padding: 0;
    padding-left: 5px;
}
div.swiper-button-prev::before,
div.swiper-button-next::before {
	z-index: 1;
	position: relative;
}
div.swiper-button-prev::before {
	content: "\f104";
	left: -10px;
}
div.swiper-button-next::before {
	content: "\f105";
	right: -10px;
}
div.swiper-button-prev::after,
div.swiper-button-next::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	border: 25px solid rgba(20, 55, 95, 0.40);
}
div.swiper-button-next::after{
	left: 50%;
}
div.swiper-button-prev::after{
	right: 50%;
}
div.swiper-button-prev:hover::after,
div.swiper-button-next:hover::after{
	border-color: #14375F;
}

@media only screen and (max-width: 1100px) {
	.page-heading {
		padding: 50px 0 20px;
	}
	/**/
	.single-tailieu-row {
		width: 100%;
	}
	.tailieu-description {
		margin: 20px 0;
	}
}
@media only screen and (max-width: 990px) {
	.row-title {
		margin-bottom: 20px;
	}
	.row-title .title {
		font-size: 26px;
		margin-top: 10px;
	}
	.form-input-btn {
		margin-top: 20px;
	}
	.form-input-btn .btn-style img {
		width: 12px;
	}
	/**/
	.related-tailieu .title {
		font-size: 25px;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 900px) {
	.form-input {
		margin-bottom: 15px;
	}
	.form-input input{
		height: 40px;
	}
}
@media only screen and (max-width: 810px) {
	.hd-banner,
	.hd-banner-radius {
		padding: 10px;
	}
	.hd-banner{
		margin-bottom: 20px;
	}
	/**/
	.item-tailieu a {
		padding-bottom: 20px;
	}
	.tailieu-head {
		margin-bottom: 20px;
	}
	/**/
	.list-related-tailieu {
		grid-template-columns: repeat(2,1fr);
	}
}
@media only screen and (max-width: 767px) {
	.lh-form .col-mb {
		width: 100%;
	}
	.form-input-btn {
		margin-bottom: 20px;
	}
	.form-input {
		margin-bottom: 15px;
	}
	/**/
	.main-list-tailieu {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}
	/**/
	.single-tailieu-row .col-mb {
		width: 100%;
	}
}
@media only screen and (max-width: 640px) {
	.lh-box1.lh-box {
		padding: 20px 0;
	}
	.row-title .title {
		font-size: 20px;
	}
	/**/
	.info-tailieu p {
		margin: 10px 0;
		padding: 0 10px;
		font-size: 14px;
	}
	/**/
	.related-tailieu .title {
		font-size: 22px;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 480px) {
	.list-related-tailieu,
	.main-list-tailieu {
		grid-template-columns: repeat(1, 1fr);
	}
}