@charset "UTF-8";

.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}
.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}
.fa-user-times:before,.fa-user-xmark:before{content:"\f235"}
.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}
.fa-users-rectangle:before{content:"\e594"}
.fa-user-check:before{content:"\f4fc"}
.fa-user-ninja:before{content:"\f504"}
.fa-earth-africa:before,.fa-globe-africa:before{content:"\f57c"}
.fa-users-slash:before{content:"\e073"}
.fa-phone-square-alt:before,.fa-square-phone-flip:before{content:"\f87b"}
.fa-lock:before{content:"\f023"}
.fa-users:before{content:"\f0c0"}
.fa-eye-slash:before{content:"\f070"}
.fa-user:before{content:"\f007"}
.fa-key:before{content:"\f084"}
.fa-globe:before{content:"\f0ac"}
.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:"\f2f6"}
.fa-xmarks-lines:before{content:"\e59a"}
.fa-user-friends:before,.fa-user-group:before{content:"\f500"}
.fa-user-minus:before{content:"\f503"}
.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}
.fa-gift:before{content:"\f06b"}
.fa-eye-low-vision:before,.fa-low-vision:before{content:"\f2a8"}
.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}
.fa-user-tie:before{content:"\f508"}
.fa-user-alt-slash:before,.fa-user-large-slash:before{content:"\f4fa"}
.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}
.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}
.fa-lock-open:before{content:"\f3c1"}
.fa-user-astronaut:before{content:"\f4fb"}
.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:"\f3cd"}
.fa-volume-high:before,.fa-volume-up:before{content:"\f028"}
.fa-users-rays:before{content:"\e593"}
.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}
.fa-phone-alt:before,.fa-phone-flip:before{content:"\f879"}
.fa-eye:before{content:"\f06e"}
.fa-user-slash:before{content:"\f506"}
.fa-users-between-lines:before{content:"\e591"}
.fa-phone:before{content:"\f095"}
.fa-user-cog:before,.fa-user-gear:before{content:"\f4fe"}
.fa-users-viewfinder:before{content:"\e595"}
.fa-user-secret:before{content:"\f21b"}
.fa-phone-volume:before,.fa-volume-control-phone:before{content:"\f2a0"}
.fa-user-doctor:before,.fa-user-md:before{content:"\f0f0"}
.fa-keyboard:before{content:"\f11c"}
.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before{content:"\f1fb"}
.fa-angle-down:before{content:"\f107"}
.fa-user-lock:before{content:"\f502"}
.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}
.fa-phone-slash:before{content:"\f3dd"}
.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:"\f57d"}
.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}
.fa-user-shield:before{content:"\f505"}
.fa-user-graduate:before{content:"\f501"}
.fa-copy:before{content:"\f0c5"}
.fa-phone-square:before,.fa-square-phone:before{content:"\f098"}
.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}
.fa-users-line:before{content:"\e592"}
.fa-lines-leaning:before{content:"\e51e"}
.fa-copyright:before{content:"\f1f9"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-earth-oceania:before,.fa-globe-oceania:before{content:"\e47b"}
.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before{content:"\f2d3"}
.fa-user-plus:before{content:"\f234"}
.fa-angle-left:before{content:"\f104"}
.fa-user-tag:before{content:"\f507"}
.fa-earth-europe:before,.fa-globe-europe:before{content:"\f7a2"}
.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}
.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:"\f057"}
.fa-gifts:before{content:"\f79c"}
.fa-earth-asia:before,.fa-globe-asia:before{content:"\f57e"}
.fa-user-clock:before{content:"\f4fd"}
.fa-user-alt:before,.fa-user-large:before{content:"\f406"}
.fa-user-nurse:before{content:"\f82f"}
.fa-user-injured:before{content:"\f728"}
.fa-users-cog:before,.fa-users-gear:before{content:"\f509"}
.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:"\f19c"}
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}
.fa-brands,.fab{font-weight:400}
.fa-keybase:before{content:"\f4f5"}
.fa-keycdn:before{content:"\f3ba"}
.fa-line:before{content:"\f3c0"}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}
.fa-regular,.far{font-weight:400}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}
.fa-solid,.fas{font-weight:900}
@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}
@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}
@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}
@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}
@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}
@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}
article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:0 0}caption,table td,table th{text-align:left;font-weight:400}ins,mark{background-color:#ff9;color:#000}img{vertical-align:bottom}:focus{outline:0}body{line-height:1}table{border-collapse:collapse;border-spacing:0;empty-cells:show}table td,table th{vertical-align:top}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}a img,iframe{border:none}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}select{font-size:100%;font-family:Arial,sans-serif!important;margin:inherit}button,input,textarea{font-size:100%;font-family:inherit}ol{margin-left:2em}br{letter-spacing:0}
:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.h1,.h3,.h4,h1,h3,h4{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}p{margin-top:0;margin-bottom:1rem}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}strong{font-weight:bolder}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code{font-family:var(--bs-font-monospace);font-size:1em}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}figure{margin:0 0 1rem}img,svg{vertical-align:middle}th{text-align:inherit;text-align:-webkit-match-parent}th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}[hidden]{display:none!important}.figure{display:inline-block}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropdown-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after{margin-left:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.spinner-border{--bs-spinner-animation-speed:1.5s}}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}@keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.d-none{display:none!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.flex-wrap{flex-wrap:wrap!important}.mt-2{margin-top:.5rem!important}.me-2{margin-right:.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.text-center{text-align:center!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

body, ol, ul, dl, li, dt, dd, table, th, td, input, textarea, select, h1, h2, h3, h4, h5, h6 {
color: #d7dde5;
font-family:'Kanit',sans-serif;
font-weight: 500;
letter-spacing: 0;
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
}
html {
scroll-behavior: smooth;
scrollbar-color: #cccccc;
}
html::-webkit-scrollbar {
background: #ffffff;
width: 6px;
}
html::-webkit-scrollbar-thumb {
background: #cccccc;
border-radius: 6px;
}
body {
background: #fbfbfb;
min-width: 320px;
line-height: 2;
font-size: 100%;
position: relative;
overflow-x: hidden;
animation: pageLoad 2s;
}
@media screen and (max-width: 767px) {
body {
font-size: 90%;
line-height: 1.8;
}
}
@keyframes pageLoad {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
h1, h2, h3, h4, h5, h6 {
line-height: 2;
}
dt, dd {
line-height: 2;
}
img {
max-width: 100%;
vertical-align: middle;
}
input,
textarea {
padding: 5px 8px;
}
select {
font-family:'Kanit',sans-serif!important;
padding: 5px 8px;
}
ul {
list-style: none;
}
ol {
margin: 0px 0px 0px 21px;
}
ol>li {
list-style: decimal outside;
margin: 0px 0px 3%;
}
a {
color: #009dff;
text-decoration: underline;
outline: 0;
}
a:hover, a:active {
color: #009dff;
text-decoration: none;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
h1, h2 {
font-size:1.2rem;
}
h3, h4 {
font-size:1.1rem;
}
#drw-nav-trigger {
display: none;
}
.drw-nav-btn {
position: relative;
width: 25px;
height: 24px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
text-align: center;
cursor: pointer;
z-index: 1050;
transition: all 0.4s ease-in-out;
display: none;
}
.drw-nav-btn-bar {
width: 70%;
display: block;
position: absolute;
height: 3px;
background: #ffffffe6;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: .25s ease-in-out;
}
.drw-nav-btn-bar.top {
top: 0;
-webkit-animation: x-hamburger-wave .4s ease-out infinite alternate;
animation: x-hamburger-wave .4s ease-out infinite alternate;
-webkit-transform-origin: left center;
transform-origin: left center;
}
#drw-nav-trigger:checked~.drw-nav-btn .drw-nav-btn-bar.top {
width: 100%;
-webkit-animation: none;
animation: none;
background: #1d253ae6;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 0;
left: 5px;
}
.drw-nav-btn-bar.middle {
top: 9px;
-webkit-animation: x-hamburger-wave .4s ease-out .3s infinite alternate;
animation: x-hamburger-wave .4s ease-out .3s infinite alternate;
-webkit-transform-origin: left center;
transform-origin: left center;
}
#drw-nav-trigger:checked~.drw-nav-btn .drw-nav-btn-bar.middle {
-webkit-animation: none;
animation: none;
background: #1d253ae6;
width: 0;
opacity: 0;
}
.drw-nav-btn-bar.bottom {
top: 18px;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-animation: x-hamburger-wave .4s ease-out .6s infinite alternate;
animation: x-hamburger-wave .4s ease-out .6s infinite alternate;
}
#drw-nav-trigger:checked~.drw-nav-btn .drw-nav-btn-bar.bottom {
width: 100%;
-webkit-animation: none;
animation: none;
background: #1d253ae6;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 18px;
left: 5px;
}
@-webkit-keyframes x-hamburger-wave {
0% {
width: 70%
}
to {
width: 100%
}
}
@keyframes x-hamburger-wave {
0% {
width: 70%
}
to {
width: 100%
}
}
.drw-nav-close {
background-color: #000;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
transition: all 0.4s ease-in-out;
visibility: hidden;
opacity: 0;
}
#drw-nav-trigger:checked~.drw-nav-close {
background: rgba(0, 0, 0, 0.6);
transition: all 0.4s ease-in-out;
visibility: visible;
opacity: 1;
z-index: 999;
}
#drw-nav {background: linear-gradient(0deg, #bc9e62, #bd9f63);box-sizing: border-box;position: fixed;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.4s ease-in-out;display: flex;opacity: 1;overflow: hidden;transform-origin: left center;transform: translateX(-100%);z-index: 999;}
#drw-nav::before {
width: 2px;
height: 2px;
position: absolute;
right: 0;
top: 50%;
height: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
z-index: 9999999998;
}
#drw-nav-trigger:checked~#drw-nav {
transform: translateX(0);
z-index: 999;
}
.drw-nav-inner {background: linear-gradient(0deg, #b99b5f, #c0a266);box-sizing: border-box;width: 100%;max-width: 500px;height: 100%;padding: 20px 2% 60px;margin: auto;position: relative;overflow-x: hidden;overflow-y: auto;scrollbar-color: transparent;}
.drw-nav-inner::-webkit-scrollbar {
background: transparent;
width: 6px;
}
.drw-nav-inner::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 6px;
}
#drw-nav .nav-close {
display: flex;
justify-content: flex-end;
}
#drw-nav .nav-close .close-btn {
cursor: pointer;
}
#drw-nav .logo {
max-width: 220px;
text-align: center;
margin: 0 auto 20px;
padding: 0 20px;
position: relative;
box-sizing: border-box;
}
#drw-nav .btn-style01 .btn-elem {
font-size: 120%;
display: flex;
justify-content: center;
}
#drw-nav .search-box {
margin: 10px;
position: relative;
}
#drw-nav .search-box .input-g {
display: flex;
align-items: center;
}
#drw-nav .search-box .input-g > i {
color: #fff;
width: 24px;
position: absolute;
left: 7px;
}
#drw-nav .search-box .input-g > input {
background-color: rgb(19, 19, 30);
color: #fff;
width: 100%;
border: 0.2vw solid rgb(38, 41, 58);
border-radius: 10px;
padding-left: 32px;
box-sizing: border-box;
transition: all 0.4s ease-in-out;
}
#drw-nav .search-box .input-g > input:focus {
border-color: rgb(48, 51, 71);
}
#drw-nav .g-nav {
max-width: 300px;
margin: 20px auto 0;
}
#drw-nav .g-nav > ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
}
#drw-nav .g-nav > ul:last-child {
margin-bottom: 20px;
}
#drw-nav .g-nav > ul > li {
width: 30%;
margin: 0 5% 5% 0;
}
#drw-nav .g-nav > ul > li:nth-of-type(3n+3) {
margin-right: 0;
}
#drw-nav .g-nav > ul > li:last-of-type {
margin-right: 0;
}
#drw-nav .g-nav > ul > li > a {
display: flex;
flex-wrap: wrap;
align-items: center;
transition: all .3s;
text-decoration: none;
}
#drw-nav .g-nav .icn {
background: linear-gradient(#1d253a 0%, #1d253a 100%);
width: 100%;
text-align: center;
border-radius: 10px;
padding: 15px;
box-sizing: border-box;
box-shadow: inset 0px 0px 7px 3px #5b616961, inset 0px 0px 10px 5px #00000041;
}
#drw-nav .g-nav .icn img {
width: 120px;
filter: brightness(0) saturate(100%) invert(97%) sepia(2%) saturate(4890%) hue-rotate(180deg) brightness(94%) contrast(100%);
}
#drw-nav .g-nav .txt {
color: #ffffff;
font-size: 16px;
width: 100%;
text-align: center;
}
#drw-nav .line{
width: 100%;
max-width: 150px;
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 1000px) {
.drw-nav-btn {
display: block;
}
.drw-nav-close {
display: block;
}
#drw-nav {
display: flex;
}
}
@media screen and (max-width: 480px) {
#drw-nav .g-nav .txt {
font-size: 14px;
}
}
#wrapper {
width: 100%;
position: relative;
box-sizing: border-box;
transition: all 0.4s ease-in-out;
}
#header {
width: 100%;
min-width: 320px;
position: fixed;
top: 0;
left: 0;
box-sizing: border-box;
transition: all 0.4s ease-in-out;
z-index: 998;
}
#header .top-bar {background: linear-gradient(0deg, #c2a468, #b4965a);height: 65px;display: flex;justify-content: space-between;position: relative;}
#header .top-bar > .comm-blc {
width: 100%;
max-width: none;
padding: 0;
display: flex;
justify-content: space-between;
position: relative;
}
#header .top-bar .left-blc,
#header .top-bar .middle-blc,
#header .top-bar .right-blc {
padding: 7px 5px;
position: relative;
}
#header .top-bar .left-blc {
width: 40%;
display: flex;
align-items: center;
justify-content: flex-end;
order: 2;
}
#header .top-bar .middle-blc {
display: flex;
align-items: center;
order: 1;
}
#header .top-bar .right-blc {
width: 60%;
display: flex;
align-items: center;
}
#header .top-bar .user-dropdown {
text-decoration: none;
display: flex;
align-items: center;
}
#header .top-bar .dropdown-menu {
background: #222;
border-radius: 3px;
padding: 0;
box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.47);
overflow: hidden;
top: 14px!important;
}
#header .top-bar .dropdown-menu .inner {
background: #111;
min-width: 230px;
}
#header .top-bar .dropdown-menu .ttl {
font-size: 14px;
color: #fff;
text-align: center;
border-bottom: 1px solid #222;
padding: 0 10px;
}
#header .top-bar .dropdown-menu .message {
color: #fff;
line-height: 1.4;
border-bottom: 1px solid #222;
padding: 7px 10px;
display: flex;
}
#header .top-bar .dropdown-menu .message .icn {
width: 24px;
margin-right: 5px;
}
#header .top-bar .dropdown-menu .message .txt {
flex: 1;
}
#header .top-bar .dropdown-menu .message .time {
font-size: 85%;
margin-left: 5px;
}
#header .top-bar .dropdown-menu .link {
border-bottom: 1px solid #222;
}
#header .top-bar .dropdown-menu .link:last-child {
border-bottom: none;
}
#header .top-bar .dropdown-item {
color: #fff;
font-size: 12px;
width: 100%;
display: block;
box-sizing: border-box;
}
#header .top-bar .dropdown-item:hover {
background-color: #333;
}
#header .top-bar .dropdown-item.focus,
#header .top-bar .dropdown-item:focus {
background-color: #333;
}
#header .top-bar .dropdown-item.active,
#header .top-bar .dropdown-item:active {
background-color: #333;
}
#header .top-bar .dropdown-item > i {
margin-right: 10px;
}
#header .top-bar .user {
width: 32px;
margin-right: 5px;
}
#header .top-bar .coin {
background-color: rgba(0, 0, 0, 0.9);
max-width: 110px;
line-height: 1;
border-radius: 999px;
padding: 4px 7px;
margin-bottom: 3px;
display: flex;
justify-content: space-between;
align-items: center;
}
#header .top-bar .coin:last-child {
margin-bottom: 0;
}
#header .top-bar .coin .icn {
width: 16px;
margin-right: 5px;
}
#header .top-bar .coin .amount {
font-size: 12px;
text-align: right;
width: calc(100% - 21px);
white-space: nowrap;
}
#header .top-bar .logo {
max-width: 135px;
margin-left: 15px;
}
#header .top-bar .jackpot {
line-height: 1;
padding-top: 18px;
display: flex;
flex-wrap: wrap;
text-shadow: 1px 1px 0px #5c0010;
}
#header .top-bar .jackpot .amount {
color: #fff;
font-size: 17px;
font-weight: 600;
width: 100%;
text-align: center;
white-space: nowrap;
}
#header .top-bar .jackpot .unit {
color: #fff;
font-size: 10px;
width: 100%;
text-align: center;
white-space: nowrap;
}
#header .top-bar .btn-list {
padding-right: 40px;
display: flex;
justify-content: flex-end;
}
#header .top-bar .btn-list li {
margin-right: 5px;
}
#header .top-bar .btn-list li:last-child {
margin-right: 0;
}
#header .top-bar .btn-list li a {
text-decoration: none;
display: block;
}
#header .top-bar .btn-list li .icn {
min-height: 48px;
display: flex;
align-items: center;
}
#header .top-bar .btn-list li .icn img {
flex: 0 0 auto;
}
#header .top-bar .btn-list li .txt {
font-size: 10px;
text-align: center;
line-height: 0.9;
margin-top: -4px;
text-shadow: 2px 2px 2px #000, 2px 2px 2px #000, 2px 2px 2px #000;
}
#header .top-bar .btn-deposit {
background: linear-gradient(180deg, #fff, #fff), linear-gradient(180deg, #fff, #fff);
background-origin: border-box;
background-clip: content-box,border-box;
width: calc(50% - 10px);
max-width: 150px;
max-height: 50px;
border-radius: 4px;
padding: 2px;
margin: 0 5px;
display: flex;
align-items: center;
position: relative;
transition: all 0.4s ease-in-out;
}
#header .top-bar .btn-deposit .elem {
width: 100%;
text-decoration: none;
padding: 5px 15px;
display: flex;
align-items: center;
}
#header .top-bar .btn-deposit .elem .icn {
width: 24px;
text-decoration: none;
margin-right: 5px;
display: block;
}
#header .top-bar .btn-deposit .elem .txt {
color: #1d253a;
font-size: 16px;
font-weight: 700;
text-align: center;
white-space: nowrap;
flex: 1;
}
#header .top-bar .btn-withdraw {
background: linear-gradient(180deg, #1d253a 0%, #1d253a 100%), linear-gradient(180deg, #1d253a 0%, #1d253a 100%);
background-origin: border-box;
background-clip: content-box,border-box;
width: calc(50% - 10px);
max-width: 150px;
max-height: 50px;
border-radius: 4px;
padding: 2px;
margin: 0 5px;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
transition: all 0.4s ease-in-out;
}
#header .top-bar .btn-withdraw::after {
content: "";
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(128, 186, 232, 0) 100%);
width: 300%;
height: 300%;
position: absolute;
top: 0;
transform: translateX(100%) rotate(30deg);
z-index: 1;
-webkit-animation: shine 3s infinite ease-in;
animation: shine 3s infinite ease-in;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
#header .top-bar .btn-withdraw:hover {
filter: brightness(1.1);
}
#header .top-bar .btn-withdraw .elem {
width: 100%;
text-decoration: none;
padding: 5px 15px;
display: flex;
align-items: center;
}
#header .top-bar .btn-withdraw .elem .icn {
width: 24px;
text-decoration: none;
margin-right: 5px;
display: block;
}
#header .top-bar .btn-withdraw .elem .txt {
color: #fff;
font-size: 16px;
font-weight: 700;
text-align: center;
white-space: nowrap;
flex: 1;
}
#header .top-bar .menu-icon {
margin-left: 30px;
}
#header .top-bar .menu-icon ul {
display: flex;
}
#header .top-bar .menu-icon li {
margin-right: 15px;
}
#header .top-bar .menu-icon li a {
text-decoration: none;
display: flex;
align-items: center;
}
#header .top-bar .menu-icon li .icn {
width: 18px;
margin-top: -5px;
margin-right: 5px;
filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(500%) hue-rotate(180deg) brightness(103%);
}
#header .top-bar .menu-icon li .txt01 {
color: #ffffff;
line-height: 1.1;
}
@-webkit-keyframes shine {
0% {
transform: translateX(-100%) translateY(-100%) rotate(30deg);
}
80% {
transform: translateX(-100%) translateY(-100%) rotate(30deg);
}
100% {
transform: translateX(100%) translateY(100%) rotate(30deg);
}
}
@keyframes shine {
0% {
transform: translateX(-100%) translateY(-100%) rotate(30deg);
}
80% {
transform: translateX(-100%) translateY(-100%) rotate(30deg);
}
100% {
transform: translateX(100%) translateY(100%) rotate(30deg);
}
}
@-webkit-keyframes shadow-drop-center {
0% {
transform: scale(1);
}
50% {
transform: scale(1.02);
}
to {
transform: scale(1);
}
}
@keyframes shadow-drop-center {
0% {
transform: scale(1);
}
50% {
transform: scale(1.02);
}
to {
transform: scale(1);
}
}
@media screen and (max-width: 1000px) {
#header .top-bar .left-blc {
width: 50%;
}
#header .top-bar .right-blc {
width: 50%;
}
#header .top-bar .menu-icon {
display: none;
}
}
@media screen and (max-width: 575px) {
#header .top-bar .btn-deposit .elem .txt,
#header .top-bar .btn-withdraw .elem .txt {
font-size: 2.8vw;
width: calc(100% - 8vw);
flex: auto;
}
}
@media screen and (max-width: 480px) {
#header .top-bar .logo {
max-width: 105px;
}
#header .top-bar .btn-list {
padding-right: 28px;
}
#header .top-bar .btn-deposit,
#header .top-bar .btn-withdraw {
width: calc(49% - 4px);
margin-left: 2px;
margin-right: 2px;
}
#header .top-bar .btn-deposit .elem,
#header .top-bar .btn-withdraw .elem {
padding-left: 5px;
padding-right: 5px;
}
#header .top-bar .btn-deposit .elem .icn,
#header .top-bar .btn-withdraw .elem .icn {
width: 6vw;
}
#header .top-bar .btn-deposit .elem .txt,
#header .top-bar .btn-withdraw .elem .txt {
font-size: 3.2vw;
width: calc(100% - 6vw);
}
}
@media screen and (max-width: 380px) {
#header .top-bar .btn-list li .txt {
font-size: 2.6vw;
}
}
#btm-bar {
background: rgb(7 7 12);
width: 100%;
min-width: 320px;
height: 75px;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 65px;
left: 0;
z-index: 992;
box-sizing: border-box;
transition: all 0.4s ease-in-out;
}
#btm-bar::after {
background: linear-gradient(90deg, transparent, #fdd47bbb 50%, transparent);
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
}
#btm-bar .user-blc {
background-image: linear-gradient(90deg,#ffb01d2d 27%,#ffda6165 68%,#fcba05a1 100%);
width: calc(50% - 10px);
max-width: 180px;
height: 50px;
border-radius: 20px 5px 20px 5px;
margin: 0 5px;
display: flex;
align-items: center;
box-shadow: inset 0px 0px 10px 1px #ffebb3;
}
#btm-bar .user-blc .icn {
width: 48px;
}
#btm-bar .user-blc .info {
width: calc(100% - 48px);
line-height: 1.2;
padding: 5px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
}
#btm-bar .user-blc .info .toper {
display: flex;
justify-content: space-between;
align-items: center;
}
#btm-bar .user-blc .info .toper .level {
background-color: rgba(0, 0, 0, 0.4);
font-size: 11px;
text-align: center;
width: 40px;
border-radius: 99px;
padding: 2px 4px;
margin-right: 4px;
white-space: nowrap;
box-shadow: inset 0px 0px 2px 0px #ffebb39f;
}
#btm-bar .user-blc .info .toper .txt {
font-size: 11px;
width: calc(100% - 40px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#btm-bar .user-blc .info .btm {
margin-top: 2px;
}
#btm-bar .user-blc .info .btm .amount {
background-color: rgba(0, 0, 0, 0.4);
font-size: 12px;
text-align: center;
border-radius: 99px;
padding: 2px 4px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
box-shadow: inset 0px 0px 2px 0px #ffebb39f;
}
#contents {
min-height: calc(100vh - 100px);
padding-top: 65px;
position: relative;
transition: all .4s;
}
#footer {
background: radial-gradient(31.74% 3046.23% at 50% 49.81%, #242a42 0, #121524 100%);
width: 100%;
padding: 7px 0 75px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
z-index: 98;
}
#footer .part-txt-link {
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 20px 0;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
#footer .word-blc {
color: #fff;
font-size: 85%;
width: 32%;
margin-right: 4%;
box-sizing: border-box;
}
#footer .f-nav {
font-size: 85%;
line-height: 1.4;
width: 64%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
#footer .f-nav a {
color: #ffffffc7;
text-decoration: none;
transition: all 0.4s ease-in-out;
}
#footer .f-nav a:hover {
opacity: 0.6;
}
#footer .f-nav .subj {
color: #96b8e7;
font-weight: 600;
margin-bottom: 6px;
}
#footer .f-nav .main-list {
display: flex;
flex-wrap: wrap;
}
#footer .f-nav .main-list.group-1 {
width: 74%;
margin-right: 2%;
}
#footer .f-nav .main-list.group-1 > li {
width: 32%;
margin: 0 2% 4% 0;
}
#footer .f-nav .main-list.group-1 > li:nth-of-type(3n+3) {
margin-right: 0;
}
#footer .f-nav .main-list.group-2 {
width: 24%;
}
#footer .f-nav .main-list.group-2 > li {
width: 100%;
margin: 0 0 4% 0;
}
#footer .f-nav .sub-list > li {
margin-bottom: 6px;
}
#footer .providers {
width: 100%;
padding: 20px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
box-sizing: border-box;
}
#footer .providers > ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#footer .providers > ul > li {
margin: 0 10px 10px;
cursor: pointer;
}
#footer .providers > ul > li:hover {
filter: brightness(5) drop-shadow(1px 1px 5px #9de7d7);
}
#footer .copyright {
color: #ffffffc7;
font-size: 90%;
width: 100%;
text-align: center;
padding: 20px 0;
box-sizing: border-box;
}
#footer .copyright > strong {
font-weight: 500;
}
#footer .txt-version {
color: #ffffffc7;
font-size: 90%;
text-align: right;
box-sizing: border-box;
}
@media screen and (max-width: 875px) {
#footer .word-blc {
width: 100%;
margin-right: 0;
margin-bottom: 4%;
}
#footer .f-nav {
width: 100%;
}
}
@media screen and (max-width: 480px) {
#footer .providers > ul > li {
width: calc(33.33% - 20px);
}
#footer .f-nav .main-list.group-1 {
width: 49%;
margin-right: 2%;
}
#footer .f-nav .main-list.group-1 > li {
width: 100%;
margin-right: 0;
}
#footer .f-nav .main-list.group-2 {
width: 49%;
}
#footer .copyright {
width: 100%;
text-align: center;
}
#footer .txt-version {
width: 100%;
text-align: center;
}
}
.mobile-shortcut {
width: 100%;
padding: 0 10px;
position: fixed;
left: 0;
bottom: 10px;
z-index: 998;
}
.mobile-shortcut .inner {background: linear-gradient(180deg, #b99b5f, #bfa165);max-width: 1200px;border-top: 2px solid #dccccc;border-bottom: 2px solid #c1c0c0;border-left: 1px solid #5c5858;border-right: 1px solid #62605d;border-radius: 20px;padding: 5px 0;margin: 0 auto;display: flex;align-items: center;}
.mobile-shortcut .left-blc,
.mobile-shortcut .right-blc {
display: flex;
align-items: flex-end;
flex: 1;
z-index: 2;
height: 70px;
padding-bottom: 6px;
transition: -webkit-filter .2s;
transition: filter .2s;
transition: filter .2s, -webkit-filter .2s;
}
.mobile-shortcut .left-blc {
}
.mobile-shortcut .right-blc {
justify-content: flex-end;
}
.mobile-shortcut .item {
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
color: #fff;
position: relative;
}
.mobile-shortcut .item .txt01 {
font-size: .75rem;
font-weight: bold;
line-height: 1.4;
color: #ffffff;
transition: color .2s;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
margin: 0 auto;
margin-top: 0.25rem;
}
.mobile-shortcut .item .img img {
width: 34px;
height: auto;
display: block;
margin: 0 auto;
padding-bottom: 20px;
position: relative;
filter: brightness(0) invert(1);
}
.mobile-shortcut .center-blc {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
z-index: 2;
width: 64px;
height: 64px;
padding: 2px;
margin: 0 5%;
color: #fff;
border-radius: 4px;
background: linear-gradient(0deg, #f06414 20%, #ed8f3f 100%, #ed8f3f 80%, #f06414 99%), linear-gradient(#466289 0%, #466289 49%, #1f3a60 51%, #1f3a60 100%);
background-origin: border-box;
background-clip: content-box, border-box;
box-shadow: rgb(255 129 77) 0px 0px 4px 2px inset;
}
.mobile-shortcut .c-item {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
transition: all .4s;
background-size: 450px;
background-repeat: no-repeat;
height: 100%;
width: 100%;
background-position: 0 0;
border-radius: 50%;
}
.mobile-shortcut .c-item a {
text-decoration: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.mobile-shortcut .c-item .img {
animation: x-jello-horizontal 3s infinite both;
}
.mobile-shortcut .c-item .img img {
width: 40px;
max-width: 40px;
height: auto;
margin-top: -4px;
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(103%) contrast(103%);
}
.mobile-shortcut .c-item .txt01 {
font-size: .7rem;
font-weight: 700;
line-height: 1.2;
margin-top: 0.25rem;
white-space: nowrap;
color: #fff;
order: 1;
}
.mobile-shortcut .fake-bg {
display: none;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
height: 50px;
transition: -webkit-filter .2s;
transition: filter .2s;
transition: filter .2s, -webkit-filter .2s;
overflow: hidden;
}
.mobile-shortcut .fake-bg svg {
position: absolute;
left: 50%;
bottom: 0;
height: 108px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
overflow: hidden;
vertical-align: middle;
}
.mobile-shortcut .fake-bg svg path {
fill: url(#rectangleGradient);
}
.mobile-shortcut .item #contact-choice-trigger {
display: none;
}
.mobile-shortcut .item .contact-choice-close {
text-align: center;
cursor: pointer;
margin: auto;
display: block;
filter: brightness(5) drop-shadow(1px 1px 1px #000000);
}
.mobile-shortcut .item #contact-choice {background: #bb9d61;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);box-sizing: border-box;position: absolute;bottom: 100%;right: 0;left: 0;margin: auto;width: 100%;max-width: 70px;border-radius: 10px;padding: 10px 0;transition: all 0.4s ease-in-out;opacity: 0;visibility: hidden;z-index: 993;transform: translateY(0);box-shadow: inset 0px 0px 10px 1px #797979;}
.mobile-shortcut .item #contact-choice-trigger:checked~#contact-choice {
transform: translateY(-10px);
z-index: 999;
opacity: 1;
visibility: visible;
}
.mobile-shortcut .item #contact-choice .btn-item {
margin-top: 10px;
}
.mobile-shortcut .item #contact-choice .btn-item .btn-elem {
width: 48px;
height: 48px;
line-height: 1;
text-decoration: none;
border-radius: 10px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}
.mobile-shortcut .item #contact-choice .btn-line .btn-elem {
background-color: #00b900;
}
.mobile-shortcut .item #contact-choice .btn-telegram .btn-elem {
background-color: #229ED9;
}
.mobile-shortcut .item #contact-choice .btn-item .btn-elem i {
font-size: 34px;
line-height: 1;
}
.mobile-shortcut .item #contact-choice .btn-telegram .btn-elem i {
color: #229ED9;
}
.mobile-shortcut .item #contact-choice .btn-item .btn-elem img {
width: 32px;
}
.mobile-shortcut .item .tag-a {
cursor: pointer;
}
@keyframes x-jello-horizontal {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
5% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1);
}
7.5% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1);
}
10% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1);
}
15% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
20% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
25%, 100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.search-result {
background-color: rgba(0, 0, 0, 0.85);
width: calc(100% - 20px);
max-width: 600px;
border-radius: 10px;
display: none;
position: fixed;
right: 16px;
z-index: 999;
box-sizing: border-box;
}
.search-result .list-style01 {
background-color: rgba(0, 0, 0, 0.85);
border-radius: 10px;
padding: 10px;
}
.search-result .list-style01 .item {
width: 32%;
margin: 0 2% 2% 0;
}
.search-result .list-style01 .item:nth-child(6n+6) {
margin-right: 2%;
}
.search-result .list-style01 .item:nth-child(4n+4) {
margin-right: 2%;
}
.search-result .list-style01 .item:nth-child(3n+3) {
margin-right: 0;
}
.search-result .list-style01 .item .tag-list .tag {
font-size: 7px;
}
@media screen and (max-width: 540px) {
.search-result .list-style01 .item {
width: 49%;
}
.search-result .list-style01 .item:nth-child(3n+3) {
margin-right: 2%;
}
.search-result .list-style01 .item:nth-child(2n+2) {
margin-right: 0;
}
}
@media screen and (max-width: 480px) {
.search-result .list-style01 .item .tag-list .tag {
font-size: 1.8vw;
}
}
.mfp-bg {
z-index: 1051;
}
.mfp-wrap {
z-index: 1052;
}
button.mfp-close {
display: none;
}
.white-popup-block {
background: #fff;
padding: 30px 45px;
text-align: left;
max-width: 675px;
margin: 70px auto;
position: relative;
}
@media screen and (max-width: 767px) {
.white-popup-block {
padding: 3% 4%;
}
}
#page-top {
position: fixed;
bottom: 2%;
right: 2%;
z-index: 998;
display: none;
}
#page-top a {
background: #d89597;
width: 50px;
height: 50px;
border-radius: 99px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
}
#page-top a::after {
font-family: "Font Awesome 5 Free";
content: '\f106';
color: #fff;
font-weight: 900;
font-size: 28px;
}
#page-top .txt {
display: block;
}
@media screen and (max-width: 767px) {
#page-top a {
width: 40px;
height: 40px;
}
#page-top a::after {
font-size: 20px;
}
}
.animation-hide {
opacity: 0;
}
@keyframes slide-left {
0% {
transform: translateX(135px);
}
100% {
transform: translateX(0);
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

.comm-blc {
max-width: 1200px;
padding: 0 2%;
margin: 0 auto;
position: relative;
box-sizing: content-box;
}
.layout-style01 {
padding: 20px 0 0;
}
.layout-style01 > .comm-blc {
max-width: none;
padding-left: 0;
padding-right: 0;
}
.layout-style01 .inner-blc {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.layout-style01 .side-bar {
width: 70px;
line-height: 1.2;
padding: 0;
margin-bottom: 0;
position: sticky;
top: 74px;
z-index: 6;
}
.layout-style01 .side-bar .home {
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.layout-style01 .side-bar .home a {
text-decoration: none;
padding: 15px;
display: block;
}
.layout-style01 .side-bar .home .icon::after {
font-family: "Font Awesome 5 Free";
content: "\f015";
color: #fff;
font-size: 24px;
font-weight: 900;
}
.layout-style01 .side-bar .user {
text-align: center;
padding: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
display: flex;
justify-content: space-between;
}
.layout-style01 .side-bar .favorite a {
text-decoration: none;
}
.layout-style01 .side-bar .favorite .icon::after {
font-family: "Font Awesome 5 Free";
content: "\f004";
color: #fff;
font-size: 20px;
font-weight: 900;
}
.layout-style01 .side-bar .recent a {
text-decoration: none;
}
.layout-style01 .side-bar .recent .icon::after {
font-family: "Font Awesome 5 Free";
content: "\f1da";
color: #fff;
font-size: 20px;
font-weight: 900;
}
.layout-style01 .side-bar .list {
height: calc(100vh - 160px);
display: block;
overflow-y: auto;
scroll-behavior: smooth;
scrollbar-color: #00000000;
}
.layout-style01 .side-bar .list::-webkit-scrollbar {
background: transparent;
width: 3px;
}
.layout-style01 .side-bar .list::-webkit-scrollbar-thumb {
background: #00000000;
border-radius: 3px;
}
.layout-style01 .side-bar .list .item {
width: auto;
margin: 0 0 10px 0;
position: relative;
}
.layout-style01 .side-bar .list .item:nth-child(8n+8) {
margin-right: 0;
}
.layout-style01 .side-bar .list .item > a,
.layout-style01 .side-bar .list .item .tag-link {
background: linear-gradient(180deg, #1d253a, #1d253a), linear-gradient(6deg, #f3dbdb6e, #e7dada4a, #ccd0db52, #e2ecffe6);
background-origin: border-box;
background-clip: content-box,border-box;
text-align: center;
text-decoration: none;
border-radius: 10px;
padding: 2px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
position: relative;
cursor: pointer;
}
.layout-style01 .side-bar .list .item > a::before,
.layout-style01 .side-bar .list .item .tag-link::before {
transform: scaleX(0);
transform-origin: bottom right;
border-radius: 10px;
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(161deg, #f06414, #f06414, #f06414), linear-gradient(6deg, #f06414, #f06414, #f06414, #f06414);
background-origin: border-box;
background-clip: content-box,border-box;
padding: 2px;
z-index: 0;
transition: transform .3s ease;
}
.layout-style01 .side-bar .list .item.active > a::before,
.layout-style01 .side-bar .list .item.active .tag-link::before {
transform: scaleX(1);
transform-origin: top left;
}
.layout-style01 .side-bar .list .item > a:hover::before,
.layout-style01 .side-bar .list .item .tag-link:hover::before {
transform: scaleX(1);
transform-origin: top left;
}
.layout-style01 .side-bar .list .item i {
font-size: 32px;
}
.layout-style01 .side-bar .list .item .icn {
width: 32px;
margin: 5px auto;
display: block;
position: relative;
filter: brightness(0) saturate(100%) invert(58%) sepia(89%) saturate(2293%) hue-rotate(360deg) brightness(102%) contrast(104%);
transition: all .3s ease;
}
.layout-style01 .side-bar .list .item.active > a .icn,
.layout-style01 .side-bar .list .item.active .tag-link .icn {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(295deg) brightness(106%) contrast(108%);
}
.layout-style01 .side-bar .list .item > a:hover .icn,
.layout-style01 .side-bar .list .item .tag-link:hover .icn {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(295deg) brightness(106%) contrast(108%);
}
.layout-style01 .side-bar .list .item .icn img {
transition: all .2s ease-in-out;
}
.layout-style01 .side-bar .list .item > a:hover .icn img,
.layout-style01 .side-bar .list .item .tag-link:hover .icn img {
transform: scale(1.2);
}
.layout-style01 .side-bar .list .item .txt {
color: #ffffffe6;
font-size: 12px;
font-weight: 700;
width: 100%;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0 auto 5px auto;
display: block;
position: relative;
transition: all .3s ease;
}
.layout-style01 .side-bar .list .item.active > a .txt,
.layout-style01 .side-bar .list .item.active .tag-link .txt {
color: #fff;
}
.layout-style01 .side-bar .list .item > a:hover .txt,
.layout-style01 .side-bar .list .item .tag-link:hover .txt {
color: #fff;
}
.layout-style01 .main-content {
width: calc(98% - 70px);
}
.box-style01 {
margin: 2% 0 20px;
}
.box-style01 .ttl {
padding: 7px 0;
margin-bottom: 10px;
display: flex;
align-items: center;
position: relative;
box-sizing: border-box;
}
.box-style01 .ttl .icn {
width: 40px;
text-align: center;
margin-right: 4px;
}
.box-style01 .ttl .txt01 {
font-size: 170%;
font-weight: 500;
line-height: 1.4;
display: inline-block;
}
@media screen and (max-width: 767px) {
.box-style01 .ttl .txt01 {
font-size: 140%;
}
}
@media screen and (max-width: 480px) {
.box-style01 .ttl .txt01 {
font-size: 115%;
}
}
.game-menu {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 16px 0;
position: sticky;
top: 65px;
z-index: 100;
}
.game-menu > .comm-blc {
max-width: 1728px;
display: flex;
justify-content: center;
}
.game-menu .swiper-container-3 {
overflow: hidden;
}
.game-menu .swiper-container-3 .swiper-slide {
background: linear-gradient(180deg, #FFDE5B 0%, #E48C00 100%), linear-gradient(180deg, #FFDE5B 0%, #E48C00 100%);
background-origin: border-box;
background-clip: content-box, border-box;
width: 100px;
height: 100px;
border-radius: 10px;
padding: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.game-menu .swiper-container-3 .swiper-slide a {
text-decoration: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.game-menu .swiper-container-3 .swiper-slide .icn {
width: 50px;
text-align: center;
}
.game-menu .swiper-container-3 .swiper-slide .txt {
color: #fff;
width: 100%;
text-align: center;
white-space: nowrap;
}
@media screen and (max-width: 1000px) {
.game-menu .swiper-container-3 {
width: 100%;
}
}
@media screen and (max-width: 640px) {
.game-menu .swiper-container-3 .swiper-slide {
width: 15vw;
height: 15vw;
}
.game-menu .swiper-container-3 .swiper-slide .icn {
width: 8vw;
}
.game-menu .swiper-container-3 .swiper-slide .txt {
font-size: 12px;
}
}
@media screen and (max-width: 480px) {
.game-menu .swiper-container-3 .swiper-slide .txt {
font-size: 11px;
}
}
.swiper-container-1 {
width: 100%;
overflow: hidden;
}
.swiper-container-1 .swiper-slide {
background-position: center;
background-size: cover;
width: 400px;
height: 400px;
}
.swiper-container-1 .swiper-slide img {
display: block;
width: 100%;
}
.swiper-container-1 .swiper-button-next,
.swiper-container-1 .swiper-button-prev {
transform: scale(.6);
font-weight: bold;
color: white;
text-shadow: 0 0 5px #1d253a, 0 0 10px #1d253a;
}
.swiper-container-1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 6px;
}
.swiper-container-1 .swiper-button-next {
right: 5px;
}
.swiper-container-1 .swiper-button-prev {
left: 5px;
}
@media (max-width:1330px) {
.swiper-container-1 .swiper-slide {
width: 32vw;
height: 32vw;
}
}
@media (max-width:480px) {
.swiper-container-1 .swiper-slide {
width: 60vw;
height: 60vw;
}
}
.swiper-container-2 {
width: 100%;
height: auto;
position: relative;
margin: 0 auto;
padding: 0;
overflow: hidden;
}
.swiper-container-2::before {
content: "";
position: absolute;
top: 0;
z-index: 2;
width: 130px;
height: 100%;
left: 0;
background: linear-gradient(90deg, #00060b 0, rgba(0, 6, 11, 0) 104%);
}
.swiper-container-2::after {
content: "";
position: absolute;
top: 0;
z-index: 2;
width: 130px;
height: 100%;
right: 0;
background: linear-gradient(270deg, #00060b 0, rgba(0, 6, 11, 0) 104%);
}
.swiper-container-2 .swiper-slide {
width: 100%;
max-width: 100%;
height: auto !important;
box-shadow: 0 0 0;
background-size: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-container-2 .swiper-slide img {
width: 100%;
height: auto;
max-height: 350px;
border-radius: 4px;
display: block;
margin: 0 auto;
}
.swiper-container-2 .swiper-button-next,
.swiper-container-2 .swiper-button-prev {
transform: scale(.6);
font-weight: bold;
color: white;
text-shadow: 0 0 10px black, 0 0 15px black;
z-index: 10;
}
.swiper-container-2 .swiper-pagination-bullet {
background-color: #fff;
padding: 5px;
border: 1px solid #fff;
}
.swiper-container-2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 6px;
}
.swiper-container-2 .swiper-button-next {
right: 5px;
}
.swiper-container-2 .swiper-button-prev {
left: 5px;
}
@media (min-width: 1001px) {
.swiper-container-2 {
max-width: 100%;
padding: 0;
}
.swiper-container-2 .swiper-slide {
width: 100%;
max-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
.swiper-container-2 .swiper-slide img {
max-height: 350px;
object-fit: cover;
}
}
@media (max-width:1000px) {
.swiper-container-2::before,
.swiper-container-2::after {
display: none;
}
.swiper-container-2 .swiper-slide {
width: 100%;
}
}
@media (max-width:767px) {
.swiper-container-2 .swiper-slide {
width: 90%;
}
}
@media (max-width: 500px) {
.swiper-container-2 .swiper-slide {
width: 85%;
height: auto !important;
box-shadow: 0 0 0;
background-size: 100%;
margin-top: 0 !important;
}
}
.swiper-container-3 .swiper-horizontal>.swiper-pagination-progressbar,
.swiper-container-3 .swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-container-3 .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-container-3 .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 40%;
margin: auto;
top: auto;
bottom: -12px;
left: 0;
right: 0;
}
.swiper-container-3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #ffffffb2;
}
.page-blc {
padding: 0 0 30px;
}
.page-blc.providers > .comm-blc {
max-width: none;
}
.page-blc .post-detail {
background: #b6c2d5;
border-radius: 20px;
padding: 20px;
}
.page-blc .post-detail .main-img {
text-align: center;
}
.page-blc .post-detail .detail {
line-height: 1.6;
margin-top: 20px;
}
.page-blc .nextprev {
margin-top: 20px;
padding: 7px 10px;
}
.page-blc .nextprev a {
color: #009dff;
}
.member-blc {background: linear-gradient(180deg, #b99c5c 0%, #d3b376 100%);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border-radius: 10px;box-shadow: rgb(255 255 255 / 18%) 0px 0px 4px 2px inset;}
.member-blc .ttl {
color: #fff;
font-size: 180%;
text-align: center;
margin-bottom: 10px;
}
.member-blc .ttl .txt01 {
display: inline-block;
}
.member-blc .register-img {
width: 100%;
max-width: 50%;
margin: 0 auto 15px;
box-sizing: border-box;
}
.member-blc .form-blc {
color: #fff;
max-width: 400px;
margin: 0 auto;
}
.member-blc .form-blc .row-blc {
margin-bottom: 4%;
}
.member-blc .form-blc .txt-label {
color: #fff;
}
.member-blc .form-blc .fill-item {
display: flex;
}
.member-blc .form-blc .fill-item .icn {
background: rgb(220 53 69);
color: #ffffff;
width: 44px;
text-align: center;
border: 1px solid #92ecce81;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding: 4px 7px;
box-sizing: border-box;
}
.member-blc .form-blc .fill-item input[type=text],
.member-blc .form-blc .fill-item input[type=password],
.member-blc .form-blc .fill-item select {
background: rgb(255 255 255);
color: #000;
width: calc(100% - 44px);
border: 1px solid #92ecce81;
border-left: none;
border-radius: 10px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
padding: 4px 7px;
box-sizing: border-box;
}
.member-blc .form-blc .fill-item input[type=text]::placeholder,
.member-blc .form-blc .fill-item input[type=password]::placeholder,
.member-blc .form-blc .fill-item select::placeholder {
color: #000000af;
}
.member-blc .form-blc .btn-style02 {
text-align: center;
margin-top: 30px;
}
.member-blc .form-blc .btn-style02 .btn-elem {
font-size: 120%;
}
.member-blc .form-blc .btn-style02 .btn-elem .txt01 {
padding-left: 30px;
padding-right: 30px;
}
.member-blc .form-blc .txt-bottom {
color: #fff;
text-align: center;
margin-top: 10px;
}
.member-blc .form-blc .txt-bottom .btn-txt {
color: #009dff;
font-weight: 700;
text-decoration: none;
}
.member-blc .form-blc .txt-bottom .btn-txt:hover {
text-decoration: underline;
}
.member-blc .form-blc .bank-list {
background-color: rgba(0,0,0,0.2);
border-radius: 4px;
padding: 2%;
display: flex;
flex-wrap: wrap;
}
.member-blc .form-blc .bank-list .item {
width: 15%;
text-align: center;
cursor: pointer;
margin: 0 2% 2% 0;
}
.member-blc .form-blc .bank-list .item:nth-of-type(6n+6) {
margin-right: 0;
}
.member-blc .form-blc .bank-list .item .img {
width: 100%;
padding: 4px;
border-radius: 15px;
border: solid 1px #ccc;
opacity: 0.7;
box-sizing: border-box;
}
.member-blc .form-blc .bank-list .item:hover .img,
.member-blc .form-blc .bank-list .item .img.active {
opacity: 1;
}
.member-blc .form-blc .invalid-feedback {
display: block;
color: #ff6574;
padding: 5px 0px;
margin-top: 0.25rem;
}
.member-blc .step-status {
width: 50%;
display: flex;
justify-content: center;
margin: 10px auto;
}
.member-blc .step-status .item {
background: #babcbd;;
width: calc(25% - 3px);
height: 9px;
margin-right: 1px;
}
.member-blc .step-status .item.active {
background: linear-gradient(150deg, #df2739, #ff0f26);
}
.member-blc .step-status .item:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.member-blc .step-status .item:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-right: 0;
}
@media screen and (max-width: 767px) {
.member-blc .ttl {
font-size: 140%;
}
}
@media screen and (max-width: 480px) {
.member-blc .ttl {
font-size: 115%;
}
}
.form-style01 {
max-width: 585px;
padding: 4%;
margin: 0 auto;
}
.form-style01.non-max-width {
max-width: none;
padding: 0;
}
.form-style01 .border-blc {
position: relative;
z-index: 1;
}
.form-style01 .border-blc .inner {
padding: 10px 12px 10px;
}
.form-control {
box-sizing: border-box;
}
.modal-style01 .modal-content {
background-color: transparent;
border-color: transparent;
}
.modal-style01 .form-style01 {
padding: 2px;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.modal-style01 .form-style01 .btn-close {
background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
color: #fff;
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
cursor: pointer;
}
.modal-style01 .form-style01 .form-check .form-check-input {
margin-top: 7px;
}
.modal-style01 .form-style01 .form-blc .btn-style01 {
text-align: center;
margin-top: 30px;
}
.modal-style01 .form-style01 .form-blc .btn-style01 .btn-elem {
font-size: 120%;
padding-left: 30px;
padding-right: 30px;
}
.modal-style01 .form-style01 .form-blc .fill-item .btn-style01 {
margin-top: 0;
}
.modal-style02 {
scroll-behavior: smooth;
scrollbar-color: #4d4d4d;
}
.modal-style02::-webkit-scrollbar {
background-color: #000000;
width: 6px;
}
.modal-style02::-webkit-scrollbar-thumb {
background: #4d4d4d;
border-radius: 6px;
}
.modal-style02.modal-second .modal-dialog {
max-width: 400px;
}
.modal-style02 .modal-content {
background: linear-gradient( 180deg, #353e62 0.02%, #353e62 99.96%);
background-origin: border-box;
background-clip: content-box,border-box;
border: 3px solid transparent;
border-radius: 10px;
box-shadow: rgb(255 255 255 / 18%) 0px 0px 4px 2px inset;
}
.modal-style02 .head-blc {
text-align: center;
position: relative;
}
.modal-style02 .head-blc .ttl {
max-width: 200px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 20px 20px 2px;
display: inline-block;
position: relative;
}
.modal-style02 .head-blc .ttl .txt {
color: #fff;
font-size: 24px;
font-weight: 700;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.modal-style02 .head-blc .close-btn {
background: transparent;
width: 42px;
height: 42px;
border: none;
padding: 0;
position: absolute;
top: -15px;
right: -15px;
filter: contrast(1.5) hue-rotate(-8deg) saturate(1.2);
}
.modal-style02.modal-second .head-blc .close-btn {
width: 30px;
height: 30px;
top: -12px;
right: -12px;
}
.modal-style02 .body-blc {
padding: 7px;
}
.modal-style02 .mail-blc .top-box {
display: flex;
align-items: center;
justify-content: space-between;
}
.modal-style02 .mail-blc .top-box .left-blc {
width: 49%;
}
.modal-style02 .mail-blc .top-box .right-blc {
width: 49%;
}
.modal-style02 .mail-blc .top-box .right-blc .amount {
color: #7a808d;
font-size: 12px;
line-height: 1.2;
text-align: right;
padding-right: 10px;
}
.modal-style02 .mail-blc .content-box {
background-color: #000;
border-radius: 10px;
padding: 10px 5px;
margin-top: 10px;
}
.modal-style02 .mail-blc .list {
height: calc(100vh - 300px);
padding-right: 2px;
overflow-y: scroll;
scroll-behavior: smooth;
scrollbar-color: #4d4d4d;
}
.modal-style02 .mail-blc .list::-webkit-scrollbar {
background-color: #000000;
width: 2px;
}
.modal-style02 .mail-blc .list::-webkit-scrollbar-thumb {
background: #4d4d4d;
border-radius: 2px;
}
.modal-style02 .mail-blc .list .item {
background-color: #1c2029;
text-decoration: none;
border-radius: 10px;
padding: 4px 7px;
margin-bottom: 7px;
}
.modal-style02 .mail-blc .list .item:last-child {
margin-bottom: 0;
}
.modal-style02 .mail-blc .list .item .btn-elem {
text-decoration: none;
display: flex;
align-items: center;
}
.modal-style02 .mail-blc .list .item .btn-elem .icn {
width: 40px;
margin-right: 10px;
position: relative;
}
.modal-style02 .mail-blc .list .item .btn-elem .icn::after {
content: "";
background: url(../img/common/icon_caution01.png) no-repeat center center;
background-size: contain;
width: 16px;
height: 16px;
position: absolute;
top: -2px;
right: -5px;
}
.modal-style02 .mail-blc .list .item.readed .btn-elem .icn::after {
display: none;
}
.modal-style02 .mail-blc .list .item .btn-elem .subj {
font-size: 13px;
width: calc(100% - 156px);
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-right: 30px;
position: relative;
box-sizing: content-box;
}
.modal-style02 .mail-blc .list .item .btn-elem .subj::after {
content: "";
background: linear-gradient(45deg, transparent 0%, #5a526e 50%, transparent 100%);
width: 2px;
height: 100%;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%) rotate(25deg);
}
.modal-style02 .mail-blc .list .item .btn-elem .from {
color: #aaa5b3;
font-size: 11px;
width: 76px;
line-height: 1.2;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.modal-style02 .mail-detail-blc {
padding: 10px 0;
}
.modal-style02 .mail-detail-blc .top-box {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.modal-style02 .mail-detail-blc .top-box .subj {
width: 100%;
display: flex;
align-items: center;
}
.modal-style02 .mail-detail-blc .top-box .subj .icn {
width: 32px;
margin-right: 5px;
}
.modal-style02 .mail-detail-blc .top-box .subj .txt {
font-size: 13px;
width: calc(100% - 37px);
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.modal-style02 .mail-detail-blc .top-box .btn-blc {
width: 65px;
text-align: center;
}
.modal-style02 .mail-detail-blc .top-box .from {
color: #aaa5b3;
font-size: 11px;
width: 76px;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.modal-style02 .mail-detail-blc .content-box {
background-color: #000;
border-radius: 10px;
padding: 10px 5px;
margin-top: 10px;
}
.modal-style02 .mail-detail-blc .txt-detail {
height: calc(100vh - 350px);
font-size: 12px;
line-height: 1.4;
padding-right: 5px;
overflow-y: scroll;
scroll-behavior: smooth;
scrollbar-color: #4d4d4d;
}
.modal-style02 .mail-detail-blc .txt-detail::-webkit-scrollbar {
background-color: #000000;
width: 2px;
}
.modal-style02 .mail-detail-blc .txt-detail::-webkit-scrollbar-thumb {
background: #4d4d4d;
border-radius: 2px;
}
@media screen and (max-width: 575px) {
.modal-style02 .modal-dialog {
margin-left: 20px;
margin-right: 20px;
}
.modal-style02.modal-second .modal-dialog {
margin-left: 30px;
margin-right: 30px;
}
.modal-style02 .mail-blc .list {
height: calc(100vh - 300px);
}
.modal-style02 .mail-detail-blc .txt-detail {
height: calc(100vh - 380px);
}
}
.card.card-style01 {
background: linear-gradient(180deg, #081944 0%, #060606 100%);
color: #fff;
border: none;
box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.47);
}
.card.card-style01 .card-header {
background: linear-gradient(180deg, #3E56FF 0%, #372cd5 70%);
color: #fff;
font-size: 120%;
}
.page-ttl {
color: #1d253a;
font-size: 180%;
font-weight: 600;
text-align: center;
line-height: 1.4;
margin-bottom: 20px;
}
.page-ttl .txt01 {
display: inline-block;
}
@media screen and (max-width: 767px) {
.page-ttl {
font-size: 140%;
}
}
.ttl-style01 {
color: #ffffff;
font-family:'Kanit',sans-serif;
font-size: 180%;
font-weight: 500;
text-align: center;
line-height: 1.4;
margin-bottom: 20px;
}
.ttl-style01 .txt01 {
display: inline-block;
}
@media screen and (max-width: 767px) {
.ttl-style01 {
font-size: 140%;
}
}
.ttl-style02 {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ttl-style02 .txt-blc {
color: #1d253a;
font-size: 180%;
font-weight: 600;
line-height: 1.6;
flex: 1;
}
.ttl-style02 .txt01 {
display: inline-block;
}
.ttl-style02 .btn-blc {
margin-left: 10px;
}
.ttl-style02 .btn-blc a {
color: #1d253a;
font-size: 95%;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.ttl-style02 .txt-blc {
font-size: 140%;
}
}
@media screen and (max-width: 480px) {
.ttl-style02 .txt01 {
width: 100%;
flex: auto;
}
.ttl-style02 .btn-blc {
width: 100%;
margin-left: 0;
}
}
.tbl-comm {
border-top: 1px dotted #fff;
}
.tbl-comm th, .tbl-comm td {
padding: 7px 15px;
border-bottom: 1px dotted #ccc;
box-sizing: border-box;
}
.tbl-comm th {
background-color: #fff;
width: 20%;
}
.tbl-comm th[align="center"], .tbl-comm td[align="center"] {
text-align: center;
}
.tbl-comm th[align="right"], .tbl-comm td[align="right"] {
text-align: right;
}
.tbl-respon {
overflow-x: auto;
}
.tbl-respon .tbl-comm {
min-width: 600px;
}
.note-tbl {
color: red;
text-align: center;
margin: 2% 0;
display: none;
}
.tbl-form th {
background-color: #fff;
width: 25%;
padding: 2%;
text-align: left;
}
.tbl-form td {
padding: 2%;
text-align: left;
}
.tbl-form th, .tbl-form td {
border-bottom: 1px dotted #ccc;
}
.tbl-respon {
overflow-x: auto;
}
.note-tbl-respon {
font-size: 80%;
color: red;
margin: 2% 0;
text-align: center;
display: none;
}
@media screen and (max-width: 767px) {
.tbl-comm th, .tbl-comm td {
font-size: 90%;
}
.tbl-comm th {
width: 30%;
}
.tbl-comm.single-row th, .tbl-form.single-row th {
display: block;
font-weight: bold;
padding-bottom: 0;
}
.tbl-comm.single-row td, .tbl-form.single-row td {
display: block;
}
.note-tbl {
display: block;
}
.tbl-form th {
width: auto;
}
.note-tbl-respon {
display: none;
}
}
@media screen and (max-width: 650px) {
.note-tbl-respon {
display: block;
}
}
.table-dark th,
.table-dark td {
color: #fff;
}
.list-comm li {
width: 48%;
float: left;
}
.list-comm li:nth-of-type(2n) {
float: right;
}
.list-style01 {
display: flex;
flex-wrap: wrap;
}
.list-style01 .item {
background: linear-gradient(180deg, #566680 0%, #566680 100%), linear-gradient(180deg, #566680 0%, #566680 100%);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
width: 32%;
border-radius: 10px;
padding-bottom: 20px;
margin: 0 2% 2% 0;
overflow: hidden;
position: relative;
box-shadow: rgb(255 255 255 / 18%) 0px 0px 4px 2px inset;
box-sizing: border-box;
}
.list-style01 .item:hover {
filter: brightness(1.1);
}
.list-style01 .item:nth-child(3n+3) {
margin-right: 0;
}
.list-style01 .item a {
text-decoration: none;
}
.list-style01 .item .img {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding-top: 54%;
margin-bottom: 10px;
}
.list-style01 .item .subj {
color: #fff;
font-size: 110%;
font-weight: 300;
line-height: 1.4;
text-align: center;
padding: 0 4%;
margin-bottom: 10px;
}
.list-style01 .item .txt {
color: #fff;
font-size: 90%;
font-weight: 300;
line-height: 1.4;
text-align: center;
padding: 0 4%;
margin-bottom: 20px;
}
.list-style01 .item .btn-blc {
text-align: center;
padding: 0 4%;
}
.list-style01 .item .btn-blc .btn-elem {
font-size: 120%;
}
@media screen and (max-width: 767px) {
.list-style01 .item {
width: 49%;
}
.list-style01 .item:nth-child(3n+3) {
margin-right: 2%;
}
.list-style01 .item:nth-child(2n+2) {
margin-right: 0;
}
}
@media screen and (max-width: 480px) {
.list-style01 .item {
width: 100%;
margin-right: 0;
}
.list-style01 .item:nth-child(3n+3) {
margin-right: 0;
}
}
.list-style02 {
display: flex;
flex-wrap: wrap;
}
.list-style02 .item {
width: 15.8333%;
margin: 0 1% 1% 0;
position: relative;
box-sizing: border-box;
}
.list-style02 .item:nth-child(6n+6) {
margin-right: 0;
}
.list-style02 .item > a,
.list-style02 .item .tag-a {
text-decoration: none;
border-radius: 13px;
display: block;
position: relative;
overflow: hidden;
filter: drop-shadow(3px 3px 3px #00000062);
}
.list-style02 .item .img-blc {
margin: 0;
}
.list-style02 .item .img-blc::before {
content: "";
background-color: rgba(0, 0, 0, 0);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
z-index: 1;
}
.list-style02 .item > a:hover .img-blc::before,
.list-style02 .item .tag-a:hover .img-blc::before {
background-color: rgba(7, 11, 26, 0.6);
opacity: 1;
visibility: visible;
}
.list-style02 .item .img-blc img {
width: 100%;
object-fit: cover;
box-sizing: border-box;
transition: all 0.4s ease-in-out;
}
.list-style02 .item .img-blc .img {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
padding-top: 63.3%;
box-sizing: border-box;
transition: all 0.4s ease-in-out;
}
.list-style02 .item > a:hover .img-blc .img,
.list-style02 .item .tag-a:hover .img-blc .img {
transform: scale(1.05);
}
.list-style02 .item .txt-blc {
background-image: linear-gradient( rgba(0, 0, 0, 0.059),rgba(0, 0, 0, 0.859));
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 600;
width: 100%;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 4px 10px;
position: absolute;
bottom: 0;
left: 0;
box-sizing: border-box;
text-transform:uppercase;
text-shadow: 0 0 2px #000;
}
.list-style02 .item .option {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
z-index: 1;
}
.list-style02 .item .tag-a:hover .option {
opacity: 1;
visibility: visible;
}
.list-style02 .item .option .btn-play a {
background: linear-gradient(180deg, #E48C00 0%, #f06414 100%), linear-gradient(180deg, #E48C00 0%, #f06414 100%);
background-origin: border-box;
background-clip: content-box, border-box;
width: 42px;
height: 42px;
border-radius: 10px;
padding: 2px;
display: block;
position: relative;
transition: all 0.4s ease-in-out;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.list-style02 .item .option .btn-play a:hover {
transform: scale(1.05);
}
.list-style02 .item .option .btn-play a::after {
content: "";
background: url(../img/common/icon_play01.png) no-repeat center center;
background-size: 14px 16px;
width: 14px;
height: 16px;
margin: auto;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.list-style02 .item .option .btn-play-demo {
width: 100%;
text-align: center;
box-sizing: border-box;
}
.list-style02 .item .option .btn-play-demo a {
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 75%;
font-weight: bold;
line-height: 1.2;
text-decoration: none;
border-radius: 5px;
padding: 3px 5px;
display: inline-block;
transition: all 0.4s ease-in-out;
}
.list-style02 .item .option .btn-play-demo a:hover {
background-color: rgba(0, 0, 0, 0.9);
}
.list-style02 .item .tag-list {
width: 53%;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
position: absolute;
top: 4%;
right: 2%;
}
.list-style02 .item .tag-list li {
margin-top: 4%;
margin-right: 4%;
box-sizing: border-box;
}
.list-style02 .item .tag-list .tag {
background-color: #333;
color: #fff;
font-size: 9px;
font-weight: bold;
line-height: 1.2;
border-radius: 4px;
padding: 2px 0.2vw;
box-sizing: border-box;
box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.25);
}
.list-style02 .item .tag-list .tag.red {
background-color: #ff4040;
}
.list-style02 .item .tag-list .tag.pink {
background-color: #f3467f;
}
.list-style02 .item .tag-list .tag.green {
background-color: #4ea0e4;
}
@media screen and (max-width: 1200px) {
.list-style02 .item {
width: 19.2%;
}
.list-style02 .item:nth-child(6n+6) {
margin-right: 1%;
}
.list-style02 .item:nth-child(5n+5) {
margin-right: 0;
}
.list-style02 .item .tag-list .tag {
font-size: 0.7vw;
}
}
@media screen and (max-width: 1000px) {
.list-style02 .item {
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
}
.list-style02 .item:nth-child(6n+6) {
margin-right: 2%;
}
.list-style02 .item:nth-child(5n+5) {
margin-right: 2%;
}
.list-style02 .item:nth-child(4n+4) {
margin-right: 0;
}
.list-style02 .item:last-child {
margin-right: 0;
}
.list-style02 .item .tag-list .tag {
font-size: 0.9vw;
}
}
@media screen and (max-width: 767px) {
.list-style02 .item {
width: 32%;
}
.list-style02 .item:nth-child(4n+4) {
margin-right: 2%;
}
.list-style02 .item:nth-child(3n+3) {
margin-right: 0;
}
.list-style02 .item .txt-blc {
font-size: 90%;
}
.list-style02 .item .tag-list .tag {
font-size: 1.2vw;
padding-left: 0.4vw;
padding-right: 0.4vw;
box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.25);
}
}
@media screen and (max-width: 480px) {
.list-style02 .item {
width: 49%;
}
.list-style02 .item:nth-child(3n+3) {
margin-right: 2%;
}
.list-style02 .item:nth-child(2n+2) {
margin-right: 0;
}
.list-style02 .item .tag-list .tag {
font-size: 1.8vw;
padding-left: 0.6vw;
padding-right: 0.6vw;
}
}
.nav-short ul {
max-width: 1200px;
padding: 0 2%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
box-sizing: content-box;
}
.nav-short ul > li {
width: 48%;
text-align: center;
margin: 0 4% 2% 0;
transition: all .4s;
}
.nav-short ul > li:nth-of-type(2n+2) {
margin-right: 0;
}
.nav-short ul > li:hover {
transform: scale(1.05);
}
.nav-short ul > li > a {
text-decoration: none;
display: block;
box-sizing: border-box;
}
.nav-short ul li .icn {
width: 90px;
height: 90px;
text-align: center;
margin: 0 auto;
justify-content: center;
align-items: center;
}
.nav-short ul li .icn img {
flex: 0 0 auto;
transition: all 0.4s ease-in-out;
}
.nav-short ul li .txt {
color: #fff;
font-size: 110%;
font-weight: 600;
text-align: center;
}
@media screen and (max-width: 480px) {
.nav-short ul li .icn {
margin-right: auto;
margin-left: auto;
}
}
.btn-style01 .btn-elem {
color: #fff;
background: linear-gradient(180deg, #8acaff, #007ee4);
background-origin: border-box;
background-clip: content-box, border-box;
font-weight: 600;
line-height: 1.6;
border: none;
border-radius: 4px;
text-decoration: none;
cursor: pointer;
padding: 2px;
display: inline-flex;
align-items: center;
position: relative;
opacity: 0.9;
box-sizing: border-box;
transition: all 0.4s ease-in-out;
-webkit-appearance: none;
}
.btn-style01 .btn-elem:hover {
opacity: 1;
}
.btn-style01 .btn-elem .icn {
width: 15px;
margin-right: 10px;
}
.btn-style01 .btn-elem .txt01 {
padding: 4px 15px;
}
@media screen and (max-width: 767px) {
.btn-style01 .btn-elem .txt01 {
padding-top: 5px;
padding-bottom: 5px;
}
}
.btn-style02 .btn-elem {
color: #fff;
background: linear-gradient(180deg, #1d253a 0%, #1d253a 100%), linear-gradient(180deg, #1d253a 0%, #1d253a 100%);
background-origin: border-box;
background-clip: content-box, border-box;
font-weight: 600;
line-height: 1.6;
border: none;
border-radius: 4px;
text-decoration: none;
cursor: pointer;
padding: 2px;
display: inline-flex;
align-items: center;
position: relative;
opacity: 0.9;
box-sizing: border-box;
transition: all 0.4s ease-in-out;
-webkit-appearance: none;
}
.btn-style02 .btn-elem:hover {
opacity: 1;
}
.btn-style02 .btn-elem .icn {
width: 15px;
margin-right: 10px;
}
.btn-style02 .btn-elem .txt01 {
padding: 4px 15px;
}
@media screen and (max-width: 767px) {
.btn-style02 .btn-elem .txt01 {
padding-top: 5px;
padding-bottom: 5px;
}
}
.btn-style03 .btn-elem {
color: #fff;
background: linear-gradient(180deg, #E48C00 0%, #f06414 100%), linear-gradient(180deg, #E48C00 0%, #f06414 100%);
line-height: 1.6;
border-radius: 4px;
text-decoration: none;
padding: 4px 15px;
cursor: pointer;
display: inline-flex;
align-items: center;
position: relative;
opacity: 0.9;
box-sizing: border-box;
transition: all 0.4s ease-in-out;
-webkit-appearance: none;
}
.btn-style03 .btn-elem:hover {
opacity: 1;
}
.btn-style03 .btn-elem .icn {
width: 15px;
margin-right: 10px;
}
@media screen and (max-width: 767px) {
.btn-style03 .btn-elem {
padding-top: 5px;
padding-bottom: 5px;
}
}
.paginator > .btn {
background-color: #353e62;
color: #fff;
border: 1px solid transparent;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 4px;
}
.paginator > .btn:first-child:hover,
.paginator > :not(.btn-check)+.btn:hover {
background: #f06414;
color: #fff;
border-color: transparent;
}
.paginator > .btn-primary {
background: #f06414c9;
color: #fff;
}
.paginator > .btn.disabled, .paginator > .btn:disabled, .paginator > fieldset:disabled .btn {
background-color: #353e6281;
color: #ccc;
}
@media screen and (max-width: 767px) {
.paginator > .btn {
padding: 4px 8px;
}
}
.txt-center {
text-align: center;
}
.txt-underline {
text-decoration: underline;
}
.txt-big {
font-size: 115%;
}
.txt-small {
font-size: 85%;
}
.txt-weight {
font-weight: bold;
}
.txt-italic {
font-style: italic;
}
.txt-inline-blc {
text-align: left;
display: inline-block;
}
.txt-black {
color: #000;
}
.txt-red {
color: #BD2D2B;
}
.mt-1 {
margin-top: 1%;
}
.mt-2 {
margin-top: 2%;
}
.mt-3 {
margin-top: 3%;
}
.mt-4 {
margin-top: 4%;
}
.mt-5 {
margin-top: 5%;
}
.mt-6 {
margin-top: 6%;
}
.mt-7 {
margin-top: 7%;
}
.mb-1 {
margin-bottom: 1%;
}
.mb-2 {
margin-bottom: 2%;
}
.mb-3 {
margin-bottom: 3%;
}
.mb-4 {
margin-bottom: 4%;
}
.mb-5 {
margin-bottom: 5%;
}
.mb-6 {
margin-bottom: 6%;
}
.mb-7 {
margin-bottom: 7%;
}
.clear-fix:after {
content: "";
clear: both;
display: block;
}
.clear {
clear: both;
}
.hidden {
opacity: 0;
}
.visible {
opacity: 1;
}
.disnon {
display: none;
}
.icn-pdf {
vertical-align: bottom;
margin: 0px 3%;
}
@media screen and (max-width: 1000px) {
.post.hidden {
opacity: 1;
}
}
.mfp-bg {
animation: openBg 0.4s;
}
.white-popup-block {
animation: open 0.4s;
}
.mfp-removing{
animation: close 0.4s;
}
@keyframes openBg {
0%   {opacity: 0;}
100% {opacity: 0.8;}
}
@keyframes open {
0%   {opacity: 0;}
100% {opacity: 1;}
}
@keyframes close {
0%   {opacity: 1;}
100% {opacity: 0;}
}
@media screen and (max-width: 767px) {
.popup {
display: block;
position: relative;
}
}

#keyvisual {
width: 100%;
margin: 0 auto;
position: relative;
}
#keyvisual .swiper-wrapper {
display: flex;
align-items: center;
}
#keyvisual .swiper-slide {
opacity: 1 !important;
visibility: visible !important;
}
@media (min-width: 1001px) {
#keyvisual {
max-width: 100%;
padding: 0 20px;
}
}
@media (max-width: 1000px) {
#keyvisual {
padding: 0 10px;
}
}
#keyvisual>.comm-blc {
max-width: 1728px;
}
#news-box>.comm-blc {
max-width: 1728px;
}
#news-box .inner {
width: 100%;
height: 30px;
background: #ffffff;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
#news-box .icn {
background: #ff3e3e;
padding: 0 10px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 1;
}
#news-box .icn i {
color: #1d253a;
}
#news-box .marquee {
color: #1d253a;
width: 100%;
-webkit-animation: marquee 20s linear infinite;
animation: marquee 20s linear infinite;
white-space: nowrap;
display: inline-block;
}
@-webkit-keyframes marquee {
0% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(-100%);
}
}
@keyframes marquee {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
@media screen and (max-width: 767px) {
#news-box .marquee {
-webkit-animation: marquee 10s linear infinite;
animation: marquee 10s linear infinite;
}
}
#intro .inner {
position: relative;
transition: all 0.4s;
}
#intro .inner::after {
content: "";
background: transparent;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
width: calc(100% - 4px);
height: calc(100% - 4px);
border-radius: 20px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#intro .txt-blc {
position: relative;
z-index: 1;
}
#intro .txt-blc .logo {
max-width: 360px;
text-align: center;
margin: 0 auto 15px;
}
#intro .txt-blc .ttl {
color: #ffffff;
font-size: 140%;
font-weight: 700;
text-align: center;
margin-bottom: 15px;
}
#intro .txt-blc .ttl .txt01 {
display: inline-block;
}
#intro .txt-blc .txt {text-align: center;background: #ba9c60;backdrop-filter: blur(10px);border-radius: 20px;padding: 20px 20px 10px;flex: 1;order: 1;box-shadow: rgb(53 47 47 / 18%) 0px 0px 4px 2px inset;}
#intro .txt-blc .img {
text-align: center;
margin-top: 30px;
}
#intro .media-blc {
padding: 15px 10px;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
#intro .media-blc .img {
width: 36%;
text-align: center;
}
#intro .media-blc .vdo {
background: linear-gradient(144deg, #000, #000), linear-gradient(90deg, #c29039, #E6D687, #E6D687, #c29039);
background-origin: border-box;
background-clip: content-box, border-box;
border-radius: 20px;
padding: 3px;
flex: 1;
box-shadow: 0 0 15px #160000;
}
#intro .media-blc .vdo * {
border-radius: 20px;
display: block;
}
@media screen and (max-width: 767px) {
#intro .txt-blc .ttl {
font-size: 120%;
}
#intro .media-blc .img {
width: 60%;
margin-left: auto;
margin-right: auto;
}
#intro .media-blc .vdo {
width: 100%;
flex: auto;
}
}
@media screen and (max-width: 480px) {
#intro .txt-blc .logo {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
}
#nav-short {
padding: 30px 0;
position: relative;
}
#providers-list,
#providers-list-slot {
padding: 0 0 30px;
margin: 0;
position: relative;
}
#providers-list>.comm-blc,
#providers-list-slot>.comm-blc {
max-width: 1728px;
}
#providers-list.box-style01 .ttl {
display: inline-flex;
}
#providers-list.box-style01 .ttl .txt01 {
color: #ffffff;
font-family:'Kanit',sans-serif;
}
@keyframes pulse {
0%,
100% {
box-shadow: 0 2px 8px rgba(255, 69, 0, 0.6);
}
50% {
box-shadow: 0 2px 15px rgba(255, 69, 0, 0.9);
}
}
#providers-list .list-style02 {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
gap: 20px !important;
}
#providers-list .list-style02 .item {
width: 100% !important;
margin: 0 !important;
}
#providers-list .list-style02 .item .img-blc .img {
padding-top: 133.33% !important;
}
#providers-list .list-style02 .item .img-blc img {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
height: auto;
width: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
#providers-list .list-style02 {
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
gap: 12px !important;
}
.hot-tag {
font-size: 10px;
padding: 3px 8px;
}
}
@media (max-width: 480px) {
#providers-list .list-style02 {
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
gap: 10px !important;
}
.hot-tag {
font-size: 9px;
padding: 2px 6px;
}
}
#howto {
padding: 30px 0;
position: relative;
}
#howto .inner {
padding: 0 2%;
position: relative;
box-sizing: border-box;
}
#howto .txt-blc .logo {
max-width: 360px;
text-align: center;
margin: 20px auto;
}
#howto .txt-blc .txt-intro {
color: #1d253a;
font-size: 170%;
font-weight: 500;
text-align: center;
line-height: 1.4;
margin-bottom: 20px;
}
#howto .txt-blc .txt-intro .txt01 {
display: inline-block;
}
#howto .txt-blc .txt {
color: #1d253a;
text-align: center;
line-height: 1.6;
}
#howto .img-blc {
text-align: center;
margin: 20px 0;
}
#howto .step-blc {
margin-top: 20px;
}
#howto .step-blc .list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#howto .step-blc .list .item {
background: transparent;
background-image: linear-gradient(180deg, #383838 0%, #030303 100%);
width: 32%;
border: 2px solid #C0A05C;
border-radius: 20px;
padding: 10px 0 20px;
margin: 0 2% 2% 0;
box-sizing: border-box;
}
#howto .step-blc .list .item:nth-child(3n+3) {
margin-right: 0;
}
#howto .step-blc .list .item:last-child {
margin-right: 0;
}
#howto .step-blc .list .item .icn {
text-align: center;
padding: 0 4%;
margin-bottom: 20px;
}
#howto .step-blc .list .item .subj {
font-size: 140%;
line-height: 1.6;
text-align: center;
padding: 0 4%;
margin-bottom: 15px;
}
#howto .step-blc .list .item .txt {
line-height: 1.6;
text-align: center;
padding: 0 4%;
margin-bottom: 15px;
}
#howto .step-blc .list .item .btn-blc {
text-align: center;
padding: 0 4%;
}
@media screen and (max-width: 767px) {
#howto .txt-blc .txt-intro {
font-size: 130%;
}
#howto .step-blc .list .item {
width: 100%;
margin-right: 0;
}
#howto .step-blc .list .item .subj {
font-size: 120%;
}
}
@media screen and (max-width: 480px) {
#howto .txt-blc .logo {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
}
#promotion {
padding: 30px 0;
position: relative;
}
#promotion .inner {
position: relative;
}
#promotion .list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#promotion .list .item {
width: 32%;
margin: 0 2% 2% 0;
box-sizing: border-box;
transition: all .4s;
}
#promotion .list .item:hover {
transform: scale(1.05);
}
#promotion .list .item:nth-child(3n+3) {
margin-right: 0;
}
#promotion .list .item:last-child {
margin-right: 0;
}
#promotion .list .item img {
border-radius: 4px;
}
@media screen and (max-width: 767px) {
#promotion .list .item {
width: 49%;
}
#promotion .list .item:nth-child(3n+3) {
margin-right: 2%;
}
#promotion .list .item:nth-child(2n+2) {
margin-right: 0;
}
#promotion .list .item:last-child {
margin-right: 0;
}
}
.promo-list-style01 {
display: flex;
flex-wrap: wrap;
}
.promo-list-style01 li {
background: linear-gradient(180deg, #566680 0%, #566680 100%);
width: 32%;
border-radius: 10px;
padding: 15px;
margin: 0 2% 2% 0;
display: flex;
flex-direction: column;
box-sizing: border-box;
box-shadow: rgb(255 255 255 / 18%) 0px 0px 4px 2px inset;
}
.promo-list-style01 li:nth-of-type(3n+3) {
margin-right: 0;
}
.promo-list-style01 li .detail-blc {
width: 100%;
box-sizing: border-box;
}
.promo-list-style01 li .img {
background-color: rgba(0, 0, 0, 0.26);
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.promo-list-style01 li .img img {
width: 100%;
flex: 0 0 auto;
}
.promo-list-style01 li .txt-blc .subj {
color: #fff;
font-size: 140%;
line-height: 1.4;
word-break: normal;
}
.promo-list-style01 li .txt-blc .txt01 {
color: #fff;
line-height: 1.4;
word-break: normal;
margin-bottom: 10px;
}
.promo-list-style01 li .btn-style02 {
margin-top: 10px;
margin-bottom: 4%;
}
.promo-list-style01 li .btn-style02 .btn-elem {
font-size: 120%;
}
.promo-list-style01 li .btn-style02 .btn-elem .txt01 {
padding: 7px 20px;
}
@media screen and (max-width: 767px) {
.promo-list-style01 li {
width: 49%;
}
.promo-list-style01 li:nth-of-type(3n+3) {
margin-right: 2%;
}
.promo-list-style01 li:nth-of-type(2n+2) {
margin-right: 0;
}
.promo-list-style01 li .txt-blc .subj {
font-size: 120%;
}
}
@media screen and (max-width: 480px) {
.promo-list-style01 li {
width: 100%;
margin-right: 0;
margin-bottom: 4%;
}
.promo-list-style01 li:nth-of-type(4n+4) {
margin-right: 0;
}
.promo-list-style01 li:nth-of-type(3n+3) {
margin-right: 0;
}
}
.promotion-detail01 .ttl {
background: #167e59;
text-align: center;
padding: 7px 20px;
position: relative;
box-sizing: border-box;
}
.promotion-detail01 .ttl .txt01 {
color: #fff;
font-size: 120%;
line-height: 1.4;
}
.promotion-detail01 .border-blc {
background: linear-gradient(180deg, #dbe3ef 0.02%, #dbe3ef 99.96%);
border-radius: 10px;
position: relative;
z-index: 1;
}
.promotion-detail01 .border-blc .inner {
padding: 10px 12px 10px;
}
.promotion-detail01 .part-blc {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.promotion-detail01 .img-blc {
width: 100%;
text-align: center;
margin-bottom: 2%;
box-sizing: border-box;
}
.promotion-detail01 .img-blc img {
width: 100%;
}
.promotion-detail01 .btn-blc {
width: 30%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
box-sizing: border-box;
}
.promotion-detail01 .btn-list {
width: 100%;
padding-right: 4%;
box-sizing: border-box;
}
.promotion-detail01 .btn-list .btn-style01 {
width: 100%;
margin-bottom: 10px;
box-sizing: border-box;
}
.promotion-detail01 .btn-list .btn-style01:last-of-type {
margin-bottom: 0;
}
.promotion-detail01 .btn-list .btn-style01 .btn-elem {
font-size: 14px;
text-align: center;
display: block;
}
.promotion-detail01 .btn-list .btn-style01 .btn-elem .txt01 {
padding: 7px 15px;
}
.promotion-detail01 .detail-blc .subj {
color: #1d253a;
font-size: 140%;
line-height: 1.4;
word-break: normal;
}
.promotion-detail01 .detail-blc .txt-blc {
line-height: 1.4;
word-break: normal;
margin-bottom: 2%;
}
.promotion-detail01 .detail-blc .txt-blc dt {
color: #1d253a;
text-decoration: underline;
}
.promotion-detail01 .detail-blc .txt-blc dd {
background-color: rgba(255, 255, 255, 0.03);
color: #1d253a;
font-size: 90%;
padding: 10px;
}
@media screen and (max-width: 767px) {
.promotion-detail01 .detail-blc .subj {
font-size: 120%;
}
}
@media screen and (max-width: 480px) {
.promotion-detail01 .img-blc {
width: 100%;
}
.promotion-detail01 .btn-blc {
width: 100%;
}
.promotion-detail01 .btn-list {
max-width: 240px;
padding-right: 0;
margin: 0 auto 4%;
}
}
#features {
padding: 30px 0;
position: relative;
}
#features .inner {
padding: 0 2%;
position: relative;
box-sizing: border-box;
}
#features .txt-img-blc {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#features .txt-blc {
background: #b6c2d5;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 20px 20px 10px;
flex: 1;
box-shadow: rgb(255 255 255 / 18%) 0px 0px 4px 2px inset;
}
#features .txt-blc .subj {
color: #1d253a;
font-size: 170%;
font-weight: 700;
line-height: 1.4;
margin-bottom: 10px;
}
#features .txt-blc .subj .txt01 {
display: inline-block;
}
#features .txt-blc .txt {
color: #1d253a;
font-size: 90%;
line-height: 1.4;
}
#features .txt-blc .img {
text-align: center;
margin: 20px 0;
}
#features .txt-blc .list {
padding: 0 4%;
margin-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#features .txt-blc .list .item {
width: 30.66%;
margin: 0 4% 4% 0;
box-sizing: border-box;
}
#features .txt-blc .list .item:nth-child(3n+3) {
margin-right: 0;
}
#features .txt-blc .list .item:last-child {
margin-right: 0;
}
#features .txt-blc .list .item img {
transition: all .4s;
}
#features .txt-blc .list .item a:hover img {
transform: scale(1.05);
}
#features .img-blc {
width: 50%;
text-align: center;
padding-left: 2%;
position: relative;
z-index: 1;
}
#features .img-blc img {
-webkit-animation: slideInUp 2s cubic-bezier(.25, .46, .45, .94) infinite alternate both;
animation: slideInUp 2s cubic-bezier(.25, .46, .45, .94) infinite alternate both;
}
@-webkit-keyframes slideInUp {
0% {
transform: translateY(2%);
visibility: visible
}
to {
transform: translateY(-2%)
}
}
@keyframes slideInUp {
0% {
transform: translateY(2%);
visibility: visible
}
to {
transform: translateY(-2%)
}
}
@media screen and (max-width: 767px) {
#features .txt-blc {
width: 100%;
text-align: center;
padding-top: 8%;
flex: auto;
order: 1;
}
#features .txt-blc .subj {
font-size: 130%;
}
#features .img-blc {
margin: 0 auto -8%;
}
}
#why-our {
padding: 30px 0;
position: relative;
}
#why-our .inner {
padding: 0 2%;
position: relative;
box-sizing: border-box;
}
#why-our .txt-img-blc {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#why-our .txt-blc {background: #bd9f63;backdrop-filter: blur(10px);border-radius: 20px;padding: 20px 20px 10px;flex: 1;order: 1;box-shadow: rgb(53 47 47 / 18%) 0px 0px 4px 2px inset;}
#why-our .txt-blc .subj {
color: #ffffff;
font-size: 140%;
font-weight: 700;
line-height: 1.4;
margin-bottom: 10px;
}
#why-our .txt-blc .subj .txt01 {
display: inline-block;
}
#why-our .txt-blc .txt {
color: #e3e7f1;
line-height: 1.2;
}
#why-our .img-blc {
width: 48%;
margin-right: 4%;
position: relative;
z-index: 1;
}
#why-our .txt-btm {color: #e2e4eb;text-align: center;margin-top: 20px;background: #bd9f63;backdrop-filter: blur(10px);border-radius: 20px;padding: 20px 20px 10px;flex: 1;order: 1;box-shadow: rgb(53 47 47 / 18%) 0px 0px 4px 2px inset;}
@media screen and (max-width: 767px) {
#why-our .txt-blc {
width: 100%;
flex: auto;
}
#why-our .txt-blc .subj {
font-size: 120%;
}
#why-our .img-blc {
margin: 0 auto;
}
}
#article-post {
background-size: cover;
padding: 30px 0;
position: relative;
}
#article-post .inner {
padding: 0 2%;
box-sizing: border-box;
}
#faq {
padding: 30px 0;
position: relative;
}
#faq .inner {
padding: 0 2%;
position: relative;
box-sizing: border-box;
}
#faq .list {
width: 100%;
margin: 0 auto;
box-sizing: border-box;
}
#faq .list .accordion {
background: linear-gradient(180deg, #e5ebf4cc 0%, #e5ebf4cc 100%);
border-radius: 10px;
margin-bottom: 10px;
}
#faq .list .accordion .accord-ttl {background: linear-gradient(180deg, #bd9f63 0%, #bd9f63 100%);color: #ffffff;border-radius: 10px;line-height: 1.2;padding: 15px 15px 15px 30px;position: relative;cursor: pointer;transition: all 0.4s ease-in-out;}
#faq .list .accordion .accord-ttl.onclick {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#faq .list .accordion .accord-ttl::before {
content: "\f0da";
color: #fff;
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
top: 14px;
left: 15px;
}
#faq .list .accordion .accord-ttl.onclick::before {
content: "\f0d8";
}
#faq .list .accordion .accord-content {
color: #ffffff;
background-color: #1d253a;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
line-height: 1.6;
padding: 15px 15px 15px 30px;
}
#faq .accordion .accord-content {
display: none;
overflow: hidden;
transition: all 0.3s ease;
padding: 15px 0;
}
#faq .accordion.active .accord-content {
display: block;
}
#faq .accordion .accord-ttl:hover {
opacity: 0.8;
}
#faq .accordion .accord-ttl::after {
content: '+';
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
font-size: 28px;
font-weight: bold;
transition: transform 0.3s ease;
line-height: 1;
}
#faq .accordion.active .accord-ttl::after {
content: '−';
transform: translateY(-50%) rotate(180deg);
}
.hot-tag {
position: absolute;
top: 8px;
left: 8px;
background: linear-gradient(135deg, #ff4500 0%, #ff6b00 100%);
color: #fff;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 4px;
z-index: 3;
box-shadow: 0 2px 8px rgba(255, 69, 0, 0.6);
letter-spacing: 0.5px;
animation: pulse 2s infinite;
}
@keyframes pulse {
0%,
100% {
box-shadow: 0 2px 8px rgba(255, 69, 0, 0.6);
}
50% {
box-shadow: 0 2px 15px rgba(255, 69, 0, 0.9);
}
}
.list-style02 .item .tag-a:hover .game-name-box {
background: linear-gradient(180deg, rgba(255, 107, 0, 0.9) 0%, rgba(255, 69, 0, 0.9) 100%);
border-color: rgba(255, 107, 0, 0.6);
}
.list-style02 .item .tag-a:hover .game-name-text {
color: #fff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 1), 0 0 15px rgba(255, 107, 0, 0.8);
}
.list-style02 .item .tag-a {
position: relative;
display: block;
overflow: hidden;
}
.list-style02 .item .tag-a figure.img-blc {
position: relative;
}
@keyframes fadeInGame {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.list-style02 .item {
animation: fadeInGame 0.3s ease-out;
}
@media (max-width: 768px) {
.game-name-text {
font-size: 11px;
min-height: 30px;
}
.game-name-box {
padding: 8px 6px;
}
}
@media (max-width: 480px) {
.game-name-text {
font-size: 10px;
-webkit-line-clamp: 1;
min-height: 26px;
}
.game-name-box {
padding: 7px 5px;
}
}
.keyword-tag:hover {
background: linear-gradient(135deg, rgb(24 28 46), rgb(18 21 36)) !important;
border-color: rgb(192 192 210) !important;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgb(23 26 40) !important;
}
@media (max-width: 768px) {
.keywords-section {
padding: 20px 15px !important;
}
.keyword-tag {
font-size: 12px !important;
padding: 6px 14px !important;
}
}
@media (max-width: 480px) {
.keywords-section {
padding: 15px 10px !important;
}
.keyword-tag {
font-size: 11px !important;
padding: 5px 12px !important;
}
.keywords-tags {
gap: 8px !important;
}
}
#promotion {
padding: 40px 0;
}
#promotion .swiper-container-1 {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 20px 60px;
height: auto;
}
#promotion .swiper-wrapper {
align-items: center;
height: auto !important;
}
#promotion .swiper-slide {
width: 100%;
max-width: 100%;
height: auto;
}
#promotion .swiper-slide img {
width: 100%;
height: auto;
display: block;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
}
#promotion .swiper-slide:hover img {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}
#promotion .swiper-button-prev,
#promotion .swiper-button-next {
color: #ff6b00;
background: rgba(255, 255, 255, 0.95);
width: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
#promotion .swiper-button-prev:after,
#promotion .swiper-button-next:after {
font-size: 22px;
font-weight: bold;
}
#promotion .swiper-button-prev:hover,
#promotion .swiper-button-next:hover {
background: #ff6b00;
color: #ffffff;
}
@media (max-width: 1200px) {
#promotion .swiper-slide {
max-width: 100%;
}
}
@media (max-width: 1024px) {
#promotion .swiper-slide {
max-width: 100%;
}
#promotion .swiper-button-prev,
#promotion .swiper-button-next {
width: 45px;
height: 45px;
}
}
@media (max-width: 768px) {
#promotion {
padding: 30px 0;
}
#promotion .swiper-container-1 {
padding: 15px 50px;
}
#promotion .swiper-slide {
width: 100%;
max-width: 100%;
}
#promotion .swiper-button-prev,
#promotion .swiper-button-next {
width: 40px;
height: 40px;
}
#promotion .swiper-button-prev:after,
#promotion .swiper-button-next:after {
font-size: 18px;
}
}
@media (max-width: 480px) {
#promotion .swiper-container-1 {
padding: 10px 45px;
}
#promotion .swiper-button-prev,
#promotion .swiper-button-next {
width: 36px;
height: 36px;
}
#promotion .swiper-button-prev:after,
#promotion .swiper-button-next:after {
font-size: 16px;
}
}
#promotions-loading {
min-height: 200px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#promotions-loading .spinner-border {
width: 3rem;
height: 3rem;
border-width: 0.3em;
}
@keyframes fadeInPromotion {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
#promotion.loaded {
animation: fadeInPromotion 0.5s ease-out;
}
.game-loading-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.85) 100%);
padding: 10px;
z-index: 2;
}
.game-loading-bar {
width: 100%;
height: 24px;
background: rgba(0, 0, 0, 0.5);
border-radius: 12px;
overflow: hidden;
position: relative;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6);
border: 2px solid rgba(255, 255, 255, 0.1);
}
.game-loading-progress {
height: 100%;
background: linear-gradient(90deg, #00ff31 0%, #2add14 50%, #00ff43 100%);
border-radius: 10px;
position: relative;
box-shadow: 0 0 10px rgba(255, 153, 0, 0.6);
transition: width 0.3s ease;
}
.simple-progress {
animation: none !important;
}
.game-loading-progress::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(180deg,
rgba(255, 255, 255, 0.25) 0%,
transparent 100%);
border-radius: 10px 10px 0 0;
}
.game-loading-progress::after {
display: none;
}
.game-loading-percentage {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 900;
color: #fff;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
letter-spacing: 0.5px;
z-index: 10;
pointer-events: none;
}
.simple-percentage {
animation: none !important;
}
.game-loading-percentage .fire-icon {
display: none;
}
#hot-games-container .item .tag-a {
position: relative;
}
#hot-games-container .item .tag-a figure.img-blc {
position: relative;
}
#hot-games-container .item .tag-a .hot-tag {
z-index: 3;
}
#hot-games-container .game-loading-progress {
animation: none !important;
}
#hot-games-container .game-loading-percentage .fire-icon {
display: none;
}
.game-name-box {background: linear-gradient(135deg, #bb9d61 0%, #b7995d 100%);border-radius: 0 0 8px 8px;padding: 8px 10px;margin-top: -1px;border: 1px solid rgba(255, 255, 255, 0.05);border-top: none;min-height: 40px;display: flex;align-items: center;justify-content: center;}
.game-name-box .game-name-text {
color: #fff;
font-size: 12px;
font-weight: 600;
text-align: center;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.list-style02 .item .tag-a:hover .game-name-box {
background: linear-gradient(135deg, #3d3d54 0%, #2a2a3e 100%);
}
.list-style02 .item .tag-a:hover .game-name-box .game-name-text {
color: #ffd700;
}
@media screen and (max-width: 767px) {
.game-loading-bar {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
.game-loading-progress {
box-shadow: 0 0 5px rgba(255, 153, 0, 0.4);
}
.game-loading-container {
padding: 8px;
}
.game-loading-bar {
height: 20px;
}
.game-loading-percentage {
font-size: 11px;
}
.game-name-box {
padding: 6px 8px;
min-height: 36px;
}
.game-name-box .game-name-text {
font-size: 11px;
}
.game-loading-percentage .fire-icon {
animation: none !important;
}
}
@media screen and (max-width: 480px) {
.game-name-box {
min-height: 34px;
padding: 5px 6px;
}
.game-name-box .game-name-text {
font-size: 10px;
}
}
.mobile-shortcut .mobile-play,
.mobile-shortcut .logged .mobile-login
{
display:none;
}
.mobile-shortcut .logged .mobile-play,
.mobile-shortcut  .mobile-login
{
display:block;
}
#header #btn-user,
#header #btn-play,
#header .logged #btn-login
{
display:none;
}
#header .logged #btn-user,
#header .logged #btn-play,
#header  #btn-login,
#header  #btn-register
{
display:block;
}
#header .top-bar .btn-withdraw,#header .top-bar .btn-deposit{
width:unset !important;
}
#header .top-bar #btn-user{
background: unset;
box-shadow: unset;
}
#header .top-bar #btn-user .elem #username_bt
{
font-size: 14px;
}
#header .top-bar .mainmenu > ul .chk_login,
#drw-nav  .chk_login,
.side-bar .chk_login
{
display:none;
}
#header .top-bar .mainmenu > ul > li.logged,
#drw-nav .g-nav .logged,
.side-bar .list .logged
{
display:block;
}
@media screen and (max-width: 1000px){
#header .top-bar .logged #btn-play,
#header .top-bar .logged #btn-register
{
display:none;
}
}
.pin-input-wrapper{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 0}
.pin-input-group{display:flex;gap:10px}
.pin-box{width:56px;height:56px;background:#1a1a2e;border:2px solid #2d2d44;border-radius:12px;text-align:center;font-size:24px;font-weight:700;color:#fff;caret-color:#ffd700;outline:none;transition:all .2s ease;-webkit-text-security:disc}
.pin-box.show-pin{-webkit-text-security:none}
.pin-box:focus{border-color:#ffd700;box-shadow:0 0 12px rgba(255,215,0,.3);transform:scale(1.05)}
.pin-box.filled{border-color:#4ade80;background:#1a2e1a}
.pin-box.error{border-color:#ef4444;background:#2e1a1a;animation:pin-shake .3s ease}
@keyframes pin-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.pin-toggle-btn{width:44px;height:44px;background:#2d2d44;border:1px solid #3d3d5c;border-radius:50%;color:#9ca3af;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}
.pin-toggle-btn:hover{background:#3d3d5c;color:#fff}
.pin-label{text-align:center;color:#000000;font-size:13px;margin-bottom:5px}
.pin-error-msg{text-align:center;color:#ef4444;font-size:12px;margin-top:5px;display:none}
@media(max-width:400px){.pin-box{width:48px;height:48px;font-size:20px}.pin-input-group{gap:8px}}