@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");
}

*, *::before, *::after {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #4a5f73;
}

input {
    outline: none;
}

    input:focus {
        border: 1px solid red;
    }

body, html {
    direction: rtl;
}

html {
    min-width: 1009px;
}

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

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

.c-account_page {
    position: relative;
    margin-bottom: 18px;
    /*   min-height: 900px;
    height: 100vh;*/
}

.c-account_page-content {
    display: flex;
    align-items: center;
    justify-content: center
}

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

.c-account_box-logo {
    position: absolute;
    background: url(/svg/12.png) no-repeat 50% 50%;
    height: 65px;
    width: 200px;
    left: 50%;
    bottom: 100%;
    background-size: 213px;
    text-indent: -1000em;
    transform: translate(-50%);
    margin-bottom: 18px;
    cursor: pointer;
}

.c-account_box-headline {
    padding: 17px 40px;
    font-size: 18px;
    font-weight: 700;
    color: #0c0658;
    border-bottom: 1px solid #e5dfdf;
    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: 0px 18px 12px 12px;
    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: 12px;
        color: #7d00bb;
        line-height: 1
    }

.c-form_account-label_username::before {
    content: url(/img/Icon/username.png);
    right: 6px;
    top: -2px;
}

.c-form_account-label_Email::before {
    content: url(/img/Icon/email.png);
    right: 6px;
    top: -2px;
}

.c-form_account-label_Forgitpassword::before {
    content: url(/img/Icon/mobile-phone.png);
    right: 6px;
    top: -2px;
}

.c-form_account-label_Phone::before {
    content: url(/img/Icon/mobile-phone.png);
    right: 6px;
    top: -2px;
    /*   content: "\e073"*/
}

.c-form_account-label_password::before {
    content: url(/img/Icon/password.png);
    right: 6px;
    top: 5px;
}

.c-form_account-input:focus {
    border: 1px solid #0008ff99;
    box-shadow: 0px 0px 4px 1px rgb(185 255 255);
}

.c-form_account-input {
    padding: 11px 62px 11px 15px;
    width: 100%;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    font-size: 18px;
    text-align: left;
    letter-spacing: -.5px;
    line-height: 21px;
    outline: none;
    color: #000148;
    background-color: rgb(243 243 243);
}

    .c-form_account-input::placeholder {
        font-size: 14px;
        text-align: right;
        color: #c6c6c6;
        line-height: 1.571;
        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 {
    margin-top: 15px;
    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;
}

    .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 {
    padding-top: 4px;
    position: relative;
    padding-right: 33px;
    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: 5px;
        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: #d7d9eb;
  /*  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: 14px;
        right: 10px
    }

    .c-account_box-footer.is-highlighted {
        background-color: #d7d9eb;
        border-top: 1px solid #d7e6bb
    }

.c-account_page-footer {
    background-color: #3a3759;
    color: #dedede;
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    height: 282px;
}

.container {
    min-width: 1009px;
    max-width: 1676px;
    padding: 30px 15px 0;
    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: #e5e5e5;
            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 {
    font-size: 13px;
    position: relative;
    left: 19px;
    width: 110%;
    background-color: #fffde4;
    line-height: 22px;
    border: 1px solid #f6e8a1;
    padding: 10px 14px;
    border-radius: 5px;
    margin-bottom: 34px;
    color: #a37731;
}

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

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

.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-from_address-required_star1 {
    top: 10px;
    position: relative;
    color: #ea0808;
    font-size: 20px;
}