/* *************************** */
/* ****** flex styles  ******* */
/* *************************** */

.justify-end {
    justify-content: flex-end;
}

.justify-sb {
    justify-content: space-between;
}

.justify-c {
    justify-content: center;
}

.flex-ac {
    align-items: center;
}

.flex-as {
    align-content: flex-start;
}

.flex-ae {
    align-items: flex-end;
}

.flex-no-max{
    max-width:initial !important; 
}

.fg-1{
    flex-grow: 1 !important;
}

.fl1{
    flex: 1;
}

.mw-lg-1 {
    max-width: 8.33333%;
}

.mw-lg-2 {
    max-width: 16.66667%;
}
    
.mw-lg-3 {
    max-width: 25%;
}

.mw-lg-4 {
    max-width: 33.33333%;
}
    
.mw-lg-5 {
    max-width: 41.66667%;
}
    
.mw-lg-6 {
    max-width: 50%;
}
    
.mw-lg-7 {
    max-width: 58.33333%;
}
    
.mw-lg-8 {
    max-width: 66.66667%;
}

.mw-lg-9 {
    max-width: 75%;
}
      
.mw-lg-10 {
    max-width: 83.33333%;
}
      
.mw-lg-11 {
    max-width: 91.66667%;
}
      
.mw-lg-12 {
    max-width: 100%;
}

@media all and (max-width: 1024px) {

    .mw-md-1 {
        max-width: 8.33333%;
    }

    .mw-md-2 {
        max-width: 16.66667%;
    }
        
    .mw-md-3 {
        max-width: 25%;
    }

    .mw-md-4 {
        max-width: 33.33333%;
    }
        
    .mw-md-5 {
        max-width: 41.66667%;
    }
        
    .mw-md-6 {
        max-width: 50%;
    }
        
    .mw-md-7 {
        max-width: 58.33333%;
    }
        
    .mw-md-8 {
        max-width: 66.66667%;
    }

    .mw-md-9 {
        max-width: 75%;
    }
          
    .mw-md-10 {
        max-width: 83.33333%;
    }
          
    .mw-md-11 {
        max-width: 91.66667%;
    }
          
    .mw-md-12 {
        max-width: 100%;
    }
}

@media all and (max-width: 768px) {
    .mw-m-1 {
        max-width: 8.33333%;
    }
    
    .mw-m-2 {
        max-width: 16.66667%;
    }
    
    .mw-m-3 {
        max-width: 25%;
    }

    .mw-m-4 {
        max-width: 33.33333%;
    }
    
    .mw-m-5 {
        max-width: 41.66667%;
    }
    
    .mw-m-6 {
        max-width: 50%;
    }
    
    .mw-m-7 {
        max-width: 58.33333%;
    }
    
    .mw-m-8 {
        max-width: 66.66667%;
    }

    .mw-m-9 {
        max-width: 75%;
    }
      
    .mw-m-10 {
        max-width: 83.33333%;
    }
      
    .mw-m-11 {
        max-width: 91.66667%;
    }
      
    .mw-m-12 {
        max-width: 100%;
    }        
}    

@media all and (max-width: 615px) {
    .mw-sm-1 {
        max-width: 8.33333%;
    }
    
    .mw-sm-2 {
        max-width: 16.66667%;
    }
    
    .mw-sm-3 {
        max-width: 25%;
    }

    .mw-sm-4 {
        max-width: 33.33333%;
    }
    
    .mw-sm-5 {
        max-width: 41.66667%;
    }
    
    .mw-sm-6 {
        max-width: 50%;
    }
    
    .mw-sm-7 {
        max-width: 58.33333%;
    }
    
    .mw-sm-8 {
        max-width: 66.66667%;
    }

    .mw-sm-9 {
        max-width: 75%;
    }
      
    .mw-sm-10 {
        max-width: 83.33333%;
    }
      
    .mw-sm-11 {
        max-width: 91.66667%;
    }
      
    .mw-sm-12 {
        max-width: 100%;
    }        
}    

.fg-lg-1,.fg-lg-2,.fg-lg-3,.fg-lg-4 {
    position: relative;
}

.flx{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flx-dir-row{
    flex-direction: row;
    -ms-flex-direction: row;
       -webkit-flex-direction: row;
}

.flx-dir-col{
    flex-direction: column;
    -ms-flex-direction: column;
       -webkit-flex-direction: column;
}

.flex-row{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
           -ms-flex-wrap: wrap;
    flex-direction: row;
        -ms-flex-direction: row;
           -webkit-flex-direction: row;
}

.fg-lg-1 {
    -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.fg-lg-2 {
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.fg-lg-3 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
}

.fg-lg-4 {
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.fg-lg-5 {
    -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.fg-lg-6 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
}

.fg-lg-7 {
    -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.fg-lg-8 {
    -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.fg-lg-9 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
}
  
.fg-lg-10 {
    -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
}
  
.fg-lg-11 {
    -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
}
  
.fg-lg-12 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
} 

@media all and (min-width: 1580px) {
    .fg-xxl-1 {
        -webkit-flex: 0 0 8.33333%;
            -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    
    .fg-xxl-2 {
        -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    
    .fg-xxl-3 {
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
    }

    .fg-xxl-4 {
        -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    
    .fg-xxl-5 {
        -webkit-flex: 0 0 41.66667%;
            -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    
    .fg-xxl-6 {
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
    
    .fg-xxl-7 {
        -webkit-flex: 0 0 58.33333%;
            -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    
    .fg-xxl-8 {
        -webkit-flex: 0 0 66.66667%;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .fg-xxl-9 {
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
        max-width: 75%;
    }
      
    .fg-xxl-10 {
        -webkit-flex: 0 0 83.33333%;
            -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
      
    .fg-xxl-11 {
        -webkit-flex: 0 0 91.66667%;
            -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
      
    .fg-xxl-12 {
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }   	
}

@media all and (min-width: 1280px) {
    .fg-xl-1 {
        -webkit-flex: 0 0 8.33333%;
            -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    
    .fg-xl-2 {
        -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    
    .fg-xl-3 {
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
    }

    .fg-xl-4 {
        -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    
    .fg-xl-5 {
        -webkit-flex: 0 0 41.66667%;
            -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    
    .fg-xl-6 {
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
    
    .fg-xl-7 {
        -webkit-flex: 0 0 58.33333%;
            -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    
    .fg-xl-8 {
        -webkit-flex: 0 0 66.66667%;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .fg-xl-9 {
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
        max-width: 75%;
    }
      
    .fg-xl-10 {
        -webkit-flex: 0 0 83.33333%;
            -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
      
    .fg-xl-11 {
        -webkit-flex: 0 0 91.66667%;
            -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
      
    .fg-xl-12 {
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }     
}

@media all and (max-width: 1024px) {
    .fg-md-1 {
        -webkit-flex: 0 0 8.33333%;
            -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    
    .fg-md-2 {
        -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    
    .fg-md-3 {
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
    }

    .fg-md-4 {
        -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    
    .fg-md-5 {
        -webkit-flex: 0 0 41.66667%;
            -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    
    .fg-md-6 {
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
    
    .fg-md-7 {
        -webkit-flex: 0 0 58.33333%;
            -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    
    .fg-md-8 {
        -webkit-flex: 0 0 66.66667%;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .fg-md-9 {
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
        max-width: 75%;
    }
      
    .fg-md-10 {
        -webkit-flex: 0 0 83.33333%;
            -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
      
    .fg-md-11 {
        -webkit-flex: 0 0 91.66667%;
            -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
      
    .fg-md-12 {
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }    
}

@media all and (max-width: 768px) {
     .fg-m-1 {
        -webkit-flex: 0 0 8.33333%;
            -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    
    .fg-m-2 {
        -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    
    .fg-m-3 {
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
    }

    .fg-m-4 {
        -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    
    .fg-m-5 {
        -webkit-flex: 0 0 41.66667%;
            -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    
    .fg-m-6 {
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
    
    .fg-m-7 {
        -webkit-flex: 0 0 58.33333%;
            -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    
    .fg-m-8 {
        -webkit-flex: 0 0 66.66667%;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .fg-m-9 {
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
        max-width: 75%;
    }
      
    .fg-m-10 {
        -webkit-flex: 0 0 83.33333%;
            -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
      
    .fg-m-11 {
        -webkit-flex: 0 0 91.66667%;
            -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
      
    .fg-m-12 {
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }   

    .fo-m-1 {
        order: 1;
    }

    .fo-m-2 {
        order: 2;
    }  

    .fo-m-3 {
        order: 3;
    }  
    
    .fo-m-4 {
        order: 4;
    }  
}

@media all and (max-width: 615px) {
    .fg-sm-0 {
        -webkit-flex: 0 0 0%;
            -ms-flex: 0 0 0%;
                flex: 0 0 0%;
        max-width: 0%;
    }

    .fg-sm-1 {
        -webkit-flex: 0 0 8.33333%;
            -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    
    .fg-sm-2 {
        -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    
    .fg-sm-3 {
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
    }

    .fg-sm-4 {
        -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    
    .fg-sm-5 {
        -webkit-flex: 0 0 41.66667%;
            -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    
    .fg-sm-6 {
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
    
    .fg-sm-7 {
        -webkit-flex: 0 0 58.33333%;
            -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    
    .fg-sm-8 {
        -webkit-flex: 0 0 66.66667%;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .fg-sm-9 {
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
        max-width: 75%;
    }
      
    .fg-sm-10 {
        -webkit-flex: 0 0 83.33333%;
            -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
      
    .fg-sm-11 {
        -webkit-flex: 0 0 91.66667%;
            -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
      
    .fg-sm-12 {
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }

    .fom-1 {
        order: 1;
    }

    .fom-2 {
        order: 2;
    }  

    .fom-3 {
        order: 3;
    }  

    .fo-sm-1 {
        order: 1;
    } 

    .fo-sm-2 {
        order: 2;
    } 

    .fo-sm-3 {
        order: 3;
    }  
    
    .fo-sm-4 {
        order: 4;
    }   
} 


/**************************/
/**** Flex Map Results ****/
/**************************/

@media all and (min-width: 1600px) {
    .map-activated .fg-m-xl-1 {
        -webkit-flex: 0 0 8.33333%;
            -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    
    .map-activated .fg-m-xl-2 {
        -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
        max-width: 16.66667%;  
    }
    
    .map-activated .fg-m-xl-3 {
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
    }
    
    .map-activated .fg-m-xl-4 {
        -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    
    .map-activated .fg-m-xl-5 {
        -webkit-flex: 0 0 41.66667%;
            -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    
    .map-activated .fg-m-xl-6 {
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
    
    .map-activated .fg-m-xl-7 {
        -webkit-flex: 0 0 58.33333%;
            -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    
    .map-activated .fg-m-xl-8 {
        -webkit-flex: 0 0 66.66667%;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    
    .map-activated .fg-m-xl-9 {
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
        max-width: 75%;
    }
      
    .map-activated .fg-m-xl-10 {
        -webkit-flex: 0 0 83.33333%;
            -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
      
    .map-activated .fg-m-xl-11 {
        -webkit-flex: 0 0 91.66667%;
            -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
      
    .map-activated .fg-m-xl-12 {
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    } 
}

@media all and (max-width: 1600px) {
    .map-activated .fg-m-lg-1 {
        -webkit-flex: 0 0 8.33333%;
            -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .map-activated .fg-m-lg-2 {
        -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .map-activated .fg-m-lg-3 {
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
    }

    .map-activated .fg-m-lg-4 {
        -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .map-activated .fg-m-lg-5 {
        -webkit-flex: 0 0 41.66667%;
            -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .map-activated .fg-m-lg-6 {
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }

    .map-activated .fg-m-lg-7 {
        -webkit-flex: 0 0 58.33333%;
            -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .map-activated .fg-m-lg-8 {
        -webkit-flex: 0 0 66.66667%;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .map-activated .fg-m-lg-9 {
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
        max-width: 75%;
    }
    
    .map-activated .fg-m-lg-10 {
        -webkit-flex: 0 0 83.33333%;
            -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    
    .map-activated .fg-m-lg-11 {
        -webkit-flex: 0 0 91.66667%;
            -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    
    .map-activated .fg-m-lg-12 {
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    } 
}


@media all and (max-width: 1380px) {
    .map-activated .fg-m-l-1 {
        -webkit-flex: 0 0 8.33333%;
            -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    
    .map-activated .fg-m-l-2 {
        -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    
    .map-activated .fg-m-l-3 {
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
    }

    .map-activated .fg-m-l-4 {
        -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    
    .map-activated .fg-m-l-5 {
        -webkit-flex: 0 0 41.66667%;
            -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    
    .map-activated .fg-m-l-6 {
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
    
    .map-activated .fg-m-l-7 {
        -webkit-flex: 0 0 58.33333%;
            -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    
    .map-activated .fg-m-l-8 {
        -webkit-flex: 0 0 66.66667%;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .map-activated .fg-m-l-9 {
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
        max-width: 75%;
    }
      
    .map-activated .fg-m-l-10 {
        -webkit-flex: 0 0 83.33333%;
            -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
      
    .map-activated .fg-m-l-11 {
        -webkit-flex: 0 0 91.66667%;
            -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
      
    .map-activated .fg-m-l-12 {
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }     
}

@media all and (max-width: 1024px) {
    .map-activated .fg-m-md-1 {
        -webkit-flex: 0 0 8.33333%;
            -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    
    .map-activated .fg-m-md-2 {
        -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    
    .map-activated .fg-m-md-3 {
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
    }

    .map-activated .fg-m-md-4 {
        -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    
    .map-activated .fg-m-md-5 {
        -webkit-flex: 0 0 41.66667%;
            -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    
    .map-activated .fg-m-md-6 {
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
    
    .map-activated .fg-m-md-7 {
        -webkit-flex: 0 0 58.33333%;
            -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    
    .map-activated .fg-m-md-8 {
        -webkit-flex: 0 0 66.66667%;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .map-activated .fg-m-md-9 {
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
        max-width: 75%;
    }
      
    .map-activated .fg-m-md-10 {
        -webkit-flex: 0 0 83.33333%;
            -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
      
    .map-activated .fg-m-md-11 {
        -webkit-flex: 0 0 91.66667%;
            -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
      
    .map-activated .fg-m-md-12 {
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }    
}

@media all and (max-width: 1024px) {
    .map-activated .fg-m-md-1 {
        -webkit-flex: 0 0 8.33333%;
            -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    
    .map-activated .fg-m-md-2 {
        -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    
    .map-activated .fg-m-md-3 {
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
    }

    .map-activated .fg-m-md-4 {
        -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    
    .map-activated .fg-m-md-5 {
        -webkit-flex: 0 0 41.66667%;
            -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    
    .map-activated .fg-m-md-6 {
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
    
    .map-activated .fg-m-md-7 {
        -webkit-flex: 0 0 58.33333%;
            -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    
    .map-activated .fg-m-md-8 {
        -webkit-flex: 0 0 66.66667%;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .map-activated .fg-m-md-9 {
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
        max-width: 75%;
    }
      
    .map-activated .fg-m-md-10 {
        -webkit-flex: 0 0 83.33333%;
            -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
      
    .map-activated .fg-m-md-11 {
        -webkit-flex: 0 0 91.66667%;
            -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
      
    .map-activated .fg-m-md-12 {
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }    
}

@media all and (max-width: 615px) {
    .map-activated .fg-m-sm-1 {
        -webkit-flex: 0 0 8.33333%;
            -ms-flex: 0 0 8.33333%;
                flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    
    .map-activated .fg-m-sm-2 {
        -webkit-flex: 0 0 16.66667%;
            -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    
    .map-activated .fg-m-sm-3 {
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
    }

    .map-activated .fg-m-sm-4 {
        -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    
    .map-activated .fg-m-sm-5 {
        -webkit-flex: 0 0 41.66667%;
            -ms-flex: 0 0 41.66667%;
                flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    
    .map-activated .fg-m-sm-6 {
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
    
    .map-activated .fg-m-sm-7 {
        -webkit-flex: 0 0 58.33333%;
            -ms-flex: 0 0 58.33333%;
                flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    
    .map-activated .fg-m-sm-8 {
        -webkit-flex: 0 0 66.66667%;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .map-activated .fg-m-sm-9 {
        -webkit-flex: 0 0 75%;
            -ms-flex: 0 0 75%;
                flex: 0 0 75%;
        max-width: 75%;
    }
      
    .map-activated .fg-m-sm-10 {
        -webkit-flex: 0 0 83.33333%;
            -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
      
    .map-activated .fg-m-sm-11 {
        -webkit-flex: 0 0 91.66667%;
            -ms-flex: 0 0 91.66667%;
                flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
      
    .map-activated .fg-m-sm-12 {
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
} 

/**************************/
/**** Flex Map Results ****/
/**************************/

@media (max-width: 1024px){
    .fg-md-hide {
        display: none !important;
    }
}

@media (max-width: 768px){
    .fg-m-hide {
        display: none !important;
    }
}

@media (max-width: 615px){
    .fg-sm-hide {
        display: none !important;
    }
}

/** results in popup **/

@media all and (min-width: 1580px) {
    #srchResult_popup .message .fg-lg-3{
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    #srchResult_popup  .message .fg-lg-6{
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%;     
    }
}

/** results in popup **/

/* *************************** */
/* ****** flex styles  ******* */
/* *************************** */