img.lazyload:not([src]) { visibility: hidden; } .blur-up { -webkit-filter: blur(5px); filter: blur(5px); transition: filter 300ms, -webkit-filter 300ms; } .blur-up.lazyloaded { -webkit-filter: blur(0); filter: blur(0); } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 15px rgba(199, 187, 163, .9); } ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 10px -10px 6px rgb(153, 89, 0); } :root { --primary: #b2d235; --secondary: #a9c8bf; --success: #ffc107; --info: #f9c77d; --warning: #61c9ec; --danger: #dc3545; --light: #e5e3cc; --dark: #343a40; --dark-blue: #131c47; --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #f9b34b; --ocre: #995900; --light-yellow: #f9ec79; --yellow: #ffc107; --light-green: #aee595; --text-light-green: #cdffb6; --green: #b2d235; --dark-green: #05300b; --light-teal: #a9c8bf; --teal: #407681; --dark-teal: #023e44; --cyan: #61c9ec; --beige: #e5e3cc; --dark-beige: #c7bba3; --light-brown: #f9c77d; --brown: #c19a7a; --dark-brown: #63280a; --text-dark-brown: #5f270a; --darker-brown: #3a2103; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1400px; --font-family-sans-serif: Dosis; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --arrow-box-border: var(--brown); --arrow-box-bg: var(--white); --validation-green: #336f36; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .form-control { -webkit-box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px var(--brown), 0 0 0 8px var(--dark-green); box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px var(--brown), 0 0 0 8px var(--dark-green); margin: .5rem; max-width: calc(100% - 1rem); } .img-fluid { max-width: 100%; height: auto; } .brownstyle { border-width: .5rem !important; border-style: solid !important; border-color: var(--dark-brown) !important; background-color: var(--light-brown) !important; color: var(--dark-brown) !important; } .btn { background-color: unset; text-transform: uppercase; letter-spacing: .05rem; color: unset; } @media (min-width: 576px) { .arrow-box-rect-right-bottom { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: distribute; align-content: space-around; border-color: var(--arrow-box-border); border-style: solid; border-width: 5px; background-color: var(--arrow-box-bg); border-radius: 50px; width: calc(100% - 44px); height: 100%; margin-right: 44px; } } @media (min-width: 576px) and (min-width: 768px) { .arrow-box-rect-right-bottom { padding: 1rem 1.25rem; } } @media (min-width: 576px) and (max-width: 991.98px) { .arrow-box-rect-right-bottom { padding: .8rem 1rem; } } @media (min-width: 576px) { .arrow-box-rect-right-bottom:after { content: ""; position: absolute; width: 0; z-index: 1; border-style: solid; display: block; } .arrow-box-rect-right-bottom:before { content: ""; position: absolute; width: 0; z-index: 0; border-style: solid; display: block; } } @media (min-width: 576px) and (min-width: 576px) {  .arrow-box-rect-right-bottom.arrow-box-rect-right-bottom:after { border-color: transparent var(--arrow-box-bg); }  .arrow-box-rect-right-bottom.arrow-box-rect-right-bottom:before { border-color: transparent var(--arrow-box-border); } } @media (min-width: 576px) and (max-width: 575.98px) {  .arrow-box-rect-right-bottom.arrow-box-rect-right-bottom:after { border-color: var(--arrow-box-bg) transparent; }  .arrow-box-rect-right-bottom.arrow-box-rect-right-bottom:before { border-color: var(--arrow-box-border) transparent; } } @media (min-width: 576px) { .arrow-box-rect-right-bottom:after { border-width: 13px 0 13px 40px; margin-top: -13px; right: -40px; top: 50%; } .arrow-box-rect-right-bottom:before { border-width: 17px 0 17px 44px; margin-top: -17px; right: -49px; top: 50%; } } @media (max-width: 575.98px) { .arrow-box-rect-right-bottom { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: distribute; align-content: space-around; border-color: var(--arrow-box-border); border-style: solid; border-width: 5px; background-color: var(--arrow-box-bg); border-radius: 50px; width: 100%; height: calc(100% - 44px); margin-bottom: 44px; } } @media (max-width: 575.98px) and (min-width: 768px) { .arrow-box-rect-right-bottom { padding: 1rem 1.25rem; } } @media (max-width: 575.98px) and (max-width: 991.98px) { .arrow-box-rect-right-bottom { padding: .8rem 1rem; } } @media (max-width: 575.98px) { .arrow-box-rect-right-bottom:after { content: ""; position: absolute; width: 0; z-index: 1; border-style: solid; display: block; } .arrow-box-rect-right-bottom:before { content: ""; position: absolute; width: 0; z-index: 0; border-style: solid; display: block; } } @media (max-width: 575.98px) and (min-width: 576px) {  .arrow-box-rect-right-bottom.arrow-box-rect-right-bottom:after { border-color: transparent var(--arrow-box-bg); }  .arrow-box-rect-right-bottom.arrow-box-rect-right-bottom:before { border-color: transparent var(--arrow-box-border); } } @media (max-width: 575.98px) and (max-width: 575.98px) {  .arrow-box-rect-right-bottom.arrow-box-rect-right-bottom:after { border-color: var(--arrow-box-bg) transparent; }  .arrow-box-rect-right-bottom.arrow-box-rect-right-bottom:before { border-color: var(--arrow-box-border) transparent; } } @media (max-width: 575.98px) { .arrow-box-rect-right-bottom:after { border-width: 40px 13px 0; margin-left: -13px; bottom: -40px; left: 50%; } .arrow-box-rect-right-bottom:before { border-width: 44px 17px 0; margin-left: -17px; bottom: -49px; left: 50%; } }  .arrow-box-rect-right-bottom.brownstyle { --arrow-box-border: var(--dark-brown); --arrow-box-bg: var(--light-brown); } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }  footer, header, main, nav { display: block; } body { margin: 0; font-family: Dosis; font-size: 1.1rem; font-weight: 600; line-height: 1.5; color: #212529; text-align: left; background-color: var(--beige); } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; }  h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: 800; } small { font-size: 80%; } a { color: var(--blue); text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: none; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd { 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; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button { text-transform: none; } [role=button] { cursor: pointer; } button, [type=button], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } [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; } summary { display: list-item; cursor: pointer; } [hidden] { display: none !important; }  h3, h4, h5, h6, .h3, .h4, .h5, .h6 { margin-bottom: .5rem; font-weight: 700; line-height: 1.2; } h3, .h3 { font-size: 1.925rem; } @media (max-width: 1200px) { h3, .h3 { font-size: calc(1.3175rem + .81vw); } } h4, .h4 { font-size: 1.65rem; } @media (max-width: 1200px) { h4, .h4 { font-size: calc(1.29rem + .48vw); } } h5, .h5 { font-size: 1.375rem; } @media (max-width: 1200px) { h5, .h5 { font-size: calc(1.2625rem + .15vw); } } h6, .h6 { font-size: 1.1rem; } small, .small { font-size: 80%; font-weight: 600; } .blockquote { margin-bottom: 1rem; font-size: 1.375rem; } @media (max-width: 1200px) { .blockquote { font-size: calc(1.2625rem + .15vw); } } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: .2rem .4rem; font-size: 87.5%; color: var(--white); 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, .container-fluid, .container-xl { 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, .container-xl { max-width: 1140px; } } @media (min-width: 1400px) { .container, .container-xl { max-width: 1494px; } } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .col-1, .col-6, .col-11, .col-12, .col-sm-3, .col-sm-4, .col-sm-8, .col-lg-2, .col-lg-4, .col-xl-6 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 576px) { .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } } @media (min-width: 992px) { .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } } @media (min-width: 1200px) { .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 4px); padding: .375rem .75rem; font-size: 1.1rem; font-weight: 700; line-height: 1.5; color: var(--dark-blue); background-color: var(--light-teal); background-clip: padding-box; border: 2px solid var(--dark-brown); border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--dark-blue); } .form-control:focus { color: var(--dark-blue); background-color: var(--light-teal); border-color: #dae99d; outline: 0; -webkit-box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px var(--brown), 0 0 0 8px var(--dark-green); box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px var(--brown), 0 0 0 8px var(--dark-green); } .form-control::-webkit-input-placeholder { color: var(--gray); opacity: 1; } .form-control::-moz-placeholder { color: var(--gray); opacity: 1; } .form-control:-ms-input-placeholder { color: var(--gray); opacity: 1; } .form-control::-ms-input-placeholder { color: var(--gray); opacity: 1; } .form-control::placeholder { color: var(--gray); opacity: 1; } .form-control:disabled { background-color: #e9ecef; opacity: 1; } input[type=date].form-control, input[type=time].form-control, input[type=month].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-control-sm { height: calc(1.5em + .5rem + 4px); padding: .25rem .5rem; font-size: .9625rem; line-height: 1.5; border-radius: .2rem; } .form-group { margin-bottom: 1rem; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .9625rem; line-height: 1.5; color: var(--white); background-color: rgba(220, 53, 69, .9); border-radius: .25rem; }  .is-invalid ~ .invalid-tooltip { display: block; }  .form-control.is-invalid { border-color: var(--red); padding-right: calc(1.5em + .75rem); background-image: url(https://cdn4.torofun.com/img/error/x.svg); background-repeat: no-repeat; background-position: right calc(0.375em + .1875rem) center; background-size: calc(0.75em + .375rem) calc(0.75em + .375rem); }  .form-control.is-invalid:focus { border-color: var(--red); -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25); box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25); } .btn { display: inline-block; font-weight: 700; 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: 2px solid transparent; padding: .25rem 1.4rem; font-size: 1.1rem; line-height: 1.5; border-radius: .75rem; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { -webkit-transition: none; transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus { outline: 0; -webkit-box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px var(--brown), 0 0 0 8px var(--dark-green); box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px var(--brown), 0 0 0 8px var(--dark-green); }  .btn:disabled { opacity: .65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn-light-teal { color: #212529; background-color: var(--light-teal); border-color: var(--light-teal); } .btn-light-teal:hover { color: #212529; background-color: #92b9ae; border-color: #8ab4a8; } .btn-light-teal:focus { color: #212529; background-color: #92b9ae; border-color: #8ab4a8; -webkit-box-shadow: 0 0 0 .2rem rgba(149, 176, 169, .5); box-shadow: 0 0 0 .2rem rgba(149, 176, 169, .5); }  .btn-light-teal:disabled { color: #212529; background-color: var(--light-teal); border-color: var(--light-teal); } .btn-light-teal:not(:disabled):not(.disabled):active, .btn-light-teal:not(:disabled):not(.disabled).active, .show > .btn-light-teal.dropdown-toggle { color: #212529; background-color: #8ab4a8; border-color: #82afa2; } .btn-light-teal:not(:disabled):not(.disabled):active:focus, .btn-light-teal:not(:disabled):not(.disabled).active:focus, .show > .btn-light-teal.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(149, 176, 169, .5); box-shadow: 0 0 0 .2rem rgba(149, 176, 169, .5); } .btn-teal { color: var(--white); background-color: var(--teal); border-color: var(--teal); } .btn-teal:hover { color: var(--white); background-color: #416b74; border-color: #3d646c; } .btn-teal:focus { color: var(--white); background-color: #416b74; border-color: #3d646c; -webkit-box-shadow: 0 0 0 .2rem rgba(105, 149, 158, .5); box-shadow: 0 0 0 .2rem rgba(105, 149, 158, .5); }  .btn-teal:disabled { color: var(--white); background-color: var(--teal); border-color: var(--teal); } .btn-teal:not(:disabled):not(.disabled):active, .btn-teal:not(:disabled):not(.disabled).active, .show > .btn-teal.dropdown-toggle { color: var(--white); background-color: #3d646c; border-color: #385c64; } .btn-teal:not(:disabled):not(.disabled):active:focus, .btn-teal:not(:disabled):not(.disabled).active:focus, .show > .btn-teal.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(105, 149, 158, .5); box-shadow: 0 0 0 .2rem rgba(105, 149, 158, .5); } .btn-light-brown { color: #212529; background-color: var(--light-brown); border-color: var(--light-brown); } .btn-light-brown:hover { color: #212529; background-color: #f7b758; border-color: #f7b24c; } .btn-light-brown:focus { color: #212529; background-color: #f7b758; border-color: #f7b24c; -webkit-box-shadow: 0 0 0 .2rem rgba(217, 175, 112, .5); box-shadow: 0 0 0 .2rem rgba(217, 175, 112, .5); }  .btn-light-brown:disabled { color: #212529; background-color: var(--light-brown); border-color: var(--light-brown); } .btn-light-brown:not(:disabled):not(.disabled):active, .btn-light-brown:not(:disabled):not(.disabled).active, .show > .btn-light-brown.dropdown-toggle { color: #212529; background-color: #f7b24c; border-color: #f6ad40; } .btn-light-brown:not(:disabled):not(.disabled):active:focus, .btn-light-brown:not(:disabled):not(.disabled).active:focus, .show > .btn-light-brown.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(217, 175, 112, .5); box-shadow: 0 0 0 .2rem rgba(217, 175, 112, .5); } .btn-dark-brown { color: var(--white); background-color: var(--dark-brown); border-color: var(--dark-brown); } .btn-dark-brown:hover { color: var(--white); background-color: #401a06; border-color: var(--darker-brown); } .btn-dark-brown:focus { color: var(--white); background-color: #401a06; border-color: var(--darker-brown); -webkit-box-shadow: 0 0 0 .2rem rgba(122, 72, 47, .5); box-shadow: 0 0 0 .2rem rgba(122, 72, 47, .5); }  .btn-dark-brown:disabled { color: var(--white); background-color: var(--dark-brown); border-color: var(--dark-brown); } .btn-dark-brown:not(:disabled):not(.disabled):active, .btn-dark-brown:not(:disabled):not(.disabled).active, .show > .btn-dark-brown.dropdown-toggle { color: var(--white); background-color: var(--darker-brown); border-color: #291104; } .btn-dark-brown:not(:disabled):not(.disabled):active:focus, .btn-dark-brown:not(:disabled):not(.disabled).active:focus, .show > .btn-dark-brown.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(122, 72, 47, .5); box-shadow: 0 0 0 .2rem rgba(122, 72, 47, .5); } .btn-link { font-weight: 600; color: var(--blue); text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: none; } .btn-link:focus { text-decoration: none; } .btn-link:disabled { color: var(--gray); pointer-events: none; } .btn-sm { padding: .2rem 1rem; font-size: .9625rem; line-height: 1.5; border-radius: .55rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: .5rem; } input[type=submit].btn-block, input[type=button].btn-block { width: 100%; } .collapse:not(.show) { display: none; }  .dropdown { 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 { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1.1rem; color: #212529; text-align: left; list-style: none; background-color: var(--white); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid var(--brown); } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 600; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: var(--white); text-decoration: none; background-color: var(--primary); }  .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: .5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-xl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: .29375rem; padding-bottom: .29375rem; margin-right: 1rem; font-size: 1.375rem; line-height: inherit; white-space: nowrap; } @media (max-width: 1200px) { .navbar-brand { font-size: calc(1.2625rem + .15vw); } } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, .9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, .9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, .5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, .7); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, .9); } .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: var(--white); background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: var(--teal); border-radius: 0; box-shadow: inset 0 3px 4px 2px rgba(53, 53, 53, .5), 0 1px 4px 2px rgba(53, 53, 53, .9); } .breadcrumb-item + .breadcrumb-item { padding-left: .5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: .5rem; color: var(--light-teal); content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-nav { position: relative; z-index: 900; } .breadcrumb-item a { --bread-crumb-item: #e9fcf6; color: var(--bread-crumb-item); } .breadcrumb-item a:hover { color: var(--white); } .breadcrumb-item.active { --bread-crumb-item-active: #f7f5dc; color: var(--bread-crumb-item-active); } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { -webkit-transition: none; transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem; } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem; } @media (max-width: 767.98px) { .breadcrumb-nav { display: none; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: Dosis; font-style: normal; font-weight: 600; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .9625rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: .9; } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: .4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #000; } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: var(--white); text-align: center; background-color: #000; border-radius: .25rem; } .bg-light { background-color: var(--beige) !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #d4d0aa !important; } .bg-orange { background-color: var(--orange) !important; } a.bg-orange:hover, a.bg-orange:focus, button.bg-orange:hover, button.bg-orange:focus { background-color: #f79e1a !important; } .bg-light-teal { background-color: var(--light-teal) !important; } a.bg-light-teal:hover, a.bg-light-teal:focus, button.bg-light-teal:hover, button.bg-light-teal:focus { background-color: #8ab4a8 !important; } .bg-teal { background-color: var(--teal) !important; } a.bg-teal:hover, a.bg-teal:focus, button.bg-teal:hover, button.bg-teal:focus { background-color: #3d646c !important; } .bg-dark-teal { background-color: var(--dark-teal) !important; } a.bg-dark-teal:hover, a.bg-dark-teal:focus, button.bg-dark-teal:hover, button.bg-dark-teal:focus { background-color: #011112 !important; } .bg-beige { background-color: var(--beige) !important; } a.bg-beige:hover, a.bg-beige:focus, button.bg-beige:hover, button.bg-beige:focus { background-color: #d4d0aa !important; } .bg-dark-beige { background-color: var(--dark-beige) !important; } a.bg-dark-beige:hover, a.bg-dark-beige:focus, button.bg-dark-beige:hover, button.bg-dark-beige:focus { background-color: #b4a483 !important; } .bg-brown { background-color: var(--brown) !important; } a.bg-brown:hover, a.bg-brown:focus, button.bg-brown:hover, button.bg-brown:focus { background-color: #b18057 !important; } .bg-dark-brown { background-color: var(--dark-brown) !important; } a.bg-dark-brown:hover, a.bg-dark-brown:focus, button.bg-dark-brown:hover, button.bg-dark-brown:focus { background-color: var(--darker-brown) !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-teal { border-color: var(--teal) !important; } .border-brown { border-color: var(--brown) !important; } .rounded { border-radius: .25rem !important; } .d-none { display: none !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .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; } .w-100 { width: 100% !important; } .h-100 { height: 100% !important; } .m-0 { margin: 0 !important; }  .my-0 { margin-top: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .mr-1 { margin-right: .25rem !important; } .m-2 { margin: .5rem !important; } .mt-2, .my-2 { margin-top: .5rem !important; }  .mx-2 { margin-right: .5rem !important; }  .my-2 { margin-bottom: .5rem !important; } .ml-2, .mx-2 { margin-left: .5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; }  .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .ml-4 { margin-left: 1.5rem !important; } .p-0 { padding: 0 !important; }  .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; }  .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: .25rem !important; }  .py-1 { padding-top: .25rem !important; } .pr-1, .px-1 { padding-right: .25rem !important; }  .py-1 { padding-bottom: .25rem !important; } .pl-1, .px-1 { padding-left: .25rem !important; } .p-2 { padding: .5rem !important; } .pt-2, .py-2 { padding-top: .5rem !important; } .pr-2, .px-2 { padding-right: .5rem !important; }  .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; }  .px-4 { padding-right: 1.5rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .mr-auto { margin-right: auto !important; } @media (min-width: 768px) { .mt-md-5 { margin-top: 3rem !important; }  .px-md-5 { padding-right: 3rem !important; }  .px-md-5 { padding-left: 3rem !important; } } @media (min-width: 992px) {  .mx-lg-2 { margin-right: .5rem !important; }  .mx-lg-2 { margin-left: .5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3 { margin-top: 1rem !important; }  .mx-lg-3 { margin-right: 1rem !important; }  .mx-lg-3 { margin-left: 1rem !important; } } @media (min-width: 1200px) { .m-xl-4 { margin: 1.5rem !important; }  .mx-xl-4 { margin-right: 1.5rem !important; }  .mx-xl-4 { margin-left: 1.5rem !important; } } .text-nowrap { white-space: nowrap !important; } .text-center { text-align: center !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .text-white { color: var(--white) !important; } .text-light { color: var(--beige) !important; } a.text-light:hover, a.text-light:focus { color: #cbc799 !important; } .text-dark { color: var(--gray-dark) !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-ocre { color: var(--ocre) !important; } a.text-ocre:hover, a.text-ocre:focus { color: #4d2d00 !important; } .text-yellow { color: var(--yellow) !important; } a.text-yellow:hover, a.text-yellow:focus { color: #ba8b00 !important; } .text-light-green { color: var(--text-light-green) !important; } a.text-light-green:hover, a.text-light-green:focus { color: #7fd658 !important; } .text-light-teal { color: #afcfc6 !important; } a.text-light-teal:hover, a.text-light-teal:focus { color: #7aaa9c !important; } .text-teal { color: var(--teal) !important; } a.text-teal:hover, a.text-teal:focus { color: #34555c !important; } .text-dark-teal { color: var(--dark-teal) !important; } a.text-dark-teal:hover, a.text-dark-teal:focus { color: black !important; } .text-beige { color: var(--beige) !important; } a.text-beige:hover, a.text-beige:focus { color: #cbc799 !important; } .text-dark-brown { color: var(--text-dark-brown) !important; } a.text-dark-brown:hover, a.text-dark-brown:focus { color: #1e0c03 !important; } .text-white { color: var(--white) !important; } a.text-white:hover, a.text-white:focus { color: #d9d9d9 !important; } .visible { visibility: visible !important; } @media print { *, *::before, *::after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } p, h3 { orphans: 3; widows: 3; }  h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } } @font-face { font-family: cyrillic-Bold; src: url(https://cdn5.torofun.com/fonts/blogger-sans/BloggerSansBoldd8oR.eot); src: url(https://cdn5.torofun.com/fonts/blogger-sans/BloggerSansBoldd8oR.eot) format("embedded-opentype"), url(https://cdn6.torofun.com/fonts/blogger-sans/BloggerSansBoldd8oR.woff2) format("woff2"), url(https://cdn7.torofun.com/fonts/blogger-sans/BloggerSansBoldd8oR.woff) format("woff"), url(https://cdn8.torofun.com/fonts/blogger-sans/BloggerSansBoldd8oR.ttf) format("truetype"), url(https://cdn1.torofun.com/fonts/blogger-sans/BloggerSansBoldd8oR.svg#BloggerSansBoldd8oR) format("svg"); } @font-face { font-family: cyrillic-Light; src: url(https://cdn2.torofun.com/fonts/blogger-sans/BloggerSansLightKYAp.eot); src: url(https://cdn2.torofun.com/fonts/blogger-sans/BloggerSansLightKYAp.eot) format("embedded-opentype"), url(https://cdn3.torofun.com/fonts/blogger-sans/BloggerSansLightKYAp.woff2) format("woff2"), url(https://cdn4.torofun.com/fonts/blogger-sans/BloggerSansLightKYAp.woff) format("woff"), url(https://cdn5.torofun.com/fonts/blogger-sans/BloggerSansLightKYAp.ttf) format("truetype"), url(https://cdn6.torofun.com/fonts/blogger-sans/BloggerSansLightKYAp.svg#BloggerSansLightKYAp) format("svg"); } @font-face { font-family: cyrillic-Medium; src: url(https://cdn7.torofun.com/fonts/blogger-sans/BloggerSansMediumvrpO.eot); src: url(https://cdn7.torofun.com/fonts/blogger-sans/BloggerSansMediumvrpO.eot) format("embedded-opentype"), url(https://cdn8.torofun.com/fonts/blogger-sans/BloggerSansMediumvrpO.woff2) format("woff2"), url(https://cdn1.torofun.com/fonts/blogger-sans/BloggerSansMediumvrpO.woff) format("woff"), url(https://cdn2.torofun.com/fonts/blogger-sans/BloggerSansMediumvrpO.ttf) format("truetype"), url(https://cdn3.torofun.com/fonts/blogger-sans/BloggerSansMediumvrpO.svg#BloggerSansMediumvrpO) format("svg"); } @font-face { font-family: cyrillic; src: url(https://cdn4.torofun.com/fonts/blogger-sans/BloggerSansmmn9.eot); src: url(https://cdn4.torofun.com/fonts/blogger-sans/BloggerSansmmn9.eot) format("embedded-opentype"), url(https://cdn5.torofun.com/fonts/blogger-sans/BloggerSansmmn9.woff2) format("woff2"), url(https://cdn6.torofun.com/fonts/blogger-sans/BloggerSansmmn9.woff) format("woff"), url(https://cdn7.torofun.com/fonts/blogger-sans/BloggerSansmmn9.ttf) format("truetype"), url(https://cdn8.torofun.com/fonts/blogger-sans/BloggerSansmmn9.svg#BloggerSansmmn9) format("svg"); }  body:lang(ru) { font-family: cyrillic, sans-serif; } .font-weight-bold:lang(ru), .alert:lang(ru), .btn:lang(ru), h3:lang(ru), h4:lang(ru), h5:lang(ru), h6:lang(ru), .h3:lang(ru), .h4:lang(ru), .h5:lang(ru), .h6:lang(ru) { font-family: cyrillic-Medium, sans-serif; }  .font-weight-light:lang(ru) { font-family: cyrillic-Light, sans-serif; } @font-face { font-family: greek-Bold; src: url(https://cdn1.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisBold.eot); src: url(https://cdn1.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisBold.eot) format("embedded-opentype"), url(https://cdn2.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisBold.woff2) format("woff2"), url(https://cdn3.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisBold.woff) format("woff"), url(https://cdn4.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisBold.ttf) format("truetype"), url(https://cdn5.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisBold.svg#AkaAcidDosisBold) format("svg"); } @font-face { font-family: greek-ExtraBold; src: url(https://cdn6.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisExtraBold.eot); src: url(https://cdn6.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisExtraBold.eot) format("embedded-opentype"), url(https://cdn7.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisExtraBold.woff2) format("woff2"), url(https://cdn8.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisExtraBold.woff) format("woff"), url(https://cdn1.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisExtraBold.ttf) format("truetype"), url(https://cdn2.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisExtraBold.svg#AkaAcidDosisExtraBold) format("svg"); } @font-face { font-family: greek-Light; src: url(https://cdn3.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisLight.eot); src: url(https://cdn3.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisLight.eot) format("embedded-opentype"), url(https://cdn4.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisLight.woff2) format("woff2"), url(https://cdn5.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisLight.woff) format("woff"), url(https://cdn6.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisLight.ttf) format("truetype"), url(https://cdn7.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisLight.svg#AkaAcidDosisLight) format("svg"); } @font-face { font-family: greek-Medium; src: url(https://cdn8.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisMedium.eot); src: url(https://cdn8.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisMedium.eot) format("embedded-opentype"), url(https://cdn1.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisMedium.woff2) format("woff2"), url(https://cdn2.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisMedium.woff) format("woff"), url(https://cdn3.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisMedium.ttf) format("truetype"), url(https://cdn4.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisMedium.svg#AkaAcidDosisMedium) format("svg"); } @font-face { font-family: greek-Regular; src: url(https://cdn5.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisRegular.eot); src: url(https://cdn5.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisRegular.eot) format("embedded-opentype"), url(https://cdn6.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisRegular.woff2) format("woff2"), url(https://cdn7.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisRegular.woff) format("woff"), url(https://cdn8.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisRegular.ttf) format("truetype"), url(https://cdn1.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisRegular.svg#AkaAcidDosisRegular) format("svg"); } @font-face { font-family: greek-SemiBold; src: url(https://cdn2.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisSemiBold.eot); src: url(https://cdn2.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisSemiBold.eot) format("embedded-opentype"), url(https://cdn3.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisSemiBold.woff2) format("woff2"), url(https://cdn4.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisSemiBold.woff) format("woff"), url(https://cdn5.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisSemiBold.ttf) format("truetype"), url(https://cdn6.torofun.com/fonts/aka-acid-dosis/AkaAcidDosisSemiBold.svg#AkaAcidDosisSemiBold) format("svg"); }  body:lang(el) { font-family: greek-Regular, sans-serif; }  .font-weight-bold:lang(el), .alert:lang(el), .btn:lang(el) { font-family: greek-Bold, sans-serif; }  h3:lang(el), h4:lang(el), h5:lang(el), h6:lang(el), .h3:lang(el), .h4:lang(el), .h5:lang(el), .h6:lang(el) { font-family: greek-SemiBold, sans-serif; }  .font-weight-light:lang(el) { font-family: greek-Light, sans-serif; } .uppercase { text-transform: uppercase; } .btn-facebook { position: relative; overflow: hidden; color: #3b5998; background-color: #cfd5e2; border-color: #1e2e4f; border-width: 2px; border-style: solid; -webkit-box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px #1e2e4f, 0 0 0 8px var(--dark-teal); box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px #1e2e4f, 0 0 0 8px var(--dark-teal); margin: 7px !important; } .btn-facebook > :first-child { position: absolute; top: 0; bottom: 0; left: 0; padding: .5rem; background-color: #3b5998; color: var(--white); } .btn-google { position: relative; overflow: hidden; color: #dd4b39; background-color: #fbe9e7; border-color: #96271a; border-width: 2px; border-style: solid; -webkit-box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px #96271a, 0 0 0 8px var(--dark-teal); box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px #96271a, 0 0 0 8px var(--dark-teal); margin: 7px !important; } .btn-google > :first-child { position: absolute; top: 0; bottom: 0; left: 0; padding: .5rem; background-color: #dd4b39; color: var(--white); } .btn-telegram { position: relative; overflow: hidden; color: #3594cd; background-color: #ddf2ff; border-color: #00619c; border-width: 2px; border-style: solid; -webkit-box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px #00619c, 0 0 0 8px var(--dark-teal); box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px #00619c, 0 0 0 8px var(--dark-teal); margin: 7px !important; } .btn-telegram > :first-child { position: absolute; top: 0; bottom: 0; left: 0; padding: .5rem; background-color: #3594cd; color: var(--white); } .btn-mobile { position: relative; overflow: hidden; color: #336f36; background-color: #ddffe1; border-color: #2c652f; border-width: 2px; border-style: solid; -webkit-box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px #336f36, 0 0 0 8px var(--dark-teal); box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px #336f36, 0 0 0 8px var(--dark-teal); margin: 7px !important; } .btn-mobile > :first-child { position: absolute; top: 0; bottom: 0; left: 0; padding: .5rem; background-color: #336f36; color: var(--white); } .border-big { border-width: 3px !important; } .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; bottom: 0; position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; right: 0; position: absolute; } .ps__thumb-x { background-color: var(--ocre); border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; bottom: 2px; position: absolute; } .ps__thumb-y { background-color: var(--ocre); border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; right: 2px; position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x { background-color: var(--brown); height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y { background-color: var(--brown); width: 11px; } html { scrollbar-width: thin; scrollbar-color: var(--ocre) var(--dark-beige); } .btn-primary { color: var(--dark-green); background-color: var(--primary); border-color: var(--dark-brown); border-width: 2px; border-style: solid; -webkit-box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px var(--dark-brown), 0 0 0 8px var(--dark-teal); box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px var(--dark-brown), 0 0 0 8px var(--dark-teal); margin: 8px !important; } .btn-primary:hover { color: #212529; background-color: #9bb829; }  .btn-primary:disabled { color: #212529; background-color: var(--primary); border-color: var(--primary); } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: #92ad27; border-color: #89a324; color: #212529; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--dark-teal); box-shadow: 0 0 0 .2rem var(--dark-teal); } .btn-secondary { color: #02393e; background-color: var(--light-teal); border-color: var(--dark-brown); border-width: 2px; border-style: solid; -webkit-box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px var(--dark-brown), 0 0 0 8px var(--dark-teal); box-shadow: 0 0 0 3px var(--light-brown), 0 0 0 4px var(--dark-brown), 0 0 0 8px var(--dark-teal); margin: 7px !important; } .btn-secondary:hover { color: var(--dark-teal); background-color: #92b9ae; }  .btn-secondary:disabled { color: var(--dark-teal); background-color: var(--light-teal); border-color: var(--light-teal); } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { background-color: #8ab4a8; border-color: #82afa2; color: var(--dark-teal); } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem var(--dark-teal); box-shadow: 0 0 0 .2rem var(--dark-teal); } #linkOffer{ text-decoration: none; } #nick_on_bar{ padding-top: 10px; } a#el_flag { font-family: greek-SemiBold; } a#ru_flag { font-family: cyrillic; } #navbarSupportedContent { flex-grow: 1; } #torocoins { --beige2: #eadcca; color: var(--beige2); border-radius: .45rem; padding: 0; overflow-y: hidden; height: 33px; font-size: 1.1rem; line-height: 1.65rem; font-weight: 700; } #torocoins a { color: var(--dark-brown); } #torocoins a:hover { --dark-brown-hover: #552208; color: var(--dark-brown-hover); } #torocoins:hover .more-coins-btn{ --torocoins-hover: #f9a11e; background-color: var(--torocoins-hover); transition: .3s ease all; } .more-coins-btn { text-shadow: 1px 1px 1px #995900; background-color: var(--orange); transition: .3s ease all; } #nick_on_bar { padding: 0rem 0rem 0rem .75rem; border:0; } #nick_on_bar a{ color: #ecebda; display: flex; align-items: center; transition: .3s ease all; } #nick_on_bar a:hover{ color: var(--beige); transition: .3s ease all; } #nick_on_bar a:hover .account-btn{ line-height: 1.5rem; background-color: #012529; transition: .3s ease all; } .account-btn { height: 33px; border-radius: 0 .55rem .55rem 0; background-color: var(--dark-teal); transition: .3s ease all; object-fit: contain; padding: .2rem 0rem .2rem .75rem; } .logout-overlay { background-color: rgb(52, 58, 64, 0); height: 45px; width: 45px; border-radius: 50%; transition: .3s ease all; margin-top: 2px; border: 3px solid var(--dark-teal); } #logout_bar:hover .logout-overlay { background-color: rgb(52, 58, 64, .095); transition: .3s ease all; } #logout_bar:focus .logout-overlay { background-color: rgb(52, 58, 64, .05); border: 4px solid var(--dark-teal); transition: .3s ease all; } .register-icon { background-image: url(https://cdn7.torofun.com/img/icons-menu/sign-up.png); background-repeat: no-repeat; height: 50px; width: 57px; background-size: contain; transition: .3s ease all; } .register-icon:hover { background-image: url(https://cdn8.torofun.com/img/icons-menu/sign-up-hover.png); transition: .3s ease all; } .register-icon:focus { background-image: url(https://cdn1.torofun.com/img/icons-menu/sign-up-focus.png); transition: .3s ease all; } .flash-offer.active { -webkit-box-shadow: 0 1px 2px 0 var(--ocre); box-shadow: 0 1px 2px 0 var(--ocre); z-index: 1030; position: relative; } .flash-offer .text-shadow { text-shadow: 1px 2px 2px rgb(0 0 0 / 30%); } .flash-offer-height.active { --flash-offer-height: 30px; height: var(--flash-offer-height); } .flash-offer-height.hidden { --flash-offer-height: 0; height: var(--flash-offer-height); } @media (min-width: 992px) { .nav-height { height: 75px; } #torocoins { display: flex; } #nick_on_bar { display: flex; } #avataronmenu { height: 85px; transition: .3s ease all; object-fit: contain; position: absolute; left: 17px; top: 22px; } #login.minimized > #avataronmenu { position: unset; height: 75px; } #avataronmenu:hover { height: 110px; transition: .3s ease all; left: 10px; } #login { --menu-avatar-bg: url(https://cdn2.torofun.com/img/icons-menu/avatar-bg3.png); background-image: var(--menu-avatar-bg); background-repeat: no-repeat; width: 104px; height: 115px; margin-top: 16px; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; } #login.minimized { background-image: unset; background-repeat: unset; width: unset; height: unset; margin-top: unset; position: unset; display: unset; justify-content: unset; align-items: unset; overflow: unset; padding: unset; } li:has(#login.minimized) { margin: unset !important; } a#login:hover { overflow: hidden; } } @media (max-width: 991.98px) { .nav-height { height: 63px; } #torocoins { display: flex; } #nick_on_bar { display: flex; } #avataronmenu { height: 63px; transition: .3s ease all; } #avataronmenu:hover { height: 100px; transition: .3s ease all; margin-top: .5rem; } } @media (max-width: 767.98px) { #nick_on_bar { display: none!important; } } @media (max-width: 575.98px) { #nick_on_bar, #logout_bar, #register_upper_menu { display: none!important; } } @media (min-width: 510px) and (max-width: 767.98px) { #login_bars a.dropdown-toggle.btn.btn-secondary { box-shadow: none!important; border-color: var(--dark-teal); padding-left: .75rem; padding-right: .75rem; } } @media (min-width: 510px){ .icon-login {display: none;} } @media (max-width: 509.98px) { .icon-login {display: block;} .text-login-btn {display: none;} #login_bars a.dropdown-toggle.btn.btn-secondary { box-shadow: none!important; background-color: transparent; border: none; padding-left: 0rem; padding-right: 0rem; } #login_bars .dropdown-toggle::after { display: none; } } @media (max-width: 385px) { .navbar-brand { margin-right: 0; } #torocoins { height: 25px; font-size: 1rem; line-height: 1.15rem; margin: 0!important; border: 3px solid var(--dark-brown); } #upperMenu #login { display: flex; justify-content: center; align-items: center; } #avataronmenu { height: 55px; } } @media (max-width: 360px) { #nav-item-avatar { display: none!important; } } @media (max-width: 315px) { .icon-login { height: 40px; width: 40px; } #navbarSupportedContent { padding: 0; } } #register_upper_menu { position: relative; } .ribbon { width: 55px; height: 55px; overflow: hidden; position: absolute; } .ribbon::before, .ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid var(--dark-teal); } .ribbon span { position: absolute; display: block; width: 150px; padding: 1px 0; background-color: #2a5e69; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); color: #fff; font-size: 9px; text-shadow: 0 1px 1px rgb(0 0 0 / 20%); text-transform: uppercase; text-align: center; } .ribbon-top-right { top: -4px; right: 3px; } .ribbon-top-right::before, .ribbon-top-right::after { border-top-color: transparent; border-right-color: transparent; } .ribbon-top-right::before { top: 0; left: 0; } .ribbon-top-right::after { bottom: 0; right: 0; } .ribbon-top-right span { left: -41px; top: 16px; transform: rotate(45deg); } .border-2px { border-width: 2px; } #login_bars .dropdown-item:hover, #login_bars .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: var(--brown) !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-text-fill-color: var(--dark-green); -webkit-box-shadow: 0 0 0 1000px var(--light-teal) inset, 0 0 0 3px var(--light-brown), 0 0 0 4px var(--brown), 0 0 0 8px var(--dark-green); transition: background-color 5000s ease-in-out 0s; } input:-webkit-autofill::first-line, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { font-family: Dosis; font-size: 1.1rem; font-weight: 700; } .btn-facebook > :first-child, .btn-google > :first-child, .btn-telegram > :first-child { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em; width: 40px; } .hidden { display: none!important; } .icon-xs { font-size:.75em } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes pulse { 0 { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0 { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } .notification,.friends { height: 1rem; } .mygames { height: 1.5rem; } .mygames circle, .mygames path { fill: var(--beige); } .mygames line { stroke: var(--beige); } @media (max-width: 1255px){ .notification path, .friends path, .mygames path:first-child{ fill: var(--text-dark-brown); } } @media (min-width: 1256px){ .notification path, .friends path, .mygames path:first-child{ fill: var(--dark-teal); } } #notifications,#friends,#mygames { color: var(--dark-teal); height: 33px; } #mygames a { color: var(--dark-teal); } #notifications:hover,#friends:hover,#mygames:hover { cursor: pointer; } @media (max-width: 1255px){ #notifications,#friends,#mygames { display: none !important; } } .menu-upper-btn { transition: .3s ease all; border-radius: .5rem; } #notifications .badge, #friends .badge { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; top: -10px; right: -10px; } @-webkit-keyframes rubberBand { 0 { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0 { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } .sidenav { width: 0; left: -8px; -webkit-transition: .5s; transition: .5s; z-index: 1020; border-right: solid var(--ocre) .5rem; } @media (max-width: 991.98px) { .sidenav { height: calc(100vh - 62px); top: 62px; } .sidenav.flash-offer-margin { height: calc(100vh - 92px); top: 92px; } } @media (min-width: 992px) { .sidenav { height: calc(100vh - 75px); top: 75px; } .sidenav.flash-offer-margin { height: calc(100vh - 105px); top: 105px; } } .sidenav a { color: var(--dark-teal); } .sidenav a:hover { color: #03353a; } .sidenav li { border-top: solid var(--brown) 2px; } .sidenav li li { border-top: solid var(--dark-beige) 1px; } .sidenav li:hover { background-color: var(--dark-beige); -webkit-transition: background-color .15s ease-in; transition: background-color .15s ease-in; } .sidenav li:hover ul { background-color: var(--beige); } .game-logo{ border-radius: 50%; border: 2px solid #0f4359; background-color: var(--teal); } #language_list li:hover { background-color: var(--dark-beige); border-top-color: #b7a98e; border-bottom: solid #b7a98e 1px; } #language_list .dropdown-item:hover, #language_list .dropdown-item:focus { color: #03353a; text-decoration: none; background-color: transparent; } #language_list .sidenav a:hover { color: #03353a; } #language_list img { height: 27px; width: 27px; object-fit: cover; } #language_menu { border-bottom: solid var(--brown) 2px; cursor: pointer; } #language_menu p { color: var(--dark-teal); } #language_menu p:hover { color: #03353a; } .sidenav_scroll { overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; overflow: hidden; scrollbar-width: thin; scrollbar-color: var(--brown) var(--dark-beige); } .overflow-y-sidenav { overflow-y: scroll; } .sidenav .down-on-click { font-size: 1rem; color: var(--brown); position: relative; height: 1rem; } #language_menu .icon-chevron-right:before { position: absolute; top: 0; transition: transform .3s ease-in-out; } #language_menu.collapsed .icon-chevron-right:before { transform: rotate(0deg); } #language_menu:not(.collapsed) .icon-chevron-right:before { transform: rotate(90deg); } .sidenav .down-on-click:hover { color: var(--ocre); } .sidenav::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 10px -10px 6px var(--brown); } @media (max-width: 991.98px) { .menu-margin { margin-top: 63px; } .menu-margin.flash-offer-margin { margin-top: 93px; } } @media (min-width: 992px) { .menu-margin { margin-top: 75px; } .menu-margin.flash-offer-margin { margin-top: 105px; } } .toast-container { position: fixed; z-index: -1; right: 0; } .toast { max-width: 350px; overflow: hidden; font-size: .875rem; background-color: var(--beige); background-clip: padding-box; border: 3px solid var(--brown); box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: .25rem; } .toast:not(:last-child) { margin-bottom: .75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .25rem .75rem; background-color: var(--light-brown); background-clip: padding-box; border-bottom: 3px solid var(--brown); } .toast-body { padding: .75rem; } .toast{ transform: translateX(calc(100% + 30px)); transition: all .5s cubic-bezier(0.68, -.55, .25, 1.35); } .toast.show{ transform: translateX(0); } .line-height-small { line-height: .5; } .btn-link:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; transform: .3s all ease-in-out; } .text-dark-brown.btn-link:focus { color:#995900!important; transform: .3s all ease-in-out; } .text-dark-brown.btn-link:hover, .text-dark-brown.btn-link.hover { color:#7d3a18!important; transform: .3s all ease-in-out; } .img-toast-sm { height: 70px; width: 70px; object-fit: contain; } #tamvan { margin-bottom: .42857em; font-size: 2.625em; font-family: sans-serif; text-align: center; text-transform: uppercase; } pre { display: block; white-space: pre; word-wrap: break-word; overflow: auto; } pre.code { position: relative; } .box-shadow { box-shadow: inset 0 0 6px 2px rgba(53, 53, 53, .5); } .copy-icon { height: 1rem; } .bg-code { background-color: #2c5c66; } pre { color: var(--text-light-green) } @media (max-width: 575.98px) { .presskit-avatar{ height: 200px; object-fit: contain; } } .presskit-avatar{ max-height: 300px; object-fit: contain; } .container-presskit { border-top: 5px solid var(--brown); --dark-beige-50: rgba(199, 187, 163, .5); background-color: var(--dark-beige-50); } .footer-social { color: white; list-style-type: none; text-align: center } .footer-social a { display: inline-block; position: relative; vertical-align: middle; border-radius: 5px; } .footer-social div { border-radius: 5px; } @media (max-width: 991.98px) { .footer-social a, .footer-social img { height: 45px; width: 45px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .footer-social a, .footer-social img { height: 47px; width: 47px; } } @media (min-width: 1200px) { .footer-social a, .footer-social img { height: 50px; width: 50px; } } .footer-social a { transition: all .2s ease-in-out; } .footer-social a:hover img, .footer-social a:focus { transition: all .2s ease-in-out; } .footer-social .facebook { background-color: #3b5998; } .facebook:hover, .facebook:focus { background-color: #627aad; } .footer-social .twitter { background-color: #1da1f2; } .twitter:hover, .twitter:focus { background-color: #4ab4f5; } .footer-social .x-twitter { background-color: #000; } .x-twitter:hover, .x-twitter:focus { background-color: #303030; } .footer-social .instagram { background-color: #c32aa3; } .instagram:hover, .instagram:focus { background-color: #cf55b5; } .footer-social .pinterest { background-color: #bd081c; } .pinterest:hover, .pinterest:focus { background-color: #ca3949; } .footer-social .youtube { background-color: #f00; } .youtube:hover, .youtube:focus { background-color: #f33; } .footer-social .tiktok { background-color: #000; } .tiktok:hover, .tiktok:focus { background-color: #303030; } .footer-social .discord { background-color: #5865f2; } .discord:hover, .discord:focus { background-color: #7984f5; } .footer-social .reddit { background-color: #ff4500; } .reddit:hover, .reddit:focus { background-color: #ff6a33; } .footer-social .linkedin { background-color: #0a66c2; } .linkedin:hover, .linkedin:focus { background-color: #3b85ce; } .footer-social .telegram { background-color: #0088cc; } .telegram:hover, .telegram:focus { background-color: #33a0d6; } .footer-links { list-style-type: none; text-align: center } .footer-links a, .footer-links label { display: flex; margin: 0 5px; text-decoration: none; border-top-right-radius: 25px; border-top-left-radius: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; border: solid var(--teal) 1px; color: #c0e3d9; padding: 4px 10px; transition: .3s all ease-in-out; } .footer-links a:hover,.footer-links a:focus { border-color: var(--dark-teal); color: var(--dark-teal); background-color: var(--light-teal); transition: .3s all ease-in-out; } .footer-links.active>a,.footer-links.active>a:hover,.footer-links.active>a:focus { border-color: var(--dark-teal); color: var(--dark-teal); background-color: var(--light-teal); transition: .3s all ease-in-out; } .category-list{ display: flex; align-items: center; justify-content: space-between; list-style: none; } .category-list .category-icon{ border: 3px solid var(--teal); transition: all .2s ease-in-out; margin: auto; } .category-list .category-icon:hover{ border: 3px solid #aee595; transition: all .2s ease-in-out; } .bg-footer-darker { --bg-footer-darker: #003237; background-color: var(--bg-footer-darker) } .category-list .category-icon { height: 50px; width: 50px; border-radius: 50%; } .page-footer { border-top: 5px solid var(--brown); } .popular-games-icon { height: 40px; width: 40px; object-fit: contain; border-radius: .4rem; border: 3px solid var(--light-teal); transition: all .2s ease-in-out; } .popular-games { border-radius: .5rem; transition: all .2s ease-in-out; } .popular-games:hover .popular-games-icon { border-color: var(--light-green); transition: all .2s ease-in-out; } .popular-games p{ font-size: 1rem; } .appbar { position: sticky; bottom: 0; height: 55px; z-index: 10; display: flex; } .appbar-item { flex: 1; display: flex; justify-content: center; align-items: center; } .appbar-item-label { font-size: 15px; color: var(--text-dark-brown); } .appbar-item-games svg, .appbar-item-avatar svg, .appbar-item-shop svg { height: 25px; } .appbar-item-games svg circle, .appbar-item-games svg path { fill: var(--beige); } .appbar-item-games svg line { stroke: var(--beige); } .appbar-item-games svg path:first-child, .appbar-item-avatar svg path, .appbar-item-shop svg path { fill: var(--text-dark-brown); } .friends-sidebar-iframe { width: 100%; height: 100%; } .friends-sidebar { display: none; position: fixed; z-index: 5; width: 0; } @media (min-width: 992px) { .friends-sidebar { top: 75px; border-left: .5rem solid var(--ocre); right: -.5rem; transition: .5s; } .friends-sidebar.opened { width: 320px; } } @media (min-width: 1256px){ .friends-sidebar { height: calc(100% - 75px); } } @media (min-width: 992px) and (max-width: 1255.98px) { .friends-sidebar { height: calc(100% - 75px - 55px); } } @media (max-width: 991.98px) { .friends-sidebar { height: calc(100vh - 55px - 63px); top: 63px; border-left: unset; right: unset; transition: unset; } .friends-sidebar.opened { width: 100%; } }