.blog-post-inner p{
    overflow: hidden;
    text-overflow: ellipsis; 
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.cd-multi-steps {
    background-color: transparent;
    padding-bottom: 15px;
    border-radius: 0;

}
.cd-multi-steps.text-top li {
    /* width: 80px; */
    text-align: center;
    padding: 0 10px;
}

.cd-multi-steps li {
    display: inline-block;
    position: relative;
    float: none;
    margin: 0;
}
.cd-multi-steps.text-top li > * {
    padding-bottom: 15px;
}
.cd-multi-steps li > * {
    display: inline-block;
    font-size: 0.9rem;
    color: #2c3f4c;
    position: relative;
}
.cd-multi-steps.text-top li.visited > *::before, .cd-multi-steps.text-top li.current > *::before {
    background-color: #dbdbda;
}
.cd-multi-steps.text-top li > *::before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background-color: #edeff0;
    bottom: 0;
}
.cd-multi-steps.text-top li::after {
    bottom: 3px;
    position: absolute;
    left: 50%;
    width: 55%;
}
.cd-multi-steps li::before, .cd-multi-steps li::after {
    position: absolute;
    content: '';
    height: 3px;
    background: #c31d1d;
    margin: 0;
}

.cd-multi-steps.text-top li::before {
    bottom: 3px;
    position: absolute;
    right: 50%;
    width: 55%;
}
.cd-multi-steps.text-top li:nth-child(1)::before,
.cd-multi-steps.text-top li:last-child::after
{
     background-color: transparent;
}


/*.carousel {*/
/*  background: #EEE;*/
/*}*/

/*.carousel-cell {*/
/*  width: 28%;*/
/*  height: 200px;*/
/*  margin-right: 10px;*/
/*  background: #8C8;*/
/*  border-radius: 5px;*/
/*  counter-increment: carousel-cell;*/
/*}*/

/*.carousel-cell.is-selected {*/
/*  background: #ED2;*/
/*}*/

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}


.wrapper-content-slider{
    position:relative;
    margin-bottom:60px;
}
.wrapper-content-slider .previous{
    left:-70px;
}
.wrapper-content-slider ol.flickity-page-dots{
    left:0%;
}
.wrapper-content-slider .next,
.wrapper-content-slider .previous
{
    z-index:999;
    right:-70px;
    top:50%;
    opacity:1;
    
}
.wrapper-content-slider  .flickity-button,
.wrapper-content-slider .flickity-button:hover
{
    background:transparent;
}
.wrapper-content-slider .flickity-prev-next-button .flickity-button-icon{
   width:50px;
   height:50px;
}
.box-study-slider .d-flex.align-items-center {
    display: flex;
}
.date-tin span {
    float: left;
    width: 100%;
    font-size: 1rem;
}
.titte-duhoctin {
    float: left;
    width: 100%;
    border-left: 1px solid #d2d6dc;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 57px;
}
.titte-duhoctin:hover{
    color:#c31d1d;
}
.time-day {
    color: gray;
}
.caption-gray {
    color: gray;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    float: left;
    width: 100%;
    height: 70px;
    margin-bottom: 15px;
}
.btn-chitiet {
    float: left;
    border-radius: 30px;
    width: 130px;
    background: #f2f3f7;
    color: #c31d1d;
    padding: 0px 15px;
    text-transform: uppercase;
    font-size: .8rem;
    font-family: 'Lato-black';
    height: 35px;
    border: 1px solid transparent;
    margin: 10px 0;
    text-align: center;
    line-height: 35px;
}
.box-study-slider:hover .btn-chitiet {
    border: 1px solid #c31d1d;
}
.item-box:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.caption-01 {
    opacity:0;
    height:0;
    min-height:0;
    position: absolute;
    z-index: 3;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    transform: translateY(100%);
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    background: rgba(112,54,137,1);
    background: -moz-linear-gradient(top, rgba(112,54,137,1) 0%, rgba(194,61,143,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(112,54,137,1)), color-stop(100%, rgba(194,61,143,1)));
    background: -webkit-linear-gradient(top, rgba(112,54,137,1) 0%, rgba(194,61,143,1) 100%);
    background: -o-linear-gradient(top, rgba(112,54,137,1) 0%, rgba(194,61,143,1) 100%);
    background: -ms-linear-gradient(top, rgba(112,54,137,1) 0%, rgba(194,61,143,1) 100%);
    background: linear-gradient(to bottom, rgba(112,54,137,1) 0%, rgba(194,61,143,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#703689', endColorstr='#c23d8f', GradientType=0 );
}
.titte-w {
    color: white;
    font-size: 1.4rem;
    text-transform: uppercase;
    position: absolute;
    z-index: 2;
    bottom: 15px;
    left: 15px;
    margin-bottom: 0px;
}
.bg-transparent01 {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,0.9) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,.2)), color-stop(100%, rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 60%, rgba(0,0,0,0.9) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,0.9) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,0.9) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.hover-img01, .hover-img02, .hover-img03,.box-owl {
    overflow: hidden;
     position: relative;
}
.duhocodau .hover-img01 img {
    height: 320px;
    width: auto;
    max-width: unset;
    transform: translateX(0);
}
.box-owl:hover .caption-01 {
     opacity:1;
    height:100%;
    min-height:100%;
    transform: translateY(0px);
}
.box-study-slider .date-tin{
    color:#c31d1d;
}
.caption-01 h2 {
    color: white;
    font-size: 1.4rem;
    text-transform: uppercase;
}
.caption-01 ul {
    padding: 0;
    margin-top: 15px;
}
.caption-01 ul li {
    float: left;
    width: 100%;
    list-style-type: none;
    margin-bottom: 10px;
}
.caption-01 ul li a {
    color: white;
    font-size: .9rem;
}
.post-type-archive-du_hoc_cac_nuoc .flickity-page-dots{
    left:0%;
}