/*
          ==============================================================
                   Unica Reset CSS
          ==============================================================
*/

html {
    scroll-behavior: smooth;
}

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, section {
    display: block;
}
body {
    font-family: sf pro display,-apple-system,BlinkMacSystemFont,Roboto,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
    font-size: 14px;
    position: relative;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
.clear {
    clear: both;
}
img { max-width: 100%; }
table {
    border-collapse: collapse;
    border-spacing: 0;}
a:hover { text-decoration: none; }
main  { background: #f5f5f5; }
/*
          ==============================================================
                   Unica Main CSS
          ==============================================================
*/
.unica-home-menutop {width: 100%;background: white; }
.unica-home-menutop.active {      box-shadow: 0 0 10px rgba(0,0,0,0.4);   }
.carousel-inner img {  display: block; border-radius: 5px; width: 99% ; height: 360px; box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);}
.carousel-inner .container { height: 400px; }

/* .content_preview #myPlayerID { height: 510px !important; } */
.suggest { text-align: center; margin: 10px; height: 250px; padding: 50px 0; }
.suggest h3 { font-size: 28px; color: #fff; text-transform: uppercase; }
.suggest a { margin: 0 auto;font-size: 16px; text-align: center;color: #fff;border-radius: 7px;background-color: #df322f; padding: 10px 20px; display: inline-block; margin: 20px; font-weight: bold; transition: 0.5s; text-transform: uppercase; }
.suggest a:hover { background: #f74e4b }


/*-Other-*/
.post-content { background: #f2f2f2; margin-top: 64px; }
.box-cate-blogs .price-course {  border: none; padding-top: 0;}
/*-.img-favo { float: right; color: #fff; }
.img-favo img { vertical-align: middle; }
.img-favo p { display: inline;    position: relative;    top: 1px;    right: -1px; }
-*/
.u-detail-rate a:hover { text-decoration: underline; }
.discount-message { font-size: 14px !important; text-align: center; margin: 10px 0; }
.price_total_cart { text-decoration: line-through; }
.price_total_cart sup { font-size: 10px; }
.bg-gray { background: #e8e8e8; }
.co-or { color: #eb8a2f; }
.pd-No { padding: 0; }
.bd-No { border-bottom: 0 !important; padding: 0 !important; }
/*-Menu-*/
.col-width-lg { margin: 10px 0; }
/*.unica-home-menutop { background: #f33838 !important;  }*/
.cate-md { padding: 0; }
.unica-logo { float: left; }
.unica-menu-cate { display: inline-block; margin: 12px 0 0 35px; cursor: pointer; position: absolute; color: #555; float: right;}
.unica-menu-cate i { font-size: 18px; margin-right: 5px; vertical-align: middle; }
.unica-form { font-size: 14px; height: 38px; width: 100% !important; border-radius: 25px; }
.unica-btn-search {position: absolute; right: 30px; top: 3px;  background: transparent; color: #aaa; font-size: 18px;}
.unica-btn-search:hover { color: #ef3006; }
.unica-search-boxtop { margin: 0; }
/*.unica-search-boxtop .unica-form { border: 0 none; box-shadow: none; background: #ebebeb; border-radius: 20px; }*/
.unica-active-course { padding: 10px; border-radius: 3px; display: inline-block; color: #333; background: #eee; }
.unica-active-course:hover { background: #ccc; }
.unica-active-course i {margin-left: 8px; }
.unica-cart { color: #EC5252; margin-left: 15px; position: relative; }
.unica-cart i { font-size: 24px; }
.unica-sl-cart { font-size: 10px; border-radius: 25px; border: 1px solid #ccc; position: absolute; top: -14px; left: 13px; padding: 1px 5px; }
.unica-sl-noti {font-size: 10px;border-radius: 25px;border: 1px solid #ccc;position: absolute;top: 14px;left: unset;padding: 1px 5px;margin-left: -4px;}
.unica-acc-zone { float: right; }
.unica-acc-zone li { display: inline-table; }
.unica-reg-acc {  padding: 9px 19px; border-radius: 3px; display: inline-block; color: #1A100F }
.unica-log-acc { border: 1px solid #f26c4f; padding: 9px 10px; border-radius: 3px; display: inline-block; color: #ffffff; background: #F26C50; }
.amazonmenu {visibility: hidden;    opacity: 0;    position: absolute; padding-top: 18px;}
.unica-menu-cate:hover .amazonmenu { visibility: visible; opacity: 1; }
.amazonmenu:after, .amazonmenu:before {    left: 0;   right: auto;}
.amazonmenu:after {   border-color: transparent transparent #fff;    top: 5px;}
.amazonmenu:before {    border-color: transparent transparent #282828;    top: 5px;}
.amazonmenu:after, .amazonmenu:before {    border-style: solid;    border-width: 0 10px 13px;    content: "";    height: 0;    position: absolute;    right: 14px;    width: 0;}
.hassub i { width: 30px; text-align: center; }
.amazonmenu ul{ list-style: none; margin: 0;  padding: 0; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px;}
.amazonmenu ul li{  position: static; }
.amazonmenu > ul{ background: #fff; border: 1px solid #eee; width: 250px; height: 520px; position: relative; box-shadow: 1px 1px 1px #ccc; z-index:  99 }
.amazonmenu > ul li a{  color: #242424; display: block; overflow: auto; padding: 10px 0;  position: relative; text-decoration: none;  text-indent: 10px;}
.amazonmenu > ul li.hassub > a::after{  border: 5px solid transparent;  border-left-color: gray; content: ''; height: 0;  position: absolute; right: 5px; top: 35%; width: 0;}
.amazonmenu > ul li.hassub.selected > a::after{   border-left-color: #f58829;}
.amazonmenu ul li a:hover, .amazonmenu ul li.hassub.selected > a{ background: #f7f8fa;  color: #0975b4;}
.amazonmenu ul li > div, .amazonmenu ul li > ul{ background: #f7f8fa;   border: 1px solid #eee; box-shadow: 1px 1px 1px #ccc;   display: none;  font-weight: normal;    width: 305px;
    height: 520px;  left: 100%; padding: 0 10px;    position: absolute; top: -1px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;    box-sizing: border-box; z-index: 999;}
.unica-active-course p { display: inline; }

/*-Banner-*/
.unica-main-banner { background-size: cover; }
/*-.unica-main-banner:before {      content: '';    position: absolute;    top: 61px;    right: 0;    bottom: 0;    left: 0;     background-image: linear-gradient(-15deg, rgba(0,0,0,0.46), transparent);     }-*/
.unica-main-banner-box-search h4 { font-size: 36px; font-weight: bold; margin-bottom: 30px; }
.unica-main-banner-box-search { position: absolute; right: 23%; top: 30%; color: #fff; text-align: center;  text-shadow: 1px 1px 2px #535353; }
.unica-main-banner-box-search ul { float: left; margin: 20px 0 0 0; }
.unica-main-banner-box-search ul li { font-size: 16px; font-weight: bold; display: inline; margin-right: 88px; text-shadow: 1px 1px 2px #535353; }
.unica-main-banner-box-search ul li:last-child { margin: 0; }
.u-box-search { position: relative; width: 600px; }
.u-box-search form { padding: 0; }
.unica-btn-search-box {     position: absolute;    right: -29px;    top: 1px;    background: #f26c4f;    color: #fff;    font-size: 20px;    padding: 13px 20px;}
.unica-form-box {    font-size: 16px;      height: 51px;    width: 105% !important;}

/*-IQ-*/
.unica-iq { text-align: center; margin: 15px 0 ;    display: inline-block;    width: 100%;}
.unica-iq a { background: #f26c4f; padding: 20px 40px; font-weight: bold;font-size: 24px; color: #fff; border-radius: 5px;  display: inline-block;}
.unica-iq a:hover { opacity: .8; }

/*-Box today learn-*/
.unica-lt-box {display: inline-block; margin-bottom: 20px; width: 100%;}
.unica-lt-box li { width: 15%; float: left; margin: 9px; }
.box-item { float: left;   width: 100%;}
.u-box-lt {      height: 75px;    position: relative;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    background-position: center;
    background-size: cover;    background-repeat: no-repeat; }
.unica-learn-today { display: inline-block; width: 100% }
.unica-learn-today h4 { text-align: center; font-size: 30px; font-weight: 600; margin: 30px 0 15px 0; line-height: 36px}
.u-box-lt a { position: absolute; top: 50%;transform: translateY(-50%); text-align: center; width: 100%; font-size: 16px; font-weight: 200; color: #fff;    height: 100%;}
.u-box-lt a:hover { opacity: .8; color: #f26c4f; }
.u-box-lt span {    position: absolute;    top: 40%;    left: 0;    width: 100%;    text-align: center; }

/*-Big slider-*/
.unica-big-slider h4 { font-size: 30px; font-weight: bold; text-align: center; margin: 30px 0 10px 0; text-transform: uppercase;}
.box-slider img { padding: 10px; background: #fff; box-shadow: 1px 2px 1px #ccc; width: 750px; height: 385px; }
.unica-big-slider { max-width: 1170px; margin: 0 auto; }
.u-banner-small img:first-child { margin-bottom: 15px; height: 185px; width: 350px; }
.box-slider .slick-prev:before, .box-slider .slick-next:before { font-size: 50px ; color: #606060 ;  }
.box-slider .slick-prev { left: -35px; }
.box-slider .slick-next { right: 5px; }

/*-Course-hot-slider*/
.bg-br { background: #f1f1f1; padding: 0 }
.bg-br-2 { background: #e4e4e4; }
.bg-br-2 .breadcrumb { background: #e4e4e4; margin-bottom: 0; padding: 15px 0; }
.unica-box-course-hot { margin: 20px 0; display: inline-block; width: 100%; }
.unica-box-course-hot .u-tab { text-align: left  }
.u-tab ul { padding: 5px 0 5px 0; margin: 0 0 10px 0;  }
.u-tab ul li { display: inline-block; float: none;padding: 8px 15px;border-bottom: 1px solid #f26c4f;margin-left: -4px;}
.u-tab a { color: #000;}
.u-tab > ul > li.active{ color: #fff; background: #f26c4f;}
.u-tab > ul > li.active a{color: #fff;}
.unica-big-box { margin-top: 20px; }
.course-slider a { color: #000; }
.course-slider > center > .btn-danger { color: #fff; }

.course-slider p { font-size: 20px; margin: 5px 0 0px 5px; }
.content-course {margin: 5px 7px 0 7px; display: inline-block; width: 95%;}
.title-course { min-height: 42px; margin-top: 6px; max-height: 42px; overflow: hidden;width: 100%; line-height: 21px; }
.title-course p { font-size: 16px }
.title-course span { line-height: 21px; }
.name-gv, .des-gv { font-size: 12px; color: #555; min-height: 18px;}
.name-gv b { font-weight: normal; min-height: 17px;overflow: hidden;display: block;max-height: 17px; max-width:72%}
.des-gv { min-height: 34px; max-height: 34px; overflow: hidden;}
.rate-course { margin: 5px 0; }
.star-rate { margin-left: 0;  }
.u-block-cmhv .star-rate { width: 100%; margin-bottom: 5px; }
.star-rate i { font-size: 12px; }
.n-rate { color: #464646; }
.price-course {  margin: 0 7px;  ;border-radius: 5px;}
.price-a { font-weight: 600 ; float:right; color: #333; font-size: 17px !important }
.price-a sup { font-size: 12px; }
.price-b sup { font-size: 10px; }
.price-b, .price-c { font-size: 12px; }
.price-b { text-decoration: line-through; float: right; color: #888; font-size: 13px !important }
.price-c { font-weight: bold; color: #f00; }
.total-money-combo-detail{font-size: 24px}
.total-money-combo-v2{width: 65%;float: left;padding-top: 18px;}
/*-.box-pop a:last-child {margin: 0 !important;}-*/
.img-course img { border-radius: 3px 3px 0 0; }
.slick-track .img-course img {height: 132px; }

/*-Popover-*/
.box-pop { float: left;  }
.course-box-slider { color: #000;  display: inline-block; min-height: 210px; max-height: 240px;  background: #fff; border-radius: 5px; margin-bottom: 20px; box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);}
.course-box-slider-2 { color: #000; display: inline-block;   min-height: 255px;    max-height: 255px;   margin: 5px; background: #fff; border-radius: 10px; box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);}
.course-box-slider:hover { text-decoration: none; box-shadow: 0 4px 8px #62b0fd, 0 4px 12px rgb(0 0 0 / 8%);}
.title-pop-course { font-size: 16px; font-weight: bold; line-height: 1.5;}
.cate-course { font-size: 14px; color: #707070; margin: 10px 0 20px 0 }
.time-course { margin-bottom: 20px; }
.time-course ul li { display: inline; margin-right: 20px; color: #333; font-size: 13px; }
.avatar-gv { position: relative;height: 40px; display: none; }
.avatar-gv img { border-radius: 25px; border: 1px solid #e2e2e2;  width: 40px; height: 40px; }
.avatar-gv span { position: absolute; top: 10px; left: 50px; }
.des-gv-pop { margin: 10px 0;  }
.des-course { margin: 10px 0; background: #f7f7f7; padding: 10px; border-radius: 5px; font-size: 13px;line-height: 1.5; }
.btn-add-cart { margin: 30px 0 10px 0; background: #f26c4f; border-radius: 3px; color: #fff; text-align: center; width: 100%; display: inline-block; padding: 10px; font-weight: bold; float: left; }
.btn-add-cart:hover { background: #c33618;  color: #fff !important; }
.btn-add-favo { color: #ec3710; width: 10%; margin: 40px 0 0 12px; float: right; }
.btn-add-favo2 { color: #ccc; width: 10%; margin: 40px 0 0 12px; float: right; }
.btn-add-favo i { font-size: 20px; }
.btn-add-favo2 i { font-size: 20px; }
.course-slider .slick-prev {left: -50px;}
.course-slider .slick-next { right: -10px; }
.u-video { position: relative; z-index: 1; }
.favorite_des .unactive {cursor:pointer; position: absolute; right: 5px; top: -5px; color: #ccc; padding: 8px 8px; border-radius: 100%; background: #fff; z-index: 2;}
.favorite_des .active {cursor:pointer; position: absolute; right: 10px; top: 10px; color: #f53334; border: 1px solid #e2e2e2; padding: 8px 8px; border-radius: 100%; background: #fff; z-index: 2;transition: all 0.1s ease-in-out 0.1s;}
.favorite_des a:hover {transform: scale(1.3);}
.favorite_des { float: right; margin-top: 9px;position: relative; z-index: 1;}


/*-Course-*/
.unica-course { display: block;}
.title-course-f { font-size: 24px;  margin: 10px;}
.title-course-f h3 {  margin: 0; padding: 0; }
.title-course-f a {     float: right;    color: #1f9af5;    font-size: 14px;    text-transform: none; font-weight: 100; margin: 7px 12px 0 12px; }
.unica-box-course-f .slick-prev { left: -45px; }
.unica-box-course-f .slick-next { right: -15px; }
.unica-box-course-f .slick-prev:before, .unica-box-course-f .slick-next:before { font-size: 50px ; color: #606060 ;  }
.unica-box-course-f .fa-chevron-left { position: absolute;    top: 150px;    left: -26px;    font-size: 25px;    cursor: pointer; transition: 0.5s; color: #ccc; }
.unica-box-course-f .fa-chevron-left:hover { color: #f26c4f; }
.unica-box-course-f .fa-chevron-right { position: absolute;    top: 150px;    right: -26px;    font-size: 25px;    cursor: pointer; transition: 0.5s; color: #ccc; }
.unica-box-course-f .fa-chevron-right:hover { color: #f26c4f; }


/*-Target-*/
.target-box { width: 1170px; margin: 0 auto; }
.unica-target { display: inline-block; width: 100%; }
.unica-target h4 { font-size: 30px; font-weight: bold;  margin: 20px 0 20px 0; text-transform: uppercase; }
.target-box-inner {margin-bottom: 15px;}
.box-t-mi {     position: relative;   width: 100%; border-radius: 10px ; display: inline-block; }
.box-t-mi img{ width: 100%; border-radius: 5px; }

.box-pop2 {    float: left;    height: 285px;}
.box-pop3 .course-box-slider .img-course img {    height: 265px;    max-width: 100%;    width: 100%;    border-radius: 3px;}
.overlay-box { position: absolute;    z-index: 9;    left: 0;    right: 0;    bottom: 0;    background-image: linear-gradient(to bottom, rgba(217, 217, 217, 0), rgba(43, 43, 43, 0.7));    padding: 0; height: 100%;  border-radius: 5px;}
.overlay-box:hover { box-shadow: 0 4px 8px #62b0fd, 0 4px 12px rgb(0 0 0 / 8%); }
.box-t-mi a { text-align: center; width: 100%; font-size: 16px; font-weight: bold; color: #fff;    height: 100%;}
.box-t-mi i {  width: 50px; height: 50px; border-radius: 7px;      padding: 8px;    font-size: 34px; margin-right: 10px; vertical-align: top; float: left;}
.box-t-mi p { font-size: 12px;     font-weight: normal; text-align: left;}
.box-txt-new {  position: absolute;    bottom: 10px;    left: 11px;     text-align: center;color:#fff; z-index: 9;}

.target-more {     font-size: 16px;
    text-align: center;
    color: #fff;
    border-radius: 7px;
    background-color: #df322f;
    padding: 10px 20px;
    display: inline-block;
    margin: 20px;
    font-weight: bold;
    transition: 0.5s;
    text-transform: uppercase; }

/*-Reason-*/
.unica-reason {display: inline-block; width: 100%; margin: 30px 0 30px 0;;  }
.unica-reason h4 { font-size: 30px; font-weight: 600; text-align: center; margin-bottom: 20px; text-transform: uppercase; margin-top: 10px; }
.reason-4 { text-align: center; }
.img-reason img { margin: 0 auto; }
.txt-reason { margin-top: 10px; font-weight: 500; font-size: 20px; }
.txt-reason span { display: block; font-size: 14px; font-weight: 400; }



/*-Teacher-*/
.unica-be-teacher {    background-image: url(../img/bg-f.jpg);  height: 400px; position: relative; text-align: center; background-size: cover; }
.unica-be-teacher-txt {     position: absolute;    top: 20%;    width: 100%; color: #fff;}
.unica-be-teacher-txt p {font-size: 24px;}
.unica-be-teacher-txt h4 { font-size: 72px; font-weight: bold; }
.unica-be-teacher-txt a { border: 1px solid #fff; border-radius: 5px; padding: 10px 40px;  font-size: 16px; margin-top: 10px ; display: inline-block; color: #fff; }
.unica-be-teacher-txt a:hover { background: #20a3db; }
.bg-ab {     width: 14%;   position: absolute;    left: 20%;    top: 4px;  }
.text-message-teacher{font-size: 18px;}

/*-Top-Teacher-*/
.unica-top-teacher { margin-top: 20px; }
.unica-top-teacher h4 { text-align: center; font-weight: bold;font-size: 30px; margin-bottom: 20px; text-transform: uppercase; }
.inner-box-teacher {  border-radius: 10px;  text-align: center; margin: 8px; background: #fff;  }
.inner-box-teacher:hover { box-shadow: 0 4px 8px #62b0fd, 0 4px 12px rgb(0 0 0 / 8%); }
.img-teacher { margin-top: 20px; }
.img-teacher img{ border: 1px solid #f1f1f1; border-radius: 150px;  box-shadow: 1px 1px 1px #ccc; display: inline-block !important;width: 150px;height: 150px; }
.name-teacher { margin: 20px 0; font-size: 20px; font-weight: 500;  color: #000; display: block; height: 50px;}
.name-teacher:hover { color: #f26c4f; }
.more-info { background: #f26c4f; padding: 10px 30px; text-align: center; color: #fff; display: inline-block; margin: 25px 0 10px; border-radius: 5px; font-weight: bold; }
.more-info:hover { opacity: .8 }
.des-teacher { margin: 20px 5px; }
.box-teacher > button.slick-prev.slick-arrow { left: 10px; }
.box-teacher > button.slick-next.slick-arrow { right: 10px; }
.box-teacher .slick-prev:before,.box-teacher .slick-next:before { color: #3c3c3c; }

/*-Box-Email-*/
.unica-box-email {   background: linear-gradient(90deg, #2dd2b3, #1084bd); padding: 15px 0; }
.u-title-footer img { float: left; margin-right: 10px; width: 10%; }
.u-title-footer p { font-size: 22px; font-weight: bold; color: #fff; margin-bottom: 4px; }
.u-title-footer span { color: #fff;  }
.u-form-email { margin-top: 7px; }
.u-e-form {     border-radius: 0;    padding: 6px 44px 6px 8px;    height: 35px; border: 0; }
.u-btn-form { background: #f26c4f; color: #fff; border-radius: 0; height: 35px; border: 0; padding: 6px 24px; font-weight: bold;text-transform: uppercase; line-height: normal; }
.u-form-email .form-group { margin-right: 3px; }


/*-Footer-*/
#footer2 { background: #2c3238; }
#footer3 { background: #222 !important; padding: 15px 0; }
.logo-footer .navbar-brand { padding: 15px 0; }
.sub-email  { padding-bottom: 5px; }
.sub-email button:hover { color: #fff; }
.mt-10 {    margin-top: 10px !important;}
.font-16 { font-size: 16px; font-weight: normal; }
.font-14 {    font-size: 14px !important;}
.bg-theme-colored {    background-color: #202C45 !important;}
.m-0 {    margin: 0px !important;}
.btn-xs {    padding: 3px 14px; line-height: 1.5;    border-radius: 3px;}
.navbar-brand { float: none; display: inline-block; }
#footer2 p { margin-top: 10px; }
#footer2 p, #footer2 a { color: #fff; }
#footer2 i { color: #f26c4f; margin-right: 1px; }
#footer2 ul { padding-left: 0;  list-style: none; margin-top: 10px;}
#footer2 ul li { line-height: 30px; }
.social-connect ul li { float: left;}
.social-connect { display: inline-block; }
.social-connect p { font-weight: bold; font-size: 16px; margin-bottom: 20px; color: #f26c4f !important; }
.social-connect i { color: unset !important; margin-right: 0 !important; line-height: 37px;}
.social-connect a { color: #eeeeee; display: block; font-size: 18px; height: 36px; line-height: 36px; width: 36px; text-align: center; margin-right: 10px;}


#footer2 .des-unica .footer_title_h4, #footer2 .app-unica .footer_title_h4
,.des-unica h4, .app-unica h4


{ font-size: 16px; color: #f26c4f; font-weight: bold; margin: 25px 0 13px 0; }
.des-unica a:hover { color: #f26c4f !important; }
#footer3 p { color: #fff; margin: 10px 0; }
.app-unica ul li { margin-bottom: 20px; }
.facebook-box { padding: 25px 0; text-align: center; }
#mce-EMAIL-call { border-radius: 5px; font-size: 14px; }
#exampleInputName2 { height: 45px; border-radius: 5px; }
#footer1 > div > div > div:nth-child(2) > form > div.input-group.form-group > span > button{ margin-left: 10px !important; }
.u-title-footer h3 {    vertical-align: middle;    text-transform: uppercase;    color: #fff;  font-size: 28px; font-weight: bold; margin-top: 7px;}
/*-Tags-*/
.u-tags ul li { display: inline; float: left; width: 18%; margin: 11px; }
.u-tags-mini { border-radius: 6px; padding: 11px 0; display: block; color: #000; background: #fff; transition: .2s ease; }

.u-tags-mini:hover { opacity:1;  box-shadow:0 2px 8px 2px rgba(20,23,28,.15) }


.u-tags-mini i {  text-align: center;  color: #808080; font-size: 30px; display: block; margin-bottom: 5px;}
.u-tags-mini p { text-align: center; font-size: 14px; }
.bgli-0 { background: #f34f31;}
.bgli-2 { background: #31aaf3;}
.bgli-3 { background: #a131f3;}
.bgli-4 { background: #f331ad;}
.bgli-5 { background: #3c763d;}
.bgli-6 { background: #428bca;}
.bgli-7 { background: #8a6d3b;}
.bgli-8 { background: #438a3b;}
.bgli-9 { background: #3b5e8a;}
.bgli-10 { background: #ad0303;}
.bgli-11 { background: #1e03ad;}
.bgli-12 { background: #a74c8a;}
.bgli-13 { background: #4c89a7;}
.bgli-14 { background: #4ca78e;}
.bgli-1 { background: #98a74c;}


/*-tag chuyĂªn trang-*/

.bar-tags {    margin: 10px 0 10px 0;}
a.tag-item {    display: inline-block;    margin: 0 10px 10px 0;    padding: 0 25px 0 20px;    line-height: 30px;    border-radius: 2px;    background-color: #ddd;    color: #2c3e50;
    font-weight: 300;    -moz-transition: all ease .3s;    -o-transition: all ease .3s;    -webkit-transition: all ease .3s;    transition: all ease .3s;    position: relative}
a.tag-item em {    position: absolute;    line-height: 14px;    height: 14px;    padding: 0 5px;    display: inline-block;    font-size: 9px;    text-transform: uppercase;
    color: #fff;    border-radius: 3px;    background-color: #dd4b39;    top: -17px;    font-style: normal;    right: 5px}
a.tag-item em:before {    content: "";    display: block;    width: 0;    height: 0;    position: absolute;    border: 5px solid transparent;    border-top-color: #dd4b39;    bottom: -9px;    left: 3px}
a.tag-item.active {    color: #0099fe;    background-color: #0099fe;    color: #fff}
a.tag-item.active:after {    border-left: 10px solid #0099fe}
a.tag-item:hover {    color: #0099fe;    background-color: #0099fe;    color: #fff}
a.tag-item:hover:after {    border-left: 10px solid #0099fe}
a.tag-item:before {    background: #f4f4f4;    border-radius: 10px;    box-shadow: inset 0 1px rgba(0, 0, 0, .25);    content: '';    height: 8px;    left: 6px;    position: absolute;    width: 8px;    top: 10px}
a.tag-item:after {    background: 0 0;    border-bottom: 15px solid #f4f4f4;    border-left: 10px solid #ddd;    border-top: 15px solid #f4f4f4;    content: '';    position: absolute;    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;    -webkit-transition: all ease .3s;    transition: all ease .3s;    right: 0;    top: 0}
.box-tags-ct { margin: 10px 0; }
.box-tags-ct h5 { font-weight: bold; font-size: 18px; }
.unica-txt-ct { position: absolute;    left: 20%;    top: 10%;    color: #fff;    text-shadow: 1px 1px 2px #535353; }
.unica-txt-ct h3 { font-size: 36px; font-weight: bold; margin-bottom: 20px; }
.unica-txt-ct p { width: 35%; margin-bottom: 30px;  }
.unica-txt-ct ul li { font-weight: bold; width: 16%; float: left; margin-right: 30px; }
.unica-txt-ct ul { display: inline-block; }
.unica-txt-ct a { color: #fff; font-weight: bold; font-size: 18px; background: #ed1c24; border-radius: 3px; padding: 10px 20px; margin-top: 40px; display: inline-block;
    -moz-transition: all ease .3s;    -o-transition: all ease .3s;    -webkit-transition: all ease .3s;    transition: all ease .3s;  }
.unica-txt-ct a:hover { background: #b1141a }
.title-course-f p { font-size: 14px; font-weight: normal; float: left; margin-top: 10px; text-transform: none;padding-bottom: 10px ; line-height: 25px;}



/*
          ==============================================================
                   Unica List Course Css
          ==============================================================
*/

/*-Breadcrumb-*/

.u-bread {background: #f6f6f6;}
.unica-breadcrumb .breadcrumb { padding: 15px 0; margin-bottom: 0; }


/*-Breadcrumb-Cart*/
.u-bread-cart .breadcrumb > li + li:before { display: none; }

.u-bread-cart .unica-breadcrumb .breadcrumb > li { display: list-item; }
.u-bread-cart .unica-breadcrumb .breadcrumb > li > a { color: #fff; }
.u-bread-cart .unica-breadcrumb .breadcrumb > .active {     color: #fff;    font-size: 30px;    margin-top: 5px;}
.u-bread-cart { background: #1d9fc7; }
.u-bread-cart .breadcrumb { padding: 35px 0;  margin-bottom: 0; background: #1d9fc7; }
.col-cart { }

/*-Order-*/
.unica-order { margin: 15px 0 9px 0; padding-right: 0; }
.unica-order input {     width: 20px;    height: 18px;    margin: 1px 1px 0; }
.btn-order { float: left; margin: -1px 10px 0 0; background: #f67052 ; color: #fff; font-weight: bold; padding: 3px 10px; border-radius: 3px; }
.u-sort { float: right; margin-top: -5px; margin-right: 10px; }
.mgr { margin-right: 10px; }
/*-List-Course-*/
.u-order { border-bottom: 1px solid #d7d7d7; margin-bottom: 13px; }

.u-cate-list i { width: 30px; font-size: 18px; text-align: center; color: #f67052; vertical-align: middle; }
.u-cate-list h3 { font-size: 16px; font-weight: bold; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; padding-bottom: 5px;  }
.u-cate-list ul li { line-height: 35px; }
.u-cate-list a { color: #262626;  }
.u-cate-list a:hover { color: #f67052; }

.u-hot-cate h3 { font-size: 16px; font-weight: bold; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; padding-bottom: 5px;  }

.u-hot-cate span { font-size: 13px; font-weight: normal; }
.u-list-leftbar { padding-right: 0; width: 100% }

.content-main-user .u-list-leftbar{padding-right: 0;width: 22%; }
.content-main-user .pagination{width:100%; padding-left: 15px;}
/*-Banner hot course-*/
.u-hot-course a { margin-right: 10px; }
.u-hot-course img { border-radius: 5px;}
.u-hot-course .slick-next { right: 15px; }
.main-content { padding-right: 0; width: 78%; }
.p-or { color: #f67052; }
.u-all-course h1 { font-weight: bold; margin-bottom: 10px; }
.u-all-course p { font-weight: normal;display: inline; }
.u-all-course .course-box-slider { margin: 0 7px 0 0; }
.u-all-course .course-box-slider-2 { margin: 0 7px 0 0; }
.u-all-course .box-pop { margin-bottom: 10px; }
.u-number-page { width: 100%; display: inline-block; }
.sale-off { position: absolute;float: left;background-color: #f67052;z-index: 1;color: #ffffff;text-align: center;padding: 3px;left: 15px;top: 0px;border-radius: 3px; min-width: 42px;}

/*
          ==============================================================
                   Unica Detail Course Css
          ==============================================================
*/
.scroll-bar-detail h1 { font-size: 24px; margin-top: 10px; margin-bottom: 0px;  }
.u-detail-block-left { margin-bottom: 10px; }
.u-course-highlight { background: #0b3955; color: #fff; padding-bottom: 10px; min-height: 200px; }
.u-detail-block-title { width: 66%; }
.u-detail-course { padding-top: 10px; background: #f3f3f3; }
.u-detail-block-title h1 { font-weight: bold; font-size: 36px; margin-top: 20px; }
.u-detail-tea { float: left; margin-right: 30px; margin-top: 15px; }
.u-detail-tea img { width: 30px; height: 30px; }
.u-detail-desc { margin: 10px 0; line-height: 21px; }
.u-detail-tea a { color: #fff; font-weight: bold; }
.u-detail-tea a:hover { text-decoration: underline; }
.u-detail-rate {    margin: 19px 45px 0 0;    float: left;}
.u-detail-time {    margin: 19px 0px 0 0px;    float: left;}
.u-detail-students { margin-top: 19px; margin-right:45px; float:left; }
.u-detail-students i { margin-right: 5px; }
.picture-teacher-circle { width: 30px; border-radius: 100%; vertical-align: middle; margin-right: 5px; }
.u-detail-rate .star-rate i { color: #ffed00; }
.u-learn-what,.detail_course_faq, .u-des-course, .u-list-course, .u-course-plus, .u-rate-hv, .u-cm-hv, .u-combo-buy, .u-face-cm, .u-course-teacher  { background: #fff; border: 1px solid #d7d7d7; border-radius: 3px;  display: inline-block; margin-top: 10px; width: 100%; padding-bottom: 10px; }
.u-des-course p { font-size: 15px; }
/*-.u-learn-what .row { width: 100%; display: table-caption; }-*/
.u-des-course ol li {     list-style: disc;    margin: 0 0 10px 40px; }
.u-learn-what .content { padding: 0 15px; }
.u-detail-course .u-detail-block-left p.h3_title { padding: 15px 10px;
    font-size: 18px;
    font-weight: 600;
    padding: 15px;
}
.u-learn-what h3 { padding-top: 0px !important; }
.u-list-course .content { padding: 0; position: relative;}
.u-combo-buy .u-combo-course { padding: 0 15px; }
.u-cm-hv div { padding: 0 15px;overflow: hidden; }

.u-list-course .panel-title > a { line-height: 23px;text-indent: -14px;padding-left: 3px; margin-left: -6px; }
.content .panel-heading { padding: 10px 25px; background-color: #fff;}

.u-des-course strong { font-weight: bold; font-style: italic; }
.u-combo-buy h3, .u-cm-hv h3, .u-rate-hv h3, .u-course-teacher h3, .u-list-course h2, .u-des-course h2 { font-size: 16px; font-weight: bold; margin-bottom: 10px;  margin-top: 0; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.u-learn-what h3, .u-des-course h2, .u-list-course h2, .u-course-plus h3, .u-course-teacher h3, .u-combo-buy h3, .u-rate-hv h3, .u-cm-hv h3  { font-size: 18px; font-weight: 600; padding: 15px}
.tag .label { font-weight: normal; }

.detail_h2_title,
.u-rate-hv .detail_h2_title,
.u-course-teacher .detail_h2_title,
.u-list-course .detail_h2_title,
.u-des-course .detail_h2_title {
    font-size: 18px;
    font-weight: 600;
    padding: 15px;
    margin-bottom: 10px;
    margin-top: 0;
    border-bottom: 1px solid #ddd;
}
.unica_biz .detail_h4_title
{font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    border: none;
    padding: 10px 0;}

.u-des-course p { padding: 10px; line-height: 1.5; text-align: justify; }
.u-des-course ul li { list-style: disc; margin: 0 0 10px 40px; }
.u-list-course .title, .u-list-course .link, .u-list-course .time { font-size: 14px; }
.u-list-course .title i { color: #999; }
.u-learn-what ul li { width: 50%; float: left; line-height: 50px; }
.u-learn-what .title {     color: #333;    padding: 0 22px;    margin: 0 0 15px 0;     background: url(../img/learning-bg.png) no-repeat scroll 0px 4px transparent; min-height: 42px;overflow: hidden; max-height: 62px; height:  30px;}
.u-learn-what .title-learn{     color: #333;    padding: 0 22px;    margin: 0 0 15px 0;     background: url(../img/learning-bg.png) no-repeat scroll 0px 4px transparent; }
.u-learn-what .title i { color: #37bb03; font-size: 16px; }
.u-list-course .panel-title {  font-size: 15px;
    font-weight: 600;
    padding: 0;
    border: none;
    margin-bottom: 0; }
.u-detail-rate:hover{ cursor: pointer;}
.btn-preview {color: #006cca; float: right; font-weight: 500;}
.u-list-course .col { border-bottom: 1px solid #e1e1e1; padding: 10px 0; }
.u-list-course .panel-body { padding: 0; }
.u-course-plus ul { position: relative; }
.u-plus-icon { position: absolute;  top: 120px; left: 200px; }
.u-plus-icon i { font-size: 60px; color: #545454; opacity: 0.8; }

.u-plus-course { float: left; width: 64%; }
.u-plus-course ul li { display: inline; }
.u-block-plus { float: left; width: 34%; margin-left: 10px; }
.u-block-plus p { font-size: 18px; font-weight: bold; color: #545454; margin-bottom: 10px; }
.price-d { font-size: 24px; font-weight: bold; color: #000; margin-right: 10px; }
.price-d sup { font-size: 14px; }
.price-e { font-size: 18px; text-decoration: line-through; }
.price-e sup { font-size: 10px; }
.u-td { display: inline-block; font-size: 18px; margin: 10px 0; }
.btn-buy-plus {display: inline-block; width: 100%; text-align: center;  text-transform: uppercase; font-size: 18px; font-weight: bold; padding: 10px 20px; background: #f26c4f !important; color: #fff; border-radius: 5px;}
.btn-buy-plus:hover { opacity: .8; }

.uct-left { width: 23%; text-align: center; float: left; }
.uct-right {     width: 73%;    float: left;    margin-left: 25px; }
.uct-ava-gv img { border-radius: 88px; border: 1px solid #d9d9d9; width: 125px; height: 125px;}
.uct-rate-gv ul li { line-height: 24px; }
.uct-rate-gv span { font-weight: bold; }
.uct-rate-gv i { width: 21px;  }
.uct-more-info { display: inline-block; font-weight: bold; width: 100%; padding: 5px 10px; color: #fff; border-radius: 3px; background: #f67052; margin-top: 10px; }
.uct-name-gv { font-size: 16px; font-weight: bold;  }
.uct-des-gv { margin: 10px 0 20px 0; font-style: italic; }
.uct-more-gv p { line-height: 25px; }
.urh-left { width: 21%; text-align: center; float: left; }
.urh-right {     width: 73%;    float: left;    margin-left: 40px; }
.number-big-rate { font-size: 80px; font-weight: bold; color: #333;}
.star-big-rate { margin-left: 10px;}
.star-big-rate i { font-size: 20px; }
.count-rate { margin: 5px 0 0 10px; }

.u-rate-f1-progress { width: 70%; float: left; height: 30px; }
.u-rate-f1-star { width: 18%;    float: left;    margin: 0 10px; }
.u-rate-f1-star i { font-size: 19px; }
.u-rate-f1-num {    width: 5%;    float: left; }
.u-rate-f1-num p { color: #000; }

.u-block-cmhv {display: inline-block;    width: 100%;    border-bottom: 1px solid #eee;    padding-bottom: 10px; margin-bottom: 15px;}
/*.ava-hv { float: left; width: 10%; }*/
.ava-hv { float: left; width: 50px; height: 50px;background-color: #0975b5;border-radius: 50%;font-size: 21px;font-weight: 300;text-align: center;display: inline-flex;align-items: center;justify-content: center; color: #fff;}
.ava-hv img { max-width: none; }
.block-hv DIV { font-size: 14px; width: 90%; float: left; padding: 0 !important; }
.name-hv { float: left; margin-right: 40px; font-weight: 500; }
.rate-hv { display: block; }
.rate-hv p { line-height: 25px; }
.cm-hv { display: inline-block; width: 100%; margin-top: 5px; }
.u-cm-hv ul li:last-child { border: 0; }
.view-more { font-weight: 600; color: #333333; background: #eeeeeeb5; border-radius: 5px; padding: 6px 10px; text-align: center;}
.u-cm-hv .view-more { margin-top: 20px; display: inline-block; }
.u-combo-usua { border-bottom: 1px solid #c8c8c8;  padding-bottom: 10px; display: inline-block; padding-top: 10px; width: 100%; }
.u-combo-buy > div > ul > li:nth-child(3) > .u-combo-usua:last-child { border: 0; }
.tag .label { line-height: 25px; }
.gv-combo { margin-bottom: 5px; color: #666; }
.img-combo { float: left; margin-right: 10px; margin-top: 3px; width: 30%;}
.img-combo-favorited { float: left; margin-right: 10px; margin-top: 3px; width: 20%;}
.des-combo { display: inline-block; width: 50%}
.des-combo a{ font-size: 16px; font-weight: 600; color: #333; margin-bottom: 20px; display: block; }
.rate-combo {  line-height: 18px; height: 20px; overflow: hidden; float: left;}
.rate-combo p { float: left; margin-right: 5px; }
.price-combo { display: inline-block; text-align: center; margin-top: 38px; float: right; }
.price-combo-a { font-size: 24px; font-weight: bold; }
.price-combo-a sup { font-size: 14px; }
.price-combo-b { text-decoration: line-through; font-size: 14px; margin: 0 0 10px 0; }
.price-combo-b sup { font-size: 10px; }
.price-combo-c { color: #f00; }
.favo-combo {     margin: 30px 20px 30px 50px; float: right; display: inline-block; }
.favo-combo i { color: #db2a04;  font-size: 20px;}

.block-buy { border-radius: 5px; background: #fff; padding: 20px 15px 5px 15px; top: -187px; position: relative; box-sizing: border-box; box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);}
.pdr-b { padding-left: 0; }
.block-price {  width: 100%; display: flex; justify-content: space-between;}
.b-price {  align-items: center; }
.big-price { font-size: 26px; font-weight: bold;}
.small-price2 {font-size: 18px;font-weight: 500; text-decoration: line-through; margin-left: 10px;display: inline-block; color: #857f7f}
.discount-price2{display: flex;align-items: end;padding-bottom: 7px;gap: 3px;}
.discount_percent{color: #FF0000;font-weight: 500;}
.big-price sup { font-size: 10px; }
.small-price { font-size: 20px; text-decoration: line-through; margin-left: 10px; display: inline-block; margin-top: 10px; }
.small-price sup { font-size: 9px; }
.discount-price { font-size: 14px; background: #eee; margin-left: 5px; padding: 5px; display: inline-block; }
.time-uudai {     text-align: left;    display: inline-block;    width: 100%; color: #04620f; font-weight: bold; margin: 10px 0; }
.time-uudai i { margin-right: 10px;  }
.btn-buy-course { background: #df322f; border-radius: 5px; padding: 14px 20px; display: inline-block; width: 100%; color: #fff; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px; text-transform: uppercase; }
.btn-buy-course-combo { background: #df322f; border-radius: 5px; padding: 14px 20px; display: inline-block; color: #fff; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px; text-transform: uppercase; }
.btn-cart-course { background: #0bb732;color:#fff !important; border-radius: 5px; padding: 10px 20px; display: inline-block; width: 100%;font-size: 18px; font-weight: bold; text-align: center; border: solid 2px; transition: all 0.2s ease; }
.btn-cart-group { background:#ffffff ;padding: 10px 0; width: 100%;font-size: 18px; text-align: center;border-radius: 5px !important; border: 1.5px solid;display: inline-block;}
.btn-cart-course i { font-size: 30px; margin-right: 10px; vertical-align: sub; }
.block-btn p { color: #858585; font-size: 12px; margin: 10px 0 20px 0; }
.block-btn a:hover { opacity: .8; }
.block-btn { text-align: center; }
.block-ulti { color: #555;}
.block-ulti ul { margin-left: 40px; }
.block-ulti ul li { line-height: 30px; }
.block-ulti i { font-size: 18px;  text-align: center; width: 30px; margin-right: 5px; }
.block-ulti p { font-weight: bold; display: inline; }
.block-ulti a { margin: 20px 0 15px 0; display: inline-block; }
.block-ulti a:hover { text-decoration: none; }
.block-share { text-align: center; border-top: 1px solid #ccc; padding-top: 10px; display: inline-block; width: 100%; }
.cpgg-left { width: 68%; float: left; }
.cpgg-right { width: 30%; float: right; }
.u-course-highlight .breadcumb-detail-course{margin-top: 15px;color: #8ed1dc; font-size: 12px; font-weight: 600;}
.u-course-highlight .breadcumb-detail-course a{text-decoration: none;color: #8ed1dc; font-weight: 600;}

/*
          ==============================================================
                   Unica Overview Course Css
          ==============================================================
*/
.u-tab-overview { padding: 6px 0 4px 0; }
.u-tab-overview .nav-tabs > li.active > a { border-bottom: 1px solid #dddddd;  }
.u-overview-main { padding-bottom: 20px; background: #f5f5f5; }
.u-overview-main .u-video-qa-block {border-top: none; margin-top: 0px;}
.u-overview-main .u-video-qa-block .uv-name-hv{ float:left; width: 80%; margin-left: 10px;}
.u-course-highlight2 { background: #162636; color: #fff; padding: 20px 0; }
.ubo-right-title { font-size: 20px; font-weight: bold; margin-bottom: 60px; display: inline-block; width: 100%; }
.ubo-right-btn { display: inline-block;width: 100%; }
.btn-learn { color: #fff; font-weight: bold; background: #f26c4f; padding: 15px; text-align: center; border-radius: 3px; margin-right: 10px;}
.ubo-right-prog { margin-top: 72px; width: 100%; display: inline-block; }
.ubo-progress { margin-top: 13px; }
.ubo-progress .progress{ margin-bottom: 0; width: 90%; float: left;  }
.ubo-progress .progress-cup { width: 10%; float: right; position: relative; }
.cup-awards { position: absolute;    top: -20px;    right: 21px; }
.ubo-progress .progress { border-radius: 4px 0 0 4px; }
.ubo-progress .progress-cup .progress-bar { border-radius: 0 4px 4px 0; }
.uom-right .uom-block-aff-share {padding: 0; }
.uom-block-intro, .uom-block-rate, .uom-block-doc, .uom-block-gv, .uom-block-aff-share, .uom-block-chat, .uom-block-bookmark { background: #fff; border: 1px solid #d9d9d9; border-radius: 6px; padding: 15px; display: inline-block; margin: 10px 0; width: 100%; }
.uom-block-intro h3, .uom-block-rate h3, .uom-block-doc h3, .uom-block-gv h3, .uom-block-aff-share h3, .uom-block-chat h3, .uom-block-bookmark h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-top: 0; }
.uom-block-intro p { line-height: 1.5; margin: 10px 0; }
.uom-block-aff-share .panel-title { font-size: 14px; }
.uom-block-aff-share .panel-body { padding: 5px; }
.uom-block-aff-share .panel-body .col .container-fluid { padding-left: 5px;  margin-left: -15px; padding-right: 5px}
.uom-block-aff-share .col-xs-3.col-md-2 {  padding-right: 0; }
.uom-block-aff-share .panel-body .col .container-fluid .row { margin: 5px 0; }
.btn-update { float: right; font-weight: bold; margin-right: 20px; }
.txt-rate {display: inline-block;    width: 100%; margin: 10px 0;}
.uom-rate-star .star-rate i { font-size: 30px; }
.uom-notice { display: inline-block; width: 100%; margin: 10px 0; }
.btn-send-rate { color: #fff; background: #00a7d4; text-align: center; padding: 8px 30px; border-radius: 3px; display: inline-block; margin-top: 20px; font-weight: bold; }
.uom-title-file p { font-weight: bold; }
.uom-title-file span { font-style: italic; margin: 5px 0 5px 23px; display: block; }
.uom-file-ulti a { border: 1px solid #878787; padding: 5px 10px; border-radius: 3px; color: #333; }
.uom-file-ulti a:hover { color: #0a80e5; }
.uom-title-file { float: left; }
.uom-title-file i { margin-right: 10px; color: #e6411c; }
.uom-file-ulti { float: right; }
.uom-block-gv h3 { text-align: center; }
.uom-block-doc ul li { border-bottom: 1px solid #f3f3f3; display: inline-block; width: 100%; padding: 10px 0; }
.uom-block-doc ul li:last-child { border: 0; }
.uom-gv-left { text-align: center; width: 50%; float: left; }
.uct-ava-gv span {width: 83%;    display: inline-block;    text-align: center; }
.uom-gv-right { width: 42%; float: right; margin-left: 30px; }
.uom-gv-right a { width: 100%; text-align: center; margin-top: 15px; background: #333 !important }
.uom-block-rate h3 { margin-bottom: 5px; }
.uom-gv-right ul { margin-left: 0; }
.uom-gv-right ul li { line-height: 30px; }
.uom-right .uom-block-aff-share h3 {background: #369b00 !important; }
.uom-gv-right i { margin-right: 5px; width: 30px; text-align: center; color: green; }
.uom-gv-left p {  font-weight: bold; }
.uom-box-link input { width: 100%; padding: 5px 10px; font-size: 13px; }
.uom-box-share { background: #eee; padding: 15px 10px; border-radius: 3px; color: #000; margin-top: 20px; }
.uom-box-share p { font-weight: bold; line-height: 25px; }
.uom-box-share a { margin-top: 20px; display: inline-block; }
.btn-facebook { background: #4267b2; color: #fff; }
.btn-facebook:hover { background: #2451ad; color: #fff; }
.img-hv { float: left; width: 4%; }
.txt-box { float: right;width: 95%; }
.txt-box a { color: #fff; background: #00aeef; padding: 5px 20px ; border-radius: 3px; margin-top: 10px; display: inline-block; }
.txt-box a:hover { opacity: .8; }
.box-hv-q { width: 95%; float: right; }
.uom-block-qa { display: inline-block; margin-top: 30px; border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; }
.uom-block-qa:last-child { border: 0; }
.box-answer { margin-left: 67px; display: inline-block; }
.name-hv-q p { float: left; margin-right: 50px; font-weight: bold; }
.question-area, .answer-area { margin-top: 10px; }
.question-area a , .answer-area a {margin: 10px 0; display: inline-block;}
.img-ad { width: 4%; float: left;  }
.box-ad-a { width: 95%; float: right; }
.uom-block-textbox2 { display: inline-block; width: 100%; }
.name-ad-a p { font-weight: bold; margin-right: 50px; float: left; }
.uom-block-textbox2 .txt-box { width: 80%; float: right; }
.ubo-right-btn a:hover { opacity: .8; }
.box-bookmarks { border: 1px solid #f2f3f5; margin-bottom: 10px; }
.title-bookmarks { background: #d6d6d6; padding: 10px; font-weight: bold; }
.list-bookmarks { padding: 10px; }
.list-bookmarks p { font-weight: bold; }
.list-bookmarks ul li { line-height: 25px; }
.b-red { color: #f00; font-weight: bold; display: inline; }
.title a { color: #000; }

.overview-tabs { height: 45px; }
.overview-tabs .nav-tabs > li > a { color: #333; }
.u-tab-overview .nav-tabs { font-size: 15px; }
.u-tab-overview .nav-tabs > li.active { border-bottom: 6px solid #f26c4f; }
.u-tab-overview .nav-tabs > li.active > a { border: 0 none;  }
.u-tab-overview .nav-tabs > li.active > a:hover { border: 0 none; }
.u-tab-overview .nav-tabs > li > a:hover { border: 1px solid #fff; background: #fff }
.u-tab-overview .nav-tabs { border: 0 none;  }


/*
          ==============================================================
                   Unica Learn Course Css
          ==============================================================
*/






#main {    transition: margin-left .5s;}

.unica-learn-page { background: #2c2f37; color: #fff; height: 100%;  }


.unica-learn-page:hover  .unica-learn-top, .unica-learn-page:hover  .unica-learn-bottom { opacity: 1.0; z-index: 1 }

.unica-learn-top {
    left: 0;    position: absolute;    top: 0;    width: 100%;  opacity: 0.0 ; height: 70px;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    background: linear-gradient(180deg,rgba(20,23,28,.9) 0,rgba(20,23,28,.738) 19%,rgba(20,23,28,.541) 34%,rgba(20,23,28,.382) 47%,rgba(20,23,28,.278) 56.5%,rgba(20,23,28,.194) 65%,rgba(20,23,28,.126) 73%,rgba(20,23,28,.075) 80.2%,rgba(20,23,28,.042) 86.1%,rgba(20,23,28,.021) 91%,rgba(20,23,28,.008) 95.2%,rgba(20,23,28,.002) 98.2%,rgba(20,23,28,0))
}
.unica-learn-video { background: #000 none repeat scroll 0 0;    bottom: 0;       top: 0;    width: 100%;    overflow: auto; position: absolute;}
.unica-learn-bottom { padding: 0; position: fixed; bottom: 0px; left: 0px; right: 0px;}

.unica-list-video-course, .unica-back-course { margin: 15px 0 ;color: #fff; cursor: pointer; }
.unica-list-video-course { width: 50%; float: left; margin-left: 10px; }
.u-btn-list {  display: inline-block; float: left; margin: 8px; }
.u-btn-back {  display: inline-block; float: right; margin: 8px; }
.u-txt-back { float: right; margin-right: 20px; }
.u-txt-list p { font-size: 18px; font-weight: 600; }
.u-txt-list span { font-size: 14px; }
.unica-video-main { text-align: center; }
.unica-video-main p { font-size: 24px; font-weight: bold; margin: 25px 0; }
.unica-back-course { float: right; margin-right: 20px; }
.u-txt-back a { font-size: 16px; margin-top: 13px; font-weight: bold; color: #fff; }

.ua-btn-bn { float: left; padding: 0}
.ua-btn-bn a {background: #ccc; color: #333; padding: 6px; text-align: center; display: inline-block; border-radius: 6px; margin-right: 5px; height: 30px;}
.ua-btn-bn i { width: 14px; }
/*.ua-btn-bn a:last-child { padding-left: 20px; }*/
.ua-btn-bn p, .ua-btn-sv p { display: inline-block;}
.ua-btn-sv { float: left; }
.ua-btn-sv button { border-radius: 0; color: #fff; background: #0099d2; border: 0; padding: 8px 10px 7px; }
.ua-btn-sv i { margin-right: 5px; }
.ua-btn-ap-rp { text-align: right; }
.ua-btn-qa-bm a { background: #3c3c3c; padding: 7px 10px; display: inline-block; float: left; margin:0 10px; color: #fff; }
.ua-btn-qa-bm i { font-size: 20px; margin-left: 5px; }
.ua-btn-qa-bm a:hover { color: #00aeef; }
.ua-btn-ap-rp a {color: #fff; margin-right: 10px;  }
.ua-btn-qa-bm p, .ua-btn-ap-rp p { display: inline-block; }
.ua-btn-ap-rp a { background: #3c3c3c; padding: 7px 10px; display: inline-block; margin:0 10px; color: #fff; }
.ua-btn-ap-rp i { font-size: 20px; margin-left: 5px; }
.ua-btn-ap-rp a:hover { color: #00aeef; }
.sidenav { height: 100%; width: 0px; position: fixed; z-index: 2; top: 0; left: 0; background-color: #fff; overflow-x: hidden; overflow-y: scroll; transition: 0.5s; padding-top:30px; box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%); }
.sidenav .closebtn {      font-size: 20px; background: #fff; padding: 0 8px; border-radius: 50px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.42) }
#mySidenav::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
#mySidenav::-webkit-scrollbar {	width: 6px;	background-color: #F5F5F5;}
#mySidenav::-webkit-scrollbar-thumb{background-color: #999999; }
.sidenav2 { height: 100%; width: 0; position: fixed; z-index: 2; top: 0; right: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; padding-top: 40px; box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);}
.sidenav2 .closebtn {    position: absolute; top: 0px; left: 10px; font-size: 30px; color: #aaa;  }

.tit-bold { font-weight: bold; }
.u-video-list-course { padding: 0px; height: 100%; }
.u-video-list-course a { font-size: 14px; }
.u-video-list-course .panel-body { padding: 5px 5px 5px 10px; }
.u-video-list-course .panel-body .container-fluid { padding: 0; }

.u-video-list-course .panel { border-radius: 0; border: 0; box-shadow: none; }
.u-video-list-course .col {display: inline-block; width: 100%; /*border-bottom: 1px solid #eaeaea; */ padding: 5px 0; }
.u-docu { margin: 5px; padding: 5px; background: #ccc; color: #fff; display: inline-block; width: 98%;  }
.u-docu a { display: block;     border-bottom: 1px solid #eaeaea; color: #fff; }
.u-docu a:last-child { border: 0; }
.u-video-list-course a { line-height: 21px; }
.col .title { float: left; line-height: 20px;text-indent: -7px;padding-left: 8px;margin-left: 0px; }
.col .time { float: right; color: #555; }
.u-video-list-course .time { float: right; color: #555;  display: none; }
.u-video-list-course .panel-heading { padding: 10px 5px; background: #e1e1e1; }

.u-video-qa-block { padding-top: 10px; display: inline-block; width: 100%;  border-top: 1px solid #ddd !important; }
.u-v-q-box a { width: 130px; padding: 10px 20px; background: #f26c4f; text-align: center; float: left; color: #fff; margin-top: 10px;  border-radius: 6px;}
.u-video-qa-title {  position: absolute;    left: 31%;    top: 8px;  font-size: 20px;  font-weight: bold;}
.u-video-course-title {  position: absolute;    left: 86%;    top: 0;    font-size: 20px;    font-weight: bold; color: #fff; margin-bottom: 5px; display: block;}
.u-v-q-box { display: inline-block; width: 100%;     padding-bottom: 10px;  }
.uv-box-qa { display: inline-block; width: 100%;  }
.uv-box-hv img { float: left; }
.uv-name-hv { display: inline-block;    width: 86%;    float: right; }
.uv-name-hv p { float: left; font-weight: bold; color: #0f5790; }
.uv-name-hv span {  float: right; font-size: 13px; color: #92979e }
.uv-box-hv-q { display: inline-block; width: 100%;overflow-wrap: break-word; }
.uv-name-hv .lession_name_a {margin: 0px 10px 0px 15px; float: left;}
.uv-box-qa a { color: black !important; margin: 5px 0; display: block; }
.u-overview-main .uv-name-hv span {margin: 0px 10px; float: left;}
.uv-box-an { margin-left: 40px; }
.u-overview-main .uv-name-gv {float: left; }
.u-overview-main .uv-box-an {margin-top: 10px;}
.u-overview-main .uv-box-txt {float: right; width: 96.5%; margin-top: 5px;}
.uv-box-hv-q p { margin: 5px 0; display: block; }
.uv-box-txt a {    padding: 5px 15px;    background: #f26c4f;    text-align: center;    float: right;    color: #fff;    margin-top: 10px; }
.uv-box-qa-an { border-bottom: 1px solid #ccc; padding: 10px 0; }
.uv-box-qa-an:last-child { border-bottom: none; }

.uv-name-gv { display: inline-block;    width: 84%;    float: right; }
.uv-name-gv p { float: left; font-weight: bold; color: #0f5790;}
.uv-name-gv span {  float: right; }

.ua-btn-ap-rp { display: inline-block; float: right; }

/*
          ==============================================================
                   Unica Cart Course Css
          ==============================================================
*/
.u-box-cart-title { margin: 45px 10px 0; text-align: center;}
.u-box-cart-title p { font-size: 16px; }
.u-box-cart {text-align: center; padding: 20px; margin: 10px 0;}
.u-box-cart .u-box-cart-title h1 {font-size: 32px; font-weight: bold;}
.u-cart-txt { font-size: 20px;  }
.u-icon-cart i { font-size: 120px; color: #ccc; }
.btn-cart { background: #ec5252; padding: 10px 15px; font-weight: bold; color: #fff; display: inline-block; margin: 10px 0; border-radius: 3px; border: none;}
.u-cart-course { display: flex; border-bottom: 1px solid #dedfe0; padding-bottom: 10px; padding-top: 10px;}
.u-cart-course:last-child { border: 0; padding-bottom: 0; }
.u-box-cart2 {padding: 15px; margin: 10px 0 30px 0;  display: inline-block; width: 100%; position: relative;  background: #fff; border-radius: 5px;}
.u-cart-combo-course { border: 1px solid #eee; padding: 10px; margin:  10px 0;  display: inline-block; width: 100%; position: relative; }
.u-cart-combo-course .u-cart-course { border: none; }
.u-cart-combo-course .remove-course { position: absolute; top: 9px; right: 12px; color: red; cursor: pointer;}
.u-box-cart2 .label { position: absolute; top: 20px; border-radius: 0 8px 8px 0; }
.u-box-cart-big { position: relative; border-bottom: 1px solid #eee;  padding-bottom: 10px; }
.u-box-cart-big:last-child { border: 0; padding-bottom: 0; }
.img-cart-course { margin-right: 10px; width: 20%; }
.title-cart-course { text-align: left; width: 60%;line-height: 1.5em; }
.title-cart-course p { font-weight: bold;margin-bottom:6px;}
.title-cart-course span {font-size: 12px; color: #666; }
.u-box-cart2 .remove-course { cursor: pointer; width: 5%; font-size: 16px; color: #f00;position: relative;top: 3px; left: 17px}
.price-cart { width: 40%; text-align: right}
.price-cart p { font-size: 20px; font-weight: bold; margin-bottom: 6px;}
.price-cart sup { font-size: 14px; }
.price-cart span { text-decoration: line-through;  }
.price-cart span sup { font-size: 10px; }
.u-cart-price .price-cart-box .price-cart-1 .price-cart-origin  { font-size: 14px; color: #000; font-weight: normal; text-decoration: line-through; }
.u-cart-price p { font-size: 18px; }
.price-btn-box a { color: #fff; background: #ec5252; padding: 10px 20px; text-align: center; border-radius: 3px; font-weight: bold; display: inline-block; width: 100%;  text-transform: uppercase;}
.cart-notice p { font-size: 14px; color: #7a8388; text-align: center;margin-top: 15px; }
.price-cart-box { display: inline-block; width: 100%; margin: 0 0 10px 0;  }
.price-cart-1 { color: #ec5252; font-size: 26px; font-weight: bold;padding-top: 10px; }
.price-cart-1 sup { font-size: 14px; }
.price-cart-2 { margin: 5px 0; }
.price-cart-2 p { font-size: 14px; display: inline-block; }
.price-cart-2 sup { font-size: 12px; }
.price-cart-2 span { text-decoration: line-through; }
.price-cart-3 { font-size: 14px; }
.price-cart-3 p { display: inline-block; font-size: 14px; }
.more-cart { margin: 10px 0; text-align: center;}
.more-cart p { font-size: 13px; }
.more-cart a {color: #03A9F4; padding: 10px 20px; width: 30%; border-radius: 3px; font-weight: bold; display: inline-block; margin-top: 5px; }
.u-box-cart-title2 { font-size: 18px; font-weight: bold; margin: 10px 0; }
.u-cart-price2 { margin-top: 45px;  }
.u-cart-price2 p { font-size: 16px; font-weight: bold; }
.u-box-cart2 .form-inline .form-control { width: 100%; height: 40px; }
span.required {    color: #F44336;}
.u-box-cart2 label { float: left; font-weight: bold; margin-bottom: 5px; }
.button-continue {    background-color: #f26c4f;    color: #fff;    font-size: 18px;    font-weight: 700; float: left; margin-top: 10px;}
.u-c-title { border-bottom: 1px solid #e6e6e6; padding: 5px 0; display: inline-block; width: 100%; }
.u-c-title p { font-size: 14px; float: left; }
.u-c-title a { float: right; }
.title a:hover{color:#009aff}
.total-cart {margin-top: 10px; padding-top: 5px; width: 100%; display: inline-block; }
.cart-course { display: inline-block; width: 100%; padding: 15px 0; }

.ult-r sup { font-size: 10px; }
.bd-cart-no { border: 0; }
.name-cart-course { width: 70%; float: left; }
.ult-l { float: left;margin-top: 5px;  }
.ult-r { float: right; margin-top: 5px;  }


.price-cart-course { float: right; }
.price-cart-course sup { font-size: 12px; }
.price-cart-course span { font-size: 14px; text-decoration: line-through; }
.price-cart-course span sup { font-size: 10px; }
.total-cart p {float: left;}
.total-cart sup {font-size: 12px;}
.total-cart span {float: right; font-size: 16px; font-weight: bold; color: #f00;}

.steps {    list-style: none;    display: table;    width: 100%;    padding: 0;    margin: 0;   position: relative;}
.steps li {    display: table-cell;    text-align: center;    width: 1%;}
.steps li.active:before, .steps li.complete:before, .steps li.active .step, .steps li.complete .step {    border-color: #12cbec;}
.steps li:first-child:before {    max-width: 51%;    left: 50%;}
.steps li:before { display: block; content: ""; width: 100%;height: 1px; font-size: 0; overflow: hidden; border-top: 4px solid #CED1D6; position: relative; top: 21px; z-index: 1;}
.steps li .step { border: 5px solid #ced1d6; color: #546474; font-size: 15px; border-radius: 100%; background-color: #FFF; position: relative; z-index: 2; display: inline-block;    width: 40px; height: 40px; line-height: 30px; text-align: center; }
.u-box-step {     display: inline-block;    width: 100%;    margin: 20px 0; }
.steps li.complete .title, .steps li.active .title {  color: #fff;}
.steps li .title { display: block; margin-top: 4px; max-width: 100%; color: #fff; font-size: 14px; z-index: 104; text-align: center; table-layout: fixed; word-wrap: break-word;}
.steps li:last-child:before {    max-width: 50%;    width: 50%; }

.btn-complete { padding: 7px 10px ; font-weight: bold; font-size: 16px; color: #fff; background: #5cb85c; text-align: center; margin-top: 10px; width: 100%; display: inline-block; border-radius: 3px; margin-bottom: 10px;}
.u-box-cart-title2 span { font-size: 14px; font-weight: normal; }
.u-box-cart3 .panel-heading  { background: #eee; color: #333; }
.u-box-cart3 i { font-size: 24px; margin-right: 5px; width: 30px; text-align: center; }
.u-box-cart3 .fh { font-size: 30px; vertical-align: sub; }
b { font-weight: bold; }
.cart-complete { text-align: center;  margin: 20px 0; font-size: 16px; line-height: 30px; border: 1px solid #eee; padding: 20px; background: #fff }
.cart-complete p { font-size: 20px; font-weight: bold; margin: 20px 0; }
.u-cart-more-course { padding: 10px 0; border: 1px solid #eee; display: inline-block; }
.u-cart-more-course h3 { font-size: 24px; font-weight: bold; margin-left: 10px; }
.u-cart-more-course {    padding: 10px 0;    border: 1px solid #eee;    display: inline-block;}
.u-cart-more-course h3 {    font-size: 24px;    font-weight: bold;    margin-left: 10px;}

/*
          ==============================================================
                   Unica Combo Css
          ==============================================================
*/
.u-combo-title ul li { display: inline; margin-right: 20px; }
.u-combo-title i { margin-right: 5px; }
.block-buy2 { border: 1px solid #d7d7d7; border-radius: 5px; background: #fff; padding: 20px 15px 5px 15px; top: -135px; position: relative;}
.u-number-combo { width: 5%; float: left; position: relative; top: 25px; }
.u-img-combo { width: 20%; float: left; }
.u-tit-combo { width: 63%; float: left; margin-left: 12px; }
.u-des-combo { width: 10%; float: right; }
.u-des-combo a:hover { opacity: .8; }
.u-list-combo { border-bottom: 1px solid #ccc; display: inline-block; padding: 10px 0; width: 100%; }
.u-list-combo:last-child { border: 0; padding-bottom: 0; }
.u-number-combo p { color: #fff; background: #f26c4f; font-weight: bold; width: 22px; height: 22px; text-align: center; border-radius: 25px; font-size: 13px; padding-top: 1px;  }
.u-tit-inner p { font-weight: bold; }
.u-des-inner { font-size: 13px; margin: 5px 0; color: #535353; }
.u-des-inner ul li { display: inline; margin-right: 20px; }
.u-des-inner ul li:last-child { margin: 0; }
.u-price-inner p { display: inline; font-weight: bold; }
.u-price-inner span { font-size: 18px; font-weight: bold; color: #f00; }
.u-price-inner sup { font-size: 12px; }
.u-des-more { padding: 3px 7px; text-align: center; color: #fff; background: #f26c4f; border-radius: 3px; font-size: 12px; margin-bottom: 10px; display: block; }
.u-des-content { padding: 3px 4px; text-align: center; color: #fff; background: #848484; border-radius: 3px; font-size: 12px; margin-bottom: 10px; display: block; }
.u-des-content i { font-size: 10px; }
.u-inner-content {width: 100%; border: 1px solid #ccc; padding: 5px; background: #eaeaea; }
.u-inner-content p { font-size: 13px; }
.u-list-combo .collapse.in { display: inline-block;  }
.u-teacher-combo { border: 1px solid #e1e1e1; float: left;display: block; max-width: 235px; margin-right: 4px; margin-bottom: 10px; min-height: 370px; }
.img-teacher-combo { overflow: hidden; }
.img-teacher-combo img {  display: block;  max-width:235px;  max-height:235px;  width: auto;  height: auto; min-height: 235px; min-width: 235px;}
.name-tea-combo { text-align: center; font-size: 18px; font-weight: bold; padding: 5px; }
.des-tea-combo { text-align: center; padding: 0 5px; margin-top: 5px; min-height: 57px;}
.course-tea-combo {  padding: 0 5px;  margin-top: 15px;     display: inline-block;    width: 100% }
.course-tea-combo p { float: left; }
.course-tea-combo span { float: right;  color: #fff; background: #f26c4f; font-weight: bold; width: 22px; height: 22px; text-align: center; border-radius: 25px; font-size: 13px; padding-top: 1px;  }
.more-info { text-align: center; margin-top: 10px; padding: 5px 10px; color: #fff; background: #f26c4f; }
.mg-No { margin: 0; }
.u-teacher-combo a:hover { opacity: .8; }

.style-combo .main-content .u-all-course .list-course .course-box-slider { min-height: 235px; max-height: 235px; width: 100% }
.style-combo .main-content .u-all-course .list-course .course-box-slider .img-course img { max-height: 130px; overflow: hidden; width: 100%; min-height: 130px; }
.u-all-course .list-course .course-box-slider .price-course { display: inline-grid; width: 100%; text-align: right; position: relative; right: 12px;  top: -35px;}
.style-combo .main-content .u-all-course .list-course .course-box-slider .price-course .price-b {  float: right; font-size: 14px; }
.style-combo .main-content .u-all-course .list-course .course-box-slider .price-course .price-a { font-size: 16px; }
.style-combo .style-title {  margin-bottom: 10px; display: inline-block; width: 100%; margin-top: 35px; }
.style-title .text-right { float: left !important; }
.style-combo .style-title .padding-left-5 h1 { margin-left: 0px; }


.style-title .text-right .result-combo-txt { float: right; font-size: 18px; }
.col-filter .filter { float: right; }
.col-filter .filter .dropdown .dropdown-menu { right: 0; left: unset; }
.style-combo .style-search .price-course .rate-combo { float: left;  }
.style-combo .style-search .list-course .list-course .price-course { margin-top: 0; display: block; width: 100% }
.style-combo .style-search .fix-search .price-course {float: right; }
.style-combo .main-content .u-all-course .title-course span { font-size: 15px }
.style-title h4 { margin-top: 0;  font-weight: normal; float: right }
.style-combo .main-content .u-hot-cate { width: 97.5%; margin-left: 15px; }
/*-.style-search { margin-left: 15px; }-*/

/*
          ==============================================================
                   Unica Teacher Css
          ==============================================================
*/
.u-teacher-top { background-image:  url(../img/page-title-background.jpg) ; background-repeat: no-repeat; background-size: cover; width: 100%; height: 341px; position: relative; }
.utt-bot  { display: inline-block;    width: 100%;    position: absolute;    bottom: 0;    left: 0; color: #fff; }
.u-teacher-avatar { float: left; margin-right: 20px; margin-bottom: 20px; }
.u-teacher-avatar img { border-radius: 85px; }
.u-teacher-info { display: inline-block; margin-top: 20px; }
.u-teacher-info h1 { font-size: 30px; font-weight: bold;  }
.u-teacher-info span { font-size: 20px;     display: block;    width: 375px;}
.uti-link { margin-top: 20px; }
.u-teacher-info a { margin-top: 20px; color: #fff; padding: 10px 20px; border-radius: 3px;  border: 1px solid #fff; width: 175px; margin-right: 10px; }
.uti-link i { font-size: 20px; margin-right: 5px; }
.u-teacher-right { float: right; margin-top: 50px; }
.u-teacher-right p { font-size: 48px; font-weight: bold; }
.u-teacher-right span { font-weight: bold; }
.u-teacher-right ul li{ display: inline; float: left; text-align: center; margin: 0 20px; }
.uti-link a:hover { background: #fff; color: #000; }
.u-teacher-intro { margin: 10px 0; }
.u-teacher-intro p { margin: 10px 0; text-align: justify; line-height: 21px; }
.u-teacher-intro h3 {font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.u-teacher-video { margin: 20px 0; }
.u-box-course { background: #f6f6f6; }
.u-box-course-teacher { margin: 15px 0 20px 0; }
.u-box-course-teacher h2 { font-size: 18px; font-weight: bold; }
.ubc-course { border: 1px solid #e0e0e0; background: #fff; padding: 10px 10px 5px 10px; border-radius: 3px; display: inline-block; width: 100%; margin-bottom: 10px; }
.ubc-course .price-b { float: initial; }
.img-ubc-course { width: 30%; float: left; }
.des-ubc-course { width: 47%; float: left; margin-left: 20px; }
.des-ubc-course p { font-size: 16px; font-weight: bold; margin-bottom: 10px }

.lp-bc-price {    text-align: right;    font-weight: bold;    width: 20%;    float: right;}
.lp-bc-price .price-b {    font-size: 34px; text-decoration: none;}
.lp-bc-price .price-b sup {    font-size: 10px;}
.lp-bc-price .price-s {    font-size: 24px;    color: #696969;    text-decoration: line-through;}
.lp-bc-price .price-s sup {    font-size: 12px;}
.lp-bc-price .price-o {    font-size: 14px;    background: #f26522;    border-radius: 3px;    padding: 5px;    color: #fff;    display: inline-block;    margin: 10px 0;}
.lp-bc-price a {    background: #ff0000;    padding: 10px 20px;    text-transform: uppercase;    font-size: 16px;    text-align: center;    color: #fff;    display: inline-block;    width: 100%;    border-radius: 3px;}


.mini-des { display: inline-block; margin-bottom: 10px; }
.mini-des li { float: left; margin-right: 20px; }
.big-des i { color: #0090ff; }
.big-des li { line-height: 25px; }
.ubc-btn { display: inline-block; text-transform: uppercase; width: 100%; margin-top: 10px; }
.ubc-btn p { background: #00aeef; padding: 6px 20px; border-radius: 3px; text-align: center; color: #fff; float: left; width: 40%; font-weight: normal; }
.ubc-btn p:hover { opacity: .8; }
.ubc-btn a { background: #f26c4f; padding: 10px 20px; border-radius: 3px; text-align: center; color: #fff; float: right; width: 40%;font-size: 18px; font-weight: bold; }
.ubc-btn a:hover { opacity: .8; }
.ubc-btn span { font-weight: bold; font-size: 24px; }
.ubc-btn sup { font-size: 12px; text-transform: lowercase; }
.ubg-share { margin: 10px 0; }
.ubg-share h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.col-tea-new { border: 1px solid #e1e1e1; margin-bottom: 10px; }
.img-tea-new { overflow: hidden; }
.cate-date-news { margin: 10px 0; }
.cate-date-news, .des-gv-news { padding: 0 10px;  }
.cate-date-news p { font-weight: bold; color: #0070a4; display: inline;  }
.u-teacher-left { margin-bottom: 20px }
.des-gv-news a { font-weight: bold; padding-bottom: 15px; display: block; color: #000; }
.des-gv-news a:hover { color: #0067d6; }
.u-most-views { margin: 10px 0; }
.u-most-views h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.u-most-views ul { border: 1px solid #d7d7d7; padding: 10px; }
.u-list-gv-news { border-bottom: 1px solid #d7d7d7; padding: 5px 0; display: inline-block; width: 100%; }
.img-gv-news { width: 30%; float: left; }
.tit-gv-news { width: 68%; float: right; }
.tit-gv-news a { color: #000; }
.tit-gv-news a:hover { color: #0067d6; }
.tit-gv-news p { color: #0070a4; font-weight: bold; display: inline; }
.tit-gv-news span { font-size: 12px; }

/*
          ==============================================================
                   Unica My Course Css
          ==============================================================
*/

.u-bread-my-course { background: #505763; padding: 70px 0 0 0;}
.u-bread-my-course p { font-size: 24px; font-weight: bold; color: #fff; }
.u-bread-my-course ul {margin-top: 10px;}
.u-bread-my-course ul li { display: inline; margin-right: 30px;  position: relative; }
.u-box-my-course ul li { float: left; display: inline-block;  width: 217px;  border: 1px solid #eee; margin-right: 10px; margin-top: 10px; }
.u-bread-my-course a { color: #fff;  border-bottom: 6px solid #cbcdd0; }
.my-course { display: inline-block; }
.u-box-my-course a { color: #000; }
.noactive { border: 0 !important; }
.u-box-mycourse-title {       margin: 10px 0; }
.u-box-my-course {     margin: 20px 0;   display: inline-block; width: 100%; }
.pro-my-course {     background-color: rgba(41,48,59,.25);    display: block;    height: 2px; margin-bottom: 22px; }
.progress__bar {    display: inherit;    height: inherit;    background-color: #007791;}
.txt-pro-bar { font-size: 12px; }
.title-my-course p { font-weight: bold; }
.gv-my-course { margin: 5px 0; }
.des-my-course { padding: 3px 10px; }
.rate-my-course p { font-size: 12px;  float: right; margin: 1px;}
.img-my-course img:hover {        -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    transition: transform .15s ease-in-out;}





/*==============================================================
Unica Index Dealer Manage
==============================================================
*/
.index-dealer-manage {
    padding: 15px 0px;
}
.index-dealer-manage h3 {
    font-size: 30px;
    color: #03A9F4;
}
.index-dealer-manage .active-li{
    border-right: 5px solid #4CAF50;
}
.index-dealer-manage .form-control,.index-dealer-manage button[type="submit"]{
    border-radius: 0px;
}
.index-dealer-manage .message-dealer{
    padding: 8px 5px;
    margin-bottom: 10px;
}
/*
          ==============================================================
                   Unica KÄ‚Æ’Ă†â€™Ä‚â€šĂ‚Â­ch HoÄ‚Æ’Ă‚Â¡Ä‚â€šĂ‚ÂºÄ‚â€šĂ‚Â¡t KhÄ‚Æ’Ă†â€™Ä‚â€šĂ‚Â³a HÄ‚Æ’Ă‚Â¡Ä‚â€šĂ‚Â»Ä‚â€šĂ‚Âc Css
          ==============================================================
*/
.u-kich-txt {font-size: 20px;}
.u-box-cart p {margin: 15px; }
.u-box-cart input {width: 500px; margin: auto; max-width: 100%;}
.u-box-kichhoat p, .u-box-kichhoat span {  text-align: center; font-weight: bold; }
.u-icon-cart .fa-unlock-alt { color: #12b453;  }

/*
          ==============================================================
                   Unica ĐiĂ¡Â»Âu khoĂ¡ÂºÂ£n dĂ¡Â»â€¹ch vĂ¡Â»Â¥
          ==============================================================
*/

.rule-data-css { font-size: 14px; line-height: 25px; }
.rule-data-css h1 { font-size: 24px;  font-weight: bold; margin-bottom: 20px;}
.rule-data-css h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.rule-data-css h3 { font-size: 15px;  font-weight: bold; }
.rule-data-css ul li { font-size: 14px;  }


/*
          ==============================================================
                   Unica IQ-EQ-AQ Css
          ==============================================================
*/
.banner-iq { background-image:url(../img/iq-aq-eq.png) ;background-repeat: no-repeat;background-size: cover;width: 100%;height: 390px;position: relative; }
.banner-iq-aq-eq { text-align: center; padding: 116px 0; }
.unica-iq-aq-eq h3 { font-weight: bold; font-size: 24px; }
.row-btn a { color: #fff; }
.row-btn a:hover { background: #fff; opacity: .6; color: #000; }
.test-btn { display: inline-block; border: 1px solid #fff; padding: 10px; border-radius: 10px; margin: 20px; }
.test-btn span { display: block;  }
.big-txt { font-size: 40px; font-weight: bold; }
.unica-iq-aq-eq { margin: 20px 0; border: 1px solid #eaeaea; padding: 15px; display: inline-block; width: 100%; }
.people-iq { float: left; border: 1px solid #eaeaea; text-align: center; margin: 21px; }
.name-people-iq { font-weight: bold; margin: 5px 0; }
.score-people-iq { margin-bottom: 5px; }
.btn-more-iq { background: #ec5252;    padding: 10px 15px;    font-weight: bold;    color: #fff;    display: inline-block;    margin: 10px 0;    border-radius: 3px; }
.top-6-iq a { text-align: center; }
.top-6-iq a:hover { opacity: .8; }
.unica-box-iq { margin: 20px 0; display: inline-block; }
.box-iq-txt h3 {  font-size: 72px; font-weight: bold; }
.box-iq-txt p { font-size: 14px; font-weight: bold; margin-top: 20px; }
.box-iq-txt a { margin-top: 30px; background: #ec5252; padding: 10px 15px; font-weight: bold; color: #fff; display: inline-block; margin: 10px 0; border-radius: 3px; }
.box-iq-txt a:hover { opacity: .8; }
.unica-iq-block-2 { background: #f0f0f0; }
.unica-iq-block-3, .unica-iq-block-4, .unica-iq-block-5 { margin: 20px 0; }
.unica-iq-block-4 { background: #f0f0f0; padding: 20px 0; }
.unica-iq-block-3 h3, .unica-iq-block-4 h3, .unica-iq-block-5 h3 { font-size: 24px; font-weight: bold;}
.inner-iq-block-3 p, .inner-iq-block-4 p, .inner-iq-block-5 p { width: 65%; float: left; }
.img-inner-iq { width: 30%; float: right; }
.inner-iq-block-3 a, .inner-iq-block-4 a,.inner-iq-block-5 a { display: inline-block; }
.begin-test { display: block; margin-top: 30px; background: #ec5252; padding: 10px 15px; font-weight: bold; color: #fff;  border-radius: 3px;}
.begin-test:hover { opacity: .8; }
.flR-iq { float: right; text-align: right; display: inline-block; }
.full-width { padding: 0; }

/*-Style Radio-*/
.style-radio {display: block; position: relative; padding-left: 35px;margin-bottom: 12px;cursor: pointer; font-size: 22px;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.style-radio input { position: absolute; opacity: 0;  cursor: pointer;}
/* Create a custom radio button */
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%;}
/* On mouse-over, add a grey background color */
.style-radio:hover input ~ .checkmark {   background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.style-radio input:checked ~ .checkmark {  background-color: #2196F3;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {   content: "";    position: absolute;    display: none;}
/* Show the indicator (dot/circle) when checked */
.style-radio input:checked ~ .checkmark:after {    display: block;}
/* Style the indicator (dot/circle) */
.style-radio .checkmark:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: white;}

.iq-question-box p { font-weight: bold; color: #e33033; display: inline-block;  }
.iq-answer-box { float: right;    width: 53%;    margin-top: 27px; }
.iq-question-box { margin: 20px 0; width: 43%; float: left; font-size: 16px;  margin-left: 50px;}
.iq-answer-box p { font-size: 15px; color: #333; float: left;}
.iq-answer-box span { margin-bottom: 20px; font-weight: bold; font-size: 16px; display: block; }
.iq-answer-box .radio-inline { display: list-item; list-style: none; margin-bottom: 30px; width: 100%; float: left; margin-right: 20px; }
.iq-answer-box .radio-inline + .radio-inline, .iq-answer-box .checkbox-inline + .checkbox-inline { margin: 0 20px 30px 0; }
.unica-iq-main { background: #0091d2; }
.unica-box-test { background: #fff; margin: 10px }
.unica-iq-block-top { padding: 15px 0; }
.unica-kq-test { border: 1px solid #e2e2e2; background: #fff; }
.unica-kq-test p { background: #e85356; color: #fff; text-align: center; text-transform: uppercase; padding: 10px; }
.top-list-test { background: #f0f3f7; color: #505763; padding: 10px; }
.top-list-test ul li { display: inline; font-weight: bold; }
.top-list-test ul li:first-child { margin-right: 32px; }
.top-list-test ul li:last-child { float: right; }
.top-order-test { background: #fff; padding: 10px; }
.top-order-test ul li { display: inline; line-height: 40px; }
.top-order-test ul li:first-child { margin-right: 40px; color: #92979e; }
.top-order-test ul li:last-child { float: right; color: #e85356; }
.cyan { color: #0f778f;}
.unica-top-test { margin-top: 10px;border: 1px solid #e2e2e2; background: #fff; }
.unica-top-test p { background: #0f778f;color: #fff; text-align: center; text-transform: uppercase; padding: 10px;  }
.unica-box-control .control-back { color: #fff; margin: 10px 10px 0; display: block; }
.unica-box-control .control-back i { font-size: 18px; vertical-align: middle; margin-right: 5px; }
.unica-name-iq { font-size: 20px; font-weight: bold; color: #fff;  display: block; text-align: center; margin: 10px; }
.unica-back-iq { float: left;margin: 15px 0 0 0 ; }
.btn-red { background: #f00; padding: 10px 30px; border: 0; font-weight: bold; }
.unica-back-iq a { color: #fff; }
.unica-back-iq a:hover { color: #1d66c0; }
.unica-name-iq a { color: #fff; text-transform: uppercase; }
.iq-complete-box { text-align: center; }
.iq-complete-box .congratulations { font-size: 24px; font-weight: bold; }
.unica-iq-block-test { border: 1px solid #e2e2e2; background: #fff; margin:0; padding: 10px;  display: inline-block; width: 100%; }
.unica-iq-top-box {  padding: 10px; display: inline-block; width: 100%; }
.title-iq-t { float: left; color: #e85356; font-weight: bold; text-transform: uppercase; }
.time-iq-t {float: right; color: #fff;}
.time-iq-t span { color: #fff;  border-radius: 3px; font-size: 22px; font-weight: bold; color: #fde800; }
.unica-iq-result { background: #494e58; text-align: center; }
.img-result { width: 50%; display: inline-block; }
.img-result img { margin-left: -8px; }

.close-x { float: right; display: inline-block; margin-top: -15px; }
.txt-result { background: #fff; text-align: center; display: inline-block; padding: 20px 12px 0 0; width: 100%; }
.result-1 { font-weight: bold; font-size: 18px; color: #0f518f;}
.result-2 { margin: 10px 0; }
.result-3 { color: #ccc; }
.result-4 { margin: 20px 0; background: #e85356; border-radius: 88px; color: #fff; font-size: 28px; font-weight: bold; width: 80px;    height: 80px;    padding: 20px 0px;    display: inline-block; }
.txt-result span { text-align: left !important; float: left; border: 1px solid #e6e6e6; padding: 10px; margin-top: 40px; width: 100%; }
.share-kq { display: inline-block; width: 100%; }
.share-kq p { font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }

.unica-iq-bottom-box .pagination .active { background: #3184eb; color: #fff; }
.unica-iq-bottom-box .pagination .was { background: #004192; color: #fff; }
.unica-iq-bottom-box {  display: inline-block; width: 100%; text-align: center; }
.kq-test { color: #fff; background: #e85356; padding: 7px 20px; border-radius: 3px; margin-top: 21px; display: inline-block; text-align: center;}
.kq-test:hover { opacity: .8; }
.unica-iq-bottom-box button { margin: 10px 20px; font-size: 20px; }
.unica-iq-bottom-box .pagination > li > a { width: 42px; text-align: center; }
.unica-iq-bottom-box .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; margin-left: -1px; }
.iq-complete-box button { position: absolute; top: 10px; right: 10px; }
.iq-complete-box .modal-content { border-radius: 0; }
.box-result-test { width: 48%; float: right; }


.unica-test-iq-about h3 { font-size: 30px; font-weight: bold;  }
.unica-test-iq-about { font-size: 16px; }
.unica-test-iq-about span { font-weight: bold; }
.unica-test-iq-about a { display: inline-block; }


/*
          ==============================================================
                   Unica Dashboard Css
          ==============================================================
*/

.u-dashboard-main { background: #f2f3f5; margin-bottom:  10px; }
.u-dashboard-top  { padding: 50px 0 0 0;  background-repeat: no-repeat; background-size: cover; width: 100%; height: auto;  background-position: center;}
.u-dashboard-top p { font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 30px; display: inline-block; }
.u-dashboard-top ul li { display: inline; margin-right: 10px;  position: relative; }
.u-dashboard-top ul li a { padding: 8px; }
.u-dashboard-top a { color: #fff; }
.u-dashboard-tab {  padding: 10px; margin: 20px 0; text-align: center; }
.box-dashboard { text-align: center; border: 1px solid #eaeaea; padding: 10px 20px; display: inline-block; background: #fff; margin-top: 10px; width: 100%; }
.box-dashboard:hover { border: 1px solid #f77c76; }
.dropdown { position: relative;    display: inline-block;}
.dropdown-content {    display: none;    position: absolute;    background-color: #f1f1f1;    min-width: 160px;    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;}
.dropdown-content a {    color: black;    padding: 12px 16px;    text-decoration: none;    display: block;}
.dropdown-content a:hover {background-color: #ddd}
.dropdown:hover .dropdown-content {    display: block;}
.dropdown:hover .dropbtn {    background-color: #fff;    color: #000;}
.u-dashboard-tab h3 { font-weight: bold; font-size: 24px; }
.u-dashboard-top ul li > a:hover, .u-dashboard-top ul li > a:active, .u-dashboard-top ul li > a:focus { color: #000; }
.u-dashboard-top .navbar-collapse.collapse { padding-left: 0; }
#main-content .breadcrumb { background: 0;    padding: 10px 0px 0 0;    margin-bottom: 10px; }
.avatar-dbs { margin-left: 18px; position: relative; }
.main-inner .page-header { color: #333; font-weight: bold; padding: 9px 11px; border-radius: 3px 3px 0 0; border: 1px solid transparent; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin: 0;}
.main-inner .page-header a {color: #333}
.searchBox { width: 100%; float: left;  }
.btn-dbs-search {  float: right; margin-right: 8px; width: 174px; }
.list-view {     display: inline-block;    width: 100%;    margin-top: 10px; }
.list-view .pagination { margin-left: 10px; }
.sell-price {font-size: 120%; }
.sell-price sup { font-size: 10px; }
.old-price sup { font-size: 10px; }
.title-course-b { font-weight: bold; color: #003e63; margin-bottom: 10px; display: block; }
.guilde {margin-right: 10px;     border: 1px solid #d7d7d7;    border-radius: 3px;    padding: 15px;    margin-bottom: 10px; width: 100%; display: inline-block; }
.guilde i { color: #00a523; }
.guilde p { line-height: 40px; font-size: 16px; }
.searching p { margin: 10px 0; }
.empty {margin: 5px 0 10px 0;}
.card { border: 1px solid #d7d7d7; border-radius: 3px; padding: 15px; margin-bottom: 10px;  height: auto;}
.top_add_card, .input-set-money {margin-bottom: 10px;}
.button-pay {width: 100%; margin-bottom: 10px; text-align: left;}
.error_show {color:red; margin-bottom: 10px;}
.wallet_info_left { display: inline-block; }
.prepaid_number { font-weight: bold; color: #00a523; }
.btn-addcard { background: #3cb878; color: #fff; padding: 6px 18px; border: 0; border-radius: 3px; text-align: center;    width: 100%; font-weight: bold; }
#mycourses { margin-top: 10px; }
.block-title { font-weight: bold; }
.btn-kh { width: 100%; }
.breadcrumb-fee {     list-style: none;    background-color: #f5f5f5;    border-radius: 4px; margin: 10px 0; }
.breadcrumb-fee > li {   display: inline-block;}
.breadcrumb-fee > .active {    color: #999999;}
.breadcrumb-fee > li + li:before {    content: "Ä‚Æ’Ă¢â‚¬ÂšÄ‚â€šĂ‚Â»";    padding: 0 5px;    color: #cccccc;}
.setup-panel .list-group-item-heading i { font-size: 36px; }
.setup-panel p { font-weight: bold; }
.setup-panel span { display: block; font-weight: normal; margin-top: 1px; }
.setup-panel a { padding: 25px 15px !important; margin-right: 10px ; }
.setup-panel a:last-child { background: #00aeef; color: #fff !important;      padding: 14px 10px !important }
.db-item { display: flex; align-items: center; justify-content: end; }
.db-item .unica-active-course { margin-top: 0; }
.db-item li { display: inline; float: left; margin-left: 10px; }
.db-item li.btn-group.open > a { box-shadow: unset; }
.dropdown-menu li { display: inline-block; width: 100% }
.db-item-learn { padding: 10px; border-radius: 3px; background: #03A9F4; color: #fff; display: block; width: 103%;  }
.db-item-learn-group { padding: 10px; border-radius: 3px; background: #03A9F4; color: #fff; }
.db-item-learn-group { background: #F26C50;}
.db-item-learn:hover { opacity: .8 }
.db-item-circle { display: inline-block; }
.db-item-circle img { max-height: 35px; max-width: 35px; border-radius: 25px; float: left; min-height: 30px; /*margin-top: -3px;*/ }

.db-item-circle i { font-size: 24px; color: #0097e3; display: block; float: left;  }
.db-item .caret {  display: none;    float: right; margin-top: 12px; margin-left: 7px; color: #777 }
.db-drop {right: 0; left: auto; top: 40px;}
.db-drop li  { margin-left: 0; }
.db-drop li > a { padding: 10px; }
.db-drop i { width: 30px; text-align: center; }
.bg-a { background: #fff; border: 1px solid #d7d7d7; padding: 10px; margin: 20px 0; }
#btnnomal a { width: 100%; }
.pdS8 { padding: 0 8px; }
.pdS7 { padding: 0 7px; }
.pd0p { padding: 0 23px 0 0; }

/*-DB inner-*/
.u-dasboard-main-title { color: #fff;    background: #0a75b5;     padding: 10px 15px;    border-bottom: 1px solid transparent;    border-top-right-radius: 3px;    border-top-left-radius: 3px;  }
.u-dasboard-main-title span { font-weight: bold; padding: 10px 10px 10px 0;  }
.pt .breadcrumb { margin: 0; background: #fff; padding: 10px 0; }
.u-dasboard-main-content { background: #fff; border-bottom-right-radius: 4px;    border-bottom-left-radius: 4px; padding: 10px 15px;      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.user-card .col-lg-9, .user-card .col-lg-3 { padding: 0; }
.user-card .col-lg-9 { padding:0 10px 0 0; }
.title-course-db { font-weight: bold; width: 100%; display: inline-block; }
.diengia { margin: 5px 0; }
.btn-search-free { width: 100%;      padding: 6px 12px; }
.wallet_info_left {    display: inline-block;    margin-bottom: 20px;}
.wallet_info_left span {    font-size: 16px;    display: inline;}
.red-txt { color: #f00;     display: inline-block;    width: 100%;    margin-bottom: 10px; }
.btn-tcc {     color: white;   display: inline-block;    margin-bottom: 10px;  font-size: 14px;   width: 47%;    background: #269ee6;      font-weight: bold; float: left; margin-right: 5px; }
.star ul li { display: inline; }

.main-inner { margin-top: 10px; }
.price-u-t1 { font-weight: bold; }
.price-u-t2 { text-decoration: line-through; }
.btn-normal { display: block; }
.btn-edit-course { margin-top: 5px; display: block; background: #f7751f; color: #fff; }
.btn-edit-course:hover { color: #fff; background: #dc5800; }
.u-title-ub { font-weight: bold; margin-bottom: 5px; }
.u-t-hv1, .u-t-hv2, .u-t-hv3 { display: inline-block; margin-right: 10px; }
.u-t-hv2 i { color: #f26c4f; }
.mgtOp { margin-top: 7px; }


.more-info-hv { float: right; }
.more-info-hv span { font-weight: bold; color: #fff; display: block; }
.title-teacher-new-db { font-size: 24px; font-weight: bold; text-align: center; height: 140px; }
.title-teacher-new-db p { display: block; margin-bottom: 10px; }
.title-teacher-new-db a { font-size: 18px; background: #f26c4f; padding: 10px 30px; border-radius: 3px; }
.title-teacher-new-db a:hover { opacity: .8; }
.list-box-gv-db ul { margin: 20px 0; }
.list-box-gv-db ul li { display: block; float: left; width: 24%; text-align: center; margin: 10px 5px; background: #0072bc; padding: 10px; }
.list-box-gv-db p { margin-bottom: 10px; }
.list-box-gv-db li:hover { opacity: .7; }
.box-inner-gv-db { color: #fff; font-size: 16px; font-weight: bold; }
.bg-box-app-gv { background: #20949e; padding: 10px 0; }
.box-txt-app { text-align: center; padding: 20px 0; color: #fff; }
.box-txt-app p { font-size: 24px; font-weight: bold; }
.box-txt-app span { font-size: 16px; font-weight: bold; margin: 10px 0; display: block; }
.box-txt-app ul { margin-top: 30px; }
.box-txt-app ul li { margin: 10px; display: inline-block;  }
.info-contact-gv { margin: 10px 0; }
.info-contact-gv h3 { text-align: center; font-weight: bold; font-size: 24px; margin: 10px 0; }
.box-contact-info-gv { border: 1px solid #ccc; background: #fff; padding: 10px; text-align: center; }
.box-contact-info-gv p { font-weight: bold; font-size: 22px; }
.box-contact-info-gv span { display: block; line-height: 35px; }
.link-gv { color: #0080ca; text-decoration: underline; font-size: 20px; display: inline; font-weight: bold; }


.u-box-complete { margin: 10px 0; }
.u-box-complete img { float: left;  }
.u-box-complete h3 { margin: 10px; font-size: 20px; font-weight: bold; display: inline-block; }
.u-box-complete-2 { text-align: center; margin: 20px 0; }
.u-box-step .steps li.active .title { color: #000; }
.u-box-step .steps li .title { color: #fff; }
.cate-box {    border-radius: 5px;  background-color: rgb(10, 117, 181); padding: 10px 30px;  margin: 10px; color: #fff; width: 31%; text-align: center;}
.btn-add {     display: inline-block;  padding: 8px; border: none; background: 0;  position: absolute; top: -16px;    right: -12px; }
.btn-add i { color: #ff950e; font-size: 30px; }


/*

          ==============================================================
                   Unica List Teacher Css
          ==============================================================
*/
.row-search-teacher { border: 1px solid #e1e1e1; background: #f8f8f8; padding: 10px; display: inline-block; width: 100%; margin: 10px 0; }
.row-search-teacher p { color: #f26d4e; font-weight: bold; }
.row-search-teacher span { color: #656565; }
.unica-btn-search-gv {     position: absolute;    right: 18px;    top: 8px;    background: transparent;    color: #f26c4f;    font-size: 20px;    padding: 6px 20px;}
.form-search-teacher { width: 100% !important;  }
.box-list-teacher { margin: 10px 0; display: inline-block; }
.box-list-teacher-inner { display: block;float: left; width: 270px; text-align: center; border: 1px solid #e1e1e1; margin: 11px; }
.title-list-teacher { padding: 0 10px; }
.img-list-teacher img { width: 100%; max-height: 250px; min-height: 268px; }
.title-list-teacher span { min-height: 57px; display: block; font-size: 13px; }
.title-list-teacher p { font-weight: bold; font-size: 18px; margin: 10px 0; min-height: 48px; }
.noMG { margin-right: 0; }
.count-course p { font-size: 14px; float: left; font-weight: normal;}
.count-course span { font-weight: bold; float: right; color: #fff; background: #f16b4e; width: 30px; height: 30px; border-radius: 35px; padding-top: 5px; }
.count-course { margin: 5px 0; }
.title-list-teacher ul { display: inline-block; width: 100%;     border-top: 1px solid #ccc;    padding: 5px 0;  text-align: center; }
.title-list-teacher ul li { display: inline-block;  margin: 5px 10px; }
.title-list-teacher i { font-size: 20px; border: 1px solid #0097e3; padding: 4px 5px; }
.btn-info-list-gv {
    padding: 6px 12px;
    background: #f26c4f;
    font-weight: bold;
    margin: 10px;
    border-radius: 3px;
    color: #fff;
    display: block;
}
.btn-info-list-gv:hover {
    opacity: .8;
}
.btn-xem-them-gv { display: inline-block;padding: 6px 12px;
    background: #f26c4f;
    font-weight: bold;
    margin: 10px;
    border-radius: 3px;
    color: #fff; }

/*

          ==============================================================
                   Unica Ă„ÂĂ¡ÂºÂ¡i LĂ½ Css - Quang dev
          ==============================================================
*/
.dealer .header-wallet {padding: 5px 5px 5px 10px; margin-bottom: 10px; border-radius: 3px; border: 1px solid #d7d7d7; margin-top: 10px;}
.dealer .header-wallet .wallet-result {line-height: 33px; font-weight: bold;}
.dealer .header-wallet .wallet-result .green_money {color: green;}
.dealer .header-wallet .wallet-chart {line-height: 34px; margin-right: 10px;}
.dealer .header-wallet .wallet-chart a {color: #2196f3;}
.dealer .body-wallet {margin-top: 10px;}
.dealer .body-wallet .daily-buy-left {border: 1px solid #ccc; padding: 10px; margin-bottom: 15px;}
.dealer .body-wallet .daily-buy-left .label-text {margin: 5px 0px 5px 0px}
.dealer .body-wallet .daily-buy-left .quantity-field {width: 20%;}
.dealer .body-wallet .daily-buy-left .course_text {position: relative;}
.dealer .body-wallet .daily-buy-right {border: 1px solid #ccc;}
.dealer .body-wallet .daily-buy-right .empty_cart {padding: 5px 5px 15px 3px;}
.dealer .body-wallet .daily-buy-right .not_empty_cart {padding: 15px}
.dealer .body-wallet .daily-buy-right .title_empty {margin: 10px 10px;}
.dealer .body-wallet .daily-buy-right .title_empty {margin: 10px 10px;}
.dealer .body-wallet .not_empty_cart .title_not_empty {border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;}
.dealer .body-wallet .not_empty_cart .left_not_empty {width: 22%}
.dealer .body-wallet .not_empty_cart .right_not_empty {margin-left: 10px; width: 75%;}
.dealer .body-wallet .not_empty_cart .right_not_empty .teacher_label {margin-top: 5px; font-style: italic; font-size: 12px;}
.dealer .body-wallet .not_empty_cart .content_not_empty {margin-top: 15px}
.dealer .body-wallet .not_empty_cart .content_not_empty tr {margin: 15px 0px 15px 0px}
.dealer .body-wallet .not_empty_cart .top_not_empty {margin-top: 12px;}
.dealer .body-wallet .not_empty_cart .btn-checkout {
    width: 100%;
    display: block;
    border: 0;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    padding: 12px 0;
    margin: 6px 0;
    background: #fd8a10;
}
.history-payment-detail .title {font-size: 20px;}
/*

          ==============================================================
                   Unica Ă„ÂĂ¡ÂºÂ¡i LĂ½ Css
          ==============================================================
*/
.unica-daily-top {  background-image: url(../img/daily-1.jpg);  height: 400px; position: relative; text-align: center; background-size: cover; padding: 100px 0; color: #fff; }
.unica-daily-top p { font-size: 48px; font-weight: bold; text-transform: uppercase; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);  }
.unica-daily-top span { font-size: 24px; font-weight: bold; margin: 20px 0 50px 0; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); display: block; }
.unica-daily-top a { border: 1px solid #fff; border-radius: 3px; background: #ed1c24; padding: 10px 30px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold; }
.unica-daily-ql, .unica-daily-cs { text-align: center; }
.unica-daily-ql h3 { color: #000; font-size: 24px; font-weight: bold;  margin: 20px 0; }
.unica-daily-ql h1 {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
}
.ql-dl-box { width: 240px; margin: 0 auto; height: 160px; margin-top: 20px; }
.ql-dl-box p { font-size: 16px; margin-top: 5px; }
.unica-daily-cs { background: #2997ab; }
.unica-daily-cs h3 { color: #fff; font-size: 24px; font-weight: bold;  margin: 20px 0; display: inline-block; }
.table-dl th { text-align: center;font-size: 18px; font-weight: bold; vertical-align: middle !important; color: #fff }
.table-dl th span { display: block; }
.table-dl td { color: #fff; font-size: 18px; height: 90px; vertical-align: middle !important; }
.unica-daily-reg { background: #094f79; padding: 10px 0; }
.unica-daily-reg h3 { color: #fff; }
.unica-daily-reg h3,.table_daily h3 { text-transform: uppercase; font-weight: bold; font-size: 24px; text-align: center; margin: 20px 0; }
.form-daily { border: 1px solid #e1e1e1; padding: 10px; background: #fff; width: 700px; margin: 0 auto; }
.form-daily label { width: 13%; float: left; margin-top: 10px; }
.form-daily .required { width: 85%; float: left; }
.form-daily center {display: inline-block; width: 100%;}
.txt-red { color: #f00; }
.form-daily .form-control {     border: 0 none;    border-bottom: 1px solid #ccc; box-shadow: none; border-radius: 0; padding: 6px 0;  margin:0 10px;}
.btn-reg { background: #ed1c24; color: #fff; padding: 10px 50px; text-align: center; border: 0; border-radius: 3px; font-weight: bold; font-size: 18px; text-transform: uppercase; }
.btn-reg:hover { opacity: .8; }
.form-daily span { font-weight: bold; font-size: 18px; margin: 10px 0;}
.border-right{border-right:1px solid #fff !important;}
.text-bold{font-weight: bold;}
.table_daily{width: 100%; background: #f3f3f3; padding:15px 0;display: block;}
.table_daily .table-bordered{background: #fff;}
.table_daily tr th{color: #fff;background: #f57528}
.unica-daily-box h6 { font-size: 20px; font-weight: bold; }

/*
          ==============================================================
                   Unica Teacher Css
          ==============================================================
*/
.unica-teacher-top {  background-image: url(../img/bg-teacher.jpg);  height: 400px; position: relative; text-align: center; background-size: cover; padding: 100px 0; color: #fff; }
.unica-teacher-top p { font-size: 48px; font-weight: bold; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); margin-bottom: 88px; }
.unica-teacher-top a { border-radius: 3px; background: #f26c4f; padding: 10px 30px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold; }
.unica-teacher-video { text-align: center; margin: 20px 0; }
.unica-teacher-video p { font-size: 18px; font-weight: bold; margin-bottom: 30px; }
.unica-teacher-video span { margin-bottom: 30px; display: block; }
.unica-teacher-block-2 {   background-color: #e1e1e1; height: 376px; position: relative; text-align: center; background-position-x: center; padding: 10px; }
.title-block-2 { color: #000; font-size: 18px; line-height: 35px; }
.box-teacher-2 { border: 5px solid #fff; background: #00aeef; padding: 10px; border-radius: 5px; height: 210px; color: #fff }
.box-teacher-2 p { font-weight: bold; text-transform: uppercase; font-size: 18px; }
.box-teacher-2 span {     width: 185px;    display: block;    margin: 0 auto; margin-top: 10px; }
.block-3 { margin-top: 30px; display: block; }
.unica-teacher-block-3 h3 { text-align:  center; font-size: 24px; font-weight: bold; color: #000; margin: 20px 0; text-transform: uppercase; }
.box-reason-teacher ul li { display: inline-block; text-align:  center; margin: 37px; width: 13%; }
.box-inner-teacher p {  font-size: 16px; margin-top: 10px; }
.unica-teacher-block-3 { margin: 20px 0; }
.unica-teacher-block-4 { background: #e1e1e1; text-align: center; color: #000; }
.unica-teacher-block-4 h3 { font-size: 24px; text-align: center; margin: 20px 0; text-transform: uppercase; font-weight: bold; }
.unica-teacher-block-4 span { font-size: 18px;  margin-bottom: 20px; display: block; }
.inner-block-4 p { font-size: 18px;  margin: 30px 0; }
.unica-teacher-block-5 { color: #000; text-align: center; margin: 20px 0; }
.unica-teacher-block-5 h3 { font-size: 24px; text-align: center; margin: 20px 0; text-transform: uppercase; font-weight: bold; }
.col-3-steps {  margin: 0 auto; }
.col-3-steps ul li { display: inline-block; text-align: center; margin: 47px; }
.inner-col-steps img { display: block; margin: 10px 0; }
.inner-col-steps p { color: #fc7d00; font-weight: bold; font-size: 18px; }
.inner-col-steps span { font-size: 18px; }
.unica-teacher-block-6 { background: #ddd; text-align: center; color: #fff; padding: 20px 0;  }
.unica-teacher-block-6 h3 { font-size: 24px; text-align: center; margin: 20px 0; text-transform: uppercase; font-weight: bold; color: #000; }
.slider-teacher img { display: inline-block; }
.mobile-sepa {    display: none;    clear: both;}
.member-box a {    display: block;}
.member-box>a {    cursor: pointer;}
.member-box .img-wrap {    position: relative;    display: inline-block;    text-align: center;    overflow: hidden;}
.member-box .img-wrap img {    -webkit-transition: 0.3s;    transition: 0.3s; width: 150px; height: 150px; border-radius: 150px; border: 2px solid #fff;}
.member-box h4 {    margin: 18px 0 10px;    font-weight: bold; color: #000;  font-size: 18px;}

.position {    color: #000;    font-style: italic;    margin-bottom: 10px;}
#page-6 > h2:nth-child(3) { margin-top: 20px !important; }

.unica-teacher-block-7 {  background-color: #006eb1; height: 323px; position: relative; text-align: center; background-position-x: center; padding: 10px; }
.unica-teacher-block-7 h3 { font-size: 34px; text-align: center; margin: 20px 0; text-transform: uppercase; font-weight: bold; color: #fff; }
.unica-teacher-block-7 a { font-size: 24px; color: #fff; background: #f26c4f; padding: 10px 30px; border-radius: 3px; display: inline-block; margin: 30px 0; text-transform: uppercase; font-weight: bold; }
.unica-teacher-block-7 a:hover { background: #ff9078 ; }
.unica-teacher-block-7 p { color: #ff0; font-weight: bold; font-size: 24px; margin-top: 20px; }
.member-box { float: left;width: 22%;margin: 15px 15px 0;text-align: center;height: 245px; }
.des-teacher { min-height: 57px; padding: 0 5px; }
.u-dashboard-top i { width: 20px; text-align: center; }

.center_counter { text-align: center; text-transform:  uppercase; }

/*
          ==============================================================
                   Unica Affiliate Css
          ==============================================================
*/

.unica-affiliate-top {  background-image: url(../img/af.jpg);  height: 400px; position: relative; text-align: center; background-size: cover; padding: 100px 0; color: #fff; background-position: center; }
.unica-affiliate-top p { font-size: 32px; font-weight: bold; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); margin-bottom: 30px; }
.unica-affiliate-top a {border-radius: 10px; background: #f26c4f; padding: 10px 30px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold; margin: 0 20px; }
.unica-affiliate-top button {  border-radius: 5px; background: #f26c4f; padding: 10px 30px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold; margin: 0 20px 20px; }
.unica-affiliate-top .btn-aff {  border-radius: 5px; background: #f26c4f; padding: 10px 30px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold; margin: 0 20px 20px; }
.btn-aff {  border-radius: 5px; background: #f26c4f; padding: 10px 30px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold; margin: 0 20px; border: 0; }
.unica-affiliate-top span { display: block; margin-bottom: 40px;  font-size: 20px;  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); font-weight: bold;}
.block-link { display: inline-block; width: 100%; margin: 20px 0; }

.unica-affiliate-block-2 { text-align: center; margin: 20px 0; }
.unica-affiliate-block-2 p { line-height: 1.5; margin-top: 0;     font-size: 24px; margin-bottom: 10px;    font-weight: bold; }
.bo-bl { font-weight: bold; color: #007bd1; }
.border-dash { font-size: 16px !important; padding: 20px 0; margin-top: 30px; font-weight: normal !important; }
.unica-affiliate-block-3 { background: #064563; padding: 30px 0; text-align: center; color: #fff }
.unica-affiliate-block-3 p { font-size: 24px; font-weight: bold;  padding-bottom: 20px; }
.unica-affiliate-block-3 span { padding-top: 20px; display: block; font-size: 16px; line-height: 1.8em;}
.unica-affiliate-block-4 { background: #fff; padding: 30px 0; text-align: center; color: #000 }
.unica-affiliate-block-4 p { font-size: 24px; font-weight: bold;  padding-bottom: 20px; }
.col-3-steps-aff { width: 100%; margin: 0 auto; }
.col-3-steps-aff ul li { display: inline-block; text-align: center; margin: 20px 10px; width: 30%; }
.inner-col-steps-aff img { display: block; margin: 10px 0; }
.inner-col-steps-aff p { color: #fc7d00; font-weight: bold; font-size: 18px; }
.inner-col-steps-aff span { font-size: 16px;line-height: 1.8em;}
.unica-affiliate-block-5 { background: #006493; padding: 30px 0; text-align: center; color: #fff }
.unica-affiliate-block-5 p { font-size: 24px; font-weight: bold; padding-bottom: 20px; }
.unica-affiliate-block-5 span { padding-top: 20px; display: block; font-size: 16px;     width: 70%;    margin: 0 auto;line-height: 1.8em;}
.unica-affiliate-block-6 { background: #fff; padding: 30px 0; color: #000 }
.unica-affiliate-block-6 span { text-align: left; display: block; float: left; width: 40px; height: 40px; color: #fff; background: #0094cb; padding: 8px 16px; margin-right: 10px; border-radius: 25px; font-weight: bold; }
.unica-affiliate-block-6 h3 { font-size: 24px; font-weight: bold; padding-bottom: 20px; text-align: center }
.unica-affiliate-block-6 p { font-size: 14px;    margin: 7px 0px; }
.unica-affiliate-block-6 ul li { line-height: 25px; display: inline-block; width: 100%; margin: 10px 0; }
.unica-affiliate-block-7 { background-image: url(../img/af-bg.jpg);  height: 300px; position: relative; text-align: center; background-size: cover; padding: 50px 0; color: #fff; background-position: center; }
.unica-affiliate-block-7 h3 { font-size: 24px; font-weight: bold; padding-bottom: 20px; text-align: center ;}
.unica-affiliate-block-7 a { background: #f26c4f; color: #fff; padding: 10px 30px; margin: 20px 0; border-radius: 4px; font-size: 24px; font-weight: bold; display: inline-block; }
.unica-affiliate-block-7 a:hover { opacity: .8; }
.unica-affiliate-block-7 p {font-size: 24px; padding-bottom: 20px; text-align: center }

/*

          ==============================================================
                   Unica About Css
          ==============================================================
*/

.unica-about-block-1 {  background-image: url(../img/bg-ab.jpg);  height: 400px; position: relative; text-align: center; background-size: cover; padding: 80px 0; color: #fff; background-position: center; }
.unica-about-block-1 p { font-size: 24px; font-weight: bold; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); margin-bottom: 30px; }
.unica-about-block-1 h3 {  font-size: 48px;  font-weight: bold;  line-height: 1.2;  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); margin-bottom: 30px; }
.unica-about-block-1 span { font-size: 58px; text-transform: uppercase; font-weight: bold; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);  }
.unica-about-block-2 { margin: 20px 0; }
.unica-about-block-2 p { font-size: 24px; font-weight: bold; text-align: center;margin: 20px 0; text-transform: uppercase; }
.unica-about-block-2 span { text-align: center; margin-bottom: 10px; display: block; font-size: 18px; text-align: center; }
.unica-about-block-3 { background: #eee; padding: 60px 0; text-align: center; color: #333; display: inline-block; width: 100%; }
.unica-about-block-3 ul li { width: 25%; float: left;display: inline; }
.unica-about-block-3 p { font-size: 40px; font-weight: bold; }
.unica-about-block-3 span { font-size: 18px; }
.bd-u-ab { border: 3px solid #f26c4f;    width: 50px;    display: block;    margin: 0 auto; }
.unica-about-block-4 p { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px; text-transform: uppercase; }
.unica-about-block-4 { display: inline-block; width: 100%; margin: 20px 0; }
.unica-about-block-4 ul { margin-top: 20px;display: inline-block;width: 100%; }
.unica-about-block-4 ul li { width: 20%; float: left;display: inline; text-align: center; }
.unica-about-block-4 span { margin: 20px 0; display: block;  font-size: 18px; }
.unica-about-block-5 { background: #eee; padding: 20px 0; text-align: center; color: #333 }
.unica-about-block-5 h3 { font-size: 24px; font-weight: bold ; text-align: center; margin: 20px 0;  text-transform: uppercase;}
.unica-about-block-5 ul li { width: 33%; float: left; display: inline; }
.unica-about-block-5 .img-hv-ab img { width: 50%; border-radius: 200px; margin: 0 auto; border: 2px solid #fff }
.unica-about-block-5 p { font-weight: bold; font-size: 16px; margin: 10px 0; display: block;  }
.unica-about-block-5 span { font-size: 14px; margin-top: 20px; display: block; width: 90%; margin: 0 auto }
.unica-about-block-6 { margin: 20px 0; display: inline-block; width: 100%; text-align: center; }
.unica-about-block-6 h3 { font-weight: bold; font-size: 24px; text-align: center; margin-bottom: 20px;  text-transform: uppercase;}
.unica-about-block-6 span { text-align: center; margin-bottom: 20px; display: block; }
.unica-about-block-6 ul li { display: inline;float: left; width: 24%; margin: 0 5px; }
.box-about-bot { border: 1px solid #d7d7d7 ; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15); padding: 10px; min-height: 350px; }
.box-about-bot span { font-size: 16px; font-weight: bold; }
.box-about-bot p { margin: 10px 0; }
.box-about-bot a { background: #00aeef; color: #fff; font-weight: bold; text-align: center; padding: 10px 20px; border-radius: 3px; margin-top: 30px; display: inline-block; min-width: 150px; }
.box-about-bot a:hover { background: #036b92; }
.img-about-bot { margin: 10px 0; }
.unica-about-block-7 { background: #1e71a6; padding-top: 20px; color: #fff; }
.unica-about-block-7 img {  margin-bottom: -4px;}
.block-about-left { text-align: center; margin: 0 auto; width: 100%; margin-bottom: 4px; display: inline-block; }
.block-about-right h3 { font-size: 32px; font-weight: bold; }
.block-about-right p { margin: 20px 0; }
.block-about-right ul li { float: left; width: 45%; line-height: 27px; }
.block-about-right a { margin: 10px 10px 10px 0; display: inline-block; }

/*

          ==============================================================
                   Unica Word Hot Search
          ==============================================================
*/

.word-hot-search .content{ position: absolute;top: 85%;z-index: 100;width: 90%;}
.word-hot-search .modal-content{ border-radius: 0px; }
.word-hot-search .modal-content .modal-body p{ padding: 8px 15px; }
.word-hot-search .modal-content .modal-body p:hover{ background: #D3EFFF;cursor: pointer ;}




/*

          ==============================================================
                   Unica FAQ Css
          ==============================================================
*/
.page-subheader__inner {    background-image: url(/uploadmydang/banner-132.jpg);    background-repeat: no-repeat;    height: 250px;}
.page-subheader__container {    width: 60%; margin: 0 auto;}
.page-subheader__title {    font-weight: 300;    font-size: 38px;    line-height: 46px;       margin-bottom: 40px; padding-top: 30px;}
.list__item a:hover { color: #f26c4f; }
.search--subheader .search__input {    border-radius: 10px;    padding: 12px 20px 14px; width: 100%;     background-color: rgba(255, 255, 255, 0.85); font-size: 22px;
    -webkit-appearance: none;    outline: none;    border: 1px solid transparent;}
.page-main {    background-color: #f8f9fa;}
.page-main__inner {    min-height: 600px;    background-color: #fff;}
.page-content--single, .page-content--single-wide {    padding-top: 20px;    padding-bottom: 176px;}
.page-title, .search-title, .block--blurb .block__title, .block--post .block__title {    font-size: 36px;    line-height: 31px;    font-weight: bold;    color: #32373b;        margin-bottom: 32px; }
.three--default {    border-bottom: 1px solid #f3f4f5;}
.three--default {    margin-bottom: 24px; display: inline-block; width: 100%;}
.three--default.three--last {    border-bottom: none;    margin-bottom: 0;}
.three--default .three__item {    padding-bottom: 32px;}
.three__item {    width: 50%;    float: left;}
.block {    margin: 0 0 20px 0;}
.block__body ol li { list-style: decimal; }
.block--linklist .block__title {    font-weight: 300;}
.block__title {    margin-bottom: 26px;}
.block--linklist .block__body {    padding-right: 24px; font-size: 14px;}
.block__title-link {    color: black;    font-size: 30px;}
.list {    list-style-type: none;    line-height: normal;}
.list--small .list__item {    margin-bottom: 12px;}
.list--small .list__link {    color: #5b5f62;}
.box-faq-new { margin: 20px 0; padding: 20px; background: #f8f9fa; border-radius: 5px; }
.toolbar { border-bottom: 1px solid #e7e7e7; padding-top: 21px; padding-bottom: 22px;}
.two__item {   float: left;}
.breadcrumbs--toolbar {    line-height: 33px;    height: 33px;    font-size: 15px;}
.breadcrumbs__item {    float: left;}
.breadcrumbs__link {    color: #5b5f62;}
.breadcrumbs__item:after { content: '»'; color: #b4b8b7; font-size: 20px;line-height: inherit; margin-left: 10px; margin-right: 10px; float: right;}
.clearfix:after, .three:after, .two:after, .four:after, .page--faq .rich-text p:after, .page--faq .rich-text ul:after, .page--faq .rich-text ol:after, .page--faq .rich-text div:after, .sitenav:after, .block:after, .toolbar:after, .breadcrumbs:after, .two--social:after, .section:after, .side:after {
    display: table;
    clear: both;
    content: " ";
}
.breadcrumbs__item:last-of-type:after {    content: '';    display: none}

/*

          ==============================================================
                   Unica ChiĂ¡ÂºÂ¿n DĂ¡Â»â€¹ch Css
          ==============================================================
*/
.banner-cd-cate { margin-top: 10px; }
.banner-cd-cate ul li { width: 24%; display: inline; float: left; margin: 5px; }
.title-block-cd p { text-align: center; margin: 10px 0; background: #ff6600; color: #fff; font-size: 20px; font-weight: bold; text-transform: uppercase; display: inline-block; border-radius: 30px; padding: 20px 30px; }
.u-search-box { text-align: center; }
.u-search-box .input-group { display: inline-block; width: 100%; }
.u-search-box p { font-size: 24px; margin-bottom: 20px; font-weight: bold; }
.box-search-cd { padding: 30px 0; }
.unica-search-cd { width: 100%; position: relative; display: inline-block; padding: 0; }
.unica-btn-search-box-cd {     position: absolute;    right: 1px;    top: 1px;    background: #f26c4f;    color: #fff;    font-size: 20px;    padding: 9px 20px;    z-index: 9; }

/*

          ==============================================================
                   Unica 404 Css
          ==============================================================
*/


.u-search-box-404 { text-align: center; }
.u-search-box-404 .input-group { display: inline-block; width: 50%; }
.u-search-box-404 p { font-size: 24px; margin-bottom: 20px; font-weight: bold; }
.search_btn a { font-size: 24px; }



/*

          ==============================================================
                   Unica BLOG Css
          ==============================================================
*/
.blog_content { background: #fff; padding: 15px; border-radius: 5px; margin-top: 10px; text-align: justify; font-size: 15px; }
.blog_content span { font-size: 14px !important; line-height: 25px; }
.blog_content p { margin: 10px 0 !important;  line-height: 26px;}
.blog_content ol { margin-left: 20px; list-style: disc; }
.unica-blog { display: inline-block; width: 100%; margin: 10px 0; }
.unica-blog h3 { font-weight: bold; font-size: 24px; margin-bottom: 10px; }
.blog-big-slide ul li { position: relative; }
.caption-blog { color: #fff; position: absolute; bottom: 0; left: 0; padding-left: 13px;  background: linear-gradient(to bottom, rgba(25, 35, 45, 0) 0%, rgba(25, 35, 45, 1) 100%); width: 100% }
.caption-blog p { font-size: 18px; font-weight: bold; margin: 10px 0; text-shadow: 0px 1px 1px #000; }
.caption-blog span { margin-right: 20px; text-shadow: 0px 1px 1px #000; }
.blog-big-slide img { border-radius: 3px;  border: 1px solid #b7b7b7; display: block; width: 100%; max-height: 341px; }
.u-blog-sm-box img { border-radius: 3px;  border: 1px solid #b7b7b7; max-height: 164px; width: 100%;}
.u-blog-sm-box li { position: relative; }
.u-blog-sm-box ul li { margin-bottom: 12px; }
.u-blog-sm-box .caption-blog p { font-size: 13px; }
.u-blog-sm-box .caption-blog { position: absolute; bottom: 0; left: 0; }
.box-news-inner { display: inline-block; }
.box-news-inner-cate { display: inline-block; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-top: 15px; }
.u-box-news-big4 { border: 1px solid #b7b7b7; display: inline-block; border-radius: 3px; margin-bottom: 10px; padding-bottom: 10px; }
.u-box-news-big4 h3 {font-weight: bold; background: #f6f7f9; padding: 10px; border-bottom: 1px solid #b7b7b7; color: #4b4f56; }
.box-big-news-inner { padding: 0px 10px; display: inline-block; width: 100%; }
.box-big-news-inner a { font-weight: bold; margin: 10px 0 10px 0; display: block; }
.box-big-news-inner a:hover { color: #f26c4f; }
.box-big-news-inner span { display: block; float: left; margin-right: 20px; }
.img-blog-news {margin-left: 10px; width: 25%}
.img-blog-news img { min-height: 120px; max-height: 120px; width: 100%; }
.box-news-mini { width: 72%; }
.box-news-mini a { color: #000; }
.box-news-mini p { margin: 10px; }
.box-news-mini ul li { margin-bottom: 18.5px; display: inline-block; }
.box-news-mini img { float: left; margin-right: 10px; width: 20%; min-height: 50px; max-height: 50px; }
.box-news-mini a:hover { color: #f26c4f; }

.box-cate-blogs { display: inline-block; width: 100%; border-radius: 3px; margin-bottom: 10px; }
.box-cate-blogs h3,.box-cate-blogs .title_h3_sidebar_blog{display: block;padding: 10px 0;margin: 0 10px;color: #333;border-bottom: 1px solid #cecece;margin-top: 0px;font-size: 24px;font-weight: 600;}
.box-cate-blogs ul { padding-bottom: 10px; }
.box-cate-blogs ul li { padding: 10px 10px 5px 10px; list-style: none; }
.box-cate-blogs a {  padding: 0 10px; display: inline-block; width: 100%; color: #000; }
.box-cate-blogs a:hover { color: #f26c4f; }
.box-cate-list-blogs { display: inline-block; border-radius: 5px; background: #fff; margin: 0 10px; border: 1px solid #efefef; }
.box-cate-list-blogs img { width: 30%; float: left; }
.box-cate-list-blogs h3 { padding: 10px; color: #333; border-bottom: 1px solid #cecece; margin-top: 0; }
.box-cate-list-blogs ul { padding: 10px; }
.box-cate-list-blogs ul li { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; display: inline-block; }
.box-cate-list-blogs ul li:last-child { border: none; padding: 0; margin: 0;}
.box-cate-list-blogs a { margin-right: 5px; color: #333; }
.box-cate-list-blogs a:hover {color: #f26c4f; }
.box-cate-list-blogs p { width: 68%; float: right; }
.title_h3_sidebar_blog_hot {padding: 10px;font-weight: bold;}
.related-post .teacher-avatar { position: relative; padding: 0 30px; width: 100%; right: 120px; height: 0; pointer-events: none;}
.related-post .teacher-avatar img{ border-radius: 50%; width: 60px; height: 60px; pointer-events: all; transform: translateY(-50%);}
.related-post .post-detail{ margin:40px 25px; display: flex; flex-direction: column; gap: 25px}
.related-post .post-detail .post-name a{ font-weight: 700; font-size: 20px; color: black;}
.related-post .post-detail .post-description{font-size: 16px; text-align: justify;}
.related-post .post-detail .read-more{ text-align: left; font-weight: bold; font-size: 14px; color: #4462ac; text-transform: uppercase;}
.related-post .category{ top: 10px; position: absolute; right: 10px; color: white; background-color: #4462ac; padding: 7px; font-size: 10px; border-radius: 10px;}

.unica-blog-list { margin-top: 10px; }
.u-main-blogs { border: 1px solid #ccc; padding: 15px; }
.u-main-blogs h3 { font-size: 24px; font-weight: bold; }
.u-main-blogs span { margin-right: 20px; }
.u-main-blogs img { margin: 10px 0; }
.u-main-blogs p { margin: 10px 0; }
.more-blogs { margin-top: 50px; }
.more-blogs h4 { font-size: 22px; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.more-blogs ul { margin-top: 10px; }
.more-blogs ul li { line-height: 25px;  }
.more-blogs a:hover { color: #f26c4f; }
.box-course-relate { border: 1px solid #efefef; background: #fff; border-radius: 5px;}
.box-course-relate a { font-weight: bold; padding: 0; }
.img-course-relate img { border-radius: 5px 5px 0 0; }
.title-course-relate { margin: 10px; }

.teacher-course-relate { margin: 5px 10px; }
.teacher-course-relate p { font-size: 12px; color: #999999; }
.teacher-course-relate span { float: right; width: 51%; text-align: right; }
.price-course-relate { display: inline-block;width: 100%;  padding: 5px 0 10px 0; }
.price-course-relate .price-a { float: left; font-weight: bold; font-size: 16px; margin-right: 10px; }
.price-course-relate .price-b { float: left; margin-right: 10px; }


/*

          ==============================================================
                   Unica Membership Css
          ==============================================================
*/
.u-membership-block-1 {    background: url(../images_v2018/membership/bg-mbs.jpg) repeat; padding: 30px 0; color: #fff; text-align: center; background-size: cover;}
.u-membership-block-1 h3 { font-size:  36px; font-weight: bold; line-height: 50px;}
.u-membership-block-1 p { font-size: 36px;  margin: 20px 0}
.u-membership-block-1 strong { font-weight: bold; }
.u-membership-block-1 sup { font-size: 20px; }
.u-membership-block-1 span { font-size: 16px; font-weight: bold; line-height: 25px; margin-bottom: 40px; display: block; }
.u-membership-block-1 h4 { font-size: 20px; font-weight: bold; }
.u-membership-block-2 { text-align: center; padding: 30px 0; background-image: url(../images_v2018/membership/bg-spirites.jpg);}
.u-membership-block-2 img { margin: 0 auto }
.u-membership-block-2 h3 { font-weight: bold; font-size: 36px; margin-bottom: 20px; display: block;  text-transform: uppercase; }
.u-membership-block-2 p { margin-top: 10px; font-weight: bold; }
/*.u-membership-block-3 {    background: url(../images_v2018/membership/bg-mbs-2.jpg) repeat; color: #fff; text-align: center; background-size: cover; }*/
.u-membership-block-3 {    background: url(../images_v2018/membership/bg-spirites.jpg) repeat; color: #333; text-align: center;}
.u-membership-block-3 h3 { text-align: left; color: #333; font-size: 36px; font-weight: bold; text-transform: uppercase; margin-top: 30px; }
.u-membership-block-3 ul { text-align: left; }
.u-membership-block-3 ul li { font-size: 18px; margin: 25px 0; line-height: 25px;}
.u-membership-block-3 span { border-radius: 100%;    padding: 1px 8px 2px 7px;    color: #1daae2;    background: #fff;    border: 1px solid #ccc;    font-weight: bold;    margin: 10px 10px 10px 0;}
.u-membership-block-3 img { margin-bottom: -4px; margin-top: 12px; }
.u-membership-block-4 { padding: 30px 0; background: url(../images_v2018/membership/bg-mbs-3.jpg) repeat; color: #fff; background-size: cover}
.u-membership-block-4 #clockdiv {   color: #fff;    display: inline-block;  font-weight: 100;   text-align: center; font-size: 30px;}
.u-membership-block-4 #clockdiv > div{  padding: 10px;  border-radius: 3px; background: #c01d00;    display: inline-block; width: 78px;}
.u-membership-block-4 #clockdiv div > span{ padding: 15px 15px 10px;    border-radius: 3px; background: #821700;    display: inline-block; width: 62px; font-size: 26px;}
.u-membership-block-4 .smalltext {font-size: 16px; margin-top: 5px;}
.u-membership-block-4 h3 { text-align: center; font-weight: bold; font-size: 26px; text-transform: uppercase;}
.u-newpage-block-4 #clockdiv {  color: #fff;    display: inline-block;  font-weight: 100;   text-align: center; font-size: 30px;}
.u-newpage-block-4 #clockdiv > div{ padding: 10px;  border-radius: 3px; background: #c01d00;    display: inline-block; width: 78px;}
.u-newpage-block-4 #clockdiv div > span{    padding: 15px 15px 10px;    border-radius: 3px; background: #821700;    display: inline-block; width: 62px; font-size: 26px;}
.u-newpage-block-4 .smalltext {font-size: 16px; margin-top: 5px;}
.u-newpage-block-4 h3 { text-align: center; font-weight: bold; font-size: 36px; text-transform: uppercase; margin-bottom: 20px; }
.u-membership-block-4 select {font-size: 15px; height: 45px;}
.u-membership-block-4 input {font-size: 15px; height: 45px;}
.block-uudai { text-align: center; }
.block-uudai-price { padding: 20px; background: #ed1c24; border-radius: 5px; display: inline-block; width: 80%; }
.price-u-left { font-weight: bold; text-decoration: line-through; font-size: 45px; color: #fff; width: 60%; float: left; margin-top: 10px; }
.price-u-left sup { font-size: 20px }
.price-u-right { color: #ed1c24; font-size: 28px; text-align: center; width: 40%; float: left; background: #fff; border-radius: 5px; }
.price-u-right span { font-weight: bold; font-size: 28px; }
.price-u-right sup { font-size: 18px }
.block-uudai-time { margin: 20px 0; }
.block-uudai-time p { font-size: 24px; margin: 40px 0 30px; display: block; }
.block-mbs-form { border-radius: 5px; padding: 15px; }
.block-mbs-form p { text-align: center; }
.block-mbs-form strong { font-weight: bold; }
.block-mbs-form label { font-weight: bold;  }
.block-mbs-form input { margin: 5px 0; }
.block-mbs-form form { margin-top: 20px; }
.block-mbs-form button {margin-top: 5px; outline:none; border:none; color: #fff; text-transform: uppercase; padding: 10px 20px; display: inline-block; border-radius: 5px; background: #ed1c24; font-weight: bold; transition: 0.5s; width: 100%; font-size: 24px;}
.block-mbs-form button:hover { background: #b71219 }
.u-membership-block-5 { background-image: url(../images_v2018/membership/bg-spirites.jpg); padding: 30px 0; color: #000; }
.u-membership-block-5 h3 { font-size: 26px; font-weight: bold; text-transform: uppercase; text-align: center; }
.u-membership-block-5 ul { margin-top: 0px; }
.u-membership-block-5 ul li { margin: 10px 0; line-height: 25px; }
.u-membership-block-5 p { display: inline-block; width: 100%; text-align: center; margin-top: 30px; color: #f00; font-weight: bold; }
.u-membership-block-6 { background:url(../images_v2018/membership/bg-mbs-4.jpg) repeat; padding: 30px 0; color: #000; background-size: cover;text-align: center;}
.u-membership-block-6 h3 { font-size: 36px; font-weight: bold; text-transform: uppercase; }
.u-membership-block-6 p { margin: 30px 0; font-size: 16px; }
.u-membership-block-6 a { background: #ed1c24; font-size: 20px; text-transform: uppercase; text-align: center; padding: 10px 40px; border-radius: 5px; color: #fff;  margin: 20px 0; display: inline-block; font-weight: bold; transition: 0.5s }
.u-membership-block-6 a:hover { background: #b71219 }
.success_flash {color: green; font-size: 14px; font-weight: 600}
.error_flash {color: red; font-size: 14px; font-weight: 600}

/*

          ==============================================================
                   Unica addcourse style
          ==============================================================
*/

.contentCourse{margin:15px 0 15px 0;float: left;width: 100%;}
.contentCourse .course-style .box-pop{margin-left: 0; margin-bottom: 10px;position: relative;}
.contentCourse .course-padding .form-group{margin-top:15px;}
.contentCourse .course-padding label{margin-bottom:10px;}
.load-boxcourse .course-box-slider{width: 100%; height: auto; margin:0;min-height: 345px; max-height: 345px; border-radius: 4px;}
.load-boxcourse {margin-top: 15px;}
.course-style .box-pop button {position: absolute;top:10; right: 0; background: #a94442; z-index: 999;width: 30px; height: 30px;opacity: 1;color:#fff;}
.load-boxcourse .des-gv{min-height: 53px; max-height: 53px;overflow: hidden;text-align: justify;}
.course-style .title-course {font-weight: bold;min-height: 38px;max-height: 38px;overflow: hidden;}
.contentCourse .input-group-btn button{height: 34px;}
#adv-search input{font-style:italic;font-size: 12px;}
.contentCourse .form-horizontal .form-group{margin:0;}
.contentCourse .form-horizontal label{margin-top:10px;margin-bottom: 10px;}
.contentCourse .form-horizontal button{margin-top:15px;}
#adv-search .has-error{border:1px solid #a94442;}
.with-errors{color:#a94442;font-style: italic;}
/*

          ==============================================================
                   Unica Membership - NĂ¡ÂºÂ¡p ThĂ¡ÂºÂ» Css
          ==============================================================
*/



.u-membership-block-napthe {background: url(../images_v2018/membership/bg-mbs.jpg) repeat; padding: 30px 0; color: #fff; text-align: center; background-size: cover; background-position: center; }
.u-membership-block-napthe h3 { font-size:  36px; font-weight: bold; }
.u-membership-block-napthe p { font-size: 16px; margin-bottom: 20px;}
.u-membership-block-napthe span { font-size: 14px; line-height: 25px; margin: 20px 0; display: block;  text-align: center;}
.block-napthe p, .block-napthe span {color: #fff}
.block-napthe .help-block {color: #FFEB3B !important}
.block-napthe { border-radius: 5px; background: transparent; color: #000; padding: 30px; margin: 0 auto; width: 80%; }
.block-napthe .form-control {text-align: center; height: 50px;  font-size: 30px; font-weight: bold; padding: 10px 20px; border-color: #166e19;}
.block-napthe button {margin-top: 5px; height: 50px; padding: 10px 40px; color: #fff; background: #ed1c24; font-size: 21px; text-transform: uppercase; font-weight: bold; border: 0;}
.block-napthe button:hover {background: #f00; color: #fff }
.block-ttthe { border-radius: 5px; background: #fff; color: #000; padding: 30px; margin: 0 auto; width: 80%; text-align: left; }
.block-ttthe p { font-size: 14px; display: inline-block; margin-right: 50px; }
.block-ttthe i { width: 30px; text-align: center; }
.block-ttthe .fh { font-size: 20px; }
.block-ttthe sup { font-size: 10px; }
.block-ttthe strong { font-weight: bold; }

/*

          ==============================================================
                   Unica Other Css
          ==============================================================
*/
#content ul li { margin-left: 20px; }
.top-title-2 span { margin-right: 5px; }
.uct-more-info { width: 55%; }


/*

          ==============================================================
                   Unica Group Css
          ==============================================================
*/
.db-group { padding: 0px 0 0 0; }
.db-group p {   margin-bottom: 30px; border-bottom: 1px solid #fff; width: 100%; padding-bottom: 5px; font-size: 20px; }
.box-ulti-group { margin-bottom: 30px; display: inline-block; }
.box-ulti-group img { border: 3px solid #fff; border-radius: 100%; float: left; width: 15%; height: 170px; }
.box-ulti-group p { font-size: 14px; font-weight: normal; border: none; margin-bottom: 0px; }
.box-ulti-group ul { float: left; width: 83%; margin-left: 10px;}
.u-group-box-lg { border: 1px solid #ccc; border-radius: 5px; padding: 10px; margin: 15px 0; display: inline-block; background: #fff; width: 100%; }
.u-group-box-lg p { font-weight: bold; margin-bottom: 5px; }
.ugb-lg-box { border: 1px solid #ccc; border-radius: 5px; width: 100%; margin-bottom: 12px;}
.ugb-block-img { position: relative; }
.ugb-block-img::after {  display: block;  position: relative;  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);  margin-top: -150px;  height: 150px;  width: 100%;  content: '';}
.ugb-block-img p { position: absolute; bottom: 5px; left: 10px; color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35); z-index: 2;}
.ugb-block-txt span { color: #f00; font-size: 20px; font-weight: bold; }
.ugb-block-txt sup { font-size: 12px; }
.ugb-block-txt p { margin-top: 5px; }
.ugb-block-txt a { float: right; border: 1px solid #ccc; padding: 3px 15px; border-radius: 5px; transition: 0.5s }
.ugb-block-txt a:hover { color: #fff; background: #428bca; }
.ugb-block-txt i { margin-right: 3px; }
.u-group-box-course { border: 1px solid #ccc; padding: 10px; background: #fff; border-radius: 3px; margin-top: 15px;}
.u-group-box-course section { display: inline-block; width: 100%; position: relative;  }
.u-group-box-course p { font-weight: bold; margin: 10px 0; }
.u-group-box-course .course-box-slider {min-height: 320px; margin-left: 0px; width: 100%; }
.last-li { display: inline-block; position: absolute; top: 44%; right: 20px; }
.last-li i { font-size: 60px; display: block; text-align: center; }
.last-li a { transition: 0.5s }
.last-li a:hover { color: #00427b }
.des-course-g { font-size: 12px; color: #3a3a3a; display: inline-block; width: 100%; font-weight: bold; }
.des-course-g i { margin-right: 5px; }
.des-course-g p { float: left; }
.des-course-g span { float: right; margin-top: 10px; }
.u-group-box-user-edit {    border: 1px solid #ccc;    padding: 10px;    background: #fff;    border-radius: 3px; margin: 15px 0;}
.u-group-box-user-edit p { font-weight: bold; }
.u-group-box-user-edit ul li {  border: 1px solid #ccc;    padding: 10px;    background: #fff;    border-radius: 3px; display: inline-block; width: 100%; margin-bottom: 10px; }
.list-member img { float: left; border-radius: 100% ; border: 1px solid #ccc; margin-right: 10px; }
.list-member p { float: left;  margin-right: 10px;}
.list-member span { font-size: 10px; padding: 1px 5px; border-radius: 3px; background: #0054a6; color: #fff; text-transform: uppercase; font-weight: bold; }
.list-member .btn-group { float: right; margin-right: 10px; }
.list-member .btn-group ul li { border: none; padding: 0; }
.list-member button { padding: 3px 12px; }
.userbg { background: #00aeef !important; }
.pdl-0 { padding-left: 0; }
.u-group-box-user-list {   border: 1px solid #ccc;    padding: 10px;    background: #fff;    border-radius: 3px; margin-top: 15px; }
.u-group-box-user-list h4 { font-weight: bold; display: inline-block; width: 100%; }
.u-group-box-user-list .form-group a { border: none; background: none; font-size: 18px; margin: 5px; padding: 0; }
.u-group-box-user-list span { font-size: 13px; color: #575757; display: block; margin: 5px 0; }
.u-group-box-user-list h5 { float: left; font-weight: bold; }
.u-group-box-user-list h6 { float: right; font-size: 13px; }
.u-group-box-user-list ul { display: inline-block; margin-top: 5px; }
.u-group-box-user-list ul li { float: left; margin-right: 5px; }
.u-group-box-user-list img { border-radius: 100%; }
.u-group-box-user-list p { font-size: 13px; margin: 5px 0; }
.u-group-box-user-list a { color: #000; font-weight: bold; border: 1px solid #ccc; padding: 2px 15px; border-radius: 10px; background: #e1e1e1; display: inline-block; margin-right: 5px; font-size: 12px; margin-top: 5px; }
.f-sm { width: 90%; float: left; height: 25px; border-radius: 3px; margin: 5px 0; font-size: 12px;}
.group-block { display: block; }
.ugb-lg-box:last-child { margin: 0;  }
.img-group{width: 100%;height: 100px;}
.txt-name-group,.txt-admin-group,.txt-user-group,.txt-time-group,.txt-btn-group{vertical-align: middle !important;line-height: 35px;}
.list-user-search{position: absolute;top: 30px;}



/*thuantv-slider*/
.container-slider { width: 97%; margin: 0 auto }
.owl-theme .owl-nav.disabled+.owl-dots {    position: absolute;    bottom: 1px;    left: 0;    right: 0;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #f26c50 !important; }
.owl-theme .owl-dots .owl-dot span { border: 1px solid #fff; width: 14px !important; height: 14px !important; background: transparent !important;     box-shadow: 1px 1px #6969696b; }
.owl-carousel .owl-item img {width: 89%;    display: block;   width: 100%;    height: 400px;   object-fit: none;    max-width: 100%; margin-left: 94px;}
.slider-new { position: relative; height: 380px; background: #f5f5f5; margin: 20px 0 30px 0;}
.slider-new .carousel { overflow: hidden; min-width: 235px;}
.slider-new .col-lg-9 {padding: 0;}
/*-.slider-new .banner-right-new {  padding-right: 0; }-*/
.carousel-control { display: none;}
.carousel-indicators li { width: 15px; height: 15px; }
.carousel-indicators .active { width: 16px; height: 16px; background: #f26c4f; }
/*-.menu-new { position: absolute; z-index: 8;height:400px; }-*/
.menu-container {    width:100%;    margin: 0 auto;    padding: 20px 0;}
.menu { min-width: 235px; line-height: 15px; position: relative; padding: 0px 0 0 4px; margin: 0; border-radius: 5px; background-color: #fff; box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);}
.menu a, .menu a:link, .menu a:visited, .menu a:focus, .menu span {    color: #000;    text-decoration: none;}
.menu a:hover {    color: #227087;    text-decoration: none;}
.menu i { margin-right: 7px; width: 20px; text-align: center;}
.menu > li {    display: block;    text-align: center;    margin-left: -4px;    }
.menu > li > a { padding: 8px; display: block; text-align: left; height: 30px;}
.menu > li:hover > a {    color: #000; background: #f7f7f7;}
.menu > li:hover {    background-color: #fff;}
/* Megadrop width dropdown */
.menu > li > .megadrop {    opacity: 0;    visibility: hidden;    position: absolute;    list-style: none;    top: 0px;    left: 263px;    width: 100%;    min-height: 100%;    text-align: left;    margin-top:30px;    padding: 0;    z-index: 99;
    overflow: hidden;     background: #fff;}
.menu > li:hover .megadrop {    opacity: 1;    visibility: visible;    margin-top: 0px;}
.menu ul li:hover:after {    color: #227087;}
.menu .col {    width: 100%;    float: left;    color:white;    margin: 0 0 0 1%;}
.menu .col ul {    padding: 0;    margin: 0;}
.menu .col ul li {    padding: 0;    list-style: none;    font-size: 13px;}
.menu .col h3 {    font-size: 16px;    padding: 10px;    font-weight: bold;    margin: 5px 0 5px 0;    color: #f26c50;    background: #eee;}
.menu .col ul li a {    display: block;    padding: 8px 0px 7px 10px}
.menu .col ul li a:hover {    color: #111;    /*text-decoration: underline; */ background: #f7f7f7;}
.menu > li > ul li ul, .menu li >ul li, .menu > li > .megadrop, .menu > li > ul, .menu > li {    transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -webkit-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out; }
.carousel-caption { top: 40%; font-size: 30px; font-weight: bold; }
.new-home { float: none; }
.pd-new-home { margin: 0px 63px 0 15px !important; }
.pd-new-home a {display:block;width: 138px;height: 33px;background: url('https://unica.vn/media/img/logo-unica.svg') no-repeat left top; }
/*.pd-new-home a {display:block;width: 138px;height: 33px;background: url('https://unica.vn/img_tet/logo-unica-tet.png') no-repeat left top; }*/
.pd-new-home span,.logo-mobile span , .pd-new-home h1,.logo-mobile h1 {display:none;}
.owl-carousel .owl-next i { top: 2%; position: absolute; font-size: 16px !important; right: 0; width: 30px; height: 30px; text-align: center; line-height: 33px; color: #fff; background: #000; border-color: #000; opacity: 0.4; border-radius: 5px 0 0 5px;}
.owl-carousel .owl-prev i { top: 2%; position: absolute; font-size: 16px !important; left: 1px; width: 30px; height: 30px;  text-align: center; line-height: 33px;  color: #fff;  background: #000;  border-color: #000;  opacity: 0.5; border-radius:  0px 5px 5px 0px;}
.owl-carousel:hover .owl-next i, .owl-carousel:hover .owl-prev i {  color: #fff;  border:none;  opacity: 1;  background: #3e4b6b;}
.bg-tab-home { background-image: url(../img/c8.png);}
.bg-tab-pro { background-image: url(../img/c7.png); }
.bg-tab-mt { background-image: url(../img/c6.png); }
.bg-tab-cb { background-image: url(../img/c5.png); }
.box-item { float: left;  width: 100%;}
.u-box-lt { height: 115px;    position: relative;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    background-position: center; }
.u-box-lt {      height: 75px;    position: relative;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    background-position: center;}
.unica-learn-today a { font-size: 17px; }
.unica-learn-today .nav-tabs > li { display: inline-block; }
.unica-learn-today .nav-tabs > li > a { width: 100%; color: #fff;  margin-bottom: 20px; border-radius: 5px; border: none; padding: 43px 0; font-weight: bold; }
.unica-learn-today .nav-tabs > li.active > a { color: #333; font-weight: bold; }
.unica-learn-today .nav-tabs { border: none; text-align: center; }
.box-pop3 { float: left; }
.box-pop3 .course-box-slider { width: 444px; position: relative; }
/*-.box-pop3 .course-box-slider { position: relative; width: 100%; margin-bottom: 10px; border: 1px solid #ccc; }-*/


.box-pop3 .big-discount {font-size: 20px; right: 5px; left: unset; }
.img-course { position: relative; }
.big-discount { position: absolute; padding: 3px;opacity: 0.8; color: #fff; background: #f00; top: 5px; right: 5px; border-radius: 5px; font-size: 14px; font-weight: bold;}
/* Style the tab */
.tab {  overflow: hidden;  border: 1px solid #ccc;  background-color: #f1f1f1;}
/* Style the buttons inside the tab */
.tab button {  background-color: inherit;  float: left;  border: none;  outline: none;  cursor: pointer;  padding: 14px 16px;  transition: 0.3s;  font-size: 17px;}
/* Change background color of buttons on hover */
.tab button:hover {  background-color: #ddd;}
/* Create an active/current tablink class */
.tab button.active {  background-color: #ccc;}
/* Style the tab content */
.tabcontent {  padding: 6px 12px;}

.unica-learn-today .nav-tabs > li > a {
    color: #fff;
    margin-bottom: 20px !important;
    border-radius: 5px;
    border: none;
    padding: 43px 0 !important;
    font-weight: bold;
}


/*
          ==============================================================
                   Unica Detail NEW 25-3 Course Css
          ==============================================================
*/

.find-out-logo { padding: 20px 10px ; border-top: 1px solid #ccc; background: #0975b5 }
.find-out-logo .txt-fo {  margin-top: 5px;  }
.find-out-logo .txt-fo span { font-size: 16px; color: #fff;}
.find-out-logo .txt-fo a {  color: #ff0; }
.find-out-logo .img-fo { float: right; }
.find-out-logo .img-fo img { vertical-align: middle; width: 80px; margin-right: 15px;  }

/*
          ==============================================================
                   Unica Home NEW 25-3 Course Css
          ==============================================================
*/
.banner-edu-aca { margin-bottom: 20px; }
.banner-edu-aca h3 {font-size: 30px; text-transform: uppercase;}
.banner-edu-aca .box-banner-ea {     border-radius: 10px;    display: block;    background: #fff; box-shadow: 2px 2px 8px rgba(0, 0, 0, .079512); margin: 7px; }
.banner-edu-aca .box-banner-ea img { border-radius: 10px 10px 0 0 ; }
.banner-edu-aca .box-txt-ea {     padding: 10px 15px 15px 15px;  }
.banner-edu-aca .box-txt-ea p { font-size: 20px; font-weight: bold; margin-bottom: 5px; }
.banner-edu-aca .box-txt-ea span { font-size: 16px;display: block;  color: #4a4a4a; }

@media (max-width: 991px) {
    .db-item-learn-group {
        display: none;
    }

    .db-item-group-icon {
        display: block !important;
    }
}

@media (max-width: 768px){
    .my-list-pl-15 { padding-left: 15px !important; margin: 6px 0px; }
    .my-list-pl-0 { padding-left: 15px !important; margin: 6px 0px; }
    .quantity-md {display: none !important;}
    .buttons_added { margin-right: 10px; min-width: 100px; }
    .btn-buy-course .btn-buy-book { width: 1000%; }
    .course-popover .detail-popover { display: none !important; }
    .course-popover:hover .detail-popover { display: none !important; }
    .title-course p {font-size: 15px; }
    .blog-new { padding: 50px 0 !important; margin-top: 64px; }
    .box-cate-blogs ul li { padding: 10px 5px 10px 5px; width: 50%; }
    .box-cate-blogs ul { padding: 5px; display: flex; }
    .box-cate-list-blogs { margin: 0; }
    .container { width: 100%; }
    .box-ulti-group img { width: 30%; height: 120px; }
    .img-group{width: 100%;height: 150px;}
    .txt-name-group,.txt-admin-group,.txt-user-group,.txt-time-group,.txt-btn-group{vertical-align: middle !important;line-height: 25px;}
    .u-group-box-course .course-box-slider {min-height: 100px; margin-left: 0px; width: 100%; }
    .box-cate-blogs .box-course-relate .title-course-relate { min-height: 38px; max-height: 38px; overflow: hidden; }
    .alert-covid{
        margin-left:-8px;
        margin-right:-8px;
    }
    .hide-mobile { display: none; }
}

@media (max-width: 991px) {
    .label-coupon {
        justify-content: normal !important;
    }

    .form-coupon {
        justify-content: normal !important;
    }
}


/*
          ==============================================================
                   Unica CART NEW 12-9 Css
          ==============================================================
*/
.unica-order-cart { background: #e8e8e8  }
.style-box { height: 80px;padding: 20px 0 20px 60px;border-radius: 7px;border: solid 3px #f26c4f;background-color: #fff;display: flex;flex-direction: column;cursor: pointer;position: relative; }
.col-cart-table .tab button { width: 49%; border: 3px solid #ccc; border-radius: 10px; text-align: left; font-size: 14px; padding: 10px; background: #fff }
.col-cart-table .tab button:first-child { margin-right: 15px; }
.col-cart-table .tab { border: 0; background: none; }
.col-cart-table .tabcontent {  border-radius: 5px; margin: 10px 0 30px 0; padding-bottom: 60px; background: #fff;}
.col-cart-table .tab button.active { background: #fff; border: 3px solid #f26c4f; border-radius: 10px;  }
.col-cart-table img { width: 40px; float: left; margin-right: 15px; }
.col-cart-table .tab button p { font-weight: bold; }
.col-cart-table .tab button span { font-size: 12px; min-height: 43px; display: block; }

.col-cart-table .tabcontent p { font-weight: bold; font-size: 14px; }
.col-cart-table .tabcontent span { font-size: 12px; }
.col-cart-table .tabcontent ul li:first-child { margin-top: 10px; }
.col-cart-table .tabcontent ul li { display: inline-block; width: 100%;  margin-bottom: 15px; border-bottom: 1px dotted #ccc; padding-bottom: 10px; }
.col-cart-table .tabcontent ul li:last-child { border-bottom: 0; margin-bottom: 0; }
.bt-mg { margin-bottom: 20px }
.col-cart-table .conner {  display: block;  position: relative;  padding-left: 35px;  margin-bottom: 12px;  cursor: pointer;  font-size: 22px;  -webkit-user-select: none;
    -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.col-cart-table .conner img {float: right;width: 55px !important;}
.col-cart-table .conner p span {font-weight: normal;}
.btn-one{
    background: #F26C4F !important;
    width: 100% !important;
    padding: 12px !important;
    border: none !important;
    border-radius: 5px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: white !important;
    font-weight: bold;
}
/* Hide the browser's default radio button */
.col-cart-table .conner input {  position: absolute;  opacity: 0;  cursor: pointer;}

/* Create a custom radio button */
.col-cart-table .checkmark {  position: absolute;  top: 10px;  left: 0;  height: 25px;  width: 25px;  background-color: #eee;  border-radius: 50%;}

/* On mouse-over, add a grey background color */
.col-cart-table .conner:hover input ~ .checkmark {  background-color: #ccc;}

/* When the radio button is checked, add a blue background */
.col-cart-table .conner input:checked ~ .checkmark {  background-color: #2196F3;}

/* Create the indicator (the dot/circle - hidden when not checked) */
.col-cart-table .checkmark:after {  content: "";  position: absolute;  display: none;}

/* Show the indicator (dot/circle) when checked */
.col-cart-table .conner input:checked ~ .checkmark:after {  display: block;}

/* Style the indicator (dot/circle) */
.col-cart-table .conner .checkmark:after {  top: 9px;  left: 9px;  width: 8px;  height: 8px;  border-radius: 50%;  background: white;}

.col-cart-table .checkmark:after {  top: 9px;  left: 9px;  width: 8px;  height: 8px;  border-radius: 50%;  background: white;}

/*
          ==============================================================
                   Unica CART NEW 12-9 Css
          ==============================================================
*/

.cart-pay .u-box-cart3 { background: #fff; padding: 10px; border-radius: 4px;  }





/*
          ==============================================================
                   Unica NEW_HOME Css
          ==============================================================
*/




.top-4-banner-new { margin-top: 15px; }
.slider-new .carousel-inner { overflow: unset; }
.slider-new .carousel-inner .item { height: 360px; }
.title-course span { font-size: 15px; font-weight: 500; }
.course-new-2020 h4 { float: left; font-size: 20px; font-weight: bold; margin-bottom: 0; }
.row-bottom { margin-bottom: 20px; margin-top: 10px; }

.load-more-new { float: right; margin-top: 15px; }
.course-new-hot-2020 { margin-top: 80px; margin-bottom: 100px; }
.course-new-hot-2020 h4 { float: left; font-size: 20px; font-weight: bold; margin-bottom: 0; }
.course-3-slide-new {margin: 50px 0; }
.box-slider-new-2020 { background: #fff; border-radius: 5px; display: inline-block; width: 100%; padding: 10px; box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);}
.box-slider-new-2020:hover { box-shadow: 0 4px 8px #62b0fd, 0 4px 12px rgb(0 0 0 / 8%); }
.title-new h4 { float: left; font-size: 20px; font-weight: bold; text-transform: uppercase; }
.title-new a { float: right; }

.box-slider-new-2020 .title-new { display: inline-block; width: 100%; margin-bottom: 10px; }
.box-inner-new img { float: left; margin-right: 10px; }
.box-inner-new { display: inline-block; width: 100%; margin-bottom: 20px; }
.bin-title { font-size: 16px; font-weight: 600; min-height: 42px;max-height: 42px; overflow: hidden;color: black; line-height: 22px;}
.bin-gv {font-size: 12px; color: #666; margin: 5px 0;}
.bin-price { margin-top: 10px; }
.price-na { font-size: 12px; text-decoration: line-through; color: #666 }
.price-nb { font-size: 16px; margin-right: 10px; color: #333; font-weight: 600; float: left;}
.price-nb sup { font-size: 10px }

.box-slider-new-2020 .slick-dots li button::before { font-size: 15px;}
.box-slider-new-2020 .slick-dots li.slick-active button::before { color: #f26c4f }
.box-slider-new-2020 .slick-dots { bottom: -15px; }
.box-slider-new-2020 .slick-dots li { margin: 0 }

.bg-white { background: #fff }

.box-txt-new span { font-weight: 600; }
.new-inner-box-ct { float: left; }
.cl-ct-1 { background: #00aeef }
.cl-ct-2 { background: #3cb878 }
.cl-ct-3 { background: #f26522 }
.cl-ct-4 { background: #9e0b0f }
.cl-ct-5 { background: #2e3192 }

.new-unica-top-teacher-affiliate { margin: 20px 0 50px 0; }
.new-spk { margin-bottom: 50px; }
.new-spk h4 { text-transform: uppercase; margin: 20px 0; text-align: center; font-size: 24px; font-weight: 600;  }
.img-box-top-tca img {  border-radius: 150px;box-shadow: 1px 1px 1px #ccc;display: inline-block !important;width: 190px;height: 190px; }
.box-top-tca { background: transparent;  text-align: center; border-radius: 5px; padding-bottom: 20px; }
.tit-box-top-tca { background: transparent ;padding: 0px;margin: 10px 0 10px 0;display: inline-block;width: 100%; }
.tit-box-top-tca h5 { color: #fff; font-size: 24px; text-transform: uppercase; font-weight: 800; }
.img-box-top-tca { margin: 10px 0; }
.name-box-top-tca { color: #fff }
.name-box-top-tca p { font-size: 24px; font-weight: 800; margin: 30px 0 10px 0 }

.outer-box-slide .slick-dots li button::before { font-size: 15px;    }
.outer-box-slide .slick-dots li.slick-active button::before { color: #f26c4f }
.outer-box-slide .slick-dots { bottom: -15px; }
.outer-box-slide .slick-dots li { margin: 0 }

.nbb-tca { background: #6fc9ff ;text-align: center;border-radius: 5px;padding-bottom: 20px;min-height: 438px;max-height: 438px; }
.nbb-tca-b{ background: #2d9fdc ;text-align: center;border-radius: 5px;padding-bottom: 20px;min-height: 438px;max-height: 438px; }
.nbb-tca-c{ background: #0269a0 ;text-align: center;border-radius: 5px;padding-bottom: 20px;min-height: 438px;max-height: 438px; }

.icon-bc-gv { padding: 100px 0 30px 0; }
.txt-bc-gv { padding: 20px 0; font-size: 24px; font-weight: 800; color: #fff }
.come-teacher { height: 338px; }
.come-teacher .text-center { margin-top: 5%; }
.come-teacher .text-bold { text-transform: uppercase; }
.come-teacher a.text-bold { background: transparent !important;border: 1px solid #fff !important;padding: 12px 50px !important;color: #fff !important;margin-bottom: 30px !important;font-size: 18px; }
.come-teacher .text-center a:hover { background: #fff !important; color: #1564a7 !important; }
.btn-bc-gv { padding: 33px; }
.btn-bc-gv a { background: #fff; border-radius: 10px; color: #1383d9; font-size: 18px; font-weight: 800; padding: 20px 30px; text-transform: uppercase; transition: 0.5s; }
.btn-bc-gv a:hover { opacity: 0.8;  box-shadow:0 2px 8px 2px rgba(20,23,28,.15) }
.img-new-square{  height: 100px;    overflow: hidden;    min-width: 100px;    width: 100px; float: left; margin-right: 10px; }
.img-new-square img{ max-width: none;    width: auto;    height: 100px;    margin-left: -34px; }

/*
          ==============================================================
                   Unica SEO NEW 22-10 Css
          ==============================================================
*/


.order-new-seo { float: left; margin: 4px 6px; font-weight: bold !important; font-size: 15px !important;  }
.u-hot-cate ul { float: left; }
.u-hot-cate ul li { display: inline-block; line-height: 30px; margin: 0 20px; }
.u-hot-cate ul li a { color: #777; }
.u-hot-cate ul li a.active { color: #0a78d9 }
.u-hot-cate {   padding: 9px 12px; display: inline-block; width: 100%; background: #fff; border-radius: 4px;  }
.u-cate-list-seo {padding: 5px 12px; display: inline-block; width: 100%;padding-left: 0;}
.u-cate-list-seo ul li { margin: 10px 5px; float: left; }
.u-cate-list-seo ul li:first-child{margin-left: 0;}
.u-cate-list-seo ul li a { color: #333333 }
.u-cate-list-seo-key { font-weight: bold; font-size: 16px;  }


/*---------------BLOG-NEW--------------*/
main .u-blog-new-menu, main .u-blog-new-content { font-size: 15px; font-family: Arial }
#d4UrbLP-1614592001583 { margin-top: -40px; }
.blog-new {  padding: 100px 0; }
.blog-new h1 { font-size: 30px; color: #fff; font-weight: bold;  }
.blog-new p { font-size: 30px; }
.blog-new span { display: block; color: #fff; }
.u-blog-new-menu {
    background: #fff;
}
.u-blog-new-menu .navbar { margin-bottom: 0; }
.u-blog-new-menu .navbar-brand { padding: 10px 15px; }
.u-blog-new-menu .navbar-brand  i { font-size: 30px; }
.u-blog-new-menu .navbar-nav > li > a { padding: 13px 8px; color: #000;  }
.dropdown-menu > li > a:hover { background: #ccc; }

.u-blog-new-menu .nav .open > a, .u-blog-new-menu .nav .open > a:hover, .u-blog-new-menu .nav .open > a:focus {  background-color: transparent;  border-bottom: 3px solid #f26c4f !important;}


.search-form {    position: relative;    float: right;}
.search-form i { font-size: 20px; }
.search-form .form-input {    display: none;    position: absolute;    height: 48px;    border: 1px solid #d7d7d7;    z-index: 9;    width: 252px;    right: -100px;    top: 60px;    background: #fff;    font-size: 14px;}
.search-form .form-input input {    border: none;    width: 90%;    height: 46px;    line-height: 46px;    padding-left: 15px;    outline: none;}
.search-form .form-input button {    border: none;    background: transparent;    font-size: 18px;}
.search-form .icon-search-post {    display: block;    width: 30px;    background: url(../images_v2018/blog/icon-search-post.png) no-repeat center center;    height: 30px;    cursor: pointer;  margin-top: 11px;
    margin-right: 20px;}

.u-blog-new-content { background: #eff0f2; padding: 20px 0; }
/*-.u-blog-new-content .no-padding-xs { padding: 8px; }-*/
.box-slider-blog {     position: static;    max-height: 360px;    overflow: hidden;  border-radius: 5px;}
.box-slider-info { position: absolute;    z-index: 9;    left: 0;    right: 0;    bottom: 0;    background-color: rgba(0, 0, 0, 0.7);    padding: 20px; line-height: 20px;  border-radius: 0 0 5px 5px}
.box-slider-info .title {     font-size: 24px;    color: #fff;    display: inline-block;    margin-bottom: 8px;    font-weight: 700;}
.box-slider-info p {    color: #d9d9d9;    font-size: 12px;    margin-bottom: 0; margin-right: 5px;}
.box-slider-info a { color: #fff;  font-weight: bold}
.box-slider-info a:hover { text-decoration: underline; }
.box-slider-info p > a { font-size: 12px; font-weight: normal;}
.box-slider-info i {   width: 15px; text-align: center; margin-right: 5px;}

.sub-blog { background: #fff;     position: relative;    margin-top: 20px;  border-radius: 5px;}
.sub-blog .thumb-image {    border-radius: 5px;    display: block;    position: relative;    overflow: hidden;    margin: 0 0 10px;}
.sub-blog .view {    position: absolute;    z-index: 9;    background: rgba(0,0,0,0.72);    left: 0;    bottom: 0;    right: 0;    height: 40px;    line-height: 40px;    font-size: 12px;    color: #fff;    padding: 0 15px;}
.view i { color: #f26c4f; }
.sub-blog-title { font-size: 22px;    font-weight: bold;    color: #333;    padding: 22px 20px 20px 0; }
.sub-blog-title i { color: #f26c4f; margin-right: 10px; }
.interested-post { margin-left: 15px !important;    padding-bottom: 30px !important; }
.interested-post .swiper-pagination { margin-top: 7px;  }
.interested-post a { color: #333; }
.interested-post a:hover{color:#f26c4f; }
.sub-blog .swiper-pagination-bullet-active { background: #f26c4f; }

.news-today {     background: #fff;    border-radius: 5px;   margin-bottom: 10px; }
.news-today .title {    font-size: 22px;    font-weight: bold;    color: #333333;        padding: 14px 22px;    line-height: 24px;}
.news-today .title i { color: #f26c4f; }
.news-today .list-post { padding: 0 15px;    overflow-y: scroll;    max-height: 619px;}
.news-today .item { border-top: 1px solid #ebebeb; padding: 10px 0; font-size: 0;}
.news-today .item .thumb-image {  width: 80px;    height: 80px;    display: inline-block;    vertical-align: top;    margin-right: 15px;    border-radius: 6px;    overflow: hidden;}
.news-today .item .thumb-image img { max-width: unset; height: 110%; margin-left: -6%; margin-top: -6%;}
.news-today .item .thumb-info {  display: inline-block;    vertical-align: top;    width: calc(100% - 95px);    font-size: 14px; }
.news-today .item .thumb-info a {    display: block;    font-size: 15px;    line-height: 22px;       color: #333333;    margin: 0 0 7px;}
.news-today .item .thumb-info a:hover { color: #f26c4f; }
.news-today .item .thumb-info span { display: block; font-size: 12px;   color: #9e9e9e; line-height: 22px;}
.news-today .list-post::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  background-color: #F5F5F5;  border-radius: 3px;}
.news-today .list-post::-webkit-scrollbar {  width: 6px;  background-color: #F5F5F5; }
.news-today .list-post::-webkit-scrollbar-thumb {   background-color: #cacaca;   border-radius: 3px; }

.box-item-blog .post-item {    margin-bottom: 0;    background: #fff;  border-radius: 5px;    min-height: 400px;    overflow: hidden; margin-bottom: 15px;}
.box-item-blog .post-item .post-thumb {  position: relative;    border-bottom: 2px solid #f26c4f;}
.box-item-blog .post-item .post-thumb img { width: 100%; }
.box-item-blog .post-item .post-thumb a.img-thumb {    height: 209px;    overflow: hidden;    display: block; }
.box-item-blog .post-item .post-thumb .cate-post {    display: inline-block;    position: absolute;    bottom: -11px;    left: 25px;}
.box-item-blog .post-item .post-thumb .cate-post ul {    margin: 0 0;    padding: 0 0;    list-style: none;}
.box-item-blog .post-item .post-thumb .cate-post ul li {    margin: 0 0;    padding: 0 0;}
.box-item-blog .post-item .post-thumb .cate-post a {    display: inline-block;    font-size: 13px;    color: #fff;    background: #f26c4f;    padding: 2px 15px;    border-radius: 4px;}
.box-item-blog .post-item .post-thumb .cate-post a:hover { text-decoration: underline; }
.box-item-blog .post-item .post-info {  font-size: 12px; color: #aaa; padding: 20px 10px 15px;}
.box-item-blog .post-item a.title {overflow: hidden; max-height: 48px; min-height: 48px;    display: block;    font-size: 18px;     color: #3e3d3c;    padding: 0 10px;    background: #fff;    margin-bottom: 10px;}
.box-item-blog .post-item a.title:hover{color:#f26c4f;}
.box-item-blog .post-item .desc {padding: 0 10px; overflow:hidden; max-height: 68px; min-height: 68px; text-align: justify; line-height: 22px;}
.box-item-blog .post-item .desc .excerpt-read-more {    display: none;}
.box-item-blog .post-item .desc p { font-size: 13px; }
.topic-hot {  background: #057bd2;  border-radius: 5px;  margin-bottom: 30px;  position: relative;}
.topic-hot .swiper-pagination {  top: 30px;  right: 15px;}
.topic-hot .swiper-pagination .swiper-pagination-bullet {  background: #fff;  margin-right: 5px;  opacity: 1;  }
.topic-hot .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  opacity: 1;  background: #f26c4f;}
.topic-hot .title {    font-size: 22px;    font-weight: bold;    color: #fff;    padding: 22px 20px 0 30px;}
.topic-hot .title i { color: #f26c4f; margin-right: 10px; }
.topic-hot .swiper-container {    padding: 25px 0 30px 30px;}
.topic-hot .topic-item .thumb-image {  display: block;  position: relative;  border-radius: 4px;  overflow: hidden;  box-shadow: 0 0 10px 5px #141414;}
.topic-hot .topic-item .thumb-image img { height: 110%; margin-left: -6%; margin-top: -6%;}
.topic-hot .topic-item .thumb-image:hover .topic-info {  display: block;}
.topic-hot .topic-item .thumb-image:hover img {  opacity: 0.3;}
.topic-hot .topic-item .topic-info {  position: absolute;  right: 0;  left: 0;  text-align: center;  top: 50%;  transform: translateY(-50%);  z-index: 1;  display: none;}
.topic-hot .topic-item .topic-info .type {  display: block;  font-size: 16px;  font-weight: 700;  color: #fff;}
.topic-hot .topic-item .topic-info .title {  display: block;  font-size: 16px;  text-transform: uppercase;  color: #fff;  border-bottom: 1px solid #fff;  margin: 10px 60px 0;  padding: 0 0 10px;  font-weight: 300;}
.topic-hot .swiper-button-prev, .topic-hot .swiper-button-next {    width: 33px;    height: 68px;    background: #fff;    top: 50%;    margin-top: -34px;}
.topic-hot .swiper-button-prev {    background: url(../images/long-arrow-left.png) no-repeat center center;    left: 30px;}
.topic-hot .swiper-button-prev:hover {    background: url(../images/long-arrow-left-hv.png) no-repeat center center;    left: 30px;}
.topic-hot .swiper-button-next {    background: url(../images/long-arrow-right.png) no-repeat center center;  right: 0;}
.topic-hot .swiper-button-next:hover {    background: url(../images/long-arrow-right-hv.png) no-repeat center center;}
.topic-hot .swiper-button-prev.swiper-button-disabled, .topic-hot .swiper-button-next.swiper-button-disabled {    opacity: 1;    cursor: pointer;    pointer-events: auto;}
/*-.swiper-wrapper { height: 157px !important; }-*/
/*-.postDetail { background: #fff; }-*/
.postDetail a { color: #333; display: block; text-align: left; }
.related-post .post-title { overflow: hidden; min-height: 45px; display: inline-block; width: 100%; position: relative; top: -48px; background: rgb(0 0 0 / 50%); color: #fff; padding: 7px 10px; border-radius: 0 0 5px 5px; max-height: 48px;}
.postDetail:hover a { color: #f26c4f; }
.postDetail img { width: 100%; min-height: 156px; max-height:156px; border-radius: 5px;}


.u-blog-new-content .slider-blog { height: 360px; }
.u-blog-new-content .slider-blog .swiper-container { height: 360px; }

.sub-blog .interested-post .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin-right: 5px; }




.post-content .post-image-feature {    position: relative;    max-height: 500px;    overflow: hidden;    width: 100%;}
.post-content .post-image-feature .shadow {    position: absolute;    left: 0;    right: 0;    background: #000;    opacity: 0.7;    height: 100%; }
.post-content h1 {    font-size: 36px;    font-weight: 700;     margin-bottom: 20px;    color: #fff;    position: absolute;    bottom: 30%;    padding-bottom: 24px;    margin-top: 0; width: 100%; }
.post-content .post-info {    font-size: 16px;    color: #8b8b8b;    position: absolute;    bottom: 26%;     margin-left: 15px;}
.post-content .post-info .post-publish {    margin-right: 35px;    color: #fff;}
.post-content .post-info i {    color: #fff;}

.post-content .post-info .post-cate {    color: #fff;}
.post-content .post-info .post-cate ul {    padding: 0 0;    margin: 0 0;    list-style: none;    display: inline-block;    margin-right: 35px;}
.post-content .post-info .post-cate ul a {    color: #fff;}
.post-content .post-info .post-view {    color: #fff;}

.post-content .related-post {    padding: 30px 0;    margin: 0 0 20px;}
.post-content .related-post .title { font-size: 22px; font-weight: 700;    margin: 0 0 15px;    text-align: left; line-height: 24px;}
.post-content .related-post .title i {    margin-right: 5px;    background: url(/media/images_v2018/blog/icon-blog-related.png) no-repeat;    width: 25px;    height: 24px;    display: inline-block;    vertical-align: top;}
.post-content .related-post .relate-item {    text-align: left;}
.post-content .related-post .relate-item a.thumb-image {    display: block;    position: relative;    overflow: hidden;    border-radius: 5px;}
.post-content .related-post .relate-item img {    max-width: 100%;    height: auto;    width: 100%;    border-radius: 5px 5px 0 0;    transition-duration: 1s;}
.post-content .related-post .relate-item a.thumb-image .view {    position: absolute;    z-index: 9;    background: rgba(0,0,0,0.72);    left: 0;    bottom: 0;
    right: 0;    height: 40px;    line-height: 40px;    font-size: 14px;    color: #fff;    padding: 0 15px;}
.post-content .related-post .relate-item a.thumb-image .view .fa {    color: #f26c4f;}
.post-content .related-post .relate-item .post-title {    font-size: 15px;    font-weight: 500;    line-height: 24px;    color: #3e3d3c;    margin-top: 10px;    display: block;    height: 48px;    overflow: hidden;}
.post-content .related-post .relate-item .post-title:hover { color: #f26c4f; }
.post-content .related-post .relate-item img:hover {    -webkit-transform: scale(1.2);    -moz-transform: scale(1.2);    -ms-transform: scale(1.2);    -o-transform: scale(1.2);    transform: scale(1.2);}
.sub-blog .thumb-image img { min-height: 148px;}
.sub-blog .thumb-image { height: 147px;}
.box-slider-blog img { width: 100%;}
.post-content .related-post .relate-item a.thumb-image { height: 180px; }
.post-content .related-post .relate-item { margin-bottom: 30px;     background: #f6f7f9;    padding: 7px;}
.post-content .related-post .relate-item img { height: 183px;}
.blog_content img{max-width: 100%;     margin: 10px 0;    display: inline-block;}
.blog_content .tag .label { background: #eee; color: #555; }
.blog_content strong { margin: 10px 0; /*--*/; font-weight: bold;}

@media (max-width: 767px) {
    .post-content .related-post .title { font-size: 14px !important;text-transform: none !important; }
    .post-content .related-post { padding: 5px 0 !important; }
    .postDetail { width: 280px !important; }
    .topic-hot {    border-radius: 0;  }
    .topic-hot .swiper-container {    padding-left: 0;  }  .topic-hot .swiper-button-prev {    left: 0;  }
    .block-mbs-form { padding: 0; }
    .related-post .post-title  { top: -58px; }
    /*.header-blog-container { justify-content: center; align-items: center; }*/
}


/*-detail nam edit 6-7-2021-*/
.u-combo-buy .course-hv-buy-more { padding: 0 15px; }
.u-combo-buy .course-hv-buy-more .box-course-hbm { flex: 1;display: flex;flex-direction: row;padding: 1.6rem 0;position: relative; border-bottom: 1px solid #ccc;}
.u-combo-buy .course-hv-buy-more .box-course-hbm:last-child { border: 0 none; }
.u-combo-buy .course-hv-buy-more .box-course-hbm .img-new-square { height: 70px;overflow: hidden;min-width: 70px;width: 70px;float: left;margin-right: 0; border-radius: 3px; order: -1}
.u-combo-buy .course-hv-buy-more .box-course-hbm .img-new-square img { height: 70px }
.u-combo-buy .course-hv-buy-more .box-course-hbm .title-course-hbm { flex: 4;display: flex;flex-direction: column;position: relative;min-width: 18rem;margin: 0 0 0 .8rem;white-space: nowrap;}
.u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm { flex: 3;display: flex;align-items: flex-start;justify-content: space-between;margin: 0 0 0 2.4rem; }
.u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm .rating-course-hbm { display: inline-flex; align-items: center; }
.u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm .users-course-hbm { display: flex; margin: 0 auto; color: #73726c;}
.u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm .users-course-hbm i {  margin: 2px; }
.u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm .prices-course-hbm  { display: flex; flex-direction: column; align-items: flex-end; }
.u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm .prices-course-hbm .price-xxx { margin: 0 ;padding: 0;  color: #3c3b37; font-weight: bold; font-size: 17px;}
.u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm .prices-course-hbm .price-xxx sup { font-size: 14px; }
.u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm .prices-course-hbm .price-yyy { color: #73726c; margin-right: 0; text-decoration: line-through;}
.u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm .prices-course-hbm .price-yyy sup { font-size: 12px; }


.u-combo-buy .course-hv-buy-more .box-course-hbm .title-course-hbm p {color: #3c3b37; display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal; font-weight: bold; font-size: 16px }
.u-combo-buy .course-hv-buy-more .box-course-hbm .title-course-hbm a {color: #3c3b37}
.u-combo-buy .course-hv-buy-more .box-course-hbm .title-course-hbm .hours-upload-hbm { margin-top: 10px; font-size: 13px; }
.u-combo-buy .course-hv-buy-more .box-course-hbm .title-course-hbm .hours-upload-hbm span { font-weight: bold; color: #3e9162; }
.u-combo-buy .course-hv-buy-more .box-course-hbm .rating-course-hbm p { color: #f26c4f; font-weight: bold; }
.u-combo-buy .course-hv-buy-more .box-course-hbm .fav-course-hbm {margin: 10px 0 0 1.6rem; border-radius: 100%; border: 1px solid #03A9F4; padding: 15px; height: 15px; width: 15px; position: relative;}
.u-combo-buy .course-hv-buy-more .box-course-hbm .fav-course-hbm i { position: absolute; top: 9px; left: 8px; color: #03A9F4; }

.course-comparison--whole-card-link {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;
    z-index: -1;}

.load-more-btn-hbm button { padding: 10px; width: 100%;  font-weight: bold; color: #03A9F4; margin-top: 10px;  border: 1px solid #03A9F4; background-color: #fff; border-radius: 3px; }

/*-unica-new-menu-learn-2021  EDIT 29-9-2021 */

.menu-learn-v2 { background: #1676b4; padding: 6px 10px;}
.menu-learn-v2 .mln-logo { float: left; }
.menu-learn-v2 .mln-name-course {/*float: left;margin: 8px 0px 0px 15px;*/color: #fff;font-size: 22px;font-weight: bold; padding-left: 15px; border-left: 1px solid #55aaff;  padding-top: 10px;}

.menu-learn-v2 .mln-btn-course { display: flex; float: left; }
.menu-learn-v2 .mln-btn-course i { color: #fff; font-size: 40px; margin: 0 10px; }
.menu-learn-v2 .mln-progress-course .progress { height: 10px; margin-bottom: 10px!important; margin-top: 10px;}
.menu-learn-v2 .mln-progress-course .title-progress { font-size: 16px; color: #fff; }
.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}
.u-detail-session { margin-top: 61px; }
.u-detail-session .u-list-course { height: 85vh; overflow: auto; background: #fff;}
.u-detail-session .u-list-course::-webkit-scrollbar {width: 10px;}
.u-detail-session .u-list-course::-webkit-scrollbar-thumb{background-color: #bbbbbb;}
.u-detail-session .mgpd-new { padding: 0; margin-left: 6%; margin-right: 1%; height: 85vh; overflow-y: auto; overflow-x: hidden;}
.u-detail-session .mgpd-new::-webkit-scrollbar {width: 8px;}
/* .u-detail-session .mgpd-new::-webkit-scrollbar-thumb{background-color: #ddd;} */
#content::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#content::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

#content::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: gray;
}

/*------------CERTIFICATION LANDING PAGE 3-12-2021----------------*/

.lp-cer-section1 { background:url('../images_v2021/bg-cer.jpg')  repeat rgb(21,27,46) 50% 50% / cover;  }
.lp-cer-section5 { background:url('../images_v2021/banner-certi.jpg')  repeat rgb(21,27,46) 50% 50% / cover;  }
.img-certi-lp { height: 41rem }
.txt-certi-lp { height: 34rem  }
.lp-text { position: relative;  top: 43%;  transform: translateY(-50%); color: #fff}
.img-certi-lp img { position: relative;  top: 43%;  transform: translateY(-50%);}
.lp-txt-f { font-size: 20px; font-weight: bold; }
.lp-txt-s { font-size: 40px;font-weight: bold; color: #efeb01; text-transform: uppercase; margin: 10px 0; }
.lp-txt-t { font-size: 16px; line-height: 22px; margin-bottom: 20px; }
.lp-text button {background: #EB5B77;color: #FFFFFF;font-size: 0.9907rem;font-weight: 500;height: 3.125rem;width: 14rem;border-radius: 41px; border: none;}

.lp-cer-section2  { display: block; }
.lp-box-section2 img {  display: inline-block;}

.lp-box-section2 { background: #033290; padding: 25px;text-align: center;display: block;  border-radius: 0.75rem;  height: 20rem; margin: 0 auto; width: 85% ; top: -160px;position: absolute; right: 29px;}
.lp-cer-section3  { text-align: center;  background: rgb(162,225,255);
    background: linear-gradient(343deg, rgba(162,225,255,1) 0%, rgba(226,249,255,1) 47%); padding:  3% 0 3% 0; }
.lp-cer-section3 h3 { color: #3875ed; font-size: 30px; margin-bottom: 60px;}
.lp-cer-section3 p { color: #002160;font-size: 14px;margin-top: 20px;width: 70%;text-align: center;display: inline-block;}
.lp-box-section2 p {font-size: 15px; font-weight: bold; color: #fff; word-spacing: 2px; margin-top: 30px; }
.box-shape-lp { border: 0;border-radius: 0.75rem 0.75rem 0.75rem 0.75rem; background: rgb(162,225,255);
    height: 15.375rem; width: 16.125rem; margin: 0 auto;padding-top: 10%; -webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.19);
    box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.19);}
.box-shape-lp img { width: 30%; text-align: center; display: inline-block; }
.lp-cer-section3 button, .lp-cer-section4 button { background: #EB5B77;color: #FFFFFF;font-size: 0.9907rem;font-weight: 500;border-radius: 41px;border: none;padding: 15px 25px;margin-top: 60px;}

.row-lp-s3 { position: relative; }
.row-lp-s4 { margin-top: 17% }
.lp-cer-section4 { padding: 4% 0;  }
.lp-cer-section4 .container { width: 1440px; }
.lp-cer-section4 img { border-radius: 10px; }
.lp-cer-section4 h3 { text-align: center;  margin-bottom: 60px ;color: #3875ed; font-size: 40px;}
.row-clear { margin: 2% 0 6% 0; display: inline-block; }
.row-clear h4 { font-weight: bold; font-size: 30px;  }
.row-clear p { line-height: 30px; margin-top: 20px; width: 90% }

.lp-cer-section5 p { height: 25rem; text-align: center; position: relative;top: 100%;transform: translateY(20%);color: #fff; font-size: 50px; font-weight: bold;padding: 40px }
.lp-cer-section6 p { font-size: 28px; font-weight: bold; margin-bottom: 10px; }
.lp-cer-section6 { border-bottom: 1px solid #eee; }
.lp-cer-section6 .input-group { display: block; }
.lp-cer-section6 .input-group .unica-form-box { width: 100% !important; border-radius: 7px; }
.lp-cer-section6 .input-group .unica-btn-search-box-cd { padding: 14px 20px; }

.lp-cer-section7 .box-cer-reg button { background: #EB5B77;color: #FFFFFF;font-size: 0.9907rem;font-weight: 500;height: 3.125rem;width: 18rem;border-radius: 41px;border: none; }

.lp-cer-section7 { padding-top: 50px; background: #f0f0f0; }
.lp-cer-section7 .box-course-lp-cer .bcer-name-course { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.lp-cer-section7 .box-course-lp-cer .bcer-teacher-course { font-size: 16px; margin-top: 5px;  }
.box-cer-sec { border-radius: 5px;background: #fff;display: inline-block;width: 100%; padding: 10px 5px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); margin-bottom: 20px;}
.lp-cer-section7 .box-course-lp-cer .bcer-info-course { display: flex; margin: 10px 0 }
.lp-cer-section7 .box-course-lp-cer .bcer-info-course li { margin-right: 30px; }
.lp-cer-section7 .box-course-lp-cer .bcer-info-course p { display: inline; }
.lp-cer-section7 .box-course-lp-cer .ubo-right-prog { margin-top: 25px; }
.lp-cer-section7 .box-cer-reg img { margin: 10px 0; }
.lp-cer-section7 .box-cer-reg p { font-size: 14px; font-weight: bold; }

.get-certi { background: #fff; padding: 5px; margin-top: 10px; text-align: center; }
.get-certi img { width: 70%; margin: 0 auto }
.get-certi p { font-weight: bold; font-size: 14px; margin-bottom: 10px;  }
.get-certi button {     background: #EB5B77;    color: #FFFFFF;    font-size: 0.9907rem;    font-weight: 500;     border-radius: 41px;    border: none; margin-bottom: 10px; padding: 10px 40px ; transition: 0.5s}
.get-certi button:hover, .get-certi button:active { background: #E61C43 }

.course_view_2017.course-box-slider .price-course {display: inline-grid;
    width: 100%;
    text-align: right;
    position: relative;
    right: 12px;
    top: -40px !important;}



/*
          ==============================================================
                   Unica BUSINESS Css
          ==============================================================
*/
.box-ub-try { color: #000;display: inline-block;background: #fff;border-radius: 5px;margin-bottom: 20px;box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%); padding: 20px 15px; }
.box-ub-try span { font-size: 18px; font-weight: bold; }
.box-ub-try p { margin: 10px 0; color: #000; }
.box-ub-try button { padding: 10px 30px; font-size: 15px; font-weight: bold; width: 100% ; background: #fff; border: 1px solid #888; transition: 0.5s ; }
.box-ub-try button a { color: #000; }
.box-ub-try button:hover { background: #eee; }

.u-business { padding: 80px 0; display: inline-block; width: 100%; background: #f5f5f5 }
.ub-box-des span { font-size: 16px; font-weight: bold; margin-bottom: 30px; display: block; }
.ub-box-des ul li { list-style: disc; margin-left: 20px; line-height: 23px; margin-bottom: 20px; }
.ub-box-des p { font-size: 18px; font-weight: bold; margin-top: 10px; }
.ub-box-des a { font-size: 16px; font-weight: bold; margin-top: 30px; display: block;color: #0087ff; }
.ub-box-logo span { font-weight: bold; display: inline-block; width: 100%; margin-top: 58px; font-size: 17px }
.ub-box-logo ul { display:flex; flex-wrap: wrap; margin-top: 20px; }
.ub-box-logo ul li { margin: 25px 15px; }
.ub-box-logo img { filter: grayscale(100%) opacity(0.70); }

.ub-box-form .form-group { margin-bottom: 15px; }
.ub-box-form .form-group .form-control {height: 56px;}
.ub-box-form button { width: 100% ; padding: 10px 40px; font-size: 18px;  text-transform: uppercase; font-weight: bold; color: #fff; background: #f00; transition: 0.3s; border-radius: 0; border: 0 none; }
.ub-box-form button:hover { background: #8a0000; color: #fff }
.ub-box-form p { text-transform: uppercase; font-weight: bold; font-size: 20px; text-align: center; margin-bottom: 30px; }
.ub-box-form .form-group textarea.form-control { height: 100px }


@media (max-width: 767px) {
    .filter-mylist { flex-wrap: wrap }
    .u-combo-buy .course-hv-buy-more .box-course-hbm   {align-items: flex-start;  }
    .u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm { margin: 10px 0 0 0; }
    .u-combo-buy .course-hv-buy-more .box-course-hbm .title-course-hbm p { font-size: 14px; }
    .u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm .prices-course-hbm { margin-top: -10px; position: relative }
    .u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm .prices-course-hbm .price-xxx { font-size: 16px; margin-right: 5px;order: 1 }
    .u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm .prices-course-hbm .price-xxx sup { font-size: 10px }
    .navbar-header.header-blog { display: flex; width: 100%; }
    .navbar-header-blog { justify-items: left; }
    .navbar-brand.hidden-lg.hidden-md { width: 100%; display: flex; justify-content: center; }
    .post-content .post-image-feature { margin-top: 15%; }
}

/*
          ==============================================================
                   Unica Responsive Css
          ==============================================================
*/

@media (min-width:1921px) and (max-width:2560px) {
    /*-.u-dashboard-top .container { width: auto; padding-left: 10%; padding-right: 10%; }-*/
    .unica-home-menutop.hidden-xs > .container-fluid > .col-width-lg { max-width: 100%;   padding-left: 10%; padding-right: 10%;}
    .unica-home-menutop.hidden-xs > div > div > .cate-md  { width: 16.66666667%; }
    /*-main > .container { width: auto;   padding-left: 10%; padding-right: 10%; }-*/

}
@media (min-width:1599px) and (max-width:1920px) {
    .unica-home-menutop .col-lg-3 { width: 16.66666667%; padding: 0; }
    /*.unica-home-menutop .col-lg-4 { width: 41.66666667%; }*/
    .unica-blog .container { width: 1600px; }
    .unica-blog-list .container { width: 1600px; }
    .img-blog-news { width: 22%; }
    .box-news-mini { width: 75%; }
    .box-news-mini img { width: 15%; }
    .blog-big-slide img { max-height: 400px; }
    .u-blog-sm-box img { max-height: 194px; }
    .unica-main-banner { /*height: 491px !important;*/  background-size: cover;}
    .u-bread .container { width: 1600px; }
    .big-screen .container { width: 1280px; }
    .big-screen .container .course-box-slider { width: 240px;  min-height: 265px;max-height: 265px; height: 265px}
    .big-screen .container .box-pop3 .course-box-slider {    width: 490px;    position: relative;}

}

@media (min-width:1366px) and (max-width:1600px) {
    .unica-main-banner-box-search  { right: 12%; }
    .unica-be-teacher { height: 284px;background-size: contain; }
    .unica-be-teacher-txt { top: 12%; }
    .unica-be-teacher-txt h4 { font-size: 55px; }
    .uv-name-hv { width: 86%; }
    .uv-name-gv { width: 84%; }
    .uv-name-gv span { float: left; }
    .unica-daily-top { height: 337px;background-size: contain; padding: 80px 0; }
    .kq-test { margin-right: 10px; }
    .unica-main-banner { /*height: 475px !important;*/ background-size: cover; }
    .carousel-inner img {   margin-left: 0;}
    .menu-learn-v2 .mln-btn-course i { margin: 0 5px; }
}
@media (min-width:1200px) and (max-width:1365px) {
    .unica-main-banner { height: 345px !important; background-size: cover; }
    .unica-btn-search { right: 15px; }
    .unica-main-banner-box-search  { right: 10%; }
    .unica-menu-cate { }
    .col-width-lg { font-size: 14px; }
    .unica-cart { margin: 5px;}
    .box-slider .slick-prev:before, .box-slider .slick-next:before { font-size: 30px; }
    .unica-box-course-f .slick-prev:before, .unica-box-course-f .slick-next:before { font-size: 30px !important; color: #606060 !important;  }

    .cate-sm { padding: 0; }
    .unica-reg-acc { padding: 9px 12px; }
    .box-slider .slick-prev { left: -15px; }
    .unica-box-course-f .slick-prev { left: -25px; }
    .unica-be-teacher {background-size: cover; background-repeat: no-repeat; height: 250px}
    .unica-be-teacher-txt { top: 13%; }
    .unica-be-teacher-txt p { font-size: 20px; }
    .unica-be-teacher-txt h4 { font-size: 48px; }

    .box-teacher > button.slick-prev.slick-arrow { left: -25px; }
    .box-teacher > button.slick-next.slick-arrow { right: -15px; }
    .box-teacher .slick-prev:before, .box-teacher .slick-next:before { font-size: 30px !important; color: #606060 !important;  }

    .u-txt-list p { font-size: 22px; }
    .u-txt-list span { font-size: 16px;    }
    .u-txt-back a { font-size: 20px; margin-top: 15px; }
    .ua-btn-qa-bm a { margin: 0 2px }
    .uv-name-hv { width: 89%; margin-top: -2px; }
    .uv-name-hv p { width: 100%; }
    .uv-name-hv span { float: left; font-size: 12px; }
    .uv-name-gv { width: 87%; margin-top: -2px; }
    .uv-name-gv p { width: 100%; }
    .uv-name-gv span { float: left; font-size: 12px; }

    .unica-daily-top { height: 296px;background-size: contain; padding: 50px 0; }
    .kq-test { margin-right: 20px; }
    .carousel-inner img {   margin-left: 0;}

    .menu-learn-v2 .mln-btn-course i { margin: 0 5px; }
    .menu-learn-v2 .mln-progress-course .title-progress { font-size: 15px; }

    .lp-cer-section4 .container { width: 1170px; }

}
@media (min-width:992px) and (max-width:1199px) {
    .btn-cart-group {
        font-size: 15px;
    }
    .big-price {
        font-size: 20px;
    }
    .small-price2{
        font-size: 14px;
    }
    .discount-price2 {
        padding-bottom: 4px;
    }
    .filter-mylist { flex-wrap: wrap }
    .btn-get-certificate { float: left !important; }
    .container { width: 96%; }
    .course-popover .detail-popover { display: none !important; }
    .menu > li > .megadrop { left: 100%; }
    .col-lg-9.banner-right-new { max-width: 769px; }
    .btn-slider { display: none }
    .course-new-2020, .course-new-hot-2020, .course-3-slide-new{ margin-top: 20px; }
    .course-new-hot-2020 { margin-bottom: 20px; }
    .box-txt-new span { font-size: 14px; }
    .u-tags-mini p { font-size: 12px }
    .menu { padding: 0; height: 340px }
    .menu > li > a { padding: 6px 10px 0 10px; font-size: 14px; display: block;    text-align: left;    height: 26.3px; }
    .banner-right-new .carousel-indicators  { bottom: 15% }
    .unica-main-banner { height: 300px !important;background-size: cover; }
    .unica-main-banner-box-search  { right: 1%; top: 12%;}
    .unica-cart {top: 2px; }
    .unica-active-course i { margin: 0; }
    .unica-menu-cate { margin: 14px 0 0 14px; }
    .cate-md { padding: 0; }
    .unica-active-course { border: 1px solid #636363; color: #636363 }
    .box-item { width: 20%; }
    .slick-prev:before, .slick-next:before { font-size: 30px !important; color: #606060 !important;  }
    .box-teacher > button.slick-next.slick-arrow { right: -20px; }
    .box-slider .slick-prev { left: -15px; }
    .box-slider .slick-next { right: -5px; }
    .target-box  { width: auto; }
    .course-box-slider { max-height: 100%; padding-bottom: 2%; }
    .menu-left-new { width: 24% }
    .row-flex-banner { display: flex; }
    .course-box-slider-2 { margin: 9px; }
    .social-connect a { margin-right: 5px; }
    .pdR0 { padding: 0; }
    .unica-box-course-f .slick-prev { left: -25px; }
    .unica-be-teacher {background-size: cover; background-repeat: no-repeat; height: 213px}
    .unica-be-teacher-txt { top: 13%; }
    .unica-be-teacher-txt p { font-size: 18px; }
    .unica-be-teacher-txt h4 { font-size: 40px; }
    .box-teacher > button.slick-prev.slick-arrow { left: -30px; }
    .unica-box-email .pd-No { margin: 0; }
    .u-title-footer p { font-size: 23px; margin-bottom: 10px; }
    .u-btn-form { padding: 6px 16px; }
    .u-e-form { padding: 6px 10px 6px 8px; }
    .title-course-f { margin-left: 6px; }
    .u-list-leftbar { width: 100%; }
    .main-content { width: 75%; }
    .u-all-course .course-box-slider { margin: 0 20px 0 0; }
    .u-all-course .course-box-slider-2 { margin: 0 20px 0 0; }
    .u-order { padding-bottom: 10px; }
    .btn-preview  { display: inline-block; padding: 5px 8px; }
    .block-buy { width: 308px; }
    .u-plus-course  { width: 100%; }
    .u-block-plus  { width: 100%; }
    .u-plus-icon { left: 208px; }
    .u-td { display: block;  }
    .uct-left { width: 28% }
    .uct-right { width: 69%; margin-left: 15px; }
    .urh-right { margin-left: 15px; }
    .u-rate-f1-star i { font-size: 16px; }
    .u-rate-f1-star { width: 22%; }
    .u-rate-f1-num { width: 3%; }
    .u-rate-f1-progress { height: 32px; }
    .btn-buy-plus { width: 78%; }
    .price-combo { margin-left: 10px; }
    .des-combo a { margin-bottom: 5px; }
    .rate-combo { margin-top: 3px; }
    .favo-combo { margin: 30px 10px; }
    .ubo-right-title  { margin-bottom: 40px; }
    .ubo-right-prog  { margin-top: 59px; }
    .uom-gv-left { width: 39%; }
    .uom-gv-right { width: 52%; }
    .txt-box, .box-hv-q { width: 81%; }
    .box-ad-a , .uom-block-textbox2 .txt-box{ width:  76%; }
    .ua-btn-qa-bm p, .ua-btn-ap-rp p { display: none;}
    .unica-video-main p {font-size: 20px;}
    .unica-learn-bottom { padding: 10px 0; }
    .ua-btn-ap-rp i, .ua-btn-qa-bm i { margin: 0; }
    .ua-btn-qa-bm { float: left; }
    .uv-name-hv { width: 89%; }
    .uv-name-gv { width: 88%; }
    .unica-order-cart .container { padding: 0; }
    .col-cart-table { padding-left: 0 }
    .col-cart-table2 { padding-right: 0; padding-left: 0 }
    .block-ulti ul { margin-left: 20px; }
    .u-img-combo {     height: 87px;    overflow: hidden;    min-width: 87px;    width: 87px; }
    .u-img-combo img {     max-width: none;    width: auto;    height: 87px;    margin-left: -34px; }
    .u-des-combo {width: 15%;}
    .u-tit-combo { width: 57%; }
    .utt-bot .container { padding: 0; }
    .u-teacher-avatar { margin-right: 0; }
    .u-teacher-info { float: right; }
    .des-ubc-course { width: 58%; }
    .ubc-btn p, .ubc-btn a { width: 47%; }
    .tit-gv-news a { display: inline-block; }

    .unica-learn-top, .unica-learn-bottom { opacity: 1.0; z-index: 1 }
    .unica-daily-top { height: 253px;background-size: contain; padding: 20px 0; }
    .unica-teacher-top { background-position-x: center; }
    .box-reason-teacher ul li { margin: 17px; }
    .member-box .img-wrap img {  width: 200px; height: 200px;}
    .member-box { width: 216px; }
    .people-iq { margin: 21px 4px; }
    .box-iq-txt h3 { font-size: 62px; }
    .unica-iq-bottom-box { width: 95%; }
    .box-slider img { height: auto; }
    .u-banner-small img:first-child { height: 155.5px }

    .banner-cd-cate ul li { margin: 4px; }
    .imgBox img { height: 40%; }
    .box-about-bot p { min-height: 95px; }
    .unica-about-block-6 ul li { margin: 0 4px; }
    .block-about-right h3 { font-size: 26px; }
    .block-about-right p { margin: 10px 0; }
    .block-about-right ul li { font-size: 13px; width: 50% }
    .u-tags ul li { margin: 9px; }
    .box-list-teacher-inner { margin: 20px 25px 0 0; }
    .noMG { margin-right: 0; }
    .title-list-teacher ul li {     margin: 5px 7px; }

    .list-box-gv-db ul li { margin: 4px; }
    .box-txt-app ul li { margin: 4px;  }
    .blog-big-slide .slick-next { right: 15px; }
    .img-blog-news { width: 37%; }
    .box-news-mini ul li { margin-bottom: 8px; }
    .box-cate-list-blogs p { width: 69%; }

    .u-blog-sm-box img { max-height: 149px; min-height: 149px; }
    .img-blog-news img { min-height: 166px; max-height: 166px; }

    .carousel-inner img {     margin-left: 3%;height: 340px; max-width: 95%;}
    .slider-new { height: unset; margin: 20px 0 0px 0; }

    .unica-lt-box li { margin-right: 7px; }

    .u-blog-new-menu .navbar-nav > li > a { padding:14px 12px !important; }
    .search-form .icon-search-post { margin-top: 9px;margin-right: 8px; }
    .sub-blog { margin-top: 12px; }

    .menu-learn-v2 .mln-btn-course i {    color: #fff;    font-size: 36px;    margin: 0 5px; }
    .u-detail-session .mgpd-new { margin: 0; }
    .content_lession { margin: 10px; }
    .u-detail-session .u-list-course { margin: 10px; }
    .menu-learn-v2 .mln-name-course { font-size: 18px; }
    .txt-certi-lp, .img-certi-lp { height: 26rem }
    .lp-box-section2 { top: -50px; height: 18rem }
    .lp-box-section2 img {    display: inline-block;    width: 70%;}
    .lp-txt-s { font-size: 38px }
    .lp-cer-section3 h3 { font-size: 26px }
    .row-lp-s4 { margin-top: 22% }
    .lp-cer-section4 .container { width: unset; }
    .megadrop { left: 100% }
}
@media (min-width:768px) and (max-width:991px) {
    .u-sm-price-book { display: flex; justify-content: center; }
    .u-sm-left-book, .u-sm-right-book { width: 100% !important; }
    .time-uudai-book { text-align: center; }
    .buttons_added { margin-right: 20px; width: 25% }
    .btn-buy-book { width: 100% !important; }
    .block-buy-book.block-buy { width: 100% !important; right: 0; }
    .hide-tablet { display: none; }
    .u-detail-session { padding: 0 24px; }
    .btn-get-certificate { float: left !important; }
    .course-popover .detail-popover { display: none !important; }
    .swiper-button-next.btn-slider, .swiper-button-prev.btn-slider { display: none }
    #sidebar .block-buy { display: none !important;}
    #sidebar .inner-scroll { display: none !important; }
    .inner-scroll { left: 0; right: 0; }
    .unica_biz { text-align: center }
    .unica-menu-cate i {   margin: 10px;}
    .slider-new .carousel-inner .item { height: 320px;  }
    .carousel-inner img {       height: 100%;        max-width: 100%;    width: 100%; object-fit: unset;}
    .menu { border-radius: 5px; }
    .menu > li > a { padding: 0px 4px; height: 20px; }
    .menu-new { height: 261px; display: none; }
    .slider-new { height: unset; margin: 0; }
    .nbb-tca { min-height: 413px; max-height: 413px }
    .btn-bc-gv { padding: 25px 0; }
    .txt-bc-gv { padding: 10px;font-size: 22px; }
    .unica-main-banner { height: 390px !important;background-size: cover; background-position: left !important;  }
    .unica-main-banner-box-search  { right: 13%; top: 50%; }
    .unica-logo {  padding-top: 3px; }
    .unica-search-boxtop {margin: 0; left: 0px; top: 1px; position: relative;}
    .cate-md, .cate-sm { padding: 0; }
    .u-hot-cate ul li { margin: 0 20px 0 0px }
    .unica-btn-search { right: 19px; padding: 6px 9px; }
    .unica-menu-cate { top: 0; margin: 5px 0 0 5px !important;  }
    .slider-new .menu-left-new { width: 28%; }
    .pd-new-home a { width: 130px; }
    .unica-reg-acc { padding: 9px 12px; }
    .unica-log-acc {  padding: 9px 6px;  }
    .unica-cart { margin: 2px; }
    .unica-form { padding: 6px 4px; }
    .slick-prev:before, .slick-next:before { font-size: 25px !important; color: #606060 ;  }
    .box-slider .slick-prev { left: -13px; }
    .box-slider .slick-next { right: -10px; }
    .box-slider img { padding: 6px; height: 241px; }
    .u-banner-small img:first-child { height: 113px; }
    .unica-big-slider h4, .unica-learn-today h4 { font-size: 24px; }
    .target-box  { width: auto; }
    .pdr { padding-right: 9px; }
    .sub-email { text-align: center; }
    .course-box-slider {max-height: 100%; width: 100%; padding-bottom: 2%;}
    .course-box-slider-2 { margin: 0 11px; }
    .unica-box-course-f .slick-prev { left: -20px; }
    .title-course-f { margin-left: 20px; }
    .box-t-mi span { padding: 0 10px; }

    .txt-reason { font-size: 17px; }
    .unica-be-teacher {  background-size: cover; height: 160px }
    .unica-be-teacher-txt { top: 10%; }
    .unica-be-teacher-txt p {font-size: 14px;}
    .unica-be-teacher-txt h4 { font-size: 30px; }
    .unica-be-teacher-txt a { font-size: 14px; padding: 6px 35px; }
    .box-teacher > button.slick-prev.slick-arrow { left: -21px; }
    .box-teacher > button.slick-next.slick-arrow { right: -15px; }
    .box-teacher .slick-prev:before, .box-teacher .slick-next:before { font-size: 25px !important; color: #606060 ;  }
    .unica-box-email { text-align: center; }
    .u-title-footer { width: 75%; margin: 0 auto }
    .u-e-form {padding: 6px 134px 6px 8px;}
    .pdl { padding-left: 5px; }
    .u-list-leftbar { width: 100% }
    .main-content {width: 66.66666667%;}
    .u-all-course .course-box-slider { margin: 0 25px 0 0; }
    .u-all-course .course-box-slider-2 { margin: 0 25px 0 0; }
    .u-sort { margin-top: 15px; padding-bottom: 10px; }
    .block-buy { max-height: 360px; width: 104.5% !important;  bottom: 0 !important; top: 5px !important; z-index: 9; border: 1px solid #e5e5e5 !important; display: inline-block; right: 15px}
    .u-detail-block-title { width: 100%; }
    .u-sm-left { width: 47%; float: left; }
    .u-sm-right { width: 50%; float: right; }
    .block-ulti a { margin: 5px 0; }
    .u-block-plus { width: 34%; margin-left: 10px; }
    .u-plus-course .course-box-slider { margin: 0 1px; }
    .u-plus-course .course-box-slider-2 { margin: 0 1px; }
    .u-plus-icon { left: 193px; }
    .urh-right { width: 75%; margin-left: 15px; }
    .u-combo-course .course-box-slider { margin: 0 6px; }
    .u-combo-course .course-box-slider-2 { margin: 0 6px; }
    .ubo-right-title { margin-bottom: 35px; }
    .ubo-right-prog { margin-top: 20px; }
    .ubo-progress { margin-top: 5px; }
    .btn-update {float: left;}
    .uom-gv-left { width: 100%; }
    .uom-gv-right {width: 100%; float: none; margin: 0;}
    .uom-gv-right ul { margin-left: 72px; }
    .pdLm { padding-left: 0; }
    .pdRm { padding-right: 0; }
    .pdR5 { padding-right: 5px; }
    .question-area p, .answer-area p { font-size: 13px; }
    .box-answer { margin: 0; }
    .uom-block-chat { padding: 15px 5px; }
    .box-hv-q, .txt-box { width: 80%; }
    .name-hv-q p { margin-right: 10px; }
    .name-hv-q span, .name-ad-a span { font-size: 12px; }
    .u-txt-list p { font-size: 20px;  }
    .u-txt-list span { font-size: 14px; }
    .u-txt-list { margin-top: 5px; }
    .u-txt-back a { font-size: 18px; margin-top: 16px; }
    .unica-learn-bottom { padding: 10px 0; }
    .ua-btn-qa-bm p, .ua-btn-ap-rp p { display: none; }
    .ua-btn-ap-rp i, .ua-btn-qa-bm i { margin: 0; }
    .uv-name-hv { width: 86%; }
    .uv-name-gv { width: 84%; }
    .col-cart { padding: 0 10px; }
    .remove-course { margin: 0 5px; font-size: 18px; left: 5px; }
    .u-cart-combo-course .remove-course { left: 470px; top: 9px }
    .price-cart { width: 14%; }
    .u-cart-course  .price-cart {  width: 29% }
    .col-cart-table { padding-left: 0 }
    .col-cart-table2 { padding-right: 0; padding-left: 0 ; margin-top: 12px;}
    .u-list-course { padding: 5px; margin-top: 15px; }
    .u-teacher-right ul li { margin: 0 10px; }
    .u-teacher-right p { font-size: 40px; }
    .u-teacher-info a { padding: 10px; }
    .u-teacher-avatar { margin-right: 5px; }
    .utt-bot .padNo { padding: 0; }
    .u-teacher-right p { font-size: 35px;}
    .u-box-course-teacher h3 { margin-bottom: 10px; }
    .des-ubc-course { width: 58%; }
    .unica-learn-top, .unica-learn-bottom { opacity: 1.0; z-index: 1 }
    .img-ubc-course, .des-ubc-course  { width: 100%;  }
    .box-dashboard { padding: 10px; }
    .unica-daily-top { height: 190px;background-size: contain; padding: 10px 0; }
    .unica-daily-top p { font-size: 30px; }
    .unica-daily-top span { font-size: 20px;      margin: 20px 0 30px 0; }
    .unica-daily-top a { font-size: 20px; padding: 10 20px; }
    .table-dl th, .table-dl td { font-size: 14px !important; }
    .unica-teacher-top { height: 300px; background-position: center; }
    .unica-teacher-top p { font-size: 32px; margin-bottom: 40px; }
    .title-block-2 { font-size: 15px; }
    .box-reason-teacher ul li { margin: 6px; width: 135px; }
    .box-inner-teacher p { font-size: 13px; margin-top: 10px; }
    .unica-teacher-block-3 h3 { margin-top: 0; }
    .box-inner-teacher img { width: 50%; }
    .inner-block-4 img { width: 50%; }
    .inner-block-4 p {    font-size: 16px;    font-weight: bold;    margin: 10px 0;}
    .unica-teacher-block-4 span { margin-top: 20px; font-size: 15px; display: inline-block; }
    .col-3-steps { width: 693px; }
    .col-3-steps ul li { margin: 0 15px; }
    .inner-col-steps img { width: 50%; }
    .inner-col-steps { width: 137px; }
    .inner-col-steps span { font-size: 13px; }
    .unica-teacher-block-5 h3 { margin-top: 0; }
    .member-box .img-wrap img { width: 220px; height: 220px; }
    .member-box { width: 224px; height: 340px; }
    .member-box:last-child { display: none; }
    .unica-teacher-block-7 h3 { font-size: 20px; }

    .unica-iq-aq-eq { padding: 0; }
    .unica-iq-aq-eq h3 { margin: 5px; }
    .people-iq { margin: 5px; width: 109px; }
    .box-iq-txt h3 { font-size: 34px; }
    .box-iq-txt p { margin-top: 5px; font-size: 13px; }
    .txt-result { float: right; margin: 0; }
    .txt-result span { margin-top: 0; }
    .result-4 { margin: 7px 0; width: 70px; height: 70px; padding: 15px 0; }
    .unica-iq-bottom-box .pagination { position: relative; }
    .unica-iq-bottom-box { width: 93%; }
    .inner-col-steps-aff span { font-size: 15px; }
    .searchBox { width: 100%; }
    .btn-dbs-search { width: 115px; }
    .btn-addcard {margin-top: 6px;}
    .prepaid_number { display: block; }

    .banner-cd-cate ul li { margin: 12px;  width: 30%;}

    .db-item li { margin-right: 4px; margin-left: 4px; }
    .card { height: 157px; }
    .btn-tcc { width: 100%; }

    .unica-about-block-6 ul li { width: 48%; margin-top: 10px; }
    .block-about-right p { margin: 10px 0; }
    .block-about-right h3 { font-size: 20px; }
    .block-about-right a { float: left; }
    .block-about-right ul li { width: 100%; }
    .block-about-right a { display: none; }
    .block-about-left {      margin-bottom: -4px; }
    .unica-about-block-7 img { margin-top: 24px; }
    .u-tags ul li { margin: 7px; }

    .box-list-teacher-inner { margin: 20px 20px 0 0; }
    .noMG { margin-right: 0; }
    .title-list-teacher ul li {     margin: 5px 2px; }
    .list-box-gv-db ul li { width: 23%; }
    .list-box-gv-db p { font-size: 12px; }
    .box-txt-app ul li { width: 44%; float: left; }
    .box-news-mini { width: 95%; margin: 10px; }
    .pdNoneb { padding: 0; }
    .box-cate-list-blogs p { width: 63%; }
    .img-blog-news { width: 96%; }

    .unica-box-course-hot .box-pop { margin-bottom: 20px; }
    .u-box-lt a { font-size: 16px; }
    .hei2 {     height: 255px; }
    .app-connect { float: left; }
    .social-connect p {     margin: 22px 0 13px 0 !important; }
    .unica-lt-box li { width: 22%;    float: left;    margin: 15px 10px;    margin-bottom: 15px; }

    .course-new-2020, .course-3-slide-new { margin-top: 20px;}
    .course-new-hot-2020 { margin: 20px 0; }

    .box-t-mi i { margin-right: 5px; }
    .box-t-mi span { padding: 0; }
    .new-inner-box-ct { text-align: left; padding-right: 5px }
    .u-tags-mini p { font-size: 13px; }
    .tit-box-top-tca h5 { font-size: 18px }
    .name-box-top-tca p {font-size: 20px; margin: 10px 0;}
    .btn-bc-gv a {     padding: 15px 15px; }
    .icon-bc-gv { padding: 54px 0 30px 0  }
    .unica-active-course {  padding: 12px 10px; }
    .unica-active-course i { margin-left: 0; }

    .u-blog-new-menu .navbar-brand { padding: 10px 0; }
    .search-form { margin-top: -50px; }
    .interested-post { margin-bottom: 20px; }
    .box-slider-info { bottom: -160px; }
    .u-blog-new-content .slider-blog .swiper-container .swiper-wrapper .swiper-slide { margin-right: 10px !important; }


    .menu-learn-v2 { padding: 0 }
    .menu-learn-v2 .mln-logo { width: 100%; margin-top: 10px }
    .menu-learn-v2 .mln-name-course { margin-left: 0; width: 100%; }
    .flr-mb { float: right; }

    .menu-learn-v2 .mln-progress-course .title-progress {    font-size: 15px;}
    .menu-learn-v2 .mln-btn-course i { margin: 0 5px; }

    .menu-learn-v2 .mln-btn-course { margin-top: 9px; }
    .menu-learn-v2 .mln-progress-course { margin-top: 5px; }
    .u-detail-session { margin-top: 5%; }
    .menu-learn-v2 .mln-progress-course .progress { margin-bottom: 17px; }
    .u-detail-session .mgpd-new { margin: 0; }
    .pad-sm-new { padding: 0; }
    .u-detail-session .u-list-course { margin-top: 15px !important;  }
    .menu-learn-v2 .mln-name-course p { font-size: 18px; margin-top: 5px; }
    .txt-certi-lp { height: 16rem }
    .img-certi-lp { height: 23rem }
    .lp-box-section2 {    background: #033290;    padding: 25px 0;    text-align: center;    display: block;    border-radius: 5px;    height: 20rem;    margin: 0 auto; width: 100%; top: 0; position: unset;}
    .lp-cer-section1 { text-align: center; }
    .img-certi-lp img {    position: relative;    top: 47%;    transform: translateY(-50%);    width: 69%;    margin: 0 auto;}
    .row-lp-s4 { margin-top: 1%; }
    .box-shape-lp { height: 13.375rem; width: 14.125rem; }
    .lp-cer-section4 .container { width: unset; }
    .lp-cer-section4 h3 { font-size: 30px; }
    .row-clear h4 { font-size: 26px; }
    .lp-cer-section5 p { font-size: 48px; transform: translateY(9%); }
    .box-cer-reg a { float: left !important; margin: 10px 0; }
    chat-widget { bottom:  40px }

}

@media (min-width:375px) and (max-width:414px) {
    .course-popover .detail-popover { display: none !important; }
    .number-big-rate { left: 80px; }
    .top-4-banner-new img { margin-bottom: 10px; }
    .course-new-2020 { margin-top: 30px; }
    .load-more-new { margin-top: 13px; }
    .buy-group-row {
        flex-direction: column;
        gap: 15px;
    }
}

@media (min-width:320px) and (max-width:375px) {
    .number-big-rate { left: 77px; }
    .u-detail-time { margin-top:15px }
    .buy-group-row {
        flex-direction: column;
        gap: 15px;
    }
}
@media (max-width:320px) {
    .number-big-rate { left: 50px; }
}
@media (min-width:321px) and (max-width:415px) {
    .unica-main-banner-box-search { right: 12%; }
    .unica-box-course-hot { width: 100%; }
    .unica-box-course-hot .u-tab { width: 100%; }
    .box-pop { width: 100%; display: inline-block; }
    .course-box-slider { width: 100%; }
    .course-box-slider-2 { width: 100%; }
    #footer2 ul { display: inline-block; }
    #footer2 p, #footer2 a { font-size: 14px; }
    .des-unica h4, .app-unica h4 { margin: 30px 0 0 0; }
    .u-tab a { color: #fff }
    .u-list-course .col { padding: 10px 10px; }
    .u-membership-block-napthe h3 {font-size: 32px;}
    .block-napthe {width: 100%; padding: 30px 0px;}
    .block-napthe .form-control {font-size: 24px;}
    .u-membership-block-1 {height: auto;}
    .buy-group-row {
        flex-direction: column;
        gap: 15px;
    }
}

/*

          ==============================================================
                   Unica Group Css
          ==============================================================
*/
.db-group { padding: 20px 0 0 0; }
.db-group p {   margin-bottom: 30px; border-bottom: 1px solid #fff; width: 100%; padding-bottom: 5px; font-size: 20px; }
.box-ulti-group { margin-bottom: 30px; display: inline-block; }
.box-ulti-group img { border: 3px solid #fff; border-radius: 100%; float: left; width: 15%;  }
.box-ulti-group p { font-size: 14px; font-weight: normal; border: none; margin-bottom: 0px; }
.box-ulti-group ul { float: left; width: 70%; margin-left: 40px;}
.tabbable-panel .u-group-box-lg {border-radius: 5px; margin: 15px 0; display: inline-block; background: #fff; width: 100%; }
.u-group-box-lg { border: 1px solid #ccc; border-radius: 5px; padding: 10px; margin: 15px 0; display: inline-block; background: #fff; width: 100%; }
.u-group-box-lg p { font-weight: bold; margin-bottom: 5px; }
.ugb-lg-box { border: 1px solid #ccc; padding: 0; width: 100%!important; float: left; margin-bottom: 10px; background: #fff;}
.ugb-block-txt {padding: 0px 0px 0px 10px;display: inline-block;width: 100%;}
.ugb-block-txt .c100 { margin: 0 0.2em 0.2em 0; }
.ugb-lg-box:first-child {margin-left: 0px;}
.ugb-block-img { position: relative; }
.ugb-block-img::after {  display: block;  position: relative;  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);  margin-top: -120px;  height: 120px;  width: 100%;  content: '';}
.ugb-block-img p { position: absolute; bottom: 5px; left: 10px; color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35); z-index: 2;}
.ugb-block-txt span {float: right}
.ugb-block-txt sup { font-size: 12px; }
.ugb-block-txt p { margin-top: 5px; font-size: 12px; margin: 8px 0px;}
.ugb-block-txt a,.ugb-block-txt button { float: left; border: 1px solid #ccc; padding: 3px 8px; border-radius: 3px; transition: 0.5s;}
.ugb-block-txt a:hover { color: #fff; background: #d4231d; }
.ugb-block-txt i { margin-right: 3px; }
.u-group-box-course { border: 1px solid #ccc; padding: 10px; background: #fff; border-radius: 3px; }
.u-group-box-course section { display: inline-block; width: 100%; position: relative;  }
.u-group-box-course p { font-weight: bold; margin: 10px 0; }
.u-group-box-course .course-box-slider { min-height: 265px; margin-right: 15px; margin-left: 0 }
.last-li { display: inline-block; position: absolute; top: 44%; right: 20px; }
.last-li i { font-size: 60px; display: block; text-align: center; }
.last-li a { transition: 0.5s }
.last-li a:hover { color: #00427b }
.des-course-g { font-size: 12px; color: #3a3a3a; display: inline-block; width: 100%; font-weight: bold; }
.des-course-g i { margin-right: 5px; }
.des-course-g p { float: left; }
.des-course-g span { float: right; margin-top: 10px; }
.u-group-box-user-edit {    border: 1px solid #ccc;    padding: 10px;    background: #fff;    border-radius: 3px; margin: 15px 0;}
.u-group-box-user-edit p { font-weight: bold; }
.u-group-box-user-edit ul li {  border: 1px solid #ccc;    padding: 10px;    background: #fff;    border-radius: 3px; display: inline-block; width: 100%; margin-bottom: 10px; }
.list-member img { float: left; border-radius: 100% ; border: 1px solid #ccc; margin-right: 10px; }
.list-member p { float: left;  margin-right: 10px;}
.list-member span { font-size: 10px; padding: 1px 5px; border-radius: 3px; background: #0054a6; color: #fff; text-transform: uppercase; font-weight: bold; }
.list-member .btn-group { float: right; margin-right: 10px; }
.list-member .btn-group ul li { border: none; padding: 0; }
.list-member button { padding: 3px 12px; }
.userbg { background: #00aeef !important; }
.pdl-0 { padding-left: 0; }
.u-group-box-user-list {   border: 1px solid #ccc;    padding: 10px;    background: #fff;    border-radius: 3px; margin-top: 10px; }
.u-group-box-user-list h4 { font-weight: bold; display: inline-block; width: 100%;padding-top: 0px;padding-bottom: 10px;border-bottom: 1px solid #ccc; }
.u-group-box-user-list .form-group a { border: none; background: none; font-size: 18px; margin: 5px; padding: 0; }
.u-group-box-user-list span { font-size: 13px; color: #575757; display: block; margin: 5px 0; }
.u-group-box-user-list h5 { float: left; font-weight: bold; }
.u-group-box-user-list h6 { float: right; font-size: 13px; }
.u-group-box-user-list ul { display: inline-block; margin-top: 5px; }
.u-group-box-user-list ul li { float: left; margin-right: 5px; }
.u-group-box-user-list img { border-radius: 100%; }
.u-group-box-user-list p { font-size: 13px; margin: 5px 0; }
.u-group-box-user-list a { color: #000; font-weight: bold; border: 1px solid #ccc; padding: 2px 15px; border-radius: 10px; background: #e1e1e1; display: inline-block; margin-right: 5px; font-size: 12px; margin-top: 5px; }
.f-sm { width: 90%; float: left; height: 25px; border-radius: 3px; margin: 5px 0; font-size: 12px;}
.group-block { display: block; }
.ugb-lg-box:last-child { margin: 0;}
#myModalMembership .des-combo {width: 65%;}
.margin-top-10 {margin-top: 10px;}
.play-video-membership {position: absolute; top: 95px; left: 75px; cursor: pointer}
/*
    MOBILE GROUP
*/

@media (min-width:992px) and (max-width:1199px) {
    .group-block .container { padding: 0; }
    .pd-l-md-0 { padding-left: 0; }
    .pd-r-md-0 { padding-right: 0; }
    .ugb-lg-box { width: 230px !important; }
    .u-group-box-course .course-box-slider { margin-right: 5px; }
    .last-li i { font-size: 24px; }
    .last-li {     right: -8px;    font-size: 12px; }
}
@media (min-width:768px) and (max-width:1020px) {
    #myPlayerID { height: 595px !important; }
}
@media (min-width:768px) and (max-width:991px) {
    .form-search-course { width: 280px; }
    .pd-l-md-0 { padding-left: 0; padding-right: 5px; }
    .pd-r-md-0 { padding-right: 0; }
    .f-sm { width: 84%; }
    .ugb-lg-box { width: 242px !important; }
    .ugb-block-img::after {     margin-top: -120px;    height: 120px; }
    .u-group-box-course ul li:nth-last-child(2) { display: none; }
    .last-li { right: 7px; }
    .more-cart a { width: 100%; text-align: left; }
    .col-cart-table .tab button:first-child { margin-right: 8px; }
    .col-cart-table .tab button { padding: 5px }
    .col-cart-table .tab button p { min-height: 44px }
    .col-cart-table .tab button span { min-height: 44px; display: block; }
    .col-cart-table .tab { margin-top: 21px }
    .col-cart-table .tabcontent p { display: grid; }

}

@media (max-width:767px) {
    .container-fb {
        padding: 0 !important;
    }

    .group-detail-head {
        display: flex;
        flex-direction: column-reverse;
    }

    .learning-path {
        margin-top: 12px;
    }
    .learn-swiper {
        height: 280px !important;
    }
    .lp-cer-section5 p { height: 15rem;text-align: center;position: relative;top: 100%;transform: translateY(35%);color: #fff;font-size: 28px;font-weight: bold;padding: 0px; }
    .lp-cer-section6 p { font-size: 26px; }
    .lp-cer-section6 .input-group .unica-form-box { margin-left: 15px; }
    .lp-cer-section6 .input-group .unica-btn-search-box-cd { padding: 10px 20px; right: -14px; }
    .lp-cer-section7 { padding-top: 20px; }
    .lp-cer-section7 .box-cer-reg button { width: 100%; }
    .box-cer-reg #btn-preview-certificate { float: none !important }
    .box-cer-reg { border-top: 1px solid #eee; padding-top: 10px; }
    .box-cer-reg #btn-preview-certificate { display: block; }
    .slider-new .carousel-inner .item { height: auto; }
    .u-list-leftbar {width: 95%}
    .u-cate-list-seo ul li {  margin: 10px 9px 0px 0px;    float: left; }
    .unica-teacher-block-2 { height: auto; }
    .box-reason-teacher ul li { width: 49%; margin-bottom: 15px;  margin: 0;}
    .col-3-steps ul li {width: 44%; margin-bottom: 20px;}
    .box-teacher-2 { margin-bottom: 10px }
    .inner-col-steps span { font-size: 14px; }
    .block-3-mbi { box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); }
    #online-payment .panel-body { padding: 0 }
    li.list-group-item:nth-child(3) { display: none !important; }


    .text-card { display: grid; }
    .u-detail-block-title h1 {font-size: 26px;}
    .box-ulti-group ul { width: 74%; margin-left: 20px; }
    .ugb-lg-box { width: auto; margin: 0; margin-bottom: 10px; }
    .u-group-box-course .course-box-slider { min-height: auto; }
    .u-dashboard-top .navbar-toggle { background: #fff; margin: 0; margin-bottom: 10px; }
    .last-li { position: unset; float: right; }
    .last-li i { font-size: 16px; }
    .col-xs-12-pd { padding-left: 15px; }
    .u-group-box-user-list { margin-bottom: 10px; }
    .remain {width: 100%; margin: 10px 0px 0px 0px; width: 100% !important; margin-left: 0px !important;}
    .deta {width: 100% !important;}
    .flash-sale2 .title-course-f p {float: left !important;}
    .deta h3 {display: none;}
    .clock-flash {margin-left: 12% !important;}
    .flash-sale { padding: 0 !important; }
    .flash-sale .title-course-flash { text-align: center; }
    .flash-sale h3 { float: none !important; margin-bottom: 20px !important; }
    .flash-sale .title-course-f p { float: none !important; margin: 0 !important; padding-bottom: 8px; }
    .flash-sale .title-course-f { text-align: center;   border-bottom: none; }

    .bottom-more { color: #fff; background: #f26c4f; padding: 10px 20px; border-radius: 5px;     display: inline-block;    margin: 1px 1px 5px 1px; }
    .uct-right .uct-name-gv { text-align: center; margin-top: 10px; }

    .u-detail-tea { width: 100%; display: inline-block; }
    .u-detail-rate {    margin: 13px 20px 0 0; }
    .u-detail-students {    margin-top: 13px; display: inline-block; margin-left: 16px !important; }
    .u-all-course .img-course img { margin-left: 0; }
    .col-cart-table { padding: 0 5px ; }
    .col-cart-table img { display: none; }
    .col-cart-table .tab button { padding: 5px }
    .col-cart-table .tab button:first-child { margin-right: 6px }
    .col-cart-table .tab button { min-height: 126px }
    .btn-one { min-height: unset !important; }
    .col-cart-table2 { padding: 0 5px; margin-bottom: 50px; }
    .col-cart-table2 .u-cart-price2 { margin-top: 0; }

    .top-4-banner-new .container { padding: 15px }
    .top-4-banner-new img { margin-bottom: 10px; }
    .course-new-2020 { margin-top: 15px; margin-left: 0; }
    .load-more-new { margin-top: 13px; }
    .top-4-banner-new { margin-top: 0 }
    #combo-home .col-lg-12 { padding: 0px; }
    .target-box .pd-3 { padding:0 3px; }
    /*-.rate-combo { width: 61%; }-*/
    .u-combo-usua .des-combo .rate-combo { width: 100%; padding-left: 100px; }
    .style-combo .main-content .u-all-course .list-course .course-box-slider .img-course img { max-height: 170px; overflow: hidden; width: 100%; min-height: 170px; }
    .u-detail-session .mgpd-new { margin: 0px; margin-top: 5%; padding: 0 15px; }
    .menu-learn-v2 .mln-name-course { margin-left: 0; width: 100%; margin-bottom: 7px }
    .menu-learn-v2 { padding: 0 }

    .menu-learn-v2 .mln-name-course p { font-size: 16px; margin-top: 10px; }
    .txt-certi-lp {     height: 22rem; }
    .img-certi-lp {    height: 13rem; }
    .lp-cer-section1 { height: 38rem }
    .lp-box-section2 {    background: #033290;    padding: 15px;    text-align: center;    display: flex;    border-radius: 5px;    height: unset;    margin: 0 auto;    width: 100%;    position: unset; margin-bottom: 10px}
    .lp-txt-s { font-size: 28px }
    .lp-box-section2 p { word-spacing: 0 }
    .lp-box-section2 img { width: 30%; height: 30%;}
    .row-lp-s4 { margin-top: 0; }
    .lp-cer-section3 h3 { position: 0 10px; font-size: 24px; }
    .box-shape-lp { height: 14.375rem; width: 100%;  margin-bottom: 20px; }
    .lp-cer-section3 p { margin: 10px; }
    .lp-cer-section3 button { margin: 20px 0; }
    .lp-cer-section4 .container { width: unset; }
    .lp-cer-section4 h3 { font-size: 26px }
    .row-clear h4 { font-size: 24px }
    .lp-cer-section4 h3 { margin-bottom: 20px }
    .row-clear { display: flex; flex-flow: column; }
    .row-clear p { margin-top: 10px; margin-bottom: 30px; }
    .lp-text { top: 50%; }


}

/*
    =================================== MOBILE GROUP ==============================
*/

/*
    =================================== BEAUTIFUL TAB BY QUANG ==============================
*/

.tabbable-panel {
    /*border:1px solid #eee;*/
    padding: 10px 10px 0px 10px;
    margin: 10px 0px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}
.tabbable-line > .nav-tabs > li {
    margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
    border: 0;
    margin-right: 0;
    color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
    color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
    border: 0;
    background: none !important;
    color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
    color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
    margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid #f3565d;
    position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
    border: 0;
    color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
    color: #404040;
}
.tabbable-line > .tab-content {
    margin-top: -3px;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0px 5px 0px;
}
.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
    margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
    border-bottom: 0;
    border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
    margin-bottom: -2px;
    border-bottom: 0;
    border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.u-membership-block-1 .membership-des {font-size: 20px;max-width: 900px; margin: auto;}
.u-membership-block-minutes {
    background: url(../images_v2018/membership/bg-mbs.jpg) repeat;
    padding: 30px 0;
    color: #fff;
    background-size: cover;
    background-position: center;
    min-height: 300px;
}

.u-membership-block-minutes .minutes-content {
    text-align: center;
    margin-bottom: 30px;
}

.u-membership-block-minutes h3 {
    font-size: 36px;
    font-weight: bold;
}

.u-membership-block-minutes p {
    font-size: 16px;
    margin: 10px 0px;
}

.u-membership-block-minutes .teacher_select {
    max-width: 600px;
}

.u-membership-block-minutes .block_lesson {
    max-width: 725px;
    margin: 0px auto;
}
.u-membership-block-minutes .block_lesson {padding: 5px;}
.block_lesson p {font-size: 18px; font-weight: bold;}

.unica-course-flash {
    margin-left: auto;
    margin-right: auto;
    border-radius: 7px;
    background-color: #df322f;
    display: block;
    position: relative;
    padding: 0 40px;
    color: #fff;
    margin : 20px 0px;
}

.unica-course-flash .title-course-flash{
    margin-left: 14px;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 0.3px;
    text-align: left;
    color: #ffffff;
    font-family: Open Sans, sans-serif;
    padding: 0 20px;
    line-height: 47px;
}
.unica-course-flash .timer-text {
    float: left;
    padding: 0 20px;
    height: 49px;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 49px;
    letter-spacing: -0.2px;
    text-align: right;
    color: #ffffff;
}

.unica-course-flash .col-sm-3,.col-sm-6 {margin-top: 0px;}
.unica-course-flash .view-more {
    width: 170px;
    height: 46px;
    border-radius: 7px;
    background-color: #ffffff;
    float: right;
    line-height: 46px;
    padding: 0 20px;
}
.unica-course-flash .view-more a span {
    min-width: 90px;
    height: 46px;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 46px;
    letter-spacing: -0.2px;
    text-align: center;
    color: #464646;
    margin-right: auto;
}
.unica-flash-containt {margin: 20px 0px;}


/*
          ==============================================================
                   Unica show cart Css
          ==============================================================
*/

.show-cart{width: 350px;  position: absolute;top: 62px; background: #fff; z-index: 99;display: none;}
.show-cart h6{text-align: center;text-transform: uppercase; line-height: 32px;color: #000;}
.show-cart span{color: #0975b4;font-weight: 600;}
.show-cart .list_cart{width: 96%;float: left;  padding:5px 0;margin-left: 2%; height: 208px; overflow: scroll; overflow-x: hidden;}
.show-cart .list_cart img{width: 100px; height: auto; float: left; margin-right: 10px;margin-left: 5px;margin-top: 5px;}
.show-cart .product-item-details{float: left;width: calc(100% - 120px); margin-right: 5px;}
.show-cart .product-item-details h4 { color: #180000;font-size:13px;max-height: 36px; overflow: hidden;}
.show-cart .product-item-details .cart-price{color: #f26c4f;font-weight: 600;margin-top: 10px;float: left;}
.show-cart .product-item-details .qty{float:right;margin-top:10px;font-size: 13px;}
.product-item-cart{border:1px solid #cccccc42;background: #eeeeeeb5;width: 100%; float: left;margin-bottom: 5px;}
.show-cart .pay-cart{width: 96%;margin-left: 2%;border-top:1px solid #ccc;float: left;}
.show-cart .pay-cart .total{float: left;font-size:20px;color: #000;width: 100%;margin-top: 10px;}
.show-cart .pay-cart a{width: 100%; border-radius: 0px;margin-top: 10px; margin-bottom: 15px; background: #f26c4f;border:1px solid #f26c4f;}
.list_cart::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.list_cart::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.list_cart::-webkit-scrollbar-thumb{background-color: #f26c4f;}
.product-item-details span.glyphicon.glyphicon-remove-sign { color: #FC0000;font-size: 16px;margin-top: 10px; }

/*-Flash-Sale-*/
.flash-sale { background: url(/icon/bg-fs.png) no-repeat; padding: 20px; position: relative; background-size: cover;  }
.flash-sale .title-course-f { margin-bottom: 10px; display: inline-block; width: 100%;}
.flash-sale h3 { color: #ff0; margin: 0 20px; font-size: 40px; float: left; }
.flash-sale .unica-box-course-f .slick-prev:before, .flash-sale .unica-box-course-f .slick-next:before { font-size: 20px; color: #ff0; }
.flash-sale .unica-box-course-f .slick-prev { left: -25px; }
.flash-sale .unica-box-course-f .slick-next { right: -20px; }
.flash-sale .unica-box-course-f .fa-chevron-right, .flash-sale .unica-box-course-f .fa-chevron-left {    position: absolute;    top: 150px;    right: -26px;    font-size: 25px;    cursor: pointer;    transition: 0.5s;    color: white;}
.flash-sale .hidden-xs { border: none !important; }
.icon-fs { position: absolute; z-index: 2; top: -5px; left: -9px; }
.flash-sale .title-course-f p { color: #fff; font-size: 18px;  float: left; margin: 16px 0 0 55px; }
.flash-sale .title-course-f span { border-radius: 100%; border: 2px solid #fff; padding: 9px 10px 9px 10px; }
.flash-sale .title-course-f a { color: #000; background: #fff; font-size: 14px;  float: right; margin: 10px 20px 0 0; border: 1px solid #fff; padding: 10px 20px; border-radius: 5px; font-weight: bold;  }

.flash-sale2 {display: block; background: #eaeaea;}
.flash-sale2 .course-box-slider { border: none; }
.flash-sale2 .title-course-f { margin-bottom: 10px; }
.flash-sale2 h3 { color: #ff0; font-style: italic; margin: 0 20px; font-size: 40px; float: left; }
.flash-sale2 .unica-box-course-f .slick-prev:before, .flash-sale2 .unica-box-course-f .slick-next:before { font-size: 20px; color: #ff0; }
.flash-sale2 .unica-box-course-f .slick-prev { left: -25px; }
.flash-sale2 .unica-box-course-f .slick-next { right: -20px; }
.icon-fs { position: absolute; z-index: 2; top: -5px; left: -9px; }
.flash-sale2 .title-course-f p { color: #fff; font-size: 13px;  float: right; margin: 15px 0 0 0 !important;  }
.flash-sale2 .title-course-f span { border-radius: 100%; border: 2px solid #fff;     padding: 6px 9px 6px 8px; }
.flash-sale2 .title-course-f a { color: #000; background: #fff; font-size: 14px;  float: right; margin: 10px 20px 0 0; border: 1px solid #fff;    padding: 8px 20px 7px 20px; border-radius: 5px; font-weight: bold;  }


.flash-sale2 .title-course-f .deta { background: #00a3ea !important; display: inline-block; width: 70%; border-radius: 5px; margin-left: 2px; padding: 10px ; }
.remain { background: #00618c; display: inline-block; width: 27%; border-radius: 5px; margin-left: 20px;  }
.remain p { font-size: 16px !important;      padding: 27px 13px 26px 13px !important;    margin: 0 !important; display: inline-block; width: 100%; text-align: center; font-weight: bold !important;}
.banner-fs { display: block; margin-bottom: 30px; }
.show-cart #box{display: none;}

.top-title { display: inline-block; width: 100%; padding: 10px 0; text-align: center; color: #fff; font-weight: bold; background: #f91616;}
.top-title p { margin: 0 10px; display: inline-block; font-size:18px;}
.top-title-1 { color: #ff0; }
.top-title-2 span { font-size: 20px; }
.header-favorite {font-size: 26px; font-weight: bold; padding: 10px 0px;}
.header-sale {font-size: 26px; font-weight: bold; padding: 10px 0px; color: #fff}
.title-sale {font-size: 24px;margin: 10px 0 30px !important;display: block; color: #fff;}
.btn-next-step {padding: 20px; width: 260px;}
.bounce {    -webkit-animation: bounce .3s infinite alternate;    -moz-animation: bounce .3s infinite alternate;    animation: bounce .3s infinite alternate;}
@-webkit-keyframes bounce {  to { -webkit-transform: scale(1.05); }}@-moz-keyframes bounce {  to { -moz-transform: scale(1.05); }}@keyframes bounce {  to { transform: scale(1.05); }}
.clockdiv {line-height: 36px;}
.top_clock {
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #ccc;
    text-align: center;
    width: 65px;
    height: 65px;
    background: #fff;
    color: #f00;
    line-height: 40px;
}
.box_course .course-box-slider{min-height: 328px;max-height: 328px;}
.box_course .active-course{width:100%;border-radius:0px;}
.box_course .box-pop a{margin:0 7px 0 0!important;}
.box_course .title-course {font-weight: bold; min-height: 38px; max-height: 38px;overflow: hidden;}
.box_course .des-gv {min-height: 34px;max-height: 34px; overflow:hidden;}
.header_ft{margin-top:15px;}
.header_ft h4{font-weight: 600;}
.title-text{margin-top: 30px;float:left;width: 100%; line-height: 35px;}
.member_search{width: 100%;float:left;margin-bottom:15px;background: #e1e1e1;padding:20px 0;}
.member_search h1{font-weight: 600;font-size:32px;text-align: center;margin-bottom: 15px;}
.member_search input::-webkit-input-placeholder {text-align: center;}
.member_search input:-moz-placeholder {text-align: center; }
.member_search input::-moz-placeholder {text-align: center;}
.member_search input:-ms-input-placeholder {text-align: center; }
.stylish-input-group .input-group-addon{background: white !important; }
.stylish-input-group .form-control{border-right:0;box-shadow:0 0 0; border-color:#ccc;}
.stylish-input-group button{border:0;background:transparent;}
.box_category{width: 100%;float:left;background:#f2f2f2cc;}
.box_category p{margin:15px 0 15px 0;}
.box_category a{color:#fff;}
.box_category .list_cate{width:200px; margin:15px 30px;line-height: 40px;border-radius: 4px;color:#fff;font-weight: 600; background: #0a75b5;}
.box_combo{margin-top:15px; width: 100%;float:left;}
.heading_style a{width:100%;background: #f49508!important; text-transform: uppercase; padding:0 40px;}
.heading_style a.tag-item.active::after {border-left: 10px solid #f49508;}
.multiple-items .slick-slide { margin:10px !important; display: block;}
.multiple-items .slick-prev {left: -21px; z-index: 2;background: #958b8c;color: #be000b !important;border-radius: 4px;width: 30px;height: 30px;}
.multiple-items .slick-next{right: -22px;z-index: 2;background: #958b8c;color: #be000b !important;border-radius: 4px;width: 30px;height: 30px;}
.multiple-items img{width:100%;}
.multiple-items a{padding:0 20px;position: absolute;line-height: 30px;bottom:10px; left: 35%;background:#fff !important;}
.multiple-items li {position: relative;}
.border_marketing {margin-bottom:15px;color:#000;border:1px solid #d7d7d7; display: block;border-radius: 10px;}
.box_sales{margin-top:15px;}
.border_marketing img{border-top-left-radius:10px; border-top-right-radius: 10px;}
.box_marketing button{font-weight:bold;text-transform:uppercase;width:96%; margin:10px 2%;background: #db3f16;border:none;}
.color_a{color:#333;font-style: italic;text-decoration:underline;}
.border_marketing .title-course{color:#333 !important;}
.bg_button{background: #5cb85c !important;}
#membership_modal .modal-body,#membership_success .modal-body {height: 200px;font-size: 30px; text-align: center; font-weight: 600;margin-top: 100px;color: #ef3107;}
#membership_modal .modal-header{background: #e52f48; color: #fff; text-transform: uppercase;}
#membership_success .modal-header{background: #5cb85c ; color:#fff;text-transform: uppercase;}
.member_search span.label.label-danger.text-center{margin-top: 10px;;margin-top:10px;float:left;font-size: 12px;line-height: 20px;margin-left: 20%;}
a.btn.btn-success.margin-top-10 { line-height: 30px; border-radius: 4px;background: #5cb85c; color: #fff;}
.box_noti{width: 100%;float:left;background: #0975b4;font-size:18px;color:#fff;line-height: 35px;padding-left: 15px;font-weight: 600;}
.style_a{color: #333;}
.error_search h2{line-height: 32px; font-weight: 600;margin: 0; margin-bottom: 16px;font-size:20px;}
.error_search p{margin:0;line-height: 30px;font-size:16px;}
.fw500{font-weight: 500;}
.error_search ul{margin-left: 30px;line-height: 30px;}
.error_search .border_under{border-bottom: 2px solid #f67052;float:left;border-top: 2px solid #f67052;margin-top:30px;font-size:20px;font-weight: 500;}
.error_search img,.search_style{float:left;margin-right:50px;}
.error_search li{list-style-type:circle !important;}
.inner-scroll { display: inline-block; width: 100%; background: #fff; padding: 10px; position: fixed; bottom:  0; z-index: 99; border: 1px solid #ccc; }

.price-inner {  font-weight: bold; float: right; width: 49%; margin: 8px 0  }
.price-inner a  {    color: #fff;background:  #0bb732;    font-size: 14px;    border-radius: 5px;    padding: 10px 0;    font-weight: bold;    text-transform: uppercase; width: 100%;display: block;text-align: center;}
.price-inner  sup {    font-size: 12px;}
.btn-inner { float: left; margin: 7px 0; width: 30%; }
.btn-inner a { color: #fff; background: #df322f; font-size: 12px; border-radius: 5px; padding: 9px 0; font-weight: bold; text-transform: uppercase; width: 100%;display: block;text-align: center; }



@media (max-width:767px) {
    .unica-lt-box li { width: 30%; float: left; margin: 5px 5px; margin-bottom: 15px;    }
    .u-tags-mini p { font-size: 14px; }
    .u-tags-mini i { font-size: 20px }
    .u-tags-mini { padding: 7px 3px; min-height: 77px; }
    .u-tab > ul > li > a {display: flex; align-items: center;text-align: center;}
    .sub-blog { background: none; border: none; }
    .interested-post { margin-left: 0 !important; }
    .interested-post .swiper-pagination { display: none; }
    .u-blog-new-menu .navbar-toggle .icon-bar { background: #000; }
    .post-content .post-image-feature img { height: 150px; }
    .post-content h1 { font-size: 16px; line-height: 25px; }
    .post-content .post-info {     bottom: 10%;    margin: 10px;  font-size: 14px;}
    .box-slider-info a { font-size: 14px; max-height: 36px; overflow: hidden; display: block; }
    .post-content .post-info .post-publish {margin-right: 25px;}
    .box-slider-info p { display: none; }
    .sub-blog-title {     padding: 10px 0px 20px 0; font-size: 16px }
    .sub-blog { margin-top: 0; }
    .post-content h1:after { display: none; }
    .blog_content { margin-bottom: 10px; padding: 15px; }
    .post-content .pdNoneb { padding: 0; }
    .u-blog-new-menu .navbar-brand {        padding: 11px 3px 13px 0;    font-size: 14px; }
    .blog_content p { margin: 10px 0 !important; line-height: 26px; }
    /*.u-blog-new-menu .navbar-toggle {     margin-right: 15px;    padding: 8px 0px;    margin-top: 15px; }*/
    .box-cate-list-blogs p { width: 67%; }
    .box-item-blog .post-item a.title {      font-size: 16px;      font-weight: 600;      color: #555555;      padding: 0 10px;  }
    .box-item-blog .post-item .post-info {      padding: 30px 10px 15px;  }
    .box-item-blog .post-item{    margin-bottom: 25px;  }
    .text-mobi{text-align: center;width: 100%;}
    i.fa.fa-chevron-right {    font-size: 12px;}
    .u-blog-new-content .no-padding-xs { padding: 5px; }
    #tawkchat-minified-box #tawkchat-chat-indicator { display: none; }
    .u-block-cmhv .ava-hv { width: 18% }
    .u-block-cmhv   .block-hv { width: 80%; }
    .u-block-cmhv .block-inner { margin-left: 0; }
    .u-block-cmhv .cm-hv { margin-left: 0; }


    .u-teacher-top { height: auto; }
    .u-teacher-right { margin-top: 0; float: none; }
    .u-teacher-right p { font-size: 26px; }
    .u-teacher-right ul li { margin: 0 5px; width: 29% }

    .utt-bot { padding-bottom: 20px; }
    .des-ubc-course { margin: 0; }
    .lp-bc-price {width: 100%}
    .lp-bc-price .price-b { display: inline-block; width: 100%; }

    .unica-about-block-6 span { text-align: justify; }
    .unica-about-block-6 ul li { width: 100%; margin-bottom: 10px;}
    .unica-about-block-5 ul li  { width: 100% }
    .page-subheader__inner { height: auto; padding-bottom: 10px; }
    .page-subheader__container { width: 90%; }
    .page-subheader__title { font-size: 26px; line-height: unset; }
    .page-content--single, .page-content--single-wide { padding: 0 10px; }
    .page-title, .search-title, .block--blurb .block__title, .block--post .block__title { font-size: 24px }
    .block__title-link { font-size: 20px;}
    .block--linklist .block__body { padding-right: 10px; }
    .list { margin-left: 15px; }
    .search--subheader .search__input { font-size: 14px; }
    .u-blog-new-menu .navbar-brand:first-child { padding-top: 7px ; height: 0; top: 4px; position: relative; }
    .blog-new { margin: 0; }
    .u-blog-new-content .slider-blog { height: unset; }
    .u-blog-new-content .slider-blog .swiper-container { height: unset; }
    .box-slider-info { bottom: 40px; }
    .interested-post .swiper-container .swiper-wrapper { background: #fff; }
    .interested-post .swiper-container .swiper-wrapper .post-title {         margin-left: 5px;    float: left; }
}
.u-detail-course .u-detail-block-right .btn-coupon {background-color: #eee;}
.u-detail-course .u-detail-block-right .btn-coupon:hover {background-color: #ccc; }
.u-block-cmhv .time-hv {opacity: 0.5; font-size: 12px;}
.btn-coin-access {background-color: #f38871; color: #fff;}
.tab-detail{width:100%;background: #fff; display: inline-block; margin-top:10px;border: 1px solid #d7d7d7;border-radius: 3px; }
.tab-detail li{float: left; padding:15px 24px;}
.tab-detail li a{color:#333; font-weight: bold;}
.tab-detail ul{width:100%;}
.tab-detail li:hover{background: #e1e1e1; color: #000;}
.blog_content img {    height: 100% !important; }


@media (max-width:767px) {
    .hidden-lg { padding: 0; }
    .scroll-bar-detail h1 { font-size: 16px !important; }
    .carousel-inner img { height: unset; object-fit: unset; margin-left: 0; width: 100%; }
    .slider-new { height: unset; margin-bottom: 10px; }
    .owl-carousel .owl-item img { height: auto !important; object-fit: unset !important; width: 100% !important; margin-left: 0 !important; }
    .box-pop3 { float: none;  height: auto; }
    .box-pop3 .img-course {  width: 100%; height: auto; }
    .box-pop3 .course-box-slider .img-course img { height: 100%; width: 100%; margin-left: 0; border-radius: 10px;  }
    .box-pop3 .course-box-slider { width: 100% !important; padding: 0; height: 100%; border-radius: 10px; min-height: 146px; }
    .bg-gray .container { padding: 0; }
    .box-pop2 { height: 305px; width: 100%; }
    .box-pop2 .content-course { width: 64%; display: inline-block; }
    .unica-course { padding: 0 !important; }
    .course-box-slider-2 { width: 100% !important ; padding-right: 7px; }
    .target-box-inner { width: 100%;padding: 7px 0; margin-bottom: 0; }
    .box-txt-new span {    font-weight: 600;    text-align: left;    float: left;    font-size: 14px;}
    .new-spk h4 { font-size: 20px; }
    .new-spk ul { display: flex; }
    .new-spk ul li { margin: 10px; }
    .new-spk { margin-bottom: 20px; }
    .box-pop3 .course-box-slider .img-course img {     max-width: 100%;    width: 100%; border-radius: 10px; }

    .box-slider-blog img { height: 160px; }
    .box-slider-info { padding: 10px 10px 5px 10px !important; min-height: 57px; }
    .box-item-blog .post-item { min-height: 300px !important; }
    .sub-blog { background: none; border: none; }
    .pd10 { padding: 0px 10px }
    /* .unica-main-banner { height: 390px !important; background-size: cover; background-position: -177px !important; */
    .sm-mobile-menu {    background: #fff;  min-height: 43px;  text-align: center; position: relative; }
    .col-3-mb { text-align: left; margin-top: 5px;  display: block; }
    .col-3-mb i { float: left; color: #f26c4f; font-size: 19px;     margin: 7px 6px 0px 4px; }
    .col-3-mb p { color: #000; width: 91%; font-size: 12px; }
    .block-3-mbi li { display: inline-block; width: 25%; }
    .block-mb-top ul { margin-right: 2px;}
    .sm-navi-btn span { display: block; font-size: 6px}
    .sm-navi-btn {    float: left;     position: relative;    top: 3px;    margin-right: 6px;    right: 2px;}
    .sm-navi-btn i {font-size: 20px; color: #505050; margin: 10px}
    .des-combo {width: 100%;}
    .navibar-mobile .navbar-offcanvas {    background: #fff;}
    .logo-mobile img { max-width: 110px; margin: 8px 15px 0 0; }
    .logo-mobile a {display:block;width: 110px;height: 26px;background: url('https://unica.vn/media/img/logo-unica.svg') no-repeat left top;margin-top: 7px; }
    /*.logo-mobile a {display:block;width: 110px;height: 26px;background: url('https://unica.vn/img_tet/logo-tet-2021.svg') no-repeat left top;margin-top: 7px; }*/
    .sidenav-brand {    background: #eee !important;    padding: 22px 0px;    position: relative;}
    .sidenav-brand .remove-navibar {    position: absolute;    top: 8px;    left: 21px;}
    .remove-navibar {    float: left;}
    .sidenav-brand .remove-navibar i {    color: #757575;    font-size: 28px;}
    .remove-navibar i {    color: #fff;    margin-right: 30px;}
    .sm_logo_brand {    text-align: center;}
    .sm_logo_brand img {    max-width: 110px; }
    .navbar-offcanvas ul {    padding: 0px;    margin: 0;    text-align: left;}
    .sm-customize-menu li {    display: inline-block;    width: 100%;}
    .sm-customize-menu li a {    padding: 10px;    padding-left: 20px;    font-size: 14px;    color: #333;}
    .sm-customize-menu li a i {    font-size: 15px;    color: #555;    padding-right: 10px;    position: relative;}
    .sidenav-footer {    padding: 10px 20px;    border-top: solid 1px #eee;}
    .sidenav-footer h4 {    color: #fff;    display: block;    padding: 16px;    font-size: 14px;    text-transform: uppercase;    margin: 0;    background: #ccc;    font-weight: bold;}
    .sidenav-footer ul {    padding: 0;}
    .navbar-offcanvas ul {    padding: 0px;    margin: 0;    text-align: left;}
    .nav.navbar-nav.navbar-right { display: flex; justify-content: center; }
    .sidenav-footer ul li {    padding: 5px 0px;    font-size: 16px;    color: #212121;}
    .sidenav-footer ul li i {    font-size: 22px;    padding-right: 10px;    position: relative;    top: 4px;    color: #757575;}
    .cart-mobile {       color: #EC5252;    font-size: 22px; position: absolute;    top: 12px;    right: 68px;}
    .group-mobile { color: #EC5252;    font-size: 22px; position: absolute;    top: 12px;    right: 104px; }
    .block-mb-top { margin-top: 10px; display: -webkit-flex;    display: -moz-flex;    display: -ms-flex;    display: -o-flex;    display: flex; margin-left: 5px;  float: right;}
    .block-mb-top i { font-size: 18px }
    .block-mb-top ul li { display: inline-block; }
    .noti-mobile {    color: #505050;    font-size: 22px; position: relative; }
    .noti-mobile span { background: #f00; border-radius: 100%; font-size: 11px; padding:0 5px; color: #fff;  position: absolute; top: 2px; right: -8px }
    .c_header__search-wrapper {    height: 44px;    padding-top: 10px;}
    button:focus { outline: none; }
    .c_header__mobile-bt {    background: transparent;    border: none;}
    .c_header__mobile-bt i {    color: #505050;    font-size: 22px;    padding-top: 1px;}
    .c_header__search {    background: #fff;    display: none;    border-top: none;    bottom: 0;    box-shadow: 0 2px 1px #dedfe0;    left: 0;    padding: 10px 15px 15px;
        position: absolute;    right: 0;    top: 44px;    visibility: visible;    z-index: 2;    height: 60px;}
    .logo-mobile { margin-left: -40px; }
    .sm-form {    font-size: 13px;    font-style: italic;    height: 40px;    border-radius: 25px; background: #fff; border: #e1e1e1 solid 1px;}
    .sm-btn-search {    position: absolute;    right: 9px; top: 11px;    background: none;    color: #f58829;    font-size: 22px;}
    .login-mobile {   float: right;height: 44px;padding-right: 9px;padding-top: 9px;position: relative;cursor: pointer;}
    .ava-img {    display: inline-flex;    vertical-align: middle;    align-items: center;    justify-content: center;    width: 30px;    height: 30px;    border-radius: 100%;
        background-repeat: no-repeat;    background-position: center center;    background-size: cover;    overflow: hidden;    cursor: pointer;}
    .ava-img .fa { color: #505050; font-size: 20px;}
    .login-mobile .user-login-panel {top: 45px;right: 0;left: auto;box-shadow: 4px 4px 14px 2px rgba(0,0,0,0.06) !important;border-radius: 3px;border: none !important;padding: 10px;}
    .popover-content { padding: 5px 10px;}
    .popover .popover-content .btn { color: #333; width: 150px; text-align: left; }
    .btn-block + .btn-block {    margin-top: 5px;   }

    .unica-main-banner-box-search h4 { font-size: 24px; padding: 0 10px; margin-bottom: 15px; }
    /* .unica-main-banner { height: 320px; } */
    .unica-main-banner-box-search { right: 5%; top: 55%; }
    .unica-btn-search-box { top: 2px; right: -27px; padding: 10px 13px; }
    .unica-form-box {       width: 123% !important;    margin-left: -30px; font-size: 15px; height: 44px;}
    .u-box-search { width: 100%; }
    .u-box-search form { margin: 0; }
    .unica-iq {margin: 20px 15px;}
    .unica-iq a { padding: 10px 15px; font-size: 16px; }
    .unica-big-slider h4, .unica-learn-today h4 { font-size: 18px; text-transform: none; }
    .box-item { width: 50%; }
    .box-item:last-child { display: none; }
    .unica-lt-box { display: flow-root; }
    .unica-iq { margin: 10px 0; padding: 10px 0; }
    .u-banner-big { padding: 7px; }
    .box-slider > .slick-prev:before, .slick-next:before { font-size: 20px !important; color: #606060 !important; }
    .box-slider .slick-prev { left: -15px; }
    .box-slider .slick-next { right: -15px }
    .box-slider img { padding: 0; height: auto; }
    .target-box  { width: auto; }
    .target-box .col-xs-12 { padding: 0px 5px 0 3px; }
    .u-title-footer { font-size: 16px; margin-left: -4px; width: 103%; }
    .u-title-footer i {     margin: 8px 4px 0 0;        font-size: 25px;    }
    .unica-main-banner-box-search { right: 10%; }
    .unica-learn-today h4 { margin: 15px 0; font-size: 15px; text-transform: none; }

    /*=================sá»­a lại item khĂ³a học về dạng ngang=================*/
    /*.course-box-slider { margin-bottom: 10px; width: 280px; min-height: 115px;max-height: 135px;  border-bottom: 1px solid #ccc; border-right: 0; border-top: 0; border-left: 0;  margin: 5px 0; display: inline-block; width: 100%; padding-right: 7px; }*/
    /*=================sá»­a lại item khĂ³a học về dạng ngang=================*/
    /*=================sá»­a lại item khĂ³a học về dạng đứng=================*/
    .course-box-slider { margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #ccc; border-right: 0; border-top: 0; border-left: 0;  margin: 7px 0; display: inline-block; width: 100%; padding-right: 0px; max-height: 100%;}
    .unica-big-box .course-box-slider { margin-bottom: 10px; width: 280px;  border-bottom: 1px solid #ccc; border-right: 0; border-top: 0; border-left: 0;  margin: 5px 0; display: inline-block; width: 100%; padding-right: 0px;max-height: 294px; height: 294px;}
    .box-pop3 .course-box-slider { margin-bottom: 10px; width: 280px;  border-bottom: 1px solid #ccc; border-right: 0; border-top: 0; border-left: 0;  margin: 5px 0; display: inline-block; width: 100%; padding-right: 0px;height: 0px;}
    /*=================sá»­a lại item khĂ³a học về dạng đứng=================*/
    .n-rate { font-size: 12px; margin-top: -2px; position: absolute; }
    .course-box-slider-2 { margin-bottom: 10px; width: 280px; min-height: 115px;max-height: 130px;  border-bottom: 1px solid #ccc; border-right: 0; border-top: 0; border-left: 0;  margin: 5px 0; }
    .price-a { font-size: 18px;margin: 0 5px; }
    /*=================sá»­a lại item khĂ³a học về dạng ngang=================*/
    /*.img-course {        height: 87px;    overflow: hidden;    min-width: 87px;    width: 87px;    float: left;  border-radius: 10px 0 }*/
    /*.img-course img {         max-width: none;    width: auto;    height: 87px;    margin-left: -34px; border-radius: 0  }*/
    /*=================sá»­a lại item khĂ³a học về dạng ngang=================*/
    /*=================sá»­a lại item khĂ³a học về dạng đứng=================*/
    .img-course { height: auto;    overflow: hidden;    min-width: 87px;    width: 100%;    float: left;  border-radius: 5px 5px 0px 0px; }
    .img-course img {         max-width: none;    width: 100%;    height: auto; border-radius: 5px 5px 0px 0px;  }
    /*=================sá»­a lại item khĂ³a học về dạng đứng=================*/
    .des-gv { display: none; }
    .price-c { display: none; }
    .title-course-f { width: 100%; display: inline-block;  font-size: 18px; padding: 10px 0 5px 0; text-transform: none; margin: 0;}
    .title-course-f h3 { float: left;margin: 0;padding: 0; }
    .title-course-f a  { margin: 7px 0px; }
    .price-course { border: 0; padding-top: 0; margin: 0 !important; display: inline-block; width: 100%; padding-left: 5px; }
    .unica-box-course-hot .u-tab { display: inline-block; border-bottom: 1px solid #ccc;  width: 100%;   }
    .unica-big-box { margin: 0; }
    .total-cart { border-top: none; }
    .unica-target h4 { font-size: 18px; margin-bottom: 5px; }
    .unica-reason h4 { font-size: 18px; margin-top: 10px; text-transform: none;}
    .box-t-mi p { left: 63px; }
    .txt-reason { font-size: 14px; }
    .txt-reason span { font-size: 12px; }
    .reason-4 { margin-bottom: 15px; }
    .u-title-footer p { font-size: 24px; }
    .img-reason { margin: 0 auto; width: 50%; }
    .pdm-No { padding: 0; }
    .unica-be-teacher { background: #44a9d5;height: 170px;  }
    .unica-be-teacher-txt { top: 15%; }
    .unica-be-teacher-txt a{  padding: 7px 35px;    font-size: 14px; }
    .unica-be-teacher-txt p { font-size: 14px; }
    .unica-be-teacher-txt h4 { font-size: 32px; }
    .unica-top-teacher h4 { font-size: 18px; text-transform: none; }
    .name-teacher { font-size: 16px; margin: 10px 0; }
    .des-teacher { margin: 10px 5px; }
    .img-teacher { margin-top: 10px; }
    .slick-prev:before, .slick-next:before { font-size: 20px !important; color: #606060 !important; }
    .box-teacher > button.slick-prev.slick-arrow { left: -15px; }
    .box-teacher > button.slick-next.slick-arrow { right: -15px; }
    .pdl { padding: 0 10px; }
    .pdm { padding: 0 10px; }
    .app-unica ul li { float: left; margin-right: 11px; margin-bottom: 0; }
    #footer2 ul { font-size: 14px; }
    .u-all-course .course-box-slider { width: 98%; position: relative; }
    .u-all-course .sale-off { left: 5px; }
    /*-.u-all-course .course-box-slider .star-rate { margin-left: 5px; }-*/
    .u-all-course .course-box-slider-2 { width: 290px; }
    .main-content { width: 100%; padding-left: 5px; }
    .style-combo .main-content { padding-left: 0 }
    .style-combo .main-content  .u-all-course .style-search .list-course .form-group { padding: 7px; }
    .style-combo .main-content  .u-all-course .style-search .list-course .course-box-slider { margin: 0; min-height: 260px;max-height: 260px; }
    .style-combo .main-content  .u-all-course .style-search .list-course .course-box-slider .price-course {    display: grid; text-align: right; top: -5px; position: relative;}
    .name-gv, .des-gv {  position: relative;  top: 0px; }
    .style-combo .main-content .u-all-course .list-course .course-box-slider .price-course .price-b {float: none; top: 3px;position: relative; right: 5px;}
    .u-all-course .list-course .course-box-slider .price-course { right: 0; }
    .style-combo .main-content .u-all-course .title-course { max-height: unset; min-height: unset; }
    .style-combo .main-content .u-all-course .title-course span { max-height: unset; min-height: unset; }
    .col-filter { padding-left: 0; padding-right: 5px;}
    .filter .form-control { float: left;    margin-right: 5px;    margin-bottom: 5px; }
    .u-detail-block-title { width: 100%; }
    .u-detail-block-title h3 { font-size: 24px; margin-top: 0; float: left; }
    .u-detail-tea a { display: inline-block; }
    .show-xs .block-buy { top:  unset; padding: 10px 10px 5px 10px; border-radius: 0;}
    .block-buy .form-group { margin-bottom: 0; }
    .show-xs .block-ulti a { margin: 10px 0; }
    .u-list-course { border: 0; padding: 0; }
    .u-list-course h3 {     margin-bottom: 10px;    padding: 10px 10px 0; }
    .u-list-course .container-fluid { padding:0 7px; }
    .u-detail-course .col-xs-12 { padding: 0px; }
    .u-learn-what, .u-des-course, .u-course-plus, .u-list-course, .u-combo-buy, .u-course-teacher, .u-cm-hv, .u-rate-hv { padding: 0; }
    .u-cm-hv .load_comment { padding: 10px; }
    .u-plus-icon { top: 105px; left: 117px; }
    .urh-left { width: 62%; padding-left: 10%; }
    .u-plus-course, .uct-left { width: 100%; }
    .u-block-plus, .uct-right, .urh-right { width: 100%; margin: 0; padding: 10px; }
    .u-rate-f1-progress { width: 50%; }
    .u-rate-f1-star {width: 37%; margin: 0 5px;}
    .u-rate-f1 { width: 100%; display: inline-block; }
    .number-big-rate { float: left; }
    .star-big-rate { margin-top: 25px; width: 100% }
    .block-inner  { margin-left: 35px; }
    .ava-hv img { display: block; }
    .cm-hv { margin-left: -25px; margin-top: 10px; }
    .u-combo-buy > div > ul > li:last-child > div > a { border: 0; }
    .u-combo-usua { display: inline-block; padding: 5px 0; position: relative}
    .u-combo-usua .price-combo .price-combo-c { display: none; }
    .u-combo-usua .rate-combo span.star-rate { display: block; }
    .u-combo-usua .rate-combo span { display: none; }
    .name-hv { margin: 0; float: none; }
    .rate-hv { margin: 0; }
    .price-e { float: right;font-size: 14px; margin: 10px 14px; }
    .img-combo { overflow: hidden; width: 90px; }
    .img-combo img { max-width: none;  width: 120px; max-height: 70px; margin-left: -15px}
    .des-combo { display: block; }
    .des-combo a { font-size: 14px; margin-bottom: 7px; }
    .gv-combo {font-size: 12px;}
    .favo-combo, .price-combo-c { display: block; }
    .price-combo { margin: 0;  text-align: unset; margin-top: 7px; }
    .price-combo-a { float: right; }
    .price-combo-b { margin: 0; }
    .block-ulti ul { margin-left: 10px}
    .u-course-highlight2 {padding: 0; margin-top: 5px;}
    .u-course-highlight2 .container { padding: 0; }
    .u-course-highlight2 .ubo-right { padding: 0 15px; }
    .ubo-right-title {margin: 5px 0;}
    .ubo-right-btn { top: 15px; position: relative; }
    .ubo-right-btn .btn-learn { padding: 10px; }
    /*-.ubo-right-prog { margin: 35px 0;}-*/
    .cup-awards { right: 12px; }
    .pdLm { padding: 0 7px; }
    .btn-update { float: left; }
    .uom-file-ulti { float: left; margin-top: 10px; }
    .uom-block-intro, .uom-block-rate, .uom-block-doc, .uom-block-gv, .uom-block-aff-share, .uom-block-chat { padding: 7px; }
    .u-detail-course { padding-top: 0; }
    .uom-gv-left { width: 100%; }
    .uom-gv-right {width: 100%; float: none; margin: 0;}
    .uom-gv-right ul { margin-left: 72px; }

    .question-area p, .answer-area p { font-size: 13px; }
    .box-answer { margin: 0; }
    .uom-block-chat { padding: 15px 5px; }
    .box-hv-q, .txt-box { width: 80%; }
    .name-hv-q p { margin-right: 10px; }
    .name-hv-q span, .name-ad-a span { font-size: 12px; }
    .button-continue { width: 100%; }

    .unica-learn-video img { height: auto; }
    .u-txt-list{ margin-top: 15px; }
    .u-txt-list p { font-size: 15px; }
    .u-txt-list span { display: none; }
    .u-btn-list { margin: 16px; }
    .u-txt-back { margin-right: 10px; margin-top: 16px; }
    .u-txt-back a { display: none; }
    .unica-list-video-course, .unica-back-course { margin: 5px 0; padding: 0; width: 100%; }
    .unica-video-main p { font-size: 16px; margin: 5px 0; }
    .u-btn-list i, .u-btn-back i { font-size: 16px; }
    .ua-btn-bn p, .ua-btn-sv p { display: inline-block;}
    .ua-btn-bn a { width: auto; }
    .ua-btn-bn a:last-child { padding: 7px 10px; }
    .ua-btn-bn, .ua-btn-sv, .ua-btn-qa-bm, .ua-btn-ap-rp { padding: 0px; }
    .ua-btn-bn a { margin: 0; }
    .ua-btn-qa-bm a, .ua-btn-ap-rp a { margin: 0 5px; }
    .ua-btn-qa-bm i, .ua-btn-ap-rp i { margin: 0; }
    .ua-btn-ap-rp i, .ua-btn-qa-bm i, .ua-btn-ap-rp i { font-size: 14px; }
    .ua-btn-qa-bm p, .ua-btn-ap-rp p { display: none; }
    .col .title { width: 100%; }
    .uv-name-hv { width: 86%; margin-top: -2px; }
    .uv-name-hv p, .uv-name-gv p { width: 100%; }
    .uv-name-hv span, .uv-name-gv span { float: left; font-size: 12px; margin: 0 !important; }
    .overview-tabs a { font-size: 13px; padding: 5px !important; }
    .uv-name-hv .lession_name_a { margin: 0; }
    .u-overview-main .uv-box-an { margin-left: 12px; }
    .u-overview-main .uv-name-gv { margin-left: 5px; }
    .uv-name-gv { margin-top: -2px; width: 84%; }
    .col-cart { padding: 0 5px; }
    .u-cart-course { display: flex; width: 100%; padding-bottom: 0; }
    .img-cart-course {     height: 87px;    overflow: hidden;    min-width: 87px;    width: 87px;    float: left;    margin-right: 10px;}
    .img-cart-course img {     max-width: none;    width: auto;    height: 87px;    margin-left: -34px; }
    .title-cart-course {    text-align: left;    width: 66%; display: inline-block;}
    .title-cart-course span { font-size: 13px }
    .u-box-cart2 { padding: 10px ; border: none; margin: 0; }
    .price-cart { float: right;   width: 25%;    display: inline-block; }
    .price-cart p { float: right; margin-right: 0px; }
    .cart-price-sub { float: left; width: 50%; margin-top: 5px; display: inline-flex; }
    .price-cart span { vertical-align: sub; }
    .u-cart-price { margin-top: 0; }
    .u-box-cart2 .remove-course { float: right; left: -58px; top: 10px; }
    .more-cart { border-top: 1px solid #ccc; margin: 0; }
    .more-cart a  { color: #03A9F4; padding: 10px 8px; width: 50%;margin-left: 12px; }
    .remove-course { float: left; font-size: 16px; left: 90px; }
    .u-cart-combo-course .remove-course { left: 280px; top: 9px }
    .price-cart-box { text-align: right; }

    .course-slider p { display: inline; margin: 5px 0 -10px 0px }
    .col-12-full { width: 100%; }
    .u-list-combo { padding: 5px; }
    .u-number-combo { width: 9%; }
    .u-img-combo {     height: 87px;    overflow: hidden;    min-width: 87px;    width: 87px; }
    .u-img-combo img {     max-width: none;    width: auto;    height: 87px;    margin-left: -34px; }
    .u-tit-combo { width: 57%; }
    .u-des-inner { display: none; }
    .u-price-inner { margin-top: 25px; }
    .u-des-combo { width: 100%; margin-top: 10px; }
    .u-des-more { width: 47%; float: left;margin-right: 5px;}
    .u-des-content { width: 47%; float: right; }
    .u-teacher-combo { max-width: 295px; margin-right: 0; }
    .img-teacher-combo { width: 30%; float: left; padding: 5px; }
    .course-tea-combo { margin-top: 5px; }
    .unica-learn-top, .unica-learn-bottom { opacity: 1.0; z-index: 1 }
    .unica-learn-top { background: #000; }
    .u-teacher-info a { display: block; float: left; }
    .utt-bot { position: relative;  }
    .u-teacher-avatar { margin-right: 0; float: none; }
    .uti-link { margin: 0; }
    .uti-link i { font-size: 18px; margin-right: 1px; }
    .u-teacher-info { margin: 0; }
    .u-teacher-info a { width: 140px; padding: 10px 5px; }
    .u-teacher-info a:last-child { margin-right: 0; }
    .img-ubc-course, .des-ubc-course, .ubc-btn p, .ubc-btn a { width: 100%; }
    #player_videojs { height: 100%; }
    .u-dashboard-tab  { padding: 0; }
    .box-dashboard { padding: 10px 0; }
    .u-dashboard-top .navbar-toggle { background: #fff; margin: 0; }
    .u-dashboard-top .nav-tabs { border: 0; margin: 0 }
    .u-dashboard-top .navbar-collapse { padding: 0; }
    .u-dashboard-top .navbar-toggle .icon-bar { background: #333 }
    .u-dashboard-top ul li { display: list-item; float: none; margin: 0; }
    .u-dashboard-top ul li a { border-radius: 0; color: #fff;}
    #myNavbar > ul > li.dropdown.open > ul > li > a { border-bottom: 1px solid #6d7584; }
    .u-dashboard-top ul li a:focus { color: #000; }
    .u-dashboard-top p { float: left; }
    .u-dashboard-top i { width: 30px; text-align: center; margin-right: 3px; }
    .form-daily { width: auto; }
    .unica-daily-top { height: 200px; background-position-x: center; padding: 50px 0; }
    .unica-daily-top p {font-size: 18px;}
    .unica-daily-top span { font-size: 14px;      margin: 20px 0 30px 0; }
    .unica-daily-top a { font-size: 14px; }
    .unica-daily-ql h3, .unica-daily-cs h3, .unica-daily-reg h3 { font-size: 18px; }
    .ql-dl-box { width: auto; height: 140px; }
    .ql-dl-box p { font-size: 14px; }
    .ql-dl-box img { width: 50%; }
    .col-3-steps { width: auto; }
    .unica-teacher-top { height: 320px; background-position: center; padding: 20px 0; margin-top: 44px; }
    .unica-teacher-top .p-teacher { font-size: 18px; }
    .unica-teacher-top p { font-size: 24px;  margin-bottom: 42px; }
    .unica-teacher-top h1 {font-size: 32px !important; margin-top: 10px;}
    .unica-teacher-video p { font-size: 14px; margin-bottom: 10px; }
    .video-youtube iframe { height: 200px; }
    .title-block-2 { font-size: 14px; line-height: 20px; }
    .block-3 { margin-top: 15px; }
    .box-teacher img { display: inline-block !important; }
    .block-3 .slick-dots { position: relative; bottom: 0 !important; }
    .box-inner-teacher img { display: inline-block !important; }
    .box-reason-teacher .slick-dots { bottom: -35px; }
    .inner-block-4 img {width: 50%;}
    .inner-block-4 p { font-size: 14px; margin: 10px 0; }
    .unica-teacher-block-4 span { font-size: 14px; margin-top: 10px; display: inline-block; }
    .col-3-steps ul li { margin: 0 5px; }
    .col-3-steps .slick-dots { bottom: -35px; }
    .unica-teacher-block-6 h3 { font-size: 20px; margin: 0; }
    .member-box { width: 46%; margin: 35px 5px 0; height: 230px; }
    .member-box .img-wrap img { width: 150px; height: 150px; }
    .member-box h4 { margin: 5px 0; }
    .unica-teacher-block-6 { padding: 33px 0; }
    .unica-teacher-block-7 h3 { font-size: 18px; }
    .unica-teacher-block-7 .container { padding: 0 }
    .unica-teacher-block-7 a { margin: 10px 0; padding: 10px 15px }
    .unica-teacher-block-7 p { font-size: 20px; }
    .banner-iq { height: 200px;  }
    .test-btn { margin: 9px; padding: 12px 7px; float: left; }
    .small-txt { display: none; }
    .banner-iq-aq-eq { padding: 50px 0 0; }
    .unica-iq-aq-eq h3 { font-size: 20px; margin-bottom: 15px; }
    .img-people-iq img { display: inline-block !important; }
    .top-6-iq .slick-dots { bottom: -25px; }
    .people-iq { border: 0; margin: 0; }
    .box-iq-txt h3 { font-size: 22px; margin-top: 10px; }
    .flR-iq { float: left; text-align: left; }
    .unica-box-iq  { margin-bottom: 0; border-bottom: 1px solid #ccc; }
    .inner-iq-block-3 p, .inner-iq-block-4 p, .inner-iq-block-5 p { width: 100%; }
    .img-result, .img-result img {width: 100%;  }
    .txt-result {width: 100%; margin: 0;float: none;padding: 0; }
    .txt-result span { margin: 0 }
    .unica-iq-bottom-box .pagination { position: relative; }
    .kq-test {     display: inline-block;    margin-bottom: 10px; }
    .time-iq-t span { padding: 5px 15px; }
    .unica-iq-bottom-box { width: 100%; position: relative; bottom: 0; }
    .unica-iq-main-box { display: block; float: left; }
    .iq-answer-box { display: inline-block; }
    .unica-iq-block-test { height: 100%; }
    .time-iq-t { margin-top: 20px; }
    .iq-answer-box .radio-inline { width: 100%; }
    .iq-complete-box .congratulations { font-size: 18px; }
    .iq-result-box { display: inline-block; }
    .img-result img { margin: 0; }
    .unica-affiliate-top { padding:20px 0; height: 300px; margin-top: 44px;}
    .unica-affiliate-top p { font-size: 24px; margin-bottom: 20px; }
    .unica-affiliate-top span { font-size: 14px; }
    .unica-affiliate-top a {      padding: 7px 15px; font-size: 16px; margin: 0; }
    .unica-affiliate-block-2 p { font-size: 20px; }
    .unica-affiliate-block-3 p { font-size: 20px; }
    .unica-affiliate-block-3 span { font-size: 14px; }
    .col-3-steps-aff ul li { width: unset; }
    .unica-affiliate-block-5 .col-3-steps-aff .slick-prev:before, .unica-affiliate-block-5 .col-3-steps-aff .slick-next:before { color: #fff !important; }
    .unica-affiliate-block-7 h3, .unica-affiliate-block-7 p { font-size: 20px; }
    .unica-affiliate-block-6 ul li { width: unset; }
    .unica-affiliate-block-6 .slick-prev, .unica-affiliate-block-6 .slick-next { display: none !important; }
    .searchBox { width: 100%; margin-bottom: 5px }
    .btn-dbs-search {width: 94%;    margin-top: 10px;}
    .imgBox img { height: auto; width: 100% }
    .card { margin-bottom: 10px; }
    .mg-Xs { margin: 10px 0; }
    .list-view .table > tbody > tr > td { float: left;  border: 0;}
    .list-view .table-log > tbody > tr > td { float: none;  border: 0; white-space: nowrap; }
    .border-xs { border: 1px solid #ccc; padding: 5px; }
    .u-list-course .col { padding: 10px 15px ; }
    .iq-question-box { width: 100%; }
    .iq-answer-box { width: 100%; }
    .box-pop { width: 100%; display: inline-block; margin-top: 3px; }
    .title-course { margin: 5px 0; display: inline-block; }
    .title-course span  {max-height: 42px;overflow: hidden;min-height: 42px;display: block; }
    .banner-cd-cate ul li { width: 47%; margin: 4px; }
    .u-teacher-left { margin-top: 20px; text-align: center; }
    .u-teacher-info span { width: 295px; font-size: 15px; }
    .u-teacher-info p { font-size: 24px; }
    .btnnomal { font-size: 14px !important; padding: 6px !important; }
    .pdXS0 { padding: 0; }
    .pd0p { padding: 0 15px; }
    .block-title { font-size: 20px; }
    .mg5xs { margin: 5px 0; }
    .user-card .col-lg-9 { padding: 0; }
    .guilde p { font-size: 14px; }
    .btn-search-free { margin-bottom: 10px; }
    #w1 > table > tbody > tr {    border-bottom: 1px solid #ccc;}
    .pdXs5 { padding: 0 5px; }
    .unica-about-block-1 { padding: 50px 0; height: 250px; }
    .unica-about-block-1 h3 { font-size: 26px; }
    .unica-about-block-1 p { font-size: 16px; }
    .unica-about-block-1 span { font-size: 24px; }
    .unica-about-block-2 p { margin-top: 0; }
    .unica-about-block-3 ul li { width: 50%; margin-bottom: 20px; }
    .unica-about-block-3 p { font-size: 34px; }
    .unica-about-block-3 span { font-size: 14px }
    .unica-about-block-3 { padding: 25px 0; }
    .unica-about-block-4 img { display: inline-block; }
    .unica-about-block-4 ul li { width: auto; display: inline-block; }
    .box-list-teacher-inner { width: 84%; margin: 10px 25px; }
    .title-teacher-new-db p { float: none; font-size: 20px; }
    .list-box-gv-db ul li { width: 46%; }
    .list-box-gv-db p { font-size: 10px; }
    .box-news-mini { margin: 10px; width: auto; }
    .img-blog-news { margin: 10px; }
    .box-cate-list-blogs p { width: 68%; }
    .img-blog-news { width: 94% }
    .u-search-box-404 .input-group { width: 100%; }
    .u-search-box-404 .input-group-btn { width: auto; }
    .box-result-test { width: 100%; }
    .dealer .body-wallet .not_empty_cart .left_not_empty {width: 20%}
    .social-connect p { margin-bottom: 5px; font-size: 15px }
    .u-title-footer h3 { font-size: 18px; text-transform: none; }
    .des-unica { height: 310px; }

    .course_teacher_mb > tbody > tr:first-child { display: none; }
    .course_teacher_mb > tbody > tr:first-child > td { width: 25% !important; padding: 8px 2px; }
    .course_teacher_mb > tbody > tr > td { width: 100% !important; padding: 5px; }
    .course_teacher_mb > tbody > tr { border-bottom: 1px solid #ccc; }
    .price-u-t1 { font-size: 20px; float: left; }
    .price-u-t2 { float: right; margin-top: 5px; }
    .main-inner .panel-heading { padding: 10px 5px; }

    .main-inner .panel-body { padding: 5px; }
    .main-inner .panel-body .table-responsive { border: none; }
    .unica-box-email { padding: 0 0 15px 0; }
    #footer2 { margin-bottom: 0; padding-bottom: 0; }
    .top-title p {font-size: 16px !important;}
    .u-list-course .content { padding: 0; }
    /*-.col .time { margin-right: 15px; }-*/
    .u-cm-hv div { padding: 0; font-weight: bold; }
    .rate-hv .star-rate { width: 100%; }
    .unica-box-course-hot { margin-top: 0 }
    .u-tab a { padding: 5px 0; font-size: 12px; }
    .u-tab ul li { width: 38%; padding: 5px; float: left; background: #f26c4f ;border-radius: 5px;margin: 20px 5px 5px 5px; min-height: 49px; text-align: center; }
    .u-tab .slick-prev { left: -15px }
    .u-tab .slick-next { right: -15px }
    .course-new-hot-2020 { margin: 20px 0 }
    .course-3-slide-new { margin: 20px 0 0 0; }
    .pD-lr5 { padding-left: 10px ; padding-right: 10px; margin-bottom: 25px; }
    .course-new-2020 .slick-initialized .slick-slide {padding-right: 3px;    padding-left: 7px;  }
    .course-new-hot-2020 .slick-initialized .slick-slide { padding-right: 3px;    padding-left: 7px; }
    .mobile-btn-more { padding-bottom: 5px; margin: 0 5px; display: flex; justify-content: space-around; width: 97%; }
    .u-active-course {    padding: 9px 10px;    border-radius: 2px;    display: inline-block;    color: #fff;     background: #00aeef;   width: 100%; margin: 5px 5px 5px 0}
    .u-btn-log {    padding: 9px 10px;    border-radius: 2px;    display: inline-block;    color: #fff;       background: #ec5252;  width: 100%; margin: 5px;}
    .u-active-course p { float: left;  display: block;}
    .u-active-course i, .u-btn-log i { margin: 3px 5px; }
    .slider-new .banner-right-new { margin: 0 10px; }

    .mobile-search-new { padding-bottom: 15px; }
    .mobile-search-new h3 { font-weight: bold; margin-top: 10px;text-align: center;}
    .mobile-search-new .searchbox { position: relative; }
    .mobile-search-new .searchbox .sm-btn-search { right: -3px; top: 1px; }
    .unica-sl-cart { top: -6px; left: 16px; }
    .course-new-2020 .sale-off { position: absolute; float: left; background-color: #f67052; z-index: 1; color: #ffffff; text-align: center; padding: 5px; left: 15px; top: 7px;}
    .mobile-search-new .col-lg-12 { padding: 0 5px; }
    .unica-order-cart .col-cart .u-box-cart2 .u-cart-course { position: relative; }
    .unica-order-cart .col-cart .u-box-cart2 .u-cart-course .cart-price-sub { width: unset; }
    .unica-order-cart .col-cart .u-box-cart2 .u-cart-course .cart-price-sub span { margin-top: 6px; margin-right: 5px; }
    .unica-order-cart .col-cart .u-box-cart2 .u-cart-course .remove-course { position: absolute;right: 0;top: 0; text-align: right; width: unset; }
    .unica-order-cart .col-cart .form-group  {margin-bottom: 0 }
    .row-bottom .slick-list { padding: 0 30px !important; }
    .style-title .text-right .result-combo-txt { position: absolute; margin-top: 18px; }
    .content-course { width: 96%; }

    #highlight-2 h1 { font-size: 30px; margin-top: 55px;}
    .u-business { margin-top: 30px; border: 0 none; }
    .ub-box-des a { font-size: 15px }
    .ub-box-logo ul li { margin: 25px 5px }
    .style-combo .style-title { margin-bottom: 35px; margin-top: 40px; }
    .rate-hv p { font-weight: normal; text-align: justify; }
    .star-rate-detail {width: 45% !important}
    .unica-affiliate-block-6 p { width: 83%; float: left ; margin: 0 0 7px 0 }
    .u-course-highlight .breadcumb-detail-course { margin-top: 20px; }
    .u-teacher-top { margin-top: 90px; }
}
@media (min-width:375px) and (max-width:425px) {
    .box-pop3 .course-box-slider { min-height: 192px; }
    .box-pop2 .content-course { width: 93%; }
    .box-pop2 {height: 325px;}
    .unica-big-box .course-box-slider { max-height: 320px; height: 320px; }
    /*-.course-new-2020 .course-box-slider {min-height: 250px;max-height: 250px;}-*/
    .padding-left-5 { padding-left: 5px;     }
    .course-new-2020 .slick-initialized .slick-slide  { margin-right: 3px; }
}
@media (min-width:320px) and (max-width:375px) {
    .box-pop3 .course-box-slider { min-height: 173px; }
    .box-pop2 .content-course { width: 93%; }
}
@media (max-width:320px) {
    .box-pop3 .course-box-slider {  min-height: 146px; }
    .content-course { width: 93% }
    .box-pop2 .content-course { width: 93%; }
    .unica-lt-box li { width: 46%;}
    .block-3-mbi li { width: 29%;}
    .des-unica { height: 330px; }
}

/*begin manhnv*/
.margin-right-5{
    margin-right: 5px;
}
.content-course-seo{ padding: 10px; background-color: transparent; padding-left: 10px; margin-bottom: 20px; float: left; padding-left: 0;}

.list-seo-link li{ float: left; margin-right: 15px; }

.list-seo-link li a:before { content: '•'; display: inline-block; vertical-align: middle; font-size: 16px; margin-right: 5px; }
.no-padding-lg { padding: 0; }
.autocomplete-search {
    height: auto;
    width: 86.5%;
    margin-right: 20px;
    display: none;
    position: absolute;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
}
.autocomplete-search ul li a{
    width: 100%;
    display: inline-block;
    padding: 8px 10px;
}
.autocomplete-search ul li:hover{
    background: #f5f5f5;
}
.ui-widget-content li a{
    width: 100%;
    display: inline-block;
    padding: 8px 10px;
    color: #555;
}

.ui-widget-content li:hover{
    background: #f5f5f5 !important;
}
.ui-widget-content .ui-menu-item:hover{
    background: #f5f5f5 !important;
}


.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

/*.ui-autocomplete > li > div {*/
/*    display: block;*/
/*    padding: 3px 20px;*/
/*    clear: both;*/
/*    font-weight: normal;*/
/*    line-height: 1.42857143;*/
/*    color: #333333;*/
/*    white-space: nowrap;*/
/*}*/

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
    cursor: pointer;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.active-tag, #btn-load-more{
    background-color: #f26c4f;
    color: #FFFFFF;
}

.u-rate-f1 .progress {
    border-radius: 10px;
    height: 18px;
    border: 1px solid #fff;
}


.preview-certificate-full-name {
    position: relative;
    margin-top: 6.8%;
    font-size: 40px;
    text-align: center;
    font-family: 'utm_frenchvanilla';
    color: #2E606F;
    text-transform: uppercase;
}

.preview-certificate-course-name {
    position: relative;
    margin-top: 6.9%;
    font-size: 30px;
    text-align: center;
    font-family: 'utm_frenchvanilla';
    color: #C9302C;
}
.preview-certificate-date {
    position: relative;
    font-size: 22px;
    text-align: center;
    font-family: 'utm_frenchvanilla';
    color: #2E606F;
    left: 8%;
    margin-top: 1%;
}
.preview-certificate-number {
    position: relative;
    margin-top: 5.9%;
    font-size: 19px;
    text-align: center;
    font-family: 'utm_frenchvanilla';
    color: #000000;
    margin-left: -518px;
}
@media (max-width:768px)  {
    #btn-preview-certificate{
        display: none;
    }
    .buy-group-row {
        flex-direction: column;
        gap: 15px;
    }

    .overview-btn {
        flex-direction: column;
    }
}



/*
          ==============================================================
                   Unica FREE NEW 2021 Css
          ==============================================================
*/

.course-new-free-2021 .container:not(:nth-child(2n)) { }
.course-new-free-2021 .title-course-new-f2021 { font-size: 30px;text-align: center; padding: 20px; text-transform: uppercase;  float: none;}
.box-new-free-2021 {  background: #fff; border-radius: 5px;  width: 25%; box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);border-radius: .125rem;overflow: hidden;background-color: #fff;moz-box-sizing: border-box;box-sizing: border-box;position: relative;margin-bottom: 10px;z-index: 1; }

.box-new-free-2021:not(:nth-child(4n)) {margin-right: 1%; }

.box-new-free-2021 .title-course a {  font-size: 16px;color: #4a4b4d;font-weight: normal;}

.box-all-f2021 { display: flex; }

.current-time-f2021 { background: #ee4d2d; color: #fff; text-align: center; padding: 5px 10px; }

.tommorow { background: #414142 }

.current-time-f2021 span { font-size: 20px; font-weight: bold; }

.box-new-free-2021 .title-course { padding: 5px; }

.box-hour-free { float: left; padding: 14px 10px; }

.btn-hour-free { float: right; padding: 10px 8px; }

.box-count-nf2021 { background: #fff; border-radius: 5px; display: inline-block; width: 100%; padding: 10px 0; }
.box-count-nf2021 .title-course { min-height: 40px; }
.box-count-nf2021 .label-primary { background: #3f80ea; }
.box-count-nf2021 .btn-primary { background: #3f80ea; }
.box-count-nf2021 .title-course a { font-size: 18px;  color: #4a4b4d;}
.box-count-nf2021 .time-remain-free p { font-size: 15px;  margin-bottom: 5px;width: 100%;text-align: left; }
.box-count-nf2021 .time-remain-free b { font-size: 13px; color: #575757;  }
.time-remain-free .list-group-item { border: none; background: none; padding-top: 5px;}
.time-remain-free .list-group-item .progress {height: 9px; background: #e2e8ee;}
.box-count-nf2021 .float-right { float: right; }
.time-remain-free .list-group-item .progress .progress-bar { background: #3f80ea }
.box-count-nf2021 .point-free { font-size: 14px; font-weight: bold; }
.box-count-nf2021 .cnf-tit  { text-align: center; }
.box-count-nf2021 .point-free { display: block ruby; font-weight: normal; margin-top: 20px; }
.box-count-nf2021 .point-free a { color: #fff; }
.box-count-nf2021 .point-free span { font-size: 14px; font-weight: normal; }
.box-count-nf2021 .btn-hour-free-exc {    padding: 9px 8px;    text-align: center;}
.box-count-nf2021 .btn-hour-free-exc p { line-height: 23px; min-height: 35px; }
.btn-hour-free-exc .btn { min-width: 125px;     border-radius: 10rem;}
.cnf-exc span { border-bottom: 1px solid #ccc; display: block; }

.group-btn-nf2021 { text-align: center; margin: 20px 0 0 0; }
.group-btn-nf2021 .btn-outline-success {color: #3f80ea; border-color: #3f80ea;}
.group-btn-nf2021 .btn-outline-danger {    color: #d9534f;    border-color: #d9534f;}

.box-count-nf2021-next {background: #fff;border-radius: 5px; width: 49%;padding: 10px 0; margin-top: 20px; display: inline-block;}
.box-count-nf2021-next:first-child { margin-right: 22px }
.box-count-nf2021-next .time-remain-free .list-group-item {padding-left: 0;}


.box-count-nf2021-past {background: #fff;border-radius: 5px; width: 49%;padding: 10px 0; margin-top: 20px;display: inline-block;}
.box-count-nf2021-past:first-child { margin-right: 22px }
.box-count-nf2021-past .time-remain-free .list-group-item {padding-left: 0;}

.box-count-nf2021-past .btn-hour-free-exc { float: right; margin-top: 15%; }

.count-course-new2021 .tab { border: 0 none; background: none;  }
.count-course-new2021 .tabcontent { border: 0 none; }
.group-btn-nf2021 { border-bottom: 0 none; }

/**form landing_page */
#content .content_landingpage{font-size: 15px !important; background-color: white; line-height: 2.4;word-wrap: break-word;  margin-top: 30px;}
#content .content_landingpage ul li {list-style:disc;}
#content .content_landingpage h3 {font-size: 15px !important;}
#content .content_landingpage strong,h1,h2,h3,h4,h5,h6{font-weight: 500; }
/*#content .content_landingpage p img{width: 100%;position: absolute;left: 0;}*/
#uploadVideoV2 .note-upload-video{color:red}
/**end form landing_page*/

.btn-link-call-support-aff{
    font-weight: bold !important;
    text-align: center !important;
    font-size: 15px !important;
    padding: 0 !important;
    background: none !important;
    margin: 0 0px 0px 0!important;
}

.iframe-helper-active{
    margin-bottom: 80px;
    width: 100%;
    height: 700px;
}

.u-box-course-teacher .lp-bc-price .price-b{
    font-size: 24px !important;
    color: black;
    text-decoration: none;
}

.u-box-course-teacher .lp-bc-price .price-s {
    font-size: 21px;
    color: black;
    text-decoration: line-through;
    font-weight: 400;
}

.u-box-course-teacher .lp-bc-price .price-o {
    font-size: 17px;
    /* background: #f26522; */
    background:none;
    border-radius: 3px;
    padding: 5px;
    color: #0c0c0c;
    display: inline-block;
    margin: 0px 0 20px;
    padding-top: 0;
    font-weight: 400;
}

.u-box-course-teacher .lp-bc-price a{
    width: 65%;
}

@media (max-width:375px)  {
    .all-course-free .course-box-slider, .all-course-new .course-box-slider {
        min-height: 250px;
        max-height: 250px;
    }
    .all-course-free .course-box-slider .price-a, .all-course-free .course-box-slider .price-b , .all-course-new .course-box-slider .price-a, .all-course-new .course-box-slider .price-b{
        margin-right: 10px;
    }

}

@media (max-width:769px)  {
    .all-course-free .course-box-slider, .all-course-new .course-box-slider {
        min-height: 250px;
        max-height: 290px;
    }
    .all-course-free .course-box-slider .price-a, .all-course-free .course-box-slider .price-b , .all-course-new .course-box-slider .price-a, .all-course-new .course-box-slider .price-b{
        margin-right: 10px;
    }

}
.all-course-new .course-box-slider .price-course { margin-top: -30px;  }
/** het chien dich 30/4 thi xoa di*/
/*
.unica-home-menutop {
    position: fixed !important;
    top: 0px;
    z-index: 1040;
    width: 100%;
    background: white;
    margin-top: 37px;
}

.slider-new .menu-left-new{
	margin-top: 20px;
}

.banner-right-new{
	margin-top:20px;
}
*/

/** het chien dich 30/4 thi xoa di*/

.img-combo-affiliate{
    width: auto;
}

@media (max-width:376px)  {
    #iframe-video-active-the{
        width: 100%;
        height: 195px;
    }
}

@media (max-width:768px)  {
    .iframe-helper-active{
        width: 100%;
        height: 350px;
    }

    #iframe-video-active-the{
        width: 100%;
        height: 415px;
    }
}

@media (min-width:768px)  {

    #iframe-video-active-the{
        width: 100%;
        height: 600px;
    }

    .quantity-sm { display: none !important; }
}


@media (max-width:768px)  {

    .btn-get-certificate{
        float: left !important;
        margin-bottom: 15px;
    }

    .total-money-combo-v2 {
        width: 64%;
        float: left;
        padding-top: 12px;
        font-size: 16px;
    }

    .total-money-combo-v2 .price-combo-a{
        float:none;
    }

    .total-money-combo-v2 .price-combo-a{
        font-size: 18px;
    }

    .total-money-combo-detail .btn-buy-course-combo{
        font-size: 13px;
    }
}

.u-video { position: relative; z-index: 1; overflow: hidden;}
.u-video .icon-youtb{
    font-size: 60px;
    color: #151414;
    position: absolute;
    top: 49%;
    left: 45%;
    cursor: pointer;
}
#thumn-video-intro{
    cursor: pointer;
}
#thumn-video-intro:hover > div.icon-youtb{
    color: red !important;
}
.u-video .icon-youtb:hover{color: red;}

@media (max-width:480px)  {
    .u-video .icon-youtb {
        top: 26%;
        left: 42%;
    }
}

@media (max-width: 767px){
    .u-combo-buy .course-hv-buy-more .box-course-hbm {
        align-items: flex-start;
        display: block;
    }

    .u-combo-buy .course-hv-buy-more .box-course-hbm .title-course-hbm{
        display: block;
        flex-direction: column;
        left: 15px;
    }

    .u-combo-buy .course-hv-buy-more .box-course-hbm .title-course-hbm p {
        font-size: 13px;
        height: 17px;
    }

    .u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm .rating-course-hbm {
        margin-left: 15px;
    }

    .u-combo-buy .course-hv-buy-more .box-course-hbm .users-ulti-hbm .prices-course-hbm .price-xxx {
        margin-top: 8px;
    }
    .u-block-cmhv .ava-hv {
        width: 14.5%;
        margin-right: 15px;
    }
    body.tawk-mobile, html.tawk-mobile {
        font-size: 18px!important;
        bottom: 18px !important;
    }

    .main-inner .panel-heading-order { height: 90px;}
    .main-inner .panel-heading-order .auto_is_self_sale{ margin-top: 5px;}
    .main-inner .panel-heading-order .auto_is_self_sale .btn-action-order{ float:right}
}




/*-css header tet 2021-*/
/*.unica-cart { color: #fff; }*/
/*.unica-img-tet1 { position: absolute; top: -42px;width: 150px; }*/
/*.unica-img-tet2 { position: absolute; right: 0; top: -20px; width: 108px; }*/
/*.db-item-learn{background: #FFF600;color: #F33838;}*/
/*.unica-cart i{color: #FFF600;}*/
/*@media (min-width:1280px) and (max-width:1366px) {*/
/*.unica-img-tet1 { top: -63px; }*/
/*.unica-img-tet2 { right: -38px; }*/
/*}*/
/*@media (min-width:1024px) and (max-width:1280px) {*/
/*    .pd-new-home a {display:block;width: 138px;height: 33px;background: url('https://unica.vn/img_tet/logo-unica-tet.png') no-repeat left top !important; }*/
/*    .unica-img-tet1  {top: -69px; left: -29px;}*/
/*    .unica-img-tet2  {right: -49px;top: -32px;}*/
/*}*/
/*@media (min-width:768px) and (max-width:1023px) {*/
/*    .pd-new-home a {display:block;width: 110px;height: 26px;background: url('https://unica.vn/img_tet/logo-tet-2021.svg') no-repeat left top !important;margin-top: 7px; }*/
/*}*/
/*@media (max-width:768px) {*/
/*    .unica-img-tet1 { display: none; }*/
/*    .unica-img-tet2 { display: none; }*/
/*    .unica-home-menutop { background: #fff !important; }*/
/*    .unica-reg-acc { color: #000; }*/
/*    .unica-log-acc { color: #fff; background: #f26c4f; }*/
/*}*/

/*end manhnv*/

/*@font-face {
        font-family: 'utm_frenchvanilla';
    url('/fonts/UTMFrenchVanilla.ttf') format('truetype'),
    url('/fonts/UTMFrenchVanilla.svg#utm_frenchvanilla') format('svg');
        font-weight: normal;
        font-style: normal;
    }*/





.u-list-course { margin-top: 5px !important; }
.lesson_title { font-size: 20px; margin-top: 0;}
.uv-name-hv { margin-left: 6px !important; }
.uv-name-gv .uv-box-hv-q { width: 85% !important;margin-left: 0px !important; }
.img_comment { height: 30px;width: 30px; border-radius: 20px;}
.img_sub_comment { margin-right: 8px;height: 30px;width: 30px; border-radius: 20px;}
.date_sub_comment { font-size: 12px;color: #92979e;margin-left: 15px; }
.next_and_pre, .autoplay_error {margin: 5px 0; text-align: right; padding: 0;}
/* .autoplay_error a { float: right; } */
.comment_sub_ip { width: 98.5%;margin-left: 12px; }

/* FAQ - detail-course */
.box_waper_faq {background: #fff;}
.box_waper_faq .item_faq  {padding: 0 10px;}
.box_waper_faq .title_faq_items{ display: flex;
    justify-content: space-between;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #ddd;}
.box_waper_faq .title_faq_items p{font-weight: 500;
    font-size: 16px;}
.box_waper_faq .title_faq_items .glyphicon {}
.content_faq_item { padding: 10px;
    border: 1px solid #ddd;
    border-top: 0;
    background: #00bcd403;
    display: none;
    box-shadow: inset -1px 1px 6px 2px #39b6ab21;
}
.content_faq_item p { line-height: 20px;    margin-bottom: 10px;}
.detail_course_faq { border:none;}
.item_faq.active .content_faq_item {display: block;}
.content_faq_item ul {padding: 10px;
    list-style: inside;}
.content_faq_item ul li{padding-bottom: 10px; line-height: 20px;}
.blog-new h1.text-mobi {
    padding-bottom:0;
}
.blog_items_title { margin:0; padding:0; }


.course-box { color: #000; display: inline-block;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);}
.course-box .content-course-class {margin: 10px;}
.course-box  .info  .time-class {display: flex; flex-direction: column; gap: 20px; width: 80%;}
.course-box  .info {display: flex; flex-direction: row; gap: 10px;}
.course-box  .info  .content{gap: 10px; width: 100%; display: flex; flex-direction: column; text-align: right;}
.classes-information {margin-top: 30px;}
.classes-information .class-title {
    font-size: 20px;
    padding-bottom: 20px;
    font-weight: 400;
}
.classes-information .classes-content{
    padding: 10px 0;
    border-top: 1px solid #ddd;
}
.classes-information .classes-content .classes-time{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
}
.classes-information .classes-content .classes-location{
    font-size: 22px;
}
.bg-light {background-color: #888}
#gift-course {margin-right: 5px}

.text-24px {font-size: 24px}
.delete-account {padding: 60px 0; line-height: 50px;}

.filter-detail-btn, .view-option { padding: 6px 10px; }
.filter-detail.view-grid { top: -3%; right: 9%; }
.course-popover .detail-popover { transition: all 0.3s ease !important; }
.btn-cart-course:hover { background-color: #fff; border: solid 2px #0bb732; color: #0bb732 !important; }
.mt-0 { margin-top: 0 !important; }

.aff-link { display: flex; flex-wrap: wrap; gap: 4px; }
.ugb-block-txt { min-height: 105px; display: flex; flex-direction: column; justify-content: space-between }

.buttons_added { display: flex; position: relative; width: 160px; margin-right: 12px; border: 2px solid #c3c3c3; border-radius: 5px; }

.buttons_added input { height: 100%; border: none; border-radius: 5px; outline: none; }

.button-change-quantity { position: absolute; top: 0; z-index: 1; width: 40px; background-color: white; font-size: 22px; color: #0a78d9; }

.button-change-quantity.minus { left: 0; }

.button-change-quantity.plus { right: 0; }

.input-text.qty.text { width: 100%; text-align: center; font-size: 18px; }

.input-text.qty.text::-webkit-inner-spin-button,
.input-text.qty.text::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.btn-buy-book { margin-bottom: 0; width: 100%; }

.has-error {color: red;}

.quantity-sm, .quantity-md {display: flex; margin-bottom: 10px; justify-content: space-between}

.course-learn_months {font-weight: 300; color: #FFA722; font-size: 18px; float: left}

.group__item { background-color: white; border-radius: 5px; border: 1px solid #ccc }

.group__item-infor { display: flex; flex-direction: column; padding: 6px 10px; min-height: 136px; justify-content: space-between }

.group__item-infor span { font-weight: bold }

.group__item-name { font-size: 18px; font-weight: bold }

.group__item-bottom { display: flex; justify-content: space-between; margin-top: 6px }

.group__item-item { margin-top: 6px }

.group { background:#F2F2F2; padding-bottom: 35px; padding-top: 20px }

.learning-path { height: 100%; display: flex; flex-direction: column; justify-content: space-between }

.learning-path__name {  }

.learning-path__img { width: 100%; }

.learning-path__price { font-size: 18px; padding-bottom: 50px}

input[type="radio"]:checked + label.btn-group-price {
    /*background-color: #03a9f4;*/
    /*color: white*/
}

.group-price-radio { margin: 0 !important; }

.btn-group-price { margin-bottom: 0; vertical-align: middle; font-size: 16px; font-weight: normal }

.learning-path__price--old { text-decoration: line-through; font-size: 18px }

.learning-path__desc { margin-top: 20px; font-size: 18px }

.btn-show-list { border: 2px solid #3071A9; transition: all 0.1s linear; color: #3071A9 }

.btn-show-list:hover { background-color: #3071A9; color: white; }

.group-course-item { display: flex; flex-direction: column; border: 1px solid #ccc; border-radius: 5px }

.group-course-img { width: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px }

.group-course-img img { width: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px }

.group-course-right { display: flex; flex-direction: column; padding: 4px 6px 8px 8px; height: 100px; justify-content: space-between; background-color: white }

.group-course-name { font-size: 14px; font-weight: bold }

.group-teacher-item { display: flex; background-color: white; border: 1px solid #ccc; min-height: 142px }

.group-teacher-left { padding: 10px; max-width: 120px; display: flex; align-items: center }

.group-teacher-avatar { border-radius: 50%; max-width: 100px; max-height: 100px }

.group-teacher-right { margin-left: 12px; display: flex; flex-direction: column; padding-top: 10px }

.group-teacher-name { font-size: 16px;font-weight: bold }

.group-teacher-desc { font-size: 14px; margin-top: 12px }

.group-teacher-infor { display: flex; margin-top: 12px }

.group-teacher-total_course:after { content: ""; border: 1px solid #ccc; margin: 0 10px }

.radio-btn { margin-right: 8px !important; width: 20px }

.choose-price { display: flex; padding: 0; margin: 8px 0px }

.price-detail { font-size: 16px; font-weight: normal; padding-top: 10px;}

.course-item-bottom { display: flex; flex-direction: column; justify-content: space-between; padding: 8px 6px 10px; max-height: 150px; min-height: 150px }

.course-list-item { border: 1px solid #ccc; }

.btn-group-learn { width: 96px; }

.img-group-custom { max-height: 300px; min-height: 300px; }

.group-course-price { display: flex; justify-content: space-between }

.group-title {
    display: flex;
    align-items: center;
    padding: 8px 0px;
    justify-content: space-between;
}

.group-name {
    width: 75%;
}

.group-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.group-body {
    background-color: white !important;
}

.learn-item {
    background-color: white;
    width: 100%;
    border-radius: 6px;
}

.learn-item-img {
    min-width: 100%;
    max-height: 146px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.learn-item-bot {
    height: 138px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 6px 12px 8px;
}

.learn-item-name {
    font-size: 14px;
}

.learn-item-btn {
    width: 100%;
    padding: 8px 0px;
    border: none;
    background-color: #03A9F4;
    color: white;
    font-weight: bold;
    border-radius: 20px;
    text-align: center;
}

.learn-badge {
    width: 100%;
    background-color: white;
    border-radius: 6px;
}

.learn-badge-heading {
    padding: 12px 12px 8px 12px;
    border-bottom: 3px solid #f2f2f2;
    font-size: 16px;
    font-weight: bold;
}

.learn-badge-body {
    display: flex;
    padding: 12px;
    width: 100%;
}

.learn-today {
    margin-right: 10px;
}

.learn-today, .learn-total {
    width: 50%;
    padding: 12px;
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    border-radius: 10px;
}

.learn-today-heading {
    text-align: center;
    margin-bottom: 10px;
}

.learn-today-content {
    text-align: center;
    display: flex;
    justify-content: center;
}

.learn-today-course,.learn-today-hour {
    width: 50%;
}

/*.learn-today-hour {*/
/*    border-left: 2px solid #cbcbcb;*/
/*}*/

.new-user-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 4px 0px;
    padding: 4px 0px;
}

.new-user-left {

}

.new-user-img {
    border-radius: 50%;
    height: 35px;
    width: 35px;
}

.new-user-right {
    font-size: 12px;
}

.user-badge-body {
    padding: 12px;
    width: 100%;
}

.learn-item-show-all {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border: 1px solid #5cb85c;
    color: #5cb85c;
    transition: all .3s;
}

.learn-item-show-all:hover {
    background-color: #5cb85c;
    color: white
}
.input-search {
    height: 40px;
    position: relative;
    display: flex;
}

.input-search input {
    height: 100%;
    border-radius: 100px !important;
}

.btn-group-search {
    position: absolute;
    right: 10px;
    background-color: transparent;
    z-index: 2;
    top: 0;
    bottom: 0;
    padding: 9px;
    font-size: 16px;
    color: #ec5252;
}
.group-flex {display: flex; gap: 10px; margin-bottom: 20px}
.group-image {display: flex; gap: 10px}
.group-content {flex-basis: 40%; display: flex; flex-direction: column; gap: 15px;}
.group-content .group-name {font-size: 24px; font-weight: bold}

.group-content p {
    line-height: 1.5;
}

.tab-item { text-align: center; padding-bottom: 4px; background-color: transparent; border: none }

.b-border  { height: 2px; background-color: #ccc; margin-top: 2px; transition: all 0.1s linear}

.tab-item-slide .tab-item {
    padding: 4px 20px;
}

.tab-item-slide.active-tab-swiper .b-border {
    height: 4px !important;
    background-color: #03A9F4 !important;
    margin-top: 1px !important;
}

.tab-item span { font-size: 16px }

.main-group.group { background: -webkit-linear-gradient(#2859e1,#d1107a); color: white }

.my-list-pl-0 { padding-left: 0; }

.buy-group { width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px 12px 0px;
    height: 240px;
    /*box-shadow: 0px 10px 8px 10px #888888;*/
    border-radius: 15px;
    background-color: white;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
}

.buy-group-month { background-color: #03A9F4;
    color: white;
    padding: 8px 16px;
    font-weight: bold;
    border-radius: 6px
}

.buy-group-price { display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.buy-group-price b {
    font-size: 18px
}

.buy-group-total {

}

.buy-group-btn {
    font-weight: bold;
    padding: 6px 50px;
    border-radius: 6px
}

.buy-group-6 {
    background-color: #03A9F4;
    height: 260px;
    display: flex;
    align-items: end;
    border-radius: 15px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buy-group-6 .buy-group {
    background-color: #03A9F4;
    box-shadow: none;
}

.buy-group-6 .buy-group-month {
    color: black;
    background-color: white;
}

.buy-group-6 .buy-group-price, .buy-group-6 .buy-group-total {
    color: white;
}

.buy-group-6 .buy-group-btn {
    background-color: #ffdf3a;
}

.buy-group-most {
    background-color: #ffdf3a;
    font-weight: bold;
    font-size: 12px;
    padding: 4px 10px;
}

.buy-group-row {
    margin: 20px 0px 40px 0;
    display: flex;
    align-items: end;
    justify-content: center
}

.label-coupon {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.form-coupon {
    width: 100%;
    display: flex;
    gap: 8px;
    justify-content: end;
}

.db-item-group-icon {
    display: none;
}

.icon-order-success {
    font-size: 50px;
    color: #00b609;
}

.super-promotion-card {
    width: 50%;
    margin-top: 20px;
    border: 1px solid #cecece;
    padding: 15px;
    background-color: #efefef;
    border-radius: 15px;
}

.course-home {
    color: black;
}

.course-home-top, .course-home-top-img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.course-home-bot {
    padding: 6px 8px 8px 8px;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 110px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
    margin-bottom: 10px;
}

.course-home-desc {
    display: flex;
    justify-content: space-between;
}

.course-home-name {
    font-weight: 500;
    font-size: 15px;
}

.course-home-desc .course-home-teacher b {
    font-weight: normal;
    min-height: 17px;
    overflow: hidden;
    display: block;
    max-height: 17px;
    max-width: 72%;
}
.uppercase {
    text-transform: uppercase;
}
.text-base { font-size: 16px; line-height: 24px; }
.text-lg { font-size: 18px; line-height: 28px; }
.font-medium { font-weight: 500; }
.text-2xl { font-size: 24px;
    line-height: 32px; }
.line-through { text-decoration-line: line-through; }