.roomtitle{

color: white;  }

/* custom scrollbar */
::-webkit-scrollbar {
    width: 20px;
  }
  
  ::-webkit-scrollbar-track {
    background-color: transparent;
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: #18171f;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background-color: #121118;
  }
  
  
  
  .user-icon {
    position: absolute;
    top: 0;
    right: 0;
  }
  
  
  
  
  /*! * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */
  :root{
      --bs-blue: #0d6efd;
      --bs-indigo: #6610f2;
      --bs-purple: #6f42c1;
      --bs-pink: #d63384;
      --bs-red: #dc3545;
      --bs-orange: #fd7e14;
      --bs-yellow: #ffc107;
      --bs-green: #198754;
      --bs-teal: #20c997;
      --bs-cyan: #0dcaf0;
      --bs-white: #0b0418;
      --bs-gray: #6c757d;
      --bs-gray-dark: #343a40;
      --bs-primary: #0d6efd;
      --bs-secondary: #6c757d;
      --bs-success: #198754;
      --bs-info: #0dcaf0;
      --bs-warning: #ffc107;
      --bs-danger: #dc3545;
      --bs-light: #0b0418;
      --bs-dark: #212529;
      --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      --bs-gradient: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0))
  }
  
  
  
  hr {
    width: 60%;
  }
  
  .subsections {       font-weight: 700;   list-style-type: none;
  
  }
   
   .votedetails {       color: white;
      font-weight: 700;
  
  }
  
  
  
  
  .float {        animation: float 2s ease-in-out infinite;
  }
  
  
  
  
  
  
  @keyframes float {
      0% {
          transform: translatey(0px);
      }
      50% {
          transform: translatey(-20px);
      }
      100% {
          transform: translatey(0px);
      }
  }
  
  
  .glow2 {
    transition: transform .4s ease;
    scale: 120%;
  
  
      }
  
  
  .glow2:hover {
      animation: gg 6s ease-in-out infinite;
  
  
         transform: scale(1.05);
  
  }
  
  
  
  
  @keyframes gg {
   0% {   filter: drop-shadow( 0 0mm 2mm rgba(255, 255, 255, 0.2)) ;}
    20% { filter: drop-shadow( 0 0mm 1mm rgba(255, 255, 255, 0.55)) ;}
    30% { filter: drop-shadow(0 0mm 1mm rgba(255, 255, 255, 0.35)) ;  }
  100% { filter: drop-shadow( 0 0mm 0mm rgba(255, 255, 255, 0.35)) ; }
  
  
  }
  
  
  .blurnav
  {    backdrop-filter: blur(5px);
  
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  
   }
  
  
  
  
  
  
  
  
  *,*::before,*::after{
      -webkit-box-sizing:border-box;
      box-sizing:border-box
  }
  @media (prefers-reduced-motion: no-preference){
      :root{
          scroll-behavior:smooth
      }
  }
  body{
      display: flex;
    flex-direction: column;
      margin:0;
      font-family:var(--bs-font-sans-serif);
      font-size:1rem;
      font-weight:400;
      line-height:1.5;
      color:#212529;
      background-color:#0000;
      -webkit-text-size-adjust:100%;
      -webkit-tap-highlight-color:rgba(0,0,0,0)
  }
  [tabindex="-1"]:focus:not(:focus-visible){
      outline:0 !important
  }
  hr{
      margin:1rem 0;
      color:inherit;
      background-color:currentColor;
      border:0;
      opacity:.25
  }
  hr:not([size]){
      height:1px
  }
  h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
      margin-top:0;
      margin-bottom:.5rem;
      font-weight:500;
      line-height:1.2
  }
  h1,.h1{
      font-size:calc(1.375rem + 1.5vw)
  }
  @media (min-width: 1200px){
      h1,.h1{
          font-size:2.5rem
      }
  }
  h2,.h2{
      font-size:calc(1.325rem + .9vw)
  }
  @media (min-width: 1200px){
      h2,.h2{
          font-size:2rem
      }
  }
  h3,.h3{
      font-size:calc(1.3rem + .6vw)
  }
  @media (min-width: 1200px){
      h3,.h3{
          font-size:1.75rem
      }
  }
  h4,.h4{
      font-size:calc(1.275rem + .3vw)
  }
  @media (min-width: 1200px){
      h4,.h4{
          font-size:1.5rem
      }
  }
  h5,.h5{
      font-size:1.25rem
  }
  h6,.h6{
      font-size:1rem
  }
  p{
      margin-top:0;
      margin-bottom:1rem
  }
  abbr[title],abbr[data-bs-original-title]{
      text-decoration:underline;
      -webkit-text-decoration:underline dotted;
      text-decoration:underline dotted;
      cursor:help;
      -webkit-text-decoration-skip-ink:none;
      text-decoration-skip-ink:none
  }
  address{
      margin-bottom:1rem;
      font-style:normal;
      line-height:inherit
  }
  ol,ul{
      padding-left:2rem
  }
  ol,ul,dl{
      margin-top:0;
      margin-bottom:1rem
  }
  ol ol,ul ul,ol ul,ul ol{
      margin-bottom:0
  }
  dt{
      font-weight:700
  }
  dd{
      margin-bottom:.5rem;
      margin-left:0
  }
  blockquote{
      margin:0 0 1rem
  }
  b,strong{
      font-weight:bolder
  }
  small,.small{
      font-size:.875em
  }
  mark,.mark{
      padding:.2em;
      background-color:#fcf8e3
  }
  sub,sup{
      position:relative;
      font-size:.75em;
      line-height:0;
      vertical-align:baseline
  }
  sub{
      bottom:-.25em
  }
  sup{
      top:-.5em
  }
  a{
      color:#0d6efd;
      text-decoration:underline
  }
  a:hover{
      color:#0a58ca
  }
  a:not([href]):not([class]),a:not([href]):not([class]):hover{
      color:inherit;
      text-decoration:none
  }
  pre,code,kbd,samp{
      font-family:var(--bs-font-monospace);
      font-size:1em;
      direction:ltr 
      /* rtl:ignore */
      ;
      unicode-bidi:bidi-override
  }
  pre{
      display:block;
      margin-top:0;
      margin-bottom:1rem;
      overflow:auto;
      font-size:.875em
  }
  pre code{
      font-size:inherit;
      color:inherit;
      word-break:normal
  }
  code{
      font-size:.875em;
      color:#d63384;
      word-wrap:break-word
  }
  a>code{
      color:inherit
  }
  kbd{
      padding:.2rem .4rem;
      font-size:.875em;
      color:red;
      background-color:#212529;
      border-radius:.2rem
  }
  kbd kbd{
      padding:0;
      font-size:1em;
      font-weight:700
  }
  figure{
      margin:0 0 1rem
  }
  img,svg{
      vertical-align:middle
  }
  table{
      caption-side:bottom;
      border-collapse:collapse
  }
  caption{
      padding-top:.5rem;
      padding-bottom:.5rem;
      color:#6c757d;
      text-align:left
  }
  th{
      text-align:-webkit-match-parent;
      text-align:inheritt
  }
  thead,tbody,tfoot,tr,td,th{
      border-color:inherit;
      border-style:solid;
      border-width:0
  }
  label{
      display:inline-block
  }
  button{
      border-radius:0
  }
  button:focus{
      outline:-webkit-focus-ring-color auto 5px;
      outline:dotted 1pxx
  }
  input,button,select,optgroup,textarea{
      margin:0;
      font-family:inherit;
      font-size:inherit;
      line-height:inherit
  }
  button,select{
      text-transform:none
  }
  [role="button"]{
      cursor:pointer
  }
  select{
      word-wrap:normal
  }
  [list]::-webkit-calendar-picker-indicator{
      display:none
  }
  button,[type="button"],[type="reset"],[type="submit"]{
      -webkit-appearance:button;
    

  }
  button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){
      cursor:pointer
  }
  ::-moz-focus-inner{
      padding:0;
      border-style:none
  }
  textarea{
      resize:vertical
  }
  fieldset{
      min-width:0;
      padding:0;
      margin:0;
      border:0
  }
  legend{
      float:left;
      width:100%;
      padding:0;
      margin-bottom:.5rem;
      font-size:calc(1.275rem + .3vw);
      line-height:inherit
  }
  @media (min-width: 1200px){
      legend{
          font-size:1.5rem
      }
  }
  legend+*{
      clear:left
  }
  ::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{
      padding:0
  }
  ::-webkit-inner-spin-button{
      height:auto
  }
  [type="search"]{
      outline-offset:-2px;
      -webkit-appearance:textfield
  }
  ::-webkit-search-decoration{
      -webkit-appearance:none
  }
  ::-webkit-color-swatch-wrapper{
      padding:0
  }
  ::file-selector-button{
      font:inherit
  }
  ::-webkit-file-upload-button{
      font:inherit;
      -webkit-appearance:button
  }
  output{
      display:inline-block
  }
  iframe{
      border:0
  }
  summary{
      display:list-item;
      cursor:pointer
  }
  progress{
      vertical-align:baseline
  }
  [hidden]{
      display:none !important
  }
  .lead{
      font-size:1.25rem;
      font-weight:300
  }
  .display-1{
      font-size:calc(1.625rem + 4.5vw);
      font-weight:300;
      line-height:1.2
  }
  @media (min-width: 1200px){
      .display-1{
          font-size:5rem
      }
  }
  .display-2{
      font-size:calc(1.575rem + 3.9vw);
      font-weight:300;
      line-height:1.2
  }
  @media (min-width: 1200px){
      .display-2{
          font-size:4.5rem
      }
  }
  .display-3{
      font-size:calc(1.525rem + 3.3vw);
      font-weight:300;
      line-height:1.2
  }
  @media (min-width: 1200px){
      .display-3{
          font-size:4rem
      }
  }
  .display-4{
      font-size:calc(1.475rem + 2.7vw);
      font-weight:300;
      line-height:1.2
  }
  @media (min-width: 1200px){
      .display-4{
          font-size:3.5rem
      }
  }
  .display-5{
      font-size:calc(1.425rem + 2.1vw);
      font-weight:300;
      line-height:1.2
  }
  @media (min-width: 1200px){
      .display-5{
          font-size:3rem
      }
  }
  .display-6{
      font-size:calc(1.375rem + 1.5vw);
      font-weight:300;
      line-height:1.2
  }
  @media (min-width: 1200px){
      .display-6{
          font-size:2.5rem
      }
  }
  .list-unstyled{
      padding-left:0;
      list-style:none
  }
  .list-inline{
      padding-left:0;
      list-style:none
  }
  .list-inline-item{
      display:inline-block
  }
  .list-inline-item:not(:last-child){
      margin-right:.5rem
  }
  .initialism{
      font-size:.875em;
      text-transform:uppercase
  }
  .blockquote{
      margin-bottom:1rem;
      font-size:1.25rem
  }
  .blockquote>:last-child{
      margin-bottom:0
  }
  .blockquote-footer{
      margin-top:-1rem;
      margin-bottom:1rem;
      font-size:.875em;
      color:#6c757d
  }
  .blockquote-footer::before{
      content:"\2014\A0"
  }
  .img-fluid{
      max-width:100%;
      height:auto
  }
  .img-thumbnail{
      padding:.25rem;
      background-color:#fff;
      border:1px solid #dee2e6;
      border-radius:.25rem;
      max-width:100%;
      height:auto
  }
  .figure{
      display:inline-block
  }
  .figure-img{
      margin-bottom:.5rem;
      line-height:1
  }
  .figure-caption{
      font-size:.875em;
      color:#6c757d
  }
  .container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{
      width:100%;
      padding-right:var(--bs-gutter-x, .75rem);
      padding-left:var(--bs-gutter-x, .75rem);
      margin-right:auto;
      margin-left:auto
  }
  @media (min-width: 576px){
      .container,.container-sm{
          max-width:540px
      }
  }
  @media (min-width: 768px){
      .container,.container-sm,.container-md{
          max-width:720px
      }
  }
  @media (min-width: 992px){
      .container,.container-sm,.container-md,.container-lg{
          max-width:960px
      }
  }
  @media (min-width: 1200px){
      .container,.container-sm,.container-md,.container-lg,.container-xl{
          max-width:1140px
      }
  }
  @media (min-width: 1400px){
      .container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{
          max-width:1320px
      }
  }
  .row{
      --bs-gutter-x: 1.5rem;
      --bs-gutter-y: 0;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
      margin-top:calc(var(--bs-gutter-y) * -1);
      margin-right:calc(var(--bs-gutter-x) / -2);
      margin-left:calc(var(--bs-gutter-x) / -2)
  }
  .row>*{
      -ms-flex-negative:0;
      flex-shrink:0;
      width:100%;
      max-width:100%;
      padding-right:calc(var(--bs-gutter-x) / 2);
      padding-left:calc(var(--bs-gutter-x) / 2);
      margin-top:var(--bs-gutter-y)
  }
  .col{
      -webkit-box-flex:1;
      -ms-flex:1 0 0%;
      flex:1 0 0%
  }
  .row-cols-auto>*{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:auto
  }
  .row-cols-1>*{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:100%
  }
  .row-cols-2>*{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:50%
  }
  .row-cols-3>*{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:33.33333%
  }
  .row-cols-4>*{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:25%
  }
  .row-cols-5>*{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:20%
  }
  .row-cols-6>*{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:16.66667%
  }
  .col-auto{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:auto
  }
  .col-1{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:8.33333%
  }
  .col-2{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:16.66667%
  }
  .col-3{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:25%
  }
  .col-4{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:33.33333%
  }
  .col-5{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:41.66667%
  }
  .col-6{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:50%
  }
  .col-7{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:58.33333%
  }
  .col-8{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:66.66667%
  }
  .col-9{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:75%
  }
  .col-10{
      -webkit-box-flex:0;
      -ms-flex:0 0 auto;
      flex:0 0 auto;
      width:83.33333%
  }
  .table-borderless>:not(caption)>*>*{
      border-bottom-width:0
  }
  .table-striped>tbody>tr:nth-of-type(odd){
      --bs-table-accent-bg: var(--bs-table-striped-bg);
      color:var(--bs-table-striped-color)
  }
  .table-active{
      --bs-table-accent-bg: var(--bs-table-active-bg);
      color:var(--bs-table-active-color)
  }
  .table-hover>tbody>tr:hover{
      --bs-table-accent-bg: var(--bs-table-hover-bg);
      color:var(--bs-table-hover-color)
  }
  .table-primary{
      --bs-table-bg: #cfe2ff;
      --bs-table-striped-bg: #c5d7f2;
      --bs-table-striped-color: #000;
      --bs-table-active-bg: #bacbe6;
      --bs-table-active-color: #000;
      --bs-table-hover-bg: #bfd1ec;
      --bs-table-hover-color: #000;
      color:#000;
      border-color:#bacbe6
  }
  .table-secondary{
      --bs-table-bg: #e2e3e5;
      --bs-table-striped-bg: #d7d8da;
      --bs-table-striped-color: #000;
      --bs-table-active-bg: #cbccce;
      --bs-table-active-color: #000;
      --bs-table-hover-bg: #d1d2d4;
      --bs-table-hover-color: #000;
      color:#000;
      border-color:#cbccce
  }
  .table-success{
      --bs-table-bg: #d1e7dd;
      --bs-table-striped-bg: #c7dbd2;
      --bs-table-striped-color: #000;
      --bs-table-active-bg: #bcd0c7;
      --bs-table-active-color: #000;
      --bs-table-hover-bg: #c1d6cc;
      --bs-table-hover-color: #000;
      color:#000;
      border-color:#bcd0c7
  }
  .table-info{
      --bs-table-bg: #cff4fc;
      --bs-table-striped-bg: #c5e8ef;
      --bs-table-striped-color: #000;
      --bs-table-active-bg: #badce3;
      --bs-table-active-color: #000;
      --bs-table-hover-bg: #bfe2e9;
      --bs-table-hover-color: #000;
      color:#000;
      border-color:#badce3
  }
  .table-warning{
      --bs-table-bg: #fff3cd;
      --bs-table-striped-bg: #f2e7c3;
      --bs-table-striped-color: #000;
      --bs-table-active-bg: #e6dbb9;
      --bs-table-active-color: #000;
      --bs-table-hover-bg: #ece1be;
      --bs-table-hover-color: #000;
      color:#000;
      border-color:#e6dbb9
  }
  .table-danger{
      --bs-table-bg: #f8d7da;
      --bs-table-striped-bg: #eccccf;
      --bs-table-striped-color: #000;
      --bs-table-active-bg: #dfc2c4;
      --bs-table-active-color: #000;
      --bs-table-hover-bg: #e5c7ca;
      --bs-table-hover-color: #000;
      color:#000;
      border-color:#dfc2c4
  }
  .table-light{
      --bs-table-bg: #f8f9fa;
      --bs-table-striped-bg: #ecedee;
      --bs-table-striped-color: #000;
      --bs-table-active-bg: #dfe0e1;
      --bs-table-active-color: #000;
      --bs-table-hover-bg: #e5e6e7;
      --bs-table-hover-color: #000;
      color:#000;
      border-color:#dfe0e1
  }
  .table-dark{
      --bs-table-bg: #212529;
      --bs-table-striped-bg: #2c3034;
      --bs-table-striped-color: #fff;
      --bs-table-active-bg: #373b3e;
      --bs-table-active-color: #fff;
      --bs-table-hover-bg: #323539;
      --bs-table-hover-color: #fff;
      color:#fff;
      border-color:#373b3e
  }
  .table-responsive{
      overflow-x:auto;
      -webkit-overflow-scrolling:touch
  }
  @media (max-width: 575.98px){
      .table-responsive-sm{
          overflow-x:auto;
          -webkit-overflow-scrolling:touch
      }
  }
  @media (max-width: 767.98px){
      .table-responsive-md{
          overflow-x:auto;
          -webkit-overflow-scrolling:touch
      }
  }
  @media (max-width: 991.98px){
      .table-responsive-lg{
          overflow-x:auto;
          -webkit-overflow-scrolling:touch
      }
  }
  @media (max-width: 1199.98px){
      .table-responsive-xl{
          overflow-x:auto;
          -webkit-overflow-scrolling:touch
      }
  }
  @media (max-width: 1399.98px){
      .table-responsive-xxl{
          overflow-x:auto;
          -webkit-overflow-scrolling:touch
      }
  }
  .form-label{
      margin-bottom:.5rem
  }
  .col-form-label{
      padding-top:calc(.375rem + 1px);
      padding-bottom:calc(.375rem + 1px);
      margin-bottom:0;
      font-size:inherit;
      line-height:1.5
  }
  .col-form-label-lg{
      padding-top:calc(.5rem + 1px);
      padding-bottom:calc(.5rem + 1px);
      font-size:1.25rem
  }
  .col-form-label-sm{
      padding-top:calc(.25rem + 1px);
      padding-bottom:calc(.25rem + 1px);
      font-size:.875rem
  }
  .form-text{
      margin-top:.25rem;
      font-size:.875em;
      color:#6c757d
  }
  .form-control{
      display:block;
      width:100%;
      padding:.375rem .75rem;
      font-size:1rem;
      font-weight:400;
      line-height:1.5;
      color:#212529;
      background-color:#fff;
      background-clip:padding-box;
      border:1px solid #ced4da;
      -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none;
      border-radius:.25rem;
      -webkit-transition:border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
      transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out
  }
  @media (prefers-reduced-motion: reduce){
      .form-control{
          -webkit-transition:none;
          transition:none
      }
  }
  .form-control[type="file"]{
      overflow:hidden
  }
  .form-control[type="file"]:not(:disabled):not([readonly]){
      cursor:pointer
  }
  .form-control:focus{
      color:#212529;
      background-color:#fff;
      border-color:#86b7fe;
      outline:0;
      -webkit-box-shadow:0 0 0 .25rem rgba(13,110,253,0.25);
      box-shadow:0 0 0 .25rem rgba(13,110,253,0.25)
  }
  .form-control::-webkit-date-and-time-value{
      height:1.5em
  }
  .form-control::-webkit-input-placeholder{
      color:#6c757d;
      opacity:1
  }
  .form-control::-moz-placeholder{
      color:#6c757d;
      opacity:1
  }
  .form-control:-ms-input-placeholder{
      color:#6c757d;
      opacity:1
  }
  .form-control::-ms-input-placeholder{
      color:#6c757d;
      opacity:1
  }
  .form-control::placeholder{
      color:#6c757d;
      opacity:1
  }
  .form-control:disabled,.form-control[readonly]{
      background-color:#e9ecef;
      opacity:1
  }
  .form-control::file-selector-button{
      padding:.375rem .75rem;
      margin:-.375rem -.75rem;
      -webkit-margin-end:.75rem;
      margin-inline-end:.75rem;
      color:#212529;
      background-color:#e9ecef;
      pointer-events:none;
      border-color:inherit;
      border-style:solid;
      border-width:0;
      border-inline-end-width:1px;
      border-radius:0;
      -webkit-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out
  }
  @media (prefers-reduced-motion: reduce){
      .form-control::file-selector-button{
          -webkit-transition:none;
          transition:none
      }
  }
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button{
      background-color:#dde0e3
  }
  .form-control::-webkit-file-upload-button{
      padding:.375rem .75rem;
      margin:-.375rem -.75rem;
      -webkit-margin-end:.75rem;
      margin-inline-end:.75rem;
      color:#212529;
      background-color:#e9ecef;
      pointer-events:none;
      border-color:inherit;
      border-style:solid;
      border-width:0;
      border-inline-end-width:1px;
      border-radius:0;
      -webkit-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out
  }
  @media (prefers-reduced-motion: reduce){
      .form-control::-webkit-file-upload-button{
          -webkit-transition:none;
          transition:none
      }
  }
  .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{
      background-color:#dde0e3
  }
  .form-control-plaintext{
      display:block;
      width:100%;
      padding:.375rem 0;
      margin-bottom:0;
      line-height:1.5;
      color:#212529;
      background-color:transparent;
      border:solid transparent;
      border-width:1px 0
  }
  .form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{
      padding-right:0;
      padding-left:0
  }
  .form-control-sm{
      min-height:calc(1.5em + .5rem + 2px);
      padding:.25rem .5rem;
      font-size:.875rem;
      border-radius:.2rem
  }
  .form-control-sm::file-selector-button{
      padding:.25rem .5rem;
      margin:-.25rem -.5rem;
      -webkit-margin-end:.5rem;
      margin-inline-end:.5rem
  }
  .form-control-sm::-webkit-file-upload-button{
      padding:.25rem .5rem;
      margin:-.25rem -.5rem;
      -webkit-margin-end:.5rem;
      margin-inline-end:.5rem
  }
  .form-control-lg{
      min-height:calc(1.5em + 1rem + 2px);
      padding:.5rem 1rem;
      font-size:1.25rem;
      border-radius:.3rem
  }
  .form-control-lg::file-selector-button{
      padding:.5rem 1rem;
      margin:-.5rem -1rem;
      -webkit-margin-end:1rem;
      margin-inline-end:1rem
  }
  .form-control-lg::-webkit-file-upload-button{
      padding:.5rem 1rem;
      margin:-.5rem -1rem;
      -webkit-margin-end:1rem;
      margin-inline-end:1rem
  }
  textarea.form-control{
      min-height:calc(1.5em + .75rem + 2px)
  }
  textarea.form-control-sm{
      min-height:calc(1.5em + .5rem + 2px)
  }
  textarea.form-control-lg{
      min-height:calc(1.5em + 1rem + 2px)
  }
  .form-control-color{
      max-width:3rem;
      height:auto;
      padding:.375rem
  }
  .form-control-color:not(:disabled):not([readonly]){
      cursor:pointer
  }
  .form-control-color::-moz-color-swatch{
      height:1.5em;
      border-radius:.25rem
  }
  .form-control-color::-webkit-color-swatch{
      height:1.5em;
      border-radius:.25rem
  }
  .form-select{
      display:block;
      width:100%;
      padding:.375rem 1.75rem .375rem .75rem;
      font-size:1rem;
      font-weight:400;
      line-height:1.5;
      color:#212529;
      vertical-align:middle;
      background-color:#fff;
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
      background-repeat:no-repeat;
      background-position:right .75rem center;
      background-size:16px 12px;
      border:1px solid #ced4da;
      border-radius:.25rem;
      -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none
  }
  .form-select:focus{
      border-color:#86b7fe;
      outline:0;
      -webkit-box-shadow:0 0 0 .25rem rgba(13,110,253,0.25);
      box-shadow:0 0 0 .25rem rgba(13,110,253,0.25)
  }
  .form-select[multiple],.form-select[size]:not([size="1"]){
      padding-right:.75rem;
      background-image:none
  }
  .form-select:disabled{
      color:#6c757d;
      background-color:#e9ecef
  }
  .form-select:-moz-focusring{
      color:transparent;
      text-shadow:0 0 0 #212529
  }
  .form-select-sm{
      padding-top:.25rem;
      padding-bottom:.25rem;
      padding-left:.5rem;
      font-size:.875rem
  }
  .form-select-lg{
      padding-top:.5rem;
      padding-bottom:.5rem;
      padding-left:1rem;
      font-size:1.25rem
  }
  .form-check{
      display:block;
      min-height:1.5rem;
      padding-left:1.5em;
      margin-bottom:.125rem
  }
  .form-check .form-check-input{
      float:left;
      margin-left:-1.5em
  }
  .form-check-input{
      width:1em;
      height:1em;
      margin-top:.25em;
      vertical-align:top;
      background-color:#fff;
      background-repeat:no-repeat;
      background-position:center;
      background-size:contain;
      border:1px solid rgba(0,0,0,0.25);
      -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none;
      -webkit-print-color-adjust:exact;
      color-adjust:exact;
      -webkit-transition:background-color 0.15s ease-in-out,background-position 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:background-color 0.15s ease-in-out,background-position 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:background-color 0.15s ease-in-out,background-position 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
      transition:background-color 0.15s ease-in-out,background-position 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out
  }
  @media (prefers-reduced-motion: reduce){
      .form-check-input{
          -webkit-transition:none;
          transition:none
      }
  }
  .form-check-input[type="checkbox"]{
      border-radius:.25em
  }
  .form-check-input[type="radio"]{
      border-radius:50%
  }
  .form-check-input:active{
      -webkit-filter:brightness(90%);
      filter:brightness(90%)
  }
  .form-check-input:focus{
      border-color:#86b7fe;
      outline:0;
      -webkit-box-shadow:0 0 0 .25rem rgba(13,110,253,0.25);
      box-shadow:0 0 0 .25rem rgba(13,110,253,0.25)
  }
  .form-check-input:checked{
      background-color:#0d6efd;
      border-color:#0d6efd
  }
  .form-check-input:checked[type="checkbox"]{
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
  }
  .form-check-input:checked[type="radio"]{
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
  }
  .form-check-input[type="checkbox"]:indeterminate{
      background-color:#0d6efd;
      border-color:#0d6efd;
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
  }
  .form-check-input:disabled{
      pointer-events:none;
      -webkit-filter:none;
      filter:none;
      opacity:.5
  }
  .form-check-input[disabled] ~ .form-check-label,.form-check-input:disabled ~ .form-check-label{
      opacity:.5
  }
  .form-switch{
      padding-left:2.5em
  }
  .form-switch .form-check-input{
      width:2em;
      margin-left:-2.5em;
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e");
      background-position:left center;
      border-radius:2em
  }
  .form-switch .form-check-input:focus{
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
  }
  .form-switch .form-check-input:checked{
      background-position:right center;
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
  }
  .form-check-inline{
      display:inline-block;
      margin-right:1rem
  }
  .btn-check{
      position:absolute;
      clip:rect(0, 0, 0, 0);
      pointer-events:none
  }
  .btn-check[disabled]+.btn,.btn-check:disabled+.btn{
      pointer-events:none;
      -webkit-filter:none;
      filter:none;
      opacity:.65
  }
  .form-range{
      width:100%;
      height:1.5rem;
      padding:0;
      background-color:transparent;
      -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none
  }
  .form-range:focus{
      outline:none
  }
  .form-range:focus::-webkit-slider-thumb{
      -webkit-box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,0.25);
      box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,0.25)
  }
  .form-range:focus::-moz-range-thumb{
      box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,0.25)
  }
  .form-range::-moz-focus-outer{
      border:0
  }
  .form-range::-webkit-slider-thumb{
      width:1rem;
      height:1rem;
      margin-top:-.25rem;
      background-color:#0d6efd;
      border:0;
      border-radius:1rem;
      -webkit-transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
      transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      -webkit-appearance:none;
      appearance:none
  }
  @media (prefers-reduced-motion: reduce){
      .form-range::-webkit-slider-thumb{
          -webkit-transition:none;
          transition:none
      }
  }
  .form-range::-webkit-slider-thumb:active{
      background-color:#b6d4fe
  }
  .form-range::-webkit-slider-runnable-track{
      width:100%;
      height:.5rem;
      color:transparent;
      cursor:pointer;
      background-color:#dee2e6;
      border-color:transparent;
      border-radius:1rem
  }
  .form-range::-moz-range-thumb{
      width:1rem;
      height:1rem;
      background-color:#0d6efd;
      border:0;
      border-radius:1rem;
      -webkit-transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
      transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      -moz-appearance:none;
      appearance:none
  }
  @media (prefers-reduced-motion: reduce){
      .form-range::-moz-range-thumb{
          -webkit-transition:none;
          transition:none
      }
  }
  .form-range::-moz-range-thumb:active{
      background-color:#b6d4fe
  }
  .form-range::-moz-range-track{
      width:100%;
      height:.5rem;
      color:transparent;
      cursor:pointer;
      background-color:#dee2e6;
      border-color:transparent;
      border-radius:1rem
  }
  .form-range:disabled{
      pointer-events:none
  }
  .form-range:disabled::-webkit-slider-thumb{
      background-color:#adb5bd
  }
  .form-range:disabled::-moz-range-thumb{
      background-color:#adb5bd
  }
  .form-floating{
      position:relative
  }
  .form-floating>.form-control,.form-floating>.form-select{
      height:calc(3.5rem + 2px);
      padding:1rem .75rem
  }
  .form-floating>label{
      position:absolute;
      top:0;
      left:0;
      height:100%;
      padding:1rem .75rem;
      pointer-events:none;
      border:1px solid transparent;
      -webkit-transform-origin:0 0;
      transform-origin:0 0;
      -webkit-transition:opacity 0.1s ease-in-out,-webkit-transform 0.1s ease-in-out;
      transition:opacity 0.1s ease-in-out,-webkit-transform 0.1s ease-in-out;
      transition:opacity 0.1s ease-in-out,transform 0.1s ease-in-out;
      transition:opacity 0.1s ease-in-out,transform 0.1s ease-in-out,-webkit-transform 0.1s ease-in-out
  }
  @media (prefers-reduced-motion: reduce){
      .form-floating>label{
          -webkit-transition:none;
          transition:none
      }
  }
  .form-floating>.form-control::-webkit-input-placeholder{
      color:transparent
  }
  .form-floating>.form-control::-moz-placeholder{
      color:transparent
  }
  .form-floating>.form-control:-ms-input-placeholder{
      color:transparent
  }
  .form-floating>.form-control::-ms-input-placeholder{
      color:transparent
  }
  .form-floating>.form-control::placeholder{
      color:transparent
  }
  .form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){
      padding-top:1.625rem;
      padding-bottom:.625rem
  }
  .form-floating>.form-control:-webkit-autofill{
      padding-top:1.625rem;
      padding-bottom:.625rem
  }
  .form-floating>.form-select{
      padding-top:1.625rem;
      padding-bottom:.625rem
  }
  .form-floating>.form-control:focus ~ label,.form-floating>.form-control:not(:placeholder-shown) ~ label,.form-floating>.form-select ~ label{
      opacity:.65;
      -webkit-transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem);
      transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)
  }
  .form-floating>.form-control:-webkit-autofill ~ label{
      opacity:.65;
      -webkit-transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem);
      transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)
  }
  .input-group{
      position:relative;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
      -webkit-box-align:stretch;
      -ms-flex-align:stretch;
      align-items:stretch;
      width:100%
  }
  .input-group>.form-control,.input-group>.form-select{
      position:relative;
      -webkit-box-flex:1;
      -ms-flex:1 1 auto;
      flex:1 1 auto;
      width:1%;
      min-width:0
  }
  .input-group>.form-control:focus,.input-group>.form-select:focus{
      z-index:3
  }
  .input-group .btn{
      position:relative;
      z-index:2
  }
  .input-group .btn:focus{
      z-index:3
  }
  .input-group-text{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      padding:.375rem .75rem;
      font-size:1rem;
      font-weight:400;
      line-height:1.5;
      color:#212529;
      text-align:center;
      white-space:nowrap;
      background-color:#e9ecef;
      border:1px solid #ced4da;
      border-radius:.25rem
  }
  .input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn{
      padding:.5rem 1rem;
      font-size:1.25rem;
      border-radius:.3rem
  }
  .input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn{
      padding:.25rem .5rem;
      font-size:.875rem;
      border-radius:.2rem
  }
  .input-group-lg>.form-select,.input-group-sm>.form-select{
      padding-right:1.75rem
  }
  .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3){
      border-top-right-radius:0;
      border-bottom-right-radius:0
  }
  .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4){
      border-top-right-radius:0;
      border-bottom-right-radius:0
  }
  .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
      margin-left:-1px;
      border-top-left-radius:0;
      border-bottom-left-radius:0
  }
  .valid-feedback{
      display:none;
      width:100%;
      margin-top:.25rem;
      font-size:.875em;
      color:#198754
  }
  .valid-tooltip{
      position:absolute;
      top:100%;
      z-index:5;
      display:none;
      max-width:100%;
      padding:.25rem .5rem;
      margin-top:.1rem;
      font-size:.875rem;
      color:#fff;
      background-color:rgba(25,135,84,0.9);
      border-radius:.25rem
  }
  .was-validated :valid ~ .valid-feedback,.was-validated :valid ~ .valid-tooltip,.is-valid ~ .valid-feedback,.is-valid ~ .valid-tooltip{
      display:block
  }
  .was-validated .form-control:valid,.form-control.is-valid{
      border-color:#198754;
      padding-right:calc(1.5em + .75rem);
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
      background-repeat:no-repeat;
      background-position:right calc(.375em + .1875rem) center;
      background-size:calc(.75em + .375rem) calc(.75em + .375rem)
  }
  .was-validated .form-control:valid:focus,.form-control.is-valid:focus{
      border-color:#198754;
      -webkit-box-shadow:0 0 0 .25rem rgba(25,135,84,0.25);
      box-shadow:0 0 0 .25rem rgba(25,135,84,0.25)
  }
  .was-validated textarea.form-control:valid,textarea.form-control.is-valid{
      padding-right:calc(1.5em + .75rem);
      background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)
  }
  .was-validated .form-select:valid,.form-select.is-valid{
      border-color:#198754;
      padding-right:calc(.75em + 2.3125rem);
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
      background-position:right .75rem center,center right 1.75rem;
      background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
  }
  .was-validated .form-select:valid:focus,.form-select.is-valid:focus{
      border-color:#198754;
      -webkit-box-shadow:0 0 0 .25rem rgba(25,135,84,0.25);
      box-shadow:0 0 0 .25rem rgba(25,135,84,0.25)
  }
  .was-validated .form-check-input:valid,.form-check-input.is-valid{
      border-color:#198754
  }
  .was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{
      background-color:#198754
  }
  .was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(25,135,84,0.25);
      box-shadow:0 0 0 .25rem rgba(25,135,84,0.25)
  }
  .was-validated .form-check-input:valid ~ .form-check-label,.form-check-input.is-valid ~ .form-check-label{
      color:#198754
  }
  .form-check-inline .form-check-input ~ .valid-feedback{
      margin-left:.5em
  }
  .invalid-feedback{
      display:none;
      width:100%;
      margin-top:.25rem;
      font-size:.875em;
      color:#dc3545
  }
  .invalid-tooltip{
      position:absolute;
      top:100%;
      z-index:5;
      display:none;
      max-width:100%;
      padding:.25rem .5rem;
      margin-top:.1rem;
      font-size:.875rem;
      color:#fff;
      background-color:rgba(220,53,69,0.9);
      border-radius:.25rem
  }
  .was-validated :invalid ~ .invalid-feedback,.was-validated :invalid ~ .invalid-tooltip,.is-invalid ~ .invalid-feedback,.is-invalid ~ .invalid-tooltip{
      display:block
  }
  .was-validated .form-control:invalid,.form-control.is-invalid{
      border-color:#dc3545;
      padding-right:calc(1.5em + .75rem);
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
      background-repeat:no-repeat;
      background-position:right calc(.375em + .1875rem) center;
      background-size:calc(.75em + .375rem) calc(.75em + .375rem)
  }
  .was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{
      border-color:#dc3545;
      -webkit-box-shadow:0 0 0 .25rem rgba(220,53,69,0.25);
      box-shadow:0 0 0 .25rem rgba(220,53,69,0.25)
  }
  .was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{
      padding-right:calc(1.5em + .75rem);
      background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)
  }
  .was-validated .form-select:invalid,.form-select.is-invalid{
      border-color:#dc3545;
      padding-right:calc(.75em + 2.3125rem);
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
      background-position:right .75rem center,center right 1.75rem;
      background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
  }
  .was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{
      border-color:#dc3545;
      -webkit-box-shadow:0 0 0 .25rem rgba(220,53,69,0.25);
      box-shadow:0 0 0 .25rem rgba(220,53,69,0.25)
  }
  .was-validated .form-check-input:invalid,.form-check-input.is-invalid{
      border-color:#dc3545
  }
  .was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{
      background-color:#dc3545
  }
  .was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(220,53,69,0.25);
      box-shadow:0 0 0 .25rem rgba(220,53,69,0.25)
  }
  .was-validated .form-check-input:invalid ~ .form-check-label,.form-check-input.is-invalid ~ .form-check-label{
      color:#dc3545
  }
  .form-check-inline .form-check-input ~ .invalid-feedback{
      margin-left:.5em
  }
  .btn{
      display:inline-block;
      font-weight:400;
      line-height:1.5;
      color:#212529;
      text-align:center;
      text-decoration:none;
      vertical-align:middle;
      cursor:pointer;
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
      background-color:transparent;
      border:1px solid transparent;
      padding:.375rem .75rem;
      font-size:1rem;
      border-radius:.25rem;
      -webkit-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out
  }
  @media (prefers-reduced-motion: reduce){
      .btn{
          -webkit-transition:none;
          transition:none
      }
  }
  .btn:hover{
      color:#212529
  }
  .btn-check:focus+.btn,.btn:focus{
      outline:0;
      -webkit-box-shadow:0 0 0 .25rem rgba(13,110,253,0.25);
      box-shadow:0 0 0 .25rem rgba(13,110,253,0.25)
  }
  .btn:disabled,.btn.disabled,fieldset:disabled .btn{
      pointer-events:none;
      opacity:.65
  }
  .btn-primary{
      color:#fff;
      background-color:#0d6efd;
      border-color:#0d6efd
  }
  .btn-primary:hover{
      color:#fff;
      background-color:#0b5ed7;
      border-color:#0a58ca
  }
  .btn-check:focus+.btn-primary,.btn-primary:focus{
      color:#fff;
      background-color:#0b5ed7;
      border-color:#0a58ca;
      -webkit-box-shadow:0 0 0 .25rem rgba(49,132,253,0.5);
      box-shadow:0 0 0 .25rem rgba(49,132,253,0.5)
  }
  .btn-check:checked+.btn-primary,.btn-check:active+.btn-primary,.btn-primary:active,.btn-primary.active,.show>.btn-primary.dropdown-toggle{
      color:#fff;
      background-color:#0a58ca;
      border-color:#0a53be
  }
  .btn-check:checked+.btn-primary:focus,.btn-check:active+.btn-primary:focus,.btn-primary:active:focus,.btn-primary.active:focus,.show>.btn-primary.dropdown-toggle:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(49,132,253,0.5);
      box-shadow:0 0 0 .25rem rgba(49,132,253,0.5)
  }
  .btn-primary:disabled,.btn-primary.disabled{
      color:#fff;
      background-color:#0d6efd;
      border-color:#0d6efd
  }
  .btn-secondary{
      color:#fff;
      background-color:#6c757d;
      border-color:#6c757d
  }
  .btn-secondary:hover{
      color:#fff;
      background-color:#5c636a;
      border-color:#565e64
  }
  .btn-check:focus+.btn-secondary,.btn-secondary:focus{
      color:#fff;
      background-color:#5c636a;
      border-color:#565e64;
      -webkit-box-shadow:0 0 0 .25rem rgba(130,138,145,0.5);
      box-shadow:0 0 0 .25rem rgba(130,138,145,0.5)
  }
  .btn-check:checked+.btn-secondary,.btn-check:active+.btn-secondary,.btn-secondary:active,.btn-secondary.active,.show>.btn-secondary.dropdown-toggle{
      color:#fff;
      background-color:#565e64;
      border-color:#51585e
  }
  .btn-check:checked+.btn-secondary:focus,.btn-check:active+.btn-secondary:focus,.btn-secondary:active:focus,.btn-secondary.active:focus,.show>.btn-secondary.dropdown-toggle:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(130,138,145,0.5);
      box-shadow:0 0 0 .25rem rgba(130,138,145,0.5)
  }
  .btn-secondary:disabled,.btn-secondary.disabled{
      color:#fff;
      background-color:#6c757d;
      border-color:#6c757d
  }
  .btn-success{
      color:#fff;
      background-color:#198754;
      border-color:#198754
  }
  .btn-success:hover{
      color:#fff;
      background-color:#157347;
      border-color:#146c43
  }
  .btn-check:focus+.btn-success,.btn-success:focus{
      color:#fff;
      background-color:#157347;
      border-color:#146c43;
      -webkit-box-shadow:0 0 0 .25rem rgba(60,153,110,0.5);
      box-shadow:0 0 0 .25rem rgba(60,153,110,0.5)
  }
  .btn-check:checked+.btn-success,.btn-check:active+.btn-success,.btn-success:active,.btn-success.active,.show>.btn-success.dropdown-toggle{
      color:#fff;
      background-color:#146c43;
      border-color:#13653f
  }
  .btn-check:checked+.btn-success:focus,.btn-check:active+.btn-success:focus,.btn-success:active:focus,.btn-success.active:focus,.show>.btn-success.dropdown-toggle:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(60,153,110,0.5);
      box-shadow:0 0 0 .25rem rgba(60,153,110,0.5)
  }
  .btn-success:disabled,.btn-success.disabled{
      color:#fff;
      background-color:#198754;
      border-color:#198754
  }
  .btn-info{
      color:#000;
      background-color:#0dcaf0;
      border-color:#0dcaf0
  }
  .btn-info:hover{
      color:#000;
      background-color:#31d2f2;
      border-color:#25cff2
  }
  .btn-check:focus+.btn-info,.btn-info:focus{
      color:#000;
      background-color:#31d2f2;
      border-color:#25cff2;
      -webkit-box-shadow:0 0 0 .25rem rgba(11,172,204,0.5);
      box-shadow:0 0 0 .25rem rgba(11,172,204,0.5)
  }
  .btn-check:checked+.btn-info,.btn-check:active+.btn-info,.btn-info:active,.btn-info.active,.show>.btn-info.dropdown-toggle{
      color:#000;
      background-color:#3dd5f3;
      border-color:#25cff2
  }
  .btn-check:checked+.btn-info:focus,.btn-check:active+.btn-info:focus,.btn-info:active:focus,.btn-info.active:focus,.show>.btn-info.dropdown-toggle:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(11,172,204,0.5);
      box-shadow:0 0 0 .25rem rgba(11,172,204,0.5)
  }
  .btn-info:disabled,.btn-info.disabled{
      color:#000;
      background-color:#0dcaf0;
      border-color:#0dcaf0
  }
  .btn-warning{
      color:#000;
      background-color:#ffc107;
      border-color:#ffc107
  }
  .btn-warning:hover{
      color:#000;
      background-color:#ffca2c;
      border-color:#ffc720
  }
  .btn-check:focus+.btn-warning,.btn-warning:focus{
      color:#000;
      background-color:#ffca2c;
      border-color:#ffc720;
      -webkit-box-shadow:0 0 0 .25rem rgba(217,164,6,0.5);
      box-shadow:0 0 0 .25rem rgba(217,164,6,0.5)
  }
  .btn-check:checked+.btn-warning,.btn-check:active+.btn-warning,.btn-warning:active,.btn-warning.active,.show>.btn-warning.dropdown-toggle{
      color:#000;
      background-color:#ffcd39;
      border-color:#ffc720
  }
  .btn-check:checked+.btn-warning:focus,.btn-check:active+.btn-warning:focus,.btn-warning:active:focus,.btn-warning.active:focus,.show>.btn-warning.dropdown-toggle:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(217,164,6,0.5);
      box-shadow:0 0 0 .25rem rgba(217,164,6,0.5)
  }
  .btn-warning:disabled,.btn-warning.disabled{
      color:#000;
      background-color:#ffc107;
      border-color:#ffc107
  }
  .btn-danger{
      color:#fff;
      background-color:#dc3545;
      border-color:#dc3545
  }
  .btn-danger:hover{
      color:#fff;
      background-color:#bb2d3b;
      border-color:#b02a37
  }
  .btn-check:focus+.btn-danger,.btn-danger:focus{
      color:#fff;
      background-color:#bb2d3b;
      border-color:#b02a37;
      -webkit-box-shadow:0 0 0 .25rem rgba(225,83,97,0.5);
      box-shadow:0 0 0 .25rem rgba(225,83,97,0.5)
  }
  .btn-check:checked+.btn-danger,.btn-check:active+.btn-danger,.btn-danger:active,.btn-danger.active,.show>.btn-danger.dropdown-toggle{
      color:#fff;
      background-color:#b02a37;
      border-color:#a52834
  }
  .btn-check:checked+.btn-danger:focus,.btn-check:active+.btn-danger:focus,.btn-danger:active:focus,.btn-danger.active:focus,.show>.btn-danger.dropdown-toggle:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(225,83,97,0.5);
      box-shadow:0 0 0 .25rem rgba(225,83,97,0.5)
  }
  .btn-danger:disabled,.btn-danger.disabled{
      color:#fff;
      background-color:#dc3545;
      border-color:#dc3545
  }
  .btn-light{
      color:#000;
      background-color:#f8f9fa;
      border-color:#f8f9fa
  }
  .btn-light:hover{
      color:#000;
      background-color:#f9fafb;
      border-color:#f9fafb
  }
  .btn-check:focus+.btn-light,.btn-light:focus{
      color:#000;
      background-color:#f9fafb;
      border-color:#f9fafb;
      -webkit-box-shadow:0 0 0 .25rem rgba(211,212,213,0.5);
      box-shadow:0 0 0 .25rem rgba(211,212,213,0.5)
  }
  .btn-check:checked+.btn-light,.btn-check:active+.btn-light,.btn-light:active,.btn-light.active,.show>.btn-light.dropdown-toggle{
      color:#000;
      background-color:#f9fafb;
      border-color:#f9fafb
  }
  .btn-check:checked+.btn-light:focus,.btn-check:active+.btn-light:focus,.btn-light:active:focus,.btn-light.active:focus,.show>.btn-light.dropdown-toggle:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(211,212,213,0.5);
      box-shadow:0 0 0 .25rem rgba(211,212,213,0.5)
  }
  .btn-light:disabled,.btn-light.disabled{
      color:#000;
      background-color:#f8f9fa;
      border-color:#f8f9fa
  }
  .btn-dark{
      color:#fff;
      background-color:#212529;
      border-color:#212529
  }
  .btn-dark:hover{
      color:#fff;
      background-color:#1c1f23;
      border-color:#1a1e21
  }
  .btn-check:focus+.btn-dark,.btn-dark:focus{
      color:#fff;
      background-color:#1c1f23;
      border-color:#1a1e21;
      -webkit-box-shadow:0 0 0 .25rem rgba(66,70,73,0.5);
      box-shadow:0 0 0 .25rem rgba(66,70,73,0.5)
  }
  .btn-check:checked+.btn-dark,.btn-check:active+.btn-dark,.btn-dark:active,.btn-dark.active,.show>.btn-dark.dropdown-toggle{
      color:#fff;
      background-color:#1a1e21;
      border-color:#191c1f
  }
  .btn-check:checked+.btn-dark:focus,.btn-check:active+.btn-dark:focus,.btn-dark:active:focus,.btn-dark.active:focus,.show>.btn-dark.dropdown-toggle:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(66,70,73,0.5);
      box-shadow:0 0 0 .25rem rgba(66,70,73,0.5)
  }
  .btn-dark:disabled,.btn-dark.disabled{
      color:#fff;
      background-color:#212529;
      border-color:#212529
  }
  .btn-outline-primary{
      color:#0d6efd;
      border-color:#0d6efd
  }
  .btn-outline-primary:hover{
      color:#fff;
      background-color:#0d6efd;
      border-color:#0d6efd
  }
  .btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(13,110,253,0.5);
      box-shadow:0 0 0 .25rem rgba(13,110,253,0.5)
  }
  .btn-check:checked+.btn-outline-primary,.btn-check:active+.btn-outline-primary,.btn-outline-primary:active,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show{
      color:#fff;
      background-color:#0d6efd;
      border-color:#0d6efd
  }
  .btn-check:checked+.btn-outline-primary:focus,.btn-check:active+.btn-outline-primary:focus,.btn-outline-primary:active:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(13,110,253,0.5);
      box-shadow:0 0 0 .25rem rgba(13,110,253,0.5)
  }
  .btn-outline-primary:disabled,.btn-outline-primary.disabled{
      color:#0d6efd;
      background-color:transparent
  }
  .btn-outline-secondary{
      color:#6c757d;
      border-color:#6c757d
  }
  .btn-outline-secondary:hover{
      color:#fff;
      background-color:#6c757d;
      border-color:#6c757d
  }
  .btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(108,117,125,0.5);
      box-shadow:0 0 0 .25rem rgba(108,117,125,0.5)
  }
  .btn-check:checked+.btn-outline-secondary,.btn-check:active+.btn-outline-secondary,.btn-outline-secondary:active,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show{
      color:#fff;
      background-color:#6c757d;
      border-color:#6c757d
  }
  .btn-check:checked+.btn-outline-secondary:focus,.btn-check:active+.btn-outline-secondary:focus,.btn-outline-secondary:active:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(108,117,125,0.5);
      box-shadow:0 0 0 .25rem rgba(108,117,125,0.5)
  }
  .btn-outline-secondary:disabled,.btn-outline-secondary.disabled{
      color:#6c757d;
      background-color:transparent
  }
  .btn-outline-success{
      color:#198754;
      border-color:#198754
  }
  .btn-outline-success:hover{
      color:#fff;
      background-color:#198754;
      border-color:#198754
  }
  .btn-check:focus+.btn-outline-success,.btn-outline-success:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(25,135,84,0.5);
      box-shadow:0 0 0 .25rem rgba(25,135,84,0.5)
  }
  .btn-check:checked+.btn-outline-success,.btn-check:active+.btn-outline-success,.btn-outline-success:active,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show{
      color:#fff;
      background-color:#198754;
      border-color:#198754
  }
  .btn-check:checked+.btn-outline-success:focus,.btn-check:active+.btn-outline-success:focus,.btn-outline-success:active:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(25,135,84,0.5);
      box-shadow:0 0 0 .25rem rgba(25,135,84,0.5)
  }
  .btn-outline-success:disabled,.btn-outline-success.disabled{
      color:#198754;
      background-color:transparent
  }
  .btn-outline-info{
      color:#0dcaf0;
      border-color:#0dcaf0
  }
  .btn-outline-info:hover{
      color:#000;
      background-color:#0dcaf0;
      border-color:#0dcaf0
  }
  .btn-check:focus+.btn-outline-info,.btn-outline-info:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(13,202,240,0.5);
      box-shadow:0 0 0 .25rem rgba(13,202,240,0.5)
  }
  .btn-check:checked+.btn-outline-info,.btn-check:active+.btn-outline-info,.btn-outline-info:active,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show{
      color:#000;
      background-color:#0dcaf0;
      border-color:#0dcaf0
  }
  .btn-check:checked+.btn-outline-info:focus,.btn-check:active+.btn-outline-info:focus,.btn-outline-info:active:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(13,202,240,0.5);
      box-shadow:0 0 0 .25rem rgba(13,202,240,0.5)
  }
  .btn-outline-info:disabled,.btn-outline-info.disabled{
      color:#0dcaf0;
      background-color:transparent
  }
  .btn-outline-warning{
      color:#ffc107;
      border-color:#ffc107
  }
  .btn-outline-warning:hover{
      color:#000;
      background-color:#ffc107;
      border-color:#ffc107
  }
  .btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(255,193,7,0.5);
      box-shadow:0 0 0 .25rem rgba(255,193,7,0.5)
  }
  .btn-check:checked+.btn-outline-warning,.btn-check:active+.btn-outline-warning,.btn-outline-warning:active,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show{
      color:#000;
      background-color:#ffc107;
      border-color:#ffc107
  }
  .btn-check:checked+.btn-outline-warning:focus,.btn-check:active+.btn-outline-warning:focus,.btn-outline-warning:active:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(255,193,7,0.5);
      box-shadow:0 0 0 .25rem rgba(255,193,7,0.5)
  }
  .btn-outline-warning:disabled,.btn-outline-warning.disabled{
      color:#ffc107;
      background-color:transparent
  }
  .btn-outline-danger{
      color:#dc3545;
      border-color:#dc3545
  }
  .btn-outline-danger:hover{
      color:#fff;
      background-color:#dc3545;
      border-color:#dc3545
  }
  .btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(220,53,69,0.5);
      box-shadow:0 0 0 .25rem rgba(220,53,69,0.5)
  }
  .btn-check:checked+.btn-outline-danger,.btn-check:active+.btn-outline-danger,.btn-outline-danger:active,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show{
      color:#fff;
      background-color:#dc3545;
      border-color:#dc3545
  }
  .btn-check:checked+.btn-outline-danger:focus,.btn-check:active+.btn-outline-danger:focus,.btn-outline-danger:active:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(220,53,69,0.5);
      box-shadow:0 0 0 .25rem rgba(220,53,69,0.5)
  }
  .btn-outline-danger:disabled,.btn-outline-danger.disabled{
      color:#dc3545;
      background-color:transparent
  }
  .btn-outline-light{
      color:#f8f9fa;
      border-color:#f8f9fa
  }
  .btn-outline-light:hover{
      color:#000;
      background-color:#f8f9fa;
      border-color:#f8f9fa
  }
  .btn-check:focus+.btn-outline-light,.btn-outline-light:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(248,249,250,0.5);
      box-shadow:0 0 0 .25rem rgba(248,249,250,0.5)
  }
  .btn-check:checked+.btn-outline-light,.btn-check:active+.btn-outline-light,.btn-outline-light:active,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show{
      color:#000;
      background-color:#f8f9fa;
      border-color:#f8f9fa
  }
  .btn-check:checked+.btn-outline-light:focus,.btn-check:active+.btn-outline-light:focus,.btn-outline-light:active:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(248,249,250,0.5);
      box-shadow:0 0 0 .25rem rgba(248,249,250,0.5)
  }
  .btn-outline-light:disabled,.btn-outline-light.disabled{
      color:#f8f9fa;
      background-color:transparent
  }
  .btn-outline-dark{
      color:#212529;
      border-color:#212529
  }
  .btn-outline-dark:hover{
      color:#fff;
      background-color:#212529;
      border-color:#212529
  }
  .btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(33,37,41,0.5);
      box-shadow:0 0 0 .25rem rgba(33,37,41,0.5)
  }
  .btn-check:checked+.btn-outline-dark,.btn-check:active+.btn-outline-dark,.btn-outline-dark:active,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show{
      color:#fff;
      background-color:#212529;
      border-color:#212529
  }
  .btn-check:checked+.btn-outline-dark:focus,.btn-check:active+.btn-outline-dark:focus,.btn-outline-dark:active:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus{
      -webkit-box-shadow:0 0 0 .25rem rgba(33,37,41,0.5);
      box-shadow:0 0 0 .25rem rgba(33,37,41,0.5)
  }
  .btn-outline-dark:disabled,.btn-outline-dark.disabled{
      color:#212529;
      background-color:transparent
  }
  .btn-link{
      font-weight:400;
      color:#0d6efd;
      text-decoration:underline
  }
  .btn-link:hover{
      color:#0a58ca
  }
  .btn-link:disabled,.btn-link.disabled{
      color:#6c757d
  }
  .btn-lg,.btn-group-lg>.btn{
      padding:.5rem 1rem;
      font-size:1.25rem;
      border-radius:.3rem
  }
  .btn-sm,.btn-group-sm>.btn{
      padding:.25rem .5rem;
      font-size:.875rem;
      border-radius:.2rem
  }
  .fade{
      -webkit-transition:opacity 0.15s linear;
      transition:opacity 0.15s linear
  }
  @media (prefers-reduced-motion: reduce){
      .fade{
          -webkit-transition:none;
          transition:none
      }
  }
  .fade:not(.show){
      opacity:0
  }
  .collapse:not(.show){
      display:none
  }
  .collapsing{
      height:0;
      overflow:hidden;
      -webkit-transition:height 0.35s ease;
      transition:height 0.35s ease
  }
  @media (prefers-reduced-motion: reduce){
      .collapsing{
          -webkit-transition:none;
          transition:none
      }
  }
  .dropup,.dropend,.dropdown,.dropstart{
      position:relative
  }
  .dropdown-toggle{
      white-space:nowrap
  }
  .dropdown-toggle::after{
      display:inline-block;
      margin-left:.255em;
      vertical-align:.255em;
      content:"";
      border-top:.3em solid;
      border-right:.3em solid transparent;
      border-bottom:0;
      border-left:.3em solid transparent
  }
  .dropdown-toggle:empty::after{
      margin-left:0
  }
  .dropdown-menu{
      position:absolute;
      top:100%;
      left:0;
      z-index:1000;
      display:none;
      min-width:10rem;
      padding:.5rem 0;
      margin:.125rem 0 0;
      font-size:1rem;
      color:#212529;
      text-align:left;
      list-style:none;
      background-color:#fff;
      background-clip:padding-box;
      border:1px solid rgba(0,0,0,0.15);
      border-radius:.25rem
  }
  .dropdown-menu[style]{
      right:auto !important
  }
  .dropdown-menu-start{
      --bs-position: start;
      right:auto 
      /* rtl:ignore */
      ;
      left:0 
      /* rtl:ignore */
  }
  .dropdown-menu-end{
      --bs-position: end;
      right:0 
      /* rtl:ignore */
      ;
      left:auto 
      /* rtl:ignore */
  }
  @media (min-width: 576px){
      .dropdown-menu-sm-start{
          --bs-position: start;
          right:auto 
          /* rtl:ignore */
          ;
          left:0 
          /* rtl:ignore */
      }
      .dropdown-menu-sm-end{
          --bs-position: end;
          right:0 
          /* rtl:ignore */
          ;
          left:auto 
          /* rtl:ignore */
      }
  }
  @media (min-width: 768px){
      .dropdown-menu-md-start{
          --bs-position: start;
          right:auto 
          /* rtl:ignore */
          ;
          left:0 
          /* rtl:ignore */
      }
      .dropdown-menu-md-end{
          --bs-position: end;
          right:0 
          /* rtl:ignore */
          ;
          left:auto 
          /* rtl:ignore */
      }
  }
  @media (min-width: 992px){
      .dropdown-menu-lg-start{
          --bs-position: start;
          right:auto 
          /* rtl:ignore */
          ;
          left:0 
          /* rtl:ignore */
      }
      .dropdown-menu-lg-end{
          --bs-position: end;
          right:0 
          /* rtl:ignore */
          ;
          left:auto 
          /* rtl:ignore */
      }
  }
  @media (min-width: 1200px){
      .dropdown-menu-xl-start{
          --bs-position: start;
          right:auto 
          /* rtl:ignore */
          ;
          left:0 
          /* rtl:ignore */
      }
      .dropdown-menu-xl-end{
          --bs-position: end;
          right:0 
          /* rtl:ignore */
          ;
          left:auto 
          /* rtl:ignore */
      }
  }
  @media (min-width: 1400px){
      .dropdown-menu-xxl-start{
          --bs-position: start;
          right:auto 
          /* rtl:ignore */
          ;
          left:0 
          /* rtl:ignore */
      }
      .dropdown-menu-xxl-end{
          --bs-position: end;
          right:0 
          /* rtl:ignore */
          ;
          left:auto 
          /* rtl:ignore */
      }
  }
  .dropup .dropdown-menu{
      top:auto;
      bottom:100%;
      margin-top:0;
      margin-bottom:.125rem
  }
  .dropup .dropdown-toggle::after{
      display:inline-block;
      margin-left:.255em;
      vertical-align:.255em;
      content:"";
      border-top:0;
      border-right:.3em solid transparent;
      border-bottom:.3em solid;
      border-left:.3em solid transparent
  }
  .dropup .dropdown-toggle:empty::after{
      margin-left:0
  }
  .dropend .dropdown-menu{
      top:0;
      right:auto;
      left:100%;
      margin-top:0;
      margin-left:.125rem
  }
  .dropend .dropdown-toggle::after{
      display:inline-block;
      margin-left:.255em;
      vertical-align:.255em;
      content:"";
      border-top:.3em solid transparent;
      border-right:0;
      border-bottom:.3em solid transparent;
      border-left:.3em solid
  }
  .dropend .dropdown-toggle:empty::after{
      margin-left:0
  }
  .dropend .dropdown-toggle::after{
      vertical-align:0
  }
  .dropstart .dropdown-menu{
      top:0;
      right:100%;
      left:auto;
      margin-top:0;
      margin-right:.125rem
  }
  .dropstart .dropdown-toggle::after{
      display:inline-block;
      margin-left:.255em;
      vertical-align:.255em;
      content:""
  }
  .dropstart .dropdown-toggle::after{
      display:none
  }
  .dropstart .dropdown-toggle::before{
      display:inline-block;
      margin-right:.255em;
      vertical-align:.255em;
      content:"";
      border-top:.3em solid transparent;
      border-right:.3em solid;
      border-bottom:.3em solid transparent
  }
  .dropstart .dropdown-toggle:empty::after{
      margin-left:0
  }
  .dropstart .dropdown-toggle::before{
      vertical-align:0
  }
  .dropdown-divider{
      height:0;
      margin:.5rem 0;
      overflow:hidden;
      border-top:1px solid rgba(0,0,0,0.15)
  }
  .dropdown-item{
      display:block;
      width:100%;
      padding:.25rem 1rem;
      clear:both;
      font-weight:400;
      color:#212529;
      text-align:inherit;
      text-decoration:none;
      white-space:nowrap;
      background-color:transparent;
      border:0
  }
  .dropdown-item:hover,.dropdown-item:focus{
      color:#1e2125;
      background-color:#f8f9fa
  }
  .dropdown-item.active,.dropdown-item:active{
      color:#fff;
      text-decoration:none;
      background-color:#0d6efd
  }
  .dropdown-item.disabled,.dropdown-item:disabled{
      color:#6c757d;
      pointer-events:none;
      background-color:transparent
  }
  .dropdown-menu.show{
      display:block
  }
  .dropdown-header{
      display:block;
      padding:.5rem 1rem;
      margin-bottom:0;
      font-size:.875rem;
      color:#6c757d;
      white-space:nowrap
  }
  .dropdown-item-text{
      display:block;
      padding:.25rem 1rem;
      color:#212529
  }
  .dropdown-menu-dark{
      color:#dee2e6;
      background-color:#343a40;
      border-color:rgba(0,0,0,0.15)
  }
  .dropdown-menu-dark .dropdown-item{
      color:#dee2e6
  }
  .dropdown-menu-dark .dropdown-item:hover,.dropdown-menu-dark .dropdown-item:focus{
      color:#fff;
      background-color:rgba(255,255,255,0.15)
  }
  .dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{
      color:#fff;
      background-color:#0d6efd
  }
  .dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{
      color:#adb5bd
  }
  .dropdown-menu-dark .dropdown-divider{
      border-color:rgba(0,0,0,0.15)
  }
  .dropdown-menu-dark .dropdown-item-text{
      color:#dee2e6
  }
  .dropdown-menu-dark .dropdown-header{
      color:#adb5bd
  }
  .btn-group,.btn-group-vertical{
      position:relative;
      display:-webkit-inline-box;
      display:-ms-inline-flexbox;
      display:inline-flex;
      vertical-align:middle
  }
  .btn-group>.btn,.btn-group-vertical>.btn{
      position:relative;
      -webkit-box-flex:1;
      -ms-flex:1 1 auto;
      flex:1 1 auto
  }
  .btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{
      z-index:1
  }
  .btn-toolbar{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
      -webkit-box-pack:start;
      -ms-flex-pack:start;
      justify-content:flex-start
  }
  .btn-toolbar .input-group{
      width:auto
  }
  .btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child){
      margin-left:-1px
  }
  .btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn-group:not(:last-child)>.btn{
      border-top-right-radius:0;
      border-bottom-right-radius:0
  }
  .btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.btn-group>.btn-group:not(:first-child)>.btn{
      border-top-left-radius:0;
      border-bottom-left-radius:0
  }
  .dropdown-toggle-split{
      padding-right:.5625rem;
      padding-left:.5625rem
  }
  .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after{
      margin-left:0
  }
  .dropstart .dropdown-toggle-split::before{
      margin-right:0
  }
  .btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{
      padding-right:.375rem;
      padding-left:.375rem
  }
  .btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{
      padding-right:.75rem;
      padding-left:.75rem
  }
  .btn-group-vertical{
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
      -webkit-box-align:start;
      -ms-flex-align:start;
      align-items:flex-start;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center
  }
  .btn-group-vertical>.btn,.btn-group-vertical>.btn-group{
      width:100%
  }
  .btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){
      margin-top:-1px
  }
  .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{
      border-bottom-right-radius:0;
      border-bottom-left-radius:0
  }
  .btn-group-vertical>.btn ~ .btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn{
      border-top-left-radius:0;
      border-top-right-radius:0
  }
  .nav{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
      padding-left:0;
      margin-bottom:0;
      list-style:none
  }
  .nav-link{
      display:block;
      padding:.5rem 1rem;
      text-decoration:none;
      -webkit-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out
  }
  @media (prefers-reduced-motion: reduce){
      .nav-link{
          -webkit-transition:none;
          transition:none
      }
  }
  .nav-link.disabled{
      color:#6c757d;
      pointer-events:none;
      cursor:default
  }
  .nav-tabs{
  }
  .nav-tabs .nav-link{
      margin-bottom:-1px;
    
  }
  .nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{
      border-color:#e9ecef #e9ecef #dee2e6
  }
  .nav-tabs .nav-link.disabled{
      color:#6c757d;
      background-color:transparent;
      border-color:transparent
  }
  .nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{
      color:#495057;
      background-color:#fff;
      border-color:#dee2e6 #dee2e6 #fff
  }
  .nav-tabs .dropdown-menu{
      margin-top:-1px;
      border-top-left-radius:0;
      border-top-right-radius:0
  }
  .nav-pills .nav-link{
      border-radius:.25rem
  }
  .nav-pills .nav-link.active,.nav-pills .show>.nav-link{
      color:#fff;
      background-color:#0d6efd
  }
  .nav-fill>.nav-link,.nav-fill .nav-item{
      -webkit-box-flex:1;
      -ms-flex:1 1 auto;
      flex:1 1 auto;
      text-align:center
  }
  .nav-justified>.nav-link,.nav-justified .nav-item{
      -ms-flex-preferred-size:0;
      flex-basis:0;
      -webkit-box-flex:1;
      -ms-flex-positive:1;
      flex-grow:1;
      text-align:center
  }
  .tab-content>.tab-pane{
      display:none
  }
  .tab-content>.active{
      display:block
  }
  .navbar{
      position:relative;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      justify-content:space-between;
      padding-top:.5rem;
      padding-bottom:.5rem
  }
  .navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-wrap:inherit;
      flex-wrap:inherit;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      justify-content:space-between
  }
  .navbar-brand{
      padding-top:.3125rem;
      padding-bottom:.3125rem;
      margin-right:1rem;
      font-size:1.25rem;
      text-decoration:none;
      white-space:nowrap
  }
  .navbar-nav{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
      padding-left:0;
      margin-bottom:0;
      list-style:none
  }
  .navbar-nav .nav-link{
      padding-right:0;
      padding-left:0
  }
  .navbar-nav .dropdown-menu{
      position:static
  }
  .navbar-text{
      padding-top:.5rem;
      padding-bottom:.5rem
  }
  .navbar-collapse{
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      width:100%
  }
  .navbar-toggler{
      padding:.25rem .75rem;
      font-size:1.25rem;
      line-height:1;
      background-color:transparent;
      border:1px solid transparent;
      border-radius:.25rem;
      -webkit-transition:-webkit-box-shadow 0.15s ease-in-out;
      transition:-webkit-box-shadow 0.15s ease-in-out;
      transition:box-shadow 0.15s ease-in-out;
      transition:box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
  }
  @media (prefers-reduced-motion: reduce){
      .navbar-toggler{
          -webkit-transition:none;
          transition:none
      }
  }
  .navbar-toggler:hover{
      text-decoration:none
  }
  .navbar-toggler:focus{
      text-decoration:none;
      outline:0;
      -webkit-box-shadow:0 0 0 .25rem;
      box-shadow:0 0 0 .25rem
  }
  .navbar-toggler-icon{
      display:inline-block;
      width:1.5em;
      height:1.5em;
      vertical-align:middle;
      background-repeat:no-repeat;
      background-position:center;
      background-size:100%
  }
  @media (min-width: 576px){
      .navbar-expand-sm{
          -ms-flex-wrap:nowrap;
          flex-wrap:nowrap;
          -webkit-box-pack:start;
          -ms-flex-pack:start;
          justify-content:flex-start
      }
      .navbar-expand-sm .navbar-nav{
          -webkit-box-orient:horizontal;
          -webkit-box-direction:normal;
          -ms-flex-direction:row;
          flex-direction:row
      }
      .navbar-expand-sm .navbar-nav .dropdown-menu{
          position:absolute
      }
      .navbar-expand-sm .navbar-nav .nav-link{
          padding-right:.5rem;
          padding-left:.5rem
      }
      .navbar-expand-sm .navbar-collapse{
          display:-webkit-box !important;
          display:-ms-flexbox !important;
          display:flex !important
      }
      .navbar-expand-sm .navbar-toggler{
          display:none
      }
  }
  @media (min-width: 768px){
      .navbar-expand-md{
          -ms-flex-wrap:nowrap;
          flex-wrap:nowrap;
          -webkit-box-pack:start;
          -ms-flex-pack:start;
          justify-content:flex-start
      }
      .navbar-expand-md .navbar-nav{
          -webkit-box-orient:horizontal;
          -webkit-box-direction:normal;
          -ms-flex-direction:row;
          flex-direction:row
      }
      .navbar-expand-md .navbar-nav .dropdown-menu{
          position:absolute
      }
      .navbar-expand-md .navbar-nav .nav-link{
          padding-right:.5rem;
          padding-left:.5rem
      }
      .navbar-expand-md .navbar-collapse{
          display:-webkit-box !important;
          display:-ms-flexbox !important;
          display:flex !important
      }
      .navbar-expand-md .navbar-toggler{
          display:none
      }
  }
  @media (min-width: 992px){
      .navbar-expand-lg{
          -ms-flex-wrap:nowrap;
          flex-wrap:nowrap;
          -webkit-box-pack:start;
          -ms-flex-pack:start;
          justify-content:flex-start
      }
      .navbar-expand-lg .navbar-nav{
          -webkit-box-orient:horizontal;
          -webkit-box-direction:normal;
          -ms-flex-direction:row;
          flex-direction:row
      }
      .navbar-expand-lg .navbar-nav .dropdown-menu{
          position:absolute
      }
      .navbar-expand-lg .navbar-nav .nav-link{
          padding-right:.5rem;
          padding-left:.5rem
      }
      .navbar-expand-lg .navbar-collapse{
          display:-webkit-box !important;
          display:-ms-flexbox !important;
          display:flex !important
      }
      .navbar-expand-lg .navbar-toggler{
          display:none
      }
  }
  @media (min-width: 1200px){
      .navbar-expand-xl{
          -ms-flex-wrap:nowrap;
          flex-wrap:nowrap;
          -webkit-box-pack:start;
          -ms-flex-pack:start;
          justify-content:flex-start
      }
      .navbar-expand-xl .navbar-nav{
          -webkit-box-orient:horizontal;
          -webkit-box-direction:normal;
          -ms-flex-direction:row;
          flex-direction:row
      }
      .navbar-expand-xl .navbar-nav .dropdown-menu{
          position:absolute
      }
      .navbar-expand-xl .navbar-nav .nav-link{
          padding-right:.5rem;
          padding-left:.5rem
      }
      .navbar-expand-xl .navbar-collapse{
          display:-webkit-box !important;
          display:-ms-flexbox !important;
          display:flex !important
      }
      .navbar-expand-xl .navbar-toggler{
          display:none
      }
  }
  @media (min-width: 1400px){
      .navbar-expand-xxl{
          -ms-flex-wrap:nowrap;
          flex-wrap:nowrap;
          -webkit-box-pack:start;
          -ms-flex-pack:start;
          justify-content:flex-start
      }
      .navbar-expand-xxl .navbar-nav{
          -webkit-box-orient:horizontal;
          -webkit-box-direction:normal;
          -ms-flex-direction:row;
          flex-direction:row
      }
      .navbar-expand-xxl .navbar-nav .dropdown-menu{
          position:absolute
      }
      .navbar-expand-xxl .navbar-nav .nav-link{
          padding-right:.5rem;
          padding-left:.5rem
      }
      .navbar-expand-xxl .navbar-collapse{
          display:-webkit-box !important;
          display:-ms-flexbox !important;
          display:flex !important
      }
      .navbar-expand-xxl .navbar-toggler{
          display:none
      }
  }
  .navbar-expand{
      -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
      -webkit-box-pack:start;
      -ms-flex-pack:start;
      justify-content:flex-start
  }
  .navbar-expand .navbar-nav{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      -ms-flex-direction:row;
      flex-direction:row
  }
  .navbar-expand .navbar-nav .dropdown-menu{
      position:absolute
  }
  .navbar-expand .navbar-nav .nav-link{
      padding-right:.5rem;
      padding-left:.5rem
  }
  .navbar-expand .navbar-collapse{
      display:-webkit-box !important;
      display:-ms-flexbox !important;
      display:flex !important
  }
  .navbar-expand .navbar-toggler{
      display:none
  }
  .navbar-light .navbar-brand{
      color:rgba(0,0,0,0.9)
  }
  .navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus{
      color:rgba(0,0,0,0.9)
  }
  .navbar-light .navbar-nav .nav-link{
      color:rgba(0,0,0,0.55)
  }
  .navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{
      color:rgba(0,0,0,0.7)
  }
  .navbar-light .navbar-nav .nav-link.disabled{
      color:rgba(0,0,0,0.3)
  }
  .navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .nav-link.active{
      color:rgba(0,0,0,0.9)
  }
  .navbar-light .navbar-toggler{
      color:rgba(0,0,0,0.55);
      border-color:rgba(0,0,0,0.1)
  }
  .navbar-light .navbar-toggler-icon{
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
  }
  .navbar-light .navbar-text{
      color:rgba(0,0,0,0.55)
  }
  .navbar-light .navbar-text a,.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus{
      color:rgba(0,0,0,0.9)
  }
  .navbar-dark .navbar-brand{
      color:#fff
  }
  .navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{
      color:#fff
  }
  .navbar-dark .navbar-nav .nav-link{
      color:rgba(255,255,255,0.55)
  }
  .navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{
      color:rgba(255,255,255,0.75)
  }
  .navbar-dark .navbar-nav .nav-link.disabled{
      color:rgba(255,255,255,0.25)
  }
  .navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .nav-link.active{
      color:#fff
  }
  .navbar-dark .navbar-toggler{
      color:rgba(255,255,255,0.55);
      border-color:rgba(255,255,255,0.1)
  }
  .navbar-dark .navbar-toggler-icon{
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
  }
  .navbar-dark .navbar-text{
      color:rgba(255,255,255,0.55)
  }
  .navbar-dark .navbar-text a,.navbar-dark .navbar-text a:hover,.navbar-dark .navbar-text a:focus{
      color:#fff
  }
  .card{
      position:relative;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
      min-width:0;
      word-wrap:break-word;
      background-color:#fff;
      background-clip:border-box;
      border:1px solid rgba(0,0,0,0.125);
      border-radius:.25rem
  }
  .card>hr{
      margin-right:0;
      margin-left:0
  }
  .card>.list-group{
      border-top:inherit;
      border-bottom:inherit
  }
  .card>.list-group:first-child{
      border-top-width:0;
      border-top-left-radius:calc(.25rem - 1px);
      border-top-right-radius:calc(.25rem - 1px)
  }
  .card>.list-group:last-child{
      border-bottom-width:0;
      border-bottom-right-radius:calc(.25rem - 1px);
      border-bottom-left-radius:calc(.25rem - 1px)
  }
  .card>.card-header+.list-group,.card>.list-group+.card-footer{
      border-top:0
  }
  .card-body{
      -webkit-box-flex:1;
      -ms-flex:1 1 auto;
      flex:1 1 auto;
      padding:1rem 1rem
  }
  .card-title{
      margin-bottom:.5rem
  }
  .card-subtitle{
      margin-top:-.25rem;
      margin-bottom:0
  }
  .card-text:last-child{
      margin-bottom:0
  }
  .card-link:hover{
      text-decoration:none
  }
  .card-link+.card-link{
      margin-left:1rem 
      /* rtl:ignore */
  }
  .card-header{
      padding:.5rem 1rem;
      margin-bottom:0;
      background-color:rgba(0,0,0,0.03);
      border-bottom:1px solid rgba(0,0,0,0.125)
  }
  .card-header:first-child{
      border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0
  }
  .card-footer{
      padding:.5rem 1rem;
      background-color:rgba(0,0,0,0.03);
      border-top:1px solid rgba(0,0,0,0.125)
  }
  .card-footer:last-child{
      border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)
  }
  .card-header-tabs{
      margin-right:-.5rem;
      margin-bottom:-.5rem;
      margin-left:-.5rem;
      border-bottom:0
  }
  .card-header-pills{
      margin-right:-.5rem;
      margin-left:-.5rem
  }
  .card-img-overlay{
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      left:0;
      padding:1rem;
      border-radius:calc(.25rem - 1px)
  }
  .card-img,.card-img-top,.card-img-bottom{
      width:100%
  }
  .card-img,.card-img-top{
      border-top-left-radius:calc(.25rem - 1px);
      border-top-right-radius:calc(.25rem - 1px)
  }
  .card-img,.card-img-bottom{
      border-bottom-right-radius:calc(.25rem - 1px);
      border-bottom-left-radius:calc(.25rem - 1px)
  }
  .card-group>.card{
      margin-bottom:.75rem
  }
  @media (min-width: 576px){
      .card-group{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
          -webkit-box-orient:horizontal;
          -webkit-box-direction:normal;
          -ms-flex-flow:row wrap;
          flex-flow:row wrap
      }
      .card-group>.card{
          -webkit-box-flex:1;
          -ms-flex:1 0 0%;
          flex:1 0 0%;
          margin-bottom:0
      }
      .card-group>.card+.card{
          margin-left:0;
          border-left:0
      }
      .card-group>.card:not(:last-child){
          border-top-right-radius:0;
          border-bottom-right-radius:0
      }
      .card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{
          border-top-right-radius:0
      }
      .card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{
          border-bottom-right-radius:0
      }
      .card-group>.card:not(:first-child){
          border-top-left-radius:0;
          border-bottom-left-radius:0
      }
      .card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{
          border-top-left-radius:0
      }
      .card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{
          border-bottom-left-radius:0
      }
  }
  .accordion-button{
      position:relative;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      width:100%;
      padding:1rem 1.25rem;
      font-size:1rem;
      color:#212529;
      background-color:rgba(0,0,0,0);
      border:1px solid rgba(0,0,0,0.125);
      border-radius:0;
      overflow-anchor:none;
      -webkit-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,border-radius 0.15s ease,-webkit-box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,border-radius 0.15s ease,-webkit-box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease,-webkit-box-shadow 0.15s ease-in-out
  }
  @media (prefers-reduced-motion: reduce){
      .accordion-button{
          -webkit-transition:none;
          transition:none
      }
  }
  .accordion-button.collapsed{
      border-bottom-width:0
  }
  .accordion-button:not(.collapsed){
      color:#0c63e4;
      background-color:#e7f1ff
  }
  .accordion-button:not(.collapsed)::after{
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      -webkit-transform:rotate(180deg);
      transform:rotate(180deg)
  }
  .accordion-button::after{
      -ms-flex-negative:0;
      flex-shrink:0;
      width:1.25rem;
      height:1.25rem;
      margin-left:auto;
      content:"";
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      background-repeat:no-repeat;
      background-size:1.25rem;
      -webkit-transition:-webkit-transform 0.2s ease-in-out;
      transition:-webkit-transform 0.2s ease-in-out;
      transition:transform 0.2s ease-in-out;
      transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out
  }
  @media (prefers-reduced-motion: reduce){
      .accordion-button::after{
          -webkit-transition:none;
          transition:none
      }
  }
  .accordion-button:hover{
      z-index:2
  }
  .accordion-button:focus{
      z-index:3;
      border-color:#86b7fe;
      outline:0;
      -webkit-box-shadow:0 0 0 .25rem rgba(13,110,253,0.25);
      box-shadow:0 0 0 .25rem rgba(13,110,253,0.25)
  }
  .accordion-header{
      margin-bottom:0
  }
  .accordion-item:first-of-type .accordion-button{
      border-top-left-radius:.25rem;
      border-top-right-radius:.25rem
  }
  .accordion-item:last-of-type .accordion-button.collapsed{
      border-bottom-width:1px;
      border-bottom-right-radius:.25rem;
      border-bottom-left-radius:.25rem
  }
  .accordion-item:last-of-type .accordion-collapse{
      border-bottom-width:1px;
      border-bottom-right-radius:.25rem;
      border-bottom-left-radius:.25rem
  }
  .accordion-collapse{
      border:solid rgba(0,0,0,0.125);
      border-width:0 1px
  }
  .accordion-body{
      padding:1rem 1.25rem
  }
  .accordion-flush .accordion-button{
      border-right:0;
      border-left:0;
      border-radius:0
  }
  .accordion-flush .accordion-collapse{
      border-width:0
  }
  .accordion-flush .accordion-item:first-of-type .accordion-button{
      border-top-width:0;
      border-top-left-radius:0;
      border-top-right-radius:0
  }
  .accordion-flush .accordion-item:last-of-type .accordion-button.collapsed{
      border-bottom-width:0;
      border-bottom-right-radius:0;
      border-bottom-left-radius:0
  }
  .breadcrumb{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
      padding:0 0;
      margin-bottom:1rem;
      list-style:none
  }
  .breadcrumb-item+.breadcrumb-item{
      padding-left:.5rem
  }
  .breadcrumb-item+.breadcrumb-item::before{
      float:left;
      padding-right:.5rem;
      color:#6c757d;
      content:var(--bs-breadcrumb-divider, "/") 
      /* rtl: var(--bs-breadcrumb-divider, "/") */
  }
  .breadcrumb-item.active{
      color:#6c757d
  }
  .pagination{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      padding-left:0;
      list-style:none
  }
  .page-link{
      position:relative;
      display:block;
      color:#0d6efd;
      text-decoration:none;
      background-color:#fff;
      border:1px solid #dee2e6;
      -webkit-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
      transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out
  }
  @media (prefers-reduced-motion: reduce){
      .page-link{
          -webkit-transition:none;
          transition:none
      }
  }
  .page-link:hover{
      z-index:2;
      color:#0a58ca;
      background-color:#e9ecef;
      border-color:#dee2e6
  }
  .page-link:focus{
      z-index:3;
      color:#0a58ca;
      background-color:#e9ecef;
      outline:0;
      -webkit-box-shadow:0 0 0 .25rem rgba(13,110,253,0.25);
      box-shadow:0 0 0 .25rem rgba(13,110,253,0.25)
  }
  .page-item:not(:first-child) .page-link{
      margin-left:-1px
  }
  .page-item.active .page-link{
      z-index:3;
      color:#fff;
      background-color:#0d6efd;
      border-color:#0d6efd
  }
  .page-item.disabled .page-link{
      color:#6c757d;
      pointer-events:none;
      background-color:#fff;
      border-color:#dee2e6
  }
  .page-link{
      padding:.375rem .75rem
  }
  .page-item:first-child .page-link{
      border-top-left-radius:.25rem;
      border-bottom-left-radius:.25rem
  }
  .page-item:last-child .page-link{
      border-top-right-radius:.25rem;
      border-bottom-right-radius:.25rem
  }
  .pagination-lg .page-link{
      padding:.75rem 1.5rem;
      font-size:1.25rem
  }
  .pagination-lg .page-item:first-child .page-link{
      border-top-left-radius:.3rem;
      border-bottom-left-radius:.3rem
  }
  .pagination-lg .page-item:last-child .page-link{
      border-top-right-radius:.3rem;
      border-bottom-right-radius:.3rem
  }
  .pagination-sm .page-link{
      padding:.25rem .5rem;
      font-size:.875rem
  }
  .pagination-sm .page-item:first-child .page-link{
      border-top-left-radius:.2rem;
      border-bottom-left-radius:.2rem
  }
  .pagination-sm .page-item:last-child .page-link{
      border-top-right-radius:.2rem;
      border-bottom-right-radius:.2rem
  }
  .badge{
      display:inline-block;
      padding:.35em .65em;
      font-size:.75em;
      font-weight:700;
      line-height:1;
      color:#fff;
      text-align:center;
      white-space:nowrap;
      vertical-align:baseline;
      border-radius:.25rem
  }
  .badge:empty{
      display:none
  }
  .btn .badge{
      position:relative;
      top:-1px
  }
  .alert{
      position:relative;
      padding:1rem 1rem;
      margin-bottom:1rem;
      border:1px solid transparent;
      border-radius:.25rem
  }
  .alert-heading{
      color:inherit
  }
  .alert-link{
      font-weight:700
  }
  .alert-dismissible{
      padding-right:3rem
  }
  .alert-dismissible .btn-close{
      position:absolute;
      top:0;
      right:0;
      z-index:2;
      padding:1.25rem 1rem
  }
  .alert-primary{
      color:#084298;
      background-color:#cfe2ff;
      border-color:#b6d4fe
  }
  .alert-primary .alert-link{
      color:#06357a
  }
  .alert-secondary{
      color:#41464b;
      background-color:#e2e3e5;
      border-color:#d3d6d8
  }
  .alert-secondary .alert-link{
      color:#34383c
  }
  .alert-success{
      color:#0f5132;
      background-color:#d1e7dd;
      border-color:#badbcc
  }
  .alert-success .alert-link{
      color:#0c4128
  }
  .alert-info{
      color:#055160;
      background-color:#cff4fc;
      border-color:#b6effb
  }
  .alert-info .alert-link{
      color:#04414d
  }
  .alert-warning{
      color:#664d03;
      background-color:#fff3cd;
      border-color:#ffecb5
  }
  .alert-warning .alert-link{
      color:#523e02
  }
  .alert-danger{
      color:#842029;
      background-color:#f8d7da;
      border-color:#f5c2c7
  }
  .alert-danger .alert-link{
      color:#6a1a21
  }
  .alert-light{
      color:#636464;
      background-color:#fefefe;
      border-color:#fdfdfe
  }
  .alert-light .alert-link{
      color:#4f5050
  }
  .alert-dark{
      color:#141619;
      background-color:#d3d3d4;
      border-color:#bcbebf
  }
  .alert-dark .alert-link{
      color:#101214
  }
  @-webkit-keyframes progress-bar-stripes{
      0%{
          background-position-x:1rem
      }
  }
  @keyframes progress-bar-stripes{
      0%{
          background-position-x:1rem
      }
  }
  .progress{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      height:1rem;
      overflow:hidden;
      font-size:.75rem;
      background-color:#e9ecef;
      border-radius:.25rem
  }
  .progress-bar{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center;
      overflow:hidden;
      color:#fff;
      text-align:center;
      white-space:nowrap;
      background-color:#0d6efd;
      -webkit-transition:width 0.6s ease;
      transition:width 0.6s ease
  }
  @media (prefers-reduced-motion: reduce){
      .progress-bar{
          -webkit-transition:none;
          transition:none
      }
  }
  .progress-bar-striped{
      background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
      background-size:1rem 1rem
  }
  .progress-bar-animated{
      -webkit-animation:1s linear infinite progress-bar-stripes;
      animation:1s linear infinite progress-bar-stripes
  }
  @media (prefers-reduced-motion: reduce){
      .progress-bar-animated{
          -webkit-animation:none;
          animation:none
      }
  }
  .list-group{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
      padding-left:0;
      margin-bottom:0;
      border-radius:.25rem
  }
  .list-group-item-action{
      width:100%;
      color:#495057;
      text-align:inherit
  }
  .list-group-item-action:hover,.list-group-item-action:focus{
      z-index:1;
      color:#495057;
      text-decoration:none;
      background-color:#f8f9fa
  }
  .list-group-item-action:active{
      color:#212529;
      background-color:#e9ecef
  }
  .list-group-item{
      position:relative;
      display:block;
      padding:.5rem 1rem;
      text-decoration:none;
      background-color:#fff;
      border:1px solid rgba(0,0,0,0.125)
  }
  .list-group-item:first-child{
      border-top-left-radius:inherit;
      border-top-right-radius:inherit
  }
  .list-group-item:last-child{
      border-bottom-right-radius:inherit;
      border-bottom-left-radius:inherit
  }
  .list-group-item.disabled,.list-group-item:disabled{
      color:#6c757d;
      pointer-events:none;
      background-color:#fff
  }
  .list-group-item.active{
      z-index:2;
      color:#fff;
      background-color:#0d6efd;
      border-color:#0d6efd
  }
  .list-group-item+.list-group-item{
      border-top-width:0
  }
  .list-group-item+.list-group-item.active{
      margin-top:-1px;
      border-top-width:1px
  }
  .list-group-horizontal{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      -ms-flex-direction:row;
      flex-direction:row
  }
  .list-group-horizontal>.list-group-item:first-child{
      border-bottom-left-radius:.25rem;
      border-top-right-radius:0
  }
  .list-group-horizontal>.list-group-item:last-child{
      border-top-right-radius:.25rem;
      border-bottom-left-radius:0
  }
  .list-group-horizontal>.list-group-item.active{
      margin-top:0
  }
  .list-group-horizontal>.list-group-item+.list-group-item{
      border-top-width:1px;
      border-left-width:0
  }
  .list-group-horizontal>.list-group-item+.list-group-item.active{
      margin-left:-1px;
      border-left-width:1px
  }
  @media (min-width: 576px){
      .list-group-horizontal-sm{
          -webkit-box-orient:horizontal;
          -webkit-box-direction:normal;
          -ms-flex-direction:row;
          flex-direction:row
      }
      .list-group-horizontal-sm>.list-group-item:first-child{
          border-bottom-left-radius:.25rem;
          border-top-right-radius:0
      }
      .list-group-horizontal-sm>.list-group-item:last-child{
          border-top-right-radius:.25rem;
          border-bottom-left-radius:0
      }
      .list-group-horizontal-sm>.list-group-item.active{
          margin-top:0
      }
      .list-group-horizontal-sm>.list-group-item+.list-group-item{
          border-top-width:1px;
          border-left-width:0
      }
      .list-group-horizontal-sm>.list-group-item+.list-group-item.active{
          margin-left:-1px;
          border-left-width:1px
      }
  }
  @media (min-width: 768px){
      .list-group-horizontal-md{
          -webkit-box-orient:horizontal;
          -webkit-box-direction:normal;
          -ms-flex-direction:row;
          flex-direction:row
      }
      .list-group-horizontal-md>.list-group-item:first-child{
          border-bottom-left-radius:.25rem;
          border-top-right-radius:0
      }
      .list-group-horizontal-md>.list-group-item:last-child{
          border-top-right-radius:.25rem;
          border-bottom-left-radius:0
      }
      .list-group-horizontal-md>.list-group-item.active{
          margin-top:0
      }
      .list-group-horizontal-md>.list-group-item+.list-group-item{
          border-top-width:1px;
          border-left-width:0
      }
      .list-group-horizontal-md>.list-group-item+.list-group-item.active{
          margin-left:-1px;
          border-left-width:1px
      }
  }
  @media (min-width: 992px){
      .list-group-horizontal-lg{
          -webkit-box-orient:horizontal;
          -webkit-box-direction:normal;
          -ms-flex-direction:row;
          flex-direction:row
      }
      .list-group-horizontal-lg>.list-group-item:first-child{
          border-bottom-left-radius:.25rem;
          border-top-right-radius:0
      }
      .list-group-horizontal-lg>.list-group-item:last-child{
          border-top-right-radius:.25rem;
          border-bottom-left-radius:0
      }
      .list-group-horizontal-lg>.list-group-item.active{
          margin-top:0
      }
      .list-group-horizontal-lg>.list-group-item+.list-group-item{
          border-top-width:1px;
          border-left-width:0
      }
      .list-group-horizontal-lg>.list-group-item+.list-group-item.active{
          margin-left:-1px;
          border-left-width:1px
      }
  }
  @media (min-width: 1200px){
      .list-group-horizontal-xl{
          -webkit-box-orient:horizontal;
          -webkit-box-direction:normal;
          -ms-flex-direction:row;
          flex-direction:row
      }
      .list-group-horizontal-xl>.list-group-item:first-child{
          border-bottom-left-radius:.25rem;
          border-top-right-radius:0
      }
      .list-group-horizontal-xl>.list-group-item:last-child{
          border-top-right-radius:.25rem;
          border-bottom-left-radius:0
      }
      .list-group-horizontal-xl>.list-group-item.active{
          margin-top:0
      }
      .list-group-horizontal-xl>.list-group-item+.list-group-item{
          border-top-width:1px;
          border-left-width:0
      }
      .list-group-horizontal-xl>.list-group-item+.list-group-item.active{
          margin-left:-1px;
          border-left-width:1px
      }
  }
  @media (min-width: 1400px){
      .list-group-horizontal-xxl{
          -webkit-box-orient:horizontal;
          -webkit-box-direction:normal;
          -ms-flex-direction:row;
          flex-direction:row
      }
      .list-group-horizontal-xxl>.list-group-item:first-child{
          border-bottom-left-radius:.25rem;
          border-top-right-radius:0
      }
      .list-group-horizontal-xxl>.list-group-item:last-child{
          border-top-right-radius:.25rem;
          border-bottom-left-radius:0
      }
      .list-group-horizontal-xxl>.list-group-item.active{
          margin-top:0
      }
      .list-group-horizontal-xxl>.list-group-item+.list-group-item{
          border-top-width:1px;
          border-left-width:0
      }
      .list-group-horizontal-xxl>.list-group-item+.list-group-item.active{
          margin-left:-1px;
          border-left-width:1px
      }
  }
  .list-group-flush{
      border-radius:0
  }
  .list-group-flush>.list-group-item{
      border-width:0 0 1px
  }
  .list-group-flush>.list-group-item:last-child{
      border-bottom-width:0
  }
  .list-group-item-primary{
      color:#084298;
      background-color:#cfe2ff
  }
  .list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus{
      color:#084298;
      background-color:#bacbe6
  }
  .list-group-item-primary.list-group-item-action.active{
      color:#fff;
      background-color:#084298;
      border-color:#084298
  }
  .list-group-item-secondary{
      color:#41464b;
      background-color:#e2e3e5
  }
  .list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus{
      color:#41464b;
      background-color:#cbccce
  }
  .list-group-item-secondary.list-group-item-action.active{
      color:#fff;
      background-color:#41464b;
      border-color:#41464b
  }
  .list-group-item-success{
      color:#0f5132;
      background-color:#d1e7dd
  }
  .list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus{
      color:#0f5132;
      background-color:#bcd0c7
  }
  .list-group-item-success.list-group-item-action.active{
      color:#fff;
      background-color:#0f5132;
      border-color:#0f5132
  }
  .list-group-item-info{
      color:#055160;
      background-color:#cff4fc
  }
  .list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus{
      color:#055160;
      background-color:#badce3
  }
  .list-group-item-info.list-group-item-action.active{
      color:#fff;
      background-color:#055160;
      border-color:#055160
  }
  .list-group-item-warning{
      color:#664d03;
      background-color:#fff3cd
  }
  .list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus{
      color:#664d03;
      background-color:#e6dbb9
  }
  .list-group-item-warning.list-group-item-action.active{
      color:#fff;
      background-color:#664d03;
      border-color:#664d03
  }
  .list-group-item-danger{
      color:#842029;
      background-color:#f8d7da
  }
  .list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus{
      color:#842029;
      background-color:#dfc2c4
  }
  .list-group-item-danger.list-group-item-action.active{
      color:#fff;
      background-color:#842029;
      border-color:#842029
  }
  .list-group-item-light{
      color:#636464;
      background-color:#fefefe
  }
  .list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus{
      color:#636464;
      background-color:#e5e5e5
  }
  .list-group-item-light.list-group-item-action.active{
      color:#fff;
      background-color:#636464;
      border-color:#636464
  }
  .list-group-item-dark{
      color:#141619;
      background-color:#d3d3d4
  }
  .list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus{
      color:#141619;
      background-color:#bebebf
  }
  .list-group-item-dark.list-group-item-action.active{
      color:#fff;
      background-color:#141619;
      border-color:#141619
  }
  .btn-close{
      -webkit-box-sizing:content-box;
      box-sizing:content-box;
      width:1em;
      height:1em;
      padding:.25em .25em;
      color:#000;
      background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
      border:0;
      border-radius:.25rem;
      opacity:.5
  }
  .btn-close:hover{
      color:#000;
      text-decoration:none;
      opacity:.75
  }
  .btn-close:focus{
      outline:none;
      -webkit-box-shadow:0 0 0 .25rem rgba(13,110,253,0.25);
      box-shadow:0 0 0 .25rem rgba(13,110,253,0.25);
      opacity:1
  }
  .btn-close:disabled,.btn-close.disabled{
      pointer-events:none;
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
      opacity:.25
  }
  .btn-close-white{
      -webkit-filter:invert(1) grayscale(100%) brightness(200%);
      filter:invert(1) grayscale(100%) brightness(200%)
  }
  .toast{
      width:350px;
      max-width:100%;
      font-size:.875rem;
      pointer-events:auto;
      background-color:rgba(255,255,255,0.85);
      background-clip:padding-box;
      border:1px solid rgba(0,0,0,0.1);
      -webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);
      box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);
      border-radius:.25rem
  }
  .toast:not(.showing):not(.show){
      opacity:0
  }
  .toast.hide{
      display:none
  }
  .toast-container{
      width:-webkit-max-content;
      width:-moz-max-content;
      width:max-content;
      max-width:100%;
      pointer-events:none
  }
  .toast-container>:not(:last-child){
      margin-bottom:.75rem
  }
  .toast-header{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      padding:.5rem .75rem;
      color:#6c757d;
      background-color:rgba(255,255,255,0.85);
      background-clip:padding-box;
      border-bottom:1px solid rgba(0,0,0,0.05);
      border-top-left-radius:calc(.25rem - 1px);
      border-top-right-radius:calc(.25rem - 1px)
  }
  .toast-header .btn-close{
      margin-right:-.375rem;
      margin-left:.75rem
  }
  .toast-body{
      padding:.75rem
  }
  .modal-open{
      overflow:hidden
  }
  .modal-open .modal{
      overflow-x:hidden;
      overflow-y:auto
  }
  .modal{
      position:fixed;
      top:0;
      left:0;
      z-index:1050;
      display:none;
      width:100%;
      height:100%;
      overflow:hidden;
      outline:0
  }
  .modal-dialog{
      position:relative;
      width:auto;
      margin:.5rem;
      pointer-events:none
  }
  .modal.fade .modal-dialog{
      -webkit-transition:-webkit-transform 0.3s ease-out;
      transition:-webkit-transform 0.3s ease-out;
      transition:transform 0.3s ease-out;
      transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
      -webkit-transform:translate(0, -50px);
      transform:translate(0, -50px)
  }
  @media (prefers-reduced-motion: reduce){
      .modal.fade .modal-dialog{
          -webkit-transition:none;
          transition:none
      }
  }
  .modal.show .modal-dialog{
      -webkit-transform:none;
      transform:none
  }
  .modal.modal-static .modal-dialog{
      -webkit-transform:scale(1.02);
      transform:scale(1.02)
  }
  .modal-dialog-scrollable{
      height:calc(100% - 1rem)
  }
  .modal-dialog-scrollable .modal-content{
      max-height:100%;
      overflow:hidden
  }
  .modal-dialog-scrollable .modal-body{
      overflow-y:auto
  }
  .modal-dialog-centered{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      min-height:calc(100% - 1rem)
  }
  .modal-content{
      position:relative;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
      width:100%;
      pointer-events:auto;
      background-color:#fff;
      background-clip:padding-box;
      border:1px solid rgba(0,0,0,0.2);
      border-radius:.3rem;
      outline:0
  }
  .modal-backdrop{
      position:fixed;
      top:0;
      left:0;
      z-index:1040;
      width:100vw;
      height:100vh;
      background-color:#000
  }
  .modal-backdrop.fade{
      opacity:0
  }
  .modal-backdrop.show{
      opacity:.5
  }
  .modal-header{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-negative:0;
      flex-shrink:0;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      justify-content:space-between;
      padding:1rem 1rem;
      border-bottom:1px solid #dee2e6;
      border-top-left-radius:calc(.3rem - 1px);
      border-top-right-radius:calc(.3rem - 1px)
  }
  .modal-header .btn-close{
      padding:.5rem .5rem;
      margin:-.5rem -.5rem -.5rem auto
  }
  .modal-title{
      margin-bottom:0;
      line-height:1.5
  }
  .modal-body{
      position:relative;
      -webkit-box-flex:1;
      -ms-flex:1 1 auto;
      flex:1 1 auto;
      padding:1rem
  }
  .modal-footer{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
      -ms-flex-negative:0;
      flex-shrink:0;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:end;
      -ms-flex-pack:end;
      justify-content:flex-end;
      padding:.75rem;
      border-top:1px solid #dee2e6;
      border-bottom-right-radius:calc(.3rem - 1px);
      border-bottom-left-radius:calc(.3rem - 1px)
  }
  .modal-footer>*{
      margin:.25rem
  }
  .modal-scrollbar-measure{
      position:absolute;
      top:-9999px;
      width:50px;
      height:50px;
      overflow:scroll
  }
  @media (min-width: 576px){
      .modal-dialog{
          max-width:500px;
          margin:1.75rem auto
      }
      .modal-dialog-scrollable{
          height:calc(100% - 3.5rem)
      }
      .modal-dialog-centered{
          min-height:calc(100% - 3.5rem)
      }
      .modal-sm{
          max-width:300px
      }
  }
  @media (min-width: 992px){
      .modal-lg,.modal-xl{
          max-width:800px
      }
  }
  @media (min-width: 1200px){
      .modal-xl{
          max-width:1140px
      }
  }
  .modal-fullscreen{
      width:100vw;
      max-width:none;
      height:100%;
      margin:0
  }
  .modal-fullscreen .modal-content{
      height:100%;
      border:0;
      border-radius:0
  }
  .modal-fullscreen .modal-header{
      border-radius:0
  }
  .modal-fullscreen .modal-body{
      overflow-y:auto
  }
  .modal-fullscreen .modal-footer{
      border-radius:0
  }
  @media (max-width: 575.98px){
      .modal-fullscreen-sm-down{
          width:100vw;
          max-width:none;
          height:100%;
          margin:0
      }
      .modal-fullscreen-sm-down .modal-content{
          height:100%;
          border:0;
          border-radius:0
      }
      .modal-fullscreen-sm-down .modal-header{
          border-radius:0
      }
      .modal-fullscreen-sm-down .modal-body{
          overflow-y:auto
      }
      .modal-fullscreen-sm-down .modal-footer{
          border-radius:0
      }
  }
  @media (max-width: 767.98px){
      .modal-fullscreen-md-down{
          width:100vw;
          max-width:none;
          height:100%;
          margin:0
      }
      .modal-fullscreen-md-down .modal-content{
          height:100%;
          border:0;
          border-radius:0
      }
      .modal-fullscreen-md-down .modal-header{
          border-radius:0
      }
      .modal-fullscreen-md-down .modal-body{
          overflow-y:auto
      }
      .modal-fullscreen-md-down .modal-footer{
          border-radius:0
      }
  }
  @media (max-width: 991.98px){
      .modal-fullscreen-lg-down{
          width:100vw;
          max-width:none;
          height:100%;
          margin:0
      }
      .modal-fullscreen-lg-down .modal-content{
          height:100%;
          border:0;
          border-radius:0
      }
      .modal-fullscreen-lg-down .modal-header{
          border-radius:0
      }
      .modal-fullscreen-lg-down .modal-body{
          overflow-y:auto
      }
      .modal-fullscreen-lg-down .modal-footer{
          border-radius:0
      }
  }
  @media (max-width: 1199.98px){
      .modal-fullscreen-xl-down{
          width:100vw;
          max-width:none;
          height:100%;
          margin:0
      }
      .modal-fullscreen-xl-down .modal-content{
          height:100%;
          border:0;
          border-radius:0
      }
      .modal-fullscreen-xl-down .modal-header{
          border-radius:0
      }
      .modal-fullscreen-xl-down .modal-body{
          overflow-y:auto
      }
      .modal-fullscreen-xl-down .modal-footer{
          border-radius:0
      }
  }
  @media (max-width: 1399.98px){
      .modal-fullscreen-xxl-down{
          width:100vw;
          max-width:none;
          height:100%;
          margin:0
      }
      .modal-fullscreen-xxl-down .modal-content{
          height:100%;
          border:0;
          border-radius:0
      }
      .modal-fullscreen-xxl-down .modal-header{
          border-radius:0
      }
      .modal-fullscreen-xxl-down .modal-body{
          overflow-y:auto
      }
      .modal-fullscreen-xxl-down .modal-footer{
          border-radius:0
      }
  }
  .tooltip{
      position:absolute;
      z-index:1070;
      display:block;
      margin:0;
      font-family:var(--bs-font-sans-serif);
      font-style:normal;
      font-weight:400;
      line-height:1.5;
      text-align:left;
      text-align:start;
      text-decoration:none;
      text-shadow:none;
      text-transform:none;
      letter-spacing:normal;
      word-break:normal;
      word-spacing:normal;
      white-space:normal;
      line-break:auto;
      font-size:.875rem;
      word-wrap:break-word;
      opacity:0
  }
  .tooltip.show{
      opacity:.9
  }
  .tooltip .tooltip-arrow{
      position:absolute;
      display:block;
      width:.8rem;
      height:.4rem
  }
  .tooltip .tooltip-arrow::before{
      position:absolute;
      content:"";
      border-color:transparent;
      border-style:solid
  }
  .bs-tooltip-top,.bs-tooltip-auto[data-popper-placement^="top"]{
      padding:.4rem 0
  }
  .bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow{
      bottom:0
  }
  .bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before{
      top:-1px;
      border-width:.4rem .4rem 0;
      border-top-color:#000
  }
  .bs-tooltip-end,.bs-tooltip-auto[data-popper-placement^="right"]{
      padding:0 .4rem
  }
  .bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow{
      left:0;
      width:.4rem;
      height:.8rem
  }
  .bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before{
      right:-1px;
      border-width:.4rem .4rem .4rem 0;
      border-right-color:#000
  }
  .bs-tooltip-bottom,.bs-tooltip-auto[data-popper-placement^="bottom"]{
      padding:.4rem 0
  }
  .bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow{
      top:0
  }
  .bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before{
      bottom:-1px;
      border-width:0 .4rem .4rem;
      border-bottom-color:#000
  }
  .bs-tooltip-start,.bs-tooltip-auto[data-popper-placement^="left"]{
      padding:0 .4rem
  }
  .bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow{
      right:0;
      width:.4rem;
      height:.8rem
  }
  .bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before{
      left:-1px;
      border-width:.4rem 0 .4rem .4rem;
      border-left-color:#000
  }
  .tooltip-inner{
      max-width:200px;
      padding:.25rem .5rem;
      color:#fff;
      text-align:center;
      background-color:#000;
      border-radius:.25rem
  }
  .popover{
      position:absolute;
      top:0;
      left:0 
      /* rtl:ignore */
      ;
      z-index:1060;
      display:block;
      max-width:276px;
      font-family:var(--bs-font-sans-serif);
      font-style:normal;
      font-weight:400;
      line-height:1.5;
      text-align:left;
      text-align:start;
      text-decoration:none;
      text-shadow:none;
      text-transform:none;
      letter-spacing:normal;
      word-break:normal;
      word-spacing:normal;
      white-space:normal;
      line-break:auto;
      font-size:.875rem;
      word-wrap:break-word;
      background-color:#fff;
      background-clip:padding-box;
      border:1px solid rgba(0,0,0,0.2);
      border-radius:.3rem
  }
  .popover .popover-arrow{
      position:absolute;
      display:block;
      width:1rem;
      height:.5rem;
      margin:0 .3rem
  }
  .popover .popover-arrow::before,.popover .popover-arrow::after{
      position:absolute;
      display:block;
      content:"";
      border-color:transparent;
      border-style:solid
  }
  .bs-popover-top,.bs-popover-auto[data-popper-placement^="top"]{
      margin-bottom:.5rem !important
  }
  .bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow{
      bottom:calc(-.5rem - 1px)
  }
  .bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before{
      bottom:0;
      border-width:.5rem .5rem 0;
      border-top-color:rgba(0,0,0,0.25)
  }
  .bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after{
      bottom:1px;
      border-width:.5rem .5rem 0;
      border-top-color:#fff
  }
  .bs-popover-end,.bs-popover-auto[data-popper-placement^="right"]{
      margin-left:.5rem !important
  }
  .bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow{
      left:calc(-.5rem - 1px);
      width:.5rem;
      height:1rem;
      margin:.3rem 0
  }
  .bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before{
      left:0;
      border-width:.5rem .5rem .5rem 0;
      border-right-color:rgba(0,0,0,0.25)
  }
  .bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after{
      left:1px;
      border-width:.5rem .5rem .5rem 0;
      border-right-color:#fff
  }
  .bs-popover-bottom,.bs-popover-auto[data-popper-placement^="bottom"]{
      margin-top:.5rem !important
  }
  .bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow{
      top:calc(-.5rem - 1px)
  }
  .bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before{
      top:0;
      border-width:0 .5rem .5rem .5rem;
      border-bottom-color:rgba(0,0,0,0.25)
  }
  .bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after{
      top:1px;
      border-width:0 .5rem .5rem .5rem;
      border-bottom-color:#fff
  }
  .bs-popover-bottom .popover-header::before,.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before{
      position:absolute;
      top:0;
      left:50%;
      display:block;
      width:1rem;
      margin-left:-.5rem;
      content:"";
      border-bottom:1px solid #f0f0f0
  }
  .bs-popover-start,.bs-popover-auto[data-popper-placement^="left"]{
      margin-right:.5rem !important
  }
  .bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow{
      right:calc(-.5rem - 1px);
      width:.5rem;
      height:1rem;
      margin:.3rem 0
  }
  .bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before{
      right:0;
      border-width:.5rem 0 .5rem .5rem;
      border-left-color:rgba(0,0,0,0.25)
  }
  .bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after{
      right:1px;
      border-width:.5rem 0 .5rem .5rem;
      border-left-color:#fff
  }
  .popover-header{
      padding:.5rem 1rem;
      margin-bottom:0;
      font-size:1rem;
      background-color:#f0f0f0;
      border-bottom:1px solid #d8d8d8;
      border-top-left-radius:calc(.3rem - 1px);
      border-top-right-radius:calc(.3rem - 1px)
  }
  .popover-header:empty{
      display:none
  }
  .popover-body{
      padding:1rem 1rem;
      color:#212529
  }
  .carousel{
      position:relative
  }
  .carousel.pointer-event{
      -ms-touch-action:pan-y;
      touch-action:pan-y
  }
  .carousel-inner{
      position:relative;
      width:100%;
      overflow:hidden
  }
  .carousel-inner::after{
      display:block;
      clear:both;
      content:""
  }
  .carousel-item{
      position:relative;
      display:none;
      float:left;
      width:100%;
      margin-right:-100%;
      -webkit-backface-visibility:hidden;
      backface-visibility:hidden;
      -webkit-transition:-webkit-transform .6s ease-in-out;
      transition:-webkit-transform .6s ease-in-out;
      transition:transform .6s ease-in-out;
      transition:transform .6s ease-in-out, -webkit-transform .6s ease-in-out
  }
  @media (prefers-reduced-motion: reduce){
      .carousel-item{
          -webkit-transition:none;
          transition:none
      }
  }
  .carousel-item.active,.carousel-item-next,.carousel-item-prev{
      display:block
  }
  .carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{
      -webkit-transform:translateX(100%);
      transform:translateX(100%)
  }
  .carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{
      -webkit-transform:translateX(-100%);
      transform:translateX(-100%)
  }
  .carousel-fade .carousel-item{
      opacity:0;
      -webkit-transition-property:opacity;
      transition-property:opacity;
      -webkit-transform:none;
      transform:none
  }
  .carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{
      z-index:1;
      opacity:1
  }
  .carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{
      z-index:0;
      opacity:0;
      -webkit-transition:opacity 0s .6s;
      transition:opacity 0s .6s
  }
  @media (prefers-reduced-motion: reduce){
      .carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{
          -webkit-transition:none;
          transition:none
      }
  }
  .carousel-control-prev,.carousel-control-next{
      position:absolute;
      top:0;
      bottom:0;
      z-index:1;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center;
      width:15%;
      color:#fff;
      text-align:center;
      opacity:.5;
      -webkit-transition:opacity 0.15s ease;
      transition:opacity 0.15s ease
  }
  @media (prefers-reduced-motion: reduce){
      .carousel-control-prev,.carousel-control-next{
          -webkit-transition:none;
          transition:none
      }
  }
  .clearfix::after{
      display:block;
      clear:both;
      content:""
  }
  .link-primary{
      color:#0d6efd
  }
  .link-primary:hover,.link-primary:focus{
      color:#0a58ca
  }
  .link-secondary{
      color:#6c757d
  }
  .link-secondary:hover,.link-secondary:focus{
      color:#565e64
  }
  .link-success{
      color:#198754
  }
  .link-success:hover,.link-success:focus{
      color:#146c43
  }
  .link-info{
      color:#0dcaf0
  }
  .link-info:hover,.link-info:focus{
      color:#3dd5f3
  }
  .link-warning{
      color:#ffc107
  }
  .link-warning:hover,.link-warning:focus{
      color:#ffcd39
  }
  .link-danger{
      color:#dc3545
  }
  .link-danger:hover,.link-danger:focus{
      color:#b02a37
  }
  .link-light{
      color:#f8f9fa
  }
  .link-light:hover,.link-light:focus{
      color:#f9fafb
  }
  .link-dark{
      color:#212529
  }
  .link-dark:hover,.link-dark:focus{
      color:#1a1e21
  }
  .ratio{
      position:relative;
      width:100%
  }
  .ratio::before{
      display:block;
      padding-top:var(--aspect-ratio);
      content:""
  }
  .ratio>*{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%
  }
  .ratio-1x1{
      --aspect-ratio: 100%
  }
  .ratio-4x3{
      --aspect-ratio: calc(3 / 4 * 100%)
  }
  .ratio-16x9{
      --aspect-ratio: calc(9 / 16 * 100%)
  }
  .ratio-21x9{
      --aspect-ratio: calc(9 / 21 * 100%)
  }
  .fixed-top{
      position:fixed;
      top:0;
      right:0;
      left:0;
      z-index:1030
  }
  .fixed-bottom{
      position:fixed;
      right:0;
      bottom:0;
      left:0;
      z-index:1030
  }
  .sticky-top{
      position:-webkit-sticky;
      position:sticky;
      top:0;
      z-index:1020
  }
  @media (min-width: 576px){
      .sticky-sm-top{
          position:-webkit-sticky;
          position:sticky;
          top:0;
          z-index:1020
      }
  }
  @media (min-width: 768px){
      .sticky-md-top{
          position:-webkit-sticky;
          position:sticky;
          top:0;
          z-index:1020
      }
  }
  @media (min-width: 992px){
      .sticky-lg-top{
          position:-webkit-sticky;
          position:sticky;
          top:0;
          z-index:1020
      }
  }
  @media (min-width: 1200px){
      .sticky-xl-top{
          position:-webkit-sticky;
          position:sticky;
          top:0;
          z-index:1020
      }
  }
  @media (min-width: 1400px){
      .sticky-xxl-top{
          position:-webkit-sticky;
          position:sticky;
          top:0;
          z-index:1020
      }
  }
  .visually-hidden,.visually-hidden-focusable:not(:focus){
      position:absolute !important;
      width:1px !important;
      height:1px !important;
      padding:0 !important;
      margin:-1px !important;
      overflow:hidden !important;
      clip:rect(0, 0, 0, 0) !important;
      white-space:nowrap !important;
      border:0 !important
  }
  .stretched-link::after{
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      left:0;
      z-index:1;
      content:""
  }
  .text-truncate{
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap
  }
  .align-baseline{
      vertical-align:baseline !important
  }
  .align-top{
      vertical-align:top !important
  }
  .align-middle{
      vertical-align:middle !important
  }
  .align-bottom{
      vertical-align:bottom !important
  }
  .align-text-bottom{
      vertical-align:text-bottom !important
  }
  .align-text-top{
      vertical-align:text-top !important
  }
  .float-start{
      float:left !important
  }
  .float-end{
      float:right !important
  }
  .float-none{
      float:none !important
  }
  .overflow-auto{
      overflow:auto !important
  }
  .overflow-hidden{
      overflow:hidden !important
  }
  .overflow-visible{
      overflow:visible !important
  }
  .overflow-scroll{
      overflow:scroll !important
  }
  .d-inline{
      display:inline !important
  }
  .d-inline-block{
      display:inline-block !important
  }
  .d-block{
      display:block !important
  }
  .d-grid{
      display:grid !important
  }
  .d-table{
      display:table !important
  }
  .d-table-row{
      display:table-row !important
  }
  .d-table-cell{
      display:table-cell !important
  }
  .d-flex{
      display:-webkit-box !important;
      display:-ms-flexbox !important;
      display:flex !important
  }
  .d-inline-flex{
      display:-webkit-inline-box !important;
      display:-ms-inline-flexbox !important;
      display:inline-flex !important
  }
  .d-none{
      display:none !important
  }
  .shadow{
      -webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15) !important;
      box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15) !important
  }
  .shadow-sm{
      -webkit-box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
      box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075) !important
  }
  .shadow-lg{
      -webkit-box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important;
      box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important
  }
  .shadow-none{
      -webkit-box-shadow:none !important;
      box-shadow:none !important
  }
  
  
  
  
  
  
  .lh-sm{
      line-height:1.25 !important
  }
  .lh-base{
      line-height:1.5 !important
  }
  .lh-lg{
      line-height:2 !important
  }
  .bg-primary{
      background-color:#0d6efd !important
  }
  .bg-secondary{
      background-color:#6c757d !important
  }
  .bg-success{
      background-color:#198754 !important
  }
  .bg-info{
      background-color:#0dcaf0 !important
  }
  .bg-warning{
      background-color:#ffc107 !important
  }
  .bg-danger{
      background-color:#dc3545 !important
  }
  .bg-light{
      background-color:#f8f9fa !important
  }
  .bg-dark{
      background-color:#0000 !important
  }
  .bg-body{
      background-color:#000 !important
  }
  .bg-white{
      background-color:#000 !important
  }
  .bg-transparent{
      background-color:rgba(0,0,0,0) !important
  }
  .bg-gradient{
      background-image:var(--bs-gradient) !important
  }
  .text-wrap{
      white-space:normal !important
  }
  .text-nowrap{
      white-space:nowrap !important
  }
  .text-decoration-none{
      text-decoration:none !important
  }
  .text-decoration-underline{
      text-decoration:underline !important
  }
  .text-decoration-line-through{
      text-decoration:line-through !important
  }
  .text-break{
      word-wrap:break-word !important;
      word-break:break-word !important
  }
  
      .justify-content-md-start{
          -webkit-box-pack:start !important;
          -ms-flex-pack:start !important;
          justify-content:flex-start !important
      }
      .justify-content-md-end{
          -webkit-box-pack:end !important;
          -ms-flex-pack:end !important;
          justify-content:flex-end !important
      }
      .justify-content-md-center{
          -webkit-box-pack:center !important;
          -ms-flex-pack:center !important;
          justify-content:center !important
      }
      .justify-content-md-between{
          -webkit-box-pack:justify !important;
          -ms-flex-pack:justify !important;
          justify-content:space-between !important
      }
      .justify-content-md-around{
          -ms-flex-pack:distribute !important;
          justify-content:space-around !important
      }
      .justify-content-md-evenly{
          -webkit-box-pack:space-evenly !important;
          -ms-flex-pack:space-evenly !important;
          justify-content:space-evenly !important
      }
      .align-items-md-start{
          -webkit-box-align:start !important;
          -ms-flex-align:start !important;
          align-items:flex-start !important
      }
      .align-items-md-end{
          -webkit-box-align:end !important;
          -ms-flex-align:end !important;
          align-items:flex-end !important
      }
      .align-items-md-center{
          -webkit-box-align:center !important;
          -ms-flex-align:center !important;
          align-items:center !important
      }
      .align-items-md-baseline{
          -webkit-box-align:baseline !important;
          -ms-flex-align:baseline !important;
          align-items:baseline !important
      }
      .align-items-md-stretch{
          -webkit-box-align:stretch !important;
          -ms-flex-align:stretch !important;
          align-items:stretch !important
      }
      .align-content-md-start{
          -ms-flex-line-pack:start !important;
          align-content:flex-start !important
      }
      .align-content-md-end{
          -ms-flex-line-pack:end !important;
          align-content:flex-end !important
      }
      .align-content-md-center{
          -ms-flex-line-pack:center !important;
          align-content:center !important
      }
      .align-content-md-between{
          -ms-flex-line-pack:justify !important;
          align-content:space-between !important
      }
      .align-content-md-around{
          -ms-flex-line-pack:distribute !important;
          align-content:space-around !important
      }
      .align-content-md-stretch{
          -ms-flex-line-pack:stretch !important;
          align-content:stretch !important
      }
      .align-self-md-auto{
          -ms-flex-item-align:auto !important;
          align-self:auto !important
      }
      .align-self-md-start{
          -ms-flex-item-align:start !important;
          align-self:flex-start !important
      }
      .align-self-md-end{
          -ms-flex-item-align:end !important;
          align-self:flex-end !important
      }
      .align-self-md-center{
          -ms-flex-item-align:center !important;
          align-self:center !important
      }
      .align-self-md-baseline{
          -ms-flex-item-align:baseline !important;
          align-self:baseline !important
      }
      .align-self-md-stretch{
          -ms-flex-item-align:stretch !important;
          align-self:stretch !important
      }
      .order-md-first{
          -webkit-box-ordinal-group:0 !important;
          -ms-flex-order:-1 !important;
          order:-1 !important
      }
      .order-md-0{
          -webkit-box-ordinal-group:1 !important;
          -ms-flex-order:0 !important;
          order:0 !important
      }
      .order-md-1{
          -webkit-box-ordinal-group:2 !important;
          -ms-flex-order:1 !important;
          order:1 !important
      }
      .order-md-2{
          -webkit-box-ordinal-group:3 !important;
          -ms-flex-order:2 !important;
          order:2 !important
      }
      .order-md-3{
          -webkit-box-ordinal-group:4 !important;
          -ms-flex-order:3 !important;
          order:3 !important
      }
      .order-md-4{
          -webkit-box-ordinal-group:5 !important;
          -ms-flex-order:4 !important;
          order:4 !important
      }
      .order-md-5{
          -webkit-box-ordinal-group:6 !important;
          -ms-flex-order:5 !important;
          order:5 !important
      }
      .order-md-last{
          -webkit-box-ordinal-group:7 !important;
          -ms-flex-order:6 !important;
          order:6 !important
      }
      .flex-xxl-nowrap{
          -ms-flex-wrap:nowrap !important;
          flex-wrap:nowrap !important
      }
      .flex-xxl-wrap-reverse{
          -ms-flex-wrap:wrap-reverse !important;
          flex-wrap:wrap-reverse !important
      }
      .gap-xxl-0{
          gap:0 !important
      }
      .gap-xxl-1{
          gap:.25rem !important
      }
      .gap-xxl-2{
          gap:.5rem !important
      }
      .gap-xxl-3{
          gap:1rem !important
      }
      .gap-xxl-4{
          gap:1.5rem !important
      }
      .gap-xxl-5{
          gap:3rem !important
      }
      .justify-content-xxl-start{
          -webkit-box-pack:start !important;
          -ms-flex-pack:start !important;
          justify-content:flex-start !important
      }
      .justify-content-xxl-end{
          -webkit-box-pack:end !important;
          -ms-flex-pack:end !important;
          justify-content:flex-end !important
      }
      .justify-content-xxl-center{
          -webkit-box-pack:center !important;
          -ms-flex-pack:center !important;
          justify-content:center !important
      }
      .justify-content-xxl-between{
          -webkit-box-pack:justify !important;
          -ms-flex-pack:justify !important;
          justify-content:space-between !important
      }
      .justify-content-xxl-around{
          -ms-flex-pack:distribute !important;
          justify-content:space-around !important
      }
      .justify-content-xxl-evenly{
          -webkit-box-pack:space-evenly !important;
          -ms-flex-pack:space-evenly !important;
          justify-content:space-evenly !important
      }
      .align-items-xxl-start{
          -webkit-box-align:start !important;
          -ms-flex-align:start !important;
          align-items:flex-start !important
      }
      .align-items-xxl-end{
          -webkit-box-align:end !important;
          -ms-flex-align:end !important;
          align-items:flex-end !important
      }
      .align-items-xxl-center{
          -webkit-box-align:center !important;
          -ms-flex-align:center !important;
          align-items:center !important
      }
      .align-items-xxl-baseline{
          -webkit-box-align:baseline !important;
          -ms-flex-align:baseline !important;
          align-items:baseline !important
      }
      .align-items-xxl-stretch{
          -webkit-box-align:stretch !important;
          -ms-flex-align:stretch !important;
          align-items:stretch !important
      }
      .align-content-xxl-start{
          -ms-flex-line-pack:start !important;
          align-content:flex-start !important
      }
      .align-content-xxl-end{
          -ms-flex-line-pack:end !important;
          align-content:flex-end !important
      }
      .align-content-xxl-center{
          -ms-flex-line-pack:center !important;
          align-content:center !important
      }
      .align-content-xxl-between{
          -ms-flex-line-pack:justify !important;
          align-content:space-between !important
      }
      .align-content-xxl-around{
          -ms-flex-line-pack:distribute !important;
          align-content:space-around !important
      }
      .align-content-xxl-stretch{
          -ms-flex-line-pack:stretch !important;
          align-content:stretch !important
      }
      .align-self-xxl-auto{
          -ms-flex-item-align:auto !important;
          align-self:auto !important
      }
      .align-self-xxl-start{
          -ms-flex-item-align:start !important;
          align-self:flex-start !important
      }
      .align-self-xxl-end{
          -ms-flex-item-align:end !important;
          align-self:flex-end !important
      }
      .align-self-xxl-center{
          -ms-flex-item-align:center !important;
          align-self:center !important
      }
      .align-self-xxl-baseline{
          -ms-flex-item-align:baseline !important;
          align-self:baseline !important
      }
      .align-self-xxl-stretch{
          -ms-flex-item-align:stretch !important;
          align-self:stretch !important
      }
  @media print{
      .d-print-inline{
          display:inline !important
      }
      .d-print-inline-block{
          display:inline-block !important
      }
      .d-print-block{
          display:block !important
      }
      .d-print-grid{
          display:grid !important
      }
      .d-print-table{
          display:table !important
      }
      .d-print-table-row{
          display:table-row !important
      }
      .d-print-table-cell{
          display:table-cell !important
      }
      .d-print-flex{
          display:-webkit-box !important;
          display:-ms-flexbox !important;
          display:flex !important
      }
      .d-print-inline-flex{
          display:-webkit-inline-box !important;
          display:-ms-inline-flexbox !important;
          display:inline-flex !important
      }
      .d-print-none{
          display:none !important
      }
  }
  /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
  @font-face{
      font-family:'FontAwesome';
      src:url("../fonts/fontawesome-webfont.eot?v=4.7.0");
      src:url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
      font-weight:normal;
      font-style:normal
  }
  .fa{
      display:inline-block;
      font:normal normal normal 14px/1 FontAwesome;
      font-size:inherit;
      text-rendering:auto;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale
  }
  
  button,hr,input{
      overflow:visible
  }
  audio,canvas,progress,video{
      display:inline-block
  }
  progress,sub,sup{
      vertical-align:baseline
  }
  html{
      font-family:sans-serif;
      line-height:1.15;
      -ms-text-size-adjust:100%;
      -webkit-text-size-adjust:100%
  }
  body{
      margin:0
  }
  menu,article,aside,details,footer,header,nav,section{
      display:block
  }
  h1,.h1{
      font-size:2em;
      margin:.67em 0
  }
  figcaption,figure,main{
      display:block
  }
  figure{
      margin:1em 40px
  }
  hr{
      -webkit-box-sizing:content-box;
      box-sizing:content-box;
      height:0
  }
  code,kbd,pre,samp{
      font-family:monospace,monospace;
      font-size:1em
  }
  a{
      background-color:transparent;
      -webkit-text-decoration-skip:objects
  }
  a:active,a:hover{
      outline-width:0
  }
  abbr[title]{
      border-bottom:none;
      text-decoration:underline;
      -webkit-text-decoration:underline dotted;
      text-decoration:underline dotted
  }
  b,strong{
      font-weight:bolder
  }
  dfn{
      font-style:italic
  }
  mark,.mark{
      background-color:#ff0;
      color:#000
  }
  small,.small{
      font-size:80%
  }
  sub,sup{
      font-size:75%;
      line-height:0;
      position:relative
  }
  sub{
      bottom:-.25em
  }
  sup{
      top:-.5em
  }
  audio:not([controls]){
      display:none;
      height:0
  }
  img{
      border-style:none
  }
  svg:not(:root){
      overflow:hidden
  }
  button,input,optgroup,select,textarea{
      font-family:sans-serif;
      font-size:100%;
      line-height:1.15;
      margin:0
  }
  button,select{
      text-transform:none
  }
  [type=submit],[type=reset],button,html [type=button]{
      -webkit-appearance:button;
      
  }
  [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
      border-style:none;
      padding:0
  }
  [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
      outline:ButtonText dotted 1px
  }
  fieldset{
      border:1px solid silver;
      margin:0 2px;
      padding:.35em .625em .75em
  }
  legend{
      -webkit-box-sizing:border-box;
      box-sizing:border-box;
      color:inherit;
      display:table;
      max-width:100%;
      padding:0;
      white-space:normal
  }
  textarea{
      overflow:auto
  }
  [type=checkbox],[type=radio]{
      -webkit-box-sizing:border-box;
      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;
      outline-offset:-2px
  }
  [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
      -webkit-appearance:none
  }
  ::-webkit-file-upload-button{
      -webkit-appearance:button;
      font:inherit
  }
  summary{
      display:list-item
  }
  [hidden],template{
      display:none
  
  }
  @-webkit-keyframes tada{
      0%{
          -webkit-transform:scale(1);
          transform:scale(1)
      }
      10%{
          -webkit-transform:scale(0.9) rotate(-3deg);
          transform:scale(0.9) rotate(-3deg)
      }
      20%{
          -webkit-transform:scale(0.9) rotate(-3deg);
          transform:scale(0.9) rotate(-3deg)
      }
      30%{
          -webkit-transform:scale(1.1) rotate(3deg);
          transform:scale(1.1) rotate(3deg)
      }
      50%{
          -webkit-transform:scale(1.1) rotate(3deg);
          transform:scale(1.1) rotate(3deg)
      }
      70%{
          -webkit-transform:scale(1.1) rotate(3deg);
          transform:scale(1.1) rotate(3deg)
      }
      90%{
          -webkit-transform:scale(1.1) rotate(3deg);
          transform:scale(1.1) rotate(3deg)
      }
      40%{
          -webkit-transform:scale(1.1) rotate(-3deg);
          transform:scale(1.1) rotate(-3deg)
      }
      60%{
          -webkit-transform:scale(1.1) rotate(-3deg);
          transform:scale(1.1) rotate(-3deg)
      }
      80%{
          -webkit-transform:scale(1.1) rotate(-3deg);
          transform:scale(1.1) rotate(-3deg)
      }
      100%{
          -webkit-transform:scale(1) rotate(0);
          transform:scale(1) rotate(0)
      }
  }
  @-webkit-keyframes fadeIn{
      0%{
          opacity:0
      }
      100%{
          opacity:1
      }
  }
  @keyframes fadeIn{
      0%{
          opacity:0
      }
      100%{
          opacity:1
      }
  }
  @-webkit-keyframes fadeInDown{
      0%{
          opacity:0;
          -webkit-transform:translateY(-20px);
          transform:translateY(-20px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
  }
  @keyframes fadeInDown{
      0%{
          opacity:0;
          -webkit-transform:translateY(-20px);
          transform:translateY(-20px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
  }
  @-webkit-keyframes fadeInDownBig{
      0%{
          opacity:0;
          -webkit-transform:translateY(-2000px);
          transform:translateY(-2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
  }
  @keyframes fadeInDownBig{
      0%{
          opacity:0;
          -webkit-transform:translateY(-2000px);
          transform:translateY(-2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
  }
  @-webkit-keyframes fadeInLeft{
      0%{
          opacity:0;
          -webkit-transform:translateX(-20px);
          transform:translateX(-20px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
  }
  @keyframes fadeInLeft{
      0%{
          opacity:0;
          -webkit-transform:translateX(-20px);
          transform:translateX(-20px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
  }
  @-webkit-keyframes fadeInLeftBig{
      0%{
          opacity:0;
          -webkit-transform:translateX(-2000px);
          transform:translateX(-2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
  }
  @keyframes fadeInLeftBig{
      0%{
          opacity:0;
          -webkit-transform:translateX(-2000px);
          transform:translateX(-2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
  }
  @-webkit-keyframes fadeInRight{
      0%{
          opacity:0;
          -webkit-transform:translateX(20px);
          transform:translateX(20px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
  }
  @keyframes fadeInRight{
      0%{
          opacity:0;
          -webkit-transform:translateX(20px);
          transform:translateX(20px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
  }
  @-webkit-keyframes fadeInRightBig{
      0%{
          opacity:0;
          -webkit-transform:translateX(2000px);
          transform:translateX(2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
  }
  @keyframes fadeInRightBig{
      0%{
          opacity:0;
          -webkit-transform:translateX(2000px);
          transform:translateX(2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
  }
  @-webkit-keyframes fadeInUp{
      0%{
          opacity:0;
          -webkit-transform:translateY(20px);
          transform:translateY(20px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
  }
  @keyframes fadeInUp{
      0%{
          opacity:0;
          -webkit-transform:translateY(20px);
          transform:translateY(20px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
  }
  @-webkit-keyframes fadeInUpBig{
      0%{
          opacity:0;
          -webkit-transform:translateY(2000px);
          transform:translateY(2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
  }
  @keyframes fadeInUpBig{
      0%{
          opacity:0;
          -webkit-transform:translateY(2000px);
          transform:translateY(2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
  }
  @-webkit-keyframes fadeOut{
      0%{
          opacity:1
      }
      100%{
          opacity:0
      }
  }
  @keyframes fadeOut{
      0%{
          opacity:1
      }
      100%{
          opacity:0
      }
  }
  @-webkit-keyframes fadeOutDown{
      0%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateY(20px);
          transform:translateY(20px)
      }
  }
  @keyframes fadeOutDown{
      0%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateY(20px);
          transform:translateY(20px)
      }
  }
  @-webkit-keyframes fadeOutDownBig{
      0%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateY(2000px);
          transform:translateY(2000px)
      }
  }
  @keyframes fadeOutDownBig{
      0%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateY(2000px);
          transform:translateY(2000px)
      }
  }
  @-webkit-keyframes fadeOutLeft{
      0%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(-20px);
          transform:translateX(-20px)
      }
  }
  @keyframes fadeOutLeft{
      0%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(-20px);
          transform:translateX(-20px)
      }
  }
  @-webkit-keyframes fadeOutLeftBig{
      0%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(-2000px);
          transform:translateX(-2000px)
      }
  }
  @keyframes fadeOutLeftBig{
      0%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(-2000px);
          transform:translateX(-2000px)
      }
  }
  @-webkit-keyframes fadeOutRight{
      0%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(20px);
          transform:translateX(20px)
      }
  }
  @keyframes fadeOutRight{
      0%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(20px);
          transform:translateX(20px)
      }
  }
  @-webkit-keyframes fadeOutRightBig{
      0%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(2000px);
          transform:translateX(2000px)
      }
  }
  @keyframes fadeOutRightBig{
      0%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(2000px);
          transform:translateX(2000px)
      }
  }
  @-webkit-keyframes fadeOutUp{
      0%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateY(-20px);
          transform:translateY(-20px)
      }
  }
  @keyframes fadeOutUp{
      0%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateY(-20px);
          transform:translateY(-20px)
      }
  }
  @-webkit-keyframes fadeOutUpBig{
      0%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateY(-2000px);
          transform:translateY(-2000px)
      }
  }
  @keyframes fadeOutUpBig{
      0%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateY(-2000px);
          transform:translateY(-2000px)
      }
  }
  @-webkit-keyframes flip{
      0%{
          -webkit-transform:perspective(400px) rotateY(0);
          transform:perspective(400px) rotateY(0);
          -webkit-animation-timing-function:ease-out;
          animation-timing-function:ease-out
      }
      40%{
          -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
          transform:perspective(400px) translateZ(150px) rotateY(170deg);
          -webkit-animation-timing-function:ease-out;
          animation-timing-function:ease-out
      }
      50%{
          -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -webkit-animation-timing-function:ease-in;
          animation-timing-function:ease-in
      }
      80%{
          -webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);
          transform:perspective(400px) rotateY(360deg) scale(0.95);
          -webkit-animation-timing-function:ease-in;
          animation-timing-function:ease-in
      }
      100%{
          -webkit-transform:perspective(400px) scale(1);
          transform:perspective(400px) scale(1);
          -webkit-animation-timing-function:ease-in;
          animation-timing-function:ease-in
      }
  }
  @keyframes flip{
      0%{
          -webkit-transform:perspective(400px) rotateY(0);
          transform:perspective(400px) rotateY(0);
          -webkit-animation-timing-function:ease-out;
          animation-timing-function:ease-out
      }
      40%{
          -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
          transform:perspective(400px) translateZ(150px) rotateY(170deg);
          -webkit-animation-timing-function:ease-out;
          animation-timing-function:ease-out
      }
      50%{
          -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
          -webkit-animation-timing-function:ease-in;
          animation-timing-function:ease-in
      }
      80%{
          -webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);
          transform:perspective(400px) rotateY(360deg) scale(0.95);
          -webkit-animation-timing-function:ease-in;
          animation-timing-function:ease-in
      }
      100%{
          -webkit-transform:perspective(400px) scale(1);
          transform:perspective(400px) scale(1);
          -webkit-animation-timing-function:ease-in;
          animation-timing-function:ease-in
      }
  }
  @-webkit-keyframes flipInX{
      0%{
          opacity:0;
          -webkit-transform:perspective(400px) rotateX(90deg);
          transform:perspective(400px) rotateX(90deg)
      }
      40%{
          -webkit-transform:perspective(400px) rotateX(-10deg);
          transform:perspective(400px) rotateX(-10deg)
      }
      70%{
          -webkit-transform:perspective(400px) rotateX(10deg);
          transform:perspective(400px) rotateX(10deg)
      }
      100%{
          opacity:1;
          -webkit-transform:perspective(400px) rotateX(0deg);
          transform:perspective(400px) rotateX(0deg)
      }
  }
  @keyframes flipInX{
      0%{
          opacity:0;
          -webkit-transform:perspective(400px) rotateX(90deg);
          transform:perspective(400px) rotateX(90deg)
      }
      40%{
          -webkit-transform:perspective(400px) rotateX(-10deg);
          transform:perspective(400px) rotateX(-10deg)
      }
      70%{
          -webkit-transform:perspective(400px) rotateX(10deg);
          transform:perspective(400px) rotateX(10deg)
      }
      100%{
          opacity:1;
          -webkit-transform:perspective(400px) rotateX(0deg);
          transform:perspective(400px) rotateX(0deg)
      }
  }
  @-webkit-keyframes flipInY{
      0%{
          opacity:0;
          -webkit-transform:perspective(400px) rotateY(90deg);
          transform:perspective(400px) rotateY(90deg)
      }
      40%{
          -webkit-transform:perspective(400px) rotateY(-10deg);
          transform:perspective(400px) rotateY(-10deg)
      }
      70%{
          -webkit-transform:perspective(400px) rotateY(10deg);
          transform:perspective(400px) rotateY(10deg)
      }
      100%{
          opacity:1;
          -webkit-transform:perspective(400px) rotateY(0deg);
          transform:perspective(400px) rotateY(0deg)
      }
  }
  @keyframes flipInY{
      0%{
          opacity:0;
          -webkit-transform:perspective(400px) rotateY(90deg);
          transform:perspective(400px) rotateY(90deg)
      }
      40%{
          -webkit-transform:perspective(400px) rotateY(-10deg);
          transform:perspective(400px) rotateY(-10deg)
      }
      70%{
          -webkit-transform:perspective(400px) rotateY(10deg);
          transform:perspective(400px) rotateY(10deg)
      }
      100%{
          opacity:1;
          -webkit-transform:perspective(400px) rotateY(0deg);
          transform:perspective(400px) rotateY(0deg)
      }
  }
  @-webkit-keyframes flipOutX{
      0%{
          opacity:1;
          -webkit-transform:perspective(400px) rotateX(0deg);
          transform:perspective(400px) rotateX(0deg)
      }
      100%{
          opacity:0;
          -webkit-transform:perspective(400px) rotateX(90deg);
          transform:perspective(400px) rotateX(90deg)
      }
  }
  @keyframes flipOutX{
      0%{
          opacity:1;
          -webkit-transform:perspective(400px) rotateX(0deg);
          transform:perspective(400px) rotateX(0deg)
      }
      100%{
          opacity:0;
          -webkit-transform:perspective(400px) rotateX(90deg);
          transform:perspective(400px) rotateX(90deg)
      }
  }
  @-webkit-keyframes flipOutY{
      0%{
          opacity:1;
          -webkit-transform:perspective(400px) rotateY(0deg);
          transform:perspective(400px) rotateY(0deg)
      }
      100%{
          opacity:0;
          -webkit-transform:perspective(400px) rotateY(90deg);
          transform:perspective(400px) rotateY(90deg)
      }
  }
  @keyframes flipOutY{
      0%{
          opacity:1;
          -webkit-transform:perspective(400px) rotateY(0deg);
          transform:perspective(400px) rotateY(0deg)
      }
      100%{
          opacity:0;
          -webkit-transform:perspective(400px) rotateY(90deg);
          transform:perspective(400px) rotateY(90deg)
      }
  }
  @-webkit-keyframes lightSpeedIn{
      0%{
          opacity:0;
          -webkit-transform:translateX(100%) skewX(-30deg);
          transform:translateX(100%) skewX(-30deg)
      }
      60%{
          opacity:1;
          -webkit-transform:translateX(-20%) skewX(30deg);
          transform:translateX(-20%) skewX(30deg)
      }
      80%{
          opacity:1;
          -webkit-transform:translateX(0%) skewX(-15deg);
          transform:translateX(0%) skewX(-15deg)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0%) skewX(0deg);
          transform:translateX(0%) skewX(0deg)
      }
  }
  @keyframes lightSpeedIn{
      0%{
          opacity:0;
          -webkit-transform:translateX(100%) skewX(-30deg);
          transform:translateX(100%) skewX(-30deg)
      }
      60%{
          opacity:1;
          -webkit-transform:translateX(-20%) skewX(30deg);
          transform:translateX(-20%) skewX(30deg)
      }
      80%{
          opacity:1;
          -webkit-transform:translateX(0%) skewX(-15deg);
          transform:translateX(0%) skewX(-15deg)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0%) skewX(0deg);
          transform:translateX(0%) skewX(0deg)
      }
  }
  @-webkit-keyframes lightSpeedOut{
      0%{
          opacity:1;
          -webkit-transform:translateX(0%) skewX(0deg);
          transform:translateX(0%) skewX(0deg)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(100%) skewX(-30deg);
          transform:translateX(100%) skewX(-30deg)
      }
  }
  @keyframes lightSpeedOut{
      0%{
          opacity:1;
          -webkit-transform:translateX(0%) skewX(0deg);
          transform:translateX(0%) skewX(0deg)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(100%) skewX(-30deg);
          transform:translateX(100%) skewX(-30deg)
      }
  }
  @-webkit-keyframes rotateIn{
      0%{
          opacity:0;
          -webkit-transform:rotate(-200deg);
          transform:rotate(-200deg);
          -webkit-transform-origin:center center;
          transform-origin:center center
      }
      100%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:center center;
          transform-origin:center center
      }
  }
  @keyframes rotateIn{
      0%{
          opacity:0;
          -webkit-transform:rotate(-200deg);
          transform:rotate(-200deg);
          -webkit-transform-origin:center center;
          transform-origin:center center
      }
      100%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:center center;
          transform-origin:center center
      }
  }
  @-webkit-keyframes rotateInDownLeft{
      0%{
          opacity:0;
          -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
      100%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
  }
  @keyframes rotateInDownLeft{
      0%{
          opacity:0;
          -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
      100%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
  }
  @-webkit-keyframes rotateInDownRight{
      0%{
          opacity:0;
          -webkit-transform:rotate(90deg);
          transform:rotate(90deg);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
      100%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
  }
  @keyframes rotateInDownRight{
      0%{
          opacity:0;
          -webkit-transform:rotate(90deg);
          transform:rotate(90deg);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
      100%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
  }
  @-webkit-keyframes rotateInUpLeft{
      0%{
          opacity:0;
          -webkit-transform:rotate(90deg);
          transform:rotate(90deg);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
      100%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
  }
  @keyframes rotateInUpLeft{
      0%{
          opacity:0;
          -webkit-transform:rotate(90deg);
          transform:rotate(90deg);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
      100%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
  }
  @-webkit-keyframes rotateInUpRight{
      0%{
          opacity:0;
          -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
      100%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
  }
  @keyframes rotateInUpRight{
      0%{
          opacity:0;
          -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
      100%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
  }
  @-webkit-keyframes rotateOut{
      0%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:center center;
          transform-origin:center center
      }
      100%{
          opacity:0;
          -webkit-transform:rotate(200deg);
          transform:rotate(200deg);
          -webkit-transform-origin:center center;
          transform-origin:center center
      }
  }
  @keyframes rotateOut{
      0%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:center center;
          transform-origin:center center
      }
      100%{
          opacity:0;
          -webkit-transform:rotate(200deg);
          transform:rotate(200deg);
          -webkit-transform-origin:center center;
          transform-origin:center center
      }
  }
  @-webkit-keyframes rotateOutDownLeft{
      0%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
      100%{
          opacity:0;
          -webkit-transform:rotate(90deg);
          transform:rotate(90deg);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
  }
  @keyframes rotateOutDownLeft{
      0%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
      100%{
          opacity:0;
          -webkit-transform:rotate(90deg);
          transform:rotate(90deg);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
  }
  @-webkit-keyframes rotateOutDownRight{
      0%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
      100%{
          opacity:0;
          -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
  }
  @keyframes rotateOutDownRight{
      0%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
      100%{
          opacity:0;
          -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
  }
  @-webkit-keyframes rotateOutUpLeft{
      0%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
      100%{
          opacity:0;
          -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
  }
  @keyframes rotateOutUpLeft{
      0%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
      100%{
          opacity:0;
          -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);
          -webkit-transform-origin:left bottom;
          transform-origin:left bottom
      }
  }
  @-webkit-keyframes rotateOutUpRight{
      0%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
      100%{
          opacity:0;
          -webkit-transform:rotate(90deg);
          transform:rotate(90deg);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
  }
  @keyframes rotateOutUpRight{
      0%{
          opacity:1;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
      100%{
          opacity:0;
          -webkit-transform:rotate(90deg);
          transform:rotate(90deg);
          -webkit-transform-origin:right bottom;
          transform-origin:right bottom
      }
  }
  @-webkit-keyframes slideInDown{
      0%{
          opacity:0;
          -webkit-transform:translateY(-2000px);
          transform:translateY(-2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
  }
  @keyframes slideInDown{
      0%{
          opacity:0;
          -webkit-transform:translateY(-2000px);
          transform:translateY(-2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
  }
  @-webkit-keyframes slideInLeft{
      0%{
          opacity:0;
          -webkit-transform:translateX(-2000px);
          transform:translateX(-2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
  }
  @keyframes slideInLeft{
      0%{
          opacity:0;
          -webkit-transform:translateX(-2000px);
          transform:translateX(-2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
  }
  @-webkit-keyframes slideInRight{
      0%{
          opacity:0;
          -webkit-transform:translateX(2000px);
          transform:translateX(2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
  }
  @keyframes slideInRight{
      0%{
          opacity:0;
          -webkit-transform:translateX(2000px);
          transform:translateX(2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
  }
  @-webkit-keyframes slideInUp{
      0%{
          opacity:0;
          -webkit-transform:translateY(2000px);
          transform:translateY(2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
  }
  @keyframes slideInUp{
      0%{
          opacity:0;
          -webkit-transform:translateY(2000px);
          transform:translateY(2000px)
      }
      100%{
          opacity:1;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
  }
  @-webkit-keyframes slideOutDown{
      0%{
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateY(2000px);
          transform:translateY(2000px)
      }
  }
  @keyframes slideOutDown{
      0%{
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateY(2000px);
          transform:translateY(2000px)
      }
  }
  @-webkit-keyframes slideOutLeft{
      0%{
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(-2000px);
          transform:translateX(-2000px)
      }
  }
  @keyframes slideOutLeft{
      0%{
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(-2000px);
          transform:translateX(-2000px)
      }
  }
  @-webkit-keyframes slideOutRight{
      0%{
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(2000px);
          transform:translateX(2000px)
      }
  }
  @keyframes slideOutRight{
      0%{
          -webkit-transform:translateX(0);
          transform:translateX(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateX(2000px);
          transform:translateX(2000px)
      }
  }
  @-webkit-keyframes slideOutUp{
      0%{
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateY(-2000px);
          transform:translateY(-2000px)
      }
  }
  @keyframes slideOutUp{
      0%{
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translateY(-2000px);
          transform:translateY(-2000px)
      }
  }
  @-webkit-keyframes hinge{
      0%{
          -webkit-animation-timing-function:ease-in-out;
          animation-timing-function:ease-in-out;
          -webkit-transform:rotate(0);
          transform:rotate(0);
          -webkit-transform-origin:top left;
          transform-origin:top left
      }
      20%{
          -webkit-animation-timing-function:ease-in-out;
          animation-timing-function:ease-in-out;
          -webkit-transform:rotate(80deg);
          transform:rotate(80deg);
          -webkit-transform-origin:top left;
          transform-origin:top left
      }
      60%{
          -webkit-animation-timing-function:ease-in-out;
          animation-timing-function:ease-in-out;
          -webkit-transform:rotate(80deg);
          transform:rotate(80deg);
          -webkit-transform-origin:top left;
          transform-origin:top left
      }
      40%{
          -webkit-animation-timing-function:ease-in-out;
          animation-timing-function:ease-in-out;
          -webkit-transform:rotate(60deg);
          transform:rotate(60deg);
          -webkit-transform-origin:top left;
          transform-origin:top left
      }
      80%{
          opacity:1;
          -webkit-animation-timing-function:ease-in-out;
          animation-timing-function:ease-in-out;
          -webkit-transform:rotate(60deg) translateY(0);
          transform:rotate(60deg) translateY(0);
          -webkit-transform-origin:top left;
          transform-origin:top left
      }
      100%{
          opacity:0;
          -webkit-transform:translateY(700px);
          transform:translateY(700px)
      }
  }
  body{
      background-color:#000;
      font-size:calc(12px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
      overflow-x:hidden;
      font-family:"Montserrat",sans-serif,"Roboto",sans-serif;
      color:#223645
  }
  body.main-page{
      overflow:hidden
  }
  .main{
      overflow:hidden
  }
  ul{
      padding-left:0;
      list-style-type:none;
      margin-bottom:0;
      padding-right:0
  }
  ::-moz-selection{
      color:#fff;
      background:#1c9dea
  }
  ::selection{
      color:#fff;
      background:#1c9dea
  }
  * a{
      color:#1c9dea;
      text-decoration:none !important
  }
  *.btn:focus{
      -webkit-box-shadow:rgba(28,157,234,0.15) !important;
      box-shadow:rgba(28,157,234,0.15) !important
  }
  a{
      cursor:pointer;
      text-decoration:none !important
  }
  :focus{
      outline-color:rgba(28,157,234,0.15);
      text-decoration:none !important
  }
  select:focus{
      outline:none !important
  }
  .disabled{
      cursor:not-allowed;
      opacity:0.5
  }
  svg{
      vertical-align:baseline
  }
  input:focus{
      outline-color:rgba(28,157,234,0.15)
  }
  h1,.h1{
      font-family:"Montserrat",sans-serif;
      font-size:calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
      font-weight:800;
      color:#223645;
      margin:0
  }
  h2,.h2{
      font-family:"Montserrat",sans-serif;
      font-size:calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
      font-weight:800;
      color:#223645;
      margin:0
  }
  h3,.h3{
      font-family:"Montserrat",sans-serif;
      font-size:calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
      font-weight:700;
      color:#223645;
      margin:0
  }
  h4,.h4{
      font-family:"Roboto",sans-serif;
      font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
      font-weight:400;
      color:#647589;
      margin:0
  }
  h5,.h5{
      font-family:"Montserrat",sans-serif;
      font-size:calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
      font-weight:700;
      color:#223645;
      margin:0
  }
  h6,.h6{
      font-family:"Roboto",sans-serif;
      font-size:calc(11px + (12 - 11) * ((100vw - 320px) / (1920 - 320)));
      font-weight:400;
      color:#647589;
      margin:0
  }
  span{
      font-family:"Montserrat",sans-serif;
      font-size:11px;
      font-weight:700;
      color:#223645
  }
  .title2{
      font-family:"Montserrat",sans-serif;
      font-size:calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
      font-weight:700;
      color:#fff;
      margin:0
  }
  p{
      font-family:"Roboto",sans-serif;
      font-size:calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
      font-weight:400;
      color:#647589
  }
  a:hover{
      text-decoration:none;
      color:#1c9dea
  }
  .theme-title{
      position:relative
  }
  .theme-title h4,.theme-title .h4{
      font-family:"Roboto",sans-serif;
      padding-top:5px
  }
  
  .img-10{
      width:10px !important
  }
  .img-20{
      width:20px !important
  }
  .img-30{
      width:30px !important
  }
  .img-40{
      width:40px !important
  }
  .img-50{
      width:50px !important
  }
  .img-60{
      width:60px !important
  }
  .img-70{
      width:70px !important
  }
  .img-80{
      width:80px !important
  }
  .img-90{
      width:90px !important
  }
  .img-100{
      width:100px !important
  }
  .rounded{
      border-radius:5px !important
  }
  .rouded15{
      border-radius:15px !important
  }
  .font-primary{
      color:#1c9dea !important
  }
  .font-success{
      color:#3fcc35 !important
  }
  .font-danger{
      color:#ff4e2b !important
  }
  .font-light{
      color:#eff1f2 !important
  }
  .font-warning{
      color:#ffc514 !important
  }
  .badge-primary{
      background-color:#1c9dea !important
  }
  .badge-outline-primary{
      background-color:rgba(28,157,234,0.15) !important;
      color:#1c9dea;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .badge-outline-primary:hover{
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      background-color:rgba(28,157,234,0.25) !important;
      color:#1c9dea !important
  }
  .badge-success{
      background-color:#3fcc35 !important
  }
  .badge-outline-success{
      background-color:rgba(63,204,53,0.15) !important;
      color:#3fcc35;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .badge-outline-success:hover{
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      background-color:rgba(63,204,53,0.25) !important;
      color:#3fcc35 !important
  }
  .badge-danger{
      background-color:#ff4e2b !important
  }
  .badge-outline-danger{
      background-color:rgba(255,78,43,0.15) !important;
      color:#ff4e2b;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .badge-outline-danger:hover{
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      background-color:rgba(255,78,43,0.25) !important;
      color:#ff4e2b !important
  }
  .badge-light{
      background-color:#eff1f2 !important
  }
  .badge-outline-light{
      background-color:rgba(239,241,242,0.15) !important;
      color:#eff1f2;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      background-color:rgba(34,54,69,0.15) !important;
      color:#223645
  }
  .badge-outline-light:hover{
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      background-color:rgba(239,241,242,0.25) !important;
      color:#eff1f2 !important
  }
  .badge-outline-light:hover{
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      color:#fff
  }
  .badge-dark{
      background-color:#223645 !important
  }
  .badge-outline-dark{
      background-color:rgba(34,54,69,0.15) !important;
      color:#223645;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .badge-outline-dark:hover{
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      background-color:rgba(34,54,69,0.25) !important;
      color:#223645 !important
  }
  .badge-warning{
      background-color:#ffc514 !important
  }
  .badge-outline-warning{
      background-color:rgba(255,197,20,0.15) !important;
      color:#ffc514;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .badge-outline-warning:hover{
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      background-color:rgba(255,197,20,0.25) !important;
      color:#ffc514 !important
  }
  .badge-light{
      color:#223645
  }
  .badge{
      font-size:12px;
      font-family:"Roboto",sans-serif;
      font-weight:400;
      text-transform:capitalize;
      letter-spacing:0.5px;
      padding:3px 10px;
      border-radius:10px;
      display:-webkit-inline-box;
      display:-ms-inline-flexbox;
      display:inline-flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  .badge i{
      font-weight:800;
      margin-right:5px
  }
  .badge svg{
      height:13px
  }
  .badge.xl{
      font-size:108%;
      font-family:"Montserrat",sans-serif;
      font-weight:700;
      border-radius:25px;
      padding:11px 20px
  }
  .badge.xl svg{
      height:14px
  }
  .badge.sm{
      font-size:81%;
      padding:4px 4px 2px;
      border-radius:5px;
      font-weight:600
  }
  .badge.sm svg{
      height:11px;
      width:11px
  }
  .bg-primary{
      background-color:#1c9dea !important
  }
  .bg-success{
      background-color:#3fcc35 !important
  }
  .bg-danger{
      background-color:#ff4e2b !important
  }
  .bg-light{
      background-color:#18171f !important
  }
  .bg-warning{
      background-color:#ffc514 !important
  }
  .bg-transparent{
      background-color:transparent !important
  }
  .btn{
      font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
      font-weight:600;
      text-transform:capitalize;
      padding:15px 40px;
      border-radius:10px
  }
  .btn.btn-sm,.btn-group-sm>.btn{
      padding:10px 30px
  }
  .btn-primary{
      background-color:#1c9dea;
      border-color:#1c9dea !important;
      color:#fff !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-primary.disabled,.btn-primary:disabled{
      background-color:#1c9dea !important;
      border-color:#1c9dea !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{
      background-color:#1280c1 !important;
      border-color:#1280c1 !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      outline:none !important;
      color:#fff
  }
  .btn-primary:focus{
      outline:none !important;
      -webkit-box-shadow:0 0 3px 2px #a8d9f7;
      box-shadow:0 0 3px 2px #a8d9f7;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-primary{
      background-color:rgba(28,157,234,0.15) !important;
      color:#1c9dea;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-primary.disabled,.btn-outline-primary:disabled{
      background-color:rgba(28,157,234,0.1) !important;
      color:#1c9dea;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active,.btn-outline-primary.active{
      background-color:rgba(28,157,234,0.25) !important;
      color:#1c9dea;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-primary:focus{
      -webkit-box-shadow:0 0 3px 2px #a8d9f7;
      box-shadow:0 0 3px 2px #a8d9f7;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-success{
      background-color:#3fcc35;
      border-color:#3fcc35 !important;
      color:#fff !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-success.disabled,.btn-success:disabled{
      background-color:#3fcc35 !important;
      border-color:#3fcc35 !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active{
      background-color:#32a42a !important;
      border-color:#32a42a !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      outline:none !important;
      color:#fff
  }
  .btn-success:focus{
      outline:none !important;
      -webkit-box-shadow:0 0 3px 2px #b3ebaf;
      box-shadow:0 0 3px 2px #b3ebaf;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-success{
      background-color:rgba(63,204,53,0.15) !important;
      color:#3fcc35;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-success.disabled,.btn-outline-success:disabled{
      background-color:rgba(63,204,53,0.1) !important;
      color:#3fcc35;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-success:hover,.btn-outline-success:focus,.btn-outline-success:active,.btn-outline-success.active{
      background-color:rgba(63,204,53,0.25) !important;
      color:#3fcc35;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-success:focus{
      -webkit-box-shadow:0 0 3px 2px #b3ebaf;
      box-shadow:0 0 3px 2px #b3ebaf;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-danger{
      background-color:#ff4e2b;
      border-color:#ff4e2b !important;
      color:#fff !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-danger.disabled,.btn-danger:disabled{
      background-color:#ff4e2b !important;
      border-color:#ff4e2b !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active{
      background-color:#f72900 !important;
      border-color:#f72900 !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      outline:none !important;
      color:#fff
  }
  .btn-danger:focus{
      outline:none !important;
      -webkit-box-shadow:0 0 3px 2px #ffcec4;
      box-shadow:0 0 3px 2px #ffcec4;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-danger{
      background-color:rgba(255,78,43,0.15) !important;
      color:#ff4e2b;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-danger.disabled,.btn-outline-danger:disabled{
      background-color:rgba(255,78,43,0.1) !important;
      color:#ff4e2b;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-danger:hover,.btn-outline-danger:focus,.btn-outline-danger:active,.btn-outline-danger.active{
      background-color:rgba(255,78,43,0.25) !important;
      color:#ff4e2b;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-danger:focus{
      -webkit-box-shadow:0 0 3px 2px #ffcec4;
      box-shadow:0 0 3px 2px #ffcec4;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-light{
      background-color:#18171f;
      border-color:#eff1f2 !important;
      color:#fff !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-light.disabled,.btn-light:disabled{
      background-color:#eff1f2 !important;
      border-color:#eff1f2 !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-light:hover,.btn-light:focus,.btn-light:active,.btn-light.active{
      background-color:#d3d8db !important;
      border-color:#d3d8db !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      outline:none !important;
      color:#fff
  }
  .btn-light:focus{
      outline:none !important;
      -webkit-box-shadow:0 0 3px 2px #fff;
      box-shadow:0 0 3px 2px #fff;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-light{
      background-color:rgba(239,241,242,0.15) !important;
      color:#eff1f2;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      color:#223645 !important;
      background-color:#eff1f2 !important
  }
  .btn-outline-light.disabled,.btn-outline-light:disabled{
      background-color:rgba(239,241,242,0.1) !important;
      color:#eff1f2;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-light:hover,.btn-outline-light:focus,.btn-outline-light:active,.btn-outline-light.active{
      background-color:rgba(239,241,242,0.25) !important;
      color:#eff1f2;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-light:focus{
      -webkit-box-shadow:0 0 3px 2px #fff;
      box-shadow:0 0 3px 2px #fff;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-light:hover,.btn-outline-light:focus,.btn-outline-light:active,.btn-outline-light.active{
      background-color:#e1e5e7 !important
  }
  .btn-warning{
      background-color:#ffc514;
      border-color:#ffc514 !important;
      color:#fff !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-warning.disabled,.btn-warning:disabled{
      background-color:#ffc514 !important;
      border-color:#ffc514 !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active{
      background-color:#e0a900 !important;
      border-color:#e0a900 !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      outline:none !important;
      color:#fff
  }
  .btn-warning:focus{
      outline:none !important;
      -webkit-box-shadow:0 0 3px 2px #ffebad;
      box-shadow:0 0 3px 2px #ffebad;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-warning{
      background-color:rgba(255,197,20,0.15) !important;
      color:#ffc514;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-warning.disabled,.btn-outline-warning:disabled{
      background-color:rgba(255,197,20,0.1) !important;
      color:#ffc514;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-warning:hover,.btn-outline-warning:focus,.btn-outline-warning:active,.btn-outline-warning.active{
      background-color:rgba(255,197,20,0.25) !important;
      color:#ffc514;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-outline-warning:focus{
      -webkit-box-shadow:0 0 3px 2px #ffebad;
      box-shadow:0 0 3px 2px #ffebad;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .btn-light{
      color:#223645 !important
  }
  .btn-light:focus,.btn-light:active,.btn-light.active{
      -webkit-box-shadow:0 0 3px 2px #eff1f2;
      box-shadow:0 0 3px 2px #eff1f2
  }
  .icon-btn{
      height:42px;
      width:42px;
      border-radius:100%;
      font-weight:800;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center;
      display:-webkit-inline-box;
      display:-ms-inline-flexbox;
      display:inline-flex;
      border:0 !important
  }
  .icon-btn i{
      font-size:16px
  }
  .icon-btn svg{
      width:16px;
      height:16px;
      stroke-width:3px;
      vertical-align:middle
  }
  .icon-btn.btn-xl{
      height:60px;
      width:60px;
      padding:18px
  }
  .icon-btn.btn-xl i{
      font-size:24px
  }
  .icon-btn.btn-xl svg{
      height:24px;
      width:24px
  }
  .icon-btn.btn-sm,.btn-group-sm>.icon-btn.btn{
      height:34px;
      width:34px;
      display:-webkit-inline-box;
      display:-ms-inline-flexbox;
      display:inline-flex
  }
  .icon-btn.btn-xs{
      height:30px;
      width:30px;
      padding:8.5px
  }
  .icon-btn.btn-xs svg{
      height:12px;
      width:12px
  }
  .icon-btn.btn-outline-primary{
      background-color:rgba(28,157,234,0.15) !important;
      color:#1c9dea !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-primary.disabled,.icon-btn.btn-outline-primary:disabled{
      background-color:rgba(28,157,234,0.1) !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-primary:hover,.icon-btn.btn-outline-primary:focus,.icon-btn.btn-outline-primary:active,.icon-btn.btn-outline-primary.active{
      background-color:rgba(28,157,234,0.25) !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      text-decoration:none
  }
  .icon-btn.btn-outline-primary.active{
      background-color:#1c9dea !important;
      color:#fff !important
  }
  .icon-btn.btn-outline-primary:focus{
      -webkit-box-shadow:0 0 3px 2px rgba(28,157,234,0.15);
      box-shadow:0 0 3px 2px rgba(28,157,234,0.15);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-primary.button-effect .effect-wave{
      background-color:#4bb1ee
  }
  .icon-btn.btn-outline-success{
      background-color:rgba(63,204,53,0.15) !important;
      color:#3fcc35 !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-success.disabled,.icon-btn.btn-outline-success:disabled{
      background-color:rgba(63,204,53,0.1) !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-success:hover,.icon-btn.btn-outline-success:focus,.icon-btn.btn-outline-success:active,.icon-btn.btn-outline-success.active{
      background-color:rgba(63,204,53,0.25) !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      text-decoration:none
  }
  .icon-btn.btn-outline-success.active{
      background-color:#3fcc35 !important;
      color:#fff !important
  }
  .icon-btn.btn-outline-success:focus{
      -webkit-box-shadow:0 0 3px 2px rgba(63,204,53,0.15);
      box-shadow:0 0 3px 2px rgba(63,204,53,0.15);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-success.button-effect .effect-wave{
      background-color:#66d65e
  }
  .icon-btn.btn-outline-danger{
      background-color:rgba(255,78,43,0.15) !important;
      color:#ff4e2b !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-danger.disabled,.icon-btn.btn-outline-danger:disabled{
      background-color:rgba(255,78,43,0.1) !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-danger:hover,.icon-btn.btn-outline-danger:focus,.icon-btn.btn-outline-danger:active,.icon-btn.btn-outline-danger.active{
      background-color:rgba(255,78,43,0.25) !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      text-decoration:none
  }
  .icon-btn.btn-outline-danger.active{
      background-color:#ff4e2b !important;
      color:#fff !important
  }
  .icon-btn.btn-outline-danger:focus{
      -webkit-box-shadow:0 0 3px 2px rgba(255,78,43,0.15);
      box-shadow:0 0 3px 2px rgba(255,78,43,0.15);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-danger.button-effect .effect-wave{
      background-color:#ff795e
  }
  .icon-btn.btn-outline-light{
      background-color:rgba(239,241,242,0.15) !important;
      color:#eff1f2 !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      color:#223645 !important;
      background-color:#18171f !important
  }
  .icon-btn.btn-outline-light.disabled,.icon-btn.btn-outline-light:disabled{
      background-color:rgba(239,241,242,0.1) !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-light:hover,.icon-btn.btn-outline-light:focus,.icon-btn.btn-outline-light:active,.icon-btn.btn-outline-light.active{
      background-color:rgba(239,241,242,0.25) !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      text-decoration:none
  }
  .icon-btn.btn-outline-light.active{
      background-color:#eff1f2 !important;
      color:#fff !important
  }
  .icon-btn.btn-outline-light:focus{
      -webkit-box-shadow:0 0 3px 2px rgba(239,241,242,0.15);
      box-shadow:0 0 3px 2px rgba(239,241,242,0.15);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-light.button-effect .effect-wave{
      background-color:#fff
  }
  .icon-btn.btn-outline-light:hover,.icon-btn.btn-outline-light:focus,.icon-btn.btn-outline-light:active,.icon-btn.btn-outline-light.active{
      background-color:#e1e5e7 !important
  }
  .icon-btn.btn-outline-warning{
      background-color:rgba(255,197,20,0.15) !important;
      color:#ffc514 !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-warning.disabled,.icon-btn.btn-outline-warning:disabled{
      background-color:rgba(255,197,20,0.1) !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-warning:hover,.icon-btn.btn-outline-warning:focus,.icon-btn.btn-outline-warning:active,.icon-btn.btn-outline-warning.active{
      background-color:rgba(255,197,20,0.25) !important;
      border:none !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      text-decoration:none
  }
  .icon-btn.btn-outline-warning.active{
      background-color:#ffc514 !important;
      color:#fff !important
  }
  .icon-btn.btn-outline-warning:focus{
      -webkit-box-shadow:0 0 3px 2px rgba(255,197,20,0.15);
      box-shadow:0 0 3px 2px rgba(255,197,20,0.15);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .icon-btn.btn-outline-warning.button-effect .effect-wave{
      background-color:#ffd247
  }
  .dot-btn{
      position:relative;
      display:inline-block
  }
  .dot-btn:before{
      content:"";
      height:9px;
      width:9px;
      position:absolute;
      top:5px;
      right:1px;
      border-radius:100%;
      z-index:1;
      border:1px solid #fff
  }
  .dot-btn.grow:before{
      border:none;
      height:7px;
      width:7px
  }
  .dot-btn.grow:after{
      content:"";
      height:19px;
      width:18px;
      display:inline-block;
      border-radius:100%;
      top:-1px;
      right:-4.2px;
      position:absolute
  }
  .dot-btn.dot-primary:before{
      background-color:#1c9dea !important
  }
  .dot-btn.dot-primary.grow:after{
      border:5px solid #1c9dea;
      -webkit-animation:grow 1s ease-out infinite;
      animation:grow 1s ease-out infinite
  }
  .dot-btn.dot-success:before{
      background-color:#3fcc35 !important
  }
  .dot-btn.dot-success.grow:after{
      border:5px solid #3fcc35;
      -webkit-animation:grow 1s ease-out infinite;
      animation:grow 1s ease-out infinite
  }
  .dot-btn.dot-danger:before{
      background-color:#ff4e2b !important
  }
  .dot-btn.dot-danger.grow:after{
      border:5px solid #ff4e2b;
      -webkit-animation:grow 1s ease-out infinite;
      animation:grow 1s ease-out infinite
  }
  .dot-btn.dot-light:before{
      background-color:#18171f !important;
      background-color:#223645 !important
  }
  .dot-btn.dot-light.grow:after{
      border:5px solid #eff1f2;
      -webkit-animation:grow 1s ease-out infinite;
      animation:grow 1s ease-out infinite
  }
  .dot-btn.dot-light.grow:after{
      border:5px solid #223645
  }
  .dot-btn.dot-warning:before{
      background-color:#ffc514 !important
  }
  .dot-btn.dot-warning.grow:after{
      border:5px solid #ffc514;
      -webkit-animation:grow 1s ease-out infinite;
      animation:grow 1s ease-out infinite
  }
  @-webkit-keyframes grow{
      0%{
          -webkit-transform:scale(0.1);
          transform:scale(0.1);
          opacity:.1
      }
      33%{
          -webkit-transform:scale(0.5);
          transform:scale(0.5);
          opacity:.3
      }
      66%{
          -webkit-transform:scale(0.8);
          transform:scale(0.8);
          opacity:.5
      }
      100%{
          -webkit-transform:scale(1);
          transform:scale(1);
          opacity:0
      }
  }
  @keyframes grow{
      0%{
          -webkit-transform:scale(0.1);
          transform:scale(0.1);
          opacity:.1
      }
      33%{
          -webkit-transform:scale(0.5);
          transform:scale(0.5);
          opacity:.3
      }
      66%{
          -webkit-transform:scale(0.8);
          transform:scale(0.8);
          opacity:.5
      }
      100%{
          -webkit-transform:scale(1);
          transform:scale(1);
          opacity:0
      }
  }
  .theme-btn-group a+a{
      margin-left:5px;
      border-radius:15px
  }
  .theme-btn-group a+a.btn-sm,.theme-btn-group .btn-group-sm>a+a.btn{
      border-radius:10px
  }
  .theme-btn-group a:first-child{
      border-radius:15px 15px 0
  }
  .theme-btn-group a:first-child.btn-sm,.theme-btn-group .btn-group-sm>a.btn:first-child{
      border-radius:10px 10px 0
  }
  .theme-btn-group a:last-child{
      border-radius:15px 15px 15px 0
  }
  .theme-btn-group a:last-child.btn-sm,.theme-btn-group .btn-group-sm>a.btn:last-child{
      border-radius:10px 10px 10px 0
  }
  .profile{
      width:60px;
      height:60px;
      display:inline-block;
      border-radius:20px;
      position:relative
  }
  .profile span{
      font-size:22px;
      position:absolute;
      top:50%;
      left:50%;
      margin-right:-50%;
      -webkit-transform:translate(-50%, -50%);
      transform:translate(-50%, -50%);
      color:#fff
  }
  .profile.busy:before,.profile.online:before,.profile.offline:before,.profile.unreachable:before{
      content:"";
      position:absolute;
      height:13px;
      width:13px;
      border-radius:100%;
      border:2px solid #fff;
      right:0
  }
  .profile.unreachable:before{
      background-color:#ffc514
  }
  .profile.online:before{
      background-color:#3fcc35
  }
  .profile.busy:before{
      background-color:#ff4e2b
  }
  .profile.offline:before{
      background-color:#828282
  }
  .button-effect{
      display:-webkit-inline-box;
      display:-ms-inline-flexbox;
      display:inline-flex;
      overflow:hidden;
      position:relative
  }
  .button-effect:hover{
      cursor:pointer
  }
  .effect-wave{
      display:block;
      position:absolute;
      -webkit-transform:translateX(-50%) translateY(-50%);
      transform:translateX(-50%) translateY(-50%);
      width:0;
      height:0;
      background-color:#eff1f2;
      border-radius:50%;
      opacity:0.5
  }
  .is-animating{
      -webkit-transform:translate3d(0, 0, 0) scale(1);
      transform:translate3d(0, 0, 0) scale(1)
  }
  .is-animating.btn-success{
      -webkit-animation:phone-outer-success 3000ms infinite;
      animation:phone-outer-success 3000ms infinite
  }
  .is-animating.btn-danger{
      -webkit-animation:phone-outer-danger 3000ms infinite;
      animation:phone-outer-danger 3000ms infinite
  }
  .is-animating.btn-danger svg{
      -webkit-transform:rotate(135deg);
      transform:rotate(135deg);
      -webkit-animation:none;
      animation:none
  }
  .is-animating::before{
      position:absolute;
      content:"";
      top:0;
      left:0;
      width:60px;
      height:60px;
      background-color:rgba(255,255,255,0.2);
      border-radius:100%;
      opacity:1;
      -webkit-transform:translate3d(0, 0, 0) scale(0);
      transform:translate3d(0, 0, 0) scale(0);
      -webkit-animation:phone-inner 3000ms infinite;
      animation:phone-inner 3000ms infinite
  }
  .is-animating svg{
      -webkit-animation:phone-icon 3000ms infinite;
      animation:phone-icon 3000ms infinite;
      -webkit-transform:translate3d(0, 0, 0);
      transform:translate3d(0, 0, 0);
      fill:white;
      stroke-width:1px
  }
  .is-animating.cancelcall{
      -webkit-animation:none;
      animation:none
  }
  .is-animating.cancelcall::before{
      -webkit-animation:none;
      animation:none
  }
  .social-group li{
      display:inline-block
  }
  .social-group li+li{
      margin-left:5px
  }
  .social-group li .btn-google{
      background-color:#3b5998;
      color:#fff
  }
  .social-group li .btn-twiter{
      background-color:#55acee;
      color:#fff
  }
  .social-group li .btn-linkedin{
      background-color:#0e76a8;
      color:#fff
  }
  .social-group li .btn-instagram{
      background-color:#e4405f;
      color:#fff
  }
  .btn-primary.is-animating{
      -webkit-box-shadow:0 0 0 0em rgba(28,157,234,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
      box-shadow:0 0 0 0em rgba(28,157,234,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
  }
  .btn-success.is-animating{
      -webkit-box-shadow:0 0 0 0em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
      box-shadow:0 0 0 0em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
  }
  .btn-danger.is-animating{
      -webkit-box-shadow:0 0 0 0em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
      box-shadow:0 0 0 0em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
  }
  .btn-light.is-animating{
      -webkit-box-shadow:0 0 0 0em rgba(239,241,242,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
      box-shadow:0 0 0 0em rgba(239,241,242,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
  }
  .btn-warning.is-animating{
      -webkit-box-shadow:0 0 0 0em rgba(255,197,20,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
      box-shadow:0 0 0 0em rgba(255,197,20,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
  }
  @-webkit-keyframes phone-outer-success{
      0%{
          -webkit-transform:translate3d(0, 0, 0) scale(1);
          transform:translate3d(0, 0, 0) scale(1);
          -webkit-box-shadow:0 0 0 0em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
          box-shadow:0 0 0 0em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
      }
      33.3333%{
          -webkit-transform:translate3d(0, 0, 0) scale(1.1);
          transform:translate3d(0, 0, 0) scale(1.1);
          -webkit-box-shadow:0 0 0 0em rgba(63,204,53,0.9),0em 0.05em 0.1em rgba(0,0,0,0.5);
          box-shadow:0 0 0 0em rgba(63,204,53,0.9),0em 0.05em 0.1em rgba(0,0,0,0.5)
      }
      66.6666%{
          -webkit-transform:translate3d(0, 0, 0) scale(1);
          transform:translate3d(0, 0, 0) scale(1);
          -webkit-box-shadow:0 0 0 1.2em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
          box-shadow:0 0 0 1.2em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
      }
      100%{
          -webkit-transform:translate3d(0, 0, 0) scale(1);
          transform:translate3d(0, 0, 0) scale(1);
          -webkit-box-shadow:0 0 0 0em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
          box-shadow:0 0 0 0em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
      }
  }
  @keyframes phone-outer-success{
      0%{
          -webkit-transform:translate3d(0, 0, 0) scale(1);
          transform:translate3d(0, 0, 0) scale(1);
          -webkit-box-shadow:0 0 0 0em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
          box-shadow:0 0 0 0em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
      }
      33.3333%{
          -webkit-transform:translate3d(0, 0, 0) scale(1.1);
          transform:translate3d(0, 0, 0) scale(1.1);
          -webkit-box-shadow:0 0 0 0em rgba(63,204,53,0.9),0em 0.05em 0.1em rgba(0,0,0,0.5);
          box-shadow:0 0 0 0em rgba(63,204,53,0.9),0em 0.05em 0.1em rgba(0,0,0,0.5)
      }
      66.6666%{
          -webkit-transform:translate3d(0, 0, 0) scale(1);
          transform:translate3d(0, 0, 0) scale(1);
          -webkit-box-shadow:0 0 0 1.2em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
          box-shadow:0 0 0 1.2em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
      }
      100%{
          -webkit-transform:translate3d(0, 0, 0) scale(1);
          transform:translate3d(0, 0, 0) scale(1);
          -webkit-box-shadow:0 0 0 0em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
          box-shadow:0 0 0 0em rgba(63,204,53,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
      }
  }
  @-webkit-keyframes phone-outer-danger{
      0%{
          -webkit-transform:translate3d(0, 0, 0) scale(1);
          transform:translate3d(0, 0, 0) scale(1);
          -webkit-box-shadow:0 0 0 0em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
          box-shadow:0 0 0 0em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
      }
      33.3333%{
          -webkit-transform:translate3d(0, 0, 0) scale(1.1);
          transform:translate3d(0, 0, 0) scale(1.1);
          -webkit-box-shadow:0 0 0 0em rgba(255,78,43,0.9),0em 0.05em 0.1em rgba(0,0,0,0.5);
          box-shadow:0 0 0 0em rgba(255,78,43,0.9),0em 0.05em 0.1em rgba(0,0,0,0.5)
      }
      66.6666%{
          -webkit-transform:translate3d(0, 0, 0) scale(1);
          transform:translate3d(0, 0, 0) scale(1);
          -webkit-box-shadow:0 0 0 1.2em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
          box-shadow:0 0 0 1.2em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
      }
      100%{
          -webkit-transform:translate3d(0, 0, 0) scale(1);
          transform:translate3d(0, 0, 0) scale(1);
          -webkit-box-shadow:0 0 0 0em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
          box-shadow:0 0 0 0em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
      }
  }
  @keyframes phone-outer-danger{
      0%{
          -webkit-transform:translate3d(0, 0, 0) scale(1);
          transform:translate3d(0, 0, 0) scale(1);
          -webkit-box-shadow:0 0 0 0em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
          box-shadow:0 0 0 0em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
      }
      33.3333%{
          -webkit-transform:translate3d(0, 0, 0) scale(1.1);
          transform:translate3d(0, 0, 0) scale(1.1);
          -webkit-box-shadow:0 0 0 0em rgba(255,78,43,0.9),0em 0.05em 0.1em rgba(0,0,0,0.5);
          box-shadow:0 0 0 0em rgba(255,78,43,0.9),0em 0.05em 0.1em rgba(0,0,0,0.5)
      }
      66.6666%{
          -webkit-transform:translate3d(0, 0, 0) scale(1);
          transform:translate3d(0, 0, 0) scale(1);
          -webkit-box-shadow:0 0 0 1.2em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
          box-shadow:0 0 0 1.2em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
      }
      100%{
          -webkit-transform:translate3d(0, 0, 0) scale(1);
          transform:translate3d(0, 0, 0) scale(1);
          -webkit-box-shadow:0 0 0 0em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2);
          box-shadow:0 0 0 0em rgba(255,78,43,0),0em 0.05em 0.1em rgba(0,0,0,0.2)
      }
  }
  @-webkit-keyframes phone-inner{
      0%{
          opacity:1;
          -webkit-transform:translate3d(0, 0, 0) scale(0);
          transform:translate3d(0, 0, 0) scale(0)
      }
      33.3333%{
          opacity:1;
          -webkit-transform:translate3d(0, 0, 0) scale(0.9);
          transform:translate3d(0, 0, 0) scale(0.9)
      }
      66.6666%{
          opacity:0;
          -webkit-transform:translate3d(0, 0, 0) scale(0);
          transform:translate3d(0, 0, 0) scale(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translate3d(0, 0, 0) scale(0);
          transform:translate3d(0, 0, 0) scale(0)
      }
  }
  @keyframes phone-inner{
      0%{
          opacity:1;
          -webkit-transform:translate3d(0, 0, 0) scale(0);
          transform:translate3d(0, 0, 0) scale(0)
      }
      33.3333%{
          opacity:1;
          -webkit-transform:translate3d(0, 0, 0) scale(0.9);
          transform:translate3d(0, 0, 0) scale(0.9)
      }
      66.6666%{
          opacity:0;
          -webkit-transform:translate3d(0, 0, 0) scale(0);
          transform:translate3d(0, 0, 0) scale(0)
      }
      100%{
          opacity:0;
          -webkit-transform:translate3d(0, 0, 0) scale(0);
          transform:translate3d(0, 0, 0) scale(0)
      }
  }
  @-webkit-keyframes phone-icon{
      0%{
          -webkit-transform:translate3d(0, 0, 0);
          transform:translate3d(0, 0, 0)
      }
      2%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      4%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      6%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      8%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      10%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      12%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      14%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      16%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      18%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      20%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      22%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      24%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      26%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      28%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      30%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      32%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      34%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      36%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      38%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      40%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      42%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      44%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      46%{
          -webkit-transform:translate3d(0em, 0, 0);
          transform:translate3d(0em, 0, 0)
      }
  }
  @keyframes phone-icon{
      0%{
          -webkit-transform:translate3d(0, 0, 0);
          transform:translate3d(0, 0, 0)
      }
      2%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      4%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      6%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      8%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      10%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      12%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      14%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      16%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      18%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      20%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      22%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      24%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      26%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      28%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      30%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      32%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      34%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      36%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      38%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      40%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      42%{
          -webkit-transform:translate3d(0.6px, 0, 0);
          transform:translate3d(0.6px, 0, 0)
      }
      44%{
          -webkit-transform:translate3d(-0.6px, 0, 0);
          transform:translate3d(-0.6px, 0, 0)
      }
      46%{
          -webkit-transform:translate3d(0em, 0, 0);
          transform:translate3d(0em, 0, 0)
      }
  }
  .btn-fix{
      position:fixed;
      bottom:20px;
      margin-left:-30px;
      z-index:9
  }
  .theme-tab .nav-tabs{
      border:none;
      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;
      width:100%;
      padding-bottom:20px
  }
  .theme-tab .nav-tabs .nav-item .nav-link{
      font-size:calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
      font-weight:700;
      padding:7px 30px;
      min-height:30px;
      border-radius:80px;
      min-width:100px;
      background-color:#eff1f2 !important;
      border:none !important;
      color:#223645 !important;
      text-align:center;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center
  
  }
  
  
  
  .nav-link:hover {
  scale: 95%;
  }
  
  
  
  .theme-tab .nav-tabs .nav-item .nav-link.active{
      background-color:rgba(28,157,234,0.15) !important;
      color:#1c9dea !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .theme-tab.chat-tabs #myTab1 .nav-tabs{
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center
  }
  .theme-tab.chat-tabs #myTab1 .nav-tabs .nav-link{
      margin:0 10px
  }
  .theme-tab.tab-sm>.nav-tabs>.nav-item .nav-link{
      border-radius:25px;
      padding:0px 14px;
      font-size:calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
      line-height:2.2;
      min-width:unset;
      color:#223645;
      background-color:#eff1f2;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  .theme-tab.tab-sm>.nav-tabs>.nav-item .nav-link svg{
      height:16px;
      fill:#223645 !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      stroke-width:1px
  }
  .theme-tab.tab-sm>.nav-tabs>.nav-item .nav-link.active{
      color:#fff !important;
      background-color:#1c9dea !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      -webkit-box-shadow:-1px 10px 16px -10px #1c9dea;
      box-shadow:-1px 10px 16px -10px #1c9dea
  }
  .theme-tab.tab-sm>.nav-tabs>.nav-item .nav-link.active svg{
      fill:#fff !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .theme-tab.tab-icon .nav-tabs .nav-item .nav-link{
      padding:10px 25px;
      min-width:auto;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      font-size:13px
  }
  .theme-tab.tab-icon .nav-tabs .nav-item .nav-link svg{
      height:18px
  }
  .tab-card{
      text-align:center;
      padding:20px;
      border:1px solid #eff1f2;
      border-radius:15px
  }
  .tab-card+.tab-card{
      margin-top:15px
  }
  .msg-box>li>h5,.msg-box>li>.h5,.msg-box>li .document,.msg-box>li .auto-gallery{
      display:inline-block;
      padding:16px 25px;
      background-color:#0b0418;
      color:#fff;
      border-radius:0 25px 25px 0;
      font-weight:600
  }
  .msg-box>li .refresh-block{
      display:inline-grid;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  .msg-box>li .refresh-block .refresh{
      margin-bottom:10px;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .msg-box>li .refresh-block .refresh:hover{
      color:#fff !important;
      background-color:#1c9dea !important;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      cursor:pointer
  }
  .msg-box>li .refresh-block .refresh.refreshed{
      color:#fff !important;
      background-color:#1c9dea !important
  }
  .msg-box>li .refresh-block .refresh.refreshed svg{
      -webkit-transform:rotate(360deg);
      transform:rotate(360deg);
      -webkit-transition:all 3s ease;
      transition:all 3s ease
  }
  .msg-box>li .refresh-block>div:last-child{
      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
  }
  .msg-box>li:first-child h5,.msg-box>li:first-child .h5{
      border-radius:30px 25px 25px 0
  }
  .msg-box>li:last-child h5,.msg-box>li:last-child .h5,.msg-box>li:last-child .document,.msg-box>li:last-child .auto-gallery{
      border-radius:0 25px 25px 30px
  }
  .msg-box>li+li{
      margin-top:12px;
      position:relative
  }
  .contact-chat{
      padding:45px 30px 0;
      margin-top:100px
  }
  .contact-chat>ul.str-msg h5,.contact-chat>ul.str-msg .h5{
      font-size:13px
  }
  .contact-chat>ul.str-msg h6,.contact-chat>ul.str-msg .h6{
      font-size:9px
  }
  .contact-chat>ul.str-msg li{
      padding-left:0 !important;
      width:100%
  }
  .contact-chat>ul.str-msg li .media .profile{
      margin-left:0.7rem !important
  }
  .contact-chat>ul.str-msg li .contact-name .msg-box{
      margin-top:5px;
  }
  .contact-chat>ul.str-msg li .msg-box>li>h5,.contact-chat>ul.str-msg li .msg-box>li>.h5{
      padding:8px 25px;
      font-size:12px;
      line-height:1.6;
      color:#223645;
      background-color:#0b0418
  }
  .contact-chat>ul.str-msg li .profile{
      width:30px;
      height:30px
  }
  .contact-chat>ul.chatappend{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column
  }
  .contact-chat>ul.chatappend>li:last-child .msg-box>li .msg-dropdown{
      bottom:50px !important;
      top:unset !important
  }
  .contact-chat>ul.chatappend .last{
      -webkit-box-ordinal-group:1000;
      -ms-flex-order:999;
      order:999
  }
  .contact-chat>ul>li.sent .document{
      border-radius:0 50px 50px 50px
  }
  .contact-chat>ul>li.sent .document .icon-btns a{
      background-color:#1595e2 !important
  }
  .contact-chat>ul>li.sent .document .details h5,.contact-chat>ul>li.sent .document .details .h5,.contact-chat>ul>li.sent .document .details h6,.contact-chat>ul>li.sent .document .details .h6{
      color:#eff1f2
  }
  .contact-chat>ul>li.sent .document i{
      color:#fff !important
  }
  .contact-chat>ul>li.sent .document .details,.contact-chat>ul>li.sent .document .icon-btns{
      display:inline-block
  }
  .contact-chat>ul>li.sent .document .icon-btns{
      display:inline-block
  }
  .contact-chat>ul>li.sent,.contact-chat>ul>li.replies{
      width:80%
  }
  .contact-chat>ul>li.sent .auto-gallery,.contact-chat>ul>li.replies .auto-gallery{
      background-color:#0b0418  !important;
      padding:16px 25px 0 15px
  }
  .contact-chat>ul>li.sent .auto-gallery li,.contact-chat>ul>li.replies .auto-gallery li{
      display:inline-block !important;
      height:85px;
      width:85px;
      border-radius:20px;
      margin-left:10px;
      margin-bottom:10px
  }
  .contact-chat>ul>li.sent .document,.contact-chat>ul>li.replies .document{
      padding:25px 35px;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  .contact-chat>ul>li.sent .document .icon-btns a,.contact-chat>ul>li.replies .document .icon-btns a{
      background-color:#dae5f1 !important
  }
  .contact-chat>ul>li.sent .document .icon-btns a+a,.contact-chat>ul>li.replies .document .icon-btns a+a{
      margin-left:10px
  }
  .contact-chat>ul>li.sent .document .details,.contact-chat>ul>li.replies .document .details{
      padding-left:15px;
      padding-right:30px;
      text-align:left
  }
  .contact-chat>ul>li.sent .document .details h5,.contact-chat>ul>li.sent .document .details .h5,.contact-chat>ul>li.replies .document .details h5,.contact-chat>ul>li.replies .document .details .h5{
      display:block;
      padding-bottom:5px
  }
  .contact-chat>ul>li.sent .document i,.contact-chat>ul>li.replies .document i{
      font-size:40px
  }
  .contact-chat>ul>li.sent .document .details,.contact-chat>ul>li.sent .document .icon-btns,.contact-chat>ul>li.replies .document .details,.contact-chat>ul>li.replies .document .icon-btns{
      display:inline-block
  }
  .contact-chat>ul>li.sent .document .icon-btns,.contact-chat>ul>li.replies .document .icon-btns{
      display:inline-block
  }
  .contact-chat>ul>li.replies{
      margin-left:auto;
      text-align:right
  }
  .contact-chat>ul>li.replies .document{
      border-radius:50px 0 50px 50px
  }
  .contact-chat>ul>li.replies .auto-gallery{
      padding:16px 25px 5px 15px
  }
  .contact-chat>ul>li.replies .auto-gallery li{
      float:right
  }
  .contact-chat>ul>li.replies .msg-box li{
      display:-webkit-inline-box;
      display:-ms-inline-flexbox;
      display:inline-flex
  }
  .contact-chat>ul>li.replies .msg-box li:first-child h5,.contact-chat>ul>li.replies .msg-box li:first-child .h5{
      border-radius:30px 25px 0 30px
  }
  .contact-chat>ul>li.replies .msg-box li:last-child{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:horizontal;
      -webkit-box-direction:reverse;
      -ms-flex-direction:row-reverse;
      flex-direction:row-reverse;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      margin-left:auto
  }
  .contact-chat>ul>li.replies .msg-box li:last-child h5,.contact-chat>ul>li.replies .msg-box li:last-child .h5,.contact-chat>ul>li.replies .msg-box li:last-child .auto-gallery{
      border-radius:30px 0 25px 30px
  }
  .contact-chat>ul>li.replies .msg-box li>h5,.contact-chat>ul>li.replies .msg-box li>.h5,.contact-chat>ul>li.replies .msg-box li .document,.contact-chat>ul>li.replies .msg-box li .auto-gallery{
      background-color:#e5edf5;
      color:#223645
  }
  .contact-chat>ul>li.replies .msg-box li .badge{
      margin-left:0 !important;
      margin-right:0.5rem !important
  }
  .contact-chat>ul>li.replies .media{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:reverse;
      -ms-flex-direction:row-reverse;
      flex-direction:row-reverse
  }
  .contact-chat>ul>li.replies .media .profile{
      margin-left:1.5rem !important;
      margin-right:0 !important
  }
  .contact-chat>ul>li.replies .msg-setting-main .msg-dropdown-main .msg-setting{
      margin-right:10px;
      margin-left:unset
  }
  .contact-chat>ul>li+li{
      margin-top:10px
  }
  .contact-chat>ul>li .contact-name .msg-box{
      margin-top:15px
  }
  .contact-chat>ul>li .contact-name .msg-box img{
      width:130px
  }
  .contact-chat>ul>li .contact-name h5,.contact-chat>ul>li .contact-name .h5{
      display:inline-block;
      padding-right:20px;
      line-height:1.4;
      margin-left: 10px;
  }
  .contact-chat>ul>li .contact-name h6,.contact-chat>ul>li .contact-name .h6{
      display:inline-block
  }
  .msg-setting-main{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      width:-webkit-fit-content;
      width:-moz-fit-content;
      width:fit-content;
      -webkit-transition:all 0.5s ease;
      transition:all 0.5s ease
  }
  .msg-setting-main .msg-dropdown-main{
      position:relative;
      display:none;
      -webkit-transition:all 0.5s ease;
      transition:all 0.5s ease
  }
  .msg-setting-main .msg-dropdown-main .msg-setting{
      background-color:#e5edf5;
      width:38px;
      height:38px;
      border-radius:50%;
      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;
      margin-left:10px
  }
  .msg-setting-main .msg-dropdown-main .msg-dropdown{
      background-color:#fff;
      border:2px solid #eff1f2;
      padding:15px;
      border-radius:15px;
      position:absolute;
      top:50px;
      left:0;
      z-index:1;
      text-align:left;
      display:none;
      -webkit-transition:all 0.5s ease;
      transition:all 0.5s ease
  }
  .msg-setting-main .msg-dropdown-main .msg-dropdown ul li{
      font-size:14px;
      font-weight:600;
      text-transform:capitalize;
      margin-bottom:10px
  }
  .msg-setting-main .msg-dropdown-main .msg-dropdown ul li:last-child{
      margin-bottom:0
  }
  .msg-setting-main .msg-dropdown-main .msg-dropdown ul li a{
      color:#595959;
      width:100%
  }
  .msg-setting-main .msg-dropdown-main .msg-dropdown ul li a i{
      font-size:16px;
      display:inline;
      margin-right:15px
  }
  .msg-setting-main:hover .msg-dropdown-main{
      display:inline-block;
      -webkit-box-ordinal-group:1;
      -ms-flex-order:0;
      order:0
  }
  .custom-dropdown{
      height:0;
      width:0;
      position:absolute;
      right:0;
      background-color:#fff;
      z-index:99;
      opacity:0;
      overflow:hidden;
      overflow-x:hidden;
      overflow-y:scroll;
      border:1px solid #eff1f2;
      border-radius:15px;
      top:85px;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .custom-dropdown.open{
      opacity:1;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      height:200px;
      width:300px
  }
  .onclick-dropdown{
      cursor:pointer
  }
  .emojis-main{
      position:relative;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex
  }
  .emojis-main .toggle-sticker img{
      height:30px
  }
  .emojis-main .toggle-sticker svg{
      height:50px;
      width:50px;
      fill:#1c9dea
  }
  .emojis-main .toggle-sticker svg path{
      stroke:#1c9dea
  }
  .emojis-main .toggle-sticker.active svg{
      fill:#fff
  }
  .emojis-main .toggle-sticker.active svg path{
      stroke:#fff
  }
  .emojis-main .emojis-contain,.emojis-main .sticker-contain{
      width:0;
      height:0;
      background-color:#fff;
      position:absolute;
      bottom:0;
      left:0;
      padding:35px;
      -webkit-transform:scale(0);
      transform:scale(0);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .emojis-main .emojis-contain.open,.emojis-main .sticker-contain.open{
      bottom:85px;
      -webkit-transform:scale(1);
      transform:scale(1);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      width:420px;
      height:280px
  }
  .emojis-main .emojis-contain .emojis-sub-contain,.emojis-main .sticker-contain .emojis-sub-contain{
      height:100%;
      overflow:overlay
  }
  .emojis-main .emojis-contain .emojis-sub-contain:before,.emojis-main .sticker-contain .emojis-sub-contain:before{
      content:"";
      position:absolute;
      width:0;
      height:0;
      border-left:12px solid transparent;
      border-right:12px solid transparent;
      border-top:12px solid #fff;
      bottom:-12px;
      left:70px;
      z-index:1
  }
  .emojis-main .emojis-contain .emojis-sub-contain ul li,.emojis-main .sticker-contain .emojis-sub-contain ul li{
      display:inline-block;
      font-size:24px;
      padding:5px;
      cursor:pointer
  }
  .emojis-main .emojis-contain .sticker-sub-contain,.emojis-main .sticker-contain .sticker-sub-contain{
      height:100%;
      overflow:overlay
  }
  .emojis-main .emojis-contain .sticker-sub-contain ul li,.emojis-main .sticker-contain .sticker-sub-contain ul li{
      display:inline-block
  }
  .emojis-main .emojis-contain .sticker-sub-contain ul li img,.emojis-main .sticker-contain .sticker-sub-contain ul li img{
      width:45px;
      height:auto
  }
  .emojis-main .contact-poll{
      -webkit-transition:all 1s ease;
      transition:all 1s ease
  }
  .emojis-main .contact-poll .contact-poll-content{
      position:absolute;
      bottom:85px;
      left:90px;
      background-color:white;
      padding:30px;
      -webkit-transition:all 1s ease;
      transition:all 1s ease;
      display:none
  }
  .emojis-main .contact-poll .contact-poll-content ul li{
      margin-bottom:15px;
      position:relative;
      text-transform:capitalize;
      font-size:16px;
      font-weight:600;
      padding-left:30px;
      -webkit-transition:all 0.5s ease;
      transition:all 0.5s ease
  }
  .emojis-main .contact-poll .contact-poll-content ul li:last-child{
      margin-bottom:0
  }
  .emojis-main .contact-poll .contact-poll-content ul li a{
      color:#223645;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .emojis-main .contact-poll .contact-poll-content ul li a svg{
      width:18px;
      margin-right:15px;
      position:absolute;
      left:0
  }
  .emojis-main .contact-poll .contact-poll-content ul li:hover a{
      color:#1c9dea;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .emojis-main .contact-poll .contact-poll-content:before{
      content:"";
      position:absolute;
      width:0;
      height:0;
      border-left:12px solid transparent;
      border-right:12px solid transparent;
      border-top:12px solid #fff;
      bottom:-12px;
      left:40px;
      z-index:1
  }
  .main-nav .status>div:before{
      content:"";
      position:absolute;
      height:100%;
      width:100%;
      background-color:#1c9dea;
      left:0;
      z-index:-1;
      top:0;
      border-radius:100%
  }
  .main-nav .user-popup{
      height:43px;
      width:43px;
      padding:3px;
      border-radius:100%;
      margin:0 auto;
      position:relative
  }
  .main-nav .user-popup.two>div:after{
      content:"";
      position:absolute;
      height:3px;
      width:100%;
      background-color:#fff;
      left:0;
      z-index:-1;
      top:22px
  }
  .main-nav .user-popup.three>div:after{
      content:"";
      position:absolute;
      left:-6px;
      z-index:-1;
      top:-5px;
      width:0;
      height:0;
      border-left:33px solid transparent;
      border-right:28px solid transparent;
      border-bottom:43px solid #fff
  }
  .main-nav .user-popup>div{
      height:37px;
      width:37px;
      border-radius:100%;
      margin:0 auto
  }
  .chat-friend-toggle{
      position:relative
  }
  .chat-friend-toggle .chat-frind-content{
      position:absolute;
      top:80px;
      right:0;
      padding:25px;
      background-color:#fff;
      text-align:left;
      display:none;
      text-transform:capitalize
  }
  .chat-friend-toggle .chat-frind-content ul li{
      margin-bottom:15px;
      padding-left:50px !important;
      position:relative;
      display:-webkit-inline-box !important;
      display:-ms-inline-flexbox !important;
      display:inline-flex !important;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      height:30px
  }
  .chat-friend-toggle .chat-frind-content ul li a{
      position:absolute;
      left:0
  }
  .chat-friend-toggle .chat-frind-content ul li:last-child{
      margin-bottom:0;
      padding-top:20px;
      border-top:1px solid #eff1f2;
      height:34px
  }
  .chat-friend-toggle .chat-frind-content ul li:before{
      border-left:5px solid #1c9dea;
      content:"";
      position:absolute;
      top:0;
      left:15px
  }
  .user-status{
      position:relative;
      padding:4px
  }
  .user-status:before{
      content:"";
      position:absolute;
      height:100%;
      width:100%;
      background-color:#1c9dea;
      left:0;
      z-index:-1;
      top:0;
      border-radius:100%
  }
  .chat-main li{
      margin-left:-40px;
      margin-right:-40px;
      padding-left:40px;
      padding-right:40px;
      padding-top:15px;
      padding-bottom:15px;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .chat-main li .chat-box .icon-btn.btn-outline-light{
      position:absolute;
      right:0
  }
  .chat-main li .chat-box .favourite svg{
      stroke:none;
      fill:#1c9dea
  }
  .chat-main li .chat-box .favourite.btn-primary svg{
      fill:#fff
  }
  .chat-main li .chat-box.notification span{
      padding-top:0;
      padding-bottom:5px;
      display:inline-block
  }
  .chat-main li .chat-box.notification p{
      margin-bottom:0;
      margin-top:8px;
      font-size:13px
  }
  .chat-main li .details h6 img,.chat-main li .details .h6 img{
      height:20px
  }
  .chat-main li.active{
      background-color:#0a0417;
      border-left:4px solid #1c9dea;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .chat-main li.active .details h6,.chat-main li.active .details .h6{
      font-weight:600;
      color:#1c9dea;
      letter-spacing:1px
  }
  .chat-main li.pined .chat-box .date-status .ti-pin2{
      opacity:1;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      color:#1c9dea
  }
  .chat-main li .chat-box{
      position:relative
  }
  .chat-main li .chat-box .profile{
      position:absolute;
      left:0
  }
  .chat-main li .chat-box .details{
      padding-left:75px;
      padding-right:50px;
      padding-top:12px;
      padding-bottom:13px
  }
  .chat-main li .chat-box .details h6,.chat-main li .chat-box .details .h6{
      padding-top:8px;
      max-width:170px;
      text-overflow:ellipsis;
      white-space:nowrap;
      overflow:hidden
  }
  .chat-main li .chat-box .date-status{
      position:absolute;
      right:0;
      top:0px;
      text-align:right
  }
  .chat-main li .chat-box .date-status .ti-pin2{
      opacity:0;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .chat-main li .chat-box .date-status .status{
      padding-top:8px;
      font-weight:600;
      letter-spacing:0.5px
  }
  .chat-main li .chat-box .date-status .sm{
      font-weight:600;
      border-radius:100%;
      height:20px;
      width:20px;
      padding:0px 6px;
      font-size:12px;
      margin-top:6px
  }
  .chat-main li .chat-box:hover .date-status .ti-pin2{
      opacity:1;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  ul.grop-icon{
      line-height:1;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  ul.grop-icon li{
      margin-left:0;
      margin-right:0;
      padding-left:0;
      padding-right:0;
      padding-top:0;
      padding-bottom:0;
      border:2px solid #fff;
      border-radius:50%;
      -webkit-transition:z-index 0.3s ease;
      transition:z-index 0.3s ease
  }
  ul.grop-icon li:hover{
      z-index:9;
      -webkit-transition:z-index 0.3s ease;
      transition:z-index 0.3s ease
  }
  ul.grop-icon li:nth-child(2),ul.grop-icon li:nth-child(3){
      margin-left:-10px
  }
  ul.grop-icon li:last-child{
      font-size:12px;
      color:#223645;
      font-weight:700;
      border:none;
      border-radius:0;
      margin-left:5px
  }
  ul.grop-icon li img{
      width:15px;
      height:15px;
      border-radius:50%
  }
  .group-main li{
      margin-left:-40px;
      margin-right:-40px;
      padding-left:40px;
      padding-right:40px;
      padding-top:15px
  }
  .group-main li.active{
      background-color:#eff7fe;
      border-left:4px solid #1c9dea
  }
  .group-main li.active .chat-box .details h6,.group-main li.active .chat-box .details .h6{
      font-weight:600;
      color:#1c9dea
  }
  .group-main .tab-content{
      margin-left:-40px;
      margin-right:-40px;
      padding-left:40px;
      padding-right:40px;
      border-top:1px solid #eff1f2
  }
  .group-main .group-box{
      position:relative
  }
  .group-main .group-box .profile{
      position:absolute;
      left:0
  }
  .group-main .group-box .profile span{
      font-size:26px;
      font-weight:700
  }
  .group-main .group-box .details{
      padding-left:75px;
      padding-top:12px;
      padding-bottom:13px
  }
  .group-main .group-box .details h6,.group-main .group-box .details .h6{
      padding-top:5px;
      line-height:2
  }
  .group-main .group-box .date-status{
      position:absolute;
      right:0;
      top:8px;
      text-align:right
  }
  .group-main .group-box .date-status .status{
      padding-top:8px;
      font-weight:600;
      letter-spacing:0.5px
  }
  .group-main .group-box .date-status .sm{
      font-weight:600;
      border-radius:100%;
      height:20px;
      width:20px;
      padding:0px 6px;
      font-size:12px;
      margin-top:6px
  }
  
  .tippy-tooltip.tooltiprad-theme{
      border-radius:0px 50px 50px 50px;
      margin-left:70px;
      margin-top:50px
  }
  
  .switchery{
      background-color:#fff;
      border:1px solid #dfdfdf;
      cursor:pointer;
      border-radius:20px;
      display:inline-block;
      height:30px;
      position:relative;
      vertical-align:middle;
      width:50px;
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
      -webkit-box-sizing:content-box;
      box-sizing:content-box;
      background-clip:content-box
  }
  .switchery>small,.switchery>.small{
      background:#fff;
      border-radius:100%;
      -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);
      box-shadow:0 1px 3px rgba(0,0,0,0.4);
      height:30px;
      position:absolute;
      top:0;
      width:30px
  }
  .switchery-small{
      border-radius:20px;
      height:18px;
      width:33px
  }
  .switchery-small>small,.switchery-small>.small{
      height:14px;
      width:14px;
      top:2px
  }
  .collapse-block.open .block-title{
      padding-bottom:25px;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .collapse-block .block-title{
      position:relative;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      cursor:pointer
  }
  .collapse-block .block-title:after{
      position:absolute;
      display:inline-block;
      content:"\F107";
      font-family:FontAwesome;
      color:#223645;
      right:0;
      top:-4px;
      font-size:20px
  }
  .audiocall1.call-modal,.audiocall2.call-modal,.videocall.call-modal,.videocallhang.call-modal,.conferencecall.call-modal{
      min-height:655px
  }
  .audiocall1.call-modal .title2,.audiocall2.call-modal .title2,.videocall.call-modal .title2,.videocallhang.call-modal .title2,.conferencecall.call-modal .title2{
      margin-bottom:10px
  }
  .audiocall1.call-modal h6,.audiocall1.call-modal .h6,.audiocall2.call-modal h6,.audiocall2.call-modal .h6,.videocall.call-modal h6,.videocall.call-modal .h6,.videocallhang.call-modal h6,.videocallhang.call-modal .h6,.conferencecall.call-modal h6,.conferencecall.call-modal .h6{
      text-transform:uppercase;
      font-family:"Montserrat",sans-serif;
      font-weight:600;
      color:#fff;
      margin-bottom:15px
  }
  .audiocall1.call-modal ul,.audiocall2.call-modal ul,.videocall.call-modal ul,.videocallhang.call-modal ul,.conferencecall.call-modal ul{
      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
  }
  .audiocall1.call-modal ul li+li,.audiocall2.call-modal ul li+li,.videocall.call-modal ul li+li,.videocallhang.call-modal ul li+li,.conferencecall.call-modal ul li+li{
      margin-left:30px
  }
  .audiocall1.call-modal .center-con,.audiocall2.call-modal .center-con,.videocall.call-modal .center-con,.videocallhang.call-modal .center-con,.conferencecall.call-modal .center-con{
      position:absolute;
      bottom:50px;
      width:100%;
      left:300px;
  }
  
  .backgallery { backdrop-filter: blur(2px);}
  
  
  .audiocall1.call-modal .center-con,.audiocall2.call-modal .center-con,.videocall.call-modal .center-con,.videocallhang.call-modal .center-con,.conferencecall.call-modal .center-con1{
      position:absolute;
      bottom:100px;
      width:100%
  }
  .audiocall1.call-modal .center-con .pause,.audiocall1.call-modal .center-con .mic,.audiocall2.call-modal .center-con .pause,.audiocall2.call-modal .center-con .mic,.videocall.call-modal .center-con .pause,.videocall.call-modal .center-con .mic,.videocallhang.call-modal .center-con .pause,.videocallhang.call-modal .center-con .mic,.conferencecall.call-modal .center-con .pause,.conferencecall.call-modal .center-con .mic{
      -webkit-box-shadow:none;
      box-shadow:none
  }
  .audiocall1.call-modal .center-con .pause.active,.audiocall1.call-modal .center-con .mic.active,.audiocall2.call-modal .center-con .pause.active,.audiocall2.call-modal .center-con .mic.active,.videocall.call-modal .center-con .pause.active,.videocall.call-modal .center-con .mic.active,.videocallhang.call-modal .center-con .pause.active,.videocallhang.call-modal .center-con .mic.active,.conferencecall.call-modal .center-con .pause.active,.conferencecall.call-modal .center-con .mic.active{
      -webkit-box-shadow:0 0 3px 2px #eff1f2;
      box-shadow:0 0 3px 2px #eff1f2
  }
  .audiorcvcall .modal-body{
      padding:10px 0px
  }
  .dynemic-sidebar .search-form .form-group input{
      height:60px;
      border-radius:10px;
      margin-top:5px
  }
  .viddiolog.modal.fade .modal-dialog{
      max-width:850px
  }
  .viddiolog.modal.active .modal-dialog{
      width:90vw;
      max-width:unset
  }
  .viddiolog .videocall.call-modal{
      min-height:90vh !important
  }
  .conferencecall{
      background-blend-mode:overlay;
      background-color:rgba(255,255,255,0.52)
  }
  .conferencecall p{
      color:#fff
  }
  .conferencecall h3,.conferencecall .h3{
      margin-bottom:20px;
      color:#fff
  }
  .conferencecall .usersprof{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center
  }
  .conferencecall .usersprof .profile{
      border-radius:100%;
      border:2px solid white;
      margin-bottom:10px
  }
  .conferencecall .usersprof .profile+.profile{
      margin-left:-20px
  }
  #basicUsage{
      font-size:16px;
      color:#000;
      font-family:"Montserrat",sans-serif;
      font-weight:700;
      margin-right:70px
  }
  .call-modal .mute i::after{
      content:"";
      position:absolute;
      height:2px;
      width:24px;
      top:19px;
      left:11px;
      opacity:0;
      background-color:#223645;
      -webkit-transform:rotate(45deg);
      transform:rotate(45deg);
      -webkit-transition:opacity 0.3s ease;
      transition:opacity 0.3s ease
  }
  .call-modal .mute i.off::after{
      opacity:1;
      -webkit-transition:opacity 0.3s ease;
      transition:opacity 0.3s ease
  }
  .call-modal .mic i::after{
      content:"";
      position:absolute;
      height:2px;
      width:24px;
      top:19px;
      left:11px;
      opacity:0;
      background-color:#223645;
      -webkit-transform:rotate(45deg);
      transform:rotate(45deg);
      -webkit-transition:opacity 0.3s ease;
      transition:opacity 0.3s ease
  }
  .call-modal .mic i.off::after{
      opacity:1;
      -webkit-transition:opacity 0.3s ease;
      transition:opacity 0.3s ease
  }
  .videocall.call-modal,.videocallhang.call-modal{
      position:relative
  }
  .videocall.call-modal .videocall-details,.videocallhang.call-modal .videocall-details{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      position:absolute;
      top:0;
      padding:35px;
      right:0;
      left:0;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  .videocall.call-modal .videocall-details h6,.videocall.call-modal .videocall-details .h6,.videocallhang.call-modal .videocall-details h6,.videocallhang.call-modal .videocall-details .h6{
      color:#647589;
      margin-top:5px;
      margin-bottom:0;
      font-size:9px
  }
  .videocall.call-modal .videocall-details .usersprof,.videocallhang.call-modal .videocall-details .usersprof{
      margin-right:15px;
      display:-webkit-inline-box;
      display:-ms-inline-flexbox;
      display:inline-flex
  }
  .videocall.call-modal .videocall-details .usersprof .profile,.videocallhang.call-modal .videocall-details .usersprof .profile{
      border-radius:100%;
      margin-left:-15px
  }
  .videocall.call-modal .videocall-details #basicUsage,.videocallhang.call-modal .videocall-details #basicUsage{
      font-size:16px;
      font-family:"Montserrat",sans-serif;
      font-weight:700;
      margin-right:50px
  }
  .videocall.call-modal .videocall-details .zoomcontent,.videocallhang.call-modal .videocall-details .zoomcontent{
      border-radius:50%;
      background-color:#fff;
      padding:7px;
      display:inline-block;
      position:absolute;
      right:30px
  }
  .videocall.call-modal .videocall-details .red-notification h6,.videocall.call-modal .videocall-details .red-notification .h6,.videocallhang.call-modal .videocall-details .red-notification h6,.videocallhang.call-modal .videocall-details .red-notification .h6{
      color:red;
      margin-right:20px
  }
  .videocall.call-modal .videocall-details .red-notification .dot-btn::before,.videocallhang.call-modal .videocall-details .red-notification .dot-btn::before{
      top:17px;
      right:7px
  }
  .videocall.call-modal .videocall-details .red-notification .dot-btn.grow::after,.videocallhang.call-modal .videocall-details .red-notification .dot-btn.grow::after{
      top:11px;
      right:1.8px
  }
  .videocall.call-modal .small-image,.videocallhang.call-modal .small-image{
      height:300px;
      width:220px;
      position:absolute;
      left:40px;
      bottom:5%
  }
  .panel-actions{
      margin-top:-20px;
      margin-bottom:0;
      text-align:right
  }
  .panel-actions a{
      color:red
  }
  .panel-fullscreen{
      display:block;
      z-index:9999;
      position:fixed;
      width:100%;
      height:100%;
      top:0;
      right:0;
      left:0;
      bottom:0;
      overflow:auto
  }
  .panel.panel-default i{
      margin:0 5px;
      color:#c25e7f;
      line-height:20px;
      cursor:pointer
  }
  .confimg .vclimg{
      height:200px;
      width:auto;
      margin-bottom:15px;
      margin-left:10px;
      border-radius:5px;
      margin-right:10px
  }
  .confimg .col-6{
      padding:0px
  }
  .clfooter{
      text-align:center
  }
  .clfooter ul{
      margin-left:0;
      text-align:center;
      display:-webkit-inline-box;
      display:-ms-inline-flexbox;
      display:inline-flex
  }
  .clfooter ul li+li{
      margin-left:10px
  }
  .clfooter .icon-btn svg{
      stroke-width:2px
  }
  .clfooter #basicUsage3{
      font-size:16px;
      color:#000;
      font-family:"Montserrat",sans-serif;
      font-weight:700;
      display:block;
      margin-bottom:15px
  }
  .modal-footer{
      border-top:unset;
      display:unset
  }
  .modal-body{
      padding:10px 15px
  }
  .close:focus{
      outline:none !important
  }
  .call-list-center{
      position:absolute;
      top:50%;
      left:50%;
      margin-right:-50%;
      -webkit-transform:translate(-50%, -50%);
      transform:translate(-50%, -50%)
  }
  .call-list-center .animated-bg i{
      background:#85c8f5;
      position:absolute;
      height:40px;
      width:40px;
      border-radius:100%;
      opacity:0.3;
      -webkit-animation:ripple1 4s linear infinite;
      animation:ripple1 4s linear infinite;
      top:50%;
      left:50%;
      margin-right:-50%;
      -webkit-transform:translate(-50%, -50%) scale(1.3);
      transform:translate(-50%, -50%) scale(1.3);
      z-index:-1
  }
  .call-list-center .animated-bg i:nth-child(2){
      -webkit-animation:ripple2 4s linear infinite;
      animation:ripple2 4s linear infinite
  }
  .call-list-center .animated-bg i:nth-child(3){
      -webkit-animation:ripple3 4s linear infinite;
      animation:ripple3 4s linear infinite
  }
  .call-list-center p{
      position:absolute;
      width:280px;
      font-size:20px;
      font-weight:500;
      font-family:"Roboto",sans-serif;
      top:120%;
      left:50%;
      margin-right:-50%;
      -webkit-transform:translate(-50%, -50%);
      transform:translate(-50%, -50%)
  }
  @-webkit-keyframes ripple1{
      0%{
          -webkit-transform:scale(1.5);
          transform:scale(1.5);
          opacity:0.3
      }
      100%{
          -webkit-transform:scale(3.5);
          transform:scale(3.5);
          opacity:0.0
      }
  }
  @keyframes ripple1{
      0%{
          -webkit-transform:scale(1.5);
          transform:scale(1.5);
          opacity:0.3
      }
      100%{
          -webkit-transform:scale(3.5);
          transform:scale(3.5);
          opacity:0.0
      }
  }
  @-webkit-keyframes ripple2{
      0%{
          -webkit-transform:scale(3.5);
          transform:scale(3.5)
      }
      100%{
          -webkit-transform:scale(5.5);
          transform:scale(5.5)
      }
  }
  @keyframes ripple2{
      0%{
          -webkit-transform:scale(3.5);
          transform:scale(3.5)
      }
      100%{
          -webkit-transform:scale(5.5);
          transform:scale(5.5)
      }
  }
  @-webkit-keyframes ripple3{
      0%{
          -webkit-transform:scale(1.5);
          transform:scale(1.5)
      }
      100%{
          -webkit-transform:scale(3.5);
          transform:scale(3.5)
      }
  }
  @keyframes ripple3{
      0%{
          -webkit-transform:scale(1.5);
          transform:scale(1.5)
      }
      100%{
          -webkit-transform:scale(3.5);
          transform:scale(3.5)
      }
  }
  .groupuser{
      margin-left:auto;
      text-align:right;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  .groupuser .gr-profile{
      border-radius:100%;
      height:40px;
      width:40px;
      position:relative
  }
  .groupuser .gr-profile+.gr-profile{
      margin-left:15px
  }
  .groupuser .gr-profile.grow::before{
      border:none;
      height:7px;
      width:7px;
      background-color:#3fcc35 !important
  }
  .groupuser .gr-profile.grow::after{
      border:5px solid #3fcc35;
      -webkit-animation:grow 1s ease-out infinite;
      animation:grow 1s ease-out infinite;
      content:"";
      height:19px;
      width:18px;
      display:inline-block;
      border-radius:100%;
      top:-1px;
      right:-4.2px;
      position:absolute
  }
  .groupuser .gr-chat-friend-toggle{
      padding-right:20px;
      position:relative
  }
  .groupuser .gr-chat-friend-toggle .gr-chat-frind-content{
      position:absolute;
      top:60px;
      right:0;
      padding:25px 40px;
      background-color:#fff;
      text-align:left;
      z-index:1;
      width:340px;
      display:none
  }
  .groupuser .gr-chat-friend-toggle .gr-chat-frind-content .chat-main li .chat-box .icon-btn{
      position:absolute;
      right:0;
      top:12px
  }
  .groupuser .gr-chat-friend-toggle .gr-chat-frind-content .chat-main li .chat-box .details{
      padding-left:70px;
      padding-right:50px;
      padding-top:2px;
      padding-bottom:2px;
      height:60px;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center
  }
  .groupuser .gr-chat-friend-toggle .gr-chat-frind-content::before{
      content:"";
      position:absolute;
      width:0;
      height:0;
      border-left:12px solid transparent;
      border-right:12px solid transparent;
      border-top:12px solid #fff;
      top:-12px;
      right:25px;
      z-index:1;
      -webkit-transform:scale(-1);
      transform:scale(-1)
  }
  .groupuser .gr-chat-friend-toggle .add-grbtn.icon-btn{
      border:2px dashed #d3d7dc !important
  }
  .groupuser .gr-chat-friend-toggle .add-grbtn.icon-btn svg{
      color:#000
  }
  .groupuser h4,.groupuser .h4{
      margin-right:20px;
      font-weight:500
  }
  .recent .theme-title .close-contentbtn{
      display:none
  }
  .theme-according{
      padding-top:20px
  }
  .theme-according h5,.theme-according .h5{
      padding-top:4px;
      font-size:calc(13px + (13 - 13) * ((100vw - 320px) / (1920 - 320)));
      color:#1c9dea
  }
  .theme-according p{
      font-size:12px;
      padding-top:10px;
      margin-bottom:0
  }
  .theme-according .card{
      border:none;
      margin-bottom:1rem !important
  }
  .theme-according .card a{
      font-weight:600;
      padding-left:25px
  }
  .theme-according .card .card-header{
      border-radius:25px;
      border-bottom:none
  }
  .theme-according .card .card-header[aria-expanded="true"] a i:before{
      content:"\F106";
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .theme-according .card .card-header i{
      padding:8px 10px;
      position:absolute;
      top:7px;
      border-radius:100%;
      background-color:#1c9dea;
      color:#fff;
      left:10px;
      font-weight:900
  }
  .theme-according .card .card-body{
      border-radius:25px;
      padding:1.2rem 1.25rem;
      background-color:#f7f7f9;
      margin-top:10px
  }
  .introjs-tooltipReferenceLayer .introjs-tooltip{
      padding:25px;
      background-color:#eff7fe;
      color:#1c9dea
  }
  .introjs-tooltipReferenceLayer .introjs-helperNumberLayer{
      text-shadow:none;
      width:25px;
      height:25px;
      line-height:24px;
      border:none;
      top:-10px;
      left:10px
  }
  .introjs-tooltipReferenceLayer .introjs-tooltip{
      -webkit-box-shadow:-1px 10px 16px -10px #1c9dea;
      box-shadow:-1px 10px 16px -10px #1c9dea;
      border-radius:15px;
      border:none
  }
  .introjs-tooltipReferenceLayer .introjs-arrow.left{
      left:-21px;
      border-width:11px;
      border-right-color:#eff7fe
  }
  .introjs-tooltipReferenceLayer .introjs-arrow.left-bottom{
      border-right-color:#eff7fe
  }
  .introjs-tooltipReferenceLayer .introjs-arrow.right{
      border-left-color:#eff7fe
  }
  .introjs-helperLayer{
      border-radius:15px !important
  }
  .introjs-tooltip{
      background-color:#eff7fe;
      color:#1c9dea
  }
  .introjs-tooltip .introjs-tooltipbuttons{
      text-align:left
  }
  .introjs-tooltip .introjs-bullets{
      text-align:left
  }
  .introjs-tooltip .introjs-bullets ul li a{
      background:rgba(28,157,234,0.2)
  }
  .introjs-tooltip .introjs-bullets ul li a.active{
      background-color:#1c9dea;
      border:3px double #eff1f2;
      margin-top:-3px
  }
  .introjs-tooltip .introjs-button{
      border-radius:15px;
      padding:0px 15px;
      line-height:2.2;
      background-color:#1c9dea;
      border:none;
      font-weight:500;
      background-image:none;
      text-shadow:none;
      color:#fff !important
  }
  .introjs-tooltip .introjs-button:focus,.introjs-tooltip .introjs-button:active{
      background-color:#1280c1;
      background-image:none
  }
  .introjs-tooltip .introjs-button.introjs-prevbutton{
      border-radius:15px 0 0 15px
  }
  .introjs-tooltip .introjs-button.introjs-nextbutton{
      border-radius:0 15px 15px 0
  }
  .introjs-tooltiptext{
      font-weight:500;
      font-size:16px
  }
  .chitchat-container{
      height:100vh;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      -ms-flex-direction:row;
      flex-direction:row
  }
  .chitchat-container .main-nav{
      min-width:100px;
      width:100px;
      height:100vh;
      max-height:100vh;
      overflow:auto;
      overflow-x:hidden;
      overflow-y:auto;
      border-right:1px solid #414248;
      padding:40px 0
  }
  .chitchat-container .chitchat-left-sidebar{
      min-width:400px;
      width:400px;
      height:100vh;
      max-height:100vh;
      overflow:hidden
  }
  .chitchat-container .chitchat-main{
      width:100%;
      height:100vh;
      max-height:100vh;
      z-index:1;
      -webkit-transition:all 0.7s;
      transition:all 0.7s;
      background-color:#141420
  }
  .chitchat-container .chitchat-right-sidebar{
      min-width:350px;
      width:350px;
      height:100vh;
      max-height:100vh;
      position:fixed;
      right:-200px;
      background-color:#fff;
      opacity:0;
      -webkit-transition:all 0.7s;
      transition:all 0.7s
  }
  .app-sidebar{
      width:0;
      right:-520px;
      z-index:9;
      height:100vh;
      max-height:100vh;
      position:fixed;
      background-color:#fff;
      display:table;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      -webkit-animation:fadeInRight 300ms ease-in-out;
      animation:fadeInRight 300ms ease-in-out
  }
  .app-sidebar.active{
      width:auto;
      right:0;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      -webkit-animation:fadeInRight 300ms ease-in-out;
      animation:fadeInRight 300ms ease-in-out
  }
  .app-sidebar.active .apps-ul>li{
      width:300px;
      height:100vh;
      opacity:0;
      position:absolute;
      padding:20px
  }
  .app-sidebar.active .apps-ul>li.active{
      right:90px;
      opacity:1;
      -webkit-animation:fadeInRight 300ms ease-in-out;
      animation:fadeInRight 300ms ease-in-out;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      background-color:#fff
  }
  .app-sidebar.active .apps-ul .theme-title{
      margin-top:10px;
      margin-bottom:30px
  }
  .app-sidebar.active .apps-ul .theme-title h2,.app-sidebar.active .apps-ul .theme-title .h2{
      font-size:calc(22px + (22 - 20) * ((100vw - 320px) / (1920 - 320)))
  }
  .app-sidebar .apps-ul>li .theme-tab .nav-tabs .nav-item .nav-link{
      min-width:60px;
      padding:7px 15px
  }
  .app-sidebar .apps-ul>li .theme-tab ul li+li{
      margin-left:15px
  }
  .app-sidebar .apps-ul>li .file-tab .block-content{
      padding-bottom:0;
      border-bottom:1px solid #eff7fe;
      margin-bottom:20px
  }
  .app-sidebar .apps-ul>li .file-tab .block-title{
      padding-bottom:15px;
      margin-bottom:.5rem
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content{
      margin-right:-20px;
      padding-right:20px;
      height:calc(100vh - 160px);
      overflow:auto
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content ul li{
      width:auto;
      -webkit-transform:translateX(0);
      transform:translateX(0);
      opacity:1;
      list-style:none;
      display:contents
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content .link-group{
      margin-bottom:15px;
      border:1px solid #eff1f2;
      padding:15px;
      border-radius:15px;
      -webkit-box-shadow:-1px 10px 16px -10px #eff1f2;
      box-shadow:-1px 10px 16px -10px #eff1f2
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content .link-group img{
      margin-right:10px;
      width:30px;
      height:30px
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content .link-group .media-body{
      word-break:break-word
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content .link-group .media-body a{
      color:#647589
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content .link-group .media-body h5,.app-sidebar .apps-ul>li .file-tab .tab-content .link-group .media-body .h5{
      margin-bottom:5px
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content .link-group .media-body h6,.app-sidebar .apps-ul>li .file-tab .tab-content .link-group .media-body .h6{
      font-size:10px;
      line-height:1.3
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content .link-group .media{
      margin-bottom:10px
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content .link-group .media svg{
      margin-right:10px;
      border:1px solid #eff1f2;
      padding:6px;
      background-color:#ede6e6;
      width:15%;
      height:15%
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content .link-group .media:nth-last-child(1){
      margin-top:10px;
      margin-bottom:0;
      border-left:4px solid #1c9dea;
      padding-top:10px;
      padding-bottom:10px;
      padding-left:15px;
      background-color:#eff7fe;
      border-radius:5px
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content .link-group a{
      word-wrap:break-word
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content .docs-group{
      padding:15px;
      border:1px solid #eff1f2;
      margin-bottom:15px
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content .chat-main li{
      display:block
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content ul.chat-main{
      padding-left:15px;
      padding-right:15px
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content ul.chat-main li{
      padding-left:25px;
      padding-right:25px
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content ul.chat-main li .chat-box .media .profile{
      width:40px;
      height:40px
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content ul.chat-main li .chat-box .media .profile .icon-btn.btn-xl{
      width:40px;
      height:40px
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content ul.chat-main li .chat-box .media .profile .icon-btn.btn-xl i{
      font-size:14px
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content ul.chat-main li .chat-box .details{
      padding-top:0;
      padding-left:55px;
      padding-bottom:0
  }
  .app-sidebar .apps-ul>li .file-tab .tab-content ul.chat-main li .chat-box .details h5,.app-sidebar .apps-ul>li .file-tab .tab-content ul.chat-main li .chat-box .details .h5{
      text-transform:capitalize
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab>.nav-tabs{
      -webkit-box-pack:start;
      -ms-flex-pack:start;
      justify-content:flex-start;
      position:relative
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab>.nav-tabs .nav-item{
      margin-right:10px
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab>.nav-tabs li:last-child{
      position:absolute;
      right:0
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content{
      padding-bottom:15px
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content h3,.app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .h3{
      font-weight:600;
      padding-bottom:15px
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .todo-task+.todo-task{
      margin-top:10px;
      padding-top:10px;
      border-top:1px solid #eff1f2
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .todo-task h5,.app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .todo-task .h5{
      font-weight:500;
      font-size:calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));
      margin-bottom:5px
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .todo-task form{
      display:inline-block
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .todo-task form select,.app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .todo-task form input{
      border:0;
      background-color:transparent;
      font-size:calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)));
      color:#828282;
      font-weight:400
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .todo-task span a{
      font-size:calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)));
      color:#223645;
      font-weight:400
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .todo-task span+span{
      padding-left:10px;
      margin-left:10px;
      border-left:1px solid #828282
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .converstaion-docs i{
      font-size:50px;
      margin-bottom:10px;
      color:#1c9dea
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .converstaion-docs h6,.app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .converstaion-docs .h6{
      color:#223645;
      margin-bottom:10px
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .converstaion-docs p{
      margin-bottom:12px;
      color:#223645
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .default-form .form-group{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center !important;
      -ms-flex-align:center !important;
      align-items:center !important
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .default-form .form-group input{
      margin-bottom:15px
  }
  .app-sidebar .apps-ul>li .todo-main .todo-tab .tab-content .default-form .form-group input+input{
      margin-left:10px
  }
  .app-sidebar .apps-ul>li .todo-main .todo-main-content{
      margin-top:15px;
      margin-bottom:15px;
      padding-bottom:15px;
      border-bottom:1px solid #eff1f2
  }
  .app-sidebar .apps-ul>li .todo-main .todo-main-content input{
      border:none;
      cursor:pointer;
      font-size:15px;
      font-weight:500
  }
  .app-sidebar .apps-ul>li .todo-main .todo-main-content input::plaeholder{
      color:#000
  }
  .app-sidebar .apps-ul>li .todo-main .todo-main-content input+input{
      margin-left:10px
  }
  .app-sidebar .apps-ul>li .todo-main .todo-main-content input:focus{
      outline:none
  }
  .app-sidebar .apps-ul>li .todo-main .todo-main-content .input-text{
      margin-bottom:10px;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex
  }
  .app-sidebar .apps-ul>li .todo-main .todo-main-content .todo-list .add-to-do{
      cursor:pointer;
      display:block;
      margin-top:5px
  }
  .app-sidebar .apps-ul>li .todo-main .todo-main-content .todo-list .todo-buttons i{
      cursor:pointer
  }
  .app-sidebar .apps-ul>li .todo-main .todo-main-content:last-child{
      margin-bottom:0
  }
  .app-sidebar .apps-ul>li .notes-main .notes-input input{
      padding:15px;
      margin-bottom:20px;
      width:100%
  }
  .app-sidebar .apps-ul>li .notes-main .notes-content{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:baseline;
      -ms-flex-align:baseline;
      align-items:baseline
  }
  .app-sidebar .apps-ul>li .notes-main .notes-content ul li{
      margin-left:15px
  }
  .app-sidebar .apps-ul>li .notes-main .notes-list{
      padding:20px;
      border:1px solid #ddd;
      border-radius:15px
  }
  .app-sidebar .apps-ul>li .notes-main .notes-list .media{
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      margin-bottom:10px
  }
  .app-sidebar .apps-ul>li .notes-main .notes-list .media img{
      height:30px
  }
  .app-sidebar .apps-ul>li .notes-main a{
      font-size:15px
  }
  .app-sidebar .apps-ul>li .notes-main a.line{
      border-top:1px solid #ededed;
      padding-top:12px;
      margin-top:15px;
      content:"";
      display:block;
      font-weight:600;
      font-family:"Montserrat",sans-serif
  }
  .app-sidebar .apps-ul>li .notes-main a:before{
      margin-right:5px;
      font-size:12px;
      font-family:fontawesome
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-content{
      margin-bottom:20px
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-content i{
      font-size:50px;
      margin-bottom:25px;
      color:#1c9dea;
      display:block
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-content p{
      margin-bottom:15px
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-content .setreminder{
      color:#fff
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-list .target-reminder-list{
      display:none;
      border:2px solid #eff1f2;
      border-left-width:5px;
      border-left-color:rgba(28,157,234,0.3);
      border-radius:15px;
      padding:15px;
      position:relative
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-list .target-reminder-list .reminder-disp .reminder-toggle{
      position:absolute;
      top:0;
      right:0
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-list .target-reminder-list .reminder-disp .reminder-content-toggle{
      display:none
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-list .target-reminder-list .reminder-disp .reminder-content-toggle ul li{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-list .Hide-reminder{
      display:none
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-list button{
      border:none;
      background:unset;
      padding:15px;
      font-size:15px;
      font-weight:600
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-list button:focus{
      outline:none
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-list-disp{
      border:2px solid #eff1f2;
      border-left-width:5px;
      border-left-color:rgba(28,157,234,0.3);
      border-radius:15px;
      padding:15px;
      position:relative
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-list-disp .reminder-disp .reminder-list-toggle{
      position:absolute;
      top:0;
      right:0
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-list-disp .reminder-disp .reminder-contentlist-toggle{
      display:none
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-list-disp .reminder-disp .reminder-contentlist-toggle ul li{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-list-disp button{
      border:none;
      background:unset;
      padding:15px;
      font-size:15px;
      font-weight:600
  }
  .app-sidebar .apps-ul>li .reminder-main .reminder-list-disp button:focus{
      outline:none
  }
  .app-sidebar .app-list{
      display:table-cell;
      max-width:90px;
      width:90px;
  }
  .app-sidebar .app-list ul.app-list-ul{
      height:100%;
      padding-top:25px;
      padding-bottom:25px;
      position:relative
  }
  .app-sidebar .app-list ul.app-list-ul li h5,.app-sidebar .app-list ul.app-list-ul li .h5{
      margin-top:15px;
      opacity:0.7
  }
  .app-sidebar .app-list ul.app-list-ul .close-app{
      margin-bottom:30px;
      position:absolute;
      bottom:0;
      left:0;
      right:0;
  }
  .app-sidebar .app-list ul.app-list-ul h5,.app-sidebar .app-list ul.app-list-ul .h5{
      margin-top:15px
  }
  
  .media{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:start;
      -ms-flex-align:start;
      align-items:flex-start
  }
  .media .media-body{
      -webkit-box-flex:1;
      -ms-flex:1;
      flex:1
  }
  .chitchat-container.sidebar-overlap .chitchat-main,.chitchat-container.sidebar-overlap .message-input,.chitchat-container.sidebar-overlap .contact-details{
      width:calc(100% - 500px) !important
  }
  .chitchat-container .main-nav .logo-warpper{
      text-align:center;
      padding-bottom:35px;
      border-bottom:1px solid #414248;
  }
  .chitchat-container .main-nav .logo-warpper img{
      height:40px
  }
  .chitchat-container .main-nav .sidebar-main{
      height:calc(100vh - 186px);
      display:-webkit-inline-box;
      display:-ms-inline-flexbox;
      display:inline-flex;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
      width:100%;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      justify-content:space-between
  }
  .chitchat-container .main-nav .sidebar-main .sidebar-top .btn-light.active,.chitchat-container .main-nav .sidebar-main .sidebar-bottom .btn-light.active{
      background-color:#1c9dea !important
  }
  .chitchat-container .main-nav .sidebar-main .sidebar-top .btn-light.active i,.chitchat-container .main-nav .sidebar-main .sidebar-bottom .btn-light.active i{
      color:#fff
  }
  .chitchat-container .main-nav .sidebar-main .sidebar-top li,.chitchat-container .main-nav .sidebar-main .sidebar-bottom li{
      text-align:center;
      padding-top:30px
  }
  .chitchat-container .chitchat-left-sidebar .search-form:before{
      top:25px
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab,.chitchat-container .chitchat-left-sidebar .document-tab,.chitchat-container .chitchat-left-sidebar .contact-list-tab,.chitchat-container .chitchat-left-sidebar .notification-tab,.chitchat-container .chitchat-left-sidebar .settings-tab,.chitchat-container .chitchat-left-sidebar .recent-default,.chitchat-container .chitchat-left-sidebar .status-tab{
      position:absolute;
      min-height:calc(100vh);
      overflow:auto;
      overflow-x:hidden;
      overflow-y:auto;
      top:0;
      bottom:0;
      background-color:#0a0417;
      z-index:0;
      width:400px;
      min-width:400px;
      padding:40px
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab.active,.chitchat-container .chitchat-left-sidebar .document-tab.active,.chitchat-container .chitchat-left-sidebar .contact-list-tab.active,.chitchat-container .chitchat-left-sidebar .notification-tab.active,.chitchat-container .chitchat-left-sidebar .settings-tab.active,.chitchat-container .chitchat-left-sidebar .recent-default.active,.chitchat-container .chitchat-left-sidebar .status-tab.active{
      opacity:1;
      z-index:3;
      -webkit-animation:fadeInLeft 300ms ease-in-out;
      animation:fadeInLeft 300ms ease-in-out
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box,.chitchat-container .chitchat-left-sidebar .document-tab .my-status-box,.chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box,.chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box,.chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box,.chitchat-container .chitchat-left-sidebar .recent-default .my-status-box,.chitchat-container .chitchat-left-sidebar .status-tab .my-status-box{
      border-bottom:1px solid #eff1f2;
      padding-bottom:20px
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .img-status,.chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .img-status,.chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .img-status,.chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .img-status,.chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .img-status,.chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .img-status,.chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .img-status{
      background-color:gray;
      width:-webkit-fit-content;
      width:-moz-fit-content;
      width:fit-content;
      border-radius:50%;
      margin-right:15px;
      position:relative
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .img-status .bg-size,.chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .img-status .bg-size,.chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .img-status .bg-size,.chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .img-status .bg-size,.chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .img-status .bg-size,.chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .img-status .bg-size,.chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .img-status .bg-size{
      width:50px;
      height:50px;
      border-radius:50%
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .img-status img,.chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .img-status img,.chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .img-status img,.chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .img-status img,.chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .img-status img,.chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .img-status img,.chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .img-status img{
      width:50px;
      height:50px;
      border-radius:50%
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .img-status .upload-img,.chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .img-status .upload-img,.chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .img-status .upload-img,.chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .img-status .upload-img,.chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .img-status .upload-img,.chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .img-status .upload-img,.chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .img-status .upload-img{
      border-radius:50%;
      width:20px;
      height:20px;
      background-color:#1c9dea;
      position:absolute;
      bottom:-8px;
      right:0;
      color:#fff
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .img-status .upload-img:before,.chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .img-status .upload-img:before,.chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .img-status .upload-img:before,.chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .img-status .upload-img:before,.chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .img-status .upload-img:before,.chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .img-status .upload-img:before,.chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .img-status .upload-img:before{
      content:"\F067";
      font-family:FontAwesome;
      font-size:11px;
      padding:6px
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .img-status .upload-img input,.chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .img-status .upload-img input,.chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .img-status .upload-img input,.chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .img-status .upload-img input,.chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .img-status .upload-img input,.chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .img-status .upload-img input,.chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .img-status .upload-img input{
      background-color:gray;
      border-radius:50%;
      width:100%;
      height:100%;
      opacity:0;
      position:absolute;
      top:0
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .media-body h3,.chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .media-body .h3,.chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .media-body h3,.chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .media-body .h3,.chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .media-body h3,.chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .media-body .h3,.chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .media-body h3,.chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .media-body .h3,.chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .media-body h3,.chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .media-body .h3,.chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .media-body h3,.chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .media-body .h3,.chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .media-body h3,.chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .media-body .h3{
      text-transform:capitalize;
      margin-bottom:5px
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .media-body p,.chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .media-body p,.chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .media-body p,.chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .media-body p,.chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .media-body p,.chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .media-body p,.chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .media-body p{
      margin-bottom:0;
      text-transform:capitalize;
      letter-spacing:1px
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box,.chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box,.chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box,.chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box,.chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box,.chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box,.chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box{
      padding-top:20px
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box h3,.chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .h3,.chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box h3,.chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .h3,.chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box h3,.chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .h3,.chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box h3,.chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .h3,.chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box h3,.chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .h3,.chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box h3,.chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .h3,.chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box h3,.chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .h3{
      padding:15px 25px;
      color:#1c9dea;
      background-color:#eff7fe;
      text-transform:capitalize;
      margin-bottom:20px;
      border-radius:15px
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content,.chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content,.chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content,.chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content,.chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content,.chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content,.chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content{
      margin-bottom:20px;
      border-bottom:1px solid #eff1f2;
      padding-bottom:10px
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content:last-child,.chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content:last-child,.chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content:last-child,.chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content:last-child,.chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content:last-child,.chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content:last-child,.chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content:last-child{
      margin-bottom:0
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content ul,.chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content ul,.chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content ul,.chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content ul,.chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content ul,.chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content ul,.chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content ul{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content ul li h5,.chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content ul li .h5,.chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content ul li h5,.chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content ul li .h5,.chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content ul li h5,.chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content ul li .h5,.chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content ul li h5,.chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content ul li .h5,.chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content ul li h5,.chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content ul li .h5,.chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content ul li h5,.chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content ul li .h5,.chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content ul li h5,.chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content ul li .h5{
      margin-bottom:5px;
      text-transform:capitalize
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content ul li .img-status,.chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content ul li .img-status,.chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content ul li .img-status,.chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content ul li .img-status,.chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content ul li .img-status,.chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content ul li .img-status,.chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content ul li .img-status{
      width:40px;
      height:40px;
      border-radius:50%;
      position:relative
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content ul li p,.chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content ul li p,.chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content ul li p,.chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content ul li p,.chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content ul li p,.chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content ul li p,.chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content ul li p{
      margin-bottom:0;
      text-transform:capitalize
  }
  .chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content ul li:first-child,.chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content ul li:first-child,.chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content ul li:first-child,.chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content ul li:first-child,.chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content ul li:first-child,.chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content ul li:first-child,.chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content ul li:first-child{
      margin-right:15px
  }
  .chitchat-container .chitchat-left-sidebar .recent-default{
      position:relative;
      z-index:0;
      padding:0 !important
  }
  .chitchat-container .chitchat-left-sidebar .recent-default.active{
      z-index:999
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .recent{
      position:fixed;
      width:400px;
      top:0;
      background-color:#0a0417;
      padding-top:40px;
      z-index:1
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .recent .theme-title{
      padding:0 40px
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider{
      padding:20px 40px 0 40px
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider .recent-box:hover .recent-profile{
      -webkit-box-shadow:-1px 10px 16px -10px #666;
      box-shadow:-1px 10px 16px -10px #666;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider .recent-box .dot-btn{
      position:absolute;
      bottom:25px;
      right:15px
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider .recent-box .recent-profile{
      height:110px;
      width:100%;
      border-radius:20px;
      position:relative;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider .recent-box .recent-profile h6,.chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider .recent-box .recent-profile .h6{
      position:absolute;
      color:#fff;
      bottom:10px;
      left:15px;
      font-weight:500;
      text-transform:capitalize
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider .recent-box .recent-profile:before{
      content:"";
      position:absolute;
      height:100%;
      width:100%;
      border-radius:15px;
      -webkit-box-shadow:inset 0px -25px 40px 6px rgba(0,0,0,0.8);
      box-shadow:inset 0px -25px 40px 6px rgba(0,0,0,0.8)
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .recent ~ .chat{
      margin-top:82px;
      height:calc(100vh - 242px);
      min-height:calc(100vh - 242px)
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .chat{
      overflow:auto;
      overflow-x:hidden;
      overflow-y:auto
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab{
      padding:40px
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab.tab-sm>.nav-tabs{
      padding-bottom:30px
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab.tab-sm.tab-radious .nav-tabs{
      width:80%;
      margin:0 auto
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab.tab-sm.tab-radious .nav-tabs>.nav-item .nav-link{
      border-radius:5px
  }
  .chitchat-container .chitchat-left-sidebar .recent-default .chat .theme-title{
      padding:40px 40px 0 40px
  }
  .chitchat-left-sidebar [class*="-tab"] .search-form .form-group .icon-close{
      top:10px
  }
  .chitchat-left-sidebar .search-form .form-group .icon-close{
      top:5px
  }
  
  .contact-list-tab li .chat-box .date-status{
      top:10px
  }
  .contact-list-tab .chat-main{
      margin-right:-40px;
      padding-right:40px;
      height:100vh
  }
  .fevorite-tab .search-form,.document-tab .search-form,.contact-list-tab .search-form{
      top:-15px;
      left:0px;
      position:absolute;
      height:75px;
      width:100%
  }
  .fevorite-tab .search-form:before,.document-tab .search-form:before,.contact-list-tab .search-form:before{
      position:absolute;
      left:25px;
      content:"\E610";
      color:#223645;
      font-family:'themify';
      font-weight:600;
      font-size:14px
  }
  .chitchat-right-sidebar{
      -webkit-transform-style:preserve-3d;
      transform-style:preserve-3d;
      -webkit-transform-origin:center right;
      transform-origin:center right;
      -webkit-transition:-webkit-transform 0.5s;
      transition:-webkit-transform 0.5s;
      transition:transform 0.5s;
      transition:transform 0.5s, -webkit-transform 0.5s;
      cursor:pointer
  }
  .chitchat-right-sidebar .status .str-msg li+li{
      margin-top:15px
  }
  .chitchat-right-sidebar .right-sidebar{
      overflow:auto;
      overflow-x:hidden;
      overflow-y:auto;
      height:100vh;
      max-height:100vh;
      position:absolute;
      background-color:#fff;
      width:100%;
      -webkit-backface-visibility:hidden;
      backface-visibility:hidden
  }
  .chitchat-right-sidebar .right-sidebar .group-main{
      margin-bottom:-20px
  }
  .chitchat-right-sidebar .right-sidebar .group-main li{
      padding-top:0
  }
  .chitchat-right-sidebar .right-sidebar .group-main li+li{
      margin-top:0
  }
  .chitchat-right-sidebar .right-sidebar .group-main .group-box .profile{
      width:30px;
      height:30px
  }
  .chitchat-right-sidebar .right-sidebar .group-main .group-box .details{
      padding-left:45px;
      padding-top:0
  }
  .chitchat-right-sidebar .contact-profile,.chitchat-right-sidebar .document,.chitchat-right-sidebar .media-gallery,.chitchat-right-sidebar .status{
      opacity:0.5;
      -webkit-transition:all 0.7s;
      transition:all 0.7s
  }
  .chitchat-right-sidebar .contact-profile{
      padding:40px
  }
  .chitchat-right-sidebar .contact-profile .details{
      padding-top:40px;
      text-align:center
  }
  .chitchat-right-sidebar .contact-profile .details .contact-top{
      height:150px;
      width:140px;
      border-radius:20px;
      -webkit-box-shadow:-1px 10px 16px -10px #666;
      box-shadow:-1px 10px 16px -10px #666;
      margin:0 auto
  }
  .chitchat-right-sidebar .contact-profile .details .name{
      margin-top:20px
  }
  .chitchat-right-sidebar .contact-profile .details .name h6,.chitchat-right-sidebar .contact-profile .details .name .h6{
      padding-top:8px;
      margin-bottom:20px
  }
  .chitchat-right-sidebar .contact-profile .details ul li{
      display:inline-block
  }
  .chitchat-right-sidebar .contact-profile .details ul li svg{
      fill:#fff
  }
  .chitchat-right-sidebar .contact-profile .details ul li+li{
      margin-left:12px
  }
  .chitchat-right-sidebar .document,.chitchat-right-sidebar .media-gallery,.chitchat-right-sidebar .status{
      border-top:1px solid #eff1f2;
      padding:30px 40px
  }
  .chitchat-right-sidebar .status{
      position:relative
  }
  .chitchat-right-sidebar .status .bg-size{
      margin:3px
  }
  .chitchat-right-sidebar .status.other ul li{
      padding-left:30px
  }
  .chitchat-right-sidebar .status.other h5 a,.chitchat-right-sidebar .status.other .h5 a{
      color:rgba(34,54,69,0.8);
      font-weight:600;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex
  }
  .chitchat-right-sidebar .status.other h5 a svg,.chitchat-right-sidebar .status.other .h5 a svg{
      height:14px;
      position:absolute;
      left:0
  }
  .chitchat-right-sidebar .status ul li{
      position:relative;
      padding-left:50px
  }
  .chitchat-right-sidebar .status ul li .switchery{
      position:absolute;
      left:0
  }
  .chitchat-right-sidebar .status ul li+li{
      margin-top:20px
  }
  .document-list li{
      position:relative
  }
  .document-list li i{
      position:absolute;
      font-size:16px;
      top:-2px;
      font-weight:700
  }
  .document-list li h5,.document-list li .h5{
      margin-left:30px;
      color:#647589
  }
  .document-list li+li{
      margin-top:15px
  }
  
  .menu-trigger{
      cursor:pointer
  }
  .menu-active .chitchat-container .chitchat-main{
      width:calc(100% - 850px);
      -webkit-transition:all 0.7s;
      transition:all 0.7s
  }
  .menu-active .chitchat-right-sidebar{
      opacity:1;
      right:0;
      z-index:9;
      -webkit-transition:all 0.7s;
      transition:all 0.7s
  }
  .menu-active .chitchat-right-sidebar .contact-profile,.menu-active .chitchat-right-sidebar .document,.menu-active .chitchat-right-sidebar .media-gallery,.menu-active .chitchat-right-sidebar .status{
      opacity:1;
      -webkit-transition:all 0.7s;
      transition:all 0.7s
  }
  .menu-trigger{
      cursor:pointer
  }


   .chitchat-container  .message-input{
      width:calc(100% - 500px)
  }
   .chitchat-container  .messages .contact-details{
      width:calc(100vw - 575px)
  }
   .sidebar-toggle .main-nav.on ~ .chitchat-main .contact-details{
      width:calc(100vw - 980px);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
   .sidebar-toggle .main-nav.on ~  .contact-details{
      width:calc(100vw - 680px);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
 
  .menu-active .chitchat-container .chitchat-main{
      width:calc(100% - 850px);
      -webkit-transition:all 0.7s;
      transition:all 0.7s
  }
  .menu-active .chitchat-main .message-input{
      width:calc(100% - 850px);
      -webkit-transition:all 0.9s;
      transition:all 0.9s
  }
  .menu-active .chitchat-main .messages .contact-details{
      width:50vw !important;
      -webkit-transition:all 0.9s ease;
      transition:all 0.9s ease
  }

  .sidebar-toggle .main-nav{
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      -webkit-transform:translateX(-100px);
      transform:translateX(-100px);
      -webkit-animation:fadeInLeft 300ms ease-in-out;
      animation:fadeInLeft 300ms ease-in-out;
      min-width:0;
      width:0
  }
  .sidebar-toggle .main-nav:not(.on) ~ .chitchat-main.small-sidebar{
      width:calc(100% - 400px);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .sidebar-toggle .main-nav li{
      -webkit-transform:translateX(-100px);
      transform:translateX(-100px);
      -webkit-transition:-webkit-transform 0.5s ease;
      transition:-webkit-transform 0.5s ease;
      transition:transform 0.5s ease;
      transition:transform 0.5s ease, -webkit-transform 0.5s ease
  }
  .sidebar-toggle .main-nav.on{
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      -webkit-transform:translateX(0px);
      transform:translateX(0px);
      min-width:100px;
      -webkit-animation:fadeInLeft 300ms ease-in-out;
      animation:fadeInLeft 300ms ease-in-out
  }
  .sidebar-toggle .main-nav.on ~ .chitchat-main .contact-details{
      width:calc(100vw - 595px);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      z-index:999
  }
  .sidebar-toggle .main-nav.on ~ .chitchat-main .message-input{
      width:calc(100% - 500px)
  }
  .sidebar-toggle .main-nav.on li{
      -webkit-transform:translateX(0);
      transform:translateX(0);
      -webkit-transition:-webkit-transform 0.5s ease;
      transition:-webkit-transform 0.5s ease;
      transition:transform 0.5s ease;
      transition:transform 0.5s ease, -webkit-transform 0.5s ease
  }
  .dynemic-sidebar .chat-main{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column
  }
  .dynemic-sidebar .chat-main .pined{
      cursor:pointer;
      -webkit-box-ordinal-group:0;
      -ms-flex-order:-1;
      order:-1
  }
  .profile-box{
      padding-top:calc(40px - 10px);
      padding-bottom:40px
  }
  .profile-box .open .details{
      display:none
  }
  .profile-box .open .details.edit{
      display:block;
      -webkit-animation:pulse 300ms ease-in-out;
      animation:pulse 300ms ease-in-out
  }
  .profile-box .open .edit-btn:before{
      content:"\F0C7";
      font-family:FontAwesome
  }
  .profile-box .open .edit-btn svg{
      display:none
  }
  .profile-box .details{
      padding-left:20px;
      padding-top:13px;
      -webkit-animation:pulse 300ms ease-in-out;
      animation:pulse 300ms ease-in-out
  }
  .profile-box .details.edit{
      padding-top:0;
      padding-right:20px;
      display:none
  }
  .profile-box h6,.profile-box .h6{
      padding-top:6px
  }
  .setting-block{
      padding:40px;
      border-top:1px solid #eff1f2;
      margin:0 -40px
  }
  .setting-block h4,.setting-block .h4{
      padding-top:8px
  }
  .setting-block .block{
      position:absolute;
      height:calc(100% - 120px);
      padding:40px 40px 0 40px;
      width:100%;
      top:115px;
      left:0;
      bottom:0;
      background-color:#fff;
      opacity:0;
      z-index:-1;
      border-top:1px solid #eff1f2
  }
  .setting-block .block .help{
      padding-top:20px
  }
  .setting-block .block .help>li{
      padding-top:12px;
      padding-bottom:12px;
      border-top:1px dashed #eff1f2
  }
  .setting-block .block .help>li a{
      color:rgba(34,54,69,0.8);
      font-weight:600
  }
  .setting-block .block.open{
      opacity:1;
      z-index:1;
      -webkit-animation:fadeInLeft 300ms ease-in-out;
      animation:fadeInLeft 300ms ease-in-out
  }
  .setting-block .next:hover,.setting-block .previous:hover{
      background-color:#1c9dea !important
  }
  .setting-block .next:hover svg,.setting-block .previous:hover svg{
      stroke:#fff !important
  }
  .call-log-main .missed{
      stroke:#ff4e2b !important
  }
  .call-log-main .call-box{
      position:relative
  }
  .call-log-main .call-box .profile{
      position:absolute
  }
  .call-log-main .call-box .details{
      height:60px;
      padding-left:75px;
      padding-right:100px;
      padding-top:12px;
      padding-bottom:13px
  }
  .call-log-main .call-box h6,.call-log-main .call-box .h6{
      padding-top:8px;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex
  }
  .call-log-main .call-box h6 svg,.call-log-main .call-box .h6 svg{
      height:13px;
      stroke:#3fcc35;
      width:13px
  }
  .call-log-main .call-box .call-status{
      display:inline-block;
      right:0;
      top:10px;
      position:absolute
  }
  .call-log-main li{
      margin-left:-40px;
      margin-right:-40px;
      padding-left:40px;
      padding-right:40px;
   
      position:relative;
      cursor:pointer
  }
  .call-log-main li:before{
      content:"";
      position:absolute;
      height:100%;
      width:0px;
      top:0;
      left:0;
      background-color:rgba(28,157,234,0.15);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  
  .integratin{
      margin-top:20px
  }
  .integratin li{
      position:relative;
      padding-top:13px;
      padding-bottom:13px;
      border-bottom:1px solid #eff1f2
  }
  .integratin li .media-right svg{
      height:20px;
      cursor:pointer;
      color:#828282
  }
  .integratin li .media-left{
      width:100%
  }
  .integratin li .media-left a{
      font-size:16px
  }
  .integratin li .media-left a h5,.integratin li .media-left a .h5{
      display:inline-block;
      font-size:16px
  }
  .integratin li .fb{
      color:#3b5998
  }
  .integratin li .fb h5,.integratin li .fb .h5{
      color:#3b5998
  }
  .integratin li .insta{
      color:#e4405f
  }
  .integratin li .insta h5,.integratin li .insta .h5{
      color:#e4405f
  }
  .integratin li .twi{
      color:#55acee
  }
  .integratin li .twi h5,.integratin li .twi .h5{
      color:#55acee
  }
  .integratin li .slc{
      color:#3aaf85
  }
  .integratin li .slc h5,.integratin li .slc .h5{
      color:#3aaf85
  }
  .integratin li .ggl{
      color:#dc4e41
  }
  .integratin li .ggl h5,.integratin li .ggl .h5{
      color:#dc4e41
  }
  .integratin li p{
      padding-left:20px;
      padding-top:7px
  }
  .integratin li .profile{
      height:20px;
      width:20px;
      margin-top:3px
  }
  .switch-list{
      margin-top:10px
  }
  .switch-list li{
      padding-top:10px !important;
      padding-bottom:10px !important;
      position:relative;
      padding-left:50px;
      border:0 !important
  }
  .switch-list li p{
      margin-bottom:0
  }
  .switch-list .switchery{
      position:absolute;
      left:0;
      top:8px
  }
  .switch-list h5,.switch-list .h5{
      color:#647589;
      font-weight:600
  }
  .wallpaper{
      margin-top:15px
  }
  .wallpaper li{
      cursor:pointer;
      height:30px;
      width:30px;
      background-color:#eff7fe;
      display:inline-block !important;
      background-size:auto !important
  }
  .change-number h5,.change-number .h5{
      padding-bottom:10px;
      font-weight:600;
      color:#223645
  }
  .change-number .input-group ~ h5,.change-number .input-group ~ .h5{
      padding-top:10px
  }
  .change-number span{
      border-right:none;
      padding-right:0;
      font-weight:500
  }
  .change-number .country-code{
      max-width:35px;
      padding:0;
      border-left:none;
      padding-left:3px
  }
  .change-number .form-control{
      width:100%;
      padding-top:7px;
      padding-bottom:7px;
      border-color:#e5edf5
  }
  .change-number .form-control::-webkit-inner-spin-button{
      -webkit-appearance:none
  }
  .change-number .form-control[type=number]{
      -moz-appearance:textfield
  }
  .change-number .btn-sm,.change-number .btn-group-sm>.btn{
      padding:8px 20px;
      font-size:14px;
      margin-top:20px
  }
  .privacy li{
      position:relative
  }
  .privacy h5,.privacy .h5{
      padding-top:10px;
      padding-right:35px;
      color:#223645;
      line-height:1.6
  }
  .privacy p{
      margin-bottom:10px
  }
  .privacy .switchery-small{
      position:absolute;
      right:0;
      top:8px
  }
  .app-list-ul{
      text-align:center
  }
  .app-list-ul .title{
      border-bottom:1px solid #eff1f2;
      padding-bottom:15px;
      cursor:pointer
  }
  .app-list-ul .title svg{
      stroke:#1c9dea
  }
  .app-list-ul .title h5,.app-list-ul .title .h5{
      margin-top:0 !important
  }
  .app-list-ul li{
      margin-bottom:20px
  }
  .lightbox-target{
      position:fixed;
      top:-100%;
      width:100%;
      background:rgba(0,0,0,0.7);
      opacity:0;
      -webkit-transition:opacity .5s ease-in-out;
      transition:opacity .5s ease-in-out;
      overflow:hidden;
      left:0
  }
  .lightbox-target img{
      margin:auto;
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      max-height:0%;
      max-width:0%;
      border:3px solid white;
      -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.3);
      box-shadow:0px 0px 8px rgba(0,0,0,0.3);
      -webkit-box-sizing:border-box;
      box-sizing:border-box;
      -webkit-transition:.5s ease-in-out;
      transition:.5s ease-in-out
  }
  a.lightbox-close{
      display:block;
      width:50px;
      height:50px;
      -webkit-box-sizing:border-box;
      box-sizing:border-box;
      background:white;
      color:black;
      text-decoration:none;
      position:absolute;
      top:-80px;
      -webkit-transition:.5s ease-in-out;
      transition:.5s ease-in-out
  }
  a.lightbox-close:before{
      content:"";
      display:block;
      height:30px;
      width:1px;
      background:black;
      position:absolute;
      left:26px;
      top:10px;
      -webkit-transform:rotate(45deg);
      transform:rotate(45deg)
  }
  a.lightbox-close:after{
      content:"";
      display:block;
      height:30px;
      width:1px;
      background:black;
      position:absolute;
      left:26px;
      top:10px;
      -webkit-transform:rotate(-45deg);
      transform:rotate(-45deg)
  }
  .lightbox-target:target{
      opacity:1;
      top:0;
      bottom:0
  }
  .lightbox-target:target img{
      max-height:100%;
      max-width:100%
  }
  .lightbox-target:target a.lightbox-close{
      top:0;
      left:50%;
      margin-right:-50%;
      -webkit-transform:translate(-50%, 70px);
      transform:translate(-50%, 70px)
  }
  .lightbox-target img{
      border:none;
      border-radius:25px;
      overflow:hidden
  }
  .chat-content .message-input .emojis-main .typing-section{
      background-color:#fff;
      border:1px solid #fff;
      border-radius:21px;
      padding:0 15px;
      margin:5px 10px;
      -webkit-box-sizing:border-box;
      box-sizing:border-box;
      -webkit-box-flex:1;
      -ms-flex:1 1 auto;
      flex:1 1 auto
  }
  .chat-content .message-input .emojis-main .typing-section .typ-msg-content{
      position:relative;
      -webkit-box-flex:1;
      -ms-flex:1;
      flex:1;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      overflow:hidden;
      padding-right:0
  }
  .chat-content .message-input .emojis-main .typing-section .typ-msg-content .typ-msg{
      left:10px;
      top:5px;
      color:#999;
      font-size:15px;
      line-height:20px;
      pointer-events:none;
      position:absolute;
      -webkit-transition:opacity .08s linear;
      transition:opacity .08s linear;
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
      z-index:2
  }
  .chat-content .message-input .emojis-main .typing-section .typ-msg-content .typ-msg-main{
      font-size:15px;
      line-height:30px;
      height:35px;
      width:100%;
      -webkit-user-select:text;
      -moz-user-select:text;
      -ms-user-select:text;
      user-select:text
  }
  .mobile-sidebar,.mobile-back{
      display:none
  }
  ul.chat-cont-setting{
      background-color:#fff;
      -webkit-box-shadow:0 0 10px #e5edf5;
      box-shadow:0 0 10px #e5edf5;
      padding:15px;
      width:-webkit-fit-content;
      width:-moz-fit-content;
      width:fit-content;
      text-align:right;
      position:fixed;
      left:20%;
      bottom:10%;
      z-index:1;
      display:none;
      -webkit-transition:all 0.5s ease;
      transition:all 0.5s ease
  }
  ul.chat-cont-setting.open{
      display:block
  }
  ul.chat-cont-setting li{
      margin-bottom:20px
  }
  ul.chat-cont-setting li:last-child{
      margin-bottom:0
  }
  ul.chat-cont-setting li a{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-pack:end;
      -ms-flex-pack:end;
      justify-content:flex-end;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  ul.chat-cont-setting li a span{
      padding:5px;
      line-height:1;
      text-transform:capitalize;
      margin-right:15px;
      font-size:12px
  }
  ul.chat-cont-setting li a .icon-chat-cont{
      width:40px;
      height:40px;
      border-radius:50%;
      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;
      padding:10px
  }
  ul.chat-cont-setting li a .icon-chat-cont svg{
      width:20px;
      height:20px;
      fill:#fff
  }
  .msg-chat-modal .chat-msg-search{
      margin-bottom:20px
  }
  .msg-chat-modal .chat-msg-search .input-group{
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      background-color:#eff1f2;
      border:1px solid #eff1f2
  }
  .msg-chat-modal .chat-msg-search .input-group .form-control{
      border:none
  }
  .msg-chat-modal .chat-msg-search .input-group .input-group-append{
      padding:0 15px
  }
  .msg-chat-modal .chat-msg-search span{
      border:none;
      background-color:transparent
  }
  .msg-chat-modal .chat-main,.msg-chat-modal .call-log-main{
      height:350px;
      overflow:auto
  }
  .msg-chat-modal .chat-main li,.msg-chat-modal .call-log-main li{
      margin-left:0;
      margin-right:0
  }
  .msg-chat-modal .chat-main li .chat-box .details,.msg-chat-modal .call-log-main li .chat-box .details{
      padding-left:70px
  }
  .snippet-modal-main .default-form .form-group{
      margin-bottom:25px
  }
  .snippet-modal-main .default-form .form-group input,.snippet-modal-main .default-form .form-group select{
      font-size:14px;
      text-transform:capitalize
  }
  .snippet-modal-main .default-form .form-group input::-webkit-input-placeholder, .snippet-modal-main .default-form .form-group select::-webkit-input-placeholder{
      text-transform:capitalize;
      font-size:14px
  }
  .snippet-modal-main .default-form .form-group input::-moz-placeholder, .snippet-modal-main .default-form .form-group select::-moz-placeholder{
      text-transform:capitalize;
      font-size:14px
  }
  .snippet-modal-main .default-form .form-group input:-ms-input-placeholder, .snippet-modal-main .default-form .form-group select:-ms-input-placeholder{
      text-transform:capitalize;
      font-size:14px
  }
  .snippet-modal-main .default-form .form-group input::-ms-input-placeholder, .snippet-modal-main .default-form .form-group select::-ms-input-placeholder{
      text-transform:capitalize;
      font-size:14px
  }
  .snippet-modal-main .default-form .form-group input::placeholder,.snippet-modal-main .default-form .form-group select::placeholder{
      text-transform:capitalize;
      font-size:14px
  }
  .snippet-modal-main .default-form .form-group .btn-snipate{
      margin-top:40px
  }
  .chitchat-main .messages{
      padding:45px;
      height:calc(100vh - 95px);
      min-height:calc(100vh - 95px);
      overflow:auto;
      overflow-x:hidden;
      overflow-y:auto;
      background-blend-mode:overlay;
      top:0;
      background-color:#141420;
      display:none;
      -webkit-animation:fadeInLeft 300ms ease-in-out;
      animation:fadeInLeft 300ms ease-in-out
  }
  .chitchat-main .messages.active{
      display:block;
      -webkit-animation:fadeInLeft 300ms ease-in-out;
      animation:fadeInLeft 300ms ease-in-out
  }
  .chitchat-main .messages .contact-details{
      padding:20px 30px;
      background-color:#0b0418;
      -webkit-box-shadow:0 -55px 0px 0px #141420;
      box-shadow:0 -55px 0px 0px #141420;
     
      position:fixed;
      width:calc(100vw - 600px);
      z-index:999;
      -webkit-transition:all 0.9s;
      transition:all 0.9s
  }
  .chitchat-main .messages .contact-details .col{
      position:unset
  }
  .chitchat-main .messages .contact-details .search-form{
      z-index:9;
      top:-10px;
      left:0px;
      position:absolute;
      height:80px;
      width:100%;
      -webkit-transform:scale(0);
      transform:scale(0);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .chitchat-main .messages .contact-details .search-form.open{
      -webkit-transform:scale(1);
      transform:scale(1);
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease;
      top:0;
      height:100px
  }
  .chitchat-main .messages .contact-details .search-form input{
      border:none
  }
  .chitchat-main .messages .contact-details ul li{
      display:inline-block;
      padding-left:17px
  }
  .chitchat-main .messages .contact-details .left.media{
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  .chitchat-main .messages .contact-details .left.media .media-left{
      height:60px
  }
  .chitchat-main .messages .contact-details .left.media .media-body{
      max-width:150px;
      margin-right:10px;
      position:relative
  }
  .chitchat-main .messages .contact-details .left.media .media-body .badge{
      margin-top:7px
  }
  .chitchat-main .messages .contact-details .left.media .media-body:before{
      content:"";
      position:absolute;
      right:0;
      height:30px;
      width:1px;
      background-color:rgba(34,54,69,0.5);
      top:5px
  }
  .chitchat-main .messages .contact-details .left.media .media-right .mute i:after{
      
  }
  .chitchat-main .messages .contact-details .left.media .media-right .mute i.off:after{
      opacity:1;
      -webkit-transition:opacity 0.3s ease;
      transition:opacity 0.3s ease
  }
  .chitchat-main .messages .contact-details .left.media .media-right .icon-btn i{
      font-size:20px
  }
  .chitchat-main .messages .contact-details .media-body h5,.chitchat-main .messages .contact-details .media-body .h5{
      margin-bottom:7px
  }
  .chitchat-main .messages .calls{
      height:100%;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:end;
      -ms-flex-pack:end;
      justify-content:flex-end
  }
  .chitchat-main .messages .calls>li .bg-transparent svg{
      stroke-width:3px
  }
  .chitchat-main .messages .calls>li>a>svg{
      fill:#223645;
      stroke-width:1px
  }
  .chitchat-main .message-input{
      height:95px;
      position:fixed;
      background-color:#0b0418;
      width:calc(100% - 300px);
      -webkit-transition:all 0.5s;
      transition:all 0.5s;
      padding:26px 45px;
     
      z-index:9;
      bottom:0;
      left: 500px;
  }
  .chitchat-main .message-input input{
      width:calc(100% - 300px);
      border:0;
      font-size:16px;
      color:#647589;
      font-family:"Montserrat",sans-serif;
      margin-right:50px;
  }
  .chitchat-main .message-input input:focus{
      -webkit-box-shadow:none;
      box-shadow:none;
      outline-color:transparent !important
  }
  .chitchat-main .chat-content{
      position:relative
  }
  .chitchat-main .contact-content .contact-sub-content .user-profile{
      background-color:#fff;
      margin-bottom:20px
  }
  .chitchat-main .contact-content .contact-sub-content .user-profile .user-content img{
      width:100px;
      height:100px;
      border-radius:50%
  }
  .chitchat-main .contact-content .contact-sub-content h3,.chitchat-main .contact-content .contact-sub-content .h3{
      text-transform:capitalize;
      color:#1c9dea;
      margin-bottom:20px
  }
  .chitchat-main .contact-content .contact-sub-content .personal-info-group{
      margin-bottom:20px;
      padding:30px;
      background-color:#fff;
      border-radius:15px;
      position:relative;
      overflow:hidden
  }
  .chitchat-main .contact-content .contact-sub-content .personal-info-group:last-child{
      margin-bottom:0
  }
  .chitchat-main .contact-content .contact-sub-content .personal-info-group h3,.chitchat-main .contact-content .contact-sub-content .personal-info-group .h3{
      color:#223645;
      text-transform:capitalize;
      border-bottom:2px solid #eff1f2;
      padding-bottom:15px;
      margin-bottom:15px
  }
  .chitchat-main .contact-content .contact-sub-content .personal-info-group h3 i,.chitchat-main .contact-content .contact-sub-content .personal-info-group .h3 i{
      margin-right:10px
  }
  .chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li{
      padding-bottom:10px;
      border-bottom:1px dashed #eff1f2;
      margin-bottom:10px
  }
  .chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li:last-child{
      margin-bottom:0;
      border-bottom:0;
      padding-bottom:0
  }
  .chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li p{
      margin-bottom:0
  }
  .chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li h5,.chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li .h5{
      text-transform:capitalize;
      display:inline-block;
      margin-bottom:5px;
      color:rgba(34,54,69,0.8)
  }
  .chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li h5.details,.chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li .details.h5{
      float:right;
      font-size:calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
      color:#647589;
      margin-bottom:0;
      margin-top:4px;
      text-transform:lowercase;
      font-weight:400;
      font-family:"Roboto",sans-serif
  }
  .chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info.edu li .media{
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  .chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info.edu li .media img{
      width:50px;
      height:50px;
      border-radius:50%;
      margin-right:10px
  }
  .chitchat-main .contact-content .contact-sub-content .social-info-group .integratin li:first-child{
      padding-top:0
  }
  .chitchat-main .contact-content .contact-sub-content .social-info-group .integratin li:last-child{
      padding-bottom:0;
      border-bottom:0
  }
  .chitchat-main .contact-content,.chitchat-main .call-content,.chitchat-main .chat-content{
      opacity:0
  }
  .chitchat-main .contact-content.active,.chitchat-main .call-content.active,.chitchat-main .chat-content.active{
      opacity:1;
      z-index:3;
      -webkit-animation:fadeInLeft 300ms ease-in-out;
      animation:fadeInLeft 300ms ease-in-out
  }
  .chitchat-main .contact-content,.chitchat-main .call-content{
      position:absolute;
      padding:45px;
      min-height:calc(100vh);
      overflow:auto;
      overflow-x:hidden;
      top:0;
      background-color:#eff7fe;
      z-index:2;
      -webkit-transition:all 0.3s ease;
      transition:all 0.3s ease
  }
  .chitchat-main .contact-content.active,.chitchat-main .call-content.active{
      width:calc(100% - 00px)
  }
  .chitchat-main .contact-content .user-profile,.chitchat-main .call-content .user-profile{
      -webkit-box-shadow:0 0 5px #eff1f2;
      box-shadow:0 0 5px #eff1f2;
      padding:30px;
      background-color:#fff;
      border-radius:15px;
      max-width:700px;
      margin:0 auto
  }
  .chitchat-main .contact-content .user-profile .user-content,.chitchat-main .call-content .user-profile .user-content{
      text-align:center
  }
  .chitchat-main .contact-content .user-profile .user-content img,.chitchat-main .call-content .user-profile .user-content img{
      border-radius:50%;
      width:100px
  }
  .chitchat-main .contact-content .user-profile .user-content h3,.chitchat-main .contact-content .user-profile .user-content .h3,.chitchat-main .call-content .user-profile .user-content h3,.chitchat-main .call-content .user-profile .user-content .h3{
      margin-top:15px
  }
  .chitchat-main .contact-content .user-profile .user-content ul,.chitchat-main .call-content .user-profile .user-content ul{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center;
      margin-top:15px
  }
  .chitchat-main .contact-content .user-profile .user-content ul li,.chitchat-main .call-content .user-profile .user-content ul li{
      font-size:14px;
      margin-right:15px 15px 0;
      text-transform:capitalize;
      line-height:1;
      -webkit-transition:all 0.05s ease;
      transition:all 0.05s ease;
      padding:15px;
      font-weight:700
  }
  .chitchat-main .contact-content .user-profile .user-content ul li:first-child,.chitchat-main .call-content .user-profile .user-content ul li:first-child{
      color:#ff4e2b
  }
  .chitchat-main .contact-content .user-profile .user-content ul li:first-child i,.chitchat-main .call-content .user-profile .user-content ul li:first-child i{
      background-color:rgba(255,78,43,0.15);
      color:#ff4e2b
  }
  .chitchat-main .contact-content .user-profile .user-content ul li:nth-child(2),.chitchat-main .call-content .user-profile .user-content ul li:nth-child(2){
      color:#1c9dea
  }
  .chitchat-main .contact-content .user-profile .user-content ul li:nth-child(2) i,.chitchat-main .call-content .user-profile .user-content ul li:nth-child(2) i{
      background-color:rgba(28,157,234,0.15);
      color:#1c9dea
  }
  .chitchat-main .contact-content .user-profile .user-content ul li:last-child,.chitchat-main .call-content .user-profile .user-content ul li:last-child{
      margin-right:0;
      color:#3fcc35
  }
  .chitchat-main .contact-content .user-profile .user-content ul li:last-child i,.chitchat-main .call-content .user-profile .user-content ul li:last-child i{
      background-color:rgba(63,204,53,0.15);
      color:#3fcc35
  }
  .chitchat-main .contact-content .user-profile .user-content ul li i,.chitchat-main .call-content .user-profile .user-content ul li i{
      width:-webkit-fit-content;
      width:-moz-fit-content;
      width:fit-content;
      margin-right:auto;
      margin-left:auto;
      margin-bottom:10px;
      font-size:16px;
      display:block;
      border-radius:50%;
      padding:10px;
      background-color:#eff1f2;
      -webkit-transition:all 0.05s ease;
      transition:all 0.05s ease
  }
  .chitchat-main .contact-content .call-log-main,.chitchat-main .call-content .call-log-main{
      height:415px;
      overflow:overlay;
      margin:0 auto 15px;
      padding-right:10px
  }
  .chitchat-main .contact-content .call-log-main .coll-log-group,.chitchat-main .call-content .call-log-main .coll-log-group{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      justify-content:space-between;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      background-color:white;
      padding:20px 30px;
      margin-bottom:15px;
      border-radius:15px
  }
  .chitchat-main .contact-content .call-log-main .coll-log-group:last-child,.chitchat-main .call-content .call-log-main .coll-log-group:last-child{
      margin-bottom:0
  }
  .chitchat-main .contact-content .call-log-main .coll-log-group .log-content-left .media,.chitchat-main .call-content .call-log-main .coll-log-group .log-content-left .media{
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  .chitchat-main .contact-content .call-log-main .coll-log-group .log-content-left .media svg,.chitchat-main .call-content .call-log-main .coll-log-group .log-content-left .media svg{
      width:18px;
      margin-right:10px
  }
  .chitchat-main .contact-content .call-log-main .coll-log-group .log-content-left .media .media-body h5,.chitchat-main .contact-content .call-log-main .coll-log-group .log-content-left .media .media-body .h5,.chitchat-main .call-content .call-log-main .coll-log-group .log-content-left .media .media-body h5,.chitchat-main .call-content .call-log-main .coll-log-group .log-content-left .media .media-body .h5{
      text-transform:capitalize
  }
  .chitchat-main .contact-content .call-log-main .coll-log-group .log-content-left .media .media-body p,.chitchat-main .call-content .call-log-main .coll-log-group .log-content-left .media .media-body p{
      text-transform:capitalize
  }
  .chitchat-main .contact-content .call-log-main .coll-log-group .log-content-right h6,.chitchat-main .contact-content .call-log-main .coll-log-group .log-content-right .h6,.chitchat-main .call-content .call-log-main .coll-log-group .log-content-right h6,.chitchat-main .call-content .call-log-main .coll-log-group .log-content-right .h6{
      color:#223645
  }
  .chitchat-main .contact-content .call-log-clear,.chitchat-main .call-content .call-log-clear{
      background-color:#fff;
      padding:20px;
      position:absolute;
      left:10px;
      right:0;
      text-transform:capitalize;
      text-align:center;
      border-radius:15px;
      cursor:pointer;
      width:calc(100% - 30px)
  }
  .chitchat-main .contact-content .call-log-clear i,.chitchat-main .call-content .call-log-clear i{
      font-size:24px
  }
  .chitchat-main .contact-content .call-log-clear span,.chitchat-main .call-content .call-log-clear span{
      display:block;
      font-size:16px
  }
  .menu-active .chitchat-main .message-input{
      width:calc(100% - 850px);
      -webkit-transition:all 0.9s;
      transition:all 0.9s
  }
  .menu-active .chitchat-main .messages .contact-details{
      width:50vw !important;
      -webkit-transition:all 0.9s ease;
      transition:all 0.9s ease
  }
  .dark{
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-left-sidebar h1,.dark .chitchat-container .chitchat-left-sidebar .h1,.dark .chitchat-container .chitchat-left-sidebar h2,.dark .chitchat-container .chitchat-left-sidebar .h2,.dark .chitchat-container .chitchat-left-sidebar h3,.dark .chitchat-container .chitchat-left-sidebar .h3,.dark .chitchat-container .chitchat-left-sidebar h4,.dark .chitchat-container .chitchat-left-sidebar .h4,.dark .chitchat-container .chitchat-left-sidebar h5,.dark .chitchat-container .chitchat-left-sidebar .h5,.dark .chitchat-container .chitchat-left-sidebar h6,.dark .chitchat-container .chitchat-left-sidebar .h6,.dark .chitchat-container .chitchat-left-sidebar p,.dark .chitchat-container .chitchat-left-sidebar span{
      color:#fff
  }
  .dark .chitchat-container .chitchat-left-sidebar select{
      color:#fff
  }
  .dark .chitchat-container .chitchat-left-sidebar .fevorite-tab{
      color:#fff;
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-left-sidebar .document-tab{
      color:#fff;
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-left-sidebar .contact-list-tab{
      color:#fff;
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-left-sidebar .notification-tab{
      color:#fff;
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-left-sidebar .settings-tab{
      color:#fff;
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-left-sidebar .status-tab{
      color:#fff;
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-left-sidebar .status-tab .my-status-box{
      border-bottom:1px solid #414248
  }
  .dark .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box h3,.dark .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .h3{
      background-color:#181720
  }
  .dark .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content{
      border-bottom:1px solid #414248
  }
  .dark .chitchat-container .chitchat-left-sidebar .recent-default{
      color:#0b0418;
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-left-sidebar .recent-default .recent{
      color:#0b0418;
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-left-sidebar .icon-btn.btn-outline-light{
      color:#fff !important;
      background-color:#181720 !important
  }
  .dark .chitchat-container .main-nav{
      border-right:1px solid #414248
  }
  .dark .chitchat-container .main-nav .logo-warpper{
      border-bottom:1px solid #414248
  }
  .dark .chitchat-container .chitchat-main{
      background-color:#181720
  }
  .dark .chitchat-container .chitchat-main h5,.dark .chitchat-container .chitchat-main .h5,.dark .chitchat-container .chitchat-main h6,.dark .chitchat-container .chitchat-main .h6{
      color:#fff
  }
  .dark .chitchat-container .chitchat-main .messages{
      color:#fff;
      background-color:#141421
  }
  
  
  
  
  
  
  
  
  
  .uk-blur-large{filter:blur(40px)}
  
  
  
  .dark .chitchat-container .chitchat-main .messages .contact-details{
      color:#fff;
      background-color:#0b0418;
    border-radius: 20px;
  
      -webkit-box-shadow:-3px -65px 0px 0px #141420;
  box-shadow:-3px -65px 0px 0px #141420;
  
     
  }
  
  
  
  
  
  
  
  
  
  
  
  
  .dark .chitchat-container .chitchat-main .messages .contact-details .left.media .media-body::before{
      background-color:#fff
  }
  .dark .chitchat-container .chitchat-main .message-input{
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-main .message-input input{
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-main .call-content{
      color:#fff;
      background-color:#181720
  }
  .dark .chitchat-container .chitchat-main .call-content .user-profile{
      background-color:#0b0418;
      -webkit-box-shadow:0 0 5px #414248;
      box-shadow:0 0 5px #414248
  }
  .dark .chitchat-container .chitchat-main .call-content .user-profile .user-content h3,.dark .chitchat-container .chitchat-main .call-content .user-profile .user-content .h3,.dark .chitchat-container .chitchat-main .call-content .user-profile .user-content h4,.dark .chitchat-container .chitchat-main .call-content .user-profile .user-content .h4{
      color:#fff
  }
  .dark .chitchat-container .chitchat-main .call-content .call-log-main .coll-log-group{
      color:#fff;
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-main .call-content .call-log-main .coll-log-group .log-content-right h6,.dark .chitchat-container .chitchat-main .call-content .call-log-main .coll-log-group .log-content-right .h6{
      color:#fff
  }
  .dark .chitchat-container .chitchat-main .call-content .call-log-clear{
      color:#fff;
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-main .contact-content{
      color:#fff;
      background-color:#181720
  }
  .dark .chitchat-container .chitchat-main .contact-content .contact-sub-content .personal-info-group{
      color:#fff;
      background-color:#0b0418
  }
  .dark .chitchat-container .chitchat-main .contact-content .contact-sub-content .personal-info-group h3,.dark .chitchat-container .chitchat-main .contact-content .contact-sub-content .personal-info-group .h3{
      border-bottom:2px solid #414248;
      color:#fff
  }
  .dark .chitchat-container .chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li{
      border-bottom:1px dashed #414248
  }
  .dark .chitchat-container .chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li h5,.dark .chitchat-container .chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li .h5{
      color:#fff
  }
  .dark .chitchat-container .chitchat-main .contact-content .contact-sub-content .user-profile{
      background-color:#0b0418;
      -webkit-box-shadow:0 0 5px #414248;
      box-shadow:0 0 5px #414248
  }
  .dark .chitchat-container .chitchat-main .contact-content .contact-sub-content .user-profile .user-content h3,.dark .chitchat-container .chitchat-main .contact-content .contact-sub-content .user-profile .user-content .h3,.dark .chitchat-container .chitchat-main .contact-content .contact-sub-content .user-profile .user-content h4,.dark .chitchat-container .chitchat-main .contact-content .contact-sub-content .user-profile .user-content .h4{
      color:#fff
  }
  .dark .chat-main li.active{
      color:#fff;
      background-color:#141421
  }
  .dark .setting-block{
      border-top:1px solid #414248
  }
  .dark .setting-block .block{
      background-color:#0b0418;
      border-top:1px solid #414248
  }
  .dark .setting-block .block .help>li{
      border-top:1px dashed #414248
  }
  .dark .setting-block .block .help>li a{
      color:#fff
  }
  .dark .integratin li{
      border-bottom:1px solid #414248
  }
  .dark .search2{
      border-top:1px solid #414248
  }
  .dark .search2>div{
      color:#fff;
      background-color:#181720
  }
  .dark .group-main li.active{
      color:#fff;
      background-color:#181720
  }
  .dark .group-main ul.grop-icon li{
      border:2px solid #414248;
      color:#fff
  }
  .dark .groupuser .gr-chat-friend-toggle .gr-chat-frind-content{
      color:#fff;
      background-color:#0b0418
  }
  .dark .groupuser .gr-chat-friend-toggle .gr-chat-frind-content::before{
      border-top:12px solid #0b0418
  }
  .dark .groupuser .gr-chat-friend-toggle .add-grbtn.icon-btn{
      border:2px dashed #414248 !important
  }
  .dark .btn-light{
      color:#fff !important;
      background-color:#181720
  }
  .dark .contact-chat>ul>li.replies .msg-box li>h5,.dark .contact-chat>ul>li.replies .msg-box li>.h5{
      color:#fff;
      background-color:#0b0418
  }
  .dark .contact-chat>ul>li.replies .msg-box li .document{
      color:#fff;
      background-color:#0b0418
  }
  .dark .contact-chat>ul>li.replies .msg-box li .document .icon-btns a{
      color:#fff !important;
      background-color:#181720 !important
  }
  .dark .contact-chat>ul>li.replies .msg-box li .auto-gallery{
      color:#fff;
      background-color:#0b0418
  }
  .dark .contact-chat>ul>li.sent .document .icon-btns a{
      color:#fff !important;
      background-color:#181720 !important
  }
  .dark .contact-chat>ul.str-msg li .msg-box>li>h5,.dark .contact-chat>ul.str-msg li .msg-box>li>.h5{
      background-color:#0b0418;
      color:#fff
  }
  .dark .msg-setting-main .msg-dropdown-main .msg-setting{
      background-color:#0b0418 !important;
      color:#fff !important
  }
  .dark .emojis-main .sticker-contain{
      background-color:#0b0418
  }
  .dark .emojis-main .emojis-contain{
      background-color:#0b0418
  }
  .dark .emojis-main .emojis-contain .emojis-sub-contain::before{
      border-top:12px solid #0b0418
  }
  .dark .emojis-main .contact-poll .contact-poll-content{
      background-color:#0b0418
  }
  .dark .emojis-main .contact-poll .contact-poll-content ul li a{
      color:#fff
  }
  .dark .emojis-main .contact-poll .contact-poll-content::before{
      border-top:12px solid #0b0418
  }
  
  .dark .chat-friend-toggle .chat-frind-content{
      background-color:#0b0418
  }
  .dark .chat-friend-toggle .chat-frind-content ul li:last-child{
      border-top:1px solid #414248
  }
  .dark .search-form .form-group input{
      border:1px solid #414248;
      background-color:#181720
  }
  .dark .search-form::before{
      color:#fff
  }
  .dark .theme-according .card .card-header{
      background-color:#181720
  }
  .dark .theme-according .card .card-body{
      background-color:#181720
  }
  .dark .card{
      background-color:#0b0418
  }
  .dark .change-number .form-control{
      border-color:#414248
  }
  .dark .rightchat.animat-rate .bg_circle>div{
      border:3px solid #42434a
  }
  .dark .rightchat.animat-rate .cross1{
      background:#42434a
  }
  .dark .rightchat.animat-rate .cross1::after{
      background:#42434a
  }
  .dark .rightchat.animat-rate .cross2{
      background:#42434a
  }
  .dark .rightchat.animat-rate .cross2::after{
      background:#42434a
  }
  .dark .rightchat.animat-rate .cross{
      background:#42434a
  }
  .dark .rightchat.animat-rate .cross::after{
      background:#42434a
  }
  .dark .rightchat.animat-rate .dot1{
      background-color:#42434a
  }
  .dark .login-page2 .login-content-main .login-content{
      background-color:#0b0418;
      color:#fff
  }
  .dark .login-page2 .login-content-main .login-content h3,.dark .login-page2 .login-content-main .login-content .h3{
      color:#fff
  }
  .dark .login-page2 .login-content-main .login-content h4,.dark .login-page2 .login-content-main .login-content .h4{
      color:#fff
  }
  .dark .login-page2 .login-content-main .login-content .form1 .form-group .col-form-label{
      color:#fff
  }
  .dark .login-page2 .login-content-main .login-content .form1 .form-group .form-control{
      background-color:#181720
  }
  .dark .login-page2 .login-content-main .login-content .form2 .form-group .col-form-label{
      color:#fff
  }
  .dark .login-page2 .login-content-main .login-content .form2 .form-group .form-control{
      background-color:#181720;
      border:1px solid #414248
  }
  .dark .login-page2 .login-content-main .login-content .form2 .form-group .form-control::-webkit-input-placeholder{
      color:#fff
  }
  .dark .login-page2 .login-content-main .login-content .form2 .form-group .form-control::-moz-placeholder{
      color:#fff
  }
  .dark .login-page2 .login-content-main .login-content .form2 .form-group .form-control:-ms-input-placeholder{
      color:#fff
  }
  .dark .login-page2 .login-content-main .login-content .form2 .form-group .form-control::-ms-input-placeholder{
      color:#fff
  }
  .dark .login-page2 .login-content-main .login-content .form2 .form-group .form-control::placeholder{
      color:#fff
  }
  .dark .login-page2 .login-content-main .login-content .login-content-header img{
      z-index:140
  }
  .dark .login-page1 .left-page{
      background-color:#0b0418
  }
  .dark .login-page1 .left-page h3,.dark .login-page1 .left-page .h3{
      color:#fff
  }
  .dark .login-page1 .left-page h4,.dark .login-page1 .left-page .h4{
      color:#fff
  }
  .dark .login-content{
      background-color:#0b0418;
      color:#fff
  }
  .dark .login-content h3,.dark .login-content .h3{
      color:#fff
  }
  .dark .login-content h4,.dark .login-content .h4{
      color:#fff
  }
  .dark .login-content .form1 .form-group .col-form-label{
      color:#fff
  }
  .dark .login-content .form1 .form-group .form-control{
      background-color:#181720;
      border:1px solid #414248
  }
  .dark .login-content .form1 .form-group .form-control::-webkit-input-placeholder{
      color:#fff
  }
  .dark .login-content .form1 .form-group .form-control::-moz-placeholder{
      color:#fff
  }
  .dark .login-content .form1 .form-group .form-control:-ms-input-placeholder{
      color:#fff
  }
  .dark .login-content .form1 .form-group .form-control::-ms-input-placeholder{
      color:#fff
  }
  .dark .login-content .form1 .form-group .form-control::placeholder{
      color:#fff
  }
  .dark .login-content .form1 .form-group .form-check h6,.dark .login-content .form1 .form-group .form-check .h6{
      color:#fff
  }
  .dark .login-content .form2 .form-group .col-form-label{
      color:#fff
  }
  .dark .login-content .form2 .form-group .form-control{
      background-color:#181720;
      border:1px solid #414248
  }
  .dark .login-content .form2 .form-group .form-control::-webkit-input-placeholder{
      color:#fff
  }
  .dark .login-content .form2 .form-group .form-control::-moz-placeholder{
      color:#fff
  }
  .dark .login-content .form2 .form-group .form-control:-ms-input-placeholder{
      color:#fff
  }
  .dark .login-content .form2 .form-group .form-control::-ms-input-placeholder{
      color:#fff
  }
  .dark .login-content .form2 .form-group .form-control::placeholder{
      color:#fff
  }
  .dark .login-content .form2 .form-group .form-check h6,.dark .login-content .form2 .form-group .form-check .h6{
      color:#fff
  }
  .dark .login-content .login-content-header img{
      z-index:140
  }
  .dark .login-content .line h6,.dark .login-content .line .h6{
      color:#fff
  }
  .dark .right-login{
      background-color:#181720
  }
  
  .dark .counter-box-second .counter-box span{
      color:#fff
  }
  .dark .error-main .error-contain h1,.dark .error-main .error-contain .h1{
      color:#fff
  }
  .dark .error-main .error-contain h2,.dark .error-main .error-contain .h2,.dark .error-main .error-contain h4,.dark .error-main .error-contain .h4{
      color:#fff
  }
  .dark .error-main .error-contain .animated-bg i{
      background-color:#8d8e98
  }
  .dark .about-page h1,.dark .about-page .h1,.dark .about-page h2,.dark .about-page .h2,.dark .about-page h3,.dark .about-page .h3,.dark .about-page h4,.dark .about-page .h4,.dark .about-page p{
      color:#fff
  }
  .dark .about-page .about-tab{
      border:1px solid #414248
  }
  .dark .about-page .about-tab nav{
      border-right:1px solid #414248
  }
  .dark .about-page .about-tab .nav-pills .nav-link{
      color:#fff
  }
  .dark .tab-content>.tab-pane{
      color:#fff
  }
  .dark .secure-app-main{
      background-color:#181720
  }
  .dark .secure-app-main .secure-app-content h1,.dark .secure-app-main .secure-app-content .h1,.dark .secure-app-main .secure-app-content h4,.dark .secure-app-main .secure-app-content .h4{
      color:#fff
  }
  .dark .secure-app-main .secure-app-content .ply-main h3,.dark .secure-app-main .secure-app-content .ply-main .h3{
      color:#fff
  }
  .dark .secure-app-main .secure-app-content .ply-main h3 span,.dark .secure-app-main .secure-app-content .ply-main .h3 span{
      color:#fff
  }
  .dark .team h2,.dark .team .h2,.dark .team h3,.dark .team .h3,.dark .team h4,.dark .team .h4,.dark .team p{
      color:#fff
  }
  .dark .team h2,.dark .team .h2{
      border-bottom:1px solid #414248
  }
  .dark .team .team-content{
      border:1px solid #414248
  }
  .dark .rtl .about-page .about-tab .nav{
      border-left:1px solid #414248
  }
  .dark .testimonial-box{
      background-color:#181720
  }
  .dark .testimonial-box .test-contain h3,.dark .testimonial-box .test-contain .h3,.dark .testimonial-box .test-contain h4,.dark .testimonial-box .test-contain .h4,.dark .testimonial-box .test-contain h6,.dark .testimonial-box .test-contain .h6{
      color:#fff
  }
  .dark .element-card{
      background-color:#181720
  }
  .dark .element-card .typography h1,.dark .element-card .typography .h1,.dark .element-card .typography h2,.dark .element-card .typography .h2,.dark .element-card .typography h3,.dark .element-card .typography .h3,.dark .element-card .typography h4,.dark .element-card .typography .h4,.dark .element-card .typography h5,.dark .element-card .typography .h5,.dark .element-card .typography h6,.dark .element-card .typography .h6,.dark .element-card .typography p,.dark .element-card .typography span{
      color:#fff
  }
  .dark .element-card .heading{
      background-color:#0b0418;
      border-bottom:1px solid #414248
  }
  .dark .element-card .heading h2,.dark .element-card .heading .h2{
      color:#fff
  }
  .dark .faq-block{
      background-color:#181720;
      border:1px solid #414248
  }
  .dark .faq-block h2,.dark .faq-block .h2,.dark .faq-block p{
      color:#fff
  }
  .dark .faq-block h5,.dark .faq-block .h5{
      background-color:#181720
  }
  .dark .faq-section .accordion.theme-accordion .card .collapse.show{
      border-top:1px solid #414248
  }
  .dark .faq-section .accordion.theme-accordion .card .card-header button{
      color:#fff
  }
  .dark .faq-section .accordion.theme-accordion .card .card-header button:before{
      border-top:6px solid #fff
  }
  .dark .faq-section .accordion.theme-accordion .card .card-header button[aria-expanded="true"]:before{
      border-bottom:6px solid #fff
  }
  .dark .faq-section .accordion.theme-accordion .card{
      border:1px solid #414248
  }
  .dark .faq-section .accordion.theme-accordion .card .card-body{
      background-color:#181720
  }
  .dark .faq-section .accordion.theme-accordion .card .card-body p{
      color:#fff
  }
  .dark .faq-section .faq-search-box{
      border:2px solid #414248;
      background-color:#181720
  }
  .dark .faq-section .faq-search-box .input-group .form-control{
      background-color:#181720
  }
  .dark .faq-section .faq-search-box .input-group .form-control::-webkit-input-placeholder{
      color:#fff
  }
  .dark .faq-section .faq-search-box .input-group .form-control::-moz-placeholder{
      color:#fff
  }
  .dark .faq-section .faq-search-box .input-group .form-control:-ms-input-placeholder{
      color:#fff
  }
  .dark .faq-section .faq-search-box .input-group .form-control::-ms-input-placeholder{
      color:#fff
  }
  .dark .faq-section .faq-search-box .input-group .form-control::placeholder{
      color:#fff
  }
  .dark .btn-link{
      background-color:#181720
  }
  .dark .fa-search:before{
      color:#fff
  }
  .dark .landing-title .sub-title h4,.dark .landing-title .sub-title .h4,.dark .landing-title .sub-title h2,.dark .landing-title .sub-title .h2{
      color:#fff
  }
  .dark .app-design-main .contant-box h2,.dark .app-design-main .contant-box .h2,.dark .app-design-main .contant-box h4,.dark .app-design-main .contant-box .h4{
      color:#fff
  }
  .dark .chitchat-main .chitchat-contain h1,.dark .chitchat-main .chitchat-contain .h1,.dark .chitchat-main .chitchat-contain h3,.dark .chitchat-main .chitchat-contain .h3,.dark .chitchat-main .chitchat-contain h4,.dark .chitchat-main .chitchat-contain .h4,.dark .chitchat-main .chitchat-contain span{
      color:#fff
  }
  .dark .chitchat-main .chitchat-contain ul.detial-price li{
      color:#fff
  }
  .dark .team-work-main h1,.dark .team-work-main .h1,.dark .team-work-main h3,.dark .team-work-main .h3,.dark .team-work-main h4,.dark .team-work-main .h4,.dark .team-work-main span{
      color:#fff
  }
  .dark .team-work-main .team-work-content h1,.dark .team-work-main .team-work-content .h1,.dark .team-work-main .team-work-content h3,.dark .team-work-main .team-work-content .h3,.dark .team-work-main .team-work-content h4,.dark .team-work-main .team-work-content .h4{
      color:#fff
  }
  .dark .team-work-main .team-work-content .ply-main h3,.dark .team-work-main .team-work-content .ply-main .h3{
      color:#fff
  }
  .dark .subscribe-content h1,.dark .subscribe-content .h1,.dark .subscribe-content h4,.dark .subscribe-content .h4,.dark .subscribe-content span{
      color:#fff
  }
  .dark .blog-detail-page h3,.dark .blog-detail-page .h3{
      color:#fff
  }
  .dark .blog-detail-page .blog-detail{
      background-color:#181720;
      border:1px solid #414248
  }
  .dark .blog-detail-page .blog-detail p{
      color:#fff
  }
  .dark .blog-detail-page .blog-detail .post-social{
      color:#fff;
      border-bottom:1px solid #414248
  }
  .dark .blog-detail-page .blog-detail .post-social li+li{
      border-left:1px solid #414248
  }
  .dark .blog-detail-page .blog-detail h2,.dark .blog-detail-page .blog-detail .h2{
      color:#fff
  }
  .dark .blog-detail-page .blog-commant{
      background-color:#181720;
      border:1px solid #414248
  }
  .dark .blog-detail-page .blog-commant .comment-section li{
      border-top:1px solid #414248
  }
  .dark .blog-detail-page .blog-commant .comment-section li h6,.dark .blog-detail-page .blog-commant .comment-section li .h6,.dark .blog-detail-page .blog-commant .comment-section li span,.dark .blog-detail-page .blog-commant .comment-section li p{
      color:#fff
  }
  .dark .blog-detail-page .blog-contact{
      background-color:#181720;
      border:1px solid #414248
  }
  .dark .blog-detail-page .blog-contact label{
      color:#fff
  }
  .dark .blog-detail-page .blog-contact .theme-form label{
      color:#fff
  }
  .dark .blog-detail-page .blog-contact .theme-form input{
      border-color:#414248;
      background-color:#0b0418
  }
  .dark .blog-detail-page .blog-contact .theme-form input::-webkit-input-placeholder{
      color:#fff
  }
  .dark .blog-detail-page .blog-contact .theme-form input::-moz-placeholder{
      color:#fff
  }
  .dark .blog-detail-page .blog-contact .theme-form input:-ms-input-placeholder{
      color:#fff
  }
  .dark .blog-detail-page .blog-contact .theme-form input::-ms-input-placeholder{
      color:#fff
  }
  .dark .blog-detail-page .blog-contact .theme-form input::placeholder{
      color:#fff
  }
  .dark .blog-detail-page .blog-contact .theme-form textarea{
      background-color:#0b0418
  }
  .dark .blog-detail-page .blog-contact .theme-form textarea::-webkit-input-placeholder{
      color:#fff
  }
  .dark .blog-detail-page .blog-contact .theme-form textarea::-moz-placeholder{
      color:#fff
  }
  .dark .blog-detail-page .blog-contact .theme-form textarea:-ms-input-placeholder{
      color:#fff
  }
  .dark .blog-detail-page .blog-contact .theme-form textarea::-ms-input-placeholder{
      color:#fff
  }
  .dark .blog-detail-page .blog-contact .theme-form textarea::placeholder{
      color:#fff
  }
  .dark .blog-page .blog-sidebar h4,.dark .blog-page .blog-sidebar .h4,.dark .blog-page .blog-sidebar h5,.dark .blog-page .blog-sidebar .h5,.dark .blog-page .blog-sidebar h6,.dark .blog-page .blog-sidebar .h6,.dark .blog-page .blog-sidebar p{
      color:#fff
  }
  .dark .blog-page .blog-sidebar .blog-card{
      border:1px solid #414248;
      background-color:#181720
  }
  .dark .blog-page .blog-sidebar .blog-card .blog-search .input-group{
      background-color:#0b0418
  }
  .dark .blog-page .blog-sidebar .blog-card .blog-search .input-group .form-control{
      background-color:#0b0418
  }
  .dark .blog-page .blog-sidebar .blog-card .blog-search .input-group .form-control::-webkit-input-placeholder{
      color:#fff
  }
  .dark .blog-page .blog-sidebar .blog-card .blog-search .input-group .form-control::-moz-placeholder{
      color:#fff
  }
  .dark .blog-page .blog-sidebar .blog-card .blog-search .input-group .form-control:-ms-input-placeholder{
      color:#fff
  }
  .dark .blog-page .blog-sidebar .blog-card .blog-search .input-group .form-control::-ms-input-placeholder{
      color:#fff
  }
  .dark .blog-page .blog-sidebar .blog-card .blog-search .input-group .form-control::placeholder{
      color:#fff
  }
  .dark .blog-page .blog-sidebar .blog-card .blog-search .input-group span i{
      color:#fff
  }
  .dark .blog-card .default-form .form-group textarea,.dark .blog-card .default-form .form-group input{
      background-color:#181720;
      border-color:#0b0418
  }
  .dark .blog-page .blog-list{
      background-color:#181720
  }
  .dark .blog-page .blog-side{
      background-color:#181720;
      border:1px solid #414248
  }
  .dark .blog-page .blog-media .blog-right h6,.dark .blog-page .blog-media .blog-right .h6,.dark .blog-page .blog-media .blog-right h4,.dark .blog-page .blog-media .blog-right .h4,.dark .blog-page .blog-media .blog-right p{
      color:#fff
  }
  .dark .blog-page .blog-media .blog-right ul li{
      color:#fff
  }
  .dark .blog-page .blog-media .blog-right ul li+li{
      border-left:1px solid #414248
  }
  .dark .inner-page header{
      background-color:#181720;
      border-bottom:1px solid #414248
  }
  .dark .navbar-light .navbar-nav .active>.nav-link{
      color:#fff
  }
  .dark .navbar-light .navbar-nav .nav-link{
      color:rgba(242,239,239,0.5)
  }
  .dark footer{
      background-color:#181720;
      border-top:1px solid #414248
  }
  .dark footer h3,.dark footer .h3,.dark footer p{
      color:#fff
  }
  .dark footer .links li a{
      color:#fff
  }
  .dark footer .copyright p{
      color:#fff
  }
  .dark .app-sidebar{
      background-color:#0b0418
  }
  .dark .app-sidebar.active .apps-ul>li.active{
      background-color:#0b0418
  }
  .dark .app-sidebar.active .apps-ul>li .notes-main .notes-list{
      border:1px solid #414248
  }
  .dark .app-sidebar.active .apps-ul>li .notes-main a.line{
      border-top:1px solid #414248
  }
  .dark .app-sidebar.active .apps-ul>li .reminder-main .reminder-list-disp{
      border:2px solid #414248
  }
  .dark .app-sidebar.active .apps-ul>li .reminder-main .reminder-list .target-reminder-list{
      border:2px solid #414248
  }
  .dark .app-sidebar.active .apps-ul>li .reminder-main .reminder-list button{
      color:#fff
  }
  .dark .app-sidebar.active .apps-ul>li .file-tab .tab-content .link-group{
      border:1px solid #414248
  }
  .dark .app-sidebar.active .apps-ul>li .todo-main .todo-tab .tab-content .todo-task h4,.dark .app-sidebar.active .apps-ul>li .todo-main .todo-tab .tab-content .todo-task .h4{
      color:#fff
  }
  .dark .app-sidebar.active .apps-ul>li .todo-main .todo-main-content .input-text input{
      background-color:#0b0418
  }
  .dark .app-sidebar.active .apps-ul>li .todo-main .todo-main-content .input-text input::-webkit-input-placeholder{
      color:#fff
  }
  .dark .app-sidebar.active .apps-ul>li .todo-main .todo-main-content .input-text input::-moz-placeholder{
      color:#fff
  }
  .dark .app-sidebar.active .apps-ul>li .todo-main .todo-main-content .input-text input:-ms-input-placeholder{
      color:#fff
  }
  .dark .app-sidebar.active .apps-ul>li .todo-main .todo-main-content .input-text input::-ms-input-placeholder{
      color:#fff
  }
  .dark .app-sidebar.active .apps-ul>li .todo-main .todo-main-content .input-text input::placeholder{
      color:#fff
  }
  .dark .app-sidebar.active .apps-ul>li .todo-main .todo-main-content .drop-picker input{
      background-color:#0b0418
  }
  .dark .app-sidebar.active .apps-ul>li .todo-main .todo-main-content .drop-picker input:focus{
      background-color:#0b0418
  }
  .dark .app-sidebar.active .apps-ul>li .todo-main .todo-main-content .drop-picker .dropdown-menu{
      background-color:#181720
  }
  .dark .app-sidebar.active .apps-ul>li .todo-main .todo-main-content .drop-picker .dropdown-menu .dropdown-divider{
      background-color:#181720;
      border-bottom:1px solid #414248
  }
  .dark .app-sidebar.active .apps-ul>li .todo-main .todo-main-content .drop-picker .dropdown-menu li{
      color:#fff
  }
  .dark .app-sidebar .tab-card{
      border:1px solid #414248
  }
  .dark .app-sidebar h5,.dark .app-sidebar .h5,.dark .app-sidebar h6,.dark .app-sidebar .h6,.dark .app-sidebar p,.dark .app-sidebar h2,.dark .app-sidebar .h2,.dark .app-sidebar h4,.dark .app-sidebar .h4{
      color:#fff
  }
  .dark .app-sidebar .app-list{
  }
  .dark .app-sidebar .default-form select{
      background:url(../images/drop-1.png) #181720 no-repeat scroll 95.5% center;
      color:#000
  }
  .dark .app-sidebar .app-list-ul .title{
      border-bottom:1px solid #414248
  }
  .dark .datepicker{
      background:#181720;
      color:#fff
  }
  .dark .datepicker--pointer{
      background:#181720;
      border-top:1px solid #414248;
      border-right:1px solid #414248
  }
  .dark .datepicker--nav{
      border-bottom:1px solid #414248
  }
  .dark .text-muted{
      color:#fff !important
  }
  .dark .modal-content{
      background-color:transparent;
  }
  .dark .modal-content .default-form .form-group input{
      background-color:#181720
  }
  .dark .modal-content .default-form .form-group textarea{
      background-color:#181720
  }
  .dark .modal-content .default-form .form-group textarea::-webkit-input-placeholder{
      color:#fff
  }
  .dark .modal-content .default-form .form-group textarea::-moz-placeholder{
      color:#fff
  }
  .dark .modal-content .default-form .form-group textarea:-ms-input-placeholder{
      color:#fff
  }
  .dark .modal-content .default-form .form-group textarea::-ms-input-placeholder{
      color:#fff
  }
  .dark .modal-content .default-form .form-group textarea::placeholder{
      color:#fff
  }
  .dark .modal-content .default-form select{
      background:url(../images/drop-1.png) #181720 no-repeat scroll 95.5% center
  }
  .dark .modal-content .modal-body .form-group ul.reminder-count li+li{
      background-color:#181720
  }
  .dark .modal-content .modal-body .form-group ul.reminder-count li .remi-num{
      color:#1c9dea
  }
  .dark .modal-content .modal-body .form-group ul.reminder-count li .remi-val{
      color:#1c9dea
  }
  .dark .modal-content .modal-body .form-group label{
      color:#fff
  }
  .dark .modal-content .modal-body .form-group input::-webkit-input-placeholder{
      color:#fff
  }
  .dark .modal-content .modal-body .form-group input::-moz-placeholder{
      color:#fff
  }
  .dark .modal-content .modal-body .form-group input:-ms-input-placeholder{
      color:#fff
  }
  .dark .modal-content .modal-body .form-group input::-ms-input-placeholder{
      color:#fff
  }
  .dark .modal-content .modal-body .form-group input::placeholder{
      color:#fff
  }
  .dark .modal-content .modal-body .form-group .custom-remider-main .custom-remider-content .custom-reminder-block select{
      color:#fff
  }
  .dark .modal-content .modal-body .form-group .custom-remider-main .custom-remider-content .custom-reminder-inline input{
      color:#fff
  }
  .dark .add-popup .modal-header{
      border-bottom-color:#414248
  }
  .dark .reminder-modal-main .modal-content .modal-body .form-group .custom-remider-main .custom-remider-content .custom-reminder-block select{
      color:#fff
  }
  .dark .slider-block{
      background-image:url(../images/landing/3.jpg)
  }
  .dark .slider-block .slider-main .slider-contain h1,.dark .slider-block .slider-main .slider-contain .h1,.dark .slider-block .slider-main .slider-contain h4,.dark .slider-block .slider-main .slider-contain .h4{
      color:#fff
  }
  .dark-sidebar{
      background-color:#0b0418
  }
  .dark-sidebar .chat-main li .chat-box .date-status .ti-pin2:before{
      color:#fff
  }
  .dark-sidebar .btn-light:focus,.dark-sidebar .btn-light:active,.dark-sidebar .btn-light.active{
      -webkit-box-shadow:0 0 3px 2px #828282;
      box-shadow:0 0 3px 2px #828282
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .recent-default{
      background-color:#0b0418
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .recent-default .recent{
      background-color:#0b0418
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .fevorite-tab,.dark-sidebar .chitchat-container .chitchat-left-sidebar .document-tab,.dark-sidebar .chitchat-container .chitchat-left-sidebar .contact-list-tab,.dark-sidebar .chitchat-container .chitchat-left-sidebar .notification-tab,.dark-sidebar .chitchat-container .chitchat-left-sidebar .settings-tab{
      background-color:#0b0418
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .status-tab{
      background-color:#0b0418
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box h3,.dark-sidebar .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .h3{
      background-color:#181720;
      color:#fff
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content{
      border-bottom:1px solid #414248
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .status-tab .my-status-box{
      border-bottom:1px solid #414248
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar h1,.dark-sidebar .chitchat-container .chitchat-left-sidebar .h1,.dark-sidebar .chitchat-container .chitchat-left-sidebar h2,.dark-sidebar .chitchat-container .chitchat-left-sidebar .h2,.dark-sidebar .chitchat-container .chitchat-left-sidebar h3,.dark-sidebar .chitchat-container .chitchat-left-sidebar .h3,.dark-sidebar .chitchat-container .chitchat-left-sidebar h4,.dark-sidebar .chitchat-container .chitchat-left-sidebar .h4,.dark-sidebar .chitchat-container .chitchat-left-sidebar h5,.dark-sidebar .chitchat-container .chitchat-left-sidebar .h5,.dark-sidebar .chitchat-container .chitchat-left-sidebar h6,.dark-sidebar .chitchat-container .chitchat-left-sidebar .h6,.dark-sidebar .chitchat-container .chitchat-left-sidebar p,.dark-sidebar .chitchat-container .chitchat-left-sidebar span{
      color:#fff
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar select{
      color:#fff
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .icon-btn.btn-outline-light{
      background-color:#181720 !important;
      color:#fff !important
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .search-form input{
      background-color:#0b0418;
      border:1px solid #414248
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .search-form::before{
      color:#fff
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .search2{
      border-top:1px solid #414248
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .search2>div{
      background-color:#181720
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .chat-main li.active{
      background-color:#181720;
      border-left:4px solid #414248
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .setting-block .block{
      background-color:#0b0418
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .theme-according .card{
      background-color:#0b0418
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .theme-according .card .card-header{
      background-color:#181720
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .theme-according .card .card-body{
      background-color:#181720
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .integratin li{
      border-bottom:1px solid #414248
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .setting-block{
      border-top:1px solid #414248
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .setting-block .block{
      border-top:1px solid #414248
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .setting-block .block .help>li{
      border-top:1px dashed #414248
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .setting-block .block .help>li a{
      color:#fff
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .setting-block .block a{
      color:#1c9dea
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .theme-tab .nav-tabs .nav-item .nav-link{
      background-color:#181720 !important;
      color:#fff !important
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .theme-tab .nav-tabs .nav-item .nav-link.active{
      color:#1c9dea !important;
      background-color:rgba(28,157,234,0.15) !important
  }
  .dark-sidebar .chitchat-container .chitchat-left-sidebar .group-main li.active{
      background-color:#181720;
      border-left:4px solid #414248
  }
  .dark-sidebar .chitchat-container .main-nav{
      border-right:1px solid #414248
  }
  .dark-sidebar .chitchat-container .main-nav .logo-warpper{
      border-bottom:1px solid #414248
  }
  .dark-sidebar .chitchat-container .main-nav .btn-light{
      background-color:#181720 !important;
      color:#fff !important
  }
  .dark-sidebar .chitchat-container .change-number .form-control{
      border-color:#414248
  }
  .dark-sidebar .chitchat-container .form-control{
      background-color:#0b0418
  }
  @media (max-width: 1367px){
      .dark-sidebar .secure-app-main .secure-app-content{
          background-color:#0b0418
      }
      .dark-sidebar header .landing-header.fixed .main-menu .navbar-nav>li>a{
          color:#fff !important
      }
  }
  @media (max-width: 1200px){
      .dark-sidebar .inner-page header .landing-header .navbar-collapse{
          background-color:#0b0418;
          border:1px solid #414248
      }
  }
  
  
  .chitchat-main{
      position:relative;
      overflow:hidden
  }
  .chitchat-main .chitchat-contain{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      height:100%
  }
  .chitchat-main .chitchat-contain img{
      margin-top:20px
  }
  .chitchat-main .chitchat-contain .chitchat-logo{
      margin-bottom:35px
  }
  .chitchat-main .chitchat-contain h3,.chitchat-main .chitchat-contain .h3{
      font-size:calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
      color:#223645;
      font-family:"Montserrat",sans-serif;
      font-weight:800;
      margin-bottom:40px
  }
  .chitchat-main .chitchat-contain h3 span,.chitchat-main .chitchat-contain .h3 span{
      font-weight:600;
      font-size:calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)))
  }
  .chitchat-main .chitchat-contain h1,.chitchat-main .chitchat-contain .h1{
      font-size:calc(18px + (48 - 18) * ((100vw - 320px) / (1920 - 320)));
      color:#223645;
      font-family:"Montserrat",sans-serif;
      font-weight:800;
      margin-bottom:50px;
      width:560px
  }
  .chitchat-main .chitchat-contain h4,.chitchat-main .chitchat-contain .h4{
      font-size:calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
      color:#223645;
      font-family:"Roboto",sans-serif;
      font-weight:400;
      margin-bottom:40px;
      line-height:1.6
  }
  .chitchat-main .chitchat-contain ul.detial-price li{
      margin-bottom:15px;
      font-size:14px;
      color:#595959;
      font-family:"Roboto",sans-serif;
      font-weight:300
  }
  .chitchat-main .chitchat-contain ul.detial-price li:last-child{
      margin-bottom:0
  }
  .chitchat-main .chitchat-contain ul.detial-price li i{
      color:#1c9dea;
      margin-right:20px
  }
  .chitchat-main .chitchat-contain .pricing-btn{
      color:#fff;
      margin-top:45px
  }
  .chitchat-main .chitchat-back-block .chit-chat1{
      position:absolute;
      top:28%;
      left:16%;
      z-index:-1;
      -webkit-animation:animatow 30s linear infinite;
      animation:animatow 30s linear infinite
  }
  .chitchat-main .chitchat-back-block .chit-chat2{
      position:absolute;
      top:33%;
      right:8%;
      z-index:-1;
      -webkit-animation:animatow 30s linear infinite;
      animation:animatow 30s linear infinite
  }
  .chitchat-main .chitchat-back-block .chit-chat3{
      position:absolute;
      top:54%;
      left:33%;
      z-index:-1;
      -webkit-animation:slidemain 50s linear infinite;
      animation:slidemain 50s linear infinite
  }
  
  
      .pages-space>div:nth-child(n+2){
          margin-top:30px !important
      }
   
      .chat-landing-page .content-title{
          margin-bottom:30px !important
      }
      .chat-landing-page .easy-navigation .inner-block .btn{
          padding:13px 25px
      }
  
      .main-feature .key-feature>div:nth-child(n+3){
          margin-top:30px
      }
  
  @media (max-width: 650px){
      .chat-landing-page .landing_page_slider .animated-img-1 .slicing-img-5{
          left:227px;
          top:400px
      }
      .chat-landing-page .landing_page_slider .animated-img-1 .slicing-img-7{
          top:240px;
          left:97px
      }
      .rate-us .rate_us-section img{
          width:150px
      }
  }
  @media (max-width: 600px){
      .slider-block .chat-slide{
          width:100%
      }
      .audiocall1.call-modal,.audiocall2.call-modal,.videocall.call-modal,.videocallhang.call-modal,.conferencecall.call-modal{
          min-height:350px
      }
      .audiocall1.call-modal .center-con,.audiocall2.call-modal .center-con,.videocall.call-modal .center-con,.videocallhang.call-modal .center-con,.conferencecall.call-modal .center-con{
          bottom:25px
      }
      .videocall.call-modal .videocall-details,.videocallhang.call-modal .videocall-details{
          padding:20px
      }
      #videocallhang{
          padding-right:0px
      }
      .landing_page_slider{
          min-height:450px
      }
  }
  @media (max-width: 575px){
      .chat-landing-page .landing_page_slider .landing_page_slider-main{
          margin-top:160px
      }
      .landing-title .sub-title h4,.landing-title .sub-title .h4{
          margin-bottom:10px
      }
      .landing-title .sub-title h2,.landing-title .sub-title .h2{
          width:auto
      }
      header{
          padding-top:20px
      }
      header .landing-header .landing-header-left .logo-block img{
          height:40px;
          width:auto
      }
      header .landing-header .landing-header-right .purchase-block .purchase-btn i{
          margin-right:0
      }
      header .landing-header .landing-header-right .purchase-block .purchase-btn span{
          display:none
      }
      header .landing-header.fixed{
          padding:0 !important
      }
      header .landing-header .logo-block img{
          height:28px !important
      }
      header .landing-header .slider-block .inner2{
          right:0;
          top:10%
      }
      .slider-block .inner2{
          right:0;
          top:10%
      }
      .slider-block .slider-main{
          padding-top:80px;
          padding-bottom:40px
      }
      .slider-block .slider-main .slider-contain{
          width:380px
      }
      .slider-block .downlaod .footer-btn .btn i{
          font-size:16px
      }
      .app-design-block .app-btn{
          padding:12px 18px;
          font-size:13px;
          padding-top:20px
      }
      .app-design-main{
          padding-top:20px
      }
      .team-work-main .team1{
          top:50%;
          width:40px;
          right:68%
      }
      .team-work-main .team2{
          top:49%;
          right:43%
      }
      .team-work-main .team4{
          top:48%;
          right:60%
      }
      .chitchat-main .chitchat-contain .chitchat-img{
          width:200px
      }
      .chitchat-main .chitchat-contain h3,.chitchat-main .chitchat-contain .h3{
          margin-bottom:14px
      }
      .chitchat-main .chitchat-contain h1,.chitchat-main .chitchat-contain .h1{
          margin-bottom:14px
      }
      .chitchat-main .chitchat-contain .pricing-btn{
          padding:12px 18px;
          font-size:13px
      }
      .collaboration-main .collaboration-content ul.collab-tab.nav.nav-pills li.nav-item{
          margin-right:7px
      }
      .collaboration-main .collaboration-content ul.collab-tab.nav.nav-pills li.nav-item a.nav-link .tab-main{
          padding:10px 10px;
          border-radius:5px
      }
      .collaboration-main .collaboration-content ul.collab-tab.nav.nav-pills li.nav-item a.nav-link .tab-main .tab-content h3,.collaboration-main .collaboration-content ul.collab-tab.nav.nav-pills li.nav-item a.nav-link .tab-main .tab-content .h3{
          font-weight:600
      }
      .collaboration-main .tab-detail .tab-content .container{
          width:100%
      }
      .secure-app-main{
          height:320px
      }
      .secure-app-main .secure-app-content{
          height:320px;
          padding:0
      }
      .secure-app-main .secure-back-content .secure-img2{
          top:-20%;
          left:-20%
      }
      .secure-app-main .secure-back-content .secure-img1{
          bottom:-20%;
          right:-20%
      }
      .pricing-box .pricing-content .pricing-btn{
          margin-top:14px
      }
      footer .footer-main .footer-back-block .inner4{
          left:-25%;
          bottom:-40%
      }
      footer .footer-main .footer-back-block .inner3{
          top:-35%;
          right:-12%
      }
      .mobile-version-sec .mobile-display{
          text-align:center
      }
      .mobile-version-sec .mobile-qr{
          max-width:unset;
          margin-left:0px
      }
      .mobile-version-sec .mobile-qr .qr-img::after{
          display:none
      }
      .bonus-page .container{
          width:100%
      }
      .bonus-page .m-width{
          width:100% !important
      }
      .mobile-version-sec .mobile-qr{
          margin-top:40px;
          margin-left:auto !important;
          margin-right:auto
      }
      .mobile-version-sec .mobile-img{
          text-align:center
      }
      .mobile-version-sec .mobile-img img{
          height:350px;
          width:auto
      }
      .three-in-one-sec{
          margin-top:0 !important
      }
      .rate-us .rate_us-section h2,.rate-us .rate_us-section .h2{
          margin:12px 0 !important
      }
      .rate-us .rate_us-section img{
          width:120px
      }
      .rate-us .rate_us-section .rate-section li i{
          font-size:22px !important
      }
      .main-feature .key-feature>div:nth-child(n+2){
          margin-top:30px !important
      }
      .chat-landing-page .easy-navigation .inner-block .btn{
          padding:12px 18px
      }
  }
  @media (max-width: 480px){
      .chat-landing-page .landing_popups .element-card .typography .font_label{
          margin-right:5px
      }
      .chat-landing-page .audiocall1.call-modal,.chat-landing-page .audiocall2.call-modal,.chat-landing-page .videocall.call-modal,.chat-landing-page .videocallhang.call-modal,.chat-landing-page .conferencecall.call-modal{
          min-height:300px
      }
      .chat-landing-page .audiocall1.call-modal ul li+li,.chat-landing-page .audiocall2.call-modal ul li+li,.chat-landing-page .videocall.call-modal ul li+li,.chat-landing-page .videocallhang.call-modal ul li+li,.chat-landing-page .conferencecall.call-modal ul li+li{
          margin-left:10px
      }
      .chat-landing-page .videocall.call-modal .videocall-details .usersprof .profile,.chat-landing-page .videocallhang.call-modal .videocall-details .usersprof .profile{
          height:40px;
          width:40px
      }
      .chat-landing-page .videocall.call-modal .videocall-details .red-notification h6,.chat-landing-page .videocall.call-modal .videocall-details .red-notification .h6,.chat-landing-page .videocallhang.call-modal .videocall-details .red-notification h6,.chat-landing-page .videocallhang.call-modal .videocall-details .red-notification .h6{
          margin-right:10px
      }
      .chat-landing-page .easy-navigation .inner-block{
          padding:30px
      }
      .chat-landing-page .main-feature .key-feature .feture-icon{
          padding:50px 30px;
          margin:10px 40px
      }
      .chat-landing-page .landing_page_slider .animated-img-1 .slicing-img-5{
          left:227px;
          top:400px
      }
      .chat-landing-page .landing_page_slider .animated-img-1 .slicing-img-6{
          right:55px;
          top:111px
      }
      .chat-landing-page .landing_page_slider .animated-img-1 .slicing-img-7{
          top:240px;
          left:97px
      }
      .chat-landing-page .fadinup .container{
          width:100%
      }
      .chat-landing-page .fadinup .container .landing-screen-animation .pc-bg-1,.chat-landing-page .fadinup .container .landing-screen-animation .pc-bg-2,.chat-landing-page .fadinup .container .landing-screen-animation .pc-bg-3{
          height:200px
      }
      .slider-block{
          background-position:center
      }
  }
  @media (max-width: 420px){
      .chat-landing-page .landing-page-header .landing-header .navbar .navbar-collapse{
          width:100%
      }
      .chat-landing-page .landing-page-header .landing-header .navbar .navbar-collapse .navbar-nav .nav-link{
          font-size:15px
      }
      .chat-landing-page header .landing-header .landing-header-right .purchase-block .purchase-btn{
          border-radius:5px;
          padding:10px 12px
      }
      .chat-landing-page header .landing-header .landing-header-right .main-nav .toggle-nav{
          margin-left:10px
      }
      .chat-landing-page .videocall.call-modal .videocall-details,.chat-landing-page .videocallhang.call-modal .videocall-details{
          padding:15px
      }
      .chat-landing-page .videocall.call-modal .videocall-details .red-notification h6,.chat-landing-page .videocall.call-modal .videocall-details .red-notification .h6,.chat-landing-page .videocallhang.call-modal .videocall-details .red-notification h6,.chat-landing-page .videocallhang.call-modal .videocall-details .red-notification .h6{
          margin-right:10px
      }
      .chat-landing-page .videocall.call-modal .videocall-details .zoomcontent,.chat-landing-page .videocallhang.call-modal .videocall-details .zoomcontent{
          padding:3px
      }
      .chat-landing-page .icon-btn.btn-xl{
          height:40px;
          width:40px;
          padding:10px
      }
      .chat-landing-page .main-feature .key-feature .theme-collection .image-contain{
          min-height:200px
      }
      .chat-landing-page .landing_page_slider .landing_page_slider-main{
          margin-top:140px
      }
      .chat-landing-page .fadinup .container{
          width:100%
      }
      .chat-landing-page .fadinup .container .landing-screen-animation .pc-bg-1,.chat-landing-page .fadinup .container .landing-screen-animation .pc-bg-2,.chat-landing-page .fadinup .container .landing-screen-animation .pc-bg-3{
          height:180px
      }
      .slider-block .inner2{
          top:13%
      }
      .team-work-main .team2{
          top:60%;
          right:38%;
          width:16px
      }
      .team-work-main .team3{
          width:30px
      }
      .team-work-main .team4{
          top:56%;
          right:54%
      }
      .team-work-main .team1{
          top:59%
      }
      .collaboration-main .collaboration-content ul.collab-tab.nav.nav-pills{
          display:unset
      }
      .collaboration-main .collaboration-content ul.collab-tab.nav.nav-pills li.nav-item{
          margin-bottom:10px
      }
      .subscribe-content .form-inline .form-control{
          display:block;
          width:100%;
          border-radius:5px
      }
      .subscribe-content .form-inline .form-control:first-child{
          margin-bottom:20px
      }
      footer .footer-main .footer-btn{
          display:block
      }
      footer .footer-main .footer-btn .foot-ply-btn{
          width:-webkit-fit-content;
          width:-moz-fit-content;
          width:fit-content;
          margin-top:20px
      }
      footer .footer-main .footer-btn .foot-aps-btn,footer .footer-main .footer-btn .foot-ply-btn{
          margin-left:auto;
          margin-right:auto
      }
  }
  @media (max-width: 360px){
      .chat-landing-page .landing-page-header .landing-header .navbar .navbar-collapse .btn_purchase{
          margin-left:20px
      }
      .chat-landing-page .audiocall1.call-modal,.chat-landing-page .audiocall2.call-modal,.chat-landing-page .videocall.call-modal,.chat-landing-page .videocallhang.call-modal,.chat-landing-page .conferencecall.call-modal{
          min-height:200px
      }
      .chat-landing-page .videocall.call-modal .videocall-details,.chat-landing-page .videocallhang.call-modal .videocall-details{
          padding:5px
      }
      .chat-landing-page .videocall.call-modal .videocall-details .usersprof .profile,.chat-landing-page .videocallhang.call-modal .videocall-details .usersprof .profile{
          margin-left:0px;
          height:20px;
          width:20px
      }
      .chat-landing-page .videocall.call-modal .videocall-details .red-notification h6,.chat-landing-page .videocall.call-modal .videocall-details .red-notification .h6,.chat-landing-page .videocallhang.call-modal .videocall-details .red-notification h6,.chat-landing-page .videocallhang.call-modal .videocall-details .red-notification .h6{
          margin-right:5px
      }
      .chat-landing-page .easy-navigation .inner-block{
          padding:20px
      }
      .chat-landing-page .main-feature .key-feature .feture-icon{
          margin:10px
      }
      .chat-landing-page .fadinup .container .landing-screen-animation .pc-bg-1,.chat-landing-page .fadinup .container .landing-screen-animation .pc-bg-2,.chat-landing-page .fadinup .container .landing-screen-animation .pc-bg-3{
          height:120px
      }
      .slider-block .slider-main .slider-contain .header-btn{
          display:unset
      }
      .slider-block .slider-main .slider-contain .header-btn .foot-aps-btn{
          margin:0 auto
      }
      .slider-block .slider-main .slider-contain .header-btn .foot-ply-btn{
          width:-webkit-fit-content;
          width:-moz-fit-content;
          width:fit-content;
          margin-left:auto;
          margin-right:auto;
          margin-top:15px
      }
      .feture-icon{
          padding:15px
      }
  }
  @media (max-width: 320px){
      .chat-landing-page .landing_page_slider{
          min-height:480px
      }
  }
  .chat-landing-page{
      position:relative
  }
  .chat-landing-page h1,.chat-landing-page .h1{
      margin-bottom:15px;
      background:-webkit-linear-gradient(#00caf3, #0090ff);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      font-size:calc(18px + (48 - 18) * ((100vw - 320px) / (1920 - 320)))
  }
  .chat-landing-page h5,.chat-landing-page .h5{
      font-size:calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
      letter-spacing:0px;
      color:#9098ac;
      font-family:'Rubik';
      font-weight:400;
      text-align:center;
      line-height:1.4
  }
  .chat-landing-page .content-title{
      text-align:center;
      margin-bottom:45px
  }
  .chat-landing-page .customizer img,.chat-landing-page .dark-light img{
      -webkit-box-shadow:1px 5px 10px 5px rgba(68,102,242,0.05);
      box-shadow:1px 5px 10px 5px rgba(68,102,242,0.05)
  }
  .chat-landing-page .real-time-customizer .chit-chat5,.chat-landing-page .bonus-page .chit-chat5,.chat-landing-page .collaboration-main .chit-chat5,.chat-landing-page .dark-light .chit-chat5,.chat-landing-page .easy-navigation .chit-chat5{
      position:absolute;
      top:-70px;
      right:0;
      z-index:-1;
      -webkit-transform:rotate(45deg);
      transform:rotate(45deg);
      -webkit-animation:slidemain 80s linear infinite;
      animation:slidemain 80s linear infinite
  }
  .content-title h2,.content-title .h2{
      margin-bottom:10px;
      font-size:calc(14px + (28 - 14) * ((100vw - 320px) / (1920 - 320)))
  }
  .landing-page-header ~ .sidebar-pannle-main{
      display:none
  }
  .landing-page-header header{
      padding-top:30px
  }
  .landing-page-header header .landing-header .navbar-collapse .navbar-nav{
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center;
      float:left;
      width:75%;
      margin:auto
  }
  .landing-page-header header .landing-header .navbar-collapse .navbar-nav .nav-item .nav-link{
      color:#fff !important;
      opacity:0.8;
      font-size:17px;
      letter-spacing:0px;
      line-height:55px;
      font-family:"Rubik";
      font-weight:500;
      text-transform:capitalize
  }
  .landing-page-header header .landing-header .navbar-collapse .navbar-nav .nav-item .js-scroll{
      background-color:rgba(0,0,0,0);
      border:none
  }
  .landing-page-header header .landing-header .navbar-collapse .navbar-nav .nav-item .js-scroll:hover{
      border:none
  }
  .landing-page-header header .landing-header .navbar-collapse .navbar-nav .active .nav-link{
      color:#ffffff !important;
      opacity:1
  }
  .landing-page-header header .landing-header .btn_purchase{
      float:right
  }
  .landing-page-header header .landing-header .btn_purchase a{
      border-radius:5px;
      -webkit-filter:drop-shadow(0px 5px 15px rgba(29,159,250,0.35));
      filter:drop-shadow(0px 5px 15px rgba(29,159,250,0.35));
      background-color:#0a0417
  }
  .landing-page-header header .fixed{
      background-color:#278bff !important
  }
  .landing_page_slider{
      background-image:url(../images/landing-page/slicing/1.png);
      overflow:hidden;
      position:relative;
      min-height:1060px;
      background-repeat:no-repeat
  }
  .landing_page_slider .landing_page_slider-main{
      margin-top:160px
  }
  .landing_page_slider .landing_page_slider-main .landing_page_slider-contain h1,.landing_page_slider .landing_page_slider-main .landing_page_slider-contain .h1{
      color:#ffffff !important;
      -webkit-text-fill-color:#ffffff;
      font-size:calc(20px + (56 - 20) * ((100vw - 320px) / (1920 - 320)));
      font-family:"Montserrat";
      font-weight:800
  }
  .landing_page_slider .landing_page_slider-main .landing_page_slider-contain h4,.landing_page_slider .landing_page_slider-main .landing_page_slider-contain .h4{
      font-size:calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
      line-height:31px;
      color:#ffffff;
      font-family:"Roboto";
      font-weight:300;
      text-align:center
  }
  .landing_page_slider .landing_page_slider-main .landing_page_slider-contain h4 span,.landing_page_slider .landing_page_slider-main .landing_page_slider-contain .h4 span{
      font-size:18px;
      font-weight:500;
      color:#ffffff
  }
  .landing_page_slider .animated-img-1{
      overflow:hidden
  }
  .landing_page_slider .animated-img-1 .slicing-img-4{
      position:absolute;
      left:250px;
      top:120px;
      -webkit-animation:homecloud 30s linear infinite;
      animation:homecloud 30s linear infinite;
      -webkit-transform:scale(1.5);
      transform:scale(1.5)
  }
  .landing_page_slider .animated-img-1 .slicing-img-5{
      position:absolute;
      left:960px;
      top:505px;
      -webkit-animation:animateCloud 60s linear infinite;
      animation:animateCloud 60s linear infinite
  }
  .landing_page_slider .animated-img-1 .slicing-img-6{
      position:absolute;
      top:132px;
      right:474px;
      -webkit-animation:heartbeat 2s infinite;
      animation:heartbeat 2s infinite
  }
  .landing_page_slider .animated-img-1 .slicing-img-7{
      position:absolute;
      top:284px;
      left:650px;
      width:15px;
      -webkit-animation:heartbeat 5s infinite;
      animation:heartbeat 5s infinite
  }
  .landing_page_slider .animated-img-2{
      height:auto;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      position:relative;
      width:1200px;
      margin:0 auto;
      margin-top:30px
  }
  .landing_page_slider .animated-img-2 .slicing-img-1{
      position:absolute;
      content:'';
      left:-7px;
      top:225px;
      width:20%
  }
  .landing_page_slider .animated-img-2 .slicing-img-2{
      position:absolute;
      content:'';
      top:132px;
      right:-97px;
      width:44%
  }
  .landing_page_slider .animated-img-2 .slicing-img-3{
      position:absolute;
      content:'';
      left:10px
  }
  .landing-screen-animation{
      position:relative
  }
  .landing-screen-animation .col-md-12{
      margin-bottom:50px
  }
  .landing-screen-animation .three-img-1{
      width:100%;
      position:relative;
      -webkit-box-shadow:1px 5px 10px 5px rgba(68,102,242,0.05);
      box-shadow:1px 5px 10px 5px rgba(68,102,242,0.05);
      background-size:cover;
      border:5px solid #ffffff
  }
  .landing-screen-animation .three-img-1:hover{
      background-position:bottom
  }
  .landing-screen-animation .pc-bg-1{
      background-image:url(../images/landing-page/threeinonepage/image_1.png);
      height:550px;
      -webkit-transition:2s;
      transition:2s
  }
  .landing-screen-animation .pc-bg-2{
      background-image:url(../images/landing-page/threeinonepage/landing.png);
      height:250px;
      -webkit-transition:10s;
      transition:10s
  }
  .landing-screen-animation .pc-bg-3{
      background-image:url(../images/landing-page/threeinonepage/email.jpg);
      height:250px;
      -webkit-transition:2s;
      transition:2s
  }
  .demo-title{
      margin-top:20px;
      margin-bottom:0;
      font-size:calc(16px + (28 - 16) * ((100vw - 320px) / (1920 - 320)))
  }
  .bonus-page .m-width{
      width:1380px
  }
  .bonus-page .m-width .bonus{
      position:relative
  }
  .bonus-page .m-width .bonus img{
      -webkit-animation:zoomIn 300ms ease-in-out;
      animation:zoomIn 300ms ease-in-out;
      -webkit-transition:all 0.5s ease;
      transition:all 0.5s ease;
      -webkit-box-shadow:1px 5px 10px 5px rgba(68,102,242,0.05);
      box-shadow:1px 5px 10px 5px rgba(68,102,242,0.05)
  }
  .bonus-page .m-width .bonus img:hover{
      -webkit-transition:all 0.5s ease;
      transition:all 0.5s ease;
      -webkit-transform:translateY(-3px);
      transform:translateY(-3px)
  }
  .bonus-page .demo-title{
      line-height:28px;
      font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
      letter-spacing:1px;
      margin-top:20px;
      margin-bottom:0;
      color:#333;
      font-weight:700
  }
  .pages-space>div:nth-child(n+4){
      margin-top:50px
  }
  
  .tour-integrated .chitchat-back-block .chit-chat1{
      position:absolute;
      left:0%;
      top:10%;
      -webkit-transform:rotate(150deg);
      transform:rotate(150deg);
      -webkit-animation:slidemain 60s linear infinite;
      animation:slidemain 60s linear infinite
  }
  .tour-integrated .chitchat-back-block .chit-chat2{
      position:absolute;
      right:5%;
      bottom:15%;
      width:100px;
      -webkit-transform:rotate(-86deg);
      transform:rotate(-86deg);
      -webkit-animation:slidemain 20s linear infinite;
      animation:slidemain 20s linear infinite
  }
  .tour-integrated .chitchat-back-block .chit-chat3{
      position:absolute;
      right:15%;
      bottom:300px;
      z-index:-1;
      -webkit-transform:rotate(90deg);
      transform:rotate(90deg);
      -webkit-animation:slidemain 30s linear infinite;
      animation:slidemain 30s linear infinite
  }
  .tour-integrated .chitchat-back-block .chit-chat6{
      position:absolute;
      right:15%;
      bottom:176px;
      z-index:-1;
      -webkit-transform:rotate(90deg);
      transform:rotate(90deg);
      -webkit-animation:slidemain 30s linear infinite;
      animation:slidemain 30s linear infinite
  }
  .tour-integrated .chitchat-back-block .chit-chat7{
      position:absolute;
      right:15%;
      bottom:176px;
      z-index:-1;
      -webkit-transform:rotate(90deg);
      transform:rotate(90deg);
      -webkit-animation:slidemain 30s linear infinite;
      animation:slidemain 30s linear infinite
  }
  .mobile-version-sec{
      position:relative
  }
  .mobile-version-sec .mobile-img{
      margin-bottom:-30px
  }
  .mobile-version-sec .mobile-display{
      text-align:end
  }
  .mobile-version-sec .mobile-qr{
      max-width:200px;
      text-align:center;
      margin-left:50px;
      position:relative
  }
  .mobile-version-sec .mobile-qr p{
      font-size:14px;
      white-space:pre-line;
      color:#000
  }
  .mobile-version-sec .mobile-qr .qr-img::after{
      position:absolute;
      bottom:-85px;
      right:60px;
      background-image:url(../images/landing-page/mobile-version/line.png);
      background-repeat:no-repeat;
      content:"";
      width:256px;
      height:135px;
      background-size:cover;
      z-index:-1
  }
  .mobile-version-sec .mobile-qr .qr-img img{
      -webkit-box-shadow:0px 10px 60px 0px rgba(0,0,0,0.15);
      box-shadow:0px 10px 60px 0px rgba(0,0,0,0.15)
  }
  .mobile-version-sec .mobile-qr .btn-qr{
      padding:5px 10px;
      border-radius:5px;
      -webkit-filter:drop-shadow(0px 5px 7.5px rgba(255,45,100,0.35));
      filter:drop-shadow(0px 5px 7.5px rgba(255,45,100,0.35));
      background-color:#ff2d64;
      color:#ffffff;
      font-size:12px;
      text-align:center;
      font-weight:500;
      font-family:'Rubik';
      margin-bottom:20px
  }
  .mobile-version-sec .chitchat-back-block .chit-chat1{
      position:absolute;
      left:20%;
      top:20%;
      width:150px;
      -webkit-transform:rotate(86deg);
      transform:rotate(86deg);
      -webkit-animation:slidemain 80s linear infinite;
      animation:slidemain 80s linear infinite
  }
  .mobile-version-sec .chitchat-back-block .chit-chat2{
      position:absolute;
      right:20%;
      bottom:26%;
      width:150px;
      -webkit-transform:rotate(-86deg);
      transform:rotate(-86deg);
      -webkit-animation:slidemain 50s linear infinite;
      animation:slidemain 50s linear infinite
  }
  .mobile-version-sec .chitchat-back-block .chit-chat3{
      position:absolute;
      left:41%;
      top:38%;
      z-index:-1;
      -webkit-transform:rotate(-86deg);
      transform:rotate(-86deg);
      -webkit-animation:slidemain 50s linear infinite;
      animation:slidemain 50s linear infinite
  }
  .mobile-version-sec .chitchat-back-block .chit-chat4{
      position:absolute;
      top:13%;
      right:-5%;
      -webkit-transform:rotate(125deg);
      transform:rotate(125deg);
      -webkit-animation:slidemain 60s linear infinite;
      animation:slidemain 60s linear infinite
  }
  .app-demo-section{
      background:white
  }
  .app-demo-section .app-demo-content{
      text-align:center;
      position:relative;
      margin-bottom:50px
  }
  .app-demo-section .container-modify{
      max-width:1600px;
      margin:0 auto
  }
  .app-demo-section .img-effect{
      -webkit-transition:all 0.3s linear;
      transition:all 0.3s linear;
      text-align:center
  }
  .app-demo-section .img-effect:hover{
      -webkit-transform:translateY(-6px);
      transform:translateY(-6px)
  }
  .app-demo-section .app-img{
      border-radius:30px;
      -webkit-box-shadow:-1px 2px 5px 1px #ececec;
      box-shadow:-1px 2px 5px 1px #ececec
  }
  .three-in-one-sec{
      margin-top:-70px
  }
  .three-in-one-sec .chat-sec{
      width:100%;
      height:350px;
      -webkit-box-shadow:0 0 10px 2px #ddd;
      box-shadow:0 0 10px 2px #ddd
  }
  .three-in-one-sec .app-lauout-sec .landing-page-img{
      width:100%;
      height:175px;
      display:inline-block;
      position:relative;
      background-repeat:no-repeat;
      -webkit-box-shadow:0 0 10px 2px #ddd;
      box-shadow:0 0 10px 2px #ddd;
      background-color:#ffffff;
      background-size:contain
  }
  .three-in-one-sec .app-lauout-sec .landing-page-img .img-scroll{
      -webkit-transition:all 9s ease-out 0s;
      transition:all 9s ease-out 0s;
      background-position:center 0;
      background-repeat:no-repeat;
      position:absolute;
      width:100%;
      height:calc(100% - 18px);
      top:18px;
      left:0;
      background-size:cover
  }
  .three-in-one-sec .app-lauout-sec .landing-page-img:hover .img-scroll{
      background-position:center 100% !important
  }
  .popup-group{
      margin-bottom:-20px
  }
  .popup-group .font_label{
      margin:0 8px 20px 8px
  }
  
  .pol-modal-main .modal-dialog{
      width:700px;
      max-width:unset
  }
  .pol-modal-main .modal-content .modal-header svg{
      color:#1c9dea;
      font-weight:600;
      margin-right:10px
  }
  .pol-modal-main .modal-content .modal-body .form-group input::-webkit-input-placeholder{
      font-size:14px
  }
  .pol-modal-main .modal-content .modal-body .form-group input::-moz-placeholder{
      font-size:14px
  }
  .pol-modal-main .modal-content .modal-body .form-group input:-ms-input-placeholder{
      font-size:14px
  }
  .pol-modal-main .modal-content .modal-body .form-group input::-ms-input-placeholder{
      font-size:14px
  }
  .pol-modal-main .modal-content .modal-body .form-group input::placeholder{
      font-size:14px
  }
  .pol-modal-main .modal-content .modal-body .form-group a.add-option{
      color:#1c9dea;
      text-transform:capitalize;
      font-size:14px;
      font-weight:500
  }
  .pol-modal-main .modal-content .modal-body .form-group .post-poll{
      background-color:rgba(28,157,234,0.15);
      padding:25px;
      border-radius:15px
  }
  .pol-modal-main .modal-content .modal-body .form-group .post-poll ul{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-pack:justify;
      -ms-flex-pack:justify;
      justify-content:space-between
  }
  .pol-modal-main .modal-content .modal-body .form-group .post-poll ul li{
      text-transform:capitalize;
      font-size:14px;
      font-weight:600
  }
  .pol-modal-main .modal-content .modal-body .form-group .post-poll ul li p{
      font-size:14px;
      margin-left:15px;
      text-transform:capitalize;
      display:inline-block;
      margin-bottom:0
  }
  .pol-modal-main .modal-content .modal-body .form-group .allow-group{
      font-size:14px;
      text-transform:capitalize;
      font-weight:600;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center
  }
  .pol-modal-main .modal-content .modal-body .form-group .allow-group .allow-check{
      margin-right:10px
  }
  .pol-modal-main .modal-content .modal-body .creat-poll-btn{
      margin-top:40px
  }
  .pol-modal-main .modal-content .modal-body .creat-poll-btn a{
      display:block;
      text-transform:capitalize;
      letter-spacing:1px
  }
  .datepickers-container{
      z-index:9999
  }
  @media (max-height: 730px){
      .chitchat-container .sidebar-bottom{
          padding-bottom:25px
      }
      .chitchat-container .main-nav .sidebar-main .sidebar-top li,.chitchat-container .main-nav .sidebar-main .sidebar-bottom li{
          padding-top:25px
      }
  }
  @media (max-width: 1500px){
      .recent .theme-title .mobile-back,.recent .theme-title .mainnav{
          height:32px;
          width:32px
      }
      .chitchat-main .messages .contact-details .left.media .media-right .mute i:after{
          top:14px;
          left:5px
      }
      .contact-chat{
          padding:30px 0px
      }
      .contact-chat .profile{
          height:50px;
          width:50px
      }
      .call-content,.contact-content{
          overflow:scroll;
          height:100%
      }
      .call-content .col-sm-5,.call-content .col-sm-7,.contact-content .col-sm-5,.contact-content .col-sm-7{
          -webkit-box-flex:100%;
          -ms-flex:100%;
          flex:100%;
          max-width:100%
      }
      .call-content .col-sm-7,.contact-content .col-sm-7{
          margin-top:20px
      }
      .call-content .col-sm-7 .call-log-clear,.contact-content .col-sm-7 .call-log-clear{
          margin-bottom:40px
      }
      .contact-details ul li{
          padding-left:7px !important
      }
      .contact-details>.row .icon-btn{
          height:32px;
          width:32px
      }
  }
  @media (max-width: 1366px){
      .profile-box .details.edit{
          width:170px
      }
      .chitchat-main .message-input input{
          width:calc(100% - 280px)
      }
      .groupuser .gr-chat-friend-toggle .gr-chat-frind-content{
          padding:10px 20px
      }
      .groupuser .gr-chat-friend-toggle .gr-chat-frind-content .chat-main li{
          padding-bottom:0
      }
      header .landing-header.fixed .navbar-collapse .navbar-nav{
          margin-left:10px
      }
      header .landing-header .navbar-collapse .navbar-nav{
          background-color:#1c9dea;
          border-radius:15px;
          padding-left:0;
          margin-left:140px
      }
      .chat-main li .chat-box .details h6,.chat-main li .chat-box .details .h6{
          max-width:150px
      }
      .search2>div{
          height:40px
      }
      .group-main li{
          margin-left:-20px;
          margin-right:-20px;
          padding-left:20px;
          padding-right:20px
      }
      .close-app{
          display:none
      }
      .sidebar-pannle-main{
          bottom:70px
      }
      .contact-chat>ul>li.sent,.contact-chat>ul>li.replies{
          width:100%
      }
      .emojis-main .contact-poll .mr-4{
          margin-right:0.5rem !important
      }
      .profile-box{
          padding-bottom:0px
      }
      .chitchat-main .message-input{
          padding:26px 25px
      }
      .chitchat-main .call-content .user-profile .user-content ul li{
          font-size:0;
          padding-bottom:0
      }
      .chitchat-main li .chat-box .details h6,.chitchat-main li .chat-box .details .h6{
          max-width:130px
      }
      .chitchat-main li.active .details h6,.chitchat-main li.active .details .h6{
          letter-spacing:unset
      }
      .notification-tab .chat-main .chat-box .details h5,.notification-tab .chat-main .chat-box .details .h5{
          line-height:1.5
      }
      .notification-tab .chat-main .chat-box .profile{
          top:10px
      }
      .notification-tab .chat-main .chat-box .date-status{
          top:10px
      }
      .notification-tab .chat-main li{
          padding:0 20px
      }
      .setting-block{
          padding:30px 40px
      }
      .setting-block .block{
          padding:40px 20px 0 20px
      }
      .chitchat-container .chitchat-left-sidebar .fevorite-tab,.chitchat-container .chitchat-left-sidebar .document-tab,.chitchat-container .chitchat-left-sidebar .contact-list-tab,.chitchat-container .chitchat-left-sidebar .notification-tab,.chitchat-container .chitchat-left-sidebar .settings-tab,.chitchat-container .chitchat-left-sidebar .recent-default,.chitchat-container .chitchat-left-sidebar .status-tab{
          padding:40px 20px
      }
      .chitchat-container .chitchat-left-sidebar{
          min-width:300px;
          width:300px;
          -webkit-animation:fadeInright 300ms ease-in-out;
          animation:fadeInright 300ms ease-in-out;
          -webkit-transition:all 0.3s ease;
          transition:all 0.3s ease
      }
      .chitchat-container .chitchat-left-sidebar .fevorite-tab,.chitchat-container .chitchat-left-sidebar .document-tab,.chitchat-container .chitchat-left-sidebar .contact-list-tab,.chitchat-container .chitchat-left-sidebar .notification-tab,.chitchat-container .chitchat-left-sidebar .settings-tab,.chitchat-container .chitchat-left-sidebar .recent-default,.chitchat-container .chitchat-left-sidebar .status-tab{
          width:300px;
          min-width:300px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab{
          padding:20px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab.chat-tabs .nav-tabs{
          padding-bottom:20px;
          -ms-flex-wrap:nowrap;
          flex-wrap:nowrap
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab.chat-tabs>ul>li>a{
          font-size:12px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab.chat-tabs>ul>li>a svg{
          height:10px;
          width:10px;
          margin-right:5px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab .nav-tabs .nav-item .nav-link{
          min-width:60px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat .theme-title{
          padding:40px 20px 0 20px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat .search-form{
          width:calc(100% - 30px);
          left:15px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .recent{
          width:300px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider{
          padding:20px 20px 0 20px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .recent .theme-title{
          padding:0 20px
      }
      .call-log-main li,.contact-log-main li{
          padding-top:8px;
          padding-bottom:8px
      }
      .fevorite-tab .chat-box .date-status,.document-tab .chat-box .date-status{
          position:absolute;
          right:0;
          top:10px;
          text-align:right
      }
      .fevorite-tab .chat-main li,.document-tab .chat-main li{
          padding-top:8px;
          padding-bottom:8px
      }
      .dynemic-sidebar .theme-title{
          margin-bottom:20px
      }
      .dynemic-sidebar .chat-main li .chat-box .details{
          padding-top:8px;
          padding-bottom:9px
      }
      .dynemic-sidebar .chat-main .icon-btn.btn-xl{
          height:50px;
          width:50px
      }
      .dynemic-sidebar .chat-main .icon-btn.btn-xl i{
          font-size:20px
      }
      .dynemic-sidebar .chat-main .media-body{
          position:absolute;
          right:0;
          top:8px
      }
      .dynemic-sidebar .chat-main .profile{
          width:50px;
          height:50px
      }
      .m-r-15{
          margin-right:5px
      }
      .search2{
          margin-left:0px;
          margin-right:0
      }
      .sidebar-toggle .main-nav:not(.on) ~ .chitchat-main.small-sidebar{
          width:calc(100% - 390px)
      }
 
      .theme-tab.tab-icon .nav-tabs .nav-item .nav-link{
          padding:7px 15px
      }
      .chat-main li,.call-log-main li,.contact-log-main li{
          margin-left:-20px;
          margin-right:-20px;
          padding-left:20px;
          padding-right:20px
      }
      .chat-main li .chat-box,.chat-main li .call-box,.chat-main li .contact-box,.call-log-main li .chat-box,.call-log-main li .call-box,.call-log-main li .contact-box,.contact-log-main li .chat-box,.contact-log-main li .call-box,.contact-log-main li .contact-box{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex;
          -webkit-box-align:center;
          -ms-flex-align:center;
          align-items:center
      }
      .chat-main li .chat-box .details,.chat-main li .call-box .details,.chat-main li .contact-box .details,.call-log-main li .chat-box .details,.call-log-main li .call-box .details,.call-log-main li .contact-box .details,.contact-log-main li .chat-box .details,.contact-log-main li .call-box .details,.contact-log-main li .contact-box .details{
          padding-left:60px;
          padding-right:50px
      }
      .chat .profile{
          width:50px;
          height:50px
      }
      .call-log-main .call-box .details,.contact-log-main .call-box .details{
          padding-right:60px
      }
      .call-log-main li .contact-box .details,.contact-log-main li .contact-box .details{
          padding-right:80px;
          padding-left:60px
      }
      .group-main .group-box .details{
          padding-left:60px
      }
      .sidebar-toggle .main-nav.on ~ .chitchat-main .contact-details{
          width:calc(100vw - 495px)
      }
      .sidebar-toggle .main-nav.on ~ .chitchat-main .message-input{
          width:calc(100% - 400px)
      }

      .chitchat-main .message-input{
          width:calc(100% - 400px)
      }
      .login-content .line h6::before,.login-content .line .h6::before{
          width:4rem
      }
      .login-content .line h6::after,.login-content .line .h6::after{
          width:4rem
      }
      header .landing-header .navbar-collapse{
          width:100%
      }
      .call-log-main .call-box .details{
          padding-left:70px !important
      }
      .videocall.call-modal .small-image,.videocallhang.call-modal .small-image{
          width:180px;
          height:250px
      }
      .videocall.call-modal .videocall-details .usersprof .profile{
          width:50px;
          height:50px
      }
  }
  @media (min-width: 1199.98px){
      .main-menu .collapse{
          display:block
      }
  }
  @media (max-width: 1199.98px){
      header .landing-header .navbar-collapse .navbar-nav{
          background-color:transparent;
          margin-left:0
      }
      .landing-page .landing-header .navbar-light .navbar-nav .active>.nav-link{
          color:rgba(0,0,0,0.9)
      }
      .landing-page .landing-header .navbar-light .navbar-nav .nav-link{
          color:rgba(0,0,0,0.5)
      }
      .mobile-version-sec .chitchat-back-block .chit-chat2{
          display:none
      }
      .collaboration-main .collaboration-content ul.collab-tab.nav.nav-pills li.nav-item a.nav-link .tab-content h3,.collaboration-main .collaboration-content ul.collab-tab.nav.nav-pills li.nav-item a.nav-link .tab-content .h3{
          margin-bottom:3px !important
      }
      .collaboration-main .collaboration-content ul.collab-tab.nav.nav-pills li.nav-item a.nav-link .tab-main .tab-img i{
          font-size:24px
      }
      .chat-landing-page .content-title{
          margin-bottom:35px
      }
      .emojis-main .contact-poll .contact-poll-content:before{
          left:30px
      }
      header{
          padding-top:0;
          padding-bottom:0;
          clear:both
      }
      header .landing-header .dropdown-menu{
          position:relative;
          width:calc(100% - 30px);
          margin-bottom:20px;
          padding-bottom:10px;
          margin-top:10px
      }
      header .landing-header .logo-block img{
          height:40px
      }
      header .landing-header .navbar-toggler{
          position:absolute;
          right:20px;
          top:14px;
          background-color:#fff
      }
      header .landing-header .navbar-collapse{
          position:absolute;
          top:64px;
          background-color:#fff;
          right:0;
          width:61% !important;
          border-radius:15px;
          padding:20px 0;
          border:1px solid #e5edf5
      }
      header .landing-header .navbar-collapse .navbar-nav{
          display:block
      }
      header .landing-header .navbar-collapse .navbar-nav .nav-item{
          display:block
      }
      header .landing-header .navbar-collapse .navbar-nav .nav-item .nav-link{
          padding-top:10px;
          padding-bottom:10px
      }
      .chitchat-main .messages .contact-details{
          padding:15px
      }
      .chitchat-main .messages .contact-details .media-right ul{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex
      }
      .chitchat-main .message-input{
          width:calc(100% - 300px)
      }
      .chitchat-main .messages .contact-details .col{
          width:100px
      }
      .chitchat-main .messages .contact-details .left.media .media-body{
          display:none
      }
     
  }
  @media (max-width: 1024px){
      .chitchat-main .messages .contact-details .left.media .media-body:before{
          top:-4px
      }
      .chitchat-main .messages .contact-details .media-body h5,.chitchat-main .messages .contact-details .media-body .h5{
          display:none
      }
      .sidebar-toggle .main-nav.on ~ .chitchat-main .contact-details ul li{
          padding-left:4px
      }
    
 
      .chitchat-main .messages .contact-details{
          padding:15px 15px
      }
      .chitchat-main .messages .contact-details .media-right ul{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex
      }
      .chitchat-main .message-input{
          padding:26px 20px
      }
      .faq-section .accordion.theme-accordion .card .card-header button:before{
          right:10px
      }
  }
  @media (max-width: 992px){
      .chitchat-right-sidebar .document,.chitchat-right-sidebar .media-gallery,.chitchat-right-sidebar .status{
          padding:30px 20px
      }
      .chitchat-main .message-input input{
          width:calc(100% - 260px)
      }
      .chitchat-container .chitchat-right-sidebar{
          min-width:280px;
          width:280px
      }
      .chitchat-container .chitchat-right-sidebar .contact-profile{
          padding:20px
      }
      .chitchat-container.sidebar-overlap .chitchat-main .messages .contact-details{
          width:calc(100%) !important
      }
      .chitchat-container.sidebar-overlap .chitchat-main,.chitchat-container.sidebar-overlap .message-input,.chitchat-container.sidebar-overlap .contact-details{
          width:calc(100%) !important
      }
      .chat-landing-page .landing_page_slider{
          min-height:800px;
          background-position:bottom
      }
      .chitchat-main .messages{
          height:calc(100vh - 80px);
          min-height:calc(100vh - 80px)
      }
      .chitchat-main .message-input{
          height:80px;
          padding:19px 20px
      }
      .secure-app-main{
          height:350px
      }
      .secure-app-main .secure-app-content{
          height:350px
      }
      [class*="introjs"]{
          display:none
      }
      .main-nav.introjs-fixParent,.sidebar-top.introjs-relativePosition{
          display:block
      }
      .chitchat-main .messages .contact-details{
          width:calc(100vw - 390px)
      }
      header .landing-header.fixed{
          padding:5px 15px
      }

      .sidebar-toggle .main-nav.on ~ .show-recent ~ .chitchat-main .messages .contact-details{
          width:42.5vw !important
      }
      .sidebar-toggle .main-nav.on ~ .show-recent ~ .chitchat-main .messages .contact-details ul li{
          padding-left:21px
      }
      .sidebar-toggle .main-nav.on ~ .show-recent ~ .chitchat-main .message-input{
          width:calc(100% - 500px)
      }
      .sidebar-toggle .main-nav ~ .show-recent ~ .chitchat-main .messages .contact-details{
          width:53vw
      }
      .sidebar-toggle .main-nav ~ .show-recent ~ .chitchat-main .messages .contact-details ul li{
          padding-left:9px
      }
      .sidebar-toggle .main-nav ~ .show-recent ~ .chitchat-main .message-input{
          width:calc(100% - 400px)
      }
      .recent .theme-title .close-contentbtn{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex
      }
  
      .mr-3{
          margin-right:10px !important
      }
   
  }
  @media (max-width: 991px){
     
    
      .audiocall1.call-modal,.audiocall1.call-modal,.audiocall1.call-modal,.audiocall1.call-modal,.audiocall1.call-modal,.audiocall2.call-modal,.audiocall2.call-modal,.audiocall2.call-modal,.audiocall2.call-modal,.audiocall2.call-modal,.videocall.call-modal,.videocall.call-modal,.videocall.call-modal,.videocall.call-modal,.videocall.call-modal,.videocallhang.call-modal,.videocallhang.call-modal,.videocallhang.call-modal,.videocallhang.call-modal,.videocallhang.call-modal,.conferencecall.call-modal,.conferencecall.call-modal,.conferencecall.call-modal,.conferencecall.call-modal,.conferencecall.call-modal{
          min-height:530px
      }
      .videocall.call-modal .small-image,.videocallhang.call-modal .small-image{
          width:150px;
          height:200px;
          left:20px
      }
      .three-in-one-sec{
          margin-top:0
      }
      .real-time-customizer .chit-chat5,.bonus-page .chit-chat5,.collaboration-main .chit-chat5,.dark-light .chit-chat5,.easy-navigation .chit-chat5{
          display:none
      }
    
      .pol-modal-main .modal-dialog{
          width:600px
      }
   
  }
  @media (max-width: 800px){
      .chitchat-left-sidebar .search-form .form-group .icon-close{
          top:3px
      }
      .profile-box .details.edit{
          width:90%
      }
      .chitchat-container{
          overflow:hidden
      }
      .mobile-sidebar,.mobile-back{
          display:-webkit-inline-box;
          display:-ms-inline-flexbox;
          display:inline-flex
      }
      .search2>div{
          width:100%;
          height:50px
      }
      .theme-tab.tab-icon .nav-tabs .nav-item .nav-link{
          padding:10px 35px;
          font-size:16px
      }
      .theme-tab.tab-icon .nav-tabs .nav-item .nav-link svg{
          height:22px
      }
      .chat .details{
          padding-left:75px !important
      }
      .chat .details h6,.chat .details .h6,.chitchat-left-sidebar .details h6,.chitchat-left-sidebar .details .h6{
          max-width:unset;
          font-size:calc(12px + (14 - 12) * ((100vw - 320px) / (800 - 320)));
          padding-top:6px
      }
      .chat h5,.chat .h5,.chitchat-left-sidebar h5,.chitchat-left-sidebar .h5{
          font-size:calc(13px + (15 - 13) * ((100vw - 320px) / (800 - 320)))
      }
      .chat .profile,.chitchat-left-sidebar .profile{
          width:60px;
          height:60px
      }
      .theme-tab>.nav-tabs>.nav-item .nav-link{
          padding:12px 60px;
          font-size:calc(14px + (22 - 14) * ((100vw - 320px) / (1920 - 320)))
      }
      .chitchat-container .main-nav.on ~ .chitchat-left-sidebar .dynemic-sidebar{
          width:calc(100vw - 100px);
          min-width:calc(100vw - 100px)
      }
      .chitchat-container .main-nav.on ~ .chitchat-left-sidebar .dynemic-sidebar.recent-default .recent,.chitchat-container .main-nav.on ~ .chitchat-left-sidebar .dynemic-sidebar.recent-default .chat{
          width:calc(100vw - 100px)
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat .search{
          margin-top:10px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat h2,.chitchat-container .chitchat-left-sidebar .recent-default .chat .h2{
          font-size:calc(20px + (32 - 20) * ((100vw - 320px) / (800 - 320)))
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab.chat-tabs>ul>li>a{
          font-size:calc(13px + (18 - 14) * ((100vw - 320px) / (800 - 320)));
          padding:5px 40px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab.chat-tabs>ul>li>a svg{
          height:14px;
          width:14px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .recent{
          width:100vw
      }
      .chitchat-container .chitchat-left-sidebar{
          width:calc(100vw - 1px);
          min-width:calc(100vw - 1px);
          -webkit-animation:fadeInRight 300ms ease-in-out;
          animation:fadeInRight 300ms ease-in-out;
          -webkit-transition:all 0.3s ease;
          transition:all 0.3s ease
      }
      .chitchat-container .chitchat-left-sidebar .fevorite-tab,.chitchat-container .chitchat-left-sidebar .document-tab,.chitchat-container .chitchat-left-sidebar .contact-list-tab,.chitchat-container .chitchat-left-sidebar .notification-tab,.chitchat-container .chitchat-left-sidebar .settings-tab,.chitchat-container .chitchat-left-sidebar .recent-default,.chitchat-container .chitchat-left-sidebar .status-tab{
          width:calc(100vw - 1px);
          min-width:calc(100vw - 1px);
          -webkit-animation:fadeInRight 300ms ease-in-out;
          animation:fadeInRight 300ms ease-in-out;
          -webkit-transition:all 0.3s ease;
          transition:all 0.3s ease
      }
      .sidebar-toggle .main-nav:not(.on) ~ .chitchat-main.small-sidebar{
          width:calc(100% - 90px)
      }
      .sidebar-toggle .main-nav:not(.on) ~ .chitchat-main.small-sidebar .message-input{
          width:calc(100% - 90px)
      }
      .sidebar-toggle .main-nav:not(.on) ~ .chitchat-main.small-sidebar .messages .contact-details{
          width:calc(100vw - 140px)
      }
      .chitchat-container .chitchat-main .message-input{
          width:100vw;
          -webkit-animation:fadeInRight 300ms ease-in-out;
          animation:fadeInRight 300ms ease-in-out;
          -webkit-transition:all 0.3s ease;
          transition:all 0.3s ease
      }
      .chitchat-container .chitchat-main .messages{
          padding:25px
      }
      .chitchat-container .chitchat-main .messages .contact-details{
          width:calc(100vw - 52px);
          -webkit-animation:fadeInRight 300ms ease-in-out;
          animation:fadeInRight 300ms ease-in-out;
          -webkit-transition:all 0.3s ease;
          transition:all 0.3s ease
      }
      .chitchat-container .chitchat-main{
          width:100vw;
          max-width:100vw;
          overflow:hidden
      }
      .chitchat-container.mobile-menu .chitchat-left-sidebar{
          display:none;
          width:0;
          min-width:0;
          opacity:0;
          -webkit-animation:fadeInRight 300ms ease-in-out;
          animation:fadeInRight 300ms ease-in-out;
          -webkit-transition:all 0.3s ease;
          transition:all 0.3s ease
      }
      .chat-tabs ul li.nav-item{
          width:100%;
          margin:0 10px
      }
      .chat-tabs ul li.nav-item a{
          width:100%
      }
      ul.chat-cont-setting{
          left:unset;
          right:20px
      }
  }
  @media (max-width: 767.98px){
      .videocall.call-modal .videocall-details{
          padding:15px;
          background-color:rgba(255,255,255,0.8)
      }
      .modal-dialog-centered .modal-content{
          max-height:90vh;
          overflow:scroll
      }
      .zoomcontent{
          display:none
      }
      .three-in-one-sec{
          margin-top:0
      }
      .chat-landing-page h1,.chat-landing-page .h1{
          margin-bottom:10px
      }
  
      .sidebar-pannle-main{
          display:none
      }
      .chitchat-loader h3,.chitchat-loader .h3{
          margin-top:15px;
          padding:0 15px;
          line-height:1.4
      }
      .chitchat-loader img{
          height:80px
      }
      .videocall.call-modal .small-image{
          left:20px
      }
      .chitchat-main .messages .contact-details{
          width:calc(100vw - 390px)
      }
      .chitchat-main .messages .contact-details .left.media .media-right .icon-btn i{
          font-size:21px
      }
      .chitchat-main .messages .contact-details .left.media .media-right .icon-btn svg{
          vertical-align:unset;
          stroke-width:2px
      }
      .chitchat-main .messages .contact-details ul li{
          padding-left:30px
      }
      
     
      .contact-details .media-right ul{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex
      }
      .sidebar-toggle .main-nav.on ~ .chitchat-main .contact-details{
          width:78.5vw !important
      }
      .sidebar-toggle .main-nav.on ~ .chitchat-main .message-input{
          width:calc(100% - 100px)
      }
      .sidebar-toggle .main-nav ~ .show-recent ~ .chitchat-main .messages .contact-details{
          width:39vw
      }
      .sidebar-toggle .main-nav ~ .show-recent ~ .chitchat-main .messages .contact-details ul li{
          padding-left:17px
      }
      .sidebar-toggle .main-nav ~ .chitchat-main .messages .contact-details ul li{
          padding-left:8px
      }
      .copyright p{
          text-align:center
      }
      .links_horizontal .text-right{
          text-align:center !important
      }
      .blog-page .blog-sidebar .blog-card .blog-follow li{
          margin-right:10px
      }
      .blog-detail-page .blog-detail .post-social ul.social-group{
          margin-top:5px;
          float:unset
      }
      .element-card .typography h1,.element-card .typography .h1,.element-card .typography h2,.element-card .typography .h2,.element-card .typography h3,.element-card .typography .h3,.element-card .typography h4,.element-card .typography .h4,.element-card .typography h5,.element-card .typography .h5,.element-card .typography h6,.element-card .typography .h6{
          margin-bottom:10px
      }
      .element-card .typography .font_label{
          margin-right:10px
      }
      .downlaod .footer-btn .btn+.btn{
          margin-top:15px;
          margin-left:unset
      }
      .sidebar-pannle-main{
          right:15px
      }
      .chitchat-main .messages .contact-details{
          width:calc(100vw - 390px)
      }
      .chitchat-main .messages .contact-details .left.media .media-right .icon-btn i{
          font-size:21px
      }
      .chitchat-main .messages .contact-details .left.media .media-right .icon-btn svg{
          vertical-align:unset;
          stroke-width:2px
      }
      .chitchat-main .messages .contact-details ul li{
          padding-left:30px
      }
      
      .contact-details .media-right ul{
          display:-webkit-box;
          display:-ms-flexbox;
          display:flex
      }
      .sidebar-toggle .main-nav.on ~ .chitchat-main .contact-details{
          width:78.5vw !important
      }
      .sidebar-toggle .main-nav.on ~ .chitchat-main .message-input{
          width:calc(100% - 100px)
      }
      .sidebar-toggle .main-nav ~ .show-recent ~ .chitchat-main .messages .contact-details{
          width:39vw
      }
      .sidebar-toggle .main-nav ~ .show-recent ~ .chitchat-main .messages .contact-details ul li{
          padding-left:17px
      }
      .sidebar-toggle .main-nav ~ .chitchat-main .messages .contact-details ul li{
          padding-left:8px
      }
  
      .img-10{
          width:5px !important
      }
      .img-20{
          width:10px !important
      }
      .img-30{
          width:20px !important
      }
      .img-40{
          width:25px !important
      }
      .img-50{
          width:35px !important
      }
      .img-60{
          width:45px !important
      }
      .img-70{
          width:55px !important
      }
      .img-80{
          width:65px !important
      }
      .img-90{
          width:75px !important
      }
      .img-100{
          width:85px !important
      }
      .add-popup .close{
          width:65px;
          height:65px
      }
      .add-popup .close span{
          top:15px;
          right:15px
      }
      .add-popup .modal-footer{
          padding:20px 20px
      }
      .audiocall1.call-modal,.audiocall1.call-modal,.audiocall1.call-modal,.audiocall1.call-modal,.audiocall1.call-modal,.audiocall2.call-modal,.audiocall2.call-modal,.audiocall2.call-modal,.audiocall2.call-modal,.audiocall2.call-modal,.videocall.call-modal,.videocall.call-modal,.videocall.call-modal,.videocall.call-modal,.videocall.call-modal,.videocallhang.call-modal,.videocallhang.call-modal,.videocallhang.call-modal,.videocallhang.call-modal,.videocallhang.call-modal,.conferencecall.call-modal,.conferencecall.call-modal,.conferencecall.call-modal,.conferencecall.call-modal,.conferencecall.call-modal{
          min-height:480px
      }
      .audiocall1.call-modal .title2,.audiocall1.call-modal .title2,.audiocall1.call-modal .title2,.audiocall1.call-modal .title2,.audiocall1.call-modal .title2,.audiocall2.call-modal .title2,.audiocall2.call-modal .title2,.audiocall2.call-modal .title2,.audiocall2.call-modal .title2,.audiocall2.call-modal .title2,.videocall.call-modal .title2,.videocall.call-modal .title2,.videocall.call-modal .title2,.videocall.call-modal .title2,.videocall.call-modal .title2,.videocallhang.call-modal .title2,.videocallhang.call-modal .title2,.videocallhang.call-modal .title2,.videocallhang.call-modal .title2,.videocallhang.call-modal .title2,.conferencecall.call-modal .title2,.conferencecall.call-modal .title2,.conferencecall.call-modal .title2,.conferencecall.call-modal .title2,.conferencecall.call-modal .title2{
          margin-bottom:5px
      }
      .audiocall1 .icon-btn.btn-xl,.audiocall2 .icon-btn.btn-xl,.videocall .icon-btn.btn-xl,.videocallhang .icon-btn.btn-xl,.conferencecall .icon-btn.btn-xl{
          width:40px;
          height:40px;
          padding:10px
      }
      .videocall.call-modal .videocall-details,.videocallhang.call-modal .videocall-details{
          padding:20px;
          padding-left:30px
      }
      .videocall.call-modal .videocall-details .usersprof .profile,.videocallhang.call-modal .videocall-details .usersprof .profile{
          width:35px;
          height:35px
      }
      .videocall.call-modal .small-image,.videocallhang.call-modal .small-image{
          width:120px;
          height:140px;
          left:15px
      }
      .videocall.call-modal .videocall-details#basicUsage,.videocallhang.call-modal .videocall-details#basicUsage{
          margin-right:5px
      }
      footer .footer-mobile-title h3,footer .footer-mobile-title .h3{
          margin-top:0 !important
      }
  
      .pol-modal-main .modal-dialog{
          width:550px
      }
      .pol-modal-main .modal-content .modal-body .creat-poll-btn{
          margin-top:30px
      }
  
  }
  @media (max-width: 600px){
      .chitchat-container .chitchat-main .contact-content,.chitchat-container .chitchat-main .call-content{
          padding:20px
      }
      .chitchat-container .chitchat-main .messages .contact-details .col-7{
          padding-right:0
      }
      .chitchat-container .chitchat-main .messages .contact-details .col-7 .media-right{
          -webkit-box-ordinal-group:0;
          -ms-flex-order:-1;
          order:-1
      }
      .chitchat-container .chitchat-main .messages .contact-details .col-7 .media-right li{
          padding-left:0 !important;
          padding-right:8px
      }
      .chitchat-container .chitchat-main .messages .media-right ul li:nth-child(1),.chitchat-container .chitchat-main .messages .media-right ul li:nth-child(2){
          display:none
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab.chat-tabs>ul>li>a{
          padding:5px 20px
      }
      .emojis-main .contact-poll .contact-poll-content{
          bottom:60px;
          left:60px
      }
      .contact-chat{
          margin-top:70px
      }
      .contact-chat>ul>li.sent .auto-gallery li,.contact-chat>ul>li.replies .auto-gallery li{
          height:60px;
          width:60px
      }
      .chitchat-main .message-input{
          height:60px;
          padding:14px 20px
      }
      .chitchat-main .message-input input{
          width:calc(100% - 210px)
      }
      .chitchat-main .message-input .icon-btn{
          height:32px;
          width:32px
      }
      .chitchat-main .message-input .icon-btn i{
          font-size:13px
      }
      .chitchat-main .messages{
          height:calc(100vh - 60px);
          min-height:calc(100vh - 60px)
      }
      .chitchat-main .messages .contact-details .left.media .media-left{
          height:unset
      }
      .chitchat-main .messages .contact-details .profile{
          width:40px;
          height:40px;
          border-radius:15px
      }
      .sidebar-toggle .main-nav.on ~ .chitchat-main .messages .contact-details{
          width:93.5vw !important
      }
      .sidebar-toggle .main-nav.on ~ .chitchat-main .messages .contact-details ul li{
          padding-left:0px
      }
      .sidebar-toggle .pricing-box{
          margin:10px;
          padding:20px
      }
      .sidebar-toggle .pricing-box ul.avb-price li i{
          margin-right:10px
      }
      .sidebar-toggle footer{
          padding-bottom:0px
      }
      .sidebar-toggle footer .footer-mobile-title{
          display:block !important
      }
      .sidebar-toggle footer .footer-title .according-menu{
          font:normal normal normal 14px/1 FontAwesome
      }
      .sidebar-toggle footer .footer-title.active .according-menu{
          font:normal normal normal 14px/1 FontAwesome
      }
      .sidebar-toggle footer .footer_order_3{
          margin-top:0px
      }
      .sidebar-toggle footer .downlaod{
          margin-top:0px
      }
      .sidebar-toggle footer .downlaod .footer-btn .btn+.btn{
          margin-left:15px;
          margin-top:unset
      }
      .sidebar-toggle footer .links{
          margin-top:0px
      }
      .sidebar-toggle footer .section-py-space{
          padding-bottom:30px
      }
      .sidebar-toggle footer .footer-contant{
          margin-bottom:20px
      }
  }
  @media (max-width: 575.98px){
      .landing_page_slider .animated-img-2{
          display:none
      }
      .sidebar-toggle .main-nav.on{
          position:absolute;
          left:0;
          z-index:9999 !important;
          background-color:red
      }
      .chitchat-container .main-nav.on ~ .chitchat-left-sidebar .recent-default{
          width:100vw;
          min-width:100vw
      }
      .chitchat-container .main-nav.on ~ .chitchat-left-sidebar .dynemic-sidebar:not(.recent-default){
          margin-left:100px
      }
      .chitchat-container .main-nav.on ~ .chitchat-left-sidebar .dynemic-sidebar.recent-default .recent,.chitchat-container .main-nav.on ~ .chitchat-left-sidebar .dynemic-sidebar.recent-default .chat{
          width:100vw
      }
      .landing_page_slider .animated-img-2{
          display:none
      }
      .chat-landing-page .landing_page_slider{
          min-height:450px
      }
      .chat-landing-page .landing_page_slider .landing_page_slider-main .landing_page_slider-contain h1,.chat-landing-page .landing_page_slider .landing_page_slider-main .landing_page_slider-contain .h1{
          color:#223645 !important;
          -webkit-text-fill-color:unset
      }
      .chat-landing-page .landing_page_slider .landing_page_slider-main .landing_page_slider-contain h4,.chat-landing-page .landing_page_slider .landing_page_slider-main .landing_page_slider-contain .h4{
          color:#223645 !important
      }
      .chat-landing-page .landing_page_slider .landing_page_slider-main .landing_page_slider-contain h4 span,.chat-landing-page .landing_page_slider .landing_page_slider-main .landing_page_slider-contain .h4 span{
          color:#223645 !important
      }
      .sidebar-toggle .main-nav.on ~ .chitchat-main .contact-details{
          width:71.5vw !important
      }
      .sidebar-toggle .main-nav.on ~ .chitchat-main .contact-details ul li{
          padding-left:9px
      }
      .inner-page header{
          padding-top:15px;
          padding-bottom:15px
      }
      .inner-page header .landing-header .navbar-collapse{
          width:100% !important
      }
      .theme-landing header .landing-header .navbar-collapse{
          width:100% !important
      }
      .theme-landing header .landing-header .navbar-collapse .navbar-nav .nav-item{
          margin-bottom:15px
      }
      .chitchat-main .messages .contact-details{
          width:88vw
      }
      .chitchat-main .messages .contact-details ul li{
          padding-left:21px
      }
      .blog-page .blog-media .blog-right ul li+li{
          padding-left:5px
      }
      .add-popup .modal-body{
          padding:15px
      }
      .add-popup .modal-footer .btn{
          padding:10px 20px
      }
      .msg-chat-modal .chat-main li,.msg-chat-modal .chat-main li{
          padding-left:10px;
          padding-right:10px
      }
      .videocall.call-modal .small-image{
          width:100px;
          height:120px;
          bottom:31%;
          display:none !important
      }
      .chat-landing-page .landing_popups .btn{
          padding:10px 18px
      }
  
      .pol-modal-main{
          padding:15px
      }
      .pol-modal-main .modal-dialog{
          width:100%;
          margin:0
      }
      .pol-modal-main .modal-content .modal-body .creat-poll-btn{
          margin-top:20px
      }
      .pol-modal-main .modal-content .modal-body .form-group .post-poll{
          padding:15px
      }
      .pol-modal-main .modal-content .modal-body .form-group .post-poll ul{
          display:block
      }
      .pol-modal-main .modal-content .modal-body .form-group .post-poll ul li{
          text-align:center
      }
      .pol-modal-main .modal-content .modal-body .form-group .post-poll ul li p{
          padding:15px;
          padding-bottom:0
      }
      .pol-modal-main .modal-content .modal-body .form-group .allow-group{
          font-size:13px
      }
   
  
  @media (max-width: 480px){
      .theme-tab.tab-icon .nav-tabs .nav-item .nav-link{
          padding:8px 15px;
          font-size:14px
      }
      .theme-tab.tab-icon .nav-tabs .nav-item .nav-link svg{
          height:18px
      }
      .chitchat-container .main-nav.on ~ .chitchat-left-sidebar .dynemic-sidebar:not(.recent-default).active{
          min-width:100%;
          width:100%;
          margin-left:0;
          z-index:9999;
          -webkit-transition:all 0.3s ease;
          transition:all 0.3s ease
      }
      .recent-default .search-form:before{
          top:20px
      }
      .groupuser .gr-chat-friend-toggle .gr-chat-frind-content{
          width:295px
      }
      .groupuser .gr-chat-friend-toggle .gr-chat-frind-content::before{
          right:125px
      }
      .chitchat-main .messages .contact-details ul li.chat-friend-toggle .icon-btn{
          width:32px
      }
      .groupuser .gr-chat-friend-toggle .gr-chat-frind-content{
          margin-right:-100px
      }
      .search-form .form-group .icon-close{
          padding:18px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat .search-form{
          height:50px;
          top:10px
      }
      .emojis-main .contact-poll .contact-poll-content{
          padding:20px
      }
      .emojis-main .contact-poll .contact-poll-content ul li{
          margin-bottom:8px;
          font-size:14px;
          padding-left:25px
      }
      .emojis-main .contact-poll .contact-poll-content ul li a svg{
          width:16px
      }
      .contact-chat>ul>li.replies .msg-box li:first-child h5,.contact-chat>ul>li.replies .msg-box li:first-child .h5{
          border-radius:30px 25px 0 30px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab .nav-tabs .nav-item .nav-link{
          min-width:50px
      }
      .chat-landing-page .landing_page_slider{
          min-height:380px
      }
      .theme-tab>.nav-tabs>.nav-item .nav-link{
          padding:7px 40px
      }
      .chat-main li{
          padding-top:12px;
          padding-bottom:12px
      }
      .msg-setting-main .msg-dropdown-main .msg-dropdown{
          right:0;
          left:unset
      }
      .replies .msg-setting-main .msg-dropdown-main .msg-dropdown{
          left:0;
          right:unset
      }
      .msg-box>li h5,.msg-box>li .h5,.msg-box>li .document,.msg-box>li .auto-gallery{
          padding:10px 20px
      }
      .contact-chat{
          margin-top:55px
      }
      .contact-chat .profile{
          height:40px;
          width:40px;
          border-radius:15px
      }
      .contact-chat>ul>li.sent .auto-gallery li,.contact-chat>ul>li.replies .auto-gallery li{
          height:32px;
          width:32px;
          border-radius:5px;
          margin-left:5px;
          margin-bottom:5px
      }
      .contact-chat>ul>li+li{
          margin-top:20px
      }
      .contact-chat>ul>li.replies .document{
          padding:10px 25px
      }
      .contact-chat>ul>li.replies .document i{
          margin-right:15px;
          font-size:24px
      }
      .contact-chat>ul>li.replies .document .details{
          display:none
      }
      .contact-chat>ul>li.replies .media .profile{
          margin-left:0.7rem !important
      }
      .chitchat-main .messages .contact-details{
          padding:10px;
          top:20px
      }
      .contact-chat .sent .profile.mr-4{
          margin-right:0.7rem !important
      }
      .chat-tabs ul li.nav-item{
          width:100%;
          margin:0 7px
      }
      .chitchat-container .chitchat-main .messages{
          padding:15px
      }
      .chitchat-container .chitchat-main .messages .contact-details{
          width:calc(100vw - 35px);
          top:20px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .recent{
          padding-top:20px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .recent ~ .chat{
          margin-top:170px;
          height:calc(100vh - 170px);
          min-height:calc(100vh - 170px)
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider{
          padding-top:0
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider .recent-box .recent-profile{
          height:80px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .recent .mobile-back{
          background-color:transparent !important;
          width:unset;
          font-size:13px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .recent .mobile-back i{
          font-size:14px
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat>.theme-tab.chat-tabs>ul>li>a{
          padding:2px 10px
      }
      .contact-chat .profile{
          height:40px;
          width:40px
      }
      .contact-details>.row .icon-btn{
          background-color:transparent;
          width:20px
      }
      .contact-details>.row .icon-btn:focus,.contact-details>.row .icon-btn:active,.contact-details>.row .icon-btn.active{
          background-color:transparent !important;
          -webkit-box-shadow:none !important;
          box-shadow:none !important
      }
      .chitchat-container .chitchat-left-sidebar .recent-default .chat .theme-title{
          padding:10px 20px 0 20px;
          margin-bottom:0
      }
      .emojis-main .emojis-contain .emojis-sub-contain:before,.emojis-main .sticker-contain .emojis-sub-contain:before{
          left:40px
      }
      .emojis-main .emojis-contain.open,.emojis-main .sticker-contain.open{
          bottom:60px;
          width:280px;
          height:280px
      }
      .app-sidebar .app-list{
          z-index:999;
          position:relative
      }
      .app-sidebar.active .apps-ul>li.active{
          right:0;
          z-index:9999
      }
      .chitchat-main .message-input input{
          width:calc(100% - 170px);
          font-size:10px
      }
      .sidebar-toggle .main-nav:not(.on) ~ .chitchat-main.small-sidebar{
          width:calc(100% - 00px)
      }
      .sidebar-toggle .main-nav:not(.on) ~ .chitchat-main.small-sidebar .messages .contact-details{
          width:calc(100vw - 52px)
      }
      .sidebar-toggle .main-nav:not(.on) ~ .chitchat-main.small-sidebar .message-input{
          width:calc(100% - 00px)
      }
      .toggle-sticker{
          display:none
      }
      .sidebar-toggle .main-nav.on ~ .chitchat-main .contact-details{
          width:65.5vw !important
      }
      .sidebar-toggle .main-nav.on ~ .chitchat-main .contact-details ul li{
          padding-left:18px
      }
      footer .section-py-space .footer-title .according-menu:before{
          right:10px
      }
      header .landing-header.fixed{
          left:0;
          right:0
      }
      .error-main .error-contain .animated-bg i{
          height:70px;
          width:70px
      }
      .img-10{
          width:4px !important
      }
      .img-20{
          width:8px !important
      }
      .img-30{
          width:10px !important
      }
      .img-40{
          width:13px !important
      }
      .img-50{
          width:20px !important
      }
      .img-60{
          width:30px !important
      }
      .img-70{
          width:40px !important
      }
      .img-80{
          width:50px !important
      }
      .img-90{
          width:60px !important
      }
      .img-100{
          width:70px !important
      }
      .viddiolog.modal.fade .modal-dialog{
          max-width:100%
      }
      .create-todo-main-modal .modal-body .default-form .dropdown.currency{
          width:100%
      }
      .todo-main-modal .modal-body .dropdown.currency{
          width:100%
      }
  }
  @media (max-width: 420px){
      .videocall.call-modal .videocall-details{
          padding:15px
      }
      .videocall.call-modal .videocall-details .usersprof{
          margin-left:15px
      }
      .audiocall2.call-modal ul li+li{
          margin-left:25px
      }
      header .landing-header .navbar-collapse .navbar-nav .nav-item{
          margin-left:20px
      }
      header .landing-header .navbar-collapse ul li a{
          font-size:13px
      }
      .audiocall1.call-modal,.audiocall1.call-modal,.audiocall1.call-modal,.audiocall1.call-modal,.audiocall1.call-modal,.audiocall2.call-modal,.audiocall2.call-modal,.audiocall2.call-modal,.audiocall2.call-modal,.audiocall2.call-modal,.videocall.call-modal,.videocall.call-modal,.videocall.call-modal,.videocall.call-modal,.videocall.call-modal,.videocallhang.call-modal,.videocallhang.call-modal,.videocallhang.call-modal,.videocallhang.call-modal,.videocallhang.call-modal,.conferencecall.call-modal,.conferencecall.call-modal,.conferencecall.call-modal,.conferencecall.call-modal,.conferencecall.call-modal{
          min-height:400px
      }
      .reminder-modal-main .modal-content .modal-body .form-group .custom-remider-main .custom-remider-content .custom-reminder-inline{
          display:block
      }
  }
  @media (max-width: 360px){
      .videocall.call-modal .videocall-details #basicUsage{
          display:none
      }
      .videocall.call-modal .videocall-details .zoomcontent{
          display:none
      }
      .videocall.call-modal .videocall-details .dot-btn{
          display:none
      }
      .audiocall2.call-modal ul li+li{
          margin-left:10px
      }
      .clfooter ul li:first-child{
          display:none
      }
      .clfooter ul li:last-child{
          display:none
      }
      .connection-img img{
          width:95%;
          top:16%
      }
      .animated-bg{
          display:none
      }
      footer .downlaod .footer-btn .btn+.btn{
          margin-top:15px;
          margin-left:0
      }
      .subscribe-content .form-inline .form-control:first-child{
          margin-right:0px
      }

      .nav-tabs .nav-item{
          margin-right:5px
      }
      .theme-tab .nav-tabs .nav-item .nav-link{
          min-width:100px
      }
  }
  @media (max-width: 320px){
      .audiocall2.call-modal ul li+li{
          margin-left:2px
      }
      .login-content .line h6::before,.login-content .line .h6::before{
          width:2.5rem
      }
      .login-content .line h6::after,.login-content .line .h6::after{
          width:2.5rem
      }
      .breadcrumb-main ul li+li{
          margin-left:10px
      }
      .breadcrumb-main ul li+li:before{
          left:-8px
      }
      .element-card .element-card-body{
          padding:0.75rem 0.25rem
      }
  }
}