@charset "UTF-8";
@font-face { font-family: 'main'; src: url('../fonts/RobotoRegular.eot'); src: url('../fonts/RobotoRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoRegular.woff') format('woff'), url('../fonts/RobotoRegular.ttf') format('truetype'), url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'mainbold'; src: url('../fonts/RobotoBold.eot'); src: url('../fonts/RobotoBold.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoBold.woff') format('woff'), url('../fonts/RobotoBold.ttf') format('truetype'), url('../fonts/RobotoBold.svg#RobotoBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RobotoRegular'; src: url('../fonts/RobotoRegular.eot'); src: url('../fonts/RobotoRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoRegular.woff') format('woff'), url('../fonts/RobotoRegular.ttf') format('truetype'), url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RobotoBold'; src: url('../fonts/RobotoBold.eot'); src: url('../fonts/RobotoBold.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoBold.woff') format('woff'), url('../fonts/RobotoBold.ttf') format('truetype'), url('../fonts/RobotoBold.svg#RobotoBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'QuickSandBold'; src: url('../fonts/QuickSandBold.eot'); src: url('../fonts/QuickSandBold.eot?#iefix') format('embedded-opentype'), url('../fonts/QuickSandBold.woff') format('woff'), url('../fonts/QuickSandBold.ttf') format('truetype'), url('../fonts/QuickSandBold.svg#QuickSandBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RobotoMedium'; src: url('../fonts/RobotoMedium.eot'); src: url('../fonts/RobotoMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoMedium.woff') format('woff'), url('../fonts/RobotoMedium.ttf') format('truetype'), url('../fonts/RobotoMedium.svg#RobotoMedium') format('svg'); font-weight: normal; font-style: normal; }
/*============end font===========*/
.title-main { position: relative; margin-bottom: 20px; padding-bottom: 10px; }
.title-main::after, .title-main::before { position: absolute; content: ''; height: 1px; z-index: 2; bottom: 0; left: 0; }
.title-main::before { width: 100%; background: #dedede; }
.title-main::after { width: 35px; background: #bf010a; }
.title-main h1, .title-main h2 { display: inline-block; padding: 5px 0; font-family: QuickSandBold; color: #bf010a; font-size: 28px; text-transform: none; }
.time-main{margin-bottom:0.75rem;color:#999999;}
.time-main i{vertical-align:top;margin:3px 7px 0px 0px;}
.time-main span{vertical-align:top;display:inline-block;}
/*header*/
#block-header { position: relative; z-index: 2; }
.header-box { position: relative; }
.header-top { background: #bf010a; }
.header-top .box { align-items: center; color: #f6fdf9; font-family: main; font-size: 14px; padding: 9.5px 0; }
.header-top .box i { font-size: 18px; margin-right: 5px; position: relative; top: 2px; }
.header-slogan { max-width: 400px; }
.header-slogan marquee { display: flex; }
.header-hotline { margin-left: auto; margin-right: 20px; }
.header-mid { background: #fff; }
.header-mid .box { align-items: center; padding: 7.5px 0; }
.header-logo { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width: 90px; }
/*end header*/
/*=================================*/
/*menu*/
.main-menu { position: relative; align-items: center; margin: 0 -10px; }
.main-menu li { position: relative; }
.main-menu li a { font-family: main; color: #000; }
.main-menu>li { text-align: center; }
.main-menu>li:first-child>a { position: relative; width: 50px; border-right: 1px solid #c4c4c4; line-height: 60px; height: 40px; }
.main-menu>li:first-child>a::before { position: absolute; content: '\f015'; font-family: fontawesome; font-size: 30px; left: 0; right: 0; bottom: -10px; }
.main-menu>li>a { text-transform: uppercase; display: block; line-height: 40px; font-size: 15px; font-family: RobotoMedium; padding: 0 10px; }
.main-menu>li:hover>a, .main-menu>li.active>a { background: #bf010a; color: #fff; border-radius: 9px; }
.main-menu li:hover .menu-list { opacity: 1; visibility: visible; }
.main-menu li ul { background-color: #ffffff; position: absolute; visibility: hidden; opacity: 0; z-index: 10; width: 250px; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 0 0 3px 3px; box-shadow: 0 0 3px 1px #6b6a6a; }
.main-menu .menu-list { left: 0; top: 100%; -webkit-transition: visibility 0.3s, opacity 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s; -ms-transition: visibility 0.3s, opacity 0.3s; -o-transition: visibility 0.3s, opacity 0.3s; transition: visibility 0.3s, opacity 0.3s; }
.main-menu .menu-list li { text-align: left; border-bottom: 1px solid #bf010a; }
.main-menu .menu-list li:last-child { border-bottom: none; }
.main-menu .menu-list li:hover>a, .main-menu .menu-list li:focus>a { background-color: #bf010a; color: #fff; }
.main-menu .menu-list li:hover .menu-cat, .main-menu .menu-list li:focus .menu-cat { opacity: 1; visibility: visible; -webkit-transition: visibility 0.3s, opacity 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s; -ms-transition: visibility 0.3s, opacity 0.3s; -o-transition: visibility 0.3s, opacity 0.3s; transition: visibility 0.3s, opacity 0.3s; }
.main-menu .menu-list li a { display: block; padding: 6px 20px; -webkit-transition: padding-left 0.3s; -moz-transition: padding-left 0.3s; -ms-transition: padding-left 0.3s; -o-transition: padding-left 0.3s; transition: padding-left 0.3s; }
.main-menu .menu-cat { left: 100%; top: 0; -webkit-transition: visibility 0.3s, opacity 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s; -ms-transition: visibility 0.3s, opacity 0.3s; -o-transition: visibility 0.3s, opacity 0.3s; transition: visibility 0.3s, opacity 0.3s; }
.main-menu .menu-cat li:hover .menu-item { opacity: 1; visibility: visible; -webkit-transition: visibility 0.3s, opacity 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s; -ms-transition: visibility 0.3s, opacity 0.3s; -o-transition: visibility 0.3s, opacity 0.3s; transition: visibility 0.3s, opacity 0.3s; }
.main-menu .menu-item { left: 100%; top: 0; -webkit-transition: visibility 0.3s, opacity 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s; -ms-transition: visibility 0.3s, opacity 0.3s; -o-transition: visibility 0.3s, opacity 0.3s; transition: visibility 0.3s, opacity 0.3s; }
.menu-fixed .header-logo { width: 40px; }
/*end menu*/
/*===================================*/
#block-slider { position: relative; background: #000; overflow: hidden; z-index: 1; }
.slider-container { overflow: hidden; }
.slider-slick .slick-prev, .slider-slick .slick-next { z-index: 2; width: 50px; height: 50px; }
.slider-slick .slick-prev { left: 10px; }
.slider-slick .slick-next { right: 10px; }
.slider-slick .slick-prev::before, .slider-slick .slick-next::before { font-size: 50px; }
.slider-slick .slick-prev::before { }
.slider-slick .slick-next::before { }
/*==================================*/
.index-wrap { padding: 50px 0; }
.index-show { width: 100%; max-width: 790px; }
.index-aside { width: 100%; max-width: 380px; }
/*commitment*/
.commitment-box { height: 640px; overflow: hidden; }
.commitment-col { margin-bottom: 30px; }
.commitment-img { position: relative; }
.commitment-img:hover .commitment-text { background: none; }
.commitment-img:hover .commitment-text h3 { color: red; text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
.commitment-img a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3; }
.commitment-text { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; background: rgb(0 0 0 / 0.6); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.commitment-text h3 { font-family: QuickSandBold; font-size: 39px; color: #fff; }
/*end commitment*/
/*===============================*/
/*teachers*/
#block-teachers { padding: 40px 0; }
.container-teachers { overflow: hidden; }
.teachers-box { margin: 0 -10px }
.teachers-col { padding: 0 10px; }
.teachers-img { margin-bottom: 5px; }
.teachers-text { text-align: center; }
.teachers-text h3 { font-family: mainbold; font-size: 14px; color: #0d79bb; }
.teachers-text p { font-size: 14px; color: #222222; font-family: main; display: -webkit-box; width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: justify; }
/*end teachers*/
/*===============================*/
/*aside*/
.aside-danhmuc { margin-bottom: 20px }
.aside-title { background: #2a1770; align-items: center; justify-content: flex-start; position: relative; }
.aside-title img { background: #341d8a; padding: 15px 13px; }
.aside-title::after { position: absolute; content: ''; left: 41px; top: calc(50% - 4px); border-left: 8px solid #0000; border-top: 8px solid #341d8a; z-index: 2; transform: rotate(45deg); }
.aside-title span { font-family: RobotoCondensedBold; font-size: 18px; color: #fff; text-transform: uppercase; margin-left: 17px; }
.aside-box { background: #f7f7f7; }
.aside-list { padding: 0px 10px; max-height: 600px; overflow-y: auto; }
.aside-list>li { border-bottom: 1px solid #fff; align-items: center; }
.aside-list>li>a { padding: 12px 10px; width: calc(100% - 20px); }
.aside-list>li>i { cursor: pointer; width: 20px; line-height: 20px; border-radius: 50%; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.aside-list>li>i:hover { background: #2a1770; color: #fff; }
.aside-list li { background: url('../images/bg-aside-list.png')no-repeat center left; }
.aside-list li a { font-family: RobotoRegular; font-size: 15px; color: #333333; }
.aside-list li a:hover { color: red; }
.aside-cat { padding: 0 20px; width: 100%; }
.aside-cat-hide { display: none; }
.aside-cat li a { padding: 10px 10px; display: block; }
.active-aside { transform: rotate(180deg); background: #2a1770; color: #fff; }
/*end aside*/
/*===================================*/
/*tab*/
.tab-list { margin: 0 -0.5px; margin-bottom: 20px; justify-content: flex-start; }
.tab-list li { margin: 0.5px; }
.tab-list li a { font-family: mainbold; color: #000; font-size: 14px; padding: 8px; display: block; background: #e4e4e4; min-width: 100px; text-align: center; }
.tab-list li a:hover, .tab-list .tab-active a { background: #bf010a; color: #fff; }
.tab-show { width: 100%; }
.tab-box { justify-content: flex-start; }
.notice { font-family: mainbold; font-size: 17px; }
/*===================================*/
/*album*/
.container-album { overflow: hidden; }
.album-box { margin: 0 -7.5px; }
.album-col { width: calc(100%/2); padding: 0 7.5px; }
.album-item { position: relative; overflow: hidden; }
.album-img figcaption, .album-img a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; }
.album-img figcaption { z-index: 1; background: rgb(0 0 0 / 0.5); visibility: hidden; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.album-img figcaption i { color: #fff; font-size: 50px; }
.album-img:hover figcaption { visibility: visible; opacity: 1; }
.album-text { position: absolute; width: 100%; bottom: 0; background: #00000080; padding: 10px; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); visibility: hidden; opacity: 0; color: #fff; }
.album-item:hover .album-text { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); visibility: visible; opacity: 1; }
.album-text h3 { font-family: mainbold; font-size: 16px; text-transform: uppercase; }
.album-text p { font-family: main; font-size: 13px; }
/*end album*/
/*===============================*/
/*news*/
#aside-news { margin-bottom: 40px }
#aside-curriculum .simply-scroll .simply-scroll-clip { height: 770px; }
.news-item { width: 100%; padding-left: 20px; position: relative; }
.news-item::before { position: absolute; content: ''; width: 5px; height: 5px; background: #bf010a; border-radius: 50%; top: calc((100% - 5px) / 2); left: 0; }
.news-item a { font-family: main; font-size: 14px; color: #262626; line-height: 35px; }
/*end news*/
/*===============================*/
/*feedback*/
#block-feedback { background: url('../images/bg-feedback1.jpg')no-repeat fixed; padding: 50px 0 60px; background-size: cover; position: relative; }
#block-feedback::after { position: absolute; content: ''; background: rgb(0 0 0 / 0.4); top: 0; bottom: 0; left: 0; right: 0; z-index: 0; }
.container-feedback { overflow: hidden; }
.feedback-title { margin-bottom: 40px; text-align: center; }
.feedback-title h2 { font-family: QuickSandBold; font-size: 28px; color: #fff; padding: 5px 0; margin-bottom: 5px; }
.feedback-title p { font-family: main; font-size: 16px; color: #fff; }
.feedback-box { margin: 0 -15px; }
.feedback-col { padding: 0 15px; }
.feedback-img { border: 7.5px solid #bf010a; border-radius: 50%; width: 110px; overflow: hidden; margin: 0 auto; }
.feedback-text { background: #fff; height: 200px; border-radius: 30px; margin-bottom: 25px; position: relative; padding: 35px 50px; text-align: center; }
.feedback-text::before { position: absolute; content: ''; background: url(../images/after-feedback.png)no-repeat; width: 40px; height: 30px; left: 10px; top: 30px; }
.feedback-text::after { position: absolute; content: ''; border-top: 15px solid white; border-bottom: 10px solid #0000; border-left: 20px solid #0000; border-right: 20px solid #0000; left: calc((100% - 40px) / 2); top: 100%; }
.feedback-text h3 { font-family: main; color: #bf010a; text-transform: uppercase; }
.feedback-text p { display: -webkit-box; width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; height: 65px; }
.feedback-text span { font-family: main; font-size: 14px; color: #000; }
.feedback-item iframe{width:100% !important;}
/*end feedback*/
/*===============================*/
/*footer*/
#block-footer { color: #000; }
.footer-title { margin-bottom: 20px; }
.footer-title .title-footer { text-transform: uppercase; font-size: 17px; }
/*top*/
.footer-top { padding: 40px 0; background: #bf010a; }
.footer-company { width: 580px; overflow: hidden; }
.company-title { margin-bottom: 15px; width: 100%; }
.company-title .title-footer { text-transform: uppercase; font-size: 24px; font-family: Times New Roman; padding: 5px 0; color: #fff; font-weight: bold; }
.company-box { margin: 0 -30px; }
.company-col { padding: 0 30px }
.company-text { margin-bottom: 10px; }
.footer-title .title-footer, .company-text .name-chinhanh { font-family: mainbold; color: #ffcc00; text-transform: uppercase; }
.footer-title .title-footer i, .company-text .name-chinhanh i { margin-right: 5px; }
.titme-box, .company-text article { font-family: main; color: #fff; font-size: 14px; }
.company-img iframe { width: 100% !important; height: 130px !important; }
.footer-social { margin-top: 20px; }
.footer-time { width: 180px; }
.titme-box { line-height: 30px; }
.footer-facebook { width: 300px; }
/*mid*/
.footer-mid { padding: 19px 0; background: #860006; }
#block-footer .mid-box { justify-content: center; font-family: main; font-size: 13px; align-items: center; }
.copyright { color: #fff; }
.copyright span { font-family: mainbold; text-transform: uppercase; }
.counter ul li { line-height: 1; padding: 0 10px; border-right: 1px solid #000; }
.counter ul li:last-child { border: none; }
.counter ul li span { color: red; }
/*bot*/
.footer-map { line-height: 0; }
.footer-map iframe { width: 100% !important; height: 400px; }
/*end footer*/
/*ads*/
.ads-img { position: relative; }
.ads-img figure { }
.ads-img a { background: #f26522; color: #fff; bottom: 10%; left: calc(50% - 40px/2); position: absolute; padding: 10px 80px;  font-family: main; text-transform: uppercase; }
.commitment-slick{}
.commitment-slick .slick-prev, .commitment-slick .slick-next { z-index: 2; width: 50px; height: 50px; }
.commitment-slick .slick-prev { left: calc(50% - 25px); top: 7px; transform: rotate(90deg); }
.commitment-slick .slick-next { left: calc(50% - 25px); top: unset; bottom: 7px; transform: rotate(90deg); }
.commitment-slick .slick-prev::before, .commitment-slick .slick-next::before { font-size: 50px; }
.commitment-slick .slick-prev::before { }
.commitment-slick .slick-next::before { }
.teachers-slick .slick-prev, .teachers-slick .slick-next { z-index: 2; width: 50px; height: 50px; }
.teachers-slick .slick-prev { left: 10px; }
.teachers-slick .slick-next { right: 10px; }
.teachers-slick .slick-prev::before, .teachers-slick .slick-next::before { font-size: 50px; }
.teachers-slick .slick-prev::before { }
.teachers-slick .slick-next::before { }
.album-slick .slick-prev, .album-slick .slick-next { z-index: 2; width: 50px; height: 50px; }
.album-slick .slick-prev { left: 10px; }
.album-slick .slick-next { right: 10px; }
.album-slick .slick-prev::before, .album-slick .slick-next::before { font-size: 50px; }
.album-slick .slick-prev::before { }
.album-slick .slick-next::before { }
.feedback-slick .slick-prev, .feedback-slick .slick-next { z-index: 2; width: 50px; height: 50px; }
.feedback-slick .slick-prev { left: 10px; }
.feedback-slick .slick-next { right: 10px; }
.feedback-slick .slick-prev::before, .feedback-slick .slick-next::before { font-size: 50px; }
.feedback-slick .slick-prev::before { }
.feedback-slick .slick-next::before { }
.container-flex{display: flex;justify-content: space-between;}
.left-news{width: calc(100% - 300px);float: left;}
.right-news{width: 270px;float: right;}
.fix-sticky{position: sticky;top: 70px;}
.clear{clear: both;}
.news-item-other{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.img-news-other{width: 120px;}
.news-item-other h3{width: calc(100% - 135px);}
.news-item-other h3 a{color: #333;font-family: 'main';font-size: 15px;}
.news-item-other h3 a:hover{color: #BF010A;}
/* Start Comments*/
.radialtimer{width:200px;height:200px;position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px}
.radialtimer .n{position:absolute;width:200px;height:200px;background:white;border-radius:50%;text-align:center;line-height:200px;font-size:70px;color:#888}
.radialtimer .slice{position:absolute;width:200px;height:200px;clip:rect(0px,200px,200px,100px)}
.radialtimer .slice.nc{clip:rect(auto,auto,auto,auto)}
.radialtimer .slice .q{position:absolute;width:170px;height:170px;border:16px white solid;border-radius:50%;clip:rect(0px,100px,100px,0px);z-index:2}
.radialtimer .slice .pie{border:15px #6BC967 solid;position:absolute;width:170px;height:170px;clip:rect(0px,100px,200px,0px);border-radius:50%;transition:all 1s linear;z-index:1}
.body-content{/* padding:30px; */font-family:'main',sans-serif;margin:auto;}
.card-header h2{font-size:18px}
.count{margin-right:15px;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center}
.count._1{background-color:#efeef8}
.count._2{background-color:#e7f5e6}
.count._3{background-color:#fff2e1}
.count._4{background-color:#ffe5e3}
.wrap_bg_block_333_content{display:flex;justify-content:space-between;align-items:center}
.wrap_bg_block_333_content .content{width:calc(100% - 65px)}
.wrap_bg_block_333_content .content h2{font-weight:700;font-size:22px;margin-bottom:3px}
.red-btn{display:inline-block;padding:2px 5px;font-size:13px;border-radius:3px;background-color:#D90000;color:#FFF;}
.green-btn{display:inline-block;padding:2px 5px;font-size:13px;border-radius:3px;background-color:#008800;color:#FFF;}
.product-customer-col-1{}
.product-customer-col-1 h4{font-family:'main',sans-serif;font-size:20px;}
.product-customer-col-1 .total-review-point{margin:0px 0 0;text-align:center;font-size:47px;color:#fe302e;font-weight:700;}
.product-customer-col-1 .rating-box{font-size:0;line-height:1;position:relative;white-space:nowrap;display:inline-block;margin:0 auto;}
.product-customer-col-1 .rating-box span{display:block;position:absolute;top:0;left:0;bottom:0;z-index:1;overflow:hidden;line-height:1;}
.product-customer-col-1 .rating-box i{font-weight:400;font-style:normal;display:inline-block;margin:.1rem;color:#b8b8b8;text-rendering:auto;font-size:20px;}
.product-customer-col-1 .rating-box i:nth-child(1){margin-left:0;}
.product-customer-col-1 .rating-box span i{color:#ffc120;}
.product-customer-col-1 .comments-count{text-align:center;margin-bottom:25px;}
.product-customer-col-1 .comments-count a{font-size:14px;color:#8f8f8f;text-decoration:none;}
.product-customer-col-2 .item{margin-bottom:18px;text-align:left;font-size:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row;flex-flow:row wrap;justify-content:space-between;align-items:center;}
.product-customer-col-2 .item:last-child{margin-bottom:0}
.product-customer-col-2 .item:after,.product-customer-col-2 .item:before{display:table;content:"";clear:both;}
.product-customer-col-2 .item .rating-num{display:inline-block;font-size:15px;width:41px;line-height:15px;vertical-align:middle;position:relative;}
.product-customer-col-2 .item .rating-num:after{content:"\f005";font-family: 'Font Awesome 5 Pro';position:absolute;left:13px;top:0px;color:#484848;}
.product-customer-col-2 .item .progress{display:inline-block;height:10px;margin:0;vertical-align:middle;/* width:120px; */border-radius:10px;flex-grow:1;}
.product-customer-col-2 .item .rating-num-total{display:inline-block;font-size:14px;font-weight:600;text-align:left;margin-left:12px;color:#787878;line-height:15px;vertical-align:middle;width: 42px;}
.product-customer-col-2 .item .progress-bar-success{background:#23b445;-webkit-box-shadow:none;box-shadow:none;height:100%;}
.product-customer-col-3{}
.product-customer-col-3 h4{font-weight:400;font-size:14px;margin:52px 0 0;text-align:center;color:#4a4a4a;}
.product-customer-col-3 button{font-weight:500;font-size:14px;height:40px;background:#fdd22f;border:0;color:#4a4a4a;width:80%;margin-top:13px;max-width:250px;line-height:0;}
.product-customer-col-3 button:hover{opacity:.8;filter:alpha(opacity=80);}
.product-customer-col-5 .product-detail{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center;}
.product-customer-col-5 .product-detail .image{display:inline-block;margin-top:20px;width:31%;}
.product-customer-col-5 .product-detail .info{width:69%;}
.product-customer-col-5 .product-detail .info .item-brand{margin-top:2px;display:inline-block;font-size:13px;font-weight:400;}
.product-customer-col-5 .product-detail .info .item-brand h6{display:inline-block;font-weight:400;font-size:14px;}
.product-customer-col-5 .product-detail .info .item-brand p{display:inline-block;margin-bottom:0;}
.product-customer-col-5 .product-detail .info .item-other{display:inline-block;padding-left:25px;vertical-align:top;}
.product-customer-col-5 .product-detail .info .item-other .item-rating .rating-box{font-size:0;line-height:1;position:relative;white-space:nowrap;display:inline-block;}
.product-customer-col-5 .product-detail .info .item-other .item-rating .rating-box i{font-weight:400;font-style:normal;display:inline-block;margin:.1rem;color:#b8b8b8;font-size:13px;text-rendering:auto;}
.product-customer-col-5 .product-detail .info .item-other .item-rating .rating-box i:nth-child(1){margin-left:0;}
.product-customer-col-5 .product-detail .info .item-other .item-rating .rating-box span{display:block;position:absolute;top:0;left:0;bottom:0;z-index:1;overflow:hidden;line-height:1;}
.product-customer-col-5 .product-detail .info .item-other .item-rating .rating-box span i{color:#ffc120;}
.product-customer-col-5 .product-detail .info .title{font-size:18px;font-weight:400;}
.item-brand a{text-decoration:none;}
p.rating a{color:#333;font-size:13px;text-decoration:none;}
.product-customer-col-5 ul{padding:0 0 0 8px;margin:0;list-style:none;font-size:11px;}
.product-customer-col-5 ul>li{display:block;padding:5px 0 0;font-size:14px;}
.product-customer-col-4{/* display:none; */padding:10px 10px 0px 10px;border-right:solid 1px #f4f4f4;}
.product-customer-col-4 .rate{margin:0 0 15px;font-size:16px;}
.product-customer-col-4 .rate label{margin-bottom:0;display:inline-block;font-weight:400;align-items:center;vertical-align:middle;font-size:15px;top:-2px;position:relative;}
.product-customer-col-4 .rate .rating-input{font-size:0;line-height:1;position:relative;white-space:nowrap;display:inline-block;margin-left:15px;align-items:center;vertical-align:middle;}
.product-customer-col-4 .rate .rating-input .fa{font-weight:400;font-style:normal;display:inline-block;margin:.1rem;font-size:21px;}
.product-customer-col-4 .rate .rating-input .fa.star-empty{color:#dedddc;}
.product-customer-col-4 .rate .rating-input p{margin-bottom:0;display:inline-block;vertical-align:middle;}
.product-customer-col-4 .rate .rating-input .fa{cursor:pointer}
.product-customer-col-4 .rate .rating-input .fa{color:#f0c808;}
.product-customer-col-4 .rate .rating-input .fa.star-not-empty{color:#f0c808;}
.product-customer-col-4 .rate .rating-input .fa:nth-child(1){margin-left:0;}
.product-customer-col-4 .title label{font-weight:400;margin-bottom:5px;font-size:15px;display: block;}
.product-customer-col-4 .title .form-control.input-sm{height:36px;padding:7px 8px;border:1px solid #dfdfdf;font-weight:300;font-size: 13px;width: 100%;}
.product-customer-col-4 .review-content label{font-weight:400;margin-bottom:5px;font-size:15px;display: block;}
.product-customer-col-4 .review-content textarea{font-size: 13px;height:117px;padding:7px 8px;border:1px solid #dfdfdf;font-weight:400;resize:none;-webkit-box-shadow:none;box-shadow:none;display: block;width: 100%;font-family: 'main';}
.product-customer-col-4 div.form-group{margin-bottom:7px;}
.imageUploader label{font-weight:400;margin-bottom:5px;font-size:15px;}
.product-customer-col-4 .review-file .button{font-size:13px;color:#189eff;border:1px solid;margin:0 0 0 10px;padding:4px 16px 8px 16px!important;border-radius:5px;text-decoration:none;text-shadow:none;width:auto!important;background:#fff;font-weight:400;cursor:pointer;}
.product-customer-col-4 .review-file .button:hover{color:#fff;background:#189eff;border-color:#189eff;text-decoration:none;}
div#imageUploader{margin-top:14px;}
.product-customer-col-4 .action button{font-weight:500;font-size: 15px;line-height:1;height:40px;background: #BF010B;border:0;color: #fff;width:212px;float:right;cursor: pointer;}
.product-customer-col-4 .action button:hover{opacity:.8;filter:alpha(opacity=80);}
.product-customer-col-4 .rate .rating-input .rating-clear{background:url(delete.gif) no-repeat;width:16px;height:16px;font-size:0;display:inline-block;vertical-align:top;margin-top:4px;margin-left:5px;}
.product-customer-col-4 .rate .rating-input .rating-clear:hover{background:url(delete.gif) 0 -16px no-repeat;}
div.info-geust-content .row{margin:0 -3px;}
div.info-geust-content .row div{padding:0 3px;}
div.info-geust-content .row div input{width:100%;height:36px;padding:7px 8px;border:1px solid #dfdfdf;font-weight:300;font-size: 13px;margin-bottom:6px;}
.product-review-content .item{width:100%;padding:15px 0;}
.product-review-content .item:first-child{border-top:none;}
.product-review-content .item .product-col-1{display:table-cell;width:130px;vertical-align:top;padding:0 10px;}
.product-review-content .item .product-col-2{display:table-cell;width:100%;vertical-align:top;padding-left: 15px;}
.product-review-content .item .avatar-img{display:block;background-repeat:no-repeat;background-size:cover;background-position:center center;width:65px;height:65px;margin:auto;}
.product-review-content .item span.avatar-letter{border-radius:50%;background:#d3d2d3;color:#919090;font-weight:500;width:65px;height:65px;display:inline-block;text-align:center;line-height:65px;font-size:18px;font-family:Roboto;}
.product-review-content .item .name{font-size:14px;margin:15px 0 5px;font-weight:500;text-transform:capitalize;width:178px;text-align:center;}
.product-review-content .item .days{font-size:12px;color:#999;margin:-2px 0 0;text-align:center;}
.product-review-content .item .infomation .rating{margin:0 10px 0 0;font-size:12px;display:inline-block;vertical-align:top;vertical-align:middle;}
.product-review-content .item .infomation .rating .rating-content{font-size:0;line-height:1;position:relative;white-space:nowrap;display:inline-block;vertical-align:middle;}
.product-review-content .item .infomation .rating .rating-content span{display:block;position:absolute;top:0;left:0;bottom:0;z-index:1;overflow:hidden;line-height:1;}
.product-review-content .item .infomation .rating .rating-content .fa{font-weight:400;font-style:normal;display:inline-block;margin:.1rem;color:#b8b8b8;text-rendering:auto;font-size:15px;}
.product-review-content .item .infomation .rating .rating-content span .fa{color:#ffc120;}
.product-review-content .item .infomation .rating .rating-content .fa:nth-child(1){margin-left:0;}
.product-review-content .item .infomation .review{padding-right:20px;font-size:16px;font-weight:500;text-transform:capitalize;display:inline-block;vertical-align:top;margin:0;color:#242424;vertical-align:middle;}
.product-review-content .item .infomation .description{padding-right:20px;text-align:justify;font-size:15px;line-height:20px;width:100%;margin:10px 0 8px;color:#4f4f4f;}
.product-review-content .item .infomation .link{margin-top:-6px;}
.product-review-content .item .infomation .link p{display:inline-block;color:#ccc;font-weight:100;margin:0;}
.product-review-content .item .infomation .link{margin-top: -5px;}
.product-review-content .item .infomation .link a.js-quick-reply{color:#00acee;font-size:13px;font-weight:400;padding:0 25px 0 0!important;text-decoration:none;}
.product-review-content .item .infomation .quick-reply{text-align:center;margin-top:10px;margin-bottom:20px;display:none;padding-right:20px;text-align:left;}
.product-review-content .item .infomation .quick-reply textarea{display:block;width:100%;height:130px;margin-bottom:10px;border-color:#e0e0e0;resize:none;}
.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373;}
.product-review-content .item .infomation .quick-reply .btn-primary{font-weight:400;font-size:13px;background:#fdd22f;border:0;color:#4a4a4a;padding:5px 10px;}
.product-review-content .item .infomation .quick-reply .btn-default{background:#fff;padding:5px 12px;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border-radius:5px;font-size:12px;margin-left:5px;}
#write_comment{padding-top: 15px;}
.show{display:block!important}
div.quick-reply .product-customer-col-4{padding:0;}
div.quick-reply .product-customer-col-4 textarea{height:50px!important;}
div.quick-reply .product-customer-col-4 .action{}
div.quick-reply .product-customer-col-4 .action button.btn-add-reply{font-weight:500;font-size:14px;line-height:1;height: 35px;background: #BE010B !important;border:0;color: #fff;width:auto;}
div.quick-reply .product-customer-col-4 .action button.btn-add-reply-cancel{font-weight:500;font-size:14px;line-height:1;height: 35px;background:#d3d2d3!important;border:0;color:#333;width:auto;}
div.swal2-header{font-size:13px!important;}
div.swal2-popup{width:28em;}
.product-review-content .item .replies>.replies-item{font-size:14px;line-height:22px;padding:0 20px 0 0;background:0 0;margin:0 0 20px;border-bottom:none;display:inline-block;width:100%;text-align:left;}
.product-review-content .item .replies{margin-top:15px;margin-bottom:10px;}
.product-review-content .item .replies>.replies-item .replies-image{width:45px;height:45px;overflow:hidden;float:left;margin-right:10px;margin-bottom:0;border-radius:50%;}
.product-review-content .item .replies>.replies-item .replies-image .avatar-img{width:45px;height:45px;display:block;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.product-review-content .item .replies>.replies-item span.avatar-letter{width:45px;height:45px;line-height:45px;font-size:14px;font-family:'main',sans-serif;}
.product-review-content .item .replies>.replies-item .replies-name{font-size:14px;font-weight:600;margin:0;padding:0;color:#242424;text-transform:capitalize;position:relative;top:0;}
.product-review-content .item .replies>.replies-item .replies-text{font-size:14px;margin-bottom:0;color:#4f4f4f;margin-left:54px;line-height:22px;}
.product-review-content .item .replies>.replies-item:nth-child(n+4){display:none;}
.product-review-content .item .show-more{text-align:center;padding:20px 0;margin-top:-25px;z-index:1;position:relative;}
.product-review-content .item .show-more a{border:1px solid #189eff;padding:4px 15px;border-radius:4px;font-size:12px;text-decoration:none;padding-bottom:6px;}
.product-review-content .item .show-more a:hover{color:#fff;background:#189eff;}
.product-review-content .item .replies.open .show-more{display:none;}
.product-review-content .item .replies.open>.replies-item:nth-child(n+3){display:inline-block;}
div.body-content-1200{width:1200px;max-width:inherit;}
p.review_infou{margin:auto;justify-content:space-between;margin-bottom:14px;}
p.review_infou span{font-weight:500;}
#review-list-quanly p.review_action{margin-top:7px;}
#review-list-quanly p.review_action a{text-decoration:none;display:inline-block;background:#17a2b8;color:#fff;padding:2px 3px!important;padding-bottom:4px!important;border-radius:4px;margin-right:2px;font-size:13px;}
#review-list-quanly p.review_action a.js-quick-delete{display:inline-block;background:red;color:#fff;padding:2px 3px;padding-bottom:4px;border-radius:4px;margin-right:2px;}
#review-list-quanly p.review_action a.js-quick-hienthi{display:inline-block;background:#189eff;color:#fff;padding:2px 3px;padding-bottom:4px;border-radius:4px;margin-right:2px;}
#review-list-quanly .replies{padding-left:50px;}
.product-review-content .item .replies>.replies-item .admin-post span.avatar-letter{background:#189eff;color:#fff;}
.news-box-scroll{max-height: 600px;overflow-y: auto;}