@charset "UTF-8";


/* 
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
 */



.lobster-regular {

    /* font-family: "Lobster", sans-serif; */

    font-weight: 400;

    font-style: normal;

}





.thumb-image {

    width: 100% !important;

}



.container {

    max-width: 1400px;

}





/* html {

    position: relative;

    font-family: "Montserrat", sans-serif;

    font-optical-sizing: auto;

} */



html {

   font-family: "Alegreya Sans", sans-serif;

    font-optical-sizing: auto;

    font-weight: 400;

    font-style: normal;

}



body {

    font-family: "Alegreya Sans", sans-serif;

    font-optical-sizing: auto;

    font-weight: 400;

    font-style: normal;

    color: #282724;

    background-color: #ffffff;

}



.swal2-styled.swal2-confirm {

    border: 0;

    border-radius: 0 !important;

    background: initial;

    background-color: #E50474 !important;

    color: #fff;

    font-size: 1.0625em;

}



.swal2-styled.swal2-cancel {

    border: 0;

    border-radius: 0 !important;

    background: initial;

    background-color: #aaa !important;

    color: #fff;

    font-size: 1.0625em;

}



.swal2-modal.swal2-show {

    border-radius: 0 !important;

}



a,

a:active,

a:focus,

a:hover,

button:focus {

    /* text-decoration: none !important; */

    outline: 0;

}



a {

    color: #CAA947;
    text-decoration: none;

    background-color: transparent;

    -webkit-text-decoration-skip: objects

}



a:hover {
    text-decoration: underline

}



a:not([href]):not([tabindex]),

a:not([href]):not([tabindex]):focus,

a:not([href]):not([tabindex]):hover {

    /*color:inherit;*/

    text-decoration: none

}



a:not([href]):not([tabindex]):focus {

    outline: 0

}
.navbar-zebra {
  background-color: rgb(11, 46, 90);
  padding-top: 20px;
  padding-bottom: 20px;
}
.button {

    display: inline-block;

    border-radius: 2px;

    font-size: 20px;

    white-space: nowrap;

    margin: 0;

    margin-top: 0px;

    margin-bottom: 0px;

    border: none;

    cursor: pointer;

    pointer-events: all;

    transition: background-color 300ms ease-in-out, color 300ms ease-in-out;

}



.button.red {

    background-color: #E50474;

    color: #fff;

    text-decoration: none;

    /* font-family: "Lobster", sans-serif; */

}



.button.red:hover {

    background-color: #56226D;

    color: #fff;

}



.c_violet {

    color: rgb(11, 46, 90);

}



.bb_violet {

    border-bottom: 1px solid #4B1199;

    padding-bottom: 3px;

    font-weight: bold;

}


.form-control {

 

    border-radius: 0;

    background-color: #ECECEC;

}



.input-group-text {

    border-radius: 0;

    background-color: #56226D;

    border: 1px solid #4B1199 !important;

    color: #fff;

}



/* .input-group-text:hover {

    border-radius: 0;

    background-color: D#fff;;

    border: 1px solid #4B1199 !important;

    color: #56226

} */



/* .custom-file-button {

    input[type="file"] {

        margin-left: -2px !important;



        &::-webkit-file-upload-button {

            display: none;

        }



        &::file-selector-button {

            display: none;

        }

    }



    &:hover {

        label {

            border-radius: 0;

            background-color: #fff;

            border: 1px solid #4B1199 !important;

            color: #4B1199;

            cursor: pointer;

        }

    }

} */



#winners {

    background-color: #E5CDE5;

}



#hslider {

    background: url('../img/slider-fon.jpg') no-repeat;



    /* min-height: 610px; */
    background-position: center center;
    background-size: cover;

}



.podlojka {

    background-color: rgba(11, 46, 90, 0.8);
   /* rgb(11 46 90); 
    rgba(11, 46, 90, 1);
    */

}





#htxt {

    font-size: 3rem;

    color: #FFFFFF;

    font-family: "Alegreya Sans", Sans-serif;

    font-weight: 400;

    font-style: normal;

    line-height: 4.4rem;

}





input[type='file'] {

    color: rgba(0, 0, 0, 0)

  }



/* HEADER */

#header {

    background-color: rgb(11 46 90);

    height: 230px;

}



#navbarCollapse {

    /* background-color: #56226D; */

}



.navbar-nav .nav-link {
  font-family: "Alegreya Sans", sans-serif;
  font-size: 39px;
  font-weight: 600;
  font-style: italic;
  color: rgb(202, 169, 71);
  
  position: relative;
  transition: color 300ms ease-in-out;
}

.navbar-zebra .nav-link:hover,
.navbar-zebra .nav-link.active {
  color: rgb(202, 169, 71);
  text-decoration: underline;
  text-underline-offset: 10px;
}
.navbar-zebra .navbar-nav {
  gap: 40px;
}
.navbar > .container {
  flex-wrap: nowrap;
}


.fsbig {

    font-size: 4rem;

    line-height: 4.6rem;

}

#game-background {
  background-image: url('../img/Zebra-11.png');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 3rem;
  /* padding-bottom: 3rem; */

}
#frm_user label {
    font-family: "Alegreya Sans", sans-serif;
    font-size: 27px;
    font-weight: 500;
    line-height: 35px;
}
#frm_userButton {
  display: block;
  width: 100%;
}
#frm_userButton {
  font-family: "Alegreya Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  background-color: rgb(11 46 90);
  color: #fff;
  padding: 11px 0;
  border: none;
  min-height: 40px;
  text-align: center;
  transition: all 0.3s;
}

#frm_userButton:hover {
  background-color: #b8983d;
  color: #fff;
}
.footer .container-logo-footer {
      background-color: rgb(11 46 90);
}
.footer .container-logo-footer .footer-logo img{
    width:15%;
}
#footer-background {
  background-image: url('../img/Zebra-11.png');
  background-repeat: no-repeat;
  background-size: cover;

}
@media screen and (min-width: 992px) {

    #htxt {

        font-size: 4rem;

        color: #cd1111;

        font-family: "Alegreya Sans", Sans-serif;

        font-weight: 400;

        font-style: normal;

        line-height: 4.4rem;

    }

    .fsbig {

        font-size: 6.6rem;

        line-height: 7rem;

    }

    #hslider {

        background: url('../img/slider-fon.jpg') no-repeat;

        background-size: cover;

        min-height: 800px; 

        /* 860 */

    }

    .podlojka {

        min-height: 800px; 

    }

    #navbarCollapse {
    background-color: transparent !important; 
   
    } 



    .navbar-nav .nav-link {

       font-family: "Alegreya Sans", Sans-serif;
        font-size: 39px;
        font-weight: 600;
        font-style: italic;

        color:  rgb(202 169 71);

    

    }

}
@media (max-width: 991.98px) {
    #header {
        height: 187px;
    }
    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link:hover {
        background-color:  rgb(202 169 71);
        color:rgb(11, 46, 90);
        text-decoration: none;
    }
    .navbar .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .navbar-toggler {
        position: relative;
        transition: .5s ease-in-out;
    }
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: rgb(11, 46, 90);
        padding: 1rem;
        z-index: 9999;
    }
    .navbar-toggler-icon{
         color:  rgb(202 169 71);
    }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg>');
    }
    .navbar-nav .nav-link{
        font-size:27px; 
        text-align: center;
    }
    .navbar-zebra .navbar-nav {
        gap: 0px;
    }  
    .footer-image{
        background-position: bottom center;
        background-size: cover;
    }
}
/* }.
@media (max-width: 991.98px) {
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-x" viewBox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/> </svg>');
}
  .navbar-collapse {
    background-color: rgb(11, 46, 90);
    padding: 1rem;
  }
} */



.navbar-toggler {

    padding: .25rem .75rem;

    font-size: 1.25rem;

    line-height: 1;

    background-color: transparent;

    border: 1px solid transparent;

    border-radius: .25rem;

}



.navbar-toggler {

    color: rgba(255, 255, 255, 1);

    border-color: rgba(255, 255, 255, .1);

}



.navbar-toggler-icon {

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

}



.navbar-brand img {

    width: 36%;
    margin-left: 9%;

}







@media screen and (max-width: 576px) {



    .input-group>.custom-file,

    .input-group>.custom-select,

    .input-group>.form-control,

    .input-group>.form-control-plaintext {

        position: relative;

        -ms-flex: 1 1 auto;

        flex: 1 1 auto;

        width: inherit;

        min-width: 0;

        margin-bottom: 1rem;

        /* padding-bottom: 1rem; */

        /* margin-bottom: 1rem;

        margin: 5px; */

    }

}











/* FOTER */

.footer>.container {

    padding-right: 15px;

    padding-left: 15px;

}



.footer {

    font-family: "Alegreya Sans", Sans-serif;

    color: rgb(11 46 90);

    font-size: 14px;

    font-size: 0.875rem;

    background-color: rgb(202 169 71);

}


.footer-style{
  color: rgb(11 46 90);

    font-family: "Alegreya Sans", Sans-serif;
    font-size: 26px;
    font-weight: 600;
 }
.ftlinks {

    color: rgb(11 46 90);

    font-family: "Alegreya Sans", Sans-serif;
    font-size: 26px;
    font-weight: 600;

    

    text-decoration: none !important;

    display: inline-block;

    float: left;

    margin-right: 10px;

}



.ftlinks:hover {



    /* text-decoration:underline; */

    text-decoration: none;

}







/* ----------------------------------- */

.back-to-top,

.back-to-top:hover {

    display: none;

    position: fixed;

    bottom: 35px;

    right: 40px;

    z-index: 99999;

    text-decoration: none;

}



.back-to-top div {

    display: block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    color: #fff !important;

    border: 1px solid #fff;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -o-border-radius: 2px;

    text-align: center;

    background-color: #432147 !important;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;



}



/* iCheck plugin Minimal skin, blue

----------------------------------- */

.icheckbox_minimal-blue,

.iradio_minimal-blue {

    display: inline-block;

    *display: inline;

    vertical-align: middle;

    margin: 0;

    padding: 0;

    width: 18px;

    height: 18px;

    background: url(../img/blue.png) no-repeat;

    border: 1px solid #000000;

    cursor: pointer;

}



.icheckbox_minimal-blue {

    background-position: 0 0;

    margin-top: -7px;

}



.icheckbox_minimal-blue.hover {

    background-position: -20px 0;

}



.icheckbox_minimal-blue.checked {

    background-position: -40px 0;

}



.icheckbox_minimal-blue.disabled {

    background-position: -60px 0;

    cursor: default;

}



.icheckbox_minimal-blue.checked.disabled {

    background-position: -80px 0;

}



.iradio_minimal-blue {

    background-position: -100px 0;

}



.iradio_minimal-blue.hover {

    background-position: -120px 0;

}



.iradio_minimal-blue.checked {

    background-position: -140px 0;

}



.iradio_minimal-blue.disabled {

    background-position: -160px 0;

    cursor: default;

}



.iradio_minimal-blue.checked.disabled {

    background-position: -180px 0;

}



/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5 / 4),

(-webkit-min-device-pixel-ratio: 1.25),

(min-resolution: 120dpi),

(min-resolution: 1.25dppx) {



    .icheckbox_minimal-blue,

    .iradio_minimal-blue {

        background-image: url(../img/blue@2x.png);

        -webkit-background-size: 200px 20px;

        background-size: 200px 20px;

    }

}



.icheckbox_minimal-gray,

.iradio_minimal-gray {

    display: inline-block;

    *display: inline;

    vertical-align: middle;

    margin: 0;

    padding: 0;

    width: 18px;

    height: 18px;

    background: url(../img/grey.png) no-repeat;

    border: none;

    cursor: pointer;

}



.icheckbox_minimal-gray {

    background-position: 0 0;

    margin-top: -7px;

}



.icheckbox_minimal-gray.hover {

    background-position: -20px 0;

}



.icheckbox_minimal-gray.checked {

    background-position: -40px 0;

}



.icheckbox_minimal-gray.disabled {

    background-position: -60px 0;

    cursor: default;

}



.icheckbox_minimal-gray.checked.disabled {

    background-position: -80px 0;

}



.iradio_minimal-gray {

    background-position: -100px 0;

}



.iradio_minimal-gray.hover {

    background-position: -120px 0;

}



.iradio_minimal-gray.checked {

    background-position: -140px 0;

}



.iradio_minimal-gray.disabled {

    background-position: -160px 0;

    cursor: default;

}



.iradio_minimal-gray.checked.disabled {

    background-position: -180px 0;

}



/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5 / 4),

(-webkit-min-device-pixel-ratio: 1.25),

(min-resolution: 120dpi),

(min-resolution: 1.25dppx) {



    .icheckbox_minimal-gray,

    .iradio_minimal-gray {

        background-image: url(../img/grey@2x.png);

        -webkit-background-size: 200px 20px;

        background-size: 200px 20px;

    }

}







.select2-container {

    flex: 1 1 auto;

    width: 1%;

}





.select2-container--default .select2-selection--single {

    background-color: #fff;

    border: 1px solid #ced4da;

    border-radius: 0px;

    height: calc(1.5em + .75rem + 2px);

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.select2-container .select2-selection--single {

    box-sizing: border-box;

    cursor: pointer;

    display: block;

    height: calc(1.5em + .75rem + 2px);

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    user-select: none;

    -webkit-user-select: none;

}



.select2-container--default .select2-selection--single .select2-selection__arrow b {

    border-color: #888 transparent transparent transparent;

    border-style: solid;

    border-width: 5px 4px 0 4px;

    height: 0;

    left: 50%;

    margin-left: -8px;

    margin-top: 3px;

    position: absolute;

    top: 50%;

    width: 0;

}



.nodec,

.nodec:hover {

    color: inherit;

    text-decoration: none;

}





.field-icon {

    float: right;

    margin-left: -29px;

    margin-top: 5px;

    position: relative;

    z-index: 2;

    margin-right: .5rem;

}



.navbar-toggler {

    /* width: 20px;

    height: 20px; */

    position: relative;

    transition: .5s ease-in-out;

}



.navbar-toggler,

.navbar-toggler:focus,

.navbar-toggler:active,

.navbar-toggler-icon:focus {

    outline: none;

    box-shadow: none;

    border: 0;

    position: relative;

    margin-top: -2px;

}



.navbar-toggler span {

    margin: 0;

    padding: 0;

}



.toggler-icon {

    display: block;

    position: absolute;

    height: 3px;

    width: 100%;

    color:  rgb(202 169 71);
    border-radius: 1px;

    opacity: 1;

    left: 0;

    transform: rotate(0deg);

    transition: .25s ease-in-out;

}



.middle-bar {

    margin-top: 0px;

}





/* State when the navbar is collapsed */



.navbar-toggler.collapsed .top-bar {

    position: absolute;

    top: 0px;

    transform: rotate(0deg);

}



.navbar-toggler.collapsed .middle-bar {

    opacity: 1;

    position: absolute;

    top: 10px;

    filter: alpha(opacity=100);

}



.navbar-toggler.collapsed .bottom-bar {

    position: absolute;

    top: 20px;

    transform: rotate(0deg);

}



/* when navigation is clicked */



.navbar-toggler .top-bar {

    top: inherit;

    transform: rotate(135deg);

}



.navbar-toggler .middle-bar {

    opacity: 0;

    top: inherit;

    filter: alpha(opacity=0);

}



.navbar-toggler .bottom-bar {

    top: inherit;

    transform: rotate(-135deg);

}



/* Color of 3 lines */



.navbar-toggler.collapsed .toggler-icon {

    /* background: linear-gradient( 263deg, rgba(252,74,74,1) 0%, rgba(0,212,255,1) 100% ); */

    color:  rgb(202 169 71);

}



.navbar-toggler.collapsed .middle-bar {

    width: 70%;

    left: 15%;

}