@import url("/media/system/css/joomla-fontawesome.min.css");
/* Tu Hoc Tin - Purity IV port (auto-generated) */
/*== BS3/T3 base (scoped) ==*/
:where(.b3) article,:where(.b3) aside,:where(.b3) details,:where(.b3) figcaption,:where(.b3) figure,:where(.b3) footer,:where(.b3) header,:where(.b3) hgroup,:where(.b3) main,:where(.b3) menu,:where(.b3) nav,:where(.b3) section,:where(.b3) summary{display: block;}
:where(.b3) audio,:where(.b3) canvas,:where(.b3) progress,:where(.b3) video{display: inline-block; vertical-align: baseline;}
:where(.b3) audio:not([controls]){display: none; height: 0px;}
:where(.b3) template{display: none;}
:where(.b3) a{background-color: transparent;}
:where(.b3) a:active,:where(.b3) a:hover{outline: 0px;}
:where(.b3) abbr[title]{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted;}
:where(.b3) b,:where(.b3) strong{font-weight: bold;}
:where(.b3) dfn{font-style: italic;}
:where(.b3) h1{font-size: 2em; margin: 0.67em 0px;}
:where(.b3) mark{background: rgb(255, 255, 0); color: rgb(0, 0, 0);}
:where(.b3) small{font-size: 80%;}
:where(.b3) sub,:where(.b3) sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
:where(.b3) sup{top: -0.5em;}
:where(.b3) sub{bottom: -0.25em;}
:where(.b3) img{border: 0px;}
:where(.b3) svg:not(:root){overflow: hidden;}
:where(.b3) figure{margin: 1em 40px;}
:where(.b3) hr{box-sizing: content-box; height: 0px;}
:where(.b3) pre{overflow: auto;}
:where(.b3) code,:where(.b3) kbd,:where(.b3) pre,:where(.b3) samp{font-family: monospace, monospace; font-size: 1em;}
:where(.b3) button,:where(.b3) input,:where(.b3) optgroup,:where(.b3) select,:where(.b3) textarea{color: inherit; font: inherit; margin: 0px;}
:where(.b3) button{overflow: visible;}
:where(.b3) button,:where(.b3) select{text-transform: none;}
:where(.b3) button,:where(.b3) input[type="reset"],:where(.b3) input[type="submit"]{appearance: button; cursor: pointer;}
:where(.b3) button[disabled]{cursor: default;}
:where(.b3) input{line-height: normal;}
:where(.b3) input[type="checkbox"],:where(.b3) input[type="radio"]{box-sizing: border-box; padding: 0px;}
:where(.b3) input[type="number"]::-webkit-inner-spin-button,:where(.b3) input[type="number"]::-webkit-outer-spin-button{height: auto;}
:where(.b3) input[type="search"]{appearance: textfield; box-sizing: content-box;}
:where(.b3) input[type="search"]::-webkit-search-cancel-button,:where(.b3) input[type="search"]::-webkit-search-decoration{appearance: none;}
:where(.b3) fieldset{border: 1px solid rgb(192, 192, 192); margin: 0px 2px; padding: 0.35em 0.625em 0.75em;}
:where(.b3) legend{border: 0px; padding: 0px;}
:where(.b3) textarea{overflow: auto;}
:where(.b3) optgroup{font-weight: bold;}
:where(.b3) table{border-collapse: collapse; border-spacing: 0px;}
:where(.b3) td,:where(.b3) th{padding: 0px;}
:where(.b3) input,:where(.b3) button,:where(.b3) select,:where(.b3) textarea{font-family: inherit; font-size: inherit; line-height: inherit;}
:where(.b3) a{color: rgb(62, 155, 82); text-decoration: none;}
:where(.b3) a:hover,:where(.b3) a:focus{color: rgb(40, 100, 53); text-decoration: underline;}
:where(.b3) a:focus{outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px;}
:where(.b3) figure{margin: 0px;}
:where(.b3) img{vertical-align: middle;}
:where(.b3) hr{margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(238, 238, 238) currentcolor currentcolor; border-image: none;}
:where(.b3) code,:where(.b3) kbd,:where(.b3) pre,:where(.b3) samp{font-family: Consolas, Monaco, "Courier New", monospace;}
:where(.b3) code{padding: 2px 4px; font-size: 90%; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 0px;}
:where(.b3) kbd{padding: 2px 4px; font-size: 90%; color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px inset;}
:where(.b3) kbd kbd{padding: 0px; font-size: 100%; font-weight: 700; box-shadow: none;}
:where(.b3) pre{display: block; padding: 9.5px; margin: 0px 0px 10px; font-size: 13px; line-height: 1.42857; color: rgb(68, 68, 68); word-break: break-all; overflow-wrap: break-word; background-color: rgb(245, 245, 245); border: 1px solid rgb(204, 204, 204); border-radius: 0px;}
:where(.b3) pre code{padding: 0px; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0px;}
:where(.b3) table{background-color: transparent;}
:where(.b3) table col[class*="col-"]{position: static; display: table-column; float: none;}
:where(.b3) table td[class*="col-"],:where(.b3) table th[class*="col-"]{position: static; display: table-cell; float: none;}
:where(.b3) caption{padding-top: 8px; padding-bottom: 8px; color: rgb(153, 153, 153); text-align: left;}
:where(.b3) th{text-align: left;}
:where(.b3) select,:where(.b3) textarea,:where(.b3) input[type="text"],:where(.b3) input[type="password"],:where(.b3) input[type="datetime"],:where(.b3) input[type="datetime-local"],:where(.b3) input[type="date"],:where(.b3) input[type="month"],:where(.b3) input[type="time"],:where(.b3) input[type="week"],:where(.b3) input[type="number"],:where(.b3) input[type="email"],:where(.b3) input[type="url"],:where(.b3) input[type="search"],:where(.b3) input[type="tel"],:where(.b3) input[type="color"]{display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(102, 102, 102); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
:where(.b3) select:focus,:where(.b3) textarea:focus,:where(.b3) input[type="text"]:focus,:where(.b3) input[type="password"]:focus,:where(.b3) input[type="datetime"]:focus,:where(.b3) input[type="datetime-local"]:focus,:where(.b3) input[type="date"]:focus,:where(.b3) input[type="month"]:focus,:where(.b3) input[type="time"]:focus,:where(.b3) input[type="week"]:focus,:where(.b3) input[type="number"]:focus,:where(.b3) input[type="email"]:focus,:where(.b3) input[type="url"]:focus,:where(.b3) input[type="search"]:focus,:where(.b3) input[type="tel"]:focus,:where(.b3) input[type="color"]:focus{border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px;}
:where(.b3) select::-webkit-input-placeholder,:where(.b3) textarea::-webkit-input-placeholder,:where(.b3) input[type="text"]::-webkit-input-placeholder,:where(.b3) input[type="password"]::-webkit-input-placeholder,:where(.b3) input[type="datetime"]::-webkit-input-placeholder,:where(.b3) input[type="datetime-local"]::-webkit-input-placeholder,:where(.b3) input[type="date"]::-webkit-input-placeholder,:where(.b3) input[type="month"]::-webkit-input-placeholder,:where(.b3) input[type="time"]::-webkit-input-placeholder,:where(.b3) input[type="week"]::-webkit-input-placeholder,:where(.b3) input[type="number"]::-webkit-input-placeholder,:where(.b3) input[type="email"]::-webkit-input-placeholder,:where(.b3) input[type="url"]::-webkit-input-placeholder,:where(.b3) input[type="search"]::-webkit-input-placeholder,:where(.b3) input[type="tel"]::-webkit-input-placeholder,:where(.b3) input[type="color"]::-webkit-input-placeholder{color: rgb(153, 153, 153);}
:where(.b3) select[disabled],:where(.b3) textarea[disabled],:where(.b3) input[type="text"][disabled],:where(.b3) input[type="password"][disabled],:where(.b3) input[type="datetime"][disabled],:where(.b3) input[type="datetime-local"][disabled],:where(.b3) input[type="date"][disabled],:where(.b3) input[type="month"][disabled],:where(.b3) input[type="time"][disabled],:where(.b3) input[type="week"][disabled],:where(.b3) input[type="number"][disabled],:where(.b3) input[type="email"][disabled],:where(.b3) input[type="url"][disabled],:where(.b3) input[type="search"][disabled],:where(.b3) input[type="tel"][disabled],:where(.b3) input[type="color"][disabled],:where(.b3) select[readonly],:where(.b3) textarea[readonly],:where(.b3) input[type="text"][readonly],:where(.b3) input[type="password"][readonly],:where(.b3) input[type="datetime"][readonly],:where(.b3) input[type="datetime-local"][readonly],:where(.b3) input[type="date"][readonly],:where(.b3) input[type="month"][readonly],:where(.b3) input[type="time"][readonly],:where(.b3) input[type="week"][readonly],:where(.b3) input[type="number"][readonly],:where(.b3) input[type="email"][readonly],:where(.b3) input[type="url"][readonly],:where(.b3) input[type="search"][readonly],:where(.b3) input[type="tel"][readonly],:where(.b3) input[type="color"][readonly],:where(.b3) fieldset[disabled] select,:where(.b3) fieldset[disabled] textarea,:where(.b3) fieldset[disabled] input[type="text"],:where(.b3) fieldset[disabled] input[type="password"],:where(.b3) fieldset[disabled] input[type="datetime"],:where(.b3) fieldset[disabled] input[type="datetime-local"],:where(.b3) fieldset[disabled] input[type="date"],:where(.b3) fieldset[disabled] input[type="month"],:where(.b3) fieldset[disabled] input[type="time"],:where(.b3) fieldset[disabled] input[type="week"],:where(.b3) fieldset[disabled] input[type="number"],:where(.b3) fieldset[disabled] input[type="email"],:where(.b3) fieldset[disabled] input[type="url"],:where(.b3) fieldset[disabled] input[type="search"],:where(.b3) fieldset[disabled] input[type="tel"],:where(.b3) fieldset[disabled] input[type="color"]{background-color: rgb(238, 238, 238); opacity: 1;}
:where(.b3) select[disabled],:where(.b3) textarea[disabled],:where(.b3) input[type="text"][disabled],:where(.b3) input[type="password"][disabled],:where(.b3) input[type="datetime"][disabled],:where(.b3) input[type="datetime-local"][disabled],:where(.b3) input[type="date"][disabled],:where(.b3) input[type="month"][disabled],:where(.b3) input[type="time"][disabled],:where(.b3) input[type="week"][disabled],:where(.b3) input[type="number"][disabled],:where(.b3) input[type="email"][disabled],:where(.b3) input[type="url"][disabled],:where(.b3) input[type="search"][disabled],:where(.b3) input[type="tel"][disabled],:where(.b3) input[type="color"][disabled],:where(.b3) fieldset[disabled] select,:where(.b3) fieldset[disabled] textarea,:where(.b3) fieldset[disabled] input[type="text"],:where(.b3) fieldset[disabled] input[type="password"],:where(.b3) fieldset[disabled] input[type="datetime"],:where(.b3) fieldset[disabled] input[type="datetime-local"],:where(.b3) fieldset[disabled] input[type="date"],:where(.b3) fieldset[disabled] input[type="month"],:where(.b3) fieldset[disabled] input[type="time"],:where(.b3) fieldset[disabled] input[type="week"],:where(.b3) fieldset[disabled] input[type="number"],:where(.b3) fieldset[disabled] input[type="email"],:where(.b3) fieldset[disabled] input[type="url"],:where(.b3) fieldset[disabled] input[type="search"],:where(.b3) fieldset[disabled] input[type="tel"],:where(.b3) fieldset[disabled] input[type="color"]{cursor: not-allowed;}
:where(.b3) textareaselect,:where(.b3) textareatextarea,:where(.b3) textareainput[type="text"],:where(.b3) textareainput[type="password"],:where(.b3) textareainput[type="datetime"],:where(.b3) textareainput[type="datetime-local"],:where(.b3) textareainput[type="date"],:where(.b3) textareainput[type="month"],:where(.b3) textareainput[type="time"],:where(.b3) textareainput[type="week"],:where(.b3) textareainput[type="number"],:where(.b3) textareainput[type="email"],:where(.b3) textareainput[type="url"],:where(.b3) textareainput[type="search"],:where(.b3) textareainput[type="tel"],:where(.b3) textareainput[type="color"]{height: auto;}
:where(.b3) select:focus,:where(.b3) textarea:focus,:where(.b3) input[type="text"]:focus,:where(.b3) input[type="password"]:focus,:where(.b3) input[type="datetime"]:focus,:where(.b3) input[type="datetime-local"]:focus,:where(.b3) input[type="date"]:focus,:where(.b3) input[type="month"]:focus,:where(.b3) input[type="time"]:focus,:where(.b3) input[type="week"]:focus,:where(.b3) input[type="number"]:focus,:where(.b3) input[type="email"]:focus,:where(.b3) input[type="url"]:focus,:where(.b3) input[type="search"]:focus,:where(.b3) input[type="tel"]:focus,:where(.b3) input[type="color"]:focus{border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px;}
:where(.b3) select::-webkit-input-placeholder,:where(.b3) textarea::-webkit-input-placeholder,:where(.b3) input[type="text"]::-webkit-input-placeholder,:where(.b3) input[type="password"]::-webkit-input-placeholder,:where(.b3) input[type="datetime"]::-webkit-input-placeholder,:where(.b3) input[type="datetime-local"]::-webkit-input-placeholder,:where(.b3) input[type="date"]::-webkit-input-placeholder,:where(.b3) input[type="month"]::-webkit-input-placeholder,:where(.b3) input[type="time"]::-webkit-input-placeholder,:where(.b3) input[type="week"]::-webkit-input-placeholder,:where(.b3) input[type="number"]::-webkit-input-placeholder,:where(.b3) input[type="email"]::-webkit-input-placeholder,:where(.b3) input[type="url"]::-webkit-input-placeholder,:where(.b3) input[type="search"]::-webkit-input-placeholder,:where(.b3) input[type="tel"]::-webkit-input-placeholder,:where(.b3) input[type="color"]::-webkit-input-placeholder{color: rgb(153, 153, 153);}
:where(.b3) select[disabled],:where(.b3) textarea[disabled],:where(.b3) input[type="text"][disabled],:where(.b3) input[type="password"][disabled],:where(.b3) input[type="datetime"][disabled],:where(.b3) input[type="datetime-local"][disabled],:where(.b3) input[type="date"][disabled],:where(.b3) input[type="month"][disabled],:where(.b3) input[type="time"][disabled],:where(.b3) input[type="week"][disabled],:where(.b3) input[type="number"][disabled],:where(.b3) input[type="email"][disabled],:where(.b3) input[type="url"][disabled],:where(.b3) input[type="search"][disabled],:where(.b3) input[type="tel"][disabled],:where(.b3) input[type="color"][disabled],:where(.b3) select[readonly],:where(.b3) textarea[readonly],:where(.b3) input[type="text"][readonly],:where(.b3) input[type="password"][readonly],:where(.b3) input[type="datetime"][readonly],:where(.b3) input[type="datetime-local"][readonly],:where(.b3) input[type="date"][readonly],:where(.b3) input[type="month"][readonly],:where(.b3) input[type="time"][readonly],:where(.b3) input[type="week"][readonly],:where(.b3) input[type="number"][readonly],:where(.b3) input[type="email"][readonly],:where(.b3) input[type="url"][readonly],:where(.b3) input[type="search"][readonly],:where(.b3) input[type="tel"][readonly],:where(.b3) input[type="color"][readonly],:where(.b3) fieldset[disabled] select,:where(.b3) fieldset[disabled] textarea,:where(.b3) fieldset[disabled] input[type="text"],:where(.b3) fieldset[disabled] input[type="password"],:where(.b3) fieldset[disabled] input[type="datetime"],:where(.b3) fieldset[disabled] input[type="datetime-local"],:where(.b3) fieldset[disabled] input[type="date"],:where(.b3) fieldset[disabled] input[type="month"],:where(.b3) fieldset[disabled] input[type="time"],:where(.b3) fieldset[disabled] input[type="week"],:where(.b3) fieldset[disabled] input[type="number"],:where(.b3) fieldset[disabled] input[type="email"],:where(.b3) fieldset[disabled] input[type="url"],:where(.b3) fieldset[disabled] input[type="search"],:where(.b3) fieldset[disabled] input[type="tel"],:where(.b3) fieldset[disabled] input[type="color"]{cursor: not-allowed; background-color: rgb(238, 238, 238);}
:where(.b3) textareaselect,:where(.b3) textareatextarea,:where(.b3) textareainput[type="text"],:where(.b3) textareainput[type="password"],:where(.b3) textareainput[type="datetime"],:where(.b3) textareainput[type="datetime-local"],:where(.b3) textareainput[type="date"],:where(.b3) textareainput[type="month"],:where(.b3) textareainput[type="time"],:where(.b3) textareainput[type="week"],:where(.b3) textareainput[type="number"],:where(.b3) textareainput[type="email"],:where(.b3) textareainput[type="url"],:where(.b3) textareainput[type="search"],:where(.b3) textareainput[type="tel"],:where(.b3) textareainput[type="color"]{height: auto;}
@media screen and (min-width: 768px){:where(.b3) select,:where(.b3) textarea,:where(.b3) input[type="text"],:where(.b3) input[type="password"],:where(.b3) input[type="datetime"],:where(.b3) input[type="datetime-local"],:where(.b3) input[type="date"],:where(.b3) input[type="month"],:where(.b3) input[type="time"],:where(.b3) input[type="week"],:where(.b3) input[type="number"],:where(.b3) input[type="email"],:where(.b3) input[type="url"],:where(.b3) input[type="search"],:where(.b3) input[type="tel"],:where(.b3) input[type="color"]{width: auto;}}
:where(.b3) select{padding-right: 5px;}
:where(.b3) fieldset{min-width: 0px; padding: 0px; margin: 0px; border: 0px;}
:where(.b3) legend{display: block; width: 100%; padding: 0px; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: rgb(68, 68, 68); border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(229, 229, 229); border-image: none;}
:where(.b3) label{display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700;}
:where(.b3) input[type="search"]{box-sizing: border-box; appearance: none;}
:where(.b3) input[type="radio"],:where(.b3) input[type="checkbox"]{margin: 4px 0px 0px; line-height: normal;}
:where(.b3) input[type="radio"][disabled],:where(.b3) input[type="checkbox"][disabled],:where(.b3) fieldset[disabled] input[type="radio"],:where(.b3) fieldset[disabled] input[type="checkbox"]{cursor: not-allowed;}
:where(.b3) input[type="file"]{display: block;}
:where(.b3) input[type="range"]{display: block; width: 100%;}
:where(.b3) select[multiple],:where(.b3) select[size]{height: auto;}
:where(.b3) input[type="file"]:focus,:where(.b3) input[type="radio"]:focus,:where(.b3) input[type="checkbox"]:focus{outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px;}
:where(.b3) output{display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: rgb(102, 102, 102);}
:where(.b3) input,:where(.b3) button,:where(.b3) select,:where(.b3) textarea{font-family: inherit; font-size: inherit; line-height: inherit;}
:where(.b3) a{color: rgb(62, 155, 82); text-decoration: none; outline: none; transition: 0.2s;}
:where(.b3) a:hover,:where(.b3) a:focus{color: rgb(40, 100, 53); text-decoration: underline;}
:where(.b3) a:focus{outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px;}
:where(.b3) img{vertical-align: middle;}
:where(.b3) th,:where(.b3) td{line-height: 1.42857; text-align: left; vertical-align: top;}
:where(.b3) th{font-weight: bold;}
:where(.b3) td,:where(.b3) tr td{border-top: 1px solid rgb(221, 221, 221);}
:where(.b3) hr{margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(238, 238, 238) currentcolor currentcolor; border-image: none;}
:where(.b3) p{margin: 0px 0px 10px;}
:where(.b3) small{font-size: 85%;}
:where(.b3) cite{font-style: normal;}
:where(.b3) h1,:where(.b3) h2,:where(.b3) h3,:where(.b3) h4,:where(.b3) h5,:where(.b3) h6{color: inherit; font-family: sans-serif; font-weight: 500; line-height: 1.1;}
:where(.b3) h1 small,:where(.b3) h2 small,:where(.b3) h3 small,:where(.b3) h4 small,:where(.b3) h5 small,:where(.b3) h6 small{font-weight: normal; line-height: 1; color: rgb(153, 153, 153);}
:where(.b3) h1,:where(.b3) h2,:where(.b3) h3{margin-top: 20px; margin-bottom: 10px;}
:where(.b3) h4,:where(.b3) h5,:where(.b3) h6{margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px;}
:where(.b3) h1{font-size: 42px;}
:where(.b3) h2{font-size: 35px; text-shadow: rgb(62, 155, 82) 1px 1px 2px; font-family: Lobster, cursive;}
:where(.b3) h3{font-size: 24px;}
:where(.b3) h4{font-size: 18px;}
:where(.b3) h5{font-size: 14px;}
:where(.b3) h6{font-size: 12px;}
:where(.b3) h1 small{font-size: 24px;}
:where(.b3) h2 small{font-size: 18px;}
:where(.b3) h3 small,:where(.b3) h4 small{font-size: 14px;}
:where(.b3) ul,:where(.b3) ol{margin-top: 0px; margin-bottom: 10px;}
:where(.b3) ul ul,:where(.b3) ol ul,:where(.b3) ul ol,:where(.b3) ol ol{margin-bottom: 0px;}
:where(.b3) dl{margin-bottom: 20px;}
:where(.b3) dt,:where(.b3) dd{line-height: 1.42857;}
:where(.b3) dt{font-weight: bold;}
:where(.b3) dd{margin-left: 0px;}
:where(.b3) abbr[title],:where(.b3) abbr[data-original-title]{cursor: help; border-bottom: 1px dotted rgb(153, 153, 153);}
:where(.b3) blockquote{padding: 20px 0px 20px 40px; margin: 20px 0px; font-family: "Roboto Slab", serif; border: 3px solid rgb(204, 204, 204); border-radius: 0px 15px; background: url("/images/lamp.png") left center no-repeat rgb(238, 238, 238);}
:where(.b3) blockquote:hover{background-color: rgb(205, 240, 203);}
:where(.b3) blockquote p{font-size: 15.4px; font-weight: 300; line-height: 1.5;}
:where(.b3) blockquote p:last-child{margin-bottom: 0px;}
:where(.b3) blockquote small{display: block; line-height: 1.42857; color: rgb(153, 153, 153);}
:where(.b3) blockquote small::before{content: "— ";}
:where(.b3) q::before,:where(.b3) q::after,:where(.b3) blockquote::before,:where(.b3) blockquote::after{content: "";}
:where(.b3) address{display: block; margin-bottom: 20px; font-style: normal; line-height: 1.42857;}
:where(.b3) code,:where(.b3) kbd,:where(.b3) pre,:where(.b3) samp{font-family: Consolas, Monaco, "Courier New", monospace;}
:where(.b3) legend{padding-bottom: 10px; font-weight: 700;}
:where(.b3) select::-webkit-input-placeholder,:where(.b3) textarea::-webkit-input-placeholder,:where(.b3) input[type="text"]::-webkit-input-placeholder,:where(.b3) input[type="password"]::-webkit-input-placeholder,:where(.b3) input[type="datetime"]::-webkit-input-placeholder,:where(.b3) input[type="datetime-local"]::-webkit-input-placeholder,:where(.b3) input[type="date"]::-webkit-input-placeholder,:where(.b3) input[type="month"]::-webkit-input-placeholder,:where(.b3) input[type="time"]::-webkit-input-placeholder,:where(.b3) input[type="week"]::-webkit-input-placeholder,:where(.b3) input[type="number"]::-webkit-input-placeholder,:where(.b3) input[type="email"]::-webkit-input-placeholder,:where(.b3) input[type="url"]::-webkit-input-placeholder,:where(.b3) input[type="search"]::-webkit-input-placeholder,:where(.b3) input[type="tel"]::-webkit-input-placeholder,:where(.b3) input[type="color"]::-webkit-input-placeholder{color: rgb(153, 153, 153);}
:where(.b3) textareaselect,:where(.b3) textareatextarea,:where(.b3) textareainput[type="text"],:where(.b3) textareainput[type="password"],:where(.b3) textareainput[type="datetime"],:where(.b3) textareainput[type="datetime-local"],:where(.b3) textareainput[type="date"],:where(.b3) textareainput[type="month"],:where(.b3) textareainput[type="time"],:where(.b3) textareainput[type="week"],:where(.b3) textareainput[type="number"],:where(.b3) textareainput[type="email"],:where(.b3) textareainput[type="url"],:where(.b3) textareainput[type="search"],:where(.b3) textareainput[type="tel"],:where(.b3) textareainput[type="color"]{height: auto;}
@media screen and (min-width: 768px){:where(.b3) select,:where(.b3) textarea,:where(.b3) input[type="text"],:where(.b3) input[type="password"],:where(.b3) input[type="datetime"],:where(.b3) input[type="datetime-local"],:where(.b3) input[type="date"],:where(.b3) input[type="month"],:where(.b3) input[type="time"],:where(.b3) input[type="week"],:where(.b3) input[type="number"],:where(.b3) input[type="email"],:where(.b3) input[type="url"],:where(.b3) input[type="search"],:where(.b3) input[type="tel"],:where(.b3) input[type="color"]{width: auto;}}
:where(.b3) select{padding-right: 5px;}
:where(.b3) article img{max-width: 100%;}
:where(.b3) article img[align="left"]{margin-right: 20px; max-width: 100%;}
@media screen and (max-width: 767px){:where(.b3) article img[align="left"]{margin: 0px 0px 20px;}}
:where(.b3) article img[align="right"]{margin-left: 20px; max-width: 100%;}
@media screen and (max-width: 767px){:where(.b3) article img[align="right"]{margin: 0px 0px 20px;}}
@media screen and (max-width: 992px){:where(.b3) article img,:where(.b3) article img[align="left"],:where(.b3) article img[align="right"]{margin-left: 0px; margin-right: 0px;}}
/*== neutralize BS5 ==*/
:where(.b3) ul,:where(.b3) ol{padding-left:40px}
:where(.t3-content div:where(.article-body,.item-intro)) .table>:not(caption)>*>*{border-bottom-width:0;box-shadow:none;color:inherit;background-color:transparent}
:where(.t3-content div:where(.article-body,.item-intro)) .table{--bs-table-bg:transparent;--bs-table-color:inherit;border-color:#ddd;vertical-align:baseline;color:inherit}
:where(.t3-content div:where(.article-body,.item-intro)) .nav{display:block}
:where(.t3-content div:where(.article-body,.item-intro)) p.article-aside{display:block}
:where(.t3-content div:where(.article-body,.item-intro)) .table-bordered>:not(caption)>*{border-width:0}
:where(.t3-content div:where(.article-body,.item-intro)) .row{display:block}
:where(.b3) pre code{word-break:inherit}
/*== BS3/T3 rules for classes used in article content ==*/
:where(.t3-content div:where(.article-body,.item-intro)) .img-responsive{display: block; max-width: 100%; height: auto;}
:where(.t3-content div:where(.article-body,.item-intro)) .row{margin-right: -15px; margin-left: -15px;}
:where(.t3-content div:where(.article-body,.item-intro)) .col-md-3,:where(.t3-content div:where(.article-body,.item-intro)) .col-md-9{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
@media (min-width: 992px){:where(.t3-content div:where(.article-body,.item-intro)) .col-md-3,:where(.t3-content div:where(.article-body,.item-intro)) .col-md-9{float: left;}}
@media (min-width: 992px){:where(.t3-content div:where(.article-body,.item-intro)) .col-md-9{width: 75%;}}
@media (min-width: 992px){:where(.t3-content div:where(.article-body,.item-intro)) .col-md-3{width: 25%;}}
:where(.t3-content div:where(.article-body,.item-intro)) .table{width: 100%; max-width: 100%; margin-bottom: 20px;}
:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr > td{padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid rgb(221, 221, 221);}
:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr > th{vertical-align: bottom; border-bottom: 2px solid rgb(221, 221, 221);}
:where(.t3-content div:where(.article-body,.item-intro)) .table > caption + thead > tr:first-child > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > colgroup + thead > tr:first-child > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead:first-child > tr:first-child > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > caption + thead > tr:first-child > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > colgroup + thead > tr:first-child > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead:first-child > tr:first-child > td{border-top: 0px;}
:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody + tbody{border-top: 2px solid rgb(221, 221, 221);}
:where(.t3-content div:where(.article-body,.item-intro)) .table .table{background-color: rgb(255, 255, 255);}
:where(.t3-content div:where(.article-body,.item-intro)) .table-bordered{border: 1px solid rgb(221, 221, 221);}
:where(.t3-content div:where(.article-body,.item-intro)) .table-bordered > thead > tr > th,:where(.t3-content div:where(.article-body,.item-intro)) .table-bordered > tbody > tr > th,:where(.t3-content div:where(.article-body,.item-intro)) .table-bordered > tfoot > tr > th,:where(.t3-content div:where(.article-body,.item-intro)) .table-bordered > thead > tr > td,:where(.t3-content div:where(.article-body,.item-intro)) .table-bordered > tbody > tr > td,:where(.t3-content div:where(.article-body,.item-intro)) .table-bordered > tfoot > tr > td{border: 1px solid rgb(221, 221, 221);}
:where(.t3-content div:where(.article-body,.item-intro)) .table-bordered > thead > tr > th,:where(.t3-content div:where(.article-body,.item-intro)) .table-bordered > thead > tr > td{border-bottom-width: 2px;}
:where(.t3-content div:where(.article-body,.item-intro)) .table-striped > tbody > tr:nth-of-type(2n+1){background-color: rgb(249, 249, 249);}
:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr:hover{background-color: rgb(245, 245, 245);}
:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr > td.active,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr > td.active,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr > td.active,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr > th.active,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr > th.active,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr > th.active,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr.active > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr.active > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr.active > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr.active > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr.active > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr.active > th{background-color: rgb(245, 245, 245);}
:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr > td.active:hover,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr > th.active:hover,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr.active:hover > td,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr:hover > .active,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr.active:hover > th{background-color: rgb(232, 232, 232);}
:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr > td.success,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr > td.success,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr > td.success,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr > th.success,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr > th.success,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr > th.success,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr.success > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr.success > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr.success > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr.success > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr.success > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr.success > th{background-color: rgb(223, 240, 216);}
:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr > td.success:hover,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr > th.success:hover,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr.success:hover > td,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr:hover > .success,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr.success:hover > th{background-color: rgb(208, 233, 198);}
:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr > td.info,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr > td.info,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr > td.info,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr > th.info,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr > th.info,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr > th.info,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr.info > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr.info > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr.info > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr.info > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr.info > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr.info > th{background-color: rgb(217, 237, 247);}
:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr > td.info:hover,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr > th.info:hover,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr.info:hover > td,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr:hover > .info,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr.info:hover > th{background-color: rgb(196, 227, 243);}
:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr > td.warning,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr > td.warning,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr > td.warning,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr > th.warning,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr > th.warning,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr > th.warning,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr.warning > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr.warning > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr.warning > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr.warning > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr.warning > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr.warning > th{background-color: rgb(252, 248, 227);}
:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr > td.warning:hover,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr > th.warning:hover,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr.warning:hover > td,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr:hover > .warning,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr.warning:hover > th{background-color: rgb(250, 242, 204);}
:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr > td.danger,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr > td.danger,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr > td.danger,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr > th.danger,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr > th.danger,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr > th.danger,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr.danger > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr.danger > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr.danger > td,:where(.t3-content div:where(.article-body,.item-intro)) .table > thead > tr.danger > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > tbody > tr.danger > th,:where(.t3-content div:where(.article-body,.item-intro)) .table > tfoot > tr.danger > th{background-color: rgb(242, 222, 222);}
:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr > td.danger:hover,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr > th.danger:hover,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr.danger:hover > td,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr:hover > .danger,:where(.t3-content div:where(.article-body,.item-intro)) .table-hover > tbody > tr.danger:hover > th{background-color: rgb(235, 204, 204);}
:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive{min-height: 0.01%; overflow-x: auto;}
@media screen and (max-width: 767px){:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive{width: 100%; margin-bottom: 15px; overflow-y: hidden; border: 1px solid rgb(221, 221, 221);}}
@media screen and (max-width: 767px){:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table{margin-bottom: 0px;}}
@media screen and (max-width: 767px){:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table > thead > tr > th,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table > tbody > tr > th,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table > tfoot > tr > th,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table > thead > tr > td,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table > tbody > tr > td,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table > tfoot > tr > td{white-space: nowrap;}}
@media screen and (max-width: 767px){:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered{border: 0px;}}
@media screen and (max-width: 767px){:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > thead > tr > th:first-child,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > tbody > tr > th:first-child,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > tfoot > tr > th:first-child,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > thead > tr > td:first-child,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > tbody > tr > td:first-child,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > tfoot > tr > td:first-child{border-left: 0px;}}
@media screen and (max-width: 767px){:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > thead > tr > th:last-child,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > tbody > tr > th:last-child,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > tfoot > tr > th:last-child,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > thead > tr > td:last-child,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > tbody > tr > td:last-child,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > tfoot > tr > td:last-child{border-right: 0px;}}
@media screen and (max-width: 767px){:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > tbody > tr:last-child > th,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > tfoot > tr:last-child > th,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > tbody > tr:last-child > td,:where(.t3-content div:where(.article-body,.item-intro)) .table-responsive > .table-bordered > tfoot > tr:last-child > td{border-bottom: 0px;}}
:where(.t3-content div:where(.article-body,.item-intro)) .nav{margin-bottom: 0px; padding-left: 0px; list-style: none;}
:where(.t3-content div:where(.article-body,.item-intro)) .nav > li{position: relative; display: block;}
:where(.t3-content div:where(.article-body,.item-intro)) .nav > li > a{position: relative; display: block; padding: 10px 0px 10px 19px; line-height: 19px;}
:where(.t3-content div:where(.article-body,.item-intro)) .nav > li > a:hover,:where(.t3-content div:where(.article-body,.item-intro)) .nav > li > a:focus{text-decoration: none;}
:where(.t3-content div:where(.article-body,.item-intro)) .nav > li.disabled > a{color: rgb(153, 153, 153);}
:where(.t3-content div:where(.article-body,.item-intro)) .nav > li.disabled > a:hover,:where(.t3-content div:where(.article-body,.item-intro)) .nav > li.disabled > a:focus{color: rgb(153, 153, 153); text-decoration: none; background-color: transparent; cursor: not-allowed;}
:where(.t3-content div:where(.article-body,.item-intro)) .nav .open > a,:where(.t3-content div:where(.article-body,.item-intro)) .nav .open > a:hover,:where(.t3-content div:where(.article-body,.item-intro)) .nav .open > a:focus{background-color: rgb(238, 238, 238); border-color: rgb(62, 155, 82);}
:where(.t3-content div:where(.article-body,.item-intro)) .nav > li > a > img{max-width: none;}
:where(.t3-content div:where(.article-body,.item-intro)) .row::before,:where(.t3-content div:where(.article-body,.item-intro)) .row::after,:where(.t3-content div:where(.article-body,.item-intro)) .nav::before,:where(.t3-content div:where(.article-body,.item-intro)) .nav::after{display: table; content: " ";}
:where(.t3-content div:where(.article-body,.item-intro)) .row::after,:where(.t3-content div:where(.article-body,.item-intro)) .nav::after{clear: both;}
:where(.t3-content div:where(.article-body,.item-intro)) .pull-right{float: right !important;}
:where(.t3-content div:where(.article-body,.item-intro)) blockquote.pull-right{padding-right: 15px; padding-left: 0px; border-right: 5px solid rgb(238, 238, 238); border-left: 0px;}
:where(.t3-content div:where(.article-body,.item-intro)) blockquote.pull-right p,:where(.t3-content div:where(.article-body,.item-intro)) blockquote.pull-right small{text-align: right;}
:where(.t3-content div:where(.article-body,.item-intro)) blockquote.pull-right small::before{content: "";}
:where(.t3-content div:where(.article-body,.item-intro)) blockquote.pull-right small::after{content: " —";}
:where(.t3-content div:where(.article-body,.item-intro)) .article-aside{color: rgb(153, 153, 153); font-size: 12px; margin-bottom: 20px; padding: 0px;}
:where(.t3-content div:where(.article-body,.item-intro)) .alert-message{color: rgb(70, 136, 71); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198);}
:where(.t3-content div:where(.article-body,.item-intro)) .alert-message hr{border-top-color: rgb(201, 226, 179);}
:where(.t3-content div:where(.article-body,.item-intro)) .nav .open > a,:where(.t3-content div:where(.article-body,.item-intro)) .nav .open > a:hover,:where(.t3-content div:where(.article-body,.item-intro)) .nav .open > a:focus{color: rgb(255, 255, 255); background: transparent;}
:where(.t3-content div:where(.article-body,.item-intro)) .pull-right{float: right;}
:where(.t3-content div:where(.article-body,.item-intro)) .doc-sidebar{float: right; right: 10px; z-index: 1000;}
:where(.t3-content div:where(.article-body,.item-intro)) .doc-nav > li:first-child{background: none 0px 0px repeat scroll rgb(52, 65, 80); font-weight: bold; color: rgb(255, 255, 255); padding: 10px 0px 10px 15px;}
:where(.t3-content div:where(.article-body,.item-intro)) .doc-nav > li{background: none 0px 0px repeat scroll rgb(246, 248, 250); border-bottom: 1px solid rgb(255, 255, 255); width: 200px;}
:where(.t3-content div:where(.article-body,.item-intro)) .doc-nav > li.active > a{font-weight: bold;}
/*== FA4 icon map as on live (after FA6) ==*/
.fa{display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;}
.fa-lg{font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%;}
.fa-2x{font-size: 2em;}
.fa-3x{font-size: 3em;}
.fa-4x{font-size: 4em;}
.fa-5x{font-size: 5em;}
.fa-fw{width: 1.28571em; text-align: center;}
.fa-ul{padding-left: 0px; margin-left: 2.14286em; list-style-type: none;}
.fa-ul > li{position: relative;}
.fa-li{position: absolute; left: -2.14286em; width: 2.14286em; top: 0.142857em; text-align: center;}
.fa-li.fa-lg{left: -1.85714em;}
.fa-border{padding: 0.2em 0.25em 0.15em; border: 0.08em solid rgb(238, 238, 238); border-radius: 0.1em;}
.fa-pull-left{float: left;}
.fa-pull-right{float: right;}
.fa.fa-pull-left{margin-right: 0.3em;}
.fa.fa-pull-right{margin-left: 0.3em;}
.fa-spin{animation: 2s linear 0s infinite normal none running fa-spin;}
.fa-pulse{animation: 1s steps(8) 0s infinite normal none running fa-spin;}
.fa-rotate-90{transform: rotate(90deg);}
.fa-rotate-180{transform: rotate(180deg);}
.fa-rotate-270{transform: rotate(270deg);}
.fa-flip-horizontal{transform: scale(-1, 1);}
.fa-flip-vertical{transform: scale(1, -1);}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter: none;}
.fa-stack{position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle;}
.fa-stack-1x,.fa-stack-2x{position: absolute; left: 0px; width: 100%; text-align: center;}
.fa-stack-1x{line-height: inherit;}
.fa-stack-2x{font-size: 2em;}
.fa-inverse{color: rgb(255, 255, 255);}
.fa-glass::before{content: "\f000 ";}
.fa-music::before{content: "\f001 ";}
.fa-search::before{content: "\f002 ";}
.fa-envelope-o::before{content: "\f003 ";}
.fa-heart::before{content: "\f004 ";}
.fa-star::before{content: "\f005 ";}
.fa-star-o::before{content: "\f006 ";}
.fa-user::before{content: "\f007 ";}
.fa-film::before{content: "\f008 ";}
.fa-th-large::before{content: "\f009 ";}
.fa-th::before{content: "\f00a ";}
.fa-th-list::before{content: "\f00b ";}
.fa-check::before{content: "\f00c ";}
.fa-remove::before,.fa-close::before,.fa-times::before{content: "\f00d ";}
.fa-search-plus::before{content: "\f00e ";}
.fa-search-minus::before{content: "\f010 ";}
.fa-power-off::before{content: "\f011 ";}
.fa-signal::before{content: "\f012 ";}
.fa-gear::before,.fa-cog::before{content: "\f013 ";}
.fa-trash-o::before{content: "\f014 ";}
.fa-home::before{content: "\f015 ";}
.fa-file-o::before{content: "\f016 ";}
.fa-clock-o::before{content: "\f017 ";}
.fa-road::before{content: "\f018 ";}
.fa-download::before{content: "\f019 ";}
.fa-arrow-circle-o-down::before{content: "\f01a ";}
.fa-arrow-circle-o-up::before{content: "\f01b ";}
.fa-inbox::before{content: "\f01c ";}
.fa-play-circle-o::before{content: "\f01d ";}
.fa-rotate-right::before,.fa-repeat::before{content: "\f01e ";}
.fa-refresh::before{content: "\f021 ";}
.fa-list-alt::before{content: "\f022 ";}
.fa-lock::before{content: "\f023 ";}
.fa-flag::before{content: "\f024 ";}
.fa-headphones::before{content: "\f025 ";}
.fa-volume-off::before{content: "\f026 ";}
.fa-volume-down::before{content: "\f027 ";}
.fa-volume-up::before{content: "\f028 ";}
.fa-qrcode::before{content: "\f029 ";}
.fa-barcode::before{content: "\f02a ";}
.fa-tag::before{content: "\f02b ";}
.fa-tags::before{content: "\f02c ";}
.fa-book::before{content: "\f02d ";}
.fa-bookmark::before{content: "\f02e ";}
.fa-print::before{content: "\f02f ";}
.fa-camera::before{content: "\f030 ";}
.fa-font::before{content: "\f031 ";}
.fa-bold::before{content: "\f032 ";}
.fa-italic::before{content: "\f033 ";}
.fa-text-height::before{content: "\f034 ";}
.fa-text-width::before{content: "\f035 ";}
.fa-align-left::before{content: "\f036 ";}
.fa-align-center::before{content: "\f037 ";}
.fa-align-right::before{content: "\f038 ";}
.fa-align-justify::before{content: "\f039 ";}
.fa-list::before{content: "\f03a ";}
.fa-dedent::before,.fa-outdent::before{content: "\f03b ";}
.fa-indent::before{content: "\f03c ";}
.fa-video-camera::before{content: "\f03d ";}
.fa-photo::before,.fa-image::before,.fa-picture-o::before{content: "\f03e ";}
.fa-pencil::before{content: "\f040 ";}
.fa-map-marker::before{content: "\f041 ";}
.fa-adjust::before{content: "\f042 ";}
.fa-tint::before{content: "\f043 ";}
.fa-edit::before,.fa-pencil-square-o::before{content: "\f044 ";}
.fa-share-square-o::before{content: "\f045 ";}
.fa-check-square-o::before{content: "\f046 ";}
.fa-arrows::before{content: "\f047 ";}
.fa-step-backward::before{content: "\f048 ";}
.fa-fast-backward::before{content: "\f049 ";}
.fa-backward::before{content: "\f04a ";}
.fa-play::before{content: "\f04b ";}
.fa-pause::before{content: "\f04c ";}
.fa-stop::before{content: "\f04d ";}
.fa-forward::before{content: "\f04e ";}
.fa-fast-forward::before{content: "\f050 ";}
.fa-step-forward::before{content: "\f051 ";}
.fa-eject::before{content: "\f052 ";}
.fa-chevron-left::before{content: "\f053 ";}
.fa-chevron-right::before{content: "\f054 ";}
.fa-plus-circle::before{content: "\f055 ";}
.fa-minus-circle::before{content: "\f056 ";}
.fa-times-circle::before{content: "\f057 ";}
.fa-check-circle::before{content: "\f058 ";}
.fa-question-circle::before{content: "\f059 ";}
.fa-info-circle::before{content: "\f05a ";}
.fa-crosshairs::before{content: "\f05b ";}
.fa-times-circle-o::before{content: "\f05c ";}
.fa-check-circle-o::before{content: "\f05d ";}
.fa-ban::before{content: "\f05e ";}
.fa-arrow-left::before{content: "\f060 ";}
.fa-arrow-right::before{content: "\f061 ";}
.fa-arrow-up::before{content: "\f062 ";}
.fa-arrow-down::before{content: "\f063 ";}
.fa-mail-forward::before,.fa-share::before{content: "\f064 ";}
.fa-expand::before{content: "\f065 ";}
.fa-compress::before{content: "\f066 ";}
.fa-plus::before{content: "\f067 ";}
.fa-minus::before{content: "\f068 ";}
.fa-asterisk::before{content: "\f069 ";}
.fa-exclamation-circle::before{content: "\f06a ";}
.fa-gift::before{content: "\f06b ";}
.fa-leaf::before{content: "\f06c ";}
.fa-fire::before{content: "\f06d ";}
.fa-eye::before{content: "\f06e ";}
.fa-eye-slash::before{content: "\f070 ";}
.fa-warning::before,.fa-exclamation-triangle::before{content: "\f071 ";}
.fa-plane::before{content: "\f072 ";}
.fa-calendar::before{content: "\f073 ";}
.fa-random::before{content: "\f074 ";}
.fa-comment::before{content: "\f075 ";}
.fa-magnet::before{content: "\f076 ";}
.fa-chevron-up::before{content: "\f077 ";}
.fa-chevron-down::before{content: "\f078 ";}
.fa-retweet::before{content: "\f079 ";}
.fa-shopping-cart::before{content: "\f07a ";}
.fa-folder::before{content: "\f07b ";}
.fa-folder-open::before{content: "\f07c ";}
.fa-arrows-v::before{content: "\f07d ";}
.fa-arrows-h::before{content: "\f07e ";}
.fa-bar-chart-o::before,.fa-bar-chart::before{content: "\f080 ";}
.fa-twitter-square::before{content: "\f081 ";}
.fa-facebook-square::before{content: "\f082 ";}
.fa-camera-retro::before{content: "\f083 ";}
.fa-key::before{content: "\f084 ";}
.fa-gears::before,.fa-cogs::before{content: "\f085 ";}
.fa-comments::before{content: "\f086 ";}
.fa-thumbs-o-up::before{content: "\f087 ";}
.fa-thumbs-o-down::before{content: "\f088 ";}
.fa-star-half::before{content: "\f089 ";}
.fa-heart-o::before{content: "\f08a ";}
.fa-sign-out::before{content: "\f08b ";}
.fa-linkedin-square::before{content: "\f08c ";}
.fa-thumb-tack::before{content: "\f08d ";}
.fa-external-link::before{content: "\f08e ";}
.fa-sign-in::before{content: "\f090 ";}
.fa-trophy::before{content: "\f091 ";}
.fa-github-square::before{content: "\f092 ";}
.fa-upload::before{content: "\f093 ";}
.fa-lemon-o::before{content: "\f094 ";}
.fa-phone::before{content: "\f095 ";}
.fa-square-o::before{content: "\f096 ";}
.fa-bookmark-o::before{content: "\f097 ";}
.fa-phone-square::before{content: "\f098 ";}
.fa-twitter::before{content: "\f099 ";}
.fa-facebook-f::before,.fa-facebook::before{content: "\f09a ";}
.fa-github::before{content: "\f09b ";}
.fa-unlock::before{content: "\f09c ";}
.fa-credit-card::before{content: "\f09d ";}
.fa-feed::before,.fa-rss::before{content: "\f09e ";}
.fa-hdd-o::before{content: "\f0a0 ";}
.fa-bullhorn::before{content: "\f0a1 ";}
.fa-bell::before{content: "\f0f3 ";}
.fa-certificate::before{content: "\f0a3 ";}
.fa-hand-o-right::before{content: "\f0a4 ";}
.fa-hand-o-left::before{content: "\f0a5 ";}
.fa-hand-o-up::before{content: "\f0a6 ";}
.fa-hand-o-down::before{content: "\f0a7 ";}
.fa-arrow-circle-left::before{content: "\f0a8 ";}
.fa-arrow-circle-right::before{content: "\f0a9 ";}
.fa-arrow-circle-up::before{content: "\f0aa ";}
.fa-arrow-circle-down::before{content: "\f0ab ";}
.fa-globe::before{content: "\f0ac ";}
.fa-wrench::before{content: "\f0ad ";}
.fa-tasks::before{content: "\f0ae ";}
.fa-filter::before{content: "\f0b0 ";}
.fa-briefcase::before{content: "\f0b1 ";}
.fa-arrows-alt::before{content: "\f0b2 ";}
.fa-group::before,.fa-users::before{content: "\f0c0 ";}
.fa-chain::before,.fa-link::before{content: "\f0c1 ";}
.fa-cloud::before{content: "\f0c2 ";}
.fa-flask::before{content: "\f0c3 ";}
.fa-cut::before,.fa-scissors::before{content: "\f0c4 ";}
.fa-copy::before,.fa-files-o::before{content: "\f0c5 ";}
.fa-paperclip::before{content: "\f0c6 ";}
.fa-save::before,.fa-floppy-o::before{content: "\f0c7 ";}
.fa-square::before{content: "\f0c8 ";}
.fa-navicon::before,.fa-reorder::before,.fa-bars::before{content: "\f0c9 ";}
.fa-list-ul::before{content: "\f0ca ";}
.fa-list-ol::before{content: "\f0cb ";}
.fa-strikethrough::before{content: "\f0cc ";}
.fa-underline::before{content: "\f0cd ";}
.fa-table::before{content: "\f0ce ";}
.fa-magic::before{content: "\f0d0 ";}
.fa-truck::before{content: "\f0d1 ";}
.fa-pinterest::before{content: "\f0d2 ";}
.fa-pinterest-square::before{content: "\f0d3 ";}
.fa-google-plus-square::before{content: "\f0d4 ";}
.fa-google-plus::before{content: "\f0d5 ";}
.fa-money::before{content: "\f0d6 ";}
.fa-caret-down::before{content: "\f0d7 ";}
.fa-caret-up::before{content: "\f0d8 ";}
.fa-caret-left::before{content: "\f0d9 ";}
.fa-caret-right::before{content: "\f0da ";}
.fa-columns::before{content: "\f0db ";}
.fa-unsorted::before,.fa-sort::before{content: "\f0dc ";}
.fa-sort-down::before,.fa-sort-desc::before{content: "\f0dd ";}
.fa-sort-up::before,.fa-sort-asc::before{content: "\f0de ";}
.fa-envelope::before{content: "\f0e0 ";}
.fa-linkedin::before{content: "\f0e1 ";}
.fa-rotate-left::before,.fa-undo::before{content: "\f0e2 ";}
.fa-legal::before,.fa-gavel::before{content: "\f0e3 ";}
.fa-dashboard::before,.fa-tachometer::before{content: "\f0e4 ";}
.fa-comment-o::before{content: "\f0e5 ";}
.fa-comments-o::before{content: "\f0e6 ";}
.fa-flash::before,.fa-bolt::before{content: "\f0e7 ";}
.fa-sitemap::before{content: "\f0e8 ";}
.fa-umbrella::before{content: "\f0e9 ";}
.fa-paste::before,.fa-clipboard::before{content: "\f0ea ";}
.fa-lightbulb-o::before{content: "\f0eb ";}
.fa-exchange::before{content: "\f0ec ";}
.fa-cloud-download::before{content: "\f0ed ";}
.fa-cloud-upload::before{content: "\f0ee ";}
.fa-user-md::before{content: "\f0f0 ";}
.fa-stethoscope::before{content: "\f0f1 ";}
.fa-suitcase::before{content: "\f0f2 ";}
.fa-bell-o::before{content: "\f0a2 ";}
.fa-coffee::before{content: "\f0f4 ";}
.fa-cutlery::before{content: "\f0f5 ";}
.fa-file-text-o::before{content: "\f0f6 ";}
.fa-building-o::before{content: "\f0f7 ";}
.fa-hospital-o::before{content: "\f0f8 ";}
.fa-ambulance::before{content: "\f0f9 ";}
.fa-medkit::before{content: "\f0fa ";}
.fa-fighter-jet::before{content: "\f0fb ";}
.fa-beer::before{content: "\f0fc ";}
.fa-h-square::before{content: "\f0fd ";}
.fa-plus-square::before{content: "\f0fe ";}
.fa-angle-double-left::before{content: "\f100 ";}
.fa-angle-double-right::before{content: "\f101 ";}
.fa-angle-double-up::before{content: "\f102 ";}
.fa-angle-double-down::before{content: "\f103 ";}
.fa-angle-left::before{content: "\f104 ";}
.fa-angle-right::before{content: "\f105 ";}
.fa-angle-up::before{content: "\f106 ";}
.fa-angle-down::before{content: "\f107 ";}
.fa-desktop::before{content: "\f108 ";}
.fa-laptop::before{content: "\f109 ";}
.fa-tablet::before{content: "\f10a ";}
.fa-mobile-phone::before,.fa-mobile::before{content: "\f10b ";}
.fa-circle-o::before{content: "\f10c ";}
.fa-quote-left::before{content: "\f10d ";}
.fa-quote-right::before{content: "\f10e ";}
.fa-spinner::before{content: "\f110 ";}
.fa-circle::before{content: "\f111 ";}
.fa-mail-reply::before,.fa-reply::before{content: "\f112 ";}
.fa-github-alt::before{content: "\f113 ";}
.fa-folder-o::before{content: "\f114 ";}
.fa-folder-open-o::before{content: "\f115 ";}
.fa-smile-o::before{content: "\f118 ";}
.fa-frown-o::before{content: "\f119 ";}
.fa-meh-o::before{content: "\f11a ";}
.fa-gamepad::before{content: "\f11b ";}
.fa-keyboard-o::before{content: "\f11c ";}
.fa-flag-o::before{content: "\f11d ";}
.fa-flag-checkered::before{content: "\f11e ";}
.fa-terminal::before{content: "\f120 ";}
.fa-code::before{content: "\f121 ";}
.fa-mail-reply-all::before,.fa-reply-all::before{content: "\f122 ";}
.fa-star-half-empty::before,.fa-star-half-full::before,.fa-star-half-o::before{content: "\f123 ";}
.fa-location-arrow::before{content: "\f124 ";}
.fa-crop::before{content: "\f125 ";}
.fa-code-fork::before{content: "\f126 ";}
.fa-unlink::before,.fa-chain-broken::before{content: "\f127 ";}
.fa-question::before{content: "\f128 ";}
.fa-info::before{content: "\f129 ";}
.fa-exclamation::before{content: "\f12a ";}
.fa-superscript::before{content: "\f12b ";}
.fa-subscript::before{content: "\f12c ";}
.fa-eraser::before{content: "\f12d ";}
.fa-puzzle-piece::before{content: "\f12e ";}
.fa-microphone::before{content: "\f130 ";}
.fa-microphone-slash::before{content: "\f131 ";}
.fa-shield::before{content: "\f132 ";}
.fa-calendar-o::before{content: "\f133 ";}
.fa-fire-extinguisher::before{content: "\f134 ";}
.fa-rocket::before{content: "\f135 ";}
.fa-maxcdn::before{content: "\f136 ";}
.fa-chevron-circle-left::before{content: "\f137 ";}
.fa-chevron-circle-right::before{content: "\f138 ";}
.fa-chevron-circle-up::before{content: "\f139 ";}
.fa-chevron-circle-down::before{content: "\f13a ";}
.fa-html5::before{content: "\f13b ";}
.fa-css3::before{content: "\f13c ";}
.fa-anchor::before{content: "\f13d ";}
.fa-unlock-alt::before{content: "\f13e ";}
.fa-bullseye::before{content: "\f140 ";}
.fa-ellipsis-h::before{content: "\f141 ";}
.fa-ellipsis-v::before{content: "\f142 ";}
.fa-rss-square::before{content: "\f143 ";}
.fa-play-circle::before{content: "\f144 ";}
.fa-ticket::before{content: "\f145 ";}
.fa-minus-square::before{content: "\f146 ";}
.fa-minus-square-o::before{content: "\f147 ";}
.fa-level-up::before{content: "\f148 ";}
.fa-level-down::before{content: "\f149 ";}
.fa-check-square::before{content: "\f14a ";}
.fa-pencil-square::before{content: "\f14b ";}
.fa-external-link-square::before{content: "\f14c ";}
.fa-share-square::before{content: "\f14d ";}
.fa-compass::before{content: "\f14e ";}
.fa-toggle-down::before,.fa-caret-square-o-down::before{content: "\f150 ";}
.fa-toggle-up::before,.fa-caret-square-o-up::before{content: "\f151 ";}
.fa-toggle-right::before,.fa-caret-square-o-right::before{content: "\f152 ";}
.fa-euro::before,.fa-eur::before{content: "\f153 ";}
.fa-gbp::before{content: "\f154 ";}
.fa-dollar::before,.fa-usd::before{content: "\f155 ";}
.fa-rupee::before,.fa-inr::before{content: "\f156 ";}
.fa-cny::before,.fa-rmb::before,.fa-yen::before,.fa-jpy::before{content: "\f157 ";}
.fa-ruble::before,.fa-rouble::before,.fa-rub::before{content: "\f158 ";}
.fa-won::before,.fa-krw::before{content: "\f159 ";}
.fa-bitcoin::before,.fa-btc::before{content: "\f15a ";}
.fa-file::before{content: "\f15b ";}
.fa-file-text::before{content: "\f15c ";}
.fa-sort-alpha-asc::before{content: "\f15d ";}
.fa-sort-alpha-desc::before{content: "\f15e ";}
.fa-sort-amount-asc::before{content: "\f160 ";}
.fa-sort-amount-desc::before{content: "\f161 ";}
.fa-sort-numeric-asc::before{content: "\f162 ";}
.fa-sort-numeric-desc::before{content: "\f163 ";}
.fa-thumbs-up::before{content: "\f164 ";}
.fa-thumbs-down::before{content: "\f165 ";}
.fa-youtube-square::before{content: "\f166 ";}
.fa-youtube::before{content: "\f167 ";}
.fa-xing::before{content: "\f168 ";}
.fa-xing-square::before{content: "\f169 ";}
.fa-youtube-play::before{content: "\f16a ";}
.fa-dropbox::before{content: "\f16b ";}
.fa-stack-overflow::before{content: "\f16c ";}
.fa-instagram::before{content: "\f16d ";}
.fa-flickr::before{content: "\f16e ";}
.fa-adn::before{content: "\f170 ";}
.fa-bitbucket::before{content: "\f171 ";}
.fa-bitbucket-square::before{content: "\f172 ";}
.fa-tumblr::before{content: "\f173 ";}
.fa-tumblr-square::before{content: "\f174 ";}
.fa-long-arrow-down::before{content: "\f175 ";}
.fa-long-arrow-up::before{content: "\f176 ";}
.fa-long-arrow-left::before{content: "\f177 ";}
.fa-long-arrow-right::before{content: "\f178 ";}
.fa-apple::before{content: "\f179 ";}
.fa-windows::before{content: "\f17a ";}
.fa-android::before{content: "\f17b ";}
.fa-linux::before{content: "\f17c ";}
.fa-dribbble::before{content: "\f17d ";}
.fa-skype::before{content: "\f17e ";}
.fa-foursquare::before{content: "\f180 ";}
.fa-trello::before{content: "\f181 ";}
.fa-female::before{content: "\f182 ";}
.fa-male::before{content: "\f183 ";}
.fa-gittip::before,.fa-gratipay::before{content: "\f184 ";}
.fa-sun-o::before{content: "\f185 ";}
.fa-moon-o::before{content: "\f186 ";}
.fa-archive::before{content: "\f187 ";}
.fa-bug::before{content: "\f188 ";}
.fa-vk::before{content: "\f189 ";}
.fa-weibo::before{content: "\f18a ";}
.fa-renren::before{content: "\f18b ";}
.fa-pagelines::before{content: "\f18c ";}
.fa-stack-exchange::before{content: "\f18d ";}
.fa-arrow-circle-o-right::before{content: "\f18e ";}
.fa-arrow-circle-o-left::before{content: "\f190 ";}
.fa-toggle-left::before,.fa-caret-square-o-left::before{content: "\f191 ";}
.fa-dot-circle-o::before{content: "\f192 ";}
.fa-wheelchair::before{content: "\f193 ";}
.fa-vimeo-square::before{content: "\f194 ";}
.fa-turkish-lira::before,.fa-try::before{content: "\f195 ";}
.fa-plus-square-o::before{content: "\f196 ";}
.fa-space-shuttle::before{content: "\f197 ";}
.fa-slack::before{content: "\f198 ";}
.fa-envelope-square::before{content: "\f199 ";}
.fa-wordpress::before{content: "\f19a ";}
.fa-openid::before{content: "\f19b ";}
.fa-institution::before,.fa-bank::before,.fa-university::before{content: "\f19c ";}
.fa-mortar-board::before,.fa-graduation-cap::before{content: "\f19d ";}
.fa-yahoo::before{content: "\f19e ";}
.fa-google::before{content: "\f1a0 ";}
.fa-reddit::before{content: "\f1a1 ";}
.fa-reddit-square::before{content: "\f1a2 ";}
.fa-stumbleupon-circle::before{content: "\f1a3 ";}
.fa-stumbleupon::before{content: "\f1a4 ";}
.fa-delicious::before{content: "\f1a5 ";}
.fa-digg::before{content: "\f1a6 ";}
.fa-pied-piper-pp::before{content: "\f1a7 ";}
.fa-pied-piper-alt::before{content: "\f1a8 ";}
.fa-drupal::before{content: "\f1a9 ";}
.fa-joomla::before{content: "\f1aa ";}
.fa-language::before{content: "\f1ab ";}
.fa-fax::before{content: "\f1ac ";}
.fa-building::before{content: "\f1ad ";}
.fa-child::before{content: "\f1ae ";}
.fa-paw::before{content: "\f1b0 ";}
.fa-spoon::before{content: "\f1b1 ";}
.fa-cube::before{content: "\f1b2 ";}
.fa-cubes::before{content: "\f1b3 ";}
.fa-behance::before{content: "\f1b4 ";}
.fa-behance-square::before{content: "\f1b5 ";}
.fa-steam::before{content: "\f1b6 ";}
.fa-steam-square::before{content: "\f1b7 ";}
.fa-recycle::before{content: "\f1b8 ";}
.fa-automobile::before,.fa-car::before{content: "\f1b9 ";}
.fa-cab::before,.fa-taxi::before{content: "\f1ba ";}
.fa-tree::before{content: "\f1bb ";}
.fa-spotify::before{content: "\f1bc ";}
.fa-deviantart::before{content: "\f1bd ";}
.fa-soundcloud::before{content: "\f1be ";}
.fa-database::before{content: "\f1c0 ";}
.fa-file-pdf-o::before{content: "\f1c1 ";}
.fa-file-word-o::before{content: "\f1c2 ";}
.fa-file-excel-o::before{content: "\f1c3 ";}
.fa-file-powerpoint-o::before{content: "\f1c4 ";}
.fa-file-photo-o::before,.fa-file-picture-o::before,.fa-file-image-o::before{content: "\f1c5 ";}
.fa-file-zip-o::before,.fa-file-archive-o::before{content: "\f1c6 ";}
.fa-file-sound-o::before,.fa-file-audio-o::before{content: "\f1c7 ";}
.fa-file-movie-o::before,.fa-file-video-o::before{content: "\f1c8 ";}
.fa-file-code-o::before{content: "\f1c9 ";}
.fa-vine::before{content: "\f1ca ";}
.fa-codepen::before{content: "\f1cb ";}
.fa-jsfiddle::before{content: "\f1cc ";}
.fa-life-bouy::before,.fa-life-buoy::before,.fa-life-saver::before,.fa-support::before,.fa-life-ring::before{content: "\f1cd ";}
.fa-circle-o-notch::before{content: "\f1ce ";}
.fa-ra::before,.fa-resistance::before,.fa-rebel::before{content: "\f1d0 ";}
.fa-ge::before,.fa-empire::before{content: "\f1d1 ";}
.fa-git-square::before{content: "\f1d2 ";}
.fa-git::before{content: "\f1d3 ";}
.fa-y-combinator-square::before,.fa-yc-square::before,.fa-hacker-news::before{content: "\f1d4 ";}
.fa-tencent-weibo::before{content: "\f1d5 ";}
.fa-qq::before{content: "\f1d6 ";}
.fa-wechat::before,.fa-weixin::before{content: "\f1d7 ";}
.fa-send::before,.fa-paper-plane::before{content: "\f1d8 ";}
.fa-send-o::before,.fa-paper-plane-o::before{content: "\f1d9 ";}
.fa-history::before{content: "\f1da ";}
.fa-circle-thin::before{content: "\f1db ";}
.fa-header::before{content: "\f1dc ";}
.fa-paragraph::before{content: "\f1dd ";}
.fa-sliders::before{content: "\f1de ";}
.fa-share-alt::before{content: "\f1e0 ";}
.fa-share-alt-square::before{content: "\f1e1 ";}
.fa-bomb::before{content: "\f1e2 ";}
.fa-soccer-ball-o::before,.fa-futbol-o::before{content: "\f1e3 ";}
.fa-tty::before{content: "\f1e4 ";}
.fa-binoculars::before{content: "\f1e5 ";}
.fa-plug::before{content: "\f1e6 ";}
.fa-slideshare::before{content: "\f1e7 ";}
.fa-twitch::before{content: "\f1e8 ";}
.fa-yelp::before{content: "\f1e9 ";}
.fa-newspaper-o::before{content: "\f1ea ";}
.fa-wifi::before{content: "\f1eb ";}
.fa-calculator::before{content: "\f1ec ";}
.fa-paypal::before{content: "\f1ed ";}
.fa-google-wallet::before{content: "\f1ee ";}
.fa-cc-visa::before{content: "\f1f0 ";}
.fa-cc-mastercard::before{content: "\f1f1 ";}
.fa-cc-discover::before{content: "\f1f2 ";}
.fa-cc-amex::before{content: "\f1f3 ";}
.fa-cc-paypal::before{content: "\f1f4 ";}
.fa-cc-stripe::before{content: "\f1f5 ";}
.fa-bell-slash::before{content: "\f1f6 ";}
.fa-bell-slash-o::before{content: "\f1f7 ";}
.fa-trash::before{content: "\f1f8 ";}
.fa-copyright::before{content: "\f1f9 ";}
.fa-at::before{content: "\f1fa ";}
.fa-eyedropper::before{content: "\f1fb ";}
.fa-paint-brush::before{content: "\f1fc ";}
.fa-birthday-cake::before{content: "\f1fd ";}
.fa-area-chart::before{content: "\f1fe ";}
.fa-pie-chart::before{content: "\f200 ";}
.fa-line-chart::before{content: "\f201 ";}
.fa-lastfm::before{content: "\f202 ";}
.fa-lastfm-square::before{content: "\f203 ";}
.fa-toggle-off::before{content: "\f204 ";}
.fa-toggle-on::before{content: "\f205 ";}
.fa-bicycle::before{content: "\f206 ";}
.fa-bus::before{content: "\f207 ";}
.fa-ioxhost::before{content: "\f208 ";}
.fa-angellist::before{content: "\f209 ";}
.fa-cc::before{content: "\f20a ";}
.fa-shekel::before,.fa-sheqel::before,.fa-ils::before{content: "\f20b ";}
.fa-meanpath::before{content: "\f20c ";}
.fa-buysellads::before{content: "\f20d ";}
.fa-connectdevelop::before{content: "\f20e ";}
.fa-dashcube::before{content: "\f210 ";}
.fa-forumbee::before{content: "\f211 ";}
.fa-leanpub::before{content: "\f212 ";}
.fa-sellsy::before{content: "\f213 ";}
.fa-shirtsinbulk::before{content: "\f214 ";}
.fa-simplybuilt::before{content: "\f215 ";}
.fa-skyatlas::before{content: "\f216 ";}
.fa-cart-plus::before{content: "\f217 ";}
.fa-cart-arrow-down::before{content: "\f218 ";}
.fa-diamond::before{content: "\f219 ";}
.fa-ship::before{content: "\f21a ";}
.fa-user-secret::before{content: "\f21b ";}
.fa-motorcycle::before{content: "\f21c ";}
.fa-street-view::before{content: "\f21d ";}
.fa-heartbeat::before{content: "\f21e ";}
.fa-venus::before{content: "\f221 ";}
.fa-mars::before{content: "\f222 ";}
.fa-mercury::before{content: "\f223 ";}
.fa-intersex::before,.fa-transgender::before{content: "\f224 ";}
.fa-transgender-alt::before{content: "\f225 ";}
.fa-venus-double::before{content: "\f226 ";}
.fa-mars-double::before{content: "\f227 ";}
.fa-venus-mars::before{content: "\f228 ";}
.fa-mars-stroke::before{content: "\f229 ";}
.fa-mars-stroke-v::before{content: "\f22a ";}
.fa-mars-stroke-h::before{content: "\f22b ";}
.fa-neuter::before{content: "\f22c ";}
.fa-genderless::before{content: "\f22d ";}
.fa-facebook-official::before{content: "\f230 ";}
.fa-pinterest-p::before{content: "\f231 ";}
.fa-whatsapp::before{content: "\f232 ";}
.fa-server::before{content: "\f233 ";}
.fa-user-plus::before{content: "\f234 ";}
.fa-user-times::before{content: "\f235 ";}
.fa-hotel::before,.fa-bed::before{content: "\f236 ";}
.fa-viacoin::before{content: "\f237 ";}
.fa-train::before{content: "\f238 ";}
.fa-subway::before{content: "\f239 ";}
.fa-medium::before{content: "\f23a ";}
.fa-yc::before,.fa-y-combinator::before{content: "\f23b ";}
.fa-optin-monster::before{content: "\f23c ";}
.fa-opencart::before{content: "\f23d ";}
.fa-expeditedssl::before{content: "\f23e ";}
.fa-battery-4::before,.fa-battery::before,.fa-battery-full::before{content: "\f240 ";}
.fa-battery-3::before,.fa-battery-three-quarters::before{content: "\f241 ";}
.fa-battery-2::before,.fa-battery-half::before{content: "\f242 ";}
.fa-battery-1::before,.fa-battery-quarter::before{content: "\f243 ";}
.fa-battery-0::before,.fa-battery-empty::before{content: "\f244 ";}
.fa-mouse-pointer::before{content: "\f245 ";}
.fa-i-cursor::before{content: "\f246 ";}
.fa-object-group::before{content: "\f247 ";}
.fa-object-ungroup::before{content: "\f248 ";}
.fa-sticky-note::before{content: "\f249 ";}
.fa-sticky-note-o::before{content: "\f24a ";}
.fa-cc-jcb::before{content: "\f24b ";}
.fa-cc-diners-club::before{content: "\f24c ";}
.fa-clone::before{content: "\f24d ";}
.fa-balance-scale::before{content: "\f24e ";}
.fa-hourglass-o::before{content: "\f250 ";}
.fa-hourglass-1::before,.fa-hourglass-start::before{content: "\f251 ";}
.fa-hourglass-2::before,.fa-hourglass-half::before{content: "\f252 ";}
.fa-hourglass-3::before,.fa-hourglass-end::before{content: "\f253 ";}
.fa-hourglass::before{content: "\f254 ";}
.fa-hand-grab-o::before,.fa-hand-rock-o::before{content: "\f255 ";}
.fa-hand-stop-o::before,.fa-hand-paper-o::before{content: "\f256 ";}
.fa-hand-scissors-o::before{content: "\f257 ";}
.fa-hand-lizard-o::before{content: "\f258 ";}
.fa-hand-spock-o::before{content: "\f259 ";}
.fa-hand-pointer-o::before{content: "\f25a ";}
.fa-hand-peace-o::before{content: "\f25b ";}
.fa-trademark::before{content: "\f25c ";}
.fa-registered::before{content: "\f25d ";}
.fa-creative-commons::before{content: "\f25e ";}
.fa-gg::before{content: "\f260 ";}
.fa-gg-circle::before{content: "\f261 ";}
.fa-tripadvisor::before{content: "\f262 ";}
.fa-odnoklassniki::before{content: "\f263 ";}
.fa-odnoklassniki-square::before{content: "\f264 ";}
.fa-get-pocket::before{content: "\f265 ";}
.fa-wikipedia-w::before{content: "\f266 ";}
.fa-safari::before{content: "\f267 ";}
.fa-chrome::before{content: "\f268 ";}
.fa-firefox::before{content: "\f269 ";}
.fa-opera::before{content: "\f26a ";}
.fa-internet-explorer::before{content: "\f26b ";}
.fa-tv::before,.fa-television::before{content: "\f26c ";}
.fa-contao::before{content: "\f26d ";}
.fa-500px::before{content: "\f26e ";}
.fa-amazon::before{content: "\f270 ";}
.fa-calendar-plus-o::before{content: "\f271 ";}
.fa-calendar-minus-o::before{content: "\f272 ";}
.fa-calendar-times-o::before{content: "\f273 ";}
.fa-calendar-check-o::before{content: "\f274 ";}
.fa-industry::before{content: "\f275 ";}
.fa-map-pin::before{content: "\f276 ";}
.fa-map-signs::before{content: "\f277 ";}
.fa-map-o::before{content: "\f278 ";}
.fa-map::before{content: "\f279 ";}
.fa-commenting::before{content: "\f27a ";}
.fa-commenting-o::before{content: "\f27b ";}
.fa-houzz::before{content: "\f27c ";}
.fa-vimeo::before{content: "\f27d ";}
.fa-black-tie::before{content: "\f27e ";}
.fa-fonticons::before{content: "\f280 ";}
.fa-reddit-alien::before{content: "\f281 ";}
.fa-edge::before{content: "\f282 ";}
.fa-credit-card-alt::before{content: "\f283 ";}
.fa-codiepie::before{content: "\f284 ";}
.fa-modx::before{content: "\f285 ";}
.fa-fort-awesome::before{content: "\f286 ";}
.fa-usb::before{content: "\f287 ";}
.fa-product-hunt::before{content: "\f288 ";}
.fa-mixcloud::before{content: "\f289 ";}
.fa-scribd::before{content: "\f28a ";}
.fa-pause-circle::before{content: "\f28b ";}
.fa-pause-circle-o::before{content: "\f28c ";}
.fa-stop-circle::before{content: "\f28d ";}
.fa-stop-circle-o::before{content: "\f28e ";}
.fa-shopping-bag::before{content: "\f290 ";}
.fa-shopping-basket::before{content: "\f291 ";}
.fa-hashtag::before{content: "\f292 ";}
.fa-bluetooth::before{content: "\f293 ";}
.fa-bluetooth-b::before{content: "\f294 ";}
.fa-percent::before{content: "\f295 ";}
.fa-gitlab::before{content: "\f296 ";}
.fa-wpbeginner::before{content: "\f297 ";}
.fa-wpforms::before{content: "\f298 ";}
.fa-envira::before{content: "\f299 ";}
.fa-universal-access::before{content: "\f29a ";}
.fa-wheelchair-alt::before{content: "\f29b ";}
.fa-question-circle-o::before{content: "\f29c ";}
.fa-blind::before{content: "\f29d ";}
.fa-audio-description::before{content: "\f29e ";}
.fa-volume-control-phone::before{content: "\f2a0 ";}
.fa-braille::before{content: "\f2a1 ";}
.fa-assistive-listening-systems::before{content: "\f2a2 ";}
.fa-asl-interpreting::before,.fa-american-sign-language-interpreting::before{content: "\f2a3 ";}
.fa-deafness::before,.fa-hard-of-hearing::before,.fa-deaf::before{content: "\f2a4 ";}
.fa-glide::before{content: "\f2a5 ";}
.fa-glide-g::before{content: "\f2a6 ";}
.fa-signing::before,.fa-sign-language::before{content: "\f2a7 ";}
.fa-low-vision::before{content: "\f2a8 ";}
.fa-viadeo::before{content: "\f2a9 ";}
.fa-viadeo-square::before{content: "\f2aa ";}
.fa-snapchat::before{content: "\f2ab ";}
.fa-snapchat-ghost::before{content: "\f2ac ";}
.fa-snapchat-square::before{content: "\f2ad ";}
.fa-pied-piper::before{content: "\f2ae ";}
.fa-first-order::before{content: "\f2b0 ";}
.fa-yoast::before{content: "\f2b1 ";}
.fa-themeisle::before{content: "\f2b2 ";}
.fa-google-plus-circle::before,.fa-google-plus-official::before{content: "\f2b3 ";}
.fa-fa::before,.fa-font-awesome::before{content: "\f2b4 ";}
.fa-handshake-o::before{content: "\f2b5 ";}
.fa-envelope-open::before{content: "\f2b6 ";}
.fa-envelope-open-o::before{content: "\f2b7 ";}
.fa-linode::before{content: "\f2b8 ";}
.fa-address-book::before{content: "\f2b9 ";}
.fa-address-book-o::before{content: "\f2ba ";}
.fa-vcard::before,.fa-address-card::before{content: "\f2bb ";}
.fa-vcard-o::before,.fa-address-card-o::before{content: "\f2bc ";}
.fa-user-circle::before{content: "\f2bd ";}
.fa-user-circle-o::before{content: "\f2be ";}
.fa-user-o::before{content: "\f2c0 ";}
.fa-id-badge::before{content: "\f2c1 ";}
.fa-drivers-license::before,.fa-id-card::before{content: "\f2c2 ";}
.fa-drivers-license-o::before,.fa-id-card-o::before{content: "\f2c3 ";}
.fa-quora::before{content: "\f2c4 ";}
.fa-free-code-camp::before{content: "\f2c5 ";}
.fa-telegram::before{content: "\f2c6 ";}
.fa-thermometer-4::before,.fa-thermometer::before,.fa-thermometer-full::before{content: "\f2c7 ";}
.fa-thermometer-3::before,.fa-thermometer-three-quarters::before{content: "\f2c8 ";}
.fa-thermometer-2::before,.fa-thermometer-half::before{content: "\f2c9 ";}
.fa-thermometer-1::before,.fa-thermometer-quarter::before{content: "\f2ca ";}
.fa-thermometer-0::before,.fa-thermometer-empty::before{content: "\f2cb ";}
.fa-shower::before{content: "\f2cc ";}
.fa-bathtub::before,.fa-s15::before,.fa-bath::before{content: "\f2cd ";}
.fa-podcast::before{content: "\f2ce ";}
.fa-window-maximize::before{content: "\f2d0 ";}
.fa-window-minimize::before{content: "\f2d1 ";}
.fa-window-restore::before{content: "\f2d2 ";}
.fa-times-rectangle::before,.fa-window-close::before{content: "\f2d3 ";}
.fa-times-rectangle-o::before,.fa-window-close-o::before{content: "\f2d4 ";}
.fa-bandcamp::before{content: "\f2d5 ";}
.fa-grav::before{content: "\f2d6 ";}
.fa-etsy::before{content: "\f2d7 ";}
.fa-imdb::before{content: "\f2d8 ";}
.fa-ravelry::before{content: "\f2d9 ";}
.fa-eercast::before{content: "\f2da ";}
.fa-microchip::before{content: "\f2db ";}
.fa-snowflake-o::before{content: "\f2dc ";}
.fa-superpowers::before{content: "\f2dd ";}
.fa-wpexplorer::before{content: "\f2de ";}
.fa-meetup::before{content: "\f2e0 ";}
/*== layout & components ==*/

body{padding-top:55px!important;font-family:"Bai Jamjuree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#444;font-size:16px;background:#fff}
a{color:#3e9b52;text-decoration:none}a:hover{color:#2a6a38}
#t4-header{position:fixed;top:0;left:0;right:0;z-index:1030;background:#3e9b52;border-bottom:1px solid #378948}
#t4-header .header-block{padding:0;margin:0;background:none;border:0}
#t4-header .container-xxl{max-width:1170px;padding:0 15px}
#t4-header .header-wrap{height:55px;justify-content:flex-start!important}
#t4-header .navbar-brand{padding:0;margin:0 12px 0 0;height:55px}
#t4-header .navbar-brand a{display:block;height:55px}
#t4-header .logo-img{height:55px!important;width:auto!important;max-height:55px;display:block}
#t4-header .d-dark{display:none!important}
#t4-header .t4-navbar{margin:0!important;flex:1 1 auto}
#t4-header .navbar{padding:0;min-height:55px}
#t4-header .navbar-nav>li>a{color:#fff!important;text-transform:uppercase;font-size:14px;font-weight:500;padding:0 15px!important;line-height:55px;height:55px;letter-spacing:0;border:0}
#t4-header .navbar-nav>li>a:hover,#t4-header .navbar-nav>li>a:focus,#t4-header .navbar-nav>li.active>a,#t4-header .navbar-nav>li.show>a,#t4-header .navbar-nav>li:hover>a{background:#378948!important;color:#fff!important}
#t4-header .navbar-nav>li>a .item-caret,#t4-header .navbar-nav>li>a::after{display:none!important}
#t4-header .t4-megamenu .mega-dropdown-menu{margin-top:0;top:55px}
.t4-megamenu .mega-dropdown-menu .nav-link{padding:7px 14px;color:#263238;font-size:15px;font-weight:600;line-height:1.3;border-radius:8px;display:block;white-space:normal}
.t4-megamenu .mega-dropdown-menu .nav-link:hover,.t4-megamenu .mega-dropdown-menu li.active>.nav-link{background:#e8f5e9;color:#1b5e20}
.t4-megamenu .mega-dropdown-menu li>a::after{display:block;font-size:12px;font-weight:400;color:#78909c;margin-top:1px;border:0!important;position:static!important;width:auto;height:auto;background:none!important}
.t4-megamenu .mega-dropdown-menu .nav-header{pointer-events:none;background:none!important;border-radius:0}
.t4-megamenu .mega-nav{list-style:none;padding:0;margin:0}
.t4-megamenu .mega-dropdown-inner{padding:8px 6px}
#t4-headsearch{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1170px;height:0;z-index:1031;padding:0;margin:0;background:none}#t4-headsearch search,#t4-headsearch .search{position:fixed;right:15px;top:0;display:block}
#t4-headsearch .search{margin:0}
#t4-headsearch .awesomplete{display:block}
#t4-headsearch input.form-control{width:55px;height:55px;border:0;border-radius:0;background:#378948 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5' stroke-linecap='round'/%3E%3C/svg%3E") 18px center/18px no-repeat;color:#e4f4e7;font-size:14px;padding:10px 15px 10px 40px;transition:width .25s;box-shadow:none;cursor:pointer}
#t4-headsearch input.form-control::placeholder{color:transparent}
#t4-headsearch input.form-control:focus{width:220px;cursor:text;background-color:#2f7a40}
#t4-headsearch input.form-control:focus::placeholder{color:#cfe8d4}
.t4-main-body{padding:0}
.t4-main-body>.t4-section-inner,.t4-main-body .container{max-width:1170px;padding:20px 15px}
.t4-main-body .t3-content,.t4-main-body .t3-sidebar{padding-top:20px;padding-bottom:20px}
.t3-navhelper{background:#eee;padding:5px 0;color:#999}
.t3-navhelper .container{max-width:1170px}
.t3-navhelper .breadcrumb{background:#eee;padding:8px 0;margin:0;font-size:16px}
.t3-navhelper .breadcrumb a{color:#3e9b52}
.t3-footer{background:#f7f7f7;color:#666;padding:0}
.t3-footer .t3-copyright{font-size:12px;padding:20px 0 0;line-height:1.43}
.t3-footer .container{max-width:1170px}
.t3-footer h4{font-size:18px;font-weight:500;margin:10px 0;padding:0 0 10px;color:#666}
.t3-footer small{display:block;margin:0 0 5px;font-size:12px}

.page-masthead{padding:0;margin:0}
.t4-section{margin:0}
@media(max-width:991.98px){}
/* ===== Mega menu ===== */ .t4-megamenu .mega-dropdown-menu,.t4-megamenu .mega-dropdown-menu .mega-inner,.t4-megamenu .mega-dropdown-menu .mega-inner{background:#fff!important}
.t4-megamenu .mega-nav>li{border:0!important;margin:1px 0}
.t4-megamenu .mega-dropdown-menu{border:0;border-radius:0 0 14px 14px;box-shadow:0 14px 30px rgba(0,0,0,.14);padding:6px 4px}
.t4-megamenu .nav-header{font-family:var(--sans);font-size:12.5px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g)!important;padding:12px 14px 8px!important;margin:0 0 4px;border-bottom:2px solid var(--gl)}
.t4-megamenu .mega-nav>li>a{padding:8px 14px!important;border-radius:8px;font-family:var(--sans);font-size:15px;font-weight:600;color:var(--tx)!important;line-height:1.3;white-space:normal}
.t4-megamenu .mega-nav>li>a:hover,.t4-megamenu .mega-nav>li.active>a{background:var(--gl)!important;color:var(--gd)!important}
.t4-megamenu .mega-caption{display:block;font-size:12.5px;font-weight:400;color:var(--mu);margin-top:2px;line-height:1.35}
.t4-megamenu li[data-id="1197"]>a::after{content:"Soạn thảo văn bản"}
.t4-megamenu li[data-id="1198"]>a::after{content:"Bảng tính, hàm, biểu đồ"}
.t4-megamenu li[data-id="1199"]>a::after{content:"Bài trình chiếu"}
.t4-megamenu li[data-id="1203"]>a::after{content:"Dữ liệu và tự động hóa"}
.t4-megamenu li[data-id="1204"]>a::after{content:"Ngôn ngữ của web"}
.t4-megamenu li[data-id="1205"]>a::after{content:"Nền tảng lập trình"}
.t4-megamenu li[data-id="1206"]>a::after{content:"Ứng dụng .NET"}
.t4-megamenu li[data-id="1207"]>a::after{content:"Lập trình cơ bản"}
.t4-megamenu li[data-id="1210"]>a::after{content:"Cấu trúc trang web"}
.t4-megamenu li[data-id="1211"]>a::after{content:"Bộ chọn, Flexbox, Grid"}
.t4-megamenu li[data-id="1212"]>a::after{content:"React, Vue, Angular"}
.t4-megamenu li[data-id="1215"]>a::after{content:"Viết mã cùng AI"}
.t4-megamenu li[data-id="1217"]>a::after{content:"Quản lý mã nguồn"}
.t4-megamenu li[data-id="1218"]>a::after{content:"Thiết kế đồ họa"}
.t4-megamenu li[data-id="1219"]>a::after{content:"Đảm bảo chất lượng"}
.t4-megamenu li[data-id="1220"]>a::after{content:"Tối ưu tìm kiếm"}
.t4-megamenu li[data-id="1224"]>a::after{content:"Docs, Sheets, Drive, Meet"}
.t4-megamenu li[data-id="1225"]>a::after{content:"Bộ văn phòng miễn phí"}
.t4-megamenu li[data-id="1226"]>a::after{content:"Copilot, Gemini, ChatGPT"}
.t4-megamenu li[data-id="1237"]>a::after{content:"Copilot, Gemini, ChatGPT"}
.t4-megamenu li[data-id="1238"]>a::after{content:"JavaScript có kiểu"}
.t4-megamenu li[data-id="1239"]>a::after{content:"Ứng dụng đa nền tảng"}
.t4-megamenu li[data-id="1253"]>a::after{content:"Tương tác, DOM, fetch"}
.t4-megamenu li[data-id="1254"]>a::after{content:"Front-end an toàn kiểu"}
.t4-megamenu li[data-id="1255"]>a::after{content:"Lập trình máy chủ"}
.t4-megamenu li[data-id="1256"]>a::after{content:"Truy vấn dữ liệu"}
.t4-megamenu li[data-id="1257"]>a::after{content:"Ứng dụng có CSDL"}
.t4-megamenu li[data-id="1258"]>a::after{content:"Viết mã cùng AI"}
.t4-megamenu li[data-id="1259"]>a::after{content:"Thành phần, lưới 12 cột"}
.t4-megamenu li[data-id="1260"]>a::after{content:"Lớp tiện ích utility-first"}
.t4-megamenu li[data-id="1261"]>a::after{content:"JavaScript phía máy chủ"}
.t4-megamenu li[data-id="1262"]>a::after{content:"React full-stack"}
.t4-megamenu li[data-id="1263"]>a::after{content:"Cấu trúc, kỹ thuật, prompt mẫu"}
.t4-megamenu li[data-id="1264"]>a::after{content:"Claude, ChatGPT, Gemini làm trợ lý"}
body{line-height:1.42857}
.t3-content .item-page>.container{max-width:none!important;padding:0!important;width:100%}
.t3-content .item-page>.container:has(>.full-image:empty){display:none}
.t3-content .top-article-info{max-width:none;margin:0 0 18px;padding:0 0 12px;border-bottom:3px solid var(--g)}
.t3-content .top-article-info .page-header{margin:0;padding:0;border:0}
.t3-content .top-article-info .page-header h2{margin:0!important;padding:0!important;border:0!important}
.t3-content .top-article-info .article-aside:empty,.t3-content .top-article-info .bottom-meta:empty{display:none!important}
.t3-content .bottom-article-info{max-width:none}
.t3-content .article-inner>.row{display:block;margin:0}
.t3-content .article-inner>.row>div{width:100%;max-width:none;padding:0;margin:0!important;flex:none}
.t3-content .article-inner>.row>.col-md-3:has(.siderbar-article:empty){display:none}
.t3-footer .t3-copyright .col-md-8,.t3-footer .t3-copyright .row>div{font-size:12px;line-height:1.43}
.t3-footer p{margin:0 0 10px}

#t4-header{height:56px}
#t4-header .header-block,#t4-header .header-wrap{padding-top:0!important;padding-bottom:0!important;min-height:0!important}
#t4-header .navbar-brand{margin:0!important;background:#378948;width:160px}
#t4-header .navbar-nav{margin:0;padding:0;gap:0}
#t4-header .navbar-nav>li{margin:0 0 0 30px!important;padding:0!important}
#t4-header .navbar-nav>li>a{padding:0!important;font-size:16px!important;font-weight:400!important;color:#e4f4e7!important;line-height:55px;height:55px;background:none!important}
#t4-header .navbar-nav>li>a:hover,#t4-header .navbar-nav>li:hover>a,#t4-header .navbar-nav>li.active>a,#t4-header .navbar-nav>li.show>a{color:#fff!important;background:none!important;box-shadow:inset 0 -2px 0 #fff}


.t3-footer a{color:#3e9b52}
.t3-footer h4 a{color:#3e9b52}


.t3-content .pagenavigation a.btn{border:1px solid transparent;background:none;color:#3e9b52;font-size:12px;padding:5px 10px;text-transform:none;border-radius:0;font-weight:400}
#back-to-top,.back-to-top{background:#3e9b52!important;color:#fff!important;border-radius:0;width:44px;height:44px}

.t3-content .top-article-info{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;width:100%}
.t3-sidebar .tht-side ul li{display:list-item!important;list-style:none;border-bottom:1px dashed #eee!important;padding:0!important;margin:0!important;min-height:0!important}
.t3-sidebar .tht-side ul li a{font-size:16px!important;line-height:1.45!important;display:block!important}
.tht-side .module-title{line-height:1.1!important}
.t4-main-body .t3-sidebar,.t4-main-body .t3-content{padding-left:15px;padding-right:15px}
#t4-header .navbar-nav>li+li{margin-left:42px!important}
.t3-content .pagenavigation .visually-hidden{position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important;margin:0!important;display:inline!important}
.t3-content .pagenavigation [class^="icon-chevron"]{font-family:"Font Awesome 6 Free";font-weight:900;font-style:normal}
.t3-content .pagenavigation .icon-chevron-left::before{content:"\f104"}
.t3-content .pagenavigation .icon-chevron-right::before{content:"\f105"}

/*hero port*/
:where(.page-masthead) input.input-lg{height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 0px;}
:where(.page-masthead) selectinput.input-lg{height: 45px; line-height: 45px;}
@media screen and (-webkit-min-device-pixel-ratio: 0){:where(.page-masthead) input[type="date"].input-lg,:where(.page-masthead) input[type="time"].input-lg,:where(.page-masthead) input[type="datetime-local"].input-lg,:where(.page-masthead) input[type="month"].input-lg{line-height: 45px;}}
:where(.page-masthead) .form-control-static.input-lg{padding-right: 0px; padding-left: 0px;}
:where(.page-masthead) .input-lg{height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 0px;}
:where(.page-masthead) select.input-lg{height: 45px; line-height: 45px;}
:where(.page-masthead) textarea.input-lg,:where(.page-masthead) select[multiple].input-lg{height: auto;}
:where(.page-masthead) .input-lg + .form-control-feedback{width: 45px; height: 45px; line-height: 45px;}
:where(.page-masthead) .btn{display: inline-block; margin-bottom: 0px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 0px; user-select: none;}
:where(.page-masthead) .btn:focus,:where(.page-masthead) .btn:active:focus,:where(.page-masthead) .btn.active:focus,:where(.page-masthead) .btn.focus,:where(.page-masthead) .btn:active.focus,:where(.page-masthead) .btn.active.focus{outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px;}
:where(.page-masthead) .btn:hover,:where(.page-masthead) .btn:focus,:where(.page-masthead) .btn.focus{color: rgb(51, 51, 51); text-decoration: none;}
:where(.page-masthead) .btn:active,:where(.page-masthead) .btn.active{background-image: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset;}
:where(.page-masthead) .btn.disabled{cursor: not-allowed; opacity: 0.65; box-shadow: none;}
:where(.page-masthead) .btn-default{color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204);}
:where(.page-masthead) .btn-default:focus,:where(.page-masthead) .btn-default.focus{color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); border-color: rgb(140, 140, 140);}
:where(.page-masthead) .btn-default:hover{color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); border-color: rgb(173, 173, 173);}
:where(.page-masthead) .btn-default:active,:where(.page-masthead) .btn-default.active,:where(.page-masthead) .open > .dropdown-toggle.btn-default{color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); background-image: none; border-color: rgb(173, 173, 173);}
:where(.page-masthead) .btn-default:active:hover,:where(.page-masthead) .btn-default.active:hover,:where(.page-masthead) .open > .dropdown-toggle.btn-default:hover,:where(.page-masthead) .btn-default:active:focus,:where(.page-masthead) .btn-default.active:focus,:where(.page-masthead) .open > .dropdown-toggle.btn-default:focus,:where(.page-masthead) .btn-default:active.focus,:where(.page-masthead) .btn-default.active.focus,:where(.page-masthead) .open > .dropdown-toggle.btn-default.focus{color: rgb(51, 51, 51); background-color: rgb(212, 212, 212); border-color: rgb(140, 140, 140);}
:where(.page-masthead) .btn-default.disabled:hover,:where(.page-masthead) .btn-default[disabled]:hover,:where(.page-masthead) fieldset[disabled] .btn-default:hover,:where(.page-masthead) .btn-default.disabled:focus,:where(.page-masthead) .btn-default[disabled]:focus,:where(.page-masthead) fieldset[disabled] .btn-default:focus,:where(.page-masthead) .btn-default.disabled.focus,:where(.page-masthead) .btn-default[disabled].focus,:where(.page-masthead) fieldset[disabled] .btn-default.focus{background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204);}
:where(.page-masthead) .btn-default .badge{color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);}
:where(.page-masthead) .btn-primary{color: rgb(255, 255, 255); background-color: rgb(62, 155, 82); border-color: rgb(55, 137, 72);}
:where(.page-masthead) .btn-primary:focus,:where(.page-masthead) .btn-primary.focus{color: rgb(255, 255, 255); background-color: rgb(47, 119, 63); border-color: rgb(18, 46, 24);}
:where(.page-masthead) .btn-primary:hover{color: rgb(255, 255, 255); background-color: rgb(47, 119, 63); border-color: rgb(37, 93, 49);}
:where(.page-masthead) .btn-primary:active,:where(.page-masthead) .btn-primary.active,:where(.page-masthead) .open > .dropdown-toggle.btn-primary{color: rgb(255, 255, 255); background-color: rgb(47, 119, 63); background-image: none; border-color: rgb(37, 93, 49);}
:where(.page-masthead) .btn-primary:active:hover,:where(.page-masthead) .btn-primary.active:hover,:where(.page-masthead) .open > .dropdown-toggle.btn-primary:hover,:where(.page-masthead) .btn-primary:active:focus,:where(.page-masthead) .btn-primary.active:focus,:where(.page-masthead) .open > .dropdown-toggle.btn-primary:focus,:where(.page-masthead) .btn-primary:active.focus,:where(.page-masthead) .btn-primary.active.focus,:where(.page-masthead) .open > .dropdown-toggle.btn-primary.focus{color: rgb(255, 255, 255); background-color: rgb(37, 93, 49); border-color: rgb(18, 46, 24);}
:where(.page-masthead) .btn-primary.disabled:hover,:where(.page-masthead) .btn-primary[disabled]:hover,:where(.page-masthead) fieldset[disabled] .btn-primary:hover,:where(.page-masthead) .btn-primary.disabled:focus,:where(.page-masthead) .btn-primary[disabled]:focus,:where(.page-masthead) fieldset[disabled] .btn-primary:focus,:where(.page-masthead) .btn-primary.disabled.focus,:where(.page-masthead) .btn-primary[disabled].focus,:where(.page-masthead) fieldset[disabled] .btn-primary.focus{background-color: rgb(62, 155, 82); border-color: rgb(55, 137, 72);}
:where(.page-masthead) .btn-primary .badge{color: rgb(62, 155, 82); background-color: rgb(255, 255, 255);}
:where(.page-masthead) .btn-lg{padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 0px;}
:where(.page-masthead) .btn-group > .btn-lg + .dropdown-toggle{padding-right: 12px; padding-left: 12px;}
:where(.page-masthead) .btn-lg .caret{border-width: 5px 5px 0px;}
:where(.page-masthead) .dropup .btn-lg .caret{border-width: 0px 5px 5px;}
:where(.page-masthead) .input-group-addon.input-lg{padding: 10px 16px; font-size: 18px; border-radius: 0px;}
:where(.page-masthead) .jumbotron{padding-top: 40px; padding-bottom: 40px; margin-bottom: 40px; color: inherit; background-color: rgb(238, 238, 238);}
:where(.page-masthead) .jumbotron h1,:where(.page-masthead) .jumbotron .h1{color: inherit;}
:where(.page-masthead) .jumbotron p{margin-bottom: 20px; font-size: 21px; font-weight: 200;}
:where(.page-masthead) .jumbotron > hr{border-top-color: rgb(213, 213, 213);}
:where(.page-masthead) .container .jumbotron,:where(.page-masthead) .container-fluid .jumbotron{padding-right: 15px; padding-left: 15px; border-radius: 0px;}
:where(.page-masthead) .jumbotron .container{max-width: 100%;}
@media screen and (min-width: 768px){:where(.page-masthead) .jumbotron{padding-top: 64px; padding-bottom: 64px;}}
@media screen and (min-width: 768px){:where(.page-masthead) .container .jumbotron,:where(.page-masthead) .container-fluid .jumbotron{padding-right: 80px; padding-left: 80px;}}
@media screen and (min-width: 768px){:where(.page-masthead) .jumbotron h1,:where(.page-masthead) .jumbotron .h1{font-size: 63px;}}
:where(.page-masthead) .center-block{display: block; margin-right: auto; margin-left: auto;}
:where(.page-masthead) .btn-actions .btn-lg{font-size: 18px; padding: 10px 20px; border-radius: 20px;}
:where(.page-masthead) .btn-actions .btn + .btn{margin-left: 20px;}
@media screen and (min-width: 768px){:where(.page-masthead) .btn-actions .btn-lg{font-size: 24px; padding: 10px 30px; border-radius: 30px;}}
:where(.page-masthead) .jumbotron::before,:where(.page-masthead) .jumbotron::after{display: table; content: " ";}
:where(.page-masthead) .jumbotron::after{clear: both;}
:where(.page-masthead) .jumbotron h1,:where(.page-masthead) .jumbotron h2,:where(.page-masthead) .jumbotron h3{margin-top: 0px;}
:where(.page-masthead) .jumbotron p{color: rgb(102, 102, 102);}
:where(.page-masthead) .jumbotron p:last-child{margin-bottom: 0px;}
:where(.page-masthead) .container .jumbotron{border-radius: 0px;}
:where(.page-masthead) .jumbotron .btn{margin-top: 20px; margin-bottom: 20px;}
:where(.page-masthead) .masthead{padding-top: 40px; padding-bottom: 40px; text-align: center;}
:where(.page-masthead) .masthead p:last-child{margin-bottom: 0px;}
@media screen and (min-width: 992px){:where(.page-masthead) .masthead{padding-top: 80px; padding-bottom: 80px;}}
@media screen and (min-width: 992px){:where(.page-masthead) .masthead h1{font-size: 84px;}}
@media screen and (min-width: 992px){:where(.page-masthead) .masthead p{font-size: 28px;}}
@media screen and (min-width: 992px){:where(.page-masthead) .masthead .btn-lg{padding: 15px 40px; font-size: 24px;}}
:where(.page-masthead) .jumbotron-primary{background-color: rgb(62, 155, 82);}
:where(.page-masthead) .jumbotron-primary h1,:where(.page-masthead) .jumbotron-primary h2,:where(.page-masthead) .jumbotron-primary h3{color: rgb(255, 255, 255);}
:where(.page-masthead) .jumbotron-primary p{color: rgb(228, 244, 231);}
:where(.page-masthead) .jumbotron-primary .btn-primary{border-color: rgb(255, 255, 255);}
.page-masthead::before,.page-masthead::after{display: table; content: " ";}
.page-masthead::after{clear: both;}
.page-masthead .jumbotron{padding: 60px 0px; margin-top: 0px !important; margin-bottom: 0px !important;}
@media screen and (max-width: 991px){.page-masthead .jumbotron{padding-top: 40px; padding-bottom: 40px;}}
@media screen and (max-width: 767px){.page-masthead .jumbotron{padding-left: 20px;}}
@media screen and (max-width: 767px){.page-masthead .jumbotron .container{padding: 0px;}}
:where(.page-masthead) .t4-module{border-top: 1px solid rgb(238, 238, 238); padding: 40px 0px; font-size: 16px; color: rgb(102, 102, 102); line-height: 1.5;}
.page-masthead .t4-module{padding: 40px 0px;}
@media screen and (min-width: 992px){:where(.page-masthead) .t4-module{padding: 60px 0px;}}
@media screen and (min-width: 992px){.page-masthead .t4-module{padding: 100px 0px;}}
:where(.page-masthead) .t4-module h1,:where(.page-masthead) .t4-module h2,:where(.page-masthead) .t4-module h3{line-height: 1.15; color: rgb(68, 68, 68);}
:where(.page-masthead) .t4-module h1{margin-top: 0px; margin-bottom: 60px; font-weight: 300;}
@media screen and (min-width: 768px){:where(.page-masthead) .t4-module h1{font-size: 84px;}}
:where(.page-masthead) .t4-module h1 + p{margin-top: -55px;}
:where(.page-masthead) .t4-module h2{margin-top: 0px; margin-bottom: 10px;}
@media screen and (min-width: 768px){:where(.page-masthead) .t4-module h2{font-size: 42px;}}
:where(.page-masthead) .t4-module h3{margin-top: 20px; margin-bottom: 20px;}
@media screen and (min-width: 768px){:where(.page-masthead) .t4-module h3{font-size: 27.6px;}}
:where(.page-masthead) .t4-module h3 + p{margin-top: -10px;}
:where(.page-masthead) .t4-module .feature-ct{width: 100%; padding-top: 10px;}
@media screen and (min-width: 768px){:where(.page-masthead) .t4-module .pull-left.item-image + .feature-ct{width: 50%; float: right; padding-left: 20px;}}
@media screen and (min-width: 768px){:where(.page-masthead) .t4-module .pull-right.item-image + .feature-ct{width: 50%; float: left; padding-right: 20px;}}
:where(.page-masthead) .t4-module.text-center{text-align: center;}
:where(.page-masthead) .t4-module.row-feature-alt,:where(.page-masthead) .t4-module:nth-child(2n){background: rgb(247, 247, 247);}
:where(.page-masthead) .t4-module.row-feature-primary{background-image: url("/images/home-bg.jpg"); background-size: 100% 100%; color: rgb(228, 244, 231);}
@media screen and (min-width: 992px){:where(.page-masthead) .t4-module.row-feature-primary{padding: 200px 0px;}}
:where(.page-masthead) .t4-module.row-feature-primary h1,:where(.page-masthead) .t4-module.row-feature-primary h2,:where(.page-masthead) .t4-module.row-feature-primary h3{color: rgb(255, 255, 255);}
:where(.page-masthead) .t4-module.row-feature-primary .feature-ct,:where(.page-masthead) .t4-module.row-feature-primary p{color: rgb(228, 244, 231);}
:where(.page-masthead) .t4-module.row-feature-primary .btn-primary{border-color: rgb(255, 255, 255);}
:where(.page-masthead) .t4-module.row-feature-primary + .row-feature-primary{border-top: 1px solid rgb(47, 119, 63);}
:where(.page-masthead) .t4-module .row-feature-narrow{padding-top: 20px; padding-bottom: 20px;}
:where(.page-masthead) .t4-module:first-child{border-top: 0px;}
:where(.page-masthead) .t4-module .item-image{width: 100%; float: none; margin-bottom: 20px;}
:where(.page-masthead) .t4-module .item-image img{max-width: 100%;}
@media screen and (min-width: 768px){:where(.page-masthead) .t4-module .pull-left.item-image,:where(.page-masthead) .t4-module .pull-right.item-image{max-width: 50%; min-width: 25%; margin-bottom: 0px;}}
@media screen and (min-width: 768px){:where(.page-masthead) .t4-module .pull-left.item-image{float: left; text-align: left; padding-right: 20px;}}
@media screen and (min-width: 768px){:where(.page-masthead) .t4-module .pull-right.item-image{float: right; text-align: right; padding-left: 20px;}}
:where(.page-masthead) .t4-module .page-header{border: 0px; margin: 0px 0px 20px; padding: 0px;}
:where(.page-masthead) .t4-module .jumbotron{background: transparent; position: relative; margin-top: 0px; margin-bottom: 20px; padding-top: 0px; padding-bottom: 0px; text-align: center;}
@media screen and (min-width: 768px){:where(.page-masthead) .t4-module .jumbotron{margin-bottom: 60px;}}
:where(.page-masthead) .t4-module .gallery .thumbnail{border: 0px; padding: 0px;}
:where(.page-masthead) .t4-module .gallery .thumbnail a{display: block; border: 1px solid rgb(238, 238, 238); padding: 3px; transition: border-color 0.2s ease-in;}
:where(.page-masthead) .t4-module .gallery .thumbnail a img{width: 100%; padding: 0px;}
:where(.page-masthead) .t4-module .gallery .thumbnail a:hover,:where(.page-masthead) .t4-module .gallery .thumbnail a:focus,:where(.page-masthead) .t4-module .gallery .thumbnail a:active{border-color: rgb(187, 187, 187);}
:where(.page-masthead) .t4-module .gallery .thumbnail a:hover img,:where(.page-masthead) .t4-module .gallery .thumbnail a:focus img,:where(.page-masthead) .t4-module .gallery .thumbnail a:active img{opacity: 0.7;}
:where(.page-masthead) .tht-nopadding{padding: 0px;}
:where(.page-masthead) .thtBreakLine{border: 0px; height: 3px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); margin-bottom: 50px;}
:where(.page-masthead) .thtQuestion{font-family: "Dancing Script", cursive; text-shadow: none; transition: text-shadow 1s linear;}
:where(.page-masthead) .thtQuestion:hover{text-shadow: rgb(231, 231, 231) 0px 0px 0px, rgb(216, 216, 216) 1px 1px 0px, rgb(202, 202, 202) 2px 2px 0px, rgb(187, 187, 187) 3px 3px 0px; transition: text-shadow 1s linear;}
:where(.page-masthead) .text-lg-left{font-size: 45px;}
:where(.page-masthead) #thtTutorialList{color: rgb(245, 61, 28); text-align: center; text-align-last: center; display: inline; font-size: 45px; border: 0px; background: transparent; width: auto; height: 85px; line-height: 65px; padding: 0px; appearance: none; text-shadow: rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 2px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 0, 222) 0px 0px 4px, rgb(255, 0, 222) 0px 0px 7px, rgb(255, 0, 222) 0px 0px 8px, rgb(255, 0, 222) 0px 0px 10px, rgb(255, 0, 222) 0px 0px 15px;}
@media screen and (max-width: 700px){:where(.page-masthead) #thtTutorialList,:where(.page-masthead) .text-lg-left{font-size: 28px; line-height: 40px;}}
@media screen and (max-width: 700px){:where(.page-masthead) #thtTutorialList{text-align: center; height: 58px;}}
:where(.page-masthead) .t4-module{padding:0;border-top:0;color:#666;font-size:16px;line-height:1.5;margin:0}
:where(.page-masthead) .t4-module.row-feature-primary{padding:200px 0;color:#e4f4e7;background-image:url(/images/home-bg.jpg);background-size:100% 100%;background-repeat:repeat}
:where(.page-masthead) .t4-module.row-feature-primary .custom{max-width:1170px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
/*bs3 base*/
p{margin:0 0 10px}
h1,h2,h3,.h1,.h2,.h3{margin-top:20px;margin-bottom:10px;line-height:1.1}
h4,h5,h6{margin-top:10px;margin-bottom:10px;line-height:1.1}
ul,ol{margin-top:0;margin-bottom:10px}
.container,.container-fluid{--bs-gutter-x:30px}
.row{--bs-gutter-x:30px}
hr{opacity:1}

.page-masthead .t4-module:has(.th-sec){padding:0!important;background:transparent!important;border:0!important;margin:0!important}
.page-masthead .t4-module:has(.th-sec) .custom{width:100%;max-width:none;padding:0}

hr{margin:20px 0;border:0;border-top:1px solid #eee}
:where(.page-masthead) .t4-module.row-feature-primary .custom{padding-left:0!important;padding-right:0!important}
:where(.page-masthead) .btn-actions .btn{background-color:rgb(62, 155, 82);background-image:none;color:rgb(255, 255, 255);border:1px solid rgb(55, 137, 72);border-radius:30px;box-shadow:none;font-weight:400;text-transform:none;font-size:24px;line-height:31.92px;padding:15px 40px;margin:20px 0px;font-family:"Bai Jamjuree", sans-serif;letter-spacing:normal;display:inline-block;text-shadow:none}
.t3-footer .t3-copyright .container{padding:0 15px}
.t3-footer .t3-copyright .row{display:block;margin:0 -15px}
.t3-footer .t3-copyright .row::after{content:"";display:table;clear:both}
.t3-footer .t3-copyright .col-md-8{float:left;width:66.6667%;padding:0 15px;margin:0 0 20px;font-size:12px;line-height:1.42857}
.t3-footer .t3-copyright .col-md-4{float:left;width:33.3333%;padding:0 15px}
.t3-footer .text-hide{font-size:0;line-height:0;color:transparent}
.t3-footer .module-inner,.t3-footer .custom{margin:0;padding:0}
@media(max-width:991.98px){.t3-footer .t3-copyright .col-md-8,.t3-footer .t3-copyright .col-md-4{float:none;width:100%}}

.t3-footer .poweredby{text-align:right}

.t4-megamenu .mega-dropdown-menu li>.nav-header,.t4-megamenu .mega-dropdown-menu li.active>.nav-header{background:none!important}



@font-face{font-family:"FontAwesome";src:url("/templates/purity_iii/fonts/font-awesome/fonts/fontawesome-webfont.woff2") format("woff2"),url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:block}
.tht-side ul li .item-body{margin:0!important;padding:0!important}
.tht-side ul li .item-title{margin:0!important;padding:0!important;font-size:inherit!important;font-weight:400!important;line-height:inherit!important;font-family:inherit!important}
.tht-side ul li .item-meta{display:none!important}
.tht-side ul li a::before{content:none!important;display:none!important}

.t3-content .pagenavigation{margin:20px 0 20px;padding:40px 0 0;border-top:1px solid #eee;display:block}
.t3-content .pagenavigation .pagination{display:block;float:none;margin:20px 0;padding:0;gap:0}
.t3-content .pagenavigation a.btn{display:inline-block;margin:0!important;vertical-align:baseline;line-height:1.5}
.t3-content .pagenavigation [class^="icon-chevron"]{margin:0!important}



.t3-content .item-page{margin-bottom:40px;display:flow-root}

.t3-navhelper .breadcrumb{display:flex!important;flex-wrap:wrap;padding:8px 0!important;margin:0!important;font-size:16px;line-height:1.42857;background:#eee;border-radius:0;list-style:none}
.t3-navhelper .breadcrumb>li{display:block!important;padding:0!important;margin:0!important;color:#999!important;float:none}
.t3-navhelper .breadcrumb>li .divider{display:none!important}
.t3-navhelper .breadcrumb>li::before{display:inline!important;float:none!important;padding:0 5px!important;color:#999!important;content:"/ "!important}
.t3-navhelper .breadcrumb>li:first-child::before{content:none!important;display:none!important}
.t3-navhelper .breadcrumb>li:nth-child(2)::before{content:""!important}
.t3-navhelper .breadcrumb>li:first-child{width:12px}
.t3-navhelper .breadcrumb>li:first-child .fa-home::before,.t3-navhelper .breadcrumb>li:first-child .icon::before{content:"\f041"!important}
.t3-navhelper .breadcrumb>li:first-child .icon{font-size:16px;color:#999;margin:0;width:auto}
.t3-content .top-article-info,.t3-content .top-article-info .page-header,.t3-content .top-article-info .page-header h2{max-width:none!important;width:auto!important;padding-right:0!important;margin-right:0!important}
.t3-footer{font-size:16px;line-height:1.42857}
.t3-footer .t3-copyright .row>.text-hide,.t3-footer .t3-copyright .text-hide{font-size:0!important;line-height:0!important;color:transparent}

.t3-navhelper .container,.t3-navhelper>.t4-section-inner{padding-left:15px!important;padding-right:15px!important;max-width:1170px}

/*article alias*/
.t3-content div:where(.article-body,.item-intro) h2:not(.lh h2):not(.th-sec h2),.t3-content div:where(.article-body,.item-intro) h3:not(.lh h3){font-family:var(--sans)!important;font-weight:700;color:var(--tx);text-shadow:none!important;font-style:normal;letter-spacing:0}
.t3-content div:where(.article-body,.item-intro) h2:not(.lh h2){font-size:23px;margin:30px 0 12px;padding:0 0 8px 14px;border-left:5px solid var(--g);border-bottom:1px solid var(--ln)}
.t3-content div:where(.article-body,.item-intro) h3:not(.lh h3){font-size:19px;color:var(--bl)}
.t3-content div:where(.article-body,.item-intro),.t3-content div:where(.article-body,.item-intro) p,.t3-content div:where(.article-body,.item-intro) li{font-family:var(--sans);font-size:17px;line-height:1.8;text-align:left!important}
/*blog*/
.t3-content .blog .blog-item{margin:0 0 40px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.t3-content .blog .blog-item-content,.t3-content .blog .item-content{padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important}
.t3-content .blog .blog-item .page-header{margin:0 0 18px!important;padding:0 0 12px!important;border-bottom:3px solid var(--g)!important}
.t3-content .blog .blog-item .page-header h2{margin:0!important;padding:0!important;border:0!important}
.t3-content .blog .blog-item .page-header h2 a{color:inherit;text-decoration:none}
.t3-content .blog .blog-item .item-content>div>div.article-aside{margin:0!important}
.t3-content .blog .blog-item .item-intro{margin:0!important}
.t3-content .blog .items-more{padding:0!important;margin:0!important;border:0!important}
.t3-content .blog .items-more h3{font-size:24px;line-height:1.1;margin:0 0 20px}

.t3-content .blog .blog-item .item-intro,.t3-content .blog .blog-item .item-content{color:#444}

/*== Purity III site rules for article content (structural aliases) ==*/
.article-body > ul > li{list-style: none; background: url("/images/icon-bullet.png") 0px 4px no-repeat; padding: 0px 0px 0px 19px;}
div:where(.article-body,.item-intro) img,.item-intro img{max-width: 100%;}
div:where(.article-body,.item-intro) img[align="left"],.item-intro img[align="left"],div:where(.article-body,.item-intro) .img-fulltext-left,.item-intro .img-fulltext-left,div:where(.article-body,.item-intro) .img-intro-left,.item-intro .img-intro-left,div:where(.article-body,.item-intro) .img_caption.left,.item-intro .img_caption.left,div:where(.article-body,.item-intro) .pull-left.item-image,.item-intro .pull-left.item-image{margin-right: 20px; max-width: 100%;}
@media screen and (max-width: 767px){div:where(.article-body,.item-intro) img[align="left"],.item-intro img[align="left"],div:where(.article-body,.item-intro) .img-fulltext-left,.item-intro .img-fulltext-left,div:where(.article-body,.item-intro) .img-intro-left,.item-intro .img-intro-left,div:where(.article-body,.item-intro) .img_caption.left,.item-intro .img_caption.left,div:where(.article-body,.item-intro) .pull-left.item-image,.item-intro .pull-left.item-image{margin: 0px 0px 20px;}}
div:where(.article-body,.item-intro) img[align="right"],.item-intro img[align="right"],div:where(.article-body,.item-intro) .img-fulltext-right,.item-intro .img-fulltext-right,div:where(.article-body,.item-intro) .img_caption.right,.item-intro .img_caption.right,div:where(.article-body,.item-intro) .img-intro-right,.item-intro .img-intro-right,div:where(.article-body,.item-intro) .pull-right.item-image,.item-intro .pull-right.item-image{margin-left: 20px; max-width: 100%;}
@media screen and (max-width: 767px){div:where(.article-body,.item-intro) img[align="right"],.item-intro img[align="right"],div:where(.article-body,.item-intro) .img-fulltext-right,.item-intro .img-fulltext-right,div:where(.article-body,.item-intro) .img_caption.right,.item-intro .img_caption.right,div:where(.article-body,.item-intro) .img-intro-right,.item-intro .img-intro-right,div:where(.article-body,.item-intro) .pull-right.item-image,.item-intro .pull-right.item-image{margin: 0px 0px 20px;}}
@media screen and (max-width: 992px){div:where(.article-body,.item-intro) img,.item-intro img,div:where(.article-body,.item-intro) img[align="left"],.item-intro img[align="left"],div:where(.article-body,.item-intro) img[align="right"],.item-intro img[align="right"],div:where(.article-body,.item-intro) .img_caption,.item-intro .img_caption,div:where(.article-body,.item-intro) .article-image-full,.item-intro .article-image-full,div:where(.article-body,.item-intro) .article-image-intro,.item-intro .article-image-intro,div:where(.article-body,.item-intro) .img-intro-none,.item-intro .img-intro-none,div:where(.article-body,.item-intro) .img-intro-left,.item-intro .img-intro-left,div:where(.article-body,.item-intro) .img-intro-right,.item-intro .img-intro-right,div:where(.article-body,.item-intro) .img-fulltext-none,.item-intro .img-fulltext-none,div:where(.article-body,.item-intro) .img-fulltext-left,.item-intro .img-fulltext-left,div:where(.article-body,.item-intro) .img-fulltext-right,.item-intro .img-fulltext-right{margin-left: 0px; margin-right: 0px;}}
div:where(.article-body,.item-intro) aside .btn-group > .dropdown-toggle,div:where(.article-body,.item-intro) aside .btn-group > .dropdown-toggle:hover,div:where(.article-body,.item-intro) aside .btn-group > .dropdown-toggle:active,div:where(.article-body,.item-intro) aside .btn-group > .dropdown-toggle:focus{padding: 2px 5px;}
div:where(.article-body,.item-intro) aside .btn-group > .dropdown-toggle .caret{margin-left: 2px;}
.article-body .pagination ul{border-left: 1px solid rgb(238, 238, 238);}
.article-body .pagination li{float: left; padding: 10px 20px; line-height: normal; border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(238, 238, 238) currentcolor; border-image: none;}
.article-body .pagination li a{border: 0px; text-decoration: none; background-color: transparent; line-height: normal; padding: 0px;}
.item-page.layout-default.no-sidebar img{border-radius:8px}

/*== main columns fixed like BS3 (md=992) ==*/
@media (min-width:992px){
.t3-mainbody .t4-row>.t3-sidebar{flex:0 0 25%!important;max-width:25%!important;width:25%!important}
.t3-mainbody .t4-row>.t3-content{flex:0 0 75%!important;max-width:75%!important;width:75%!important;min-width:0}
.t3-mainbody .t4-row>.t3-content:only-child{margin-left:25%}
}

.t3-content .article-body{display:flow-root!important;width:auto!important;max-width:100%}

.t3-content .blog .blog-item .item-intro{display:flow-root}

.t3-mainbody .t4-row{--bs-gutter-x:30px;margin-left:-15px!important;margin-right:-15px!important}

.t3-content .article-body{margin-bottom:0!important}
.t3-footer{border-top:0!important}

/*== neutralize Purity IV content styles ==*/
.t3-content .article-body figure,.t3-content .item-intro figure{margin-top:0;margin-left:0}
.t3-content .article-body figure figcaption,.t3-content .item-intro figure figcaption{color:inherit;font-size:inherit;line-height:inherit;padding:0;text-align:inherit;background:none;text-transform:none;letter-spacing:normal;font-style:inherit;margin:0}
.t3-content div.article-body .description,.t3-content div.item-intro .description{margin-top:0;margin-bottom:0}

/* live has no itemprop=articleBody, so the 313 rule for it must not take effect here */
.t3-content .article-body[itemprop] h1,.t3-content .item-intro[itemprop] h1{font-family:sans-serif!important;font-size:42px!important;font-weight:500;line-height:1.1;color:inherit;margin:.67em 0;text-shadow:none}
.t3-content .article-body[itemprop] .lh-demo h1,.t3-content .item-intro[itemprop] .lh-demo h1{margin:8px 0}

/* live (Bootstrap 3) uses a 10px root font-size; keep rem-based inline styles in old articles identical */
html{font-size:10px}

.item-page :where(.article-body) .article-aside{font-size:14px;margin-bottom:40px}

/*finder*/
.t3-content .com-finder__search-legend.visually-hidden{position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important;display:block;float:none;font-size:21px;line-height:30px;font-weight:700;color:#444;margin:0 0 20px!important;padding:0 0 10px;border:0;border-bottom:1px solid #eee}
.t3-content .com-finder__search{border:0;padding:0;margin:0 0 15px}
.t3-content .com-finder__search .form-inline{display:block}
.t3-content .com-finder__search label{display:inline-block;font-weight:700;margin:0 0 5px;font-size:16px}
.t3-content .com-finder__search .input-group{display:flex;flex-wrap:nowrap;width:auto;max-width:300px}
.t3-content .com-finder__search .input-group input{font-size:14px;line-height:20px;padding:6px 12px;height:34px;color:#666;border:1px solid #ccc;border-radius:4px 0 0 4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.t3-content .com-finder__search .input-group .btn{font-size:14px;line-height:20px;padding:6px 12px;height:34px;background:#3e9b52;border:1px solid #378948;color:#fff;border-radius:0 4px 4px 0}
.t3-content .com-finder__explained,.t3-content .com-finder__explained p{font-size:16px;line-height:1.42857;margin:0}
.t3-content .com-finder__results-list{list-style:disc;padding:0 0 0 40px;margin:0 0 10px}
.t3-content .result__item{display:list-item;margin:0;padding:0;border:0}
.t3-content .result__title{font-size:16px;line-height:1.42857;font-weight:400;margin:0 0 10px}
.t3-content .result__title-link{color:#3e9b52}
.t3-content .result__description{font-size:16px;line-height:1.42857;margin:0 0 10px}
.t3-content .com-finder mark,.t3-content .com-finder .highlight{background:#ff0;color:#000;padding:0}

/*contact*/
.t3-content .com-contact>h2{font-size:24px;line-height:1.1;font-weight:500;font-family:sans-serif;color:#444;margin:20px 0 10px;padding:0;border:0}
.t3-content .contact-form form.well{background:none;border:0;box-shadow:none;padding:0;margin:0;min-height:0}
.t3-content .contact-form fieldset{border:0;padding:0;margin:0}
.t3-content .contact-form legend{display:block;float:none;width:100%;font-size:21px;line-height:30px;font-weight:700;color:#444;margin:0 0 20px;padding:0 0 10px;border:0;border-bottom:1px solid #e5e5e5}
.t3-content .contact-form .control-group{margin:0 0 20px;display:block}
.t3-content .contact-form .control-group::after{content:"";display:table;clear:both}
.t3-content .contact-form .control-group>.control-label{float:left!important;width:160px!important;padding:5px 0 0!important;margin:0!important;text-align:right!important}
.t3-content .contact-form .control-label label{font-weight:700;margin:0 0 5px;display:inline-block;font-size:16px}
.t3-content .contact-form .control-group>.controls{margin-left:180px!important}
.t3-content .contact-form .controls input[type=text],.t3-content .contact-form .controls input[type=email],.t3-content .contact-form .controls textarea{display:block;font-size:14px;line-height:20px;padding:6px 12px;height:34px;color:#666;background:#fff;border:1px solid #ccc;border-radius:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.t3-content .contact-form #jform_contact_name,.t3-content .contact-form #jform_contact_email{width:243px}
.t3-content .contact-form #jform_contact_emailmsg{width:453px;max-width:100%}
.t3-content .contact-form #jform_contact_message{width:100%;height:214px}
.t3-content .contact-form .btn-primary{background:#3e9b52;border:1px solid #378948;color:#fff;font-size:14px;padding:6px 12px;border-radius:0}
@media(max-width:767px){.t3-content .contact-form .control-group>.control-label{float:none!important;width:auto!important;text-align:left!important}.t3-content .contact-form .control-group>.controls{margin-left:0!important}}

/*mobile header*/
@media(max-width:991.98px){
#t4-header .header-wrap{padding-left:0!important;justify-content:flex-start!important}
#t4-header .navbar-brand{margin-left:55px!important}
#t4-header #triggerButton,#t4-header .t4-offcanvas-toggle{position:fixed!important;left:0;top:0;width:55px;height:55px;display:flex!important;align-items:center;justify-content:center;color:#e4f4e7!important;font-size:14px;padding:0!important;margin:0!important;z-index:1032;background:none;border:0}
#t4-header .t4-header-r{position:static}
#t4-header .t4-navbar{display:block!important;margin:0!important;flex:0 0 auto}
#t4-header .navbar{position:static;min-height:0}
#t4-header .navbar-toggler{position:fixed!important;right:0;top:0;width:55px;height:55px;display:flex!important;align-items:center;justify-content:center;color:#e4f4e7!important;border:0!important;padding:0!important;margin:0!important;z-index:1032;font-size:14px;box-shadow:none!important;background:none}
#t4-header .navbar-collapse{position:fixed;top:55px;left:0;right:0;max-height:calc(100vh - 55px);overflow:auto;background:#3e9b52;z-index:1031}
#t4-header .navbar-collapse .navbar-nav>li{margin:0!important}
#t4-header .navbar-collapse .navbar-nav>li>a{line-height:44px;height:auto;padding:0 15px!important;border-top:1px solid #378948}
#t4-headsearch search,#t4-headsearch .search{right:55px!important}
}
@media(max-width:767.98px){:where(.page-masthead) #Mod200{padding:40px 0px!important}
:where(.page-masthead) #Mod205{padding:40px 0px!important}
:where(.page-masthead) .thtQuestion{font-size:42px!important;line-height:48.3px!important}
:where(.page-masthead) .btn-actions .btn{font-size:18px!important;line-height:23.94px!important;padding:10px 20px!important;border-radius:20px!important}
:where(.page-masthead) #Mod205 .btn{font-size:18px!important;line-height:23.94px!important;padding:10px 20px!important;border-radius:20px!important}}

@media(max-width:991.98px){#t4-header .navbar-brand{background:none!important}#t4-header .navbar-toggler i,#t4-header #triggerButton i,#t4-header #triggerButton .c-b{font-size:14px!important}.t4-main-body{padding-top:17px}}