/* cyrillic */
@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/amaticsc/v15/TUZyzwprpvBS1izr_vOEDuSfQZQ.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/amaticsc/v15/TUZyzwprpvBS1izr_vOECOSfQZQ.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/amaticsc/v15/TUZyzwprpvBS1izr_vOEBeSfQZQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/amaticsc/v15/TUZyzwprpvBS1izr_vOEBOSfQZQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/amaticsc/v15/TUZyzwprpvBS1izr_vOECuSf.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/amaticsc/v15/TUZ3zwprpvBS1izr_vOMscGKerUC7WQ.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/amaticsc/v15/TUZ3zwprpvBS1izr_vOMscGKfLUC7WQ.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/amaticsc/v15/TUZ3zwprpvBS1izr_vOMscGKcbUC7WQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/amaticsc/v15/TUZ3zwprpvBS1izr_vOMscGKcLUC7WQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/amaticsc/v15/TUZ3zwprpvBS1izr_vOMscGKfrUC.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: Inglobal; /* Имя шрифта */
    src: url(/fonts/inglobal.ttf); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: Inglobalb; /* Имя шрифта */
    src: url(/fonts/inglobalb.ttf); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: Inglobalbi; /* Имя шрифта */
    src: url(/fonts/inglobalbi.ttf); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: Inglobali; /* Имя шрифта */
    src: url(/fonts/inglobali.ttf); /* Путь к файлу со шрифтом */
}

.header_block{
    margin-left: 6%;
    margin-right: 6%;
}

.navbar {
    background: none !important;
}

.logo-main{
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 6%;
}



.logo-url{
    max-width: 15%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
}

.navbar{
    background: #5ed3f6;
}

.container{
    margin-bottom: 100px;
}

.navbar-collapse{
    /*text-align: right;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    position: relative;
    z-index: 6;
    right: 0;
    margin-left: auto;
    font-weight: 800;
    font-size: 18px;
    width: 78%;
    -ms-flex-pack: end;
    justify-content: flex-end;*/
}

.navbar-nav{
    line-height: 1;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-left: 1.5rem;
    margin-right: 3.5rem;
}

.nav-item{
    max-width: 18%;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

.nav-link{
    font-family: 'Inglobalb' !important;
    font-size: 16px;
    color: #02307F;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin: 0;

    padding: 5px 4px 4px;
    font-style: inherit;
    text-decoration: none;

    display: block;

}

a{
  /*letter-spacing: 1px;*/
}

h1{
    font-family: 'Inglobalb', cursive;
    font-weight: 900;
    font-size: 45px;
    color: #EB268F;
    text-transform: uppercase;
    margin:0;
}

input{
    font-family: 'Inglobal', cursive;
    font-weight: 900;
    font-size: 75px;
    color: #228aca !important;
}

li{
    font-size: 1rem;
}

p{
    font-family: 'Inglobal';
}
/*body {
    background: linear-gradient(to right, transparent calc(100% - 5px), #bfe0f01f 0);
    background-size: calc((100% - 394*4px)/6 + 0px) 100%;

}*/

body {
    /*--w:3px;
    --n:122;

    background: linear-gradient(to right, transparent calc(100% - var(--w)), #bfe0f01f 0);
    background-size: calc((100% - var(--n)*var(--w))/(var(--n) + 1) + var(--w)) 100%;*/
    background: url("../images/background/background.jpg");
    background-repeat: no-repeat;

    background-size:100%;
    max-width: 100%;
    

}

footer{
    width:  100%;
    background: url('../images/background/bg-footer.jpg');
    background-repeat: no-repeat;
    background-size:100% 100%;
    position: sticky;
    bottom: 0;
}

section {
    margin-top: 1%;
    max-height: 600px;
    overflow-y: auto;

}

section::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

.btn-info {
    border-color: white;
}

.center{
    text-align: center;
}

.prize-1{
    position: relative;
    left: 5%;
    z-index: 1;
}

.prize-2{
    position: relative;
    right: 1%;
}

#promocode_form{
    width: 18%;

    margin-left: auto;
    margin-right: auto;
}

::placeholder{
   color: #EB268F !important;
}

.form-control {
    
    font-size: 1rem;
    text-align: center;
    border: solid #EB268F 2px;
}

.form-group {
    margin-bottom: 0;
}

#promocode-btn, #phone-btn, #code-btn{
    width: 100%;
    margin-top: 2%;
    font-family: 'Inglobal', cursive;
    font-weight: 900;
    font-size: 16px;
    background-color: #CD278E !important;

}



#back-promocode, #back-phone{
    width: 100%;
    margin-top: 2%;
    font-family: 'Inglobal', cursive;
    font-weight: 900;
    font-size: 16px;
    background-color: #228bca !important;
}

.alert {
    margin-top: 2%;
    font-family: 'Inglobal', cursive;
    font-weight: 900;
}

.alert-danger{
    color: white;
    background-color: #CD278E;
    border-color: #CD278E;
    font-size: 17px;
}

.validate{

}

.banner-one {
    bottom: 19%;
    left: 6%;
    -webkit-animation-name: bubbleMover;
    animation-name: bubbleMover;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

.table-bordered {
    border: 5px solid #02307F;
}

p, h1, h2, h3, h4, a, span, label, button, input, div{
    text-transform: uppercase;
}

label, input{
    font-family: 'Inglobalb';
    color:#EB268F ;
}

th, td{

    color: #02307F;
    text-transform: uppercase;
    border:3px solid #02307F !important;
}

td{
    font-size: 20px;
    font-family: 'Inglobal';
}

th{
    font-size: 30px;
    font-family: 'Inglobalb';
}

a{
    font-family: 'Inglobal';
}

.reg{
    background-color:#EB268F !important;
    color: white;
    font-family: 'Inglobal';
    border:none;
}

.profile-link{
    font-family: 'Inglobalb' !important;
    text-transform: uppercase;
}

.password-input{
    border-radius: 5px;
    font-size: 1rem;
    text-align: center;
    width: 28%;
}

.password-alert{
    color: white;
    background-color: #EB268F;
    border-color: #EB268F;
    font-size: 16px;
    width: 28%;
    padding: 10px;
    margin-bottom: 0;
    border-radius: 5px;
    font-family: 'Inglobal';
    font-weight: 900;
}

.btn-primary{
    border-color: white;
}


.reg:hover{
    background-color:#CD278E;
    border-color: white;
}

.reg:focus{
    background-color:#CD278E;
    border-color: white;
    text-shadow: none;
}

.lk{
    background-color:#003082;
    color: white;
    font-family: 'Inglobal';
    border: none;
}

.lk:hover{
    background-color:#001539;
    border-color: white;
}

.lk:active{
    background-color:#001539 !important;
    border-color: white;
}

.btn-info{
    background-color:#001539 !important;
}

.prize_img{
    width: 100%;
    max-width: 800px;
    /*height: auto;*/
    max-height: 293px;
}

.img-block{
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    min-height: 293px;
}

#timer{
    color:#228aca ;
    
}

.top-right {

    
    width: 124px;
    height: 128px;
    background: url('../images/index/circle.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: white;
    border-radius: 50%;
    padding: 11px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.prize-span{
    font-family: 'Inglobal';
    font-size: 13px;
    text-transform: uppercase;
}

.prize-h2{
    margin: 0;
    font-size: 50px;
    font-family: 'Arial';
}


.banner-info{
    color: #1D75BC;
    font-size: 26px;
    margin: 0;
}

.banner-text{
    color: #1D75BC;
    font-size: 22px;
    margin: 0;
    padding: 0;
}



.info-block{
    background: #EB268F;
    padding-bottom: 36px;
}

.info-text{
    color: white;
    font-family: 'Inglobalb';
    font-size:33px;
    padding-top: 1%;
}

.info-data{
    color: white;
    font-family: 'Inglobal';
    font-size: 15px;
    text-transform: uppercase;


}

.info-img{
    max-width: 420px;
    max-height: 152px;
}

.numbers-img{
    max-width: 309px;
    max-height: 78px;
    
}

.centered{
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-family: 'Inglobalb';
    width: 100%;
}


.prize-numbers{
    position: relative;
  text-align: center;
  color: white;
}

.info-data-image{
    /*width:100%;*/
    height: auto;
}

.row{
    align-items: center;
}

.products_h3{
    font-family: 'Inglobalb';
    text-transform: uppercase;
    color: #EB268F;
    font-size: 25px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.product-img{
    width: 20%;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.card{
    margin-top: 20px;
}

.draws-info{
    margin-right: 7%;
    margin-left: 7%;
}

.carousel-control-prev{
    margin-left:20%;
    top: auto !important;
    bottom:auto !important;
}

.carousel-control-next{
    margin-right:20%;
    top: auto !important;
    bottom:auto !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    /*height: 100px;
    width: 100px;*/
    /*outline: black;*/
    /*background-size: 100%, 100%;*/
    /*border-radius: 50%;*/
    /*border: 1px solid black;*/


    background-image: none;
}

.carousel-control-next-icon:after
{
    content: '>';
    font-size: 55px;
    color: #003285;
}

.carousel-control-prev-icon:after {
    content: '<';
    font-size: 55px;
    color: #003285;
}

.winners-row{
    margin-right: 18%;
    margin-left:18%;
}

.winners-block{
    background: #EB268F;
    border-radius: 9px;
}

.winner-cars{
    color: white;
    font-family: 'Inglobal';
}

.footer-block{
    margin-left:8%;
    margin-right:8%;
}

.winner-img{
    width: 144px;
    height: 157px;
}

.footer_p{
    font-family: 'Inglobalb';
    color: #2289CB;
    margin: 0;
}

.footer_h1{
    font-family: 'Inglobalb';
    color: #2289CB;
    font-size: 20px;
    margin: 0;
}

.footer_h5{
    font-family: 'Inglobalb';
    color: #2289CB;
}

.social{
    width: 18px;
    height: 18px;
}

.rules_text{
    color: #02307F;
    font-family: 'Inglobalb';
    margin: 0;
    font-size: 16px;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.warning-text{
    font-family: 'Inglobalb';
    text-align: center;
    color: #EB268F;
}

.rules_product{
    color: #02307F;
    font-family: 'Inglobal';
    margin: 0;
    font-size: 16px;
}

.rules-info{
    text-align: center;
}

.faq-info{
    color: #EB268F;
    text-align: center;
}

.logout{
    margin-left: 5px;
}

.faq-sub-info{
    color: #EB268F;
    font-family: 'Inglobalb';
    text-align: center;
    font-size: 19px;
    text-transform: uppercase;
}

.faq-acc{
    color: #02307F;
    font-family: 'Inglobalb';
    margin: 0;
    font-size: 20px;
    margin-bottom: 6px;
    text-transform: uppercase;
    cursor: pointer;
}

.faq-span{
    font-size: 26px;
    font-family: 'Inglobalb';
}

.faq-inner{
    color: #02307F;
    font-family: 'Inglobal';
    margin: 0;
    font-size: 16px;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.draw-h3{
    color:#02307F;
    font-family: 'Inglobalb';
}

@media (max-width: 767px) {
    body {
        background-size:100% 100%;
    }

    .container{
        margin-bottom: 0;
    }

    .header_block{
        margin-right: 0;
        margin-left: 0;
    }

    .prize-1{
        width: 40%;
    }

    .prize-2{
        width: 54%;
    }

    .prize_img{
        max-width: 83%;
    }

    .img-block{
        margin-left: 3%;
        margin-right: 3%;
        min-height: 110px;
        margin-top: 3%;
        margin-bottom: 4%
    }

    .logout{
        margin-left: 0;
        margin-top: 2%;
    }

    .prize-span {
        font-size: 8px;
        text-align: center;

    }

    .top-right {
        width: 58px;
        height: 61px;
        padding: 0;
    }

    .prize-h2 {
        font-size: 19px;
    }

    h1{
        font-size: 23px;
    }

    th, td{
        font-size: 11px;

    }

    .faq-sub-info{
        font-size: 13px;
    }

    .faq-acc{
        font-size: 13px;
    }

    .faq-inner{
        font-size: 11px;
    }

    .faq-span{
        font-size: 19px;
    }

    .rules_text{
        font-size: 13px;
    }

    .rules_product{
        font-size: 12px;
    }

    #promocode_form{
        width: 92%;
    }

    .carousel-control-prev-icon:after,
    .carousel-control-next-icon:after
    {
        font-size: 25px;
    }

    .table-bordered{
        border: solid 4px #228aca;
    }

    .banner-info {
        font-size: 18px;
        margin-top: 10px
    }

    .banner-text {
        font-size: 17px;
    }

    .logo-main {
        width: 300%;
    }

    .info-img{

        width: 100%;
        height: auto;
    }

    .info-data-image {
        width: 100%;
        height: auto;
    }
    .nav-link {
        font-size: 19px;
    }

    .btn{
        width:100%;
    }

    .navbar-toggler-icon{
        color: #1D75BC;
        font-size: 38px;
    }

    .navbar-collapse{
        /*height: 0;*/
    }

    .navbar-nav{
        margin-left: 0;
    }

    .info-text{
        font-size: 22px;

    }

    .nav-item{
        width:  100%;
        max-width: none;
    }


    .password-input{
        width: 78%;
    }

    .password-alert{
        width: 100%;
        font-size: 18px;
    }

    .product-img {
        width: 40%;
    }

    .winners-info{
        font-size: 32px;
    }

    .carousel-control-prev{
        margin-left:2%;
    }

    .carousel-control-next{
        margin-right:2%;
    }

    .centered{

    }

}

@media (max-width: 1536px) {
    /*.numbers-img{
        max-width: 239px;
        max-height: 59px;
    }*/

}