﻿body,ul,li,h1,h2,h3,h4,h5,h6,p {
    padding:0;
    margin:0;
}
@font-face {
    font-family: 'Linearicons-Free';
    src: url('../font/Linearicons-Free.eot?w118d');
    src: url('../font/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'), url('../font/Linearicons-Free.woff2?w118d') format('woff2'), url('../font/Linearicons-Free.woff?w118d') format('woff'), url('../font/Linearicons-Free.ttf?w118d') format('truetype'), url('../font/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.eot?v=4.1.0');
    src: url('../font/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('../font/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url('../font/iranyekanwebregular.eot');
    src: url('../font/iranyekanwebregular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../font/iranyekanwebregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../font/iranyekanwebregular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../font/iranyekanwebregular.ttf') format('truetype');
}

body {
    font-family: iranyekan;
    background-color: #fcfeff;
    color: #000;
}

.lnr{font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lnr-home:before{content:"\e800"}.lnr-apartment:before{content:"\e801"}.lnr-pencil:before{content:"\e802"}.lnr-magic-wand:before{content:"\e803"}.lnr-drop:before{content:"\e804"}.lnr-lighter:before{content:"\e805"}.lnr-poop:before{content:"\e806"}.lnr-sun:before{content:"\e807"}.lnr-moon:before{content:"\e808"}.lnr-cloud:before{content:"\e809"}.lnr-cloud-upload:before{content:"\e80a"}.lnr-cloud-download:before{content:"\e80b"}.lnr-cloud-sync:before{content:"\e80c"}.lnr-cloud-check:before{content:"\e80d"}.lnr-database:before{content:"\e80e"}.lnr-lock:before{content:"\e80f"}.lnr-cog:before{content:"\e810"}.lnr-trash:before{content:"\e811"}.lnr-dice:before{content:"\e812"}.lnr-heart:before{content:"\e813"}.lnr-star:before{content:"\e814"}.lnr-star-half:before{content:"\e815"}.lnr-star-empty:before{content:"\e816"}.lnr-flag:before{content:"\e817"}.lnr-envelope:before{content:"\e818"}.lnr-paperclip:before{content:"\e819"}.lnr-inbox:before{content:"\e81a"}.lnr-eye:before{content:"\e81b"}.lnr-printer:before{content:"\e81c"}.lnr-file-empty:before{content:"\e81d"}.lnr-file-add:before{content:"\e81e"}.lnr-enter:before{content:"\e81f"}.lnr-exit:before{content:"\e820"}.lnr-graduation-hat:before{content:"\e821"}.lnr-license:before{content:"\e822"}.lnr-music-note:before{content:"\e823"}.lnr-film-play:before{content:"\e824"}.lnr-camera-video:before{content:"\e825"}.lnr-camera:before{content:"\e826"}.lnr-picture:before{content:"\e827"}.lnr-book:before{content:"\e828"}.lnr-bookmark:before{content:"\e829"}.lnr-user:before{content:"\e82a"}.lnr-users:before{content:"\e82b"}.lnr-shirt:before{content:"\e82c"}.lnr-store:before{content:"\e82d"}.lnr-cart:before{content:"\e82e"}.lnr-tag:before{content:"\e82f"}.lnr-phone-handset:before{content:"\e830"}.lnr-phone:before{content:"\e831"}.lnr-pushpin:before{content:"\e832"}.lnr-map-marker:before{content:"\e833"}.lnr-map:before{content:"\e834"}.lnr-location:before{content:"\e835"}.lnr-calendar-full:before{content:"\e836"}.lnr-keyboard:before{content:"\e837"}.lnr-spell-check:before{content:"\e838"}.lnr-screen:before{content:"\e839"}.lnr-smartphone:before{content:"\e83a"}.lnr-tablet:before{content:"\e83b"}.lnr-laptop:before{content:"\e83c"}.lnr-laptop-phone:before{content:"\e83d"}.lnr-power-switch:before{content:"\e83e"}.lnr-bubble:before{content:"\e83f"}.lnr-heart-pulse:before{content:"\e840"}.lnr-construction:before{content:"\e841"}.lnr-pie-chart:before{content:"\e842"}.lnr-chart-bars:before{content:"\e843"}.lnr-gift:before{content:"\e844"}.lnr-diamond:before{content:"\e845"}.lnr-linearicons:before{content:"\e846"}.lnr-dinner:before{content:"\e847"}.lnr-coffee-cup:before{content:"\e848"}.lnr-leaf:before{content:"\e849"}.lnr-paw:before{content:"\e84a"}.lnr-rocket:before{content:"\e84b"}.lnr-briefcase:before{content:"\e84c"}.lnr-bus:before{content:"\e84d"}.lnr-car:before{content:"\e84e"}.lnr-train:before{content:"\e84f"}.lnr-bicycle:before{content:"\e850"}.lnr-wheelchair:before{content:"\e851"}.lnr-select:before{content:"\e852"}.lnr-earth:before{content:"\e853"}.lnr-smile:before{content:"\e854"}.lnr-sad:before{content:"\e855"}.lnr-neutral:before{content:"\e856"}.lnr-mustache:before{content:"\e857"}.lnr-alarm:before{content:"\e858"}.lnr-bullhorn:before{content:"\e859"}.lnr-volume-high:before{content:"\e85a"}.lnr-volume-medium:before{content:"\e85b"}.lnr-volume-low:before{content:"\e85c"}.lnr-volume:before{content:"\e85d"}.lnr-mic:before{content:"\e85e"}.lnr-hourglass:before{content:"\e85f"}.lnr-undo:before{content:"\e860"}.lnr-redo:before{content:"\e861"}.lnr-sync:before{content:"\e862"}.lnr-history:before{content:"\e863"}.lnr-clock:before{content:"\e864"}.lnr-download:before{content:"\e865"}.lnr-upload:before{content:"\e866"}.lnr-enter-down:before{content:"\e867"}.lnr-exit-up:before{content:"\e868"}.lnr-bug:before{content:"\e869"}.lnr-code:before{content:"\e86a"}.lnr-link:before{content:"\e86b"}.lnr-unlink:before{content:"\e86c"}.lnr-thumbs-up:before{content:"\e86d"}.lnr-thumbs-down:before{content:"\e86e"}.lnr-magnifier:before{content:"\e86f"}.lnr-cross:before{content:"\e870"}.lnr-menu:before{content:"\e871"}.lnr-list:before{content:"\e872"}.lnr-chevron-up:before{content:"\e873"}.lnr-chevron-down:before{content:"\e874"}.lnr-chevron-left:before{content:"\e875"}.lnr-chevron-right:before{content:"\e876"}.lnr-arrow-up:before{content:"\e877"}.lnr-arrow-down:before{content:"\e878"}.lnr-arrow-left:before{content:"\e879"}.lnr-arrow-right:before{content:"\e87a"}.lnr-move:before{content:"\e87b"}.lnr-warning:before{content:"\e87c"}.lnr-question-circle:before{content:"\e87d"}.lnr-menu-circle:before{content:"\e87e"}.lnr-checkmark-circle:before{content:"\e87f"}.lnr-cross-circle:before{content:"\e880"}.lnr-plus-circle:before{content:"\e881"}.lnr-circle-minus:before{content:"\e882"}.lnr-arrow-up-circle:before{content:"\e883"}.lnr-arrow-down-circle:before{content:"\e884"}.lnr-arrow-left-circle:before{content:"\e885"}.lnr-arrow-right-circle:before{content:"\e886"}.lnr-chevron-up-circle:before{content:"\e887"}.lnr-chevron-down-circle:before{content:"\e888"}.lnr-chevron-left-circle:before{content:"\e889"}.lnr-chevron-right-circle:before{content:"\e88a"}.lnr-crop:before{content:"\e88b"}.lnr-frame-expand:before{content:"\e88c"}.lnr-frame-contract:before{content:"\e88d"}.lnr-layers:before{content:"\e88e"}.lnr-funnel:before{content:"\e88f"}.lnr-text-format:before{content:"\e890"}.lnr-text-format-remove:before{content:"\e891"}.lnr-text-size:before{content:"\e892"}.lnr-bold:before{content:"\e893"}.lnr-italic:before{content:"\e894"}.lnr-underline:before{content:"\e895"}.lnr-strikethrough:before{content:"\e896"}.lnr-highlight:before{content:"\e897"}.lnr-text-align-left:before{content:"\e898"}.lnr-text-align-center:before{content:"\e899"}.lnr-text-align-right:before{content:"\e89a"}.lnr-text-align-justify:before{content:"\e89b"}.lnr-line-spacing:before{content:"\e89c"}.lnr-indent-increase:before{content:"\e89d"}.lnr-indent-decrease:before{content:"\e89e"}.lnr-pilcrow:before{content:"\e89f"}.lnr-direction-ltr:before{content:"\e8a0"}.lnr-direction-rtl:before{content:"\e8a1"}.lnr-page-break:before{content:"\e8a2"}.lnr-sort-alpha-asc:before{content:"\e8a3"}.lnr-sort-amount-asc:before{content:"\e8a4"}.lnr-hand:before{content:"\e8a5"}.lnr-pointer-up:before{content:"\e8a6"}.lnr-pointer-right:before{content:"\e8a7"}.lnr-pointer-down:before{content:"\e8a8"}.lnr-pointer-left:before{content:"\e8a9"}
:root {
    --main-bg-color: #00152f;
    --color: #5391c4;
}

.hv-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99;
}
.box-intro {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.cn-nd-dv360 {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    height: 100%;
}
.pg-zeus {
    display: table-cell;
    vertical-align: middle;
}
.content-bg-bx-form{
    width:95%;
    max-width:520px;
    margin:0 auto;
    min-height:500px;
    border-radius: 16px;
  border: 1px solid #e4e3e3;
    padding:40px 30px;
     display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    position:relative;
}
.form-login-x-nd{
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 8px;
   margin:30px 0 50px 0;
        max-width:360px;
    width: 100%;
    position:relative;
}


.form-add-x-nd:before{
    content: "شماره تلفن همراه";
    position: absolute;
    right: 8px;
    color: #818b8d;
    z-index: 222;
}
.form-ps-x-nd:before{
     content: "رمز عبور";
        position: absolute;
    right: 8px;
     color: #818b8d;
    z-index: 222;
}
.form-ps-x-nd{
    margin-bottom:15px;
}
.rpt-ps-x-nd:before{
        content: "تکرار رمز عبور";
        position: absolute;
    right: 8px;
     color: #818b8d;
    z-index: 222;
}
.rpt-ps-x-nd{
    margin: 10px 0 26px 0;
}
.tx-ce-x-nd{
    text-align:center;
    padding-bottom:20px;
    font-size:18px;
    color:#000;
}
.inpt-tx-nd{
        width: 100%;
    min-height: 42px;
    outline: 0px;
    margin: 0px;
    padding: 0px 1rem;
    line-height: 45px;
    transition: 0.4s;
    background-color: rgb(197 197 197 / 20%);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    direction: ltr;
    z-index: 10;
}
.btn-sbt-x-nd {
    text-align: center;
    border-radius: 8px;
    padding: 10px 0;
    background-color: #debc88;
    width: 100%;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 16px;
    border: none;
    max-width: 360px;
}
.logo-ce-x-nd{
    text-align: center;
    margin: 0 auto 25px auto;
    width: 100px;
}
.link-x-nd{
    text-align:center;
    color:#000;
    direction:rtl;
    padding-top:30px;
}
.link-x-nd:hover{
   color: var(--color);
}
a:hover{
    text-decoration:none;
}
.btn-sbt-x-nd:hover {
    background-color: #bb9253;
}
.tx-ce-x-abs:hover{
    color:var(--color);
}
.elm-bx-x-nd{
    background-color: #ffe9e9;
    padding: 14px 15px;
    text-align: center;
    color: #9f0c0c;
    width: 100%;
    border-radius: 8px;
    max-width: 360px;
    margin-bottom:30px;
    text-align: right;
}
.lg-abs{
    position:absolute;
    width:200px;
    top:30px;
    right:30px;
}
.tx-ce-x-abs{
position: absolute;
    right: 24px;
    top: 24px;
    color: #000;
}
.tx-ce-x-abs span{
     position: relative;
    top: 4px;
    margin-left: 5px;
}
.ft-pn-mg{
     margin:0 0 30px 0;
}
.f-pn-bx{
    margin:30px 0;
}
.rz-bx-nd{
    margin-top: 15px;
    background: none;
    border: 1px solid #e7e4e4;
    color: #000;
    font-size: 13px;
    padding: 12px 0;
}

.base-timer {
  position: relative;
  width:50px;
  height: 50px;
  padding-top:25px;
  font-weight:bold;
  font-size:19px;
}

.base-timer__svg {
display:none!important;
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}


.p-num-x-nd{
    font-size:13px;
    color:#000;
    text-align:center;
    padding-top:10px;
}
.ft-tp-x{
   margin-top:15px;
 }

@media only screen and (max-width:760px) {
.p-num-x-nd{
    font-size:11px;
}
.content-bg-bx-form {
    padding: 40px 20px;
}
}

.toggle-password {
    position: absolute;
    cursor: pointer !important;
    margin-right: 10px !important;
    right: 0;
    z-index: 999999;
}