/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
  }
  
  body {
    margin:0;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  main,
  menu,
  nav,
  section,
  summary {
    display:block;
  }
  
  audio,
  canvas,
  progress,
  video {
    display:inline-block;
  }
  
  audio:not([controls]) {
    display:none;
    height:0;
  }
  
  progress {
    vertical-align:baseline;
  }
  
  [hidden],
  template {
    display:none;
  }
  
  a {
    background-color:transparent;
  }
  
  a:active,
  a:hover {
    outline-width:0;
  }
  
  abbr[title] {
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted;
  }
  
  b,
  strong {
    font-weight:inherit;
  }
  
  b,
  strong {
    font-weight:bolder;
  }
  
  dfn {
    font-style:italic;
  }
  
  h1 {
    font-size:2em;
    margin:.67em 0;
  }
  
  mark {
    background-color:#ff0;
    color:#000;
  }
  
  small {
    font-size:80%;
  }
  
  sub,
  sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
  }
  
  sub {
    bottom:-.25em;
  }
  
  sup {
    top:-.5em;
  }
  
  img {
    border-style:none;
  }
  
  svg:not(:root) {
    overflow:hidden;
  }
  
  code,
  kbd,
  pre,
  samp {
    font-family:monospace,monospace;
    font-size:1em;
  }
  
  figure {
    margin:1em 40px;
  }
  
  hr {
    box-sizing:content-box;
    height:0;
    overflow:visible;
  }
  
  button,
  input,
  select,
  textarea {
    font:inherit;
  }
  
  optgroup {
    font-weight:700;
  }
  
  button,
  input,
  select {
    overflow:visible;
  }
  
  button,
  input,
  select,
  textarea {
    margin:0;
  }
  
  button,
  select {
    text-transform:none;
  }
  
  [type=button],
  [type=reset],
  [type=submit],
  button {
    cursor:pointer;
  }
  
  [disabled] {
    cursor:default;
  }
  
  [type=reset],
  [type=submit],
  button,
  html [type=button] {
    -webkit-appearance:button;
  }
  
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border:0;
    padding:0;
  }
  
  button:-moz-focusring,
  input:-moz-focusring {
    outline:1px dotted ButtonText;
  }
  
  fieldset {
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em;
  }
  
  legend {
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal;
  }
  
  textarea {
    overflow:auto;
  }
  
  [type=checkbox],
  [type=radio] {
    box-sizing:border-box;
    padding:0;
  }
  
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height:auto;
  }
  
  [type=search] {
    -webkit-appearance:textfield;
  }
  
  [type=search]::-webkit-search-cancel-button,
  [type=search]::-webkit-search-decoration {
    -webkit-appearance:none;
  }
  
  body,
  html {
    box-sizing:border-box;
  }
  
  *,
  :after,
  :before {
    box-sizing:inherit;
  }
  
  html {
    height:100%;
    width:100%;
  }
  
  body {
    position:relative;
    height:100%;
    margin:0;
    padding:0;
    font-family:Montserrat;
    background:url(../../public/images/bg.jpg?v=1.0) top center no-repeat fixed;
    background-size:cover;
    background-color:#5a1000;
    color:#faf2b9;
    font-size:14px;
    z-index:-1;
  }
  
  body::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:8%;
    background:url(../../public/images/line-header-left.png?v=1.0) top left no-repeat,url(../images/line-header-right.png?v=1.0) top right no-repeat;
    background-size:calc(50% - (26% / 3)) 100%;
  }
  
  #form .container,
  header .container {
    max-width:100%;
  }
  
  #main .container {
    max-width:600px;
  }
  
  article {
    max-width:850px;
    margin:0 auto;
    background:url(../../public/images/bg-content.png?v=1.0) top center no-repeat;
    background-size:100% 95%;
    position:relative;
  }
  .notification_box {margin-right: 40px !important;}
  
  h1 {
    display:none;
  }
  
  img {
    margin:0 auto;
    max-width:100%;
  }
  
  #form,
  header {
    max-width:90%;
    margin:0 auto;
  }
  
  .logo {
    width:26%;
    margin:0 auto;
    padding-top:.5rem;
  }
  
  .slogan {
    width:100%;
  }
  
  #form .tab-content {
    width:70%;
    padding:0;
    margin:0 auto;
    background:url(../images/bg-form.png?v=1.0) 50% 1rem no-repeat;
    background-size:100% 78%;
  }
  
  #form .nav-tabs {
    width:100%;
    border:none !important;
    margin:0 auto 1rem;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
  }
  
  #form .nav-tabs>li {
    text-align:center;
    text-transform:uppercase;
    font-size:18px;
    margin:0;
    padding:0;
    position:relative;
    z-index:1;
  }
  
  #form .nav-tabs>li.active:first-child {
    z-index:2;
  }
  
  #form .nav-tabs>li.active:last-child {
    z-index:2;
  }
  
  #form .nav-tabs>li>a>img:nth-child(2) {
    display:none;
  }
  
  #form .nav-tabs>li.active>a>img:first-child {
    display:none;
  }
  
  #form .nav-tabs>li.active>a>img:nth-child(2) {
    display:block;
  }
  
  #form .nav-tabs>li>a>img {
    max-width:100%;
  }
  
  #form .nav-tabs>li>a {
    position:relative;
    text-decoration:none;
    width:100%;
    height:100%;
    color:#f7dca9;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  
  #form.choinhanh .nav-tabs>li#choinhanhtab:first-child {
    margin-right:.3rem;
  }
  
  #form.choinhanh .nav-tabs>li#choinhanhtab~li:last-child {
    margin-left:.3rem;
  }
  
  .choinhanh #choinhanhtab img,
  .tabsweb {
    display:none !important;
  }
  
  .choinhanh #choinhanhtab img.tabsweb {
    display:block !important;
  }
  
  form {
    width:88%;
    margin:0 auto;
  }
  
  .form-group {
    position:relative;
    margin-bottom:1rem;
  }
  
  .error,
  .errors {
    margin-bottom:-.8rem;
    color:red;
    width:100%;
    text-align:center;
    display:block;
    text-shadow:.5px .5px 0 #fff,.5px -.5px 0 #fff,-.5px .5px 0 #fff,-.5px -.5px 0 #fff,.5px 0 0 #fff,0 .5px 0 #fff,-.5px 0 0 #fff,0 -.5px 0 #fff;
  }
  
  .form-group>i {
    background:0 0;
    position:absolute;
    right:20px;
    top:0;
    color:#e6dc8b;
    font-size:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    height:60px;
    width:25px;
  }
  
  .form-control {
    height:60px;
    background:url(../images/bg-input.png?v=1.0) top center no-repeat !important;
    background-size:100% 100% !important;
    border:none !important;
    outline:0 !important;
    margin:0 auto;
    font-size:16px;
    color:#faf2b9 !important;
    border-radius:0;
    padding:0 40px 0 70px;
  }
  
  .btn_form {
    text-align:center;
  }
  
  .btn_form button {
    background:0 0;
    border:none;
    outline:0;
    padding:0;
    display:inline-block;
    width:90%;
    animation:btnAnimation .6s linear infinite;
  }
  
  input::-webkit-input-placeholder {
    color:#908564 !important;
  }
  
  input:-moz-placeholder {
    color:#908564 !important;
  }
  
  input::-moz-placeholder {
    color:#908564 !important;
  }
  
  input:-ms-input-placeholder {
    color:#908564 !important;
  }
  
  [contenteditable].form-control:focus,
  [type=email].form-control:focus,
  [type=password].form-control:focus,
  [type=tel].form-control:focus,
  [type=text].form-control:focus,
  button,
  input.form-control:focus,
  input:-webkit-autofill,
  input:-webkit-autofill:active,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:hover,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=password]:focus,
  input[type=text]:focus,
  textarea.form-control:focus,
  textarea:focus {
    box-shadow:inset 0 -1px 0 transparent !important;
    -webkit-box-shadow:0 -1px 0 transparent !important;
    outline:0 !important;
  }
  
  .form-group .form-control:focus,
  .form-group .form-control:hover {
    background:url(../images/bg-input-active.png?v=1.0) top center no-repeat !important;
    background-size:100% 100% !important;
  }
  
  @-webkit-keyframes autofill {
    0%,
    100% {
      box-shadow:inset 0 -1px 0 transparent !important;
      -webkit-box-shadow:0 -1px 0 transparent !important;
      outline:0 !important;
      color:#faf2b9 !important;
      background:url(../images/bg-input-active.png?v=1.0) top center no-repeat !important;
      background-size:100% 100% !important;
      border:none !important;
    }
  }
  
  input:-webkit-autofill {
    -webkit-animation-delay:.2s;
    -webkit-animation-name:autofill;
    -webkit-animation-fill-mode:both;
    animation-iteration-count:infinite;
  }
  
  @-webkit-keyframes btnAnimation {
    0% {
      transform:scale(1.04);
      -webkit-filter:brightness(1.6);
      filter:brightness(1.6);
    }
    50% {
      transform:scale(1);
      -webkit-filter:brightness(1);
      filter:brightness(1);
    }
    100% {
      transform:scale(1.04);
      -webkit-filter:brightness(1.6);
      filter:brightness(1.6);
    }
  }
  
  #banners {
    position:fixed;
    left:1%;
    top:50%;
    transform:translateY(-50%);
    width:350px;
    z-index:2;
  }
  
  #playonweb-pc .playweb {
    margin-top:1rem;
    width:75%;
  }
  
  .games .container {
    max-width:750px;
  }
  
  .games_box {
    margin:0 auto;
    display:flex;
    background:url(../images/bg-games.png?v=1.0) top center no-repeat;
    background-size:100% 100%;
    padding:1rem 0 2rem 1rem;
  }
  
  .games_item {
    width:100%;
    transition:all .3s ease-out;
  }
  
  .games_item.active {
    transform:scale(1.07);
    -webkit-filter:brightness(1.6);
    filter:brightness(1.6);
  }
  
  .games_item img {
    width:100%;
  }
  
  #main {
    position:relative;
    z-index:11;
  }
  
  .btn-download {
    max-width:640px;
    width:100%;
    margin:0 auto;
    display:inline-block;
    padding:0 15px;
  }
  
  a.server {
    width:50%;
    display:inline-block;
    margin-right:10px;
  }
  
  a.store {
    width:50%;
    display:inline-block;
    margin:0 auto;
  }
  
  .playweb {
    width:50%;
  }
  
  a.ios-server:active,
  a.ios-server:hover {
    opacity:.8;
  }
  
  a.ios-server {
    width:50%;
  }
  
  .btn-store,
  .playweb-server {
    width:69% !important;
  }
  
  #android,
  #ios,
  #playonweb {
    display:none;
  }
  
  div#login>h3,
  div#register>h3 {
    display:none;
    text-align:center;
    background:linear-gradient(#fff3cd 0,#fff5d7 30%,#ffecab 70%,#ffe793 99%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
  }
  
  small {
    color:#b56c33;
    margin:0 auto;
    display:block;
    width:100%;
    text-align:center;
    font-size:14px;
  }
  
  #android>small,
  #ios>small,
  #playonweb>small {
    display:block;
  }
  
  #playonweb>small {
    margin-top:0;
  }
  
  .loading {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    text-align:center;
    z-index:99;
  }
  
  .loading>img {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
  }
  
  #main {
    display:none;
  }
  
  .hoac {
    width:30%;
    margin:0 auto 5px;
  }
  
  #huongdan {
    color:#fff;
    padding-top:1.5rem;
    display:none;
    font-family:Montserrat;
  }
  
  #huongdan h3 {
    text-align:center;
    text-transform:uppercase;
    line-height:2.5;
    background:#690b1a;
    color:#fff;
    margin-bottom:20px;
    font-size:18px;
    width:100%;
  }
  
  .huongdan_step {
    text-transform:uppercase;
    color:#ffdc53;
    height:36px;
    font-weight:700;
    line-height:36px;
    font-size:18px;
    padding-left:15px;
    margin-bottom:.5rem;
  }
  
  #huongdan p,
  #huongdan ul {
    width:100%;
  }
  
  .thankform {
    display:none;
    padding-bottom:1rem;
  }
  
  .thankform .container {
    position:relative;
    max-width:375px;
    padding:0;
  }
  
  .thankinfo {
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    padding:132px 83px 0 156px;
    width:100%;
  }
  
  .thankinfo_pass,
  .thankinfo_user {
    color:#fefefe;
    font-size:10px;
    margin-bottom:0;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    -webkit-line-clamp:1;
    font-family:Montserrat;
    line-height:1.2;
  }
  
  .thankinfo_user span {
    color:#ffce00;
  }
  
  .thankinfo_pass span {
    color:#ff4e00;
  }
  
  .nano {
    height:12rem;
  }
  
  #seoInfo {
    font-size:15px;
    color:#fff;
    padding-bottom:2rem;
  }
  
  #seoInfo .nano>.nano-content {
    position:unset;
  }
  
  #seoInfo b {
    font-weight:700;
  }
  
  #seoInfo h1 {
    display:block;
    font-size:18px;
  }
  
  #seoInfo h2 {
    font-size:16px;
  }
  
  #seoInfo h3 {
    font-size:14px;
  }
  
  #seoInfo .container {
    max-width:700px;
  }
  
  #seoInfo a {
    color:#fff;
    text-shadow:1px 1px 0 #c02e05,1px -1px 0 #c02e05,-1px 1px 0 #c02e05,-1px -1px 0 #c02e05,1px 0 0 #c02e05,0 1px 0 #c02e05,-1px 0 0 #c02e05,0 -1px 0 #c02e05;
  }
  
  #seoInfo .nano {
    overflow:hidden;
    height:auto;
  }
  
  #seoInfo #info {
    max-height:300px;
    overflow-y:scroll;
    outline:0;
  }
  
  #seoInfo #info figure {
    padding:10px 0;
    width:100%;
    margin:0 auto;
  }
  
  #seoInfo #info figure figcaption {
    padding-top:5px;
  }
  
  #seoInfo #info figure img {
    max-width:100%;
  }
  
  .modal-dialog {
    -webkit-transform:translate(0,-50%) !important;
    -o-transform:translate(0,-50%) !important;
    transform:translate(0,-50%) !important;
    top:50%;
    margin:0 auto;
  }
  
  .modal-backdrop.show {
    opacity:.8;
  }
  
  .modal .modal-dialog {
    padding:0 10px;
  }
  
  .modal .modal-content .close {
    opacity:1 !important;
    display:block;
    width:30px;
    height:30px;
    margin:0 auto;
    text-shadow:none;
    color:#f20000;
    font-weight:700;
    bottom:104%;
    right:0;
    position:absolute;
    z-index:10;
    font-size:25px;
  }
  
  #alertModal .modal-dialog .modal-content {
    padding:1rem;
    background-color:#980000;
    border:2px solid #ffff34;
  }
  
  #alertModal .modal-dialog .modal-content .modal-title {
    width:100%;
    display:inline-block;
    color:#ffe935;
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
  }
  
  #alertModal .modal-dialog .modal-content .modal-body {
    font-size:14px;
    color:#ffe935;
    padding:0;
    line-height:1.3;
    padding:1rem 0;
  }
  
  @media (max-height:780px) {
    article {
      max-width:700px;
    }
    .form-control,
    .form-group>i {
      height:50px;
    }
    .form-group {
      margin-bottom:.7rem;
    }
    .error,
    .errors {
      margin-bottom:-.6rem;
      font-size:10px;
    }
    .form-control {
      padding-left:55px;
    }
    .games .container {
      max-width:630px;
    }
  }
  
  @media (max-height:720px) {
    article {
      max-width:640px;
    }
    .games .container {
      max-width:530px;
    }
  }
  
  @media screen and (max-width:1400px) {
    article {
      max-width:720px;
    }
    .form-control,
    .form-group>i {
      height:50px;
    }
    .form-group {
      margin-bottom:.7rem;
    }
    .error,
    .errors {
      margin-bottom:-.6rem;
      font-size:10px;
    }
    .form-control {
      padding-left:55px;
    }
    .games .container {
      max-width:700px;
    }
  }
  
  @media screen and (max-width:1300px) {
    #banners {
      width:300px;
    }
  }
  
  @media screen and (max-width:1024px) {
    #banners,
    #notifications,
    .games {
      display:none;
    }
    article {
      max-width:640px;
    }
  }
  
  @media (max-width:991px) {
    body {
      background:url(../images/bg-mobile.jpeg?v=1.0) top center no-repeat fixed;
      background-size:cover;
      background-color:#190600;
    }
    #playonweb-pc {
      display:none;
    }
  }
  
  @media (max-width:640px) {
    body::after {
      height:6%;
      background:url(../images/line-header-left-mb.png?v=1.0) top left no-repeat,url(../images/line-header-right-mb.png?v=1.0) top right no-repeat;
      background-size:calc(50% - (38% / 2)) 100%;
    }
    article {
      background:0 0;
    }
    .logo {
      width:38%;
      padding-top:5px;
    }
    #form,
    header {
      max-width:100%;
    }
    #form .container,
    header .container {
      padding-left:10px;
      padding-right:10px;
    }
    #form .row {
      margin:0 auto;
    }
    #form .tab-content {
      width:100%;
      background-size:100% 80%;
    }
    #form .nav-tabs {
      margin-bottom:.5rem;
    }
    .form-group {
      margin-bottom:.5rem;
    }
    .error,
    .errors {
      margin-bottom:-.4rem;
      font-size:9px;
    }
    .form-control,
    .form-group>i {
      height:42px;
    }
    .form-control {
      font-size:14px;
    }
    .form-group>i {
      font-size:18px;
    }
    small {
      font-size:10px;
    }
    .playweb {
      width:55%;
    }
    .ios-server,
    .playweb {
      width:60% !important;
    }
    .btn-store,
    .playweb-server {
      width:82% !important;
    }
    #main {
      padding-bottom:5px;
    }
  }
  
  @media (max-width:480px) {
    .form-control,
    .form-group>i {
      height:40px;
    }
    .playweb {
      width:52%;
    }
    .ios-server,
    .playweb {
      width:80% !important;
    }
    .btn-store,
    .playweb-server {
      width:78% !important;
    }
  }
  
  @media only screen and (min-width:320px) and (max-width:1024px) and (orientation:landscape) {
    article {
      background:0 0;
    }
    #form .nav-tabs {
      margin-bottom:.7rem;
    }
    .form-group {
      margin-bottom:.5rem;
    }
    .error,
    .errors {
      margin-bottom:-.4rem;
      font-size:9px;
    }
    .form-control,
    .form-group>i {
      height:42px;
    }
    .form-control {
      font-size:14px;
    }
    .form-group>i {
      font-size:18px;
    }
    #main {
      padding-bottom:5px;
    }
    small {
      font-size:10px;
    }
    .playweb {
      width:40%;
    }
    .ios-server,
    .playweb {
      width:45% !important;
    }
    .btn-store,
    .playweb-server {
      width:60% !important;
    }
  }
  
  @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    body {
      background:url(../images/bg-mobile.jpeg?v=1.0) top center no-repeat fixed;
      background-size:cover;
      background-color:#190600;
    }
  }
  
  .notifications>.nano-content:focus {
    outline:thin dotted;
  }
  
  .notifications>.nano-content::-webkit-scrollbar {
    display:none;
  }
  
  .has-scrollbar>.nano-content::-webkit-scrollbar {
    display:block;
  }
  
  .notifications>.nano-pane {
    background:rgba(0,0,0,.25);
    position:absolute;
    width:5px;
    right:0;
    top:0;
    bottom:0;
    opacity:.01;
    -webkit-transition:.2s;
    -moz-transition:.2s;
    -o-transition:.2s;
    transition:.2s;
    -moz-border-radius:2.5px;
    -webkit-border-radius:2.5px;
    border-radius:2.5px;
  }
  
  .notifications>.nano-pane>.nano-slider {
    background:#444;
    background:rgba(255,255,0,.5);
    position:relative;
    margin:0 1px;
    -moz-border-radius:1.5px;
    -webkit-border-radius:1.5px;
    border-radius:1.5px;
  }
  
  .nano-pane.active,
  .nano-pane.flashed,
  .notifications:hover>.nano-pane {
    opacity:.99;
  }
  
  .notifications>.nano-content::-webkit-scrollbar {
    width:0;
  }
  
  .notifications {
    position:fixed;
    top:50%;
    right:1%;
    display:none;
    transform:translateY(-50%);
    background:url(../images/bg-jackpot.png) top center no-repeat;
    background-size:100% auto;
    width:350px;
    padding:11rem 0 3.5rem 0;
    overflow:hidden;
  }
  
  .notifications.ready {
    display:block;
  }
  
  .notification_box {
    padding:0 !important;
    position:relative;
    display:block;
    height:400px;
    width:60%;
    margin:0 auto;
    overflow:scroll;
    overflow-x:hidden;
  }
  
  .notifications .notification {
    display:block;
    position:relative;
    height:0;
    transform:translateX(calc(100% + 40px));
    transition:height 550ms cubic-bezier(.23,1,.32,1),transform 550ms cubic-bezier(.23,1,.32,1) 250ms,opacity 750ms cubic-bezier(.23,1,.32,1);
  }
  
  .notifications .notification.loaded {
    height:80px;
    transform:translateX(0);
  }
  
  .notifications .notification:nth-child(n+5) {
    transition:opacity 550ms cubic-bezier(.23,1,.32,1) 150ms;
  }
  
  .notifications .notification.closed {
    transform:translateX(calc(100% + 40px));
    transition:height 550ms cubic-bezier(.23,1,.32,1) 250ms,transform 550ms cubic-bezier(.23,1,.32,1);
    height:0;
  }
  
  .notifications .notification-inner {
    overflow:initial;
    width:100%;
    position:relative;
    border-radius:0;
    position:relative;
    align-items:center;
    display:flex;
    border-bottom:1px solid #7e721e;
    padding-bottom:10px;
    margin-bottom:10px;
  }
  
  .notifications .notification-inner>* {
    position:relative;
    z-index:1;
  }
  
  .notifications .notification.has-actions .notification-body,
  .notifications .notification.has-image .notification-body {
    padding-right:100px;
  }
  
  .notifications .notification-icon {
    width:60px;
    height:60px;
    border-radius:100%;
    padding:3px;
    background:#e3ac3b;
    background:linear-gradient(to bottom,#e3ac3b 0,#d9a439 11%,#cd962a 24%,#e4ae3e 44%,#f8d271 68%,#fcde9d 88%,#fcedbb 100%);
  }
  
  .notifications .notification-icon>div {
    width:100%;
    height:100%;
    border-radius:10px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
  }
  
  .notifications .notification-icon+.notification-body {
    padding-right:10px;
  }
  
  .notifications .notification-body {
    height:100%;
    color:#fff;
    width:calc(100% - 60px);
    padding-left:10px;
  }
  
  .notifications .notification-body-header {
    overflow:hidden;
    font-weight:700;
  }
  
  .notifications .notification-body-content {
    overflow:hidden;
    font-weight:700;
    color:#f0ed02;
    line-height:1;
  }
  
  .notifications .notification-actions {
    position:absolute;
    top:0;
    right:0;
    height:100%;
    letter-spacing:.23px;
    border-left:1px solid rgba(0,0,0,.1);
    z-index:2;
    min-width:80px;
  }
  
  .notifications .notification-actions>* {
    pointer-events:all;
    height:50%;
    text-align:center;
    padding:0 10px;
    border-bottom:1px solid rgba(0,0,0,.1);
    -webkit-transition:all 250ms cubic-bezier(.23,1,.32,1);
    -moz-transition:all 250ms cubic-bezier(.23,1,.32,1);
    -o-transition:all 250ms cubic-bezier(.23,1,.32,1);
    transition:all 250ms cubic-bezier(.23,1,.32,1);
    cursor:pointer;
  }
  
  .notifications .notification-actions>:hover {
    background:rgba(0,0,0,.05);
  }
  
  .notifications .notification-image {
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:70px;
    z-index:3;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
  }
  
  @media screen and (max-width:1300px) {
    .notifications {
      width:300px;
    }
    .notification_box {
      height:310px;
    }
  }
  
  @media (max-width:1200px) {
    .notifications .notification-inner {
      width:250px !important;
    }
    .notifications .notification-icon {
      min-width:50px;
      height:50px !important;
      width:50px !important;
    }
    .notifications .notification.loaded {
      height:65px !important;
    }
    .notifications .notification-inner {
      margin-bottom:10px !important;
    }
    .notifications .notification-body {
      width:calc(100% - 50px);
    }
    .notification_box::before {
      width:calc(250px + 1rem);
    }
  }
  
  @media (max-width:1024px) {
    #formwrap{
      display: none;
    }
    #main{
      display: block;
    }
    #main #ios{
      display: block;
    }
  }
  
  @media screen and (max-width:991px) {
    .notifications {
      display:none !important;
    }
    .notifications .notification-inner {
      width:100%;
    }
    .notifications .notification:not(.closed):nth-child(n+3) {
      display:none;
      opacity:0;
      transition:transform 550ms cubic-bezier(.23,1,.32,1),opacity 750ms cubic-bezier(.23,1,.32,1);
      transform:scale(.5);
    }
    .notifications .notification.closed:not(.just-closed):nth-child(2)+.notification:not(.closed) {
      opacity:1 !important;
      transform:scale(1) !important;
    }
    .notifications .notification.closed+.notification:not(.closed) {
      transform:scale(1);
      opacity:1;
    }
    .notifications .notification.closed+.notification:not(.closed):nth-child(3) {
      opacity:0;
      transform:scale(.5);
    }
    .notifications .notification:nth-child(n+4) {
      opacity:0 !important;
      transform:scale(.5) !important;
    }
  }
  
  @media (max-width:374px) {
    .notifications {
      transform:translateX(50%) scale(.8);
    }
  }
  
  .nano {
    position:relative;
    width:100%;
    overflow:hidden;
  }
  
  .nano>.nano-content {
    position:absolute;
    overflow:scroll;
    overflow-x:hidden;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
  }
  
  .nano>.nano-content:focus {
    outline:thin dotted;
  }
  
  .nano>.nano-content::-webkit-scrollbar {
    display:none;
  }
  
  .has-scrollbar>.nano-content::-webkit-scrollbar {
    display:block;
  }
  
  .nano>.nano-pane {
    background:rgba(0,0,0,.25);
    position:absolute;
    width:5px;
    right:0;
    top:0;
    bottom:0;
    opacity:.01;
    -webkit-transition:.2s;
    -moz-transition:.2s;
    -o-transition:.2s;
    transition:.2s;
    -moz-border-radius:2.5px;
    -webkit-border-radius:2.5px;
    border-radius:2.5px;
  }
  
  .nano>.nano-pane>.nano-slider {
    background:#444;
    background:rgba(255,255,0,.5);
    position:relative;
    margin:0 1px;
    -moz-border-radius:1.5px;
    -webkit-border-radius:1.5px;
    border-radius:1.5px;
  }
  
  .nano-pane.active,
  .nano-pane.flashed,
  .nano:hover>.nano-pane {
    opacity:.99;
  }
  
  .nano>.nano-content::-webkit-scrollbar {
    width:0;
  }