body {
    margin:0;
    padding:0;
}

.panelOuter {
    overflow:hidden;
    float:left;
    margin-top:35px;
    width:48%;
}
.panelOuterReg {
    overflow:hidden;
    float:left;
    width:45%;
    margin-left:80px;
}
.panelOuterPos {
    margin-top:-40px;
    position:relative;
    overflow:hidden;
}
.offerHead {
    font-size:3.6em;
    font-weight:bold;
    text-align:center;
    color:#0594f3;
    margin-top:10px;
    text-shadow:5px 3px 15px #6cf3b8;
}
.imgOffer {
    height:250px;
    width:95%;
}
.enddate {
    color:red;
    font-weight:500;
    font-size:.5em;
    text-shadow:none;
}
.ofrTextmain {
    font-size:.7em;
    text-align:center;
    color:black;
    /*margin-top:25px;*/
}
.timerLbl {
    background:#eee;
    color:#001e4e;
    text-shadow:none;
    padding:5px 10px;
    font-size:.8em;
}
.lblHeadLine {
    color:black;
    padding:3px 10px;
    font-size:.4em;
    text-decoration:underline;
    text-shadow:none;
    line-height:normal;
    font-weight:normal;
}
.regTxt {
    font-size:1.2em;
    padding:5px 30px 5px 15px;
    width:140px;
}
.registerTxt {
    font-size:2.5em;
    color: #4187dd;
    padding:10px;
    font-weight:bold;   
    text-align:center;
    background:black;
}
.txtReg {
    padding:6px 10px;
    font-size:1.1em;
    width:350px;
}
.pnlFinalMsg {
    overflow:hidden;
    position:fixed;
    transform:translate(-50%,-50%);
    width:90%;
    height:95%;
    top:50%;
    left:50%;
    background:#2b2828;
    color:white;
    padding:0 0 10px 0;
}
.btncross {
    font-size:2em;
    float:right;
    color:white;
    text-decoration:none;
    background:#00a9ff;
    padding:10px;
}
.btncross:hover {
    background:blue;
}
.validation {
    color:red;
    float:right;
}
.headlineReg {
    text-align:center;font-size:.6em;
    color:black;
    margin-top:10px;
}
.btnReg {
    padding:10px 15px;
    font-size:1.8em;
    cursor:pointer;
    border:none;
    color:white;    
    background:#0871b6;
}
.btnReg:hover {
    background:#00a9ff;
}
.ty {
    font-size:4.5em;
    color:white;
    text-align:center;
}
.headlineReg {
        color:white;
    }
.pnltxtfinal {
    margin:10px 0;
    font-size:.45em;
}
.imgWebLandingPg {
    width:43%;
    height:250px;
    padding:12px;
    margin:0 15px;
    float:left;
    overflow:hidden;
}
.imgWebLandingPgDef {
    width:44%;
    height:300px;
    padding:12px;
    margin:0 15px;
    float:left;
    overflow:hidden;
}
.arrImg {
    width:80px;
    height:80px;
}
.videoOuterLand {
    width:80%;
    margin:auto;
    overflow:hidden;
    clear:both;
}
.txtBtnUpper {
    text-align:center;
    font-size:2.5em;
    padding:35px 15px;
    font-weight:bold;
}
.videoOuterLandDef {
    width:95%;
    overflow:hidden;
    padding:0 30px;
    clear:both;
}
.btnsOuterLand {
    overflow:hidden;
    clear:both;
    text-align:center;
    padding:10px;
    margin-top:15px;    
}
.btnServLand {
    padding:10px 50px;
    cursor:pointer;
    font-size:1.8em;
    background:#0079ff;
    border:none;
    color:white;
    text-align:center;
    text-decoration:none;
}
.ingBnrLanding {
    width:100%;
    height:300px;
}
.footLandingpg {
    background:black;
    color:white;
    height:200px;
}
.tblSmallWind {
    margin:10px 15px;
    overflow:hidden;
}
.headStep {
    text-align:center;
    font-size:1.8em;
    font-weight:600;
    padding:10px;
    background:#a7a7ad;
}

.stepOuter {
    overflow:hidden;
    clear:both;
    text-align:center;
    width:100%;
    margin-top:5px;
    padding:15px 0 0 0;
    margin-left:20px;
}
.stepTile {
    width:16%;
    float:left;
    margin:10px 5px;
    overflow:hidden;
    text-align:center;
    height:260px;
    
}
.stepDots {
    font-size:2em;
    float:left;
    padding:100px 0 0 0;
}
.stepText {
    font-size:1.7em;
    font-weight:600;
    text-align:center;
}
.stepBG {
    text-align:center;
    width:100%;
    height:170px;
    margin-top:8px;
    color:white;
    /*border-radius:100px 25px 100px 25px*/
    border-radius:50%;
    font-size:1.5em;
    letter-spacing:2px;
    font-weight:500;
    background:#478ee4;
    background: linear-gradient(to right, #478ee4, #0e407c);
    padding:20px 0 0 0;
    display:inline-block;
    line-height:35px;
    border-bottom:1px solid #bfe8fc;
    box-shadow:0 5px 20px #8b8383;
}
.cloudOuter {
    overflow:hidden;
    clear:both;
    line-height:35px;
    font-size:1.1em;
    padding:0 35px;
    text-align:justify;
    word-spacing:2px;
   
}
.linksText {
    text-decoration:none;
    color:black;
}
.linksText:hover {
    text-decoration:underline;
    color:blue;
}
.tagline {
    font-size:2em;text-align:center;font-weight:bold;margin-top:10px;background:#020222;color:white;overflow:hidden;padding:15px;
}
.listAlign {
    overflow:hidden;float:left;margin:6px;background:white;padding:5px 10px;
}

@media screen and (max-width:1100px) {
    .panelOuter {
        overflow:hidden;
        float:left;
        width:100%;
        text-align:center;
        margin:auto;
    }
    .offerHead {
        margin-top:60px;
        text-shadow:5px 3px 15px #6cf3b8;
    }
    .panelOuterReg {
        width:100%;
        margin-left:0;
    }
    .registerTxt {
        margin-top:50px;
       
    }
    .stepTile {
        width:14.5%;
        margin:10px 5px;
        height:260px;
    }
    .imgOffer {
        height:300px;
        width:80%;
    }
    .stepBG {
        text-align:center;
        width:100%;
        height:150px;
        margin-top:8px;
        color:white;
        border-radius:0 0 50% 50%;
        font-size:1.3em;
        letter-spacing:2px;
        font-weight:500;
        background:#0e407c;
        background: linear-gradient(to right, #145cb4, #0e407c);
        padding:20px 0 0 0;
        display:inline-block;
        line-height:inherit;
    }
    .tblSmallWind {
        width:70%;
        margin:auto;
    }
    
}

@media screen and (max-width:900px) {
    .tblSmallWind {
        width:70%;
        margin:auto;
    }
    .stepTile {
        width:25%;
        margin:10px 5px;
        height:260px;
    }
    .listAlign {
        margin:6px;padding:5px 10px;width:45%;
    }
    .stepBG {
        text-align:center;
        width:100%;
        height:160px;
        margin-top:8px;
        color:white;
        border-radius:100px 0 50% 50%;
        font-size:1.5em;
        letter-spacing:2px;
        font-weight:500;
        background:#0e407c;
        background: linear-gradient(to right, #145cb4, #0e407c);
        padding:30px 0 0 0;
        display:inline-block;
        line-height:inherit;
    }
    .imgWebLandingPgDef {
        width:93%;
        margin:0 auto;
    }
    .panelOuterReg {
        overflow:hidden;
        float:left;
        width:80%;
        margin-left:80px;
    }
}

@media screen and (max-width:700px) {
    .tblSmallWind {
        width:95%;
        margin:0 15px;
    }
   .stepTile {
        width:38%;
        text-align:center;
        margin:5px 5px;
        height:260px;
    }
   .listAlign {
        margin:5px 45px;padding:5px 20px;width:80%;
    }
    .stepBG {
        text-align:center;
        width:100%;
        height:160px;
        margin-top:8px;
        color:white;
        border-radius:100px 0 50% 50%;
        font-size:1.5em;
        letter-spacing:2px;
        font-weight:500;
        background:#0e407c;
        background: linear-gradient(to right, #145cb4, #0e407c);
        padding:20px 0 0 0;
        display:inline-block;
        line-height:32px;
    }
    .panelOuterReg {
        width:100%;
        margin-left:0;
    }
    .cloudOuter {
        padding: 0 10px;
    }
    .imgOffer {
        height:300px;
        width:95%;
    }
}

@media screen and (max-width:600px) {
     .validation {
        color:red;
        float:none;
        text-align:center;
    }
}

@media screen and (max-device-width:500px) {
     .registerTxt {
        font-size:4.5em;
        margin-top:30px;
        padding:35px;
    }
     .imgOffer {
        height:300px;
        width:97%;
    }
     .regTxt {
        font-size:2.5em;
        padding:10px 30px 10px 15px;
        width:270px;
        text-align:left;
    }
     .txtReg {
        padding:16px 20px;
        font-size:2.3em;
        width:580px;
        border:1px solid gray;
    }
     .btnReg {
        padding:30px 40px;
        font-size:3em;
    }
     .tblSmallWind {
        width:95%;
        margin:15px 10px;
    }
     .imgWebLandingPg {
        width:90%;
        height:400px;
    }
     .btnServLand {
        padding:70px 90px;
        font-size:4.5em;
        margin-top:40px;
    }
     .panelOuterReg {
        width:100%;
        margin-left:0;
    }
}