/* css menu */
.navbar{
	padding: 5px 10px;
}
.navbar-menu{
    text-align: center;
}
.navbar-custom .navbar-brand.logo-image img {
    height: 2rem;
}
.navbar-menu li{
    padding: 5px 25px;
}
.navbar-menu .order{
    border: 2px solid #fff;
    border-radius: 25px;
	background-color: #ff6a00;
}
.navbar-menu .order a:hover{
	color: #fff !important;
}
.navbar-brand {
    padding-left: 80px;
}
.navbar-custom.top-nav-collapse .nav-item .nav-link {
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
}
.navbar-custom.top-nav-collapse {
    background: #F2F2F2;
}
.navbar-custom .nav-item .nav-link {
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
}

/* end css menu */

/* banner */
h2{
    color: #fff ;
}
.text-cart{
     text-align: center;
     margin-top: 25px;
	margin-bottom: 20px;
     text-transform: uppercase;
}
.tab-content .title{
	padding-top: 10px;
}
@-webkit-keyframes my {
	0% {
		color: #1786be;
	}

	50% {
		color: #fff;
	}

	100% {
		color: #1786be;
	}
}

@-moz-keyframes my {
	0% {
		color: #1786be;
	}

	50% {
		color: #fff;
	}

	100% {
		color: #1786be;
	}
}

@-o-keyframes my {
	0% {
		color: #1786be;
	}

	50% {
		color: #fff;
	}

	100% {
		color: #1786be;
	}
}

@keyframes my {
	0% {
		color: #1786be;
	}

	50% {
		color: #fff;
	}

	100% {
		color: #1786be;
	}
}

.text-cart a {
    font-weight: bold;
    font-size: 18px;
	-webkit-animation: my 700ms infinite;
	-moz-animation: my 700ms infinite;
	-o-animation: my 700ms infinite;
	animation: my 700ms infinite;
}
.text-cart a i{
    padding-right: 10px;
}

.text-cart-heart{
	text-align: center;
    padding-top: 28px;
}

.text-cart-heart i{
    font-size: 40px;
    padding-right: 10px;

}
.text-cart-heart span{
    font-size: 30px;
    color: #fff;
}
.nummber{
	padding-right: 50px;
}

/* end banner */

.especially h2{
	color: #ff6a00;
	text-align: center;
	margin: 15px 0px;
	font-weight: bold;
}
#author h2{
	margin: 15px 0px 4px;
}
.especially p{
    color: #333; 
}
.especially p i{
	font-weight: bold;
}
.especially p a{
	color: blue ;
}
.especially  .title{
	margin-bottom: 0rem;
}
.row-img{
	margin: 0 auto;
	width: 50%;
	margin-top: -150px;
}
.row-img-botton{
    margin-top: -145px;
}
/* cuon sach nay danh cho ai ? */

.customer h2{
	color: #ff6a00;
	font-weight: bold !important;
}
.customer{
	background-color: #fff;
}
.card-body{
	height: 135px;
	overflow: hidden;
	margin-bottom: 20px;
	text-align: justify;
}
.card-body p{ 
	color: #333;
}
.author{
	background: url(../images/author/background-url.png)  ;
    padding-bottom: 35px;
    background-repeat: no-repeat;
    background-size: cover;
}

/* về tác giả */
.author p{
	line-height: 1.5;
	margin-bottom: 0px ;
	color: #333;
}
.author .name{
	font-size: 23px;
	font-weight: bold;
	color: #333;
}
.author .title{
	font-size: 21px;
}
.author .row-content{
	margin-top: 15px ;
}

/* tại sao bạn phải học cuốn sách này  */

.why-book .why-images-1{
	background: url(../images/whyBook/why-book-1.png)   ;
	background-size: cover;
    height: 395px;
}
.why-book .why-images-2{
	background: url(../images/whyBook/why-book-2.png)  ;
	background-size: cover;
	height: 395px;
}
.why-book .why-images-3{
	background: url(../images/whyBook/why-book-3.png)  ;
	background-size: cover;
    height: 395px;
}
.why-book .why-images-4{
	background: url(../images/whyBook/why-book-4.png)  ;
	background-size: cover;
    height: 395px;
}
.why-book .col-lg-3 div{
    font-size: 14px;
    color: #333;
    line-height: 1.2;
    padding: 0px 47px;
    text-align: justify;
	padding-left: 57px;
    font-weight: 600;
    padding-top: 38px;
}
.why-book .why-images-2,.why-images-3,.why-images-4{
	padding-right: 30px !important;
	padding-left: 77px !important;
}
h2{
	margin: 15px 0px;
	color: #ff6a00;
}
.row-customer{
	background: #fff !important;
}

/* content book */
p{
	line-height: 1.5;
	color: #333;
	font-size: 14px;
}
.content-book .col-img{
    margin-top: 32px;
}


/* readers: Độc giả */
.readers{
	width: 245px !important;
}
.readers-image{
	width: 70% !important;
    height: 170px;
    border-radius: 50%;
}
.readers .descript{
	 text-align: justify;
}
.slider-feedback{
	background: #fff;
}

.readers p b{
	margin-top: 5px ;
	font-size: 16px;
}

/* món quà ý nghĩa */

.presents img{
	height: 300px;
	border: 3px solid rgb(242, 242, 242) ;
}
.presents .col-lg-4{
	 margin-bottom: 15px ;
}
.giftbox{
	color: #fd4646;
	background: #fff;
	border-radius: 5px;
	display: table;
	padding: 0 20px;
	margin: 0 auto;
	margin-bottom: 20px;
}
/* hướng nghiệp */

.vocationa{
	background: url(../images/vocationa/background.png)  ;
	background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 23px;
}
.vocationa .title{
	font-size: 17px;
    padding-left: 15px;
}
.vocationa .col-lg-4 div{
	border-left: 8px solid rgb(238, 234, 102) ;
}
.vocationa .row-vocationa{
	 margin-top: 15px;
}
.vocationa .img{
    height: 300px;
}
.vocationa .row-km{
	position: relative;
	margin-bottom: -65px;
	margin-top: 20px;
	z-index: 1;
}

/* liên hệ */
.contact{
	background: #f5f5dc;
}
.contact .contact-left{
	padding-right: 0px;
}
.contact .contact-right{
	 background: #ff6a00;
	 padding-left: 0px ;
	 padding-top: 30px;
	 padding-bottom: 30px;
}

.contact .contact-right .col-form input, .contact .contact-right .col-form select{
	 margin-bottom: 15px;
}
.contact .contact-right .col-form button{
	background: #fff;
	color: #ff6a00;
	font-weight: bold;
	width: auto;
	text-align: center;
	margin: 0 auto;
}
.contact .contact-right>.text-center{   
    font-weight: bold;
}
.contact .contact-right>.text-center h3, .contact .contact-right>.text-center h5, .contact .contact-right>.text-center p{
	color: #fff;
}
.contact .contact-right .text-km{  
	padding-left: 31px;
	padding-top: 10px ;
}

/* footer */

.footer-botton {
	background-color: rgb(85, 84, 84);
	padding: 40px 0px 26px 0;
}
.footer-botton p{
	color: #fff;
	line-height: 2;
	font-weight: 500;
	
}
.footer-botton .desctipt{
	text-align: justify;
}
.footer-botton p span{
	padding-left: 10px;
}
.footer-botton p i{
	font-size: 25px ;
}

.especially-mobile{
	display: none;
}
.slider-reviw .item{
	height: 178px;
	overflow: hidden;
}
.img-review{
	height: 250px;
	overflow: hidden;
}
.img-notice{
	width: 300px;
}
@media only screen and (max-width: 425px) {
   .especially-desktop{
	     display: none;
   }
	.navbar{
		padding: 0 10px;
	}
	.footer-fix img{
		width: 150px !important;
	}
	.img-notice{
		width: 50%;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 21px;
	}
	#features{
		padding-top: 20px;
	}
	.giftbox{
		font-size: 12px;
		line-height: 22px;
	}
	.img-review{
		height: 130px;
		overflow: hidden;
	}
	.slider-reviw .item{
		height: 90px;
		overflow: hidden;
	}
	.infotext-cn{
		font-size: 13px;
		line-height: 23px;
		padding-top: 10px;
	}
	.footer-botton p{
		font-size: 12px;
	}
	.footer-botton .logofooter{
		text-align: center;
	}
	.vocationa .img:first-child{
		width:78%;
		height: auto !important;
	}
	.vocationa .img{
		width: 82%;
	}


	.vocationa{
		padding-bottom: 10px;
		background: #eaeaea;
	}
	.navbar-brand{
		padding-left: 0;
	}
   .especially-mobile{
	display: block;
  }
  .why-book .why-images-2 {
	background: none ;
	height: inherit ;
  }
  .why-book .why-images-1 {
	background: none ;
	height: inherit ;
  }
  .why-book .why-images-3 {
	background: none ;
	height: inherit ;
  }
  .why-book .why-images-4 {
	background: none ;
	height: inherit ;
  }
  .why-book .col-lg-3 div {
	  padding-top: 10px ;
	  padding-bottom: 15px !important;
	  padding: inherit ;
  }
  .why-book .why-images-2, .why-images-3, .why-images-4 {
	  padding-right: inherit !important;
	  padding-left: inherit !important;
  }
  h2{
	  margin: 5px 0;
  }
  .customer h2 {
	font-size: 20px;
    line-height: 1.3;
  }
	h5{
		font-size: 14px;
	}
  .image-container{
	  padding-top: 3px;
  }
	.tabs{
		padding-bottom: 0;
	}
	.card-body{
		height: 100px;
		margin-bottom: 10px;
	}
	.especially{
		padding-bottom: 10px;
	}
	.especially h2{
		margin: 3px 0;
	}
	.img1-mobile{
		width: 35%;
	}
	.img2-mobile{
		width: 50%;
	}
	h1{
		font-size: 27px !important;
		line-height: 37px !important;
	}
	.tabs h1, .tabs h2, .tabs h3{
		margin-bottom: 10px;
	}
	.tabs p{
		margin-bottom: 10px;
	}
	.btn-solid-lg{
		margin-top: 0px !important;
		padding: 0.8rem 1rem;
	}
	.bg-img{
		padding: 5px 31px 0 31px;
	}
  .text-cart{
	  margin-top: -12px;
  }
  .header .img-fluid{
	  width: 82%;
  }
  .especially-mobile img{
	  padding: 10px 0;
  }
  .text-cart-heart {
	  padding-top: 0px ;
  }
  .tabs h2, .tabs h3 {
	  margin-top: 0px;
  }
  .video-row iframe{
	  height: 80px;
  }
  .header .text-container {
    margin-bottom: 1rem;
}
.tabs h2{
	font-size: 25px;
	line-height: 1.3;
	margin-bottom: 0rem;
}
.col-lg-6 iframe{
	height: 185px;
}
h2 {
    font-size: 25px;
	line-height: 30px;
	text-align: center;
}


.footer-botton .col-lg-7 img{
		width: 50%;
		padding-top: 10px ;
}
.footer-botton {
	padding: 10px 0px;
}
.contact-left{
	display: none;
}
.contact{
	padding-top: 0px;
	background: none;
	padding-bottom: 0px;
}
.contact .contact-right {
	padding-bottom: 10px;
	padding-top: 10px;
}
.contact .row-contact {
	height: inherit ;
}
   /* slide */
   .owl-carousel .owl-item img {
    width: 100% !important;
}
.owl-carousel .owl-item img {
    height: 130px !important;
}
.slider-student .owl-item img {
	height: auto !important;
	padding: 0 40px;
}
	.owl-carousel .owl-item .card-image{
		height: auto !important;
	}
}


.owl-carousel .owl-item img {
	border-radius: 50%;
    height: 150px;
}
.owl-carousel .owl-item {
	text-align: justify;
}
.video-row{
	padding-bottom: 15px;
}
.slider-student img {
    display: block;
    width: 60% !important;
	margin: 0 auto;
}
.owl-carousel .vuong img {
	border-radius: 0px !important;
	width: 100% !important;
	height: auto !important;
}
.owl-theme .owl-nav .owl-prev {
	left: 0px;
}
.owl-theme .owl-nav .owl-next {
	right: 0px;
}
.owl-theme .owl-nav [class*="owl-"] {
	top: 50%;
	background: inherit !important;
	border-radius: 50% !important;
	color: #d3d3d3;
	box-shadow: none;
	font-size: 45px;
	position: absolute;
}

.content-book, .author{
	text-align: justify;
}
.carousel-control-prev span, .carousel-control-next span{
	color: #1c7430;
	font-size: 40px;
}
.especially{
	background: #e8e8e8;
}
#content{
	padding-top: 10px;
}
#cart{ color: #fff}
.card-image{
	border-radius: 0 !important;
	height: auto !important;
	width: 100% !important;
}

.footer-fix{
    z-index: 99;
    position: fixed;
    bottom: 0;
	right: 0;
}
.footer-fix img{
    width: 250px;
}
.freeship{
	display: table !important;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0.9rem 1.8rem 0.9rem 1.8rem;
	border: 0.125rem solid #d8d8d8;
	border-radius: 2rem;
	color: #fff;
	background-color: #fd0404bf;
	padding: 10px;
	-webkit-animation: freeship_blink 800ms infinite;
	-moz-animation: freeship_blink 800ms infinite;
	-o-animation: freeship_blink 800ms infinite;
	animation: freeship_blink 800ms infinite;
}

@-webkit-keyframes freeship_blink {
	0% {
		color: #000000;
	}

	50% {
		color: #fff;
	}

	100% {
		color: #000000;
	}
}

@-moz-keyframes freeship_blink {
	0% {
		color: #000000;
	}

	50% {
		color: #fff;
	}

	100% {
		color: #000000;
	}
}