/* =====================================================================
   CSS bố cục chung của website (trước đây viết thẳng trong index.php)
   ===================================================================== */

/* ----- Thanh menu trên cùng và chân trang (globalnav) ----- */
.mgn-main{font-family:Lato,Helvetica,Arial,sans-serif;color:#909c9e;font-size:14px;line-height:normal;position:relative}.mgn-main,.mgn-main *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.mgn-main a{color:#778283;text-decoration:none!important}.mgn-main a:hover{color:#424A4F;text-decoration:none!important}.mgn-main ul{list-style-type:none;margin:0;padding:0}.mgn-main li{margin:0;padding:0}.mgn-bar{background:#fff;height:56px;position:relative;z-index:100;clear:both;line-height:normal;opacity:1;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mgn-container{max-width:100%;width:1180px;margin:0 auto;padding:0;position:static}.mgn-medium-screen .mgn-bar>.mgn-container{width:960px}.mgn-logo{padding:16px 30px 0 0;float:left}.mgn-logo svg{fill:#4dbdeb;height:24px;width:83px}.mgn-icon{vertical-align:middle;fill:#778283;background-image:none;height:18px;width:18px}.mgn-icon-close{height:14px;width:14px;margin:2px}.mgn-drawer,.mgn-dropdown{position:absolute;background:#fff;border-top:1px solid #dde8e8;border-bottom:1px solid #dde8e8;box-shadow:3px 3px 10px rgba(0,0,0,.1);overflow:hidden;z-index:99;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.2s}.mgn-drawer.mgn-active,.mgn-dropdown.mgn-active{-webkit-transform:translateY(0);transform:translateY(0)}.mgn-disabled{display:none}.mgn-profile-image-small{width:30px;height:30px;border-radius:30px;margin:0 7px;vertical-align:middle}.mgn-bottom-bar,.mgn-highlighted:after,.mgn-selectable.mgn-active:after,.mgn-selectable:hover:after{content:'';position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - 10px);height:5px;background-color:#dde8e8}.mgn-center{text-align:center}.mgn-grey{color:#909c9e}.mgn-strong{font-weight:700}.mgn-mb-0{margin-bottom:0}.mgn-show-local,.mgn-show-pro{display:none}.mgn-btn{display:inline-block;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.4rem .6rem;font-size:14px;border-radius:.125rem;transition-duration:.1s;transition-property:border-color;background-color:#4dbdeb;border:1px solid transparent;border-color:#A6E2F7 #4dbdeb #3594BA;box-shadow:1px 1px 0 0 #3594BA,1px -1px 0 0 #3594BA,-1px 1px 0 0 #3594BA,-1px -1px 0 0 #3594BA;color:#fff}.mgn-btn .mgn-icon{fill:#fff;width:1.7rem;height:1.7rem}.mgn-btn:hover{border-color:#4dbdeb}.mgn-btn.mgn-btn-yellow{background-color:#FFD262;border-color:#FFE8B2 #FFD262 #E4B34F;box-shadow:1px 1px 0 0 #E4B34F,1px -1px 0 0 #E4B34F,-1px 1px 0 0 #E4B34F,-1px -1px 0 0 #E4B34F;color:#AD7327}.mgn-btn.mgn-btn-yellow:hover{color:#AD7327;border-color:#FFD262}.mgn-nav-meta .mgn-item{display:block;float:left;font-family:"Roboto Slab",Museo,MuseoSlab500,Helvetica,Arial,sans-serif}.mgn-nav-meta .mgn-item.mgn-active a{background:#f0f7f7;color:#424A4F}.mgn-nav-meta .mgn-item a{display:block;font-size:18px;padding:0 20px;line-height:56px}.mgn-nav-extra{float:right;margin:0;padding:0}.mgn-nav-extra>li{font-size:16px;float:left;position:relative;overflow:hidden}.mgn-nav-extra>li>a{display:block;height:56px;line-height:56px}.mgn-nav-extra>li.mgn-highlighted span,.mgn-nav-extra>li.mgn-highlighted svg,.mgn-nav-extra>li.mgn-highlighted>a,.mgn-nav-extra>li:hover span,.mgn-nav-extra>li:hover svg,.mgn-nav-extra>li:hover>a{color:#424A4F;fill:#424A4F}.mgn-nav-extra>li.mgn-line-block{background-color:#dde8e8;width:2px;height:30px;margin:16px 10px 0}.mgn-nav-extra .mgn-item{display:block;cursor:pointer;padding:0 10px}.mgn-nav-extra .mgn-nav-extra-label{font-family:Lato,Helvetica,Arial,sans-serif;padding-left:2px}.mgn-nav-extra .mgn-learn>span{margin-left:5px}.mgn-nav-extra .mgn-products>a{position:relative;padding:0 10px;color:#778283;cursor:pointer}.mgn-nav-extra .mgn-gateway-hook{min-width:38px}.mgn-local.mgn-active:after,.mgn-local.mgn-highlighted:after,.mgn-local:hover:after,.mgn-pro.mgn-active:after,.mgn-pro.mgn-highlighted:after,.mgn-pro:hover:after{background-color:#4dbdeb}.mgn-login{line-height:56px}.mgn-login .mgn-button-login{padding:0 10px;color:#4dbdeb;font-weight:900}.mgn-login .mgn-button-login:hover{color:#0b7daa}.mgn-login .mgn-nav-extra-label{font-size:12px;padding-left:2px}.mgn-dropdown{width:250px}.mgn-dropdown .mgn-inner{margin:20px}.mgn-dropdown .mgn-description{font-size:12px;color:#778283}.mgn-dropdown .mgn-site-link{display:block;padding:2px 0;color:#4dbdeb;font-size:14px;font-weight:700}.mgn-dropdown .mgn-site-link .mgn-new{margin-left:5px}.mgn-dropdown .mgn-site-link:hover{color:#0b7daa}.mgn-dropdown .mgn-site-link:hover .mgn-icon-external{display:inline-block}.mgn-dropdown .mgn-header{display:block;font-size:16px;font-weight:400;margin:20px 20px 10px 0}.mgn-dropdown .mgn-ad .mgn-btn,.mgn-dropdown ul{margin-bottom:20px}.mgn-dropdown .mgn-ad .mgn-description{margin:14px 0}.mgn-dropdown .mgn-product-header .mgn-site-link{margin-top:10px;font-size:16px}.mgn-dropdown .mgn-product-header .mgn-description{margin:0 0 14px}.mgn-dropdown .mgn-tools-list .mgn-item{margin:8px 0}.mgn-dropdown .mgn-icon-external{display:none;fill:#0b7daa;width:12px;height:12px}.mgn-dropdown hr{margin:0 auto}.mgn-dropdown .mgn-discover{display:block;margin:20px 0;color:#4dbdeb}.mgn-dropdown .mgn-discover:hover{color:#0b7daa}.mgn-new{position:relative;left:2px;border-radius:2px;padding:3px 4px;background-color:#FFD262;color:#BA6536;font-size:12px;line-height:12px;font-weight:700}.mgn-profile{width:44px}.mgn-profile .mgn-item{padding:0}.mgn-nav-mobile{display:none;float:right;height:56px;padding:15px 0;cursor:pointer}.mgn-nav-mobile.mgn-active .mgn-icon-menu{display:none}.mgn-drawer-mobile{display:none;position:fixed;left:0;top:0;height:100%;width:100%;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.4s;z-index:99;background:#fff;padding-top:76px}.mgn-drawer-mobile.mgn-active{-webkit-transform:translateY(0);transform:translateY(0)}.mgn-drawer-mobile .mgn-mobile-search{position:relative}.mgn-drawer-mobile .mgn-mobile-search input{margin:10px 0 0;height:34px;width:100%;padding:0 40px 0 6px;outline:0;font-size:12px;border:1px solid #dde8e8;border-radius:4px;vertical-align:baseline;line-height:normal;box-shadow:none;-webkit-appearance:none}.mgn-drawer-mobile .mgn-mobile-search button{background:0 0;border:none;padding:0;outline:0}.mgn-drawer-mobile .mgn-mobile-search svg{position:absolute;right:5px;top:19px}.mgn-drawer-mobile .mgn-mobile-profile{height:56px;line-height:56px;border-top:1px solid #dde8e8;position:absolute;bottom:0;left:0;padding:0 20px;width:100%}.mgn-drawer-mobile .mgn-item a{color:#4dbdeb;display:inline-block;padding:10px 0;font-size:18px}.mgn-drawer-mobile .mgn-display-name{padding-right:10px}.mgn-drawer-mobile .mgn-mobile-login,.mgn-drawer-mobile .mgn-mobile-logout{color:#4dbdeb}.mgn-mobile-active{overflow:hidden}.mgn-footer{position:relative;color:#5d6769;font-size:14px;font-family:Lato,Helvetica,Arial,sans-serif}.mgn-footer .mgn-container:after,.mgn-footer .mgn-container:before{content:" ";display:table}.mgn-footer .mgn-container:after{clear:both}.mgn-footer .mgn-copyright,.mgn-footer .mgn-logo{line-height:14px}.mgn-footer .mgn-copyright,.mgn-footer .mgn-links{padding:0;margin:10px 0 0}.mgn-footer .mgn-links{list-style:none}.mgn-footer-skinny{padding:25px 0 30px;border-top:1px solid #dde8e8;background-color:#fff;line-height:14px}.mgn-footer-skinny .mgn-links,.mgn-footer-skinny .mgn-logo{float:left}.mgn-footer-skinny .mgn-logo{padding:0;margin-right:60px}.mgn-footer-skinny .mgn-logo svg{fill:#778283;height:24px;width:83px}.mgn-footer-skinny .mgn-links li{display:inline-block;padding:0;margin:0 7px 14px}.mgn-footer-skinny .mgn-links a{color:#778283;text-decoration:none}.mgn-footer-skinny .mgn-links a:hover{text-decoration:underline}.mgn-footer-skinny .mgn-copyright{float:right;color:#909c9e;font-size:12px}.mgn-footer-fat{padding:25px 0 30px;border-top:2px solid #dde8e8;background-color:#F0F7F7}.mgn-footer-fat p{margin:15px 0}.mgn-footer-fat ul{line-height:30px}.mgn-footer-fat h3{color:#909c9e;font-weight:400;margin-top:30px;margin-bottom:20px;font-size:20px}.mgn-footer-fat .mgn-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:40px}.mgn-footer-fat .mgn-col{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 20px}.mgn-footer-fat .mgn-col:first-child{padding-left:0}.mgn-footer-fat .mgn-col:last-child{padding-right:0;border-left:1px solid #dde8e8}@media all and (min-width:960px) and (max-width:1179px){.mgn-footer:not(.mgn-medium-screen) .mgn-logo{margin-right:30px}}@media all and (min-width:0) and (max-width:959px){.mgn-footer:not(.mgn-medium-screen){border-top:0 none}.mgn-footer:not(.mgn-medium-screen) .mgn-footer-skinny{text-align:center}.mgn-footer:not(.mgn-medium-screen) .mgn-footer-fat .mgn-links{line-height:38px}.mgn-footer:not(.mgn-medium-screen) .mgn-copyright,.mgn-footer:not(.mgn-medium-screen) .mgn-links,.mgn-footer:not(.mgn-medium-screen) .mgn-logo{float:none}.mgn-footer:not(.mgn-medium-screen) .mgn-logo{margin:0 0 30px}.mgn-footer:not(.mgn-medium-screen) .mgn-links{margin-bottom:15px}.mgn-footer:not(.mgn-medium-screen) .mgn-links li.mgn-hide-small{display:none}}@media all and (min-width:0) and (max-width:767px){.mgn-footer-fat{text-align:center}.mgn-footer-fat .mgn-col{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%;padding:0}.mgn-footer-fat .mgn-col:last-child{border-left:none;border-top:1px solid #dde8e8;text-align:left}}.mgn-footer.mgn-medium-screen .mgn-container{max-width:1180px;width:1180px}.mgn-footer-back-to-top,.mgn-footer-back-to-top-arrow{display:block;text-align:center;background-color:#dfeeee}.mgn-footer-back-to-top-arrow:hover,.mgn-footer-back-to-top:hover{text-decoration:none}.mgn-footer-back-to-top{padding:15px 0}@media all and (min-width:960px){.mgn-footer-back-to-top{display:none}}.mgn-footer-back-to-top-arrow{margin:0 auto -5px;border-radius:60px 60px 0 0;width:60px;height:30px}.mgn-footer-back-to-top-arrow .mgn-icon{margin-top:12px;fill:#0b7daa}@media all and (min-width:960px){.mgn-footer-back-to-top-arrow{display:none}}.mgn-show-small{display:none}@media all and (min-width:960px) and (max-width:1179px){.mgn-container{max-width:960px}}@media all and (min-width:768px) and (max-width:1179px){.mgn-nav-meta .mgn-item a{padding:0 15px}}@media all and (min-width:768px) and (max-width:959px){.mgn-container{max-width:768px}.mgn-products{display:none}.mgn-show-small{display:initial}.mgn-hide-medium-down{display:none}}@media all and (max-width:768px){.mgn-container{margin:0;padding:0 20px}.mgn-home,.mgn-nav-extra,.mgn-nav-meta{display:none}.mgn-drawer-mobile,.mgn-nav-mobile{display:block}.mgn-hide-small{display:none}}

/* ----- Nút gọi điện nổi góc trái dưới ----- */
.call-now{left:0;bottom:42px;height:50px;min-width:200px;position:fixed;background-color:#cc0099;border-radius:0 25px 25px 0;box-shadow:0 1px 2px rgba(0,0,0,.8);z-index:998}
.call-now .btn-call-now i{position:absolute;color:#cc0099;background-color:#fff;font-size:35px;right:0;height:50px;width:50px;line-height:50px;text-align:center;border-radius:50%;border:1px solid #cc0099}
.call-now .btn-call-now p{color:#fff;font-size:14px;min-width:150px;text-align:center;vertical-align:middle;display:inline-block}
.call-now .btn-call-now strong{display:block;font-size:16px}