html {
    height: 100%;
}

@font-face {
    font-family:'DINCond';
    src:url("fonts/DNC57__W.eot");
    src:url("fonts/DNC57__W.eot?#iefix") format("embedded-opentype"),
    url("fonts/DNC57__W.svg#DINCondensedWeb") format("svg"),
    url("fonts/DNC57__W.woff") format("woff"),
    url("fonts/DNC57__W.ttf") format("truetype");
    font-weight:normal;
    font-style:normal
}

body {
    font-family: "DINCond",Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1.4;
    height: 100%;
    font-weight: normal;
}

img {
    max-width: 100%;
}

strong, b {
    font-weight: 700;
}

.textCenter, .centerText {
    text-align: center;
}

.textLeft, .leftText {
    text-align: left;
}

.text-uppercase {
    text-transform: uppercase;
}

.backgroundImg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.pageContainer {
    width: 100%;
    height: 100%;
    background-image: url("../img/bg_Image.jpg");
    text-align: center;
    display: table;
}

.poolBlockWrapper {
    display: table-cell;
    vertical-align: middle;
}

.poolBlock {
    padding: 60px 25px;
    background-color: rgba(145,66,152,0.6);
    max-width: 70%;
    margin: 0 auto;
    border-top: 4px rgba(255,255,255,0.5) solid;
}

.radioBlock {
    line-height: 1.2;
}

.poolBlock.finalResult {
    max-width: 55%;
    margin: 0 0 0 5%;
    float: left;
    padding-top: 25px;
    padding-bottom: 20px;
}

.poolBlock .row .col_12 {
    text-align: left;
}

.poolBlock input {
    display: none;
}

.poolBlock label {
    display: inline-block;
    cursor: pointer;
}

.poolBlock.labelHover label:hover span {
    color: #000000;
}

.poolBlock h1 {
    font-size: 60px;
    line-height: 1;
}

.btn {
    display: inline-flex;
    font-family: "DINCond",Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
    font-weight: normal;
    background-color: #ffffff;
    color: #914298;
    border: 0;
    font-size: 30px;
    padding: 20px 25px;
    cursor: pointer;
    text-transform: uppercase;
}

.poolBlock button, .buyTicketBlock button {
    font-family: "DINCond",Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
    font-weight: normal;
    background-color: #ffffff;
    color: #914298;
    border: 0;
    font-size: 30px;
    padding: 20px 25px;
    cursor: pointer;
    text-transform: uppercase;
}

.buyTicketBlock {
    background-color: rgba(255,255,255,0.8);
    width: 25%;
    float: right;
    color: #000000;
    font-size: 40px;
    text-align: left;
    padding: 40px 30px 30px 40px;
    border-top: 4px rgba(145,66,152, 0.5) solid;
}

.buyTicketBlock button {
    background-color: #914298;
    color: #ffffff;
    padding: 25px 50px;
    display: block;
}

.buyTicketBlock strong {
    color: #914298;
}

.buyTicketBlock a {
    text-decoration: none;
}

.stepBlocks {
    display: none;
}

@media screen and (max-width: 1024px) {
    .poolBlock h1 {
        font-size: 54px;
        line-height: 1;
    }
    .buyTicketBlock {
        font-size: 32px;
    }
    body {
        font-size: 24px;
    }
    .buyTicketBlock button {
        padding: 25px 25px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1366px) {
    body {
        font-size: 28px;
    }
}