@charset "utf-8";

.mod{
}
    
    .mod .default .default{
        
    }
    
    
    .mod .default .subsidiaries{
        
    }
        .mod .default .subsidiaries .gal_cont{
            border: thin solid #d3d9fb;
            margin: 15px 0 0 0; 
            border-radius:  0 0 5px 5px;
            overflow: hidden;
            cursor: pointer;
            transition: 0.2s ease-in-out all;
        }
        
        .mod .default .subsidiaries .gal_cont:hover{
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);
            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);
        }
        
        .mod .default .subsidiaries .gal_cont:hover h2{
            color:#e21d26;
            border-bottom: thin solid #e21d26;
        }
        .mod .default .subsidiaries .gal_cont:hover .image img{
            -webkit-transform:scale(1.15); /* Safari and Chrome */
            -moz-transform:scale(1.15); /* Firefox */
            -ms-transform:scale(1.15); /* IE 9 */
            -o-transform:scale(1.15); /* Opera */
             transform:scale(1.15);
             transition: 0.7s all;
        }
            .mod .default .subsidiaries .gal_cont h2{
                font-weight: normal;
                height: 47px;
                overflow: hidden;
                margin: 0;
                padding: 3px 5px;
                font-size: 0.9em;
                transition: 0.2s ease-in-out all;
                font-size: 14px;
            }
            .mod .default .subsidiaries .gal_cont .image{
                overflow: hidden;
            }
                .mod .default .subsidiaries .gal_cont .image img{
                    width: 100%;
                    display: block;
                }

       
            
            
    .mod .detail{
    }        
    
        .mod .detail .detail_description{

        }
        .mod .detail{

        }
            .mod .detail .image{
                -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
                -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
                box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
                border: 5px solid white;
                overflow: hidden;
                transition: 0.5s all;
            }
            .mod .detail .image:hover{
                border: 5px solid #fcbd45;
            }

            .mod .detail .image:hover img{
                transition: 1s all;
                transform: scale(1.15);
            }
                .mod .detail .image img{
                    max-width: 100%;
                    height: auto;
                }
        
            
            
		

    .mod .g_box{
        border: 10px solid #f0f0f0;
        transition: 0.5s all;
        overflow: hidden;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
        background-color: white;
    }
        .mod .g_box .over_left{
            top: 0;
            left: 0;
            bottom: 0;
            position: absolute;
            background-color: rgba(0,0,0,0.3);
            transition: 0.5s all;
            z-index: 10;
            width: 0;
        }
        .mod .g_box .over_right{
            top: 0;
            right: 0;
            bottom: 0;
            position: absolute;
            background-color: rgba(0,0,0,0.3);
            transition: 0.5s all;
            z-index: 10;
            width: 0;
        }
        .mod .g_box h2{
            opacity: 0;
            color:white;
            position: absolute;
            z-index: 15;
            top: 35%;
            text-align: center;
            left: 0;
            right: 0;
            padding: 0 10px;
            font-size: 2em;
            transition: 0.8s all;
            font-weight: bold;
        }
         
    .mod .g_box:hover .over_left{
        width: 100%;
    }
    .mod .g_box:hover .over_right{
        width: 100%;
    }  
    .mod .g_box:hover h2{
        opacity: 1;
        
    }  
        
    .mod .g_box:hover{
        border: 10px solid #fcbd45;
    }

    .mod .g_box:hover img{
        transition: 1s all;
        transform: scale(1.15);
    }
    
        .mod .g_box img{
            max-width: 100%;
            display: initial;
        }