@font-face {
    font-family: 'vodafone';
    src: url('../fonts/vodafone/vodafone.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vodafone Rg';
    src: url('../fonts/vodafone/vodafone.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Vodafone_Rg_Bold';
    src: url('../fonts/vodafone/Vodafone_Rg_Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'VodafoneLt';
    src: url('../fonts/vodafone/VodafoneLt.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


.PageBackground {
    /*background-color: #e50302 !important;*/
    /*background-color: #7f1514 !important;*/
    background-color:#ffffff;
}

.well {
    border: 0px !important;
    border-radius: 0px !important;
}


.NoPadding {
    padding: 0px !important;
    margin: 0px !important;
}


.calendar-card {
    background-color: #808080;
    color: white !important;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    height: 150px; /* Adjust height if needed */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* Add shadow */
    border-radius: 10px; /* Optional: Rounded corners for smoother shadow */
}

    .calendar-card.current-date {
        background-color: #e50000; /* Red background for the current date */
    }


    .calendar-card .red-strip {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        background-color: transparent;
    }

    .calendar-card .card-body {
        padding: 0;
        color: white !important;
    }






.boxwithShaddow {
    box-shadow: 3px 3px 3px 3px #aaaaaa;
    padding: 1px !important;
    /*background-color: #f2f7f4;*/
}

.FormText1B {
    color: #000000;
    font-size: 30px;
    font-family: Vodafone_Rg_Bold;
}

.FormText1 {
    color: #000000;
    font-size: 30px;
    font-family: VodafoneLt;
}

.FormText2 {
    color: #494d4e;
    font-size: 22px;
    font-family: VodafoneLt;
}


.txtredMediam {
    font-size: 35px;
    color: #b90100;
    font-family: 'Vodafone Rg' !important;
}

.ddlCinema {
    font-size: 20px;
    color: #9d9c9c;
    font-weight: 100;
}

.btnClaimNow {
    background: url(../images/Claim.png) no-repeat;
    cursor: pointer;
    width: 91px;
    height: 39px;
    border: none;
}


.btnRegisterNow {
    background: url(../images/Register.png) no-repeat;
    cursor: pointer;
    width: 130px;
    height: 39px;
    border: none;
}


.footerText {
    padding: 0;
    margin: 0;
    color: #000000;
    font-size: 12px;
    font-family: VodafoneLt;
}

/*.container {
	width: 1000px !important;
}*/

.home-blank-spacer {
    height: 10%;
}

body {
    /*color: #7A7A7A;*/
    color: white;
}

* {
    padding: 0;
    margin: 0;
    font-family: VodafoneLt;
    color: #000000;
    /*color: #494d4e;*/
}

a {
    color: #000000 !important;
    text-decoration: underline !important;
}

html, body {
    height: 100%;
}
/*ie fix*/
.img-responsive {
    width: auto !important;
    height: auto !important;
}

.general-bold {
    font-weight: bold;
    font-size: xx-large;
}

.general-gray-bold {
    font-weight: bold;
    font-size: 3.8em;
    color: #000000;
    margin: 0 0 20px -10px;
}

.general-gray-bold {
    font-weight: bold;
    font-size: 2.8em;
    color: #000000;
    margin: 0 0 20px -10px;
}


.Litext {
    font-size: 16px;
    color: black;
    font-weight: 100;
}

.LiSpecial {
    margin-bottom: 15px;
}

    .LiSpecial ol li {
        margin-bottom: 15px;
        font-weight: bold;
    }

.LiJust {
    text-align: justify;
}


/*#region reward2voucher*/
.hilife-heading-text {
    position: relative;
    text-align: left;
    font-weight: bold;
    font-size: 1.4em;
    /*top:30px;*/
    color: #545454;
    /*color: #A8A8A8;*/
}

.hilifeclaimbuttonanchor {
    background: url(../images/Submit-Now.png) no-repeat;
    width: 246px;
    height: 30px;
    border: none;
    cursor: pointer;
}

.printNow {
    background: url(../images/Print.png) no-repeat;
    width: 130px;
    height: 38px;
    border: none;
    cursor: pointer;
}

.text {
    font-size: 1.3em;
    margin-left: 15px;
}


    .text li {
        font-size: .9em;
        font-weight: bold;
        margin: 0 0 10px 20px;
    }

.lineSpace {
    margin-bottom: 20px;
}


/*.lineSpace
{
	border: 1px solid #ed7700;
	margin-bottom:20px;
}*/

.location {
    font-size: 1.1em;
    font-weight: bold;
}

.Section {
    padding-bottom: 15px;
}

/*#endregion reward2voucher*/

/*#region homepage */

.home-tickbox-text {
}

.homepaddingrow {
    height: 5px;
}

.home-enter-textbox {
    width: 100%;
}

.home-enter-detail-label {
    font-size: .9em;
    font-weight: bold !important;
    padding-left: 0px !important;
}

.home-orange-bar-footer {
    height: 5px;
    background-color: #ed7700;
    margin-top: 10px;
}

.home-gray-bar-footer {
    height: 5px;
    background-color: #005264;
    margin-top: 10px;
}

.home-white-bar-Header {
    height: 15px;
    background-color: #000000;
    margin-top: 10px;
}


.home-header-image-small {
    display: none !important;
}

.home-header-image-large {
    display: block !important;
}

#wrap {
    min-height: 100%;
    width: 100% !important;
}

#wrap {
    /*background-color: #7f1514;*/
    /*background-color: #7f1514;*/
}

#main {
    overflow: auto;
    /*padding-bottom: 165px;*/
    padding-bottom: 10px;
}
/* must be same height as the footer */
/*#main-innercontent{
    position:relative;
    top: 50%;
    transform:translateX(-50%);
    left:50%;
}*/
/*#main {
     
     min-height:100%;
}*/

#footer {
    position: relative;
    /*margin-top: -165px;*/ /* negative value of footer height */
    /*height: 165px;*/
    margin-top: -40px; /* negative value of footer height */
    height: 40px;
    clear: both;
    /*margin-left:auto;
    margin-right:auto;*/
    background-color: #000000;
}

/*Opera Fix*/
body:before {
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;
    /;
}

form {
    height: 100%;
}


.home_igb_logo_top_wrap {
    text-align: center;
    position: relative;
    top: 20px;
    /*width:422px;
    height: 294px;*/
    height: 15%;
    overflow: hidden;
    margin: 0 auto;
}


.home_igb_logo_top {
    /*width:100%;*/
    margin-left: auto;
    margin-right: auto;
    /*width:316.5px;
    height: 220.5px;*/
}

.home_thank_you {
    position: relative;
    text-align: center;
    font-family: vodafone;
    font-size: 72px;
    top: 30px;
    color: #A39161;
}

.home_body_text_bkg {
    /*background-color:#efeeec;*/
    background-color: white;
}

.choosereward_body_text_bkg {
    background-color: #efeeec;
}

.home_body_text_wrap {
    text-align: center;
    width: 450px;
    position: relative;
    top: 20px;
    margin: auto;
}

.home_body_text {
    padding: 10px 0px 10px 0px;
    margin-left: auto;
    margin-right: auto;
    color: #505050;
    /*font-family: Frutiger;*/
    font-family: VodafoneLt;
    font-size: 22px;
    /*font-weight: bold;*/
}

.homeclaimbuttonanchor_BKP {
    position: absolute;
    top: 457px;
    left: 50%;
    margin-left: 100px; /* how far from the center to the left */
    background: url(../images/Claim_Now.gif) no-repeat;
    cursor: pointer;
    width: 158px;
    height: 39px;
    border: none;
}

.submit_preloader_holder {
    position: relative;
    top: 10px;
    left: 50%;
    margin-left: 260px;
}

.homeclaimbuttonanchor {
    /*display:inline-block;*/
    /*display: inline;
    vertical-align: bottom;
    position: relative;*/
    /*top: 23px;*/
    /*left: 50%;*/
    /*margin-left: 10px;*/ /* how far from the center to the left */
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../images/Vodafone_Button_Choose.png') no-repeat;
    width: 312px;
    cursor: pointer;
    /*margin-top: 20px;*/
}

.homeentercodebox {
    width: 560px;
    height: 50px;
    margin: 0 auto;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 10px;
    /*display:inline;*/
    /*position: relative;*/
    /*top: -10px;*/
    /*left: 50%;
    margin-left: -540px;*/ /* how far from the center to the left */
    /*background-color:white;
    
    cursor: pointer;
    width: 350px;
    height: 39px;
    font-size: 20px;
    padding-left:10px;*/
}

.homeentercodeTextbox {
    color: #000000;
    font-weight: bold;
    width: 350px;
    height: 39px;
    border: none;
    font-size: 18px;
    padding-left: 10px;
    /*margin-top: 20px;*/
    border: solid 1px #f58320;
}

.homeentercodeTextboxActive {
    color: #a1a1a1;
    font-weight: bold;
    width: 350px;
    height: 39px;
    border: none;
    font-size: 18px;
    padding-left: 10px;
    /*margin-top: 20px;*/
    border: solid 1px #f58320;
}

.homeentercodeTextboxError {
    color: #ff0000;
    font-weight: bold;
    width: 350px;
    height: 39px;
    border: none;
    font-size: 18px;
    padding-left: 10px;
    /*margin-top: 20px;*/
    border: solid 1px #f58320;
}

.termsbutton {
    display: block;
    margin: 0 auto;
    padding: 10px 0px 10px 0px;
}
/*.termsbutton{
    display: inline-block;
}
.termsbutton_Small{
    display: none;
}*/
.acceptedtermstickboxerror {
    font-size: 14px;
    color: red;
    font-weight: bold;
}

.home_termsbutton {
    display: inline-block;
}

.home_termsbutton_Small {
    display: none;
}

#hometermsanchor {
    display: inline;
    /*position: relative;*/
    /*top:20px;*/
    /*left: 50%;
    margin-left: 150px;*/
    /*position: absolute;
    top: 490px;
    left: 50%;
    margin-left: 370px;*/ /* how far from the center to the left */
}

#hometermstickboxanchor {
    position: relative;
    /*top: 20px;*/
    /*left: 47%;
    margin-left: -170px;*/ /* how far from the center to the left */
    width: 420px;
    margin: 0 auto;
    padding-left: 30px;
}

    #hometermstickboxanchor label {
        vertical-align: text-bottom;
        font-family: VodafoneLt;
    }

    #hometermstickboxanchor input {
        margin-right: 5px;
        margin-top: 5px;
    }

.hometermstickbox {
    /*width:50px;
    height: 50px;*/
    /*font-size: 16px;
    font-weight: bold;*/
    color: #505050;
    padding-bottom: 5px !important;
    width: 20px !important;
    height: 20px !important;
}


.footer-image-large {
    display: block;
}

.footer-image-medium {
    display: none;
}

.footer-image-small {
    display: none;
}

.footer-image-v-small {
    display: none;
}
/*#endregion homepage */


/*#region terms*/
.terms-subheading-orange {
    margin-top: 5px;
    font-weight: bold;
    font-size: 1.3em;
    color: #ed7700;
}

.terms-subheading-black {
    margin-top: 5px;
    font-weight: bold;
    font-size: 1.3em;
    color: #000000;
}

.terms-subheading {
    font-weight: bold;
    font-size: 1.1em;
}

.termsbackbutton {
    margin: 0 auto;
    background: url(../images/Back-Grey.gif) no-repeat;
    width: 94px;
    height: 38px;
    border: none;
    cursor: pointer;
}
/*#endregion terms*/


/*#region internalchoosereward */
.vcenter {
    /*display: inline-block;
    vertical-align: middle;
    float: none;*/
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.choosereward-header {
    font-weight: bold;
    font-size: xx-large;
    color: #ed7700;
    margin-top: 5px;
    margin-bottom: 15px;
    font-style: italic;
}


.choosereward_external_wrap {
    width: 960px;
    margin: 0 auto;
}

#chooserewardtermsanchor {
    position: relative;
    /*top: 45px;
    left: 50%;
    margin-left: 370px;*/ /* how far from the center to the left */
}

.home-heading-text {
    position: relative;
    text-align: left;
    font-weight: bold;
    font-size: 1.8em;
    /*top:30px;*/
    color: #545454;
    /*color: #A8A8A8;*/
}

.choosereward_body_text_wrap {
    text-align: center;
    width: 65%;
    position: relative;
    /*top: 20px;*/
    margin: auto;
    padding-bottom: 10px;
}

.choosereward_rewards_wrap {
    width: 900px;
    text-align: justify;
    /*margin-left:30px;
    margin-right:30px;*/
    position: relative;
    top: 30px;
}

.choosereward_link_text {
    color: #505050;
    font-family: VodafoneLt;
    font-size: 18px;
    width: 221px;
    /*width:50%;*/
    text-align: center;
    display: block;
    margin: 0 auto;
}

.choosereward_rewards_wrap:after {
    content: '';
    width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
    display: inline-block;
}

.choosereward_details_item1 {
    border-style: none;
    width: 100%;
    /*height: 147px;*/
    /*display: inline-block;*/
    display: block;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 5px;
}

.choosereward_details_item2 {
    border-style: none;
    width: 100%;
    /*height: 147px;*/
    display: block;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 5px;
}

.choosereward_details_item3 {
    border-style: none;
    width: 100%;
    /*height: 147px;*/
    display: block;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 5px;
}

.choosereward_reward_link {
    margin: auto;
}

.choosereward_reward_link_small {
    margin: auto;
    display: none;
}

.choosereward_body_text {
    padding: 30px 0px 30px 0px;
    text-align: left;
    /*margin-left: auto;
    margin-right: auto;*/
    color: #505050;
    /*font-family: Frutiger;*/
    font-family: vodafone;
    font-size: large;
    /*font-weight: bold;*/
}
/*#endregion choosereward*/

/*#region Reward1*/
.reward_redeemButton {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../images/Vodafone_Button_Redeem.png');
    width: 251px;
    height: 38px;
    cursor: pointer;
    /*margin:15px auto;*/
    /*display:block;*/
}

.reward1_redeem_anchor {
    position: relative;
    /*top: 1404px;
    left: 50%;
    margin-left: -126px;*/ /* how far from the center to the left */
}

.GrayBox {
    background: white;
    border: 2px solid #005264;
    color: #005264;
    padding: 5px;
    margin: 20px 0 40px 0;
}

.CountyHead {
    font-weight: bold;
}

.Section {
    margin-bottom: 15px;
}

.CountyText li {
    margin-left: 15px;
}

.OrangeHead {
    font-weight: bold;
    font-size: 1.2em;
    color: #ed7700;
}

.GrayLine {
    margin: 20px 0 20px 0;
    border-bottom: 1px solid #005264;
}
/*#endregion Reward1*/


/*#region media queries */
@media all and (min-width: 1001px) {
    .footer-image-large {
        display: block;
    }

    .footer-image-medium {
        display: none;
    }

    .footer-image-small {
        display: none;
    }

    .footer-image-v-small {
        display: none;
    }

    #main {
        /*padding-bottom: 165px;*/
    }

    #footer {
        /*margin-top: -165px;
        height: 165px;*/
    }

    #hometermsanchor {
        /*position: relative;*/
        /*top: 20px;*/
        /*left: 50%;
        margin-left: 280px;*/ /* how far from the center to the left */
    }

    .home_body_text_wrap {
        text-align: center;
        width: 450px;
        position: relative;
        top: 20px;
        margin: auto;
    }

    .home_body_text {
        padding: 10px 0px 10px 0px;
        margin-left: auto;
        margin-right: auto;
        /*font-family: Frutiger;*/
        font-family: vodafone;
        font-size: 18px;
        /*font-weight: bold;*/
    }
    /*.choosereward_body_text_wrap{
        text-align:center;
        width:450px;
        position:relative;
        top: 20px;
        margin: auto;
    }*/
    .choosereward_rewards_wrap {
        top: 90px !important;
    }

    /*.homeclaimbuttonanchor {
        position: absolute;
        top: 457px;
        left: 50%;
        margin-left: 100px;*/ /* how far from the center to the left */
    /*background: url(../images/Claim_Now.gif) no-repeat;
        cursor: pointer;
        width: 158px;
        height: 39px;
        border: none;
    }*/

}

@media all and (max-width: 1000px) and (min-width: 700px) {
    .footer-image-large {
        display: none;
    }

    .footer-image-medium {
        display: block;
    }

    .footer-image-small {
        display: none;
    }

    .footer-image-v-small {
        display: none;
    }

    #main {
        /*padding-bottom: 121px;*/
    }

    #footer {
        /*margin-top: -121px;
        height: 121px;*/
    }

    #hometermsanchor {
        /*position: relative;*/
        /*top:20px;*/
        /*left: 50%;
        margin-left: 200px !important;*/ /* how far from the center to the left */
    }

    .home_body_text_wrap {
        text-align: center;
        width: 60%;
        position: relative;
        top: 20px;
        margin: auto;
    }

    .home_body_text {
        padding: 10px 0px 10px 0px;
        margin-left: auto;
        margin-right: auto;
        /*font-family: Frutiger;*/
        font-family: vodafone;
        font-size: 18px;
        /*font-weight: bold;*/
    }
    /*.choosereward_body_text_wrap{
        text-align:center;
        width:60%;
        position:relative;
        top: 20px;
        margin: auto;
    }*/

    .home_igb_logo_top {
        /*width:100%;*/
        margin-left: auto;
        margin-right: auto;
        width: 211px !important;
        height: 147px !important;
    }

    .homeentercodebox {
        padding-left: 10px !important;
        width: 500px !important;
    }

    .homeentercodeTextbox {
        width: 290px;
        height: 39px !important;
        font-size: 16px !important;
        padding-left: 10px !important;
    }

    .homeentercodeTextboxActive {
        width: 290px !important;
        height: 39px !important;
        font-size: 16px !important;
        padding-left: 10px !important;
    }

    .homeentercodeTextboxError {
        width: 290px !important;
        height: 39px !important;
        font-size: 16px !important;
        padding-left: 10px !important;
    }

    .home_thank_you {
        font-size: 50px !important;
    }

    .home-heading-text {
        font-size: 1.3em !important;
    }

    .choosereward_external_wrap {
        width: 500px !important;
    }

    .choosereward_rewards_wrap {
        width: 500px !important;
        top: 90px !important;
    }

    #chooserewardtermsanchor {
        /*top: -10px !important;
        margin-left: 100px !important;*/ /* how far from the center to the left */
    }

    .home-heading-text {
        /*font-size: 50px !important;*/
    }
}

@media all and (max-width: 699px) {
    .footer-image-large {
        display: none;
    }

    .footer-image-medium {
        display: none;
    }

    .footer-image-small {
        display: block;
    }

    .footer-image-v-small {
        disp: none;
    }

    #main {
        /*padding-bottom: 91px;*/
    }

    #footer {
        /*margin-top: -91px;
        height: 91px;*/
    }

    .home_body_text_wrap {
        text-align: center;
        width: 80%;
        position: relative;
        top: 20px;
        margin: auto;
    }

    .home_body_text {
        padding: 10px 0px 10px 0px;
        margin-left: auto;
        margin-right: auto;
        /*font-family: Frutiger;*/
        font-family: vodafone;
        font-size: 18px;
        /*font-weight: bold;*/
    }
    /*.choosereward_body_text_wrap{
        text-align:center;
        width:80%;
        position:relative;
        top: 20px;
        margin: auto;
    }*/
    #hometermsanchor {
        /*position: relative;*/
        /*top:20px;*/
        /*left: 50%;
        margin-left: 150px;*/ /* how far from the center to the left */
    }

    .home_igb_logo_top {
        /*width:100%;*/
        margin-left: auto;
        margin-right: auto;
        width: 211px;
        height: 147px;
    }


    .home_thank_you {
        font-size: 50px;
    }

    .home-heading-text {
        font-size: 1.2em !important;
    }

    .choosereward_external_wrap {
        width: 500px !important;
    }

    .choosereward_rewards_wrap {
        width: 500px !important;
        top: 60px !important;
    }

    #chooserewardtermsanchor {
        /*top: -10px !important;
        margin-left: 100px !important;*/ /* how far from the center to the left */
    }
}

@media all and (max-width: 599px) {
    .footer-image-large {
        display: none;
    }

    .footer-image-medium {
        display: none;
    }

    .footer-image-small {
        display: block;
    }

    .footer-image-v-small {
        display: none;
    }

    #main {
        /*padding-bottom: 91px;*/
    }

    #footer {
        /*margin-top: -91px;
        height: 91px;*/
    }

    .homeentercodebox {
        padding-left: 15%;
        /*width:400px;*/
        width: 98%;
        height: 25px;
    }

    .homeentercodeTextbox {
        width: 55%;
        height: 25px;
        font-size: 12px;
        padding-left: 5px;
    }

    .homeentercodeTextboxActive {
        width: 55%;
        height: 25px;
        font-size: 12px;
        padding-left: 5px;
    }

    .homeentercodeTextboxError {
        width: 55%;
        height: 25px;
        font-size: 12px;
        padding-left: 5px;
    }


    .homeclaimbuttonanchor {
        background: url(../images/Vodafone_Button_Choose.png) no-repeat;
        width: 312px;
        height: 38px;
        /*margin-left: 5px;*/
    }

    .hilifeclaimbuttonanchor {
        background: url(../images/Submit-Now-small.png) no-repeat;
        width: 164px;
        height: 20px;
    }

    #hometermstickboxanchor {
        width: 80%;
        /*margin-top:10px;*/
    }

    .home_termsbutton {
        display: none;
    }

    .home_termsbutton_Small {
        display: inline-block;
    }
    /*.termsbutton{
        display: none;
    }
    .termsbutton_Small{
        display: inline-block;
    }*/
    #hometermsanchor {
        /*top:30px !important;*/
    }
}

@media all and (min-width:500px) {
    #hometermstickboxanchor label {
        margin-bottom: 0px;
    }
}

@media all and (max-width: 499px) {
    .choosereward_body_text_wrap {
        width: 80% !important;
    }

    .homeentercodeTextbox {
        width: 55%;
        height: 25px;
        font-size: 10px;
        padding-left: 1px;
    }

    .homeentercodeTextboxActive {
        width: 55%;
        height: 25px;
        font-size: 10px;
        padding-left: 1px;
    }

    .homeentercodeTextboxError {
        width: 55%;
        height: 25px;
        font-size: 10px;
        padding-left: 1px;
    }


    .footer-image-large {
        display: none;
    }

    .footer-image-medium {
        display: none;
    }

    .footer-image-small {
        display: none;
    }

    .footer-image-v-small {
        display: block;
    }

    #main {
        /*padding-bottom: 57px;*/
    }

    #footer {
        /*margin-top: -57px;
        height: 57px;*/
    }

    #hometermstickboxanchor {
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }

        #hometermstickboxanchor label {
            display: inline;
        }

    #hometermsanchor {
        /*top:40px !important;*/
        /*left: 50%;
        margin-left: -30px;*/
    }

    .homeentercodebox {
        padding-left: 2%;
        /*width:400px;*/
        width: 98%;
        height: 25px;
    }

    .choosereward_external_wrap {
        width: 90% !important;
    }

    .choosereward_rewards_wrap {
        width: 90% !important;
        margin: 0 auto;
    }
    /*.choosereward_body_text_wrap{
        width: 90% !important;
    }*/
    .choosereward_details_item1 {
        display: block !important;
        margin: 0 auto;
    }

    .choosereward_details_item2 {
        display: block !important;
        margin: 0 auto;
    }

    .choosereward_details_item3 {
        display: block !important;
        margin: 0 auto;
    }
}



@media screen and (max-height: 580px) {

    .home_igb_logo_top {
        width: 105px;
        height: 73px;
    }

    .home_thank_you {
        font-size: 35px;
        top: 20px !important;
    }

    .home-heading-text {
        /*font-size: 1.1em !important;*/
        /*top:20px !important;*/
    }
    /*.choosereward_body_text_wrap{
        top: 10px !important;
        width: 95% !important;
    }*/
    .home_body_text {
        /*font-size:14px !important;*/
        padding: 3px 0px 3px 0px !important;
    }

    .home_body_text_wrap {
        top: 10px !important;
        width: 95% !important;
    }

    #hometermstickboxanchor {
        /*top: 10px;*/
    }

    .hometermstickbox {
        font-size: 12px;
    }

    #hometermsanchor {
        /*top: -10px !important;*/
        /*margin-left: 70px !important;*/
    }

    .choosereward_reward_link {
        display: none;
    }

    .choosereward_reward_link_small {
        display: block !important;
    }

    /*.home_thank_you{
        font-size: 40px;    
        top:20px;
    }
    .home_body_text_wrap{
        top: 0px;
    }
    .home_body_text{
        padding: 5px 0px 5px 0px;
        font-size: 14px;
    }*/
    #hometermsanchor {
        /*top: -10px;*/
    }
    /*#hometermstickboxanchor{
        width:90%;
        margin-top:10px;
    }
    #hometermstickboxanchor label{
        display:inline;
    }*/
}

@media screen and (max-height: 650px) and (min-height:581px) {
    .home_igb_logo_top_wrap {
        top: 10px !important;
    }

    .home_thank_you {
        font-size: 40px !important;
        top: 20px;
    }

    .home-heading-text {
        /*font-size: 1.2em !important;*/
        /*top:20px;*/
    }
    /*.choosereward_body_text_wrap{
        top: 0px;
    }*/
    .home_body_text_wrap {
        top: 0px;
    }

    .home_body_text {
        padding: 5px 0px 5px 0px;
        /*font-size: 14px;*/
    }

    .homeentercodebox {
        height: 40px !important;
    }

    #hometermsanchor {
        /*top: -10px;*/
    }

    .choosereward_reward_link {
        display: none;
    }

    .choosereward_reward_link_small {
        display: block !important;
    }

    .choosereward_rewards_wrap {
        top: 30px !important;
    }
    /*#hometermstickboxanchor{
        width:90%;
        margin-top:10px;
    }
    #hometermstickboxanchor label{
        display:inline;
    }*/
}

@media screen and (max-height: 850px) and (min-height: 650px) {
    .home_igb_logo_top_wrap {
        top: 60px !important;
    }

    .home_thank_you {
        font-size: 50px;
        top: 60px !important;
    }

    .home-heading-text {
        /*font-size: 1.2em !important;*/
        /*top: 60px !important;*/
    }
    /*.choosereward_body_text_wrap{
        top: 60px !important;
    }*/
    .choosereward_rewards_wrap {
        top: 60px !important;
    }

    .home_body_text_wrap {
        top: 60px !important;
    }

    .home_body_text {
        padding: 5px 0px 5px 0px;
        /*font-size: 14px;*/
    }

    .homeentercodebox {
        /*margin-top:60px !important;*/
    }

    #hometermstickboxanchor {
        /*top:20px !important;*/
    }

    #hometermsanchor {
        /*top:60px !important;*/
    }
    /*#chooserewardtermsanchor{
        top:60px !important;
    }*/

    /*.choosereward_reward_link{
        display:none;
    }
    .choosereward_reward_link_small{
        display:block !important;
    }*/
    /*.choosereward_details_item1{
        width:160px !important;
    }
    .choosereward_details_item2{
        width:160px !important;
    }
    .choosereward_details_item3{
        width:160px !important;
    }
    .choosereward_link_text{
        width:160px !important;
    }*/
}

@media screen and (min-height: 850px) {

    .home_igb_logo_top_wrap {
        top: 60px !important;
    }

    .home_thank_you {
        top: 60px !important;
    }

    .home-heading-text {
        /*top: 60px !important;*/
    }
    /*.choosereward_body_text_wrap{
        top: 60px !important;
    }*/
    .home_body_text_wrap {
        top: 60px !important;
    }

    .homeentercodebox {
        /*margin-top:60px !important;*/
    }

    #hometermstickboxanchor {
        /*top:20px !important;*/
    }

    #hometermsanchor {
        /*top:60px !important;*/
    }
    /*#chooserewardtermsanchor{
        top:100px !important;
    }*/
}

@media screen and (min-height: 950px) {

    .home_igb_logo_top_wrap {
        top: 90px !important;
    }

    .home_thank_you {
        top: 100px !important;
    }

    .home-heading-text {
        /*top: 100px !important;*/
    }
    /*.choosereward_body_text_wrap{
        top: 90px !important;
    }*/
    .home_body_text_wrap {
        top: 100px !important;
    }

    .homeentercodebox {
        /*margin-top:100px !important;*/
    }

    #hometermstickboxanchor {
        /*top:20px !important;*/
    }

    #hometermsanchor {
        /*top:100px !important;*/
    }
    /*#chooserewardtermsanchor{
        top:100px !important;
    }*/
}

/*@media all and (min-height:900px) {
    .igb-header-image-small {
        display: none !important;
    }

    .igb-header-image-large {
        display: block !important;
    }
}

@media all and (max-height: 899px) {
    .igb-header-image-small {
        display: block !important;
    }

    .igb-header-image-large {
        display: none !important;
    }
}*/
/*#endregion media queries*/

.topImages {
    width: 190px;
    height: 168px;
    margin-left: 25px;
    margin-right: 15px;
}

.topMainImage {
    width: 900px;
    height: 200px;
    margin-left: 5px;
    margin-right: 5px;
}

.btnredeemnow {
    display: inline;
    vertical-align: bottom;
    position: relative;
    background: url(../Images/btnredeemnow.png) no-repeat;
    width: 123px;
    height: 39px;
    border: none;
    cursor: pointer;
}

.txtredS {
    font-size: 20px;
    color: #b90100;
}

.txtredLarge {
    font-size: 60px;
    color: #000000;
    font-weight: 700;
}

.txtredSmall {
    font-size: 20px !important;
    color: #000000;
    font-weight: bold !important;
    font-family: Vodafone_Rg_Bold !important;
}


.red {
    color: #ec2a24;
}

.txtHeadingBlackBold {
    font-size: 28px;
    color: black;
    font-family: vodafone;
    font-weight: bold;
}

.txtHeadingBlack1 {
    font-size: 18px;
    color: black;
    font-family: vodafone;
}

.txtHeadingBlack3 {
    font-size: 20px;
    color: black;
    font-family: vodafone;
}



.txtHeadingGray2 {
    font-size: 24px;
    color: #000000;
    font-family: vodafone;
}

.txtHeadingGray3 {
    font-size: 30px;
    color: #77787b;
    font-family: vodafone;
}


.txtredSThin {
    font-size: 20px;
    color: #b90100;
    font-weight: 100;
}

.txtBlackThin {
    font-size: 20px;
    color: black;
    font-weight: 100;
}

.txtControl {
    font-size: 30px;
    color: #9d9c9c;
    font-weight: 100;
}


.ddlCinema {
    font-size: 20px;
    color: #9d9c9c;
    font-weight: 100;
}


.lineXS {
    height: 15px;
}

.lineS {
    height: 15px;
}

.lineM {
    height: 25px;
}

.lineL {
    height: 30px;
}

.lineXL {
    height: 60px;
}


.btnClaimNowNew {
    color: #ffffff;
    background-color: #ea1c24;
    font-size: 24px;
    font-family: VodafoneLt;
    border-radius: 10px !important;
    width: 20%;
}


.textBoxCode {
    font-weight: bold;
    width: 100%;
    height: 39px;
    font-size: 2.1rem !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #e81e27 !important;
    font-family: VodafoneLt !important;
    border-radius: 10px !important;
}

.textBoxCodeActive {
    color: #494d4e;
    font-weight: bold;
    height: 39px;
    width: 100%;
    font-size: 2.2rem !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #e81e27 !important;
    border-radius: 10px !important;
    font-family: VodafoneLt !important;
}

.textBoxCodeError {
    color: #ff0000 !important;
    font-weight: bold;
    height: 39px;
    width: 100%;
    border: none;
    font-size: 2.1rem !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #e81e27 !important;
    border-radius: 10px !important;
    font-family: VodafoneLt !important;
}

.myimage {
    background: url(../images/MainPageBackground.png) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
    height: 100%;
    max-height: 800px;
    max-width: 1300px;
}

.thankyou {
    font-size: 45px !important;
    font-weight: bold;
    padding: 2px;
    color: #000000;
    font-family: Vodafone_Rg_Bold;
}


.thankyouSmall {
    font-size: 25px !important;
    font-weight: bold;
    padding: 2px;
    color: #e02717;
    font-family: VodafoneLt;
}

.thankyouSmall2 {
    font-size: 30px !important;
    font-weight: bold;
    padding: 2px;
    color: #000000;
    font-family: VodafoneLt;
}

.thankyouSmall2Bold {
    font-size: 30px !important;
    font-weight: bold !important;
    padding: 2px;
    color: #000000;
    font-family: Vodafone_Rg_Bold;
}



.HeadingSmall {
    font-size: 30px !important;
    font-weight: bold;
    padding: 2px;
    color: #e02717;
}

#chkAddressUpdateOptIn {
    width: 20px;
    height: 20px;
    margin: 0px 0px 0px 10px;
}


#chkaggree {
    width: 25px;
    height: 25px;
    margin: 0px 10px 0px 10px;
}

#chkaggree2 {
    width: 25px;
    height: 25px;
    margin: 0px 10px 0px 10px;
}


#chkPrivacy {
    width: 25px;
    height: 25px;
    margin: 0px 10px 0px 10px;
}





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



    .FormText1B {
        color: #000000;
        font-size: 19px;
        font-family: Vodafone_Rg_Bold;
    }

    .FormText1 {
        color: #000000;
        font-size: 19px;
        font-family: VodafoneLt;
    }

    .FormText2 {
        color: #494d4e;
        font-size: 11px;
        font-family: VodafoneLt;
    }


    .txtredLarge {
        font-size: 20px !important;
        color: #000000;
        font-weight: 700;
    }

    .txtredSmall {
        font-size: 15px !important;
        color: #000000;
        font-weight: bold;
        font-family: Vodafone_Rg_Bold;
    }

    .txtHeadingBlack1 {
        font-size: 12px;
        color: black;
        font-family: vodafone;
    }

    .txtredSThin {
        font-size: 18px;
        color: #b90100;
        font-weight: 100;
    }

    .txtBlackThin {
        font-size: 18px;
        color: black;
        font-weight: 100;
    }

    .footerText {
        padding: 0;
        margin: 0;
        color: #000000;
        font-size: 8px;
        font-family: vodafone;
    }

    .Title1 {
        font-size: 15px !important;
        font-weight: bold;
        padding: 2px;
        color: #e02717;
    }

    .txtHeadingBlack3 {
        font-size: 11px;
        color: black;
        font-family: vodafone;
    }

    #chkaggree {
        width: 15px;
        height: 15px;
        margin: 0px 10px 0px 10px;
    }

    #chkaggree2 {
        width: 15px;
        height: 15px;
        margin: 0px 10px 0px 10px;
    }

    #chkPrivacy {
        width: 15px;
        height: 15px;
        margin: 0px 10px 0px 10px;
    }

    .btnClaimNowNew {
        color: #7f1514;
        background-color: white;
        font-size: 24px;
        font-family: VodafoneLt;
        border-radius: 10px !important;
        width: 100%;
    }

    .textBoxCode {
        font-weight: bold;
        width: 95%;
        height: 39px;
        font-size: 30px !important;
        padding-left: 10px;
        border: solid thin 1px #000000 !important;
        font-family: VodafoneLt !important;
        border-radius: 10px !important;
    }

    .textBoxCodeActive {
        color: #494d4e;
        font-weight: bold;
        height: 39px;
        width: 95%;
        font-size: 30px !important;
        padding-left: 10px;
        border: solid 1px black;
        border-radius: 10px !important;
        font-family: VodafoneLt !important;
    }

    .textBoxCodeError {
        color: #ff0000 !important;
        font-weight: bold;
        height: 39px;
        width: 95%;
        border: none;
        font-size: 30px !important;
        padding-left: 10px;
        border: solid 1px #ff0000;
        border-radius: 10px !important;
        font-family: VodafoneLt !important;
    }


    .HeadingSmall {
        font-size: 15px !important;
        font-weight: bold;
        padding: 2px;
        color: #e02717;
    }

    .thankyou {
        font-size: 25px !important;
        font-weight: bold;
        padding: 2px;
        color: #000000;
        font-family: VodafoneLt;
    }

    .thankyouSmall {
        font-size: 25px !important;
        font-weight: bold;
        padding: 2px;
        color: #e02717;
        font-family: VodafoneLt;
    }


    .thankyouSmall2 {
        font-size: 25px !important;
        font-weight: bold;
        padding: 2px;
        color: #000000;
        font-family: VodafoneLt;
    }

    .thankyouSmall2Bold {
        font-size: 25px !important;
        font-weight: bold !important;
        padding: 2px;
        color: #000000;
        font-family: Vodafone_Rg_Bold;
    }
}

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


    .FormText1B {
        color: #000000;
        font-size: 19px;
        font-family: Vodafone_Rg_Bold;
    }

    .FormText1 {
        color: #000000;
        font-size: 19px;
        font-family: VodafoneLt;
    }

    .FormText2 {
        color: #494d4e;
        font-size: 11px;
        font-family: VodafoneLt;
    }

    .txtredLarge {
        font-size: 20px !important;
        color: #000000;
        font-weight: 700;
    }

    .txtredSmall {
        font-size: 15px !important;
        color: #000000;
        font-weight: bold;
        font-family: Vodafone_Rg_Bold;
    }

    .txtHeadingBlack1 {
        font-size: 12px;
        color: black;
        font-family: vodafone;
    }

    .txtredSThin {
        font-size: 18px;
        color: #b90100;
        font-weight: 100;
    }

    .txtBlackThin {
        font-size: 18px;
        color: black;
        font-weight: 100;
    }

    .footerText {
        padding: 0;
        margin: 0;
        color: #000000;
        font-size: 8px;
        font-family: vodafone;
    }


    .Title1 {
        font-size: 15px !important;
        font-weight: bold;
        padding: 2px;
        color: #e02717;
    }

    .txtHeadingBlack3 {
        font-size: 11px;
        color: black;
        font-family: vodafone;
    }

    #chkaggree {
        width: 15px;
        height: 15px;
        margin: 0px 10px 0px 10px;
    }

    #chkaggree2 {
        width: 15px;
        height: 15px;
        margin: 0px 10px 0px 10px;
    }

    #chkPrivacy {
        width: 15px;
        height: 15px;
        margin: 0px 10px 0px 10px;
    }

    .btnClaimNowNew {
        color: #7f1514;
        background-color: white;
        font-size: 24px;
        font-family: VodafoneLt;
        border-radius: 10px !important;
        width: 100%;
    }


    .textBoxCode {
        font-weight: bold;
        width: 95%;
        height: 39px;
        font-size: 1.6rem !important;
        padding-left: 10px;
        border: solid thin 1px #000000 !important;
        font-family: VodafoneLt !important;
        border-radius: 10px !important;
    }

    .textBoxCodeActive {
        color: #494d4e;
        font-weight: bold;
        height: 39px;
        width: 95%;
        font-size: 2.2rem !important;
        padding-left: 10px;
        border: solid 1px black;
        font-family: VodafoneLt !important;
    }

    .textBoxCodeError {
        color: #ff0000 !important;
        font-weight: bold;
        height: 39px;
        width: 95%;
        border: none;
        font-size: 2.2rem !important;
        padding-left: 10px;
        border: solid 1px #ff0000;
        font-family: VodafoneLt !important;
    }

    .HeadingSmall {
        font-size: 15px !important;
        font-weight: bold;
        padding: 2px;
        color: #e02717;
    }

    .thankyou {
        font-size: 25px !important;
        font-weight: bold;
        padding: 2px;
        color: #000000;
        font-family: VodafoneLt;
    }

    .thankyouSmall {
        font-size: 25px !important;
        font-weight: bold;
        padding: 2px;
        color: #e02717;
        font-family: VodafoneLt;
    }

    .thankyouSmall2 {
        font-size: 25px !important;
        font-weight: bold;
        padding: 2px;
        color: #000000;
        font-family: VodafoneLt;
    }

    .thankyouSmall2Bold {
        font-size: 25px !important;
        font-weight: bold !important;
        padding: 2px;
        color: #000000;
        font-family: Vodafone_Rg_Bold;
    }
}

@media screen and (min-device-width : 375px) and (max-device-width : 667px) {

    .FormText1 {
        color: #000000;
        font-size: 19px;
        font-family: VodafoneLt;
    }

    .FormText2 {
        color: #494d4e;
        font-size: 11px;
        font-family: VodafoneLt;
    }

    .txtredLarge {
        font-size: 20px !important;
        color: #000000;
        font-weight: 700;
    }

    .txtredSmall {
        font-size: 15px !important;
        color: #000000;
        font-weight: bold;
        font-family: Vodafone_Rg_Bold;
    }

    .txtHeadingBlack1 {
        font-size: 12px !important;
        color: black;
        font-family: vodafone;
    }

    .txtredSThin {
        font-size: 18px;
        color: #b90100;
        font-weight: 100;
    }

    .txtBlackThin {
        font-size: 18px;
        color: black;
        font-weight: 100;
    }

    .footerText {
        padding: 0;
        margin: 0;
        color: #000000;
        font-size: 8px;
        font-family: vodafone;
    }


    .Title1 {
        font-size: 15px !important;
        font-weight: bold;
        padding: 2px;
        color: #e02717;
    }

    .txtHeadingBlack3 {
        font-size: 11px;
        color: black;
        font-family: vodafone;
    }

    #chkaggree {
        width: 15px;
        height: 15px;
        margin: 0px 10px 0px 10px;
    }

    #chkaggree2 {
        width: 15px;
        height: 15px;
        margin: 0px 10px 0px 10px;
    }

    #chkPrivacy {
        width: 15px;
        height: 15px;
        margin: 0px 10px 0px 10px;
    }

    .btnClaimNowNew {
        color: #7f1514;
        background-color: white;
        font-size: 24px;
        font-family: VodafoneLt;
        border-radius: 10px !important;
        width: 100%;
    }


    .textBoxCode {
        font-weight: bold;
        width: 95%;
        height: 39px;
        font-size: 20px !important;
        padding-left: 10px;
        border: solid thin 1px #000000 !important;
        border-width: 1px !important;
        font-family: VodafoneLt !important;
        border-radius: 10px !important;
    }

    .textBoxCodeActive {
        color: #494d4e;
        font-weight: bold;
        height: 39px;
        width: 95%;
        font-size: 20px !important;
        padding-left: 10px;
        border: solid 1px black;
        border-radius: 10px !important;
        font-family: VodafoneLt !important;
    }

    .textBoxCodeError {
        color: #ff0000 !important;
        font-weight: bold;
        height: 39px;
        width: 95%;
        border: none;
        font-size: 20px !important;
        padding-left: 10px;
        border: solid 1px #ff0000;
        font-family: VodafoneLt !important;
    }

    .HeadingSmall {
        font-size: 15px !important;
        font-weight: bold;
        padding: 2px;
        color: #e02717;
    }

    .thankyou {
        font-size: 25px !important;
        font-weight: bold;
        padding: 2px;
        color: #000000;
        font-family: VodafoneLt;
    }

    .thankyouSmall {
        font-size: 25px !important;
        font-weight: bold;
        padding: 2px;
        color: #e02717;
        font-family: VodafoneLt;
    }

    .thankyouSmall2 {
        font-size: 25px !important;
        font-weight: bold;
        padding: 2px;
        color: #000000;
        font-family: VodafoneLt;
    }

    .thankyouSmall2Bold {
        font-size: 25px !important;
        font-weight: bold !important;
        padding: 2px;
        color: #000000;
        font-family: Vodafone_Rg_Bold;
    }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) {

    .FormText1 {
        color: #000000;
        font-size: 19px;
        font-family: VodafoneLt;
    }

    .FormText2 {
        color: #494d4e;
        font-size: 11px;
        font-family: VodafoneLt;
    }

    .txtredLarge {
        font-size: 20px !important;
        color: #000000;
        font-weight: 700;
    }

    .txtredSmall {
        font-size: 15px !important;
        color: #000000;
        font-weight: bold;
        font-family: Vodafone_Rg_Bold;
    }

    .txtHeadingBlack1 {
        font-size: 10px !important;
        color: black;
        font-family: vodafone;
    }

    .txtredSThin {
        font-size: 18px;
        color: #b90100;
        font-weight: 100;
    }

    .txtBlackThin {
        font-size: 18px;
        color: black;
        font-weight: 100;
    }

    .footerText {
        padding: 0;
        margin: 0;
        color: #000000;
        font-size: 8px;
        font-family: vodafone;
    }


    .Title1 {
        font-size: 15px !important;
        font-weight: bold;
        padding: 2px;
        color: #e02717;
    }

    .txtHeadingBlack3 {
        font-size: 11px;
        color: black;
        font-family: vodafone;
    }

    #chkaggree {
        width: 15px;
        height: 15px;
        margin: 0px 10px 0px 10px;
    }

    #chkaggree2 {
        width: 15px;
        height: 15px;
        margin: 0px 10px 0px 10px;
    }

    #chkPrivacy {
        width: 15px;
        height: 15px;
        margin: 0px 10px 0px 10px;
    }

    .btnClaimNowNew {
        color: #7f1514;
        background-color: white;
        font-size: 24px;
        font-family: VodafoneLt;
        border-radius: 10px !important;
        width: 100%;
    }

    .textBoxCode {
        font-weight: bold;
        width: 95%;
        height: 39px;
        border: none;
        font-size: 1.1rem !important;
        padding-left: 10px;
        border: solid 1px black;
        font-family: VodafoneLt !important;
        border-radius: 10px !important;
    }

    .textBoxCodeActive {
        color: #494d4e;
        font-weight: bold;
        height: 39px;
        width: 95%;
        font-size: 1.2rem !important;
        padding-left: 10px;
        border: solid 1px black;
        border-radius: 10px !important;
        font-family: VodafoneLt !important;
    }

    .textBoxCodeError {
        color: #ff0000 !important;
        font-weight: bold;
        height: 39px;
        width: 95%;
        border: none;
        font-size: 1.1rem !important;
        padding-left: 10px;
        border: solid 1px #ff0000;
        border-radius: 10px !important;
        font-family: VodafoneLt !important;
    }

    .HeadingSmall {
        font-size: 15px !important;
        font-weight: bold;
        padding: 2px;
        color: #e02717;
    }

    .thankyou {
        font-size: 25px !important;
        font-weight: bold;
        padding: 2px;
        color: #000000;
        font-family: VodafoneLt;
    }

    .thankyouSmall {
        font-size: 25px !important;
        font-weight: bold;
        padding: 2px;
        color: #000000;
        font-family: VodafoneLt;
    }

    .thankyouSmall2 {
        font-size: 25px !important;
        font-weight: bold;
        padding: 2px;
        color: #000000;
        font-family: VodafoneLt;
    }

    .thankyouSmall2Bold {
        font-size: 25px !important;
        font-weight: bold !important;
        padding: 2px;
        color: #000000;
        font-family: Vodafone_Rg_Bold;
    }
}