*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}

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, center, dl, dt, dd, ol, ul, 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; -webkit-text-size-adjust: 100%;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }
input:not([type='radio']):not([type='checkbox']), textarea, select{-webkit-appearance: none;}
form, label {-webkit-text-size-adjust: 100%;}
mark {background-color: transparent;}
/* end reset */

/*preset*/
body{  font-family: 'Questrial', sans-serif; font-size: 18px; line-height: 22px;  color:#000;position:relative;overflow-x: hidden;}
body.active{overflow: hidden;width:100%;height:100%;position:fixed!important;}
a{ text-decoration:none; -webkit-transition: all .3s linear;transition: all .3s linear;}
img{max-width: 100%; vertical-align: top; image-rendering: -webkit-optimize-contrast;}
textarea { resize:vertical; }
iframe{ border: none; width: 100%;}
ul, h1, h2, h3, h4{ margin:0; padding:0; list-style:none; }
strong , b{ font-weight: bold;}
em, i{font-style: italic;}
input[type="submit"]{cursor: pointer;}
a[href^="tel:"]{color: inherit!important; text-decoration: none;}

.clearfix:before, .clearfix:after { content:""; display: table; clear: both; }
.clearfix {clear: both; overflow: hidden;}
.comp{color:#824ed2; font-weight:bold; }
.comingsoon{color:red; font-style:italic; font-weight:bold;}
.col2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.col3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.col2 li, .col3 li{overflow: hidden; display: inline-block; width: 100%;}
.main_phone {font-weight: bold;}

.back_top{display:none;background:#f5264c;position: fixed; z-index:999;bottom:0;width: 100%;height: 45px;cursor:pointer;}
.back_top:before{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%,-45%);border-bottom:15px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;}
.back_top:hover{opacity:.7}


.login_container{}
.login_div, .login_div_foget { max-width: 384px; margin: 140px auto 0; padding: 30px 36px 50px; position: relative; background: #e3e3e3; border-radius: 10px; }
.login_div figure { width: 100%; border-radius: 50%; margin: 0 auto 25px; max-width: 254px; }
.login_div input, .login_div_foget input{font-size: 15px;}


.fgpass { display: block; font-size: 16px; color: #fff; text-align: center; margin: 7px 0 0; }
.btn-danger:hover { color: #fff; background-color: #000000; border-color: #000000; opacity: .5; }
.login_div_foget figure { width: 235px; margin: -104px auto 38px; border: 1px solid #ffdbdb; background: #fff; border-radius: 50%; padding: 22px 30px 32px; }


.frm-links { text-align: center; margin: 23px 0px 0; }
.frm-links a{display: inline-block;margin: 0 31px;color: #444;}
.frm-links a:first-child{margin-left: 0!important;}
.frm-links a:last-child{margin-right: 0!important;}

.frm-links a:hover{opacity: .7;color: #111;text-decoration: none;}

body{background: #7647A1;}

.hdng{  font-size: 19px; font-weight: bold; text-align: center; margin: 0 0 21px; color: #666161;}

.register_div { max-width: 820px; margin: 140px auto 30px; padding: 30px 36px 50px; position: relative; background: #e1e0e0; border-radius: 10px; }

.register_div figure { max-width: 200px; margin: 0 auto 30px; }
.label-txt { color: #4d4949; font-size: 16px; display: block; margin: 0 0 5px; }
.h1_txt { text-align: center; font-size: 27px; color: #676363; margin: 0 0 40px; }

.btn-login { display: block; width: 100%; background: #fff; background-color: rgb(255, 255, 255); background-color: #DFA012; color: #686868; border-color: #DFA012; font-size: 18px; margin: 11px 0 0px !important; color: #fff; }
.btn-register {
    width: 149px;
}

#frm_login{}
#frm_login .form-control { background: #fff !important; border: none; padding: 9px 17px; font-size: 16px; color: #222; height: auto; margin: 0 0 7px; }
#frm_login .form-control::placeholder{color: #777;}

@media only screen
and (max-width : 1024px) {
    .login_container{padding: 15px;}
}