/*! ---------------------------------------------------------------------------
 *  bootstrap-subset.css
 *  Bootstrap v4.5.0 (MIT) — https://getbootstrap.com/
 *  Trích nguyên văn phần Reboot + Grid + các utility thực sự được dùng
 *  trong 7 trang của site. Không sửa một khai báo nào, chỉ lược bỏ
 *  những rule không trang nào dùng tới.
 * ------------------------------------------------------------------------ */ :root { --blue:#007bff; --indigo:#6610f2; --purple:#6f42c1; --pink:#e83e8c; --red:#dc3545; --orange:#fd7e14; --yellow:#ffc107; --green:#28a745; --teal:#20c997; --cyan:#17a2b8; --white:#fff; --gray:#6c757d; --gray-dark:#343a40; --primary:#007bff; --secondary:#6c757d; --success:#28a745; --info:#17a2b8; --warning:#ffc107; --danger:#dc3545; --light:#f8f9fa; --dark:#343a40; --breakpoint-xs:0; --breakpoint-sm:576px; --breakpoint-md:768px; --breakpoint-lg:992px; --breakpoint-xl:1200px; --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; } *, ::after, ::before { box-sizing:border-box; } html { font-family:sans-serif; line-height:1.15; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display:block; } body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size:1rem; font-weight:400; line-height:1.5; color:#212529; text-align:left; background-color:#fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline:0!important; } hr { box-sizing:content-box; height:0; overflow:visible; } h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:.5rem; } p { margin-top:0; margin-bottom:1rem; } abbr[data-original-title], abbr[title] { text-decoration:underline; -webkit-text-decoration:underline dotted; text-decoration:underline dotted; cursor:help; border-bottom:0; -webkit-text-decoration-skip-ink:none; text-decoration-skip-ink:none; } address { margin-bottom:1rem; font-style:normal; line-height:inherit; } dl, ol, ul { margin-top:0; margin-bottom:1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom:0; } dt { font-weight:700; } dd { margin-bottom:.5rem; margin-left:0; } blockquote { margin:0 0 1rem; } b, strong { font-weight:bolder; } small { font-size:80%; } sub, sup { position:relative; font-size:75%; line-height:0; vertical-align:baseline; } sub { bottom:-.25em; } sup { top:-.5em; } a { color:#007bff; text-decoration:none; background-color:transparent; } a:hover { color:#0056b3; text-decoration:underline; } a:not([href]) { color:inherit; text-decoration:none; } a:not([href]):hover { color:inherit; text-decoration:none; } code, kbd, pre, samp { font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size:1em; } pre { margin-top:0; margin-bottom:1rem; overflow:auto; -ms-overflow-style:scrollbar; } figure { margin:0 0 1rem; } img { vertical-align:middle; border-style:none; } svg { overflow:hidden; vertical-align:middle; } table { border-collapse:collapse; } caption { padding-top:.75rem; padding-bottom:.75rem; color:#6c757d; text-align:left; caption-side:bottom; } th { text-align:inherit; } label { display:inline-block; margin-bottom:.5rem; } button { border-radius:0; } button:focus { outline:1px dotted; outline:5px auto -webkit-focus-ring-color; } button, input, optgroup, select, textarea { margin:0; font-family:inherit; font-size:inherit; line-height:inherit; } button, input { overflow:visible; } button, select { text-transform:none; } [role=button] { cursor:pointer; } select { word-wrap:normal; } [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; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding:0; border-style:none; } input[type=checkbox], input[type=radio] { box-sizing:border-box; padding:0; } textarea { overflow:auto; resize:vertical; } fieldset { min-width:0; padding:0; margin:0; border:0; } legend { display:block; width:100%; max-width:100%; padding:0; margin-bottom:.5rem; font-size:1.5rem; line-height:inherit; color:inherit; white-space:normal; } progress { vertical-align:baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height:auto; } [type=search] { outline-offset:-2px; -webkit-appearance:none; } [type=search]::-webkit-search-decoration { -webkit-appearance:none; } ::-webkit-file-upload-button { font:inherit; -webkit-appearance:button; } output { display:inline-block; } summary { display:list-item; cursor:pointer; } template { display:none; } [hidden] { display:none!important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom:.5rem; font-weight:500; line-height:1.2; } .h2, h2 { font-size:2rem; } .h3, h3 { font-size:1.75rem; } .h4, h4 { font-size:1.5rem; } hr { margin-top:1rem; margin-bottom:1rem; border:0; border-top:1px solid rgba(0,0,0,.1); } .img-fluid { max-width:100%; height:auto; } code { font-size:87.5%; color:#e83e8c; word-wrap:break-word; } a>code { color:inherit; } kbd { padding:.2rem .4rem; font-size:87.5%; color:#fff; background-color:#212529; border-radius:.2rem; } kbd kbd { padding:0; font-size:100%; font-weight:700; } pre { display:block; font-size:87.5%; color:#212529; } pre code { font-size:inherit; color:inherit; word-break:normal; } .container { width:100%; padding-right:15px; padding-left:15px; 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:576px) { .container, .container-sm { max-width:540px; } } @media (min-width:768px) { .container, .container-md, .container-sm { max-width:720px; } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width:960px; } } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1140px; } } .row { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position:relative; width:100%; padding-right:15px; padding-left:15px; } .col-1 { -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%; } .col-9 { -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%; } .col-12 { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; } @media (min-width:768px) { .col-md { -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; min-width:0; max-width:100%; } .col-md-auto { -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100%; } .col-md-2 { -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%; } .col-md-4 { -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%; } .col-md-6 { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; } .col-md-8 { -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%; } .col-md-10 { -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%; } .col-md-12 { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; } .offset-md-1 { margin-left:8.333333%; } .offset-md-2 { margin-left:16.666667%; } } @media (min-width:992px) { .col-lg-4 { -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%; } .col-lg-12 { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; } } .form-group { margin-bottom:1rem; } @media (min-width:576px) { .form-inline .form-group { display:-ms-flexbox; display:flex; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-flow:row wrap; flex-flow:row wrap; -ms-flex-align:center; align-items:center; margin-bottom:0; } } .btn { display:inline-block; font-weight:400; color:#212529; text-align:center; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-color:transparent; border:1px solid transparent; padding:.375rem .75rem; font-size:1rem; line-height:1.5; border-radius:.25rem; 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:#212529; text-decoration:none; } .btn.focus, .btn:focus { outline:0; box-shadow:0 0 0 .2rem rgba(0,123,255,.25); } .btn.disabled, .btn:disabled { opacity:.65; } .btn:not(:disabled):not(.disabled) { cursor:pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events:none; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color:#fff; background-color:#0062cc; border-color:#005cbf; } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(38,143,255,.5); } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color:#fff; background-color:#545b62; border-color:#4e555b; } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(130,138,145,.5); } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle { color:#fff; background-color:#1e7e34; border-color:#1c7430; } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(72,180,97,.5); } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle { color:#fff; background-color:#117a8b; border-color:#10707f; } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(58,176,195,.5); } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle { color:#212529; background-color:#d39e00; border-color:#c69500; } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(222,170,12,.5); } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle { color:#fff; background-color:#bd2130; border-color:#b21f2d; } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(225,83,97,.5); } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { color:#212529; background-color:#dae0e5; border-color:#d3d9df; } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(216,217,219,.5); } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle { color:#fff; background-color:#1d2124; border-color:#171a1d; } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(82,88,93,.5); } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color:#fff; background-color:#007bff; border-color:#007bff; } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(0,123,255,.5); } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color:#fff; background-color:#6c757d; border-color:#6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(108,117,125,.5); } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle { color:#fff; background-color:#28a745; border-color:#28a745; } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(40,167,69,.5); } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle { color:#fff; background-color:#17a2b8; border-color:#17a2b8; } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(23,162,184,.5); } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle { color:#212529; background-color:#ffc107; border-color:#ffc107; } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(255,193,7,.5); } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle { color:#fff; background-color:#dc3545; border-color:#dc3545; } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(220,53,69,.5); } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle { color:#212529; background-color:#f8f9fa; border-color:#f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(248,249,250,.5); } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle { color:#fff; background-color:#343a40; border-color:#343a40; } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus { box-shadow:0 0 0 .2rem rgba(52,58,64,.5); } .btn-group-lg>.btn, .btn-lg { padding:.5rem 1rem; font-size:1.25rem; line-height:1.5; border-radius:.3rem; } .btn-group-sm>.btn, .btn-sm { padding:.25rem .5rem; font-size:.875rem; line-height:1.5; border-radius:.2rem; } .dropdown-item.active, .dropdown-item:active { color:#fff; text-decoration:none; background-color:#007bff; } .btn-group-vertical>.btn, .btn-group>.btn { position:relative; -ms-flex:1 1 auto; flex:1 1 auto; } .btn-group-vertical>.btn:hover, .btn-group>.btn:hover { z-index:1; } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus { z-index:1; } .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { margin-left:-1px; } .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius:0; border-bottom-right-radius:0; } .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) { border-top-left-radius:0; border-bottom-left-radius:0; } .btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { padding-right:.375rem; padding-left:.375rem; } .btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-right:.75rem; padding-left:.75rem; } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width:100%; } .btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) { margin-top:-1px; } .btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius:0; border-bottom-left-radius:0; } .btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child) { border-top-left-radius:0; border-top-right-radius:0; } .btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn { margin-bottom:0; } .btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio] { position:absolute; clip:rect(0,0,0,0); pointer-events:none; } .input-group-append .btn, .input-group-prepend .btn { position:relative; z-index:2; } .input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index:3; } .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text { margin-left:-1px; } .input-group-lg>.custom-select, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text { padding:.5rem 1rem; font-size:1.25rem; line-height:1.5; border-radius:.3rem; } .input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text { padding:.25rem .5rem; font-size:.875rem; line-height:1.5; border-radius:.2rem; } .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text { border-top-right-radius:0; border-bottom-right-radius:0; } .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text { border-top-left-radius:0; border-bottom-left-radius:0; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color:#495057; background-color:#fff; border-color:#dee2e6 #dee2e6 #fff; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color:#fff; background-color:#007bff; } .tab-content>.active { display:block; } .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; } @media (max-width:575.98px) { .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid, .navbar-expand-sm>.container-lg, .navbar-expand-sm>.container-md, .navbar-expand-sm>.container-sm, .navbar-expand-sm>.container-xl { padding-right:0; padding-left:0; } } @media (min-width:576px) { .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid, .navbar-expand-sm>.container-lg, .navbar-expand-sm>.container-md, .navbar-expand-sm>.container-sm, .navbar-expand-sm>.container-xl { -ms-flex-wrap:nowrap; flex-wrap:nowrap; } } @media (max-width:767.98px) { .navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl { padding-right:0; padding-left:0; } } @media (min-width:768px) { .navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl { -ms-flex-wrap:nowrap; flex-wrap:nowrap; } } @media (max-width:991.98px) { .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { padding-right:0; padding-left:0; } } @media (min-width:992px) { .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { -ms-flex-wrap:nowrap; flex-wrap:nowrap; } } @media (max-width:1199.98px) { .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl { padding-right:0; padding-left:0; } } @media (min-width:1200px) { .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl { -ms-flex-wrap:nowrap; flex-wrap:nowrap; } } .navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-lg, .navbar-expand>.container-md, .navbar-expand>.container-sm, .navbar-expand>.container-xl { padding-right:0; padding-left:0; } .navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-lg, .navbar-expand>.container-md, .navbar-expand>.container-sm, .navbar-expand>.container-xl { -ms-flex-wrap:nowrap; flex-wrap:nowrap; } .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color:rgba(0,0,0,.9); } .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { color:#fff; } .breadcrumb-item.active { color:#6c757d; } .card { position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; min-width:0; word-wrap:break-word; background-color:#fff; background-clip:border-box; border:1px solid rgba(0,0,0,.125); border-radius:.25rem; } .card>hr { margin-right:0; margin-left:0; } .card-body { -ms-flex:1 1 auto; flex:1 1 auto; min-height:1px; padding:1.25rem; } .pagination { display:-ms-flexbox; display:flex; padding-left:0; list-style:none; border-radius:.25rem; } .page-item.active .page-link { z-index:3; color:#fff; background-color:#007bff; border-color:#007bff; } .btn .badge { position:relative; top:-1px; } .list-group-item.active { z-index:2; color:#fff; background-color:#007bff; border-color:#007bff; } .list-group-item+.list-group-item.active { margin-top:-1px; border-top-width:1px; } .list-group-horizontal>.list-group-item.active { margin-top:0; } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left:-1px; border-left-width:1px; } @media (min-width:576px) { .list-group-horizontal-sm>.list-group-item.active { margin-top:0; } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left:-1px; border-left-width:1px; } } @media (min-width:768px) { .list-group-horizontal-md>.list-group-item.active { margin-top:0; } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left:-1px; border-left-width:1px; } } @media (min-width:992px) { .list-group-horizontal-lg>.list-group-item.active { margin-top:0; } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left:-1px; border-left-width:1px; } } @media (min-width:1200px) { .list-group-horizontal-xl>.list-group-item.active { margin-top:0; } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left:-1px; border-left-width:1px; } } .list-group-item-primary.list-group-item-action.active { color:#fff; background-color:#004085; border-color:#004085; } .list-group-item-secondary.list-group-item-action.active { color:#fff; background-color:#383d41; border-color:#383d41; } .list-group-item-success.list-group-item-action.active { color:#fff; background-color:#155724; border-color:#155724; } .list-group-item-info.list-group-item-action.active { color:#fff; background-color:#0c5460; border-color:#0c5460; } .list-group-item-warning.list-group-item-action.active { color:#fff; background-color:#856404; border-color:#856404; } .list-group-item-danger.list-group-item-action.active { color:#fff; background-color:#721c24; border-color:#721c24; } .list-group-item-light.list-group-item-action.active { color:#fff; background-color:#818182; border-color:#818182; } .list-group-item-dark.list-group-item-action.active { color:#fff; background-color:#1b1e21; border-color:#1b1e21; } .carousel { position:relative; } .carousel.pointer-event { -ms-touch-action:pan-y; touch-action:pan-y; } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display:block; } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { -webkit-transform:translateX(100%); transform:translateX(100%); } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { -webkit-transform:translateX(-100%); transform:translateX(-100%); } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { z-index:1; opacity:1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index:0; opacity:0; transition:opacity 0s .6s; } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition:none; } } .carousel-indicators .active { opacity:1; } .bg-transparent { background-color:transparent!important; } .border { border:1px solid #dee2e6!important; } .border-top { border-top:1px solid #dee2e6!important; } .border-bottom { border-bottom:1px solid #dee2e6!important; } .border-top-0 { border-top:0!important; } .border-right-0 { border-right:0!important; } .border-left-0 { border-left:0!important; } .border-light { border-color:#f8f9fa!important; } .d-none { display:none!important; } .d-block { display:block!important; } .d-flex { display:-ms-flexbox!important; display:flex!important; } @media (min-width:768px) { .d-md-none { display:none!important; } .d-md-block { display:block!important; } .d-md-flex { display:-ms-flexbox!important; display:flex!important; } } .flex-wrap { -ms-flex-wrap:wrap!important; flex-wrap:wrap!important; } .justify-content-end { -ms-flex-pack:end!important; justify-content:flex-end!important; } .justify-content-center { -ms-flex-pack:center!important; justify-content:center!important; } .justify-content-between { -ms-flex-pack:justify!important; justify-content:space-between!important; } .align-items-center { -ms-flex-align:center!important; align-items:center!important; } .overflow-hidden { overflow:hidden!important; } .position-relative { position:relative!important; } .position-absolute { position:absolute!important; } .position-fixed { position:fixed!important; } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } .shadow-sm { box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important; } .w-100 { width:100%!important; } .h-auto { height:auto!important; } .mb-0, .my-0 { margin-bottom:0!important; } .mb-1, .my-1 { margin-bottom:.25rem!important; } .mt-3, .my-3 { margin-top:1rem!important; } .mr-3, .mx-3 { margin-right:1rem!important; } .mb-3, .my-3 { margin-bottom:1rem!important; } .ml-3, .mx-3 { margin-left:1rem!important; } .mt-4, .my-4 { margin-top:1.5rem!important; } .mr-4, .mx-4 { margin-right:1.5rem!important; } .mb-4, .my-4 { margin-bottom:1.5rem!important; } .mt-5, .my-5 { margin-top:3rem!important; } .mb-5, .my-5 { margin-bottom:3rem!important; } .p-0 { padding:0!important; } .pr-0, .px-0 { padding-right:0!important; } .pl-0, .px-0 { padding-left:0!important; } .pt-1, .py-1 { padding-top:.25rem!important; } .pb-1, .py-1 { padding-bottom:.25rem!important; } .pt-2, .py-2 { padding-top:.5rem!important; } .pr-2, .px-2 { padding-right:.5rem!important; } .pb-2, .py-2 { padding-bottom:.5rem!important; } .pl-2, .px-2 { padding-left:.5rem!important; } .p-3 { padding:1rem!important; } .pt-3, .py-3 { padding-top:1rem!important; } .pr-3, .px-3 { padding-right:1rem!important; } .pb-3, .py-3 { padding-bottom:1rem!important; } .pl-3, .px-3 { padding-left:1rem!important; } .pt-4, .py-4 { padding-top:1.5rem!important; } .pb-4, .py-4 { padding-bottom:1.5rem!important; } .pt-5, .py-5 { padding-top:3rem!important; } .pr-5, .px-5 { padding-right:3rem!important; } .pb-5, .py-5 { padding-bottom:3rem!important; } .pl-5, .px-5 { padding-left:3rem!important; } .m-auto { margin:auto!important; } .mr-auto, .mx-auto { margin-right:auto!important; } .ml-auto, .mx-auto { margin-left:auto!important; } @media (min-width:768px) { .mb-md-0, .my-md-0 { margin-bottom:0!important; } .pt-md-0, .py-md-0 { padding-top:0!important; } .pr-md-0, .px-md-0 { padding-right:0!important; } .pb-md-0, .py-md-0 { padding-bottom:0!important; } .pl-md-0, .px-md-0 { padding-left:0!important; } .pr-md-3, .px-md-3 { padding-right:1rem!important; } .pl-md-3, .px-md-3 { padding-left:1rem!important; } .pr-md-5, .px-md-5 { padding-right:3rem!important; } .pb-md-5, .py-md-5 { padding-bottom:3rem!important; } } .text-justify { text-align:justify!important; } .text-right { text-align:right!important; } .text-center { text-align:center!important; } .text-uppercase { text-transform:uppercase!important; } @media print { *, ::after, ::before { text-shadow:none!important; box-shadow:none!important; } a:not(.btn) { text-decoration:underline; } abbr[title]::after { content:" (" attr(title) ")"; } pre { white-space:pre-wrap!important; } blockquote, pre { border:1px solid #adb5bd; page-break-inside:avoid; } thead { display:table-header-group; } img, tr { page-break-inside:avoid; } h2, h3, p { orphans:3; widows:3; } h2, h3 { page-break-after:avoid; } @page { size:a3; } body { min-width:992px!important; } .container { min-width:992px!important; } }
@charset "UTF-8"; @font-face { font-family: "SVN-Gilroy-Light"; src: url("../fonts/SVN-Gilroy-Light.woff2") format("woff2"), url("../fonts/SVN-Gilroy-Light.otf") format("opentype"); font-display: swap; } @font-face { font-family: "SVN-Gilroy-Bold"; src: url("../fonts/SVN-Gilroy-Bold.woff2") format("woff2"), url("../fonts/SVN-Gilroy-Bold.otf") format("opentype"); font-display: swap; } @font-face { font-family: "SanFranciscoText"; src: url("../fonts/SanFranciscoText-Regular.woff2") format("woff2"), url("../fonts/SanFranciscoText-Regular.otf") format("opentype"); font-weight: normal; font-display: swap; } @font-face { font-family: "SanFranciscoText"; src: url("../fonts/SanFranciscoText-Medium.woff2") format("woff2"), url("../fonts/SanFranciscoText-Medium.otf") format("opentype"); font-weight: 500; font-display: swap; } html, body { width: 100%; overflow-x: hidden; } body { font-family: "SVN-Gilroy-Light" !important; font-weight: normal; line-height: 1.4; } ul, li { list-style-type: none; } a:hover { text-decoration: none; color: inherit; } img { max-width: 100%; height: auto; } .blocks-gallery-grid{ padding: 0; list-style: none !important; } .blocks-gallery-grid li{ list-style: none !important; } .skip-link { position: absolute; left: -9999px; top: 0; z-index: 999; padding: 12px 20px; background: #fff; color: #000; } .skip-link:focus { left: 0; } .color-black { color: #222 !important; } .color-white { color: #fff !important; } .color-212121 { color: #212121 !important; } .bg-color-1f1f1f { background-color: #1f1f1f !important; } .pt-60px { padding-top: 60px !important; } @media (max-width: 576px) { .pt-60px { padding-top: 45px !important; } } @media (min-width: 768px) { .pt-md-60px { padding-top: 60px !important; } } .pb-40px { padding-bottom: 40px !important; } @media (max-width: 576px) { .pb-40px { padding-bottom: 30px !important; } } .pt-30px { padding-top: 30px !important; } @media (max-width: 576px) { .pt-30px { padding-top: 22.5px !important; } } .h2 { font-size: 48px; font-weight: 700; } @media (max-width: 576px) { .h2 { font-size: 36px; } } .h3 { font-size: 18px; line-height: 30px; } .h4 { font-size: 13px; line-height: 24px; } .paragraph { font-size: 16px; line-height: 20px; } .fw-700 { font-weight: 700 !important; } .font-family-SVN-Gilroy-Bold { font-family: "SVN-Gilroy-Bold" !important; } .font-family-UVF-Didot { font-family: "UVF-Didot" !important; } .btn { border-radius: 0 !important; } .btn-outline-black { color: #000; border: 1px solid #000; font-weight: bold; } .btn-outline-black:hover { color: #fff; background: #000; } .btn-viewmore { font-size: 14px; letter-spacing: 2.5px; } .pd-12-60 { padding: 12px 60px; } .load__more { color: #000; } .btn-hamburger { margin-top: 5px; width: 37px; height: 28px; position: relative; transform: rotate(0deg); transition: 0.5s ease-in-out; cursor: pointer; padding: 0; border: 0; background: none; } .btn-hamburger span { display: block; position: absolute; height: 2px; width: 100%; background: #f1e9e0; border-radius: 9px; opacity: 1; left: 0; transform: rotate(0deg); transition: 0.15s ease-in-out; } .btn-hamburger span:nth-child(1) { top: 0px; } .btn-hamburger span:nth-child(2), .btn-hamburger span:nth-child(3) { top: 12.5px; } .btn-hamburger span:nth-child(4) { top: 25px; } .btn-hamburger span.open:nth-child(1) { top: 18px; width: 0%; left: 50%; } .btn-hamburger span.open:nth-child(2) { transform: rotate(45deg); } .btn-hamburger span.open:nth-child(3) { transform: rotate(-45deg); } .btn-hamburger span.open:nth-child(4) { top: 18px; width: 0%; left: 50%; } .btn-arrow-down { position: absolute; bottom: 135px; left: 50%; transform: translateX(-50%); z-index: 1000; } .btn-arrow-down span { display: block; width: 16px; height: 16px; border-bottom: 1.5px solid rgba(255, 255, 255, 0.8); border-right: 1.5px solid rgba(255, 255, 255, 0.8); transform: rotate(45deg); margin: -1px; animation: btn-arrow-down 1.8s infinite; } .btn-arrow-down span:nth-child(2) { animation-delay: -0.2s; } .btn-arrow-down span:nth-child(3) { animation-delay: -0.4s; } @keyframes btn-arrow-down { 0% { opacity: 0; transform: rotate(45deg) translate(-12px, -12px); } 50% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg) translate(12px, 12px); } } .header { z-index: 100; top: 0; left: 0; right: 0; padding: 10px 0; background-color: #000; } @media (min-width: 768px) { .header { background-color: rgba(0, 0, 0, 0.6); border-top: 1px solid rgba(241, 234, 225, 0.6); border-bottom: 1px solid rgba(241, 234, 225, 0.6); } } .header a { font-size: 14px; color: #fff; font-family: "SVN-Gilroy-Light"; font-weight: 300; text-transform: uppercase !important; } .header__custom { padding-top: 25px; padding-bottom: 25px; } .header-inner { max-width: 100%; } .container--full { max-width: 100%; } @media (max-width: 576px) { .header__custom { padding-top: 5px; padding-bottom: 5px; } } .header--home { background: unset; border-bottom: unset; } .header--light { background: #fff; border-bottom: unset; } .header--home.is-scrolled { background: #fff; } .header--light .btn-hamburger span, .is-scrolled .btn-hamburger span { background: #000; } @media (min-width: 768px) { .header--home .header-menu>li>a, .header--home .header__lang>a>span { color: #fff; } .header--home.is-scrolled .header-menu>li>a, .header--home.is-scrolled .header__lang>a>span { color: #000; } .header--light .header-menu>li>a, .header--light .header__lang>a { color: #000; } } @media (max-width: 767px) { .header-menu>li>a { color: #fff; } .header--home .header__lang>a>span { color: #fff; } .header--light .header__lang>a>span { color: #000; } .header--home.is-scrolled { background: #fff; } .header--home.is-scrolled .header__lang>a>span { color: #000; } } .header-menu { display: none; } .header-menu .sub-menu { display: none; } .header-menu>li { margin: 0 30px; } .header-menu li.current-menu-item>a { border-bottom: 2px solid #fff; } @media (min-width: 768px) { .header-menu { display: flex !important; } .header-menu li a { cursor: pointer; } .header-menu>li>a { border-bottom: 2px solid transparent; padding: 20px 0; transition: all 0.3s ease; } .header-menu>li>a:hover { color: #989898; } .header-menu>li.menu-item-has-children .sub-menu { position: absolute; top: 86px; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.65); z-index: 1; transition: all 0.5s ease; padding: 0 10px; } .header-menu>li.menu-item-has-children .sub-menu:hover { background-color: rgba(0, 0, 0, 0.6); } .header-menu>li.menu-item-has-children .sub-menu a { font-family: "SVN-Gilroy-Light"; } .header-menu>li.menu-item-has-children:hover>a { border-bottom: 2px solid #fff; text-decoration: none; } .header-menu>li.menu-item-has-children:hover .sub-menu { display: flex; } .header-menu>li.menu-item-has-children>.sub-menu li { padding-top: 3rem; padding-bottom: 3rem; } .header-menu>li.menu-item-has-children .sub-menu .col-md-2 { padding-left: 10px; padding-right: 10px; } .header-menu>li.menu-item-has-children .sub-menu a span { color: #989898; transition: all 0.3s ease; } .header-menu>li.menu-item-has-children .sub-menu a:hover span { color: #fff; } .menu-mb { display: none !important; } } @media (max-width: 767px) { .header-menu>li.nav-item--mobile { margin: 17px 0; } } @media (max-width: 576px) { .header-menu { position: absolute; top: 67px; left: 0; right: 0; background-color: #000; padding: 20px 15px; } .header-menu>li { margin: 17px 0; } .header-menu .sub-menu { margin-top: 7px; padding: 0; } .header-menu .sub-menu li { padding: 12px 0px; border-bottom: 1px solid #2d2d2d; } .header-menu .sub-menu li a { color: #eabd83; } .header-menu>li.menu-item-has-children { position: relative; cursor: pointer; } .header-menu>li.menu-item-has-children:before { content: "+"; position: absolute; color: #eabd83; right: 0; top: -4px; font-size: 26px; margin-top: -1px; z-index: 1; pointer-events: none; } .header-menu>li.menu-item-has-children.is-show::before { content: "-"; } } @media (max-width: 767px) { .sub-menu ul { padding-left: 0; } } .header-menu-bg { background-size: cover; background-repeat: no-repeat; background-position: center; height: 195px; width: 100%; display: flex; } @media (max-width: 1024px) { .header-menu-bg { height: 120px; } } @media (max-width: 576px) { .header-menu-bg { display: none; } } .header-lang>li:last-child { margin-right: 30px; } .header-lang a { opacity: 0.7; } .header-lang a[data-is-active] { opacity: 1 !important; } .header-search { border: 0; background: none; padding: 0; line-height: 0; cursor: pointer; } .search_page { position: absolute; top: 100%; left: 0; width: 100%; padding: 10px 0; background: rgba(0, 0, 0, 0.6); z-index: 2; box-sizing: border-box; display: none; border-top: 1px solid rgba(255, 255, 255, 0.6); } .search_page._is-open { display: block; } .search_page ._frm_search { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .search_page ._frm_search .decor { position: absolute; left: 0; top: 50%; transform: translateY(-50%); filter: brightness(0) invert(1); } .search_page ._frm_search input { width: calc(100% - 136px); height: 44px; background: transparent; border-bottom: 1px solid #fff; padding-left: 34px; color: #fff; } .search_page ._frm_search input::placeholder { color: rgba(255, 255, 255, 0.7); opacity: 1; } .search_page ._frm_search button { cursor: pointer; width: 136px; height: 44px; background: #fff; text-align: center; font-size: 13px; line-height: 44px; letter-spacing: 0.01em; text-transform: uppercase; color: #212529; } .search_page ._frm_search input, .search_page ._frm_search button { border: 0; border-radius: 0; box-shadow: none; outline: none; } .search-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; display: none; } .search-overlay._is-open { display: block; } .title__page { margin-top: 128px; margin-bottom: 47px; text-align: center; color: #000; text-transform: uppercase; } .title__page h1, .title__page h3 { font-size: 48px; } @media (max-width: 600px) { .title__page h1, .title__page h3 { font-size: 30px; } } .page-news .title__page, .page-post .title__page { margin-bottom: 22px; } .euro-city-projects.post{ margin-top: 113px; } @media (max-width: 576px){ .euro-city-projects.post{ margin-top: 72px; } } .euro-city-projects .swiper-container { position: relative; overflow: inherit !important; } .euro-city-projects .swiper-container::before { position: absolute; content: ""; top: 98%; left: 50%; transform: translateX(-50%); width: 1px; height: 57px; background: #010101; z-index: 2; } @media (max-width: 480px) { .euro-city-projects .swiper-container::before { top: 94%; height: 46px; } } .euro-city-projects .banner-title { font-size: 60px; color: #fff; position: absolute; top: 85%; left: 50%; transform: translateX(-50%); } @media (max-width: 1024px) { .euro-city-projects .banner-title { font-size: 40px; top: 50%; transform: translate(-50%, -50%); } } .euro-city-projects .swiper-slide { width: 100% !important; } .euro-city-projects .swiper-slide::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; } .euro-city-projects .swiper-pagination-bullet { width: 13px !important; height: 13px !important; background: #949698 !important; opacity: 1 !important; margin: 0 5px !important; } .euro-city-projects .swiper-pagination-bullet-active { background: #fff !important; } .nav-menu-hoz { position: relative; padding: 0 15px; } .nav-menu-hoz li a { position: relative; display: block; font-size: 16px; color: #606060; text-transform: uppercase; padding: 15px 28px; } .nav-menu-hoz li a:before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 50%; background: #606060; } .nav-menu-hoz li:last-child>a:before { display: none; } .nav-menu-hoz .current-menu-item>a { font-family: "SVN-Gilroy-Bold"; } @media (max-width: 576px) { .nav-menu-hoz li { display: block !important; width: 100%; } .nav-menu-hoz li a:before { display: none; } } .projects { margin: 100px 0; } .projects .projects-item { margin-bottom: 60px; } .projects .projects-item img { width: 100%; object-fit: cover; } .projects .projects-item .item-title { font-size: 16px; font-weight: bold; margin-top: 24px; display: block; color: #000; font-family: SVN-Gilroy-Bold; } .projects .btn-readmore { margin-top: 30px; } @media (max-width: 480px) { .projects { margin: 48px 0; } .projects .projects-item { margin-bottom: 24px; } .projects .projects-item img { height: auto; } .projects .projects-item .item-title { margin-top: 16px; } } .the-content ul, .the-content li { list-style: disc; } .the-content blockquote { background-color: #eceaea; padding: 10px; border-radius: 6px; } .the-content blockquote p { margin-bottom: 0px; } .the-content img { display: block; width: 800px; max-width: 100%; margin: 0.5rem auto; text-align: center; font-size: 14px; } .the-content figcaption { margin-top: 10px; text-align: center; font-size: 14px; } .youtube-bg { position: relative; width: 100%; height: 100vh; overflow: hidden; pointer-events: none; } @media (max-width: 576px) { .youtube-bg { height: 400px; } } .youtube-bg video { width: 100%; height: 100%; object-fit: cover; } .box1 { padding: 50px 0px; display: flex; position: relative; } .box1-left { margin: 0; width: 50%; text-transform: uppercase; font-weight: 300; font-size: 70px; line-height: 70px; } .box1-right { padding-top: 160px; width: 50%; display: flex; justify-content: end; flex-direction: column; } .box1-right .box1-title { font-size: 20px; font-weight: 500; line-height: 30px; margin-bottom: 10px; } .box1-right p { font-size: 16px; font-weight: 200; line-height: 24px; margin-top: 10px; text-align: justify; } .box1-right .box1-btn { text-decoration: none; color: #000; font-weight: 500; font-size: 16px; line-height: 24px; margin-top: 20px; padding: 10px 20px; border: 1px solid #000; transition: all 0.3s ease; max-width: max-content; } .box1-right .box1-btn:hover { transform: scale(1.05); } .box1-img { object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; filter: opacity(0.1); } .box1-right .box1-title.h3 { } .box1-right .box1-title.h3 .title__br { display: inline !important; } @media (max-width: 768px) { .home-partner .img-fluid{ padding: 0 15px; } .box1-left{ padding-right: 0; } .box1-left { width: 100% !important; text-align: center !important; margin-bottom: 15px !important; display: flex !important; flex-direction: column !important; align-items: center !important; font-size: unset !important; line-height: unset !important; } .box1-left .line-1, .box1-left .line-2 { display: block !important; width: 100% !important; white-space: nowrap !important; line-height: 1.3 !important; } .box1-left .line-1 { font-size: 6.5vw !important; } .box1-left .line-2 { font-size: 5.5vw !important; } .box1-right .box1-title, .box1-right .box1-title.h3 { padding-top: 0px !important; padding-bottom: 25px !important; font-size: 3.2vw !important; white-space: nowrap !important; display: block !important; } .box1-right .box1-title .title__br, .box1-right .box1-title.h3 .title__br { display: inline !important; } .box1-right p { text-align: justify !important; font-size: 14px !important; line-height: 1.6 !important; padding: 0 10px !important; } .box1-right .box1-btn { margin-top: 20px !important; display: inline-flex !important; justify-content: center !important; } } @media (max-width: 768px) { .box1 { flex-direction: column; padding: 30px 16px; } .box1-left { width: 100%; text-align: center; font-size: 26px !important; line-height: 1.3 !important; margin-bottom: 10px; } .box1-right { width: 100%; padding-top: 0px; justify-content: center; align-items: center; text-align: center; } .box1-img { width: 100%; height: auto; } .box1-img img { width: 100%; } .box1-right .box1-title { padding-top: 0px !important; padding-bottom: 25px !important; font-size: 3vw !important; white-space: nowrap; } .box1-right p { text-align: justify !important; font-size: 14px; line-height: 1.6; padding: 0 10px; } .box1-right .box1-btn { margin-top: 20px; margin-bottom: 0; } } .project-term-caption { display: flex; height: 65px; justify-content: center; } .home-carousel ._title-bottom { font-size: medium; width: 100%; text-align: center; white-space: normal; word-break: break-word; overflow-wrap: break-word; } .project-term-thumb::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); pointer-events: none; } .project-term-thumb img { height: 420px; object-fit: cover; } .carousel .btn-carousel-prev { display: inline-block; transform: rotateY(180deg); } .project__custom { padding: 0 60px; } .read__more__custom { padding: 0 80px; } .page-home .swiper-slide { padding: 0px 30px !important; } .page-home .swiper-slide.slide--flush { padding-left: 0 !important; padding-right: 0 !important; } .flex__custom { align-content: center; flex-wrap: wrap; } .js-btn-carousel-home-prev, .js-btn-carousel-home-next { position: absolute; top: 40%; transform: translateY(-50%); cursor: pointer; z-index: 9999; border: 0; background: none; padding: 0; line-height: 0; } .js-btn-carousel-home-prev { left: -3%; } .js-btn-carousel-home-next { right: -3%; } .swiper-home-pagination { display: flex; justify-content: center; align-items: center; gap: 10px; } .swiper-home-pagination .swiper-pagination-bullet { width: 6px; height: 6px; background: #000; } @media (max-width: 767px) { .flex__custom h2 { font-size: 40px; } .project__custom { padding: 0; } .page-home .swiper-slide { padding: 0 !important; width: 100%; } .read__more__custom { padding: 0 15px; } } @media (max-width: 600px) { #wpadminbar{ position: fixed; } .js-btn-carousel-home-prev, .js-btn-carousel-home-next { top: 38%; } .js-btn-carousel-home-prev { left: 5%; } .js-btn-carousel-home-next { right: 5%; } } @media (max-width: 500px) { .portfolio { font-size: 30px; } } .down__doc { display: inline-flex; align-items: center; padding: 12px 24px; text-decoration: none; background-color: #ffffff; color: #000000; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 12px rgba(60, 60, 60, 0.25), 0 2px 4px rgba(60, 60, 60, 0.15); font-size: 16px; font-weight: 500; transition: all 0.3s ease; } .down__doc:hover { background-color: #f5f5f5; box-shadow: 0 8px 16px rgba(60, 60, 60, 0.35), 0 4px 8px rgba(60, 60, 60, 0.25); transform: translateY(-2px); color: #000000; } .down__doc span { margin-right: 8px; } .down__doc img { width: 20px; height: 20px; transition: transform 0.3s ease; filter: brightness(0); } .slider .swiper-pagination-bullets { position: absolute; bottom: 10vh; text-align: center; z-index: 1; } .slider .swiper-pagination-bullet { border-radius: 0; width: 80px; height: 4px; background-color: #fff; } .slider .btn-slider-next, .slider .btn-slider-prev { display: block; position: absolute; top: 50%; margin-top: -18px; z-index: 1; border: 0; background: none; padding: 0; } .slider .btn-slider-prev { left: 5%; transform: rotateY(180deg); } .slider .btn-slider-next { right: 5%; } .iframe-wrapper { width: 100%; height: 100vh; } .iframe-wrapper iframe { width: 100%; height: 100%; } .iframe-wrapper .iframe-title { bottom: 15vh; z-index: 1; } .iframe-wrapper .iframe-title ._title1 { font-size: 12px; } .iframe-wrapper .iframe-title ._title2 { font-size: 30px; } .iframe-wrapper .iframe-title { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 2px 14px rgba(0, 0, 0, 0.55); } .iframe-wrapper .iframe-title::before { content: ""; position: absolute; top: -28px; right: -70px; bottom: -28px; left: -70px; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.38) 45%, rgba(0, 0, 0, 0) 75%); } @media (max-width: 576px) { .iframe-wrapper .iframe-title { width: 100%; text-align: center; } } .virtual-tour-overlay { position: absolute; background: #000; top: 0; left: 0; width: 100%; height: 100% !important; background-size: cover; z-index: 11; } .virtual-tour-button { display: block; position: absolute; width: 440px; height: 440px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url("../img/virtual-tour-button.png"); background-color: transparent; border: 0; padding: 0; cursor: pointer; } .virtual-tour-button:hover { opacity: 0.8; } .virtual-tour-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .img-white-fix { filter: brightness(0) invert(1); max-width: 100%; height: auto; display: block; } @media (max-width: 768px) { .home-partner-title { font-size: 32px; } .img-white-fix { transform: scale(1.1); } } .page-projects .nav-menu-hoz>li{ border-bottom: 2px solid transparent; transition: .2s; } .page-projects .nav-menu-hoz>li:hover { border-bottom: 2px solid #1f1f1f; } .page-projects .projects { margin: 0 !important; } .page-projects .contentFetch { max-width: 100%; min-height: 400px; margin-bottom: 30px; } .page-projects .projects .projects-item img { aspect-ratio: 597 / 420; } .page-projects .euro-city-projects .swiper-container::before { display: none; } .page-projects .pagination { height: 40px; display: flex; justify-content: center; margin-top: 20px; } .page-projects .pagination a { color: #0073aa; padding: 8px 16px; text-decoration: none; border: 1px solid #ddd; margin: 0 4px; } .page-projects .pagination a:hover { background-color: #ddd; } .page-projects .pagination .current { background-color: #0073aa; color: white; border: 1px solid #0073aa; padding: 8px 16px; margin: 0 4px; } .project-detail .swiper-container { position: relative; overflow: visible !important; } .project-detail .btn-carousel-next, .project-detail .btn-carousel-prev { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; border: 0; background: none; padding: 0; } .project-detail .btn-carousel-next { left: -22%; } .project-detail .btn-carousel-prev { right: -22%; } .project-detail .swiper-slide-prev, .project-detail .swiper-slide-next { position: relative; } .project-detail .swiper-slide-prev::before, .project-detail .swiper-slide-next::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; } .project-detail .project-detail-title { font-size: 48px; line-height: 70px; text-align: center; margin-bottom: 70px; margin-top: 120px; } .project-detail .read-more-im { display: flex; align-items: center; justify-content: flex-end; margin-top: 32px; margin-bottom: 24px; } .project-detail .read-more-im a { font-size: 14px; line-height: 18px; display: inline-block; text-transform: uppercase; margin-right: 16px; color: #000; font-weight: bold; } .project-detail .content { margin-top: 32px; line-height: 25px; } .project-detail .text-tt { font-size: 45px; line-height: 70px; font-weight: bold; } .project-detail .projects { margin-top: 32px; margin-bottom: 0; } .project-detail .btn-readmore { margin-bottom: 100px; } .slide__img { height: 500px; object-fit: cover; object-position: center; } @media (max-width: 767px) { .project-detail .project-detail-title { font-size: 28px; line-height: 35px; text-align: center; margin-top: 90px; margin-bottom: 30px; } .page-project .swiper-slide { width: 100%; margin-right: 0; } .unset__pading { padding: 0; } .project-detail .read-more-im { padding: 0 15px; } .project-detail .the-content { padding: 0 15px; } .project-detail .btn-carousel-prev { right: -3%; } .project-detail .btn-carousel-next { left: 2%; } .project-detail .btn-carousel-prev>img, .project-detail .btn-carousel-next>img { width: 70%; } } .page-news .pagination, .page-post .pagination { display: inline-flex; list-style: none; padding: 0; margin: 0; gap: 5px; } .pagination-wrapper { margin: 40px 0; text-align: center; } .page-news .pagination li { display: inline-block; } .page-news .pagination li a, .page-news .pagination li span { display: block; padding: 10px 15px; border: 1px solid #ddd; color: #333; text-decoration: none; border-radius: 5px; transition: all 0.3s ease; } .page-news .pagination li a:hover { background-color: #007cba; color: white; border-color: #007cba; } .page-news .pagination li.active span, .page-news .pagination li.current span { background-color: #007cba; color: white; border-color: #007cba; } @media (max-width: 600px) { .page-news .pagination li a, .page-news .pagination li span { padding: 8px 10px; font-size: 14px; } } .news-thumb { width: 100%; aspect-ratio: 607 / 350; object-fit: cover; } .the-content h2 { font-size: 1.75rem; } .title__custom { font-size: 24px; text-align: center; line-height: inherit; } @media (max-width: 500px) { .title__custom { font-size: 20px; line-height: 35px; } } .the-content .the-content-figure { margin-bottom: 0.5rem; } .post-gallery { margin: auto; padding-left: 0; overflow: hidden; } .the-content .post-gallery, .the-content .post-gallery>li { list-style: none; } .post-gallery__item { float: left; margin-top: 10px; margin-bottom: 1rem; text-align: center; width: 33%; } .post-gallery__break { clear: both; float: none; width: 100%; height: 0; margin: 0; } .the-content .post-gallery img { border: 2px solid #cfcfcf; } .partners-intro { margin-top: 20px; margin-bottom: 0; text-align: center; } .section-full-wrapper { background-color: #1f1f1f; color: #fff; } .img-combined-logos { width: 100%; max-width: 1200px; height: auto; display: block; filter: none !important; padding: 10px 0; } .partner-row-container { align-items: center; display: flex; } .page-partners .home-partner h2 { font-weight: 800 !important; } @media (max-width: 768px) { .img-combined-logos { transform: scale(1.05); } } .title-layout-chuan { font-size: 42px !important; font-weight: 800 !important; letter-spacing: 3px !important; line-height: 1.2 !important; margin-top: 20px; color: #fff !important; } @media (max-width: 768px) { .title-layout-chuan { font-size: 28px !important; } } .testimonial-swiper { width: 100%; height: auto; overflow: hidden; } .testimonial-swiper .testimonial-slide { height: auto; border-right: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; display: flex; flex-direction: column; } .testimonial-card-custom { padding: 0 40px; } .quote-header { height: 120px; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .quote-header img { width: 80px; height: auto; } .author-box { text-align: center; min-height: 80px; } .author-box .name { font-size: 25px; } .feedback-content { font-size: 14px; line-height: 1.8; opacity: 0.9; } .feedback-content p { margin: 0 0 25.2px; } .feedback-content p:last-child { margin-bottom: 0; } .feedback-content .feedback-author { font-size: 20px; font-weight: bold; margin-bottom: 0; } .feedback-role { font-size: 14px; font-weight: bold; } .swiper-nav-btn { cursor: pointer; opacity: 0.6; transition: 0.3s; z-index: 10; position: relative; border: 0; background: none; padding: 0; } .swiper-nav-btn:hover { opacity: 1; } .swiper-nav-btn img { width: 40px; filter: brightness(0) invert(1); } .flip-x { transform: scaleX(-1); } @media (max-width: 768px) { .testimonial-swiper .testimonial-slide { border-right: none; } } .page-partners #second_start section, .page-partners #second_start .container { padding-top: 0px !important; } .footer-divider { border-color: #1f1f1f !important; } .iframe-map--wrap { overflow: hidden; } .iframe-map--wrap iframe { width: 102%; margin: -6px; border: 0; } .contact-office-title { font-size: 1.5rem; } .contact-icon { width: 16px; height: 16px; fill: currentColor; vertical-align: middle; } .js-form-submit button[type="submit"], .idhome-contact-form button[type="submit"] { padding-top: calc(0.25rem + 0.075em) !important; padding-bottom: calc(0.25rem - 0.075em) !important; } .gilroy-bold { font-family: "SVN-Gilroy-Bold", sans-serif; } .page-about #second_start{ margin-top: 60px; padding-top: 96px; } .about-box1 { margin-top: 0; padding-top: 96px; } @media (max-width: 767.98px) { .page-about #second_start, .about-box1 { padding-top: 48px; } .about-box1{ padding-top: 80px; } } .about-box1_top { position: relative; z-index: 1; padding: 80px 60px 200px; margin-top: 80px; } .about-box1_top::before { content: ""; position: absolute; inset: 0; background: url("../img/banner-about-us-4.png") center center no-repeat; background-size: cover; opacity: 0.2; z-index: -1; } .about-box1_top h1 { font-size: 48px; font-weight: 200; line-height: 60px; text-align: center; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: 100%; } .about-box1_top p { font-size: 17px; line-height: 20px; font-weight: 200; max-width: 500px; text-align: justify; } .about-box1_bottom-wrap { background: #ededed; } .about-box1_bottom { padding: 50px 0px; display: flex; position: relative; } .about-box1-bottom_left { width: 50%; text-transform: uppercase; font-weight: 300; font-size: 70px; line-height: 70px; } .about-box1-bottom_right { padding-top: 160px; width: 50%; display: flex; justify-content: end; flex-direction: column; text-align: justify; } .about-box1-bottom_right h2, .about-box1-bottom_right h3, .about-box1-bottom_right h4 { font-size: 20px; font-weight: 400; line-height: 25px; margin-bottom: 10px; } .about-box1-bottom_right p { font-size: 16px; font-weight: 200; line-height: 24px; margin-top: 10px; } .br-desktop { display: block; } .break-mobile { display: none; } .service-card img { width: 100%; height: auto; object-fit: cover; } .service-card .card-text { font-weight: bold; } .personnel-carousel { overflow: hidden; } .personnel-carousel .swiper-slide { height: auto; } .personnel-nav-btn { cursor: pointer; opacity: 0.6; transition: 0.3s; border: 0; background: none; padding: 0; line-height: 0; } .personnel-nav-btn:hover { opacity: 1; } .personnel-nav-btn img { width: 41px; } .personnel-nav-btn.swiper-button-disabled { opacity: 0.25; cursor: default; } @media (max-width: 500px) { .testimonial-card h4 { font-size: 20px; } .testimonial-card p { font-size: 14px; } } @media (max-width: 768px) { .br-desktop { display: none !important; } .break-mobile { display: block !important; } .about-box1_top { padding: 30px 16px 100px; } .about-box1_top h1 { font-size: 30px !important; line-height: 50px; top: -50px; } .about-box1_bottom { flex-direction: column; padding: 30px 16px; } .about-box1-bottom_left { width: 100%; text-align: center; font-size: 26px !important; line-height: 1.3 !important; margin-bottom: 20px; } .about-box1-bottom_right { width: 100%; padding-top: 0px; justify-content: center; align-items: center; text-align: center; } .about-box1-bottom_right h2 { font-size: 20px !important; line-height: 1.4 !important; margin-bottom: 15px; white-space: normal !important; } .about-box1-bottom_right p { text-align: justify !important; font-size: 14px; line-height: 1.6; margin-top: 0; padding: 0 10px; } .about-box1_bottom img { width: 100%; height: auto; } } @media (max-width: 576px) { .page-about .title_custom { font-size: 28px; margin-top: 5px; } } .search-text { position: absolute; bottom: 5rem; left: 50%; transform: translateX(-50%); text-align: center; } .search-text .search-title { font-size: 60px; color: #fff; } .search-text .search-keyword { font-size: 27px; color: #fff; } .idhome-about-services .card-body{ padding-left: 0; padding-right: 0; } @media (max-width: 1024px) { .about-box1-bottom_left{ font-size: 52px; padding-right: 20px; } .box1-left{ font-size: 52px; padding-right: 20px; } .page-search .swiper-slide>img { height: 320px; object-fit: cover; } .search-text { bottom: 2.5rem; width: 100%; padding: 0 15px; } .search-text .search-title { font-size: 40px; } .search-text .search-keyword { font-size: 18px; margin-bottom: 0; } } @media (max-width: 600px) { .page-search .swiper-slide>img { height: 260px; } .search-text .search-title { font-size: 28px; } .search-text .search-keyword { font-size: 14px; } } .news-thumb--empty { background: #f2f2f2; } .error-404 { padding-top: 128px; padding-bottom: 120px; text-align: center; } .error-404__code { font-family: "SVN-Gilroy-Bold", sans-serif; font-size: 140px; line-height: 1; letter-spacing: 10px; text-indent: 10px; color: #000; margin: 0; } .error-404__rule { width: 1px; height: 57px; margin: 32px auto; background: #010101; } .error-404 .title__page { margin-top: 0; margin-bottom: 24px; } .error-404__text { max-width: 560px; margin: 0 auto 44px; line-height: 1.8; color: #212121; } .error-404__search { position: relative; display: flex; align-items: center; justify-content: center; max-width: 560px; margin: 0 auto 44px; } .error-404__search .decor { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .error-404__search input { width: calc(100% - 136px); height: 44px; background: transparent; border-bottom: 1px solid #000; padding-left: 34px; color: #000; min-width: 0; } .error-404__search button { cursor: pointer; width: 136px; flex-shrink: 0; height: 44px; background: #000; text-align: center; font-size: 13px; line-height: 44px; letter-spacing: 0.01em; text-transform: uppercase; color: #fff; } .error-404__search input, .error-404__search button { border: 0; border-radius: 0; box-shadow: none; outline: none; } .error-404__search input { border-bottom: 1px solid #000; } .error-404__search button:hover { background: #212121; } .error-404__links { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; padding-left: 0; margin: 48px 0 0; } .error-404__links li { margin: 8px 18px; } .error-404__links a { font-size: 14px; letter-spacing: 2.5px; text-transform: uppercase; color: #000; padding-bottom: 4px; border-bottom: 1px solid transparent; } .error-404__links a:hover { text-decoration: none; border-bottom-color: #000; } @media (max-width: 767.98px) { .nav-menu-hoz + div{ padding: 0 15px !important; margin: 0; } .nav-menu-hoz li a{ } .page-projects .contentFetch{ padding: 0 15px !important; } .error-404 { padding-top: 110px; padding-bottom: 72px; } .error-404__code { font-size: 96px; letter-spacing: 6px; text-indent: 6px; } .error-404__rule { height: 46px; margin: 24px auto; } .error-404__text { margin-bottom: 32px; } .error-404__search { margin-bottom: 32px; } .error-404__links { margin-top: 36px; } } @media (max-width: 600px) { .error-404__code { font-size: 72px; } .error-404__search input { width: calc(100% - 96px); } .error-404__search button { width: 96px; } .error-404__links li { margin: 8px 12px; } .error-404__links a { font-size: 13px; letter-spacing: 1.5px; } }
@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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-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-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-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-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}: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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.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-container-horizontal>.swiper-pagination-bullets,.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:8px;height:8px;display:inline-block;border-radius:50%;background:#000;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-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-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-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
* { box-sizing: border-box; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #fff; color: #000; } button{ &:focus-visible, &:focus{ outline: none !important; box-shadow: none !important; } } .site-header, .site-main, .site-footer { padding: 20px; } .elementor .e-flexbox-base{ padding: 0 !important; } #wpadminbar ~ header{ top: 32px !important; } .nav-menu-hoz{ margin-top: 0 !important; } @media (max-width: 782px) { #wpadminbar ~ header{ top: 46px !important; } } #site-logo { height: 62px; width: auto; }