@font-face {
    font-family: 'Pribambas';
    src: local('Pribambas Regular'), local('Pribambas-Regular'),
    url('/__dev/fonts/Pribambas-Regular.woff2') format('woff2'),
    url('/__dev/fonts/Pribambas-Regular.woff') format('woff'),
    url('/__dev/fonts/Pribambas-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
    font-family: 'Pribambas',Sans-Serif;
    font-size: 20px;
    color: #000000;
    line-height: 1.2857143;
    font-weight: normal;
    font-style: normal;
    overflow:hidden auto;
    position:initial !important;
}
.play-button {position: fixed;color:#fff;border-radius: 20px;background: #e5352a;display: block;width:120px;padding:15px 10px 10px;left:50%;transform:translateX(-50%);bottom:40px;text-align: center;z-index: 10;}
.play-button.fixed {position: absolute;bottom:initial;}
.plov {background: url('/__dev/lottery_ko/img/plov.jpg') 50% 50% no-repeat;width:100%;min-height: 520px;border:4px solid #0d5120;background-size: cover;position: relative;z-index: 2;}
.plov:before{position: absolute;content: '';left:0;top:0;right:0;bottom:0;background: linear-gradient(to top, #0009 0%, #0000 50%, #0009 100%)}
.plov h1 {width:273px;height:159px;margin:50px auto;background: url('/__dev/lottery_ko/img/game_title.png') 50% 50% no-repeat;color:white;text-transform: uppercase;text-align: center;position: relative;font-size:2em;padding-top: 35px;}
#footer:before {position: absolute;z-index: 1;content:'';top:80px;width:110%;margin-left:-5%;background: url('/__dev/lottery_ko/img/green_bigline.png') 50% 50% no-repeat;height:80px;}
#footer:after{position: absolute;z-index: 1;content:'';bottom:-20px;left:0;width:110%;margin-left:-5%;background: url('/__dev/lottery_ko/img/yellow_bigline.png') 50% 50% no-repeat;height:80px;}
#footer {margin-bottom:40px;}
a:hover,
a:focus,
a:active {
    color: #e5352a;
}

.header {
    text-align: right;
    color: #e5352a;
    text-transform: uppercase;
}

.header a {
    color: #e5352a;
    position: relative;
}

.center {
    display: flex;
    justify-content: center;
}

.navbar {margin:0;border:none;}
.navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 15px;
}


.logo-header-wrap {text-align: center;}
.collapse.in {position: fixed;z-index: 100;left:0;top:0;bottom:0;right:0;text-align: center;}
.header a.active::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    background-color: #fff;
    left: 15%;
    bottom: 20%;
    z-index: 1;
    transition: all .33s linear;
    -webkit-transition: all .33s linear;
}

.bottom a.active::after {
    content: "";
    position: absolute;
    width: 75%;
    height: 2px;
    background-color: #f9d3c3;
    left: 13%;
    bottom: 20%;
    z-index: 1;
    transition: all .33s linear;
    -webkit-transition: all .33s linear;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background: none;
    opacity: 0.85;
}
h1 {
    color: #e5352a;
    font-size: 2em;
}

h1 span, .subheader {
    color:#00792c;
}

.subheader span{
    color: #e5352a;
}

.subheader {font-size:1.7em;line-height: .9;text-align: center;    margin-bottom: 10px;}
.schedule {color:#fe9600;font-size:1em;line-height: 1.1;text-align: center;}
h2 {
    color: #e5352a;
    font-size: 1.85em;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    padding: 15px;
    text-align: center;
    margin-top:15px;
    position: relative;
}

#page_wrap {
    padding: 0.5em;
    background: rgb(255, 255, 255);

}

.main-title {position:relative;padding-bottom:20px;}
.main-title:before{content:'';position: absolute;background: linear-gradient(to top,#fff0 0%,#fff9 10%,#fffe 50%, #fff 100%);left:0;top:0;right:0;bottom:0;}

#slider {
    background: url(/__dev/lottery_ko/img/family.jpg) center bottom no-repeat;
    overflow: hidden;
    position: relative;
    background-size: 600px;
}

#reviews {
    background: url(/__dev/lottery_ko/img/wood.jpg) center top repeat-y;
    background-size: contain;
}

#reviews {
    text-align: center;
}

.reviews_priz {
    text-align: left;
    line-height: 1em;
    font-size: 1.2em;
    margin-top:50px;
    position: relative;
    padding-bottom: 20px;
}
.priz_wrapper {
    width: 100%;
    height:164px;
}

.prizes ~ .prizes {margin-top:60px;}
#reviews img {margin-top: -130px;
    display: inline-block;
}
.priz-right {float:right;}
.reviews_icon_1 {
    position: relative;
    padding-top:134px;
    background: url(/__dev/lottery_ko/img/green1.png) 50% 0 no-repeat;
}

.reviews_icon_2 {
    position: relative;
    padding-top:134px;
    background: url(/__dev/lottery_ko/img/green2.png) 50% 0 no-repeat;
}

.reviews_priz:before {content:'';position: absolute;bottom:0;height:10px;left:0;right:0;background: url('/__dev/lottery_ko/img/green_line.jpg') 0 0 no-repeat;}
.xs-margined {float:right;width:100px;}

#prize {
    background: url(/__dev/lottery_ko/img/wood.jpg) center top repeat-y;
    background-size: contain;
    position: relative;
}
#prize:before {
    content: '';
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: url(/__dev/lottery_ko/img/korica.png) center top no-repeat;

}
.priz {width:164px;height:164px;background: url(/__dev/lottery_ko/img/yellow1.png) center center no-repeat}

.reviews_priz {
    color:#00792c;
}


footer {
    text-align: center;
}


.logo-footer {
    display: inline-block;
    margin: 3.5em 0 0;
    max-width: 12em;
}



footer .bottom {
    background: #fe9600;
    padding: 2em 0;
}

footer nav {
    overflow: hidden;
    text-align: left;
}

footer .nav {
    float: none;
    display: inline-block;
}

footer .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
}

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

footer .bottom p {
    color: #fff;
    padding: 13px 0 0;
}
footer .bottom a {float:left; color: #fff;}
h4.modal-title {
    color: #4d6d00;
    font-weight: bolder;
    letter-spacing: 0.1em;
}

.modal-body p {
    color: #323232;
    /* font-size: 0.8em; */
    text-transform: none;
}

@media only screen and (min-width:1200px) and (max-width:1210px) {
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 10px;
        font-size:0.8em;
    }

    footer .bottom p, footer .bottom a  {
        font-size: 0.8em;
        padding: 15px 0 0;
    }

}

@media only screen and (min-width:992px) and (max-width:1199px) {
    h2 {
        font-size: 2em;
        margin-top: 15px;
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .header a.active::after {
        width: 74%;
        left: 13%;
    }

    footer .bottom p, footer .bottom a  {
        font-size: 0.8em;
        padding: 0px 0 0;
        text-align: center;
    }


    .logo-prize {
        top: 1em;
    }

    footer .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    footer .bottom {
        padding: 1.2em 0;
    }
}

@media only screen and (min-width:500px)
{
    .navbar-nav {float:none;margin:auto;text-align: center;}
    #navbarNav {clear:both}
    .navbar-nav>li {
        display: inline-block;
        float:none;
    }
    .navbar-toggle {
        display: none;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    h2 { font-size: 2em;}
    .logo-header-wrap {text-align: center;}
    .logo-header-wrap img {display: inline-block;}
    footer .bottom p, footer .bottom a {font-size: 0.8em;padding: 0;text-align: center;}
    footer .bottom {padding: 1.2em 0;}
    footer {text-align: center;}
    .clearfloat {clear:both;}
}

@media only screen and (min-width:300px) and (max-width:767px) {
    .clearfloat {clear:both;}

    h2 {font-size: 1.5em;margin-top: 1em;}
    #slider {background-size: 400px;}
    #slider .navbar-nav>li>a {font-size:1.4em;  text-transform: capitalize;    padding: 10px 0 10px 15px; }

    #slider .navbar-nav {
        margin: 14.5px -15px 7.5px;
    }

    #slider .navbar-toggle {z-index: 12;}
    #slider .navbar-toggle .icon-bar {height:3px;}

    .button a {
        font-size: 0.75em;
    }


    footer .bottom p. footer .bottom a  {
        font-size: 0.6em;
        padding: 3px 0 0;
    }


    footer .col-lg-3:first-child .title-block {
        text-align: center;
    }

    footer .title-block {
        text-align: center;
    }


    footer .bottom .nav>li {
        display: inline-block;
    }

    footer .navbar-nav>li>a {
        padding: 7px 5px;
        font-size: 0.7em;
    }

    footer .bottom {
        padding: 0.5em 0;
    }

    .navbar-default .navbar-toggle {
        border: 2px solid #ffffff;
        transition: all 0.3s ease-in-out;
    }

    .navbar-toggle {
        border-radius: 7px;
        float: none;
        padding: 9px 10px;
        position: relative;
        text-decoration: none;
        color: #e5352a;
        margin-bottom: 15px;
        margin-right: 0;
    }

    .navbar-toggle .icon-bar {
        background-color: #e5352a;
    }

    .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        background: #fff;
        -webkit-overflow-scrolling: touch;
        border-top: 2px solid white;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    }

    .header a.active::after {
        display: none;
    }

    #slider nav.navbar ul.nav.navbar-nav li a:hover,
    #slider nav.navbar ul.nav.navbar-nav li a.active {
        display: inline-block;
        text-decoration: underline;
    }

    #page_wrap {
        padding: 0;
    }

}

@media only screen and (min-width:300px) and (max-width:500px) {
    #navbarNav {
        position: fixed;
        left:100%;
        background: #fff;
        text-align: center;
        width:100%;
        height:100%;
        top:0;
        z-index: 10;
        transition: .4s;
    }

    #prize {
        background-size: 120%;
    }
    .activemenu #navbarNav
    {
        left:0;
    }
}

@media only screen and (max-height:580px) {
    h1{font-size:1.5em;margin-top:0;}
    .subheader{font-size:1em;}
    .schedule{font-size:.8em;}
    #slider {background-size: 350px;}
}