@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(/images/boeCNmOCCh-EWFLSfVffDg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(/images/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/images/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(/images/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(/images/BVtM30trf7q_jfqYeHfjtA.woff) format('woff');
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	background-repeat: repeat-y;
	background-position: top center;
	color: #000;
}

a {
	outline: none;
	color: #0055a6;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

table {
	border-collapse: collapse;
}

hr {
	margin: 10px 0;
	border: 0;
	clear: both;
	height: 1px;
	background-color: #e5e5e5;
}

.c {
	text-align: center;
}

#hdr {
	height: 79px;
	background-color: #fff;
}

#hdr .inset {
	margin: 0 auto;
	width: 1189px;
	font-size: 14px;
}

#hdr .inset .ph {
	float: right;
	width: 190px;
}

#hdr .inset .ph div {
	margin: 12px 0 0 0;
	height: 20px;
	line-height: 20px;
	background-repeat: none;
	color: #0957a4;
	text-indent: 31px;
}

#hdr .inset .ph .sales {
	background-image: url(/images/bg_ph_sales.jpg);
}

#hdr .inset .ph .support {
	background-image: url(/images/bg_ph_support.jpg);
}

#hdr .logo {
	float: left;
	width: auto;
}

#hdr .logo img {
	width: 150px;
	height: 79px;
}

#hdr .nav {
	float: left;
	width: auto;
	padding: 24px 0 0 94px;
}

#hdr .nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#hdr .nav ul li {
	display: inline;
}

#hdr .nav ul li a {
	display: block;
	float: left;
	width: auto;
	padding: 7px 21px;
	border-radius: 50px;
	border: 1px solid #fff;
	color: #0957a4;
}

#hdr .nav ul li a:hover {
	border: 1px solid #0957a4;
	text-decoration: none;
}

#referrals {
    margin-top: 165px;
    margin-left: 40px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    position: absolute;
    bottom:48px;
}

#referrals input[type="button"] {
	cursor: pointer;
    padding: 0 30px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background-color: #f7b216;
    border: none;
    font-weight: 700;
    margin-top: 10px;
    text-align: left;
}

#referrals .refer_your_friends {
    font-weight: 600;
    font-size: 20px;
    color: #0e57a6;
}


#referrals img {
    height: 50px;
}


#referrals .referral_text_container {
    line-height: 15px;
    margin-left: 20px;
}

#referrals .referral_button_container {
	text-align: left;
}

#referrals .referral_restrictions {
	font-size: 12px;
    color: #0e57a6;
    text-align: left;
    margin-left: 15px;
}

#bottom {
}

.vid {
	font-weight: bold;
}

.vid a {
	text-decoration: underline;
	line-height: 20px;
}

.vid img {
	margin-right: 10px;
	vertical-align: middle;
}


.login .msg {
	text-align: center;
	color: #0055a6;
	height: 150px;
}

.login .msg h2 {
	font-weight: normal;
	font-size: 16px;
}

p.tc {
	position: relative;
    color:#6b98ca;

}

p.tc label.error {
    color: #ff0000;
    font-size: 11px;
    position: absolute;
    top: 35px;
    left: 20px;
}

.login {
    display: flex;
    clear: both;
    overflow: auto;
    min-width: 1200px;
}

.left {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0px;
    background-color: #fff;
    z-index: 30;
    min-width:400px;
    min-height: 600px;
}

.right{
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0px;
    display: flex;
    z-index: 20;
    min-width: 400px;
    min-height: 600px;

}

div.fill-screen {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: right;
}

.fill-screen .image {
    position: absolute;
    width: 100%;
    height: 100%;
}

.image .img {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: left;
    background-size: cover;
    -webkit-background-size: cover;
}
.image .info{
    position: absolute;
    text-align: left;
    -webkit-box-align: center;
    align-items: center;
    justify-content: flex-start;
}

.image .image1 {
    color:#386ea7;
    position: absolute;
    text-align: left;
    background-image: url("/images/w1.png");
}
.image .info1 {
    color:#386ea7;
    position: absolute;
    left: 70px;
    top: 70px;
    text-align: left;
}

.image .image2 {
    color:#386ea7;
    background-image: url("/images/w2.png");
}
.image .info2 {
    color: #d6d1cf;
    position: absolute;
    left: 70px;
    top: 40px;
    text-align: left;
}


.image .image3 {
    color:#386ea7;
    background-image: url("/images/w3.png");
}
.image .info3 {
    color: #d6d1cf;
    position: absolute;
    left: 120px;
    top: 20px;
    text-align: left;
}

.image .image4 {
    color:#386ea7;
    background-image: url("/images/w4.png");
}
.image .info4 {
    color: #d6d1cf;
    position: absolute;
    left: 25px;
    top: 40px;
    text-align: left;
}

img.make-it-fit {
    max-width: 99%;
    max-height: 99%;
}

.login input[type="text"], .login input[type="password"] {
	width: 100%;
	height: 33px;
	background-color: #fff;
	border: 1px solid #0e57a6;
	line-height: 33px;
	text-indent: 15px;
}

.login input[type="submit"] {
	padding: 0 40px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	background-color: #0e57a6;
	border: none;
	cursor: pointer;
}

#slideshow input[type="submit"]{
    padding: 0 30px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background-color: #0e57a6;
    border: none;
    font-size: 13px;
}

.login .submit {
	margin: 24px 0;
	text-align: center;
}


.login_border {
    display: flex;
    justify-content: center;
    min-width: 400px;

}

.login_border form {
    width: 294px;
    padding: 25px 33px;
    box-shadow: #eaeaea 0 0 17px;
}

.login_links {
	margin: 0;
	text-align: center;
}

.login_links a {
    color: #6b98ca;
}

.login_links .divide {
	padding: 0 10px;
    color: #0e57a6;
}

.login .tc input {
	float: left;
	margin: 0 7px 20px 0;
    margin-left: 10px;
}

.login .tc a {
	color: #000;
	text-decoration: underline;
}

.fn {
	margin: 15px 0 29px 0;
	font-size: 10px;
	text-align: center;
    color: #6b98ca;
}

.line{
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;

}

.login_text {
    margin: 17px 0px -5px 17px;
    font-size: 9px;
    text-align: left;
    color: #0e57a6;
}

.maint_message {
	color: #ff0000;
	margin: 24px 0;
}

.login_logo {
    height: 60px;
    margin-top: 100px;
}

/* Temporary Nextcon CSS */
div.v div.nextcon-details{font-family:'Lato', sans-serif;display:block;background-color:#193368;color:#fff;padding:30px 25px 0 20px;line-height:32px;margin:0;position:relative;height:160px;overflow:hidden;box-sizing:border-box}
div.v div.nextcon-details p{text-transform:uppercase;display:block;margin:0;padding:0;font-size:20px;line-height:26px;}
div.v div.nextcon-details a{display:block;background-color:#f6b31a;color:#051129;text-transform:uppercase;width:180px;text-align:center;padding:3px;font-weight:600;margin:15px 0 0 0}
div.v{position:relative;z-index:10000000000;margin-top:1px}
div.v div.section-nextcon{position:fixed;left:-280px;display:block;width:280px;transition:all 0.3s ease-out;top:150px;}
div.v div.section-nextcon.active{left:0px;transition:all 0.3s ease-out;z-index:99999999999}
.nextcon-hover{display:block;position:absolute;width:50px;height:160px;background-color:#051129;top:0;left:280px;cursor:pointer}
.nextcon-hover img{display:block;width:auto;height:100%;margin:0 auto;box-sizing:border-box}

/**** Hidden for smaller mobile devices ****/
@media (max-width:768px){
    div.v div.section-nextcon{display:none;}
}
/* End Temporary Nextcon CSS */

/*Code for mobile responsiveness.*/
@media screen and (max-width: 810px) {
    .left {
        display: block;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        min-height: 500px;
    }
    .right {
        display: block;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        right: auto;
        min-height: 600px;
    }

    .login {
        display: block;
        position: relative;
        width: 100%;
        clear: both;
        min-width: auto;
        overflow: hidden;
    }
    
    .login_logo {
        display: block;
        width: auto;
        clear: both;
        margin: 20px auto 0;
        height: auto;
    }

    #referrals {
        background-color: #f4f8ff;
        display: block;
        width: 100%;
        position: relative;
        height: auto;
        margin: 0;
        text-align: center;
        padding: 20px 0;
        box-sizing: border-box;
        text-align: center;
        width: 100%;
    }

    #referrals .referral_image_container {
        margin: 0 auto;
    }

    #referrals .referral_button_container {
        text-align: center;
    }

    #referrals .referral_restrictions {
        text-align: center;
        margin: 10px auto 0;
    }
}

@media screen and (max-width: 640px) {
    .left {
        display: block;
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }

    .login {
        display: block;
        position: relative;
        width: 100%;
        clear: both;
        min-width: auto;
        overflow: hidden;
    }

    .login_logo {
        display: block;
        width: auto;
        clear: both;
        margin: 20px auto 0;
        height: auto;
    }

    .login_logo a img {
        display: block;
        margin: 0 auto;
        float: none;
    }

    .login_border {
        min-width: auto;
    }

    .login_border form {
        border: 0;
        border-style: solid;
        border-color: #efebeb;
        padding: 1em;
        display: block;
        width: 100%;
    }

    .login input[type="submit"] {
        color: #fff;
        background-color: #0e57a6;
        border: none;
        font-size: 20px;
        padding: 15px 80px;
        line-height: normal;
        height: auto;
    }

    .login input[type="text"], .login input[type="password"] {
        width: 96%;
        height: auto;
        background-color: #fff;
        border: 1px solid #dcdcdc;
        line-height: auto;
        text-indent: 10px;
        margin: 0px auto 20px;
        box-sizing: border-box;
        padding: 15px 5px;
        font-size: 20px;
        font-weight: 300;
        display: block;
    }

    p.tc {
        position: relative;
        color: #6b98ca;
        font-weight: 300;
        padding: 5px 15px;
    }

    .login_text {
        font-size: 12px;
        padding: 20px 0 0 0;
        margin: 0 0 0 10px
    }

    .login .submit {
        margin: 30px 0;
        text-align: center;
        display: block;
        clear: both;
        float: none;
        position: relative;
    }

    p.tc label.error {
        color: #ff0000;
        font-size: 11px;
        position: relative;
        top: 5px;
        left: 20px;
        clear: both;
        display: block;
        float: left;
    }

    .fill-screen .image {
        position: relative;
        width: 100%;
        height: 100%;
    }

    #referrals {
        background-color: #f4f8ff;
        display: block;
        width: 100%;
        position: relative;
        height: auto;
        margin: 0;
        text-align: center;
        padding: 20px 0;
        box-sizing: border-box;
        text-align: center;
        width: 100%;
    }

    #referrals .referral_button_container {
        text-align: center;
    }

    #referrals .referral_restrictions {
        text-align: center;
        margin: 10px auto 0;
    }

    .right {
        display: block;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        right: auto;
        min-height: 400px;
    }

    #slideshow font[size="7"] {
        font-size: 25px;
    }

    #slideshow font[size="4"] {
        font-size: 14px;
        line-height: 20px;
    }

    .image .img {
        position: relative;
    }

    .image .info {
        display: block;
        position: relative;
        width: 100%;
        min-width: auto;
        top: 0;
        left: auto;
        box-sizing: border-box;
        padding: 20px;
        min-height: 400px;
    }
}