html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
mark{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;

}


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

img {
    max-width: 100%;
}

/*--end reset--*/
body a:hover {
    text-decoration: none;
}
/*/////////////// GLOBAL STYLES ////////////////////*/

body {
    background: url(../images/r5.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    font-family: 'Mukta Mahee', sans-serif;
}

.text-center {
    text-align: center;
}

/*/////////////// FONT STYLES ////////////////////*/

.content-w3ls {
    max-width: 480px;
    margin: 1em auto;
}

.content-bottom {
    padding: 3.5em 0.5em 1em;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    border-left: 5px solid #800000;
    margin: 0 1em;
    height:370px;
}

.content-top-agile {
    background: rgba(2, 2, 2, 0.65);
    padding: 3em;
    color: #fff;
    border-radius: 25px 25px 0 0;
    text-transform: uppercase;
}
h1.title-agile {
    padding: 0.5em 0 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 3.3em;
    text-shadow: 3px 3px 1px #000;
    letter-spacing: 5px;
    word-spacing: 6px;
}
.content-w3ls ul li {
    display: inline-block;
}


ul.list-login li:nth-child(2) {
    float: right;
}

.check {
    margin: 1em 0 1.5em;
}

.checkbox input,
.radio input {
    position: absolute;
    left: -9999px;
}

.checkbox i {
    position: absolute;
    bottom: 5px;
    left: 10px;
    display: block;
    width: 15px;
    height: 15px;
    outline: none;
    border: none;
    background: #fff;
}

.check label {
    margin: 0;
    font-size: 1em;
    text-transform: capitalize;
    color: #fff;
    letter-spacing: 1px;
}

.checkbox {
    position: relative;
    padding-left: 38px !important;
    cursor: pointer;
}

.checkbox input:checked+i:after,
.radio input:checked+i:after {
    opacity: 1;
}

.checkbox input+i:after {
    content: '';
    background: url(../images/check.png) no-repeat 1px;
    top: 0px;
    left: 0px;
    width: 14px;
    height: 14px;
    font: normal 8px/16px FontAwesome;
    text-align: center;
}

.checkbox input+i:after,
.radio input+i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}


/*/////////////// FORM STYLES ////////////////////*/

form .field-group {
    background: transparent;
    display: flex;
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    margin: 0 0 12px 0;
}

form .field-group span {
    flex: 1;
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    width: 20%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    color: #800000;
    font-size: 1.5em;
    background: #fff;
    text-align: center;
    margin: 0 8px 0 0;
    line-height: 54px;
    border: solid #ffffff;
    border-width: 1px 0px 1px 1px;
}

ul.list-login {
    margin: 2em 0;
}

form .field-group .wthree-field {
    flex: 3 50%;
    -webkit-box-flex:3 50%;     /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 3 50%;        /* OLD - Firefox 19- */
    -webkit-flex: 3 50%;          /* Chrome */
    -ms-flex: 3 50%;             /* IE 10 */
}

.wthree-field button {
/*742ecc*/
    background: #800000;
    border: none; 
    color: #fff;
    padding: 12px 15px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Mukta Mahee', sans-serif;
    cursor: pointer;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.wthree-field button:hover {
    background: #000;
    color: #fff;
}

.wthree-field input {
    padding: 15px 15px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    border-width: 1px 1px 1px 0;
    background: #fff;
    box-sizing: border-box;
    border-radius: 0 30px 30px 0;
    width: 100%;
    font-family: 'Mukta Mahee', sans-serif;
    outline: none;
}
.wthree-field button {
    padding: 15px 15px;
    font-size: 16px;
    border-width: 1px 1px 1px 0;
    background: #800000;
    box-sizing: border-box;
    border-radius: 0 30px 30px 0;
    width: 100%;
    font-family: 'Mukta Mahee', sans-serif;
    
}

.button {
    background-color: #800000;
    border: none;
    color: white;
    padding: 7px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px; 
    cursor: pointer;
}
.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #800000;
    border-radius:5px;
}

.button2:hover {
    background-color: #800000;
    color: white;
}
.button2:active {
    border:10px solid #800000;
}
#msgDiv{
    border:0px solid black;
    font-weight:bold;
    font-size:15px;
    width:100%;
    padding: 4px 0 4px 0;
    background:#065EB6;
}
.loginBottom{
    text-shadow: 2px 2px 2px black;
    width:100%; 
    /*height: 12%;*/
    position:fixed; 
    z-index:101; 
    left:0; bottom:0; 
    background:#5200cc; 
    text-align:left; 
    color:#fff; 
    font:400 13px 'lato_regular'
}
.error {
    top:30px;
    font-size: 17px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    display: block; 
    text-shadow: 2px 2px 5px black;
}
/* switch */

label.switch {
    position: relative;
    display: inline-block;
    height: 23px;
    padding-left: 4em;
    cursor: pointer;
    color: #fff;
}

li:nth-child(2) a,
label.switch {
    font-size: 16px;
    letter-spacing: 0.5px;
}

li:nth-child(2) a {
    color: #fff;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 26%;
    background-color: #adadad;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #800000;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* //switch */
.copyright p {
    color: #fff;
    letter-spacing: 1.5px;
    font-size: 16px;
    word-spacing: 2px;
    padding: 0 2em 2em;
}
.copyright p a {
    color: #fff;
}

/* -- Responsive code -- */
@media screen and (max-width: 1280px) {
    .content-w3ls {
        margin: 4em auto;
    }
}
@media screen and (max-width: 768px) {
    h1.title-agile {
        font-size: 3.1em;
        letter-spacing: 3px;
        word-spacing: 5px;
    }
}
@media screen and (max-width: 667px) {
    h1.title-agile {
        font-size: 2.8em;
    }
    .content-w3ls {
    }
}
@media screen and (max-width: 600px) {
    .copyright p {
        color: #fff;
        letter-spacing: 1px;
    }
}
@media screen and (max-width: 568px) {
    .content-bottom {
        padding: 3.5em 2em 1em;
    }
}

@media screen and (max-width: 480px) {
    h1.title-agile {
        font-size: 2.7em;
    }
    form .field-group .wthree-field {
        flex: 3 45%;
    }
    li.switch-agileits,ul.list-login li:nth-child(2){
        float: none;
    }
    ul.list-login li:nth-child(2){
        margin:1em 0 0;
    }
}

@media screen and (max-width: 414px) {
    h1.title-agile {
        font-size: 2.45em;
    }
    form .field-group .wthree-field {
        flex: 3 41%;
    }
}

@media screen and (max-width: 384px) {
    h1.title-agile {
        font-size: 2.15em;
    }
    .wthree-field input {
        padding: 9px 15px;
    }
    form .field-group span {
        font-size: 1.3em;
        line-height: 43px;
    }
    .wthree-field input[type="submit"] {
        padding: 8px 15px;
    }
}

@media screen and (max-width: 375px) {
    form .field-group .wthree-field {
        flex: 3 37%;
    }
    .copyright p {
        padding:0 1em 2em;
        letter-spacing: 0px;
    }
}
@media screen and (max-width: 320px) {
    h1.title-agile {
        font-size: 1.9em;
    }
    .content-bottom {
        padding: 3.5em 1em 1em;
    }

}

/* -- //Responsive code -- */