/*
  Name: [PigzTV]Pigz 
  Email: Pigz@PigzTV.com
  Created: 15-10-2019
  Edited: 16-04-2025
*/

.flex { display: flex; }

.flex-row { flex-direction: row; }
.flex-wrap-row { display: flex; flex-direction: row; flex-wrap: wrap; }
.flex-nowrap-row { display: flex; flex-direction: row; flex-wrap: nowrap; }
.flex-wrap-reverse-row { display: flex; flex-direction: row; flex-wrap: wrap-reverse; }

.flex-column { flex-direction: column; }
.flex-wrap-column { display: flex; flex-direction: column; flex-wrap: wrap; }
.flex-nowrap-column { display: flex; flex-direction: column; flex-wrap: nowrap; }
.flex-wrap-reverse-column { display: flex; flex-direction: column; flex-wrap: wrap-reverse; }

.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }

.flex-expand-shrink { flex-grow: 1; flex-shrink: 1; }
.flex-inline { display: inline-flex; align-items: center; }

.flex-start { justify-content: flex-start; }
.flex-end { justify-content: flex-end; }
.flex-space-between { justify-content: space-between; }
.flex-space-around { justify-content: space-around; }

.flex-vc { align-items: center; }
.flex-hc { justify-content: center; }
.flex-centre { align-items: center; justify-content: center; }
.flex-centre-end { align-items: center; justify-content: flex-end; }

.flex-acs { align-content: start; }
.flex-ass { align-self: start; }
.flex-ase { align-self: flex-end; }
.flex-aie { align-items: flex-end; }

.col-1  { width: 4.166666666666667%; }
.col-2  { width: 8.3333333333333333333333333333333%; }
.col-3  { width: 12.5%; }
.col-4  { width: 16.666666666666666666666666666667%; }
.col-5  { width: 20.833333333333333333333333333333%; }
.col-6  { width: 25%; }
.col-7  { width: 29.166666666666666666666666666667%; }
.col-8  { width: 33.333333333333333333333333333333%; }
.col-9  { width: 37.5%; }
.col-10 { width: 41.666666666666666666666666666667%; }     
.col-11 { width: 45.833333333333333333333333333333%; }
.col-12 { width: 50%; }
.col-13 { width: 54.166666666666666666666666666667%; }
.col-14 { width: 58.333333333333333333333333333333%; }
.col-15 { width: 62.5%; }
.col-16 { width: 66.666666666666666666666666666667%; }
.col-18 { width: 75%; }
.col-19 { width: 79.166666666666666666666666666667%; }
.col-20 { width: 83.333333333333333333333333333333%; }
.col-21 { width: 87.5%; }
.col-22 { width: 91.666666666666666666666666666667%; } 
.col-23 { width: 95.833333333333333333333333333333%; }
.col-24 { width: 100%; }

 @media (max-width: 575px)
 {
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-9, .col-xs-10, .col-xs-11,
  .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24
  {
   float: left;
   width: 100%;    
  }

  .col-xs { flex-grow: 1; flex-basis: 100%; max-width: 100%; }
  .col-xs-1 { flex-grow: 0; flex-shrink: 0; max-width: 4.1666666666666666666666666666667%; }     
  .col-xs-2 { flex-grow: 0; flex-shrink: 0; max-width: 8.3333333333333333333333333333333%; }  
  .col-xs-3 { flex-grow: 0; flex-shrink: 0; max-width: 12.5%; }     
  .col-xs-4 { flex-grow: 0; flex-shrink: 0; max-width: 16.666666666666666666666666666667%; }   
  .col-xs-5 { flex-grow: 0; flex-shrink: 0; max-width: 20.833333333333333333333333333333%; }    
  .col-xs-6 { flex-grow: 0; flex-shrink: 0; max-width: 25%; }    
  .col-xs-7 { flex-grow: 0; flex-shrink: 0; max-width: 29.166666666666666666666666666667%; }    
  .col-xs-8 { flex-grow: 0; flex-shrink: 0; max-width: 33.333333333333333333333333333333%; }       
  .col-xs-9 { flex-grow: 0; flex-shrink: 0; max-width: 37.5%; }    
  .col-xs-10 { flex-grow: 0; flex-shrink: 0; max-width: 41.666666666666666666666666666667%; }    
  .col-xs-11 { flex-grow: 0; flex-shrink: 0; max-width: 45.833333333333333333333333333333%; }   
  .col-xs-12 { flex-grow: 0; flex-shrink: 0; max-width: 50%; }  
  .col-xs-13 { flex-grow: 0; flex-shrink: 0; max-width: 54.166666666666666666666666666667%; }    
  .col-xs-14 { flex-grow: 0; flex-shrink: 0; max-width: 58.333333333333333333333333333333%; }   
  .col-xs-15 { flex-grow: 0; flex-shrink: 0; max-width: 62.5%; }     
  .col-xs-16 { flex-grow: 0; flex-shrink: 0; max-width: 66.666666666666666666666666666667%; }  
  .col-xs-17 { flex-grow: 0; flex-shrink: 0; max-width: 70.833333333333333333333333333333%; }     
  .col-xs-18 { flex-grow: 0; flex-shrink: 0; max-width: 75%; }     
  .col-xs-19 { flex-grow: 0; flex-shrink: 0; max-width: 79.166666666666666666666666666667%; }     
  .col-xs-20 { flex-grow: 0; flex-shrink: 0; max-width: 83.333333333333333333333333333333%; }     
  .col-xs-21 { flex-grow: 0; flex-shrink: 0; max-width: 87.5%; }       
  .col-xs-22 { flex-grow: 0; flex-shrink: 0; max-width: 91.666666666666666666666666666667%; }     
  .col-xs-23 { flex-grow: 0; flex-shrink: 0; max-width: 95.833333333333333333333333333333%; }     
  .col-xs-24 { flex-grow: 0; flex-shrink: 0; max-width: 100%; }
 }

 @media (min-width: 576px) and (max-width: 767px)
 {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
  .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24
  {
   float: left; 
   width: 100%;   
  }    

  .col-sm { flex-grow: 1; flex-basis: 100%; max-width: 100%; }
  .col-sm-1 { flex-grow: 0; flex-shrink: 0; max-width: 4.1666666666666666666666666666667%; }     
  .col-sm-2 { flex-grow: 0; flex-shrink: 0; max-width: 8.3333333333333333333333333333333%; }     
  .col-sm-3 { flex-grow: 0; flex-shrink: 0; max-width: 12.5%; }      
  .col-sm-4 { flex-grow: 0; flex-shrink: 0; max-width: 16.666666666666666666666666666667%; }     
  .col-sm-5 { flex-grow: 0; flex-shrink: 0; max-width: 20.833333333333333333333333333333%; }     
  .col-sm-6 { flex-grow: 0; flex-shrink: 0; max-width: 25%; }     
  .col-sm-7 { flex-grow: 0; flex-shrink: 0; max-width: 29.166666666666666666666666666667%; }     
  .col-sm-8 { flex-grow: 0; flex-shrink: 0; max-width: 33.333333333333333333333333333333%; }       
  .col-sm-9 { flex-grow: 0; flex-shrink: 0; max-width: 37.5%; }     
  .col-sm-10 { flex-grow: 0; flex-shrink: 0; max-width: 41.666666666666666666666666666667%; }     
  .col-sm-11 { flex-grow: 0; flex-shrink: 0; max-width: 45.833333333333333333333333333333%; }     
  .col-sm-12 { flex-grow: 0; flex-shrink: 0; max-width: 50%; }  
  .col-sm-13 { flex-grow: 0; flex-shrink: 0; max-width: 54.166666666666666666666666666667%; }   
  .col-sm-14 { flex-grow: 0; flex-shrink: 0; max-width: 58.333333333333333333333333333333%; }  
  .col-sm-15 { flex-grow: 0; flex-shrink: 0; max-width: 62.5%; }  
  .col-sm-16 { flex-grow: 0; flex-shrink: 0; max-width: 66.666666666666666666666666666667%; }     
  .col-sm-17 { flex-grow: 0; flex-shrink: 0; max-width: 70.833333333333333333333333333333%; }     
  .col-sm-18 { flex-grow: 0; flex-shrink: 0; max-width: 75%; }  
  .col-sm-19 { flex-grow: 0; flex-shrink: 0; max-width: 79.166666666666666666666666666667%; }  
  .col-sm-20 { flex-grow: 0; flex-shrink: 0; max-width: 83.333333333333333333333333333333%; }  
  .col-sm-21 { flex-grow: 0; flex-shrink: 0; max-width: 87.5%; }     
  .col-sm-22 { flex-grow: 0; flex-shrink: 0; max-width: 91.666666666666666666666666666667%; }      
  .col-sm-23 { flex-grow: 0; flex-shrink: 0; max-width: 95.833333333333333333333333333333%; }     
  .col-sm-24 { flex-grow: 0; flex-shrink: 0; max-width: 100%; }     
 }
    
 @media (min-width: 768px) and (max-width: 991px)
 {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-9, .col-md-10, .col-md-11, .col-md-12, 
  .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24
  {
   float: left;
   width: 100%;    
  }

  .col-md { flex-grow: 1; flex-basis: 100%; max-width: 100%; }
  .col-md-1 { flex-grow: 0; flex-shrink: 0; max-width: 4.1666666666666666666666666666667%; }     
  .col-md-2 { flex-grow: 0; flex-shrink: 0; max-width: 8.3333333333333333333333333333333%; }     
  .col-md-3 { flex-grow: 0; flex-shrink: 0; max-width: 12.5%; }      
  .col-md-4 { flex-grow: 0; flex-shrink: 0; max-width: 16.666666666666666666666666666667%; }   
  .col-md-5 { flex-grow: 0; flex-shrink: 0; max-width: 20.833333333333333333333333333333%; }     
  .col-md-6 { flex-grow: 0; flex-shrink: 0; max-width: 25%; }     
  .col-md-7 { flex-grow: 0; flex-shrink: 0; max-width: 29.166666666666666666666666666667%; }   
  .col-md-8 { flex-grow: 0; flex-shrink: 0; max-width: 33.333333333333333333333333333333%; }       
  .col-md-9 { flex-grow: 0; flex-shrink: 0; max-width: 37.5%; }   
  .col-md-10 { flex-grow: 0; flex-shrink: 0; max-width: 41.666666666666666666666666666667%; }     
  .col-md-11 { flex-grow: 0; flex-shrink: 0; max-width: 45.833333333333333333333333333333%; }    
  .col-md-12 { flex-grow: 0; flex-shrink: 0; max-width: 50%; }   
  .col-md-13 { flex-grow: 0; flex-shrink: 0; max-width: 54.166666666666666666666666666667%; }  
  .col-md-14 { flex-grow: 0; flex-shrink: 0; max-width: 58.333333333333333333333333333333%; }  
  .col-md-15 { flex-grow: 0; flex-shrink: 0; max-width: 62.5%; }     
  .col-md-16 { flex-grow: 0; flex-shrink: 0; max-width: 66.666666666666666666666666666667%; }     
  .col-md-17 { flex-grow: 0; flex-shrink: 0; max-width: 70.833333333333333333333333333333%; }     
  .col-md-18 { flex-grow: 0; flex-shrink: 0; max-width: 75%; }     
  .col-md-19 { flex-grow: 0; flex-shrink: 0; max-width: 79.166666666666666666666666666667%; }     
  .col-md-20 { flex-grow: 0; flex-shrink: 0; max-width: 83.333333333333333333333333333333%; }     
  .col-md-21 { flex-grow: 0; flex-shrink: 0; max-width: 87.5%; }       
  .col-md-22 { flex-grow: 0; flex-shrink: 0; max-width: 91.666666666666666666666666666667%; }       
  .col-md-23 { flex-grow: 0; flex-shrink: 0; max-width: 95.833333333333333333333333333333%; }     
  .col-md-24 { flex-grow: 0; flex-shrink: 0; max-width: 100%; }     
 }

 @media (min-width: 992px) and (max-width: 1199px)
 {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
  .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24
  {
   float: left;
   width: 100%;    
  }   

  .col-lg { flex-grow: 1; flex-basis: 100%; max-width: 100%; }
  .col-lg-1 { flex-grow: 0; flex-shrink: 0; max-width: 4.1666666666666666666666666666667%; }     
  .col-lg-2 { flex-grow: 0; flex-shrink: 0; max-width: 8.3333333333333333333333333333333%; }     
  .col-lg-3 { flex-grow: 0; flex-shrink: 0; max-width: 12.5%; }      
  .col-lg-4 { flex-grow: 0; flex-shrink: 0; max-width: 16.666666666666666666666666666667%; }   
  .col-lg-5 { flex-grow: 0; flex-shrink: 0; max-width: 20.833333333333333333333333333333%; }     
  .col-lg-6 { flex-grow: 0; flex-shrink: 0; max-width: 25%; }     
  .col-lg-7 { flex-grow: 0; flex-shrink: 0; max-width: 29.166666666666666666666666666667%; }   
  .col-lg-8 { flex-grow: 0; flex-shrink: 0; max-width: 33.333333333333333333333333333333%; }       
  .col-lg-9 { flex-grow: 0; flex-shrink: 0; max-width: 37.5%; }   
  .col-lg-10 { flex-grow: 0; flex-shrink: 0; max-width: 41.666666666666666666666666666667%; }     
  .col-lg-11 { flex-grow: 0; flex-shrink: 0; max-width: 45.833333333333333333333333333333%; }    
  .col-lg-12 { flex-grow: 0; flex-shrink: 0; max-width: 50%; }   
  .col-lg-13 { flex-grow: 0; flex-shrink: 0; max-width: 54.166666666666666666666666666667%; }  
  .col-lg-14 { flex-grow: 0; flex-shrink: 0; max-width: 58.333333333333333333333333333333%; }  
  .col-lg-15 { flex-grow: 0; flex-shrink: 0; max-width: 62.5%; }     
  .col-lg-16 { flex-grow: 0; flex-shrink: 0; max-width: 66.666666666666666666666666666667%; }     
  .col-lg-17 { flex-grow: 0; flex-shrink: 0; max-width: 70.833333333333333333333333333333%; }     
  .col-lg-18 { flex-grow: 0; flex-shrink: 0; max-width: 75%; }     
  .col-lg-19 { flex-grow: 0; flex-shrink: 0; max-width: 79.166666666666666666666666666667%; }     
  .col-lg-20 { flex-grow: 0; flex-shrink: 0; max-width: 83.333333333333333333333333333333%; }     
  .col-lg-21 { flex-grow: 0; flex-shrink: 0; max-width: 87.5%; }       
  .col-lg-22 { flex-grow: 0; flex-shrink: 0; max-width: 91.666666666666666666666666666667%; }       
  .col-lg-23 { flex-grow: 0; flex-shrink: 0; max-width: 95.833333333333333333333333333333%; }     
  .col-lg-24 { flex-grow: 0; flex-shrink: 0; max-width: 100%; } 
 }

 @media (min-width: 1200px)
 {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12,
  .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-17, .col-xl-18, .col-xl-19, .col-xl-20, .col-xl-21, .col-xl-22, .col-xl-23, .col-xl-24
  {
   float: left; 
   width: 100%;  
  }

  .col-xl { flex-grow: 1; flex-basis: 100%; max-width: 100%; }
  .col-xl-1 { flex-grow: 0; flex-shrink: 0; max-width: 4.1666666666666666666666666666667%; }     
  .col-xl-2 { flex-grow: 0; flex-shrink: 0; max-width: 8.3333333333333333333333333333333%; }     
  .col-xl-3 { flex-grow: 0; flex-shrink: 0; max-width: 12.5%; }      
  .col-xl-4 { flex-grow: 0; flex-shrink: 0; max-width: 16.666666666666666666666666666667%; }   
  .col-xl-5 { flex-grow: 0; flex-shrink: 0; max-width: 20.833333333333333333333333333333%; }     
  .col-xl-6 { flex-grow: 0; flex-shrink: 0; max-width: 25%; }     
  .col-xl-7 { flex-grow: 0; flex-shrink: 0; max-width: 29.166666666666666666666666666667%; }   
  .col-xl-8 { flex-grow: 0; flex-shrink: 0; max-width: 33.333333333333333333333333333333%; }       
  .col-xl-9 { flex-grow: 0; flex-shrink: 0; max-width: 37.5%; }   
  .col-xl-10 { flex-grow: 0; flex-shrink: 0; max-width: 41.666666666666666666666666666667%; }     
  .col-xl-11 { flex-grow: 0; flex-shrink: 0; max-width: 45.833333333333333333333333333333%; }    
  .col-xl-12 { flex-grow: 0; flex-shrink: 0;max-width: 50%; }   
  .col-xl-13 { flex-grow: 0; flex-shrink: 0; max-width: 54.166666666666666666666666666667%; }  
  .col-xl-14 { flex-grow: 0; flex-shrink: 0; max-width: 58.333333333333333333333333333333%; }  
  .col-xl-15 { flex-grow: 0; flex-shrink: 0; max-width: 62.5%; }     
  .col-xl-16 { flex-grow: 0; flex-shrink: 0; max-width: 66.666666666666666666666666666667%; }     
  .col-xl-17 { flex-grow: 0; flex-shrink: 0; max-width: 70.833333333333333333333333333333%; }     
  .col-xl-18 { flex-grow: 0; flex-shrink: 0; max-width: 75%; }     
  .col-xl-19 { flex-grow: 0; flex-shrink: 0; max-width: 79.166666666666666666666666666667%; }     
  .col-xl-20 { flex-grow: 0; flex-shrink: 0; max-width: 83.333333333333333333333333333333%; }     
  .col-xl-21 { flex-grow: 0; flex-shrink: 0; max-width: 87.5%; }       
  .col-xl-22 { flex-grow: 0; flex-shrink: 0; max-width: 91.666666666666666666666666666667%; }       
  .col-xl-23 { flex-grow: 0; flex-shrink: 0; max-width: 95.833333333333333333333333333333%; }     
  .col-xl-24 { flex-grow: 0; flex-shrink: 0; max-width: 100%; }          
 }

 @media (min-width: 1400px)
 {
  .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12,
  .col-xxl-13, .col-xxl-14, .col-xxl-15, .col-xxl-16, .col-xxl-17, .col-xxl-18, .col-xxl-19, .col-xxl-20, .col-xxl-21, .col-xxl-22, .col-xxl-23, .col-xxl-24
  {
   float: left; 
   width: 100%;  
  }

  .col-xxl { flex-grow: 1; flex-basis: 100%; max-width: 100%; }
  .col-xxl-1 { flex-grow: 0; flex-shrink: 0; max-width: 4.1666666666666666666666666666667%; }     
  .col-xxl-2 { flex-grow: 0; flex-shrink: 0; max-width: 8.3333333333333333333333333333333%; }     
  .col-xxl-3 { flex-grow: 0; flex-shrink: 0; max-width: 12.5%; }      
  .col-xxl-4 { flex-grow: 0; flex-shrink: 0; max-width: 16.666666666666666666666666666667%; }   
  .col-xxl-5 { flex-grow: 0; flex-shrink: 0; max-width: 20.833333333333333333333333333333%; }     
  .col-xxl-6 { flex-grow: 0; flex-shrink: 0; max-width: 25%; }     
  .col-xxl-7 { flex-grow: 0; flex-shrink: 0; max-width: 29.166666666666666666666666666667%; }   
  .col-xxl-8 { flex-grow: 0; flex-shrink: 0; max-width: 33.333333333333333333333333333333%; }       
  .col-xxl-9 { flex-grow: 0; flex-shrink: 0; max-width: 37.5%; }   
  .col-xxl-10 { flex-grow: 0; flex-shrink: 0; max-width: 41.666666666666666666666666666667%; }     
  .col-xxl-11 { flex-grow: 0; flex-shrink: 0; max-width: 45.833333333333333333333333333333%; }    
  .col-xxl-12 { flex-grow: 0; flex-shrink: 0;max-width: 50%; }   
  .col-xxl-13 { flex-grow: 0; flex-shrink: 0; max-width: 54.166666666666666666666666666667%; }  
  .col-xxl-14 { flex-grow: 0; flex-shrink: 0; max-width: 58.333333333333333333333333333333%; }  
  .col-xxl-15 { flex-grow: 0; flex-shrink: 0; max-width: 62.5%; }     
  .col-xxl-16 { flex-grow: 0; flex-shrink: 0; max-width: 66.666666666666666666666666666667%; }     
  .col-xxl-17 { flex-grow: 0; flex-shrink: 0; max-width: 70.833333333333333333333333333333%; }     
  .col-xxl-18 { flex-grow: 0; flex-shrink: 0; max-width: 75%; }     
  .col-xxl-19 { flex-grow: 0; flex-shrink: 0; max-width: 79.166666666666666666666666666667%; }     
  .col-xxl-20 { flex-grow: 0; flex-shrink: 0; max-width: 83.333333333333333333333333333333%; }     
  .col-xxl-21 { flex-grow: 0; flex-shrink: 0; max-width: 87.5%; }       
  .col-xxl-22 { flex-grow: 0; flex-shrink: 0; max-width: 91.666666666666666666666666666667%; }       
  .col-xxl-23 { flex-grow: 0; flex-shrink: 0; max-width: 95.833333333333333333333333333333%; }     
  .col-xxl-24 { flex-grow: 0; flex-shrink: 0; max-width: 100%; }       
 }


@media (max-width: 768px) 
{
 .mobile { display: flex; }
 .desktop { display: none; }
}

@media (min-width: 769px) 
{
 .mobile { display: none; }
 .desktop { display: flex; }
}