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; }
table { border-collapse:collapse; border-spacing:0; }
/* start editing from here */
a { text-decoration:none; }
.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*/
html, body { height: 100% }
body {margin: 0;
    background-attachment: fixed;
    font-family: 'Open Sans', sans-serif;
    background-image: url(../../../Content/CSS/NewLogin/images/blueKaktusCollage.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    overflow: hidden;
}

.profile { background:none; padding:0px; }
h1, h2, h3, h4, h5, h6 { margin:0; }
p { margin:0; }
ul { margin:0; padding:0; }
label { margin:0; }
a { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
a:hover { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.wthree-grids { float: left; width: 100% }
.wrap { width: 50%; margin: 2em auto 0; }
/*--profile start here--*/
h1 { font-size: 3em; color: #ffffff; text-align: center; font-weight: 600; text-transform: uppercase; }
.formContainerFull { float:left; width:100%; background:#eeeeee }
.logoCenterCont { text-align: center; height:80px }
.logo { width: 250px; height: auto; padding-bottom: 5px }
.content-info { padding: 3em; text-align: center; min-height: 397px }
.content-info h2 { color: #212121; font-size: 1.5em; font-weight: 800; }
.agileinfo-follow { margin: 4em 0 2em 0; text-align: center; }
.agileinfo-follow h4 { color:#212121; font-size:1em; font-weight:600; }
.agileinfo-social-grids { text-align:center; }
.agileinfo-social-grids ul { padding: 0; margin: 0; }
.agileinfo-social-grids ul la { color: #FFFFFF; text-align: center; display: inline-block; margin: 0 .5em 0 0; }
.agileinfo-social-grids ul a i.fa { height: 30px; width: 30px; border: solid 2px #212121; line-height: 29px; background: none; color: #212121; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.agile-signin h4 { text-align:center; color:#212121; font-size:.9em; margin:1em 0 0 0; }
.agile-signin h4 a { color: #f44336; text-decoration: none; }
.agile-signin h4 a:hover { color:#212121; }
.content-left { float:left; width:50%; background:#eee; }
.content-main { float:left; width:50%; }
.errorMsg { font-size:12px; color:#D80A0A }
.signForm { background: #fff none repeat scroll 0 0; display: table; height: 0; min-height: 548px; padding: 30px; position: relative; }
.signForm h3 { color: #FFFFFF; font-size: 2em; margin: 0 0 1em 0; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; }

.submitForm { margin-top: 15px; box-shadow: none; color: #ffffff!important; padding:5px 20px; text-transform:capitalize; min-width:80px; border:0; background: rgb(81,122,158); background: -moz-linear-gradient(45deg, rgba(81, 122, 158, 1) 0%, rgba(63, 93, 128, 1) 100%); background: -webkit-linear-gradient(45deg, rgba(81, 122, 158, 1) 0%, rgba(63, 93, 128, 1) 100%); background: linear-gradient(45deg, rgba(81, 122, 158, 1) 0%, rgba(63, 93, 128, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#517a9e', endColorstr='#3f5d80', GradientType=1 );
border-radius: 2px; font-size: 14px; text-decoration: none; height: 34px; cursor: pointer; font-weight: 400; text-align: center; }
.submitForm:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d6ac8+0,355cbe+50,365ebf+100 */ background: #3d6ac8; /* Old browsers */ background: -moz-linear-gradient(top, #3d6ac8 0%, #355cbe 50%, #365ebf 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #3d6ac8 0%, #355cbe 50%, #365ebf 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #3d6ac8 0%, #355cbe 50%, #365ebf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6ac8', endColorstr='#365ebf', GradientType=0 ); /* IE6-9 */
}
.lockim { height: 1em; width: .8em; margin-top: 2px; margin-right: 4px; vertical-align: text-top; display: inline-block; background-image: url(images/lock.png); background-size: contain; background-repeat: no-repeat; }
.errorV { float: left; width: 100%; font-size:12px; color:red }
.remLable { font-weight: 300px!important }
.signForm label { font-size: 14px; font-weight: 700; padding: 20px 0 4px 0 }
.signForm h4 { color: #404040; font-size: 22px; line-height: 1.1; padding-bottom: 15px; text-align: center; }
.privacyAg { font-size: 12px; color: #404040; padding: 10px 0 20px 0; line-height: 14px; }
.privacyAg a, .forgetPass a { color: #365EBF; text-decoration: none }
.privacyAg a:hover, .forgetPass a:hover { text-decoration: underline; }
.forgetPass { font-size: 12px; color: #404040; margin-top:6px; }
/*.forgetPass p{text-align: center; padding-top: 15%}*/
.footerCopy { color: #fff; float: left; font-size: 11px; padding: 30px 0; width: 100%; }
.footerCopy p:first-child { text-align: left; }
.footerCopy p { float: left; text-align: center; width: 33.33%; }
.footerCopy p:last-child { text-align: right; }
.footerCopy a { color: #fff }
.selectStyleOut a.dropdown-toggle { height: 30px; line-height: 30px }
.PowerdBy { font-size: 12px; position: absolute; bottom: 15px; right: 40px }
.PowerdBy img { width: 90px; padding-left: 5px; vertical-align: middle; }
.formVerticleCenter { display: table-cell; vertical-align: middle; }
.remChek { display: none; }
/*-- responsive --*/
@media(max-width:1440px) {
 .wrap {
 width: 55%;
}
}
@media(max-width:1366px) {
 .wrap {
 width: 60%;
}
}
@media(max-width:1080px) {
 .wrap {
 width: 75%;
}
}
@media(max-width:991px) {
 .wrap {
 width: 80%;
}
}
@media(max-width:900px) {
 .wrap {
 width: 85%;
}
}
@media(max-width:800px) {
 .content-info h2 {
 font-size: 1.2em;
}
 .signForm {
 min-height: 382px;
}
}
@media(max-width:768px) {
 .wrap {
 width: 90%;
}
}
@media(max-width:667px) {
 .content-left {
 float: none;
 width: 100%;
}
 .content-main {
 float: none;
 width: 100%;
}
 .callbacks_tabs {
 left: 45%;
}
 .signForm {
 min-height: 382px;
}
 .wrap {
 width: 85%;
}
}
@media(max-width:480px) {
 h1 {
 font-size: 2em;
}
}
@media(max-width:414px) {
 .signForm input[type="email"], .signForm input[type="text"], .signForm input[type="password"] {
 width: 89%;
}
 .content-info {
 padding: 3em 2em;
}
 .signForm {
 padding: 2em;
}
 .callbacks_tabs {
 left: 41%;
}
}
@media(max-width:375px) {
 h1 {
 font-size: 1.5em;
}
 .callbacks_tabs {
 left: 40%;
}
}
@media(max-width:320px) {
 .wrap {
 width: 90%;
}
 .content-info {
 padding: 2em 1em;
}
 .callbacks_tabs {
 left: 39%;
}
 .signForm input[type="email"], .signForm input[type="text"], .signForm input[type="password"] {
 width: 86%;
}
}
/*-- //responsive --*/
.remLocation {
display:block;
}
label.remLable {
    font-size: 12px;
    font-weight: normal;
}