article, aside, details, figcaption, figure,
footer, header, hgroup, menu, section {
display: block;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
.clear {
clear: both;
}
table {
border-collapse: collapse;
border-spacing: 0;}
a:hover { text-decoration: none; }
/*
==============================================================
Unica Main CSS
==============================================================
*/
.combo{background:lightgreen !important;}
/*-Other-*/
.post-content { background: #f2f2f2; }
.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: #f26c4f; }
.pd-No { padding: 0; }
.bd-No { border-bottom: 0 !important; padding: 0 !important; }
/*-Menu-*/
.col-width-lg { margin: 0 auto; }
.unica-home-menutop {border-bottom: 1px solid #e1e1e1; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); }
.unica-logo { padding: 13px 0 15px 0; float: left; }
.unica-menu-cate { display: inline-block; margin: 25px 0 0 16px; cursor: pointer; position: relative; color: #555}
.unica-menu-cate i { font-size: 18px; margin-right: 5px; vertical-align: middle; }
.unica-form { font-size: 13px; font-style: italic; height: 40px; width: 99% !important;}
.unica-btn-search { position: absolute; right: 28px; top: 16px; background: transparent; color: #f26c4f; font-size: 20px; padding: 6px 20px;}
.unica-search-boxtop { margin-top: 13px; }
.unica-active-course { border: 1px solid #555; padding: 9px 10px; border-radius: 3px; display: inline-block; color: #555; margin-top: 13px; }
.unica-active-course:hover { background: #f26c4f; color: #fff; border:1px solid #ccc; }
.unica-active-course i {margin-right: 5px;}
.unica-cart { color: #999; 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: 18px; padding: 1px 5px; }
.unica-acc-zone { float: right; margin-top: 13px; }
.unica-acc-zone li { display: inline-table; }
.unica-reg-acc { border: 1px solid #555; padding: 9px 19px; border-radius: 3px; display: inline-block; color: #555 }
.unica-log-acc { border: 1px solid #f26c4f; padding: 9px 10px; border-radius: 3px; display: inline-block; color: #fff; background: #f26c4f; }
.amazonmenu {visibility: hidden; opacity: 0; position: absolute; padding-top: 18px;}
.unica-menu-cate:hover .amazonmenu { visibility: visible; opacity: 1; }
.amazonmenu:after, .amazonmenu:before { left: 14px; 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: flex; margin-bottom: 20px;}
.box-item { float: left; padding: 5px; width: 20%;}
.u-box-lt { height: 115px; 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: bold; margin: 15px; text-transform: uppercase;}
.u-box-lt a { position: absolute; top: 50%;transform: translateY(-50%); text-align: center; width: 100%; font-size: 18px; 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: 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: center; }
.u-tab ul { padding: 0; margin: 0 0 10px 0; }
.u-tab ul li { display: inline-block; float: none; margin: 0; }
.u-tab a { color: #000; font-weight: bold; text-transform: uppercase; padding: 5px 15px; }
.u-tab > ul > li.active > a { color: #fff; background: #f26c4f; }
.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;}
.title-course { font-weight: bold; min-height: 38px;overflow: hidden;}
.name-gv { margin: 10px 0 5px 0; }
.name-gv, .des-gv { font-size: 12px; color: #555; min-height: 18px;}
.name-gv b { font-weight: normal; }
.des-gv { min-height: 34px; max-height: 34px; overflow: hidden;}
.rate-course { margin: 10px 0; }
.star-rate { float: left; margin-right: 5px; margin-top: 1px;}
.u-block-cmhv .star-rate { width: 100%; margin-bottom: 5px; }
.star-rate i { font-size: 16px; }
.n-rate { color: #464646; }
.price-course { margin: 0 7px; padding-top: 7px;border-radius: 5px;}
.price-a { font-size: 20px; font-weight: bold;float:right }
.price-a sup { font-size: 12px; }
.price-b sup { font-size: 10px; }
.price-b, .price-c { font-size: 13px; }
.price-b { text-decoration: line-through; float: left; margin: 5px 0; }
.price-c { font-weight: bold; color: #f00; }
.box-pop a:last-child {margin: 0 !important;}
.img-course img { border-radius: 10px 10px 0 0; }
/*-Popover-*/
.box-pop { float: left; }
.course-box-slider { color: #000; display: inline-block; width: 217px; min-height: 270px; max-height: 270px; margin: 5px; background: #fff; border-radius: 10px;}
.course-box-slider-2 { color: #000; border: 1px solid #b7b7b7; display: inline-block; min-height: 300px; max-height: 300px; margin: 5px; background: #fff}
.title-pop-course { font-size: 16px; font-weight: bold; }
.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; }
.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; }
.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; }
.u-video .unactive {cursor:pointer; position: absolute; right: 10px; top: 10px; color: #ccc; border: 1px solid #e2e2e2; padding: 8px 8px; border-radius: 100%; background: #fff; z-index: 2;transition: all 0.1s ease-in-out 0.1s;}
.u-video .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;}
.u-video a:hover {transform: scale(1.3);}
/*-Course-*/
.unica-course { display: block;}
.title-course-f { font-size: 24px; font-weight: bold; ; text-transform: uppercase; margin: 0 5px;}
.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; }
.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; }
.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%; margin-bottom: 20px; }
.unica-target h4 { font-size: 30px; font-weight: bold; text-align: center; margin: 10px 0; text-transform: uppercase; }
.target-box-inner { float: left; padding: 7px; width: 25%;}
.box-t-mi { height: 110px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-position: center; background-size: cover;
background-repeat: no-repeat; }
.box-t-mi a { position: absolute; top: 50%;transform: translateY(-50%); text-align: center; width: 100%; font-size: 14px; font-weight: 200; color: #fff; height: 100%;}
.box-t-mi a:hover { opacity: .8; color: #f26c4f; }
.box-t-mi span { position: absolute; top: 40%; left: 0; width: 100%; text-align: center; }
/*-Reason-*/
.unica-reason {display: inline-block; width: 100%; margin-bottom: 20px; }
.unica-reason h4 { font-size: 30px; font-weight: bold; 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: bold; font-size: 20px; }
.txt-reason span { display: block; font-size: 14px; font-weight: 100; }
/*-Teacher-*/
.unica-be-teacher { background-image: url(../images/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; }
/*-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; }
.img-teacher { margin-top: 20px; }
.img-teacher img{ border: 1px solid #f1f1f1; border-radius: 88px; box-shadow: 1px 1px 1px #ccc; display: inline-block !important; }
.name-teacher { margin: 20px 0; font-size: 20px; font-weight: bold; color: #000; display: block;}
.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: -15px; }
.box-teacher > button.slick-next.slick-arrow { right: -15px; }
.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; padding-bottom: 30px; }
#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;}
.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 { background: #e4e4e4; border-radius: 5px; padding: 10px; display: block; color: #000; }
.u-tags-mini:hover { background: #b6b6b6; color: #fff }
.u-tags-mini i { float: left; width: 40px; text-align: center; color: #f26c4f; font-size: 20px;}
.u-tags-mini p { font-weight: bold; text-align: center; }
/*-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;}
/*
==============================================================
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 { margin-top: 10px; }
/*-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 { border: 1px solid #d7d7d7; padding: 9px 12px; margin-bottom: 20px; }
.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 { border: 1px solid #d7d7d7; padding: 9px 12px; }
.u-hot-cate h3 { font-size: 16px; font-weight: bold; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; padding-bottom: 5px; }
.u-hot-cate ul li { display: inline-block; line-height: 30px; margin: 9px 1px; }
.u-hot-cate span { font-size: 13px; font-weight: normal; }
.u-list-leftbar { padding-right: 0; width: 22% }
/*-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; }
/*
==============================================================
Unica Detail Course Css
==============================================================
*/
.u-detail-block-left { margin-bottom: 10px; }
.u-course-highlight { background: #097890; color: #fff; padding-bottom: 10px; min-height: 200px; }
.u-detail-course { padding-top: 10px; background: #f3f3f3; }
.u-detail-block-title h1 { font-weight: bold; font-size: 27px; margin-top: 20px; }
.u-detail-tea { float: left; margin-right: 30px; margin-top: 15px; margin-bottom:3px; }
.u-detail-tea img { width: 30px; height: 30px; }
.u-detail-desc { margin: 10px 0; }
.u-detail-tea a { font-weight: bold; }
.u-detail-tea a:hover { text-decoration: underline; }
.u-detail-rate { margin: 19px 45px 0 0; float: left;}
.u-detail-students { margin-top: 20px; 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, .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-learn-what .content { padding: 0 15px; }
.u-des-course p { padding: 0 15px; }
.u-list-course .content { padding: 0 15px; }
.u-combo-buy .u-combo-course { padding: 0 15px; }
.u-cm-hv div { padding: 0 3px; }
.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: 16px; font-weight: bold; padding: 15px}
.tag .label { font-weight: normal; }
.u-des-course p { margin-bottom: 10px; line-height: 25px; }
.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: 13px; }
.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(../images/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: 14px; font-weight: bold; }
.btn-preview { padding: 5px ; background-color: #7cbdff; color: #fff !important; border-radius: 5px; }
.u-list-course .col { border-bottom: 1px solid #e1e1e1; padding: 15px 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 { color: #727272; margin: 10px 0 20px 0; }
.urh-left { width: 21%; text-align: center; float: left; }
.urh-right { width: 73%; float: left; margin-left: 40px; }
.number-big-rate { font-size: 72px; font-weight: bold; color: #333; }
.star-big-rate { display: inline-block;}
.star-big-rate i { font-size: 20px; }
.count-rate { margin-top: 5px; }
.u-rate-f1-progress { width: 70%; float: left; height: 30px; }
.u-rate-f1-star { width: 21%; 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%; }
.block-hv { width: 90%; float: left; }
.name-hv { float: left; margin-right: 40px; text-transform:capitalize; font-weight:bold; font-style:italic;}
.rate-hv { display: block; font-style:italic;}
.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; }
.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: bold; color: #545454; margin-bottom: 20px; display: block; }
.rate-combo { margin-top: 12px; }
.rate-combo p { float: left; margin-right: 15px; }
.price-combo { display: inline-block; text-align: center; margin-top: -4px; 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: 16px; margin: 10px 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: 1px solid #d7d7d7; border-radius: 5px; background: #fff; padding: 10px 15px 5px 15px; position: relative;}
.pdr-b { padding-left: 0; }
.block-price { width: 100%; }
.b-price { align-items: center; }
.big-price { font-size: 32px; font-weight: bold; float: left; }
.big-price sup { font-size: 16px; }
.small-price { font-size: 20px; text-decoration: line-through; margin-left: 10px; display: inline-block; margin-top: 10px; }
.small-price sup { font-size: 12px; }
.discount-price { font-size: 14px; background: #f26c4f; padding: 5px; color: #fff; display: inline-block; float: right; margin-top: 10px; }
.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: #d70a0a; border-radius: 5px; padding: 14px 20px; display: inline-block; width: 100%; color: #fff !important; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px; text-transform: uppercase; }
.btn-cart-course { background: #fff; border-radius: 5px; padding: 10px 10px; display: inline-block; width: 100%; color: #545454; font-size: 18px; font-weight: bold; text-align: center; border: 1px solid #b7b7b7; margin-bottom:10px; }
.btn-cart-course i { font-size: 30px; margin-right: 10px; vertical-align: sub; }
.block-btn p { color: #555; font-size: 12px;}
.block-btn a:hover { opacity: .8; }
.block-btn { text-align: center; }
.block-ulti { color: #555;}
.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 { color: #006aed; margin: 40px 0; display: inline-block; }
.block-ulti a:hover { text-decoration: underline; }
.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; }
/*
==============================================================
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 { margin-bottom: 10px; 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: 71px; width: 100%; display: inline-block; }
.ubo-progress { margin-top: 13px; }
.ubo-progress .progress{ margin-bottom: 0; width: 89%; 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-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 #d7d7d7; border-radius: 3px; padding: 15px; display: inline-block; margin-top: 10px; 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; }
.uom-gv-right ul { margin-left: 20px; }
.uom-gv-right ul li { line-height: 30px; }
.uom-gv-right i { margin-right: 5px; width: 30px; text-align: center; }
.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: 10px; */
/*bottom: 0; left: 0; */
/*position: absolute; */
/*width: 100%;*/
/*background: #2c2f37;*/
/*opacity: 0.0 ;*/
-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;
}
.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: bold; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7); }
.u-txt-list span { font-size: 14px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7); }
.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; }
.ua-btn-bn a { border: 1px solid #000; background: #464646; color: #cbcbcb; padding: 7px 10px; margin-right: 15px; width: 100px; text-align: center; display: inline-block; }
.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: 0; position: fixed; z-index: 2; top: 0; left: 0; background-color: #fff; overflow-x: hidden;overflow-y: hidden; transition: 0.5s; padding-top:30px;}
.sidenav .closebtn { font-size: 20px; background: #fff; padding: 0 8px; border-radius: 50px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.42) }
.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;}
.sidenav2 .closebtn { position: absolute; top: 0; left: 25px; font-size: 36px; }
.tit-bold { font-weight: bold; }
.u-video-list-course { padding: 0px; height: 100%; overflow-y: scroll; }
.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 8px 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: 25px; }
.col .title { float: left; }
.col .time { float: right; }
.u-video-list-course .panel-heading { padding: 10px 5px; }
.u-video-qa-block { padding: 20px; display: inline-block; width: 100%; border: 1px solid #ccc !important; margin-top: 10px !important; background: #fff; }
.u-v-q-box a { padding: 10px 20px; background: #f26c4f; text-align: center; float: right; color: #fff; margin-top: 10px; }
.u-video-qa-title { position: absolute; left: 31%; top: 2%; 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 { border-bottom: 1px solid #ccc; 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%; }
.uv-name-hv .lession_name_a {margin: 0px 10px 0px 15px; float: left;}
.uv-box-qa a { color: #0b9bd5; 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; margin-left: 10px;}
.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-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 { border: 1px solid #eee; padding: 10px; margin: 10px 0; display: inline-block; width: 100%; position: relative; }
.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: 10%; }
.title-cart-course { text-align: left; width: 70%; }
.title-cart-course p { font-weight: bold; }
.u-box-cart2 .remove-course { cursor: pointer; width: 5%; font-size: 16px; color: #f00;position: relative;top: 3px; left: 17px}
.price-cart { width: 30%; text-align: right}
.price-cart p { font-size: 20px; font-weight: bold; }
.price-cart sup { font-size: 14px; }
.price-cart span { text-decoration: line-through; }
.price-cart span sup { font-size: 10px; }
.u-cart-price { margin-top: 15px; }
.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; }
.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: #fff; background: #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-top: 20px; }
.u-cart-price2 { margin-top: 20px; }
.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; }
.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; }
.cart-complete i { font-size: 120px; color: #00b609; }
.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; }
/*
==============================================================
Unica Teacher Css
==============================================================
*/
.u-teacher-top { background-image: url(../images/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; }
.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: right; }
.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: 20px;}
.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(../images/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 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 { margin-top: 13px; display: inline-block;width: 100%; }
.db-item .unica-active-course { margin-top: 0; }
.db-item li { display: inline; float: left; margin-right: 10px; }
.db-item li:last-child { float: right; }
.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; }
.db-item-learn:hover { opacity: .8 }
.db-item-circle { display: inline-block; }
.db-item-circle img { max-height: 30px; max-width: 30px; 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: block; float: right; margin-top: 12px; margin-left: 7px; color: #777 }
.db-drop {right: 0; left: auto; top: 40px;}
.db-drop li > a { padding: 10px 20px; }
.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(../images/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; }
.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(../images/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: 2px solid #fff; 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-image: url(../images/tc4.jpg); background-color: #008fd9; height: 376px; position: relative; text-align: center; background-position-x: center; padding: 10px; }
.title-block-2 { color: #fff; 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; }
.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: 160px; }
.box-inner-teacher p { font-weight: bold; font-size: 16px; }
.unica-teacher-block-3 { margin: 20px 0; }
.unica-teacher-block-4 { background: #219ad8; text-align: center; color: #fff; }
.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; font-weight: bold; margin-bottom: 20px; display: block; }
.inner-block-4 p { font-size: 18px; font-weight: bold; margin: 30px 0; }
.unica-teacher-block-5 { background: #fff; 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; font-weight: bold; }
.unica-teacher-block-6 { background: #219ad8; 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; }
.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: 200px; height: 200px; border-radius: 150px;}
.member-box h4 { margin: 18px 0 10px; font-weight: bold; color: #fff; font-size: 18px;}
.position { color: #fff; font-style: italic; margin-bottom: 10px;}
#page-6 > h2:nth-child(3) { margin-top: 20px !important; }
.unica-teacher-block-7 { background-image: url(../images/people.jpg); background-color: #f0f5fb; height: 323px; position: relative; text-align: center; background-position-x: center; padding: 10px; }
.unica-teacher-block-7 h3 { font-size: 24px; text-align: center; margin: 20px 0; text-transform: uppercase; font-weight: bold; color: #000; }
.unica-teacher-block-7 a { font-size: 24px; color: #fff; background: #f26c4f; padding: 10px 30px; border: 3px solid #fff; border-radius: 3px; display: inline-block; margin: 60px 0; text-transform: uppercase; font-weight: bold; }
.unica-teacher-block-7 a:hover { background: #ff9078 ; }
.unica-teacher-block-7 p { color: #a60000; font-weight: bold; font-size: 24px; margin-top: 20px; }
.member-box { float: left; width: 22%; margin: 45px 13px 0; text-align: center; height: 300px;}
.des-teacher { min-height: 57px; padding: 0 5px; }
.u-dashboard-top i { width: 20px; text-align: center; }
/*
==============================================================
Unica Affiliate Css
==============================================================
*/
.unica-affiliate-top { background-image: url(../images/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; }
.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; border-bottom: 4px double #fff; 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;}
.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;}
.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(../images/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(../images/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: #f6f7f9; padding-top: 10px; }
.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 { background: #f6f7f9; padding: 11px; font-weight: bold; color: #4b4f56; border-bottom: 1px solid #cecece }
.box-cate-blogs ul { padding-bottom: 10px; background: #f6f7f9;}
.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; width: 100%; border-radius: 3px; margin-bottom: 10px; }
.box-cate-list-blogs img { width: 30%; float: left; }
.box-cate-list-blogs h3 { background: #f6f7f9; padding: 11px; font-weight: bold; color: #4b4f56; border-bottom: 1px solid #b7b7b7; }
.box-cate-list-blogs ul { padding: 10px; background: #f6f7f9; }
.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; }
.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 #e1e1e1; }
.box-course-relate a { font-weight: bold; padding: 0; }
.title-course-relate { margin: 10px; }
.teacher-course-relate { margin: 10px; }
.teacher-course-relate p { float: left; width: 45%; }
.teacher-course-relate span { float: right; width: 51%; text-align: right; }
.price-course-relate { display: inline-block;width: 100%; }
.price-course-relate .price-a { float: right; width: 24%; font-weight: bold; font-size: 18px; }
.price-course-relate .price-b { float: right; width: 18%; text-align: right; 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: 36px; 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: 36px; font-weight: bold; text-transform: uppercase; text-align: center; }
.u-membership-block-5 ul { margin-top: 30px; }
.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, .help-block-error {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; }
.block-napthe button {margin-top: 5px; height: 50px; padding: 10px 40px; color: #fff; background: #ed1c24; font-size: 21px; text-transform: uppercase; font-weight: bold; }
.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; padding: 10px; width: 405px; float: left; margin-right: 10px; }
.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;}
@media (max-width: 768px){
.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%; }
.noidung,.product-info-price,.noidungdanhmuc {font-size:16px; line-height:25px;}
}
/*
==============================================================
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; }
}
@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; }
}
@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 { margin: 25px 0 0 25px; }
.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; }
}
@media (min-width:992px) and (max-width:1199px) {
.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: 25px 0 0 9px; }
.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 { margin: 9px; }
.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: 25%; }
.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%;}
.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; }
.rate-combo span:last-child { display: none; }
.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; }
}
@media (min-width:768px) and (max-width:991px) {
.unica-main-banner { height: 390px !important;background-size: cover; background-position: left !important; }
.unica-main-banner-box-search { right: 13%; top: 50%; }
.unica-logo { width: 50%; padding-top: 14px; }
.cate-md, .cate-sm { padding: 0; }
.unica-btn-search { right: 19px; padding: 6px 9px; }
.unica-menu-cate { margin: 25px 0 0 20px; }
.unica-reg-acc { padding: 9px 13px; }
.unica-log-acc { padding: 9px 6px; }
.unica-cart { margin: 0; }
.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 { margin: 0 11px; }
.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: 33.33333333%; }
.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: 250px; width: 97.5% !important; bottom: 10px !important; top: unset !important; z-index: 9;}
.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; }
.remove-course { margin: 0 5px; font-size: 18px; left: 5px; }
.u-cart-combo-course .remove-course { left: 470px; top: 9px }
.price-cart { width: 17%; }
.col-cart-table { padding-left: 0 }
.col-cart-table2 { padding-right: 0; padding-left: 0 }
.u-list-course { padding: 5px; }
.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: 5px; }
.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 {margin-left: 30px;}
.social-connect p { margin: 22px 0 13px 0 !important; }
}
@media (max-width:767px) {
.box-slider-blog img { height: 160px; }
.box-slider-info { padding: 16px 10px 5px 10px !important }
.box-item-blog .post-item { min-height: 350px !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; border-bottom: 1px solid #e1e1e1;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); }
.sm-navi-btn { float: left;}
.sm-navi-btn i { font-size: 20px; color: #505050; margin: 11px 15px;}
.des-combo {width: 100%;}
.navibar-mobile .navbar-offcanvas { background: #fff;}
.logo-mobile img { max-width: 110px; margin-top: 5px; }
.sidenav-brand { background: #eee !important; padding: 10px 0px; position: relative;}
.sidenav-brand .remove-navibar { position: absolute; top: 8px; left: 21px;}
.remove-navibar { float: left;}
.sidenav-brand .remove-navibar i { color: #fff; 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: 15px; padding-left: 25px; font-size: 16px; color: #212121;}
.sm-customize-menu li a i { font-size: 22px; color: #757575; padding-right: 20px; position: relative; top: 3px;}
.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;}
.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: #505050; font-size: 22px; margin: 7px 11px; position: relative; top: -3px; right: -7px;}
.c_header__search-wrapper { height: 44px; padding-top: 7px;}
.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;}
.sm-form { font-size: 13px; font-style: italic; height: 40px; width: 99% !important;}
.sm-btn-search { position: absolute; right: 14px; top: 7px; background: none; color: #f58829; font-size: 22px;}
.login-mobile { float: right; height: 44px; padding-right: 9px; padding-top: 6px; 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: 55px;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: 9px 14px;}
.popover .popover-content .btn { color: #464646; border: 1px solid #E1E5EA; font-weight: 400; line-height: 1.9; width: 200px; text-align: left;padding-left: 10px;}
.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; }
.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: 18px; text-transform: none; }
.u-tab a { padding: 5px; font-size: 12px; }
.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; }
.star-rate i { font-size: 14px; margin: 0 2px;}
.n-rate { font-size: 12px; margin-top: -2px; position: absolute; }
.course-box-slider-2 { margin-bottom: 10px; width: 280px; min-height: 130px;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-left: 5px; margin-bottom: 4px; }
.price-b ,.price-c { font-size: 13px; }
.price-b { float: right; margin: 7px 0px 7px 4px; }
.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 }
.des-gv { display: none; }
.price-c { display: none; }
.title-course-f a { margin: 7px 0px; }
.price-course { border: 0; padding-top: 0; margin: 0; display: inline-block; width: 100%; }
.name-gv ,.rate-course { margin: 5px 0; }
.unica-box-course-hot .u-tab { display: inline-block; border-bottom: 1px solid #ccc; width: 100%; }
.unica-big-box { margin: 0; }
.content-course { margin: 3px 7px 0px 7px; float: right;width: 65%;}
.total-cart { border-top: none; }
.title-course-f { font-size: 18px; margin-bottom: 0; border-bottom: 3px solid #f67052; padding: 5px 0; text-transform: none;}
.unica-target h4 { font-size: 18px; text-transform: none; }
.unica-reason h4 { font-size: 18px; margin-top: 10px; text-transform: none;}
.target-box-inner { width: 50%; }
.box-t-mi span { padding: 0 10px; top: 29%; }
.txt-reason { font-size: 14px; }
.txt-reason span { font-size: 14px; }
.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%; }
.u-all-course .course-box-slider-2 { width: 290px; }
.main-content { width: 100%; }
.col-filter { padding-left: 0; padding-right: 5px;}
.filter .form-control { float: left; width: 48%; 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; margin-top: 5px; padding: 10px 5px 5px 5px; }
.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: 0 5px; }
.u-learn-what, .u-des-course, .u-course-plus, .u-course-teacher, .u-rate-hv, .u-cm-hv, .u-combo-buy, .u-list-course { padding: 7px; }
.u-plus-icon { top: 105px; left: 117px; }
.u-plus-course, .uct-left, .urh-left { width: 100%; }
.u-block-plus, .uct-right, .urh-right { width: 100%; margin: 0; }
.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; position: relative; left: 50px }
.star-big-rate { margin-top: 30px; }
.block-inner { margin-left: 35px; }
.ava-hv img { width: 55px; 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 0; position: relative}
.name-hv { margin: 0; float: none; }
.rate-hv { margin: 0; }
.price-e { float: right;font-size: 14px; margin: 10px 14px; }
.img-combo { height: 87px; overflow: hidden; min-width: 87px; width: 87px; }
.img-combo img { max-width: none; width: auto; height: 87px; margin-left: -34px; }
.des-combo { display: block; }
.des-combo a { font-size: 14px; margin-bottom: 7px; }
.gv-combo {font-size: 12px;}
.rate-combo { margin-top: 7px; }
.favo-combo, .price-combo-c, .rate-combo span:last-child { display: none; }
.price-combo { margin: 0; width: 100%; text-align: unset; margin-top: 7px; }
.price-combo-a { float: right; }
.price-combo-b { float: right; margin: 10px 10px 0 0 ; font-size: 14px; }
.block-ulti ul { margin-left: 10px}
.ubo-right-title {margin-bottom: 38px;}
.ubo-right-prog { margin-top: 20px; }
.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; }
.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{ display: none; }
.u-btn-list { margin: 16px; }
.u-txt-back { margin-right: 10px; margin-top: 16px; }
.u-txt-back a { font-size: 14px; margin-top: 17px; font-weight: bold; }
.unica-list-video-course, .unica-back-course { margin: 5px 0; padding: 0 }
.unica-video-main p { font-size: 16px; margin: 5px 0; }
.u-btn-list i, .u-btn-back i { font-size: 16px; }
.unica-learn-bottom { padding: 10px 0; }
.ua-btn-bn p, .ua-btn-sv p { display: none;}
.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: 0 5px; }
.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: 14px; 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: inline-block; width: 100%; }
.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: 69%; display: inline-block;}
.title-cart-course span { font-size: 13px }
.u-box-cart2 { padding: 0; border: none; margin-top: 0; }
.price-cart { float: right; width: 25%; display: inline-block; }
.price-cart p { float: left; margin-right: 0px; }
.cart-price-sub { float: left; width: 50%; margin-top: 5px; }
.price-cart span { vertical-align: sub; }
.u-cart-price { margin-top: 0; }
.u-box-cart2 .remove-course { float: right; width: 8%; left: 4px }
.more-cart { border-top: 1px solid #ccc; margin: 0; }
.more-cart a { color: #03A9F4; background: transparent; padding: 10px 8px; width: 50%; }
.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; margin-top: -40px; }
.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: 200px; background-position: center; padding: 20px 0; }
.unica-teacher-top p { font-size: 24px; margin-bottom: 42px; }
.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-reason-teacher ul li { width: unset; margin: unset; display: inline-block; }
.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: 47%; 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; }
.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; }
.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: 15px 10px; }
.iq-question-box { width: 100%; }
.iq-answer-box { width: 100%; }
.box-pop { width: 100%; display: inline-block; margin-top: 3px; }
.name-gv, .des-gv { min-height: 18px; margin-bottom: 0 }
.title-course { min-height: 20px; margin-top: 0 !important; line-height: 21px; margin-bottom: 5px; max-height: 42px;}
.title-course span { max-height: 42px }
.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: 70%; }
.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: 270px; }
.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; }
.rate-hv .star-rate { width: 100%; }
}
@media (min-width:375px) and (max-width:414px) {
.number-big-rate { left: 80px; }
}
@media (min-width:320px) and (max-width:375px) {
.number-big-rate { left: 77px; }
}
@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 { font-size: 14px; }
.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;}
}
/*
==============================================================
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: 10px; width: 270px; float: left; margin: 0px 5px 10px 0px}
.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; margin-top: 8px;}
.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%; }
.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: 350px; }
.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:991px) {
.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: 262px; }
.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; }
}
@media (max-width:767px) {
.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; }
}
/*
=================================== 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;
background-color: #fff;
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: 20px;}
.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: 20px; float: right; margin: 15px 0 0 0; }
.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; 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; top: 0; z-index: 99; border: 1px solid #ccc; margin-left: -5px}
.price-inner { font-size: 24px; font-weight: bold; float: right; }
.price-inner sup { font-size: 12px;}
.btn-inner { float: left; margin: 7px 0; }
.btn-inner a { color: #fff; background: #df322f; font-size: 18px; border-radius: 5px; padding: 5px 10px; font-weight: bold; text-transform: uppercase; }
/*---------------BLOG-NEW--------------*/
.blog-new { padding: 50px 0 50px 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: 21px 15px; color: #f26c4f }
.u-blog-new-menu .navbar-nav > li > a { padding-top: 22px; 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: 360px; right: 0; 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: 70px; background: url(../images_v2018/blog/icon-search-post.png) no-repeat center center; height: 60px; cursor: pointer;}
.u-blog-new-content { background: #eff0f2; padding: 20px 0; }
.u-blog-new-content .no-padding-xs { padding: 5px; }
.box-slider-blog { position: relative;
max-height: 360px;
overflow: hidden; }
.box-slider-info { position: absolute; z-index: 9; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); padding: 16px 145px 25px 23px; }
.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-size: 24px; margin-bottom: 10px; 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; border: 1px solid #e6e5e5; position: relative; margin-top: 30px; 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: 30px !important; padding-bottom: 27px !important; }
.interested-post .swiper-pagination { margin-top: 7px; }
.interested-post a { color: #333; }
.interested-post a:hover{color:#f26c4f; }
.sub-blog span { margin-right: 5px; }
.sub-blog .swiper-pagination-bullet-active { background: #f26c4f; }
.news-today { background: #fff; border-radius: 5px; border: 1px solid #e6e5e5; }
.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 20px 5px; overflow-y: scroll; max-height: 629px;}
.news-today .item { border-top: 1px solid #ebebeb; padding: 15px 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-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: 13px; 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: 1px solid #e6e5e5; border-radius: 5px; min-height: 400px; overflow: hidden;}
.box-item-blog .post-item .post-thumb { position: relative; border-bottom: 2px solid #f26c4f;}
.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: 13px; color: #aaa; padding: 30px 10px 15px;}
.box-item-blog .post-item a.title {overflow: hidden; max-height: 63px; min-height: 63px; 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: 43px; 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 { max-width: 100%;}
.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;}
.postDetail { background: #fff; }
.postDetail a { color: #333; margin-top: 10px; display: block; text-align: left; }
.related-post .post-title { max-height: 45px; overflow: hidden; min-height: 45px;line-height: 21px; padding: 0px 10px 10px 10px; display: inline-block; width: 100%; }
.postDetail:hover a { color: #f26c4f; }
.postDetail img { max-width: 100%; min-height: 156px; width: 100%; margin-top: -10px; }
@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; }
.topic-hot { border-radius: 0; }
.topic-hot .swiper-container { padding-left: 0; } .topic-hot .swiper-button-prev { left: 0; }
}
.postDetail img { min-height: 156px; max-height:156px; }
.post-content .post-image-feature { position: relative; max-height: 400px; 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: 40px; font-weight: 700; margin-bottom: 20px; color: #fff; position: absolute; bottom: 30%; padding-bottom: 24px; margin-top: 0;}
.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 20px; text-align: left; text-transform: uppercase; 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: #ccc; }
.blog_content strong { margin: 10px 0; display: inline-block; font-weight: bold;}
@media (max-width:767px) {
.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; margin: 10px; }
.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;}
.swiper-button-prev, .swiper-button-next { display: none; }
.box-slider-info p { display: none; }
.swiper-button-prev { left: 4px !important; }
.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; }
.post-content .pdNoneb { padding: 0; }
.u-blog-new-menu .navbar-brand { padding: 21px 5px 21px 0; font-size: 13px; }
.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: 0 10px; }
#tawkchat-minified-box #tawkchat-chat-indicator { display: none; }
.u-block-cmhv .ava-hv { width: 19% }
.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-detail-course .u-detail-block-right .btn-coupon {color: #464646; background-color: #ccc;}
.u-detail-course .u-detail-block-right .btn-coupon:hover {background-color: #999999; color: #fff}
.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;}
.tab-detail ul{width:100%;}
.tab-detail li:hover{background: #e1e1e1; color: #000;}
.blog_content img {
height: 100% !important;
}
span.label-default,.kndtc-label {display: none}