*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}
.container{width:100%}
@media (min-width:640px){
.container{max-width:640px}
}
@media (min-width:768px){
.container{max-width:768px}
}
@media (min-width:1024px){
.container{max-width:1024px}
}
@media (min-width:1280px){
.container{max-width:1280px}
}
@media (min-width:1536px){
.container{max-width:1536px}
}
.form-input,.form-multiselect,.form-select,.form-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}
.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0var (--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0calc (1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}
.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.pointer-events-none{pointer-events:none}
.static{position:static}
.absolute{position:absolute}
.relative{position:relative}
.left-\[15px\]{left:15px}
.top-\[15px\]{top:15px}
.z-0{z-index:0}
.z-\[111\]{z-index:111}
.m-0{margin:0}
.m-auto{margin:auto}
.-mx-\[10px\]{margin-left:-10px;margin-right:-10px}
.-mx-\[5px\]{margin-left:-5px;margin-right:-5px}
.mx-2{margin-left:.5rem;margin-right:.5rem}
.mx-3{margin-left:.75rem;margin-right:.75rem}
.mx-auto{margin-left:auto;margin-right:auto}
.my-0{margin-top:0;margin-bottom:0}
.my-2{margin-top:.5rem;margin-bottom:.5rem}
.my-5{margin-top:1.25rem;margin-bottom:1.25rem}
.my-\[3px\]{margin-top:3px;margin-bottom:3px}
.my-\[40px\]{margin-top:40px;margin-bottom:40px}
.\!mb-0{margin-bottom:0!important}
.\!mb-\[10px\]{margin-bottom:10px!important}
.-ml-px{margin-left:-1px}
.mb-0{margin-bottom:0}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-\[50px\]{margin-bottom:50px}
.me-1{-webkit-margin-end:.25rem;margin-inline-end:.25rem}
.me-2{-webkit-margin-end:.5rem;margin-inline-end:.5rem}
.me-3{-webkit-margin-end:.75rem;margin-inline-end:.75rem}
.me-4{-webkit-margin-end:1rem;margin-inline-end:1rem}
.me-5{-webkit-margin-end:1.25rem;margin-inline-end:1.25rem}
.me-auto{-webkit-margin-end:auto;margin-inline-end:auto}
.ml-1{margin-left:.25rem}
.ml-2{margin-left:.5rem}
.ml-3{margin-left:.75rem}
.mr-1{margin-right:.25rem}
.mr-2{margin-right:.5rem}
.mr-3{margin-right:.75rem}
.mr-\[5px\]{margin-right:5px}
.ms-1{-webkit-margin-start:.25rem;margin-inline-start:.25rem}
.ms-2{-webkit-margin-start:.5rem;margin-inline-start:.5rem}
.ms-5{-webkit-margin-start:1.25rem;margin-inline-start:1.25rem}
.ms-auto{-webkit-margin-start:auto;margin-inline-start:auto}
.mt-0{margin-top:0}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-\[40px\]{margin-top:40px}
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.table{display:table}
.grid{display:grid}
.contents{display:contents}
.hidden{display:none}
.aspect-\[1366\/720\]{aspect-ratio:1366/720}
.aspect-\[280\/310\]{aspect-ratio:280/310}
.aspect-\[390\/290\]{aspect-ratio:390/290}
.aspect-\[45\/39\]{aspect-ratio:45/39}
.aspect-\[560\/380\]{aspect-ratio:560/380}
.aspect-\[590\/650\]{aspect-ratio:590/650}
.aspect-video{aspect-ratio:16/9}
.h-5{height:1.25rem}
.h-\[225px\]{height:225px}
.h-auto{height:auto}
.w-5{width:1.25rem}
.w-\[15\%\]{width:15%}
.w-\[25\%\]{width:25%}
.w-\[30\%\]{width:30%}
.w-\[32\%\]{width:32%}
.w-\[36\%\]{width:36%}
.w-\[65px\]{width:65px}
.w-\[66\%\]{width:66%}
.w-\[85\%\]{width:85%}
.w-\[calc\(100\%_-_20px\)\]{width:calc(100% - 20px)}
.w-full{width:100%}
.max-w-\[1200px\]{max-width:1200px}
.max-w-\[30vw\]{max-width:30vw}
.max-w-\[37px\]{max-width:37px}
.flex-1{flex:1 1 0%}
.flex-shrink-0{flex-shrink:0}
.flex-grow-0{flex-grow:0}
.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.cursor-default{cursor:default}
.cursor-pointer{cursor:pointer}
.list-none{list-style-type:none}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}
.flex-row{flex-direction:row}
.flex-wrap{flex-wrap:wrap}
.items-start{align-items:flex-start}
.items-center{align-items:center}
.items-baseline{align-items:baseline}
.items-stretch{align-items:stretch}
.\!justify-start{justify-content:flex-start!important}
.justify-end{justify-content:flex-end}
.justify-between{justify-content:space-between}
.justify-items-center{justify-items:center}
.gap-2{gap:.5rem}
.gap-4{gap:1rem}
.gap-\[10px\]{gap:10px}
.gap-x-\[10px\]{-moz-column-gap:10px;column-gap:10px}
.gap-x-\[35px\]{-moz-column-gap:35px;column-gap:35px}
.gap-y-\[10px\]{row-gap:10px}
.overflow-hidden{overflow:hidden}
.overflow-visible{overflow:visible}
.rounded{border-radius:.25rem}
.rounded-\[10px\]{border-radius:10px}
.rounded-\[15px\]{border-radius:15px}
.rounded-\[20px\]{border-radius:20px}
.rounded-\[50px\]{border-radius:50px}
.rounded-\[7px\]{border-radius:7px}
.rounded-\[8px\]{border-radius:8px}
.rounded-md{border-radius:.375rem}
.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}
.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}
.\!border-0{border-width:0!important}
.\!border-\[1px\]{border-width:1px!important}
.border{border-width:1px}
.border-0{border-width:0}
.border-\[1px\]{border-width:1px}
.border-solid{border-style:solid}
.\!border-\[\#b2c1ff\]{--tw-border-opacity:1!important;border-color:rgb(178 193 255 / var(--tw-border-opacity))!important}
.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}
.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}
.bg-\[\#5172FD\]{--tw-bg-opacity:1;background-color:rgb(81 114 253 / var(--tw-bg-opacity))}
.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.\!p-\[2px\]{padding:2px!important}
.p-0{padding:0}
.p-1{padding:.25rem}
.p-2{padding:.5rem}
.p-3{padding:.75rem}
.p-4{padding:1rem}
.p-\[10px\]{padding:10px}
.px-0{padding-left:0;padding-right:0}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-\[10px\]{padding-left:10px;padding-right:10px}
.px-\[15px\]{padding-left:15px;padding-right:15px}
.px-\[5px\]{padding-left:5px;padding-right:5px}
.py-0{padding-top:0;padding-bottom:0}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-\[10px\]{padding-top:10px;padding-bottom:10px}
.py-\[15px\]{padding-top:15px;padding-bottom:15px}
.py-\[40px\]{padding-top:40px;padding-bottom:40px}
.py-\[7px\]{padding-top:7px;padding-bottom:7px}
.\!pb-0{padding-bottom:0!important}
.pb-0{padding-bottom:0}
.pb-1{padding-bottom:.25rem}
.pb-\[20px\]{padding-bottom:20px}
.pe-0{-webkit-padding-end:0;padding-inline-end:0}
.ps-0{-webkit-padding-start:0;padding-inline-start:0}
.ps-3{-webkit-padding-start:.75rem;padding-inline-start:.75rem}
.pt-0{padding-top:0}
.pt-2{padding-top:.5rem}
.pt-\[40px\]{padding-top:40px}
.\!text-left{text-align:left!important}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.align-middle{vertical-align:middle}
.text-\[12px\]{font-size:12px}
.text-\[13px\]{font-size:13px}
.text-\[15px\]{font-size:15px}
.text-\[25px\]{font-size:25px}
.text-sm{font-size:.875rem;line-height:1.25rem}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}
.leading-5{line-height:1.25rem}
.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}
.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}
.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))}
.text-gray-950\/60{color:#03071299}
.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.opacity-20{opacity:.2}
.\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}
.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}
.shadow-none,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}
.\!outline-none{outline:2px solid #0000!important;outline-offset:2px!important}
.\!ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0var (--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}
.ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219 / var(--tw-ring-opacity))}
.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.duration-150,.transition-all{transition-duration:.15s}
.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
@keyframes bounce{
0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}
40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}
70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}
80%{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}
90%{transform:translate3d(0,-4px,0) scaleY(1.02)}
}
@keyframes bounceIn{
0%,20%,40%,60%,80%,to{animation-timing-function:ease-in-out}
0%{opacity:0;transform:scale3d(.3,.3,.3)}
20%{transform:scale3d(1.1,1.1,1.1)}
40%{transform:scale3d(.9,.9,.9)}
60%{transform:scale3d(1.03,1.03,1.03);opacity:1}
80%{transform:scale3d(.97,.97,.97)}
to{opacity:1;transform:scaleX(1)}
}
.before\:absolute:before{content:var(--tw-content);position:absolute}
.before\:left-0:before{content:var(--tw-content);left:0}
.before\:top-0:before{content:var(--tw-content);top:0}
.before\:h-full:before{content:var(--tw-content);height:100%}
.before\:max-h-\[225px\]:before{content:var(--tw-content);max-height:225px}
.before\:w-full:before{content:var(--tw-content);width:100%}
.before\:bg-\[\#5172fd\]:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(81 114 253 / var(--tw-bg-opacity))}
.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}
.after\:\!left-0:after{content:var(--tw-content);left:0!important}
.after\:\!bg-white:after{content:var(--tw-content);--tw-bg-opacity:1!important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}
.first\:ml-0:first-child{margin-left:0}
.last\:\!mb-0:last-child{margin-bottom:0!important}
.last\:mb-0:last-child{margin-bottom:0}
.hover\:\!text-\[\#5172FD\]:hover,.hover\:\!text-\[\#5172fd\]:hover{--tw-text-opacity:1!important;color:rgb(81 114 253 / var(--tw-text-opacity))!important}
.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}
.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}
.focus\:z-10:focus{z-index:10}
.focus\:border-blue-300:focus{--tw-border-opacity:1;border-color:rgb(147 197 253 / var(--tw-border-opacity))}
.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}
.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0var (--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0calc (3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.active\:\!border-\[\#5172fd\]:active{--tw-border-opacity:1!important;border-color:rgb(81 114 253 / var(--tw-border-opacity))!important}
.active\:\!bg-\[\#5172fd\]:active{--tw-bg-opacity:1!important;background-color:rgb(81 114 253 / var(--tw-bg-opacity))!important}
.active\:\!bg-blue-500:active{--tw-bg-opacity:1!important;background-color:rgb(59 130 246 / var(--tw-bg-opacity))!important}
.active\:bg-gray-100:active{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}
.active\:\!text-white:active{--tw-text-opacity:1!important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}
.active\:text-gray-500:active{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}
.active\:text-gray-700:active{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))}
.group:hover .group-hover\:scale-\[1\.1\]{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:text-\[\#5172fd\]{--tw-text-opacity:1;color:rgb(81 114 253 / var(--tw-text-opacity))}
.group:hover .group-hover\:animate__bounceIn{animation-name:bounceIn;animation-duration:.75s}
@media (min-width:640px){
.sm\:flex{display:flex}
.sm\:hidden{display:none}
.sm\:flex-1{flex:1 1 0%}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sm\:items-center{align-items:center}
.sm\:justify-between{justify-content:space-between}
}
@media (min-width:768px){
.md\:\!mb-0{margin-bottom:0!important}
.md\:w-\[calc\(48\%_-_10px\)\]{width:calc(48% - 10px)}
.md\:w-\[calc\(50\%_-_10px\)\]{width:calc(50% - 10px)}
}
@font-face{font-family:Roboto-Bold;font-display:block;src:url(../fonts/Roboto-Bold.woff)}
@font-face{font-family:Roboto-Black;font-display:block;src:url(../fonts/Roboto-Black.woff)}
@font-face{font-family:rb;font-display:block;src:url(../fonts/RobotoCondensed-Bold.woff)}
@font-face{font-family:bb;font-display:block;src:url(../fonts/BarlowCondensed-Bold.woff)}
@font-face{font-family:sa;font-display:block;src:url(../fonts/SVN-AvoBold.woff)}
@font-face{font-family:ub;font-display:block;src:url(../fonts/utmbeautifulcaps.woff)}
.w-clear:after{display:block;content:"";clear:both}
.hidden{display:none}
.clear{clear:both}
.none{display:none}
.hidden-seoh{visibility:hidden;height:0;margin:0;overflow:hidden}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:initial}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}
fieldset{margin:0}
fieldset,legend{padding:0}
menu,ol,ul{list-style:none;margin:0;padding:0}
textarea{resize:vertical}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
[role=button],button{cursor:pointer}
:disabled{cursor:default}
audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}
[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}
[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0var (--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0calc (1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}
input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}
input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-date-and-time-value{min-height:1.5em}
::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}
select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='00 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 44-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}
[multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}
[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}
[type=checkbox]{border-radius:0}
[type=radio]{border-radius:100%}
[type=checkbox]:focus,[type=radio]:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0var (--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0calc (2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
[type=checkbox]:checked,[type=radio]:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}
[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff'xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 11.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}
[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff'xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}
[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:#0000;background-color:currentColor}
[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='00 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M48h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}
[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:#0000;background-color:currentColor}
[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}
[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}
img{display:inline-block;max-width:100%!important;height:auto!important}
.wrap-content{margin:auto;width:calc(100% - 20px);max-width:1300px}
.header-bottom .wrap-content{padding:2px 0}
@keyframes spin{
to{transform:rotate(360deg)}
}
@keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@keyframes shake-anim{
0%{transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes rotate{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@keyframes fadeup{
from{opacity:0;transform:translateX(-20px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes pulse-animation{
0%{transform:scale3d(1,1,1);opacity:0}
10%{transform:scale3d(1.1,1.1,1.1);opacity:1}
100%{transform:scale3d(1.6,1.6,1.6);opacity:0}
}
@keyframes border-animation{
0%{transform:scale3d(.6,.6,.6);opacity:0}
20%{transform:scale3d(1.2,1.2,1.2);opacity:1}
100%{transform:scale3d(1.4,1.4,1.4);opacity:0}
}
.hidden-seoh{width:0;height:0;overflow:hidden;margin:0;padding:0;position:fixed;top:0;left:0;opacity:0;visibility:hidden}
:root{--color-main:#302052;--color-social:#2557ae;--color-hover:#2557ae;--color-text:#2557ae}
.row-20{margin:0 -10px}
.col-20{padding:0 10px}
@font-face{font-family:hel;src:url('../fonts/UTM/UTM HelvetIns.ttf')}
@font-face{font-family:impac;src:url(../fonts/UTM/Impact.ttf)}
@font-face{font-family:svn;src:url(../fonts/SVN-Blenda/Script.ttf)}
body{font-size:14px;font-family:Roboto,sans-serif!important;line-height:1.5!important}
.max-width{max-width:1200px;width:calc(100% - 30px);margin:auto}
img{max-width:100%}
*{box-sizing:border-box}
a{text-decoration:none}
.padding-top-bottom{padding:60px 0}
.pad-top{padding-top:60px}
.pad-bottom{padding-bottom:60px}
.mg-top{margin-top:60px}
.mg-bottom{margin-bottom:60px}
.social-plugin{display:flex;margin-top:10px}
.scale-img img{transform:scale(1,1)}
.scale-img:hover>img{transform:scale(1.1,1.1)}
.hover-img{position:relative;overflow:hidden;display:block}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}
.p-relative{position:relative}
.btn-frame .kenit-alo-circle-fill,.carousel-comment-media .carousel-control a span,.control-owl button,.menu ul li a.has-child:after,.menu ul li ul,.menu ul li:hover>ul,.scale-img img,.scale-img:hover>img,.support-online .kenit-alo-circle-fill,.transition{transition:.3s all}
.header{background:var(--color-main)}
.fix_head{position:fixed!important;top:0;left:0;width:100%}
.head{z-index:99}
.head--absolute{position:absolute;top:0;left:0;right:0}
.head--relative{position:relative}
.item-topbar{display:inline-flex;align-items:center}
.item-topbar i{color:#fff;font-size:24px}
.info-topbar{color:#fff;padding-left:15px}
.name-topbar{font-size:14px;font-weight:500;margin-bottom:0}
.content-topbar{font-size:15px;font-weight:400;margin-bottom:0}
.header__layout{display:flex;align-items:center}
.header__start{width:250px;height:80px;display:flex;align-items:center;justify-content:center}
.header__end{width:calc(100% - 250px);display:flex;align-items:center;justify-content:space-around}
.menu{z-index:99;background:var(--color-main);position:relative;border-top:2px solid #bd9535}
.menu__layout{display:flex;flex-wrap:wrap;align-items:center;margin:0 -8px}
.menu-col{padding:0 8px}
.menu__center{width:230px;display:flex;justify-content:flex-start}
.menu__end{width:calc(100% - 230px)}
.menu ul{width:100%;padding:0;margin:auto;list-style:none}
.menu ul.menu-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.menu ul li{position:relative;z-index:1}
.menu ul li a{display:block;position:relative;text-decoration:none}
.menu--icon{font-size:20px}
.menu ul.menu-main>li{flex-grow:1;padding-right:15px}
.menu ul.menu-main>li>a{height:50px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase}
.menu ul.menu-main>li>a.active,.menu ul.menu-main>li>a:hover{background:#bd9535;background:linear-gradient(90deg,rgba(189,149,53,1) 0,rgba(244,217,129,1) 54%,rgba(197,165,86,1) 100%);color:#000}
.menu ul li a.has-child{padding-right:16px;margin-right:8px}
.menu ul li a.has-child:after{content:"";position:absolute;bottom:calc(50% - 4px / 2);right:5px;width:5px;height:5px;border:1px solid #fafafa;border-top:0;border-left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.menu ul li ul{position:absolute;min-width:250px;background-color:#fafafa;border-radius:.25rem;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,.15);box-shadow:1px 1px 15px rgba(0,0,0,.15);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden}
.menu ul li:hover>ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);transform-origin:0 0 0;-webkit-transform-origin:0 0 0;opacity:1;visibility:visible}
.menu ul li ul li{padding-left:.75rem;padding-right:.75rem}
.menu ul li ul li a{font-weight:500;font-size:14px;color:#313131;border-bottom:1px solid #ececec;padding:10px 0 9px 0;text-transform:capitalize}
.menu ul li ul li a.has-child{margin-right:0}
.menu ul li ul li a.has-child:after{border-color:#313131;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu ul li ul li a.active{color:#ec2d3f}
.menu ul li ul li a.active.has-child:after{border-color:#ec2d3f}
.menu ul li ul li:last-child>a{border-bottom:0}
.menu ul li ul li:hover>a{color:#ec2d3f}
.menu ul li ul li:hover>a.has-child:after{border-color:#ec2d3f}
.menu ul li ul li ul{top:0;left:100%;margin-top:0}
.slideshow{position:relative}
.search-desktop{position:relative}
.search-desktop .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:#fff;font-size:17px;margin:0}
.search-desktop .icon-search.active{color:var(--color-main);background:#fff;border-radius:100%}
.search-desktop .search-grid{position:absolute;top:50px;right:0;width:0;height:40px;overflow:hidden;background:#fff;border:1px solid var(--color-main);z-index:2;opacity:0;border-radius:25px;line-height:normal;display:flex;align-items:center}
.search-desktop .search-grid p{width:40px;height:38px;cursor:pointer;outline:0;border:none;margin:0;font-size:17px;display:block;color:var(--color-main);line-height:40px;text-align:center}
.search-desktop .search-grid input{width:calc(100% - 40px);line-height:38px;outline:0;border:none;color:var(--color-main);padding:0;font-size:15px}
.search-desktop .search-grid input::-webkit-input-placeholder{color:#313131}
.search-desktop .search-grid input:-moz-placeholder{color:#313131}
.search-desktop .search-grid input::-moz-placeholder{color:#313131}
.search-desktop .search-grid input:-ms-input-placeholder{color:#313131}
.search-res{position:relative}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:#fff;font-size:17px;margin:0;background:var(--color-main);border-radius:50%}
.search-res .icon-search.active{color:#fff;background:var(--color-main)}
.search-res .search-grid{position:absolute;top:50px;right:0;width:0;height:40px;overflow:hidden;background:#fff;border:1px solid var(--color-main);z-index:2;opacity:0;border-radius:25px;line-height:normal;display:flex;align-items:center}
.search-res .search-grid p{width:40px;height:38px;cursor:pointer;outline:0;border:none;margin:0;font-size:17px;display:block;color:var(--color-main);line-height:40px;text-align:center}
.search-res .search-grid input{width:calc(100% - 40px);line-height:38px;outline:0;border:none;color:var(--color-main);padding:0;font-size:15px}
.search-res .search-grid input::-webkit-input-placeholder{color:#313131}
.search-res .search-grid input:-moz-placeholder{color:#313131}
.search-res .search-grid input::-moz-placeholder{color:#313131}
.search-res .search-grid input:-ms-input-placeholder{color:#313131}
.search{width:50%;max-width:400px;background:#fff;position:relative;right:0;top:0;border-radius:10px}
.search input{width:calc(100% - 35px);font-size:13px;color:#333;border-radius:10px;border:none}
.search input:focus{border:none;box-shadow:none}
.search p{width:35px;height:35px;cursor:pointer;line-height:35px;text-align:center;font-size:16px}
.search p i{font-weight:700;color:#999}
.box-search{padding:10px;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center}
.ds-item-search{width:calc(100% - 70px)}
.ds-item-search a{font-size:14px;color:#333}
.show-search{position:absolute;z-index:9999;top:100%;background:#fff;width:100%;border-radius:10px;box-shadow:0 1px 8px rgba(0,0,0,.3)}
.box-search .price-product{width:100%;margin:0;text-align:left}
.box-search .price-product .price-new{color:red;font-size:14px;font-weight:700}
.box-search .price-product .price-old{color:#999;text-decoration-line:line-through}
#menu{display:none}
#hamburger{display:none;width:35px;height:23px;position:relative}
#hamburger span,#hamburger:after,#hamburger:before{background:#fff;content:"";display:block;width:100%;height:2px;position:absolute;left:0}
#hamburger:before{top:0}
#hamburger span{top:10px}
#hamburger:after{top:20px}
#hamburger span,#hamburger:after,#hamburger:before{-webkit-transition:none .5s ease .5s;transition:none .5s ease .5s;-webkit-transition-property:transform,top,bottom,left,opacity;-webkit-transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity,-webkit-transform}
.mm-wrapper_opening #hamburger:after,.mm-wrapper_opening #hamburger:before{top:10px}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0}
.mm-wrapper_opening #hamburger:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.mm-wrapper_opening #hamburger:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.mm-menu_opened{display:block!important}
.mm-slideout{z-index:unset}
.control-owl{position:absolute;width:100%;z-index:2;left:0;top:calc(50% - 22.5px)}
.control-owl button{opacity:.5;top:0;position:absolute;outline:0;border:2px solid #fff;padding:0;margin:0;display:block;cursor:pointer;color:#fff;width:30px;height:30px;border-radius:50%;overflow:hidden;text-align:center;font-size:25px;margin:0;background-color:#00a3ff;display:flex;align-items:center;justify-content:center}
.control-owl button:hover{opacity:1}
.control-owl button.owl-prev{left:20px}
.control-owl button.owl-next{right:20px}
.box-photo-ct{border-radius:20px;overflow:hidden}
.title-main{margin-bottom:1.5rem;position:relative;text-align:center;background:url(../images/h2line.png) no-repeat bottom center;padding-bottom:22px}
.title-main h3{color:#d6a73c;font-size:16px;font-weight:500;text-transform:uppercase;margin-bottom:0;letter-spacing:2.5px;display:none}
.title-main span{color:transparent;font-size:38px;font-weight:700;text-transform:uppercase;background:linear-gradient(90deg,rgba(214,167,60,1) 0,rgba(255,240,162,1) 57%,rgba(220,176,69,1) 100%);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}
.title-main p{color:#666;font-size:16px;font-weight:400;letter-spacing:1px;margin-bottom:0;display:none}
.tt-week{font-size:25px;text-align:center;margin:20px 0;color:#fff;font-weight:700;text-transform:uppercase}
.title-cat-main{display:flex;flex-wrap:wrap;gap:10px;row-gap:0;justify-content:center;margin-bottom:20px}
.title-cat-main span{color:#000;font-size:15px;font-weight:500;text-transform:uppercase;border-radius:5px;border:1px solid #000;background:#fff;cursor:pointer;padding:13px 20px 10px;min-width:215px;min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:10px}
.title-cat-main span.active,.title-cat-main span:hover{color:#000;border-color:transparent;background:linear-gradient(90deg,rgba(214,167,60,1) 0,rgba(255,240,162,1) 57%,rgba(220,176,69,1) 100%)}
.slogan-cat-main{padding:10px 0 20px;display:none}
.slogan-cat-main span{color:#666;font-size:16px;font-weight:400}
.btn-project{display:flex;align-items:center;justify-content:center;margin:auto;color:#bd9535;font-size:14px;font-weight:400;width:270px;height:50px;background:var(--color-main);border-radius:5px}
.btn-project:hover{background:#bd9535;color:#fff}
.btn-project i{font-size:19px;padding-left:8px}
.title-project{position:relative;padding-left:20px;margin-bottom:28px}
.title-project::before{content:"";position:absolute;top:10px;bottom:5px;left:0;width:7px;background:#d6a73c;background:linear-gradient(267deg,rgba(214,167,60,1) 0,rgba(255,240,162,1) 57%,rgba(220,176,69,1) 100%)}
.title-project span{color:#333;font-size:35px;font-weight:600;font-weight:700;text-transform:uppercase}
.title-project p{color:#666;font-size:16px;font-weight:400;margin-bottom:0}
.grid-tintuc{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;justify-content:space-between}
.news{display:block;margin-bottom:20px;display:block}
.pic-news{border-radius:10px;display:block;overflow:hidden;position:relative}
.pic-news img{width:100%}
a.views{display:inline-block;text-decoration:none;margin-top:10px;border:solid 1px #ccc;padding:7px 20px;border-radius:20px;color:#000;font-size:16px}
a.views:hover{border:solid 1px #fed402;color:#fed402}
.name-news{color:#1b1b1b;font-size:18px;line-height:22px;max-height:40px;-webkit-line-clamp:2!important;font-weight:400}
a.name-news.name1{font-size:25px;line-height:32px;max-height:64px}
.name-news:hover{color:#fed402}
.time-news{color:#fed402;margin-bottom:0;font-size:12px;margin:7px 0;font-style:italic;font-weight:500}
.desc-news{color:#333;margin-top:0;line-height:20px;height:60px}
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(128,128,128,.15);margin-top:15px;border-radius:5px}
.share b{display:block;margin-bottom:5px}
.othernews b{margin-bottom:10px}
.list-news-other{padding-left:17px;list-style:square}
.list-news-other li{margin-bottom:2px}
.list-news-other li a{text-transform:none;color:#333}
.list-news-other li a:hover{color:#fed402}
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eee}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item, ".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0;padding-left:0!important;margin-top:8px}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item, ".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333;cursor:pointer;font-weight:600}
.box-readmore ul li a:hover{color:#767676}
.wrap-baogia{position:relative;padding:20px 0;background:rgba(37,32,48,.8)}
.link-baogia{display:flex;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:5px}
.image-baogia{width:58px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,rgba(189,149,53,1) 0,rgba(244,217,129,1) 54%,rgba(197,165,86,1) 100%)}
.info-baogia{width:calc(100% - 58px);padding:0 5px 0 10px;text-align:center}
.name-baogia{display:inline-block;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;line-height:20px;transition:.4s}
.name-baogia:hover{color:rgba(244,217,129,1)}
.name-baogia.text-split{-webkit-line-clamp:2}
.wrap-about{background-size:cover;background:var(--color-main)}
.about__layout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.about__start{width:50%}
.about__end{width:47%}
.row-about-image{display:flex;flex-wrap:wrap;gap:10px}
.left-about-image{width:calc(47% - 5px)}
.right-about-image{width:calc(53% - 5px)}
.about-image{border-radius:10px}
.name-about{margin-bottom:20px}
.name-about span{color:transparent;font-size:75px;font-family:hel;text-transform:uppercase;line-height:1;background:#bd9535;background:linear-gradient(90deg,rgba(189,149,53,1) 0,rgba(244,217,129,1) 54%,rgba(197,165,86,1) 100%);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}
.viewmore{display:inline-flex}
.viewmore-left{width:165px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid #eacb6e;border-right:0;color:#eacb6e;font-size:13px;font-weight:400;text-transform:capitalize;letter-spacing:1px}
.viewmore-right{width:50px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border:1px solid #eacb6e}
.fix-wrap-duan{background:var(--color-main)}
.bg-main{background:var(--color-main)}
.wrap-banner{background:url(../images/bg-tieuchi.jpg) no-repeat center center;background-size:cover}
.banner__layout{display:flex;flex-wrap:wrap;align-items:center}
.banner__start{width:300px}
.banner__center{width:calc(100% - 780px)}
.banner__end{width:480px}
.wrap-tieuchi{border-top:1px solid rgba(217,217,217,.35);border-bottom:1px solid rgba(217,217,217,.35);padding:20px 0}
.item-tieuchi{position:relative}
.item-tieuchi::after{content:"";position:absolute;top:0;bottom:0;right:-1px;border-right:1px solid rgba(255,255,255,.35)}
.image-tieuchi{width:70px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin:auto}
.info-tieuchi{text-align:center;margin-top:10px}
.name-tieuchi{color:#ddd;font-size:14px;font-weight:700;line-height:20px}
.name-tieuchi.text-split{-webkit-line-clamp:2}
.title-banner span{color:transparent;font-size:53px;font-family:hel;text-transform:uppercase;line-height:1;background:#bd9535;background:linear-gradient(90deg,rgba(189,149,53,1) 0,rgba(244,217,129,1) 54%,rgba(197,165,86,1) 100%);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}
.title-banner p{margin-bottom:0;color:#fff;font-size:20px;font-weight:300;letter-spacing:1.5px}
.row-project{margin:0 -12px}
.col-project{padding:0 12px;margin-bottom:24px}
.item-project{position:relative;border-radius:20px;overflow:hidden}
.item-project:hover .info-project{opacity:1;transition:all .7s}
.info-project{opacity:0;transition:all .5s;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(22,22,22,.4)}
.top-project{height:calc(100% - 60px);display:flex;align-items:center;justify-content:center;gap:10px}
.icon-project{width:72px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:50%;color:#fff;font-size:24px;pointer-events:all}
.icon-project:hover{color:var(--color-main);border-color:var(--color-main)}
.bottom-project{height:60px;padding:0 24px;background:rgba(49,49,49,.6);display:flex;align-items:center;pointer-events:all}
.bottom-project:hover{transition:all .5s;background:var(--color-main)}
.name-project{color:#fff;font-size:15px;font-weight:500;line-height:20px}
.name-project.text-split{-webkit-line-clamp:2}
.name-project:hover{color:#fff}
.wrap-visaochon{background:var(--color-main)}
.wrap-visaochon .title-main span{color:transparent;background:linear-gradient(90deg,rgba(214,167,60,1) 0,rgba(255,240,162,1) 57%,rgba(220,176,69,1) 100%);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}
.row-cus-10{margin:0 -5px}
.col-cus-10{padding:0 5px}
.item-vsc{border-width:2px;border-style:solid;border-color:rgba(255,255,255,.3);border-radius:20px;margin-bottom:10px;padding:40px 40px 30px 40px;display:flex;flex-wrap:wrap;box-shadow:0 8px 20px rgba(0,0,0,.25);background:rgba(48,32,82,.2) url(../images/deco-visaochon.png) no-repeat bottom left;text-align:center}
.vsc-left{width:100%;display:flex;justify-content:center;margin-bottom:12px}
.vsc-right{width:100%}
.name-visaochon{color:#fff;font-size:19px;font-weight:700;line-height:30px;margin-bottom:0}
.name-visaochon:hover{color:#fc0}
.desc-visaochon{color:#d3d3d3;font-size:17px;font-weight:400;line-height:30px;margin-bottom:15px}
.desc-visaochon.text-split{-webkit-line-clamp:4}
.seen-all{display:inline-flex;align-items:center;color:#bd9535;font-size:13px;font-weight:400;padding:5px}
.seen-all i{font-size:18px;padding-left:6px}
.seen-all:hover{color:#fc0}
.item-newsnb{margin-bottom:16px}
.image-newsnb{border-radius:0 0 5px 5px;overflow:hidden;position:relative}
.image-newsnb::after{content:"";position:absolute;left:0;bottom:0;width:20px;height:20px;background:#fff;clip-path:polygon(0 0,0 100%,100% 100%)}
.info-newsnb{border:1px solid #e0e0e0;border-bottom:0;padding:12px 20px 6px 20px;border-radius:5px 5px 0 0;background:#fff}
.time-newsnb{margin-bottom:4px}
.time-newsnb i{color:var(--color-main);font-size:17px}
.time-newsnb span{color:#939393;font-size:14px;font-weight:400;padding-left:4px}
.name-newsnb{color:#1d1d1d;font-size:18px;font-weight:600;line-height:25px;height:50px}
.name-newsnb.text-split{-webkit-line-clamp:2}
.name-newsnb:hover{color:var(--color-main)}
.item-partner{border:1px solid #d9d9d9}
.wrap-newsletter{background-size:cover;background:var(--color-main)}
.title-newsletter{margin-bottom:32px;text-align:center}
.img-newsletter{padding-right:16px;margin-bottom:14px}
.name-newsletter{color:transparent;font-size:38px;font-weight:700;text-transform:uppercase;background:linear-gradient(90deg,rgba(214,167,60,1) 0,rgba(255,240,162,1) 57%,rgba(220,176,69,1) 100%);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}
.title-newsletter p{margin-bottom:0;color:#ccc;font-size:16px;font-weight:400;letter-spacing:1px}
.row-newsletter{display:flex;flex-wrap:wrap}
.col-newsletter{flex-grow:1;padding-right:10px}
.newsletter-input{position:relative;margin-bottom:10px}
.newsletter-input input{padding:0 12px;border:0;outline:0;text-indent:0;color:#111;font-size:16px!important;font-weight:400;height:55px;border-radius:5px;background:#fff}
.newsletter-input .form-control:focus{color:#111;background:#fff;border-color:transparent;outline:0;box-shadow:0 0 0 0 transparent}
.newsletter-input input::placeholder,.newsletter-input textarea::placeholder{color:#111;font-weight:400}
.newsletter-button input[type=button]{cursor:pointer;width:185px;height:55px;border:0;outline:0;background:linear-gradient(90deg,rgba(214,167,60,1) 0,rgba(255,240,162,1) 57%,rgba(220,176,69,1) 100%);color:#27232d;font-weight:600;display:flex;align-items:center;justify-content:center;text-transform:uppercase;border-radius:5px}
.index-map{position:relative;width:100%;height:400px}
.index-map iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}
.ul-footer{list-style:none;padding:0;margin:0}
.ul-footer li{margin-bottom:1rem}
.ul-footer li a{color:#fff;font-size:16px;font-weight:500;display:block}
.ul-footer li a:hover{color:#fc0}
.footer-section{position:relative;background:url(../images/bg-footer.jpg) no-repeat center center;background-size:cover}
.footer-layout{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.footer-col:nth-child(1){width:37%}
.footer-col:nth-child(2){width:30%}
.footer-col:nth-child(3){width:24%}
.footer-col:nth-child(4){width:20%}
.title-footer{color:#fff;font-size:19px;font-weight:600;text-transform:uppercase;margin-bottom:16px;margin-top:132px;text-align:center}
.company-footer{color:transparent;font-size:22px;font-family:hel;text-transform:uppercase;line-height:1.3;background:#bd9535;background:linear-gradient(90deg,rgba(189,149,53,1) 0,rgba(244,217,129,1) 54%,rgba(197,165,86,1) 100%);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;margin-bottom:0;margin-top:6px}
.slogan-footer-icon{position:relative;bottom:4px;padding-right:6px}
.title-tags{position:relative;font-size:1em;font-weight:600;padding-bottom:15px;margin-bottom:15px;color:#777}
.title-tags:after{content:"";position:absolute;left:0;bottom:0;background-color:rgba(0,0,0,.1);display:block;height:3px;width:30px}
.flex-tags{display:flex;gap:5px}
.flex-tags a{color:#333;border:1px solid;border-radius:3px;display:inline-block;font-size:.8em!important;opacity:.8;padding:2px 5px}
.flex-tags a:hover{background-color:#446084;border-color:#446084;color:#fff;opacity:1}
.footer-powered{padding:20px 0;border-top:1px solid rgba(255,255,255,.2);color:#fff}
.copyright a{color:#fff}
.item-criteria a{display:flex;align-items:center;color:#333}
.item-criteria a .ds-criteria{width:calc(100% - 60px);margin-left:10px}
.item-criteria a .ds-criteria h3{-webkit-line-clamp:2;font-size:16px;color:var(--color-main)}
.item-criteria a .ds-criteria p{-webkit-line-clamp:2;margin:0}
.box-about{max-width:700px;margin:0 auto;text-align:center}
.box-about h3{color:#ca0000;font-family:SVN;font-size:22px;margin-bottom:10px;text-transform:lowercase}
.box-about a{padding:10px 20px;color:#fff;text-transform:uppercase;font-size:15px;display:block;background:#ca0000;width:-moz-fit-content;width:fit-content;margin:0 auto;font-weight:600;border-radius:10px}
.item-service{position:relative;display:block;background:url(../images/bg-service.jpg);background-size:100% 100%;background-repeat:no-repeat;border-radius:6px;padding:30px 26px 0 26px;color:#fff;aspect-ratio:1/1;margin-bottom:24px}
.item-service:hover{background:url(../images/bg-service-active-02.jpg);background-size:100% 100%;background-repeat:no-repeat;color:#292337}
.item-service:hover .image-service img{filter:brightness(0);-webkit-filter:brightness(0)}
.item-service:hover .top-service{border-color:var(--color-main)}
.item-service:hover .top-right-service{color:#fff;background:var(--color-main)}
.top-service{display:flex;align-items:flex-end;border-bottom:2px solid #d6a73c}
.top-left-service{width:calc(100% - 32px);padding-right:4px}
.top-right-service{width:32px;height:34px;background:#d6a73c;display:flex;align-items:center;justify-content:center;color:#000;font-size:15px;font-weight:400}
.name-service.text-split{-webkit-line-clamp:2}
.name-service{font-size:18px;font-weight:700;line-height:25px;height:50px;text-transform:uppercase;margin-bottom:10px}
.image-service{display:flex;align-items:center;padding:20px 0}
.desc-service.text-split{-webkit-line-clamp:3}
.desc-service{font-size:14px;font-weight:400;line-height:25px;margin-bottom:0}
.filter{position:absolute;right:0;top:0;padding:5px 10px;background:#f1f1f1;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;text-transform:uppercase;border-radius:5px;cursor:pointer;border:1px solid #ddd;display:none}
.flex-product-main{display:flex;gap:20px}
.flex-product-main .left-product{width:250px;border:1px solid #f1f1f1;padding:20px;border-radius:5px}
.flex-product-main .right-product{width:calc(100% - 250px)}
.wr-search p{font-weight:700;text-transform:uppercase}
.product{display:block;position:relative;background:#fff;border-radius:10px;padding:5px;text-align:center;border:1px solid #f1f1f1}
.product .pic-product{background:#fff;margin-bottom:10px;display:block;position:relative;overflow:hidden;border-radius:10px;border:solid 1px transparent}
.product:hover .pic-product{border:solid 1px #ccc}
.product .pic-product img{width:100%;-webkit-transform-style:preserve-3d;height:100%;object-fit:cover;border-radius:10px}
.product .pic-product>a{display:flex;width:100%;align-items:center;justify-content:center;text-align:center;border-radius:10px}
.first_img{position:absolute;top:0;transition:all .5s ease;height:100%}
.product:hover .first_img{transform:scale(0)}
.second_img{display:block;position:absolute;top:0;right:100%;transition:all .5s ease;height:100%}
.product:hover .second_img{right:0;top:0;transition:all .5s ease}
.product .name-product{margin-bottom:5px;font-weight:400}
.product .name-product a{font-size:14px;color:#232323;line-height:25px}
.product .name-product a:hover{color:#ff2e00}
.product .name-product .text-split{-webkit-line-clamp:1}
.product .price-product{margin-bottom:10px;color:#555;height:47px;overflow:hidden}
.product .price-new{font-size:17px;font-weight:700;color:#ff2e00;display:inline-block;text-transform:uppercase}
.product .price-old{padding:0 10px;font-size:14px;text-decoration:line-through;display:block;color:#ff2e00;text-transform:uppercase}
.product .price-per{color:#ff2e00;font-size:13px;text-align:center;font-weight:700}
.box-cat{text-align:center}
.box-cat h3{font-size:14px;color:#333;margin-top:10px}
.box-cat:hover h3{color:red}
.cart-product{margin:5px 0 0 0}
.cart-product span{cursor:pointer;color:#fff;text-align:center;padding:0 5px;border-radius:5px;display:inline-block;line-height:34px;font-size:13px;font-weight:700}
.cart-add{margin-left:10px;background-color:#00a5d9;width:155px}
.cart-add:hover{background-color:#fed402}
.cart-buy{background-color:#ff2e00;width:93px;height:33px}
.cart-buy:hover{background-color:#fed402}
.grid-product{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-product .product .product-info{margin-top:10px;color:#333}
.grid-product .product .product-info h3{font-size:17px;color:#333}
.grid-product .product .product-info .price span{color:red}
.grid-product .product .pic-product{border:1px solid #ddd}
.grid-pro-detail{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #ececec}
.grid-pro-detail .left-pro-detail{width:50%;border-right:1px solid #ececec;padding-right:30px}
.grid-pro-detail .right-pro-detail{width:48%}
.detail-product{display:flex;justify-content:space-between}
.detail-product .left-pro-detail{width:40%;border:1px solid #ddd}
.detail-product .right-pro-detail{width:57%}
.detail-product .right-pro-detail ul{list-style:none;padding:0}
.detail-product .right-pro-detail ul li{margin-bottom:20px}
.detail-product .right-pro-detail ul li .title-pro-detail{font-size:18px}
.detail-product .right-pro-detail ul li .attr-content-pro-detail{display:inline-block;margin-bottom:0}
.detail-product .right-pro-detail ul li .attr-content-pro-detail .price-new-pro-detail{font-weight:700;font-size:20px;color:red}
.policy_intuitive{border:1px solid #e0e0e0;border-radius:5px;margin-bottom:25px}
.policy{margin:20px 16px 0 16px}
.policy__list{display:flex;flex-wrap:wrap;padding:0}
.policy__list>li{border-bottom:1px solid #f1f1f1;position:relative;padding:12px 0 12px 35px;width:50%;display:inline-block}
.policy__list>li:nth-child(2n+1){padding-right:20px}
.policy__list li>div.iconl{left:0;position:absolute;top:15px}
.policy__list li .iconl{width:32px}
.policy__list li p{line-height:20px;padding-left:5px;margin:0}
.policy__list li:last-child{border-bottom:0}
.policy__list>li:nth-child(2n+1):nth-last-child(2){border:0}
.ul-actions{display:flex;justify-content:center;margin:20px;gap:15px;align-items:flex-start}
.ul-actions li,.ul-actions>div{list-style-type:none;margin:0;padding:0;width:80px;text-align:center}
.ul-actions .active .box__tabr,.ul-actions .box__tabr:hover{border-color:#fd6e1d}
.ul-actions .box__tabr{align-items:center;border:1px solid #e0e0e0;border-radius:2px;display:flex;justify-content:center;min-height:55px;padding:4px;height:60px;width:80px}
.icon-action{background-image:url(../images/icon_chitiet@2x-min.png);background-repeat:no-repeat;display:inline-block;height:30px;width:30px;line-height:30px;vertical-align:middle;background-size:300px 180px}
.icon-dnb{background-position:0 0;height:28px;width:28px}
.icon-tskt{background-position:-105px 0;height:30px;width:30px}
.icon-ttsp{background-position:-140px 0;height:19px;width:23px}
.ul-actions p{font-size:14px;line-height:1.3;margin-top:5px;white-space:normal;color:#000}
.modal-detail::-webkit-scrollbar{width:10px}
.modal-detail::-webkit-scrollbar-thumb{width:10px;background:#4d90e0;border-radius:10px;height:50px}
.modal-detail{position:fixed;z-index:999;background:#000000c4;top:0;left:0;width:100%;height:100%;overflow-y:scroll}
.content-modal-detail{background:#fff;max-width:1200px;margin:0 auto;min-height:100vh}
.content-modal-detail .tabs{display:flex;cursor:pointer;padding:0;list-style:none;justify-content:center;border-bottom:1px solid #e0e0e0;position:sticky;top:0;background:#fff;z-index:99}
.content-modal-detail .tabs li{padding:20px 20px;margin-right:5px;font-weight:700;position:relative;border-bottom:4px solid #fff}
.content-modal-detail .tabs li.active{color:#2d9cdb;border-bottom:4px solid #2d9cdb}
.content-modal-detail .tab-content{padding:20px;max-width:900px;margin:0 auto}
.content-modal-detail .tab-content.active{display:block}
.close-tab{position:fixed;top:15px;right:20px;z-index:10}
.btn-closemenu{position:fixed;top:10px;right:20px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;line-height:21px;padding:7px;text-align:right;width:72px}
.btn-closemenu::before{transform:rotate(45deg)}
.btn-closemenu::after{transform:rotate(-45deg)}
.btn-closemenu::after,.btn-closemenu::before{background-color:#333;content:"";left:13px;height:14px;position:absolute;top:10px;width:1px}
.cursor-pointer{cursor:pointer}
.box-ct{display:flex;justify-content:start;align-items:center;background-color:#e9e6e6;padding:10px;border-radius:10px}
.box-ct img{border-radius:50%;margin-right:10px}
.ds-ct h3 a{font-size:17px;color:#333}
.ds-ct h3 a:hover{color:red}
.block__promo{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:10px}
.promoadd__list{padding:10px}
.promoadd__list li{margin-bottom:15px;background:url(../images/tick.png) no-repeat 0 3px;background-size:15px;padding-left:25px}
.pr-top{background-color:#f6f6f6;border-bottom:1px solid #e0e0e0;padding:8px 10px}
.pr-txtb{font-weight:700}
.pr-top .pr-txt{color:#666;font-size:12px;line-height:1.4;margin-top:5px;font-style:normal}
.pr-content .pr-item:last-child{border:none}
.pr-content .pr-item{padding:15px 10px 10px 10px}
.divb{margin-bottom:-10px}
.divb .nb{background-color:#4a90e2;border-radius:50%;color:#fff;display:inline-block;font-size:11px;float:left;height:16px;line-height:16px;margin-top:2px;text-align:center;width:16px}
.divb-right{padding-left:26px}
.pr-content .pr-item p{margin:0}
.divb-right a{color:#4a90e2}
.wrap-ti{padding:20px 0}
.box-ti{background:#f1f1f1;padding:15px;border-radius:10px;display:flex;justify-content:space-between;min-height:135px}
.wrap-ti .owl-item:nth-child(n+1) .box-ti{background-color:#dceeff}
.wrap-ti .owl-item:nth-child(n+2) .box-ti{background-color:#fef5cf}
.wrap-ti .owl-item:nth-child(n+3) .box-ti{background-color:#ffefdb}
.wrap-ti .owl-item:nth-child(n+4) .box-ti{background-color:#e1fecf}
.ds-ti{width:calc(100% - 45px)}
.ds-ti h3{font-size:15px}
.ds-ti h3 a{color:#333}
.ds-ti h3 a:hover{color:red}
.contact-map{position:relative;height:500px;margin-top:30px}
.contact-map iframe{position:absolute;left:0;top:0;width:100%;height:100%}
.breadCrumbs{padding:10px 0;background:var(--color-main);border-top:2px solid #bd9535}
.breadCrumbs ol{margin:0}
.breadCrumbs ol li a{color:#eee;transition:.4s}
.breadCrumbs ol li a:hover{color:#edc900}
.pagination{margin:20px 0}
.pagination li a{cursor:pointer}
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;cursor:pointer}
.btn-frame i{width:50px;height:50px;border-radius:50%;background:#1182fc;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.btn-frame i img{vertical-align:middle;width:70%}
.btn-frame .animated.infinite{animation-iteration-count:infinite}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(7,41,103,.8);opacity:.1;border-color:#1182fc;opacity:.5}
.btn-frame .zoomIn{animation-name:zoomIn}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color:rgba(7,41,103,.35);opacity:.4}
.btn-frame .pulse{animation-name:pulse}
.grid-properties{display:flex;gap:10px}
.grid-properties span{position:relative;border:1px solid #ddd;padding:5px 15px;cursor:pointer}
.grid-properties span.active,.grid-properties span:hover{border:1px solid red;color:red}
.grid-properties span.active:after,.grid-properties span:hover:after{content:"";border:.9375rem solid transparent;border-bottom:.9375rem solid var(#d0011b,#ee4d2d);bottom:0;position:absolute;right:-.9375rem}
.grid-properties span.outstock{pointer-events:none;background-color:#fafafa;color:rgba(0,0,0,.26);cursor:not-allowed}
.wrap-xh{background:linear-gradient(90deg,#ffecd2 0,#fcb69f 100%);padding:10px;border-radius:10px}
.title-xh{font-size:25px;margin:20px 0;color:#333;font-weight:700;text-align:left;text-transform:uppercase}
.image-xh{border-radius:10px;overflow:hidden}
.name-xh{text-align:center;color:#333;font-size:16px;margin:10px 0 0}
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:700;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer}
.grecaptcha-badge{display:none!important;width:0!important;height:0!important;visibility:hidden!important;overflow:hidden}
[x-cloak]{display:none!important}
.hidden_mobi{display:none}
.hidden_destop{display:block}
.menu_baophu{background:#000;opacity:.8;z-index:998;left:0;top:0;position:fixed;width:100%;height:100%;display:none}
.icon_menu_mobi{color:#fff;font-size:25px;text-decoration:none;width:35px;display:block;cursor:pointer;margin:0;text-align:center}
a.home_mobi{color:#fff;text-decoration:none;float:right;font-size:20px}
.logo-mobi{width:calc(100% - 100px);float:left;display:block;text-align:center;padding:5px 0}
.logo-mobi img{max-width:150px}
a.phone_mobi{color:#fff;text-decoration:none;float:left;font-size:18px}
a.phone_mobi i{margin-right:12px;-webkit-animation:.7s infinite my;-moz-animation:.7s infinite my;-o-animation:.7s infinite my;animation:.7s infinite my}
.menu_mobi{color:#fff;font-size:18px;text-decoration:none;padding:5px 10px;width:100%;display:none;height:100%;cursor:pointer;position:sticky;top:0;z-index:990;background:var(--color-main)}
.menu_mobi_add{position:fixed;top:0;left:-100%;bottom:0;width:480px;max-width:85%;background:var(--color-main);box-shadow:0 0 10px rgba(0,0,0,.05);transition:.5s;z-index:999}
.menures_inner{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;height:100%;width:100%}
.menures_header{display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px;border-bottom:1px solid #c79c5d}
.menures_content{padding:15px;position:relative;overflow-y:scroll;height:100%;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:none}
.menu_mobi_add::-webkit-scrollbar{width:2px}
.menu_mobi_add::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgb(255 255 255 / 0%);border-radius:10px}
.menu_mobi_add::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px var(--color-main)}
.menu_mobi_active{left:0;transition:.5s}
.menu_mobi_add ul{list-style:none;padding:0;margin:0}
.menu_mobi_add ul li.li-tim{display:none}
.menu_mobi_add ul li h2{font-size:17px;margin-bottom:0}
.menu_mobi_add ul li b{display:inline-block;vertical-align:top;margin-right:8px}
.menu_mobi_add ul li b img{display:inline-block;vertical-align:top}
.menu_mobi_add ul li a{color:#fff;display:block;border:1px solid #c79c5d;padding:10px 40px 10px 10px;position:relative;font-size:15px;margin-bottom:12px;border-radius:5px;transition:.5s!important;font-weight:500;text-decoration:none}
.menu_mobi_add ul li a.active2{color:#fff;box-shadow:0 0 0 25px var(--color-main) inset}
.menu_mobi_add ul li a i{position:absolute;right:10px;transform:rotate(90deg);width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--color-main);color:#fff;border-radius:50%;top:10px}
.menu_mobi_add ul li a.active2 i{transform:rotate(0);border-left:1px solid rgba(255,255,255,.2);background:#fff;color:var(--color-main)}
.menu_mobi_add ul ul{display:none;padding-left:15px;margin:5px 0 10px 0}
.menu_mobi_add ul li ul li a{padding-left:20px;color:#6f6f6f}
.menu_mobi_add ul li ul li ul li a{padding-left:20px}
.menu_mobi_add ul li:last-child a{margin-bottom:0}
.thongtin-mb ul li{list-style:none;color:#000;font-weight:500;margin-bottom:15px}
.thongtin-mb ul li:last-child{margin-bottom:0}
.thongtin-mb ul li i{font-size:19px;margin-right:10px;color:var(--color-main)}
.close_menu{color:var(--color-main);display:inline-block;padding:0 6px}
.close_menu svg{width:17px;height:100%;margin:0 auto;cursor:pointer;stroke:#fff}
.menures_footer{padding:15px;margin-top:auto;border-top:1px solid var(--color-main)}
.menu_mobi_add ul:not(.menu-res-m){display:none}
.album-product{position:absolute;top:30px;left:15px;width:65px;z-index:1}
.thumb-pro-detail{border:1px solid #b2c1ff;border-radius:5px;padding:2px;background:#fff;margin-bottom:5px}
.title-pro-detail{font-size:25px;font-weight:700;margin-bottom:.5rem}
.info_nd::after{content:"";height:200px;position:absolute;bottom:0;left:0;right:0;background-image:linear-gradient(to top,#fff,transparent)}
.info_nd.active::after{display:none}
.slick_photo2 .slick-prev{left:24px;top:99%;transform:rotate(-90deg)}
.slick_photo2 .slick-next{top:-20px;transform:rotate(-90deg);right:20px}
.slick_photo2 .slick-next:before,.slick_photo2 .slick-prev:before{font-family:"Font Awesome 6 Pro";opacity:1}
.slick_photo2 .slick-next:before{content:"\f054"}
.slick_photo2 .slick-prev:before{content:"\f053"}
.name-tags{font-size:14px}
.control-productNB.control-owl button.owl-prev{left:-40px}
.control-productNB.control-owl button.owl-next{right:-40px}
.fix-footer-top{display:flex;align-items:center;border-bottom:2px solid #d0ad50;padding-bottom:8px}
.fix-footer-top-left{width:100px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.fix-footer-top-right{width:calc(100% - 100px);text-align:center;padding-left:5px}
.fix-footer-bottom-left{width:calc(100% - 100px);padding-right:4px}
.fix-footer-bottom-right{width:100px}
#social{position:fixed;z-index:999;left:var(--left,inherit);right:var(--right,inherit);bottom:var(--bottom,inherit);display:none}
#social .btn-frame{position:relative;margin:30px 0}
#social .btn-frame i{background-color:#1182fc}
#social .btn-frame img{border-radius:50%}
#social .btn-frame .kenit-alo-circle{border:2px solid #1182fc;border-color:#1182fc}
#social .btn-frame .kenit-alo-circle-fill{background-color:#1182fc}
.toolbar{background:#302052;width:100%;padding:10px;bottom:0;position:fixed;z-index:500;height:auto;left:0;max-height:65px;display:none}
.toolbar ul{list-style:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0;margin:0}
.toolbar ul li{text-align:center;width:25%}
.toolbar ul li a{display:block;width:100%;cursor:pointer}
.toolbar ul li a img{height:20px;width:20px;-webkit-animation:tada 1.2s infinite;-moz-animation:tada 1.2s infinite;-o-animation:tada 1.2s infinite;animation:tada 1.2s infinite}
.toolbar ul li a span{color:var(--color);font-size:10px}
.fancybox-thumbs{top:auto!important;bottom:0!important;width:100%!important;height:95px!important;left:0!important;right:0!important}
.fancybox-container--thumbs .fancybox-inner{bottom:95px!important}
.left-pro-detail{margin-bottom:1rem!important}
p{margin-bottom:1rem}
.attr-pro-detail{margin:auto;padding:0}
.baonoidung iframe{max-width:100%!important}
.baonoidung img{height:auto!important}
.baonoidung *{max-width:100%!important}
.baonoidung table{display:block;overflow-y:auto}
div.desc-pro-detail ul li{margin-bottom:.75rem;list-style-type:circle}
div.desc-pro-detail ul li:last-child{margin-bottom:0!important}
div.baonoidung ul li{margin-bottom:.75rem;list-style-type:disc}
div.baonoidung ol li{margin-bottom:.75rem;list-style-type:decimal}
.price-new-pro-detail{font-weight:700;font-size:20px;color:#ff2e00}
@media (max-width:1200px){
.menu-res{display:block!important}
.head{display:none!important}
.item-service{aspect-ratio:unset;padding:20px 15px}
.title-footer{margin-top:0}
}
@media (max-width:1024px){
.about__start{width:80%;order:2}
.about__layout{justify-content:center}
.about__end{width:100%;margin-bottom:2rem;text-align:center}
.row-about-image{align-items:center}
.col-project{padding:0 5px;margin-bottom:10px}
.row-project{margin:0 -5px}
.footer-col:nth-child(1){width:100%;margin-bottom:20px}
.footer-col:nth-child(2){width:100%;margin-bottom:20px}
.footer-col:nth-child(3){width:100%;text-align:center}
.footer-col:nth-child(4) .title-footer{margin-bottom:20px}
.title-main span{line-height:1.5}
}
@media (max-width:992px){
.row-20{margin:0 -5px}
.col-20{padding:0 5px}
.padding-top-bottom{padding:2rem 0}
.pad-top{padding-top:2rem}
.pad-bottom{padding-bottom:2rem}
.mg-top{margin-top:2rem}
.mg-bottom{margin-bottom:2rem}
.name-about span{font-size:50px}
.banner__col{width:100%!important}
.banner__layout{justify-content:center;text-align:center}
.title-main{padding-bottom:0!important;background:unset!important}
}
@media (max-width:768px){
.footer-powered{padding:20px 0 65px 0}
.slick_photo2{margin:0 20px}
.slick_photo2 .slick-prev{transform:rotate(0);left:-20px;top:23px}
.slick_photo2 .slick-next{transform:rotate(0);right:-20px;top:23px}
.slick_photo2 .slick-next::before,.slick_photo2 .slick-prev::before{color:#000}
.album-product{position:initial;width:100%;margin-top:10px}
.grid-pro-detail .left-pro-detail{width:100%;padding-right:0;border:0}
.grid-pro-detail .right-pro-detail{width:100%}
.about__start{width:100%}
.title-main span{font-size:38px}
.vsc-right{width:100%;margin-top:12px}
.item-vsc{padding:20px;text-align:center;justify-content:center}
.desc-visaochon.text-split{-webkit-line-clamp:2}
.desc-visaochon{margin-bottom:4px}
.title-main span{font-size:38px}
.title-main p{font-size:14px}
.info-project{opacity:1;background:0 0}
}
@media (max-width:576px){
.link-baogia{flex-direction:column;border-radius:10px}
.info-baogia{width:100%;padding-top:10px}
.content-fanpage{width:300px;overflow:hidden;margin:auto}
.logo-res{max-width:55px}
.name-about span{font-size:32px}
.name-about{margin-bottom:8px}
.title-banner span{font-size:28px}
.title-banner p{font-size:16px}
.title-main span{font-size:24px}
.title-main p{display:none}
.title-main{margin-bottom:15px}
.title-cat-main span{margin-bottom:0;font-size:14px;min-width:calc(50% - 5px);min-height:44px;padding:10px 12px 8px}
.slogan-cat-main span{font-size:14px}
.icon-project{display:none}
.item-project{border-radius:8px}
.bottom-project{padding:0 10px}
.title-project span{font-size:22px}
.title-project p{font-size:13px}
.title-project::before{top:6px;width:5px}
.title-project{padding-left:14px;margin-bottom:12px}
.btn-project{width:180px;height:42px}
.item-vsc{padding:8px;border-radius:8px}
.name-visaochon{font-size:15px;line-height:22px;margin-bottom:4px}
.desc-visaochon{font-size:14px;line-height:22px}
.img-newsletter{display:none}
.name-newsletter{font-size:24px}
.col-newsletter,.top-left-service{width:100%;padding:0}
.company-footer{font-size:25px}
.newsletter-button input[type=button]{height:48px}
.top-right-service{display:none}
.name-service{font-size:15px;line-height:23px;height:46px;margin-bottom:4px}
.image-service{padding:10px 0}
.desc-service{line-height:22px}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:0}
.item-service{margin-bottom:10px}
.info-newsnb{padding:10px}
.name-newsnb{font-size:15px;line-height:20px;height:40px}
.name-baogia{font-size:16px;height:40px}
.title-cat-main{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.fix-footer-bottom-left,.fix-footer-top-right,.newsletter-button,.newsletter-button input[type=button]{width:100%}
.fix-footer-top-left{width:100px}
.fix-footer-top{flex-wrap:wrap;justify-content:center;text-align:center}
.fix-footer-bottom-right{margin-bottom:15px}
.ul-footer{display:flex;flex-wrap:wrap;justify-content:space-between}
.ul-footer li{width:100%;margin-bottom:1rem}
.ul-footer li a{font-size:14px}
}