/*-------------------------------*/
.top-spacer{
    margin-top: 50px;
}
.top-spacer-bg{
    margin-top: 100px;
}
.bottom-spacer{
    margin-bottom: 50px;
}
/*shadow shaped box*/
.shadowBox {
    -webkit-box-shadow: 4px 7px 21px 6px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 7px 21px 6px rgba(0,0,0,0.3);
    box-shadow: 4px 7px 21px 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    padding: 20px;
    background-color: white;
    font-size: 1.3em;
}
/*images on top of shadowbox*/
.imageIcons{
    max-width: 60px;
    
	margin-top:-50px;
    margin-left: auto;
	margin-right: auto;
}
/*beige colored b*/
.btn-beige {
  color: #fff;
  background-color: #ae8a65;
  opacity: 0.7;
}
.btn-beige:hover,
.btn-beige:focus,
.btn-beige.focus,
.open > .dropdown-toggle.btn-beige {
  color: #fff;
  background-color: #ae8a65;
  opacity: 1.0;
    
}
.errors{
  color: #CA3636;
  margin-top: 20px;
  margin-bottom: 20px;
}
/*-------------------------------*/
/*bottom footer black area*/
.blackFooter{
    background-color: #050404 ;
    padding-top: 1em;
}
/*footer links*/
.footerLinks > div > a{
    color: #888;
    margin: 3em;
    margin-bottom: 2em;
}
.footerLinks > div > a:hover,
.footerLinks:focus,
.footerLinks.focus{
  color: #fff;
  opacity: 3.0;
}
/*address links*/
.addressLinks,
.addressLinks:hover
{
    color: #fff;
}
/*footer nonlink info*/
.footerInfo{
    color: #fff;
    padding-left: 2em;
}

/*-------------------------------*/
/*General Used throuout the page*/
.smallSpacer{
    margin-top: 10px;
}
.spacer {
    margin-top: 50px;
}
.centered {
    margin: auto;
}
/*-------------------------------*/
/*ids*/
#copyrights {
    color: #fff;
	font-size: 1em;
	line-height: 4em;
	padding-bottom: 1em;
    margin-left:-25px;
    background: #000;
}

.footer-icons{
 max-width: 164px;   
}

#info {
    height:110px; 
    background-color: #434343;
}

#logo{
    max-width: 130px;
    background-color: #fff;
    margin-top: -20px;
    padding: 5px;
  
}
/*services*/
.img-shadow{
    -webkit-box-shadow: 4px 7px 21px 6px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 7px 21px 6px rgba(0,0,0,0.3);
    box-shadow: 4px 7px 21px 6px rgba(0,0,0,0.3);
    
}
.services-box{  
    padding: 40px;
}
.services-box>div{
    font-size: 1.3em;
  padding: 30px;
  background-color: white;
  border-radius: 10px;
  /* border: 10px solid #AE8A65; */
  height: 800px;
  -webkit-box-shadow: 4px 7px 21px 6px rgba(0,0,0,0.3);
  -moz-box-shadow: 4px 7px 21px 6px rgba(0,0,0,0.3);
  box-shadow: 4px 7px 21px 6px rgba(0,0,0,0.3);
}
.services-box>div>h3{
  background-color: #EAE6E1;
  padding: 20px;
  letter-spacing: 4px;
}
.btn-beige-book {
  color: #fff;
  background-color: #ae8a65;
  opacity: 0.7;
    width: 50em;
}
.btn-beige-book:hover,
.btn-beige-book:focus,
.btn-beige-book.focus {
  color: #fff;
  background-color: #ae8a65;
  opacity: 1.0;
}
/*Projects*/
.img-proj{
}
.contenthover { 
    padding:20px 20px 10px 20px; 
    opacity: 0.8;
}
.contenthover, .contenthover h3, contenthover a { color:#fff; }
.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; }
.contenthover a.mybutton {
    display:block; 
    float:left; 
    padding:5px 10px; 
    background:#ae8a65; 
    color:#fff; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
}
.contenthover a.mybutton:hover { 
    background:#ae8a65;
}
/*Contact*/
.addressLinksContacts,
.addressLinksContacts:hover{
    color: #000;
}
.contact-box{
    font-size: 1.5em;
    padding-left: 20px;
    background-color: white;
}
.pSpace{
    padding-top: 22px;
    padding-bottom: 22px;
}

#map { 
  width: 100%;
  height: 30em;
  margin: 80px auto;
/*  border: 1px solid rgb(113, 143, 194);*/
}
#contactMessages{
    height: 10em;
}
    /*footer links*/
.footerLinks > div > a{
    padding: 20px;
}

/*-------------------------------*/
/*media tags*/
@media (max-width: 769px ) {  
.shadowBox {
    -webkit-box-shadow: 4px 7px 21px 6px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 7px 21px 6px rgba(0,0,0,0.3);
    box-shadow: 4px 7px 21px 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    margin: 50px;   
}

@media (min-width: 769px) and (max-width:1200px ){
}
@media (min-width: 1200px){
}