.smart--banner {
    height: 500px;
    max-height: 100vh;
}
.smart {
    padding: 80px 0;
    position: relative;
    z-index: 1;
}
.smart__bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
.smart__title_1 {
    font-size: 36px;
    font-family: UTM Avo;
    font-style: normal;
    white-space: nowrap;    
    text-transform: uppercase;
    text-align: left;
    line-height: 41px;
	white-space: nowrap;
	color: #fff;
}

.smart__title_2 {
	font-size: 36px;
	font-weight: normal;
	font-family: UTM Avo;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	line-height: 1.3;
	margin-bottom: 7px;
}
.title_truyen-thong-detail {
	font-size: 24px;
	font-weight: normal;
	font-family: UTM Avo;
	color: #6b1e2e;
	text-align: left;
	line-height: 1.3;
	margin-bottom: 7px;
}
.title_PCF {
	font-size: 24px;
	font-weight: bold;
	font-family: UTM Avo;
	color: #ffffff;
	text-align: left;
	line-height: 1.3;
	margin-bottom: 7px;
}

.smart__title_2_2 {
	font-size: 50px;
	font-weight: normal;
	font-family: UTM Avo;
	color: #335807;
	text-transform: uppercase;
	text-align: right;
	line-height: 1.3;
}
.smart__title_2_2_1 {
	font-size: 50px;
	font-weight: normal;
	font-family: UTM Avo;
	color: #335807;
	text-transform: uppercase;
	text-align: right;
	line-height: 1.3;
	margin-bottom: 10px;
}
.smart__title_3 {
	font-size: 44px;
	font-weight: normal;
	font-family: UTM Avo;
	color: #fff;
	text-transform: uppercase;
	text-align: right;
	line-height: 1.3;
}
.smart__title_3_1 {
	font-size: 44px;
	font-weight: normal;
	font-family: UTM Avo;
	color: #fff;
	text-transform: uppercase;
	text-align: right;
	line-height: 1.3;
	margin-bottom: 18px;
}		
.smart__title_4 {
	font-size: 46px;
	font-weight: normal;
	font-family: UTM Avo;
	color: #6b0865;
	text-transform: uppercase;
	text-align: right;
	line-height: 1.3;
}
.smart__title_4_1 {
	font-size: 46px;
	font-weight: normal;
	font-family: UTM Avo;
	color: #6b0865;
	text-transform: uppercase;
	text-align: right;
	line-height: 1.3;
	margin-bottom: 10px;
}
.smart__title_5 {
	font-size: 31px;
	font-weight: normal;
	font-family: UTM Avo;
	color: #fff;
	text-transform: uppercase;
	text-align: right;
	line-height: 1.3;
}
.smart__title_5__CF {
	font-size: 50px;
	font-weight: normal;
	font-family: UTM Dinh Tran;
	font-weight: bold;
	color: #fff;
	text-align: right;
	line-height: 1.3;
}
@media (max-width: 768px){
.smart__title_5__CF {
		font-size:  35px;
	}
}
.smart__title_5_1 {
	font-size: 31px;
	font-weight: normal;
	font-family: UTM Avo;
	color: #fff;
	text-transform: uppercase;
	text-align: right;
	line-height: 1.3;
	margin-bottom: 10px;
}
.smart__title_6 {
	font-size: 29px;
	font-weight: normal;
	font-family: UTM Avo;
	color: #fff;
	text-transform: uppercase;
	text-align: right;
	line-height: 1.3;
}
.smart__title_6_2 {
	font-size: 45px;
	font-weight: normal;
	font-family: UTM Avo;
	color: #fff;
	text-transform: uppercase;
	text-align: right;
	line-height: 1.3;
	margin-bottom: 10px;
}
#player-overlay {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;        
  z-index:999;
}
.myButton {
	box-shadow: 0px 3px 4px -2px #000000;
	background-color:#44c767;
	border-radius:22px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:8px 38px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
	background-color:#5cbf2a;
}
.myButton:active {
	position:relative;
	top:1px;
}
.myButton-CF {
	box-shadow: 0px 3px 4px -2px #000000;
	background-image: linear-gradient(to right, #4b2b0c, #cb8c4e);
	border-radius:22px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:8px 38px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButton-CF:hover {
	background-color:#5cbf2a;
}
.myButton-CF:active {
	position:relative;
	top:1px;
}

.text-left {
    text-align: left !important;
}
.d-block {
    display: block !important;
}
.carousel-multi-item {
	margin-bottom: 5rem
}
.carousel-multi-item .carousel-indicators li {
	height: 1.25rem;
	width: 1.25rem;
	max-width: 1.25rem;
	background-color: #4285f4;
	margin-bottom: -3.75rem
}



.carousel-multi-item .controls-top {
	text-align: center;
	margin-bottom: 1.88rem
}

.carousel-multi-item .controls-top .btn-floating {
	background: #4285f4
}

.carousel-multi-item .carousel-indicators {
	margin-bottom: -2em
}

/* hover */
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 90%;
  height: 60%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(170,170,170,0.4);
}

.hovereffect h2, .hovereffect img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.hovereffect:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 5px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  height: 85%;
  width: 85%;
  position: absolute;
  top: -20%;
  left: 8%;
  padding: 70px;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: rgba(0,0,0,0.4);
}


/* End hover */


@media (min-width:768px) {
	.carousel-multi-item .col-md-4 {
		float: left;
		width: 33.333333%;
		max-width: 100%
	}
}
@media (max-width:768px) {
	.smart__title_1 {
		font-size: 26px;
	}
}


@media only screen and (max-width:992px) {
	.carousel-multi-item .carousel-indicators li {
		margin-bottom: -1.88rem
	}
}

.wrapper-carousel-fix .carousel-fade .active.carousel-item-left,
.wrapper-carousel-fix .carousel-fade .active.carousel-item-right {
	transition: transform .2s ease;
	transition-property: opacity
}

.carousel-multi-item .carousel-inner.v-2 .carousel-item-next,
.carousel-multi-item .carousel-inner.v-2 .carousel-item-prev,
.carousel-multi-item .carousel-inner.v-2 .carousel-item.active {
 display:flex
}
.carousel-multi-item .carousel-inner.v-2 .carousel-item-next,
.carousel-multi-item .carousel-inner.v-2 .carousel-item-right.active {
 transform:translateX(33%)
}
.carousel-multi-item .carousel-inner.v-2 .carousel-item-left.active,
.carousel-multi-item .carousel-inner.v-2 .carousel-item-prev {
 transform:translateX(-33%)
}
.carousel-multi-item .carousel-inner.v-2 .carousel-item-left,
.carousel-multi-item .carousel-inner.v-2 .carousel-item-right {
 transform:translateX(0)
}