@font-face
{
    font-family: "IRANYekan";
    src: url(../fonts/iranyekan/IRANYekan.eot?#iefix) format("embedded-opentype"),url(../fonts/iranyekan/IRANYekan.ttf) format("truetype"),
    url(../fonts/iranyekan/IRANYekan.woff) format("woff"),url(../fonts/iranyekan/IRANYekan.woff2) format("woff2");
    font-weight: 300;
}

@font-face
{
    font-family: "IRANYekan";
    src: url(../fonts/iranyekan400/IRANYekan.eot?#iefix) format("embedded-opentype"),url(../fonts/iranyekan400/IRANYekan.ttf) format("truetype"),
    url(../fonts/iranyekan400/IRANYekan.woff) format("woff"),url(../fonts/iranyekan400/IRANYekan.woff2) format("woff2");
    font-weight: 400;
}

@font-face
{
    font-family: "IRANYekan";
    src: url(../fonts/iranyekan700/IRANYekan.eot?#iefix) format("embedded-opentype"),url(../fonts/iranyekan700/IRANYekan.ttf) format("truetype"),
    url(../fonts/iranyekan700/IRANYekan.woff) format("woff"),url(../fonts/iranyekan700/IRANYekan.woff2) format("woff2");
    font-weight: 700;
}


@font-face
{
    font-family: "digikala";
    src: url(../fonts/digikala/digikala.eot?#iefix) format("embedded-opentype"),url(../fonts/digikala/digikala.ttf) format("truetype"),
    url(../fonts/digikala/digikala.woff) format("woff"),url(../fonts/digikala/digikala.woff2) format("woff2");
}

@font-face {
    font-family: "IRANSansWeb";
    src: url(../fonts/IranSans/IRANSansWebFa.eot?#iefix) format("embedded-opentype"),url(../fonts/IranSans/IRANSansWebFa.ttf) format("truetype"), url(../fonts/IranSans/IRANSansWebFa.woff) format("woff"),url(../fonts/IranSans/IRANSansWebFa.woff2) format("woff2");

}



*,*::before,*::after{
    box-sizing: border-box;
}
a{
    text-decoration: none;
    color: #4a5f73;
}

body,html{
    direction: ltr;
}

html
{
    min-width: 1009px;
    
}

ul{
    list-style: none;
    padding: 0;
    margin: 0
}

body {
    background-color: #f7f7f7;
    position: relative;
    margin: 0;
    /*font-family: IRANYekan;*/
    /*font-family: IRANSansWebFa;*/
    font-size: 14px;
    color: #515151;
}

.c-account_page {
    position: relative;
    min-height: 900px;
    height: 100vh;
}
.c-account_page-content{
    display: flex;
    align-items: center;
    justify-content: center
}

.c-account_box{
    background-color: #fff;
    width: 389px;
    border: 1px solid #dedede;
    box-shadow: 0 12px 12px 0 rgba(181, 181, 181, .1);
    margin: 80px 0 10px;
    position: relative;
}

.c-account_box-logo {
    position: absolute;
    background: url(../../img/demo/BLogo2.png) no-repeat 50% 50%;
    height: 49px;
    width: 140px;
    left: 50%;
    bottom: 100%;
    background-size: contain;
    text-indent: -1000em;
    transform: translate(-50%);
    margin-bottom: 18px
}

.c-account_box-headline{
    padding: 17px 30px;
    font-size: 18px;
    font-weight: 700;
    color: #656565;
    border-bottom: 1px solid #ececec;
    line-height: 1.222
}

.c-account_box-content{
    padding: 0 30px;
}

.c-form_account{
    margin-top: 9px;
    margin-bottom: 9px
}

.c-form_account-title{
    font-size: 15px;
    margin-bottom: 11px;
    letter-spacing: -.6px;
    line-height: 1.467;
    color: #656565
}

.c-form_account-row{
    margin: 0 -10px 9px;
}

.c-form_account-col{
    padding-right: 10px;
    padding-left: 10px;
}

.c-form_account-label{
    position: relative;
    display: inline-block;
    width: 100%
}

.c-form_account-label::before{
    font-family: digikala;
    position: absolute;
    font-size: 26px;
    right: 17px;
    top: 9px;
    color: #929292;
    line-height: 1
}

.c-form_account-label_username::before{
    content: "\e002"
}

.c-form_account-label_password::before{
    content: "\e06d";
    font-size: 27px;
}

.c-form_account-input{
    font-family: inherit;
    padding: 11px 52px 11px 15px;
    width: 100%;
    border: 1px solid#c8c8c8;
    border-radius: 5px;
    font-size: 18px;
    text-align: left;
    letter-spacing: -.8px;
    line-height: 21px;
}

.c-form_account-input::placeholder{
    font-size: 14px;
    text-align: left;
    color: #c6c6c6;
    line-height: 1.571
}

.c-form_account-input:focus{
    border-color: #777
}

.c-form_account-title_passowrd{
    display: inline-flex;
    justify-content: space-between;
    width: 100%
}

.c-form_account-link{
    color: #1ca2bd;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    line-height: 2;
}

.c-form_account-link::after{
    position: absolute;
    content: "";
    border-bottom: 1px dashed #1ca2bd;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: 11px;
}

.c-form_account-btn{
    padding: 13px 100px 13px 13px;
    width: 100%;
    font-family: inherit;
    background-color: #00bfd6;
    color: #fff;
    border: 1px solid #41a7b4;
    border-radius: 8px;
    font-size: 18px;
    cursor: pointer;
    letter-spacing: -.7px;
    line-height: 22px;
    position: relative;
    overflow: hidden;
    text-align:left;
}

.c-form_account-btn::before{
    font-family: digikala;
    position: absolute;
    line-height: 1
}

.c-form_account-btn::after{
    position: absolute;
    content: "";
    width: 95px;
    height: 95px;
    background-color: rgba(255, 255, 255, .2);
    right: -15px;
    top: -23px;
    border-radius: 50%;
    transition: all .3s ease-in-out
}
.c-form_account-btn:hover::after{
    width: 900px;
    height: 900px;
    right: -450px;
    top: -450px;
}

.c-form_account-btn_login::before{
    content: "\e059";
    font-size: 28px;
    right: 23px;
    top: 10px;
}

.c-form_account-remember{
    position: relative;
    padding-right: 30px;
    margin: -3px 0 7px;
    font-size: 12px;
    color: #5c5c5c;
    line-height: 2.5
}
.c-form_account-label_remember
{
    width: 22px;
    height: 21px;
    position: absolute;
    right: 0px;
    top: 8px
}
.c-form_account-label_remember input[type="checkbox"]
{
    visibility: hidden;
}

.c-checkbox_check
{
    border: 1px solid #d8d88d;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    cursor: pointer
}

.c-checkbox_check::before
{
    font-family: digikala;
    content: "\e021";
    position: absolute;
    top: 3px;
    line-height: 1;
    color: #fff;
    left: 3px;
    font-size: 12px;
}

.c-form_account-label_remember input[type="checkbox"]:checked + .c-checkbox_check{
    background-color: #00bfd6;
    border-color: #1fa4b3
}

.c-account_box-footer{
    background-color: rgba(0, 190,214, .04);
    border-top: 1px solid rgba(0, 190, 214, .13);
    padding: 23px 40px;
    text-align: center;
    font-size: 15px;
}
.c-account_box-footer a{
    font-size: 15px;
}

.c-account_box-footer.is-highlighted{
    background-color: rgba(93, 214, 0, .06);
    border-top: 1px solid #d7e6bb
}

.c-account_page-footer{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.container
{
    min-width: 1009px;
    max-width: 1676px;
    padding: 20px 15px;
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid #e7e7e7;
    text-align: center;
    width: 100%;
}

.c-account_page-footer_links{
    margin-bottom: 28px;
}

.c-account_page-footer_links > li{
    display: inline-block;
    margin:  0 17px;
}

.c-account_page-footer_links >li a{
    color: #7f7f7f;
    letter-spacing: -.5px;
    font-size: 13px;
    line-height: 1.692
}

.c-account_page-footer_text{
    font-size: 12px;
    line-height: 21px;
    color: #b0b0b0;
    margin: 15px 0 0;
}

.c-account_page-footer_copyright{
    font-size: 13px;
    line-height: 44px;
    color: #b0b0b0;
    letter-spacing: -.5px;
    margin: 15px 0 0;   
}

.c-form_account-message{
    background-color: #fffde4;
    line-height: 22px;
    border: 1px solid #f6e8a1;
    padding: 7px 20px;
    border-radius: 5px;
    margin-bottom: 10px;
    color: #a37731
}

.c-form_account-btn_register{
    letter-spacing: -.6px
}

.c-form_account-btn_register::before{
    content: "\e0ad";
    font-size: 30px;
    right: 20px;
    top: 8px
}

.c-form_account-btn_forget{
    letter-spacing: -.6px;
    margin-bottom: 10px;
}

.c-form_account-btn_forget::before{
    content: "\e06a";
    right: 24px;
    font-size: 30px;
    top: 8px
}



.c-form_account-captcha {
    margin: 20px auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


.field-error {
    position: absolute;
    display: none;
    right: 100%;
    bottom: 100%;
    margin-right: -150px;
    margin-bottom: 10px;
    background: #ef5662;
    white-space: nowrap;
    padding: 9px 25px;
    color: #fff;
}

.field-validation-error.field-error {
    display: block;
}

.field-error:before {
    border-color: #ef5662 transparent transparent;
    border-style: solid;
    border-width: 10px 12px 0;
    top: 100%;
    right: 35px;
    content: "";
    position: absolute;
}

.input-validation-error {
    border-color: #fb3449;
    color: #ef5662 !important;
}

.c-form_account-remember .field-error {
    right: 0;
    margin-right: -37px;
}

.c-form_phoneconfrim-message {
    background-color: #eeffdf;
    border: 1px solid #b7ecb8;
    color: #518541;
}

.c-form_account-btn_resend {
    margin: 12px 0;
}

.c-form_account-label_phonecode input {
    font-size: 32px;
    padding: 11px 12px;
    text-align: center;
    line-height: 1.375;
    direction: ltr;
    color: #777;
}

    .c-form_account-label_phonecode input::placeholder {
        font-size: 32px;
        text-align: center;
        line-height: 1.375;
        color: #777;
    }

.hidden {
    display: none
}

.c-account-lang-bar {
    background: #92d3ff5c;
    padding: 10px;
}