:root {
  --color: #868686;
  --bgBody: #fff;
  --colorTitle4:#000;
  --colorTitle5:#5E5751;
  
  --primary:#0d6efd;
  --secondary:#6c757d;
  --success:#198754;
  --info:#0dcaf0;
  --warning:#ffc107;
  --danger:#dc3545;
  --light:#f8f9fa;
  --dark:#212529;
  --grey:#DED5D5;

  --primaryOn: #0a58ca;
  --secondaryOn: #565e64;
  --successOn: #146c43;
  --infoOn:#3dd5f3;
  --warningOn: #ffcd39;
  --dangerOn:#b02a37;
  --lightOn: #f9fafb;
  --darkOn:#1a1e21;

  --verySmall: 5px;
  --small:     10px;
  --normal:    20px;
  --medium:    30px;
  --big:       50px;
  --veryBig:   70px;
  --giga:      100px;
  
  --bgMoveVerySmall: 5rem;
  --bgMoveSmall:     10rem;
  --bgMoveMedium:    15rem;
  --bgMoveBig:       20rem;
  --bgMoveVeryBig:   40rem;

  --imgIconVerySmall: 18px;
  --imgIconSmall:     20px;
  --imgIconNormal:    24px;
  --imgIconMedium:    30px;
  --imgIconBig:       40px;
  --imgIconVeryBig:   50px; 
}


/*Visualizacoes*/
.overflow-hidden  {overflow: hidden;}
.div-show         {display: block;}
.div-hidden       {display: none;}
.div-display-none {display: none !important;}
.display-list-item{display: list-item;}

.height-min      {min-height: 400px;}
.height-full     {min-height: 100vh;}

@media (min-width: 577px) {
  .only-mobile{display:none !important;}
}
@media (max-width: 576px) {
  .only-desktop{display:none !important;}
}

@media (max-width: 767px) {
  .no-mobile{display: none;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .no-tablet{display: none;}
}
@media (min-width: 992px) {
  .no-desktop{display: none;}
}

/*line*/
.line-clear{ width: 100% !important; height: 0 !important; border: 0 !important;margin: 0 !important;padding: 0 !important;}

/* Direcionamento / Alimenhamento */
.horizontal-left  {justify-content: left;}
.horizontal-center{justify-content: center;}
.horizontal-right {justify-content: right;}
.vertical-top     {align-items: flex-start; display: flex;}
.vertical-center                {align-items: center; display: grid;}
.vertical-center .div-image-aux {align-items: center; display: grid; height: 100%; }
.vertical-end                   {align-items: end; display: flex;}
.vertical-end .div-image-aux    {height: 100%;align-items: flex-end;display: flex;}
.equal-heights    {display: -webkit-box;}
.div-center       {margin-right:auto; margin-left:auto;}
.div-left         {margin-right:auto;}
.div-right        {margin-left:auto;}

/* Text */
.bold              {font-weight: 800;}
.text-a-left       {text-align: left;}
.text-center,
.text-a-center     {text-align: center;}
.text-center div,
.text-a-center div {margin-right:auto; margin-left:auto;}
.text-right,
.text-a-right      {text-align: right;}
.text-right div,
.text-a-right div  {margin-left: auto;}
.text-a-justify    {text-align: justify;}
@media (max-width: 576px) {
  .text-a-left-mobile       {text-align: left;}
  .text-a-center-mobile     {text-align: center;}
  .text-a-center-mobile div {margin-right:auto; margin-left:auto;}
  .text-a-right-mobile      {text-align: right;}
  .text-a-right-mobile div  {margin-left: auto;}
}

.icon-very-small{font-size: var(--imgIconVerySmall);}
.icon-small     {font-size: var(--imgIconSmall);}
.icon-normal    {font-size: var(--imgIconNormal);}
.icon-medium    {font-size: var(--imgIconMedium);}
.icon-big       {font-size: var(--imgIconBig);}
.icon-very-big  {font-size: var(--imgIconVeryBig);}

.font-very-small{font-size: 8px;}
.font-small     {font-size: 10px;}
.font-normal    {font-size: 14px;}
.font-medium    {font-size: 25px;}
.font-big       {font-size: 35px;}
.font-very-big  {font-size: 45px;}
@media (max-width: 576px) {
  .font-very-small-mobile{font-size: 8px;}
  .font-small-mobile     {font-size: 10px;}
  .font-normal-mobile    {font-size: 14px;}
  .font-medium-mobile    {font-size: 25px;}
  .font-big-mobile       {font-size: 35px;}
  .font-very-big-mobile  {font-size: 45px;}
}

.color-white     {color: #ffffff  !important;}
.color-primary   {color:var(--primary) !important;}
.color-secondary {color:var(--secondary) !important;}
.color-success   {color:var(--success) !important;}
.color-info      {color:var(--info) !important;}
.color-warning   {color:var(--warning) !important;}
.color-danger    {color:var(--danger) !important;}
.color-light     {color:var(--light) !important;}
.color-dark      {color:var(--dark) !important;}

/*font weight*/
.font-w-light{font-weight: 300;}
.font-w-normal{font-weight: normal;}
.font-w-bold{font-weight: bold;}

/* Button */
 button{cursor: pointer;}

.btn-p-small  {padding: 2px 12px;}
.btn-p-normal {padding: 5px 18px;}
.btn-p-medium {padding: 8px 25px;}
.btn-p-big    {padding:15px 45px;}

.btn-r-very-small {border-radius:3px;}
.btn-r-small      {border-radius:5px;}
.btn-r-normal     {border-radius:8px;}
.btn-r-medium     {border-radius:12px;}
.btn-r-big        {border-radius:20px;}
.btn-r-very-big   {border-radius:40px;}

.btn-s-full,.btn-full      {width: 100%; display: block;}
@media (max-width: 576px) {
  .btn-s-full-mobile       {width: 100%;}
  .btn-p-very-small-mobile {padding: 2px 12px;}
  .btn-p-small-mobile      {padding: 5px 18px;}
  .btn-p-medium-mobile     {padding: 8px 25px;}
  .btn-p-big-mobile        {padding:15px 45px;}
}

.link-color-1   {color: var(--color1) !important;}
.link-primary   {color: var(--primary) !important;}
.link-secondary {color:var(--secondary) !important;}
.link-success   {color:var(--success) !important;}
.link-info      {color:var(--info) !important;}
.link-warning   {color:var(--warning) !important;}
.link-danger    {color:var(--danger) !important;}
.link-light     {color:var(--light) !important;}
.link-dark      {color:var(--dark) !important;}

.link-color-1:focus,.link-color-1:hover     {color:var(--primaryOn) !important;}
.link-primary:focus,.link-primary:hover     {color:var(--primaryOn) !important;}
.link-secondary:focus,.link-secondary:hover {color:var(--secondaryOn) !important;}
.link-success:focus,.link-success:hover     {color:var(--successOn) !important;}
.link-info:focus,.link-info:hover           {color:var(--infoOn) !important;}
.link-warning:focus,.link-warning:hover     {color:var(--warningOn) !important;}
.link-danger:focus,.link-danger:hover       {color:var(--dangerOn) !important;}
.link-light:focus,.link-light:hover         {color:var(--lightOn) !important;}
.link-dark:focus,.link-dark:hover           {color:var(--darkOn) !important;}

.btn-style-color-1  {text-align:center; cursor: pointer; display:table; text-decoration: none; color:#fff !important; background:var(--color1) !important;    border-color:var(--color1) !important;}
.btn-style-primary  {text-align:center; cursor: pointer; display:table; text-decoration: none; color:#fff !important; background:var(--primary) !important;    border-color:var(--primary) !important;}
.btn-style-secondary{text-align:center; cursor: pointer; display:table; text-decoration: none; color:#fff !important; background:var(--secondary) !important;  border-color:var(--secondary) !important;}
.btn-style-success  {text-align:center; cursor: pointer; display:table; text-decoration: none; color:#fff !important; background:var(--success) !important  ;  border-color:var(--success) !important;}
.btn-style-info     {text-align:center; cursor: pointer; display:table; text-decoration: none; color:#fff !important; background:var(--info) !important   ;    border-color:var(--info) !important;}
.btn-style-warning  {text-align:center; cursor: pointer; display:table; text-decoration: none; color:#fff !important; background:var(--warning) !important ;   border-color:var(--warning) !important;}
.btn-style-danger   {text-align:center; cursor: pointer; display:table; text-decoration: none; color:#fff !important; background:var(--danger) !important ;    border-color:var(--danger) !important;}
.btn-style-light    {text-align:center; cursor: pointer; display:table; text-decoration: none; color:var(--dark);       background:var(--light) !important  ;    border-color:var(--light) !important;}
.btn-style-dark     {text-align:center; cursor: pointer; display:table; text-decoration: none; color:#fff;            background:var(--dark) !important;       border-color:var(--dark) !important;}

.btn-style-color-1   i{ background-color:#fff !important; }
.btn-style-primary   i{ background-color:#fff !important; }
.btn-style-secondary i{ background-color:#fff !important; }
.btn-style-success   i{ background-color:#fff !important; }
.btn-style-info      i{ background-color:#fff !important; }
.btn-style-warning   i{ background-color:#fff !important; }
.btn-style-danger    i{ background-color:#fff !important; }
.btn-style-light     i{ background-color:var(--dark) }
.btn-style-dark      i{ background-color:#fff;  }

.btn-style-color-1:focus,   .btn-style-color-1:hover     {border-color:var(--color1On) !important;    background:var(--color1On) !important; } 
.btn-style-primary:focus,   .btn-style-primary:hover     {border-color:var(--primaryOn) !important;   background:var(--primaryOn) !important; } 
.btn-style-secondary:focus, .btn-style-secondary:hover   {border-color:var(--secondaryOn) !important; background:var(--secondaryOn) !important; }
.btn-style-success:focus,   .btn-style-success:hover     {border-color:var(--successOn) !important;   background:var(--successOn) !important; }
.btn-style-info:focus,      .btn-style-info:hover        {border-color:var(--infoOn) !important;      background:var(--infoOn) !important; }
.btn-style-warning:focus,   .btn-style-warning:hover     {border-color:var(--warningOn) !important;   background:var(--warningOn) !important; } 
.btn-style-danger:focus,    .btn-style-danger:hover      {border-color:var(--dangerOn) !important;    background:var(--dangerOn) !important; }
.btn-style-light:focus,     .btn-style-light:hover       {border-color:var(--lightOn) !important;     background:var(--lightOn) !important; } 
.btn-style-dark:focus,      .btn-style-dark:hover        {border-color:var(--darkOn) !important;      background:var(--darkOn) !important; }  

.btn-style-transparent-color-1  {text-align:center; cursor: pointer; display:table; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--color1) !important;     border-color:var(--color1) !important;   }
.btn-style-transparent-primary  {text-align:center; cursor: pointer; display:table; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--primary) !important;    border-color:var(--primary) !important;  }
.btn-style-transparent-secondary{text-align:center; cursor: pointer; display:table; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--secondary) !important;  border-color:var(--secondary) !important;}
.btn-style-transparent-success  {text-align:center; cursor: pointer; display:table; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--success) !important;    border-color:var(--success) !important;  }
.btn-style-transparent-info     {text-align:center; cursor: pointer; display:table; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--info) !important;       border-color:var(--info) !important;     }
.btn-style-transparent-warning  {text-align:center; cursor: pointer; display:table; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--warning) !important;    border-color:var(--warning) !important;  }
.btn-style-transparent-danger   {text-align:center; cursor: pointer; display:table; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--danger) !important;     border-color:var(--danger) !important;   }
.btn-style-transparent-light    {text-align:center; cursor: pointer; display:table; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--light) !important;      border-color:var(--light) !important;    }
.btn-style-transparent-dark     {text-align:center; cursor: pointer; display:table; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--dark) !important;       border-color:var(--dark) !important;     }

.btn-style-transparent-color-1   i { background-color:var(--color1);}
.btn-style-transparent-primary   i { background-color:var(--primary);}
.btn-style-transparent-secondary i { background-color:var(--secondary);}
.btn-style-transparent-success   i { background-color:var(--success);}
.btn-style-transparent-info      i { background-color:var(--info);}
.btn-style-transparent-warning   i { background-color:var(--warning);}
.btn-style-transparent-danger    i { background-color:var(--danger);}
.btn-style-transparent-light     i { background-color:var(--light);}
.btn-style-transparent-dark      i { background-color:var(--dark);}

.btn-style-transparent-color-1:focus,   .btn-style-transparent-color-1:hover   {background: var(--color1On) !important;    border-color: var(--color1On) !important;    color: #fff !important;}
.btn-style-transparent-primary:focus,   .btn-style-transparent-primary:hover   {background: var(--primaryOn) !important;   border-color: var(--primaryOn) !important;   color: #fff !important;}
.btn-style-transparent-secondary:focus, .btn-style-transparent-secondary:hover {background: var(--secondaryOn) !important; border-color: var(--secondaryOn) !important; color: #fff !important;}
.btn-style-transparent-success:focus,   .btn-style-transparent-success:hover   {background: var(--successOn) !important;   border-color: var(--successOn) !important;   color: #fff !important;}
.btn-style-transparent-info:focus,      .btn-style-transparent-info:hover      {background: var(--infoOn) !important;      border-color: var(--infoOn) !important;      color: #fff !important;}
.btn-style-transparent-warning:focus,   .btn-style-transparent-warning:hover   {background: var(--warningOn) !important;   border-color: var(--warningOn) !important;   color: #fff !important;}
.btn-style-transparent-danger:focus,    .btn-style-transparent-danger:hover    {background: var(--dangerOn) !important;    border-color: var(--dangerOn) !important;    color: #fff !important;}
.btn-style-transparent-light:focus,     .btn-style-transparent-light:hover     {background: var(--lightOn) !important;     border-color: var(--lightOn) !important;     color: var(--darkOn) !important;}
.btn-style-transparent-dark:focus,      .btn-style-transparent-dark:hover      {background: var(--darkOn) !important;      border-color: var(--darkOn) !important;      color: #fff !important;}

.btn-style-transparent-color-1:focus   i, .btn-style-transparent-color-1:hover   i {background-color: #fff !important;}
.btn-style-transparent-primary:focus   i, .btn-style-transparent-primary:hover   i {background-color: #fff !important;}
.btn-style-transparent-secondary:focus i, .btn-style-transparent-secondary:hover i {background-color: #fff !important;}
.btn-style-transparent-success:focus   i, .btn-style-transparent-success:hover   i {background-color: #fff !important;}
.btn-style-transparent-info:focus      i, .btn-style-transparent-info:hover      i {background-color: #fff !important;}
.btn-style-transparent-warning:focus   i, .btn-style-transparent-warning:hover   i {background-color: #fff !important;}
.btn-style-transparent-danger:focus    i, .btn-style-transparent-danger:hover    i {background-color: #fff !important;}
.btn-style-transparent-light:focus     i, .btn-style-transparent-light:hover     i {background-color: var(--darkOn) !important;}
.btn-style-transparent-dark:focus      i, .btn-style-transparent-dark:hover      i {background-color: #fff !important;}

/*Shadow*/
.shadow{-webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);}

/*Background Color*/
.bg-color-white     {background-color:#ffffff;        }
.bg-color-grey      {background-color:var(--grey);      }  
.bg-color-primary   {background-color:var(--primary);   }
.bg-color-secondary {background-color:var(--secondary); }
.bg-color-success   {background-color:var(--success);   }
.bg-color-info      {background-color:var(--info);      }
.bg-color-warning   {background-color:var(--warning);   }
.bg-color-danger    {background-color:var(--danger);    }
.bg-color-light     {background-color:var(--light);     }
.bg-color-dark      {background-color:var(--dark);      }
.bg-color      {background-color:var(--color);      }

/*Background*/
.bg-no-repeat{background-repeat: no-repeat;}
.bg-width-100{background-size: cover;}
.bg-height-100{background-size: contain;}

/*Background Repeat*/
.background-r-no-repeat{background-repeat: no-repeat;}
.background-r-repeat   {background-repeat: repeat;} 
.background-r-repeat-x {background-repeat: repeat-x;}
.background-r-repeat-y {background-repeat: repeat-y;}

/*Background Size*/
.background-s-auto    {background-size: auto;}
.background-s-cover   {background-size: cover;} 
.background-s-contain {background-size: contain;}

/*Background position*/
.background-p-center-center  {background-position: center  center;}
.background-p-center-left    {background-position: center  left;}
.background-p-center-right   {background-position: center  right;}
.background-p-top-center     {background-position: top     center;}
.background-p-top-left       {background-position: top     left;}
.background-p-top-right      {background-position: top     right;}
.background-p-bottom-center  {background-position: bottom  center;}
.background-p-bottom-left    {background-position: bottom  left;}
.background-p-bottom-right   {background-position: bottom  right;}

/*Border*/
.border-w-none  {border-width: inherit;}
.border-w-fine  {border-width:1px;}
.border-w-medium{border-width:2px;}
.border-w-thick {border-width:3px;}

.border-t-b-solid{border-top-style: solid; border-bottom-style: solid;}
.border-s-solid{border-style:solid;}
.border-s-dashed{border-style: dashed;}
.border-s-dotted{border-style: dotted;}

/*Border Color*/
.border-color-white     {border-color:#ffffff;        }
.border-color-grey      {border-color:var(--grey);      }
.border-color-primary   {border-color:var(--primary);   }
.border-color-secondary {border-color:var(--secondary); }
.border-color-success   {border-color:var(--success);   }
.border-color-info      {border-color:var(--info);      }
.border-color-warning   {border-color:var(--warning);   }
.border-color-danger    {border-color:var(--danger);    }
.border-color-light     {border-color:var(--light);     }
.border-color-dark      {border-color:var(--dark);      }

/* radius */
.b-r-very-small {border-radius:3px;}
.b-r-small      {border-radius:5px;}
.b-r-medium     {border-radius:10px;}
.b-r-big        {border-radius:20px;}
.b-r-very-big   {border-radius:40px;}

/* Margin */
  .m-very-small{margin:         var(--verySmall);}
.m-t-very-small{margin-top:     var(--verySmall);}
.m-r-very-small{margin-right:   var(--verySmall);}
.m-b-very-small{margin-bottom:  var(--verySmall);}
.m-l-very-small{margin-left:    var(--verySmall);}

  .m-small{margin:        var(--small);}
.m-t-small{margin-top:    var(--small);}
.m-r-small{margin-right:  var(--small);}
.m-b-small{margin-bottom: var(--small);}
.m-l-small{margin-left:   var(--small);}

  .m-normal{margin:        var(--normal);}
.m-t-normal{margin-top:    var(--normal);}
.m-r-normal{margin-right:  var(--normal);}
.m-b-normal{margin-bottom: var(--normal);}
.m-l-normal{margin-left:   var(--normal);}

  .m-medium{margin:         var(--medium);}
.m-t-medium{margin-top:     var(--medium);}
.m-r-medium{margin-right:   var(--medium);}
.m-b-medium{margin-bottom:  var(--medium);}
.m-l-medium{margin-left:    var(--medium);}

  .m-big{margin:        var(--big);}
.m-t-big{margin-top:    var(--big);}
.m-r-big{margin-right:  var(--big);}
.m-b-big{margin-bottom: var(--big);}
.m-l-big{margin-left:   var(--big);}

  .m-very-big{margin:        var(--veryBig);}
.m-t-very-big{margin-top:    var(--veryBig);}
.m-r-very-big{margin-right:  var(--veryBig);}
.m-b-very-big{margin-bottom: var(--veryBig);}
.m-l-very-big{margin-left:   var(--veryBig);}

  .m-giga{margin:        var(--giga);}
.m-t-giga{margin-top:    var(--giga);}
.m-r-giga{margin-right:  var(--giga);}
.m-b-giga{margin-bottom: var(--giga);}
.m-l-giga{margin-left:   var(--giga);}

@media (max-width: 576px) {
    .m-very-small-mobile{margin:         var(--verySmall);}
  .m-t-very-small-mobile{margin-top:     var(--verySmall);}
  .m-r-very-small-mobile{margin-right:   var(--verySmall);}
  .m-b-very-small-mobile{margin-bottom:  var(--verySmall);}
  .m-l-very-small-mobile{margin-left:    var(--verySmall);}

    .m-small-mobile{margin:        var(--small);}
  .m-t-small-mobile{margin-top:    var(--small);}
  .m-r-small-mobile{margin-right:  var(--small);}
  .m-b-small-mobile{margin-bottom: var(--small);}
  .m-l-small-mobile{margin-left:   var(--small);}

    .m-normal-mobile{margin:        var(--normal);}
  .m-t-normal-mobile{margin-top:    var(--normal);}
  .m-r-normal-mobile{margin-right:  var(--normal);}
  .m-b-normal-mobile{margin-bottom: var(--normal);}
  .m-l-normal-mobile{margin-left:   var(--normal);}

    .m-medium-mobile{margin:         var(--medium);}
  .m-t-medium-mobile{margin-top:     var(--medium);}
  .m-r-medium-mobile{margin-right:   var(--medium);}
  .m-b-medium-mobile{margin-bottom:  var(--medium);}
  .m-l-medium-mobile{margin-left:    var(--medium);}

    .m-big-mobile{margin:        var(--big);}
  .m-t-big-mobile{margin-top:    var(--big);}
  .m-r-big-mobile{margin-right:  var(--big);}
  .m-b-big-mobile{margin-bottom: var(--big);}
  .m-l-big-mobile{margin-left:   var(--big);}

    .m-very-big-mobile{margin:        var(--veryBig);}
  .m-t-very-big-mobile{margin-top:    var(--veryBig);}
  .m-r-very-big-mobile{margin-right:  var(--veryBig);}
  .m-b-very-big-mobile{margin-bottom: var(--veryBig);}
  .m-l-very-big-mobile{margin-left:   var(--veryBig);}

    .m-giga-mobile{margin:        var(--giga);}
  .m-t-giga-mobile{margin-top:    var(--giga);}
  .m-r-giga-mobile{margin-right:  var(--giga);}
  .m-b-giga-mobile{margin-bottom: var(--giga);}
  .m-l-giga-mobile{margin-left:   var(--giga);}
}

/* Padding */
  .p-very-small{padding:         var(--verySmall);}
.p-t-very-small{padding-top:     var(--verySmall);}
.p-r-very-small{padding-right:   var(--verySmall);}
.p-b-very-small{padding-bottom:  var(--verySmall);}
.p-l-very-small{padding-left:    var(--verySmall);}

  .p-small{padding:        var(--small);}
.p-t-small{padding-top:    var(--small);}
.p-r-small{padding-right:  var(--small);}
.p-b-small{padding-bottom: var(--small);}
.p-l-small{padding-left:   var(--small);}

  .p-normal{padding:        var(--normal);}
.p-t-normal{padding-top:    var(--normal);}
.p-r-normal{padding-right:  var(--normal);}
.p-b-normal{padding-bottom: var(--normal);}
.p-l-normal{padding-left:   var(--normal);}

  .p-medium{padding:         var(--medium);}
.p-t-medium{padding-top:     var(--medium);}
.p-r-medium{padding-right:   var(--medium);}
.p-b-medium{padding-bottom:  var(--medium);}
.p-l-medium{padding-left:    var(--medium);}

  .p-big{padding:        var(--big);}
.p-t-big{padding-top:    var(--big);}
.p-r-big{padding-right:  var(--big);}
.p-b-big{padding-bottom: var(--big);}
.p-l-big{padding-left:   var(--big);}

  .p-very-big{padding:        var(--veryBig);}
.p-t-very-big{padding-top:    var(--veryBig);}
.p-r-very-big{padding-right:  var(--veryBig);}
.p-b-very-big{padding-bottom: var(--veryBig);}
.p-l-very-big{padding-left:   var(--veryBig);}

  .p-giga{padding:        var(--giga);}
.p-t-giga{padding-top:    var(--giga);}
.p-r-giga{padding-right:  var(--giga);}
.p-b-giga{padding-bottom: var(--giga);}
.p-l-giga{padding-left:   var(--giga);}

@media (max-width: 576px) {
    .p-very-small-mobile{padding:         var(--verySmall);}
  .p-t-very-small-mobile{padding-top:     var(--verySmall);}
  .p-r-very-small-mobile{padding-right:   var(--verySmall);}
  .p-b-very-small-mobile{padding-bottom:  var(--verySmall);}
  .p-l-very-small-mobile{padding-left:    var(--verySmall);}

    .p-small-mobile{padding:        var(--small);}
  .p-t-small-mobile{padding-top:    var(--small);}
  .p-r-small-mobile{padding-right:  var(--small);}
  .p-b-small-mobile{padding-bottom: var(--small);}
  .p-l-small-mobile{padding-left:   var(--small);}

    .p-normal-mobile{padding:        var(--normal);}
  .p-t-normal-mobile{padding-top:    var(--normal);}
  .p-r-normal-mobile{padding-right:  var(--normal);}
  .p-b-normal-mobile{padding-bottom: var(--normal);}
  .p-l-normal-mobile{padding-left:   var(--normal);}

    .p-medium-mobile{padding:         var(--medium);}
  .p-t-medium-mobile{padding-top:     var(--medium);}
  .p-r-medium-mobile{padding-right:   var(--medium);}
  .p-b-medium-mobile{padding-bottom:  var(--medium);}
  .p-l-medium-mobile{padding-left:    var(--medium);}

    .p-big-mobile{padding:        var(--big);}
  .p-t-big-mobile{padding-top:    var(--big);}
  .p-r-big-mobile{padding-right:  var(--big);}
  .p-b-big-mobile{padding-bottom: var(--big);}
  .p-l-big-mobile{padding-left:   var(--big);}

    .p-very-big-mobile{padding:        var(--veryBig);}
  .p-t-very-big-mobile{padding-top:    var(--veryBig);}
  .p-r-very-big-mobile{padding-right:  var(--veryBig);}
  .p-b-very-big-mobile{padding-bottom: var(--veryBig);}
  .p-l-very-big-mobile{padding-left:   var(--veryBig);}

    .p-giga{padding:        var(--giga);}
  .p-t-giga{padding-top:    var(--giga);}
  .p-r-giga{padding-right:  var(--giga);}
  .p-b-giga{padding-bottom: var(--giga);}
  .p-l-giga{padding-left:   var(--giga);}
}