body > .wrap { margin-left: 0px !important; }




section[data-section='login'] { padding: 0px 0px 0px 0px; }
section[data-section='login'] > .wrap { border-right: none; background: #0066ff; color: #ffffff; padding: 32px 24px 32px 24px; width: 256px; }

section[data-section='login'] > .wrap .section_logo { padding: 16px 0px; }
section[data-section='login'] > .wrap .section_logo img { width: 100%; }

section[data-section='login'] > .wrap .section_title { padding: 8px 0px 0px 0px; }
section[data-section='login'] > .wrap .section_title span {  }
section[data-section='login'] > .wrap .section_title span button { text-decoration: underline; }

section[data-section='login'] > .wrap .section_subtitle { margin: 16px 0px 0px 0px; }
section[data-section='login'] > .wrap .section_subtitle span { display: block; font-size: 16px; line-height: 150%; font-weight: 400; }
section[data-section='login'] > .wrap .section_subtitle span button { text-decoration: none !important; color: #ffffff; font-size: 16px !important; padding-bottom: 2px; border-bottom: 1px solid #ffffff; font-weight: 700 !important; }

section[data-section='login'] > .wrap .section_text { margin: 16px 0px 0px 0px; }
section[data-section='login'] > .wrap .section_text span { display: block; font-size: 10px; line-height: 150%; }
section[data-section='login'] > .wrap .section_text span a { text-decoration: underline; color: #ffffff; font-size: 10px; font-weight: 400; }
section[data-section='login'] > .wrap .section_text span button { text-decoration: none !important; color: #999999; font-size: 10px !important; }
section[data-section='login'] > .wrap .section_text span button span { display: inline-block; }
section[data-section='login'] > .wrap .section_text span button:hover { color: #ffffff; }

section[data-section='login'] > .wrap .section_response { color: #FFC700; font-size: 16px; }
section[data-section='login'] > .wrap .section_response span {  }




section[data-section='login'] > .wrap .section_login { margin: 32px 0px 32px 0px; }
section[data-section='login'] > .wrap .section_login .label { font-weight: 700; font-size: 14px; line-height: 14px; }

section[data-section='login'] > .wrap .section_login ul { background: none; }
section[data-section='login'] > .wrap .section_login ul li { padding: 0px 0px; }

section[data-section='login'] > .wrap .section_login ul li article { padding: 0px; }
section[data-section='login'] > .wrap .section_login ul li article .label { margin: 16px 0 5px 0; }
section[data-section='login'] > .wrap .section_login ul li article input { width: calc(100% - 22px); margin-top: 16px; display: block; padding:10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #ffffff; text-align:left; /*color: #ffffff !important;*/ background: #ffffff !important; }
section[data-section='login'] > .wrap .section_login ul li article input::placeholder { color: #999999; opacity: 1; }
section[data-section='login'] > .wrap .section_login ul li article input:-ms-input-placeholder { color: #999999; }
section[data-section='login'] > .wrap .section_login ul li article input::-ms-input-placeholder { color: #999999; }

section[data-section='login'] > .wrap .section_login ul li article button { width: calc(100% - 0px); display: block; margin-top: 16px; background: #000000; color: #ffffff; margin-bottom: 10px; padding:10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align:center; /*border:1px solid #000000;*/ text-transform: uppercase; letter-spacing: 1px; }
section[data-section='login'] > .wrap .section_login ul li article button:hover{ background:#ffffff; color:#0066ff; }



section[data-section='login'] > .wrap .section_forgot { margin: 0px 0px 32px 0px; }
section[data-section='login'] > .wrap .section_forgot .label { font-weight: 700; font-size: 14px; line-height: 14px; }

section[data-section='login'] > .wrap .section_forgot ul { background: none; }
section[data-section='login'] > .wrap .section_forgot ul li { padding: 0px 0px; }

section[data-section='login'] > .wrap .section_forgot ul li article { padding: 0px; }
section[data-section='login'] > .wrap .section_forgot ul li article .label { margin: 16px 0 5px 0; }
section[data-section='login'] > .wrap .section_forgot ul li article input { width: calc(100% - 22px); margin-top: 16px; display: block; padding:10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #cccccc; text-align:left; color: #ffffff !important; }
section[data-section='login'] > .wrap .section_forgot ul li article input::placeholder { color: #999999; opacity: 1; }
section[data-section='login'] > .wrap .section_forgot ul li article input:-ms-input-placeholder { color: #999999; }
section[data-section='login'] > .wrap .section_forgot ul li article input::-ms-input-placeholder { color: #999999; }
section[data-section='login'] > .wrap .section_forgot ul li article input:nth-child(2) { border:1px solid #333333; }

section[data-section='login'] > .wrap .section_forgot ul li article button { width: calc(100% - 0px); display: block; margin-top: 16px; background: #000000; color: #ffffff; margin-bottom: 10px; padding:10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align:center; border:1px solid #333333; text-transform: uppercase; letter-spacing: 1px; }
section[data-section='login'] > .wrap .section_forgot ul li article button:hover{ background:#ffffff; color:#0066ff; }











section[data-section='login'] > .wrap .section_signup { margin: 32px 0px 32px 0px; }
section[data-section='login'] > .wrap .section_signup .label { font-weight: 700; font-size: 14px; line-height: 14px; margin: 16px 0 8px 0; }

section[data-section='login'] > .wrap .section_signup ul { background: none; }
section[data-section='login'] > .wrap .section_signup ul li {  }
section[data-section='login'] > .wrap .section_signup ul li article { padding: 0px; }
section[data-section='login'] > .wrap .section_signup ul li article input { width: calc(100% - 24px); display: block; padding:10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #333333; text-align:left; color: #ffffff !important; }
section[data-section='login'] > .wrap .section_signup ul li article input::placeholder { color: #999999; opacity: 1; }
section[data-section='login'] > .wrap .section_signup ul li article input:-ms-input-placeholder { color: #999999; }
section[data-section='login'] > .wrap .section_signup ul li article input::-ms-input-placeholder { color: #999999; }
section[data-section='login'] > .wrap .section_signup ul li article input:first-child { border:1px solid #333333; }

section[data-section='login'] > .wrap .section_signup ul li article input[type="checkbox"] { width: inherit !important; display: inline !important; }
section[data-section='login'] > .wrap .section_signup ul li article select { width: calc(100%); padding:10px; height:auto; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #333333; color: #ffffff !important; }
section[data-section='login'] > .wrap .section_signup ul li article select::placeholder { color: #999999; opacity: 1; }
section[data-section='login'] > .wrap .section_signup ul li article select:-ms-input-placeholder { color: #999999; }
section[data-section='login'] > .wrap .section_signup ul li article select::-ms-input-placeholder { color: #999999; }
section[data-section='login'] > .wrap .section_signup ul li article select option { color: #0066ff !important; }
section[data-section='login'] > .wrap .section_signup ul li article textarea { width: calc(100% - 24px); resize:none; padding:10px; height:auto; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #333333; color: #ffffff !important; }
section[data-section='login'] > .wrap .section_signup ul li article label a { color: #ffffff !important; text-decoration: underline; }

section[data-section='login'] > .wrap .section_signup ul li button { width: calc(100%); display: block; margin-top: 16px; background: #ffffff; color: #000000; margin-bottom: 10px; padding:10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align:center; border:1px solid #333333; text-transform: uppercase; letter-spacing: 1px; }
section[data-section='login'] > .wrap .section_signup ul li button:hover{ background:#0066ff; color:#ffffff; }






section[data-section='login'] > .wrap .section_byraul { margin: 160px 0px 0px 8px; }
section[data-section='login'] > .wrap .section_byraul a { color: #ffffff; }






@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 667px) {

}

@media screen and (max-width: 414px) {

}

@media screen and (max-width: 375px) {

}