﻿
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/Pru33qjShpZSmG3z6VYwnT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/Xyjz-jNkfiYuJf8UC3Lizw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/oOeFwZNlrTefzLYmlVV1UD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/97uahxiqZRoncBaCEI3aWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/7m8l7TlFO-S3VkhHuR0at9Ih4imgI8P11RFo6YPCPC0.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/dFWsweFqlD8ExfyN7Gh_GPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/OLffGBTaF0XFOW1gnuHF0dIh4imgI8P11RFo6YPCPC0.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/t6Nd4cfPRhZP44Q5QAjcC9Ih4imgI8P11RFo6YPCPC0.woff) format('woff');
}


html, body {
    margin: 0;
    height: 100vh;
    font-family: Roboto !important;
    font-size: 15px;
}



.container {
    background-color: #F5F5F5;
    position: relative;
}

.child {
    box-shadow: 0px -3px 6px #E5E3E3;
    background-color: #FFFFFF;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.contentcenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ao-btn-primary {
    width: 208px;
    height: 41px !important;
    background: #1C75BC 0% 0% no-repeat padding-box !important;
    box-shadow: 0 3px 6px #00000029 !important;
    -webkit-box-shadow: 0 3px 6px #00000029 !important;
    border-radius: 2px !important;
    opacity: 1 !important;
    font-weight: bold !important;
    font-size: 20px !important;
    color: #F7F7F7 !important;
    letter-spacing: 0 !important;
    border: 0 !important;
    cursor: pointer !important;
}



/* For 1024 Resolution */
@media only screen and (min-device-width : 1025px) and (max-device-width : 1280px) {
    .child {
        Width: 60vw;
        Height: 50vh;
    }

    .dvbody {
        height: 80%;
    }

    .headerspacetop {
        margin-top: 8%;
    }
}

/* For 1024 Resolution */
@media only screen and (min-device-width : 1281px) and (max-device-width : 1920px) {
    .child {
        Width: 50vw;
        Height: 40vh;
    }

    .dvbody {
        height: 88%;
    }

    .headerspacetop {
        margin-top: 10%;
    }
}

.copyright-text {
    position: absolute;
    font-size: .6875rem;
    opacity: .5;
    bottom: 28px;
    left: 45px
}

.footercls {
    background-color: #F5F5F5;
    padding-bottom: 20px
}

.firstdiv {
    font-size: 32px;
}

.seconddiv {
    font-size: 24px;
}

.thirddiv {
    font-size: 16px;
}

.imgH {
    margin-top: 18px;
}

.homebtn {
    margin-top: 20px
}

.headerbk {
    height: 72px;
    background-color: #00374C
}
