.course-box-slider {
    width: 100%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.sale-off {
    -webkit-border-radius: 10px 4px 4px 4px;
    border-radius: 10px 4px 4px 4px;
}

.img-course {
    height: 0;
    padding-bottom: 56.25%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.name-gv {
    position:relative;
    padding-right:50px
}
.img-course.is-live:after,
.name-gv.is-live:after {
    content: "";
    width: 45px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0px;
    background-image: url("images/live.png?1");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
}

.img-course img {
    width: 100%;
    height: auto!important
}

.course-box-slider {
    min-height: unset!important;
    max-height: unset!important;
    height: auto;
    padding-bottom: 10px;
}

/* Count down style */
ul.countdown {
    list-style: none;
    margin: 15px 0 30px;
    padding: 0;
    display: block;
    text-align: center;
}

ul.countdown li {
    display: inline-block;
}

ul.countdown li span {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
}

ul.countdown li.seperator {
    font-size: 20px;
    line-height: 24px;
    vertical-align: top;
    color: #898989
}

ul.countdown li p {
    color: #a7abb1;
    font-size: 14px;
}

.upper, .text-uppercase {
    text-transform: uppercase;
}

.u-course-highlight.for-teacher {
    background-color: #AA0055;
}

.px-15 {
    padding-left: 15px;
    padding-right: 15px;
}

p, .uct-des-gv, .mb-10 {
    margin-bottom: 10px;
}

.p-1 {
    padding: 5px
}
.p-2 {
    padding: 10px
}
.p-3 {
    padding: 15px
}
.p-4 {
    padding: 20px
}
.p-5 {
    padding: 25px
}

.sale-off {
    border: 1px solid #f67052;
    background-color: transparent;
    color: #f67052
}

.title-course {
    font-size: 16px;
    letter-spacing: -0.25px;
    line-height: 1.3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.thin {
    font-weight: 400
}

.bold, .strong, strong {
    font-weight: 600
}
.px-0 {
    padding-left: 0;
    padding-right: 0;
}
.pl-0 {
    padding-left: 0;
}
.pr-0 {
    padding-right: 0;
}
.pb-0 {
    padding-bottom: 0;
}
.pt-0 {
    padding-top: 0;
}
.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.p-0 {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.px-1 {
    padding-left: 10px;
    padding-right: 10px;
}
.py-1 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.p-1 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.px-2 {
    padding-left: 20px;
    padding-right: 20px;
}
.px-3 {
    padding-left: 30px;
    padding-right: 30px;
}
.py-2 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.py-3 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.ui-widget-overlay {background: #5f5f5f;opacity: .6;filter: Alpha(Opacity=30);}
#gg-captcha > div {margin:0 auto;}
.is-required {color: #b2113c;}
.strong,strong {font-weight: 600;}
@media (min-width: 768px) {
    .modal-sm {
        width: 320px;
    }
}
.viewer-controls .size-control {opacity: 0.5;}
.viewer-controls .size-control.active {opacity: 1;}
.slick-next:before, .slick-prev:before {color: #18a2aa!important;font-size: 30px!important;}
.slick-prev {left: -10px;}
.slick-next {right: -5px;}
.slick-slide {margin: 0 10px;}
.slick-dots {bottom: -25px;}
.slick-dots li button:before {font-size: 20px;}
.form-group {margin-bottom: 10px;}
.mb-3 {margin-bottom: 30px;}
.mb-4 {margin-bottom: 40px;}
.mb-5 {margin-bottom: 50px;}
.btn-md {padding-top: 8px;padding-bottom: 8px;}
.orange {color: #ff7644}
.bg-orange {background-color: #ff7644;color: #FFF}
.btn-orange {background-color: #ff7644;border-color: #ff7644;color: #FFF}
.input-group-md > .form-control, .input-group-md > .input-group-addon, .input-group-md > .input-group-btn > .btn {
        height: 40px;
        font-size: 16px;
        padding: 8px 16px;
}