/* Minification failed. Returning unminified contents. (341,136): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-height' (1085,275): run-time error CSS1038: Expected hex color, found '#fff0' (1085,1276): run-time error CSS1038: Expected hex color, found '#fff0' (1086,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,96): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,139): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,208): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-width' (1086,238): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-height' (1086,395): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-stroke' (1086,465): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-color-1' (1086,525): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-color-2' (1086,857): run-time error CSS1039: Token not allowed after unary operator: '-f-throw-out-duration' (1086,946): run-time error CSS1039: Token not allowed after unary operator: '-f-throw-out-duration' (1086,1068): run-time error CSS1039: Token not allowed after unary operator: '-f-throw-out-distance' (1086,1178): run-time error CSS1039: Token not allowed after unary operator: '-f-throw-out-distance' (1086,1250): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,1335): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,1638): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,1673): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-easing' (1086,1706): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-delay' (1086,1781): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,1816): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-easing' (1086,1849): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-delay' (1086,2014): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,2111): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,2304): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,2397): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,2585): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,2689): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,2896): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,3007): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,3117): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,3228): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,3646): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,3771): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,3895): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,4020): run-time error CSS1039: Token not allowed after unary operator: '-f-transition-duration' (1086,4486): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4509): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4533): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4554): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4582): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4608): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4631): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4660): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4690): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4714): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4752): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4779): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4806): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4834): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4867): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4893): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,4921): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,5095): run-time error CSS1039: Token not allowed after unary operator: '-f-button-width' (1086,5124): run-time error CSS1039: Token not allowed after unary operator: '-f-button-height' (1086,5154): run-time error CSS1039: Token not allowed after unary operator: '-f-button-border' (1086,5191): run-time error CSS1039: Token not allowed after unary operator: '-f-button-border-radius' (1086,5227): run-time error CSS1039: Token not allowed after unary operator: '-f-button-color' (1086,5260): run-time error CSS1039: Token not allowed after unary operator: '-f-button-bg' (1086,5290): run-time error CSS1039: Token not allowed after unary operator: '-f-button-shadow' (1086,5358): run-time error CSS1039: Token not allowed after unary operator: '-f-button-transition' (1086,5444): run-time error CSS1039: Token not allowed after unary operator: '-f-button-hover-color' (1086,5489): run-time error CSS1039: Token not allowed after unary operator: '-f-button-hover-bg' (1086,5565): run-time error CSS1039: Token not allowed after unary operator: '-f-button-active-bg' (1086,5700): run-time error CSS1039: Token not allowed after unary operator: '-f-button-outline' (1086,5729): run-time error CSS1039: Token not allowed after unary operator: '-f-button-outline-color' (1086,5759): run-time error CSS1039: Token not allowed after unary operator: '-f-button-color' (1086,5802): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-width' (1086,5835): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-height' (1086,5867): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-fill' (1086,5925): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-stroke-width' (1086,6040): run-time error CSS1039: Token not allowed after unary operator: '-f-button-transform' (1086,6073): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-filter' (1086,6187): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-disabled-opacity' (1086,6722): run-time error CSS1039: Token not allowed after unary operator: '-f-button-prev-pos' (1086,6851): run-time error CSS1039: Token not allowed after unary operator: '-f-button-next-pos' (1086,7004): run-time error CSS1039: Token not allowed after unary operator: '-f-button-next-pos' (1086,7157): run-time error CSS1039: Token not allowed after unary operator: '-f-button-prev-pos' (1086,7513): run-time error CSS1039: Token not allowed after unary operator: '-f-button-next-pos' (1086,7639): run-time error CSS1039: Token not allowed after unary operator: '-f-button-next-pos' (1086,8160): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-body-margin' (1086,8195): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-scrollbar-compensate' (1086,8308): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,8334): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,8363): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,8401): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,8428): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,8452): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,8477): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,8523): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,8549): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,8795): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-zIndex' (1086,9250): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-bg' (1086,9277): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-opacity' (1086,9801): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-slide-gap' (1086,10599): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-content-color' (1086,10649): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-content-bg' (1086,11791): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-color' (1086,11835): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-opacity' (1086,12049): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,12167): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,12190): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,12214): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,12244): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,12290): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,12342): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,12369): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,12402): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,12436): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,12463): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,12874): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-opacity' (1086,13149): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13179): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13202): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13231): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13262): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13296): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13337): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13377): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13404): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13432): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13493): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13516): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13540): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13561): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13591): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13631): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13683): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13710): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13753): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13797): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13821): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13859): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13886): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13913): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13941): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,13974): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,14000): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,14070): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,14108): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,14134): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,14173): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-opacity' (1086,14547): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-top' (1086,14573): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-width' (1086,14609): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-left' (1086,14636): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-height' (1086,15143): run-time error CSS1030: Expected identifier, found ',' (1086,15163): run-time error CSS1031: Expected selector, found ')' (1086,15163): run-time error CSS1025: Expected comma or open brace, found ')' (1086,15525): run-time error CSS1039: Token not allowed after unary operator: '-f-backdrop-enter-duration' (1086,15660): run-time error CSS1030: Expected identifier, found ',' (1086,15680): run-time error CSS1031: Expected selector, found ')' (1086,15680): run-time error CSS1025: Expected comma or open brace, found ')' (1086,16034): run-time error CSS1039: Token not allowed after unary operator: '-f-backdrop-exit-duration' (1086,17528): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17550): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17573): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17594): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17627): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17648): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17675): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17705): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17734): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17756): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17779): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17833): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17852): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17875): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17902): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17962): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,17981): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,18007): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,18707): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-width' (1086,18735): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-height' (1086,19012): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-clip-width' (1086,19059): run-time error CSS1039: Token not allowed after unary operator: '-width' (1086,19081): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-clip-width' (1086,19160): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-clip-width' (1086,19213): run-time error CSS1039: Token not allowed after unary operator: '-shift' (1086,19515): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-outline-color' (1086,19569): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-outline-color' (1086,19624): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-outline-color' (1086,19678): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-outline-color' (1086,19755): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-width' (1086,19862): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-border-radius' (1086,20014): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-opacity' (1086,20104): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-hover-opacity' (1086,20257): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-selected-opacity' (1086,20320): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,20497): run-time error CSS1039: Token not allowed after unary operator: '-clip-path' (1086,20576): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-selected-opacity' (1086,20747): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-outline' (1086,20779): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-outline-color' (1086,20835): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-border-radius' (1086,21033): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-offset' (1086,21128): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-border-radius' (1086,21269): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-gap' (1086,21410): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-gap' (1086,21444): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,21466): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,21489): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,21518): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,21541): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,21605): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-opacity' (1086,21714): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,21733): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,21756): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,21937): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,21956): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,21982): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22009): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22030): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22229): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-gap' (1086,22286): run-time error CSS1039: Token not allowed after unary operator: '-f-thumb-gap' (1086,22332): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22354): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22381): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22404): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22560): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22629): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22652): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22676): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22716): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22768): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22806): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22850): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22895): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22923): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22950): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,22978): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,23011): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,23082): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,23108): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,23343): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-color' (1086,23387): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-opacity' (1086,23426): run-time error CSS1039: Token not allowed after unary operator: '-fancybox-toolbar-text-shadow' (1086,24088): run-time error CSS1039: Token not allowed after unary operator: '-f-button-height' (1086,24357): run-time error CSS1039: Token not allowed after unary operator: '-f-button-bg' (1086,25237): run-time error CSS1039: Token not allowed after unary operator: '-f-progress-color' (1086,25261): run-time error CSS1039: Token not allowed after unary operator: '-f-carousel-theme-color' */ @charset "UTF-8"; a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:"";content:none} table{border-collapse:collapse;border-spacing:0} :focus{box-shadow:none!important} img,svg{vertical-align:middle} *,::after,::before{box-sizing:border-box} @font-face{font-family:FontAwesome;font-weight:400;font-style:normal;src:local("FontAwesome");src:url(https://i-vn.joboko.com/fonts3/font-awesome/fonts4/fontawesome-webfont.ttf?v=4.7.0) format("truetype");font-display:swap} .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .fa-3x{font-size:3em} .fa-bars:before{content:"\f0c9"} .fa-comments-o:before{content:"\f0e6"} html{overflow-x:hidden} .jbk-logo{display:inline-block;width:110px;height:55px;background:url(/_v5/images/joboko.svg) no-repeat;background-position:center;text-indent:-9999px;vertical-align:middle} .container{width:100%;margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px} @media screen and (min-width:576px){ .container{max-width:540px} } @media screen and (min-width:768px){ .container{max-width:720px} } @media screen and (min-width:992px){ .container{max-width:960px} } @media screen and (min-width:1200px){ .container{max-width:1190px} } .navbar{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0} @media screen and (min-width:1200px){ .navbar{flex-flow:row nowrap;justify-content:flex-start} } .navbar-brand{display:inline-block;margin-right:1.4375rem;padding-top:.375rem;padding-bottom:.25rem;font-size:1.25rem;line-height:inherit;white-space:nowrap} .collapse:not(.show){display:none} .collapsing{display:block;overflow:hidden} .collapse,.collapsing{transition:height .35s ease} .navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center} @media (min-width:1200px){ .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto;-ms-flex-preferred-size:auto} } .navbar-light .navbar-collapse{justify-content:space-between;margin-bottom:0} .navbar-nav{display:flex;flex-direction:column;margin-bottom:0;padding-left:0;list-style:none} @media (min-width:1200px){ .navbar-expand-xl .navbar-nav{flex-direction:row} } .dropdown{position:relative} .header-dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;min-width:10rem;margin:.125rem 0 0;padding:.5rem 0;background-color:#fff;background-clip:padding-box;font-size:1rem;text-align:left;list-style:none;color:#212529} .dropdown-divider{overflow:hidden;border-top:1px solid #e9ecef;height:0;margin:.5rem 0} @media screen and (min-width:1200px){ .dropdown.mega-menu{position:static} } .navbar-nav .header-dropdown-menu{position:static;float:none} @media (min-width:1200px){ .navbar-expand-xl .navbar-nav .header-dropdown-menu{position:absolute} } .nav-link{display:block;padding:.5rem 1rem} .navbar-nav .nav-link{padding-right:0;padding-left:0} @media (min-width:1200px){ .navbar-expand-xl .navbar-nav .nav-link{padding-top:0;padding-right:1rem;padding-bottom:0;padding-left:1rem} } .navbar-light .navbar-nav .nav-link{display:block;padding-top:.3125rem;padding-bottom:.3125rem;color:#555} @media (min-width:768px){ .d-md-flex{display:flex!important} } @media (min-width:768px){ .flex-md-row-reverse{flex-direction:row-reverse!important} } @media (min-width:1200px){ .navbar-expand-xl .navbar-other.flex{display:flex;align-items:center;-webkit-box-align:center;-ms-flex-align:center} } .navbar-light .navbar-change-avatar{display:inline-block;border:.125rem solid #d4d4d4;border-radius:50%;width:2.5rem;height:2.5rem;margin-right:.625rem;padding:.1rem;text-align:center} .navbar-light em.navbar-change-avatar{background-repeat:no-repeat;background-position:center center;background-size:contain;background-clip:content-box;vertical-align:middle} @media (min-width:1200px){ .navbar-expand-xl .navbar-nav .header-dropdown-menu-right{right:0;left:auto} } .fw-semi-bold{font-weight:600} .text-uppercase{text-transform:uppercase!important} .navbar-light .navbar-user{display:inline-block;padding-top:.125rem} .d-none{display:none!important} @media (min-width:768px){ .d-md-none{display:none!important} } @media (min-width:1200px){ .d-xl-none{display:none!important} } @media (min-width:1200px){ .d-xl-inline{display:inline !important} .d-xl-inline-block{display:inline-block!important} } @media (min-width:1200px){ .d-xl-flex{display:flex!important} } .fw-bold{font-weight:700} .fz-15{font-size:15px} .fz-14{font-size:14px} .ico-menu{width:18px;height:18px;background:url(/_v4/images/icon-menu.png?v=3) no-repeat} .im-search{background-position:-150px -152px} .im-filter{background-position:-150px -194px} .im-suitcase{background-position:-151px -236px} .im-cv{height:20px;background-position:0 -4px} .im-cl{height:20px;background-position:0 -43px} .im-cv1{height:22px;background-position:1px -166px} .im-cv2{height:22px;background-position:0 -205px} .im-diamond{width:22px;height:20px;background-position:-74px -4px} .im-star{width:20px;background-position:-75px -46px} .im-logout{width:20px;background-position:-76px -124px} .im-puzzle{width:22px;height:20px;background-position:-114px 0} .im-pen{width:22px;height:20px;background-position:-114px -41px} .im-brain{width:22px;height:20px;background-position:-114px -79px} .im-search2{width:22px;height:20px;background-position:-114px -117px} .im-checklist{width:22px;height:20px;background-position:-114px -157px} .im-config{width:22px;height:20px;background-position:-114px -238px} .im-keyhand{width:22px;height:20px;background-position:-76px -170px} .im-money{width:22px;background-position:-149px 0} .im-book{height:20px;background-position:-149px -41px} .im-alert{width:20px;height:20px;background-position:-149px -80px} .im-profile{background-position:-39px -4px} .im-crown{background-position:-39px -43px} .im-edit{background-position:-39px -85px} .im-profile-add{background-position:-39px -126px} .im-sendmail{width:20px;background-position:-39px -166px} .im-key{background-position:-39px -206px} .im-rotate{background-position:-80px -202px} .im-hot{background-position:0 -206px} .im-new{background-position:0 -202px} .im-brain-c1{border-radius:3px;width:24px;height:24px;background-position:-186px -54px} .im-brain-c2{border-radius:3px;width:24px;height:24px;background-position:-186px -92px} .im-brain-c3{border-radius:3px;width:24px;height:24px;background-position:-186px -126px} .im-money-cy{border-radius:3px;width:24px;height:24px;background-position:-186px -162px} .im-money-cb{border-radius:3px;width:24px;height:24px;background-position:-186px -200px} .im-alert-c{border-radius:3px;width:24px;height:24px;background-position:-186px -235px} .im-convert{background-position:-186px -2px;width:24px;height:24px;border-radius:3px} .im-doc{background-position:-186px -270px;width:24px;height:24px;border-radius:3px} .im-shield{background-position:-186px -304px;width:24px;height:24px;border-radius:3px} .im-hot{width:50px;height:22px;margin-left:5px;background-position:0 -265px} .im-upload{height:20px;background:url('data:image/svg+xml,');background-repeat:no-repeat} .navbar-toggler{border:1px solid transparent;border-radius:.25rem;padding:.25rem .75rem;background-color:transparent;font-size:1.25rem;line-height:1} .navbar-light .navbar-toggler{box-shadow:0 1px 5px #d0d0d0!important;border:none;border-color:rgba(0,0,0,.1);border-radius:50%;padding:.25rem .4375rem .375rem;color:rgba(0,0,0,.5)} .navbar-toggler .fa-bars{padding:0 1px;font-size:17px} .nw-header{font-family:Inter,sans-serif;color:#111827} .nw-header :focus{box-shadow:none;outline:0} .nw-header a{text-decoration:none;color:inherit} .nw-header img{vertical-align:middle;max-width:100%} .nw-header button{font-family:inherit} @media (min-width:1200px){ .navbar-expand-xl .navbar-toggler{display:none} } .nw-header{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:500;width:100%;background-color:#fff;line-height:1.2} @media screen and (min-width:1200px){ .nw-header .navbar-brand{margin-right:45px;padding-top:3px;padding-bottom:2px} } .nw-header .navbar-light .navbar-nav .nav-link{font-size:15px!important;color:#5e5e5e} .nw-header .navbar-light .navbar-nav .nav-link:hover{color:#123983} .nw-header .header-dropdown-toggle::after{border-top:.38em solid;border-right:.35em solid transparent;border-left:.35em solid transparent;margin-left:.18em;vertical-align:middle} .nw-header .navbar-nav .header-dropdown-menu{border-color:#d1d1d1;border-radius:4px;padding:5px 0 4px} .nw-header .navbar-nav .header-dropdown-menu .dropdown-group{padding:11px 12px} .nw-header .navbar-nav .header-dropdown-menu .dropdown-item{display:flex;align-items:center;padding:5px 8px 6px;font-size:15px!important;font-weight:500;color:#3c3c3c} .nw-header .navbar-nav .header-dropdown-menu .dropdown-item:focus,.nw-header .navbar-nav .header-dropdown-menu .dropdown-item:hover{background-color:#f5f5f5} .nw-header .navbar-nav .header-dropdown-menu .dropdown-icon{display:flex;flex-shrink:0;justify-content:center;width:22px;margin-right:9px} .nw-header .navbar-nav .header-dropdown-menu .dropdown-divider{margin:0} .nw-header .navbar-light .navbar-login{color:#5e5e5e} @media screen and (max-width:1199px){ .nw-header .navbar-light .navbar-login{padding-left:0} } @media screen and (max-width:1199px){ .nw-header .navbar-light .navbar-user{margin-top:0;margin-bottom:5px} } .nw-header .navbar-light .navbar-recruit{display:flex;align-items:center;padding-left:0;font-size:16px!important;font-weight:600;text-transform:unset;color:#5e5e5e} @media screen and (min-width:1200px){ .nw-header .navbar-light .navbar-recruit{padding-left:10px} } .nw-header .navbar-light .navbar-recruit svg{position:relative;top:-1px;margin-right:5px} .nw-header .notify{display:block;margin-bottom:5px} @media screen and (min-width:1200px){ .nw-header .notify{margin-right:30px;margin-bottom:0} } .nw-header .notify__icon{position:relative;display:inline-flex} @media screen and (min-width:1200px){ .nw-header .notify__icon{display:flex} } .nw-header .notify__icon span{position:absolute;top:-4px;right:-6px;z-index:1;display:flex;justify-content:center;align-items:center;border-radius:50%;width:15px;height:15px;background-color:#e20c0c;color:#fff} .nw-header .navbar-user .dropdown:hover .header-dropdown-menu{margin-top:3px!important} .nw-header .navbar-user .header-dropdown-menu.show{margin-top:3px} .nw-header .navbar-user .header-dropdown-toggle{color:#5e5e5e} .nw-header .navbar-user .header-dropdown-toggle::after{top:0;border:none;width:8px;height:8px;margin:0 2px 0 4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7' fill='none'%3E %3Cpath d='M4.32435 6.05056C4.1647 6.27179 3.8353 6.27179 3.67565 6.05056L0.127483 1.13408C-0.063436 0.869537 0.125594 0.5 0.451837 0.5L7.54816 0.499999C7.87441 0.499999 8.06344 0.869536 7.87252 1.13408L4.32435 6.05056Z' fill='%235e5e5e'/%3E %3C/svg%3E") no-repeat} .nw-header .navbar-user .header-dropdown-toggle:hover,.nw-header .navbar-user .header-dropdown-toggle[aria-expanded=true]{color:#00bf71} .nw-header .navbar-user .header-dropdown-toggle:hover::after,.nw-header .navbar-user .header-dropdown-toggle[aria-expanded=true]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7' fill='none'%3E %3Cpath d='M4.32435 6.05056C4.1647 6.27179 3.8353 6.27179 3.67565 6.05056L0.127483 1.13408C-0.063436 0.869537 0.125594 0.5 0.451837 0.5L7.54816 0.499999C7.87441 0.499999 8.06344 0.869536 7.87252 1.13408L4.32435 6.05056Z' fill='%2300BF71'/%3E %3C/svg%3E")} .nw-header .navbar-user .navbar-change-avatar{position:relative;top:-1px;border:1px solid #d9d9d9;width:32px;height:32px;margin-right:4px;padding:0;background-size:cover;background-clip:initial} @media screen and (min-width:768px){ .nw-header .navbar-user .header-dropdown-menu{min-width:345px} } .nw-header .navbar-user .header-dropdown-menu .dropdown-item{padding:6px 18px;color:#292929} .nw-header .navbar-user .header-dropdown-menu .dropdown-item .icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:22px;margin-right:10px} .nw-header .navbar-user .header-dropdown-menu .dropdown-divider{border-top-color:#d1d1d1;margin:9px 0} .nw-header .navbar-user .vm{color:#00bf71!important} .nw-header .navbar-login:hover,.nw-header .navbar-recruit:hover{color:#00bf71!important} @media screen and (min-width:1200px){ .nw-header .navbar .nav-item .nav-link{padding:19px 14px;font-size:15px!important} } @media screen and (min-width:1200px){ .nw-header .header-dropdown-toggle::after{content:none} } @media screen and (min-width:1200px){ .nw-header .navbar-brand{margin-right:23px} } .nw-header .navbar-light .navbar-nav .nav-link:hover{font-weight:500!important;color:#00328f} .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large{padding:15px 20px} @media screen and (min-width:768px){ .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large [class*=col-]:first-child{flex:0 0 53%;max-width:53%} } @media screen and (min-width:768px){ .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large [class*=col-]:last-child{flex:0 0 47%;max-width:47%} } .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large .dropdown-group{margin:0 0 15px -11px;padding:0} @media screen and (min-width:1200px){ .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large{left:-210px;box-shadow:0 1px 6.5px rgba(0,0,0,.15);border-radius:4px;width:801px;padding:22px 31px 22px 36px;margin-top:-1px} .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large .dropdown-group{margin:0 0 0 -11px;padding:0} .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large .dropdown-group+.dropdown-heading{margin-top:23px} } .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu .dropdown-item{border-radius:6px;margin-bottom:0;padding:13px 10px;line-height:24px;color:#111827!important} @media screen and (max-width:1199px){ .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large .dropdown-item{white-space:normal} } .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large .dropdown-item:hover{background-color:rgba(185,185,185,.2)!important;font-weight:400;color:#424242!important} .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large .dropdown-icon{margin-right:8px} @media screen and (max-width:1199px){ .navbar-light .navbar-collapse{overflow-y:auto;height:calc(100vh - 61px)} } .dropdown-heading{display:flex;align-items:center;margin-bottom:13px;font-size:16px;font-weight:600;color:#000} @media screen and (min-width:768px){ .dropdown-heading{font-size:18px} } .dropdown-heading a{font-size:inherit!important} .dropdown-heading a:hover{color:#123983} .dropdown-heading a:hover+svg{color:#123983} .dropdown-heading svg{flex-shrink:0;margin-left:7px} .dropdown-heading+.dropdown-heading{margin-top:45px} @media screen and (max-width:1199px){ .navbar-brand{padding-top:9px;padding-bottom:8px} } @media screen and (max-width:1199px){ #navbarHeader .dropdown:hover .header-dropdown-menu{margin:0 5px 20px} } @media screen and (min-width:1200px){ .nw-header .navbar-nav .header-dropdown-menu .dropdown-group{padding:6px 8px} } @media screen and (max-width:1199px){ .nw-header .navbar-nav .header-dropdown-menu .dropdown-group{margin-bottom:10px;padding:5px} } .nw-header .header-dropdown-menu .dropdown-item{border-radius:6px;margin-bottom:0;padding:10px;line-height:24px;color:#111827!important} .nw-header .header-dropdown-menu .dropdown-item:hover{background-color:rgba(185,185,185,.2)!important;font-weight:400;color:#424242!important} .nw-header .header-dropdown-menu .dropdown-item .hot{display:inline-block;border-radius:4px;width:50px;height:21px;margin:-5px 0 -5px 5px;padding:1px 4px 1px 16px;background:url(/_v4/images/icon-menu.png) no-repeat;background-position:0 -238px} .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu .dropdown-item .new{display:inline-block;border-radius:4px;width:34px;height:21px;margin:-5px 0 -5px 10px;background:url(/_v4/images/icon-menu.png) no-repeat;background-position:-60px -238px} .nw-header .navbar-user .navbar-change-avatar{width:32px;height:32px;margin-right:7px} @media screen and (min-width:1200px){ .nw-header .navbar-user{padding:0} } .nw-header .navbar-user .header-dropdown-menu{box-shadow:0 1px 6.5px rgba(0,0,0,.15)} .nw-header .navbar-user .header-dropdown-menu .dropdown-user{display:flex;align-items:flex-start;border-bottom:1px solid #d1d1d1;padding:14px 15px 16px} @media screen and (min-width:1200px){ .nw-header .navbar-user .header-dropdown-menu .dropdown-user{padding:14px 19px 16px 24px} } .nw-header .navbar-user .header-dropdown-menu .dropdown-user-avatar{position:relative;border-radius:50%;width:58px;height:58px;background-repeat:no-repeat;background-position:center;background-size:contain} .nw-header .navbar-user .header-dropdown-menu .dropdown-user-avatar label{position:absolute;right:0;bottom:-3px;display:flex;justify-content:center;align-items:center;border-radius:50%;width:20px;height:20px;background-color:#fff} .nw-header .navbar-user .header-dropdown-menu .dropdown-user-button{display:flex;justify-content:center;align-items:center;transition:all .3s ease;border:1px dashed #6a6a6a;border-radius:3px;width:24px;height:24px;margin-top:5px;padding:0;background:#fff;cursor:pointer;color:#6a6a6a} .nw-header .navbar-user .header-dropdown-menu .dropdown-user-button:hover{background-color:#6a6a6a;color:#fff} .nw-header .navbar-user .header-dropdown-menu .dropdown-user-info{width:calc(100% - 82px);padding-right:16px;padding-left:16px} .nw-header .navbar-user .header-dropdown-menu .dropdown-user-name{margin-bottom:6px} .nw-header .navbar-user .header-dropdown-menu .dropdown-user-phone{margin-bottom:2px} .nw-header .navbar-user .header-dropdown-menu .dropdown-group{padding:5px 4px} @media screen and (min-width:1200px){ .nw-header .navbar-user .header-dropdown-menu .dropdown-group{padding:5px 12px} } .nw-header .navbar-user .header-dropdown-menu .dropdown-item{border-radius:6px;padding-top:10px;padding-bottom:10px;color:#111827!important} @media screen and (max-width:1199px){ .nw-header .navbar-user .header-dropdown-menu .dropdown-item{white-space:normal} } .nw-header .navbar-user .header-dropdown-menu .dropdown-item:hover{background-color:rgba(185,185,185,.2)!important;color:#424242!important} #menuUser .nav-link-title{text-transform:capitalize} @media screen and (min-width:768px){ #menuUser .nav-login a{font-size:16px} } @media screen and (min-width:1200px){ .nw-header .navbar-light .navbar-recruit{margin-left:34px} } .nw-header .navbar .nav-item .header-dropdown-menu,.nw-header .navbar-user .header-dropdown-menu{box-shadow:0 1px 4px rgba(0,0,0,.1);border:none} .nw-header .navbar .nav-item .nav-link,.nw-header .navbar-nav .header-dropdown-menu .dropdown-item{transition:none;font-weight:400;color:#111827} .nw-header .navbar-nav .header-dropdown-menu .dropdown-item.vm{font-weight:500} .nw-header .navbar-nav .header-dropdown-menu .dropdown-item.fw-bold{font-weight:700} @media screen and (min-width:1200px){ .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu{left:18px;width:370px;padding:4px 0} .nw-header .navbar .nav-item .nav-link{font-size:15px!important;font-weight:500} .nw-header .navbar .nav-item .nav-link[data-toggle=dropdown]::after{content:"";display:inline-block;flex-shrink:0;border:none;width:8px;height:5px;margin-left:6px;padding:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none' viewBox='0 0 8 5'%3E%3Cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75.75 3 3 3-3'/%3E%3C/svg%3E") no-repeat} .nw-header .navbar-collapse>.navbar-nav .nav-item .nav-link:hover,.nw-header .navbar-collapse>.navbar-nav .nav-item.active .nav-link{font-weight:700} .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu .dropdown-item{margin-bottom:4px;padding:6px 15px 6px 8px;font-size:16px!important} .nw-header .navbar-nav .header-dropdown-menu .dropdown-group{padding:10px 12px} .nw-header .navbar-user .header-dropdown-menu{width:370px} .nw-header .navbar-user .header-dropdown-menu .dropdown-item{margin-bottom:1px;font-size:16px!important} } #menuUser a{color:#111827} #navbarHeader .dropdown .header-dropdown-menu{display:block;opacity:0;visibility:hidden;transform:translateY(10px);-webkit-transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .4s;-webkit-transition:opacity .3s ease,transform .3s ease,visibility 0s linear .4s} #navbarHeader .dropdown:hover .header-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);transition-delay:.4s;-webkit-transition-delay:.4s} #navbarHeader .dropdown:not(:hover) .header-dropdown-menu{transition-delay:0s;-webkit-transition-delay:0s} .dropdown.mega-menu .mega-menu-row .mega-menu-col{margin-bottom:10px} @media screen and (min-width:1200px){ .dropdown.mega-menu{position:static} .dropdown.mega-menu .header-dropdown-menu{left:0!important;width:100%!important;padding:30px!important} .dropdown.mega-menu .dropdown-item{margin-bottom:8px!important} .dropdown.mega-menu .mega-menu-row{display:flex;justify-content:space-between} .dropdown.mega-menu .mega-menu-row .mega-menu-col:first-child{width:70%} .dropdown.mega-menu .mega-menu-row .mega-menu-col:last-child{width:28%;margin-bottom:0} } .row{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px} .col-md-6{position:relative;width:100%;min-height:1px;padding-right:10px;padding-left:10px} @media (min-width:768px){ .col-md-6{flex:0 0 50%;max-width:50%;-webkit-box-flex:0} } @media screen and (min-width:768px){ .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large [class*=col-]:first-child{flex:0 0 53%;max-width:53%} } @media screen and (min-width:1200px){ .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large .row+.row{margin-top:23px} } .nw-header .navbar-light .navbar-nav .nav-item .new{display:inline-block;border-radius:4px;width:34px;height:21px;margin:-5px 0 -5px 14px;background:url(https://i-vn.joboko.com/_v4/images/icon-menu.png) no-repeat;background-position:-60px -238px} .nw-header #menuUser .nav-link{border:none;background:0 0;cursor:pointer;font-weight:400;color:#111827} @media screen and (min-width:1200px){ .nw-header #menuUser .nav-link{padding-right:0} } /*.nw-header .navbar-light .navbar-nav .nav-item .new{display:inline-block;border-radius:4px;width:34px;height:21px;margin:-5px 0 -5px 14px;background:url(https://i-vn.joboko.com/_v4/images/icon-menu.png) no-repeat;background-position:-60px -238px}*/ @media screen and (min-width:1200px){ .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large .row+.row{margin-top:23px} .nw-header .navbar-user .dropdown:hover .header-dropdown-menu{overflow-y:auto;max-height:calc(100dvh - 80px);scrollbar-width:thin} } @media screen and (max-width:1199px){ .navbar-light .navbar-collapse{height:auto} .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large{padding:0!important} #navbarHeader .dropdown .header-dropdown-menu{display:block!important;overflow:hidden;transition:all .1s ease;box-shadow:none;max-height:0;margin:0!important} #navbarHeader .dropdown .header-dropdown-menu.show,#navbarHeader .dropdown.open .header-dropdown-menu{overflow:visible;max-height:var(--dropdown-height)} .nw-header .navbar-nav .header-dropdown-menu .dropdown-group{margin-bottom:0;padding:0} .navbar-collapse{flex-grow:1;flex-basis:100%;margin:0 -10px} #navbarHeader{position:relative;overflow-y:auto;height:calc(100dvh - 57px)!important;padding:12px 10px} #navbarHeader.collapsing{display:none} #navbarHeader.show{display:flex;flex-direction:column;justify-content:flex-start} #navbarHeader:before{content:"";position:absolute;right:0;bottom:100%;left:0;box-shadow:0 1px 5px rgba(0,0,0,.1);height:60px;pointer-events:none} #navbarHeader .navbar-nav{order:2;width:100%;margin-top:0} #navbarHeader #divlogin{order:3;width:100%} #navbarHeader #divlogin.logined{order:1} #navbarHeader .navbar-user{width:100%} .navbar-toggler[aria-expanded=true]{box-shadow:none!important} .navbar-toggler[aria-expanded=true] .fa-bars:before{content:"";display:block;width:14px;height:14px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' class='fa-times'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 1 1 13M1 1l12 12'/%3E%3C/svg%3E") no-repeat} .nw-header .navbar-light .navbar-nav .nav-item{margin-bottom:10px} #menuUser .nav-login{display:flex;grid-gap:10px;flex-wrap:wrap} #menuUser .nav-login a,#menuUser .navbar-recruit,.nw-header .navbar-light .navbar-nav .nav-link{position:relative;border:none;border-radius:6px;width:100%;padding:10px 25px 11px 13px;background-color:#f0f1f3;font-size:16px!important;font-weight:500;text-align:left;text-decoration:none;color:#0e0e0e} .nw-header .navbar-light .navbar-nav .nav-link:after{content:"";position:absolute;top:13px;right:15px;transition:all .3s ease;border:none;width:8px;height:14px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' fill='none'%3E%3Cpath stroke='%233C3C3C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 13 6-6-6-6'/%3E%3C/svg%3E") no-repeat} .nw-header .navbar-light .navbar-nav .nav-link:hover{color:#0e0e0e} .nw-header .navbar-light .navbar-nav .nav-link[aria-expanded=true]{color:#123983} .nw-header .navbar-light .navbar-nav .nav-link[aria-expanded=true]:after{transform:rotate(90deg);transform-origin:center} .nw-header .navbar-light .navbar-nav .nav-link .nav-link-text{margin-top:6px;font-weight:400;color:#0e0e0e} .nw-header .navbar-light .navbar-nav .nav-link .nav-link-text a{font-size:14px!important;line-height:1.33} .nw-header #menuUser .nav-link{border-left:4px solid #123983;border-top-left-radius:0;border-bottom-left-radius:0;padding-top:16px;padding-bottom:15px;padding-left:10px;background:#f0f1f3;cursor:pointer} .nw-header #menuUser .nav-link:after{top:18px} .nw-header #menuUser .nav-link-title{font-weight:700} .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large .dropdown-group{margin:0} .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large .dropdown-item{padding:12px 11px 11px!important;line-height:1.2!important;color:#5d5d5d!important} .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large .dropdown-heading{margin-top:5px} .nw-header .navbar .navbar-nav .nav-item .header-dropdown-menu.header-dropdown-menu--large .row:first-child .col-md-6:first-child{margin-top:7px} .nw-header .navbar-light .navbar-nav .nav-item .dropdown-item{display:flex;align-items:center;padding:12px 11px 11px;font-size:15px;line-height:1.2;color:#5d5d5d!important} .nw-header .navbar-light .navbar-nav .nav-item .dropdown-item .fw-semi-bold{font-size:16px;color:#111827} .nw-header .navbar-light .navbar-nav .nav-item .dropdown-item:hover{background:0 0} .nw-header .navbar-light .navbar-nav .nav-item .dropdown-icon{display:flex;flex-shrink:0;justify-content:center;width:22px;margin-right:9px} .nw-header .navbar-light .navbar-nav .dropdown-divider{border-top:1px dashed #d1d1d1;margin:10px 11px} .nw-header .navbar-light .navbar-nav .dropdown-group:first-child{margin-top:7px} .nw-header .navbar-light .navbar-nav .dropdown-heading{margin:15px 12px -1px;font-size:15px} .nw-header .navbar-light .navbar-nav .row{margin:0} .nw-header .navbar-light .navbar-nav [class*=col-]{padding:0} } .nw-header .header-dropdown-menu .dropdown-item .hot{display:inline-block;border-radius:4px;width:50px;height:21px;margin:-5px 0 -5px 5px;padding:1px 4px 1px 16px;background:url(https://i-vn.joboko.com/_v4/images/icon-menu.png) no-repeat;background-position:0 -238px} .nw-header .navbar .nav-item .header-dropdown-menu,.nw-header .navbar-user .header-dropdown-menu{box-shadow:0 1px 4px 3px rgba(0,0,0,.1)} .nw-header .navbar-nav .header-dropdown-menu{padding:0} .nw-header .navbar-light .navbar-nav .nav-link:hover{font-weight:500!important;color:#00328f} .nw-header .navbar-nav .header-dropdown-menu .dropdown-item{padding:7px 8px 7px} .nw-header .navbar-user .dropdown:hover .header-dropdown-menu{margin-top:0!important} .nw-header .navbar-user .header-dropdown-menu .dropdown-divider{margin:0} /*@media screen and (min-width:1200px){ .nw-header .navbar{position:relative} .nw-header .navbar::after,.nw-header .navbar::before{content:"";position:absolute;top:0;left:-106px;width:91px;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='60' fill='none' viewBox='0 0 91 60'%3E%3Cg stroke='%230059ff' opacity='.3'%3E%3Cpath fill='url(%23a)' d='M60.209.5C76.497.5 89.702 13.708 89.702 30S76.497 59.5 60.209 59.5C43.92 59.5 30.715 46.292 30.715 30S43.92.5 60.21.5Z' opacity='.5'/%3E%3Cpath fill='url(%23b)' d='M41.102.5c6.13 0 11.714 3.256 15.783 8.59s6.6 12.725 6.6 20.91-2.531 15.576-6.6 20.91-9.654 8.59-15.783 8.59c-6.13 0-11.716-3.256-15.785-8.59-4.068-5.334-6.6-12.725-6.6-20.91 0-8.184 2.532-15.576 6.6-20.91C29.386 3.756 34.971.5 41.102.5Z' opacity='.5'/%3E%3Cpath fill='url(%23c)' d='M28.882.5c4.531 0 8.729 3.184 11.821 8.537 3.085 5.34 5.009 12.75 5.009 20.963 0 8.212-1.924 15.623-5.009 20.963-3.092 5.353-7.29 8.537-11.821 8.537s-8.728-3.184-11.82-8.537c-3.085-5.34-5.01-12.75-5.01-20.963 0-8.212 1.925-15.623 5.01-20.963C20.153 3.684 24.35.5 28.882.5Z' opacity='.5'/%3E%3Cpath fill='url(%23d)' d='M9.331.5c1.054 0 2.152.688 3.23 2.153 1.07 1.456 2.055 3.595 2.891 6.283 1.67 5.368 2.71 12.816 2.71 21.064s-1.04 15.696-2.71 21.065c-.836 2.687-1.821 4.826-2.892 6.282-1.077 1.465-2.175 2.153-3.229 2.153s-2.152-.688-3.23-2.153c-1.07-1.456-2.054-3.595-2.89-6.282C1.54 45.695.5 38.248.5 30S1.541 14.304 3.21 8.936c.837-2.688 1.821-4.827 2.892-6.283C7.179 1.188 8.277.5 9.33.5Z' opacity='.5'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='30.215' x2='90.201' y1='30.222' y2='30.222' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230059ff'/%3E%3Cstop offset='.567' stop-color='%230059ff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='18.218' x2='63.985' y1='30.222' y2='30.222' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230059ff'/%3E%3Cstop offset='.567' stop-color='%230059ff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='11.553' x2='46.211' y1='30.222' y2='30.222' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230059ff'/%3E%3Cstop offset='.567' stop-color='%230059ff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='0' x2='18.662' y1='30.222' y2='30.222' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230059ff'/%3E%3Cstop offset='.567' stop-color='%230059ff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat;pointer-events:none} .nw-header .navbar::after{right:-99px;left:auto} }*/ .hidden,.hide{ display:none !important } #divlogin .lnk-chat-page {display: inline-flex;align-items: center} #divlogin .lnk-chat-page span.txt { padding-left: 5px } #divlogin .lnk-chat-page span.num { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; width: 20px; height: 18px; background-color: #dc6763; color: #fff; font-size: 10px; margin-left: 5px; } @media screen and (min-width: 1200px) { #divlogin { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } #divlogin .lnk-chat-page { background: #F3F3F3; border-radius: 50%; padding: 10px; color: #8C9298 } #divlogin .lnk-chat-page span.txt { display: none } #divlogin .lnk-chat-page span.num { position: absolute; padding: 3px; top: -5px; right: -5px; z-index: 2; display: flex; justify-content: center; align-items: center; font-size: 10px; } } .int-header,.nw-header.int-header{font-family:Inter,sans-serif;color:#111827} .int-header .container,.nw-header.int-header .container,#header.int-header .container{max-width:none} @media screen and (min-width:1200px){ .int-header .container,.nw-header.int-header .container{padding-right:31px;padding-left:31px} } @media screen and (min-width:1200px){ .int-header .container .jbk-logo,.nw-header.int-header .container .jbk-logo{width:110px;height:55px;background-image:url(/_v6/images/joboko.png)} } @media screen and (min-width:1200px){ .int-header .navbar-brand,.nw-header.int-header .navbar-brand{margin-right:18px;margin-bottom:0;padding-top:3px;padding-bottom:2px} } .int-header .navbar .nav-item .nav-link,.nw-header.int-header .navbar .nav-item .nav-link{font-size:13px!important;color:#111827!important} @media screen and (min-width:1200px){ .int-header .navbar .nav-item .nav-link,.nw-header.int-header .navbar .nav-item .nav-link{padding:18px!important;font-size:15px!important} } .int-header .navbar .nav-item .nav-link.dropdown-toggle::after,.nw-header.int-header .navbar .nav-item .nav-link.dropdown-toggle::after{content:"";display:inline-block;flex-shrink:0;transition:all .3s ease;border:none;width:10px;height:6px;margin-left:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75.75 4 4 4-4'/%3E%3C/svg%3E") no-repeat} .int-header .navbar .nav-item .nav-link:hover,.int-header .navbar .nav-item .nav-link[aria-expanded=true],.nw-header.int-header .navbar .nav-item .nav-link:hover,.nw-header.int-header .navbar .nav-item .nav-link[aria-expanded=true]{color:#0019cb!important} .int-header .navbar .nav-item .nav-link:hover.dropdown-toggle::after,.int-header .navbar .nav-item .nav-link[aria-expanded=true].dropdown-toggle::after,.nw-header.int-header .navbar .nav-item .nav-link:hover.dropdown-toggle::after,.nw-header.int-header .navbar .nav-item .nav-link[aria-expanded=true].dropdown-toggle::after{transform:rotate(180deg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath stroke='%230019CB' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75.75 4 4 4-4'/%3E%3C/svg%3E")} .int-header .navbar-nav>.nav-item.dropdown:hover>.nav-link,.nw-header.int-header .navbar-nav>.nav-item.dropdown:hover>.nav-link{color:#0019cb!important} .int-header .navbar-nav>.nav-item.dropdown:hover>.nav-link.dropdown-toggle::after,.nw-header.int-header .navbar-nav>.nav-item.dropdown:hover>.nav-link.dropdown-toggle::after{transform:rotate(180deg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath stroke='%230019CB' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75.75 4 4 4-4'/%3E%3C/svg%3E")} .int-header .navbar-light .navbar-recruit,.nw-header.int-header .navbar-light .navbar-recruit{font-size:15px!important} .int-header .navbar-light .navbar-recruit svg,.nw-header.int-header .navbar-light .navbar-recruit svg{top:-2px;margin-right:9px} .int-header .navbar-light .navbar-recruit:hover,.nw-header.int-header .navbar-light .navbar-recruit:hover{color:#0019cb!important} .int-header #menuUser .nav-login a,.nw-header.int-header #menuUser .nav-login a{font-weight:500;text-decoration:none;color:#111827} .int-header #menuUser .nav-login a:hover,.nw-header.int-header #menuUser .nav-login a:hover{color:#0019cb!important} .int-header .navbar-light .navbar-nav .dropdown-heading,.nw-header.int-header .navbar-light .navbar-nav .dropdown-heading{margin-bottom:10px;color:#111827} @media screen and (min-width:1200px){ .int-header .navbar-light .navbar-nav .dropdown-heading,.nw-header.int-header .navbar-light .navbar-nav .dropdown-heading{margin-bottom:13px;padding:0 11px} } .int-header .navbar-light .navbar-nav .dropdown-divider,.nw-header.int-header .navbar-light .navbar-nav .dropdown-divider{border-top:none;height:1px;background:linear-gradient(to right,#fff 0,#c2c9d2 31%,#c2c9d2 68%,#fff 100%)} @media screen and (max-width:1199px){ .int-header .navbar-light .navbar-nav .dropdown-divider,.nw-header.int-header .navbar-light .navbar-nav .dropdown-divider{margin-top:5px;margin-bottom:5px} } .int-header #navbarHeader .dropdown:hover .dropdown-menu,.nw-header.int-header #navbarHeader .dropdown:hover .dropdown-menu{margin-top:-4px} @media screen and (min-width:1200px){ .int-header .navbar .navbar-nav .nav-item .dropdown-menu,.nw-header.int-header .navbar .navbar-nav .nav-item .dropdown-menu{left:12px;box-shadow:0 5px 12px rgba(75,85,99,.5);border-radius:16px;width:423px;padding:17px 10px 4px} } .int-header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item,.nw-header.int-header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item{margin-bottom:0;padding:9px 25px 9px 8px;color:#111827!important} .int-header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item .dropdown-icon,.nw-header.int-header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item .dropdown-icon{width:25px;margin-right:7px;color:#7b7e8f} .int-header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover,.nw-header.int-header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{background-color:#dfeaff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath stroke='%23020a9c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75 8.75 8-8M.75.75h8v8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:10px 10px;color:#020a9c!important} .int-header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover .dropdown-icon,.nw-header.int-header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover .dropdown-icon{color:#020a9c} .int-header .navbar-user .dropdown-menu .dropdown-item .dropdown-icon{color:#7b7e8f} @media screen and (min-width:1200px){ .int-header .navbar-nav .dropdown-menu .dropdown-group,.nw-header.int-header .navbar-nav .dropdown-menu .dropdown-group{padding:6px 9px 8px 10px} } @media screen and (min-width:1200px){ .int-header .dropdown.mega-menu,.nw-header.int-header .dropdown.mega-menu{position:relative} } @media screen and (min-width:1200px){ .int-header .navbar .navbar-nav .nav-item .dropdown-menu.dropdown-menu--large .dropdown-group,.nw-header.int-header .navbar .navbar-nav .nav-item .dropdown-menu.dropdown-menu--large .dropdown-group{margin:0;padding:6px 9px 8px 10px!important} } @media screen and (min-width:1200px){ .int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large,.nw-header.int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large{left:-200px!important;width:827px!important;padding:12px 14px 4px!important} } @media screen and (min-width:1366px){ .int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large,.nw-header.int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large{left:-120px!important} } @media (min-width:1440px){ .int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large,.nw-header.int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large{left:12px!important} } @media screen and (min-width:768px){ .int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large [class*=col-]:first-child,.int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large [class*=col-]:last-child,.nw-header.int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large [class*=col-]:first-child,.nw-header.int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large [class*=col-]:last-child{flex:0 0 50%;max-width:50%} } .int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large .dropdown-divider+.dropdown-heading,.nw-header.int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large .dropdown-divider+.dropdown-heading{margin-top:21px;margin-bottom:10px} /*@media screen and (min-width:1200px){ .int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large .dropdown-divider+.dropdown-heading+.row .dropdown-item,.nw-header.int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large .dropdown-divider+.dropdown-heading+.row .dropdown-item{padding-top:5px;padding-bottom:5px} }*/ @media screen and (min-width:1200px){ .int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large .dropdown-heading,.nw-header.int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large .dropdown-heading{padding-right:21px;padding-left:21px} } @media screen and (min-width:1200px){ .int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large .dropdown-item,.nw-header.int-header .navbar .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.dropdown-menu--large .dropdown-item{padding:9px 25px 9px 8px} .int-header .dropdown-menu.dropdown-menu--large .dropdown-item:not(.bsz){margin-bottom:0 !important} } @media screen and (min-width:1200px){ .int-header #divlogin .lnk-chat-page,.nw-header.int-header #divlogin .lnk-chat-page{justify-content:center;transition:all .3s ease;width:38px!important;height:38px!important;padding:0!important;background-color:#edeef4!important;color:#4b5563!important} .int-header #divlogin .lnk-chat-page:hover,.nw-header.int-header #divlogin .lnk-chat-page:hover{background-color:#dfeaff!important;color:#1b73fd!important} } .int-header #menuUser .nav-link,.nw-header.int-header #menuUser .nav-link{padding-right:0;padding-left:14px;color:#111827} .int-header #menuUser .nav-link-title,.nw-header.int-header #menuUser .nav-link-title{font-weight:500} .int-header #divlogin .nav-item,.nw-header.int-header #divlogin .nav-item{display:flex;align-items:center} .int-header .navbar-user .navbar-change-avatar,.nw-header.int-header .navbar-user .navbar-change-avatar{position:relative;top:-1px;border:1px solid #e6e6e6;width:38px;height:38px;margin-right:9px} .int-header .navbar-user .navbar-change-avatar::after,.nw-header.int-header .navbar-user .navbar-change-avatar::after{content:"";position:absolute;right:-4px;bottom:-1px;transition:all .3s ease;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Ccircle cx='7' cy='7' r='6.5' fill='%23edeef4' stroke='%23e6e6e6'/%3E%3Cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='m4 6 3 3 3-3'/%3E%3C/svg%3E") no-repeat} .int-header .navbar-user:hover .nav-link-title,.nw-header.int-header .navbar-user:hover .nav-link-title{color:#0019cb} .int-header .navbar-user:hover .navbar-change-avatar::after,.nw-header.int-header .navbar-user:hover .navbar-change-avatar::after{transform:rotate(180deg)} @media screen and (min-width:1200px){ .int-header .navbar-user .dropdown:hover .dropdown-menu,.nw-header.int-header .navbar-user .dropdown:hover .dropdown-menu{right:11px;box-shadow:0 5px 12px rgba(75,85,99,.5);border-radius:16px;width:423px} } .int-header .navbar-user .dropdown-menu,.nw-header.int-header .navbar-user .dropdown-menu{color:#111827} .int-header .navbar-user .dropdown-menu .dropdown-user,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user{position:relative;border-bottom:none} @media screen and (min-width:1200px){ .int-header .navbar-user .dropdown-menu .dropdown-user,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user{padding:22px 37px 20px 31px} .int-header .navbar-user .dropdown-menu .dropdown-user+.dropdown-divider,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user+.dropdown-divider{margin-bottom:4px} .int-header .navbar-user .dropdown-menu .dropdown-user-avatar,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user-avatar{flex-shrink:0;width:70px;height:70px} .int-header .navbar-user .dropdown-menu .dropdown-user-info,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user-info{width:calc(100% - 70px);padding-top:3px;padding-right:0;padding-left:13px} .int-header .navbar-user .dropdown-menu .dropdown-group,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-group{padding:8px 19px 7px 24px} .int-header .navbar-user .dropdown-menu .dropdown-group:last-child,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-group:last-child{padding-bottom:22px} .int-header .navbar-user .dropdown-menu .dropdown-item,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-item{padding:8px 8px 9px;color:#111827!important} } .int-header .navbar-user .dropdown-menu .dropdown-item:hover,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-item:hover{background-color:#dfeaff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath stroke='%23020a9c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75 8.75 8-8M.75.75h8v8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:10px 10px;color:#020a9c!important} .int-header .navbar-user .dropdown-menu .dropdown-item:hover .dropdown-icon,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-item:hover .dropdown-icon{color:#020a9c!important} @media screen and (max-width:1199px){ .int-header .navbar-user .dropdown-menu .dropdown-user+.dropdown-divider,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user+.dropdown-divider{display:none} } .int-header .navbar-user .dropdown-menu .dropdown-user-avatar,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user-avatar{position:relative} .int-header .navbar-user .dropdown-menu .dropdown-user-avatar-change,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user-avatar-change{position:absolute;right:2px;bottom:1px;display:flex;justify-content:center;align-items:center;transition:all .3s ease;border-radius:50%;width:20px;height:20px;background-color:#00bf71} .int-header .navbar-user .dropdown-menu .dropdown-user-avatar-change:hover,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user-avatar-change:hover{background-color:#0019cb} .int-header .navbar-user .dropdown-menu .dropdown-user-name,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user-name{margin-bottom:7px} .int-header .navbar-user .dropdown-menu .dropdown-user-name svg,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user-name svg{position:relative;top:3px;margin-left:4px} .int-header .navbar-user .dropdown-menu .dropdown-user-phone,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user-phone{margin-bottom:3px} .int-header .navbar-user .dropdown-menu .dropdown-user-button,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user-button{position:absolute;right:37px;bottom:26px;display:flex;justify-content:center;align-items:center;transition:all .3s ease;border:1px dashed #7b7e8f;width:52px;height:22px;padding:0;font-size:13px!important;color:#7b7e8f!important;gap:4px} .int-header .navbar-user .dropdown-menu .dropdown-user-button:hover,.nw-header.int-header .navbar-user .dropdown-menu .dropdown-user-button:hover{border-color:#0019cb;background:0 0;color:#0019cb!important} .int-header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item.bsz{font-size:18px !important;font-weight:600 !important} .int-header .dropdown-menu .dropdown-item.ev span {padding-right:20px;background-repeat:no-repeat;background-position:top 1px right;background-size:11px 15px; background-image:url('data:image/svg+xml,') } .int-header .dropdown-menu .dropdown-item.ev:hover span{background:none;padding-right:0} a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} body{line-height:1;font-family:Inter,sans-serif} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:"";content:none} table{border-collapse:collapse;border-spacing:0} :focus{box-shadow:none!important} img,svg{vertical-align:middle} *,::after,::before{box-sizing:border-box} .btn{display:inline-block;transition:all .15s ease-in-out;border:1px solid transparent;padding:.375rem .75rem;background-color:transparent;cursor:pointer;font:inherit;text-align:center;text-decoration:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .form-select{display:block;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:1px solid #ced4da;border-radius:.25rem;width:100%;padding:.375rem 2.25rem .375rem .75rem;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;font-size:1rem;line-height:1.5;font-weight:400;color:#212529;-moz-padding-start:calc(.75rem - 3px);-webkit-appearance:none;-moz-appearance:none;appearance:none} .dropdown{position:relative} .dropdown-menu{position:absolute;top:100%;z-index:1000;display:none;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;min-width:10rem;margin:8px 0 0;padding:.5rem 0;background-color:#fff;background-clip:padding-box;font-size:1rem;text-align:left;list-style:none;color:#212529} .dropdown-menu.drop-up{bottom:100%;top:auto;margin:0 0 8px} .dropdown-menu.show{display:block} .dropdown-menu-end{right:0;left:auto} .dropdown-toggle::after{content:"";display:inline-block;border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;margin-left:.255em;vertical-align:.255em} .collapse:not(.show){display:none} .collapsing{display:block;overflow:hidden} .collapse,.collapsing{transition:height .35s ease} .tab-content>.tab-pane{display:none} .tab-content>.tab-pane.show.active{display:block} .modal{position:fixed;top:0;left:0;z-index:1055;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:none} .modal.show{display:block} .modal-dialog{position:relative;width:auto;margin:.5rem auto;pointer-events:none} .modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)} .modal.show .modal-dialog{transform:none} .modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0} .modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000;opacity:0;transition:opacity .15s linear} .modal-backdrop.show{opacity:.6} .modal-open{overflow:hidden} .fz-9{font-size:9px;line-height:1} .fz-10{font-size:10px;line-height:1} .fz-11{font-size:11px;line-height:1.2} .fz-12{font-size:12px;line-height:1.36} .fz-13{font-size:13px;line-height:1.36} .fz-14{font-size:14px;line-height:1.5} .fz-15{font-size:15px;line-height:1.467} .fz-16{font-size:16px;line-height:1.65} .fz-18{font-size:18px;line-height:1.2} .fz-20{font-size:20px;line-height:1.2} .fw-light{font-weight:300} .fw-regular{font-weight:400} .fw-medium{font-weight:500} .fw-bold{font-weight:700} .fw-semi-bold{font-weight:600} .fw-extra-bold{font-weight:800} .fw-black{font-weight:900} .underline{text-decoration:underline} .font-inter{font-family:Inter,sans-serif} .line-clamp-1{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical} .image{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%} .image img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;font-family:"object-fit: cover;";-o-object-fit:cover;object-fit:cover} .image.fit-contain img{font-family:"object-fit: contain;";-o-object-fit:contain;object-fit:contain} .image.position-bottom img{font-family:"object-fit: cover; object-position: bottom;";-o-object-position:bottom;object-position:bottom} .image.position-top img{font-family:"object-fit: cover; object-position: top;";-o-object-position:top;object-position:top} img{max-width:100%} .ratio{position:relative} .ratio::before{content:"";display:block;padding-bottom:100%} html{overflow-x:hidden} body{overflow-x:hidden;background-color:#f9f9f9;font-size:15px;line-height:1.2;font-family:Inter,sans-serif;color:#111827} body :focus{box-shadow:none;outline:0} a{text-decoration:none;color:inherit} img{vertical-align:middle} #wrapper{padding-top:66px} @media screen and (min-width:576px){ #wrapper{padding-top:57px} } @media screen and (min-width:992px){ #wrapper{min-height:100vh;padding-top:70px} } @media screen and (min-width:768px){ .gutters-13{margin-right:-13px;margin-left:-13px} } @media screen and (min-width:768px){ .gutters-13>[class*=col]{padding-right:13px;padding-left:13px} } .wysiwyg b{font-weight:700} .wysiwyg a{text-decoration:underline} .w-100{width:100%} .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-success { color: #08632a; background-color: #cff2dc; border-color: #bcedce; } .lnk { cursor: pointer; } .btn{display:flex;justify-content:center;align-items:center;border: 1px solid #d9e1e7;border-radius: 6px;background-color: transparent;color: #17181a} .btn:hover {border-color: #717171;background-color: transparent;color: #17181a} .btn svg{flex-shrink:0} .btn-icon{display:flex;border:none;padding:0;background:0 0} .btn-danger{border-color:#d9654c;background-color:#d9654c;color:#fff} .btn-danger:hover{border-color:#d15033;background-color:#d15033;color:#fff} .btn-success,.btn-nw-success { border-color: #00bf71; background-color: #00bf71; color: #fff; } .btn-success:hover, .btn-nw-success:hover { border-color: #00a35f; background-color: #00a35f; color: #fff; } .loading-spin { display: inline-block; width: 1em; height: 1em; border: 0.12em solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 0.7s linear infinite; vertical-align: -0.125em; } @keyframes spin { to { transform: rotate(360deg); } } .modal { content-visibility: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; font-family:Inter,sans-serif } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%) } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)) } /*.modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.2); border-radius: .3rem; outline: 0 }*/ .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom:none; border-radius: 12px 12px 0 0; padding: 12px; background-color: #f1f6ff } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; border: none; background: transparent; } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef } .modal-footer > :not(:first-child) { margin-left: .25rem } .modal-footer > :not(:last-child) { margin-right: .25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)) } .modal-sm { max-width: 300px } } @media (min-width: 992px) { .modal-lg { max-width: 800px } } .modal.show{display: block} .modal.hide {display: none !important} .fw-extra-bold{font-weight:800} /*.modal-backdrop{z-index:1040}*/ .modal-backdrop.show{opacity:.6} .modal-new .select2-dropdown{border:none;border-radius:4px!important;margin-top:-5px;padding-left:37px;background-color:transparent} .modal-new .select2-results{overflow:hidden;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:4px;background-color:#fff} .modal-new .select2-search--dropdown{display:none;padding-right:16px;padding-bottom:12px;padding-left:16px} .modal-new .select2-results__option{padding-right:16px;padding-left:16px;font-size:13px;color:#3c3c3c} .modal-new .select2-container--default .select2-results__option[aria-selected=true]{background-color:transparent;color:#3c3c3c} .modal-new .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:transparent;color:#3c3c3c} .modal-new .select2-container--default .select2-selection--multiple .select2-selection__choice{display:flex;flex-direction:row-reverse;align-items:center;border:1px dashed #d9e1e7;border-radius:2px;margin-top:4px;padding:4px 8px;background-color:#fff;line-height:1.2;color:#3c3c3c;gap:8px} .modal-new .select2-selection__choice__remove{display:inline-block;overflow:hidden;width:9px;height:9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='none'%3E%3Cpath stroke='%235B5C62' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 8 4.5 4.5m0 0L1 1m3.5 3.5L8 1M4.5 4.5 1 8'/%3E%3C/svg%3E") no-repeat;text-indent:-9999px} .modal-new{color:#000} /*@media screen and (min-width:576px){ .modal-new{margin-top:10vh} }*/ @media screen and (min-width:576px){ .modal-new--congras .modal-dialog{max-width:391px} } .modal-new--congras .modal-body{padding:12px} @media screen and (min-width:768px){ .modal-new--congras .modal-body{padding:27px 26px 32px} } @media screen and (min-width:576px){ .modal-new--large .modal-dialog{max-width:510px} } @media screen and (min-width:576px){ .modal-new--content-vip .modal-dialog{max-width:640px} } @media screen and (min-width:576px){ .modal-new--notify-policy .modal-dialog{max-width:500px} } .modal-new--notify-policy .modal-header{padding:12px} @media screen and (min-width:768px){ .modal-new--notify-policy .modal-header{padding:17px 26px 12px} } .modal-new--notify-policy .modal-body{padding:12px} @media screen and (min-width:768px){ .modal-new--notify-policy .modal-body{padding:31px 26px 33px} } @media screen and (min-width:576px){ .modal-new--confirm .modal-dialog{max-width:500px} } .modal-new--confirm .modal-header{border-bottom:none;border-radius:12px 12px 0 0;padding:12px;background-color:#f1f6ff} @media screen and (min-width:768px){ .modal-new--confirm .modal-header{padding:17px 26px 12px} } .modal-new--confirm .modal-body{padding:12px} @media screen and (min-width:768px){ .modal-new--confirm .modal-body{padding:31px 26px 36px} } @media screen and (min-width:576px){ .modal-new--small .modal-dialog{max-width:460px} } .modal-new--small .modal-body{padding:12px} @media screen and (min-width:768px){ .modal-new--small .modal-body{padding:25px 30px 36px} } @media screen and (min-width:576px){ .modal-new--form .modal-dialog{max-width:460px} } .modal-new--form .modal-header{border-bottom:none;border-radius:12px 12px 0 0;padding:12px;background-color:#f1f6ff} @media screen and (min-width:768px){ .modal-new--form .modal-header{padding:17px 26px 12px} } .modal-new--form .modal-body{padding:12px} @media screen and (min-width:768px){ .modal-new--form .modal-body{padding:16px 30px 29px} } .modal-new .modal-heading{display:flex;align-items:center;gap:8px} .modal-new .modal-close{position:absolute;top:12px;right:12px;z-index:1;transition:all .3s ease;border:none;padding:0;background:0 0;color:#99b2c6} @media screen and (min-width:768px){ .modal-new .modal-close{top:18px;right:18px} } .modal-new .modal-close:hover{color:#000ea4} .modal-new .modal-content{box-shadow:0 15px 15px -3px rgba(18,18,23,.13);border:none;border-radius:12px} .modal-new .form-control{border:1px solid transparent;border-radius:4px;height:36px;padding:0 12px;background-color:#f8f8f8;color:#000} .modal-new .form-control::-moz-placeholder{color:#74788d} .modal-new .form-control:-ms-input-placeholder{color:#74788d} .modal-new .form-control::placeholder{color:#74788d} .modal-new .form-control:focus{box-shadow:none;border-color:#ced4da;outline:0} .modal-new .select2-container{width:100%!important} .modal-new .select2-container--default .select2-selection--multiple,.modal-new .select2-container--default .select2-selection--single{transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:1px solid transparent;border-radius:4px!important;width:100%;height:36px;background-color:#f8f8f8} .modal-new .select2-container--default .select2-selection--multiple{height:auto} .modal-new .select2-container--default.select2-container--open .select2-selection--multiple,.modal-new .select2-container--default.select2-container--open .select2-selection--single{border-color:#ced4da} .modal-new .select2-container--default .select2-selection--multiple .select2-selection__rendered,.modal-new .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:12px;font-size:13px;line-height:34px;color:#74788d;padding-right:36px;padding-left:36px;vertical-align:middle} /*.modal-new .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding-right:36px;padding-left:36px;vertical-align:middle}*/ .modal-new .select2-container--default .select2-selection--multiple .select2-selection__placeholder,.modal-new .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#74788d} .modal-new .select2-container--default .select2-selection--multiple .select2-selection__arrow,.modal-new .select2-container--default .select2-selection--single .select2-selection__arrow{top:calc(50% - 3px);right:13px;width:10px;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath stroke='%238894A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1 4 4 4-4'/%3E%3C/svg%3E") no-repeat} .modal-new .select2-container--default .select2-selection--multiple .select2-selection__arrow b,.modal-new .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none} .modal-new .select2-container--default.select2-container--open .select2-selection__arrow{transform:rotate(180deg)} .modal-new .select2-container .select2-search--inline .select2-search__field{margin-top:0} .modal-new .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child:last-child .select2-search__field{width:100%!important;min-width:200px} .modal-new .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child:last-child .select2-search__field::-moz-placeholder{color:#74788d} .modal-new .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child:last-child .select2-search__field:-ms-input-placeholder{color:#74788d} .modal-new .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child:last-child .select2-search__field::placeholder{color:#74788d} .modal-new .select2-container--default .select2-selection--multiple .select2-selection__rendered::after{content:"";position:absolute;top:calc(50% - 3px);right:13px;width:10px;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath stroke='%238894A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1 4 4 4-4'/%3E%3C/svg%3E") no-repeat} .modal-new .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered::after{transform:rotate(180deg)} .modal-new .btn{width:100%;padding:.375rem .75rem;line-height:1.5} .modal-new-layout{display:flex;flex-direction:column} @media screen and (min-width:768px){ .modal-new-layout{flex-direction:row} } .modal-new-left{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:12px 12px 0 0;width:100%;padding:25px 12px;background-color:#f1f6ff;color:#000ea4} @media screen and (min-width:768px){ .modal-new-left{border-radius:12px 0 0 12px;width:266px;padding:18px 22px 26px 25px} } .modal-new-left::after{content:"";position:absolute;top:0;left:0;z-index:2;border:1px solid #adb4ff;border-radius:12px 12px 0 0;width:100%;height:100%;background:url(../images/common/modal-bg.png) no-repeat center/cover;pointer-events:none} @media screen and (min-width:768px){ .modal-new-left::after{border-radius:12px 0 0 12px} } .modal-new-left .fz-22{margin-bottom:6px} @media screen and (min-width:768px){ .modal-new-left .fz-22{max-width:150px} } .modal-new-left .fz-13{line-height:1.3} .modal-new-right{width:100%;padding:25px 12px} @media screen and (min-width:768px){ .modal-new-right{width:calc(100% - 266px);padding:55px 34px 73px 29px} } .modal-new-update-title{margin-bottom:7px;text-align:center} .modal-new-update-description{margin:0 -2px 20px;text-align:center} .modal-new-update-form-item{margin-bottom:12px} .modal-new-update-form-item:nth-child(2){margin-bottom:9px} .modal-new-update-form-footer{display:flex;margin-top:34px;gap:12px} @media screen and (min-width:768px){ .modal-new-update-form-footer{gap:17px} } .modal-new-form .modal-new-update-form-footer{margin-top:23px} .modal-new-checkbox{display:flex;gap:8px} .modal-new-checkbox-input{border:1px solid #ced4da;border-radius:2px;width:16px;height:16px;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none} .modal-new-checkbox-input:checked{border-color:#556ee6;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.2 1 3.25 5.8 1 3.618'/%3E%3C/svg%3E") no-repeat center,#556ee6} .modal-new-checkbox-label{align-self:center;color:#3c3c3c} .modal-new-btn-outline{border:1px solid #d9e1e7;border-radius:6px;background-color:transparent;color:#17181a} .modal-new-btn-outline:hover{border-color:#717171;background-color:transparent;color:#17181a} .modal-new-btn-primary{border:1px solid #003aa9;border-radius:6px;background-color:#003aa9;color:#fff} .modal-new-btn-primary:hover{border-color:#3f58cd;background-color:#3f58cd;color:#fff} .modal-new-alert{border-left:6px solid #003aa9;border-radius:0 4px 4px 0;margin-bottom:10px;padding:11px 11px 10px;background-color:#e0ebff;color:#000ea4} .modal-new-policy{margin-bottom:20px;color:#717171} @media screen and (min-width:768px){ .modal-new-policy{margin-bottom:35px} } .modal-new-policy p{margin-bottom:4px} .modal-new-policy ul{margin-top:10px;margin-bottom:11px;color:#000} .modal-new-policy ul li{position:relative;padding-left:28px;list-style:none;margin:0;line-height:initial} .modal-new-policy ul li::before{content:"";position:absolute;top:1px;left:2px;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23D2E2FF'/%3E%3Cpath stroke='%231424D0' stroke-linecap='round' stroke-linejoin='round' d='M9.8 5.133 6.27 8.867 4.668 7.17'/%3E%3C/svg%3E") no-repeat} .modal-new-policy ul li+li{margin-top:8px} .modal-new-policy i{font-style:italic;color:#3c3c3c} .modal-new-policy a{color:#1424d0} .modal-new-policy a::after{content:"";display:inline-block;transition:all .3s ease;width:8px;height:8px;margin-left:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='none'%3E%3Cpath stroke='%231424D0' stroke-linecap='round' stroke-linejoin='round' d='m1 7 6-6M1 1h6v6'/%3E%3C/svg%3E") no-repeat} .modal-new-policy a:hover::after{transform:translateX(3px)} .modal-new-icon-header{margin-bottom:22px;text-align:center;color:#6b7ee8} .modal-new-icon-header p{margin-top:2px} .modal-new-description{margin-bottom:21px} .modal-new-description p{margin-bottom:5px} .modal-new-description i{font-style:italic;color:#717171} .modal-new-description a{color:#1424d0} .modal-new-description a::after{content:"";display:inline-block;transition:all .3s ease;width:8px;height:8px;margin-left:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='none'%3E%3Cpath stroke='%231424D0' stroke-linecap='round' stroke-linejoin='round' d='m1 7 6-6M1 1h6v6'/%3E%3C/svg%3E") no-repeat} .modal-new-description a:hover::after{transform:translateX(3px)} .modal-new-row{display:flex;flex-wrap:wrap;gap:12px} @media screen and (min-width:768px){ .modal-new-row{flex-wrap:nowrap;margin-bottom:36px} .modal-new-row.gap-large{gap:19px} } .modal-new-icon{display:inline-block;width:18px;height:18px;margin-bottom:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23D2E2FF'/%3E%3Cpath fill='%237383E8' d='M8.823 5.335a.2.2 0 0 1 .354 0l1 1.895a.2.2 0 0 0 .143.104l2.11.365a.2.2 0 0 1 .11.337l-1.493 1.536a.2.2 0 0 0-.055.168l.305 2.12a.2.2 0 0 1-.286.209l-1.923-.946a.2.2 0 0 0-.176 0l-1.923.946a.2.2 0 0 1-.286-.208l.305-2.12a.2.2 0 0 0-.055-.169L5.46 8.036a.2.2 0 0 1 .11-.337l2.11-.365a.2.2 0 0 0 .143-.104l1-1.895Z'/%3E%3C/svg%3E") no-repeat} .modal-new-col{flex:1;border-radius:4px;padding:10px 10px 11px;background-color:#f1f6ff;text-align:center} @media screen and (max-width:767px){ .modal-new-col br{display:none} } .modal-new-col .fz-13{line-height:1.38} .modal-new-confirm{text-align:center} .modal-new-confirm svg+p{margin-top:10px} .modal-new-confirm .modal-new-policy{margin-top:14px} .modal-new-confirm-title{margin-bottom:8px} .modal-new-confirm-title.lh1-25{margin-bottom:3px;line-height:1.25} .modal-new-confirm-text.fz-15{min-height:20px;line-height:1.33} .modal-new-confirm-text a{transition:all .3s ease;color:#1424d0} .modal-new-confirm-text a:hover{color:#003aa9} .modal-new-confirm-radio{display:flex;justify-content:space-between;align-items:center;margin-top:14px} @media screen and (min-width:768px){ .modal-new-confirm-radio{padding:0 8%} } .modal-new-confirm-radio-item{display:flex;gap:8px} .modal-new-confirm-radio-item input{display:inline-block;border:1px solid #ced4da;border-radius:50%;width:20px;height:20px;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none} .modal-new-confirm-radio-item input:checked{border-color:#3f58cd;padding:3px;background-color:#3f58cd;background-clip:content-box} .modal-new-confirm-radio-item span{align-self:center} .modal-new-vertical-footer{display:flex;flex-direction:column;margin-top:35px;gap:14px} .modal-new-form .modal-new-vertical-footer{margin-top:24px} .modal-new-confirm-enable{position:relative;margin-top:10px;padding-top:15px;background:linear-gradient(to right,#fff 0,#d1d1d1 55%,#fff 100%) no-repeat left top/100% 1px} .modal-new-confirm-enable i{font-style:italic;color:#717171} .modal-new-confirm-enable .fz-14{line-height:1.33} .modal-new-confirm-enable .modal-new-checkbox{margin-bottom:8px} .modal-new-form{margin-top:12px} .modal-new-form-item{position:relative} .modal-new-form-item+.modal-new-form-item{margin-top:14px} .modal-new-form-item .tooltip-inner{border-radius:4px;min-width:41px;padding:1px 4px;background-color:#585e6f;font-size:11px;text-align:center;letter-spacing:0;white-space:nowrap;color:#fff} .modal-new-form-item .bs-tooltip-auto[x-placement^=top] .arrow::before,.modal-new-form-item .bs-tooltip-top .arrow::before{border-top-color:#585e6f} .modal-new-form-item .bs-tooltip-auto[x-placement^=bottom] .arrow::before,.modal-new-form-item .bs-tooltip-bottom .arrow::before{border-bottom-color:#585e6f} .modal-new-form-item .tooltip.bs-tooltip-top[x-placement^=top]{top:-22px!important;left:4px!important;transform:none!important} .modal-new-form-item .tooltip.bs-tooltip-top[x-placement^=top] .arrow{left:12px!important} .modal-new-form-item .form-control{padding-left:36px} .modal-new-form-item textarea.form-control{height:72px;padding:8px 11px;resize:none} .modal-new-form-item-icon{position:absolute;top:9px;left:13px;z-index:5;display:flex;justify-content:center;align-items:center;transition:all .3s ease;width:17px;height:17px;color:#74788d} .modal-new-form-item-icon:hover{color:#003aa9} .flex-col-rev{flex-direction:column-reverse} .flex-row-rev{flex-direction:row-reverse} .c-white{color:#fff !important} .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:#fff0}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid #fff0}.slick-arrow.slick-hidden{display:none} :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} .cr-site-footer{padding:24px 0 53px;background:#000063;font-family:Roboto,sans-serif;color:#fff} .cr-site-footer.bg-on{background:url(/careerhub/images/footer-bg.png) no-repeat left bottom/100% auto,#000063} .cr-site-footer *{box-sizing:border-box} .cr-site-footer :focus{box-shadow:none;outline:0} .cr-site-footer a{transition:all .3s ease;text-decoration:none} .cr-site-footer img{max-width:100%;vertical-align:middle} .cr-site-footer button{font-family:inherit} .cr-site-footer-container{width:100%;margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px} @media screen and (min-width:576px){ .cr-site-footer-container{max-width:540px} } @media screen and (min-width:768px){ .cr-site-footer-container{max-width:720px} } @media screen and (min-width:992px){ .cr-site-footer-container{max-width:1190px} } @media screen and (min-width:1366px){ .cr-site-footer-container{padding-right:13px} } @media screen and (min-width:768px){ .cr-site-footer-wrapper{display:flex} } .cr-site-footer-left{margin-bottom:20px} @media screen and (min-width:768px){ .cr-site-footer-left{width:250px;margin-bottom:0} } @media screen and (min-width:768px){ .cr-site-footer-right{width:calc(100% - 250px);padding-top:45px;padding-left:28px} } .cr-site-footer-contact-title{margin-bottom:10px;font-size:13px;line-height:1.2;font-weight:700;text-transform:uppercase} @media screen and (min-width:768px){ .cr-site-footer-contact-title{font-size:15px} } .cr-site-footer-contact-list{font-size:13px;line-height:1.33} @media screen and (min-width:768px){ .cr-site-footer-contact-list{font-size:15px} } .cr-site-footer-contact-list a{font-weight:700;color:#fff} .cr-site-footer-contact-list a:hover{opacity:.7} .cr-site-footer-title{margin-bottom:17px;font-size:18px;line-height:1.2;font-weight:700;text-transform:uppercase} @media screen and (min-width:768px){ .cr-site-footer-title{font-size:20px} } .cr-site-footer-text{margin-bottom:36px;font-size:13px;line-height:1.6} @media screen and (min-width:768px){ .cr-site-footer-text{font-size:15px} } .cr-site-footer-text a{font-weight:700;color:#fff} .cr-site-footer-text a:hover{opacity:.7} .cr-site-footer-social-title{margin-bottom:9px;font-size:14px;line-height:1.2;font-weight:600} @media screen and (min-width:768px){ .cr-site-footer-social-title{font-size:16px} } .cr-site-footer-social-list{display:flex;flex-wrap:wrap;align-items:center;gap:20px} .cr-site-footer-social-list a:hover{opacity:.7} .cr-site-footer-logo{display:block;max-width:197px;margin-bottom:10px} .cr-site-footer-logo img{max-height:100%} .cr-career-hub{padding:30px 0;background:radial-gradient(at top,#000063 13%,#ef5a29 100%);font-family:Inter,sans-serif;text-align:center;color:#fff} .cr-career-hub.bg-on{background:url(/careerhub/images/career-hub-bg.png) repeat left top,radial-gradient(at top,#000063 13%,#ef5a29 100%)} @media screen and (min-width:768px){ .cr-career-hub{padding:40px 0 36px} } .cr-career-hub *{box-sizing:border-box} .cr-career-hub :focus{box-shadow:none;outline:0} .cr-career-hub a{transition:all .3s ease;text-decoration:none} .cr-career-hub img{max-width:100%;vertical-align:middle} .cr-career-hub button{font-family:inherit} .cr-career-hub-container{width:100%;margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px} @media screen and (min-width:576px){ .cr-career-hub-container{max-width:540px} } @media screen and (min-width:768px){ .cr-career-hub-container{max-width:720px} } @media screen and (min-width:992px){ .cr-career-hub-container{max-width:1190px} } .cr-career-hub-title{margin-bottom:7px;font-size:30px;line-height:1.2;font-weight:600;text-transform:uppercase} @media screen and (min-width:768px){ .cr-career-hub-title{font-size:48px} } .cr-career-hub-text{width:100%;max-width:720px;margin:0 auto 21px;font-size:13px;line-height:1.5;font-weight:500} @media screen and (min-width:768px){ .cr-career-hub-text{font-size:15px} } .cr-career-hub-image{width:100%;max-width:1043px;margin:0 auto} /* ============================================================================ header-custom-fix.css — CHUẨN HÓA MENU _v6 (ucMenuTop.ascx) TRONG LAYOUT _v5 ---------------------------------------------------------------------------- Vì sao cần file này: - User.Master (_v5) dùng menu _v6 nhưng layout _v5 KHÔNG nạp _v4/css/all_v3/bootstrap.css, và bootstrap.min.js đang bị comment out. - Phần APPEARANCE của menu (màu/kích thước/logo) đã được bundle v5_layout nạp sẵn -> file này KHÔNG đụng tới, chỉ bù phần CẤU TRÚC (navbar/dropdown/grid) mà Bootstrap cung cấp: .dropdown-menu mất position/display -> xổ thành khối tĩnh gây "vỡ dropdown". - SCOPE toàn bộ dưới #header để KHÔNG ảnh hưởng phần còn lại của trang _v5; dropdown mở bằng CSS :hover nên KHÔNG cần bootstrap.min.js. ============================================================================ */ /* --- Thanh navbar: logo | menu | login/user --- */ #divlogin{ gap:10px; } #header.nw-header .navbar { position: relative; display: flex; flex-wrap: nowrap; align-items: center; } #header.nw-header .navbar-brand { display: inline-flex; align-items: center; } #header.nw-header .navbar-toggler { display: none; } /* không dùng bootstrap JS toggle */ #header.nw-header .navbar-collapse { display: flex; flex: 1 1 auto; align-items: center; } /* Logo: appearance (width/height/background-image >=1200) đã có sẵn; thẻ mặc định là inline nên không nhận kích thước -> ép block + ẩn chữ "Joboko". */ @media (min-width: 1200px) { #header.nw-header .navbar-brand .jbk-logo { display: block; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-size: contain; } } /* --- Menu chính nằm ngang, đẩy khối login/user sang phải --- */ #header.nw-header .navbar-collapse > .navbar-nav { display: flex; flex-direction: row; align-items: center; margin: 0; padding: 0; list-style: none; } #header.nw-header .navbar-collapse > .navbar-nav:first-child { margin-right: auto; } #header.nw-header .navbar-nav .nav-item { position: relative; display: flex; align-items: center; } #header.nw-header .navbar-nav .nav-link { display: flex; align-items: center; cursor: pointer; white-space: nowrap; text-decoration: none; } /* --- Dropdown: ẩn mặc định, hiện khi hover (thay vai trò Bootstrap) --- */ #header.nw-header .dropdown-menu { position: absolute; top: 100%; z-index: 1000; display: none; } /* :focus-within để mở bằng CHẠM trên mobile/touch (không có hover) và bằng bàn phím (a11y); toggle là nên focus được khi tap. */ #header.nw-header .dropdown:hover > .dropdown-menu, /*#header.nw-header .dropdown:focus-within > .dropdown-menu,*/ #header.nw-header .dropdown.show > .dropdown-menu { display: block; } /* --- Nội dung bên trong dropdown --- */ #header.nw-header .dropdown-item { display: flex; align-items: center; width: 100%; text-decoration: none; white-space: normal; } #header.nw-header .dropdown-menu .row { display: flex; flex-wrap: wrap;} #header.nw-header .dropdown-menu [class*="col-"] { position: relative; } /* --- Khu vực đăng nhập / user bên phải --- */ #header.nw-header #divlogin, #header.nw-header .navbar-user, #header.nw-header .navbar-other { display: flex; align-items: center; } #header.nw-header .nav-login { display: flex; align-items: center; white-space: nowrap; } #header.nw-header .nav-login a, #header.nw-header .navbar-recruit { text-decoration: none; white-space: nowrap; } /* --- Utilities Bootstrap responsive display mà menu có dùng --- Lưu ý: .d-none/.hidden đặt TRƯỚC block @media để các .d-xl-* (đặt SAU) thắng ở >=1200 (cùng !important, cùng độ ưu tiên -> rule sau trong file thắng). Nếu thiếu các .d-xl-* này thì avatar (.navbar-change-avatar .d-xl-inline-block) và khối giới thiệu (.dropdown-user .d-xl-flex) sẽ bị .d-none giữ ẩn -> "mất avatar / mất giới thiệu". */ #header.nw-header .d-none { display: none !important; } #header.nw-header .hidden { display: none !important; } @media (min-width: 1200px) { #header.nw-header .d-xl-none { display: none !important; } #header.nw-header .d-xl-inline { display: inline !important; } #header.nw-header .d-xl-inline-block { display: inline-block !important; } #header.nw-header .d-xl-flex { display: flex !important; } #header.nw-header .flex-xl-row-reverse { flex-direction: row-reverse !important; } } /* Nút mở dropdown user là