/*====================
Globals
====================*/
body{
font-family:"Oxygen", san serif;
font-weight:400;
background-color:#EDEDED;
/*padding-top:100px;*/
}
h1, h2, h3, h4, h5, h6{
font-family:"Raleway" sans serif;
font-weight:400;
line-height:1.7;
letter-spacing:1px;
}
h2 {
	font-size: 1.7rem;
}
h3 {
	font-size: 1.4rem;
}
h4 {
	font-size: 1.2rem;
}
.page-padding {
	padding-top: 2rem;
}
.side img{
max-width:100%;
margin-left:auto;
margin-right:auto;
}
.side_p12{
display:none;
}
img.img-border{
border:1px solid rgba(0,0,0,0.2);
border-radius:3px;
box-shadow:3px 3px 5px rgba(0,0,0,0.3), -2px -2px 3px rgba(0,0,0,0.1);
padding:8px;
}
hr.style-1 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
h4.business-info{
padding-bottom:20px;
}
a{
outline:0;
}
img{
max-width:100%;
}
a .home-blocks .overlay, a .page-blocks .overlay,  a .commercial-blocks .overlay,  a .residential-blocks .overlay,  a .millwork-blocks .overlay  {
color:#fff;
transition: all 0.3s ease-in-out;
}
a .home-blocks .overlay:hover, a .page-blocks .overlay:hover,   a .commercial-blocks .overlay:hover,  a .residential-blocks .overlay:hover,  a .millwork-blocks .overlay:hover {
color:#BFD72D;
transition: all 0.3s ease-in-out;
}
ul{
list-style:none;
}
.list-inline li {
	display: inline;
}
#main-content h1{
text-align:left;
}
#main-content a{
color:#465B22;
transition: all 0.3s ease-in-out;
}
#main-content a:hover{
color:#000;
transition: all 0.3s ease-in-out;
}

/* photo gallery */

span.number { display:none!important; }
ul.productlist { padding:0; }
ul.productlist img { width:200px; height:200px; overflow:hidden; }
ul.productlist span { display:block; width:200px; height:40px; }
ul.productlist li {
display:inline-block;
margin:15px 6px;
border:1px solid rgba(0,0,0,0.2);
padding:5px;
text-align:center;
height: 213px;
}
a span.title, a span.category {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  color: white;
  display: table;
  font-size: 17px;
  margin-top: -200px;
  overflow: hidden;
  padding: 5px;
  position: relative;
  text-align: left;
}
img.full_image {
display:block;
border:2px solid rgba(0,0,0,0.2);
margin:0 auto!important;
padding:10px;
}


/*===================
Jumbotron
===================*/
.jumbotron{
background-color:#810827;
color:#f0f0f0;
padding-top:70px;
}
/*===================
Carousel
===================*/
.swiper-img img {
  max-width:100%;
}
.swiper-pagination-bullet-active {
  background: #fff!important;
}
.swiper-pagination-bullet {
  background: #fff!important;
}

 .carousel .carousel-inner img {
 width: 100%;
 } 

/*======================
Logo section
======================*/
#logo-list img{
max-width:100px;
}
/*======================
Navbar
======================*/
nav { z-index:10; }
.nav.navbar-nav.navbar-right {
  background-color: transparent;
}

.nav .navbar-nav .navbar-right{
z-index:20000;
}
.navbar-brand img{
max-width:150px;
margin-top:-10px;
}

.navbar{
background-color:#FFFFFF;
box-shadow:0 0 5px rgba(0,0,0,0,8);
}
.navbar a {
	color: var(--dark);
}
.navbar-nav>li{
margin-top:30px;
border-right: 2px solid rgba(0,0,0,0.2);
text-align:center;
text-transform:uppercase;
}

.navbar-nav>li:last-child{
border-right:none;
}

.navbar-nav>li>a{
padding-top:5px;
padding-bottom:0;
}

.navbar-collapse {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	padding: 4px;
}

.navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:focus, .navbar .navbar-nav>.active>a:hover{
background-color:#fff;
}
.navbar-expand-md .navbar-nav {
	margin-left: auto;
	padding-bottom: 2rem;
}
/*====================
Helpers
=====================*/

.shadow{
box-shadow:0 0 3px rgba(0,0,0,0,3);
}
.top-buffer{
margin-top:50px;
}
.bottom-buffer{
margin-bottom:50px;
}

/*====================
Gallery
=====================*/
.thumb {
    margin-bottom: 30px;
}

 .thumbs img{
    width:98%;
    padding:2%; 
    background:transparent;
    border:1px solid #CCCCCC;
    opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;/* Color of the faux border. */
}


.thumbs img:hover {
      opacity: 0.5;
      }

/*==================
image overlay
===================*/

.about-us { background: url(/site/house11.jpg); }
.responsible-building { background: url(/site/kitchen11.jpg); }
.portfolios { background: url(/site/shelves11.jpg); }
.Energy-Efficient-Building { background: url(/library/SackreyConstRESBUILD-energy-efficient.jpg); }
.Safe-Building-Practices { background: url(/library/Safe-Building-Practices.jpg); }
.Design { background: url(/library/Design.jpg); }
.history { background: url(/library/SackreyConstABOUTUS-history.jpg); }
.owners { background: url(/library/SackreyConstABOUTUS-owners.jpg); }
.crew { background: url(/library/SackreyConstABOUTUS-crew.jpg); }
.residential{ background: url(/images/77_large.jpg); }
.commercial { background: url(/images/65_large.jpg); }
.millwork{ background: url(/images/6_large.jpg); }
.safe-practices { background: url(/library/Safe-Building-Practices-page.jpg); }
.design2 { background: url(/library/SackreyConstRESPBdesign.jpg); }
.paradise { background: url(/library/Paradise_Portfolio_Cover.jpg); }
.provisions { background: url(/library/Provisions_Portfolio_Cover.jpg); }
.sinauer { background: url(/library/Sinauer_Portfolio_Cover.jpg); }
.bookstore { background: url(/library/Bookstore_Portfolio_Cover.jpg); }
.whalen { background: url(/library/Whalen_portfolio_cover.jpg); }
.new-homes { background: url(/library/SackreyConstPORTFOLIOres-Newhomes.jpg); }
.additions { background: url(/library/SackreyConstPORTFOLIOres-Additions.jpg); }
.our-shop { background: url(/library/SackreyConstPORTFOLIOmill-ourshop.jpg); }
.cabinets { background: url(/library/SackreyConstPORTFOLIOmill-cabinets.jpg); }
.built-ins { background: url(/library/SackreyConstPORTFOLIOmill-builtins.jpg); }
.beds { background: url(/library/SackreyConstPORTFOLIOmill-beds.jpg); }
.on-the-job { background: url(/library/SackreyConstOntheJob.jpg); }

.home-blocks, .page-blocks, .residential-blocks, .commercial-blocks, .millwork-blocks {
display:block;
position:relative;
overflow:hidden;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
width:100%;
}
.home-blocks {
height:200px;
}

.residential-blocks, .commercial-blocks, .millwork-blocks{
height:279px;
margin-bottom:25px;

}
.page-blocks {
height:600px;
}
.home-blocks .overlay { bottom:0; left:0; right:0; }
.page-blocks .overlay { top:0; left:0; right:0; text-align:center; }
.residential-blocks .overlay { bottom:80%; }
.commercial-blocks .overlay { bottom:80%; }
.millwork-blocks .overlay { bottom:80%; }
h4.overlay {
	  text-align:left;
          color:white;
          text-transform:uppercase;
          background-color:rgba(0,0,0,0.5);
padding-left:15px;
margin:0;
}

.overlay { position:absolute; width:100%; }

/*==================
Custom Styles
===================*/
.padding-fix-left{
padding-left:0;
}
.padding-fix-right{
padding-right:0;
}

/*#main-content img{
margin:15px auto;
}*/
.footer{
padding-bottom:20px;
}

/*==================
Testimonials
===================*/
blockquote{
border-left: 5px solid #ccc !important;
}
/*==================
bottom lists
===================*/
hr.footer-rule { display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0; padding: 0; width:50%; margin:0 auto; padding-bottom:10px;}

hr.fat-rule{
display: block; 
height: 5px;
width:300px; 
max-width: 100%;
margin:0 auto;
background:rgba(255, 0, 16, 0.5);
margin-bottom:15px;
}
.home hr.fat-rule{
display: block; 
height: 5px;
width:80%; 
margin:0 auto;
background:rgba(255, 0, 16, 0.5);
margin-bottom:15px;
margin-top:20px;
}

/*====================
Crew page styles
=====================*/

.panel{
height:225px;
}


.panel-body{
  font-size: .8em;
  line-height: 115%;
  padding: 4px;
}
.panel-body .col-xs-4{
padding:2px;
}

/* ==================================================== */

@media (max-width:1200px) {
.navbar > .container { width:100%; }
}

@media (max-width:1200px) and (min-width:992px) {
.panel { height:300px; }
}

@media (max-width: 992px) {
.panel { height:250px; }
.navbar-brand img { margin:0 auto; }
.navbar-nav>li { margin-top:60px; }
.navbar-nav { padding-right:5%; }
body { /*padding-top:60px;*/ }
}

@media (max-width:768px){
.collapsing li, .in li { border:none; padding:0; }
.collapsing, .in { background-color:white; }
.home-blocks { margin:0 auto; }
.navbar-brand img { max-width:200px; margin-top:0; margin-left:0; }
.navbar-brand img { width:80px; margin-top:-10px; }
.navbar { height:100px; }
.navbar { height:60px; }
.navbar-nav li br { display:none; }
.navbar-nav li { margin-top:5px; text-align:left; }
.navbar-nav { padding-right:0; }
.navbar-nav>li { margin-top:15px; }
.navbar-nav>li>a { padding-right:5px; padding-left:5px; }
.navbar-toggle { margin-bottom:56px; }
}

@media (max-width:641px) {
.page-blocks { height:285px!important; } /*width:230px!important; */
.page-blocks .overlay { bottom:80%!important; }
iframe { width:300px!important; height:250px!important; }
}

@media (max-width:500px) {
h4#responsible { font-size:1.1em; }
}

@media (max-width:480px) {
.panel { height:270px; }
.home-blocks { /*margin-left:25%;*/ }
h2 { font-size: 1.4rem; }
}

@media (max-width:374px){
img.img-border { margin-left:0!important; margin-right:0!important; }
}