@font-face {
    font-family: 'SofiaPro';
    src: url('../fonts/SofiaPro-Regular.otf') format('opentype'),
    url('../fonts/SofiaPro-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SofiaPro';
    src: url('../fonts/SofiaPro-SemiBold.otf') format('opentype'),
    url('../fonts/SofiaPro-SemiBold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SofiaPro';
    src: url('../fonts/SofiaPro-ExtraLight.otf') format('opentype'),
    url('../fonts/SofiaPro-ExtraLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

* {
    font-family: 'SofiaPro', Sans-Serif
}

body {
    background-color: #0b2355;
}

a {
    text-decoration: none;
}

#intro div {
    border-radius: 320px;
}

#prizes {
    margin-top: -50px;
}

header a {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.3;
}

.background-gold {
    background: rgb(185, 138, 56);
    background: -moz-linear-gradient(90deg, rgba(185, 138, 56, 1) 0%, rgba(253, 231, 174, 1) 50%, rgba(185, 138, 56, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(185, 138, 56, 1) 0%, rgba(253, 231, 174, 1) 50%, rgba(185, 138, 56, 1) 100%);
    background: linear-gradient(90deg, rgba(185, 138, 56, 1) 0%, rgba(253, 231, 174, 1) 50%, rgba(185, 138, 56, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b98a38", endColorstr="#b98a38", GradientType=1);
}

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;

    font: inherit;
    color: #FFF;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #FFF;
    border-radius: 0.15em;
    transform: translateY(0.3em);

    display: grid;
    place-content: center;
    background: #FFF;
}

input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    /* Windows High Contrast Mode */
    background-color: #000;
}

.form-check-input:checked {
    background-color: #ffffff;
    border-color: #ffffff;
}

.form-check-input:focus {
    box-shadow: none;
    border: 0;
}

.form-check-input:active {
    filter: unset;
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}

input[type="checkbox"]:disabled {
    cursor: not-allowed;
}

.title {
    color: #0b2355;
}

.subtitle {
    color: #706f6f;
}

.text-gold {
    color: #bc8d3d
}

.btn-primary {
    background-color: #FFFFFF;
    color: #bc8d3d;
}

.dropdown-menu {
    border: 2px solid #bc8d3d;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
    right: 34px !important;
}

.dropdown-toggle::after {
    border: 0.4rem solid transparent;
    border-top: 0.4rem solid #FFF;
    border-bottom: 0;
}

.termsbox {
    width: 900px;
    margin: auto;

}

.termsbox * {
    padding-top: 15px;
    color: #000000;
}

circle-progress::part(value) {
    stroke-width: 6px;
    stroke: #bc8d3d;
    stroke-dasharray: 1
}

circle-progress::part(circle) {
    stroke-width: 6px;
    stroke: #ddd;
    stroke-dasharray: 1
}

circle-progress::part(text) {
    display: none;
}

circle-progress::part(base) {
    width: 230px;
    height: auto;
}

circle-progress.neseser::part(base) {
    background: url('../images/progress-neseser.png') no-repeat center center;
}

circle-progress.voucher::part(base) {
    background: url('../images/progress-voucher.png') no-repeat center center;
}

circle-progress.phone::part(base) {
    background: url('../images/progress-phone.png') no-repeat center center;
}

.navbar .navbar-toggler {
    border: 3px solid #FFFFFF;
    margin: 0 auto;
}

.navbar .navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}