html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    ul li {
        display: inline-block;
        float: left;
        width: 50%;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* start editing from here */
a {
    text-decoration: none;
}

.txt-rt {
    text-align: right;
}
/* text align right */
.txt-lt {
    text-align: left;
}
/* text align left */
.txt-center {
    text-align: center;
}
/* text align center */
.float-rt {
    float: right;
}
/* float right */
.float-lt {
    float: left;
}
/* float left */
.clear {
    clear: both;
}
/* clear float */
.pos-relative {
    position: relative;
}
/* Position Relative */
.pos-absolute {
    position: absolute;
}
/* Position Absolute */
.vertical-base {
    vertical-align: baseline;
}
/* vertical align baseline */
.vertical-top {
    vertical-align: top;
}
/* vertical align top */
nav.vertical ul li {
    display: block;
}
/* vertical menu */
nav.horizontal ul li {
    display: inline-block;
}
/* horizontal menu */
img {
    max-width: 100%;
}
/*end reset*/
body {
    background: linear-gradient(to right bottom, #1cc7d0,#013ca6, #013ca6,#1cc7d0);
    /* background: #cd1f46; */
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    font-family: 'Titillium Web', sans-serif;
}

h1 {
    font-size: 40px;
    text-align: center;
    margin: 2.3em 0 1.5em;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
}

.main-agile {
    width: 28%;
    margin: 0px auto 0px auto;
    background: #0a1350;
    padding: 12px;
    position: relative;
    -webkit-box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.12);
}

.alert-close {
    background: url('../images/into.png') no-repeat 0px 0px;
    background-size: 16px;
    cursor: pointer;
    height: 24px;
    width: 24px;
    position: absolute;
    right: 11px;
    top: 17px;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    z-index: 999;
}

.content-wthree {
    padding: 30px 50px;
    text-align: center;
    position: relative;
}
/*.circle-w3layouts {
    width: 150px;
    height: 150px;
    position: absolute;
    background: rgba(1, 60, 166, 0.75);
    top: -4em;
    left: -4em;
    border-radius: 87px;
}*/
h2 {
    color: #fff;
    font-size: 28px;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 1.3em;
    text-transform: uppercase;
}

.content-wthree .ddl {
    width: 101%;
    color: #757575;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

select.ddl:focus {
    background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0;
}

.content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
    outline: none;
    font-size: 14px;
    letter-spacing: 1px;
    color: #000000;
    padding: 12px 12px 12px 40px;
    width: 85.2%;
    border: none;
    -webkit-appearance: none;
    margin-bottom: 12px;
    border: 1px solid #fff;
}

.content-wthree select {
    width: 101%;
}

.content-wthree input[type="submit"] {
    font-weight: bold;
    width: 100%;
    background: #0072ff;
    border: none;
    margin: 1em 0 1.5em;
    outline: none;
    letter-spacing: 1px;
    font-size: 15px;
    padding: 14px 0;
    color: #fff;
    text-transform: uppercase;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    cursor: pointer;
}

    .content-wthree input[type="submit"]:hover {
        background: #F7941D;
    }

.inputs-w3ls i {
    position: absolute;
    left: 12px;
    bottom: 24.8px;
    font-size: 16px;
    color: #000;
}

.inputs-w3ls {
    position: relative;
}

.wthree-text a {
    color: #fff;
    font-size: 17px;
    display: inline;
    letter-spacing: 1px;
    text-transform: capitalize;
}

/*--//footer--*/
.footer-w3l p {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #eee;
    letter-spacing: 1px;
    line-height: 27px;
}

    .footer-w3l p a {
        color: #fff;
    }

        .footer-w3l p a:hover {
            text-decoration: underline;
        }

.footer-w3l {
    margin: 65px 0px;
}
/*--//footer--*/

/*--responsive--*/
@media(max-width:1600px) {
    .main-agile {
        width: 35%;
    }

    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 88.3%;
    }
}

@media(max-width:1440px) {
    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 87.3%;
    }

    .footer-w3l {
        margin: 45px 0px;
    }

    h2 {
        font-size: 25px;
        margin-bottom: 1em;
    }

    h1 {
        font-size: 35px;
        margin: 1.7em 0 1em;
    }

    .content-wthree {
        padding: 40px 40px;
    }
}

@media(max-width:1366px) {
    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 86.3%;
    }
}

@media(max-width:1280px) {
    .content-wthree {
        padding: 35px 35px;
    }

    h1 {
        font-size: 33px;
        margin: 1.5em 0 1em;
    }

    .content-wthree input[type="submit"] {
        margin: 2.5em 0 1.3em;
    }

    .footer-w3l {
        margin: 36px 0px;
    }
}

@media(max-width:1080px) {
    .main-agile {
        width: 40%;
    }

    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 84.9%;
    }
}

@media(max-width:1050px) {
    .main-agile {
        width: 41%;
    }
}

@media(max-width:1024px) {
    h1 {
        margin: 2.3em 0 1.3em;
    }

    .footer-w3l {
        margin: 55px 0px;
    }

    .main-agile {
        width: 42%;
    }
}

@media(max-width:991px) {
    h1 {
        margin: 1.5em 0 1em;
    }

    .footer-w3l {
        margin: 36px 0px;
    }

    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 84.4%;
    }
}

@media(max-width:900px) {
    .main-agile {
        width: 47%;
    }

    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 84.9%;
    }

    h2 {
        font-size: 23px;
    }

    h1 {
        margin: 1.8em 0 1.2em;
        font-size: 30px;
    }
}

@media(max-width:800px) {
    .main-agile {
        width: 50%;
    }

    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 83.5%;
    }
}

@media(max-width:768px) {
    h1 {
        margin: 3.5em 0 1.5em;
    }

    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 82.5%;
    }

    .footer-w3l {
        margin: 80px 0px;
    }
}

@media(max-width:767px) {
    h1 {
        margin: 2.2em 0 1.2em;
    }

    .footer-w3l {
        margin: 42px 0px;
    }

    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        font-size: 13px;
        padding: 10px 10px 10px 37px;
        width: 84%;
    }

    .content-wthree input[type="submit"] {
        margin: 2em 0 1.3em;
        font-size: 14px;
        padding: 13px 0;
    }

    .footer-w3l p {
        font-size: 13px;
    }

    .inputs-w3ls i {
        bottom: 23px;
    }
}

@media(max-width:736px) {
    .main-agile {
        width: 52%;
    }
}

@media(max-width:667px) {
    .content-wthree {
        padding: 35px 30px;
    }

        .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
            width: 83%;
        }
}

@media(max-width:640px) {
    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 82%;
    }
}

@media(max-width:600px) {
    .main-agile {
        width: 60%;
    }

    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 83.5%;
    }
}

@media(max-width:568px) {
    h1 {
        margin: 2.5em 0 1.5em;
        font-size: 28px;
    }

    h2 {
        font-size: 20px;
    }

    .main-agile {
        width: 63%;
    }
}

@media(max-width:480px) {
    h1 {
        font-size: 25px;
    }

    .content-wthree {
        padding: 30px 25px;
    }

    .main-agile {
        width: 70%;
    }

    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 83%;
    }

    .footer-w3l {
        margin: 35px 0px;
    }

        .footer-w3l p {
            line-height: 33px;
        }
}

@media(max-width:440px) {
    .footer-w3l p {
        padding: 0 25px;
    }
}

@media(max-width:414px) {
    .footer-w3l {
        margin: 35px 20px;
    }

    .main-agile {
        width: 80%;
    }

    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 82.7%;
    }

    .footer-w3l p {
        padding: 0px;
    }

    .wthree-text a {
        font-size: 13px;
    }
}

@media(max-width:384px) {
    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 81%;
    }

    h1 {
        letter-spacing: 3px;
        margin: 2em 0 1.5em;
    }

    .footer-w3l {
        margin: 35px 24px;
    }

    .wthree-text a {
        font-size: 13px;
    }
}

@media(max-width:375px) {
    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 80.6%;
    }

    h1 {
        margin: 2.3em 0 1.5em;
        font-size: 24px;
    }

    .inputs-w3ls i {
        font-size: 15px;
    }

    .wthree-text a {
        font-size: 13px;
    }
}

@media(max-width:320px) {
    h1 {
        margin: 1.6em 0 1.2em;
        font-size: 22px;
        letter-spacing: 2px;
    }

    h2 {
        font-size: 17px;
    }

    .content-wthree {
        padding: 20px 15px;
    }

    .footer-w3l {
        margin: 27px 22px;
    }

    .content-wthree input[type="text"], .content-wthree input[type="password"], .content-wthree select {
        width: 78%;
    }

    .footer-w3l p {
        line-height: 27px;
    }

    .wthree-text a {
        font-size: 13px;
    }
}
/*--responsive--*/
.req {
    color: #ec9b9b;
    float: right;
    margin: -50px -23px 0px 0px;
    font-size: 30px;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 18px;
}

.alert-success {
    color: #116d00;
    background-color: #caffd3;
    border-color: #caffd3;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 19px;
}