.row1 {
        height: 11vh;
                    min-height: 53px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row1 > .html1 {
            padding-top:  10px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
                                                            vertical-align:  top;
            background-color:  #FF000000;
            box-shadow:  none;
                        }

            
            

            
            .html1 .button {
            
            
            
            
            
                        }

            
            
                                .row2 {
        height: 25vh;
                    min-height: 120px;
                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: 12vh;
                    min-height: 58px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row3 > .button2 {
            padding-top:  0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
                                                            vertical-align:  top;
            background-color:  #FF000000;
            box-shadow:  none;
                        }

            
            

            
            .button2 .button {
            
            
            
            
            
                        }

            
            
                                .row4 {
        height: 40vh;
                    min-height: 192px;
                display: table;
        width: 100%;
        }
                    .landing > #app > .container > .row4 > .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: #7fc8f3;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
            background-image:  url("../img/TAD-videoportal1-Bg.jpg");
        font-family: DBHelvethaicaX-57Cond;
        }

    

    .button {
    width: 95%;
    border-radius: 30px;
    border: solid 5px #ffffff;
    padding: 0px;
    font-size: 36px;
    font-weight: 600;
    color: #007cc2;
    background-color: #f4bfd9;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.35);
    margin: 0 auto;
    display:table;
    line-height: inherit;
    font-family: DBHelvethaicaX-57Cond;
                            background: -webkit-linear-gradient(to bottom, #f4bfd9, #f4bfd9);
            background: -moz-linear-gradient(to bottom, #f4bfd9, #f4bfd9);
            background: linear-gradient(to bottom, #f4bfd9, #f4bfd9);
                box-sizing: border-box;
    }
    
    
    .container {
    font-size: 10px;
            line-height: 1.2;
        padding-left: 15px;
    padding-right: 15px;
                }

.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 {
}