.row1 {
        height: 15vh;
                    min-height: 72px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row1 > .html2 {
            padding-top:  5px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
                            margin-right: 0px;
                                        margin-left: 0px;
                                        margin-top: 0px;
                                        margin-bottom: 0px;
                        vertical-align:  top;
            background-color:  #FF000000;
            box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.00);
                        }

            
            

            
            .html2 .button {
            
            
            
            
            
                        }

            
            
                                .row2 {
        height: 21vh;
                    min-height: 101px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row2 > .html3 {
            padding-top:  0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
                                                            vertical-align:  top;
            background-color:  #FF000000;
            box-shadow:  none;
                        }

            
            

            
            .html3 .button {
            
            
            
            
            
                        }

            
            
                                .row3 {
        height: 11vh;
                    min-height: 53px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row3 > .html1 {
            padding-top:  0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
                            margin-right: 0px;
                                        margin-left: 0px;
                                        margin-top: 0px;
                                        margin-bottom: 0px;
                        vertical-align:  top;
            background-color:  #FF000000;
            box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.00);
                        }

            
            

            
            .html1 .button {
            
            
            
            
            
                        }

            
            
                                .row4 {
        height: 9vh;
                    min-height: 43px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row4 > .button2 {
            padding-top:  0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
                                                            vertical-align:  top;
            background-color:  #FF000000;
            box-shadow:  none;
                        }

            
            

            
            .button2 .button {
            
            
            
            
            
                        }

            
            
                                .row5 {
        height: 15vh;
                    min-height: 72px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row5 > .html4 {
            padding-top:  0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
                            margin-right: 0px;
                                        margin-left: 0px;
                                        margin-top: 0px;
                                        margin-bottom: 0px;
                        vertical-align:  top;
            background-color:  #FF000000;
            box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.00);
                        }

            
            

            
            .html4 .button {
            
            
            
            
            
                        }

            
            
                        
    body, .frame-dw-preview {
    height: 100vh;
            min-height: 480px;
        margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    background-color: #3EC9FF;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
            background-image:  url("../img/TAD-videoportal6-bg.jpg");
        font-family: DBHelvethaicaX-57Cond;
        }

    

    .button {
    width: 100%;
    border-radius: 50px;
    border: solid 3px #ffffff;
    padding: 1px;
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
    background-color: #AD48E8;
    box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.4);
    margin: 0 auto;
    display:table;
    line-height: inherit;
    font-family: DBHelvethaicaX-57Cond;
            font-style: normal;
                            background: -webkit-linear-gradient(to bottom, #AD48E8, #7207B0);
            background: -moz-linear-gradient(to bottom, #AD48E8, #7207B0);
            background: linear-gradient(to bottom, #AD48E8, #7207B0);
                box-sizing: border-box;
    }
    
            .button {
    animation-duration:     2s
;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-name: button-animation;
}

    
            @keyframes button-animation {
        0% {
        background-color: #AD48E8;
        border-color: #ffffff;
                    background: linear-gradient(to bottom, #AD48E8, #7207B0);
                }
        49% {
        background-color: #AD48E8;
        border-color: #ffffff;
                    background: linear-gradient(to bottom, #AD48E8, #7207B0);
                }
        50% {
        background-color: #E84242;
                    border-color: #ffffff;
                            background: linear-gradient(to bottom, #E84242, #B00000);
                }
        99% {
        background-color: #E84242;
                    border-color: #ffffff;
                            background: linear-gradient(to bottom, #E84242, #B00000);
                }
        100% {
        background-color: #AD48E8;
        border-color: #ffffff;
                    background: linear-gradient(to bottom, #AD48E8, #7207B0);
                }
        }
            @-webkit-keyframes button-animation {
        0% {
        background-color: #AD48E8;
        border-color: #ffffff;
                    background: linear-gradient(to bottom, #AD48E8, #7207B0);
                }
        49% {
        background-color: #AD48E8;
        border-color: #ffffff;
                    background: linear-gradient(to bottom, #AD48E8, #7207B0);
                }
        50% {
        background-color: #E84242;
                    border-color: #ffffff;
                            background: linear-gradient(to bottom, #E84242, #B00000);
                }
        99% {
        background-color: #E84242;
                    border-color: #ffffff;
                            background: linear-gradient(to bottom, #E84242, #B00000);
                }
        100% {
        background-color: #AD48E8;
        border-color: #ffffff;
                    background: linear-gradient(to bottom, #AD48E8, #7207B0);
                }
        }
            @-moz-keyframes button-animation {
        0% {
        background-color: #AD48E8;
        border-color: #ffffff;
                    background: linear-gradient(to bottom, #AD48E8, #7207B0);
                }
        49% {
        background-color: #AD48E8;
        border-color: #ffffff;
                    background: linear-gradient(to bottom, #AD48E8, #7207B0);
                }
        50% {
        background-color: #E84242;
                    border-color: #ffffff;
                            background: linear-gradient(to bottom, #E84242, #B00000);
                }
        99% {
        background-color: #E84242;
                    border-color: #ffffff;
                            background: linear-gradient(to bottom, #E84242, #B00000);
                }
        100% {
        background-color: #AD48E8;
        border-color: #ffffff;
                    background: linear-gradient(to bottom, #AD48E8, #7207B0);
                }
        }
        
    .container {
    font-size: 10px;
            line-height: 1.1;
        padding-left: 15px;
    padding-right: 15px;
            padding-top: 0px;
                padding-bottom: 0px;
            }

.cell {
display: table-cell;
}

    h1 {
    font-size: 3.2em;
    margin: 0;
    font-weight: normal;
    }
    h2 {
    font-size: 2.8em;
    margin: 0;
    font-weight: normal;
    }
    h3 {
    font-size: 2.2em;
    margin: 0;
    font-weight: normal;
    }
    h4 {
    font-size: 1.6em;
    margin: 0;
    font-weight: normal;
    }
    h5 {
    font-size: 1.3em;
    margin: 0;
    font-weight: normal;
    }
    h6 {
    font-size: 1.2em;
    margin: 0;
    font-weight: normal;
    }
    p, .error-text {
    font-size: 1.1em;
    margin: 0;
    }


.secured-button > img {
display:none;
}

.confirmation-txt {
font-size: 20px;
}

/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
margin: 10% auto;
background-color: #fefefe;
padding: 10px;
width: 85%;
border: 1px solid #888;
}

.modal-content .container { padding-left: 8px;  padding-right: 8px; }

/* The Close Button */
.close-terms {
background: transparent;
position: relative;
font-size: 2em;
color: #333;
cursor: pointer;
z-index: 1;
}

.close-terms:hover,
.close-terms:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

/* The Quit Button */
.quit-btn {
position: absolute;
top: 20px;
right: 20px;
}

.pinError-div {
display:none;
}

.inputError-div {
display: none;
}


.terms-text {
display:table;
}

.terms-check-span {
display:table-cell;
vertical-align: middle;
}

.disabledbtn, .disabledbtn:hover{
background-color: lightgrey;
background-image: none;
color: grey;
}

@font-face {
    font-family: "DaysLater28";
    src: url("");
    }

    @font-face {
    font-family: "Aclonica-Regular";
    src: url("");
    }

    @font-face {
    font-family: "AcuminPro-Regular";
    src: url("");
    }

    @font-face {
    font-family: "AdwaSansSerif-Regular";
    src: url("");
    }

    @font-face {
    font-family: "Anton-Regular";
    src: url("");
    }

    @font-face {
    font-family: "Asap-Regular";
    src: url("");
    }

    @font-face {
    font-family: "AvalonPlain";
    src: url("");
    }

    @font-face {
    font-family: "BadaBoomBB";
    src: url("");
    }

    @font-face {
    font-family: "Baloo-Regular";
    src: url("");
    }

    @font-face {
    font-family: "BD_Cartoon_Shout";
    src: url("");
    }

    @font-face {
    font-family: "BebasNeue-Regular";
    src: url("");
    }

    @font-face {
    font-family: "BenguiatBold";
    src: url("");
    }

    @font-face {
    font-family: "Blockletter";
    src: url("");
    }

    @font-face {
    font-family: "Bookinsanity";
    src: url("");
    }

    @font-face {
    font-family: "Bookinsanity-Bold";
    src: url("");
    }

    @font-face {
    font-family: "Butler";
    src: url("");
    }

    @font-face {
    font-family: "Catamaran-Regular";
    src: url("");
    }

    @font-face {
    font-family: "CenturyGothic";
    src: url("");
    }

    @font-face {
    font-family: "CeraGR-Regular";
    src: url("");
    }

    @font-face {
    font-family: "CFDinCondensed";
    src: url("");
    }

    @font-face {
    font-family: "Chonburi-Regular";
    src: url("");
    }

    @font-face {
    font-family: "Comfortaa-Regular";
    src: url("");
    }

    @font-face {
    font-family: "CourierNewPS-BoldItalicMT";
    src: url("");
    }

    @font-face {
    font-family: "CourierNewPS-BoldMT";
    src: url("");
    }

    @font-face {
    font-family: "CourierNewPS-ItalicMT";
    src: url("");
    }

    @font-face {
    font-family: "CourierNewPSMT";
    src: url("");
    }

    @font-face {
    font-family: "DBAdmanX";
    src: url("");
    }

    @font-face {
    font-family: "DBHelvethaicaX-57Cond";
    src: url("../fonts/DBHelvethaicaX-57Cond.ttf");
    }

    @font-face {
    font-family: "dtacEvolution-Regular";
    src: url("");
    }

    @font-face {
    font-family: "DTAC2018-Regular";
    src: url("");
    }

    @font-face {
    font-family: "duCoHeadline16iOS-Bold";
    src: url("");
    }

    @font-face {
    font-family: "duco_headline16_ios_bd-webfont";
    src: url("");
    }

    @font-face {
    font-family: "duCoHeadline16iOS-Regular";
    src: url("");
    }

    @font-face {
    font-family: "duco_headline16_ios_rg-webfont";
    src: url("");
    }

    @font-face {
    font-family: "ducoheadline400-webfont";
    src: url("");
    }

    @font-face {
    font-family: "EthiopicDireDawa";
    src: url("");
    }

    @font-face {
    font-family: "EurostileBold";
    src: url("");
    }

    @font-face {
    font-family: "FilsonProBold";
    src: url("");
    }

    @font-face {
    font-family: "FilsonProMedium";
    src: url("");
    }

    @font-face {
    font-family: "FlunkiesBB";
    src: url("");
    }

    @font-face {
    font-family: "FocoBlack-Regular";
    src: url("");
    }

    @font-face {
    font-family: "FredokaOne-Regular";
    src: url("");
    }

    @font-face {
    font-family: "FrutigerLTArabic-55Roman";
    src: url("");
    }

    @font-face {
    font-family: "Frutiger-Normal";
    src: url("");
    }

    @font-face {
    font-family: "fsalbertarabic-bold-webfont";
    src: url("");
    }

    @font-face {
    font-family: "fsalbertarabic-webfont";
    src: url("");
    }

    @font-face {
    font-family: "fsalvar-bold-webfont";
    src: url("");
    }

    @font-face {
    font-family: "fsalvar-regular-webfont";
    src: url("");
    }

    @font-face {
    font-family: "FSAlbertArabic-Regular";
    src: url("");
    }

    @font-face {
    font-family: "GESSTwoMedium";
    src: url("");
    }

    @font-face {
    font-family: "Gilroy-Medium";
    src: url("");
    }

    @font-face {
    font-family: "GloriaHallelujah";
    src: url("");
    }

    @font-face {
    font-family: "Gorditas-Regular";
    src: url("");
    }

    @font-face {
    font-family: "gotham-medium_0-webfont";
    src: url("");
    }

    @font-face {
    font-family: "Gotham-Book";
    src: url("");
    }

    @font-face {
    font-family: "GTWalsheimPro-Regular";
    src: url("");
    }

    @font-face {
    font-family: "vie-handelgothic-bold-webfont";
    src: url("");
    }

    @font-face {
    font-family: "vie-handelgothic_medium-webfont";
    src: url("");
    }

    @font-face {
    font-family: "HomerSimpsonRevised";
    src: url("");
    }

    @font-face {
    font-family: "OfficinaSerifStd-Book";
    src: url("");
    }

    @font-face {
    font-family: "JasmineUPC-Bold";
    src: url("");
    }

    @font-face {
    font-family: "JosefinSans-Light";
    src: url("");
    }

    @font-face {
    font-family: "JosefinSans-Regular";
    src: url("");
    }

    @font-face {
    font-family: "Kefa-Bold";
    src: url("");
    }

    @font-face {
    font-family: "Kefa-Regular";
    src: url("");
    }

    @font-face {
    font-family: "Larsseit";
    src: url("");
    }

    @font-face {
    font-family: "Lato-Regular";
    src: url("");
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Bold";
    src: url("");
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Bold-Italic";
    src: url("");
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Medium";
    src: url("");
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Medium-Italic";
    src: url("");
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Regular";
    src: url("");
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Regular-Italic";
    src: url("");
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Ultra-Light";
    src: url("");
    }

    @font-face {
    font-family: "Lemon-Milk-Pro-Ultra-Light-Italic";
    src: url("");
    }

    @font-face {
    font-family: "Letritas-Squalo-Regular";
    src: url("");
    }

    @font-face {
    font-family: "LuckiestGuy-Regular";
    src: url("");
    }

    @font-face {
    font-family: "mikadoregular-webfont";
    src: url("");
    }

    @font-face {
    font-family: "MilanesaSerif-Black";
    src: url("");
    }

    @font-face {
    font-family: "MilanesaSerif-Bold";
    src: url("");
    }

    @font-face {
    font-family: "MilanesaSerif-DemiBold";
    src: url("");
    }

    @font-face {
    font-family: "MilanesaSerif-ExtraBold";
    src: url("");
    }

    @font-face {
    font-family: "MilanesaSerif-Light";
    src: url("");
    }

    @font-face {
    font-family: "MilanesaSerif-Regular";
    src: url("");
    }

    @font-face {
    font-family: "MilanesaSerif-Thin";
    src: url("");
    }

    @font-face {
    font-family: "Montserrat-Regular";
    src: url("");
    }

    @font-face {
    font-family: "mtnbrightersans-regular-webfont";
    src: url("");
    }

    @font-face {
    font-family: "mtnbrightersans-bold-webfont";
    src: url("");
    }

    @font-face {
    font-family: "NeoSansPro-Bold";
    src: url("");
    }

    @font-face {
    font-family: "NeoSansPro-Regular";
    src: url("");
    }

    @font-face {
    font-family: "NESTINGRegular";
    src: url("");
    }

    @font-face {
    font-family: "offi_b-webfont";
    src: url("");
    }

    @font-face {
    font-family: "NokiaPureHeadline-Regular";
    src: url("");
    }

    @font-face {
    font-family: "NotoKufiArabic-Regular";
    src: url("");
    }

    @font-face {
    font-family: "NotoSans-Regular";
    src: url("");
    }

    @font-face {
    font-family: "NotoSerifEthiopic-Regular";
    src: url("");
    }

    @font-face {
    font-family: "OoredooArabic-Heavy";
    src: url("");
    }

    @font-face {
    font-family: "ooredooarabic-heavy-webfont";
    src: url("");
    }

    @font-face {
    font-family: "ooredoo-heavy-webfont";
    src: url("");
    }

    @font-face {
    font-family: "OpenSans";
    src: url("");
    }

    @font-face {
    font-family: "Oswald-Regular";
    src: url("");
    }

    @font-face {
    font-family: "oodfont";
    src: url("");
    }

    @font-face {
    font-family: "Outfit-Regular";
    src: url("");
    }

    @font-face {
    font-family: "Pacifico-Regular";
    src: url("");
    }

    @font-face {
    font-family: "padauk";
    src: url("");
    }

    @font-face {
    font-family: "PFFuturaNeuRoundedHeavy-Regular";
    src: url("");
    }

    @font-face {
    font-family: "Poppins";
    src: url("");
    }

    @font-face {
    font-family: "Poppins-Regular";
    src: url("");
    }

    @font-face {
    font-family: "ProductSans-Regular";
    src: url("");
    }

    @font-face {
    font-family: "proximanova-light-webfont";
    src: url("");
    }

    @font-face {
    font-family: "proximanova-medium-webfont";
    src: url("");
    }

    @font-face {
    font-family: "proximanova-regular-webfont";
    src: url("");
    }

    @font-face {
    font-family: "Raleway-Regular";
    src: url("");
    }

    @font-face {
    font-family: "roboto-regular-webfont";
    src: url("");
    }

    @font-face {
    font-family: "RobotoSlab-Regular";
    src: url("");
    }

    @font-face {
    font-family: "RobotoCondensed-Regular";
    src: url("");
    }

    @font-face {
    font-family: "Rubik-Regular";
    src: url("");
    }

    @font-face {
    font-family: "simplonbp-bold-webfont";
    src: url("");
    }

    @font-face {
    font-family: "simplonbp-medium-webfont";
    src: url("");
    }

    @font-face {
    font-family: "STCForward-Regular";
    src: url("");
    }

    @font-face {
    font-family: "TIMSans-Regular";
    src: url("");
    }

    @font-face {
    font-family: "TIMSansWeb-Bold";
    src: url("");
    }

    @font-face {
    font-family: "TIMSansWeb-Heavy";
    src: url("");
    }

    @font-face {
    font-family: "TIMSansWeb-Regular";
    src: url("");
    }

    @font-face {
    font-family: "tondo_corp_bd-webfont";
    src: url("");
    }

    @font-face {
    font-family: "tondo_corp_rg-webfont";
    src: url("");
    }

    @font-face {
    font-family: "viva-bold-webfont";
    src: url("");
    }

    @font-face {
    font-family: "viva-regular-webfont";
    src: url("");
    }

    @font-face {
    font-family: "vodafonergbd-webfont";
    src: url("");
    }

    @font-face {
    font-family: "vodafonerg-webfont";
    src: url("");
    }

    @font-face {
    font-family: "ZawgyiOne";
    src: url("");
    }

    @font-face {
    font-family: "ZonaPro-Regular";
    src: url("");
    }


@font-face {
font-family: "MTN Brighter Sans";
src: url("");
}

@font-face {
font-family: "Frutiger LT Arabic Roman";
src: url("");
}

@font-face {
font-family: "Open Sans";
src: url("");
}

@font-face {
font-family: "Roboto";
src: url("");
}

    body {
}