.lotto-color-1 {
    background-color: #77AFE8;
    background: linear-gradient(90deg, #77AFE8, #90C4F9);
}

.brand-color-1 .lottery-box-body {
    background-color: #77AFE8;
    background: -webkit-linear-gradient(90deg, #77AFE8, #90C4F9);
    background: -o-linear-gradient(90deg, #77AFE8, #90C4F9);
    background: -moz-linear-gradient(90deg, #77AFE8, #90C4F9);
    background: linear-gradient(90deg, #77AFE8, #90C4F9);
}

.lotto-color-2 {
    background-color: #5A83BE;
    background: linear-gradient(90deg, #5A83BE, #7C9DCE);
}

.brand-color-2 .lottery-box-body {
    background-color: #5A83BE;
    background: -webkit-linear-gradient(90deg, #5A83BE, #7C9DCE);
    background: -o-linear-gradient(90deg, #5A83BE, #7C9DCE);
    background: -moz-linear-gradient(90deg, #5A83BE, #7C9DCE);
    background: linear-gradient(90deg, #5A83BE, #7C9DCE);
}

.lotto-color-3 {
    background-color: #DB92E9;
    background: linear-gradient(90deg, #DB92E9, #E3A9EE)
}

.brand-color-3 .lottery-box-body {
    background-color: #DB92E9;
    background: -webkit-linear-gradient(90deg, #DB92E9, #E3A9EE);
    background: -o-linear-gradient(90deg, #DB92E9, #E3A9EE);
    background: -moz-linear-gradient(90deg, #DB92E9, #E3A9EE);
    background: linear-gradient(90deg, #DB92E9, #E3A9EE);
}

.lotto-color-4 {
    background-color: #D2201E;
    background: linear-gradient(90deg, #D2201E, #E95150);
}

.brand-color-4 .lottery-box-body {
    background-color: #D2201E;
    background: -webkit-linear-gradient(90deg, #D2201E, #E95150);
    background: -o-linear-gradient(90deg, #D2201E, #E95150);
    background: -moz-linear-gradient(90deg, #D2201E, #E95150);
    background: linear-gradient(90deg, #D2201E, #E95150);
}

.lotto-color-5 {
    background-color: #8A4D4D;
    background: linear-gradient(90deg, #8A4D4D, #AB6F6F);
}

.brand-color-5 .lottery-box-body {
    background-color: #8A4D4D;
    background: -webkit-linear-gradient(90deg, #8A4D4D, #AB6F6F);
    background: -o-linear-gradient(90deg, #8A4D4D, #AB6F6F);
    background: -moz-linear-gradient(90deg, #8A4D4D, #AB6F6F);
    background: linear-gradient(90deg, #8A4D4D, #AB6F6F);
}

.lotto-color-7 {
    background-color: #4770F4;
    background: linear-gradient(90deg, #4770f4, #6B8EFF);
}

.brand-color-7 .lottery-box-body {
    background-color: #4770F4;
    background: -webkit-linear-gradient(90deg, #4770f4, #6B8EFF);
    background: -o-linear-gradient(90deg, #4770f4, #6B8EFF);
    background: -moz-linear-gradient(90deg, #4770f4, #6B8EFF);
    background: linear-gradient(90deg, #4770f4, #6B8EFF);
}

.lotto-color-8 {
    background-color: #91A0FF;
    background: linear-gradient(90deg, #91A0FF, #A5B1FF);
}

.brand-color-8 .lottery-box-body {
    background-color: #91A0FF;
    background: -webkit-linear-gradient(90deg, #91A0FF, #A5B1FF);
    background: -o-linear-gradient(90deg, #91A0FF, #A5B1FF);
    background: -moz-linear-gradient(90deg, #91A0FF, #A5B1FF);
    background: linear-gradient(90deg, #91A0FF, #A5B1FF);
}

.lotto-color-9 {
    background-color: #88C93E;
    background: linear-gradient(90deg, #88C93E, #AADF6D);
}

.brand-color-9 .lottery-box-body {
    background-color: #88C93E;
    background: -webkit-linear-gradient(90deg, #88C93E, #AADF6D);
    background: -o-linear-gradient(90deg, #88C93E, #AADF6D);
    background: -moz-linear-gradient(90deg, #88C93E, #AADF6D);
    background: linear-gradient(90deg, #88C93E, #AADF6D);
}

.lotto-color-10 {
    background-color: #1352AB;
    background: linear-gradient(90deg, #1352AB, #3272E1);
}

.brand-color-10 .lottery-box-body {
    background-color: #1352AB;
    background: -webkit-linear-gradient(90deg, #1352AB, #3272E1);
    background: -o-linear-gradient(90deg, #1352AB, #3272E1);
    background: -moz-linear-gradient(90deg, #1352AB, #3272E1);
    background: linear-gradient(90deg, #1352AB, #3272E1);
}

.lotto-color-11 {
    background-color: #238F09;
    background: linear-gradient(90deg, #238F09, #4ABE2E);
}

.brand-color-11 .lottery-box-body {
    background-color: #238F09;
    background: -webkit-linear-gradient(90deg, #238F09, #4ABE2E);
    background: -o-linear-gradient(90deg, #238F09, #4ABE2E);
    background: -moz-linear-gradient(90deg, #238F09, #4ABE2E);
    background: linear-gradient(90deg, #238F09, #4ABE2E);
}

.lotto-color-12 {
    background-color: #19B8AD;
    background: linear-gradient(90deg, #19B8AD, #2ACCC1);
}

.brand-color-12 .lottery-box-body {
    background-color: #19B8AD;
    background: -webkit-linear-gradient(90deg, #19B8AD, #2ACCC1);
    background: -o-linear-gradient(90deg, #19B8AD, #2ACCC1);
    background: -moz-linear-gradient(90deg, #19B8AD, #2ACCC1);
    background: linear-gradient(90deg, #19B8AD, #2ACCC1);
}

.lotto-color-13 {
    background-color: #CD3EE8;
    background: linear-gradient(90deg, #CD3EE8, #E457FF);
}

.brand-color-13 .lottery-box-body {
    background-color: #CD3EE8;
    background: -webkit-linear-gradient(90deg, #CD3EE8, #E457FF);
    background: -o-linear-gradient(90deg, #CD3EE8, #E457FF);
    background: -moz-linear-gradient(90deg, #CD3EE8, #E457FF);
    background: linear-gradient(90deg, #CD3EE8, #E457FF);
}

.lotto-color-14 {
    background-color: #00D461;
    background: linear-gradient(90deg, #00D461, #3EE88C);
}

.brand-color-14 .lottery-box-body {
    background-color: #00D461;
    background: -webkit-linear-gradient(90deg, #00D461, #3EE88C);
    background: -o-linear-gradient(90deg, #00D461, #3EE88C);
    background: -moz-linear-gradient(90deg, #00D461, #3EE88C);
    background: linear-gradient(90deg, #00D461, #3EE88C);
}

.lotto-color-15 {
    background-color: #DC6242;
    background: linear-gradient(90deg, #DC6242, #F17C5E);
}

.brand-color-15 .lottery-box-body {
    background-color: #DC6242;
    background: -webkit-linear-gradient(90deg, #DC6242, #F17C5E);
    background: -o-linear-gradient(90deg, #DC6242, #F17C5E);
    background: -moz-linear-gradient(90deg, #DC6242, #F17C5E);
    background: linear-gradient(90deg, #DC6242, #F17C5E);
}

.lotto-color-16 {
    background-color: #6F7F8E;
    background: linear-gradient(90deg, #6F7F8E, #879EB4);
}

.brand-color-16 .lottery-box-body {
    background-color: #6F7F8E;
    background: -webkit-linear-gradient(90deg, #6F7F8E, #879EB4);
    background: -o-linear-gradient(90deg, #6F7F8E, #879EB4);
    background: -moz-linear-gradient(90deg, #6F7F8E, #879EB4);
    background: linear-gradient(90deg, #6F7F8E, #879EB4);
}

.lotto-color-17 {
    background-color: #0F5E95;
    background: linear-gradient(90deg, #0F5E95, #2983C2);
}

.brand-color-17 .lottery-box-body {
    background-color: #0F5E95;
    background: -webkit-linear-gradient(90deg, #0F5E95, #2983C2);
    background: -o-linear-gradient(90deg, #0F5E95, #2983C2);
    background: -moz-linear-gradient(90deg, #0F5E95, #2983C2);
    background: linear-gradient(90deg, #0F5E95, #2983C2);
}

.lotto-color-18 {
    background-color: #706DFF;
    background: linear-gradient(90deg, #706DFF, #9391FF);
}

.brand-color-18 .lottery-box-body {
    background-color: #706DFF;
    background: -webkit-linear-gradient(90deg, #706DFF, #9391FF);
    background: -o-linear-gradient(90deg, #706DFF, #9391FF);
    background: -moz-linear-gradient(90deg, #706DFF, #9391FF);
    background: linear-gradient(90deg, #706DFF, #9391FF);
}

.lotto-color-19 {
    background-color: #BF343A;
    background: linear-gradient(90deg, #BF343A, #EB4D53);
}

.brand-color-19 .lottery-box-body {
    background-color: #BF343A;
    background: -webkit-linear-gradient(90deg, #BF343A, #EB4D53);
    background: -o-linear-gradient(90deg, #BF343A, #EB4D53);
    background: -moz-linear-gradient(90deg, #BF343A, #EB4D53);
    background: linear-gradient(90deg, #BF343A, #EB4D53);
}

.lotto-color-22 {
    background-color: #F5713F;
    background: linear-gradient(90deg, #F5713F, #FF8151);
}

.brand-color-22 .lottery-box-body {
    background-color: #F5713F;
    background: -webkit-linear-gradient(90deg, #F5713F, #FF8151);
    background: -o-linear-gradient(90deg, #F5713F, #FF8151);
    background: -moz-linear-gradient(90deg, #F5713F, #FF8151);
    background: linear-gradient(90deg, #F5713F, #FF8151);
}


.lotto-color-23 {
    background-color: #F3112F;
    background: linear-gradient(90deg, #F3112F, #FB4E6C);
}

.brand-color-23 .lottery-box-body {
    background-color: #F3112F;
    background: -webkit-linear-gradient(90deg, #F3112F, #FB4E6C);
    background: -o-linear-gradient(90deg, #F3112F, #FB4E6C);
    background: -moz-linear-gradient(90deg, #F3112F, #FB4E6C);
    background: linear-gradient(90deg, #F3112F, #FB4E6C);
}

.lotto-color-25 {
    background-color: #4770F4;
    background: linear-gradient(90deg, #4770F4, #6B8EFF);
}

.brand-color-25 .lottery-box-body {
    background-color: #4770F4;
    background: -webkit-linear-gradient(90deg, #4770F4, #6B8EFF);
    background: -o-linear-gradient(90deg, #4770F4, #6B8EFF);
    background: -moz-linear-gradient(90deg, #4770F4, #6B8EFF);
    background: linear-gradient(90deg, #4770F4, #6B8EFF);
}

.lotto-color-26 {
    background-color: #2079FF;
    background: linear-gradient(90deg, #2079FF, #209EFF);
}

.brand-color-26 .lottery-box-body {
    background-color: #2079FF;
    background: -webkit-linear-gradient(90deg, #2079FF, #209EFF);
    background: -o-linear-gradient(90deg, #2079FF, #209EFF);
    background: -moz-linear-gradient(90deg, #2079FF, #209EFF);
    background: linear-gradient(90deg, #2079FF, #209EFF);
}

.lotto-color-29 {
    background-color: #27A4D4;
    background: linear-gradient(90deg, #27A4D4, #34B9EC);
}

.brand-color-29 .lottery-box-body {
    background-color: #27A4D4;
    background: -webkit-linear-gradient(90deg, #27A4D4, #34B9EC);
    background: -o-linear-gradient(90deg, #27A4D4, #34B9EC);
    background: -moz-linear-gradient(90deg, #27A4D4, #34B9EC);
    background: linear-gradient(90deg, #27A4D4, #34B9EC);
}

.lotto-color-30 {
    background-color: #164D93;
    background: linear-gradient(90deg, #2961A7, #164D93);
}

.brand-color-30 .lottery-box-body {
    background-color: #164D93;
    background: -webkit-linear-gradient(90deg, #2961A7, #164D93);
    background: -o-linear-gradient(90deg, #2961A7, #164D93);
    background: -moz-linear-gradient(90deg, #2961A7, #164D93);
    background: linear-gradient(90deg, #2961A7, #164D93);
}

.lotto-color-32 {
    background-color: #6835E2;
    background: linear-gradient(90deg, #6835E2, #895AFB);
}

.brand-color-32 .lottery-box-body {
    background-color: #6835E2;
    background: -webkit-linear-gradient(90deg, #6835E2, #895AFB);
    background: -o-linear-gradient(90deg, #6835E2, #895AFB);
    background: -moz-linear-gradient(90deg, #6835E2, #895AFB);
    background: linear-gradient(90deg, #6835E2, #895AFB);
}

.lotto-color-33 {
    background-color: #EF7E0E;
    background: linear-gradient(90deg, #EF7E0E, #FF9021);
}

.brand-color-33 .lottery-box-body {
    background-color: #EF7E0E;
    background: -webkit-linear-gradient(90deg, #EF7E0E, #FF9021);
    background: -o-linear-gradient(90deg, #EF7E0E, #FF9021);
    background: -moz-linear-gradient(90deg, #EF7E0E, #FF9021);
    background: linear-gradient(90deg, #EF7E0E, #FF9021);
}


.lotto-color-34 {
    background-color: #703ce7;
    background: linear-gradient(90deg, #703ce7, #8353f7);
}

.brand-color-34 .lottery-box-body {
    background-color: #703ce7;
    background: -webkit-linear-gradient(90deg, #703ce7, #8353f7);
    background: -o-linear-gradient(90deg, #703ce7, #8353f7);
    background: -moz-linear-gradient(90deg, #703ce7, #8353f7);
    background: linear-gradient(90deg, #703ce7, #8353f7);
}


.lotto-color-35 {
    background-color: #00D4C6;
    background: linear-gradient(90deg, #00D4C6, #1CE8DA);
}

.brand-color-35 .lottery-box-body {
    background-color: #00D4C6;
    background: -webkit-linear-gradient(90deg, #00D4C6, #1CE8DA);
    background: -o-linear-gradient(90deg, #00D4C6, #1CE8DA);
    background: -moz-linear-gradient(90deg, #00D4C6, #1CE8DA);
    background: linear-gradient(90deg, #00D4C6, #1CE8DA);
}

.lotto-color-36 {
    background-color: #009862;
    background: linear-gradient(90deg, #009862, #1CB57F);
}

.brand-color-36 .lottery-box-body {
    background-color: #009862;
    background: -webkit-linear-gradient(90deg, #009862, #1CB57F);
    background: -o-linear-gradient(90deg, #009862, #1CB57F);
    background: -moz-linear-gradient(90deg, #009862, #1CB57F);
    background: linear-gradient(90deg, #009862, #1CB57F);
}

.lotto-color-39 {
    background-color: #3e4982;
    background: linear-gradient(90deg, #3e4982, #252e60);
}

.brand-color-39 .lottery-box-body {
    background-color: #3e4982;
    background: -webkit-linear-gradient(90deg, #3e4982, #252e60);
    background: -o-linear-gradient(90deg, #3e4982, #252e60);
    background: -moz-linear-gradient(90deg, #3e4982, #252e60);
    background: linear-gradient(90deg, #3e4982, #252e60);
}

.lotto-color-40 {
    background-color: #77AFE8;
    background: linear-gradient(90deg, #77AFE8, #90C4F9);
}

.brand-color-1 .lottery-box-body {
    background-color: #77AFE8;
    background: -webkit-linear-gradient(90deg, #77AFE8, #90C4F9);
    background: -o-linear-gradient(90deg, #77AFE8, #90C4F9);
    background: -moz-linear-gradient(90deg, #77AFE8, #90C4F9);
    background: linear-gradient(90deg, #77AFE8, #90C4F9);
}

.lotto-color-41 {
    background-color: #6690c7;
    background: linear-gradient(90deg, #6690c7, #2062b4);
}

.brand-color-41 .lottery-box-body {
    background-color: #6690c7;
    background: -webkit-linear-gradient(90deg, #6690c7, #2062b4);
    background: -o-linear-gradient(90deg, #6690c7, #2062b4);
    background: -moz-linear-gradient(90deg, #6690c7, #2062b4);
    background: linear-gradient(90deg, #6690c7, #2062b4);
}

.lotto-color-42 {
    background-color: #d61009;
    background: linear-gradient(90deg, #d61009, #fd3a30);
}

.brand-color-1 .lottery-box-body {
    background-color: #d61009;
    background: -webkit-linear-gradient(90deg, #d61009, #fd3a30);
    background: -o-linear-gradient(90deg, #d61009, #fd3a30);
    background: -moz-linear-gradient(90deg, #d61009, #fd3a30);
    background: linear-gradient(90deg, #d61009, #fd3a30);
}

.lotto-color-44 {
    background-color: #8edaa2;
    background: linear-gradient(90deg, #8edaa2, #2aba4c);
}

.brand-color-1 .lottery-box-body {
    background-color: #8edaa2;
    background: -webkit-linear-gradient(90deg, #8edaa2, #2aba4c);
    background: -o-linear-gradient(90deg, #8edaa2, #2aba4c);
    background: -moz-linear-gradient(90deg, #8edaa2, #2aba4c);
    background: linear-gradient(90deg, #8edaa2, #2aba4c);
}

.lotto-color-44 {
    background-color: #8edaa2;
    background: linear-gradient(90deg, #8edaa2, #2aba4c);
}

.brand-color-1 .lottery-box-body {
    background-color: #8edaa2;
    background: -webkit-linear-gradient(90deg, #8edaa2, #2aba4c);
    background: -o-linear-gradient(90deg, #8edaa2, #2aba4c);
    background: -moz-linear-gradient(90deg, #8edaa2, #2aba4c);
    background: linear-gradient(90deg, #8edaa2, #2aba4c);
}

.lotto-color-45 {
    background-color: #c02513;
    background: linear-gradient(90deg, #c02513, #c02513);
}

.brand-color-1 .lottery-box-body {
    background-color: #c02513;
    background: -webkit-linear-gradient(90deg, #c02513, #c02513);
    background: -o-linear-gradient(90deg, #c02513, #c02513);
    background: -moz-linear-gradient(90deg, #c02513, #c02513);
    background: linear-gradient(90deg, #c02513, #c02513);
}

.lotto-color-46 {
    background-color: #8e47bb;
    background: linear-gradient(90deg, #8e47bb, #a36ac7);
}

.brand-color-1 .lottery-box-body {
    background-color: #8e47bb;
    background: -webkit-linear-gradient(90deg, #8e47bb, #a36ac7);
    background: -o-linear-gradient(90deg, #8e47bb, #a36ac7);
    background: -moz-linear-gradient(90deg, #8e47bb, #a36ac7);
    background: linear-gradient(90deg, #8e47bb, #a36ac7);
}

.lotto-color-47 {
    background-color: #2e9c62;
    background: linear-gradient(90deg, #2e9c62, #008a41);
}

.brand-color-1 .lottery-box-body {
    background-color: #2e9c62;
    background: -webkit-linear-gradient(90deg, #2e9c62, #008a41);
    background: -o-linear-gradient(90deg, #2e9c62, #008a41);
    background: -moz-linear-gradient(90deg, #2e9c62, #008a41);
    background: linear-gradient(90deg, #2e9c62, #008a41);
}

.lotto-color-48 {
    background-color: #6bb745;
    background: linear-gradient(90deg, #6bb745, #4f902e);
}

.brand-color-1 .lottery-box-body {
    background-color: #8d7eca;
    background: -webkit-linear-gradient(90deg, #6bb745, #4f902e);
    background: -o-linear-gradient(90deg, #6bb745, #4f902e);
    background: -moz-linear-gradient(90deg, #6bb745, #4f902e);
    background: linear-gradient(90deg, #6bb745, #4f902e);
}



.lotto-color-49 {
    background-color: #8d7eca;
    background: linear-gradient(90deg, #8d7eca, #8e7fcb);
}

.brand-color-1 .lottery-box-body {
    background-color: #8d7eca;
    background: -webkit-linear-gradient(90deg, #8d7eca, #8e7fcb);
    background: -o-linear-gradient(90deg, #8d7eca, #8e7fcb);
    background: -moz-linear-gradient(90deg, #8d7eca, #8e7fcb);
    background: linear-gradient(90deg, #8d7eca, #8e7fcb);
}

.lotto-color-53 {
    background-color: #4485ed;
    background: linear-gradient(90deg, #4485ed, #eea789);
}

.brand-color-1 .lottery-box-body {
    background-color: #4485ed;
    background: -webkit-linear-gradient(90deg, #4485ed, #eea789);
    background: -o-linear-gradient(90deg, #4485ed, #eea789);
    background: -moz-linear-gradient(90deg, #4485ed, #eea789);
    background: linear-gradient(90deg, #4485ed, #eea789);
}

.lotto-color-54 {
    background-color: #f57474;
    background: linear-gradient(90deg, #f57474, #bb0306);
}

.brand-color-1 .lottery-box-body {
    background-color: #de3134;
    background: -webkit-linear-gradient(90deg, #f57474, #bb0306);
    background: -o-linear-gradient(90deg, #f57474, #bb0306);
    background: -moz-linear-gradient(90deg, #f57474, #bb0306);
    background: linear-gradient(90deg, #f57474, #bb0306);
}

h2.page-title {
    font-family: "Roboto";
    color: #393f44;
    font-size: 23px;
    margin-bottom: 40px;
    font-weight: lighter;
}

button {
    border: none;
    outline: none;
}

.has-error input {
    border: 1px solid #ed6b75 !important;
}

.has-error select {
    border: 1px solid #ed6b75 !important;
}

.input-icon.right {
    left: auto;
    right: 0;
}

.input-icon {
    position: relative;
    left: 0;
}

    .input-icon.right > i {
        right: 8px;
        float: right;
    }

.has-error .input-icon > i {
    color: #ed6b75;
}

.input-icon > i {
    color: #ccc;
    position: absolute;
    margin: 16px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    font-size: 16px;
    text-align: center;
}

.input-icon > i, .radio-list > label {
    display: block;
}

.input-error {
    display: none;
    margin: 2px 0 0 5px;
    font-size: 12px;
    line-height: 25px;
}

    .input-error.input-error-block {
        position: fixed;
        left: 30px;
        margin: 38px 0 0 5px;
    }

    .input-error.input-error-overlay {
        display: none;
        width: auto;
        height: 45px;
        min-width: 170px;
        position: absolute;
        right: 0px;
        margin: 0 0 0 0 !important;
        padding: 15px 5px 0 27px !important;
        font-size: 12px;
        background: #f2efef url(/Content/Themes/LotteryWorld/images/input-error.png) 5px center no-repeat;
        border: 1px solid #ed6b75;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 3;
    }

    .input-error.input-error-note {
        display: none;
        width: auto;
        height: auto;
        position: absolute;
        right: 0px;
        margin: 0 0 0 0 !important;
        padding: 3px 5px 0 20px !important;
        font-size: 12px;
        background: transparent url(/Content/Themes/LotteryWorld/images/input-error.png) 2px no-repeat;
    }

.has-error .input-error {
    color: #ee0000 !important;
}

.form-group .input-group {
    width: 100% !important;
}

.input-note {
    display: block;
    font-size: 13px;
    color: gray;
}

/* SignIn and SignUp Modal - START */

.modal .info-phrase {
    display: block;
    width: auto;
    height: auto;
    margin: 20px 10px 0 10px;
    text-align: justify;
}

.modal .modal-body #MySignUpForm .sign-header {
    font-size: 14px;
}

    .modal .modal-body #MySignUpForm .sign-header hr {
        margin: 15px 0 15px 0;
    }

.modal .modal-body #MySignUpForm .sign-body {
    padding-bottom: 0px !important;
}

    .modal .modal-body #MySignUpForm .sign-body span.select2 {
        margin-bottom: 10px !important;
    }

.modal .modal-body .sign-btn-box .sign-in-link {
    color: #6b737b;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal .modal-body .forgot-password-link {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: -18px;
    display: block;
    text-decoration: underline;
}

    .modal .modal-body .forgot-password-link:hover {
        text-decoration: none;
    }

.modal .modal-body .sign-header {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 15px 0;
    font-size: 13px;
    text-align: justify;
}

.modal .modal-body .sign-footer-1 {
    color: black;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    text-align: center;
}

    .modal .modal-body .sign-footer-1 a {
        text-decoration: underline;
    }

        .modal .modal-body .sign-footer-1 a:hover {
            text-decoration: none;
        }

.modal .modal-body .sign-footer-2 {
    color: gray;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
}

    .modal .modal-body .sign-footer-2 a {
        color: gray;
        text-decoration: underline;
    }

        .modal .modal-body .sign-footer-2 a:hover {
            color: gray;
            text-decoration: none;
        }


.modal .modal-body form {
    margin: 0 0 0 0;
}

    .modal .modal-body form .control-label {
        padding-top: 0px !important;
        padding-bottom: 3px !important;
    }

.modal .modal-progress {
}

    .modal .modal-progress .sign-up-progress {
    }

.sign-up-progress table {
    width: 100%;
}

    .sign-up-progress table td.td-line {
        width: 25%;
    }

        .sign-up-progress table td.td-line hr {
            border: none;
            border-top: 1px solid #d1d2d3;
        }

        .sign-up-progress table td.td-line.past hr {
            border: none;
            border-top: 1px solid #05ce05;
        }

        .sign-up-progress table td.td-line.active hr {
            border: none;
            border-top: 1px solid #05ce05;
        }

    .sign-up-progress table td.td-step a {
        display: block;
        width: auto;
        height: auto;
        padding: 0 6px 0 6px;
        border: 1px solid #d1d2d3;
        border-radius: 50%;
        background: white;
        color: gray;
        font-weight: 600;
    }

    .sign-up-progress table td.td-step.past a {
        border: 1px solid #05ce05;
        color: black;
    }

        .sign-up-progress table td.td-step.past a:hover {
            background: #05ce05;
            color: white;
        }

    .sign-up-progress table td.td-step.active a {
        border: 1px solid #05ce05;
        background: #05ce05;
        color: white;
    }

.modal .sign-body hr {
    width: 100%;
    margin: 0 0 15px 0;
}

.modal-sign-in-logo {
    background: url(/Media/app/images/logo/jackpot_logo_desktop.png) no-repeat top center/95px;
    padding-top: 50px;
}

/* SignIn and SignUp Modal - START */


/* BlockUI Styles - START */

.loading-message {
    display: inline-block;
    min-width: 125px;
    margin-left: -60px;
    padding: 10px;
    margin: 0 auto;
    color: #000 !important;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
}

    .loading-message.loading-message-boxed {
        border: 1px solid #ddd;
        background-color: #eee;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    }

    .loading-message > span {
        line-height: 20px;
        vertical-align: middle;
    }

.page-loading {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 125px;
    margin-left: -60px;
    margin-top: -30px;
    padding: 7px;
    text-align: center;
    color: #333;
    font-size: 13px;
    border: 1px solid #ddd;
    background-color: #eee;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}

    .page-loading > span {
        line-height: 20px;
        vertical-align: middle;
    }

.page-spinner-bar {
    position: fixed;
    z-index: 10051;
    width: 100px;
    top: 40%;
    left: 50%;
    margin-left: -55px;
    text-align: center;
}

    .page-spinner-bar > div {
        margin: 0 5px;
        width: 18px;
        height: 18px;
        background: #eee;
        border-radius: 100% !important;
        display: inline-block;
        -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
        animation: bounceDelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .page-spinner-bar .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .page-spinner-bar .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

.block-spinner-bar {
    display: inline-block;
    width: 80px;
    text-align: center;
}

    .block-spinner-bar > div {
        margin: 0 2px;
        width: 15px;
        height: 15px;
        background: #eee;
        border-radius: 100% !important;
        display: inline-block;
        -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
        animation: bounceDelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .block-spinner-bar .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .block-spinner-bar .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

    .page-spinner-bar > div.bounce1,
    .block-spinner-bar > div.bounce1 {
        background: #0830f4;
    }

    .page-spinner-bar > div.bounce2,
    .block-spinner-bar > div.bounce2 {
        background: #ff0031;
    }

    .page-spinner-bar > div.bounce3,
    .block-spinner-bar > div.bounce3 {
        background: #fed934;
    }

.blockUI.blockMsg .loading-message-text {

    display: block;

    width: auto;
    height: auto;

    margin: 5px 0 0 0;
    padding: 0 0 0 0;

    font-family: 'Axiforma', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #000;

    opacity: 0.5;

}

@-webkit-keyframes bounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceDelay {
    0%, 80%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
/* BlockUI Styles - END */



/* Modal Form - START */

.modal-form .form-header {
    display: block;
    margin-bottom: 20px;
}

.modal-form {
    margin: 10px 5px 10px 5px;
}

    .modal-form .control-label {
        font-size: 12px;
    }

    .modal-form form .control-label .requiredMark {
        color: red;
    }

    .modal-form form .input-text {
        height: 35px !important;
        margin-bottom: 10px;
        border: 1px solid #d1d2d3;
        border-radius: 5px !important;
        outline: 0;
        box-shadow: none;
    }

    .modal-form form .select2-container--bootstrap .select2-selection--single {
        height: 35px !important;
        line-height: 1.42857;
        padding: 8px 24px 6px 12px;
        box-shadow: none;
    }

    .modal-form form .input-icon > i {
        margin: 10px 2px 4px 10px;
    }

    .modal-form form .input-icon.right-select > i {
        margin-right: 14px;
    }

    .modal-form form .input-group {
        width: 100%;
    }

    .modal-form form .input-note {
    }

    .modal-form form .form-action {
    }

.action-btn {
    background-color: #05ce05;
    border-radius: 10px;
    padding: 10px 20px 10px 20px;
    color: #fff;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.modal-form form hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal-form form .payment-logo-sigle {
    margin: 0 0 0 0 !important;
}

.modal-form form .tooltip {
    min-width: 200px;
}

.modal-form form .fa-description {
    color: #007dd5;
    font-size: 15px;
    cursor: pointer;
}

.modal-form form .tooltip > .tooltip-inner {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.modal-form form .tooltip > .tooltip-arrow {
    border-bottom-color: #ccd7f0;
}

.modal-form form .btn-default, .modal-footer .btn-default,
.modal-form form .btn-default, .modal-footer .btn-default:active {
    background-color: #798d8f;
    border-color: #798d8f;
}

.payment-content-body {
    width: 100%;
    height: 350px;
}

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

    .payment-content-body {
        width: 100%;
        height: auto;
        min-height: 350px;
    }
}

.payment-content-action {
    width: 100%;
    height: 50px;
    border-top: 1px solid #d1d2d3;
}

/* Modal Form - END */



/* Horizontal Form - START */

.form-horizontal .control-label {
    padding-top: 12px !important;
}

/* Horizontal Form - END */

/* Form - START */

.body-form {
    margin-top: 10px;
}

    .body-form .radio-list .input-group {
        margin-bottom: 10px;
    }

        .body-form .radio-list .input-group .input-info {
            display: block;
            margin: 0 0 0 27px;
            font-size: 12px;
        }

    .body-form .field-info {
        display: block;
        margin: -20px 0 15px 0;
        font-family: "Roboto", sans-serif;
        font-size: 12px;
    }

    .body-form .input-text {
        height: 45px !important;
        border: 1px solid #d1d2d3;
        border-radius: 5px !important;
        outline: 0;
        box-shadow: none;
    }

    .body-form .input-group-addon-prefix,
    .body-form .form-group.has-error .input-group-addon-prefix {
        padding: 0 0 0 0 !important;
        background: white !important;
    }

    .body-form .input-prefix,
    .body-form .form-group.has-error .input-prefix {
        min-width: 70px !important;
        height: 35px !important;
        background: white !important;
        margin: 0 0 0 0;
        border: none !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    .body-form .input-group-addon + .input-text {
        border-bottom-left-radius: 0px !important;
        border-top-left-radius: 0px !important;
    }

    .body-form .input-select {
        height: 45px !important;
        margin-bottom: 10px;
        border: 1px solid #d1d2d3;
        border-radius: 5px !important;
        outline: 0;
        box-shadow: none;
    }

    .body-form .update-btn {
        padding: 10px 40px;
        line-height: 22px;
    }

    .body-form .add-btn {
        background-color: #ffd800;
        border-radius: 50px;
        padding: 10px 40px;
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-size: 25px;
        font-weight: 600;
        line-height: 25px;
    }


    .body-form .remove-btn {
        background-color: #ff0000;
        border-radius: 50px;
        padding: 10px 40px;
        color: #fff;
        font-family: "Open Sans Condensed", sans-serif;
        font-size: 25px;
        font-weight: 600;
        line-height: 25px;
    }

    .body-form .btn-sm {
        font-size: 21px;
    }

        .body-form .btn-sm:hover {
        }

.remove-btn-icon {
    width: auto;
    height: auto;
    background: none;
    border: none;
}

.body-form .control-label .requiredMark {
    color: red;
}

.body-form .input-group {
    width: 100%;
}

.body-form .input-group-addon {
    display: table-cell;
    height: 30px !important;
    padding-top: 0px !important;
}

    .body-form .input-group-addon i {
        margin-top: 8px;
    }

    .body-form .input-group-addon div {
        margin-top: 9px;
        font-family: sans-serif;
        font-size: 16px;
        font-weight: 600;
    }

.body-form .input-error-bg {
    padding-top: 20px;
}

.body-form .input-group .right-select {
    right: 20px !important;
}

.body-form .form-group-150 {
    width: 150px !important;
}

.note {
    font-size: 12px;
    color: gray;
}

    .note .title {
        font-weight: bold;
        color: red;
    }

/* Form - END */

h4.drop-down-title {
    font-size: 16px;
    color: #05ce05;
}

h1.content-title {
    color: #333333;
    font-family: "Roboto";
    font-size: 22px;
    font-weight: 600;
    border-bottom: 1px solid #d1d2d3;
    padding-bottom: 15px;
}

hr {
    border-top: 1px solid #333333;
}

h2.content-brand-title {
    color: #4677c4;
    font-family: "Roboto";
    font-size: 30px;
    font-weight: normal;
    margin-top: 30px;
}

.page-text {
    font-family: "Roboto";
    font-size: 15px;
    line-height: 25px;
}

/* Culture List - START */

.container.footer .culture-list {
    display: block;
    width: auto;
    height: auto;
    margin: -30px 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
}

    .container.footer .culture-list a {
        font-family: "Roboto";
        font-size: 14px;
        color: white;
        padding: 0 5px 0 5px;
        font-family: "Roboto";
        font-size: 14px;
        color: #fff;
        text-decoration: none;
    }

        .container.footer .culture-list a.selected-culture {
            color: #05ce05 !important;
        }

        .container.footer .culture-list a:hover {
            text-decoration: underline;
        }

.container.footer .mobile-site-link {
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    color: white;
    padding-bottom: 10px;
}


.container.footer .mobile-site-link {
    display: none;
}

/* Culture List - END */


/* Single Line Info Box - START */

.single-line-info-boxes .visual-lottery-box-big-container {
    display: none;
}

    .single-line-info-boxes .visual-lottery-box-big-container .featured {
    }

        .single-line-info-boxes .visual-lottery-box-big-container .featured .featured-box.empty {
            min-width: 290px;
            min-height: 91px;
            background: Transparent url(/Media/app/images/lottery-box-empty-bg.png) top center no-repeat;
            opacity: 0.2;
            -webkit-animation-name: LoadingBg; /* Chrome, Safari, Opera */
            -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
            -webkit-animation-iteration-count: 5; /* Chrome, Safari, Opera */
            animation-name: LoadingBg;
            animation-duration: 1s;
            animation-iteration-count: 5;
        }

    .single-line-info-boxes .visual-lottery-box-big-container .counter-container-forDelete {
        float: left;
    }

    .single-line-info-boxes .visual-lottery-box-big-container .play-forDelete {
        margin-top: 15px;
    }

.single-line-info-boxes .lottery-info-box .lottery-box-body h1.lottery-prize {
    font-size: 87px;
    line-height: 60px;
}

    .single-line-info-boxes .lottery-info-box .lottery-box-body h1.lottery-prize .small-m {
        font-size: 50px;
    }

.single-line-info-boxes .lottery-info-box .play-area {
    margin-top: 25px !important;
    margin-bottom: 10px !important;
}

.single-line-info-boxes .lottery-info-box .lottery-box-footer .popular-counter {
    padding: 0 0 10px 0 !important;
}

.single-line-info-boxes .lottery-info-box .lottery-box-footer .progress-box {
    margin-top: 0px !important;
}

/* Single Line Info Box - END */

/* Header Languages - START*/
.dropdown-lang-container {
    position: relative;
}

#dropdown-languages.dropdown-menu {
    left: 0px;
    padding-bottom: 5px !important;
    min-width: 77px;
    box-shadow: none;
    border: 1px solid #dddddd !important;
    border-radius: 5px;
}

    #dropdown-languages.dropdown-menu:before {
        display: none;
    }

#dropdown-languages a {
    border: none;
    margin-left: 0px;
}

.chevron-languages {
    color: #d1d2d3;
    font-size: 10px;
}

#languages-a {
    width: 100%;
    display: inline-block;
    cursor: pointer;
    margin-top: -7px;
    margin-left: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 8px 15px 8px 15px;
}

    #languages-a img {
        margin-bottom: 2px;
        display: none;
    }

#tablet-lang {
    display: none;
}

.dropdown-item a img {
    margin-bottom: 2px;
    display: none;
}

.navbar-log-box li.navbar-log-item:nth-last-child(2) a-old {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

@media (max-width: 767px) {

    .dropdown-lang-container {
        width: 72px;
    }

    #dropdown-languages.dropdown-menu {
        left: auto !important;
        right: 0;
    }

    #languages-a img {
        display: inline-block;
        margin-right: 5px;
    }

    #tablet-lang {
        display: inline-block;
        text-transform: capitalize;
    }

    #languages-a {
        border-radius: 5px;
    }

    .navbar-log-box li.navbar-log-item:nth-last-child(3) a-old {
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
    }
}

@media (max-width:480px) {
    .lang-picker-display {
        display: none !important;
    }
}

/* Header Languages - END*/

/* Ideal Postcodes - START */

.sign-find-address-area {
    display: block;
}

.sign-input-address-area {
    display: none;
}

.postcode-input {
    width: 296px !important;
    height: 45px !important;
    float: left;
    border: 1px solid #d1d2d3;
    border-radius: 5px !important;
    outline: 0;
    box-shadow: none;
    margin-bottom: 10px;
}

    .postcode-input:focus {
        border: 1px solid #d1d2d3;
        outline: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset;
    }

.postcode-btn {
    width: 100%;
    height: 45px;
    background-color: #05ce05;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 17px;
    font-weight: 600;
    margin-top: 23px;
    margin-right: 1px;
}

.body-form .field-info-link {
    display: block;
    margin: -5px 0 10px 0;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
}

    .body-form .field-info-link a.error {
        color: red !important;
    }

@media (max-width: 992px) {

    .postcode-btn {
        margin-top: -15px;
    }
}

/* Ideal Postcodes - END */



/* **************************************************************************** */
/* Registration Modal - START */
/* **************************************************************************** */

.customer-dialog .modal-footer {
    display: none;
}

.modal .modal-md .modal-body .modal-body-loading {
    display: inline-block;
    width: 100%;
    height: 100%;
    min-height: 40px;
    margin: 50px 170px 0 170px;
}

.modal .modal-md .modal-body .modal-form-loading {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 200px;
    text-align: center;
}

.modal .body-form {
}

    .modal .body-form .body-fields {
        display: block;
        width: auto;
        height: auto;
        padding: 10px 15px 0 15px;
    }

        .modal .body-form .body-fields div.row > div {
            padding-bottom: 10px;
        }

        .modal .body-form .body-fields .col-md-email {
        }

        .modal .body-form .body-fields .col-md-password {
        }

        .modal .body-form .body-fields .col-md-gender {
            padding-right: 5px !important;
        }

        .modal .body-form .body-fields .col-md-first-name {
            padding-left: 5px !important;
        }

        .modal .body-form .body-fields .col-md-last-name {
        }

        .modal .body-form .body-fields .col-md-country {
            padding-right: 7px !important;
        }

        .modal .body-form .body-fields .col-md-currency {
            padding-left: 4px !important;
        }

        .modal .body-form .body-fields .col-md-phone-area {
            padding-right: 5px !important;
        }

        .modal .body-form .body-fields .col-md-phone-number {
            padding-left: 5px !important;
        }

        .modal .body-form .body-fields .col-md-birthday-title {
            padding-right: 5px !important;
            padding-top: 12px;
            text-align: center;
        }

            .modal .body-form .body-fields .col-md-birthday-title.col-has-error {
                padding-right: 5px !important;
                padding-top: 12px;
                text-align: left;
                padding-left: 5px;
            }

        .modal .body-form .body-fields .col-md-birthday-day {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        .modal .body-form .body-fields .col-md-birthday-month {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        .modal .body-form .body-fields .col-md-birthday-year {
            padding-left: 5px !important;
        }


        .modal .body-form .body-fields .auto-address-area {
            min-height: 385px;
        }

        .modal .body-form .body-fields .manual-address-area {
            min-height: 385px;
        }

        .modal .body-form .body-fields .col-md-postcode-input {
            padding-right: 5px !important;
        }

        .modal .body-form .body-fields .col-md-postcode-button {
            padding-left: 5px !important;
        }

        .modal .body-form .body-fields .col-md-postcode-address {
        }

        .modal .body-form .body-fields .col-md-zip {
        }

        .modal .body-form .body-fields .col-md-city {
        }

        .modal .body-form .body-fields .col-md-address {
        }

        .modal .body-form .body-fields .col-md-address-street {
            padding-right: 5px !important;
        }

        .modal .body-form .body-fields .col-md-address-building {
            padding-left: 5px !important;
            padding-right: 5px;
        }

        .modal .body-form .body-fields .col-md-address-flat {
            padding-left: 5px !important;
        }

        .modal .body-form .body-fields .col-md-command {
            margin-top: 10px;
        }

        .modal .body-form .body-fields .col-md-birthday-title .input-icon {
            margin-top: -10px;
            margin-right: -5px;
        }

        .modal .body-form .body-fields .auto-address-area .show-manual-address-link,
        .modal .body-form .body-fields .manual-address-area .show-auto-address-link {
            display: block;
            width: 100%;
            height: auto;
            text-align: center;
        }

            .modal .body-form .body-fields .auto-address-area .show-manual-address-link.error,
            .modal .body-form .body-fields .manual-address-area .show-auto-address-link.error {
                text-align: left !important;
            }

            .modal .body-form .body-fields .auto-address-area .show-manual-address-link a,
            .modal .body-form .body-fields .manual-address-area .show-auto-address-link a {
                font-family: "Roboto", sans-serif;
                font-size: 14px;
                color: #337ab7;
                text-decoration: underline;
            }

                .modal .body-form .body-fields .auto-address-area .show-manual-address-link a:hover,
                .modal .body-form .body-fields .manual-address-area .show-auto-address-link a:hover {
                    color: #23527c;
                    text-decoration: none;
                }

            .modal .body-form .body-fields .auto-address-area .show-manual-address-link.error a,
            .modal .body-form .body-fields .manual-address-area .show-auto-address-link.error a {
                font-size: 13px;
                color: red !important;
                text-decoration: none !important;
            }

        .modal .body-form .body-fields .form-group {
            margin: 0 0 0 0 !important;
        }

            .modal .body-form .body-fields .form-group.has-error label.control-label {
                color: #ed6b75 !important;
            }

            .modal .body-form .body-fields .form-group.has-error label.control-label {
                color: #ed6b75 !important;
            }

            .modal .body-form .body-fields .form-group .input-group-icon {
                position: absolute;
                width: auto;
                height: auto;
                padding: 13px 0 0 10px;
                z-index: 5;
            }

                .modal .body-form .body-fields .form-group .input-group-icon i {
                    color: #999999;
                    font-size: 14px;
                }


            .modal .body-form .body-fields .form-group input.sign-input {
                width: 100% !important;
                height: 45px !important;
                border: 1px solid #d1d2d3;
                border-radius: 5px !important;
                outline: 0;
                box-shadow: none;
                padding-top: 0px !important;
                padding-bottom: 0px !important;
                margin-top: 0px !important;
                margin-bottom: 0px !important;
            }

                .modal .body-form .body-fields .form-group input.sign-input.input-readonly {
                    background-color: #eef1f5 !important;
                    cursor: not-allowed;
                }

            .modal .body-form .body-fields .form-group select.sign-input {
                width: 100% !important;
                height: 45px !important;
                line-height: 39px;
                border: 1px solid #d1d2d3;
                border-radius: 5px !important;
                outline: 0;
                box-shadow: none;
                padding-top: 0px !important;
                padding-bottom: 0px !important;
                margin-top: 0px !important;
                margin-bottom: 0px !important;
            }

            .modal .body-form .body-fields .form-group button.find-postcode {
                width: 100%;
                height: 45px;
                background-color: #05ce05;
                border: none;
                border-radius: 5px;
                color: #fff;
                font-family: "Open Sans Condensed", sans-serif;
                font-size: 17px;
                font-weight: 600;
            }

            .modal .body-form .body-fields .form-group .select2 .select2-selection__rendered {
                color: #555 !important;
            }


            .modal .body-form .body-fields .form-group input.input-email {
                background: Transparent url('/Content/Themes/LotteryWorld/images/icons/input-email.png') 10px 15px no-repeat;
                padding-left: 35px;
            }

            .modal .body-form .body-fields .form-group input.input-password,
            .modal .body-form .body-fields .form-group input.input-confirm-password {
                background: Transparent url('/Content/Themes/LotteryWorld/images/icons/input-password.png') 10px 11px no-repeat;
                padding-left: 35px;
            }

        .modal .body-form .body-fields .col-md-country .form-group .select2 .select2-selection {
            background: Transparent url('/Content/Themes/LotteryWorld/images/icons/input-country.png') 10px 13px no-repeat;
            padding-left: 35px;
        }

        .modal .body-form .body-fields .col-md-country .form-group input.input-country-box,
        .modal .body-form .body-fields .col-md-currency .form-group input.input-currency-box {
        }

            .modal .body-form .body-fields .col-md-country .form-group input.input-country-box:disabled,
            .modal .body-form .body-fields .col-md-currency .form-group input.input-currency-box:disabled {
                background: #eef1f5 !important;
            }

        .modal .body-form .body-fields .col-md-birthday-title label.control-label {
            min-height: 23px;
            color: #a3a3a3 !important;
            font-weight: 500 !important;
            background: Transparent url('/Content/Themes/LotteryWorld/images/icons/input-birthday.png') 10px 0px no-repeat;
            padding-top: 3px !important;
            padding-left: 35px;
        }

        .modal .body-form .body-fields .col-md-birthday-title.col-has-error label.control-label {
            background-image: url('/Content/Themes/LotteryWorld/images/icons/input-birthday-error.png');
        }

        .modal .body-form .body-fields .form-group input.input-zip {
            background: Transparent url('/Content/Themes/LotteryWorld/images/icons/input-zip.png') 10px 15px no-repeat;
            padding-left: 35px;
        }

        .modal .body-form .body-fields .form-group input.input-city {
            background: Transparent url('/Content/Themes/LotteryWorld/images/icons/input-city.png') 10px 11px no-repeat;
            padding-left: 35px;
        }

        .modal .body-form .body-fields .form-group input.input-address {
            background: Transparent url('/Content/Themes/LotteryWorld/images/icons/input-address.png') 10px 12px no-repeat;
            padding-left: 35px;
        }

        .modal .body-form .body-fields .form-group input.input-postcode {
            background: Transparent url('/Content/Themes/LotteryWorld/images/icons/input-postcode.png') 10px 15px no-repeat;
            padding-left: 35px;
        }


        .modal .body-form .body-fields .col-md-postcode-address .form-group .select2 .select2-selection {
            background-image: url('/Content/Themes/LotteryWorld/images/icons/input-address.png');
            background-position-x: 10px;
            background-position-y: 12px;
            background-repeat: no-repeat;
            padding-left: 35px;
        }

        .modal .body-form .body-fields .col-md-postcode-address .form-group .input-group .postcode-address-loader {
            display: block;
            position: absolute;
            width: 16px;
            height: 16px;
            margin: 15px 30px 0 0;
            right: 0;
            background: Transparent url(/Content/Themes/LotteryWorld/images/load-small.gif) no-repeat;
            z-index: 5;
        }

        .modal .body-form .body-fields .col-md-command button {
            width: 100%;
            height: auto;
            background-color: #05ce05;
            border-radius: 50px;
            padding: 10px 30px;
            color: #fff;
            font-family: "Open Sans Condensed", sans-serif;
            font-size: 21px;
            font-weight: 600;
            text-transform: uppercase;
        }

            .modal .body-form .body-fields .col-md-command button:hover {
                background: #0df90d;
            }

            .modal .body-form .body-fields .col-md-command button.button-next {
            }

            .modal .body-form .body-fields .col-md-command button.button-sign-up {
            }


    .modal .body-form .body-footer {
        color: black;
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        text-align: center;
    }

    .modal .body-form .body-fields .body-footer a {
        text-decoration: underline;
    }

        .modal .body-form .body-fields .body-footer a:hover {
            text-decoration: none;
        }

.modal .modal-footer {
    color: gray;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    line-height: 16px;
    border-top: 1px solid #d9d9d9 !important;
    text-align: center;
}

.registration-progress table {
    width: 100%;
}

    .registration-progress table td.td-line[data-index="1"] {
        width: 37%;
    }

    .registration-progress table td.td-line[data-index="2"] {
        width: 26%;
    }

    .registration-progress table td.td-line[data-index="3"] {
        width: 37%;
    }

    .registration-progress table td.td-line hr {
        border: none;
        border-top: 1px solid #d1d2d3;
    }

    .registration-progress table td.td-line.past hr {
        border: none;
        border-top: 1px solid #05ce05;
    }

    .registration-progress table td.td-line.active hr {
        border: none;
        border-top: 1px solid #05ce05;
    }

    .registration-progress table td.td-step a {
        display: block;
        width: auto;
        height: auto;
        padding: 0 6px 0 6px;
        border: 1px solid #d1d2d3;
        border-radius: 50%;
        background: white;
        color: gray;
        font-weight: 600;
    }

    .registration-progress table td.td-step.past a {
        border: 1px solid #05ce05;
        color: black;
    }

        .registration-progress table td.td-step.past a:hover {
            background: #05ce05;
            color: white;
        }

    .registration-progress table td.td-step.active a {
        border: 1px solid #05ce05;
        background: #05ce05;
        color: white;
    }

/* Thank you registration message - START */
.registration-message {
    text-align: center;
    font-family: 'Roboto';
    font-size: 16px;
}

    .registration-message div {
        margin: 20px 20px;
    }

        .registration-message div img {
            width: 100px;
            margin: 30px 0;
        }

#dSignUpForm .pay-now {
    text-align: center;
    margin: 20px 0;
}

.registration-msg-btn {
    padding: 5px 10px !important;
    line-height: 22px;
    width: 95%;
    height: 55px;
}

/* Thank you registration message - END */

/* **************************************************************************** */
/* Registration Modal - END */
/* **************************************************************************** */

/* **************************************************************************** */
/* Tooltip - START */
/* **************************************************************************** */
.tooltip-footer {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

    .tooltip-footer .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #ccc;
        color: #777;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
    }

    .tooltip-footer:hover .tooltiptext {
        visibility: visible;
    }

/* **************************************************************************** */
/* Tooltip - END */
/* **************************************************************************** */

/* **************************************************************************** */
/* Banner New - START */
/* **************************************************************************** */

.banner .banner-head {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
    text-shadow: 0px 2px 3px rgba(255,255,255,0.3);
    -webkit-background-clip: text;
    background-color: #000 !important;
    color: transparent !important;
    -moz-background-clip: text;
    background-clip: text;
    font-size: 42px !important;
    font-weight: 700;
    font-family: 'Roboto';
}

@media (min-width:768px) {
    .banner .banner-head {
        width: 720px;
    }
}

@media (min-width:992px) {
    .banner .banner-head {
        width: 940px;
    }
}

@media (min-width:1200px) {
    .banner .banner-head {
        width: 1140px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .banner .banner-head {
        color: #3f3d40 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: left !important;
        text-shadow: 0px 2px 3px rgba(255,255,255,0.3);
        background-color: transparent !important;
        font-size: 48px !important;
    }
}

/* **************************************************************************** */
/* Banner New - END */
/* **************************************************************************** */



/* **************************************************************************** */
/* Customer Profile - START */
/* **************************************************************************** */

.customer-form-group {
}

.col-profile-name-label {
    padding-right: 4px !important;
}

.col-profile-gender {
    --padding-right: 0px;
}

    .col-profile-gender .form-group {
    }

.col-profile-first-name {
    --padding-left: 0px;
    --padding-right: 0px;
}

    .col-profile-first-name .form-group {
    }

.col-profile-last-name {
    padding-left: 0px;
}

.col-profile-address-label {
    padding-right: 4px !important;
}

.col-profile-address-street {
    padding-left: 0px;
}

    .col-profile-address-street .form-group {
        --margin-left: -3px !important;
    }

.col-profile-address-building {
    --padding-left: 0px;
    --padding-right: 0px;
}

.col-profile-address-flat {
    padding-left: 0px;
}

@media (max-width:769px) {

    .col-profile-name-label,
    .col-profile-address-label {
        margin-left: 15px;
    }

    .col-profile-first-name {
        padding-right: 15px;
        padding-left: 15px;
    }

        .col-profile-first-name .form-group {
            margin-left: 0px !important;
        }

    .col-profile-last-name {
        padding-left: 15px;
    }


    .col-profile-address-street {
        padding-right: 15px;
        padding-left: 15px;
    }

        .col-profile-address-street .form-group {
            margin-left: 0px !important;
        }

    .col-profile-address-building {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-profile-address-flat {
        padding-left: 15px;
    }
}

/* **************************************************************************** */
/* Customer Profile - END */
/* **************************************************************************** */



/******** How to play - new  - START ********/

.how-to-play-text {
    line-height: 25px;
    font-family: 'Roboto';
    padding: 0 25px 25px 25px;
}

.how-to-play-text-area {
    line-height: 25px;
    font-family: 'Roboto';
}

.how-to-play-block {
    border: 1px solid #d1d2d3;
    border-radius: 5px;
    width: 365px;
    height: 475px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.how-to-play-image {
    margin-top: 30px;
    height: 70px;
}

.how-to-play-pick {
    width: 100%;
    position: absolute;
    bottom: 30px;
}

    .how-to-play-pick a {
        display: inline-block;
        min-width: 273px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 18px;
        line-height: 28px;
    }

.how-to-play-lottery-logos {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 15px
}

    .how-to-play-lottery-logos img {
        height: 70px;
        margin-right: 15px;
    }

.how-to-play-link {
    text-decoration: underline;
}

/******** How to play - new - END ********/

/* **************************************************************************** */
/* Subscription page - START */
/* **************************************************************************** */
.subscription {
    font-family: 'Roboto';
}

    .subscription .content-title {
    }

    .subscription .subscription-text {
        font-family: 'Roboto';
    }

    .subscription .subscription-boxes {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .subscription .subscription-col {
        border: 1px solid #cccccc;
        border-radius: 5px;
        padding: 0 10px;
        min-height: 290px;
        text-align: center;
    }


        .subscription .subscription-col .subscription-col-number {
            color: #05ce05;
            font-size: 60px;
            font-weight: 400;
            margin-top: 0px;
            font-family: inherit;
        }

        .subscription .subscription-col h3 {
            font-size: inherit;
        }

.subscription-col .subscription-col-img {
    height: 100px;
    min-height: 130px;
}

.subscription-col-img.col-2 img {
    width: 60px;
}

.subscription-col .subscription-col-img span.vcenter {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.subscription .subscription-logos {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
}


    .subscription .subscription-logos a {
    }

    .subscription .subscription-logos .subscription-logo {
        margin: 0 8px;
        display: inline-block;
    }

        .subscription .subscription-logos .subscription-logo img {
            margin: 10px auto;
            display: block;
        }

        .subscription .subscription-logos .subscription-logo span {
            display: block;
            margin-top: 20px;
        }

.subscription-button {
    text-align: center;
    margin-bottom: 20px;
}

.subscription-logo .subscription-games-btn {
    padding: 5px 26px;
    font-size: 17px;
}

/* **************************************************************************** */
/* Subscription page - END*/
/* **************************************************************************** */



/* **************************************************************************** */
/* SUBSCROPTION REMINDER on games page - START */
/* **************************************************************************** */

.subs-reminder {
    background-color: #ffffcc;
    padding: 10px;
    box-shadow: 0px 4px 5px #bbbbbb;
    border-radius: 6px;
    width: 200px;
    float: right;
}

.subs-reminder-link {
    text-decoration: none;
}

.subs-reminder-text {
    color: #333;
    line-height: 20px;
}

.subs-reminder img {
    float: left;
    margin-right: 7px;
    margin-top: 6px;
}

.subs-reminder-close-btn {
    margin-top: -5px;
    margin-right: 0px;
}


/* **************************************************************************** */
/*  SUBSCROPTION REMINDER on games page - END */
/* **************************************************************************** */



/* ************************************************************************************************ */
/* BetOn Footer - START */
/* ************************************************************************************************ */

.beton-footer {
    margin-top: 20px;
}

    .beton-footer .beton-footer-title {
        display: block;
        width: auto;
        height: auto;
        margin: 20px 0 20px 0;
        text-align: center;
        font-family: "Roboto", sans-serif;
        font-size: 27px;
        font-weight: 600;
        color: #213755;
    }

    .beton-footer .beton-footer-section-old {
        display: block;
        width: auto;
        height: auto;
        min-height: 150px;
        margin: 0 0 20px 0;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        color: #929292;
        line-height: 25px;
    }

    .beton-footer .beton-footer-section {
        display: block;
        width: auto;
        min-height: 250px;
        margin: 0 0 20px 0;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        color: #929292;
        line-height: 25px;
    }

        .beton-footer .beton-footer-section.section-1 {
            padding: 0 0 0 96px;
            background: Transparent url(/Media/app/images/lotto-betting-footer/i_information.png) 0 40px no-repeat;
        }

        .beton-footer .beton-footer-section.section-2 {
            padding: 0 0 0 134px;
            background: Transparent url(/Media/app/images/lotto-betting-footer/i_stars.png) 0 40px no-repeat;
        }

        .beton-footer .beton-footer-section.section-3 {
            padding: 0 0 0 100px;
            background: Transparent url(/Media/app/images/lotto-betting-footer/i_cursor.png) 0 40px no-repeat;
        }
/**
.beton-footer .beton-footer-section.section-1-new {

    padding: 0 260px 0 0;   
} **/

.section-1-background-en {
    background: Transparent url(/Media/images/ticket.png) right 30px no-repeat;
}

.section-1-background-ru {
    background: Transparent url(/Media/images/ticket-ru.png) right 30px no-repeat;
}

.section-1-background-de {
    background: Transparent url(/Media/images/ticket-de.png) right 30px no-repeat;
}

.section-1-background-es {
    background: Transparent url(/Media/images/ticket-es.png) right 30px no-repeat;
}

/*nikola */
.section-1-image-en .section-content {
}

    .section-1-image-en .section-content img {
        float: right;
    }

.section-2-image .section-content {
}

    .section-2-image .section-content img {
        float: right;
    }

.section-3-image-en .section-content {
}

    .section-3-image-en .section-content img {
        float: right;
    }


.section1-image-ru .section-content {
}

    .section1-image-ru .section-content img {
        float: right;
    }

.section2-image-ru .section-content {
}

    .section2-image-ru .section-content img {
        float: right;
    }

.section3-image-ru .section-content {
}

    .section3-image-ru .section-content img {
        float: right;
    }

/** end of nikola **/

/**.beton-footer .beton-footer-section.section-2-new {

    padding: 0 260px 0 0;
} **/

.section-2-background {
    background: Transparent url(/Media/images/lottery-winner.png) right 30px no-repeat;
}

/**.beton-footer .beton-footer-section.section-3-new {

    padding: 0 260px 0 0;
}**/

.section-3-background-en {
    background: Transparent url(/Media/images/tax-wallet.png) right 30px no-repeat;
}

.section-3-background-ru {
    background: Transparent url(/Media/images/tax-wallet-ru.png) right 30px no-repeat;
}

.section-3-background-de {
    background: Transparent url(/Media/images/tax-wallet-de.png) right 30px no-repeat;
}

.section-3-background-es {
    background: Transparent url(/Media/images/tax-wallet-es.png) right 30px no-repeat;
}

.beton-footer .beton-footer-section.section-4-new {
    height: 100%;
    min-height: 250px;
    margin-top: 30px;
}

.section-4-background-eu {
    background: Transparent url(https://jackpotcom-res.cloudinary.com/image/upload/v1484045925/WWW/Content/Body/ball-flags/ball-europe.jpg) center top no-repeat;
}

.section-4-background-de {
    background: Transparent url(https://jackpotcom-res.cloudinary.com/image/upload/v1484045925/WWW/Content/Body/ball-flags/ball-germany.jpg) center top no-repeat;
}

.section-4-background-it {
    background: Transparent url(https://jackpotcom-res.cloudinary.com/image/upload/v1484045925/WWW/Content/Body/ball-flags/ball-italy.jpg) center top no-repeat;
}

.section-4-background-uk {
    background: Transparent url(https://jackpotcom-res.cloudinary.com/image/upload/v1484045925/WWW/Content/Body/ball-flags/ball-uk.jpg) center top no-repeat;
}

.section-4-background-us {
    background: Transparent url(https://jackpotcom-res.cloudinary.com/image/upload/v1484045925/WWW/Content/Body/ball-flags/ball-usa.jpg) center top no-repeat;
}

.section-4-background-ir {
    background: Transparent url(https://jackpotcom-res.cloudinary.com/image/upload/v1484045925/WWW/Content/Body/ball-flags/ball-ireland.jpg) center top no-repeat;
}

.section-4-background-pl {
    background: Transparent url(https://jackpotcom-res.cloudinary.com/image/upload/v1484045925/WWW/Content/Body/ball-flags/ball-poland.jpg) center top no-repeat;
}

.section-4-background-fr {
    background: Transparent url(https://jackpotcom-res.cloudinary.com/image/upload/v1488539317/WWW/Content/Body/ball-flags/ball-france.jpg) center top no-repeat;
}

.section-4-background-au {
    background: Transparent url(https://jackpotcom-res.cloudinary.com/image/upload/v1488539317/WWW/Content/Body/ball-flags/ball-australia.jpg) center top no-repeat;
}


.beton-footer .beton-footer-section .section-title {
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 10px 0;
    color: #474c4f;
    font-size: 20px;
    font-weight: 600;
}

.beton-footer .beton-footer-section .section-content {
    display: block;
    width: auto;
    height: auto;
    padding-left: 5px;
}

    .beton-footer .beton-footer-section .section-content b {
        color: #474c4f;
    }

.beton-footer .beton-footer-row {
    margin-top: 40px;
}


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

    .beton-footer .beton-footer-section.section-1 {
        padding: 0 0 0 134px;
        background-position-x: 25px;
    }

    .beton-footer .beton-footer-section.section-2 {
        padding: 0 0 0 134px;
    }

    .beton-footer .beton-footer-section.section-3 {
        padding: 0 0 0 134px;
        background-position-x: 25px;
    }
}

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

    .beton-footer .beton-footer-title {
        font-size: 20px;
    }

    .beton-footer .beton-footer-section .section-title {
        font-size: 17px;
    }

    .beton-footer .beton-footer-section.section-1 {
        padding: 0 0 0 95px;
        background: Transparent url(/Media/app/images/lotto-betting-footer/i_information.png) 15px 40px no-repeat;
        background-size: 60px;
    }

    .beton-footer .beton-footer-section.section-2 {
        padding: 0 0 0 95px;
        background: Transparent url(/Media/app/images/lotto-betting-footer/i_stars.png) 0 40px no-repeat;
        background-size: 80px;
    }

    .beton-footer .beton-footer-section.section-3 {
        padding: 0 0 0 95px;
        background: Transparent url(/Media/app/images/lotto-betting-footer/i_cursor.png) 15px 40px no-repeat;
        background-size: 60px;
    }

    .beton-footer .beton-footer-section.section-1-new {
    }

    .beton-footer .beton-footer-section.section-2-new {
    }

    .beton-footer .beton-footer-section.section-3-new {
    }

    .section-1-image-en .section-content {
        text-align: left;
    }

    .section-2-image-en .section-content {
        text-align: left;
    }

    .section-3-image-en .section-content {
        text-align: left;
    }

    .section-1-image-en .section-content img {
        width: 190px;
        float: right;
    }

    .section-2-image .section-content img {
        width: 190px;
        float: right;
    }

    .section-3-image-en .section-content img {
        width: 190px;
        float: right;
    }

    /*********** russsian **********/

    .section1-image-ru .section-content img {
        float: right;
        width: 190px;
    }

    .section2-image-ru .section-content img {
        float: right;
        width: 190px;
    }

    .section3-image-ru .section-content img {
        float: right;
        width: 190px;
    }
}

/* ************************************************************************************************ */
/* BetOn Footer - END */
/* ************************************************************************************************ */

/* **************************************************************************** */
/*  CLUB PAGE  -   START */
/* **************************************************************************** */
.banner .banner-club-head {
    color: #fff;
    margin-top: 157px;
    text-transform: uppercase;
    font-family: "Open Sans Condensed", sans-serif;
    font-weight: 600;
    text-shadow: 2px 2px 8px #333;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left;
    text-shadow: 0px 2px 3px rgba(255,255,255,0.3);
    -webkit-background-clip: text;
    background-color: #000 !important;
    color: transparent !important;
    -moz-background-clip: text;
    background-clip: text;
    font-size: 48px;
}

.club-page {
    font-family: 'Roboto';
    margin-top: 40px;
}


.club-col {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 0 35px;
    height: 388px;
    position: relative;
}

.col-md-4:last-child .club-col {
    padding: 0 15px;
}

.club-col-title {
    color: #4677c4;
    font-size: 20px;
    font-family: inherit;
    font-weight: 600;
    margin-top: 30px;
}

.club-col-text {
    color: #333333;
    font-size: 17px;
    font-family: inherit;
    font-weight: 400;
    padding: 10px 0px;
}

.club-btn {
    margin: 10px 35px;
    text-align: center;
}

.club-col-button {
    background-color: #05ce05;
    border-radius: 50px;
    padding: 10px 25px;
    color: #fff;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
}

    .club-col-button:hover {
        color: #fff;
        background-color: #0df90d;
    }

    .club-col-button:active {
        color: #fff;
        background-color: #0df90d;
    }

    .club-col-button:focus {
        color: #fff;
        background-color: #0df90d;
    }

.club-box {
    text-align: center;
    padding: 8% 0;
    height: 144px;
}

    .club-box:last-child {
        border-left: 1px solid #cccccc;
    }

.club-box-row {
    margin-right: 10px;
    margin-left: 10px;
}

.row.club-box-row:first-of-type {
    border-bottom: 1px solid #cccccc;
    margin-top: 15px;
}

.row.club-box-row:last-child {
    margin-bottom: 15px;
}

.club-img-box span {
    margin-top: 10px;
}

.club-img-box-hidden {
    position: relative;
    z-index: -10;
    margin: 0 auto;
    display: none;
}

    .club-img-box-hidden:not(.full-img) {
        text-align: left;
        padding-left: 10px;
    }

ul.club-img-box-hidden li div {
    display: inline-block;
    width: 80%;
    vertical-align: text-top;
}

.club-img-box-hidden.first {
    padding-top: 25px;
}

.club-img-box-hidden.second {
    margin-top: -5px;
}

.club-img-box-hidden.full-img {
    margin: -15px auto;
}

    .club-img-box-hidden.full-img img {
        width: 100%;
        max-width: 162px;
    }

.club-box a,
.club-box a:visited,
.club-box a:active {
    color: #333;
    text-decoration: none;
}

@media (min-width: 768px) {
    .banner .banner-club-head {
        width: 920px;
        display: none;
    }

    .club-col {
        height: 100%;
    }

    .col-md-4 {
        margin-bottom: 15px;
    }

    .club-box-row {
        height: 150px;
    }

    .club-box {
        padding: 4% 0;
        height: 100%;
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }
}

@media (min-width: 992px) {
    .banner .banner-club-head {
        width: 920px;
        display: block;
    }

    .club-col {
        height: 388px;
    }

    .club-box {
        padding: 6% 0;
        height: 100%;
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

    .club-col-text {
        font-size: 17px;
    }

    .club-btn {
        position: absolute;
        bottom: 20px;
        left: 0px;
        right: 0px;
    }

    .club-img-box-hidden.full-img {
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .banner .banner-club-head {
        width: 950px;
    }

    .club-col {
        height: 388px;
    }
}


@media (max-width: 768px) {
    .club-page {
        margin-top: 0px;
    }

    .banner .banner-club-head {
        width: 920px;
        display: none;
    }

    .club-col {
        height: 100%;
    }

    .col-md-4 {
        margin-bottom: 15px;
    }

    .club-box-row {
        height: 150px;
    }

    .club-box {
        padding: 5% 0;
        height: 100%;
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .club-page .col-md-4:last-child .club-col {
        padding: 0px;
    }

    .club-col {
        padding: 0 30px;
    }

    .club-col-title {
        margin-top: 20px;
    }

    .club-btn {
        bottom: 10px;
        margin: 10px 30px;
    }
}
/* **************************************************************************** */
/*  CLUB PAGE  -   END */
/* **************************************************************************** */



/* **************************************************************************** */
/*  CLUB BENEFITS PAGE  -   START */
/* **************************************************************************** */
.club-benefits-page {
    font-family: 'Roboto';
    margin-top: 25px;
}

    .club-benefits-page .benefits-second-row .col-border {
        border-left: 1px solid #cccccc;
    }

.benefits-third-row {
    margin: 40px 0;
}

    .benefits-third-row .col-md-6 {
        margin: 25px 0;
    }

.benefits-third-text {
    display: inline-block;
    width: 52%;
    vertical-align: middle;
    padding-left: 20px;
}

    .benefits-third-text a {
        text-decoration: underline;
    }

    .benefits-third-text p {
        font-size: 16px;
        padding-top: 15px;
    }

.benefits-third-title {
    color: #4677c4;
    font-size: 18px;
    font-weight: 600;
}

.benefits-first-row {
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
}

    .benefits-first-row .bx-next {
        right: -10px !important;
    }

.benefits-section-title {
    color: #4677c4;
    font-size: 18px;
    font-weight: 600;
}

.benefits-section-text {
    font-size: 16px;
    padding-top: 15px;
}

.benefits-first-row .col-md-6:first-child {
    padding-right: 50px;
}

.prize-winners-slider li {
    margin-left: 50px;
}

.prize-winners-slider .bx-wraper {
    margin-top: 0px !important;
}

.prize-winners-slider .benefits-section-text {
    padding-top: 0px;
    width: 470px;
    font-size: 16px;
}

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

@media (min-width: 1200px) {
}


@media (max-width: 768px) {
}

@media (min-width: 992px) and (max-width:1199px) {
}
/* **************************************************************************** */
/*  CLUB BENEFITS PAGE  -   END */
/* **************************************************************************** */


/* **************************************************************************** */
/*  PLAY PAGE NEW  -   START*/
/* **************************************************************************** */

.play-page-info-box {
    text-align: center;
    background-color: #fff;
    border: 1px solid #d1d2d3;
    border-radius: 0px;
    height: 550px;
    width: 367px;
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    position: relative;
    margin-bottom: 50px;
    font-family: 'Roboto';
}

.play-page-info-box-image {
    margin-top: 30px;
    vertical-align: middle;
    display: inline-block;
    height: 130px;
}

.play-page-info-box-title {
    color: black;
    margin-bottom: 15px;
}

.play-page-info-box-text {
    color: gray;
    position: absolute;
    top: 135px;
    padding: 35px;
    width: 100%;
}

.play-page-info-box-link {
    text-decoration: underline;
}

.play-page-info-box-link-wraper {
    position: absolute;
    bottom: 30px;
    width: 100%;
}

#play-info-box-1 {
    margin-right: 15px;
}

#play-info-box-2 {
    margin-right: 15px;
}

.section-content-jackpotrush {
    padding-top: 15px;
}

.header-jpr {
    height: 24px;
    width: 122px;
    color: #333333;
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 18px;
}

ol.list-style-jpr {
    list-style-type: disc;
    font-weight: 600;
    color: #333333;
}

ol.li-style-jpr {
    font-family: 'Roboto';
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}


/* **************************************************************************** */
/*  PLAY PAGE NEW  -   END */
/* **************************************************************************** */

/*Beton page new - Start */

.beton-heading1 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #000;
}

.beton-text1 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333;
}

.beton-img {
    margin-top: 15px;
}
/*Beton page new - End*/



.contact-text .input-icon {
    bottom: 115px;
}

.has-error textarea:first-of-type {
    border: 1px solid #ed6b75 !important;
}



/* **************************************************************************** */
/*  BLOCK PAGE MODAL - START */
/* **************************************************************************** */

.modal.block-dialog {
}

    .modal.block-dialog .modal-dialog {
    }

        .modal.block-dialog .modal-dialog .modal-content {
        }

            .modal.block-dialog .modal-dialog .modal-content .modal-body {
                min-height: 160px;
                padding-top: 20px;
            }

                .modal.block-dialog .modal-dialog .modal-content .modal-body .info-area {
                }

                .modal.block-dialog .modal-dialog .modal-content .modal-body .command-area {
                    display: block;
                    width: auto;
                    height: auto;
                    margin: 20px 0 0 0;
                    text-align: center;
                }

                .modal.block-dialog .modal-dialog .modal-content .modal-body button {
                    width: auto;
                    height: auto;
                    padding: 10px 30px;
                    border-radius: 50px;
                    font-family: "Open Sans Condensed", sans-serif;
                    color: #fff;
                    font-size: 21px;
                    font-weight: 600;
                    text-transform: uppercase;
                    outline: none;
                    border: none;
                    background-color: #05ce05;
                }

                    .modal.block-dialog .modal-dialog .modal-content .modal-body button:hover {
                        background-color: #0df90d;
                    }

body.modal-block-open .navbar,
body.modal-block-open .container.banner,
body.modal-block-open .container.content-container {
    -webkit-filter: blur(1px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

/* **************************************************************************** */
/*  BLOCK PAGE MODAL - END */
/* **************************************************************************** */

/* **************************************************************************** */
/*  SCRATCHCARDS PAY TABLES - START */
/* **************************************************************************** */
.side-game-paytables-row {
    padding-top: 20px;
    padding-bottom: 20px;
}

.side-game-table .paytable-game-name {
    font-size: 18px;
    color: #4a4a4a;
}

.side-game-pay-table {
    width: 100%;
    height: 428px;
    margin: 0px 0;
    color: #4a4a4a;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #d1d2d3;
}

    .side-game-pay-table thead tr td {
        font-weight: 700;
        font-size: 14px;
    }

    .side-game-pay-table tr {
        border-bottom: 1px solid #d1d2d3;
    }

        .side-game-pay-table tr td {
            font-weight: 600;
        }

            .side-game-pay-table tr td:first-child {
                width: 35%;
            }

            .side-game-pay-table tr td:nth-child(2) {
                text-align: left;
                width: 35%;
            }

            .side-game-pay-table tr td:nth-child(3) {
                text-align: left;
                width: 30%;
            }

    .side-game-pay-table tfoot tr {
        border: none;
    }

        .side-game-pay-table tfoot tr td {
            font-weight: 700;
        }

    .side-game-pay-table td {
        padding: 15px 20px;
    }

/* Side game box */
.side-game-container .paytable-cards-number {
    line-height: 25px;
    color: #4677c4;
    font-size: 13px;
    text-align: right;
}

.side-game-container .side-game-box {
    text-align: center;
    border: 1px solid #d1d2d3;
    padding: 12px 15px 25px 15px;
}

    .side-game-container .side-game-box .game-image img {
        width: 100%;
    }

    .side-game-container .side-game-box .game-text {
        color: #4a4a4a;
        text-align: center;
        margin: 15px 5px;
    }

    .side-game-container .side-game-box .game-play {
        display: inline-flex;
    }

        .side-game-container .side-game-box .game-play a.play-btn {
            text-transform: uppercase;
            font-family: 'Roboto', sans-serif;
            font-size: 18px;
            padding: 8px 25px;
        }
/* **************************************************************************** */
/*  SCRATCHCARDS PAY TABLES - END */
/* **************************************************************************** */

/* **************************************************************************** */
/*  SCRATCHCARDS HELP PAGES - START */
/* **************************************************************************** */
.side-game-help h2.content-title {
    border: none;
}

.side-game-help .side-game-help-text {
    text-align: justify;
}

/* Side game box help*/
.side-game-container .side-game-box-help {
    text-align: center;
    border: 1px solid #d1d2d3;
    padding: 12px 15px 25px 15px;
    width: 90%;
    float: right;
}

    .side-game-container .side-game-box-help .game-image img {
        width: 100%;
    }

    .side-game-container .side-game-box-help .game-text {
        color: #4a4a4a;
        text-align: center;
        margin: 15px 5px;
    }

    .side-game-container .side-game-box-help .game-play {
        display: inline-flex;
    }

        .side-game-container .side-game-box-help .game-play a.play-btn {
            text-transform: uppercase;
            font-family: 'Roboto', sans-serif;
            font-size: 18px;
            padding: 8px 25px;
        }

/* Help paytables - Start */
.side-game-help .pay-table {
    width: 100%;
    height: 428px;
    margin: 0px 0;
    color: #4a4a4a;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

    .side-game-help .pay-table thead {
        background: #efefef;
    }

        .side-game-help .pay-table thead tr td {
            font-weight: 700;
            font-size: 14px;
        }

    .side-game-help .pay-table tr {
        border-bottom: 1px solid #d1d2d3;
    }

        .side-game-help .pay-table tr td {
            font-weight: 600;
            border: 1px solid #d1d2d3;
            text-align: center;
        }

            .side-game-help .pay-table tr td:first-child,
            .side-game-help .pay-table tr td:last-child {
                width: 15%;
            }

            .side-game-help .pay-table tr td:nth-child(2) {
                width: 40%;
            }

            .side-game-help .pay-table tr td:nth-child(3) {
                width: 30%;
            }

    .side-game-help .pay-table td {
        padding: 10px 20px;
    }
/* Help paytables - End */

.side-game-play {
    display: inline-flex;
    margin: 15px 0;
}

    .side-game-play a.play-btn {
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
        font-size: 19px;
        padding: 9px 50px;
    }
/* **************************************************************************** */
/*  SCRATCHCARDS HELP PAGES - END */
/* **************************************************************************** */

/*************CONTACT US PAGE - START ****************/

.contact-page-content {
    position: relative;
    margin-top: 50px;
}

.contact-page-button-area {
    width: 100%;
    position: absolute;
    bottom: 20px;
    margin: auto;
    left: 0;
    right: 0;
}

    .contact-page-button-area a {
        width: 198px;
    }

.contact-page-content .col-md-3 {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    height: 190px;
}


    .contact-page-content .col-md-3 img {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.contact-page-text {
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.3px;
}

.contact-page-image {
    height: 70px;
}

    .contact-page-image img {
        vertical-align: middle;
    }

.contact-btn {
    min-width: 200px;
    padding: 5px;
}

.row-center {
    text-align: center;
}

.col-center {
    display: inline-block;
    float: none;
}
/*************CONTACT US PAGE - END****************/



/* **************************************************************************** */
/*  PARIPLAY MODAL - START */
/* **************************************************************************** */

.modal.game-dialog .modal-lg {
}

.modal.game-dialog .modal-header {
    margin: 0px !important;
    padding-top: 1px !important;
    padding-right: 8px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.modal.game-dialog .modal-body {
    padding: 0px !important;
}

    .modal.game-dialog .modal-body .iframe-container {
        border: none;
        background-color: #000;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

.modal.game-dialog .iframe-container iframe {
    width: 100% !important;
    height: 100% !important;
}

.modal.game-dialog .modal-title {
    font-size: smaller !important;
    line-height: 2;
}

/* **************************************************************************** */
/*  PARIPLAY MODAL - END */
/* **************************************************************************** */

/* **************************************************************************** */
/*  CAREERS - START */
/* **************************************************************************** */
.careers-banner {
    display: table;
}

.banner-head-careers {
    display: table-cell;
    vertical-align: middle;
    color: #333333;
    text-transform: none;
    text-shadow: none;
    font-family: 'Roboto', sans-serif;
    font-size: 44px;
    font-weight: 700;
}

.careers .col-center {
    width: 16%;
    margin: 0 2%;
}

    .careers .col-center:first-child {
        margin-left: 0;
        width: 18%;
    }

    .careers .col-center:last-child {
        margin-right: 0;
        width: 18%;
    }

.careers-line {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .careers-line .careers-line-text {
        margin-top: 20px;
        color: #999999;
        font-family: 'Roboto', sans-serif;
        font-size: 17px;
    }

.job-offers-filter {
    width: 100%;
    background-color: #333333;
    display: table;
}

    .job-offers-filter .content {
        display: table-cell;
        vertical-align: middle;
        padding: 13px 0;
    }

        .job-offers-filter .content .item,
        .job-offers-filter .content .countries,
        .job-offers-filter .content .departments {
            display: inline-block;
            padding: 0 10px;
            vertical-align: middle;
        }

        .job-offers-filter .content .item {
            width: 15%;
            text-align: center;
        }

            .job-offers-filter .content .item:first-child {
                border-right: 1px solid #fff;
            }

            .job-offers-filter .content .item:nth-child(2) {
                width: 9%;
                padding-right: 0;
            }

        .job-offers-filter .content .countries,
        .job-offers-filter .content .departments {
            display: inline-block;
            padding: 0 10px 0 0;
            vertical-align: middle;
        }

            .job-offers-filter .content .countries .btn,
            .job-offers-filter .content .departments .btn {
                padding-left: 0;
            }

        .job-offers-filter .content .col-md-2:first-child {
            border-right: 1px solid #fff;
        }

        .job-offers-filter .content .careers-line-text {
            color: #fff;
            font-size: 17px;
            padding: 8px 0;
        }

        .job-offers-filter .content .input-group .dropdown-item {
            color: #333;
            display: block;
            padding: 10px 10px;
        }

.job-offers {
    margin-top: 0;
}

    .job-offers table {
        width: 100%;
        table-layout: fixed;
    }

        .job-offers table td {
            text-align: center;
            width: 33.33%;
            border: 1px solid #ddd;
        }

    .job-offers .job-offer {
        text-align: left;
        padding: 20px;
        height: 300px;
        color: #666;
        font-family: 'Roboto', sans-serif;
        position: relative;
    }

        .job-offers .job-offer.description {
            height: 100%;
        }

            .job-offers .job-offer.description ul {
                list-style-type: disc;
                margin: 10px 0 0 20px;
            }

    .job-offers .job-offer-header span {
        vertical-align: middle;
    }

    .job-offers .job-offer .title {
        text-transform: uppercase;
        font-size: 20px;
        padding: 10px 0;
    }

    .job-offers .job-offer .subtitle {
        text-transform: uppercase;
        font-size: 20px;
        padding: 10px 0;
        font-weight: 700;
    }

    .job-offers .job-offer .section-title {
        font-size: 16px;
        font-weight: 600;
    }

    .job-offers .job-offer .description {
        color: #999;
        font-size: 15px;
        margin-bottom: 25px;
    }

    .job-offers .job-offer .more-info {
        width: 50%;
        margin: 20px 0;
        position: absolute;
        bottom: 10px;
        left: 20px;
    }

    .job-offers .job-offer .more-info-btn {
        background-color: #05ce05;
        border-radius: 50px;
        padding: 12px 25px;
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-size: 17px;
        font-weight: 600;
        width: 100%;
    }

        .job-offers .job-offer .more-info-btn:hover,
        .job-offers .job-offer .more-info-btn:active,
        .job-offers .job-offer .more-info-btn:focus {
            color: #fff;
            background-color: #0df90d;
        }

.departments-btn,
.countries-btn {
    background-color: transparent;
    color: #fff;
    font-size: 17px;
}

    .departments-btn:hover,
    .departments-btn:focus,
    .countries-btn:hover,
    .countries-btn:focus {
        color: #fff;
        text-decoration: none;
    }

@media (min-width:768px) {
    .banner-head-careers {
        width: 720px;
    }

    .job-offers-filter .content {
        width: 720px;
    }
}

@media (min-width:992px) {
    .banner-head-careers {
        width: 940px;
    }

    .job-offers-filter .content {
        width: 940px;
    }
}

@media (min-width:1200px) {
    .banner-head-careers {
        width: 1140px;
    }

    .job-offers-filter .content {
        width: 1140px;
    }
}
/* **************************************************************************** */
/*  CAREERS - END */
/* **************************************************************************** */

/* **************************************************************************** */
/*  BLOG - SINGLE ARTICLE - START */
/* **************************************************************************** */

.article-banner {
    min-height: 250px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}

.article-content {
    font-family: "Roboto", sans-serif;
    text-align: left;
}

    .article-content h2 {
        font-size: 20px;
        font-weight: bold;
    }

.article-side-bar {
    padding-left: 40px;
}

.article-title {
    margin-top: 50px;
    font-size: 36px !important;
}

.blog-link {
    text-align: center;
}

.blog-btn {
    padding: 10px 70px;
    background-color: #05ce05;
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 7px;
    font-weight: bold;
}

    .blog-btn:hover, .blog-btn:focus {
        color: #fff;
    }


.bundle-buttons .btn-link:active, .btn-link:focus {
    outline: none;
    text-decoration: none;
}
/* **************************************************************************** */
/*  BLOG - SINGLE ARTICLE - END */
/* **************************************************************************** */


.play-page-info-box-title h2 {
    font-weight: bold;
    color: #4677C4;
    font-size: 18px;
    margin-top: 10px;
}

.small-m sup {
    font-size: 70%;
}


/* Default Button - START */
.jp-btn {
    
    padding: 12px 25px 12px 25px;
    margin-top: -1px;

    border: none;
    border-radius: 10px;

    background-color: var(--jp-btn-background-color);
    font-family: 'Roboto';
    font-size: 25px;
    color: #ffffff;
    font-weight: 600;
    line-height: 16px;
}

.jp-btn:hover,
.jp-btn:active,
.jp-btn:focus {
    background: var(--jp-btn-hover-background-color);
    color: #fff;
}

.jp-btn.disabled {
    cursor: not-allowed !important;
    background: #c3c0be !important;
}

/* Default Button - END */

/*Results Page btn */

.results-btn {
    width: 70%;
    margin-top: 10px;
    height: 40px;
}

/* Shopping cart subscription page links - START */
.subs-banner-mobile {
    height: 100px;
    width: 100%;
    display: inline-flex;
    border: 1px solid #cccccc;
    border-radius: 8px;
    box-shadow: -5px 0px 4px -4px #d5d5d5;
    margin-bottom: 15px;
}

.irish-lotto-banner {
    background-color: #7c99be !important;
}

.powerball-banner {
    background-color: #4770f4 !important;
}

.mega-millions-banner {
    background-color: #610777 !important;
}

.euromillions-banner {
    background-color: #164D93 !important;
}

.subs-banner-right {
    color: #fff;
    padding: 8px;
    width: 60%;
    font-size: 16px;
}

.subs-banner-left {
    width: 40%;
    text-align: center;
    padding-top: 35px;
}

.subscription-banner-btn {
    padding: 8px 14px;
    font-size: 16px;
}

    .subscription-banner-btn:hover, .subscription-banner-btn:focus, .subscription-banner-btn:active {
        color: #fff;
        outline: none;
        text-decoration: none;
    }

/* Shopping cart subscription page links - END */

.contact-us-button {
    background-color: white;
    color: #20A1FF;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline;
}

    .contact-us-button:hover {
        text-decoration: none;
    }

#sp-number + div {
    line-height: 1.3;
}



/* TaC Block Dialog - START */

.modal.tac-dialog {
}

    .modal.tac-dialog .modal-dialog.modal-dialog-centered,
    .modal.block-dialog .modal-dialog.modal-dialog-centered,
    .modal.country-access-dialog .modal-dialog.modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
        margin: 0 auto !important;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .modal.tac-dialog .modal-dialog .modal-content,
    .modal.block-dialog .modal-dialog .modal-content,
    .modal.country-access-dialog .modal-dialog .modal-content {
        width: 100%;
    }

        .modal.tac-dialog .modal-dialog .modal-content .modal-body,
        .modal.block-dialog .modal-dialog .modal-content .modal-body,
        .modal.country-access-dialog .modal-dialog .modal-content .modal-body {
            min-height: 160px;
            padding-top: 20px;
        }

            .modal.tac-dialog .modal-dialog .modal-content .modal-body .info-area,
            .modal.block-dialog .modal-dialog .modal-content .modal-body .info-area,
            .modal.country-access-dialog .modal-dialog .modal-content .modal-body .info-area {
                display: block;
                width: auto;
                height: auto;
                font-size: 15px;
                text-align: justify;
            }

                .modal.tac-dialog .modal-dialog .modal-content .modal-body .info-area div,
                .modal.block-dialog .modal-dialog .modal-content .modal-body .info-area div,
                .modal.country-access-dialog .modal-dialog .modal-content .modal-body .info-area div {
                    margin: 0 0 10px 0;
                    line-height: 23px;
                }

                .modal.tac-dialog .modal-dialog .modal-content .modal-body .info-area a:hover,
                .modal.block-dialog .modal-dialog .modal-content .modal-body .info-area a:hover,
                .modal.country-access-dialog .modal-dialog .modal-content .modal-body .info-area a:hover {
                    text-decoration: underline;
                }

            .modal.tac-dialog .modal-dialog .modal-content .modal-body .command-area,
            .modal.block-dialog .modal-dialog .modal-content .modal-body .command-area,
            .modal.country-access-dialog .modal-dialog .modal-content .modal-body .command-area {
                display: block;
                width: auto;
                height: auto;
                margin: 20px 0 0 0;
                text-align: center;
            }

                .modal.tac-dialog .modal-dialog .modal-content .modal-body .command-area a.btn-popup,
                .modal.block-dialog .modal-dialog .modal-content .modal-body .command-area a.btn-popup,
                .modal.country-access-dialog .modal-dialog .modal-content .modal-body .command-area a.btn-popup {
                    display: inline-block;
                    width: auto;
                    height: auto;
                    min-width: 110px;
                    margin: 0 5px !important;
                    padding: 9px 10px;
                    font-size: 20px;
                    line-height: 20px;
                }

                .modal.tac-dialog .modal-dialog .modal-content .modal-body .command-area a.link-popup,
                .modal.block-dialog .modal-dialog .modal-content .modal-body .command-area a.link-popup,
                .modal.country-access-dialog .modal-dialog .modal-content .modal-body .command-area a.link-popup {
                }

                    .modal.tac-dialog .modal-dialog .modal-content .modal-body .command-area a.link-popup:hover,
                    .modal.block-dialog .modal-dialog .modal-content .modal-body .command-area a.link-popup:hover,
                    .modal.country-access-dialog .modal-dialog .modal-content .modal-body .command-area a.link-popup:hover {
                        text-decoration: underline;
                    }

/* TaC Block Dialog - END */


/* Trustpilot - START */
.trustpilot {
    margin-top: 15px;
    background: #fff;
    padding: 0 15px 15px 15px;
}

    .trustpilot .trustpilot-title {
        padding-bottom: 5px !important;
        font-family: "Roboto", sans-serif;
        font-size: 20px;
        color: #333;
        font-weight: 600;
        padding: 15px 0;
        margin-top: 0;
    }
/* Trustpilot - END */



/* Login Timer - START */

.session-timer-container {
    display: none;
    position: absolute;
    width: 1140px;
    height: auto;
    background: Transparent;
    text-align: right;
    z-index: 2;
    opacity: 1;
}

    .session-timer-container .login-timer {
        display: inline-block;
        width: auto;
        height: auto;
        margin: 1px 0 0 0;
        padding: 1px 10px 2px 28px;
        background: #000 url(/Media/widgets/plugin-limit/img/clock-13.png) 10px 4px no-repeat;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        color: #fff;
    }

.timer-container .login-timer.visible {
    display: inline-block;
}

/* Login Timer - END */

/*Terms and Conditions */
.terms-title {
    color: #333333;
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 15px;
    text-align: center;
}

.terms-subtitle {
    color: #333333;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}

/*Home Page h1 title*/

.hp-title {
    color: #333333;
    font-family: "Roboto";
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-top: 30px;
    border-top: 1px solid #d1d2d3;
}

/*Games pages h1 title*/
.games-title {
    margin-top: 50px;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 600;
    padding: 0 10px 0 10px;
}

/*Heading 2 */

.content-subtitle {
    color: #333;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
}

/*Footer section*/

.customer-support {
    margin-bottom: 40px;
}

/*Player Protection Page*/

.player-logos {
    text-align: center;
    margin: 35px;
}

/*TAC modal - desktop*/
.modal.tac-dialog .modal-dialog.modal-md {
    width: fit-content;
}

.modal.tac-dialog .modal-title {
    font-size: 17px;
    display: none;
}

.modal.tac-dialog .modal-dialog .modal-content .modal-body {
    min-height: auto;
    padding: 5px;
}

    .modal.tac-dialog .modal-dialog .modal-content .modal-body .info-area {
        padding: 0 10px;
        font-size: 12px;
        line-height: 12px;
    }

    .modal.tac-dialog .modal-dialog .modal-content .modal-body .command-area {
        margin: 10px;
    }

        .modal.tac-dialog .modal-dialog .modal-content .modal-body .command-area a {
            font-size: 18px;
        }

.email-box-withdrawal-pending {
    border: 2px solid grey;
    margin: 20px 30% 20px 0;
    padding: 10px;
    border-radius: 5px;
    background-color: #eeeeee;
}

.email-box-withdrawal-pending-btn {
    text-align: center;
    display: block;
    margin-top: 40px;
}
/* LogOut pop-up - START */

.logout-dialog .modal-content .modal-title {
    font-family: "Roboto", sans-serif;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    text-transform: none;
}

.logout-dialog .modal-content .modal-body {
    margin-top: 30px;
    text-align: center;
    font-size: 15px;
    width: 100%;
    font-family: 'Roboto';
    border: none;
}

.logout-dialog .modal-content .modal-footer {
    padding: 30px 0;
    border-top: none;
    border-top: none !important;
}
/* LogOut pop-up - END */

/* ********************************************************************************************* */
/* Sweepstake landing bootbox - START */
/* ********************************************************************************************* */
.sweeps-bootbox {
    top: 40%;
}

    .sweeps-bootbox .bootbox-body {
        text-align: center;
    }

    .sweeps-bootbox .modal-footer {
        display: none;
    }

    .sweeps-bootbox .title {
        color: #000;
        text-align: center;
        font-family: "Poppins", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 23px;
        margin-top: 24px;
    }

    .sweeps-bootbox .text {
        color: #000;
        text-align: center;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
        margin-bottom: 18px;
    }

    .sweeps-bootbox .loader {
        position: relative;
        margin: 8px auto;
        width: 64px;
        height: 64px;
        background: #E7EEF6;
        border-radius: 64px;
    }


    .sweeps-bootbox .circular-loader {
        -webkit-animation: rotate 2s linear infinite;
        animation: rotate 2s linear infinite;
        height: 100%;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin: auto;
    }

    .sweeps-bootbox .loader-path {
        stroke-dasharray: 150,200;
        stroke-dashoffset: -10;
        -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
        animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
        stroke-linecap: round;
    }

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124;
    }
}

@-webkit-keyframes color {
    0% {
        stroke: #70c542;
    }

    40% {
        stroke: #70c542;
    }

    66% {
        stroke: #70c542;
    }

    80%, 90% {
        stroke: #70c542;
    }
}

@keyframes color {
    0% {
        stroke: #70c542;
    }

    40% {
        stroke: #70c542;
    }

    66% {
        stroke: #70c542;
    }

    80%, 90% {
        stroke: #70c542;
    }
}
/* ********************************************************************************************* */
/* Sweepstake landing bootbox - END */
/* ********************************************************************************************* */