@import url('https://fonts.googleapis.com/css?family=Cairo:400,900');

@font-face {
    font-family: 'IACAD-Medium';
    src: url('Fonts/GESSTwoMedium.eot');
    /* IE9 Compat Modes */
    src: url('Fonts/GESSTwoMedium.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('Fonts/GESSTwoMedium.woff') format('woff'),
    /* Pretty Modern Browsers */
    url('Fonts/GESSTwoMedium.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('Fonts/GESSTwoBold.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

/* Font Light */
@font-face {
    font-family: 'IACAD-Light';
    src: url('Fonts/GESSTwoLight.eot');
    /* IE9 Compat Modes */
    src: url('Fonts/GESSTwoLight.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('Fonts/GESSTwoLight.woff') format('woff'),
    /* Pretty Modern Browsers */
    url('Fonts/GESSTwoLight.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('Fonts/GESSTwoBold.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

/* Font Bold */
@font-face {
    font-family: 'IACAD-Bold';
    src: url('Fonts/GESSTwoBold.eot');
    /* IE9 Compat Modes */
    src: url('Fonts/GESSTwoBold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('Fonts/GESSTwoBold.woff') format('woff'),
    /* Pretty Modern Browsers */
    url('Fonts/GESSTwoBold.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('Fonts/GESSTwoBold.svg#svgFontName') format('svg');
    /* Legacy iOS */
}

html {
    background: url("../assets/global/img/register1.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body {
    background: transparent;
    font-family: 'Cairo', sans-serif;
}

.font-highlight {
    font-family: "IACAD-Light", Arial, tahoma !important;

}

.register {
}

.register-left {
    text-align: center;
    color: #114d7d;
    /*background: rgba(255,255,255,.2);*/
}

    

.register-right {
    background: rgba(255,255,255,.9);
}
    /*.register-right input.uploads {
        border: none;
        border-radius: 1.5rem;
        background: #f8f9fa;
        font-weight: bold;
        color: #114d7d;
        cursor: pointer;
    }*/
.register-left img {
    /*margin-top: 15%;
    margin-bottom: 5%;
    width: 25%;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1s infinite alternate;*/
    /*max-width: 250px;*/
    max-width: 160px;

    margin-bottom: 25px;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

.register-left p {
    font-weight: lighter;
    padding: 12%;
    margin-top: -9%;
}

/*.register .register-form {
    padding:45px 30px;
}*/

.btnRegister {
    float: right;
    margin-top: 10%;
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    background: #0062cc;
    color: #fff;
    font-weight: 600;
    width: 50%;
    cursor: pointer;
}

.register .nav-tabs {
    margin-top: 3%;
    border: none;
    background: #0062cc;
    border-radius: 1.5rem;
    width: 28%;
    float: left;
}

    .register .nav-tabs .nav-link {
        padding: 2%;
        height: 34px;
        font-weight: 600;
        color: #fff;
        border-top-right-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }

        .register .nav-tabs .nav-link:hover {
            border: none;
        }

        .register .nav-tabs .nav-link.active {
            width: 100px;
            color: #0062cc;
            border: 2px solid #0062cc;
            border-top-left-radius: 1.5rem;
            border-bottom-left-radius: 1.5rem;
        }

.register-heading {
    text-align: center;
    margin-top: 30px;
    margin-bottom: -15%;
    color: #222;
}
.Pageloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0; 
    bottom: 0;
    background: #ffffff7d;
    z-index: 9999;
    display: none;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid blue;
    border-bottom: 16px solid blue;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 99999;
    position: absolute;
    left: 48%;
    top: 40%;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}