@font-face { font-family: Karla; src: url('../../common/fonts/Karla/Karla-Regular.ttf'); font-display: swap; } @font-face { font-family: Lora; src: url('../../common/fonts/Lora/Lora-SemiBold.ttf'); font-display: swap; } * { font-family: Karla, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .ff-title { font-family: Lora, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .invalid-feedback { margin-top: 0; font-size: 0.7rem; padding-left: 0.5rem; } a { text-decoration: none; } a:hover { text-decoration: none; } header a:hover { text-decoration: none; } label { color: #555; padding-left: 0.5rem; font-size: 1rem; } .form-control, .form-select { font-size: 0.9rem; color: #333; } .form-control:focus, .form-check-input:focus, .form-select:focus, .btn-close:focus { box-shadow: inset 0 0 0 0.01rem rgba(13, 110, 253, .25); } .dropdown-menu { font-size: 0.9rem; } .fs-1 { font-size: 3rem !important; } .fs-2 { font-size: 1.5rem !important; } .fs-3 { font-size: 1.1rem !important; } .fs-4 { font-size: 1rem !important; } .fs-5 { font-size: 0.9rem !important; } .fs-6 { font-size: 0.8rem !important; } .ls-1 { letter-spacing: 1px; } .ls-2 { letter-spacing: 2px; } .radio-checkbox-form-control { display: block; width: 100%; padding: 0.3rem 0.3rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .radio-checkbox-form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .gold-qty-input.is-invalid { background-position: right 39px center !important; } .radio-checkbox-form-control :last-child { /*margin-bottom: 0 !important;*/ } input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 0.7rem; } input::-moz-placeholder { /* Firefox 19+ */ font-size: 0.7rem; } input:-ms-input-placeholder { /* IE 10+ */ font-size: 0.7rem; } input:-moz-placeholder { /* Firefox 18- */ font-size: 0.7rem; } .disabled > .page-link { background-color: #fff !important; color: #666; } .text-secondary { color: #555 !important; } .text-truncate-2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .js-cart-preview-box .dropdown-item.active, .js-cart-preview-box .dropdown-item:active { color: #333; background-color: #fff; } .flag { display: inline-block; vertical-align: middle; border-radius: 50%; border: 1px solid rgba(0, 0, 0, .07); margin-right: 5px; width: 22px; height: 22px; object-fit: cover; object-position: center; } .btn-link { color: #fff; } .choose-us { background-image: radial-gradient(circle at 50% 100%, rgba(44, 135, 242, .45), rgba(222, 138, 56, 0)), linear-gradient(119deg, #260e0e, rgba(39, 14, 14, 0)), linear-gradient(#372727, #372727); } .choose-us img { width: 110px; } .review-box { background: #141415; } .content-box { color: #444; font-size: 0.9rem; } .content-box h3 { font-size: 1.2rem; color: #333; font-family: Lora, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .content-box h4 { font-size: 1.1rem; color: #333; } .content-box p:first-letter { text-transform: uppercase; color: #0d6efd; font-size: 1.2rem; } .content-box p:last-child { margin-bottom: 0 !important; } .fd:hover { transform: scale(1.08); } header { background: url("../img/bg-game-42.jpg") no-repeat top; background-size: cover; }