﻿* {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Lato', sans-serif;}
.clear {clear: both;}
body {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,303030+100 */ background: #666666; /* Old browsers */ background: -moz-linear-gradient(left,  #666666 0%, #303030 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  #666666 0%,#303030 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  #666666 0%,#303030 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#303030',GradientType=1 ); /* IE6-9 */}
#form-wrapper {width: 960px; margin: 30px auto;}
.page-content {flex-direction: row; justify-content: center; align-items: center; width: 960px; box-shadow: 5px 0px 10px #333; border-radius: 20px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left,  #ffffff 0%, #f3f3f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  #ffffff 0%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  #ffffff 0%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=1 ); /* IE6-9 */}
.slideshow, .form-content {flex-basis: 50%;}
.slideshow {padding: 30px 40px 20px; border-radius: 20px 0 0 20px;}
.infoGraphic img {width: 250px;}
.infoDiv { width:70%;float:left;}
.infoDiv h1 {text-align: right; font-weight: 300; margin: -110px 150px 0px 0px; color: #333; font-size: 18pt;}
.infoDiv h2 {text-align: right; font-weight: 300; margin: 10px 80px 0px 0px; color: #333;font-size: 18pt;}
.button-row {margin: 30px 0px 0px 15px;}  
    .button-row button {
        cursor: pointer;
        width: 150px;
        border-radius: 20px;
        border: 0 none;
        padding: 8px 0;
        font-weight: 700;
        font-size: 12pt;
        text-align: center;
        margin: 0 15px 0 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dddbdb+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #dddbdb 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 0%,#dddbdb 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 0%,#dddbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddbdb',GradientType=0 ); /* IE6-9 */
        box-shadow: 8px 0 13px #727373, 5px 0 13px #fff inset;
    }

.button-row button:hover {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#66d1bf+0,3a9288+100 */ background: #66d1bf; /* Old browsers */ background: -moz-linear-gradient(top,  #66d1bf 0%, #3a9288 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #66d1bf 0%,#3a9288 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #66d1bf 0%,#3a9288 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d1bf', endColorstr='#3a9288',GradientType=0 ); /* IE6-9 */ box-shadow: 8px 0 13px #125650; color: #fff;}
.button-row-after {padding: 20px 20px 0px 230px;}
.button-row-after button {
        cursor: pointer;
        width: 150px;
        border-radius: 20px;
        border: 0 none;
        padding: 8px 0;
        font-weight: 700;
        font-size: 12pt;
        text-align: center;
        margin: 0 20px 0 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dddbdb+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #dddbdb 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 0%,#dddbdb 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 0%,#dddbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddbdb',GradientType=0 ); /* IE6-9 */
        box-shadow: 8px 0 13px #727373, 5px 0 13px #fff inset;
    }

        .button-row-after button:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#66d1bf+0,3a9288+100 */
            background: #66d1bf; /* Old browsers */
            background: -moz-linear-gradient(top, #66d1bf 0%, #3a9288 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #66d1bf 0%,#3a9288 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #66d1bf 0%,#3a9288 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d1bf', endColorstr='#3a9288',GradientType=0 ); /* IE6-9 */
            box-shadow: 8px 0 13px #125650;
            color: #fff;
        }
.button-row-afternew {
    padding: 20px 20px 0px 300px;
}
.button-row-afternew button {
        cursor: pointer;
        width: 150px;
        border-radius: 20px;
        border: 0 none;
        padding: 8px 0;
        font-weight: 700;
        font-size: 12pt;
        text-align: center;
        margin: 0 20px 0 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dddbdb+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #dddbdb 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 0%,#dddbdb 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 0%,#dddbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddbdb',GradientType=0 ); /* IE6-9 */
        box-shadow: 8px 0 13px #727373, 5px 0 13px #fff inset;
    }


.need-help img {width: 200px;}
.form-content {padding: 20px 20px 190px 50px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a4c63+0,222e42+100 */ background: #3a4c63; /* Old browsers */ background: -moz-linear-gradient(left,  #3a4c63 0%, #222e42 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  #3a4c63 0%,#222e42 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  #3a4c63 0%,#222e42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a4c63', endColorstr='#222e42',GradientType=1 ); /* IE6-9 */ border-radius: 0 0px 20px 20px;}
.top-logo {text-align: right; width: 100%; margin: 0 0 30px;}
.top-logo img {width: 220px;margin: 30px 20px 0px 0px;}
.location {margin: 0 0 40px 30px;}
.location img {width: 70px;}
.login-txttop {
    font-size: 24pt;
    font-weight: 400;
    color: #fff;
}
.login-txt {font-size: 24pt; font-weight: 400; color: #fff;	text-transform: uppercase;}
.login-txt span {display: block; font-size: 18pt;}
.customFormHR {margin: 5px 0 15px; background: #6fdcc8; width: 110px; height: 5px;}
.block1, .block2 {width: 50%;}
.block1{float: left;}
.block2{float: right;}
.block1 label, .block2 label {color: #fff; display: block; font-size: 14px; margin: 0 0 3px;}
/*.block1::before, .block2::before {content: ""; width: 260px; height: 1px; background: #fff; position: absolute; bottom: 25px;}*/
.input {width: 260px; padding: 10px; font-size: 12pt; border: 0 none; margin: 0 0 30px; position: relative; color: #333;}
.buttonWrap {width: 120px; float: left;margin: 0px 0px 0px 310px;}
#LoginBtn {cursor: pointer; width: 100%; border: 0; color: #fff; font-weight: 700; font-size: 10pt; padding: 8px; border-radius: 20px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a4c63+0,243045+100 */ background: #3a4c63; /* Old browsers */ background: -moz-linear-gradient(top,  #3a4c63 0%, #243045 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #3a4c63 0%,#243045 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #3a4c63 0%,#243045 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a4c63', endColorstr='#243045',GradientType=0 ); /* IE6-9 */ box-shadow: 6px 0 13px #333;}
.cropbox {position: fixed; bottom: 0; left: 0;}
.forgotLink {float: left; font-size: 10pt; font-weight: 300; margin: 5px 0 0 30px;}
.forgot-pwd {color: #fff; text-decoration: none;}
.need-help {width:30%;float:right;}
.form-content .need-help {float: right; margin: 80px 0 0;}
.error {color: #ff0000; margin: 0 0 10px;}
.errorSign {position: absolute;}
.copyright {width: 90%; margin: 30px auto 20px; color: #fff; font-weight: 700; font-size: 10pt; text-align: center;}
.customHR {width: 90%; margin: 0 auto 20px; background: #6fdcc8; height: 2px;}
.topBar {width: 30%; float:right;}
