/*
PMAC COLOR 2020
*/
/*
PMAC COLOR 2022
*/
/*222457*/
@import url("../../fonts/Roboto-Bold/styles.css");
@import url("../../fonts/Roboto-Medium/styles.css");
@import url("../../fonts/Roboto-Regular/styles.css");
@import url("../../fonts/Roboto-Light/styles.css");
@import url("../../fonts/Roboto-Thin/styles.css");
@import url("../../fonts/AvenirNextLTPro-Regular/styles.css");
@import url("../../fonts/AvenirNext-Bold/styles.css");
@import url("../../fonts/AvenirNextLTPro-Demi/styles.css");
@import url("../../fonts/AvenirNextLTPro-MediumCn/styles.css");
@import url("../../fonts/DINAlternate-Bold/styles.css");
@import url("../../fonts/DIN-RegularAlternate/styles.css");
.slider-banner-container {
  width: 100%;
  position: relative;
  padding: 0;
  /*.line-banner{
	
	}*/ }
  .slider-banner-container .slider-banner-fullwidth {
    width: 100%;
    position: relative;
    display: none; }
  .slider-banner-container .tp-bannertimer {
    background: #59AEC1; }
  .slider-banner-container .line {
    background: #59AEC1;
    height: 5px; }

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
  font-size: 12px; }

.select2-container--bootstrap {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
  .select2-container--bootstrap .select2-selection--single {
    border: 1px solid #797979;
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(97, 97, 97, 0.75);
    -moz-box-shadow: inset 0px 0px 8px 0px rgba(97, 97, 97, 0.75);
    box-shadow: inset 0px 0px 8px 0px rgba(97, 97, 97, 0.75); }
  .select2-container--bootstrap.select2-container--focus .select2-selection {
    border: 1px solid #797979; }
  .select2-container--bootstrap.select2-container--open .select2-selection {
    border: 1px solid #797979;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #6f6f6f;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #6f6f6f; }
  .select2-container--bootstrap .select2-dropdown {
    border: 1px solid #797979; }

.dropzone {
  min-height: auto;
  border: 2px dashed #254a66; }

/* Styles for dialog window */
.block-popup-fick {
  background: white;
  padding: 20px 30px;
  text-align: left;
  max-width: 80%;
  margin: 40px auto;
  position: relative;
  overflow: scroll;
  height: 600px; }
  @media (max-width: 768px) {
    .block-popup-fick {
      height: 650px; } }
  .block-popup-fick ul li {
    margin-top: 10px;
    margin-bottom: 10px; }
  .block-popup-fick b {
    margin: 5px 0; }
  .block-popup-fick span {
    color: #2A4F72; }

/**
	 * Fade-zoom animation for first dialog
	 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8); }

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0; }

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

/**
	 * Fade-move animation for second dialog
	 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg); }

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0); }

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg); }

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8; }

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0; }

.modal-video .modal {
  top: 10%; }

.modal-video .modal-dialog {
  max-width: 800px !important;
  margin: 30px auto !important; }

.modal-video .modal-body {
  position: relative;
  padding: 0px; }

.modal-video .close {
  position: absolute;
  right: -30px;
  top: 0;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1; }

.header {
  border-bottom: 1px solid #414042; }
  @media (max-width: 767px) {
    .header .custom-header .navbar-collapse {
      margin-top: 1rem; } }
  .header .custom-header .navbar-collapse .nav-item:last-child .nav-link {
    padding-right: 0; }
  .header ul.relative {
    position: relative; }
  .header ul li {
    font-size: 1rem; }
    .header ul li.active div .menu-line {
      display: block; }
    .header ul li.active div .menu-font {
      color: #598CC5; }
    .header ul li.login {
      position: absolute;
      top: -50px;
      right: 0; }
    .header ul li div {
      position: relative; }
      .header ul li div .menu-line {
        display: none;
        /*width:0;*/
        width: 100%;
        border-top: 5px solid #598CC5;
        position: absolute;
        bottom: -10%;
        -o-transition: width 0.5s ease-out;
        transition: width 0.5s ease-out;
        -webkit-transition: width 0.5s ease-out; }
      .header ul li div:hover .menu-line {
        /*width:100%;*/
        display: block; }
      .header ul li div:hover .menu-font {
        color: #598CC5; }

footer .list-menu {
  list-style: none;
  margin: 0; }
  @media (max-width: 767px) {
    footer .list-menu.bd-custom {
      border-bottom: 0px solid #fff; } }
  @media (min-width: 768px) {
    footer .list-menu.bd-custom {
      border-right: 1px solid #fff; } }
  footer .list-menu li {
    font-size: 1rem;
    padding-bottom: 10px;
    vertical-align: middle; }
    footer .list-menu li .icons-twiter-follow {
      width: 95px;
      height: 33px;
      background: url("../img/icons/twiter-follow.png");
      background-size: 95px 68px;
      background-repeat: no-repeat; }
      footer .list-menu li .icons-twiter-follow:hover {
        background: url("../img/icons/twiter-follow.png") 0px -34px;
        background-size: 95px 68px;
        background-repeat: no-repeat; }

#page-home {
  --lh: 1.4rem; }
  #page-home .truncate-overflow-webkit {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #page-home .truncate-overflow {
    --max-lines: 3;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
    padding-right: 1rem;
    /* space for ellipsis */ }
  #page-home .truncate-overflow::before {
    position: absolute;
    content: "...";
    /* tempting... but shows when lines == content */
    /* top: calc(var(--lh) * (var(--max-lines) - 1)); */
    /*
      inset-block-end: 0;
      inset-inline-end: 0;
      */
    bottom: 0;
    right: 0; }
  #page-home .truncate-overflow::after {
    content: "";
    position: absolute;
    /*
      inset-inline-end: 0;
      */
    right: 0;
    /* missing bottom on purpose*/
    width: 1rem;
    height: 1rem;
    background: white; }
  #page-home .subtheme {
    position: relative;
    padding-bottom: 1.5rem;
    /*        .text-subtheme{

            .text-full{
                display: none;
            }
            .text-short{
                display: block;
            }

        }
        &:hover{
            color:$color-white !important;
            h3{
                color:$color-white !important;  
            }
            &.subtheme1{
                  
                background-color: $color-blue-2022;
                
            }

            &.subtheme2{
                background-color: $color-purple-2022;
                
            }

            &.subtheme3{
                background-color:$color-gold-2022;
                 
            }
            .text-subtheme{
                .text-full{
                    display: block;
                }
                .text-short{
                    
                    display: none;
                }

            }

        }*/ }
    #page-home .subtheme .subtheme-header {
      position: relative;
      /*.subtheme-header-text{
            
            @media  (min-width: 768px){
                position: absolute;
                bottom:1rem;  
            }
        }*/ }
      @media (min-width: 768px) {
        #page-home .subtheme .subtheme-header {
          height: 300px; } }
      @media (min-width: 1024px) {
        #page-home .subtheme .subtheme-header {
          height: 250px; } }
      @media (min-width: 1200px) {
        #page-home .subtheme .subtheme-header {
          height: 220px; } }
    #page-home .subtheme .moreDetail {
      position: absolute;
      bottom: 1.5rem;
      left: 1rem; }
  #page-home .owl-carousel {
    /*.owl-dots{
            position: absolute;
            right: 50%;
            top: 44%;
            transform: translate(50%, 0%);
            @media screen and (min-width: 483px){
                top: 55%;
            }
            @media screen and (min-width: 751px){
                top: 65%;
            }
            @media screen and (min-width: 975px){
                top: 72%;
            }
            @media screen and (min-width: 1183px){
                top: 76%;
            }
           
        }*/ }
    #page-home .owl-carousel .owl-nav {
      font-size: 32px;
      position: absolute;
      top: 31.25%;
      width: 100%; }
      #page-home .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        left: -20px;
        line-height: 0;
        padding: 5px 7px;
        border-radius: 20px;
        /*  background-color: #d0d062;*/ }
      #page-home .owl-carousel .owl-nav .owl-next {
        position: absolute;
        right: -20px;
        line-height: 0;
        padding: 5px 7px;
        padding-right: 6px;
        border-radius: 20px;
        /*background-color: #d0d062;*/ }
  #page-home .fick-text {
    position: absolute;
    bottom: 0; }
  #page-home .custom-text-home {
    font-size: 36px; }
  #page-home .list-menu-date {
    padding: 0; }
    #page-home .list-menu-date li {
      list-style: none; }
      @media (min-width: 768px) {
        #page-home .list-menu-date li {
          border-right: 1px solid #000;
          display: inline-block;
          padding: 0 10px; } }
      @media (min-width: 768px) {
        #page-home .list-menu-date li:first-child {
          padding-left: 0; } }
      @media (min-width: 768px) {
        #page-home .list-menu-date li:last-child {
          border-right: 0; } }
  #page-home .image-preview {
    background-position: 50% 50%;
    background-size: cover;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-property: width, height;
    -o-transition-property: width, height;
    transition-property: width, height;
    width: 100%;
    display: block; }
    @media (min-width: 992px) {
      #page-home .image-preview {
        height: 221px; } }

.event-box {
  position: relative; }
  @media (min-width: 768px) {
    .event-box {
      min-height: 300px; } }
  .event-box .register-link {
    position: absolute;
    bottom: 0; }

.opening-btn {
  text-align: center; }
  @media (min-width: 768px) {
    .opening-btn {
      position: absolute;
      bottom: 2rem;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); } }
  @media (min-width: 768px) {
    .opening-btn.right {
      position: absolute;
      bottom: 1rem;
      right: 1rem; } }

@media (min-width: 1200px) {
  .fieldtrip-btn {
    position: absolute;
    bottom: 1rem;
    left: 1rem; } }

.fieldtrip-box {
  position: relative; }
  @media (min-width: 768px) {
    .fieldtrip-box {
      min-height: 250px; } }
  @media (min-width: 1200px) {
    .fieldtrip-box {
      min-height: 290px; } }
  @media (min-width: 768px) {
    .fieldtrip-box .register-link {
      position: absolute;
      bottom: 1rem; } }

#page-overview .list-menu-date {
  padding: 0; }
  #page-overview .list-menu-date li {
    list-style: none; }
    @media (min-width: 768px) {
      #page-overview .list-menu-date li {
        border-right: 1px solid #000;
        display: inline-block;
        padding: 0 10px; } }
    @media (min-width: 768px) {
      #page-overview .list-menu-date li:first-child {
        padding-left: 0; } }
    @media (min-width: 768px) {
      #page-overview .list-menu-date li:last-child {
        border-right: 0; } }

#page-overview .conference {
  position: relative;
  /* padding-bottom: 1.5rem;*/ }
  #page-overview .conference .conference-header {
    line-height: 1.1;
    /*position: relative;*/
    font-size: 1.55rem;
    height: 130px;
    padding: 1.75rem;
    /* @media  (min-width: 768px){
                    height: 300px;
                }
                @media (min-width: 1024px){
                     height: 250px;
                }*/ }
    @media (min-width: 992px) {
      #page-overview .conference .conference-header {
        height: 110px; } }
  #page-overview .conference .moreDetail {
    /*position: absolute;*/
    /*left: 1rem;*/
    font-size: 0.8rem;
    cursor: pointer; }

#page-program .list-menu-date {
  padding: 0; }
  #page-program .list-menu-date li {
    list-style: none; }
    @media (min-width: 768px) {
      #page-program .list-menu-date li {
        border-right: 1px solid #000;
        display: inline-block;
        padding: 0 10px; } }
    @media (min-width: 768px) {
      #page-program .list-menu-date li:first-child {
        padding-left: 0; } }
    @media (min-width: 768px) {
      #page-program .list-menu-date li:last-child {
        border-right: 0; } }

#page-program .card.mountCard {
  border-left: 0px;
  border-right: 0px; }
  #page-program .card.mountCard .card-header.mountCard {
    background-color: transparent;
    border-bottom: 0px;
    cursor: pointer;
    padding: 1.25rem 1.25rem;
    padding-left: 0px; }
  #page-program .card.mountCard .card-body.mountCard {
    padding-left: 0px; }

#page-program .card-header {
  position: relative; }
  #page-program .card-header .icon-arrow-program {
    position: absolute;
    right: 0;
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%); }

#page-subtheme .card {
  /*border: 1px solid rgba(0,0,0,.125);*/
  border-left: 0px;
  border-right: 0px; }
  #page-subtheme .card .card-header {
    background-color: transparent;
    border-bottom: 0px;
    cursor: pointer;
    padding: 1.25rem 1.25rem;
    padding-left: 0px; }
  #page-subtheme .card .card-body {
    padding-left: 0px; }

#page-subtheme .wizard .wizard-box {
  margin: 3rem;
  padding: 1.5rem;
  border: 1px solid #598cc9;
  border-radius: 40%;
  text-align: center;
  position: relative; }

#page-subtheme .divided {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  #page-subtheme .divided .divider {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 1px solid black;
    margin: 5px; }
  #page-subtheme .divided .divider-text {
    height: 150px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 767px) {
      #page-subtheme .divided .divider-text:not(:last-child):after {
        content: '';
        width: 0;
        height: 30px;
        position: absolute;
        border: 1px solid black;
        top: 90%;
        left: 50%; } }

#page-subtheme .card-header {
  position: relative; }
  #page-subtheme .card-header .icon-arrow-program {
    position: absolute;
    right: 0;
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%); }

#page-logistics .icon-block-logistics {
  display: inline-block;
  width: 45px;
  height: 40px;
  content: '';
  position: absolute;
  top: 5px;
  left: 0px; }

#page-logistics .list-menu li {
  display: inline-block;
  position: relative;
  padding: 13px 50px; }
  #page-logistics .list-menu li .active-list-logistics .icon-accommodation {
    background: url(../img/icons/icon-logistics1.png) -11px -7px; }
  #page-logistics .list-menu li .active-list-logistics .icon-airport {
    background: url(../img/icons/icon-logistics1.png) -79px -7px; }
  #page-logistics .list-menu li .active-list-logistics .icon-visa {
    background: url(../img/icons/icon-logistics1.png) -150px -7px; }
  #page-logistics .list-menu li .active-list-logistics .icon-conf {
    background: url(../img/icons/icon-logistics2.png) -11px -7px; }
  #page-logistics .list-menu li .icon-conf {
    background: url(../img/icons/icon-logistics2.png) -11px -64px; }
  #page-logistics .list-menu li .icon-accommodation {
    background: url(../img/icons/icon-logistics1.png) -11px -64px; }
  #page-logistics .list-menu li .icon-airport {
    background: url(../img/icons/icon-logistics1.png) -79px -64px; }
  #page-logistics .list-menu li .icon-visa {
    background: url(../img/icons/icon-logistics1.png) -150px -64px; }
  #page-logistics .list-menu li .fick-icon.icon-conf {
    background: url(../img/icons/icon-logistics2.png) -11px -7px; }
  #page-logistics .list-menu li .icon-block-logistics {
    top: 0; }

#page-logistics .accordion-section {
  position: relative; }
  #page-logistics .accordion-section .accordion-section-title {
    width: 100%;
    padding: 15px 10px;
    display: inline-block;
    border-top: 1px solid #1a1a1a;
    /*border-bottom:1px solid #1a1a1a;*/
    -webkit-transition: all linear 0.15s;
    -o-transition: all linear 0.15s;
    transition: all linear 0.15s;
    color: #404041;
    padding-left: 50px; }
    #page-logistics .accordion-section .accordion-section-title:hover {
      text-decoration: none; }
    #page-logistics .accordion-section .accordion-section-title .icon-arrow-program {
      position: absolute;
      right: 30px; }
    #page-logistics .accordion-section .accordion-section-title .icon-pdf {
      display: inline-block;
      padding-right: 15px; }
  #page-logistics .accordion-section .active {
    text-decoration: none; }
  #page-logistics .accordion-section .accordion-section-content {
    padding: 15px 0;
    display: none;
    border-top: 1px solid #000;
    z-index: 10; }
    #page-logistics .accordion-section .accordion-section-content .wrap-content {
      padding-top: 20px;
      padding-bottom: 20px; }
      #page-logistics .accordion-section .accordion-section-content .wrap-content h3 {
        color: #2A4F72;
        margin-bottom: 0;
        font-weight: bold; }
      #page-logistics .accordion-section .accordion-section-content .wrap-content h5 {
        color: #2A4F72;
        font-weight: bold; }
        #page-logistics .accordion-section .accordion-section-content .wrap-content h5.color-black {
          color: #000; }
      #page-logistics .accordion-section .accordion-section-content .wrap-content h4 {
        color: #2A4F72;
        font-weight: bold; }
      #page-logistics .accordion-section .accordion-section-content .wrap-content ul {
        padding-left: 15px; }
    #page-logistics .accordion-section .accordion-section-content .boder-bt {
      border-bottom: 1px solid #000; }

#page-logistics .bg-fick-icon-accommodation {
  background: url(../img/icons/icon-accom2.png) 0px 5px no-repeat; }

#page-logistics .bg-fick-icon-airport {
  background: url(../img/icons/icon-airport2.png) 0px 5px no-repeat; }

#page-logistics .bg-fick-icon-visa {
  background: url(../img/icons/icon-visa2.png) 0px 5px no-repeat; }

#page-logistics .bg-fick-icon-conf {
  background: url(../img/icons/icon-conf2.png) 0px 5px no-repeat; }

#page-logistics table.table {
  border: 0; }
  #page-logistics table.table tr th {
    border: 0;
    font-weight: bold;
    padding-right: 0px;
    padding-left: 0px; }
  #page-logistics table.table tr td {
    border: 0;
    border-bottom: 1px solid #ddd;
    padding-right: 0px;
    padding-left: 0px; }

.box-register .webinar-headline-v1 {
  padding-left: 30px;
  display: inline-block; }

.box-register .webinar-headline-v2 {
  padding-left: 10px;
  display: inline-block; }

.box-register .headline-v1, .box-register .headline-v2 {
  position: relative;
  top: 1px;
  text-transform: uppercase;
  padding: 11px 20px 8px;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #231f20;
  display: inline-block;
  border-radius: 0;
  border: 1px solid #231f20;
  border-bottom: 0; }
  .box-register .headline-v1.active-tab, .box-register .headline-v2.active-tab {
    background-color: #231f20 !important;
    color: #fff; }

.box-body-webinar {
  padding: 50px;
  border: 1px solid #a3abab; }
  .box-body-webinar .card {
    background: transparent; }

.list-menu-classic {
  list-style: none;
  padding-top: 10px; }
  .list-menu-classic li {
    vertical-align: middle;
    padding-bottom: 5px; }
    @media (min-width: 768px) {
      .list-menu-classic li {
        border-right: 1px solid #000; } }
    @media (min-width: 768px) {
      .list-menu-classic li:first-child {
        padding-left: 0; } }
    @media (min-width: 768px) {
      .list-menu-classic li:last-child {
        border-right: 0; } }
    .list-menu-classic li img {
      width: 23px; }
  .list-menu-classic.custom-list li {
    border-right: 0; }

#page-speaker .list-character {
  padding-left: 0; }
  #page-speaker .list-character li {
    display: inline-block;
    font-weight: 500;
    padding: 0 5px; }
    #page-speaker .list-character li a {
      padding: 5px 5px; }
      #page-speaker .list-character li a:hover {
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        /* background-color: $color-red;*/
        background-color: #804B7C;
        color: #fff; }
    #page-speaker .list-character li:last-child {
      font-size: 20px;
      color: #0E1937; }
    #page-speaker .list-character li:first-child {
      font-size: 20px;
      color: #0E1937; }

#page-speaker .active {
  /*background-color: $color-red;*/
  background-color: #804B7C;
  color: #fff; }

#page-art .avenir-bold {
  font-family: 'AvenirNext-Bold'; }

#page-art .banner {
  background-color: #222457; }
  @media (min-width: 992px) {
    #page-art .banner {
      height: 510px; } }
  #page-art .banner .row-banner-custom-artcontest .subtitle-banner2 {
    font-size: 1.5rem; }
  #page-art .banner .row-banner-custom-artcontest .subtitle-banner {
    line-height: 0.9;
    font-size: 5rem; }
    #page-art .banner .row-banner-custom-artcontest .subtitle-banner .headY {
      font-size: 5.8rem; }
    #page-art .banner .row-banner-custom-artcontest .subtitle-banner .headA {
      font-size: 5.5rem; }
  #page-art .banner .row-banner-custom-artcontest .subtitle-banner-right {
    font-size: 4.4rem;
    line-height: 0.9; }
  #page-art .banner .row-banner-custom-artcontest .soft-blue {
    color: #5980B6; }
  @media (min-width: 1200px) {
    #page-art .banner .border-right-gold {
      /*border-right: 2px solid #757d34;*/ }
      #page-art .banner .border-right-gold:after {
        content: '';
        border-left: 2px solid #757d34;
        height: 280px;
        position: absolute;
        right: 55px;
        top: 0; } }
  #page-art .banner.banner-custom-artcontest {
    position: relative;
    -webkit-transition: background-size 2000ms;
    -o-transition: background-size 2000ms;
    transition: background-size 2000ms; }
    @media (min-width: 1024px) {
      #page-art .banner.banner-custom-artcontest:after {
        background-image: url("../img/banner/banner.png");
        background-repeat: no-repeat;
        /*background-size: 80%;*/
        background-size: cover;
        background-position: right bottom;
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: 215px;
        height: 400px; } }
    @media (min-width: 1300px) {
      #page-art .banner.banner-custom-artcontest:after {
        background-image: url("../img/banner/banner.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right bottom;
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: 280px;
        height: 400px; } }

#page-art p {
  line-height: 1.6rem; }

#page-art .customHeader h1 {
  font-size: 64px;
  font-weight: bold;
  font-family: 'AvenirNext-Bold';
  color: #222457; }

#page-art .sub-header {
  font-size: 1.7rem; }

#page-art .btn-custom {
  /*overflow: hidden;*/
  text-align: left;
  width: 100%;
  font-size: 1.2rem;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  color: #5980B6;
  border: 2px solid #5980B6; }
  #page-art .btn-custom:hover {
    /* transform:scale(1.1);*/
    /*color:#fff;
            background-color: #5980B6; */ }
  @media (min-width: 768px) {
    #page-art .btn-custom {
      width: 370px; } }
  #page-art .btn-custom .icon-custom {
    width: 50px; }

#page-art .card {
  /*border: 1px solid rgba(0,0,0,.125);*/
  border-left: 0px;
  border-right: 0px; }
  #page-art .card .card-header {
    background-color: transparent;
    border-bottom: 0px;
    cursor: pointer;
    padding: 1.25rem 1.25rem;
    padding-left: 0px; }
  #page-art .card .card-body {
    padding-left: 0px; }
    #page-art .card .card-body li {
      font-size: 1rem; }

#page-art .card-header {
  position: relative; }
  #page-art .card-header .icon-arrow-program {
    position: absolute;
    right: 0;
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%); }

#page-art .py-custom {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }

body {
  /*font-family: "DINAlternate-Bold";*/
  font-family: "AvenirNextLTPro-Regular";
  font-size: 16px;
  line-height: 1.4;
  color: #59595B;
  letter-spacing: 0.5px; }

@media (min-width: 1200px) {
  .container {
    max-width: 1200px; } }

b {
  font-family: "AvenirNextLTPro-Regular"; }

h1 {
  font-size: 26px;
  color: #231f20; }

.block-month-number h1 b {
  font-size: 3rem; }

h2 {
  font-size: 24px;
  color: #231f20; }

h3 {
  font-size: 22px;
  color: #231f20; }

h4 {
  font-size: 20px;
  color: #231f20; }

h5 {
  font-size: 18px;
  color: #231f20; }

h1, h2, h3, h3, h4, h5 {
  font-family: "AvenirNextLTPro-Regular";
  font-weight: none;
  line-height: 1.1; }

p {
  font-size: 0.9em;
  font-family: "AvenirNextLTPro-Regular";
  line-height: 1.3; }

li {
  font-size: 0.9em;
  font-family: "AvenirNextLTPro-Regular"; }

a.text-size {
  font-size: 0.9em; }

span {
  /*	// font-size: 0.8rem;*/ }
  span.span-update {
    font-size: 0.8rem;
    color: #b2b0b4; }

.w-70 {
  width: 70%; }

.avenir-bold {
  font-family: 'AvenirNext-Bold'; }

.font-din {
  font-family: "DINAlternate-Bold"  !important; }

.form-font {
  font-family: "AvenirNextLTPro-Regular" !important; }
  .form-font .col-form-label {
    font-weight: 600; }
  .form-font .select2-selection--single {
    height: 38px !important;
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    padding-left: 6px;
    font-size: 0.9rem; }
  .form-font .select2-container--focus {
    border: red !important; }
  .form-font .select2 {
    width: 100% !important; }
  .form-font .select2-selection__rendered, .form-font .select2-selection__arrow {
    margin-top: 5px; }
  .form-font .select2-search__field {
    border: 1px solid #aaa; }

.select-font {
  font-size: 0.9rem; }

a {
  color: #231f20;
  font-family: "AvenirNextLTPro-Regular"; }
  a:hover {
    text-decoration: none;
    color: inherit; }

.block-month-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.capitalize {
  text-transform: uppercase; }

.btn {
  font-family: "AvenirNextLTPro-Regular";
  font-size: 16px;
  border-radius: 0; }

.form-control {
  border-radius: 0; }

.color-white {
  color: #fff; }

.color-red {
  color: #de453f; }

.color-gay {
  color: #414042; }

.color-gay-light {
  color: #a3abab; }

.color-black {
  color: #231f20; }

.color-blue-theme {
  color: #05607e; }

.color-light-blue {
  color: #d9e3e3; }

.color-blue {
  color: #598CC5; }

.color-soft-blue {
  color: #DCE6EE; }

.color-dark-blue {
  color: #222457; }

.color-gold {
  color: #757D34; }

.color-purple {
  color: #804B7C; }

.color-soft-dark-blue {
  color: #334A90; }

.color-green {
  color: #008059; }

.bg-black {
  background-color: #231f20; }

.bg-blue-light {
  background-color: #d9e3e3; }

.bg-blue-dark {
  background-color: #1D8894; }

.bg-red {
  background-color: #de453f; }

.bg-light-gay {
  background-color: #a3abab; }

.bg-gay {
  background-color: #414042; }

.bg-blue {
  background-color: #598CC5; }

.bg-soft-blue {
  background-color: #DCE6EE; }

.bg-soft-blue-gradient {
  background: #b9dcf5;
  background: -webkit-gradient(linear, left top, right top, from(white), to(#b9dcf5));
  background: -webkit-linear-gradient(left, white 0%, #b9dcf5 100%);
  background: -o-linear-gradient(left, white 0%, #b9dcf5 100%);
  background: linear-gradient(90deg, white 0%, #b9dcf5 100%); }

.bg-dark-blue {
  background-color: #222457; }

.bg-soft-dark-blue {
  background-color: #334A90; }

.bg-gold {
  background-color: #757D34; }

.bg-purple {
  background-color: #804B7C; }

.bg-green {
  background-color: #008059; }

.text-uppercase {
  text-transform: uppercase; }

.bg-dark-gray {
  background-color: #b5b3b3; }

.btn-border-green {
  border: 2px solid #61C7CD;
  color: #61C7CD;
  padding: 9px 20px !important; }
  .btn-border-green:hover {
    background-color: #61C7CD;
    color: #fff; }

.btn-border-red {
  border: 2px solid #de453f;
  color: #de453f; }
  .btn-border-red:hover {
    background-color: #de453f;
    color: #fff; }

.icons-social {
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 5px 10px; }
  .icons-social i {
    color: #fff; }
  .icons-social.icons-facebook:hover {
    border-color: #0d8ff2;
    background-color: #0d8ff2; }
  .icons-social.icons-twitter-news:hover {
    border-color: #1d9bf1;
    background-color: #1d9bf1; }
  .icons-social.icons-youtube:hover {
    border-color: red;
    background-color: red; }

.required:after {
  content: " *";
  color: #de453f; }

.cropControlRotateLeft, .cropControlRotateRight {
  display: none !important; }

.block-img-speakers {
  overflow: hidden;
  position: relative; }
  .block-img-speakers:after {
    /*border-top: 2px solid  $color-green-oce;
		border-left: 2px solid  $color-green-oce;*/
    position: absolute;
    top: 0;
    width: 200px;
    height: 200px;
    content: ''; }
  .block-img-speakers:before {
    /*border-bottom: 2px solid  $color-green-oce;
		border-right: 2px solid  $color-green-oce;*/
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
    height: 200px;
    content: ''; }

.br-white:after, .br-white:before {
  border-color: #fff; }

.br-gray:after, .br-gray:before {
  border-color: #f1f1f2; }

.btn-bd-red {
  border: 1px solid #de453f;
  padding: 5px 20px; }

.btn-red {
  background-color: #de453f;
  padding: 5px 20px;
  border: 0;
  border-radius: 4px; }
  .btn-red:hover {
    background-color: #f13435; }

.m-t-0 {
  margin-top: 0; }

.custom-list-title-bar {
  list-style: none;
  padding: 0;
  margin: 0; }
  .custom-list-title-bar.align-center li {
    vertical-align: top; }
    @media (min-width: 768px) {
      .custom-list-title-bar.align-center li {
        vertical-align: middle; } }
  .custom-list-title-bar li {
    vertical-align: top;
    display: inline-block;
    margin-right: 5px; }
    .custom-list-title-bar li.list-style-title-1 {
      width: 3%; }
      @media (max-width: 767px) {
        .custom-list-title-bar li.list-style-title-1 {
          width: 5%; } }
    .custom-list-title-bar li.list-style-title-2 {
      width: 90%; }

.row-banner-custom {
  /*.title-banner{
		font-size:8em;
		@media (max-width: 767px){
			font-size:4.7em;
		}
		@media (max-width: 1024px) and (min-width: 768px){
			font-size:5em;
		}
		&.custom-title-subtheme{
			font-size:4vw;
			@media (max-width: 767px){
				font-size:2.6em;
			}
		}
	}*/
  /*.subtitle-banner-2{
		font-size:1.2rem;
		@media (max-width: 767px){
			font-size:0.7em;
		}
		@media (max-width: 1024px) and (min-width: 768px){
			font-size:1em;
		}
	}*/ }
  @media (max-width: 767px) {
    .row-banner-custom {
      padding: 0 20px; } }
  .row-banner-custom .subtitle-banner {
    /*font-size:2rem;*/
    font-size: 2.5rem;
    /*@media (max-width: 767px){
			font-size:1.3em;
		}
		@media (max-width: 1024px) and (min-width: 768px){
			font-size:2em;
		}*/ }
  .row-banner-custom .subtitle-banner2 {
    font-size: 2rem;
    /*@media (max-width: 767px){
			font-size:0.7em;
		}
		@media (max-width: 1024px) and (min-width: 768px){
			font-size:0.9em;
		}*/ }

@media (min-width: 992px) {
  .banner {
    /*height: 510px;*/ } }

.banner.banner-custom {
  position: relative;
  -webkit-transition: background-size 2000ms;
  -o-transition: background-size 2000ms;
  transition: background-size 2000ms; }
  @media (min-width: 768px) {
    .banner.banner-custom:after {
      background-image: url("../img/banner/banner-bg.png");
      background-repeat: no-repeat;
      background-size: 50%;
      background-position: right bottom;
      position: absolute;
      content: '';
      right: 0;
      bottom: 0;
      /*width: 100%;
		  		height: 100%;*/
      width: 1130px;
      height: 483px;
      /* transition: background-size 1500ms;*/ } }
  @media (min-width: 1024px) {
    .banner.banner-custom:after {
      background-image: url("../img/banner/banner-bg.png");
      background-repeat: no-repeat;
      background-size: 80%;
      background-position: right bottom;
      position: absolute;
      content: '';
      right: 0;
      bottom: 0;
      /*width: 100%;
		  		height: 100%;*/
      width: 1130px;
      height: 483px;
      /* transition: background-size 1500ms;*/ } }
  @media (min-width: 1300px) {
    .banner.banner-custom:after {
      background-image: url("../img/banner/banner-bg.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right bottom;
      position: absolute;
      content: '';
      right: 0;
      bottom: 0;
      /*width: 100%;
		  		height: 100%;*/
      width: 1130px;
      height: 483px;
      /* transition: background-size 1500ms;*/ } }

.banner.banner-custom2 {
  position: relative;
  -webkit-transition: background-size 2000ms;
  -o-transition: background-size 2000ms;
  transition: background-size 2000ms;
  overflow: hidden; }
  .banner.banner-custom2 .sub-text {
    margin-top: 172px; }
    @media (max-width: 767px) {
      .banner.banner-custom2 .sub-text {
        margin-top: 0px; } }
  @media (min-width: 1024px) {
    .banner.banner-custom2:after {
      background-image: url("../img/banner/logo-fade1.png");
      /*background-image: url(../img/banner/logo-fade1.png);*/
      background-repeat: no-repeat;
      background-size: 65%;
      background-position: right bottom;
      position: absolute;
      content: '';
      right: 30%;
      top: 0;
      width: 650px;
      height: 246px;
      /*transition: background-size 1500ms;*/ } }
  @media (min-width: 1024px) {
    .banner.banner-custom2:before {
      background-image: url(../img/banner/logo-fade2.png);
      background-repeat: no-repeat;
      background-size: 35%;
      background-position: right bottom;
      position: absolute;
      content: '';
      right: 10%;
      bottom: -10%;
      width: 650px;
      height: 246px; } }
  .banner.banner-custom2 .joinPmac {
    /*@media (max-width: 1024px){

			}*/
    -webkit-transform: translate(-10px, 0px);
    -ms-transform: translate(-10px, 0px);
    transform: translate(-10px, 0px);
    right: 0%;
    bottom: 10%;
    height: 100%;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 10px 10px 10px;
    background: #5980b6;
    background: -webkit-gradient(linear, left top, left bottom, from(#5980b6), color-stop(50%, #757d34), to(#804b7c));
    background: -webkit-linear-gradient(top, #5980b6 0%, #757d34 50%, #804b7c 100%);
    background: -o-linear-gradient(top, #5980b6 0%, #757d34 50%, #804b7c 100%);
    background: linear-gradient(180deg, #5980b6 0%, #757d34 50%, #804b7c 100%); }
    @media (min-width: 768px) {
      .banner.banner-custom2 .joinPmac {
        position: absolute; } }
    @media (min-width: 1300px) {
      .banner.banner-custom2 .joinPmac {
        right: 10%; } }
    @media (max-width: 767px) {
      .banner.banner-custom2 .joinPmac {
        -webkit-transform: translate(10px, 0px);
        -ms-transform: translate(10px, 0px);
        transform: translate(10px, 0px); } }

.banner.banner-custom3 {
  position: relative;
  -webkit-transition: background-size 2000ms;
  -o-transition: background-size 2000ms;
  transition: background-size 2000ms;
  overflow: hidden; }
  .banner.banner-custom3 .sub-text {
    margin-top: 172px; }
    @media (max-width: 767px) {
      .banner.banner-custom3 .sub-text {
        margin-top: 0px; } }
  @media (min-width: 1024px) {
    .banner.banner-custom3:after {
      background-image: url("../img/banner/logo-fade1.png");
      /*background-image: url(../img/banner/logo-fade1.png);*/
      background-repeat: no-repeat;
      background-size: 65%;
      background-position: right bottom;
      position: absolute;
      content: '';
      right: 15%;
      top: 0;
      width: 650px;
      height: 246px;
      /*transition: background-size 1500ms;*/ } }

.banner-subtheme.banner-custom1 {
  position: relative;
  -webkit-transition: background-size 2000ms;
  -o-transition: background-size 2000ms;
  transition: background-size 2000ms; }
  @media (min-width: 768px) {
    .banner-subtheme.banner-custom1:after {
      background-image: url("../img/sub3.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right bottom;
      position: absolute;
      content: '';
      right: 0;
      bottom: 0;
      /*width: 100%;
			  		height: 100%;*/
      width: 360px;
      height: 280px;
      /* transition: background-size 1500ms;*/ } }

.banner-subtheme.banner-custom2 {
  position: relative;
  -webkit-transition: background-size 2000ms;
  -o-transition: background-size 2000ms;
  transition: background-size 2000ms; }
  @media (min-width: 768px) {
    .banner-subtheme.banner-custom2:after {
      background-image: url("../img/sub2.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right bottom;
      position: absolute;
      content: '';
      right: 0;
      bottom: 0;
      /*width: 100%;
			  		height: 100%;*/
      width: 360px;
      height: 280px;
      /* transition: background-size 1500ms;*/ } }

.banner-subtheme.banner-custom3 {
  position: relative;
  -webkit-transition: background-size 2000ms;
  -o-transition: background-size 2000ms;
  transition: background-size 2000ms; }
  @media (min-width: 768px) {
    .banner-subtheme.banner-custom3:after {
      background-image: url("../img/sub1.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right bottom;
      position: absolute;
      content: '';
      right: 0;
      bottom: 0;
      /*width: 100%;
			  		height: 100%;*/
      width: 360px;
      height: 280px;
      /* transition: background-size 1500ms;*/ } }

.register-custom {
  position: relative;
  -webkit-transition: background-size 2000ms;
  -o-transition: background-size 2000ms;
  transition: background-size 2000ms;
  overflow: hidden; }
  .register-custom:after {
    background-image: url("../img/iconTheme2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    position: absolute;
    content: '';
    right: 4%;
    top: -53px;
    width: 271px;
    height: 210px;
    z-index: 0; }

.register-text {
  position: relative; }
  .register-text .line {
    position: absolute;
    left: -10px;
    top: 60%;
    height: 200px;
    width: 30px;
    padding: 10px 10px 10px 10px;
    background: #5980b6;
    background: -webkit-gradient(linear, left top, left bottom, from(#5980b6), color-stop(50%, #757d34), to(#804b7c));
    background: -webkit-linear-gradient(top, #5980b6 0%, #757d34 50%, #804b7c 100%);
    background: -o-linear-gradient(top, #5980b6 0%, #757d34 50%, #804b7c 100%);
    background: linear-gradient(180deg, #5980b6 0%, #757d34 50%, #804b7c 100%);
    z-index: -1; }
    @media (max-width: 992px) {
      .register-text .line {
        top: 30%; } }

/*.art-video{
	position: relative;
	.icon-play{
		position: absolute;
		top:50%;
		bottom: 50%;
	}
}*/
.list-custom-video {
  vertical-align: middle; }

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-error .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #a94442; }

.list-menu-session {
  list-style: none; }
  .list-menu-session li {
    padding: 0 10px;
    float: left;
    vertical-align: middle; }
    @media (min-width: 768px) {
      .list-menu-session li {
        border-right: 1px solid #000; } }
    @media (min-width: 768px) {
      .list-menu-session li:first-child {
        padding-left: 0; } }
    @media (min-width: 768px) {
      .list-menu-session li:last-child {
        border-right: 0; } }
    .list-menu-session li img {
      width: 23px; }
  .list-menu-session.custom-list li {
    border-right: 0; }

.custom-register-meeting {
  padding: 8px 20px; }
  @media (min-width: 992px) {
    .custom-register-meeting {
      font-size: 20px; } }

.box-detail-border img {
  border: 1px solid #efebeb; }

.block-filter-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.5s;
  -webkit-filter: grayscale(100%); }
  .block-filter-color:hover {
    -webkit-filter: none; }

@media (max-width: 767px) {
  .nav-tabs-custom {
    display: inherit;
    background-color: #f2e9e98c; } }

.nav-tabs-custom .nav-item .active {
  background-color: #231f20;
  color: #fff;
  border-radius: 0; }

.nav-tabs-custom .nav-item a:hover {
  border-radius: 0; }

.speaker-block .owl-carousel .owl-nav {
  position: absolute;
  top: 35%;
  width: 100%; }
  .speaker-block .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -35px;
    line-height: 0;
    padding: 5px 7px;
    border-radius: 20px;
    /*  background-color: #d0d062;*/ }
  .speaker-block .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -35px;
    line-height: 0;
    padding: 5px 7px;
    padding-right: 6px;
    border-radius: 20px;
    /*background-color: #d0d062;*/ }

.speaker-block .owl-carousel .owl-dots {
  display: none; }

.schedule-table {
  background-color: #222556;
  text-align: center;
  color: #fff;
  border-radius: 25px;
  padding: 10px 0px 10px 0px; }

.schedule-green-bg {
  background-color: #F2F7E9; }

.schedule-color-blue {
  color: #5980B6; }

.schedule-width {
  width: 20%; }
  @media (max-width: 767px) {
    .schedule-width {
      width: 45%; } }

.border-blue:after {
  content: '';
  border-bottom: 3px solid #598CC5;
  width: 10%;
  display: block;
  margin: 0 auto; }

.border-purple:after {
  content: '';
  border-bottom: 3px solid #804B7C;
  width: 10%;
  display: block;
  margin: 0 auto; }

.border-gray:after {
  content: '';
  border-bottom: 3px solid #414042;
  width: 10%;
  display: block;
  margin: 0 auto; }

.border-white-text:before {
  content: '';
  border-top: 3px solid #fff;
  width: 80%;
  display: block;
  margin: 0 auto; }

.border-white-text:after {
  content: '';
  border-bottom: 3px solid #fff;
  width: 80%;
  display: block;
  margin: 0 auto; }

.border-purple-between-text:before {
  content: '';
  border-left: 10px solid #804B7C;
  margin: 0 10px; }

.border-purple-between-text:after {
  content: '';
  border-right: 10px solid #804B7C;
  margin: 0 10px; }

.card-blue {
  border-radius: 1.25em;
  border-color: #598CC5; }
  .card-blue .card-header {
    border-radius: 1.1em 1.1em 0 0;
    background-color: #598CC5;
    color: #fff; }

.card-blue-border {
  border-radius: 1.25em;
  border-color: #598CC5; }
  .card-blue-border .card-header {
    border-radius: 1.1em 1.1em 0 0;
    /*background-color: $color-blue-2022;*/
    color: #598CC5;
    border-color: #598CC5; }

.card-purple {
  border-radius: 1.25em;
  border-color: #804B7C; }
  .card-purple .card-header {
    border-radius: 1.1em 1.1em 0 0;
    background-color: #804B7C;
    color: #fff; }

.card-gold {
  border-radius: 1.25em;
  border-color: #757D34; }
  .card-gold .card-header {
    border-radius: 1.1em 1.1em 0 0;
    background-color: #757D34;
    color: #fff; }