body {
  font-family: yekanBakh;
  background-color: #F4F4FC;
  direction: rtl;
  text-align: right; }

.form-control {
  font-family: Yekanbakh;
}

.titlebar {
  font-family: Yekanbakh;
}

#answeroption{
  font-family: Yekanbakh;
  width: 100%;
  margin-bottom: 1em;
}

#answeroption option{
  font-family: Yekanbakh;
}


.baddi {
  font-family: Yekanbakh;
}
  

body {
  background: #ECECED;
  color: #323232;
  font-size: 14px;
  position: relative;
  margin: 0;
  overflow-x: hidden;
  font-family: Yekanbakh;
  z-index: 0;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  line-height: normal;
}


.Ellipse1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index:-1;
  opacity: .2;
}

.Ellipse2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index:-1;
  opacity: .2;
}



  ul, li {
    list-style: none;
  }
:focus,
button:focus,
input:focus {
  box-shadow: none !important;
  outline: none !important; }

a:hover {
  text-decoration: none; }

  .df-regulation  {
    width: 100%;
    direction: rtl !important;;
    text-align: right !important;
  }

.df-regulation h4, #features h4, #df-use h4, #questions h4 {
  font-size: 22px;
  color: #042340;
  font-weight: bold;
  line-height: 1.8; 
}
  .df-regulation h4 span, #features h4 span, #df-use h4 span, #questions h4 span {
    display: inline-block;
    background-color: rgba(254, 209, 46, 0.5);
    height: 7px;
    line-height: 7px;
    border-radius: 8px; }
  @media (max-width: 568px) {




    
    .df-regulation h4, #features h4, #df-use h4, #questions h4 {
      font-size: 19px;
      text-align: justify; } }

.df-regulation p {
  line-height: 2;
  direction: rtl;
  padding: 0 1em; }
  .df-regulation p::-webkit-scrollbar {
    width: 3px; }
  .df-regulation p::-webkit-scrollbar-track {
    background-color: #e9e9e9;
    border-radius: 4px; }
  .df-regulation p::-webkit-scrollbar-thumb {
    background: #A0A6B2;
    border-radius: 50rem;
    height: 120px; }

#df-intro {
  position: relative;
  overflow: hidden;
  background: url(../files/97cbc413.svg) no-repeat 50%,linear-gradient(180deg,#941b80,#630e55);
padding: 30px 55px;
height: 100vh;
   }
  #df-intro > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    margin: auto; }
    @media (min-width: 1367px) {
      #df-intro > img {
        display: none; } }

.df-introBg {
  position: relative;
  padding-top: 8rem;
  background-size: cover;
  background-position: center;
border-radius: 2em;

}
  @media (max-width: 568px) {
    .df-introBg {
      width: 94%;
      padding-top: 5rem; } }

.df-introContent h6 {
  font-family: YekanBakh;
  font-size: 2.5em;
  color: #ffcc01;
  font-weight: bold; }


  .df-introContent h6 span {
    padding:0 .25em
    }

    
.df-introContent h4 {
  font-family: YekanBakh;

  position: relative;
  font-size: 32px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.5;
  z-index: 1;
margin-right: 1.25em

}
  .df-introContent h4 span {
    border-bottom: 2px solid #fed12e; }
  .df-introContent h4::before {
    content: "";
    position: absolute;
    top: 0;
    right: -35px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 10%;
    z-index: -1; }

.df-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  text-align: center;
  font-family: Yekanbakh;
  margin-top:4em
}
  @media (min-width: 992px) {
    .df-actions {
      padding-left: 10rem; } }
  @media (max-width: 992px) {
    .df-actions {
      padding-left: 14rem; } }
  @media (max-width: 568px) {
    .df-actions {
      padding-left: 0; } }
  @media (max-width: 768px) {
    .df-actions {
      justify-content: center; } }
  .df-actions a:nth-of-type(1) {
    font-size: 1.25em;
    color: #ffffff;
    font-weight: 500;
    border: 1px solid #ffffff;
    border-radius: 8px;
    padding: 6px 50px;
    margin-left: 10px;
    transition: 0.3s; }
    @media (max-width: 417px) {
      .df-actions a:nth-of-type(1) {
        margin-bottom: 10px;
        padding: 6px 55px;
        margin-left: 0; } }
  .df-actions a:nth-of-type(1):hover {
    background-color: #042340;
    border-color: #042340; }
  .df-actions a:nth-of-type(2) {
    font-size: 1.25em;
    color: #042340;
    font-weight: 500;
    border-radius: 8px;
    padding: 6px 20px;
    background-color: #fff;
    transition: 0.3s; }
  .df-actions a:nth-of-type(2):hover {
    background-color: #042340;
    color: #fff; }

.df-appmobile {
  position: relative;
  z-index: 1; }

@media (max-width: 992px) {
  .pattern1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 15%;
    width: 100%; } }

.df-appmobileImg {
  position: relative;
  z-index: 1;
  top:-5em
}

.df-Commentregulation {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  padding: 2em;
  margin-top:2em
}
  @media (max-width: 992px) {
    .df-Commentregulation {
      padding: 258px 50px 50px 50px;
      margin-top: -368px; } }

.df-regulation p {
  font-size: 16px;
  color: #4d5760;
  font-weight: normal;
 }
  @media (max-width: 568px) {
    .df-regulation p {
      font-size: 14px; } }

#features h4 {
  text-align: center; }

.df-feature {
  transition: 0.3s;
  border-radius: 10px;
  padding: 27px 22px; }
  .df-feature:hover {
    background-color: #fff;
    box-shadow: 0 6px 12px #cbbebe2f; }
  .df-feature h6 {
    font-size: 20px;
    color: #042340;
    font-weight: bold;
    margin-bottom: 10px; }
    @media (max-width: 568px) {
      .df-feature h6 {
        font-size: 17px; } }
  .df-feature p {
    font-size: 16px;
    color: #4d5760;
    font-weight: normal;
    line-height: 1.7; }
    @media (max-width: 568px) {
      .df-feature p {
        font-size: 14px; } }
  .df-feature .df-featureImg {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background-color: #fed12e;
    text-align: center;
    line-height: 60px;
    margin-bottom: 20px;
    display: inline-block; }

#df-use h4 {
  text-align: center; }
  @media (max-width: 568px) {
    #df-use h4 {
      text-align: right; } }

.df-use {
  background-color: #fff;
  border-radius: 20px; }

.df-arrows {
  position: relative; }
  @media (min-width: 1200px) {
    .df-arrows::before {
      content: "";
      position: absolute;
      top: 30px;
      left: 0;
      background: url(../img/arrow.svg) no-repeat;
      background-size: contain;
      width: 100%;
      height: 10px;
      opacity: 20%; } }

.df-use-content {
  position: relative;
  margin-bottom: 2rem; }
  .df-use-content img {
    display: inline-block;
    margin-bottom: 20px; }
  .df-use-content h6 {
    font-size: 16px;
    color: #042340;
    font-weight: bold; }
  .df-use-content p {
    font-size: 14px;
    color: #042340;
    font-weight: normal; }

.df-streching {
  display: flex;
  align-items: stretch; }

@media (min-width: 1200px) {
  .df-col-xl-2 {
    flex: 1 0 16.666667%;
    max-width: 18.666667%; } }

@media (min-width: 1200px) {
  .df-ctaBg {
    background: linear-gradient(270deg,#05adc1,#9e0084);
    border-radius: 2em;
    padding: 2em;  
    padding: 4em 2em;
  } }

@media (min-width: 992px) and (max-width: 1200px) {
  .df-ctaBg {
    background: url(../img/cta.png) no-repeat;
    background-size: 100%;
    padding: 7rem 0 9rem 4rem; } }

.df-cta {
  position: relative; }
  @media (min-width: 992px) {
    .df-cta {
      text-align: left; } }
  @media (max-width: 992px) {
    .df-cta {
      background-color: #3647d2;
      border-radius: 20px;
      padding: 5rem 5rem 4rem 3rem; } }
  @media (max-width: 992px) {
    .df-cta::before {
      content: "";
      position: absolute;
      left: 50px;
      bottom: -50px;
      background: url(../img/Left.svg) no-repeat;
      width: 100%;
      height: 50px; } }
  .df-cta h4 {
    position: relative;
    font-size: 32px;
    font-family: YekanBakh;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.5; 
    text-align: right;
  }
    @media (max-width: 568px) {
      .df-cta h4 {
        font-size: 27px; } }
    .df-cta h4 img {
      position: absolute;
      top: -20px;
      right: -50px; }
      @media (max-width: 1200px) {
        .df-cta h4 img {
          right: -25px; } }
  .df-cta p {
    position: relative;
    font-size: 20px;
    color: #fed12e;
    font-weight: 500;
    display: block;
    text-align: right;
  }
    @media (max-width: 568px) {
      .df-cta p {
        font-size: 17px; } }
  .df-cta p::before {
    content: "";
    position: absolute;
    top: 8px;
    right: -19px;
    bottom: 0;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background-color: #fed12e; }
  .df-cta a {
    font-size: 16px;
    color: #042340;
    font-weight: 500;
    background-color: #fed12e;
    border-radius: 8px;
    padding: 7px 15px;
    display: inline-block;
    margin-top: 1em; }

#questions {
  margin-top: 80px;
  position: relative;
  overflow: hidden; }
  #questions > img {
    position: absolute;
    left: 0;
    bottom: 0; }

.df-faq .card-header {
  background-color: transparent;
  border: 0;
  padding-bottom: 0;
  padding-right: 0; }

.df-faq .card-body {
  padding-right: 2em;
  padding-bottom: 0; }

.df-faq button {
  font-size: 16px;
  color: #0a100d;
  font-weight: bold;
  display: flex;
  align-items: center;
  width: 100%;
  padding-right: 0; }

.df-faq i {
  color: #1076ff; }

.df-faq p {
  font-size: 14px;
  color: #4d5760;
  font-weight: normal;
  text-align: justify;
  line-height: 2;
  padding-right: 60px;
  margin-right: 60px;
  position: relative; }
  @media (max-width: 992px) {
    .df-faq p {
      padding-right: 20px;
      margin-right: 20px; } }
  @media (max-width: 768px) {
    .df-faq p {
      margin-right: 9px; } }

.df-faq p::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 50px;
  border-radius: 10px;
  background-color: #1076ff; }

#accordionExample {
  position: relative; }
  #accordionExample > img {
    position: absolute;
    top: 0;
    right: 0; }
  #accordionExample h4 {
    text-align: center;
    font-size: 20px;
    color: #212529;
    font-weight: 800;
    display: block;
    margin-bottom: 2rem; }
    @media (max-width: 568px) {
      #accordionExample h4 {
        font-size: 18px !important; } }
    @media (max-width: 768px) {
      #accordionExample h4 {
        font-size: 25px; } }

#dv-footer {
  margin-top: 4rem; }

.dv-footer {
  background-color: #042340;
  padding: 2rem 0 1rem;
  border-radius: 20px 20px 0 0;
  margin-top: 5rem; }

.dv-col a {
  padding-left: 2.5rem; }
  @media (min-width: 992px) {
    .dv-col a {
      border-left: 2px solid #f8f8fa49; } }

.dv-icons a {
  color: #fff;
  font-size: 25px;
  transition: 0.3s; }
  .dv-icons a > i {
    transition: 0.3s; }
  .dv-icons a:hover i {
    transform: translateY(-5px); }

.dv-infos span {
  color: #fff;
  font-weight: bold;
  font-size: 16px; }
  @media (max-width: 568px) {
    .dv-infos span {
      font-size: 14px; } }

.dv-infos span:first-of-type {
  padding-left: 1.5rem;
  margin-left: 1.5rem; }
  @media (min-width: 992px) {
    .dv-infos span:first-of-type {
      border-left: 2px solid #f8f8fa49; } }

.dv-love a,
.dv-love span {
  font-size: 13px;
  color: #fff;
  font-weight: 300; }

@media (min-width: 1200px) {
  .container {
    max-width: 1230px !important;
    width: 100%; } }

@media (max-width: 1200px) {
  br {
    display: none; } }


    section.features {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      grid-gap: 2em;
      font-family: YekanBakh;
      margin-top: -5em;
     }


.pricing-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-gap: 2em;
  padding: 2em 0;
}


     
     section.features article {
      border-radius:2px;
      padding:1.25rem .75em;
      text-align:center;
      min-width:240px;
      height:100%;
      margin:auto;
      -webkit-transition:.15s;
      transition:.15s;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
      border-radius:40px
     }
     section.features article h4 {
      color:#1b4171;
      font-weight:700;
      font-size:1.3em;
      margin:.5rem 0
     }


     section.features article p {
      color:#8e93b0;
      line-height:1.5;
      font-size: 1.1em;
     }
     section.features article:nth-child(2n) {
      background:#fff;
      -webkit-box-shadow:0 1px 5px rgba(84,96,143,.03),0 15px 40px -10px rgba(140,156,195,.15);
      box-shadow:0 1px 5px rgba(84,96,143,.03),0 15px 40px -10px rgba(140,156,195,.15)
     }

     section.features article:nth-child(2n+1) h4 {
      color:#f0f0f0;
     }
     section.features article:nth-child(2n+1) p {
      color:#fff;
     }



     section.profile header.profile,
     section.profile nav.profile {
      -webkit-box-shadow:0 5px 30px 1px rgba(15,37,85,.05);
      box-shadow:0 5px 30px 1px rgba(15,37,85,.05);
      border-radius:6px;
      background:#fff
     }


     header.title {
      font-size:24px
     }
     header.title.circle h3:before {
      content:"";
      height:16px;
      width:16px;
      border-radius:100px;
      border:4px solid #1b4171;
      display:inline-block;
      margin-left:.5rem
     }
     header.title .title {
      font-weight:400;
      letter-spacing:0
     }
     header.title .caption {
      font-weight:400;
      font-size:20px;
      color:#59596b;
      margin-top:.5rem
     }
     header.title-lg {
      position:relative;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
      margin-bottom:1.5rem;
      min-height:70px;
      margin-top:3em;
      margin-bottom:1em
     }
     header.title-lg .underlay-title {
      position:absolute;
      top:50%;
      -webkit-transform:translateY(-40%);
      transform:translateY(-40%);
      left:0;
      font-size:120px;
      color:#f9f9fa;
      font-weight:700;
      pointer-events:none;
      z-index:-1;
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none
     }
     header.title-lg h1,
     header.title-lg h2,
     header.title-lg h3 {
      font-size:2em;
      color:#1b4171;
      font-weight:900
     }


     header.title-lg h3 span {
       display: block;
       font-size: .7em;
       text-align: right;
       font-family: YekanBakh;
      }

     header.title-lg h1 span {
      background:#eee!important;
      border-radius:5px;
      padding:.15em;
      font-size:.6em;
      vertical-align:top;
      font-weight:300
     }
     header.title-lg .sub-title {
      margin-right:1rem;
      font-size:16px;
      letter-spacing:0
     }
     header.title-lg .normal-title,
     header.title-lg p {
      color:#8e93b0;
      font-size:16px;
      font-weight:400
     }
     header.title-lg .icon {
      min-width:35px;
      margin-left:.75rem;
      font-size:32px;
      color:#9e0084
     }
     header.title-lg .icon img {
      width:40px;
      vertical-align:middle
     }
     header.title-lg .icon svg {
      width:35px
     }
     .mainshow {
      box-shadow:0 2px 10px rgba(51,74,62,.03);
      background:#fff;
      padding:20px;
      border-radius:12px;
      font-size:14px;
      color:#444;
      margin-bottom:15px
     }
     .tttt {
      border-radius:12px;
      text-align:right!important;
      padding:.75em 1em!important;
      background-color:#f8f9fa!important;
      color:#32335a;
      margin:.75em 0;
      margin-top:1.25em
     }
     .cover {
      max-height:420px;
      border-radius:12px;
      -o-object-fit:contain;
      object-fit:contain;
      height:100%!important;
      width:100%!important;
      vertical-align:middle!important
     }
     .content {
      font-size:1.25em
     }


     .surveyslist {
      width: 100%;
      direction: ltr;
     }


     .surcey-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      grid-gap:rem
     }


     .surcey-grid img {
      width: 100%;
      border-radius: .5em;
      margin-bottom: .5em;
      transition: .3s;

    }


     .surcey-grid img:hover {
       opacity: .7;
       transition: .3s;
     }


     .surcey-grid h3 {
      font-size: 1.25em;
      text-align: center;
      font-weight: bold;
      color: #333;
     }


     .surcey-grid h3:hover {
      color: #941b80;
     }


     
     .videos-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      grid-gap:1.5rem
     }
     .videos-grid.index {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      grid-gap:1.5rem
     }
     .videos-grid article a {
      border-radius:2px;
      -webkit-transition:.2s;
      transition:.2s;
      display:block;
      -webkit-box-shadow:0 30px 100px 0 rgba(221,224,231,.6);
      box-shadow:0 30px 100px 0 rgba(221,224,231,.6);
      color:#7b7b9e;
      font-weight: bold;
      font-size: 1.1em;

     }
     .videos-grid article a:hover {
      -webkit-box-shadow:0 14px 60px rgba(64,82,104,.22);
      box-shadow:0 14px 60px rgba(64,82,104,.22);
      z-index:3
     }
     .videos-grid article a:hover>.image img {
      opacity:.7
     }
     .videos-grid article a>.image {
      position:relative;
      border-radius:2px 2px 0 0
     }
     .videos-grid article a>.image img {
      border-radius:2px 2px 0 0;
      display:block;
      width:100%;
      -webkit-transition:.2s;
      transition:.2s;
      max-height:18em
     }
     .videos-grid article a>.image .time {
      position:absolute;
      bottom:0;
      left:0;
      margin:1rem;
      padding:0 .65rem;
      height:24px;
      line-height:24px;
      background:rgba(33,37,51,.6);
      border-radius:5px;
      font-size:13px;
      color:#fff
     }
     .videos-grid article a>.image .type {
      position:absolute;
      top:0;
      right:0;
      margin:1rem;
      padding:0 .65rem;
      height:24px;
      line-height:24px;
      background:rgba(33,37,51,.6);
      border-radius:5px;
      font-size:13px;
      color:#fff
     }
     .videos-grid article a>.image .city {
      position:absolute;
      bottom:0;
      right:0;
      margin:1rem;
      padding:0 .65rem;
      height:24px;
      line-height:24px;
      background:rgba(33,37,51,.6);
      border-radius:5px;
      font-size:13px;
      color:#fff
     }
     .videos-grid article a>.image .price {
      position:absolute;
      top:0;
      left:0;
      margin:1rem;
      padding:0 .65rem;
      height:24px;
      line-height:24px;
      background:rgba(33,37,51,.6);
      border-radius:5px;
      font-size:13px;
      color:#fff
     }
     .videos-grid article .channel {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      margin-bottom:.5rem
     }
     .videos-grid article .channel img {
      height:auto;
      width:32px;
      border-radius:100px;
      margin-left:.25rem
     }
     .videos-grid article .hot {
      border-radius:8px;
      padding:.25rem .75rem;
      justify-self:end;
      background:#f5f5fa;
      color:#1b4171;
      font-size:12px;
      margin-right:auto
     }
     .videos-grid article .details {
      padding:1rem;
      background-color: #fff;
     }
     .videos-grid article .title {
      -webkit-transition:.2s;
      transition:.2s;
      color:#1d1f24;
      font-size:15px;
      height:3em;
      text-align:center;
      padding-bottom: .5em;
      margin-bottom: 1em;

     }
     .videos-grid article footer .level,
     .videos-grid article footer .time {
      font-size:13px
     }
     


     header.main nav.main {
      width:100%;
      height:85px;
      font-size:18px;
      z-index:999;
      -webkit-transition:.3s ease-in-out;
      transition:.3s ease-in-out;
      -webkit-transition-property:background-color,-webkit-box-shadow;
      transition-property:background-color,-webkit-box-shadow;
      transition-property:box-shadow,background-color;
      transition-property:box-shadow,background-color,-webkit-box-shadow
     }


     body.index header.main nav.main {
      position:fixed;
      right:0;
      top:0;
     }


     header.main nav.main .container>ul {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
     }
     header.main nav.main .logo {
      -webkit-transition:.2s ease;
      transition:.2s ease
     }
     header.main nav.main .logo:hover {
      -webkit-transform:scale(1.05);
      transform:scale(1.05)
     }




     header.main nav.main .logo {
      height: 3em;
      background: url('../images/logo.png') no-repeat;
      background-size: auto;
      width: 8em;
      background-size: 100%;
         }

         header.main nav.main.fxd .logo {
          background: url('../images/logo2.png') no-repeat;
          background-size: auto;
          background-size: 100%;

             }
    
    



     header.main nav.main ul.menu {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      margin-top:1rem;

      margin-right:1rem
     }
     header.main nav.main ul.menu li {
      position:relative
     }
     header.main nav.main ul.menu li:not(:first-of-type) {
      margin-right:1.5rem
     }
     header.main nav.main ul.menu li a {
      font-family: YekanBakh;
      position:relative;
      color: #fff;
      -webkit-transition:.2s;
      transition:.2s;
      z-index:1;
      padding:0 .25rem;
      display:block;
      font-size:17px;
      letter-spacing:0
     }
     header.main nav.main ul.menu li a:before {
      content:"";
      position:absolute;
      right:.5rem;
      left:0;
      height:4px;
      bottom:50%;
      margin-bottom:-15px;
      background:#efedf5;
      z-index:-1;
      pointer-events:none;
      -webkit-transition:transform .2s;
      transition:transform .2s;
      -webkit-transform-origin:left center;
      transform-origin:left center;
      -webkit-transform:scaleX(0);
      transform:scaleX(0)
     }
     header.main nav.main ul.menu li.active a,
     header.main nav.main ul.menu li a:hover {
      color:#fed12e;
      border-top-color:#1ccd9e
     }
     header.main nav.main ul.menu li.active a {
      font-weight:700
     }
     header.main nav.main ul.menu li.active a:before,
     header.main nav.main ul.menu li a:hover:before {
      -webkit-transform-origin:right center;
      transform-origin:right center;
      -webkit-transform:scaleX(1);
      transform:scaleX(1)
     }
     header.main nav.main .btn-profile {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      color:#fff;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:start;
      -ms-flex-pack:start;
      justify-content:flex-start;
      padding:.5rem 0;
      font-weight:300;
      -webkit-transition:color .3s ease-in-out;
      transition:color .3s ease-in-out;
      font-family: YekanBakh;
     }


     header.main.fxd nav.main .btn-profile {
      color:#333;
     }
     header.main nav.main .btn-profile .image {
      border-radius:100px;
      border:2px solid hsla(0,0%,100%,.2);
      margin-left:.5rem;
      width:46px;
      height:46px
     }
     header.main nav.main .btn-profile img {
      width:100%;
      height:100%;
      padding:2px;
      border-radius:100px
     }
     header.main nav.main .btn-profile>.icon {
      margin-right:.5rem
     }
     header.main nav.main .btn-profile>.icon svg {
      width:10px;
      fill:#333;
      -webkit-transition:fill .3s ease-in-out;
      transition:fill .3s ease-in-out
     }
     header.main nav.main .sub-menu {
      position:absolute;
      top:100%;
      left:0;
      width:245px;
      background:#fff;
      border-radius:16px;
      -webkit-box-shadow:0 20px 60px -10px rgba(50,50,93,.15);
      box-shadow:0 20px 60px -10px rgba(50,50,93,.15);
      overflow:hidden;
      z-index:999;
      -webkit-transform:scale(.9) rotateX(30deg);
      transform:scale(.9) rotateX(30deg);
      opacity:0;
      pointer-events:none;
      visibility:hidden;
      -webkit-transform-origin:top;
      transform-origin:top;
      -webkit-transition:.3s;
      transition:.3s
     }
     header.main nav.main .sub-menu ul {
      padding:1rem
     }
     header.main nav.main .sub-menu ul a {
      font-size:15px;
      font-weight:300;
      color:#77778c;
      display:block;
      padding:.75em .25em;
      border-radius:2px
     }
     header.main nav.main .sub-menu ul a:hover {
      color:#1b4171;
      background-color:#fafafc
     }
     header.main nav.main .sub-menu ul a i {
      display:inline-block;
      width:18px;
      text-align:center;
      vertical-align:middle
     }
     header.main nav.main li:hover>.sub-menu {
      -webkit-transform:none;
      transform:none;
      opacity:1;
      pointer-events:auto;
      visibility:visible
     }
     header.main nav.main ul.panel li {
      position:relative;
      font-family: YekanBakh;
     }
     header.main nav.main ul.panel>li:first-of-type {
      margin-left:.75rem
     }
     header.main nav.main ul.panel>li:last-of-type {
      margin-left:0
     }
     header.main nav.main ul.panel li.profile {
      margin:0;
      width:100%
     }
     header.main nav.main ul.panel a.btn {
      border-radius:10px;
      padding-right:0;
      padding-left:0;
      width:100px;
      font-size:17px
     }
     header.main nav.main ul.panel a.transparent {
      color:#fff;
      border:2px solid #ffcc01;
      background-color: rgba(0,0,0,.01);
      color:#fff;
     }

     .mennu {
       padding: 0 2em 
     }
     header.main nav.main ul.panel a.white {
      background:#ffcc01;
      border:2px solid #ffcc01;
      color:#333
     }
     header.main nav.main ul.panel a.transparent:hover {
      background:rgba(100,100,160,.08);
      color:#77778c;
      background-color: #fff;
      transition: .3s;
     }

     header.main nav.main ul.panel a.white:hover {
      background-color: #fff;
      color: #333
     }

     header.main nav.main ul.panel .sub-menu header {
      font-size:13px;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      background:#f5f5fc;
      border-radius:16px 16px 0 0;
      padding:1rem
     }
     header.main nav.main ul.panel .sub-menu header .image {
      border-radius:100px;
      border:1px solid #eee;
      width:60px;
      height:60px;
      margin-left:.5rem
     }
     header.main nav.main ul.panel .sub-menu header .name {
      font-size:16px;
      padding-bottom:.75em
     }
     .semat {
      display: block;
      background: rgba(255,255,255,.5);
      padding: .25em .5em;
      text-align: center;
      font-size: .9em;
      font-weight: 300;
      margin-top: .5em;
     }
     header.main nav.main ul.panel .sub-menu header img {
      border-radius:100px;
      width:100%;
      max-height:100%
     }
     header.main nav.main.fxd {
      -webkit-box-shadow:0 0 25px -5px rgba(50,43,97,.1);
      box-shadow:0 0 25px -5px rgba(50,43,97,.1);
      background:#fff;
      height: 70px;
     }

     .col-center, .flex-between {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }
  .flex-between {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
     

  
.dv-header {
  background: linear-gradient(180deg,#941b80,#630e55);
    border-radius: 0 0 20px 20px ;
  margin-bottom:3em;
  height: 5em;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
} 








@media (min-width: 1480px) {
  .footer-main:after {
      content: "";
      width: 336px;
      position: absolute;
      bottom: 0;
      z-index: 1;
      right: 0;
      display: block;
      height: 195px;
      background: url("../img/footer.png")
  }

}
@media (min-width: 980px) {
  .fixed-sup {
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 250px;
      z-index:3
  }
  .fixed-sup i {
      text-align:center;
      padding-top:12px;
      font-size:20px
  }

  .bg-blue:before {
      content: "";
      width: 102%;
      height: 220px;
      top: -25px;
      position: absolute;
      right: -1%;
      border-radius: 4px;
      box-shadow: 0px 5px 40px rgba(74, 145, 249, 0.22);
      background: linear-gradient(90deg,#05adc1,#9e0084)

}

.post-art {
  min-height: 256px;
  transition: all 400ms;
  border-radius: 4px 4px 0 0
}

.post-art:hover {
  transform: scale(1.05);
  transition: all 400ms;
  border-radius: 4px;
  box-shadow: 0px 10px 80px rgba(38, 52, 82, 0.16);
}

.post-art img {
  right: 0;
}

.play-video-now:hover {
  padding-top: 30%;
  color: white;
}

.play-video-now i {
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.1);
  color: white;
  font-size: 24px;
  padding-top: 15px;
  margin-bottom: 10px;
  backdrop-filter: blur(4px);
}

.fixed-s.is_stuck {
  backdrop-filter: blur(10px);
  z-index: 3;

  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
  background: rgba(255, 255, 255, 0.9);
}







.fixed-s.is_stuck .my-tabs a {
  padding-bottom: 17px !important;
}


.my-tabs a {
  padding-bottom: 22px;
  padding-top: 5px;
  color: #fff;
  border-bottom: .25em solid #EDF1F7;
  font-family: YekanBakh;
}

 .my-tabs a:hover, .my-tabs .active-d, .my-tabs .active {
  color: #fff;
  border-bottom: .25em solid #fff;
  font-weight: 500
}

.is_stuck .my-tabs a {
  color: #ffcc01;
  border-bottom: .25em solid #EDF1F7;
}

.is_stuck .my-tabs a.active-d {
  border-bottom: .25em solid #ffcc01;
}

.is_stuck  .my-tabs a:hover, .my-tabs .active-d, .my-tabs .active {
  color: #ffcc01;
  border-bottom: .25em solid #ffcc01;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.bg-light-blue {
  background: #EEF5FF;
}

.bg-light-blue:hover {
  background: #e0e7f1;
}

.bg-light-red {
  background: rgba(255, 106, 106, 0.12)
}

.bg-light-yellow {
  background: rgba(255, 212, 94, 0.11)
}

.bg-light-green {
  background: rgba(93, 212, 84, 0.11)
}

.bg-light-purple {
  background: #EEF5FF;
}

.text-white-75 {
  color: rgba(255, 255, 255, 0.75) !important;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-14 {
  font-size: 14px;
}

#sec1 .fe-check {
  font-size: 17px;
  color: #0FC477;
  background: rgba(15, 196, 119, 0.09);
  border-radius: 100px;
  display: inline-block;
  width: 20px;
  margin-left: 6px;
  height: 20px;
  text-align: center;
  transform: translateY(2px)
}

.my-tab2 a {
  background: #F8FAFC;
  color: #89949E;
  padding: 10px
}

.my-tab2 a:hover, .my-tab2 .active-s {
  background: #6CA5FA;
  color: #fff;
}

.my-tab3 a {
  background: #F8FAFC;
  color: #89949E
}

.my-tab3 a p {
  color: #5b656e
}

.my-tab3 a:hover {
  background: white;
  box-shadow: 0px 2px 20px rgba(108, 165, 250, 0.13);
}

.my-tab3 a:hover p {
  color: #5b656e
}

.my-tab3 .activew {
  background: rgba(108, 165, 250, 0.13);
  color: #6CA5FA;
}

.my-tab3 .activew p {
  color: #689ced;
}

.tut-content h2, .sidebar-col30 h4 {
  font-size: 14px;
  border-radius: 3px;
  padding: 5px 15px;
  background: #89949e;
  /* border-bottom: 1px solid #EDF1F7; */
  /* padding-bottom:14px; */
  font-weight: 400 !important;
  color: white !important;
  display: inline-block;
  box-shadow: 0px 2px 10px #b7b9d09c;
}

.sidebar-col30 h4 {
  margin-bottom: 10px;
}

.sidebar-col30 a {
  font-size: 15px;
  padding: 5px 0px;
  display: block;
}

.sidebar-col30 a {
  font-size: 15px;
  padding: 3px 0px;
  display: block;
}

.sidebar-col30 a.active {
  color: #689ced;
  font-weight: 600 !important;
}

.tut-content h3 {
  font-size: 17px;
  margin-top: 32px;
  margin-bottom: 14px;
}

.tut-content ul {
  list-style: none;
  background: #F8FAFC;
  padding: 20px 20px 14px;
  border-radius: 3px;
  font-size: 15px;
}

.tut-content ul li {
  margin-bottom: 6px;
}

.tut-content ul li:before {
  content: "\f101";
  font-family: feathericon;
  display: inline-block;
  transform: translateY(2px);
  color: #c4cedb;
  margin-left: 8px;
}

.ico60 {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  text-align: center;
  padding-top: 10px;
  font-size: 26px;
}

.i47 {
  width: 47px;
  height: 47px;
  font-size: 23px;
  padding-top: 1px;
}


.fe {
  display: inline-block;
  font: normal normal normal 16px feathericon;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.shadow {
  box-shadow: 0 5px 35px rgba(111, 146, 197, 0.13) !important;
}

.width-100{
  width:100%
}



.comment-aside {
  padding: 15px 0px;
  margin: 0px 20px;
}

h3#comments-title {
  font-size: 18px;
  margin-top: 2rem;
  padding: 10px 15px;
  /* border-bottom: 2px solid #2295F2; */
}

ol.commentlist {
  list-style: none;
  font-size: 15px;
  /* font: 14px/2.5 'Yekan', tahoma; */
}

.comment-body {
  background: #f8fafc;
  padding: 25px;
  border-radius: 4px;
}

ol.commentlist .comment {
  border-bottom: 1px dotted #e1e1e1;
  padding: 20px 0px;
}

ol.commentlist .comment img {
  width: 36px;
  height: 36px;
  border-radius: 3px;
}

.comment ul.children {
  border-right: 1px dashed #e2e3e4;
  margin: 20px 20px 10px 0px;
  padding: 0px 20px 0px 20px;
}

.comment ul.children .comment {
  border: none !important;
  list-style: none;
}

.commentmetadata {
  float: left;
  color: #999;
  font: 13px 'Yekan', tahoma;
}

.comment .comment-reply-title {
  padding: 0px 0px 10px;
}

.cancel-comment-reply-link {
  display: block;
  margin: 0px 5px;
  padding: 2px 4px;
  color: white;
  font-size: 12px;
  background: #F44437;
  border: 1px solid #333;
  border-radius: 3px;
  display: none;
}

.comment-rules {
  margin: 15px 0px 0px;
  padding: 10px 15px;
  border-right: 4px solid #eee;
  font: 12px/2 'Yekan', tahoma;
}

.comment-rules ol {
  list-style: none;
}

.comment-rules h3 {
  color: #333;
  padding: 0px 0px 10px;
}

.comment p:before {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.comment-author {
  float: right;
  color: #999;
  /* font: 13px/32px 'Yekan', tahoma; */
}

#respond h3 {
  font: bold 16px 'Yekan', tahoma !important;
  padding: 20px 0px;
  color: #555;
  background: url(images/icons.png) no-repeat right -1843px;
}

.comment .comment-respond {
  padding: 10px 15px;
  border-right: 3px solid #eee;
}

.comment-author img {
  border-radius: 5px;
  float: right;
  margin: 0px 0px 0px 10px;
}

.comment p:first-child {
  text-align: justify;
  /* padding: 20px 0px 0px; */
}

.comment .reply {
  padding: 10px 0px 0px;
}

.reply .comment-reply-link {
  border-radius: 3px;
  background: #90a4b7;
  color: white;
  font-size: 13px;
  font-weight: 300 !important;
  padding: 3px 8px;
}

.comment-author cite.fn {
  color: #444;
}

#commentform {
  background: white;
  padding: 2em;
}

#commentform label {
  display: block;
  margin: 10px 0px;
}

#commentform input {
  width: 40%;
  padding: 10px 10px;
  border-radius: 4px;
  border: none;
  outline: 0;
  color: #666;
  border: 1px solid #e1e2e3;
  font-family: 'Yekan';
  box-shadow: 0px 2px 5px #e9e9e9;
}

#commentform input:focus {
  border: 1px solid #4CB054;
  color: #333;
}

#commentform textarea {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid #e1e2e3;
  box-shadow: 0px 2px 5px #e9e9e9;
  /* border: none; */
  outline: 0;
  font: 13px/2 'Yekan', tahoma;
  height: 150px;
}

#commentform textarea:focus {
  border: 1px solid #4CB054;
}

#commentform .submit {
  background: #5dd454;
  padding: 5px;
  color: white;
  cursor: pointer;
  border: none;
  font: 15px/2 IRANSans;
  outline: 0;
  width: 120px;
  text-align: center;
  margin: 20px 0px 10px 0px;
  border-radius: 5px;
}

.commentset {
  margin: 0px 0px 10px 0px;
  padding: 10px 0px 0px 0px;
  word-wrap: break-word;
  border-top: 1px dashed #f1f1f1;
}

.comment-text {
  padding: 15px;
  color: #444;
  margin: 5px 0px 0px 0px;
  background: #f6f6f6;
  -moz-border-radius: 5px 0px 5px 5px;
  -webkit-border-radius: 5px 0px 5px 5px;
  /* border: 1px solid #e5e5e5; */
}

.entry-summary {
  display: none;
}

.commentset h4 .name {
  float: right;
}

.commentset h4 span.time {
  margin: 3px 10px 0px 0px;
  color: #999;
  float: left;
}

.bbbx img{
  width: 4em;
  height: 4em;
  border-radius: 50%;
  margin-left: .5em
}

.sidebar-right h4{
  font-size: 1em;
  margin-right: 2em;
  margin-top: 1em
}


.organ {
  display: flex;
}

.es__wc-multiTeacherItem img {
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  margin-left: .5em;
  float:right;
}

.d-flex {
  display: flex !important;
}


.asdasdasd {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 0 100%;
}
.asdasdasd div {
  margin-left: 50px;
}

.pppp{
  margin-bottom: .5em;
}

.adsd{
  width: 60px;
height: 60px;
border-radius: 10px;
background-color: #fed12e;
text-align: center;
line-height: 60px;
margin-bottom: 20px;
display: inline-block;
}

.more{
  position: absolute;
  left: 2em;
  top: 25%;
  font-size: 1.5em;
  font-family: yekanBakh;
  font-weight: bold;
  border-radius: .5em;
}


.btn.border:hover {
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(84,96,143,.08),0 16px 40px rgba(71,68,99,.1);
  box-shadow: 0 1px 2px rgba(84,96,143,.08),0 16px 40px rgba(71,68,99,.1);
  background: #fff;
}


header.title-lg h3 {
margin-bottom: 0;
}


#sliders {
  width: 100%;
}
.over {
  overflow: hidden !important;
  direction: ltr;
}

.display-flex{
  display: flex;
}

nav.main.fxd .nav-link2{
  color: #333 !important
}


.buyticket {
  border-radius: 10px;
  background-color: #fed12e;
  color: #1b4171;
  font-weight: 700;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.buyticket:hover {
  background-color: #ccc;
  color: #fff;
}



.teacher article {
  background-color: #fff;
  box-shadow: 0 20px 40px rgba(63,158,255,.05);
  margin: 0 1em;
  text-align: center;

}

.teacher img {
  width: 8rem;
  height: 8rem;
  box-shadow: 0 20px 40px rgba(63,158,255,.05);

}

.hooper-next, .hooper-prev {
  background-color: #fff !important;
  border: none;
  border-radius: 10px !important;
  padding: .75em !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  box-shadow: 0 0 10px rgba(151,163,201,.25);
  outline: none !important;
}


 .hooper-next {
  right: auto;
  left: -.8rem;
}
 .hooper-next {
  left: 0;
}

#teachers {
  position: relative;
}

.organizers{

  margin-top:3em;
}

.whitebg {
  background-color: #fff;
  border-radius: 40px;
  padding: 1em 2em .5em  2em; 
}
.organizers h3  {
  text-align:center

}

#organizers header.title-lg {
  margin-top: 1em;
}


#organizers article {
  border: 1px solid #eee;
  padding: 1em;
  border-radius: 1em;
}


#organizers article h4 {
  font-size: 1.25em;
 color: #333;
 padding: .25em;
margin-top: .5em;
}

#organizers article img {
  width: 6em;
  height: 6em;  border-radius: 50%;
}

#organizers article img:hover {
  opacity: .7;
  transition: .3s;
}

.boxsurcey article .image img:hover{
  opacity: .7;
  transition: .3s;
}

.lightbox {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
    max-width: 500px;
    -webkit-transform: translate(-50%, -50%) scale(.95);
    transform: translate(-50%, -50%) scale(.95);
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    font-size: 16px
}

.min-h-100{
    min-height: 100px !important;
}
.aaa{
    display: inline-block;
    background: #fed843;
    border-radius: 1em;
    padding: .5em 1em;
    margin-top:.5em;
    font-size: .9em

}
.aaa:hover{
    background: #eee;
}

.lightbox.active {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.lightbox.navigating .logo {
    width: 150px;
    -webkit-transform: translateY(140px);
    transform: translateY(140px)
}

.lightbox.navigating .logo path,
.lightbox.navigating .logo rect {
    -webkit-transition: .3s .2s;
    transition: .3s .2s;
    fill: #6362fb
}

.lightbox.navigating .content {
    max-height: 180px!important;
    min-height: 0;
    border-radius: 36px;
    border-color: transparent
}

.lightbox.navigating .content form,
.lightbox.navigating .content header {
    opacity: 0;
    -webkit-transition: .15s;
    transition: .15s;
    visibility: hidden
}

.lightbox .logo {
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto 1rem
}

.lightbox .logo path,
.lightbox .logo rect {
    fill: #fff
}

.lightbox .logo span {
    font-size: 18px;
    -webkit-transition: .3s .2s;
    transition: .3s .2s;
    color: #b2b4bb;
    display: block;
    margin-top: .5rem;
    overflow: hidden;
    text-align: center
}

.lightbox .logo span a {
    display: none
}

.lightbox .logo span.hide {
    -webkit-transition: 0s;
    transition: 0s;
    opacity: 0;
    max-height: 0
}

.lightbox form,
.lightbox header {
    -webkit-transition: .15s .15s;
    transition: .15s .15s
}

.lightbox header {
    position: relative;
    color: #630e55;
    font-size: 20px;
    text-align: center;
    margin: -2rem;
    margin-bottom: 0;
    padding: 1.5rem 0 .5rem;
    border-radius: 12px 12px 0 0;
    font-weight: 600;
    font-family: 'iranyekan';
}

.lightbox header .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 60px;
    font-weight: lighter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    color: #66627b
}

.lightbox header .btn-close:hover {
    color: #e3342f
}

.lightbox header .btn-close i {
    margin: auto
}

.lightbox .content {
    min-height: 200px;
    border-radius: 5px;
    background: #fff;
    padding: 2rem;
    margin-top: .5rem;
    -webkit-box-shadow: 0 15px 40px -10px rgba(140, 156, 195, .5);
    box-shadow: 0 15px 40px -10px rgba(140, 156, 195, .5);
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden
}

.lightbox .field {
    margin: 1rem 0
}

.lightbox p {
    color: #59596b;
    text-align: right
}

.lightbox form input.form-control {
    -webkit-box-shadow: 0 0 0 2px #e1e1e5;
    box-shadow: 0 0 0 2px #e1e1e5;
    background: transparent;
    width: 100%;
}

.lightbox form a:hover {
    text-decoration: underline
}


.lightbox .submit {
    margin: .75rem auto 0;
    background: #630e55;
    width: 100%;
    font-family: 'Iranyekan';
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none!important;
    border-radius: 5px;
    padding: 10px 12px;
    font-size: 14px;
    cursor: pointer !important;
    color: #fff;
    border: 1px solid #333
}

.lightbox button:hover {
    opacity: .6;
    -webkit-filter: grayscale(.8);
    filter: grayscale(.8);
}
.highlight{
cursor: pointer;
color: #630e55;
font-weight: bold;
}

.highlight:hover{
color: #333
}

.my-4{
font-family: 'Iranyekan';
padding: .5em 0;
font-size: .8em;

}

#buy {
  width: 100%;
  margin-top: .5em;
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
  display: block;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  cursor: pointer;
  transition: .3s;
}

#buy:hover {
  background: #eee;
  color: #333;
  transition: .3s;
  #organizers article img}

.blue.loading .text {
opacity: 0;
visibility: hidden;
}

.blue.loading svg.spinner {
display: block;
}

.blue svg.spinner {
display: none;
}
svg.spinner {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
}

svg.spinner .path {
stroke: 
hsla(0, 0%, 100%, .75);
stroke-linecap: round;
-webkit-animation: dash 1.5s ease-in-out infinite;
animation: dash 1.5s ease-in-out infinite;
}


@-webkit-keyframes rotate {
  to {
      -webkit-transform: translate(-50%, -50%) rotate(1turn);
      transform: translate(-50%, -50%) rotate(1turn)
  }
}

@keyframes rotate {
  to {
      -webkit-transform: translate(-50%, -50%) rotate(1turn);
      transform: translate(-50%, -50%) rotate(1turn)
  }
}

@-webkit-keyframes dash {
  0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0
  }
  50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35
  }
  to {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124
  }
}

@keyframes dash {
  0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0
  }
  50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35
  }
  to {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124
  }
}



.lightbox .submit:disabled {
    pointer-events: none;
    opacity: .6;
    -webkit-filter: grayscale(.8);
    filter: grayscale(.8);
    -webkit-box-shadow: none;
    box-shadow: none
}

.lightbox .response {
    margin-top: 1rem
}

.lightbox .response .error i {
    vertical-align: middle
}

.lightbox[data-name=prefer-login] .content {
    border-bottom: none
}

.lightbox[data-name=prefer-login] .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1rem
}

.lightbox[data-name=prefer-login] .btns a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 4px;
    background: none;
    color: #2c2c2f;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lightbox[data-name=prefer-login] .btns a:hover {
    border-color: transparent;
    color: #6362fb;
    background: #f5f5f5
}

.lightbox[data-name=prefer-login] .btns>span {
    color: #aaa;
    padding: 0 1rem
}

.lightbox[data-name=prefer-login] .btn.google-login {
    margin-top: 1rem
}

.form-group {
  margin:0
}

.lightbox .form-group label.form-label {
    position: relative;
    top: 0;
    right: 0;
    -webkit-transform: none;
    transform: none;
    text-align: right;
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
    pointer-events: auto;
    font-family: 'iranyekan';
}
.lightbox .form-group label {
    position: absolute;
    top: .5rem;
    right: 1.25rem;
    font-size: 15px;
    margin: 0;
        margin-bottom: 0px;
    pointer-events: none;
    color: #72727d;
    padding: 0 .5rem;
    -webkit-transition: .15s;
    transition: .15s;
    -webkit-transform-origin: top;
    transform-origin: top;
}
.ltr {
    direction: ltr;
}
.lightbox .form-group input.form-control {
    width: 100%;
    height: 40px;
    font-weight: 300;
}
.lightbox .form-group .form-control {
    position: relative;
    border-radius: 6px;
    -webkit-transition: .15s;
    transition: .15s;
        transition-property: all;
    -webkit-transition-property: color, border-color, background;
    transition-property: color, border-color, background;
    padding: .25rem .75rem;
    background: #f7f8fa;
    outline: none;
    border: none;
}

#dark-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(38, 39, 62, .5);
    z-index: 99998
}


#teachers article  {
  padding: 1em
}

#teachers article img {
  border-radius: 50%;
}


#teachers article h4 {
  margin-top: .75em;
  font-size: 1.25em;
  color: #333
}

#teachers article h5 {
  font-size: 1.1em;
  color: #555

}

.buybtn {
  transition: all .3s;
border: 2px solid #ddd;
color: #1b4171;
display: block;
text-align: center;
border-radius: 1.25em;
background: #fff;
font-size: 1.25em;
border-radius: .5em !important;
background-color: #ccc;
color: #1b4171 !important;

}

header.title {
  font-size: 24px
}

header.title.circle h3:before {
  content: "";
  height: 16px;
  width: 16px;
  border-radius: 100px;
  border: 4px solid #1b4171;
  display: inline-block;
  margin-left: .5rem
}

header.title .title {
  font-weight: 400;
  letter-spacing: 0
}

header.title .caption {
  font-weight: 400;
  font-size: 20px;
  color: #59596b;
  margin-top: .5rem
}

header.title-lg {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  min-height: 70px;
  margin-top: 1em;
  margin-bottom: 1em;

}



header.title-lg .underlay-title {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-40%);
  transform: translateY(-40%);
  left: 0;
  font-size: 120px;
  color: #f9f9fa;
  font-weight: 700;
  pointer-events: none;
  z-index: -1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

header.title-lg h1,
header.title-lg h2,
header.title-lg h3 {
  font-size: 2em;
  color: #1b4171;
  font-weight: 900;
}


header.title-lg h1 span {
  background: #eee !important;
  border-radius: 5px;
  padding: .15em;
  font-size: .6em;
  vertical-align: top;
  font-weight: 300;

}

header.title-lg .sub-title {
  margin-right: 1rem;
  font-size: 16px;
  letter-spacing: 0
}

header.title-lg .normal-title,
header.title-lg p {
  color: #8e93b0;
  font-size: 16px;
  font-weight: 400
}

header.title-lg p {
  margin-top: .5em
}


header.title-lg .icon {
  min-width: 35px;
  margin-left: .75rem;
  font-size: 32px;
  color: #9e0084 
}

header.title-lg .icon img {
  width: 40px;
  vertical-align: middle
}

header.title-lg .icon svg {
  width: 35px
}
#benchtitle {
  background: #fff;
  height: 6em;
  transition: .5s;
  border: 0;
  border-radius: .55rem;
  margin: 2em auto;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
  font-size: 14px;
  color: #424242;
  padding: 20px;
  font-weight: 400;
}

.widget-user {
  float: right;
  font-family: iranyekan;
  margin-left: 2em;
}
.widget-user img{
  height:48px;
  weight:48px;
  float:right
}
.widget-user .wid-u-info{
font-size:1em;
  margin-right:5em;
  font-weight:300

}

.widget-user .wid-u-info h5{
  font-size:1.25em;
}

#benchtitle .add2 {
  float: right;
  font-family: iranyekan;
  font-size: 13px;
  border: none;
  color: #585858;
  padding: .4em .5em;
  border-radius: 2px;
  background-color: #eee;
}

#benchtitle .add2:hover {
  background-color: #fed12e;
  color: #333;
}


.count {
  float: left;
  margin-left: 3em;
  text-align: center;
  font-family: iranyekan;
}

.count span {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
}

.count small {
  display: block;
  font-size: 1.1em;
  font-weight: bold;

}

.c-profile-menu__header {
  font-family: iranyekan;
  padding-bottom: 1em;
  border-bottom: 1px solid #f3f3f3;
  font-weight: 700;
  letter-spacing: .2px;
  color: #535353;
  font-size: 1.5em;
  line-height: 1.692;
}


.c-profile-menu__header{

  font-family:iranyekan;
  padding-bottom: 1em;
  border-bottom:1px solid #f3f3f3;
  font-weight:700;
  letter-spacing:.2px;
  color:#535353;
  line-height:1.692
}
.c-profile-menu__items{
  font-family:iranyekan;
  background: #fff;
  list-style:none;
  font-size:14px;
  font-size:1rem;
  line-height:1.571;
  font-weight:500;
  letter-spacing:-.3px;
  border-radius: .2em;
  padding: 1em 0;
}
.c-profile-menu__items li {
  position:relative;
  padding:12px 53px 12px 0;
  color:#5b5b5b;
  display:block
}


.c-profile-menu__items li a {
  color: #9e0084
}

.c-profile-menu__items li.is-active,.c-profile-menu__items li:hover{
  background-color:rgb(240, 240, 240);
  color:#3647D2
}
.c-profile-menu__items li.is-active:before,.c-profile-menu__items li:hover:before{
  color:#3647D2
}
.c-profile-menu__items li i{
  position:absolute;
  
}

.c-profile-menu__items li i{
  font-size:1.24em;
  top:14px;
  right:1em
}

.c-profile-order-address{
  background-color:#fff;
  box-shadow:0 12px 12px 0 hsla(0,0%,71%,.1);
  border:1px solid #dedede;
  margin-bottom:23px
}
.c-profile-order-address__row{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:0;
  margin-left:0;
  border-top:1px solid #f1f1f1
}
.c-profile-order-address__row:first-child{
  border-top:none
}
.c-profile-order-address__col{
  position:relative;
  width:100%;
  min-height:1px;
  padding-right:0;
  padding-left:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%;
  border-right:1px solid #f1f1f1;
  padding:15px 40px
}
.c-profile-order-address__col:first-child{
  border-right:none
}
.c-profile-order-address__col p{
  font-size:1.1em;
  line-height:1.375;
  letter-spacing:-.3px;
  margin-bottom:1em;
  color:#505050
}
.c-profile-order-address__col p span{
  font-size:1em !important;
color:#111;
  display:block;
  line-height:1.692;
  margin-bottom:5px;
  font-weight:bold;

}


.topheader {
  height: 8em;
  font-family: Yekanbakh;
}

.sidebar-main {
  float:left;
  width: 70%;
  font-family: Iranyekan;
}

.fixed-s.is_stuck {
  top: 4.5em !important
}

.fixed-right.is_stuck {
  top: 6em !important
}



.sidebar-right{
  float:right;
  width: 20%;
  margin-left:2.5%
}

.sidebar-right input, .sidebar-right select{
  width: 100%;
}


.sidebar-main{
  float:right;
  width: 77.5%
}

.section-top{
  background: #eee;
  padding: 1em;
  border-radius: 2em;
  margin-bottom: 1em;
}


.section-top h2{
  float: right;
  margin-top: .25em;
}

.section-top form{
  float: left;
  width: 40%;
}

.teacherslist {
  display: grid;
  grid-template-columns:repeat(4,1fr);
  grid-gap: 1em;
}

.teacherslist article {
  background: #fff;
  border-radius: 1em;
  padding: 1em;
  text-align: center;
}

.teacherslist h3 {
  color: #333;
  font-family: iranyekan;
  font-size: 1.25em;
}

.teacherslist h4 {
  color: #666;
  font-family: iranyekan;
  font-size: 1em;
}


.teacherslist article img {
  width: 8rem;
  height: 8rem;
  box-shadow: 0 20px 40px rgba(63,158,255,.05);
  border-radius: 2em;
  margin-bottom: 1em;
}







.webinarlist {
  display: grid;
  grid-template-columns:repeat(3,1fr);
  grid-gap: 1em;
}

.webinarlist article {
  background: #fff;
  border-radius: 1em;
  padding: 1em;
  text-align: center;
}

.webinarlist h3 {
  color: #333;
  font-family: iranyekan;
  font-size: 1.25em;
}

.webinarlist h4 {
  color: #666;
  font-family: iranyekan;
  font-size: 1em;
}


.webinarlist article img {
  width: 8rem;
  height: 8rem;
  box-shadow: 0 20px 40px rgba(63,158,255,.05);
  border-radius: 2em;
  margin-bottom: 1em;
}



.webinarlist article a {
  border-radius:2px;
  -webkit-transition:.2s;
  transition:.2s;
  display:block;
  -webkit-box-shadow:0 30px 100px 0 rgba(221,224,231,.6);
  box-shadow:0 30px 100px 0 rgba(221,224,231,.6);
  color:#7b7b9e;
  font-weight: bold;
  font-size: 1.1em;

 }
 .webinarlist article a:hover {
  -webkit-box-shadow:0 14px 60px rgba(64,82,104,.22);
  box-shadow:0 14px 60px rgba(64,82,104,.22);
  z-index:3
 }
 .webinarlist article a:hover>.image img {
  opacity:.7
 }
 .webinarlist article a>.image {
  position:relative;
  border-radius:2px 2px 0 0
 }
 .webinarlist article a>.image img {
  border-radius:2px 2px 0 0;
  display:block;
  width:100%;
  -webkit-transition:.2s;
  transition:.2s;
  max-height:18em
 }
 .webinarlist article a>.image .time {
  position:absolute;
  bottom:0;
  left:0;
  margin:1rem;
  padding:0 .65rem;
  height:24px;
  line-height:24px;
  background:rgba(33,37,51,.6);
  border-radius:5px;
  font-size:13px;
  color:#fff
 }
 .webinarlist article a>.image .type {
  position:absolute;
  top:0;
  right:0;
  margin:1rem;
  padding:0 .65rem;
  height:24px;
  line-height:24px;
  background:rgba(33,37,51,.6);
  border-radius:5px;
  font-size:13px;
  color:#fff
 }
 .webinarlist article a>.image .city {
  position:absolute;
  bottom:0;
  right:0;
  margin:1rem;
  padding:0 .65rem;
  height:24px;
  line-height:24px;
  background:rgba(33,37,51,.6);
  border-radius:5px;
  font-size:13px;
  color:#fff
 }
 .webinarlist article a>.image .price {
  position:absolute;
  top:0;
  left:0;
  margin:1rem;
  padding:0 .65rem;
  height:24px;
  line-height:24px;
  background:rgba(33,37,51,.6);
  border-radius:5px;
  font-size:13px;
  color:#fff
 }
 .webinarlist article .channel {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:.5rem
 }
 .webinarlist article .channel img {
  height:auto;
  width:32px;
  border-radius:100px;
  margin-left:.25rem
 }
 .webinarlist article .hot {
  border-radius:8px;
  padding:.25rem .75rem;
  justify-self:end;
  background:#f5f5fa;
  color:#1b4171;
  font-size:12px;
  margin-right:auto
 }
 .webinarlist article .details {
  padding:1rem;
  background-color: #fff;
 }
 .webinarlist article .title {
  -webkit-transition:.2s;
  transition:.2s;
  color:#1d1f24;
  font-size:15px;
  height:3em;
  text-align:center;
  padding-bottom: .5em;
  margin-bottom: 1em;

 }
 .webinarlist article footer .level,
 .webinarlist article footer .time {
  font-size:13px
}


.modalbox {
  display: none; 
	position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    width: 70%;
    -webkit-transform: translate(-50%,-50%) scale(.95);
    transform: translate(-50%,-50%) scale(.95);
    -webkit-transition: .2s;
    transition: .2s;
    font-size: 16px;
    z-index: 99999;
}


.modalbox h2 {
  font-size: 1.5em;
	float:right;
	width: 70%;
  margin-top:1em;
  padding-right: 1em;
  color : #333
}

#box-detail {
  display: none; 
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999;
  width: 70%;
  -webkit-transform: translate(-50%,-50%) scale(.95);
  transform: translate(-50%,-50%) scale(.95);
  -webkit-transition: .2s;
  transition: .2s;
  font-size: 16px;
  z-index: 99999;
}

       
#box-add {
	display: none; 
	position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    width: 70%;
    -webkit-transform: translate(-50%,-50%) scale(.95);
    transform: translate(-50%,-50%) scale(.95);
    -webkit-transition: .2s;
    transition: .2s;
    font-size: 16px;
    z-index: 99999;

}

#box-add h2, #box-detail h2 {
  font-size: 1.5em;
	float:right;
	width: 70%;
  margin-top:1em;
  padding-right: 1em;
  color : #333;
  font-family: YekanBakh;
}

.status-title{
  color : #333
}

#box-add.percent50 .modal-content, #box-detail.percent50 .modal-content{
	width: 50%;
  }


#box-add .modal-content{
	width: 100%;
  }


  .box-add {

	display: none; 
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	
	overflow: auto;

}


.box-add .modal-content{
	width: 25%;
  }


  .modal-minibox {
    display: none; 
    position: fixed;
      left: 50%;
      top: 50%;
      z-index: 1000;
      width: 20em;
      -webkit-transform: translate(-50%,-50%) scale(.95);
      transform: translate(-50%,-50%) scale(.95);
      -webkit-transition: .2s;
      transition: .2s;
      font-size: 16px;
      background: #fff;
    }
  






    ul.tabs{
      margin: 0px;
      padding: 0px;
      list-style: none;
      display: grid;
      grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1.5em;
    padding-bottom: .5em;
    border-left: 1px solid #bbb;
    padding-left: .75em;
  }

.webinarcreate{
    grid-template-columns: repeat(1, 1fr) !important;
    width: 10em  !important;
float: right;
  }

.webinarcreate li {
    width: 100% !important;
    float:right;
  
  }

  .tab-content {
  float: left;
width: calc(100% - 12em);
}

  ul.tabs li{
      background: none;
      color: #222;
      display: inline-block;
  
      cursor: pointer;
      font-family: iranyekan;
    font-size: 1.1em;
    border-radius:.5em;
    padding: .5em;
    background: #ddd;
    border-radius:.5em;
}
  
  ul.tabs li:hover{
      background: #fff;
  
  }
  ul.tabs li.current{
      background: #9e0084;
      color: #fff;
  }
  
  .tab-contents {
    display: block;
    width: 100%
  }
  
  .tab-content{
      display: none;
      background: #ededed;
  }
  
  .tab-content.current{
      display: inherit;
  }

  .section-content{
    display: none;
    background: #ededed;
    padding:1em 2em;
    padding-bottom: 4em;
}

.section-content.current{
    display: inherit;
}





.table-row.top {
	color: rgb(90, 95, 125);
   background: rgb(248, 249, 251) none repeat scroll 0% 0%;
   border-top: 1px solid rgb(241, 242, 246);
   border-bottom: 1px solid rgb(241, 242, 246);
   border-radius: 10px;
   border-bottom: 1px solid #e0e0e0;
   border-collapse: collapse;
   padding:0;
   padding-top: 2px;
   
   }
   

   .order {
	color: rgb(90, 95, 125);
   }
   .table-row .column2, .table-row .column2 a  {
	color: rgb(39, 43, 65) !important;
	}

   .table-row.header .column2 {
	   padding: 15px 16px;
	   color: rgb(90, 95, 125) !important;
   }



   .table-bar {
    margin-top: 1em;
	   margin-bottom: 1em;
     padding: .5em;
     background: #fff;
     border-radius: .25em;

   }

   .table-bar .order {
     float:right; margin-left: 1em;
     padding-top: .5em;
  }

  .table-bar .searchbar {
    float:left;
 }

 .searchbar input {
   border: none;
   background: none;
   width: 80%;
   text-align: right;
 }

 .searchbar button {
   float:left

}


 .table-bar  #search {
  background: rgb(248, 249, 251) none repeat scroll 0% 0%;
  padding: .25em 1em;
  border: none;
  font-family: iranyekan;
}



 .section-top .searchbar {
	border-radius: 20px;
border: 0px none;
background: rgb(248, 249, 251) none repeat scroll 0% 0%;
padding: .75em 1em;
}
.section-top #search {
		background: rgb(248, 249, 251) none repeat scroll 0% 0%;
		padding: .5em;
		border: none;
		font-family: iranyekan;
}
#searchb {
	border: none;
	background: none;
	cursor: pointer;
	font-size:1.5em;
	vertical-align: middle;
}

#searchb:hover {
color: #eee
}
.table-row {
 display: flex;
 display: -webkit-flex;
 flex-direction: row;
 -webkit-flex-direction: row;
 flex-wrap: no-wrap;
 -webkit-flex-wrap: no-wrap;
 width: 100%;
 padding-left: 15px;
 padding-right: 15px;
 padding: 16px;
 overflow-wrap: break-word;

}


.table-row:hover{
	
	background: #F8F9FB;

}

.wrapper {
 display: flex;
 display: -webkit-flex;
 flex-direction: row;
 -webkit-flex-direction: row;
}
.column2 {
 flex-grow: 0;
 -webkit-flex-grow: 0;
 flex-shrink: 0;
 -webkit-flex-shrink: 0;
 vertical-align: top;
}

.table-row.header .title {
 width: 120px;
 font-weight: bold;
 color: #337AB5;
}
.table-row .comment {
 width: 75px;
}

.module {
 width: 200px;
}
.reporter {
 width: 200px;
}
.status {
 width: 95px;
}
.owner {
 width: 75px;
}
.severity {
 width: 100px;
}
.watch,
.add-comment {
 width: 60px;
}
.date {
 width: 110px;
}


.table-row.header .title,
.table-row.header .comment {
 flex-grow: 1;
 -webkit-flex-grow: 1;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 padding-right: 4px;
}
.table-row.header .date {
 width: 110px;
 text-align: right;
 padding-right: 4px;
}
/* growable wrappers */
.table-row.header .title-comment,
.table-row.header .title-comment-module-reporter,
.attributes {
 flex-grow: 1;
 -webkit-flex-grow: 1;
}

@media all and (max-width: 1236px) {
 .title-comment {
   flex-direction: column;
   -webkit-flex-direction: column;
   width: 220px;
 }

 .title-comment > div {
   width: 100%;
 }
 .module-reporter,
 .status-owner {
   flex-direction: column;
   -webkit-flex-direction: column;
 }
 .module-reporter div,
 .status-owner div {
   flex-grow: 0;
   -webkit-flex-grow: 0;
 }
}
@media all and (max-width: 956px) {
 .module-reporter {
   flex-direction: row;
   -webkit-flex-direction: row;
 }
 .title-comment-module-reporter {
   flex-direction: column;
   -webkit-flex-direction: column;
   width: 220px;
 }
 .title-comment-module-reporter div {
   flex-grow: 0;
   -webkit-flex-grow: 0;
 }
 .title-comment-module-reporter > div {
   width: 100%;
 }
 .status-owner-severity {
   flex-direction: column;
   -webkit-flex-direction: column;
 }
 .status-owner-severity div {
   flex-grow: 0;
   -webkit-flex-grow: 0;
 }
 .icons {
   flex-direction: column;
   -webkit-flex-direction: column;
 }
 .icons div {
   flex-grow: 0;
   -webkit-flex-grow: 0;
 }
 .dates {
   flex-direction: column;
   -webkit-flex-direction: column;
 }
 .dates div {
   flex-grow: 0;
   -webkit-flex-grow: 0;
 }
}
@media all and (max-width: 528px) {
 .table-row {
   padding-left: 4px;
   padding-right: 4px;
 }
 .attributes {
   flex-direction: column;
   -webkit-flex-direction: column;
   width: 220px;
 }
 .attributes div {
   flex-grow: 0;
   -webkit-flex-grow: 0;
 }
 .attributes > div {
   width: 100%;
 }
 .module-reporter,
 .status-owner {
   flex-direction: row;
   -webkit-flex-direction: row;
 }
}

#inputFormRow{
  position: relative
}

#removeRow {
  position: absolute;
  left:0;
  top: 0;
  font-family: YekanBakh;
}


.close {
  float: left;
  margin-left: 1em;
  margin-top: 1em;
  cursor: pointer;
}

#answersbox input {
margin-bottom: 1em
}
.btn-addcard {
  background: #fed12e;
  color: #333;
  border-radius: 1em;
  padding: .5em 1em;
  float:left;
  font-size: .6em;
  cursor: pointer;
}



.btn-addcard:hover {
  background: #eee;
  color: #333;
}



.slugtable {
  background: #eee;
  font-size: 12px;
}




   
.styles__counter-icons___1cYQO {
	font-size: 16px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 6px;
	cursor: pointer;
	-webkit-transition: color .3s;
	transition: color .3s;
  }
  
  .styles__counter-icons___1cYQO:hover {
	color: #606cec;
  }
  
  .styles__responsive-cell-title___Njpd1 {
	display: none;
  }
  
  .styles__button___3_jEd {
	width: 100%;
	display: block;
  }
  
  .rt-resizable-header-content {
	font-family: iranyekan;
  }
  
  .stylstep {
	display: inline-block;
	color: #6b7c93;
	max-width: 202px;
	-webkit-transition: color .3s;
	transition: color .3s;
  }
  .stylstep .styleline {
	display: block;
	float: right;
	width: 95px;
	height: 2px;
	background: #e4e4e4;
	margin-top: 2em;
	border-radius: 5px;
  }
  
  .stylstep.styleactive .styyle {
	  color:#2B303B !important  }
  
  .stylstep.styleactive .styleline {
	background: #2B303B;
  }
  
  @media only screen and (min-device-width: 980px) and (max-device-width: 1023px) {
	.styles__inner___2n55R {
	  width: 95%;
	}
  }
  @media only screen and (max-device-width: 979px) {
	.styles__inner___2n55R {
	  width: 92%;
	}
  }
  .styles__steps___3inVP {
	  
	text-align: center;
	margin-bottom: 1em;
  }
  
  .or {
	max-width: 230px !important;
  }
  
  .stylesinner {
	float: right;
  cursor: pointer;
  }
  
  .styyle {
	font-size: 35px;
	display: block;
	margin-bottom: 0.25em;
  }
  
  .stitle {
	font-size: 16px;
	font-weight: 300;
	min-width: 100px;
	font-family: "iranyekan";
  }
  
  @media only screen and (min-device-width: 980px) and (max-device-width: 1023px) {
	.styleline {
	  width: 55px;
	}
  
	.styles__icon___19fxg {
	  font-size: 25px;
	}
  }
  @media only screen and (max-device-width: 979px) {
	.styles__steps___3inVP {
	  padding: 30px 0 0;
	  padding-top: 2em;
	}
  
	.stylstep {
	  max-width: 145px;
	}
  
	.styleline {
	  width: 20px;
	  margin-top: 13px;
	}
  
	.styles__icon___19fxg {
	  font-size: 30px;
	  width: 63px;
	}
  
  
	.styleactive .stitle {
	  display: block;
	  position: absolute;
	  left: 0;
	  right: 0;
	  font-size: 18px;
	  font-weight: bold !important;
	  background: #fff;
	  width: 92%;
	  margin: 0 auto;
	  border-radius: 5px;
	  padding: 10px 0;
	}
  }
  .styles__table-wrapper___11T2h {
	max-width: 1200px;
	width: 100%;
	margin: 60px auto 0;
  }
  
  .styles__wrapper___2bItS {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-transition: all .3s;
	transition: all 0.3s;
  }
  
  .styleactive .stitle {
	font-weight: bold !important;
	color:#2B303B !important;
  
  }


  .fileuploader-input .fileuploader-input-button,
	.fileuploader-input .fileuploader-input-caption,
	.fileuploader-items .fileuploader-item .fileuploader-action,
	.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar,
	.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar,
	.fileuploader-items .fileuploader-item span.fileuploader-action-popup,
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action],
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action],
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success {
		-webkit-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
		-o-transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
		transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
	}
	.fileuploader-items .fileuploader-item,
	.fileuploader-items .fileuploader-item .fileuploader-action,
	.fileuploader-items .fileuploader-item .fileuploader-item-icon,
	.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
	.fileuploader-items .fileuploader-item .fileuploader-item-image img,
	.fileuploader-popup,
	.fileuploader-popup .fileuploader-popup-node {
		-webkit-animation: fileuploaderFadeIn 0.2s ease;
		animation: fileuploaderFadeIn 0.2s ease;
	}
	.fileuploader-input .fileuploader-input-button,
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success {
		display: inline-block;
		margin: 0;
		padding: 14px 22px;
		border: none;
		border-radius: 30px;
		outline: 0;
		font-weight: 700;
		cursor: pointer;
		vertical-align: middle;
		text-decoration: none;
	}
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
		background: #e6ebf4;
		color: #90a0bc;
	}
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:hover {
		background: #edf1f7;
		transform: translateY(-1px);
	}
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:active {
		background: #dfe5f1;
		transform: translateY(1px);
	}
	.fileuploader-input .fileuploader-input-button,
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success {
		background: #9658fe;
		background: -moz-linear-gradient(-45deg, #3a8ffe 0, #9658fe 100%);
		background: -webkit-linear-gradient(-45deg, #3a8ffe 0, #9658fe 100%);
		background: linear-gradient(135deg, #3a8ffe 0, #9658fe 100%);
		background-size: 140% auto;
		background-position: center;
		color: #fff;
		box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
	}
	.fileuploader-input .fileuploader-input-button:hover,
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:hover {
		background-position: left;
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
		transform: translateY(-2px);
	}
	.fileuploader-input .fileuploader-input-button:active,
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:active {
		background-position: right;
		box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
		transform: translateY(2px);
	}
	.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader,
	.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,
	.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after,
	.fileuploader-popup.loading:after {
		content: "";
		position: absolute;
		min-width: 24px;
		min-height: 24px;
		max-width: 48px;
		max-height: 48px;
		background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=)
			no-repeat center;
		background-size: contain;
	}
	.fileuploader-items .fileuploader-item .fileuploader-item-icon i,
	.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
	.fileuploader-items .fileuploader-item .fileuploader-item-image img,
	.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after,
	.fileuploader-popup .fileuploader-popup-move:after,
	.fileuploader-popup.loading:after {
		left: 50%;
		top: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	.fileuploader-items .fileuploader-item .fileuploader-action,
	.fileuploader-items .fileuploader-item .progress-bar2 span {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.fileuploader-input .fileuploader-input-button,
	.fileuploader-items .fileuploader-item .fileuploader-item-icon,
	.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar,
	.fileuploader-popup .fileuploader-cropper,
	.fileuploader-popup .fileuploader-cropper *,
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action],
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success,
	.fileuploader-popup .fileuploader-popup-move,
	.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.fileuploader,
	.fileuploader *,
	.fileuploader :after,
	.fileuploader :before,
	.fileuploader-popup,
	.fileuploader-popup *,
	.fileuploader-popup :after,
	.fileuploader-popup :before {
		box-sizing: border-box;
	}
	.fileuploader,
	.fileuploader-popup {
		font-family: Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
		font-size: 14px;
		line-height: normal;
		text-align: left;
	}
	.fileuploader button,
	.fileuploader-popup button {
		display: inline-block;
		padding: 0;
		margin: 0;
		border: 0;
		font: inherit;
		background: 0 0;
		box-shadow: none;
	}
	.fileuploader button:focus,
	.fileuploader-popup button:focus {
		outline: 0;
	}
	.fileuploader {
		display: block;
		width: 100%;
		padding: 16px;
		margin-bottom: 16px;
		background: #fafbfd;
		border-radius: 6px;
	}
	.fileuploader-icon-main {
		display: inline-block;
		font-size: 18px;
		color: #789bec;
	}
	.fileuploader-input {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		border: 1px solid transparent;
		border-radius: 30px;
		cursor: pointer;
		font-family: iranyekan;
	}
	.fileuploader-input .fileuploader-input-caption {
		position: relative;
		display: inline-block;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-ms-flex-item-align: start;
		align-self: flex-start;
		margin-top:.5em;
		color: #789bec;
		font-weight: 700;
		white-space: nowrap;
		overflow: hidden;
	}
	.fileuploader-focused .fileuploader-input .fileuploader-input-caption {
		border-color: #789bec;
	}
	.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		min-height: 22px;
		margin-right: 6px;
	}
	.fileuploader-input.fileuploader-dragging {
		background: #fff;
		border: 1px solid #ebeef1;
		border-style: dashed;
	}
	.fileuploader-input.fileuploader-dragging .fileuploader-input-caption {
		border-color: transparent;
	}
	.fileuploader-input.fileuploader-dragging .fileuploader-input-button {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	.fileuploader-disabled .fileuploader-input {
		opacity: 0.7;
		cursor: default;
		pointer-events: none !important;
	}
	.fileuploader-items .fileuploader-items-list {
		display: block;
		margin: 0 -16px;
		padding: 0;
		list-style: none;
	}
	.fileuploader-items .fileuploader-item {
		position: relative;
		margin: 0;
		padding: 20px 16px 20px 22px;
		border-bottom: 1px solid #ebeef1;
		animation-duration: 0.6s;
	}
	.fileuploader-items .fileuploader-item:last-child {
		border-bottom: 0;
		margin-bottom: -16px;
	}
	.fileuploader-items .fileuploader-item.upload-failed {
		background: rgba(254, 84, 111, 0.06);
	}
	.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after {
		position: absolute;
		left: -8px;
		top: -8px;
		width: 36px;
		height: 36px;
	}
	.fileuploader-items .fileuploader-item .columns {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		z-index: 2;
	}
	.fileuploader-items .fileuploader-item .column-thumbnail {
		position: relative;
		width: 36px;
		height: 36px;
	}
	.fileuploader-items .fileuploader-item .column-title {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding-left: 16px;
		padding-right: 16px;
		color: #74809d;
		overflow: hidden;
	}
	.fileuploader-items .fileuploader-item .column-title a {
		display: inline-block;
		width: 100%;
		height: 100%;
		color: #74809d;
		text-decoration: none;
	}
	.fileuploader-items .fileuploader-item .column-title div {
		width: 100%;
		font-weight: 700;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.fileuploader-items .fileuploader-item .column-title span {
		font-size: 12px;
		color: #979fb8;
	}
	.fileuploader-items .fileuploader-item .column-actions {
		margin: 0 16px;
	}
	.fileuploader-items .fileuploader-item .fileuploader-item-image {
		position: relative;
		width: 100%;
		height: 100%;
		border-radius: 6px;
		overflow: hidden;
	}
	.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after {
		content: "";
		width: 50%;
		height: 50%;
	}
	.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
	.fileuploader-items .fileuploader-item .fileuploader-item-image img {
		position: absolute;
		max-width: none;
		max-height: 100%;
		background: #fff;
	}
	.fileuploader-items .fileuploader-item .fileuploader-item-icon {
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		color: #fff;
		font-size: 11px;
		border-radius: 4px;
		cursor: default;
		background-color: #ddd;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 28px;
	}
	.fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color {
		color: #888;
	}
	.fileuploader-items .fileuploader-item .fileuploader-item-icon i {
		position: absolute;
		display: block;
		width: 90%;
		font-style: normal;
		font-weight: 700;
		overflow: hidden;
		white-space: nowrap;
	}
	.fileuploader-items .fileuploader-item span.fileuploader-action-popup {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(43, 56, 71, 0.2);
		border-radius: 6px;
		cursor: pointer;
		opacity: 0;
	}
	.fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover {
		opacity: 1;
	}
	.fileuploader-items .fileuploader-item span.fileuploader-action-popup:active {
		background: rgba(43, 56, 71, 0.4);
	}
	.fileuploader-items .fileuploader-item .fileuploader-action {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		color: #c0c6d2;
		cursor: pointer;
		vertical-align: top;
		text-align: center;
	}
	.fileuploader-items .fileuploader-item .fileuploader-action + .fileuploader-action {
		margin-left: 16px;
	}
	.fileuploader-items .fileuploader-item .fileuploader-action:hover {
		color: #789bec;
	}
	.fileuploader-items .fileuploader-item .fileuploader-action:active {
		color: #668ee9;
	}
	.fileuploader-items .fileuploader-item .fileuploader-action i {
		width: 100%;
		height: 100%;
		font-size: 20px;
		line-height: 20px;
	}
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove {
		color: #fff;
		background: #fe7676;
		border-radius: 50%;
		box-shadow: -1px 1px 6px rgba(254, 118, 118, 0.8);
	}
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i {
		font-size: 14px;
		text-shadow: none;
	}
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:hover {
		background-color: #fe8a8a;
	}
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:active {
		background-color: #fe6262;
	}
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success {
		color: #fff;
		background: #43d084;
		border-radius: 50%;
		box-shadow: -1px 1px 6px rgba(67, 208, 132, 0.8);
	}
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i {
		font-size: 14px;
		text-shadow: none;
	}
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:hover {
		background-color: #53d48f;
	}
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:active {
		background-color: #33cc79;
	}
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success i:before {
		content: "\e904";
	}
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active,
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover {
		background: #fe7676;
		box-shadow: -1px 1px 6px rgba(254, 118, 118, 0.8);
	}
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active i:before,
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover i:before {
		content: "\e923";
	}
	.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active {
		background-color: #fe6262;
	}
	.fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup {
		display: block;
	}
	.fileuploader-items .fileuploader-item .fileuploader-progressbar {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 4px;
		border-radius: 6px;
	}
	.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar {
		position: absolute;
		left: 0;
		top: 0;
		width: 0%;
		height: 100%;
		border-radius: 6px;
		background: #789bec;
		box-shadow: 0 4px 8px -1px rgba(120, 155, 236, 0.6);
	}
	.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 1;
	}
	.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar {
		position: absolute;
		left: 0;
		top: 0;
		width: 0%;
		height: 100%;
		border-radius: 0;
		background: rgba(104, 125, 219, 0.08);
		box-shadow: none;
	}
	.fileuploader-items .fileuploader-item .progress-bar2 span {
		position: absolute;
		right: 16px;
		color: rgba(151, 159, 184, 0.16);
		font-size: 48px;
	}
	.fileuploader-items .fileuploader-item.sorting {
		background: #fafbfd;
		border-radius: 6px;
		opacity: 0.8;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
		z-index: 799;
	}
	.fileuploader-items .fileuploader-item.sorting,
	.fileuploader-items .fileuploader-item.sorting .fileuploader-action,
	.fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon,
	.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas,
	.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img {
		-webkit-animation: none;
		animation: none;
	}
	.fileuploader-items .fileuploader-sorter-placeholder {
		background: rgba(0, 0, 0, 0.03);
		margin: 0;
		padding: 0;
		-webkit-animation: none;
		animation: none;
	}
	.file-type-image .fileuploader-item-icon {
		background-color: #3982fe !important;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7,8.5C7,7.119,8.119,6,9.5,6S12,7.119,12,8.5S10.881,11,9.5,11S7,9.881,7,8.5z M14.5,11l-4,6l-2-3L5,19h15L14.5,11z'/%3E%3C/svg%3E");
	}
	.file-type-image .fileuploader-item-icon i {
		visibility: hidden;
		color: #fff;
	}
	.file-type-audio .fileuploader-item-icon {
		background-color: #66d043 !important;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M13.21,5h-1.07v9.613c-0.685-0.381-1.62-0.504-2.58-0.271c-1.687,0.405-2.812,1.753-2.511,3.007c0.3,1.254,1.913,1.939,3.6,1.533c1.544-0.369,2.615-1.527,2.558-2.682h0.003V8.34c1.752,1.296,3.29,1.123,3.575,4.21C20.188,7.362,13.354,7.498,13.21,5z'/%3E%3C/svg%3E");
	}
	.file-type-audio .fileuploader-item-icon i {
		visibility: hidden;
		color: #fff;
	}
	.file-type-video .fileuploader-item-icon {
		background-color: #9868ff !important;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.81 11.28L8.487 6.107a.622.642 0 0 0-.326-.1c-.326 0-.592.28-.592.623h-.003l.003 10.738c0 .344.266.623.592.623.123 0 .225-.044.335-.106l8.315-5.166a.91.94 0 0 0 .323-.72.96.96 0 0 0-.323-.721z'/%3E%3C/svg%3E");
	}
	.file-type-video .fileuploader-item-icon i {
		visibility: hidden;
		color: #fff;
	}
	.file-ext-rar .fileuploader-item-icon,
	.file-ext-zip .fileuploader-item-icon {
		background-color: #ffd236 !important;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M6,11h12v2H6V11z M6,15h8v2H6V15z M6,7h12v2H6V7z'/%3E%3C/svg%3E");
	}
	.file-ext-rar .fileuploader-item-icon i,
	.file-ext-zip .fileuploader-item-icon i {
		visibility: hidden;
		color: #fff;
	}
	.file-ext-pdf .fileuploader-item-icon {
		background-color: #ef5350 !important;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17.61 13.224c-.336-.115-.752-.16-1.242-.15l-.84.06-.952.158-.906-.958c-.662-.808-1.23-1.684-1.732-2.6l.257-.608.283-.825c.153-.528.227-.985.192-1.37-.117-1.353-.86-2.218-1.9-2.127S9.164 5.88 9.28 7.23c.03.354.16.752.37 1.196a8.11 8.11 0 0 0 .396.743l.56.846-.132.35-1.12 2.846-.705 1.628-.068.012-.797.17-.838.24c-.52.178-.937.38-1.232.63-1.04.87-1.324 1.978-.658 2.77s1.807.707 2.848-.164c.272-.23.523-.563.77-.988a8.87 8.87 0 0 0 .381-.75c.078-.17.137-.35.207-.522l.173-.364 3.614-1 1.18-.256.47.502.64.595c.42.354.808.606 1.174.733 1.283.442 2.376.115 2.712-.862s-.326-1.917-1.6-2.36zM10.88 5.94c.314-.028.595.3.663 1.09.02.215-.034.546-.15.95l-.263.79-.454-.83c-.156-.333-.248-.613-.265-.807-.068-.79.154-1.162.47-1.2zM7.683 16.947c-.183.32-.36.555-.5.68-.606.508-1.04.54-1.242.298s-.096-.66.51-1.168c.166-.14.467-.286.864-.42l.8-.24-.423.85zm5.104-3.19l-2.74.735.353-.847.193-.475.807-2.082c.417.673.878 1.344 1.4 1.976l.5.58-.524.114zm5.35 1.452c-.103.298-.517.422-1.265.163-.203-.07-.484-.254-.805-.524l-.617-.562.947-.075c.367-.01.66.022.844.086.748.258.998.612.896.912z'/%3E%3C/svg%3E");
	}
	.file-ext-pdf .fileuploader-item-icon i {
		visibility: hidden;
		color: #fff;
	}
	.file-ext-doc .fileuploader-item-icon,
	.file-ext-docx .fileuploader-item-icon,
	.file-ext-rtf .fileuploader-item-icon {
		background-color: #2372ba !important;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 17.33V6.67L15 4v16L5 17.33zM7.974 8.5h-1.33l.922 7h1.708l.73-5.22.702 5.22h1.714l.938-7h-1.26l-.645 5.613L10.72 8.5h-1.4l-.77 5.613L7.974 8.5zM19 6h-3v12h3V6z'/%3E%3C/svg%3E");
	}
	.file-ext-doc .fileuploader-item-icon i,
	.file-ext-docx .fileuploader-item-icon i,
	.file-ext-rtf .fileuploader-item-icon i {
		visibility: hidden;
		color: #fff;
	}
	.file-ext-xls .fileuploader-item-icon,
	.file-ext-xlsx .fileuploader-item-icon {
		background-color: #14a73c !important;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 17.33V6.67L15 4v16L5 17.33zM19 6h-3v12h3V6zm-6.148 9.5l-2.08-3.5 2.043-3.5H11.57l-1.244 2.246c-.047.196-.125.382-.232.554-.088-.173-.158-.354-.21-.54l-1.2-2.26H7.338L9.33 12l-2.182 3.5h1.338l1.396-2.416c.066-.14.117-.385.14-.385a1.58 1.58 0 0 1 .131.385l1.38 2.416h1.32z'/%3E%3C/svg%3E");
	}
	.file-ext-xls .fileuploader-item-icon i,
	.file-ext-xlsx .fileuploader-item-icon i {
		visibility: hidden;
		color: #fff;
	}
	.file-ext-pps .fileuploader-item-icon,
	.file-ext-ppsx .fileuploader-item-icon,
	.file-ext-ppt .fileuploader-item-icon,
	.file-ext-pptx .fileuploader-item-icon {
		background-color: #f26522 !important;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11,13h6.975c-0.256,3.355-3.054,6-6.475,6C7.91,19,5,16.09,5,12.5c0-3.421,2.645-6.219,6-6.475V13zM13,5.025V11h5.975C18.731,7.811,16.189,5.269,13,5.025z'/%3E%3C/svg%3E");
	}
	.file-ext-pps .fileuploader-item-icon i,
	.file-ext-ppsx .fileuploader-item-icon i,
	.file-ext-ppt .fileuploader-item-icon i,
	.file-ext-pptx .fileuploader-item-icon i {
		visibility: hidden;
		color: #fff;
	}
	.file-ext-psd .fileuploader-item-icon {
		background-color: #3172eb !important;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.853 11.374h.61c.57 0 .997-.112 1.28-.338s.424-.553.424-.983c0-.435-.12-.755-.356-.962S9.2 8.78 8.695 8.78h-.842v2.595zm4.183-1.387c0 .94-.293 1.66-.88 2.157s-1.424.747-2.507.747h-.796V16H6V7.262h2.79c1.06 0 1.867.228 2.417.683s.83 1.137.828 2.042zM18 14.016c0 .686-.238 1.207-.714 1.565s-1.188.538-2.137.538a6.63 6.63 0 0 1-1.243-.098c-.33-.063-.652-.16-.96-.29v-1.506c.367.17.75.303 1.144.4a4.66 4.66 0 0 0 1.122.161c.66 0 .99-.2.99-.573.005-.13-.042-.256-.13-.35a1.93 1.93 0 0 0-.454-.305c-.214-.112-.5-.244-.86-.397-.514-.215-.892-.414-1.133-.597-.225-.164-.405-.38-.526-.63-.11-.24-.163-.53-.163-.877 0-.594.23-1.053.69-1.377s1.112-.487 1.958-.487c.804 0 1.588.175 2.35.525l-.552 1.315c-.307-.134-.62-.25-.938-.353-.287-.092-.588-.138-.89-.138-.54 0-.807.146-.807.437 0 .163.085.305.26.424s.552.297 1.14.532c.52.21.904.408 1.147.592s.422.395.537.633.173.527.173.858z'/%3E%3C/svg%3E");
	}
	.file-ext-psd .fileuploader-item-icon i {
		visibility: hidden;
		color: #fff;
	}
	.file-ext-ai .fileuploader-item-icon {
		background-color: #ff9e00 !important;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.58 16l-.6-2.072H8.964L8.364 16h-1.89l2.922-8.738h2.145L14.473 16H12.58zm-1.02-3.618l-.937-3.185-.15-.582-1.07 3.767h2.155zm3.452-4.756c0-.59.328-.886.986-.886s.986.294.986.886c0 .282-.078.502-.244.656-.164.16-.412.238-.742.238-.658 0-.986-.298-.986-.894zM16.908 16h-1.816V9.347h1.816V16z'/%3E%3C/svg%3E");
	}
	.file-ext-ai .fileuploader-item-icon i {
		visibility: hidden;
		color: #fff;
	}
	.file-ext-txt .fileuploader-item-icon {
		background-color: #454545 !important;
	}
	.file-ext-txt .fileuploader-item-icon i {
		color: #fff !important;
	}
	.file-ext-css .fileuploader-item-icon {
		background-color: #26a69a !important;
	}
	.file-ext-css .fileuploader-item-icon i {
		color: #fff !important;
	}
	.file-ext-html .fileuploader-item-icon {
		background-color: #cf33a8 !important;
	}
	.file-ext-html .fileuploader-item-icon i {
		color: #fff !important;
	}
	.fileuploader-popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #191d1e;
		z-index: 1090;
		animation-duration: 0.4s;
	}
	.fileuploader-popup.loading:after {
		width: 48px;
		height: 48px;
		z-index: 8;
	}
	.fileuploader-popup .fileuploader-popup-preview {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: auto;
		z-index: 2;
	}
	.fileuploader-popup .fileuploader-popup-node {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		max-width: 100%;
		height: 100%;
		min-width: 20px;
		min-height: 20px;
		padding: 80px 56px 64px;
		overflow: hidden;
	}
	.fileuploader-popup .fileuploader-popup-node.is-zoomed {
		display: block;
	}
	.fileuploader-popup .fileuploader-popup-node .reader-node {
		position: relative;
		max-width: 100%;
		max-height: 100%;
		text-align: center;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	.fileuploader-popup .fileuploader-popup-node .reader-node.is-movable {
		cursor: grab;
	}
	.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover,
	.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving {
		cursor: grabbing;
	}
	.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .area-move,
	.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .point,
	.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .area-move,
	.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .point {
		cursor: grabbing !important;
	}
	.fileuploader-popup .fileuploader-popup-node.astext .reader-node > div,
	.fileuploader-popup .fileuploader-popup-node.audio .reader-node > audio,
	.fileuploader-popup .fileuploader-popup-node.image .reader-node > img,
	.fileuploader-popup .fileuploader-popup-node.video .reader-node > video {
		width: auto;
		max-width: 100%;
		max-height: 100%;
		margin: 0;
		padding: 0;
		color: #47525d;
		background: #fafafa;
		box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		border-radius: 0;
	}
	.fileuploader-popup .fileuploader-popup-node.audio .reader-node audio {
		width: 450px;
	}
	.fileuploader-popup .fileuploader-popup-node.application .reader-node iframe {
		width: 100%;
		height: 100%;
		border: 0;
		border-radius: 3px;
	}
	.fileuploader-popup .fileuploader-popup-node.astext .reader-node div {
		max-width: 992px;
		padding: 20px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 16px;
		text-align: left;
		overflow-y: auto;
		white-space: pre-wrap;
	}
	.fileuploader-popup .fileuploader-popup-node.has-node-centered {
		display: block;
	}
	.fileuploader-popup .fileuploader-popup-node.has-node-centered .reader-node {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}
	.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
		position: relative;
		display: inline-block;
		width: 80px;
		height: 80px;
		background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBpZD0ic3ZnXzIiIGQ9Im00OSwxNi44NDJsMCw0Mi4xMDVjMCwyLjc5MSAtMi4yNyw1LjA1MyAtNS4wNjksNS4wNTNsLTM4Ljg2MiwwYy0yLjgsMCAtNS4wNjksLTIuMjYyIC01LjA2OSwtNS4wNTNsMCwtNTMuODk0YzAsLTIuNzkxIDIuMjY5LC01LjA1MyA1LjA2OSwtNS4wNTNsMjcuMDM0LDBsMTYuODk3LDE2Ljg0MnoiIGNsYXNzPSJjbHMtMSIvPiAgPHBhdGggZmlsbD0iI2RmZWFlZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzQiIGQ9Im00OSwxNS44OTlsMCwyLjA5NmwtMTMuODEzLDBjLTIuODYsMCAtNC4xNzksLTIuMzIgLTQuMTc5LC01LjE4MWwwLC0xMi44MTRsMi4wOTIsMGwxNS45LDE1Ljg5OXoiIGNsYXNzPSJjbHMtMyIvPiA8L2c+PC9zdmc+)
			no-repeat center;
		background-size: contain;
	}
	.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div {
		position: absolute;
		bottom: 14px;
		left: 0;
		padding: 4px 6px;
		border-radius: 4px;
		color: #fff;
		max-width: 100%;
		background-image: none;
		word-wrap: break-word;
	}
	.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div.is-bright-color {
		color: #888;
	}
	.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div i {
		text-transform: uppercase;
		font-style: normal;
		font-weight: 700;
		white-space: nowrap;
		visibility: visible;
	}
	.fileuploader-popup .fileuploader-popup-content {
		color: #fdfdfd;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	}
	.fileuploader-popup .fileuploader-popup-content ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.fileuploader-popup .fileuploader-popup-content ul li {
		display: inline-block;
		padding: 0;
		margin: 0;
	}
	.fileuploader-popup .fileuploader-popup-content ul li + li {
		margin-left: 16px;
	}
	.fileuploader-popup .fileuploader-popup-header {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 100%;
		padding: 16px;
		background: rgba(0, 0, 0, 0.8);
		background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
		background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
		z-index: 2;
	}
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta {
		display: flex;
		flex: 1;
		white-space: nowrap;
		overflow: hidden;
	}
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta li:first-child {
		overflow: hidden;
	}
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta span {
		display: block;
		color: #80868b;
		font-size: 14px;
	}
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta h5 {
		max-width: 100%;
		margin: 4px 0 0;
		font-size: 14px;
		font-weight: 700;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-info:not(:empty) {
		flex: 1;
		margin-left: 16px;
	}
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons {
		margin-left: 16px;
	}
	.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
		padding: 14px 24px;
		text-shadow: none;
	}
	.fileuploader-popup .fileuploader-popup-footer {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center;
		background: rgba(0, 0, 0, 0.8);
		background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
		background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
		z-index: 2;
	}
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action] {
		display: inline-block;
		padding: 16px;
		padding-bottom: 13px;
		cursor: pointer;
		text-decoration: none;
		color: #fdfdfd;
		border-bottom: 3px solid transparent;
	}
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action] i {
		display: inline-block;
		font-size: 18px;
		margin-top: -4px;
		margin-right: 6px;
		vertical-align: middle;
	}
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action]:hover {
		border-bottom-color: #789bec;
		color: #fff;
	}
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer {
		font-size: 14px;
	}
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action] {
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
		border: none;
		border-radius: 50%;
		padding: 0;
		vertical-align: middle;
		color: #fdfdfd;
		background: rgba(255, 255, 255, 0.1);
		text-shadow: none;
	}
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action]:hover {
		background: rgba(255, 255, 255, 0.3);
	}
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input {
		display: inline-block;
		-webkit-appearance: none;
		width: 130px;
		padding: 0;
		margin: 0 16px;
		vertical-align: middle;
		background: 0 0;
	}
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input:focus {
		outline: 0;
	}
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-runnable-track {
		width: 100%;
		height: 4px;
		cursor: pointer;
		animate: 0.2s;
		box-shadow: none;
		background: #789bec;
		border-radius: 6px;
	}
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-thumb {
		height: 14px;
		width: 14px;
		border-radius: 50%;
		border: 0;
		background: #fff;
		cursor: pointer;
		-webkit-appearance: none;
		margin-top: -5px;
		box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
	}
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-track {
		width: 100%;
		height: 4px;
		cursor: pointer;
		animate: 0.2s;
		box-shadow: none;
		background: #789bec;
		border-radius: 6px;
	}
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-thumb {
		height: 14px;
		width: 14px;
		border-radius: 50%;
		border: 0;
		background: #fff;
		cursor: pointer;
		-webkit-appearance: none;
		margin-top: -5px;
		box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
	}
	.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer span {
		display: inline-block;
		min-width: 40px;
		text-align: center;
		margin-left: 6px;
		color: #fff;
		vertical-align: middle;
	}
	.fileuploader-popup .fileuploader-popup-move {
		position: absolute;
		display: none;
		width: 56px;
		height: 100%;
		font-size: 24px;
		bottom: 0;
		left: 0;
		color: #fff;
		opacity: 0.4;
		cursor: pointer;
		z-index: 1;
	}
	.fileuploader-popup .fileuploader-popup-move:hover {
		opacity: 1;
	}
	.fileuploader-popup .fileuploader-popup-move:after {
		position: absolute;
	}
	.fileuploader-popup .fileuploader-popup-move[data-action="next"] {
		left: auto;
		right: 0;
	}
	.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move {
		display: inline-block;
	}
	.fileuploader-popup .fileuploader-cropper {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(17, 20, 27, 0.65);
		z-index: 9;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		z-index: 2;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after,
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before {
		content: "";
		position: absolute;
		border: 1px solid rgba(250, 250, 250, 0.8);
		opacity: 0;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		z-index: 1;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before {
		top: 0;
		left: 50%;
		height: 100%;
		width: 34%;
		border-top: 0;
		border-bottom: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after {
		top: 50%;
		left: 0;
		height: 34%;
		width: 100%;
		border-left: 0;
		border-right: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:after,
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:before {
		opacity: 1;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point {
		position: absolute;
		width: 24px;
		height: 24px;
		z-index: 3;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after {
		content: "";
		width: 12px;
		height: 12px;
		position: absolute;
		background: #fff;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
		border-radius: 50%;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-a {
		top: -12px;
		left: -12px;
		cursor: nw-resize;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-b {
		top: -12px;
		left: 50%;
		margin-left: -12px;
		cursor: n-resize;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-c {
		top: -12px;
		right: -12px;
		cursor: ne-resize;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-d {
		top: 50%;
		right: -12px;
		margin-top: -12px;
		cursor: w-resize;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-e {
		bottom: -12px;
		right: -12px;
		cursor: nw-resize;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-f {
		bottom: -12px;
		left: 50%;
		margin-left: -12px;
		cursor: s-resize;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-g {
		bottom: -12px;
		left: -12px;
		cursor: sw-resize;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-h {
		left: -12px;
		top: 50%;
		margin-top: -12px;
		cursor: w-resize;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 2;
		cursor: move;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(255, 255, 255, 0.8);
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image img {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transform-origin: top left;
		transform-origin: top left;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-info {
		position: absolute;
		bottom: -12px;
		left: 50%;
		color: #fff;
		font-family: sans-serif;
		line-height: 1;
		font-size: 12px;
		text-align: center;
		padding: 4px 8px;
		background: rgba(0, 0, 0, 0.6);
		border-radius: 14px;
		white-space: nowrap;
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(100%);
		transform: translateX(-50%) translateY(100%);
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		z-index: 2;
	}
	.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.show-info .area-info {
		opacity: 0;
	}
	@media all and (max-width: 768px) {
		.fileuploader-popup .fileuploader-popup-header {
			display: block;
			padding: 0;
		}
		.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta {
			padding: 16px;
		}
		.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons {
			position: fixed;
			left: 0;
			bottom: 16px;
			width: 100%;
			margin: 0;
			text-align: center;
		}
		.fileuploader-popup .fileuploader-popup-node {
			padding-left: 16px;
			padding-right: 16px;
			padding-bottom: 117px;
		}
		.fileuploader-popup .fileuploader-popup-footer {
			bottom: 61px;
			background: 0 0;
		}
		.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer {
			display: none;
		}
		.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a:hover {
			border-color: transparent;
		}
		.fileuploader-popup .fileuploader-popup-move {
			width: 30px;
		}
		.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node {
			padding-left: 30px;
			padding-right: 30px;
		}
	}
	@-webkit-keyframes fileuploaderFadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	@keyframes fileuploaderFadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
    /**
 * fileuploader
 * Copyright (c) 2020 Innostudio.de
 * Website: https://innostudio.de/fileuploader/
 * Version: 2.2 (12 Mar 2020)
 * License: https://innostudio.de/fileuploader/documentation/#license
 */
 @font-face {
	font-family:'font-fileuploader';
	src:url('fonts/font-fileuploader.ttf?yhe2ig') format('truetype'),
	url('fonts/font-fileuploader.woff?yhe2ig') format('woff'),
	url('fonts/font-fileuploader.svg?yhe2ig#font-fileuploader') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
   }
   [class^="fileuploader-icon-"],
   [class*=" fileuploader-icon-"] {
	display:inline-block;
	font-family:'font-fileuploader' !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
   }
   .fileuploader-icon-main:before {
	content:"\e900";
   }
   .fileuploader-icon-alert:before {
	content:"\e901";
   }
   .fileuploader-icon-calendar:before {
	content:"\e902";
   }
   .fileuploader-icon-camera:before {
	content:"\e903";
   }
   .fileuploader-icon-success:before {
	content:"\e904";
   }
   .fileuploader-icon-arrow-left:before {
	content:"\e905";
   }
   .fileuploader-icon-arrow-right:before {
	content:"\e906";
   }
   .fileuploader-icon-crop:before {
	content:"\e908";
   }
   .fileuploader-icon-download:before {
	content:"\e909";
   }
   .fileuploader-icon-edit:before {
	content:"\e90a";
   }
   .fileuploader-icon-external:before {
	content:"\e90b";
   }
   .fileuploader-icon-eye:before {
	content:"\e90c";
   }
   .fileuploader-icon-file:before {
	content:"\e90d";
   }
   .fileuploader-icon-video:before {
	content:"\e90f";
   }
   .fileuploader-icon-folder:before {
	content:"\e910";
   }
   .fileuploader-icon-help:before {
	content:"\e911";
   }
   .fileuploader-icon-image:before {
	content:"\e912";
   }
   .fileuploader-icon-link:before {
	content:"\e913";
   }
   .fileuploader-icon-message:before {
	content:"\e914";
   }
   .fileuploader-icon-menu:before {
	content:"\e915";
   }
   .fileuploader-icon-sort:before {
	content:"\e916";
   }
   .fileuploader-icon-audio:before {
	content:"\e917";
   }
   .fileuploader-icon-plus:before {
	content:"\e918";
   }
   .fileuploader-icon-retry:before {
	content:"\e919";
   }
   .fileuploader-icon-rotate:before {
	content:"\e91a";
   }
   .fileuploader-icon-save:before {
	content:"\e91b";
   }
   .fileuploader-icon-search:before {
	content:"\e91c";
   }
   .fileuploader-icon-settings:before {
	content:"\e91d";
   }
   .fileuploader-icon-share:before {
	content:"\e91e";
   }
   .fileuploader-icon-deny:before {
	content:"\e91f";
   }
   .fileuploader-icon-trash:before {
	content:"\e920";
   }
   .fileuploader-icon-upload:before {
	content:"\e921";
   }
   .fileuploader-icon-user:before {
	content:"\e922";
   }
   .fileuploader-icon-remove:before {
	content:"\e923";
   }
   .fileuploader-icon-zoom-in:before {
	content:"\e924";
   }
   .fileuploader-icon-zoom-out:before {
	content:"\e925";
   }


   .ghabli {
position: absolute;
bottom: 1em;    
right:1em;
background: #fed12e;
color: #333;
padding: .5em 1em;
border-radius: 1em;
cursor: pointer;
font-family: YekanBakh;
}

   
   .baddi {
    position: absolute;
    bottom: 1em;    
    left:1em;
    background: #fed12e;
    color: #333;
    padding: .5em 1em;
    border-radius: 1em;
    cursor: pointer;

      }

      .ghabli:hover, .baddi:hover {
        background: #ccc;
      }


      .btn-final{
        background: #fed12e;
        cursor: pointer;
        display: block;
        border:none;
        margin: 0 auto;
        margin-top: 1em;
        padding: .5em 1em;
        font-family: YekanBakh;
      }

      .btn-final:hover {
        background: #ccc;
      }



      .section-right {
        float:right;
        width: 65%;
        margin-left: 5%
      }


      .section-left {
        float:left;
        width: 30%;

      }









      .select2-container {
        width: 100% !important;
    }
    .select2-container--default .select2-selection--single {
        background-color: #f7f8fa !important;
        padding: .25rem .75rem;
        border: none;
    }
    
    
    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #72727d !important;
        font-size: 1em !important;
    }
    
    .select2-container .select2-selection--single {
        height: 40px !important;
    }
    
    .select2-container--default .select2-selection--single {
      border: 1px solid #eee;
    }
    
    
    
    
    
    .select2-container{
      box-sizing:border-box;
      display:inline-block;
      margin:0;
      position:relative;
      vertical-align:middle;
      font-family: yekanBakh;

    }
    .select2-container .select2-selection--single{
      box-sizing:border-box;
      cursor:pointer;
      display:block;
      height:28px;
      user-select:none;
      -webkit-user-select:none;
      font-size: .85em;
    }
    .select2-container .select2-selection--single .select2-selection__rendered{
      display:block;
      padding-left:8px;
      padding-right:20px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap
    }
    .select2-container .select2-selection--single .select2-selection__clear{
      position:relative
    }
    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
      padding-right:8px;
      padding-left:20px
    }
    .select2-container .select2-selection--multiple{
      box-sizing:border-box;
      cursor:pointer;
      display:block;
      min-height:32px;
      user-select:none;
      -webkit-user-select:none
    }
    .select2-container .select2-selection--multiple .select2-selection__rendered{
      display:inline-block;
      overflow:hidden;
      padding-left:8px;
      text-overflow:ellipsis;
      white-space:nowrap
    }
    .select2-container .select2-search--inline{
      float:left
    }
    .select2-container .select2-search--inline .select2-search__field{
      box-sizing:border-box;
      border:none;
      font-size:100%;
      margin-top:5px;
      padding:0
    }
    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{
      -webkit-appearance:none
    }
    .select2-dropdown{
      background-color:white;
      border:1px solid #aaa;
      border-radius:4px;
      box-sizing:border-box;
      display:block;
      position:absolute;
      left:-100000px;
      width:100%;
      z-index:1051
    }
    .select2-results{
      display:block
    }
    .select2-results__options{
      list-style:none;
      margin:0;
      padding:0
    }
    .select2-results__option{
      padding:6px;
      user-select:none;
      -webkit-user-select:none
    }
    .select2-results__option[aria-selected]{
      cursor:pointer
    }
    .select2-container--open .select2-dropdown{
      left:0;
      font-size: .85em;
    
    }
    .select2-container--open .select2-dropdown--above{
      border-bottom:none;
      border-bottom-left-radius:0;
      border-bottom-right-radius:0
    }
    .select2-container--open .select2-dropdown--below{
      border-top:none;
      border-top-left-radius:0;
      border-top-right-radius:0
    }
    .select2-search--dropdown{
      display:block;
      padding:4px
    }
    .select2-search--dropdown .select2-search__field{
      padding:4px;
      width:100%;
      box-sizing:border-box
    }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{
      -webkit-appearance:none
    }
    .select2-search--dropdown.select2-search--hide{
      display:none
    }
    .select2-close-mask{
      border:0;
      margin:0;
      padding:0;
      display:block;
      position:fixed;
      left:0;
      top:0;
      min-height:100%;
      min-width:100%;
      height:auto;
      width:auto;
      opacity:0;
      z-index:99;
      background-color:#fff;
      filter:alpha(opacity=0)
    }
    .select2-hidden-accessible{
      border:0 !important;
      clip:rect(0 0 0 0) !important;
      -webkit-clip-path:inset(50%) !important;
      clip-path:inset(50%) !important;
      height:1px !important;
      overflow:hidden !important;
      padding:0 !important;
      position:absolute !important;
      width:1px !important;
      white-space:nowrap !important
    }
    .select2-container--default .select2-selection--single{
      background-color:#fff;
      border:1px solid #ddd;
      border-radius:4px;
    
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
      color:#444;
      line-height:28px;
      text-align:right;
    }
    .select2-container--default .select2-selection--single .select2-selection__clear{
      cursor:pointer;
      float:right;
      font-weight:bold
    }
    .select2-container--default .select2-selection--single .select2-selection__placeholder{
      color:#999;
      float:right;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow{
      height:26px;
      position:absolute;
      top:1px;
      right:1px;
      width:20px
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b{
      border-color:#888 transparent transparent transparent;
      border-style:solid;
      border-width:5px 4px 0 4px;
      height:0;
      left:50%;
      margin-left:-4px;
      margin-top:-2px;
      position:absolute;
      top:50%;
      width:0
    }
    .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{
      float:left
    }
    .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{
      left:1px;
      right:auto
    }
    .select2-container--default.select2-container--disabled .select2-selection--single{
      background-color:#eee;
      cursor:default
    }
    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{
      display:none
    }
    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
      border-color:transparent transparent #888 transparent;
      border-width:0 4px 5px 4px
    }
    .select2-container--default .select2-selection--multiple{
      background-color:white;
      border:1px solid #aaa;
      border-radius:4px;
      cursor:text
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered{
      box-sizing:border-box;
      list-style:none;
      margin:0;
      padding:0 5px;
      width:100%;
    
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
      list-style:none
    }
    .select2-container--default .select2-selection--multiple .select2-selection__placeholder{
      color:#999;
      margin-top:5px;
      float:left
    }
    .select2-container--default .select2-selection--multiple .select2-selection__clear{
      cursor:pointer;
      float:right;
      font-weight:bold;
      margin-top:5px;
      margin-right:10px
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice{
      background-color:#e4e4e4;
      border:1px solid #aaa;
      border-radius:4px;
      cursor:default;
      float:left;
      margin-right:5px;
      margin-top:5px;
      padding:0 5px
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
      color:#999;
      cursor:pointer;
      display:inline-block;
      font-weight:bold;
      margin-right:2px
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
      color:#333
    }
    .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{
      float:right
    }
    .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
      margin-left:5px;
      margin-right:auto
    }
    .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
      margin-left:2px;
      margin-right:auto
    }
    .select2-container--default.select2-container--focus .select2-selection--multiple{
      border:solid black 1px;
      outline:0
    }
    .select2-container--default.select2-container--disabled .select2-selection--multiple{
      background-color:#eee;
      cursor:default
    }
    .select2-container--default.select2-container--disabled .select2-selection__choice__remove{
      display:none
    }
    .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{
      border-top-left-radius:0;
      border-top-right-radius:0
    }
    .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
      border-bottom-left-radius:0;
      border-bottom-right-radius:0
    }
    .select2-container--default .select2-search--dropdown .select2-search__field{
      border:1px solid #aaa
    }
    .select2-container--default .select2-search--inline .select2-search__field{
      background:transparent;
      border:none;
      outline:0;
      box-shadow:none;
      -webkit-appearance:textfield
    }
    .select2-container--default .select2-results>.select2-results__options{
      max-height:200px;
      overflow-y:auto;
      text-align:right;
      direction:rtl;
    
    }
    .select2-container--default .select2-results__option[role=group]{
      padding:0
    }
    .select2-container--default .select2-results__option[aria-disabled=true]{
      color:#999
    }
    .select2-container--default .select2-results__option[aria-selected=true]{
      background-color:#ddd
    }
    .select2-container--default .select2-results__option .select2-results__option{
      padding-right:1em
    }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__group{
      padding-right:0
    }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option{
      margin-right:-1em;
      padding-right:2em
    }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
      margin-right:-2em;
      padding-right:3em
    }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
      margin-right:-3em;
      padding-right:4em
    }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
      margin-right:-4em;
      padding-right:5em
    }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
      margin-right:-5em;
      padding-right:6em
    }
    .select2-container--default .select2-results__option--highlighted[aria-selected]{
      background-color:#5897fb;
      color:white
    }
    .select2-container--default .select2-results__group{
      cursor:default;
      display:block;
      padding:6px
    }
    .select2-container--classic .select2-selection--single{
      background-color:#f7f7f7;
      border:1px solid #aaa;
      border-radius:4px;
      outline:0;
      background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);
      background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);
      background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);
      background-repeat:repeat-x;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
    }
    .select2-container--classic .select2-selection--single:focus{
      border:1px solid #5897fb
    }
    .select2-container--classic .select2-selection--single .select2-selection__rendered{
      color:#444;
      line-height:28px
    }
    .select2-container--classic .select2-selection--single .select2-selection__clear{
      cursor:pointer;
      float:right;
      font-weight:bold;
      margin-right:10px
    }
    .select2-container--classic .select2-selection--single .select2-selection__placeholder{
      color:#999
    }
    .select2-container--classic .select2-selection--single .select2-selection__arrow{
      background-color:#ddd;
      border:none;
      border-left:1px solid #aaa;
      border-top-right-radius:4px;
      border-bottom-right-radius:4px;
      height:26px;
      position:absolute;
      top:1px;
      right:1px;
      width:20px;
      background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);
      background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);
      background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);
      background-repeat:repeat-x;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
    }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b{
      border-color:#888 transparent transparent transparent;
      border-style:solid;
      border-width:5px 4px 0 4px;
      height:0;
      left:50%;
      margin-left:-4px;
      margin-top:-2px;
      position:absolute;
      top:50%;
      width:0
    }
    .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{
      float:left
    }
    .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{
      border:none;
      border-right:1px solid #ddd;
      border-radius:0;
      border-top-left-radius:4px;
      border-bottom-left-radius:4px;
      left:1px;
      right:auto
    }
    .select2-container--classic.select2-container--open .select2-selection--single{
      border:1px solid #5897fb
    }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{
      background:transparent;
      border:none
    }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{
      border-color:transparent transparent #888 transparent;
      border-width:0 4px 5px 4px
    }
    .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{
      border-top:none;
      border-top-left-radius:0;
      border-top-right-radius:0;
      background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);
      background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);
      background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);
      background-repeat:repeat-x;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
    }
    .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{
      border-bottom:none;
      border-bottom-left-radius:0;
      border-bottom-right-radius:0;
      background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);
      background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);
      background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);
      background-repeat:repeat-x;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
    }
    .select2-container--classic .select2-selection--multiple{
      background-color:white;
      border:1px solid #ddd;
      border-radius:4px;
      cursor:text;
      outline:0
    }
    .select2-container--classic .select2-selection--multiple:focus{
      border:1px solid #5897fb
    }
    .select2-container--classic .select2-selection--multiple .select2-selection__rendered{
      list-style:none;
      margin:0;
      padding:0 5px
    }
    .select2-container--classic .select2-selection--multiple .select2-selection__clear{
      display:none
    }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice{
      background-color:#e4e4e4;
      border:1px solid #ddd;
      border-radius:4px;
      cursor:default;
      float:left;
      margin-right:5px;
      margin-top:5px;
      padding:0 5px
    }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{
      color:#888;
      cursor:pointer;
      display:inline-block;
      font-weight:bold;
      margin-right:2px
    }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{
      color:#555
    }
    .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
      float:right
    }
    .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
      margin-left:5px;
      margin-right:auto
    }
    .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
      margin-left:2px;
      margin-right:auto
    }
    .select2-container--classic.select2-container--open .select2-selection--multiple{
      border:1px solid #5897fb
    }
    .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{
      border-top:none;
      border-top-left-radius:0;
      border-top-right-radius:0
    }
    .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{
      border-bottom:none;
      border-bottom-left-radius:0;
      border-bottom-right-radius:0
    }
    .select2-container--classic .select2-search--dropdown .select2-search__field{
      border:1px solid #ddd;
      outline:0;
      direction: rtl;
      text-align:right;
    }
    .select2-container--classic .select2-search--inline .select2-search__field{
      outline:0;
      box-shadow:none
    }
    .select2-container--classic .select2-dropdown{
      background-color:#fff;
      border:1px solid transparent
    }
    .select2-container--classic .select2-dropdown--above{
      border-bottom:none
    }
    .select2-container--classic .select2-dropdown--below{
      border-top:none
    }
    .select2-container--classic .select2-results>.select2-results__options{
      max-height:200px;
      overflow-y:auto
    }
    .select2-container--classic .select2-results__option[role=group]{
      padding:0
    }
    .select2-container--classic .select2-results__option[aria-disabled=true]{
      color:grey
    }
    .select2-container--classic .select2-results__option--highlighted[aria-selected]{
      background-color:#3875d7;
      color:#fff
    }
    .select2-container--classic .select2-results__group{
      cursor:default;
      display:block;
      padding:6px
    }
    .select2-container--classic.select2-container--open .select2-dropdown{
      border-color:#5897fb
    }

    .select2-dropdown  {
      z-index: 99999;
    }




    .jalase-add {
      float: right;
      width: 35%;
      margin-left: 5%;
      background: #fff;
      padding: 1em;
    }

    .jalase-list {
      float: left;
      width: 60%;
    }

    .webinar-two{
      width: 100%
    }



    nav.main.fxd ul.panel a.transparent {
      color: #777 !important
    }



    .section-main-50{
      float:right;
      width: 45%;
      margin: 0 2.5%;
    }

    .create-chapter {
      float: right
    }
    #resultschapters {
      border-top: 1px solid #777;
      padding: 1em;
      overflow: scroll;
      max-height: 20em;
      width:100%
    }


    .chapterstyle{
      background: #fff;
      margin-bottom: 1em;
      padding: .25em 1em;
      border-right: 3px solid #3647d2;
    }     

    .subchapterstyle {

      background: #fff;
margin: 1em;
padding: .25em .5em;
border-radius: 1em;
border: 3px solid #ccc;
  }



    .subsubchapterstyle{
      box-shadow: 0 2px 4px rgba(0,0,0,.1);
      background: #fff;
      margin-right: 1em;
      margin-bottom: 1em;
      padding: 1em;
    }

    .ticket-side {
      float: left;
      width: 30%;
      background-color: #fff;
      padding: 1em;
      border-radius: 1em;
    }

    .ticket-main {
      float: left;
      width: 65%;
      margin-left: 5%;
    }

    .ticket-main h4 {
      border-bottom: 1px solid #ddd;
      font-family: YekanBakh;
    }


    .faq-boxadd {
      float: left;
      background-color: #fff;
      padding: 1em;
      border-radius: 1em;
      width:30%
    }

    .width100 {
      width:100%
    } 

    .addboxchapter{
      background: #eee;
      border-radius: .5em;
      padding: .3em 1em;
    }

    .additemchapter{
      padding: .3em 1em;
      float:right;
      margin-top: .5em;
      width: 100%;
        }

        .additemchapter a {
          background: #fff;
          padding: .2em;
          margin-right: .5em;
          border-radius: .5em;
          cursor: pointer;
      }
.additemchapter label {
  font-weight: bold;
  margin-left: .5em;
}


    #add_teacher, #add_organizer {
      z-index: 99999;
      background: #fff;
      box-shadow: 0 2px 4px rgba(0,0,0,.1);
      padding: 2em;
    }


    #add_teacher h2, #add_organizer h2 {
      font-size: 1.25em;
    }

    .faktor {
      border: 1px solid #333;
      padding: 1em;
      border: 3px solid #999;
      width: 100%;
margin: 0 auto;
    }

    .faktor h4  {
      text-align: center;
    }

    .faktor h4 span {
      background: #fff;
      color: #333;
      border-radius: 1em;
      padding: .25em .75em;
      font-size: .9em;
      font-family: YekanBakh;
        }

        .themes {
          display: grid;
          grid-template-columns:repeat(4,1fr);
          grid-gap: 2em;
          margin-top: 1em
        }

        .theme-section {
          cursor: pointer;
        }     


        .theme-section img {
          width: 100%;
          border-radius: 1em;
         }     
 
        .theme-section label {
          font-size: .9em;
          font-family: YekanBakh;
        }

        .faktor table {
          font-size: 1.2em;
          width: 100%;
            }

            .faktor table tr {
              padding: 1em;
                }
            .faktor table tr:nth-child(even) {
              background: #fff;
                }


    .add_organizer, .add_teacher {
      background: #fe6262;
      color:#fff;
      cursor: pointer;
      padding: 0 .5em;
      border-radius: .5em;
      margin-top:.25em;
      float: right;
    }

    .add_organizer:hover, .add_teacher:hover {
      background: #fff;
      color:#333;
    }


    .organizer-title {
      background: #630e55;
      color: #fff;
      border-radius: 1em;
      font-size: 1.1em;
      padding: .2em .75em;
      margin: 1em 2em;
      line-height: 1.2;
      font-family: YekanBakh;
    }

   .side-img {
      float: right;
      margin-left: .5em;
      margin-right: 2em;
    }

    
    .side-desc {
      float: right;
      margin-left: 5%;
      text-align: right;
      height: 4.5em;
      display: flex;
      align-items: center; 
      flex-direction: column;
      justify-content: center;
      }
  
    .side-desc .name{
      font-size: 1.5em;
      font-weight: 700;
      width: 100%;
      color: #333;    }

      .side-desc .name:hover{
        color: #630e55
      }


    .side-desc .slogen{
      font-size: 1em;
      width: 100%;
     }
      
  
  .workshop-widget-buyold {
    border: .2em solid #630e55;
    border-radius: .5em;
    display: block;
    padding: .25em;
    text-align: center;
    font-weight: 700;
    width: 80%;
    margin: 1em auto .75em auto;

  }


  .side-title {
    color: #333;
    font-size: 1.1em;
    line-height: 1.2;
    border-top: 1px solid #dee2e6 !important;
    padding-top: 1em;
    padding-bottom: .5rem !important;
      margin-top: .75rem !important;
}

.es__webinarContent-multiTeacher{
  display: block;
  margin-bottom: 1em;
  height: 3.5em;
}

.teacher-name{
  font-weight: 700;
}




.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-family:yekanBakh;
  font-size: .9em;
  font-weight:300;

}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/

}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 400px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 400px;
  margin: auto;
    position: relative;
    top: 10px;
    right:47%;
    margin-right:100px;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media  all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media  all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media  all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

@-webkit-keyframes passing-through{
  0%{
      opacity:0;
      -webkit-transform:translateY(40px);
      -moz-transform:translateY(40px);
      -ms-transform:translateY(40px);
      -o-transform:translateY(40px);
      transform:translateY(40px)
  }
  30%, 70%{
      opacity:1;
      -webkit-transform:translateY(0px);
      -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
      -o-transform:translateY(0px);
      transform:translateY(0px)
  }
  100%{
      opacity:0;
      -webkit-transform:translateY(-40px);
      -moz-transform:translateY(-40px);
      -ms-transform:translateY(-40px);
      -o-transform:translateY(-40px);
      transform:translateY(-40px)
  }
}
@-moz-keyframes passing-through{
  0%{
      opacity:0;
      -webkit-transform:translateY(40px);
      -moz-transform:translateY(40px);
      -ms-transform:translateY(40px);
      -o-transform:translateY(40px);
      transform:translateY(40px)
  }
  30%, 70%{
      opacity:1;
      -webkit-transform:translateY(0px);
      -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
      -o-transform:translateY(0px);
      transform:translateY(0px)
  }
  100%{
      opacity:0;
      -webkit-transform:translateY(-40px);
      -moz-transform:translateY(-40px);
      -ms-transform:translateY(-40px);
      -o-transform:translateY(-40px);
      transform:translateY(-40px)
  }
}
@keyframes passing-through{
  0%{
      opacity:0;
      -webkit-transform:translateY(40px);
      -moz-transform:translateY(40px);
      -ms-transform:translateY(40px);
      -o-transform:translateY(40px);
      transform:translateY(40px)
  }
  30%, 70%{
      opacity:1;
      -webkit-transform:translateY(0px);
      -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
      -o-transform:translateY(0px);
      transform:translateY(0px)
  }
  100%{
      opacity:0;
      -webkit-transform:translateY(-40px);
      -moz-transform:translateY(-40px);
      -ms-transform:translateY(-40px);
      -o-transform:translateY(-40px);
      transform:translateY(-40px)
  }
}
@-webkit-keyframes slide-in{
  0%{
      opacity:0;
      -webkit-transform:translateY(40px);
      -moz-transform:translateY(40px);
      -ms-transform:translateY(40px);
      -o-transform:translateY(40px);
      transform:translateY(40px)
  }
  30%{
      opacity:1;
      -webkit-transform:translateY(0px);
      -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
      -o-transform:translateY(0px);
      transform:translateY(0px)
  }
}
@-moz-keyframes slide-in{
  0%{
      opacity:0;
      -webkit-transform:translateY(40px);
      -moz-transform:translateY(40px);
      -ms-transform:translateY(40px);
      -o-transform:translateY(40px);
      transform:translateY(40px)
  }
  30%{
      opacity:1;
      -webkit-transform:translateY(0px);
      -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
      -o-transform:translateY(0px);
      transform:translateY(0px)
  }
}
@keyframes slide-in{
  0%{
      opacity:0;
      -webkit-transform:translateY(40px);
      -moz-transform:translateY(40px);
      -ms-transform:translateY(40px);
      -o-transform:translateY(40px);
      transform:translateY(40px)
  }
  30%{
      opacity:1;
      -webkit-transform:translateY(0px);
      -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
      -o-transform:translateY(0px);
      transform:translateY(0px)
  }
}
@-webkit-keyframes pulse{
  0%{
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1)
  }
  10%{
      -webkit-transform:scale(1.1);
      -moz-transform:scale(1.1);
      -ms-transform:scale(1.1);
      -o-transform:scale(1.1);
      transform:scale(1.1)
  }
  20%{
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1)
  }
}
@-moz-keyframes pulse{
  0%{
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1)
  }
  10%{
      -webkit-transform:scale(1.1);
      -moz-transform:scale(1.1);
      -ms-transform:scale(1.1);
      -o-transform:scale(1.1);
      transform:scale(1.1)
  }
  20%{
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1)
  }
}
@keyframes pulse{
  0%{
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1)
  }
  10%{
      -webkit-transform:scale(1.1);
      -moz-transform:scale(1.1);
      -ms-transform:scale(1.1);
      -o-transform:scale(1.1);
      transform:scale(1.1)
  }
  20%{
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1)
  }
}


.right-50{
  float:right;
  width:50%
}

.left-50{
  float:right;
  width:50%
}

.right-50 select {
  width: 100%
}

#name {
  margin-bottom: 1em
}

.reqwebinar{
  cursor: pointer;
}

.main-right {
  width: 45%;
  float: right;
  border: 1px solid #ccc;
  padding: 2.5%;
  margin: 2.5%;
  border-radius: .5em;
}


.main-right h4, .main-left h4  {
  font-size: 1.5em;
  font-weight: bold;
  border-right: 3px solid #9e0084;
  padding-bottom: .2em;
  padding-right: .5em;
  color: #9e0084;
}
.main-left {
  width:45%;
  float: left;
  border: 1px solid #ccc;
  padding: 2.5%;
  margin: 2.5%;
  border-radius: .5em;
}

.main-content table{
  width: 100%
}

.main-content table img{
  width: 3em;
  height: 3em;

}

.main-content table td{
  padding: .5em
}

.main-content table tbody > tr:nth-child(even){
  background: #fff
}


.deposit-box, .withdraw-box {
  width:30%
}
.btn-withdraw{
  margin-right: 1em
}


.main-pending {
  float:right;
  padding: 1em;
  width: 100%;
  background: #fff;
  border-radius: 1em;
}

.main-pending h4 {
    background: #eee;
    padding: .25em .5em;
    font-weight: bold;
}

.create_date_right {
  float: right;
  width: 50%;
}

.create_date_left {
  float: left;
  width: 45%;
}

.create_webinar_right1 {
  float: right;
  width: 30%;
}

.create_webinar_right2 {
  float: right;
  margin-right: 5%;
  width: 30%;
}


.create_webinar_left {
  float: left;
  width: 30%;
}

.btn-storejalase {
  background: #eee;
  padding: .5em;
  float: left;
  color: #333;
  cursor: pointer;
  border-radius: .5em;
  font-family: YekanBakh;
}

.btn-storejalase:hover {
  background: #3647D2;
  color: #fff
}


.jalase {
  background: #fff;
  padding: 1em;
  border-radius: 1em;
  border-right: 2px solid #ffb300;
  border-left: 2px solid #ffb300;
  margin-bottom: 1em;
}

.jalase::after {
  content: "";
  clear: both;
  display: table;
}


.jalase span {
  font-weight: bold;
}

.jalasename {
  color: #555;
  padding-bottom: .5em;
  font-family: YekanBakh;
}
.jalasedate {
  float: right;
  background: #eee;
  color: #333;
  padding: .05em .5em;
  margin-left: 1em;
  border-radius: 1em;
  margin-bottom: .75em;
  font-family: YekanBakh;
}

.jalasedate.ans {
  background: #0FC477;
}

.jalasestart {
  float: right;
  background: #eee;
  color: #333;
  padding: .05em .5em;
  margin-left: 1em;

}
.jalaseend {
  float: right;
  background: #eee;
  color: #333;
  padding: .05em .5em;
  margin-left: 1em;
}


.jalaseedit {
  background: #eee;
  color: #111;
  border-radius: 1em;
  padding: 0 .5em;
  cursor: pointer;
  margin: 0 .2em
}


.jalaseremove{
  background: #eee;
  color: #111;
  border-radius: 1em;
  padding: 0 .5em;
  cursor: pointer;
  margin: 0 .2em
}

.jalaseedit:hover , .jalaseremove:hover{
  background-color: #17a2b8;
  color: #fff
}





.discountitem{
  background: #fff;
  padding: 1em;
  border-radius: 1em;
  margin-bottom: 1em;
  border-right: 2px solid #3647D2;
}

.jalase-info {
  float: right;
  width: 100%;
}

.jalase-right {
  float: right;
  width: 80%;
}

.jalase-left {
  float: left;
  font-family: yekanbakh;
}

.ticketitem {
padding: .75em;
border-radius: .5em;
margin-bottom: 1em;
border: .25em solid #ddd;
float: right;
width: 100%;
}

.btndiscount {
  width: 100%;
  text-align: center;
  display: block;
  background: #eee;
  padding: .5em;
  border-radius: 1em;
  color: #333;
  font-weight: bold;
  cursor: pointer;
}

.bd-hide {
	display: none;
}

.bd-main {
	background-color: #FFF;
	border: 1px solid #000;
	padding: 5px;
	z-index: 9999;
	width: auto !important;
	margin: 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bd-calendar {
	width: 210px;
	padding: 0;
	margin: 0;
}

.bd-title {
	width: 210px;
	padding: 0;
	margin: 0;
}

.bd-calendar table {
	border: none;
	width: 210px;
}

.bd-dropdown {
	display: inline-block;
	float: right;
	width: 75px;
}

.bd-dropdown select {
	width: 100%;
	height: 30px;
	border: none;
	cursor: pointer;
}

.bd-next, .bd-prev {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #FFF;
	height: 30px;
	width: 30px;
	margin: 0;
	padding: 0;
	border: none;
	display: inline-block;
	float: right;
}

.bd-table thead {
	background-color: #555555;
	color: #FFF;
}

.bd-table thead tr {
	height: 30px;
	cursor: context-menu;
}

.bd-table thead tr th {
	text-align: center;
}

.bd-table tbody tr td {
	border: none;
}

.bd-empty-cell {
	width: 30px;
	height: 30px;
}

.bd-table-days button {
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-color: #F8F8F8;
	border: 0;
}

.bd-table-days button:hover {
	color: red;
	font-weight: bold;
	background-color: #E7E7E7;
}

.bd-today {
	background-color: #DFF0D8 !important;
	color: green;
}

.bd-holiday {
    background-color: #FDE8E8 !important;
}

.bd-selected-day {
	color: red;
	font-weight: bold;
}

.bd-goto-today {
	width: 210px;
	height: 30px;
	color: #FFF;
	background-color: #555555;
	padding-top: 5px;
	cursor: pointer;
	text-align: center;
}

.timepicker {
  width: 100%;
  color: #808080;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.timepicker__result,
.timepicker__result2 {
  background: #E8E8E8;
  border: solid 1px #D6D6D6;
  padding: 1em;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}

.timepicker__result:after,
.timepicker__result2:after {
  content: "";
  display: table;
  clear: both;
}

.timepicker__result-time, .timepicker__result-icon,
.timepicker__result-time2, .timepicker__result-icon2  {
  float: left;
}

.timepicker__result-time,
.timepicker__result-time2 {
  width: 90%;
  border-right: solid 2px #D6D6D6;
}

.timepicker__result-icon,
.timepicker__result-icon2 {
  width: 10%;
  padding-left: 0.7em;
}

.timepicker__times,
.timepicker__times2 {
  width: 100%;
  border: solid 1px #D6D6D6;
  border-top: none;
  display: none;
  max-height: 150px;
  overflow: hidden;
  overflow-y: auto;
}

.timepicker__times::-webkit-scrollbar,
.timepicker__times2::-webkit-scrollbar {
  width: 1em;
}

.timepicker__times::-webkit-scrollbar-track,
.timepicker__times2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.timepicker__times::-webkit-scrollbar-thumb,
.timepicker__times2::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.timepicker__time,
.timepicker__time2 {
  border-bottom: solid 1px #D6D6D6;
}

.timepicker__time:after,
.timepicker__time2:after {
  content: "";
  display: table;
  clear: both;
}

.timepicker__time:last-child,
.timepicker__time2:last-child {
  border: none;
}

.timepicker__time-hour, .timepicker__time-minutes,
.timepicker__time-hour2, .timepicker__time-minutes2 {
  float: left;
  cursor: pointer;
  direction:ltr
}

.timepicker__time-hour,
.timepicker__time-hour2 {
  width: 30%;
  background: #D6D6D6;
  text-align: center;
  font-weight: bold;
}


.timepicker__time-minutes,
.timepicker__time-minutes2 {
  width: 70%;
  text-align: center;
}

.timepicker__time-minute,
.timepicker__time-minute2 {
    display:inline-block;
    width: 15% !important;
    padding: 1em;
    font-weight: bold;
}


.section-name, .subsection-name, .subsubsection-name {
  float: right;
  width: 80%;
  color: #333
}


.section-name span, .subsection-name span , .subsubsection-name span  {
  font-weight: bold;
}

.section-btn, .subsection-btn, .subsubsection-btn {
  float: left;
}



.create-chapter {
  background: #fff;
  float: right;
  padding: .5em 1em;
  border-radius: .5em;
}

.create-chapter a {
  background: #eee;
  border-radius: .5em;
  margin-right: .5em;
  padding: .25em;
}

.createsubchapter{
  background: #eee;
  float: right;
  border-radius: .5em;
  padding: 0 1em
}

.resultzirbakhs{
  float: right;
  width: 100%;
}

.faq-main {
  float: left;
  width: 65%;
  margin-left: 5%;
}

.faq-main h4 {
  border-bottom: 1px solid #ddd;
}

.faq-question{
  width: 100%;
  display: block;
  color: #333;
  background: #eee;
  padding: .25em .5em;
  border-radius: 5px;
  margin-bottom: .5em;
}

.faq-answer{
  color: #333;
}

.faqq {
  background: #fff;
  border: 1px solid #ccc;
  padding: 0.5em;
  margin-bottom: 1em;
}

.faqq span {
  font-weight: bold;
}


#resultsfaqs {
  border-top: 1px solid #777;
  padding: .5em;
  overflow: scroll;
  max-height: 25em;
  width: 100%;
}

.faqq .content {
  font-size: 1em;

}

.faqbtn{
  float: left;
}

.create_webinar_left .select2-selection--multiple{
  margin-top: .5em;
}
 
.btn-ticket {
  width: 100%;
  text-align: center;
  display: block;
  background: #eee;
  padding: .5em;
  border-radius: 1em;
  color: #333;
  font-weight: bold;
  cursor: pointer;
}

.ticket-name {
  float: right;
  width: 70%;
  color:#333;
  margin-bottom: .5em;
}


.ticket-btn {
  float: left;
  color:#333;
  margin-bottom: .5em;

}


.ticket-start {
  float: right;
  color:#333;
  background: #fff;
  border-radius: .5em;
  padding: 0 .5em;
  font-size: .9em;
}


.ticket-count {
  float: right;
  color:#333;
  background: #fff;
  margin-right: .5em;
  border-radius: .5em;
  padding: 0 .5em;
  font-size: .9em;
}



.ticket-price {
  float: right;
  color:#333;
  background: #fff;
  margin-right: .5em;
  border-radius: .5em;
  padding: 0 .5em;
  font-size: .9em;
}

.ticket-video {
  float: right;
  color:#333;
  background: #fff;
  margin-right: .5em;
  border-radius: .5em;
  padding: 0 .5em;
  font-size: .9em;
}

#addRow {
  font-family: YekanBakh;
}

.theme-section {
  font-family: YekanBakh;
}





.maindata{
	float: right;
	width: 100%;
	display: block;
}

/* Set up a grid for each row  */
.term-grid {
	max-width: 100%;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 4fr 1fr;
	grid-gap: 2em;
	color: #222;
	border-bottom: 1px solid #ddd;
	padding: 1em 2em;
	font-size: .9em
}
  
  .term-grid label {
	font-weight: 800;
  }
  .term-grid label:first-child {
	text-align: right;
  }
  
  .grid-header {
	border-bottom: unset; 
	color: rgb(90, 95, 125);
background: rgb(248, 249, 251) none repeat scroll 0% 0%;
border-top: 1px solid rgb(241, 242, 246);
border-bottom: 1px solid rgb(241, 242, 246);
border-radius: 10px;
border-bottom: 1px solid #e0e0e0;
border-collapse: collapse;
  }
  
  


  @media (max-width: 600px) {
        .term-grid {
          grid-template-columns: 1fr;
          grid-gap: 0.5em;
          position: relative;
          display: block;
          padding-right: 110px;
          width: 100%;
          text-align: left;
        }
        
        .term-grid label:first-child {
          text-align: left;
          margin: 0;
        }

        .term-grid div::before {
          content: attr(data-label) "\A"; /* label + newline */
          position: absolute;
          transform: translateY(-50%);
          right: 15px;
          margin-top: 0.75em;
          display: block;
          color: #323232 !important;
        }
    }
    

    

  .grid-admin-brands{
	display: grid;
  grid-template-columns: repeat(4, 1fr);
  }

  .grid-admin-posts{
	grid-template-columns: 2% 30% 10% 10% 10% 10% 10% 10%;
  }

  .grid-account-mysurveys{
	grid-template-columns: 2% 40% 10% 10% 15% 10%
  }


  .grid-admin-users{
	grid-template-columns: 2% 10% 10% 10% 10% 10% 10% 10% 10%;
  }
  
  .grid-admin-affiliate-visits{
	grid-template-columns: 10% 10% 10% 50% 10%;
  }
  
  .grid-admin-products{
	grid-template-columns: 2% 50px 15% 10% 10% 20% 5% 20%
  }
  
  .grid-admin-orders{
	grid-template-columns: 2% 10% 10% 7.5% 7.5% 10% 10% 10% 20%;
  }


  .grid-admin-offers{
	grid-template-columns: 2% 30% 10% 8% 10% 30%;
    font-size: .75em;
  }


  .pagination {
    margin-top: 2em
  }


  .btn-action a {
    background: #fff;
    border-radius: 1em;
    padding: 0 .5em;
    margin: 0 .25em;
    cursor: pointer;
    color: #333
  }

  .btn-action a.report {
    background: #9e0084;
    color: #fff;
    transition: .7s;
  }

  .btn-action a.report:hover {
    background: #fff;
    color: #9e0084
  }


  .main_content {
      display: grid;
      grid-template-columns:repeat(2,1fr);
  }

  .answerdetails {
    border: 1px solid #333;
    width: 100%
  }

  .x_content {
    border: 1px solid #ccc
  }

  .answerdetails td {
    border: 1px solid #333
  }

  .questiondetails h3 {
    background: #fff;
    border-radius: 1em;
    padding: 0 1em;
    margin: 1em 0;
    color: #9e0084;
  }

  .questiondetails h3 span {
    background: #fff;
    border-radius: 1em;
    padding: .2em 1.5em;
    font-size: .75em;
  }



  h3.report-title  {
    background: #fff;
    border-radius: 1em;
    padding: 0 1em;
    margin: 1em 0;
    color: #9e0084;
font-weight: bold;
border: 1px solid #9e0084;
background: #9e0084;
  }

  h3.report-title span {
    background: #fff;
    border-radius: 1em;
    padding: .2em 1.5em;
    font-size: .75em;
    color: #9e0084;
font-weight: bold;
border: 1px solid #9e0084;
  }


  .image img {
    width: 100%;
  }


  .boxsurcey article {
    border: .2em solid #eee;
    margin: .5em;
    padding: 1em;
    border-radius: .3em;
    background: #fff;
    border-radius: 1em;
  }


  .boxsurcey article  .image  {
    position: relative;
  }



  .boxsurcey article  .image img {
    border: .2em solid #941b80;
    border-radius: .4em;
  }



  .boxsurcey article  .image > div {
    position: absolute;
    padding: 0 .65rem;
    height: 24px;
    line-height: 24px;
    background: rgba(33,37,51,.6);
    border-radius: 5px;
    font-size: 13px;
    color: #fff;
    font-family: Iranyekan;
  }
  
  .boxsurcey article .category  {
      margin-top:1.25em;
  }

  .boxsurcey article .category a {
    float: left;
    background-color: #eee;
    border-radius: .5em;
    color: #333;
    padding: 0 .5em;
    margin-right: .5em;
    
  }


  .boxsurcey article .category a:hover {
    background-color: #fbfbfb;
  }



  .boxsurcey article .creator {
    float: right;
  }


  .boxsurcey article .creator img {
    width: 2em;
    height: 2em;
    float: right;
    border-radius: 4em;
    margin-left: .5em
  }

  .boxsurcey article .creator a {
    color: #333;
    font-size: 1.25em;
    font-weight: bold;
  }


  .boxsurcey article  .registerbtn  {
    font-size: 16px;
color: #042340;
font-weight: 500;
background-color: #fed12e;
border-radius: 8px;
padding: 7px 15px;
display: inline-block;
margin-top: 1em;
    width: 100%;
    text-align: center;
  }


  .boxsurcey article .registerbtn:hover {
    background-color: #eee;
    transition: .6s;
    color: #333
  }


  .illus1 {
    position: absolute;
    top: -4.5em !important;;
    left: 110% !important;
    right: auto !important;
  }


  .time {
    top: 1em;
    left: 1em;
  }

  .price {
    bottom: 1em;
    right: 1em;
    background-color: #fff !important;
    border: 1px solid #eee;
    color: #333 !important;
  }

  
  .lottery {
    bottom: 1em;
    left: 1em;
    background-color: #fed12e !important;
    color: #333 !important;
  }

  

  



  
  .boxsurcey article h4.title {
    text-align: center;
    padding: .5em 0;
    padding-bottom: 0;
  }

  .boxsurcey article h4.title a {
    color: #941b80;
    text-align:center;
    font-weight: bold;
    text-align: center;
    font-size: 1em;
  }


  .boxsurcey article h4.title a:hover {
    color: #333
  }
  
  .infobox {
    border: .25em solid #ced2d9;
    padding: 1em;
    border-radius: 1em;
    text-align: center;
  } 

  .infobox  h3 {
    font-size: 1.75em;
    margin-top: .5em;
    color: #333;
    font-weight: bold;
    background: #fff;
    border-radius: 1em;
    padding: .15em 0;    } 


  .infobox  h3:hover {
    color: #f0f0f0;
    transition: .6s;
  }

  .infobox img {
    width: 10em;
    height: 10em;
    border-radius: 1em;
    margin: 0 auto;
    text-align: center;
  }



  .df-introContent {
    padding-right: 1em;
    padding-top: 1em
  }



  #df-signing {
    margin: 7em 0
  }

  .show-webinar {
    margin-top: 5em
  }


  .coverimg {
    border-radius: 1em;
    width: 100%;
    margin-bottom: 1em;
  }

  .sright {
  }


  #sec1 {
    margin-top:-.1em
  }


  .commentbox {
    box-shadow: 0 5px 35px rgba(111, 146, 197, 0.13) !important;
    background: #fff;
    padding: 1em;
    border-radius: 1em;
  }

  select.w100 {
width: 100%;
margin-bottom: 1em;
  }



  
  .formsec1 {
    border: 1px solid #ccc;
    margin-bottom: 1em;
    float: right;
    width: 100%;
    padding: .5em 1em ;
    border-radius: 1em;
  }

  .formsec2 {
    border: 1px solid #ccc;
    margin-bottom: 1em;
    float: right;
    width: 100%;
    padding: .5em 1em ;
    border-radius: 1em;
  }

   
  .formsec3 {
    border: 1px solid #ccc;
    margin-bottom: 1em;
    float: right;
    width: 100%;
    padding: .5em 1em ;
    border-radius: 1em;
  }

  .survey-thumb {
    float: right;
    width: 4em;
    height: 4em;
    margin-left: .5em;
    border-radius: .5em;
  }

  
  .surveyitem .title {
    color: #333;
    font-weight: bold;
    font-size: 1.2em;
  }

  .surveyitem .title:hover {
    color: #9e0084
  }


  .surveyitem .label {
    background: #fff;
    border-radius: 1em;
    padding: 0 .5em;
    margin-left: .5em;
    color: #333;
  }

  .surveyitem .label:hover {
    color: #999;
  }



  .surveys-dashgrid {
    display: grid;
    grid-template-columns:repeat(3,1fr);
    grid-gap: 1em;
  }


  .surveys-dashgrid div {
    background: #fff;
    box-shadow: 0 20px 32px rgba(29, 46, 54, 0.08);
    background-color: #ffffff;
    padding: 1.5em 1.25em;
    border-radius: 10px;  }


    .surveys-dashgrid div h4 {
      color: #2d333d;
      font-size: 16px;
      font-weight: 700;
       }
  
       .surveys-dashgrid div h4 span {
         float: left;
         }
  


         .modalminibox{
           width: 30% !important
         }

         .walletbox {
           padding: 1em
         }


         .topheadertab {
          background-color: #fff;
padding: .5em 2em;
border-radius: 1em;
                 }

         
         .topheadertab h4 {
          float: right;
          font-size: 1.75em;
          margin: 0;
          margin-top: 5px;}


        .topheadertab .searchbar {
          float: left;
          border: 2px solid #eee;
          padding: .25em 1em;
          border-radius: 1em;
        }


      #faqquestion, #faqanswer {
        padding: .5em;
        border-radius: 5px;
        border: 1px solid #ccc;
      }


      .btnstorefaqitem {
        background: #9e0084;
        color: #fff;
        padding: .5em 1em;
        border-radius: 1em;
        cursor: pointer;
      }


      .faq-edit, .faq-remove  {
        background: #eee;
        padding: .1em .5em;
        margin:0 .25em;
        border-radius: 1em;
        cursor: pointer;
        color: #333
      }

      .faq-edit:hover, .faq-remove:hover {
        background: #9e0084;
        color: #fff
      }

      .page-item.active .page-link {
        background-color: #9e0084;
        border-color: #9e0084;
      }

      .boxprice {
        background-color: #fff;
        border-radius: 1em;
        margin: 1em 0;
        padding: 1em;
        text-align: center;
      }

      .boxprice .price-survey {
        color: #333;
        font-family: iranyekan;
        font-size: 1.25em;
        padding: 1em 0;
      }



      



.faqitems .answer {
  border-top: 1px solid #ccc;
  padding-top: .5em
}


.faqitems li {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 3px 9px 0 rgba(0,0,0,.03);
  color: #424242;
  margin-bottom: 20px;
  font-family: iranyekan;
  padding-right: 5em;
  cursor: pointer
}


.faqitems .answer {
  display:none
}

.faqitems li.active .answer {
  display:block
}


.plus-minus-toggle {
  cursor: pointer;
  position: relative;
  width: 21px;
    cursor: pointer
}
.plus-minus-toggle:before,
.plus-minus-toggle:after {
  background: #000;
  content: '';
  height: 5px;
  left: 3em;
position: absolute;
bottom: .5em;
  width: 21px;
  transition: transform 500ms ease;
}
.plus-minus-toggle:after {
  transform-origin: center;
}
.plus-minus-toggle.collapsed:after {
  transform: rotate(90deg);
}
.plus-minus-toggle.collapsed:before {
  transform: rotate(180deg);
}


.main-title h2 {
  text-align: center;
  font-size: 2.5em !important;
  font-weight: bold !important;
  color: #333;
}

.main-title span {
  border-bottom: .2em solid #941b80;
  padding-bottom: .1em;
}

.section-main {
  background-color: #f2f3f5;
  border-radius: 10px;
  padding: 2em;
}



.box.recommended {
  border: 2px solid #941b80 !important;
  border-radius: 2em;}

 .box {
  width: 100%;
  position: relative;
  border-right: 1px solid #f4f0eb;
  padding: 60px 0 0;
  height: 100%;
}

.pricing-page .web-block .row > div {
  padding: 0;
}

.price-heading {
  padding: 0 25px !important;
  border-bottom: 1px solid #f4f0eb;
}

.price-heading h3 {
  font-size: 35px;
  text-align: center;
  font-weight: 700;
}

.price-heading h2 span {
  font-size: 15px;
  color: #212529;
}

.price-heading p {
  text-align: right;
  letter-spacing: 0.02em;
  font-size: 13px;
  font-weight: 100;
  color: #222;
  margin: 20px 0 24px;
}


.price-heading .money {
  text-align: center;
  height: 40px;
}

.price-heading .money-month {
  text-align: center;
}

.price-heading .money.free {
  font-size: 17px;
  padding-top: 9px;
}

.price-content {
  height: 100%;
}

.price-content h3 {
  text-align: right;
  padding: 31px 16px;
  font-size: 23px;
  font-weight: 800;
}

.price-content ul {
  text-align: right;
  padding: 0;
  font-size: 13px;
}

.recommended-package {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  background: #ffd954;
  padding: 4px 8px;
  border-radius: 7px;
  font-size: 12px;
  display: block;
  margin: 0 auto;
  font-size: 1.1em;
}

.price-content ul li {
  padding: 5px 0;
  color: #222;
  font-size: 15px;
  margin: 9px 11px !important;
}

.pricing-page .web-block .web-body .box {
  border-right: 1px solid #f4f0eb;
  padding: 60px 0 0;
  height: 100%;
}

.web-block .web-body .box.recommended {
  border: 2px solid #06afea !important;
}

.web-block .web-body .box {
  width: 100%;
  position: relative;
  border: 1px solid #f4f0eb;
  border-radius: 7px;
  padding: 60px 10px 0;
  height: 100%;
}


.plans {
}

.plans .plan input[type="radio"] {
  position: absolute;
  opacity: 0;
}


.plans .plan .plan-content {
  padding: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e1e2e7;
  border-radius: 10px;
  -webkit-transition: -webkit-box-shadow 0.4s;
  transition: -webkit-box-shadow 0.4s;
  -o-transition: box-shadow 0.4s;
  transition: box-shadow 0.4s;
  transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
  position: relative;
}

.plans .plan .plan-content img {
  height: 13em;
}

.plans .plan .plan-content span {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 1.25em;
  margin-top: .25em;
  }



.container .title {
  font-size: 16px;
  font-weight: 500;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  color: #252f42;
  margin-bottom: 20px;
}



.plans .plan .plan-content:hover {
  -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
  box-shadow: 0px 3px 5px 0px #e8e8e8;
}


.plans .plan input[type="radio"]:checked + .plan-content {
  border: 2px solid #216ee0;
  background: #eaf1fe;
  -webkit-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
}

@media screen and (max-width: 991px) {
  .plans {
  }

  .plan.complete-plan {
    margin-top: 20px;
  }


}


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

  

  .plans .plan .plan-content img {
    margin-bottom: 20px;
    height: 56px;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
  }



  .plans .plan .plan-content {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

/* inspiration */
.inspiration {
  font-size: 12px;
  margin-top: 50px;
  position: absolute;
  bottom: 10px;
  font-weight: 300;
}

.inspiration a {
  color: #666;
}
@media screen and (max-width: 767px) {
  /* inspiration */
  .inspiration {
    display: none;
  }
}



.box {
  border: 2px solid #f0f0f0;
  border-radius: 2em;}


.box.recommended .intro-btn {
  background: #941b80;
  color: #fff;
  padding: .5em 1em;
  border-radius: 1em;
  font-size: 1.1em;
}

 .intro-btn {
  color: #333;
  border:2px solid #941b80;
  border-radius: 1em;
  padding: .5em 1em;

}
.intro-btn:hover {
  background: #fff;
  color: #333;
  transition: .3s;
}


.box.recommended .intro-btn:hover  {
  background: #fff;
  color: #333;
  transition: .3s;

}
.enterquiz {
  background: #fff;
  margin: 1em 0;
  padding: 1em;
  border-radius: 1em;
  border: 2px solid #630e55;
}


.enterquiz .link {
  background: #ffcc01;
  display: block;
  border-radius: 1em;
  text-align: center;
  color: #333;
  font-size: 1.25em;
  font-weight: bold;
  padding: .5em 0;
}


.enterquiz .old {
  display: block;
  border-radius: 1em;
  text-align: center;
  color: #333;
  font-size: 1.25em;
  font-weight: bold;
  padding: .5em 0;
}





ul.pricetabs {
  width: 30%;
  margin: 0 auto
}

  ul.pricetabs li{
    text-align: center;
    width: 49%;
    background: none;
    color: #222;
    display: inline-block;
    cursor: pointer;
    font-family: iranyekan;
    font-size: 1.1em;
    border-radius:.5em;
    padding: .5em;
    background: #ddd;
    border-radius:.5em;
}
  
  ul.pricetabs li:hover{
      background: #fff;
  
  }

  ul.pricetabs li.current{
      background: #9e0084;
      color: #fff;
  }
  

  .pricebox{
      display: none;
  }
  
  .pricebox.current{
      display: inherit;
  }

  .btn-buysubscribe {
    background: #ffd954;
    color: #333;
    padding:.25em .5em;
    color: #333;
    border-radius: .5em;
  }

  .btn-buysubscribe:hover {
    background: #fff;
    color: #333;
    transition: .3s;
  }

  .credit {
    font-size: 1.1em;
  }

  .emptybox img {
    width: 7em;
    display: block;
    margin: 0 auto
  }

  .emptybox h3 {
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
  }

  #resultsjalase {
    overflow-y: scroll;
    height: 60vh;
  }

  .play-image {
    position: absolute;
    width: 11em;
    left: 0;
    top: -2em;
    z-index: 2;
    animation: rotation 4s infinite linear;
  }

    .play-imagei2 {
      position: absolute;
      z-index: 2;
      right: 0em;
      top: -2.5em;
      width: 11em;    animation: rotation 4s infinite linear;}

  .play-imagei3 {
    position: absolute;
    z-index: 2;
    left: 0em;
    top: 8.5em;
    width: 11em;
    animation: downtoup 6s infinite linear;}
  .play-imagei4 {
    position: absolute;
    z-index: 2;
    right: 7em;
    top: -1.6em;    width: 11em;
    animation: rotation 2s infinite linear; }


  .play-imagei5 {
    position: absolute;
    z-index: 2;
right: 16.2em;
top: 0.8em;
width:11em;
animation: rotation 3s infinite linear;
  }
  
  @keyframes up-down {
    0%{
        top: 14%;
    }
    50%{
        top: 12%;
    }
    100%{
        top: 14%;
    }
}
@keyframes down-up {
    0%{
        top: 2%;
    }
    50%{
        top: 4%;
    }
    100%{
        top: 2%;
    }
}


@keyframes downtoup {
    0%{
        margin-top: 1em;
    }
    50%{
        margin-top: 2em;
    }
    100%{
        margin-top: 1em;
    }
}

@keyframes ccc {
    0%{
        opacity: 1;
    }
    20%{
        opacity: .1;
    }
    22%{
        opacity: 1;
    }
    100%{
        opacity: 1;
    }
}


@keyframes rotation {
    0%{
        transform: rotate(5deg);
    }
    50%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(5deg);
    }
}

.notifybox {
  background: #fff4d1;
  padding: .75em 2em;
  border-radius: 1em;
  margin: 1em 0;
  color: #000;
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;}


  .btnedititem, .btncancelitem {
    background: #eee;
padding: .5em;
float: left;
color: #333;
cursor: pointer;
border-radius: .5em;
font-family: YekanBakh;
  }


.btn-wallet-deposit, .btn-wallet-withdraw {
  background: #fed12e;
  color: #333;
  border-radius: 1em;
  padding: .25em 1em;
  float: left;
  font-size: .6em;
  cursor: pointer;
}
.btn-wallet-deposit{
  margin-left:1em
}

.btn-wallet-deposit:hover, .btn-wallet-withdraw:hover {
  background: #fff;
  transition: .3s;
}



/* Picker */
.picker {
  display: flex;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.1);
}

/* Picker focus ring */
.picker:focus-within {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

/* Inputs */
.picker input {
  height: 50px;
  border: none;
  outline: 0;
}

/* Text field */
.picker input[type="text"] {
  text-align: center;
  text-transform: uppercase;
}

/* Color picker */
.picker input[type="color"] {
  width: 50px;
  -webkit-appearance: none;
}

.picker input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}

.picker input[type="color"]::-webkit-color-swatch {
  border: none;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}


@media screen and (max-width: 800px) {
  header.main nav.main ul.menu {
    display: none !important;
  }
}


.wallet-content  {
  float: none;
  width: 100%
}

.wallet-tabs  {
  grid-template-columns: repeat(2, 1fr) !important;
  padding:1em 0 !important;
  border-left: none  !important;
}

.btn-preview {
  display: block;
  text-align: center;
  margin: 0 auto;
  background: #ffe289;
  color: #333;
  font-weight: bold;
  border-radius: 1em;}

  form span.error {
    color: #ff4757;
    font-size: .9em;
    }
  
  .message-error{
    font-size: .9em;
    color: #f00;
    font-weight: bold;
  }
    .lightbox .form-group .form-control.error,
  .lightbox .form-group .form-control.errors {
      border: 2px solid #f00;
  }
  
  
  .sanjeshibox {
    background: #fff;
    margin:1em auto;
    padding:1em .5em;
    border-radius: 1em;
  }
  .sanjeshibox h3  {
    text-align: center;
    font-weight: bold;
    color: #640E56
  }
  .sanjeshibox h3 span {
    border-bottom: .25em solid #640E56;
  }

  .sanjeshibox h4  {
    text-align: center;
    font-weight: 300;
    color: #640E56;
    font-size:1.25em;
    margin-top:1em
  }


  .sanjeshibox .swiper-slide {
border:1px solid #333;;border-radius: 1em;
text-align: center;
filter: drop-shadow(0px 4px 0px #dce7e7);
  background-color: #ffffff;
  border: 1px solid rgba(215, 229, 229, 0.7);  }

  .sanjeshibox .swiper-slide  h4 a{
    color :#333;
    font-weight: bold;

}
  .btn-bank {
    color: #042340;
    font-weight: 500;
    background-color: #fed12e;
    border-radius: 8px;
    padding: .5em 1em;
  }


  .page-course h3 {
    text-align: center;
    background-color: #fff;
    border-radius: 1em;
    border-bottom: .2em solid #630e55;
    padding:.5em 0
  }

  .page-course .intro {
      background-color: #fff;
      border-radius: 2em;
      padding: 1em
  }

  .page-course .box-login   {
    background: #eaeaea;
    padding:1em
    margin-top:1em
  }

  .page-course .box-login .btns  {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .page-course .box-login .btns a {
    background: #eee;
    border-radius: 1em;
    font-weight: bold;
  }