@charset "utf-8";

a:visited,
a:link,
a:active {
    color: black;
    text-decoration: none;
}

@media screen and (max-width: 4500px) and (min-width: 1101px) {

    html,
    body {
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;
    }

    body {
        background: #FAB400 url('../images/ankieta_bg.jpg');
        background-repeat: no-repeat;
        background-position: center top;
    }
    #button_enter_konkurs{
        width: 200px;
        height: 69px;
        background: #AD0814;
        position: fixed;
        right: 20px;
        padding-top: 11px;
        display: block;
        top: 20px;
        border-radius: 50px;
        color: white;
        font-family: "loos-wide";
        font-size: 25px;
        line-height: 27px;
        text-align: center;
    }
    #main {
        width: 1100px;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
    }

    #main_bg {
        width: 308px;
        height: 230px;
        background: url('../images/splash_top_bg.png');
        background-repeat: no-repeat;
        background-size: contain;
        float: left;
        clear: both;
        margin-top: 70px;
        margin-left: 396px;
    }

    #main_text1 {
        width: 1100px;
        font-size: 73px;
        color: #AD0814;
        font-family: "bufalino";
        text-transform: uppercase;
        font-weight: 800;
        text-align: center;
        float: left;
        clear: both;
        margin-top: 70px;
    }

    #main_text2 {
        width: 500px;
        font-size: 76px;
        color: white;
        font-family: "bufalino";
        text-transform: uppercase;
        font-weight: 800;
        text-align: center;
        float: left;
        clear: both;
        margin-top: 25px;
        margin-left: 120px;
    }

    #main_baton {
        width: 558px;
        height: 314px;
        float: left;
        margin-top: -95px;
        margin-left: -130px;
    }

    #main_text3 {
        width: auto;
        font-size: 76px;
        color: white;
        font-family: "bufalino";
        text-transform: uppercase;
        font-weight: 800;
        text-align: center;
        float: left;
        margin-top: 25px;
        margin-left: -115px;
    }

    #main_text4 {
        width: 740px;
        font-size: 49px;
        color: #AD0814;
        font-family: "bufalino";
        text-transform: uppercase;
        font-weight: 800;
        text-align: center;
        float: left;
        clear: both;
        margin-left: 180px;
        margin-top: -100px;
    }

    .ankieta_box {
        width: 1030px;
        height: 235px;
        background: #FFC121;
        border-radius: 32px;
        margin-top: 50px;
        float: left;
        clear: both;
        margin-left: 35px;
    }

    .ankieta_nr {
        width: 60px;
        height: 60px;
        background: #AD0814;
        float: left;
        clear: both;
        color: #FAB400;
        font-family: "bufalino";
        font-weight: 800;
        text-align: center;
        line-height: 67px;
        border-radius: 50px;
        font-size: 47px;
        margin-top: 87.5px;
        margin-left: -30px;
    }

    .ankieta_title {
        color: #AD0814;
        font-family: "loos-wide";
        font-weight: 500;
        font-size: 25px;
        line-height: 35px;
        width: 600px;
        margin-top: 82px;
        margin-left: 30px;
        float: left;
    }

    .ankieta_white_box {
        width: 20px;
        height: 20px;
        float: left;
        clear: both;
        background: white;
        margin-left: 60px;
        margin-top: 30px;
    }

    .ankieta_text1 {
        width: auto;
        font-size: 20px;
        color: #AD0814;
        font-family: "loos-wide";
        font-weight: 500;
        text-align: center;
        float: left;
        margin-top: 26px;
        margin-left: 10px;
    }

    .ankieta_red_box {
        width: 20px;
        height: 20px;
        float: left;
        background: #AD0814;
        margin-left: 60px;
        margin-top: 30px;
    }

    .ankieta_big_box_white {
        width: 126px;
        height: auto;
        float: left;
        background: white;
        position: absolute;
        bottom: 0px;
        text-align: center;
        font-size: 25px;
        font-family: "loos-wide";
        font-weight: 500;
        color: #AD0814;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ankieta_big_box_red {
        width: 126px;
        height: auto;
        float: right;
        background: #AD0814;
        position: absolute;
        bottom: 0px;
        right: 0px;
        text-align: center;
        font-size: 25px;
        font-family: "loos-wide";
        font-weight: 500;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ankieta_inner1 {
        float: left;
        clear: both;
    }

    .ankieta_inner2 {
        width: 278px;
        height: 235px;
        float: left;
        position: relative;
    }
    #a1{
        height: 208px;
    }
    #b1{
        height: 27px;
    }
    #a2{height: 147px;}
    #b2{height: 88px;}
    #a3{height: 199px;}
    #b3{height: 36px;}
    #a4{height: 212px;}
    #b4{height: 23px;}
    #a5{height: 227px;}
    #b5{height: 8px;}
    #a6{height: 176px;}
    #b6{height: 59px;}
    #a7{height: 137px;}
    #b7{height: 98px;}
    #a8{height: 220px;}
    #b8{height: 15px;}
    #a9{height: 77px;}
    #b9{height: 158px;}
    #a10{height: 80px;}
    #b10{height: 155px;}
    #a11{height: 168px;}
    #b11{height: 67px;}
    #a12{height: 156px;}
    #b12{height: 79px;}
    #a13{height: 143px;}
    #b13{height: 92px;}
    #a14{height: 169px;}
    #b14{height: 66px;}
    #main_text5 {
        width: 1040px;
        font-size: 14px;
        line-height: 19px;
        color: #AD0814;
        font-family: "loos-wide";
        font-weight: 500;
        text-align: center;
        float: left;
        clear: both;
        margin-left: 30px;
        margin-top: 40px;
    }
    #main_button_top{
        width: 60px;
        height: 60px;
        background: url('../images/back.png');
        background-repeat: no-repeat;
        background-size: contain;
        float: left;
        clear: both;
        margin-left: 520px;
        margin-top: 30px;
        margin-bottom: 30px;
        cursor: pointer;
    }
}

@media screen and (max-width: 1100px) and (min-width: 200px) {

    html,
    body {
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;
    }

    body {
        background: #FAB400 url('../images/ankieta_bg_mobile.jpg');
        background-repeat: no-repeat;
        background-position: center top;
    }
    #button_enter_konkurs{
        width: 90px;
        height: 35px;
        background: #AD0814;
        position: fixed;
        right: 10px;
        padding-top: 5px;
        display: block;
        top: 10px;
        border-radius: 50px;
        color: white;
        font-family: "loos-wide";
        font-size: 11px;
        line-height: 14px;
        text-align: center;
        z-index: 2;
    }
    #main {
        width: 320px;
        height: 1000px;
        margin: 0 auto;

    }

    #main_bg {
        width: 160px;
        height: 120px;
        background: url('../images/splash_top_bg.png');
        background-repeat: no-repeat;
        background-size: contain;
        float: left;
        clear: both;
        margin-top: 53px;
        margin-left: 80px;
    }

    #main_text1 {
        width: 320px;
        font-size: 21px;
        color: #AD0814;
        font-family: "bufalino";
        text-transform: uppercase;
        font-weight: 800;
        text-align: center;
        float: left;
        clear: both;
        margin-top: 30px;
    }

    #main_text2 {
        width: 140px;
        font-size: 21px;
        color: white;
        font-family: "bufalino";
        text-transform: uppercase;
        font-weight: 800;
        text-align: center;
        float: left;
        clear: both;
        margin-top: 10px;
        margin-left: 30px;
    }

    #main_baton {
        width: 149px;
        height: 84px;
        float: left;
        margin-top: -25px;
        margin-left: -30px;
    }

    #main_text3 {
        width: auto;
        font-size: 18px;
        color: white;
        font-family: "bufalino";
        text-transform: uppercase;
        font-weight: 800;
        text-align: center;
        float: left;
        margin-top: 10px;
        margin-left: -30px;
    }

    #main_text4 {
        width: 280px;
        font-size: 18px;
        line-height: 21px;
        color: #AD0814;
        font-family: "bufalino";
        text-transform: uppercase;
        font-weight: 800;
        text-align: center;
        float: left;
        clear: both;
        margin-left: 20px;
        margin-top: -20px;
    }

    .ankieta_box {
        width: 320px;
        height: 70px;
        background: #FFC121;
        border-radius: 12px;
        margin-top: 50px;
        float: left;
        clear: both;
        margin-left: 0px;
    }

    .ankieta_nr {
        width: 20px;
        height: 20px;
        background: #AD0814;
        float: left;
        clear: both;
        color: #FAB400;
        font-family: "bufalino";
        font-weight: 800;
        text-align: center;
        line-height: 20px;
        border-radius: 50px;
        font-size: 11px;
        margin-top:25px;
        margin-left: -10px;
    }

    .ankieta_title {
        color: #AD0814;
        font-family: "loos-wide";
        font-weight: 500;
        font-size: 8px;
        line-height: 12px;
        width: 170px;
        margin-top: 22px;
        margin-left: 10px;
        float: left;
    }

    .ankieta_white_box {
        width: 6px;
        height: 6px;
        float: left;
        clear: both;
        background: white;
        margin-left: 20px;
        margin-top: 8px;
    }

    .ankieta_text1 {
        width: auto;
        font-size: 8px;
        color: #AD0814;
        font-family: "loos-wide";
        font-weight: 500;
        text-align: center;
        float: left;
        margin-top: 6px;
        margin-left: 5px;
    }

    .ankieta_red_box {
        width: 6px;
        height: 6px;
        float: left;
        background: #AD0814;
        margin-left: 10px;
        margin-top: 8px;
    }

    .ankieta_big_box_white {
        width: 38px;
        height: auto;
        float: left;
        background: white;
        position: absolute;
        bottom: 0px;
        text-align: center;
        font-size: 5px;
        font-family: "loos-wide";
        font-weight: 500;
        color: #AD0814;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ankieta_big_box_red {
        width: 38px;
        height: auto;
        float: right;
        background: #AD0814;
        position: absolute;
        bottom: 0px;
        right: 0px;
        text-align: center;
        font-size: 5px;
        font-family: "loos-wide";
        font-weight: 500;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ankieta_inner1 {
        float: left;
        clear: both;
    }

    .ankieta_inner2 {
        width: 83px;
        height: 70px;
        float: right;
        position: relative;
        margin-right: 20px;
    }
    #a1{
        height: 62px;
    }
    #b1{
        height: 8px;
    }
    #a2{height: 44px;}
    #b2{height: 26px;}
    #a3{height: 59px;}
    #b3{height: 11px;}
    #a4{height: 63px;}
    #b4{height: 7px;}
    #a5{height: 68px;}
    #b5{height: 3px;}
    #a6{height: 52px;}
    #b6{height: 18px;}
    #a7{height: 41px;}
    #b7{height: 30px;}
    #a8{height: 66px;}
    #b8{height: 5px;}
    #a9{height: 23px;}
    #b9{height: 47px;}
    #a10{height: 24px;}
    #b10{height: 46px;}
    #a11{height: 50px;}
    #b11{height: 20px;}
    #a12{height: 47px;}
    #b12{height: 24px;}
    #a13{height: 43px;}
    #b13{height: 27px;}
    #a14{height: 50px;}
    #b14{height: 20px;}
    #main_text5 {
        width: 320px;
        font-size: 10px;
        line-height: 16px;
        color: #AD0814;
        font-family: "loos-wide";
        font-weight: 500;
        text-align: center;
        float: left;
        clear: both;
        margin-left: 0px;
        margin-top: 40px;
    }
    #main_button_top{
        width: 60px;
        height: 60px;
        background: url('../images/back.png');
        background-repeat: no-repeat;
        background-size: contain;
        float: left;
        clear: both;
        margin-left: 130px;
        margin-top: 30px;
        margin-bottom: 30px;
        cursor: pointer;
    }
}