/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

#header.header-sticky #header-wrap {
    box-shadow: none !important; }
	
@media (max-width: 991px) {
  .background-image img.logo {
    width: 90px; }
	
  .background-image img.payoff {
    width: 300px; }
}

.background-overlay-gradient:before {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(99%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 99%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 99%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 99%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 99%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#96000000', endColorstr='#00ffffff', GradientType=0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.8;
}

#header.header-transparent + #page-title:not(.page-title-classic), #header.header-light-transparent + #page-title:not(.page-title-classic), #header.header-dark-transparent + #page-title:not(.page-title-classic), #header.header-colored-transparent + #page-title:not(.page-title-classic) {
    padding-top: 100px; }
	
#page-title {
  clear: both;
  padding: 60px 0;
  background-color: #F2F2F4;
  border-bottom: 0 solid #eeeeee;
  border-top: 0 solid #eeeeee;
  position: relative; }
	
#page-title .page-title > h1 {
      font-family: "Nunito", "Helvetica", "Arial", sans-serif;
      font-size: 50px;
      font-style: normal;
	  text-transform: uppercase;
      font-weight: 500;
      line-height: 50px;
      letter-spacing: 1px;
      color: #ffffff;
      margin-top: 0;
      margin-bottom: 20px; }
	  
.portfolio-item .portfolio-description,
    .portfolio-item .grid-description,
    .portfolio-item .portfolio-links,
    .grid-item .portfolio-description,
    .grid-item .grid-description,
    .grid-item .portfolio-links {
      min-height: 330px; }
	  
 .portfolio-item .portfolio-description h3,
    .portfolio-item .grid-description h3,
    .portfolio-item .portfolio-links h3,
    .grid-item .portfolio-description h3,
    .grid-item .grid-description h3,
    .grid-item .portfolio-links h3 {
      padding-top: 13px; }
	  
.portfolio-item.no-overlay .portfolio-description span,
    .portfolio-item.no-overlay .grid-description span,
    .grid-item.no-overlay .portfolio-description span,
    .grid-item.no-overlay .grid-description span {
      color: #646464;
      font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 15px;
      text-transform: capitalize;
      opacity: 1; }