body{
  background-color: #eee;
}

#tabs-modal .modal-body{
  background-color: initial!important;
}

.at-content-left .tab-container {
  display: none;
}

.slider-wrap {
  height: 100%!important;
  width: 100%!important;
}

.object-fit_contain{
  width: 100%;
}

.at-ui-slider{
  height:10px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border-radius: 50px!important;
    -webkit-border-radius: 50px!important;
    -moz-border-radius: 50px!important;
    -ms-border-radius: 50px!important;
    -o-border-radius: 50px!important;
    width: 18px!important;
    height: 18px!important;
    outline: none;
}

.st0 {
    font-family: 'IRANYekanRegular';
}

.st1 {
    font-size: 300px;
    fill: #0C96AA;
    stroke: #0C96AA;
    stroke-width: 2
}

.tab-container, .tab-container-New{
    display: none;
}

.tab-container-New-active{
    display: block!important;
}

.embed-responsive.video{
  width: 80%;
  margin: 10px auto;
}

#active-character{
    position: fixed;
    z-index: 999;
    top: 0px;
    right: 0px;
    font-size: 2.25rem;
    background-color: rgba(255, 255 ,255, 0.4);
    color: rgba(0, 0 ,0, 0.6);
    padding: 0 5px;
    font-family: IRANYekanRegular;
}

.at-buchstabe-var-chars .ij-p{
  margin-bottom: 0;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

@media (max-width: 992px) {

  .flex-direction-nav a{
    top: initial;
    margin: initial;
  }

  .at-content-left{
    display: none;
  }

  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
      width: 24px!important;
      height: 24px!important;
  }

  .ui-slider-horizontal .ui-slider-handle {
      top: -.5em;
      margin-left: -.6em;
  }

  .at-buchstabe-var-chars .ij-p{
    line-height: 3rem;
  }

  #right .marginslider{
    margin-bottom: 60px;
  }

  .easyzoom-flyout{
    background-color: #FFF;
  }

}

@media (min-width: 992px) {

  .at-content-left .tab-container.active-tab{
    display: block;
  }

  .at-buchstabe-var-chars .ij-p{
    line-height: 4rem;
  }

  .at-buchstabe-var-chars{
    margin-bottom: 40px;
  }

  .easyzoom-flyout{
    background-color: #EEE;
  }

}