/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.g-skill-bars div[class^="g-skill-bars-bar-container"]:last-child .g-skill-bars-bar {
  margin-bottom: 0;
}
.g-skill-bars .g-skill-bars-bar {
  position: relative;
  display: block;
  margin-bottom: 1rem;
  width: 100%;
  background: rgba(0, 0, 0, 0.05);
  height: 2.5rem;
  border-radius: 0.1875rem;
}
.g-skill-bars .g-skill-bars-bar .g-skill-bars-title {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  font-weight: bold;
  font-size: 13px;
  color: #ffffff;
  display: block;
  background: rgba(0, 0, 0, 0.1);
  padding: 0 1.25rem;
  height: 2.5rem;
  line-height: 2.5rem;
}
.g-skill-bars .g-skill-bars-bar .g-skill-bars-background {
  height: 2.5rem;
  border-radius: 0.1875rem;
  width: 0px;
}
.g-skill-bars .g-skill-bars-bar .g-skill-bars-percent {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 11px;
  height: 2.5rem;
  line-height: 2.5rem;
  color: rgba(0, 0, 0, 0.4);
}
.g-skill-bars.style2 .g-skill-bars-title {
  color: inherit;
  background: transparent;
  margin-bottom: 0.5rem;
}
.g-skill-bars.style2 .g-skill-bars-percent {
  color: inherit;
  height: 0.625rem;
  line-height: 0.625rem;
  float: right;
  margin-top: -1.5rem;
}
.g-skill-bars.style2 .g-skill-bars-bar {
  height: 0.625rem;
  border-radius: 0;
}
.g-skill-bars.style2 .g-skill-bars-bar .g-skill-bars-background {
  height: 0.625rem;
  border-radius: 0;
}
.g-skill-bars.style3 .g-skill-bars-title {
  color: inherit;
  background: transparent;
  margin-bottom: 0.5rem;
}
.g-skill-bars.style3 .g-skill-bars-percent {
  color: inherit;
  height: 0.625rem;
  line-height: 0.625rem;
  float: right;
  margin-top: -1.5rem;
}
.g-skill-bars.style3 .g-skill-bars-bar {
  height: 1.5rem;
  border-radius: 2rem;
  border: 2px solid #eaeaea;
  background: transparent;
  padding: 0.25rem;
}
.g-skill-bars.style3 .g-skill-bars-bar .g-skill-bars-background {
  height: 0.75rem;
  border-radius: 2rem;
}
.g-skill-bars.style4 .g-skill-bars-bar .g-skill-bars-title {
  background: transparent;
}
.g-skill-bars.style4 .g-skill-bars-bar .g-skill-bars-percent {
  position: initial;
  float: right;
  margin: 0.5rem;
  margin-right: 1rem;
  padding: 0 1rem;
  color: #777777;
  background: #ffffff;
  border-radius: 0.1875rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
.g-paypaldonate {
  margin-left: -0.938rem;
  margin-right: -0.938rem;
  text-align: center;
}
.g-paypaldonate .g-paypaldonate-form form {
  margin: 0;
}
.g-paypaldonate .g-paypaldonate-form .g-paypaldonate-button .g-paypaldonate-icon {
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.2);
}
.g-paypaldonate .g-paypaldonate-form .g-paypaldonate-button input[type="submit"] {
  background: transparent;
  padding: 1.25rem;
  margin-top: -3px;
}
.g-paypaldonate .g-paypaldonate-form .g-paypaldonate-button.button {
  padding: 0;
  border: 0;
}
.g-main-nav .g-toplevel {
  text-align: left;
}
.matbas .g-content {
  margin: 0px !important;
}
.matbas .thumbnails {
  margin-left: 0px !important;
}
.basfond {
  background: #333;
}
.tablemath {
  border: 1pt solid windowtext;
  padding: 1pt 4pt;
  width: 47%;
  margin-right: 2%;
  float: left;
  margin-bottom: 15px;
  transition: all 0.6s ease-in-out 0s;
}
.tablemathlast {
  border: 1pt solid windowtext;
  padding: 1pt 4pt;
  width: 47%;
  margin-right: 0%;
  float: left;
  margin-bottom: 15px;
  transition: all 0.6s ease-in-out 0s;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .tablemath {
    border: 1pt solid windowtext;
    padding: 1pt 4pt;
    width: 97%;
    margin-right: 2%;
    float: left;
    margin-bottom: 15px;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media only all and (max-width: 47.99rem) {
  .tablemath {
    border: 1pt solid windowtext;
    padding: 1pt 4pt;
    width: 97%;
    margin-right: 2%;
    float: left;
    margin-bottom: 15px;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .tablemathlast {
    border: 1pt solid windowtext;
    padding: 1pt 4pt;
    width: 97%;
    margin-right: 2%;
    float: left;
    margin-bottom: 15px;
    transition: all 0.6s ease-in-out 0s;
  }
}
@media only all and (max-width: 47.99rem) {
  .tablemathlast {
    border: 1pt solid windowtext;
    padding: 1pt 4pt;
    width: 97%;
    margin-right: 2%;
    float: left;
    margin-bottom: 15px;
    transition: all 0.6s ease-in-out 0s;
  }
}
.acclignea {
  width: 25%;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .acclignea {
    width: 45%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .acclignea {
    width: 45%;
  }
}
@media only all and (max-width: 47.99rem) {
  .acclignea {
    display: none;
  }
}
.accligneb {
  width: 45%;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .accligneb {
    display: none;
  }
}
@media only all and (max-width: 59.99rem) {
  .accligneb {
    display: none;
  }
}
.acclignec {
  width: 30%;
  overflow: hidden;
  padding: 40px;
  background-color: #2f2e2e;
  text-align: left;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .acclignec {
    padding: 25px;
    width: 65%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .acclignec {
    width: 65%;
  }
}
@media only all and (max-width: 47.99rem) {
  .acclignec {
    width: 100%;
  }
}
.acclignec strong {
  text-color: #ffffff;
  color: #C99A22 !important;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  #g-header .g-container {
    width: 100% !important;
  }
}
#g-header {
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.52);
}
.proga {
  float: left;
  max-width: 50%;
  width: 50%;
  min-height: 100%;
}
@media only all and (max-width: 47.99rem) {
  .proga {
    display: none;
  }
}
.progb {
  overflow: hidden;
  max-width: 50%;
  width: 50%;
  padding: 40px;
  text-align: left;
  min-height: 100%;
}
@media only all and (max-width: 47.99rem) {
  .progb {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    padding: 15px;
  }
}
#events .item-container {
  width: 20% !important;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  #events .item-container {
    width: 33% !important;
  }
}
@media only all and (max-width: 47.99rem) {
  #events .item-container {
    width: 33% !important;
  }
}
#events .item .content .images img {
  border-radius: 5px;
}
#events .item .title {
  min-height: 10px !important;
}
.containera {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 0.5rem;
  background: #aaa;
}
.itemtesta {
  position: relative;
  width: 280px;
  text-align: center;
}
.itemtesta ::before {
  position: absolute;
  content: "Bazooka07";
  transform: translate(-50%, 80%) rotate(-45deg);
  z-index: 10;
  color: #888;
  top: 50%;
  font-size: 200%;
  font-weight: bold;
}
.itemtesta :nth-of-type(2n)::before {
  transform: translate(-50%, 80%) rotate(45deg);
}
.itemtesta a {
  text-decoration: none;
}
.itemtesta > a:first-of-type {
  position: absolute;
  top: 0.3rem;
  width: 100%;
  display: block;
  z-index: 10;
}
.itemtesta > a:first-of-type img {
  transition: transform 0.5s ease;
}
.itemtesta > a:first-of-type img:hover {
  transform: scale(1.4) translateY(20%);
}
.itemtesta > div {
  display: flex;
  flex-direction: column;
  padding: 120px 0.3rem 0.3rem;
  height: calc(100% - 120px - 0.3rem);
  background: wheat;
  border: 1px solid #444;
  border-radius: 0.5rem;
}
.itemtesta > div h3 {
  margin: 0;
  padding: 0.3rem 0;
}
.itemtesta > div p {
  margin: 0;
  padding: 0.3rem;
  border: 3px inset gold;
  background: #efe4c8;
  flex-grow: 1;
  border-radius: 0.5rem;
}
.itemtesta > div > a:last-of-type {
  display: block;
  text-align: right;
  padding: 0 0.8rem 0 0;
}
.itemtesta > div > a:last-of-type::after {
  content: ">>";
}
/* C'est flou */
.containera.flou .itemtesta > div, .containera.flou .itemtesta > a:first-of-type img:not(:hover) {
  filter: blur(3px);
}
#gafancybox-overlay182 {
  backdrop-filter: blur(8px);
}
#g-header .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #fff;
  padding: 20px 15px;
}
#g-header.g-absolute-header {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
#g-header > .g-container {
  width: 1400px;
  max-width: 95%;
}
#g-header .g-logo {
  height: auto !important;
}
#g-header .g-fixed-logo {
  position: relative;
}
#g-header.uk-active .g-menu-item-container {
  padding: 36px 15px;
}
#g-header.uk-active .g-fixed-logo {
  display: inline-block;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  #g-header {
    height: 90px;
    background-color: #2f2e2e;
  }
}
@media only all and (max-width: 47.99rem) {
  #g-header {
    height: 90px;
    background-color: #2f2e2e;
  }
}
.parta {
  display: flex;
  background-color: #ffffff;
  width: 950px;
  max-width: 100%;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.35);
  transition: all 0.3s ease-in-out 0s;
}
.partb {
  float: left;
  max-width: 40%;
  object-fit: cover;
}
@media only all and (max-width: 47.99rem) {
  .parta {
    display: block;
    background-color: #ffffff;
    width: 99%;
    max-width: 100%;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.35);
    transition: all 0.3s ease-in-out 0s;
  }
  .partb {
    float: none;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
  }
}
.parta:hover {
  transform: scale(1.04);
  box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.45);
}
.venir {
  display: flex;
  flex-wrap: wrap;
}
.venira {
  flex: 1 1 30%;
  margin: 1%;
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.venirb {
  flex: 1 1 30%;
  margin: 1%;
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.venira:hover {
  box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.28);
  transform: scale3d(1.01, 1.01, 1.01);
}
.venirb:hover {
  box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.16);
  transform: scale3d(1.01, 1.01, 1.01);
}
.frame {
  background: #f8f8f8 none repeat scroll 0% 0% !important;
  box-shadow: rgba(0, 0, 0, 0.35) 12px 12px 4px;
  border: initial;
  border-radius: 13px;
}
.matesca {
  flex: 1 1 29%;
  border-radius: 7px !important;
  overflow: hidden !important;
  margin: 2%;
  background: #fff;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.12);
  transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
}
.matesca:hover {
  box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.28);
  transform: scale3d(1.01, 1.01, 1.01);
}
.matesca img {
  width: 100%;
}
@media only all and (max-width: 68rem) {
  .matesca {
    flex: 1 1 95%;
    flex-direction: row;
    flex-flow: row nowrap;
  }
}
.matescb img {
  transition: all 0.3s ease-in-out 0s;
}
.matescb {
  width: 40%;
  margin-right: 5%;
  margin-left: 5%;
  float: left;
  transition: all 0.3s ease-in-out 0s;
  background-color: #fff;
  box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.35);
}
@media only all and (max-width: 30rem) {
  .matescb {
    width: 50%;
    margin: 0px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-right: 0px !important;
  }
}
.lang-inline {
  margin-top: 7px !important;
}
.matescb:hover {
  transform: scale(1.04);
}
#g-top .g-container .g-grid {
  flex-flow: nowrap !important;
}
#g-header .g-main-nav .g-toplevel > .g-menu-item-type-particle > .g-menu-item-container {
  padding-bottom: 0px;
}
.imgmathleft {
  float: left;
  margin-right: 60px;
}
.imgmathright {
  overflow: hidden;
}
@media only all and (max-width: 70rem) {
  .imgmathleft {
    float: none;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 95%;
    max-width: 100%;
    text-align: center;
  }
  .imgmathleft img {
    width: 95%;
  }
  .imgmathright {
    width: 95%;
    margin: 20px;
    max-width: 100%;
  }
}
#g-header .g-main-nav .g-dropdown {
  border-radius: 8px;
}
@media only all and (max-width: 70rem) {
  .g-logo {
    text-align: center;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-absolute-header {
    position: relative !important;
  }
}
.thumbnails .thumbnail {
  margin: 2px !important;
  padding: 0px !important;
}
td.Confirmé span, td.Confirmed span {
  background: green;
  color: #fff;
  padding: 8px;
  border-radius: 5px;
}
td.Non.confirmé span, td.Unconfirmed span {
  background: red;
  padding: 8px;
  color: #fff;
  border-radius: 5px;
}
.paypala {
  float: left;
  max-width: 40%;
  width: 40%;
  min-height: 100%;
}
@media only all and (max-width: 47.99rem) {
  .paypala {
    float: none;
    min-width: 100% !important;
    margin-bottom: 10px;
  }
}
.paypalb {
  overflow: hidden;
  max-width: 60%;
  width: 60%;
  padding: 40px;
  padding-top: 0px;
  text-align: left;
  min-height: 100%;
}
@media only all and (max-width: 47.99rem) {
  .paypalb {
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto;
    padding: 15px;
  }
}
div.mod-languages img {
  height: 15px;
}
.progtab {
  display: flex;
  flex-wrap: wrap;
}
.progtaba {
  flex: 1 1 22%;
  margin: 1%;
  border: solid 2px #ccc;
  transition: all 0.6s ease-in-out 0s;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
  background: #fff;
}
@media only all and (max-width: 70rem) {
  .progtaba {
    flex: 1 1 48%;
    align: center;
    border: solid 2px #cccc;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out 0s;
  }
}
@media only all and (max-width: 47.99rem) {
  .progtaba {
    flex: 1 1 95%;
    align: center;
    border: solid 1px #cccc;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out 0s;
  }
}
.fa-lg {
  vertical-align: 0% !important;
}
.microcadre {
  border: solid 2px #ccc;
  width: 48%;
  padding: 25px;
  margin: 1%;
}
.leftmod {
  width: 35%;
  float: left;
}
.leftmod img {
  width: 95%;
}
.rightmod {
  margin-top: 90px;
  padding: 10px;
  width: 65%;
  overflow: hidden;
}
.leftmoda {
  width: 45%;
  float: left;
}
.leftmoda img {
  margin: 70px;
  max-width: 80%;
}
.rightmoda {
  margin-top: 70px;
  padding: 10px;
  width: 55%;
  overflow: hidden;
}
.herba {
  float: left;
  width: 50%;
}
.herbb {
  width: 50%;
  overflow: hidden;
}
.herbc {
  float: left;
  width: 50%;
  border-right: 1px solid #ccc;
}
.herbd {
  width: 50%;
  overflow: hidden;
  padding-left: 60px;
}
@media only all and (max-width: 47.99rem) {
  .leftmod {
    width: 100%;
    float: none;
    padding: 20px;
    text-align: center;
  }
  .rightmod {
    margin-top: 0px;
    padding: 30px;
    width: 100%;
    overflow: hidden;
  }
  .herba {
    float: none;
    width: 95%;
  }
  .herbb {
    width: 95%;
    overflow: hidden;
  }
  .herbc {
    float: none;
    width: 95%;
    border-right: none;
  }
  .herbd {
    width: 95%;
    overflow: hidden;
    padding-left: 0px;
  }
}
.leftmodc {
  overflow: hidden;
  width: 1300px;
  margin: auto;
  max-width: 100%;
  padding: 40px;
}
@media only all and (max-width: 60rem) {
  .microcadre {
    width: 100%;
    margin: auto;
    margin-bottom: 15px;
  }
  .leftmoda {
    width: 100%;
    float: none;
    padding: 0px;
    text-align: center;
  }
  .leftmodc {
    padding: 0px;
  }
  .leftmoda img {
    width: 100% !important;
    max-width: 100% !important;
    margin: auto;
    border-radius: 0px !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 0px !important;
  }
  .rightmoda {
    margin-top: 0px;
    padding: 30px;
    width: 100%;
    overflow: hidden;
  }
  .venira {
    flex: 1 1 95%;
    align: center;
    border: solid 1px #00c7a2;
  }
  .venirb {
    flex: 1 1 95%;
    border: solid 1px #00c7a2;
    align: center;
  }
}
.rl_tabs.outline_content > .tab-content > .tab-pane {
  padding: 0px !important;
}
.rl_tabs-responsive:last-child, .rl_tabs:last-child {
  background: #f5f5f5;
}
.rl_tabs > .tab-content {
  background: #f5f5f5;
}
.rl_tabs.outline_content > .tab-content {
  border: none;
}
.framea {
  border-radius: 13px;
  box-shadow: rgba(0, 0, 0, 0.35) 12px 12px 4px;
}
.myclass {
  background: #f4f4f4;
  font-size: 15pt;
  color: #000 !important;
}
.myclass a {
  color: #000 !important;
}
.newsleft {
  float: left;
  margin-top: 8px;
}
.newsright {
  float: left;
  margin-left: 70px;
}
@media only all and (max-width: 50rem) {
  .newsleft {
    float: none;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 8px;
  }
  .newsright {
    float: none;
    margin-left: 0px;
    text-align: center;
  }
}
@media only all and (max-width: 70rem) {
  #g-header {
    height: 90px;
    background-color: #2f2e2e;
  }
  .matlogo {
    display: block !important;
  }
  .uk-sticky-placeholder {
    height: 90px;
  }
}
@media only all and (max-width: 50rem) {
  .matesca {
    text-align: left !important;
  }
}
[class*=uk-icon-], .rev_slider_wrapper .tparrows:before, .uk-overlay-area:empty:before, .uk-overlay-icon:before, .uk-slidenav-previous:before, .uk-slidenav-next:before, .nav.menu li a:before, .nssp2 .ns2-links .ns2-category a::before, .nssp2 .ns2-links .ns2-hits::before, .nssp2 .ns2-links .ns2-readmore::before, .footer .nssp2 .ns2-title a:before, #g-header .g-main-nav .g-dropdown > .g-dropdown-column::before, body .g-news-pro.footer .g-news-pro-item .g-news-pro-title a:before, body .g-news-pro.footer .g-news-pro-link .g-news-pro-title a::before, .ns2-image-overlay::before, .uk-close::after {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900;
}
.contacta {
  margin: auto;
  margin-top: 70px;
  margin-bottom: 60px;
  width: 1000px;
  max-width: 100%;
  background: #fff;
  display: flex;
  box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.15);
}
.contactb {
  float: left;
  width: 50%;
}
.contactc {
  overflow: hidden;
  width: 50%;
  padding: 40px;
}
.contactba {
  float: left;
  width: 38%;
}
.contactca {
  overflow: hidden;
  width: 62%;
  padding: 40px;
}
.mathmenubb {
  margin-right: 25px;
  color: #000000;
  font-size: 12pt;
}
.mathmenubb a {
  color: rgba(0, 0, 0, 0.8) !important;
}
.mathmenubb:hover a {
  color: #000 !important;
}
.hover-underline-animation {
  display: inline-block;
  position: relative;
}
.hover-underline-animation::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
  background-color: #000000;
}
.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
@media (max-width: 767px) {
  .contacta {
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #fff;
    display: flex;
  }
  .contactb {
    display: none;
  }
  .contactc {
    overflow: hidden;
    width: 100%;
    padding: 20px;
  }
  .contactba {
    display: none;
  }
  .contactca {
    overflow: hidden;
    width: 100%;
    padding: 20px;
  }
}
.menua {
  transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
}
.menua:hover {
  transform: scale(1.02);
  cursor: pointer;
}
.menua img {
  border-radius: 12px;
}
#g-navigation {
  padding: 0px;
  text-align: left;
}
#g-navigation .g-content {
  padding: 0px;
  margin: 0px;
}
#g-navigation .g-container {
  width: 85rem;
  max-width: 95%;
}
.alert, .alert-orange {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-left-width: 8px;
  padding: 1.5rem 2rem;
}
.alert:first-child {
  margin-top: 0;
}
.alert:last-child {
  margin-bottom: 0;
}
.alert .close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.alert-orange:first-child {
  margin-top: 0;
}
.alert-orange:last-child {
  margin-bottom: 0;
}
.alert-orange .close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.alert-orange {
  --tw-border-opacity:1;
  border-color: rgba(252, 151, 90, var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color: rgba(254, 244, 238, var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color: rgba(153, 65, 12, var(--tw-text-opacity));
}
.alert-info, .alert-orange strong {
  --tw-text-opacity:1;
  color: rgba(107, 46, 8, var(--tw-text-opacity));
}
.alert-info {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-left-width: 8px;
  padding: 1.5rem 2rem;
  --tw-border-opacity:1;
  border-color: rgba(88, 141, 229, var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color: rgba(238, 243, 252, var(--tw-bg-opacity));
  color: rgba(10, 56, 132, var(--tw-text-opacity));
}
.alert-info:first-child {
  margin-top: 0;
}
.alert-info:last-child {
  margin-bottom: 0;
}
.alert-info .close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.alert-info strong, .alert-success, div.example strong {
  --tw-text-opacity:1;
  color: rgba(7, 39, 93, var(--tw-text-opacity));
}
.alert-success {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-left-width: 8px;
  padding: 1.5rem 2rem;
  --tw-border-opacity:1;
  border-color: rgba(93, 188, 126, var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color: rgba(238, 248, 242, var(--tw-bg-opacity));
  color: rgba(14, 97, 43, var(--tw-text-opacity));
}
.alert-success:first-child {
  margin-top: 0;
}
.alert-success:last-child {
  margin-bottom: 0;
}
.alert-success .close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.alert-success strong, .alert-warning {
  --tw-text-opacity:1;
  color: rgba(10, 68, 30, var(--tw-text-opacity));
}
.alert-warning {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-left-width: 8px;
  padding: 1.5rem 2rem;
  --tw-border-opacity:1;
  border-color: rgba(252, 151, 90, var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color: rgba(254, 244, 238, var(--tw-bg-opacity));
  color: rgba(153, 65, 12, var(--tw-text-opacity));
}
.alert-warning:first-child {
  margin-top: 0;
}
.alert-warning:last-child {
  margin-bottom: 0;
}
.alert-warning .close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.alert-danger, .alert-warning strong {
  --tw-text-opacity:1;
  color: rgba(107, 46, 8, var(--tw-text-opacity));
}
.alert-danger {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-left-width: 8px;
  padding: 1.5rem 2rem;
  --tw-border-opacity:1;
  border-color: rgba(230, 105, 104, var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color: rgba(252, 240, 239, var(--tw-bg-opacity));
  color: rgba(134, 25, 24, var(--tw-text-opacity));
}
.alert-danger:first-child, ol.list:first-child, ul.list:first-child {
  margin-top: 0;
}
.alert-danger:last-child, ol.list:last-child, ol.list > li:last-child, ul.list:last-child, ul.list > li:last-child {
  margin-bottom: 0;
}
.alert-danger .close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.alert-danger strong {
  --tw-text-opacity:1;
  color: rgba(94, 18, 17, var(--tw-text-opacity));
}
.alert-danger, .alert-info, .alert-success, .alert-warning {
  border-left-width: 2rem;
}
@media (min-width: 640px) {
  .alert-danger, .alert-info, .alert-success, .alert-warning {
    border-left: solid 4rem;
    border-color: #588de5;
  }
}
.alert-danger:before, .alert-info:before, .alert-success:before, .alert-warning:before {
  position: absolute;
  top: 50%;
  display: block;
  background-repeat: no-repeat;
  left: -1.75rem;
  margin-top: -0.75rem;
  height: 1.5rem;
  width: 1.5rem;
}
@media (min-width: 640px) {
  .alert-danger:before, .alert-info:before, .alert-success:before, .alert-warning:before {
    left: -3rem;
    margin-top: -1rem;
    height: 2rem;
    width: 2rem;
  }
}
.alert-danger:before, .alert-info:before, .alert-success:before, .alert-warning:before {
  content: "";
}
.alert-info:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='white'%3E%3Cpath%20fill-rule='evenodd'%20d='M18%2010a8%208%200%2011-16%200%208%208%200%200116%200zm-7-4a1%201%200%2011-2%200%201%201%200%20012%200zM9%209a1%201%200%20000%202v3a1%201%200%20001%201h1a1%201%200%20100-2v-3a1%201%200%2000-1-1H9z'%20clip-rule='evenodd'%20/%3E%3C/svg%3E');
}
.alert-success:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='white'%3E%3Cpath%20fill-rule='evenodd'%20d='M10%2018a8%208%200%20100-16%208%208%200%20000%2016zm3.707-9.293a1%201%200%2000-1.414-1.414L9%2010.586%207.707%209.293a1%201%200%2000-1.414%201.414l2%202a1%201%200%20001.414%200l4-4z'%20clip-rule='evenodd'%20/%3E%3C/svg%3E');
}
.alert-danger:before, .alert-warning:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='white'%3E%3Cpath%20fill-rule='evenodd'%20d='M8.257%203.099c.765-1.36%202.722-1.36%203.486%200l5.58%209.92c.75%201.334-.213%202.98-1.742%202.98H4.42c-1.53%200-2.493-1.646-1.743-2.98l5.58-9.92zM11%2013a1%201%200%2011-2%200%201%201%200%20012%200zm-1-8a1%201%200%2000-1%201v3a1%201%200%20002%200V6a1%201%200%2000-1-1z'%20clip-rule='evenodd'%20/%3E%3C/svg%3E');
}
#g-footer .lang-inline {
  margin-top: 0px !important;
}
@media only all and (min-width: 48rem) {
  .hide-dropdown-desktop > .g-dropdown, .hide-dropdown-desktop .g-menu-parent-indicator {
    display: none !important;
  }
}
.plyr--video {
  border-radius: 22px;
}
.g-social a {
  color: #fff !important;
  border: none !important;
}
.matlogo {
  float: right;
}
.menuva .g-toplevel > li > .g-menu-item-container {
  padding: 20px 15px !important;
}
.menuva ul {
  text-align: left !important;
}
.g-menu-parent-indicator {
  vertical-align: top !important;
  border: none !important;
  background: transparent !important;
}
.g-menu-parent-indicator::after {
  border: none !important;
  background: transparent !important;
}
.headroom--top {
  transition: all 0.3s !important;
  backdrop-filter: blur(0px);
}
.headroom--not-top .g-toplevel {
  transition-delay: 2s;
  text-align: left !important;
}
.absolutemath .g-fixed-container {
  position: absolute;
  top: 0;
  width: 100%;
}
.slideh {
  transition: all 0.4s !important;
  padding-top: 20px;
}
.g-fixed-active {
  transition: all 0.4s !important;
  padding-top: 0px;
}
#g-header.slideDown {
  background-color: rgba(35, 37, 38, 0.9);
  backdrop-filter: blur(3px);
}
#g-header.g-fixed-active .g-normal-logo {
  display: none;
  position: absolute;
}
#g-header.g-fixed-active .g-fixed-logo {
  display: inline-block;
  height: 40px;
}
#g-header .g-fixed-logo {
  display: none;
}
/*# sourceMappingURL=custom_19.css.map */