@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200..900&display=swap');
 

@font-face {
      font-family: 'fontello';
      src: url('../fonts/font/fontello.eot?16734652');
      src: url('../fonts/font/fontello.eot?16734652#iefix') format('embedded-opentype'),
           url('../fonts/font/fontello.woff?16734652') format('woff'),
           url('../fonts/font/fontello.ttf?16734652') format('truetype'),
           url('../fonts/font/fontello.svg?16734652#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
 
/* Selected Text */
::selection { background-color: #f2ea19; color: #000; } 
::-moz-selection { background-color: #f2ea19; color: #000; }

/* Clearfix */
.clearfix:before,.clearfix:after { content:"";  display:table;}
.clearfix:after { clear:both;}.clearfix { zoom:1;}
 
 body {font-family: IBM Plex Mono; }
 .stop { overflow:hidden !important; }




._wrapper { display:block; margin:3.6rem auto 0; padding:4rem; background:#fff; position:relative; z-index:9; max-width:60rem; width:calc(100% - 4rem); }
 ._wrapper h1 { display:block; margin:0 0 3rem;  font-size:1.8rem; }
 


  @media screen and (max-width: 1080px) {
   ._wrapper {   width:calc(100% - 2rem); padding:3rem; }
  }

  @media screen and (max-width: 780px) {
   ._wrapper {   width:calc(100% - 1rem); padding:2rem; }
  }

  @media screen and (max-width: 780px) {
   ._wrapper {    padding:1rem; }
  }

/* .logo { margin-bottom:4rem !important; }*/
.header-box {transition: 0.5s; margin-bottom:4rem !important; display: block;}
ul.header {height: 5rem;  display:flex;flex-wrap: nowrap;width: 100%;   }

 ul.header   li { line-height:5rem !important;  height: 5rem; flex: 0 1 calc(1 / 2 * 100%  ); }
ul.header .header-icon {   text-align:left; }
ul.header .header-icon img {  max-height: 4rem }
ul.header .header-menu { text-align:right;   }
ul.header .header-menu i { font-size:2rem; }


 .sticky {margin-bottom:0;  position: fixed; top: -10rem; left: 0; width: 100%; box-shadow: #ccc 0 0 10px; z-index:999; padding:.7rem 1rem;   background:rgba(255, 255, 255, 0.9) !important; }
 .sticky  ul.header {  height: 2.3rem; }
  .sticky ul.header   li {padding:0; margin: 0;  flex: 0 1 calc(1 / 2 * 100%  ); line-height:2.6rem !important;  height:2.3rem !important;   }
 .sticky ul.header .header-icon { padding:0; margin: 0;  text-align:left; }
 .sticky ul.header .header-icon img {  max-height: 2.3rem }
 .sticky ul.header .header-menu { text-align:right; }
 .sticky ul.header .header-menu i { font-size:1.3rem; }

.header-box-up { top:-10rem !important; }
.header-box-down { top:0; }


 .menu-container {overflow-y: auto; z-index: 9999; position:fixed; top:0; left:0; display:none; width:100%; height:100%; overflow: hidden; background:rgba(255, 255, 255, 0.95);   }
 
.menu-inner {   width:calc(100% - 4rem); max-width: 60rem;   margin: 0 auto; display: flex;  justify-content: center; align-items: center; text-align: left; min-height: 100vh;}

.menu-inner ul {padding: 0; margin: 0;  list-style-type: none; display: flex;flex-wrap: wrap;  font-family: 'DM Sans', sans-serif; width: 100%; max-width: 100%}
.menu-inner ul li {  margin:0; text-align: left;  flex: 0 1 calc(1 / 3 * 100% - .1px); border-bottom:1px solid #ccc; border-left:1px solid #ccc ; }
.menu-inner ul li a { text-decoration: none; display: block;border-radius:24px; width: 100%;   height: 100%;  padding:2rem; }
.menu-inner ul li .blank {opacity: .3;   text-decoration: none; display: block;border-radius:24px; width: 100%; height: 100%;  padding:2rem; }
.menu-inner ul li.nbl {  border-bottom:1px solid #ccc; border-left:none; }
.menu-inner ul li.nbb {  border-bottom:none; border-left:1px solid #ccc ; }
.menu-inner ul li.nblnbb {  border-bottom:none; border-left:none ; }

 
.menu-inner ul li h2 { margin:0; padding:0; font-weight:900;font-size:1.3rem;   }
.menu-inner ul li p {    margin:.5rem 0 0 ; text-transform: uppercase; display: block; color:#666; padding:0; font-size:.75rem; }

 
.menu-container .menu-close { position:absolute; top:2rem; right:2rem;  }
.menu-container .menu-close a {font-size: 2rem; text-align:center; line-height:3rem; width:3rem; height:3rem; display:block; }


.sub-menu { display: flex;flex-wrap: wrap;  font-family: 'DM Sans', sans-serif; width: 100%; margin:0 0 3rem; }
.sub-menu li { text-align: left; text-wrap: nowrap; overflow: hidden;  flex: 0 1 calc(1 / 4 * 100% - .8rem); margin:.4rem; }
.sub-menu li a {  background: #fafafa; text-overflow: ellipsis; overflow: hidden; text-decoration: none; display: block;border-radius:6px; width: 100%; line-height: 1.6rem; letter-spacing: .1rem;  text-transform: uppercase;   height: 100%;  padding:.6rem ; }
.sub-menu li a.active {  background: #7b86ad; color:#fff;  }

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

.menu-inner ul li {   flex: 0 1 calc(1 / 2 * 100% - .8rem); }
.menu-container .menu-close {   top:0; right:0;  }
.menu-container .menu-close a {font-size: 1.3rem;  }

.sub-menu li { text-align: left;  flex: 0 1 calc(1 / 2 * 100% - .4rem); margin:.2rem; }

 }

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

.menu-inner ul li {    flex:none; width: calc( 100% - .8rem); }
.menu-inner ul li a { border-radius:12px; width: 100%;   height: 100%;  padding:1rem; }

 }

/* BOXED */

 .boxed { text-align: left; font-family: 'DM Sans', sans-serif; font-size: 1.125em;color: rgba(83,97,99,0.6); line-height: 1.5; }
 .boxed h4 {  margin: 0 0 1rem; }
 .boxed h5 { text-transform: uppercase;  font-weight: 600;color: #333; margin: 0 0 1.3rem; border-bottom: 1px solid #22232D; padding: 0 0 1rem; }
 .boxed h1 { text-align: left;  margin: 0 0 1rem; }
 .boxed hr {  margin: 1rem 0 1rem !important; }
 .boxed ul li {  }
 .boxed p {   padding:.7rem 0 0 0; margin:.7rem 0 0 0; text-align: left; text-transform: uppercase; border-top: 1px solid #22232D;    }
 .boxed ul {   padding: 0 ;  text-align: left;   }

 
 .page   {     text-align: left;
    color: rgba(83,97,99,0.6);
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0.025rem;
     font-size: 1.125em;
    line-height: 1.5;
    font-weight: 400; }

 .page p {     text-align: left;
    color: rgba(83,97,99,0.6);
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0.025rem;
    width: calc(100% + 0.025rem);
    font-size: 1.125em;
    line-height: 1.5;
    font-weight: 400; }

    footer { padding:4rem 0 2rem !important;  font-size:.8rem; text-transform:uppercase; }    
    footer ul{ margin:0 0 1rem !important;  }
    footer a { text-decoration:none !important;   }

 .segment {  margin:3rem auto 0;}
 .segment  a {  text-decoration: none;}
.segment hr {padding: 0; background: #f0f0f0;   margin:1.5rem auto  ;}
 
  .segment h4 { margin:0 0 1.5rem 0; padding: 0 0 1.5rem 0; line-height: 100%; font-size:1.4rem; border-bottom: 2px solid #53616399; }
  .segment h4.top { margin: 0 0 1rem 0;   }


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

.segment {  margin:2rem auto 0;}

 }

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

.segment {  margin:1rem auto 0;}

 }

/* SETTINGS */
.settings-logo img { box-shadow: #22232D 0 0 10px; padding: .5rem; border-radius: 4px; background: #22232D !important; display: block; width: 102px; height: auto;}
.settings-banner img { box-shadow: #22232D 0 0 10px; padding: .5rem; border-radius: 4px; background: #22232D !important; display: block; width: 102px; height: auto;}


/* Row */

  .row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: stretch;
  }

    .row > * {
      box-sizing: border-box;
    }

    .row.gtr-uniform > * > :last-child {
      margin-bottom: 0;
    }

    .row.aln-left {
      justify-content: flex-start;
    }

    .row.aln-center {
      justify-content: center;
    }

    .row.aln-right {
      justify-content: flex-end;
    }

    .row.aln-top {
      align-items: flex-start;
    }

    .row.aln-middle {
      align-items: center;
    }

    .row.aln-bottom {
      align-items: flex-end;
    }

    .row > .imp {
      order: -1;
    }

    .row > .col-1 {
      width: 8.33333%;
    }

    .row > .off-1 {
      margin-left: 8.33333%;
    }

    .row > .col-2 {
      width: 16.66667%;
    }

    .row > .off-2 {
      margin-left: 16.66667%;
    }

    .row > .col-3 {
      width: 25%;
    }

    .row > .off-3 {
      margin-left: 25%;
    }

    .row > .col-4 {
      width: 33.33333%;
    }

    .row > .off-4 {
      margin-left: 33.33333%;
    }

    .row > .col-5 {
      width: 41.66667%;
    }

    .row > .off-5 {
      margin-left: 41.66667%;
    }

    .row > .col-6 {
      width: 50%;
    }

    .row > .off-6 {
      margin-left: 50%;
    }

    .row > .col-7 {
      width: 58.33333%;
    }

    .row > .off-7 {
      margin-left: 58.33333%;
    }

    .row > .col-8 {
      width: 66.66667%;
    }

    .row > .off-8 {
      margin-left: 66.66667%;
    }

    .row > .col-9 {
      width: 75%;
    }

    .row > .off-9 {
      margin-left: 75%;
    }

    .row > .col-10 {
      width: 83.33333%;
    }

    .row > .off-10 {
      margin-left: 83.33333%;
    }

    .row > .col-11 {
      width: 91.66667%;
    }

    .row > .off-11 {
      margin-left: 91.66667%;
    }

    .row > .col-12 {
      width: 100%;
    }

    .row > .off-12 {
      margin-left: 100%;
    }

    .row.gtr-0 {
      margin-top: 0;
      margin-left: 0em;
    }

      .row.gtr-0 > * {
        padding: 0 0 0 0em;
      }

      .row.gtr-0.gtr-uniform {
        margin-top: 0em;
      }

        .row.gtr-0.gtr-uniform > * {
          padding-top: 0em;
        }

    .row.gtr-25 {
      margin-top: 0;
      margin-left: -0.3375em;
    }

      .row.gtr-25 > * {
        padding: 0 0 0 0.3375em;
      }

      .row.gtr-25.gtr-uniform {
        margin-top: -0.3375em;
      }

        .row.gtr-25.gtr-uniform > * {
          padding-top: 0.3375em;
        }

    .row.gtr-50 {
      margin-top: 0;
      margin-left: -0.675em;
    }

      .row.gtr-50 > * {
        padding: 0 0 0 0.675em;
      }

      .row.gtr-50.gtr-uniform {
        margin-top: -0.675em;
      }

        .row.gtr-50.gtr-uniform > * {
          padding-top: 0.675em;
        }

    .row {
      margin-top: 0;
      margin-left: -1.35em;
    }

      .row > * {
        padding: 0 0 0 1.35em;
      }

      .row.gtr-uniform {
        margin-top: -1.35em;
      }

        .row.gtr-uniform > * {
          padding-top: 1.35em;
        }

    .row.gtr-150 {
      margin-top: 0;
      margin-left: -2.025em;
    }

      .row.gtr-150 > * {
        padding: 0 0 0 2.025em;
      }

      .row.gtr-150.gtr-uniform {
        margin-top: -2.025em;
      }

        .row.gtr-150.gtr-uniform > * {
          padding-top: 2.025em;
        }

    .row.gtr-200 {
      margin-top: 0;
      margin-left: -2.7em;
    }

      .row.gtr-200 > * {
        padding: 0 0 0 2.7em;
      }

      .row.gtr-200.gtr-uniform {
        margin-top: -2.7em;
      }

        .row.gtr-200.gtr-uniform > * {
          padding-top: 2.7em;
        }

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

      .row {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: stretch;
      }

        .row > * {
          box-sizing: border-box;
        }

        .row.gtr-uniform > * > :last-child {
          margin-bottom: 0;
        }

        .row.aln-left {
          justify-content: flex-start;
        }

        .row.aln-center {
          justify-content: center;
        }

        .row.aln-right {
          justify-content: flex-end;
        }

        .row.aln-top {
          align-items: flex-start;
        }

        .row.aln-middle {
          align-items: center;
        }

        .row.aln-bottom {
          align-items: flex-end;
        }

        .row > .imp-xlarge {
          order: -1;
        }

        .row > .col-1-xlarge {
          width: 8.33333%;
        }

        .row > .off-1-xlarge {
          margin-left: 8.33333%;
        }

        .row > .col-2-xlarge {
          width: 16.66667%;
        }

        .row > .off-2-xlarge {
          margin-left: 16.66667%;
        }

        .row > .col-3-xlarge {
          width: 25%;
        }

        .row > .off-3-xlarge {
          margin-left: 25%;
        }

        .row > .col-4-xlarge {
          width: 33.33333%;
        }

        .row > .off-4-xlarge {
          margin-left: 33.33333%;
        }

        .row > .col-5-xlarge {
          width: 41.66667%;
        }

        .row > .off-5-xlarge {
          margin-left: 41.66667%;
        }

        .row > .col-6-xlarge {
          width: 50%;
        }

        .row > .off-6-xlarge {
          margin-left: 50%;
        }

        .row > .col-7-xlarge {
          width: 58.33333%;
        }

        .row > .off-7-xlarge {
          margin-left: 58.33333%;
        }

        .row > .col-8-xlarge {
          width: 66.66667%;
        }

        .row > .off-8-xlarge {
          margin-left: 66.66667%;
        }

        .row > .col-9-xlarge {
          width: 75%;
        }

        .row > .off-9-xlarge {
          margin-left: 75%;
        }

        .row > .col-10-xlarge {
          width: 83.33333%;
        }

        .row > .off-10-xlarge {
          margin-left: 83.33333%;
        }

        .row > .col-11-xlarge {
          width: 91.66667%;
        }

        .row > .off-11-xlarge {
          margin-left: 91.66667%;
        }

        .row > .col-12-xlarge {
          width: 100%;
        }

        .row > .off-12-xlarge {
          margin-left: 100%;
        }

        .row.gtr-0 {
          margin-top: 0;
          margin-left: 0em;
        }

          .row.gtr-0 > * {
            padding: 0 0 0 0em;
          }

          .row.gtr-0.gtr-uniform {
            margin-top: 0em;
          }

            .row.gtr-0.gtr-uniform > * {
              padding-top: 0em;
            }

        .row.gtr-25 {
          margin-top: 0;
          margin-left: -0.3375em;
        }

          .row.gtr-25 > * {
            padding: 0 0 0 0.3375em;
          }

          .row.gtr-25.gtr-uniform {
            margin-top: -0.3375em;
          }

            .row.gtr-25.gtr-uniform > * {
              padding-top: 0.3375em;
            }

        .row.gtr-50 {
          margin-top: 0;
          margin-left: -0.675em;
        }

          .row.gtr-50 > * {
            padding: 0 0 0 0.675em;
          }

          .row.gtr-50.gtr-uniform {
            margin-top: -0.675em;
          }

            .row.gtr-50.gtr-uniform > * {
              padding-top: 0.675em;
            }

        .row {
          margin-top: 0;
          margin-left: -1.35em;
        }

          .row > * {
            padding: 0 0 0 1.35em;
          }

          .row.gtr-uniform {
            margin-top: -1.35em;
          }

            .row.gtr-uniform > * {
              padding-top: 1.35em;
            }

        .row.gtr-150 {
          margin-top: 0;
          margin-left: -2.025em;
        }

          .row.gtr-150 > * {
            padding: 0 0 0 2.025em;
          }

          .row.gtr-150.gtr-uniform {
            margin-top: -2.025em;
          }

            .row.gtr-150.gtr-uniform > * {
              padding-top: 2.025em;
            }

        .row.gtr-200 {
          margin-top: 0;
          margin-left: -2.7em;
        }

          .row.gtr-200 > * {
            padding: 0 0 0 2.7em;
          }

          .row.gtr-200.gtr-uniform {
            margin-top: -2.7em;
          }

            .row.gtr-200.gtr-uniform > * {
              padding-top: 2.7em;
            }

    }

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

      .row {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: stretch;
      }

        .row > * {
          box-sizing: border-box;
        }

        .row.gtr-uniform > * > :last-child {
          margin-bottom: 0;
        }

        .row.aln-left {
          justify-content: flex-start;
        }

        .row.aln-center {
          justify-content: center;
        }

        .row.aln-right {
          justify-content: flex-end;
        }

        .row.aln-top {
          align-items: flex-start;
        }

        .row.aln-middle {
          align-items: center;
        }

        .row.aln-bottom {
          align-items: flex-end;
        }

        .row > .imp-large {
          order: -1;
        }

        .row > .col-1-large {
          width: 8.33333%;
        }

        .row > .off-1-large {
          margin-left: 8.33333%;
        }

        .row > .col-2-large {
          width: 16.66667%;
        }

        .row > .off-2-large {
          margin-left: 16.66667%;
        }

        .row > .col-3-large {
          width: 25%;
        }

        .row > .off-3-large {
          margin-left: 25%;
        }

        .row > .col-4-large {
          width: 33.33333%;
        }

        .row > .off-4-large {
          margin-left: 33.33333%;
        }

        .row > .col-5-large {
          width: 41.66667%;
        }

        .row > .off-5-large {
          margin-left: 41.66667%;
        }

        .row > .col-6-large {
          width: 50%;
        }

        .row > .off-6-large {
          margin-left: 50%;
        }

        .row > .col-7-large {
          width: 58.33333%;
        }

        .row > .off-7-large {
          margin-left: 58.33333%;
        }

        .row > .col-8-large {
          width: 66.66667%;
        }

        .row > .off-8-large {
          margin-left: 66.66667%;
        }

        .row > .col-9-large {
          width: 75%;
        }

        .row > .off-9-large {
          margin-left: 75%;
        }

        .row > .col-10-large {
          width: 83.33333%;
        }

        .row > .off-10-large {
          margin-left: 83.33333%;
        }

        .row > .col-11-large {
          width: 91.66667%;
        }

        .row > .off-11-large {
          margin-left: 91.66667%;
        }

        .row > .col-12-large {
          width: 100%;
        }

        .row > .off-12-large {
          margin-left: 100%;
        }

        .row.gtr-0 {
          margin-top: 0;
          margin-left: 0em;
        }

          .row.gtr-0 > * {
            padding: 0 0 0 0em;
          }

          .row.gtr-0.gtr-uniform {
            margin-top: 0em;
          }

            .row.gtr-0.gtr-uniform > * {
              padding-top: 0em;
            }

        .row.gtr-25 {
          margin-top: 0;
          margin-left: -0.3375em;
        }

          .row.gtr-25 > * {
            padding: 0 0 0 0.3375em;
          }

          .row.gtr-25.gtr-uniform {
            margin-top: -0.3375em;
          }

            .row.gtr-25.gtr-uniform > * {
              padding-top: 0.3375em;
            }

        .row.gtr-50 {
          margin-top: 0;
          margin-left: -0.675em;
        }

          .row.gtr-50 > * {
            padding: 0 0 0 0.675em;
          }

          .row.gtr-50.gtr-uniform {
            margin-top: -0.675em;
          }

            .row.gtr-50.gtr-uniform > * {
              padding-top: 0.675em;
            }

        .row {
          margin-top: 0;
          margin-left: -1.35em;
        }

          .row > * {
            padding: 0 0 0 1.35em;
          }

          .row.gtr-uniform {
            margin-top: -1.35em;
          }

            .row.gtr-uniform > * {
              padding-top: 1.35em;
            }

        .row.gtr-150 {
          margin-top: 0;
          margin-left: -2.025em;
        }

          .row.gtr-150 > * {
            padding: 0 0 0 2.025em;
          }

          .row.gtr-150.gtr-uniform {
            margin-top: -2.025em;
          }

            .row.gtr-150.gtr-uniform > * {
              padding-top: 2.025em;
            }

        .row.gtr-200 {
          margin-top: 0;
          margin-left: -2.7em;
        }

          .row.gtr-200 > * {
            padding: 0 0 0 2.7em;
          }

          .row.gtr-200.gtr-uniform {
            margin-top: -2.7em;
          }

            .row.gtr-200.gtr-uniform > * {
              padding-top: 2.7em;
            }

    }

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

      .row {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: stretch;
      }

        .row > * {
          box-sizing: border-box;
        }

        .row.gtr-uniform > * > :last-child {
          margin-bottom: 0;
        }

        .row.aln-left {
          justify-content: flex-start;
        }

        .row.aln-center {
          justify-content: center;
        }

        .row.aln-right {
          justify-content: flex-end;
        }

        .row.aln-top {
          align-items: flex-start;
        }

        .row.aln-middle {
          align-items: center;
        }

        .row.aln-bottom {
          align-items: flex-end;
        }

        .row > .imp-medium {
          order: -1;
        }

        .row > .col-1-medium {
          width: 8.33333%;
        }

        .row > .off-1-medium {
          margin-left: 8.33333%;
        }

        .row > .col-2-medium {
          width: 16.66667%;
        }

        .row > .off-2-medium {
          margin-left: 16.66667%;
        }

        .row > .col-3-medium {
          width: 25%;
        }

        .row > .off-3-medium {
          margin-left: 25%;
        }

        .row > .col-4-medium {
          width: 33.33333%;
        }

        .row > .off-4-medium {
          margin-left: 33.33333%;
        }

        .row > .col-5-medium {
          width: 41.66667%;
        }

        .row > .off-5-medium {
          margin-left: 41.66667%;
        }

        .row > .col-6-medium {
          width: 50%;
        }

        .row > .off-6-medium {
          margin-left: 50%;
        }

        .row > .col-7-medium {
          width: 58.33333%;
        }

        .row > .off-7-medium {
          margin-left: 58.33333%;
        }

        .row > .col-8-medium {
          width: 66.66667%;
        }

        .row > .off-8-medium {
          margin-left: 66.66667%;
        }

        .row > .col-9-medium {
          width: 75%;
        }

        .row > .off-9-medium {
          margin-left: 75%;
        }

        .row > .col-10-medium {
          width: 83.33333%;
        }

        .row > .off-10-medium {
          margin-left: 83.33333%;
        }

        .row > .col-11-medium {
          width: 91.66667%;
        }

        .row > .off-11-medium {
          margin-left: 91.66667%;
        }

        .row > .col-12-medium {
          width: 100%;
        }

        .row > .off-12-medium {
          margin-left: 100%;
        }

        .row.gtr-0 {
          margin-top: 0;
          margin-left: 0em;
        }

          .row.gtr-0 > * {
            padding: 0 0 0 0em;
          }

          .row.gtr-0.gtr-uniform {
            margin-top: 0em;
          }

            .row.gtr-0.gtr-uniform > * {
              padding-top: 0em;
            }

        .row.gtr-25 {
          margin-top: 0;
          margin-left: -0.3375em;
        }

          .row.gtr-25 > * {
            padding: 0 0 0 0.3375em;
          }

          .row.gtr-25.gtr-uniform {
            margin-top: -0.3375em;
          }

            .row.gtr-25.gtr-uniform > * {
              padding-top: 0.3375em;
            }

        .row.gtr-50 {
          margin-top: 0;
          margin-left: -0.675em;
        }

          .row.gtr-50 > * {
            padding: 0 0 0 0.675em;
          }

          .row.gtr-50.gtr-uniform {
            margin-top: -0.675em;
          }

            .row.gtr-50.gtr-uniform > * {
              padding-top: 0.675em;
            }

        .row {
          margin-top: 0;
          margin-left: -1.35em;
        }

          .row > * {
            padding: 0 0 0 1.35em;
          }

          .row.gtr-uniform {
            margin-top: -1.35em;
          }

            .row.gtr-uniform > * {
              padding-top: 1.35em;
            }

        .row.gtr-150 {
          margin-top: 0;
          margin-left: -2.025em;
        }

          .row.gtr-150 > * {
            padding: 0 0 0 2.025em;
          }

          .row.gtr-150.gtr-uniform {
            margin-top: -2.025em;
          }

            .row.gtr-150.gtr-uniform > * {
              padding-top: 2.025em;
            }

        .row.gtr-200 {
          margin-top: 0;
          margin-left: -2.7em;
        }

          .row.gtr-200 > * {
            padding: 0 0 0 2.7em;
          }

          .row.gtr-200.gtr-uniform {
            margin-top: -2.7em;
          }

            .row.gtr-200.gtr-uniform > * {
              padding-top: 2.7em;
            }

    }

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

      .row {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: stretch;
      }

        .row > * {
          box-sizing: border-box;
        }

        .row.gtr-uniform > * > :last-child {
          margin-bottom: 0;
        }

        .row.aln-left {
          justify-content: flex-start;
        }

        .row.aln-center {
          justify-content: center;
        }

        .row.aln-right {
          justify-content: flex-end;
        }

        .row.aln-top {
          align-items: flex-start;
        }

        .row.aln-middle {
          align-items: center;
        }

        .row.aln-bottom {
          align-items: flex-end;
        }

        .row > .imp-small {
          order: -1;
        }

        .row > .col-1-small {
          width: 8.33333%;
        }

        .row > .off-1-small {
          margin-left: 8.33333%;
        }

        .row > .col-2-small {
          width: 16.66667%;
        }

        .row > .off-2-small {
          margin-left: 16.66667%;
        }

        .row > .col-3-small {
          width: 25%;
        }

        .row > .off-3-small {
          margin-left: 25%;
        }

        .row > .col-4-small {
          width: 33.33333%;
        }

        .row > .off-4-small {
          margin-left: 33.33333%;
        }

        .row > .col-5-small {
          width: 41.66667%;
        }

        .row > .off-5-small {
          margin-left: 41.66667%;
        }

        .row > .col-6-small {
          width: 50%;
        }

        .row > .off-6-small {
          margin-left: 50%;
        }

        .row > .col-7-small {
          width: 58.33333%;
        }

        .row > .off-7-small {
          margin-left: 58.33333%;
        }

        .row > .col-8-small {
          width: 66.66667%;
        }

        .row > .off-8-small {
          margin-left: 66.66667%;
        }

        .row > .col-9-small {
          width: 75%;
        }

        .row > .off-9-small {
          margin-left: 75%;
        }

        .row > .col-10-small {
          width: 83.33333%;
        }

        .row > .off-10-small {
          margin-left: 83.33333%;
        }

        .row > .col-11-small {
          width: 91.66667%;
        }

        .row > .off-11-small {
          margin-left: 91.66667%;
        }

        .row > .col-12-small {
          width: 100%;
        }

        .row > .off-12-small {
          margin-left: 100%;
        }

        .row.gtr-0 {
          margin-top: 0;
          margin-left: 0em;
        }

          .row.gtr-0 > * {
            padding: 0 0 0 0em;
          }

          .row.gtr-0.gtr-uniform {
            margin-top: 0em;
          }

            .row.gtr-0.gtr-uniform > * {
              padding-top: 0em;
            }

        .row.gtr-25 {
          margin-top: 0;
          margin-left: -0.3375em;
        }

          .row.gtr-25 > * {
            padding: 0 0 0 0.3375em;
          }

          .row.gtr-25.gtr-uniform {
            margin-top: -0.3375em;
          }

            .row.gtr-25.gtr-uniform > * {
              padding-top: 0.3375em;
            }

        .row.gtr-50 {
          margin-top: 0;
          margin-left: -0.675em;
        }

          .row.gtr-50 > * {
            padding: 0 0 0 0.675em;
          }

          .row.gtr-50.gtr-uniform {
            margin-top: -0.675em;
          }

            .row.gtr-50.gtr-uniform > * {
              padding-top: 0.675em;
            }

        .row {
          margin-top: 0;
          margin-left: -1.35em;
        }

          .row > * {
            padding: 0 0 0 1.35em;
          }

          .row.gtr-uniform {
            margin-top: -1.35em;
          }

            .row.gtr-uniform > * {
              padding-top: 1.35em;
            }

        .row.gtr-150 {
          margin-top: 0;
          margin-left: -2.025em;
        }

          .row.gtr-150 > * {
            padding: 0 0 0 2.025em;
          }

          .row.gtr-150.gtr-uniform {
            margin-top: -2.025em;
          }

            .row.gtr-150.gtr-uniform > * {
              padding-top: 2.025em;
            }

        .row.gtr-200 {
          margin-top: 0;
          margin-left: -2.7em;
        }

          .row.gtr-200 > * {
            padding: 0 0 0 2.7em;
          }

          .row.gtr-200.gtr-uniform {
            margin-top: -2.7em;
          }

            .row.gtr-200.gtr-uniform > * {
              padding-top: 2.7em;
            }

    }

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

      .row {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: stretch;
      }

        .row > * {
          box-sizing: border-box;
        }

        .row.gtr-uniform > * > :last-child {
          margin-bottom: 0;
        }

        .row.aln-left {
          justify-content: flex-start;
        }

        .row.aln-center {
          justify-content: center;
        }

        .row.aln-right {
          justify-content: flex-end;
        }

        .row.aln-top {
          align-items: flex-start;
        }

        .row.aln-middle {
          align-items: center;
        }

        .row.aln-bottom {
          align-items: flex-end;
        }

        .row > .imp-xsmall {
          order: -1;
        }

        .row > .col-1-xsmall {
          width: 8.33333%;
        }

        .row > .off-1-xsmall {
          margin-left: 8.33333%;
        }

        .row > .col-2-xsmall {
          width: 16.66667%;
        }

        .row > .off-2-xsmall {
          margin-left: 16.66667%;
        }

        .row > .col-3-xsmall {
          width: 25%;
        }

        .row > .off-3-xsmall {
          margin-left: 25%;
        }

        .row > .col-4-xsmall {
          width: 33.33333%;
        }

        .row > .off-4-xsmall {
          margin-left: 33.33333%;
        }

        .row > .col-5-xsmall {
          width: 41.66667%;
        }

        .row > .off-5-xsmall {
          margin-left: 41.66667%;
        }

        .row > .col-6-xsmall {
          width: 50%;
        }

        .row > .off-6-xsmall {
          margin-left: 50%;
        }

        .row > .col-7-xsmall {
          width: 58.33333%;
        }

        .row > .off-7-xsmall {
          margin-left: 58.33333%;
        }

        .row > .col-8-xsmall {
          width: 66.66667%;
        }

        .row > .off-8-xsmall {
          margin-left: 66.66667%;
        }

        .row > .col-9-xsmall {
          width: 75%;
        }

        .row > .off-9-xsmall {
          margin-left: 75%;
        }

        .row > .col-10-xsmall {
          width: 83.33333%;
        }

        .row > .off-10-xsmall {
          margin-left: 83.33333%;
        }

        .row > .col-11-xsmall {
          width: 91.66667%;
        }

        .row > .off-11-xsmall {
          margin-left: 91.66667%;
        }

        .row > .col-12-xsmall {
          width: 100%;
        }

        .row > .off-12-xsmall {
          margin-left: 100%;
        }

        .row.gtr-0 {
          margin-top: 0;
          margin-left: 0em;
        }

          .row.gtr-0 > * {
            padding: 0 0 0 0em;
          }

          .row.gtr-0.gtr-uniform {
            margin-top: 0em;
          }

            .row.gtr-0.gtr-uniform > * {
              padding-top: 0em;
            }

        .row.gtr-25 {
          margin-top: 0;
          margin-left: -0.3375em;
        }

          .row.gtr-25 > * {
            padding: 0 0 0 0.3375em;
          }

          .row.gtr-25.gtr-uniform {
            margin-top: -0.3375em;
          }

            .row.gtr-25.gtr-uniform > * {
              padding-top: 0.3375em;
            }

        .row.gtr-50 {
          margin-top: 0;
          margin-left: -0.675em;
        }

          .row.gtr-50 > * {
            padding: 0 0 0 0.675em;
          }

          .row.gtr-50.gtr-uniform {
            margin-top: -0.675em;
          }

            .row.gtr-50.gtr-uniform > * {
              padding-top: 0.675em;
            }

        .row {
          margin-top: 0;
          margin-left: -1.35em;
        }

          .row > * {
            padding: 0 0 0 1.35em;
          }

          .row.gtr-uniform {
            margin-top: -1.35em;
          }

            .row.gtr-uniform > * {
              padding-top: 1.35em;
            }

        .row.gtr-150 {
          margin-top: 0;
          margin-left: -2.025em;
        }

          .row.gtr-150 > * {
            padding: 0 0 0 2.025em;
          }

          .row.gtr-150.gtr-uniform {
            margin-top: -2.025em;
          }

            .row.gtr-150.gtr-uniform > * {
              padding-top: 2.025em;
            }

        .row.gtr-200 {
          margin-top: 0;
          margin-left: -2.7em;
        }

          .row.gtr-200 > * {
            padding: 0 0 0 2.7em;
          }

          .row.gtr-200.gtr-uniform {
            margin-top: -2.7em;
          }

            .row.gtr-200.gtr-uniform > * {
              padding-top: 2.7em;
            }

    }

 

/* Button */

  .button-icon
  {
 
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 1px solid #22232D;
    border-radius: 4px;
    line-height: 36px;
    text-align: center;
     margin: 0;
 }

  input[type="submit"],
  input[type="reset"],
  button 
   {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    border-radius: 9px;
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-weight: 300;
    height: 3.125em;
    line-height: 3.125em; 
    padding: 0 1rem  ;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    font-size: 1rem;
    margin: 0;


  }

    input[type="submit"].icon:before,
    input[type="reset"].icon:before,
    button.icon:before 
 
      {
      margin-right: 0.5em;
      margin-left: -0.35em;
    }

    input[type="submit"].fit,
    input[type="reset"].fit,
 button.fit 
     {
      width: 100%;
    }

    input[type="submit"].small,
    input[type="reset"].small,
    button.small 
    {
      font-size: 0.9rem !important;
       height: 2.925rem !important;
      line-height: 2.925rem !important; 

    }

    input[type="submit"].micro,
    input[type="reset"].micro,
    button.micro 
    {
      font-size: 0.9rem !important;
       height: 2.225rem !important;
      line-height: 2.225rem !important; 

    }

    input[type="submit"].large,
    input[type="reset"].large,
 button.large 
     {
      font-size: 1.35em;
    }

    input[type="submit"].disabled, input[type="submit"]:disabled,
    input[type="reset"].disabled,
    input[type="reset"]:disabled,
    input[type="button"].disabled,
    input[type="button"]:disabled,
    button.disabled,
    button:disabled 
     {
      pointer-events: none;
      opacity: 0.35;
    }

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

      input[type="submit"],
      input[type="reset"],
      button 
        {
        padding:0 1rem;
      }

    }

  input[type="submit"],
  input[type="reset"],
 button 
    {
    background-color: transparent;
  
    color: #ccc !important;
  }

    input[type="submit"]:hover,
    input[type="reset"]:hover,
 button:hover 
 
     {
      background-color: rgba(144, 144, 144, 0.075);
      color: #f2ea19 !important;
    }

    input[type="submit"]:active,
    input[type="reset"]:active,
    button:active 
 
     {
      background-color: rgba(144, 144, 144, 0.125);
    }

    input[type="submit"].primary,
    input[type="reset"].primary,
    button.primary 
      {
      box-shadow: none;
      background: #f2ea19 !important; 
      color: #000 !important; 
      font-weight: 300;
    font-family: 'DM Sans', sans-serif;
   
     
    }

 

      input[type="submit"].primary:hover,
      input[type="reset"].primary:hover,
      button.primary:hover 
         {
       }

      input[type="submit"].primary:active,
      input[type="reset"].primary:active,
      button.primary:active 
          {
       }

    input[type="submit"].fat,
    input[type="reset"].fat,
    button.fat 
      {
   
       text-transform: uppercase;
        line-height: calc(3.325em + 4px);
     }

      input[type="submit"].fat:hover,
      input[type="reset"].fat:hover,
      button.fat:hover 
         {
 
       }

    input[type="submit"].light,
    input[type="reset"].light,
    button.light 
      {
      box-shadow: none;

      background: #22232D !important; 
    
     
    }


/* Form */

  form {
    margin: 0 ; padding: 0;
  }

  label {
    display: block;
    font-size: 1.1rem;
    font-weight: 300;
    margin: 0 0 .5rem 0;
  }

  input[type="text"],
  input[type="number"],
  input[type="password"],
  input[type="email"],
  select,
  textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 12px;
    border: none;
    border: solid 2px;
    color: inherit;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 100%;
    font-family: IBM Plex Mono;
    font-size: 1.1rem;
    border-color:#fff;
    color: #333;
  }

 .numInput,.flatpickr-monthDropdown-months {display: inline-block  !important; height:auto !important; border-radius:0 !important }
.flatpickr-time-separator { background:#dfe6ed   !important }
    input[type="text"]:invalid,
    input[type="number"]:invalid,
    input[type="password"]:invalid,
    input[type="email"]:invalid,
    select:invalid,
    textarea:invalid {
      box-shadow: none;
    }

  select {
    background-size: 1.25rem;
    background-repeat: no-repeat;
    background-position: calc(100% - 1rem) center;
    height: 3.35em;
    padding-right: 2.75em;
    text-overflow: ellipsis;
      color: #000;
  }

 
  select[multiple]  option {
  background: none;
  color: #000;
  padding: .6rem;
}

  select[multiple]  option:checked {
  background: #a8344b  ;
  color: #000;
  
}

  select[multiple]:focus  option:checked {
  background: #a8344b  ;
  color: #000;
  
}

  select[multiple]  option:selected {
  background: #a8344b  ;
  color: #000;
}

  select[multiple]:focus  option:selected {
  background: #a8344b  ;
  color: #000;
  
}
    select:focus::-ms-value {
      background-color: transparent;
    }

    select::-ms-expand {
      display: none;
    }

  input[type="text"],
  input[type="number"],
  input[type="password"],
  input[type="email"],
  select {
    height: 3.4rem;
  }



  textarea {
    padding: 0.85em 1em;
    height: 10rem;
  }

  input[type="checkbox"],
  input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    display: block;
    float: left;
    margin-right: -2em;
    opacity: 0;
    width: 1em;
    z-index: -1;
  }

    input[type="checkbox"] + label,
    input[type="radio"] + label {
      text-decoration: none;
      cursor: pointer;
    
      padding-left: 2.4em;
       position: relative;
       margin-bottom: 1.4rem;
    }

      input[type="checkbox"] + label:before,
      input[type="radio"] + label:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        text-transform: none !important;
        font-family: 'Font Awesome 6 Pro';
        font-weight: 900;
      }

      input[type="checkbox"] + label:before,
      input[type="radio"] + label:before {
        border-radius: 8px;
        border: solid 1px;
        content: '';
        display: inline-block;
        
        height: 1.6rem;
        left: 0;
        line-height: 1.6rem;
        position: absolute;
        text-align: center;
        top: 0;
        width: 1.6rem;
      }

    input[type="checkbox"]:checked + label:before,
    input[type="radio"]:checked + label:before {
      content: '\f00c';
    }

  input[type="checkbox"] + label:before {
    border-radius: 4px;
  }

  input[type="radio"] + label:before {
    border-radius: 100%;
  }

  ::-webkit-input-placeholder {
    opacity: 1.0;
  }

  :-moz-placeholder {
    opacity: 1.0;
  }

  ::-moz-placeholder {
    opacity: 1.0;
  }

  :-ms-input-placeholder {
    opacity: 1.0;
  }

  .formerize-placeholder {
    opacity: 1.0;
  }

  label {
   
  }

  input[type="text"],
  input[type="number"],
  input[type="password"],
  input[type="email"],
  select,
  textarea {
     border-color: #dfe6ed;
     background: #dfe6ed;
  }

    input[type="text"]:focus,
    input[type="number"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    select:focus,
    textarea:focus {
      border-color: #f2ea19;
      
    }

  select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%2322232D' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px;
background-position: calc(100% - 0.5rem)  center;
  }

    select option {
      color: #000;
      background: #dfe6ed;
    }

  input[type="checkbox"] + label,
  input[type="radio"] + label {
    color: #000;
    font-size: .9rem;
    line-height: 100%;
  }

    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
       border-color: #ccc;
       border-width: 1px;
    }

  input[type="checkbox"]:checked + label:before,
  input[type="radio"]:checked + label:before {
    background-color: #ffff00;
    border-color: #ffff00;
    color: #000;
  }

  input[type="checkbox"]:focus + label:before,
  input[type="radio"]:focus + label:before {
    border-color: #ccc;
   
  }

  ::-webkit-input-placeholder {
    color: #cdcdcd !important;
  }

  :-moz-placeholder {
    color: #cdcdcd !important;
  }

  ::-moz-placeholder {
    color: #cdcdcd !important;
  }

  :-ms-input-placeholder {
    color: #cdcdcd !important;
  }

 .microbutton.primary  span {
  -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  text-decoration: none;
}
   .microbutton    {   text-decoration: none; font-family: 'DM Sans', sans-serif;  }
   .microbutton  span { border:none; color:#999;border-radius: 6px; font-weight: 900; text-decoration: none;  text-transform: uppercase; padding: .3rem 1rem;  line-height: 100%;  }
   .microbutton.primary  span { border-color: #f2ea19; color:#000;  background: #f2ea19; }
   .microbutton.primary  span:hover {color: #000; }

   .microbutton.off    { text-decoration:none; }
   .microbutton.off  span {   color: #666;   background:#f0f0f0; }
   .microbutton.off  span:hover {color: #000; }

   .microbutton.white    { text-decoration:none; }
   .microbutton.white a span {   color: #000 !important;   }
   .microbutton.white  span {   color: #000 !important;   background:#fff; }
   .microbutton.white  span:hover {color: #000; }


   .microbutton.less  span { border-color: #f2ea19; color: #f2ea19;   background:  transparent; }
   .microbutton.less  span:hover {color: #000; border-color: #f2ea19; }


   .microbutton.close-details  span { border-color: #57576B; color: #57576B;   background:  transparent; }
   .microbutton.close-details  span:hover {color: #57576B; }


   .microbutton.reverse  span { border-color: #000; color:#000;  background: transparent; }
   .microbutton.reverse  span:hover {color: #000; }
 
   .microbutton.sub  span { border: 2px solid #f2ea19; color:#000; border-radius: 6px;}
   .microbutton.sub  span:hover {color: #000; }

    .microbutton.info  span { background:#E6F2FF; border: 2px solid #E6F2FF; color:#000; border-radius: 6px;}
   .microbutton.info  span:hover {color: #000; }

  button.microbutton {    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    border-radius: 9px;
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-weight: 300;
    height: 2.225em;

    line-height: 2.225em; 
    padding: 0 1rem 0 1rem ;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
   color:#999;border-radius: 6px; font-weight: 600;   text-transform: uppercase;  }
/* LOADER */

 .loader { background: rgba(255,255,255, .98);  display: block;  width: 100%;  height: 100%; position: fixed; top:0; left: 0; z-index: 9999999999999999999999999999999999999;       }
 .loader.full { background: rgba(255,255,255, .98);  display: block;  width: 100%;  height: 100%; position: fixed; top:0; left: 0; z-index: 1999;       }
   .loader-loader { text-transform: uppercase; font-size: .9rem; overflow-y: auto; display: block;  width:100%; text-align: center;  height:128px; margin: -64px 0 0 0; position: absolute; top:50%; left: 0; line-height: 128px;   }

.cssload-clock{
  border-radius: 58px;
  border: 3px solid rgb(25,25,25);
  height: 78px;
  width: 78px;
  position: relative;
  left: 35%;
  left: calc(50% - 42px);
    left: -o-calc(50% - 42px);
    left: -ms-calc(50% - 42px);
    left: -webkit-calc(50% - 42px);
    left: -moz-calc(50% - 42px);
}
.cssload-clock:after{
  content: "";
  position: absolute;
  background-color: rgb(25,25,25);
  top:2px;
  left: 48%;
  height: 37px;
  width: 4px;
  border-radius: 5px;
  transform-origin: 50% 97%;
    -o-transform-origin: 50% 97%;
    -ms-transform-origin: 50% 97%;
    -webkit-transform-origin: 50% 97%;
    -moz-transform-origin: 50% 97%;
  animation: grdAiguille 2.3s linear infinite;
    -o-animation: grdAiguille 2.3s linear infinite;
    -ms-animation: grdAiguille 2.3s linear infinite;
    -webkit-animation: grdAiguille 2.3s linear infinite;
    -moz-animation: grdAiguille 2.3s linear infinite;
}



.cssload-clock:before{
  content: "";
  position: absolute;
  background-color: rgb(25,25,25);
  top:6px;
  left: 48%;
  height: 34px;
  width: 4px;
  border-radius: 5px;
  transform-origin: 50% 94%;
    -o-transform-origin: 50% 94%;
    -ms-transform-origin: 50% 94%;
    -webkit-transform-origin: 50% 94%;
    -moz-transform-origin: 50% 94%;
  animation: ptAiguille 13.8s linear infinite;
    -o-animation: ptAiguille 13.8s linear infinite;
    -ms-animation: ptAiguille 13.8s linear infinite;
    -webkit-animation: ptAiguille 13.8s linear infinite;
    -moz-animation: ptAiguille 13.8s linear infinite;
}



@keyframes grdAiguille{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

@-o-keyframes grdAiguille{
    0%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(360deg);}
}

@-ms-keyframes grdAiguille{
    0%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(360deg);}
}

@-webkit-keyframes grdAiguille{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@-moz-keyframes grdAiguille{
    0%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(360deg);}
}

@keyframes ptAiguille{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

@-o-keyframes ptAiguille{
    0%{-o-transform:rotate(0deg);}
    100%{-o-transform:rotate(360deg);}
}

@-ms-keyframes ptAiguille{
    0%{-ms-transform:rotate(0deg);}
    100%{-ms-transform:rotate(360deg);}
}

@-webkit-keyframes ptAiguille{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@-moz-keyframes ptAiguille{
    0%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(360deg);}
}



 /* AUTH BLOCK */
.blocked {color: #000; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 99999;}
.blocked.errors   { background: #f54278; color: #fff;}
.blocked.warning   { background: #f5a142; color: #fff;}

 
.blocked .center  { text-align: center;  display: block; position: absolute; top: 50%; left: 50%; width: 100%; max-width: 25rem;  transform: translate(-50%,-50%);  }
.blocked .center span { cursor: pointer; }
.blocked .center h3 {margin: 0; padding: 0; font-size: 1.5rem; font-weight: 900; line-height: 3rem; color: #fff; }
.blocked .center h3 i { font-size: 4rem; }
.blocked .center h3 br {display: inline !important;   }
.blocked .center ul { margin:1rem 0;  padding: 0 ;  }
.blocked .center ul li { margin:.4rem 0; }
.blocked-simple .center ul li { line-height:135%; }
.blockclose { margin-top:1rem; }
.blockclose span { font-size:1.2rem; }

 
 
 /* MMODAL */
.mmodal  { display: block; width:100%; height:100%; background:rgba(255,255,255,.95); position: fixed; top: 0; left:0;    z-index: 9999;}
.mmodal .action {text-align: left; padding: 2rem 2.5rem 0 2.5rem;   display: block; width: 400px; height:300px; margin:-150px 0 0 -200px; background:#1C2B36; box-shadow: 0 1rem 4rem 0.125rem rgba(161, 177, 204, 0.325);  position: absolute; top: 50%; left: 50%;z-index: 999; border-radius: 9px; z-index: 99;}
.mmodal .action h6 {  font-weight: 300; font-size: 1.1rem; color:#fff; line-height:1.6rem; }
.mmodal .action input { color: #fff;   }
.mmodal .action a { color: #fff;   }
.mmodal .action strong { color: #fff;   }
.mmodal .action .m-cancel {text-align: right; position: absolute;  bottom: 1.5rem; right: 5.5rem; font-size: 3rem;  }
.mmodal .action .m-confirm { text-align: right; position: absolute; bottom: 1.5rem; right: 1.5rem; font-size: 3rem;   }
 
.mmodal .info {text-align: left; padding: 2rem 2.5rem 0 2.5rem;   display: block; width: 400px; height:300px; margin:-150px 0 0 -200px; background:#1C2B36; position: absolute; top: 50%; left: 50%;z-index: 999; border-radius: 9px; z-index: 99;}
.mmodal .info p { font-weight: 300; font-size: 1.1rem; color:#fff; padding: 0; margin: 0;line-height:1.6rem; }
.mmodal .info a { color: #fff;   }
.mmodal .info strong { color: #fff;   }
.mmodal .info .m-cancel {text-align: right; position: absolute;  bottom: 1.5rem; right: 1.5rem; font-size: 3rem;  }
.modal-help .info { background: #f0f0f0; color:#1C2B36 !important }
.modal-help .info p { color:#1C2B36 !important }
.modal-help .buttons a { color:#1C2B36 !important }
 
 /* NOTIFICATION */
.notification { text-transform: uppercase; display: block; width: 80px; height: 30px; border-radius:6px; font-size:.8rem; background: #000; color: #fff; text-align: center; line-height: 30px; position: fixed; bottom: 2rem; right: 2rem; z-index: 99999999; }
.notification.copied {background: blue; color: #fff; }
.notification.saved {background: green; color: #fff; }
.notification.ok {background: green; color: #fff; }


.hint { padding:2rem; background:#fafafa; border-radius:12px; margin:1rem 0; }
.hint.info {background: #cdf2fa;}

.splitbox { position: relative;    float: left; display: block; width: calc(50% - 1rem); }
.bigbox {  float: none;  width: 100%; padding:4rem; }
   .splitbox ul {margin-bottom:1.3rem;  }
  
  .splitbox li { padding:.6rem; border-bottom:1px solid #f0f0f0; }
  .splitbox ul.closer li { padding:.2rem; border-bottom:none; }
  

    .splitbox li .titles {  display:block; float:left; width:calc(100% - 5rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .splitbox li .actions { display:block; float:left; width:5rem; text-align:right; }
  .splitbox li:last-child  { border-bottom:none; }
.color-bar {border-radius: 12px 12px 0 0; display:block; border-bottom: 2px solid #fff; width:100%; height:4rem; line-height:4rem; padding:0 0 0 1.5rem; background:#f6f6f6 }
.leftbox { margin:0 1rem 2rem 0 !important; }

 .rightbox { margin:0 0 2rem 1rem !important; }


.bigbox img {  padding: 0;  margin: 0;  display: block;  width: 100%; max-width: 100%; }

.boxinfo {  padding: 2rem; }
 
 .boxinfo h1 { color: #000;   margin-bottom: .9rem;  line-height:100%; font-family:Tilt Neon,Source Code Pro ;   }
 .boxinfo h1 span { color: #666; font-size:1rem;   }

 .boxinfo p { display: block;   color: #000; line-height:1.3rem ; font-size: .8rem; margin-bottom: 2rem;   font-weight: 300;  min-height: 130px !important; overflow: hidden; }

 .boxinfo-home p { min-height: 80px; }


 .boxbutton   { color: #000; }


 .boxbutton:hover  { text-decoration: none; }

 .boxbutton   span { color: #000; border-radius: 5px; letter-spacing: .2rem; font-size: 1.4rem; padding: .6rem 0 .6rem; background: #fff;  text-transform: uppercase; font-weight: 300; font-family:Raleway Light, Lato, Source Sans Pro, Raleway Light, Verdana; }

 .boxbutton   span:hover{

   
      text-shadow: #5900B2 0 0 2px;

  color: #000;
  }

     @media screen and (max-width: 680px) {
.splitbox {  float: none;  width:  100%  ; border-radius: 12px;}
 .boxinfo p { color: #000; line-height:1.3rem ; font-size: 1rem; margin-bottom: 2rem;   font-weight: 300;  min-height:inherit; overflow: hidden; }
}
  /* DECKS */

.deck { display: none; margin:0 0 6rem !important;  }
.deck.current { display: block; }
  
    
  .deck h4 { margin: 3rem 0 1rem 0; padding: 0 0 1rem 0; line-height:1.7rem; font-size:1.4rem; border-bottom: 1px solid #ccc; }
  .deck h4.top { margin: 0 0 1rem 0;   }
  .deck .sub { font-size:.8rem; line-height:1.5rem;   }
  .deck textarea,.deck input {margin:0 0  2rem  ;    }

  .static h4 { margin: 6rem 0 1rem 0; padding: 0 0 1rem 0; line-height: 100%; font-size:1.9rem; border-bottom: 2px solid #ccc; }
  .static h4.top { margin: 0 0 1rem 0;   }
  .static h5  {font-size:1.2rem; font-weight: 900   }
  .static h5 span {font-size:1rem; font-weight: 600   }

 .buttonblock { margin:2rem 0 3rem}
 .header-wizzard { text-align:left; margin-bottom:3rem; } 

  .header-wizzard h1 { margin: 0 0 .8rem 0; padding:  0; font-size: 2.3rem;  font-family:Tilt Neon ;  }
  .header-wizzard p { margin: 0 ; font-size:0.9rem; line-height:1.7rem;    }
  .header-wizzard p span { padding:.4rem 1rem; border-radius:8px; background:#ffff00; color:#000;   }



/* GATEWAY */
.gateway {display: grid; grid-template-columns: repeat( auto-fit, minmax(33%, 1fr) ); column-gap: 1rem; grid-row-gap: 1rem; margin-bottom: 6rem; width: 100%;}
 .projects a { color: #1C2B36; } 
.gateway  li  { padding: 2rem 0; display: block;  border-bottom:2px solid #ccc;  }
.gateway  li h2 {  text-transform: uppercase;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0;  margin: 0 0 1rem;    font-weight: 600; color: #1C2B36 !important; font-size: 1rem; line-height: 1.3rem; }
.gateway  li h2 i {  font-size: 1.2rem;  }
.gateway  li p {    height: 6rem;   margin: 0 0 .6rem 0; line-height: 1.3rem; font-size:  .8rem; }
  
 .gateway-copy     {position: relative; margin-bottom: 2rem; background: #666DB3;  color: #fff; padding: 1.6rem; display: block; border-radius: 9px;  border:1px solid #ccc; }
 .gateway-copy  h2  { font-size: 1.4rem; font-weight: 600; color: #fff;  margin:0; padding:0; line-height:100%; }
 .gateway-copy  h5   { font-size: 1.4rem; font-weight: 600; color: #fff;  margin:0; padding:0; line-height:100%; }
 .gateway-copy  p   {   margin:.5rem 0 2rem 0; padding:0; line-height:1.7rem; }
 .gateway-copy  .white   span  { color:#666DB3 !important }
 .gateway-copy  h5 a  { text-decoration: none;  color: #fff;  }
 .gateway-copy  h5 a:hover  {   color: #fff !important; opacity:.8  }
 .gateway-copy .copyme  { position:absolute; top:1rem; right:1rem; line-height:100%; text-align:right; }
 .gateway-copy  textarea  {color: #fff; display: inline !important; background: none !important; margin:0 !important;border:none; max-width: 90%; height:2.6rem !important; overflow: hidden;  }

  .gateway-copy.tuerkis {background: #4CABB1 }
  .gateway-copy.red { background: #EA8484  }
  .gateway-copy.green { background: #6CC6AC  }
  .gateway-copy.orange { background: #FED586  }
  .gateway-copy.violet { background: #666DB3  }
  .gateway-copy.blue { background: #7b86ad  }
  .gateway-copy.grey { background: #fafafa; color:#000 !important;  }
  .gateway-copy.grey h5   { color:#000 !important;  }
  .gateway-copy.grey textarea{ color:#000 !important;  }


.gateway-small {display: grid; grid-template-columns: repeat( auto-fit, minmax(33%, 1fr) ); column-gap: 1rem; grid-row-gap: 1rem; margin-bottom: 6rem; width: 100%;}
.gateway-small  li  { padding: 1.6rem 1.6rem 2rem 1.6rem; display: block;  background: #fafafa; border-radius:12px; text-align:left; }
.gateway-small  li h2 {font-family: Tilt Neon;  text-transform: uppercase;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0;  margin: 0;    font-weight: 600; color: #1C2B36 !important; font-size: 1.2rem; line-height: 1.6rem; }
.gateway-small  li h2 i {  font-size: 1rem;  }
.gateway-small  li p {   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;   margin: 0 0 1rem 0; font-size: .8rem; }
 
 .gateway-card {display: grid; grid-template-columns: repeat( auto-fit, minmax(20%, 1fr) ); column-gap: 2rem; grid-row-gap: 1rem; margin-bottom: 2rem; width: 100%;}
.gateway-card  li  { border-radius: 9px; padding:0; display: block;  background: #fafafa; }
.gateway-card  li h2 {font-family: IBM Plex Mono, Oxanium;  text-transform: uppercase;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0 1rem;  margin: 0;    font-weight: 900; color: #fff !important; font-size: 1.3rem; height:3rem; line-height: 3rem; }
.gateway-card  li h2 i {  font-size: 1rem; color: #fff !important;   }
.gateway-card  li p { font-family: IBM Plex Mono, Oxanium;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  color: #fff !important; font-weight: 900;   font-size: 1.9rem; padding:0 1rem;  margin:0 0 0 0; line-height:3rem; height:3rem;  }
  
  .gateway-card li.tuerkis {background: #4CABB1 }
 
  .gateway-card li.red { background: #EA8484  }
 
  .gateway-card li.green { background: #6CC6AC  }
  .gateway-card li.orange { background: #FED586  }
  .gateway-card li.violet { background: #666DB3  }
  .gateway-card li.blue { background: #7b86ad  }

     @media screen and (max-width: 680px) {
 .gateway-card {  grid-template-columns: repeat( auto-fit, minmax(40%, 1fr) ); column-gap: 1rem; }
}

     @media screen and (max-width: 580px) {
.gateway {  grid-template-columns: repeat( auto-fit, minmax(100%, 1fr) );  }
}

      @media screen and (max-width: 380px) {
 .gateway-card {  grid-template-columns: repeat( auto-fit, minmax(100%, 1fr) );  }
}


/* LISTS  */
.listit { margin:1rem 0 3rem; }
 .project-home { margin:.5rem 0 0; }
 .tickets-edit-link a { text-decoration:none; text-transform:uppercase;  font-size:.9rem; }
 .tickets-edit-link { margin:1rem 0 4rem; }

.listit li { margin:.2rem 0; padding: 0;  border-radius:12px; }
.listit li ul { padding: 0; margin-left: 0; display:flex; flex-wrap: nowrap;width: 100%;  }
.listit li ul li  {border-radius:0; color:#fff;  line-height: 1.6rem; padding:.7rem 1rem;  flex: 0 1 4rem; text-align:left; }
.listit li ul li:first-child  { border-radius:12px 0 0 12px;  font-family:Tilt Neon ;  font-weight:300; font-size: 1.2rem;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  flex: 0 1 calc( 100% - 8rem ); text-align:left;  }
.listit li ul li:last-child { flex: 0 1 4rem;  border-radius:0 12px 12px 0;   }
.listit li ul li p { font-size:.7rem;  }
.listit li ul li span { font-size:1rem;  }
 

  .listit .tuerkis {background: #4CABB1 }
  .listit .red { background: #EA8484  }
  .listit .green { background: #7bad90  }
  .listit .orange { background: #FED586  }
  .listit .violet { background: #666DB3  }
  .listit .blue { background: #7b86ad  }







 /* COUNTER */

.rcp { margin:0 auto 6rem; max-width:25rem; }
.rcp input,.rcp select { height:2.4rem !important; font-size:.9rem !important }
.rcp label {  font-size:.9rem !important }
ul.counter-list { text-align:left; }
ul.counter-list li { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: 1fr; column-gap: 1rem; font-size: 1rem; width: 100%; padding:.6rem 0; margin:0 0 .5rem 0;   }
ul.counter-list li.tax   {  padding:0;  font-size:.7rem; }
ul.counter-list li.tax .sub { font-size:.7rem; padding:0;  }
ul.counter-list li.total {  font-weight: 900 !important; border-top: 2px dashed; #ccc;  margin-top:.5rem;  }
ul.counter-list li .item { grid-column-start: 1; grid-column-end: 8;   }
ul.counter-list li .item.name { grid-column-start: 1; grid-column-end: 8;   }
  ul.counter-list li .item  h3 { padding: 0 0 .5rem; margin: 0; line-height: 100%;  font-weight:900; }
  ul.counter-list li .item  p {  padding:.1rem 0 0 0; margin: 0; line-height: 100%; font-size: .9rem;  }
ul.counter-list li .qty { grid-column-start: 8;  grid-column-end: 9;  text-align: right ;   }
ul.counter-list li .sub { grid-column-start: 9;  grid-column-end: 13;  text-align: right ; font-size:1rem;   }

ul.counter-info { padding: 1rem; margin:2rem 0 ; border-left: 10px solid #ccc; line-height:1.6rem  }
ul.counter-info h3 { font-size: 1.2rem; font-weight:900; padding:0 ; margin:0 0 1rem;   }

label.infobox_label { font-size:.7rem !important; line-height: .9rem !important; padding-left:2rem !important; }

.counter-payment-select { cursor: pointer;  border-radius: 9px;   border:1px solid #ccc;  padding:0.7rem 1rem; margin:0 0 .5rem;  width: 100%; }
.counter-payment-select h4 {   text-transform: uppercase; padding: 0 0 0 0; margin-bottom:   .4rem  ;}
.counter-payment-select h4 i { font-size: 1.1rem;  color: #1C2B36 !important;}
.counter-payment-select p {   border-top:1px solid #f0f0f0; line-height: .8rem;  padding:.4rem 0 0 0; font-size:.6rem; margin: 0; text-transform: uppercase;}
.counter-payment-select i  {color: #1C2B36 ; }
.counter-payment-select i { font-size: 1rem; }
.counter-payment-select.active   {   background: #007AF4;   }
.counter-payment-select.active  h4  {   color: #fff    !important;   }
.counter-payment-select.active  p  {   border-top:1px solid #4AA5FF;  color: #fff    !important;   }
.counter-payment-select.active  h4 i {   color: #fff !important;      }

.counter-payment-terms {  padding: 0 0 2rem; margin: 1rem 0 1rem }
.counter-center { margin-top: 0 }
.counter-paypal-center { display: block; margin: 0 auto; max-width: 100%; width: 40rem; }
.counter-stripe-center { display: block; width: 100%; }
.counter-stripe-center a { text-align: center; text-decoration: none; color: #fff; max-width: 100%; width: 100%; display: block; margin: 0 auto; border: none; line-height: 3.8rem; height: 3.8rem; background: #6772E5;  border-radius: 6px; }
.counter-stripe-center a:hover { color: #fff !important; opacity:.9; }
.counter-free-center { display: block; margin: 0 auto; max-width: 100%; width: 40rem; }
.counter-free-center { display: block; width: 100%; }
 .counter-free-center a { text-align: center; color: #fff; max-width: 100%; width: 100%; display: block; margin: 0 auto; border: none; line-height: 3.8rem; height: 3.8rem; background: #b1e567;  border-radius: 6px; }
.counter-free-center a:hover { color: #fff !important; opacity:.9; }

 .checkout-header {height: 5rem;  display:flex;flex-wrap: nowrap;width: 100%;   }
  .checkout-header h1 {font-weight: 900; line-height:3.3rem !important;  height: 3.3rem; flex: 0 1 calc( 100% - 4rem ); }
  .checkout-header div { line-height:3.3rem !important;text-align:right;   height: 3.3rem; flex: 0 1 4rem; }
 
  .checkout-header img { max-height:3.3rem; }
 

 
.alt_shipping_box { display:none; }



 /* COUNTER LIST*/

  .transactionslist { padding:  0; margin:0; text-align: left;}
  .transactionslist li{ padding:1.4rem; margin:0 0 .4rem;  border-radius: 9px; background:#fafafa; }
  .transactionslist li hr{ padding:0 !important; margin: .1rem 0 !important;  }
  .transactionslist li small{  font-weight: 300 !important; font-size: 1rem; }

  .transactionslist  .transactions_left { float: left; width:calc(100% - 8rem); display: block;  }
  .transactionslist  .transactions_right { text-align: right; font-weight: 900; float: left; width:  8rem ; display: block; }

.big-thanks { text-align:center;  }
.big-thanks h1{ line-height: 150%; font-size:4rem; font-weight: 900; font-family:IBM Plex Mono,Source Sans Pro,Anton; }
.big-thanks h1 i {display: block;}









/* TICKET DISPLAY */

  .ticket-box { overflow-y: auto;    display: block;  width:100%;  height:100%; position: fixed; top:0; left: 0; z-index: 999; background:rgba(255, 255, 255, .95);    }
  .ticket-box-inner {    display: block; width: calc(100% - 4rem); max-width: 25rem; margin: 4rem auto   ;      }
  .ticket-box-inner svg {border: 2px solid #f0f0f0;  height: auto;   display: block; width:100%; max-width: 100%; margin: 0 auto   ;      }
  .close-qr {   position:absolute; top:2rem; right:2rem; font-size:2rem;     }