/*! mixins */
/*----------------------------------------------
 *key options                                  
 *- top-left,top-right,bottom-left,bottom-right
-----------------------------------------------*/
/*---------------------------------------
 *media queries                         
 *- break points options from variables:
 *  $bp-xs: 576px;                        
 *  $bp-sm: 768px;                        
 *  $bp-md: 992px;                        
 *  $bp-lg: 1200px;                       
----------------------------------------*/
.p-col-xlg,
.p-col-xlg-auto, .p-col-xlg-12, .p-col-xlg-11, .p-col-xlg-10, .p-col-xlg-9, .p-col-xlg-8, .p-col-xlg-7, .p-col-xlg-6, .p-col-xlg-5, .p-col-xlg-4, .p-col-xlg-3, .p-col-xlg-2, .p-col-xlg-1, .p-col-xl,
.p-col-xl-auto, .p-col-xl-12, .p-col-xl-11, .p-col-xl-10, .p-col-xl-9, .p-col-xl-8, .p-col-xl-7, .p-col-xl-6, .p-col-xl-5, .p-col-xl-4, .p-col-xl-3, .p-col-xl-2, .p-col-xl-1, .p-col-lg,
.p-col-lg-auto, .p-col-lg-12, .p-col-lg-11, .p-col-lg-10, .p-col-lg-9, .p-col-lg-8, .p-col-lg-7, .p-col-lg-6, .p-col-lg-5, .p-col-lg-4, .p-col-lg-3, .p-col-lg-2, .p-col-lg-1, .p-col-md,
.p-col-md-auto, .p-col-md-12, .p-col-md-11, .p-col-md-10, .p-col-md-9, .p-col-md-8, .p-col-md-7, .p-col-md-6, .p-col-md-5, .p-col-md-4, .p-col-md-3, .p-col-md-2, .p-col-md-1, .p-col-sm,
.p-col-sm-auto, .p-col-sm-12, .p-col-sm-11, .p-col-sm-10, .p-col-sm-9, .p-col-sm-8, .p-col-sm-7, .p-col-sm-6, .p-col-sm-5, .p-col-sm-4, .p-col-sm-3, .p-col-sm-2, .p-col-sm-1, .p-col-xs,
.p-col-xs-auto, .p-col-xs-12, .p-col-xs-11, .p-col-xs-10, .p-col-xs-9, .p-col-xs-8, .p-col-xs-7, .p-col-xs-6, .p-col-xs-5, .p-col-xs-4, .p-col-xs-3, .p-col-xs-2, .p-col-xs-1, .p-col,
.p-col-auto, .p-col-12, .p-col-11, .p-col-10, .p-col-9, .p-col-8, .p-col-7, .p-col-6, .p-col-5, .p-col-4, .p-col-3, .p-col-2, .p-col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.p-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.p-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.p-col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.p-col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.p-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.p-col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.p-col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.p-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.p-col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.p-col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.p-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.p-col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.p-col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.p-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

.panel-xs .p-col-xs {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.panel-xs .row-cols-xs-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.panel-xs .row-cols-xs-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.panel-xs .row-cols-xs-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.panel-xs .row-cols-xs-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.panel-xs .row-cols-xs-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.panel-xs .row-cols-xs-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.panel-xs .p-col-xs-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.panel-xs .p-col-xs-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.panel-xs .p-col-xs-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.panel-xs .p-col-xs-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.panel-xs .p-col-xs-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.panel-xs .p-col-xs-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.panel-xs .p-col-xs-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.panel-xs .p-col-xs-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.panel-xs .p-col-xs-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.panel-xs .p-col-xs-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.panel-xs .p-col-xs-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.panel-xs .p-col-xs-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.panel-xs .p-col-xs-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.panel-xs .order-xs-first {
  order: -1;
}
.panel-xs .order-xs-last {
  order: 13;
}
.panel-xs .order-xs-0 {
  order: 0;
}
.panel-xs .order-xs-1 {
  order: 1;
}
.panel-xs .order-xs-2 {
  order: 2;
}
.panel-xs .order-xs-3 {
  order: 3;
}
.panel-xs .order-xs-4 {
  order: 4;
}
.panel-xs .order-xs-5 {
  order: 5;
}
.panel-xs .order-xs-6 {
  order: 6;
}
.panel-xs .order-xs-7 {
  order: 7;
}
.panel-xs .order-xs-8 {
  order: 8;
}
.panel-xs .order-xs-9 {
  order: 9;
}
.panel-xs .order-xs-10 {
  order: 10;
}
.panel-xs .order-xs-11 {
  order: 11;
}
.panel-xs .order-xs-12 {
  order: 12;
}
.panel-xs .offset-xs-0 {
  margin-left: 0;
}
.panel-xs .offset-xs-1 {
  margin-left: 8.3333333333%;
}
.panel-xs .offset-xs-2 {
  margin-left: 16.6666666667%;
}
.panel-xs .offset-xs-3 {
  margin-left: 25%;
}
.panel-xs .offset-xs-4 {
  margin-left: 33.3333333333%;
}
.panel-xs .offset-xs-5 {
  margin-left: 41.6666666667%;
}
.panel-xs .offset-xs-6 {
  margin-left: 50%;
}
.panel-xs .offset-xs-7 {
  margin-left: 58.3333333333%;
}
.panel-xs .offset-xs-8 {
  margin-left: 66.6666666667%;
}
.panel-xs .offset-xs-9 {
  margin-left: 75%;
}
.panel-xs .offset-xs-10 {
  margin-left: 83.3333333333%;
}
.panel-xs .offset-xs-11 {
  margin-left: 91.6666666667%;
}

.panel-sm .p-col-sm {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.panel-sm .row-cols-sm-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.panel-sm .row-cols-sm-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.panel-sm .row-cols-sm-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.panel-sm .row-cols-sm-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.panel-sm .row-cols-sm-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.panel-sm .row-cols-sm-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.panel-sm .p-col-sm-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.panel-sm .p-col-sm-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.panel-sm .p-col-sm-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.panel-sm .p-col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.panel-sm .p-col-sm-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.panel-sm .p-col-sm-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.panel-sm .p-col-sm-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.panel-sm .p-col-sm-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.panel-sm .p-col-sm-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.panel-sm .p-col-sm-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.panel-sm .p-col-sm-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.panel-sm .p-col-sm-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.panel-sm .p-col-sm-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.panel-sm .order-sm-first {
  order: -1;
}
.panel-sm .order-sm-last {
  order: 13;
}
.panel-sm .order-sm-0 {
  order: 0;
}
.panel-sm .order-sm-1 {
  order: 1;
}
.panel-sm .order-sm-2 {
  order: 2;
}
.panel-sm .order-sm-3 {
  order: 3;
}
.panel-sm .order-sm-4 {
  order: 4;
}
.panel-sm .order-sm-5 {
  order: 5;
}
.panel-sm .order-sm-6 {
  order: 6;
}
.panel-sm .order-sm-7 {
  order: 7;
}
.panel-sm .order-sm-8 {
  order: 8;
}
.panel-sm .order-sm-9 {
  order: 9;
}
.panel-sm .order-sm-10 {
  order: 10;
}
.panel-sm .order-sm-11 {
  order: 11;
}
.panel-sm .order-sm-12 {
  order: 12;
}
.panel-sm .offset-sm-0 {
  margin-left: 0;
}
.panel-sm .offset-sm-1 {
  margin-left: 8.3333333333%;
}
.panel-sm .offset-sm-2 {
  margin-left: 16.6666666667%;
}
.panel-sm .offset-sm-3 {
  margin-left: 25%;
}
.panel-sm .offset-sm-4 {
  margin-left: 33.3333333333%;
}
.panel-sm .offset-sm-5 {
  margin-left: 41.6666666667%;
}
.panel-sm .offset-sm-6 {
  margin-left: 50%;
}
.panel-sm .offset-sm-7 {
  margin-left: 58.3333333333%;
}
.panel-sm .offset-sm-8 {
  margin-left: 66.6666666667%;
}
.panel-sm .offset-sm-9 {
  margin-left: 75%;
}
.panel-sm .offset-sm-10 {
  margin-left: 83.3333333333%;
}
.panel-sm .offset-sm-11 {
  margin-left: 91.6666666667%;
}

.panel-md .p-col-md {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.panel-md .row-cols-md-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.panel-md .row-cols-md-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.panel-md .row-cols-md-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.panel-md .row-cols-md-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.panel-md .row-cols-md-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.panel-md .row-cols-md-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.panel-md .p-col-md-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.panel-md .p-col-md-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.panel-md .p-col-md-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.panel-md .p-col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.panel-md .p-col-md-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.panel-md .p-col-md-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.panel-md .p-col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.panel-md .p-col-md-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.panel-md .p-col-md-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.panel-md .p-col-md-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.panel-md .p-col-md-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.panel-md .p-col-md-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.panel-md .p-col-md-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.panel-md .order-md-first {
  order: -1;
}
.panel-md .order-md-last {
  order: 13;
}
.panel-md .order-md-0 {
  order: 0;
}
.panel-md .order-md-1 {
  order: 1;
}
.panel-md .order-md-2 {
  order: 2;
}
.panel-md .order-md-3 {
  order: 3;
}
.panel-md .order-md-4 {
  order: 4;
}
.panel-md .order-md-5 {
  order: 5;
}
.panel-md .order-md-6 {
  order: 6;
}
.panel-md .order-md-7 {
  order: 7;
}
.panel-md .order-md-8 {
  order: 8;
}
.panel-md .order-md-9 {
  order: 9;
}
.panel-md .order-md-10 {
  order: 10;
}
.panel-md .order-md-11 {
  order: 11;
}
.panel-md .order-md-12 {
  order: 12;
}
.panel-md .offset-md-0 {
  margin-left: 0;
}
.panel-md .offset-md-1 {
  margin-left: 8.3333333333%;
}
.panel-md .offset-md-2 {
  margin-left: 16.6666666667%;
}
.panel-md .offset-md-3 {
  margin-left: 25%;
}
.panel-md .offset-md-4 {
  margin-left: 33.3333333333%;
}
.panel-md .offset-md-5 {
  margin-left: 41.6666666667%;
}
.panel-md .offset-md-6 {
  margin-left: 50%;
}
.panel-md .offset-md-7 {
  margin-left: 58.3333333333%;
}
.panel-md .offset-md-8 {
  margin-left: 66.6666666667%;
}
.panel-md .offset-md-9 {
  margin-left: 75%;
}
.panel-md .offset-md-10 {
  margin-left: 83.3333333333%;
}
.panel-md .offset-md-11 {
  margin-left: 91.6666666667%;
}

.panel-lg .p-col-lg {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.panel-lg .row-cols-lg-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.panel-lg .row-cols-lg-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.panel-lg .row-cols-lg-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.panel-lg .row-cols-lg-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.panel-lg .row-cols-lg-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.panel-lg .row-cols-lg-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.panel-lg .p-col-lg-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.panel-lg .p-col-lg-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.panel-lg .p-col-lg-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.panel-lg .p-col-lg-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.panel-lg .p-col-lg-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.panel-lg .p-col-lg-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.panel-lg .p-col-lg-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.panel-lg .p-col-lg-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.panel-lg .p-col-lg-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.panel-lg .p-col-lg-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.panel-lg .p-col-lg-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.panel-lg .p-col-lg-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.panel-lg .p-col-lg-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.panel-lg .order-lg-first {
  order: -1;
}
.panel-lg .order-lg-last {
  order: 13;
}
.panel-lg .order-lg-0 {
  order: 0;
}
.panel-lg .order-lg-1 {
  order: 1;
}
.panel-lg .order-lg-2 {
  order: 2;
}
.panel-lg .order-lg-3 {
  order: 3;
}
.panel-lg .order-lg-4 {
  order: 4;
}
.panel-lg .order-lg-5 {
  order: 5;
}
.panel-lg .order-lg-6 {
  order: 6;
}
.panel-lg .order-lg-7 {
  order: 7;
}
.panel-lg .order-lg-8 {
  order: 8;
}
.panel-lg .order-lg-9 {
  order: 9;
}
.panel-lg .order-lg-10 {
  order: 10;
}
.panel-lg .order-lg-11 {
  order: 11;
}
.panel-lg .order-lg-12 {
  order: 12;
}
.panel-lg .offset-lg-0 {
  margin-left: 0;
}
.panel-lg .offset-lg-1 {
  margin-left: 8.3333333333%;
}
.panel-lg .offset-lg-2 {
  margin-left: 16.6666666667%;
}
.panel-lg .offset-lg-3 {
  margin-left: 25%;
}
.panel-lg .offset-lg-4 {
  margin-left: 33.3333333333%;
}
.panel-lg .offset-lg-5 {
  margin-left: 41.6666666667%;
}
.panel-lg .offset-lg-6 {
  margin-left: 50%;
}
.panel-lg .offset-lg-7 {
  margin-left: 58.3333333333%;
}
.panel-lg .offset-lg-8 {
  margin-left: 66.6666666667%;
}
.panel-lg .offset-lg-9 {
  margin-left: 75%;
}
.panel-lg .offset-lg-10 {
  margin-left: 83.3333333333%;
}
.panel-lg .offset-lg-11 {
  margin-left: 91.6666666667%;
}

.panel-xl .p-col-xl {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.panel-xl .row-cols-xl-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.panel-xl .row-cols-xl-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.panel-xl .row-cols-xl-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.panel-xl .row-cols-xl-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.panel-xl .row-cols-xl-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.panel-xl .row-cols-xl-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.panel-xl .p-col-xl-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.panel-xl .p-col-xl-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.panel-xl .p-col-xl-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.panel-xl .p-col-xl-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.panel-xl .p-col-xl-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.panel-xl .p-col-xl-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.panel-xl .p-col-xl-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.panel-xl .p-col-xl-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.panel-xl .p-col-xl-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.panel-xl .p-col-xl-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.panel-xl .p-col-xl-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.panel-xl .p-col-xl-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.panel-xl .p-col-xl-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.panel-xl .order-xl-first {
  order: -1;
}
.panel-xl .order-xl-last {
  order: 13;
}
.panel-xl .order-xl-0 {
  order: 0;
}
.panel-xl .order-xl-1 {
  order: 1;
}
.panel-xl .order-xl-2 {
  order: 2;
}
.panel-xl .order-xl-3 {
  order: 3;
}
.panel-xl .order-xl-4 {
  order: 4;
}
.panel-xl .order-xl-5 {
  order: 5;
}
.panel-xl .order-xl-6 {
  order: 6;
}
.panel-xl .order-xl-7 {
  order: 7;
}
.panel-xl .order-xl-8 {
  order: 8;
}
.panel-xl .order-xl-9 {
  order: 9;
}
.panel-xl .order-xl-10 {
  order: 10;
}
.panel-xl .order-xl-11 {
  order: 11;
}
.panel-xl .order-xl-12 {
  order: 12;
}
.panel-xl .offset-xl-0 {
  margin-left: 0;
}
.panel-xl .offset-xl-1 {
  margin-left: 8.3333333333%;
}
.panel-xl .offset-xl-2 {
  margin-left: 16.6666666667%;
}
.panel-xl .offset-xl-3 {
  margin-left: 25%;
}
.panel-xl .offset-xl-4 {
  margin-left: 33.3333333333%;
}
.panel-xl .offset-xl-5 {
  margin-left: 41.6666666667%;
}
.panel-xl .offset-xl-6 {
  margin-left: 50%;
}
.panel-xl .offset-xl-7 {
  margin-left: 58.3333333333%;
}
.panel-xl .offset-xl-8 {
  margin-left: 66.6666666667%;
}
.panel-xl .offset-xl-9 {
  margin-left: 75%;
}
.panel-xl .offset-xl-10 {
  margin-left: 83.3333333333%;
}
.panel-xl .offset-xl-11 {
  margin-left: 91.6666666667%;
}

.panel-xlg .p-col-xlg {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.panel-xlg .row-cols-xlg-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.panel-xlg .row-cols-xlg-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.panel-xlg .row-cols-xlg-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.panel-xlg .row-cols-xlg-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.panel-xlg .row-cols-xlg-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.panel-xlg .row-cols-xlg-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.panel-xlg .p-col-xlg-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.panel-xlg .p-col-xlg-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.panel-xlg .p-col-xlg-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.panel-xlg .p-col-xlg-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.panel-xlg .p-col-xlg-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.panel-xlg .p-col-xlg-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.panel-xlg .p-col-xlg-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.panel-xlg .p-col-xlg-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.panel-xlg .p-col-xlg-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.panel-xlg .p-col-xlg-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.panel-xlg .p-col-xlg-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.panel-xlg .p-col-xlg-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.panel-xlg .p-col-xlg-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.panel-xlg .order-xlg-first {
  order: -1;
}
.panel-xlg .order-xlg-last {
  order: 13;
}
.panel-xlg .order-xlg-0 {
  order: 0;
}
.panel-xlg .order-xlg-1 {
  order: 1;
}
.panel-xlg .order-xlg-2 {
  order: 2;
}
.panel-xlg .order-xlg-3 {
  order: 3;
}
.panel-xlg .order-xlg-4 {
  order: 4;
}
.panel-xlg .order-xlg-5 {
  order: 5;
}
.panel-xlg .order-xlg-6 {
  order: 6;
}
.panel-xlg .order-xlg-7 {
  order: 7;
}
.panel-xlg .order-xlg-8 {
  order: 8;
}
.panel-xlg .order-xlg-9 {
  order: 9;
}
.panel-xlg .order-xlg-10 {
  order: 10;
}
.panel-xlg .order-xlg-11 {
  order: 11;
}
.panel-xlg .order-xlg-12 {
  order: 12;
}
.panel-xlg .offset-xlg-0 {
  margin-left: 0;
}
.panel-xlg .offset-xlg-1 {
  margin-left: 8.3333333333%;
}
.panel-xlg .offset-xlg-2 {
  margin-left: 16.6666666667%;
}
.panel-xlg .offset-xlg-3 {
  margin-left: 25%;
}
.panel-xlg .offset-xlg-4 {
  margin-left: 33.3333333333%;
}
.panel-xlg .offset-xlg-5 {
  margin-left: 41.6666666667%;
}
.panel-xlg .offset-xlg-6 {
  margin-left: 50%;
}
.panel-xlg .offset-xlg-7 {
  margin-left: 58.3333333333%;
}
.panel-xlg .offset-xlg-8 {
  margin-left: 66.6666666667%;
}
.panel-xlg .offset-xlg-9 {
  margin-left: 75%;
}
.panel-xlg .offset-xlg-10 {
  margin-left: 83.3333333333%;
}
.panel-xlg .offset-xlg-11 {
  margin-left: 91.6666666667%;
}/*# sourceMappingURL=panel-grid.css.map */