/*
Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This file contains the styling for the band Template. You can edit/add anything in this file!
*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    color: #363636;
    margin-top: 0;
}
 
 /*banner*/
.portfolio-item.image-text { position: relative; }
.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; }
.portfolio-item.image-text .portfolio-overlay span { display: block; }

.portfolio-item.image-text:before {
    position: absolute;
    width: 100%;
    bottom: 0;
    content: "";
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    top: auto;
    height: 75%;
    transition: all .35s;
}
.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; }
.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; }
.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff;  }
.modal-header .close { position: absolute; z-index: 99; right: 13px; top: 10px; }

/*architecture-about*/
.architecture-about h2 { font-size: 50px; line-height: 60px; }
.about-image { width: 100%; position: relative; height: 430px; }
.about-image-01 { background-size: cover; display: table-cell; width: 30%;  height: 440px; margin-top: 20px; position: absolute; right: 0; transition: all 1s cubic-bezier(.165,.84,.44,1);background-size: cover;background-position: center; }

.about-image-02 {
    background-size: cover;
    display: table-cell;
    width: 480px;
    height: 480px;
    position: absolute;
    left: 0;
    transition: all 1s cubic-bezier(.165, .84, .44, 1);
    background-size: cover;
    background-position: center;
}
.about-image .about-image-01:hover { width: 70%; height: 480px; margin-top: 0; }
.about-image .about-image-01:hover + .about-image-02 { width: 30%; height: 440px; margin-top: 20px; }

/*architecture-portfolio*/
.architecture-portfolio .isotope-filters { margin: 0; text-align: right; display: inline-block; margin-bottom: 00px; margin-top: 10px;}
.architecture-portfolio .isotope-filters button { border:0; padding: 6.5px 5px; }
.architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover { background: transparent; color: #84ba3f; }

/*contact-us*/
#contact-us .addresss-info li, #contact-us .addresss-info p, #contact-us .addresss-info i { color: #ffffff; }