<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/***********************************************  
    B R O C H U R E
***********************************************/
.brochure_Wrapper {
  
}
.brochure_Container {
    width: 100%;
    max-width: 1280px;
    padding: 50px;
}
.brochure_Container .content {
  
}

/*  BROCHURE : IMGS  */
.brochure_Container .content .img1 {
    background: url(../../../uploads/2017/03/box1.jpg) no-repeat;
}
.brochure_Container .content .img2 {
    background: url(../../../uploads/2017/03/box2.jpg) no-repeat;
}
.brochure_Container .content .img3 {
    background: url(../../../uploads/2017/03/box3.jpg) no-repeat;
}
.brochure_Container .content .img4 {
    background: url(../../../uploads/2017/03/box4.jpg) no-repeat;
}
.brochure_Container .content .img5 {
    background: url(../../../uploads/2017/03/box5.jpg) no-repeat;
}
.brochure_Container .content .img6 {
    background: url(../../../uploads/2017/03/box6.jpg) no-repeat;
}
.brochure_Container .content .allImgs {
    width: 100%;
    height: 330px;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    float: left;
    padding: 25px;
}



/*  Direction Aware Hover Effect  */
.brochureImgs {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;

}
.brochureImgs li {
    width: 33.333333%;
    height: 330px;
    background: #fff;
    display: inline-block;
    float: left;
    margin-bottom: 20px;    
    padding: 10px;
    position: relative;
}
.brochureImgs li a,
.brochureImgs figure {
    display: block;
    position: relative;
}
.brochureImgs li a {
    overflow: hidden;
}


/*  DEFAULT CONTENT  */
.brochureImgs figure hr {  
    width: 50px;
    height: 2px;
    background: #fff;
    border: 0;
    margin: 0 0 10px 0;

}
.brochureImgs figure h1 {  
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
    margin: 0;

}
.brochureImgs figure h1 ~ p {  
    width: 85%;
    background: rgba(255,255,255,0.8);
    color: #000000;
    font-size: 15px;
    margin: 0 auto;
    padding: 15px 25px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    -webkit-font-smoothing: antialiased;
}


/*  HOVERED CONTENT  */
.hoverContent {
    width: 100%;
    height: 100%;
    color: #FFF;
    display: none;
    background: #333;
    background: rgba(0,0,0,0.8);
    position: absolute;
}


.hoverContent button {
    width: 160px;
    background: #917344;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-family: 'Poppins',serif !important;
    font-size: 17px;
    letter-spacing: 1px;
    margin-top: 145px;
    margin-left: auto;
    margin-right: auto;    
    padding: 5px 0;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}

/*  DISPLAY : NONE random P-Tag coming in  */
.brochureImgs li a &gt; p {
    display: none;
}


/*  HOVER  */
.hoverContent button:hover {
    background: #fff;
    color: #455560;
}





/*********************************************************** 
    M E D I A   Q U E R I E S   
***********************************************************/
@media only screen and (max-width: 1100px) {
    .brochure_Container {
        padding: 25px;
    }
}

@media only screen and (max-width: 1024px) {
    
}

@media only screen and (max-width: 991px) {

}

@media only screen and (max-width: 900px) {
    .brochure_Container {
        padding: 25px 25px 0;
    }
    .brochureImgs li {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {


}

@media only screen and (max-width: 500px) {
    .brochure_Container {
        padding: 25px;
    }
    .brochureImgs li {
        width: 100%;
    }
}

@media only screen and (max-width: 414px) {

}






</pre></body></html>