/* Designed by LoKiem */
 .website-guest>div{ padding: 30px 25px; text-align: center; } .website-guest>div>div{ box-shadow: 0 5px 15px 0 rgba(82,156,219,.17); transition: .5s all } .website-guest>div>div:hover{ transform: scale(1.1); } .play-tutorial-video:hover img{ opacity: .8 } @media(max-width: 767px) { .modal-send-request .modal-close{ right: 5px !important } .website-terms-body ul{ padding-left: 10px } } @media(min-width: 768px) and (max-width: 1023px) { } #widgetItem-outline_header-i837810298>.widget-item-body{ padding-top: 0px; padding-bottom: 50px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-outline_header-i837810298>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-outline_header-i837810298>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-outline_header-i837810298>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-outline_header-i837810298>.widget-item-body{ padding-top: 0px; padding-bottom: 50px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-outline_header-i837810298>.widget-item-body{ padding-top: 0px; padding-bottom: 50px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } .slider-slides { height: 500px; } .slide-body{ color: #FFFFFF !important } .header-slider-btn-group .btn-outline{ color: #FFFFFF !important; border: 1px solid #FFFFFF; } .slide-title{ font-size: 36px; text-transform: uppercase; } .slide-content{ font-size: 18px; } .header-slider-btn-group a{ font-size: 14px } .slider-slides .slide-title:after { background: #FFFFFF; } @media(max-width: 767px){ .slide-title{ font-size: 26px } .slide-content{ font-size: 16px; } .slider-slides { height: 450px; } } @media(min-width: 768px) and (max-width: 1023px){ } @media(min-width: 1024px){ } #widgetItem-home_footer-i2303421705>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-home_footer-i2303421705>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-home_footer-i2303421705>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-home_footer-i2303421705>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-home_footer-i2303421705>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-home_footer-i2303421705>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } .course{ padding: 60px 10px 60px 10px; } .course>h2{ text-align: center; font-weight: bold } .course>.course-caption{ text-align: center; padding: 20px 10px; font-size: 16px } .course .course-item{ padding: 10px; width: 33.333333333333%; } .course .course-item > .col-inner{ border-radius: 20px; background: white; display: block; padding: 0; box-shadow: 0 1px 8px 0 rgba(55,125,162,.2); position: relative; height: 100%; transition: .3s all; overflow: hidden; } .course .course-item>div:hover { color: inherit !important; box-shadow: 0 1px 30px 0 rgba(55,125,162,.4); } .course .course-item-icon{ display: block; width: 100%; position: relative; transition: .3s all; background-position: 50% 50%; background-size: cover; height: auto; overflow: hidden; padding-top: 75%; position: relative; } .course .course-item:hover .course-item-icon img{ transform: scale(1.08); } .course .course-item .course-item-icon img { bottom: 0; font-family: "object-fit: cover;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; right: 0; top: 0; width: 100%; transition: filter .6s,opacity .6s,transform .6s,box-shadow .3s; } .course-item-text { padding: 10px; } .course-item-footer { display: flex; justify-content: space-between; align-items: center; } .course-item-footer .price del { color: #757575; font-size: 14px; } .course-item-footer .price { color: #E11800; font-size: 20px; } .course-item-link{ } .course-item-link .see-more { } .course-item-link>a{ font-size: 14px } .course .course-item-title{ display: block; padding: 0; font-weight: bold; font-size: 20px; min-height: 42px; line-height: 1.2; margin-bottom: 15px; margin-top: 15px; } .course .course-item-description{ display: block; line-height: 1.5; font-size: 14px; min-height: 42px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;  line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 15px; color: #757575; } .course .course-item-partner{ color: #000; margin-bottom: 12px; } @media(max-width: 767px){ .course .course-item{ width: 50%; } } @media(max-height: 600px){ } @media(min-width: 768px) and (max-width: 1023px){ .course .course-item{ width: 50%; } } @media(min-width: 1024px){ } #widgetItem-home_footer-i3985458186>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; background-image: url(/files/uploads/2020/08/Loi-ich-website.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } #widgetItem-home_footer-i3985458186>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-home_footer-i3985458186>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-home_footer-i3985458186>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-home_footer-i3985458186>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-home_footer-i3985458186>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } .service-description-v2{ padding: 50px 10px; color: white; } .service-description-v2 .heading-basic{ color: white; text-align: center; margin-bottom: 20px } .service-description-v2>.flex{ justify-content: center; } .service-description-v2>.flex>div{ width: 25%; padding: 10px; text-align: center; transition: .2s all; opacity: .8; } .service-description-v2>.flex>div:hover{ transform: scale(1.02) } .service-description-v2-item{ display: block; padding: 5px; height: 210px; width: 210px; position: relative; border-radius: 50%; background: rgb(255,255,255,0.3); margin: auto; transition: .3s all } .service-description-v2-item:hover{ background: rgb(255,255,255,0.4); } .service-description-v2-item-text{ position: absolute; top: 10px; left: 50%; transform: translate(-50%, 0); width: 100%; padding: 0 10px 10px 10px; } .service-v2-item-icon{  } .service-description-v2-item-title, .service-description-v2-item-description{ display: block; color: white } .service-description-v2-item-description{ line-height: 1.5; letter-spacing: 1px } .service-description-v2 .service-v2-item-icon{ display: block; text-align: center; } .service-description-v2 .service-v2-item-icon>span{ width: 70px; height: 70px; border-radius: 50%; display: inline-block; position: relative; } .service-description-v2 .service-v2-item-icon>span>img{ max-width: 60px; max-height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media(max-width: 767px){ .service-description-v2>.flex>div{ width: 50%; } .service-description-v2-item{ height: 150px; width: 150px; } .service-description-v2-item-description{ font-size: 80%; line-height: 1; } .service-description-v2 .service-v2-item-icon>span{ width: 40px; height: 40px; } .service-description-v2 .service-v2-item-icon>span>img{ max-width: 35px; max-height: 35px; } } @media(min-width: 768px) and (max-width: 1023px){ .service-description-v2>.flex>div{ width: 50%; } } @media(min-width: 1024px){ } #widgetItem-home_footer-i738433994>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; background-image: url(/files/uploads/2020/09/customer-section-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } #widgetItem-home_footer-i738433994>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-home_footer-i738433994>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-home_footer-i738433994>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-home_footer-i738433994>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-home_footer-i738433994>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } .features{ padding: 40px 10px 0 10px; } .features>h2{ text-align: center; font-weight: bold } .features>.features-caption{ text-align: center; padding: 20px 10px; font-size: 16px } .features .features-item{ padding: 20px; width: 33.333333333333%; } .features .features-item>div{ background: white; display: block; padding: 30px 20px 40px 20px; box-shadow: 0 1px 30px 0 rgba(55,125,162,.2); position: relative; height: 100%; transition: .3s all; } .features .features-item>div:hover{ color: inherit !important; box-shadow: 0 1px 30px 0 rgba(55,125,162,.4); } .features .features-item-icon{ transition: .3s all; position: absolute; top: 10px; right: 15px; width: 50px; height: 50px; border-radius: 50px } .features .features-item:hover .features-item-icon{ transform: scale(1.08); } .features-item-link{ position: absolute; bottom: 20px; right: 15px; } .features-item-link-padding{ height: 30px; } .features-item-link>a{ font-size: 14px } .features .features-item-title{ display: block; padding: 10px 0; font-weight: bold; font-size: 20px } .features .features-item-description{ display: block; line-height: 1.5; font-size: 16px } @media(max-width: 767px){ .features .features-item{ width: 100%; } } @media(max-height: 600px){ } @media(min-width: 768px) and (max-width: 1023px){ .features .features-item{ width: 50%; } } @media(min-width: 1024px){ } #widgetItem-home_footer-i4292393253>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-home_footer-i4292393253>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-home_footer-i4292393253>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-home_footer-i4292393253>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-home_footer-i4292393253>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-home_footer-i4292393253>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } .guest-list{ padding: 30px 0 50px 0; } .guest-list>h2{ padding: 30px 30px 10px 30px; font-size: 25px } .guest-list-item>div{ padding: 10px } .guest-list-item>div>span{ background: white; display: block; padding: 15px; border-radius: 15px; text-align: center } .guest-list-item img{ max-width: 100%; max-height: 60px } .guest-list-slogan{ padding-bottom: 10px; font-size: 18px } @media(max-width: 767px){ .guest-list-item>div{ width: 50% } } @media(min-width: 768px) and (max-width: 1023px){ .intro-outer{ } } @media(min-width: 1024px){ } #widgetItem-home_footer-i204696078>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-home_footer-i204696078>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-home_footer-i204696078>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-home_footer-i204696078>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-home_footer-i204696078>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-home_footer-i204696078>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } #widgetItem-footer-i480889650>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-footer-i480889650>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-footer-i480889650>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-footer-i480889650>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-footer-i480889650>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-footer-i480889650>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } main#main, #header>.header-body, #footer>.footer-body, .main-layout{ max-width: 1200px; margin: auto } .main-left{ width: 0% } .main-mid{ width: 70% } .main-right{ width: 30% }