/* Updated 02/01/2018 */

body, html {
  height: 100%;
  margin: 0;

}

 .media {
  background-color: white;
}

/* Navigation - change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: white;
    font-weight: bold;
}

/* Navigation - change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: white;
    font-weight: bold;
}

/* Navigation - change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: yellow;
    font-weight: bold;
    text-decoration: underline;
}


/*Customizing Header Content that has the Logo with stars background*/
.header-content {
  background-image: url('../ximages/stars.png'); 
  border: 2px solid #E68E00;
}


/* Customizing FOOTER Content on EVERY PAGE but index page*/
.footer-content { 
	background-color: #444444;
	color: white;
  line-height: 120%;
}


/* Customizing the FOOTER links to white on EVERY PAGE but index page*/

.footer-content a:link{
   color: white;
   text-decoration: none;
}

.footer-content a:visited{
   color: white;
   text-decoration: none;
}

/* Customizing the FOOTER Hover links on EVERY PAGE but index page */
.footer-content a:hover {
   color: yellow;
   text-decoration: underline;
}


/* Customizing the styles to use on any page */
p {
  color: black;
  font-size: 1.25rem;
  line-height: 110%;
  text-align: justify;
}

.cell p {
  color: black;
  font-size: 1.0rem;
  text-align: justify;
}

/* Customizing the styles on form */


.card-header{
  background-color: #F5F5F5;
}

.input-group-text{
  background-color: #F5F5F5;
}

.fa{
 color: black;
}


.top-page a:link {
  text-decoration: none;
  color: #00008B;
}

.top-page a:visited {
  text-decoration: none;
  color: #00008B;
}

.top-page a:hover {
  color: red;
  text-decoration: underline;
}

a.anchor {
  display: block; 
  position: relative; 
  top: -55px; 
  visibility: hidden;
}

.blueColorNorm{
  color: #00008b;
}

.blueColor{
  color: #00008b;
  font-weight: bold;
}

.blkColorNorm{
  color: black;
}

.blkColor{
  color: black;
  font-weight: bold;
}

.redColor{
  color: red;
}

.whiteColor{
  color: white;
  font-weight: bold;
}

.yellowColor{
  color: yellow;
  font-weight: bold;
}

.no-space{
  margin-top: -6px;
}

.no-space1{
  margin-top: -10px;
  font-weight: bold;
}

.no-space2{
  margin-top: -10px;
}

.no-space3{
  margin-top: -15px;
}

.no-bottom {
margin-bottom: -20px;
}

.lineHi{
  line-height: 120%;
}

.pic-border{
  border: 1px solid #000;
  padding: 0 !important;
}

.borderlist{
  border: 2px groove #808080;
}


pre{
  display: block;
  font-family: "courier new", courier, monospace;
  color: black;
  font-weight: bold;
  font-size: 0.8571428rem;
  line-height: 120%;
  background-color: transparent;
  white-space: pre;
  border: none;
} 

.justify-h5{
	text-align: justify;
        color: #000000;
}
.newsletters {
  font-size: 0.90em;
  line-height: 120%;
}


.customHr {
    width: 35%;
    font-size: 1px;
    color: rgba(0, 0, 0, 0);
    line-height: 2px;
    margin: 0 auto;
    background-color: grey;
    margin-top: 20px;
    margin-bottom: 30px;
}

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url(../images/buildingCell1.jpg);
  height: 100%;
}

.bgimg-2 {
  	background-color: #eeeeee;
}

.bgimg-3 {
  background-image: url("../images/buildingCell2.jpg");
  min-height: 100%;
}

.bgimg-4 {
  background-image: url("../images/restoration.png");
  height: 100%;
}

.caption {
  position: absolute;
  left: 0;
  top: 12%;
  width: 100%;
  text-align: center;
}

.header-content {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
}

/* Heading for Parallax Section */ 
.sands h1 {
text-align: center;
color: rgba(255, 255, 255, 100);
font-size: 50px;
font-weight: bold;
padding-top: 100px;
line-height: 40px;
}

/* Heading for S & S */ 
.sands h2 {
color: rgba(255, 255, 0, 100);
font-size: 40px;
line-height: 40px;
font-weight: bold;
text-align: center;
}

/* Heading for Value */ 
.sands h3 {
text-align: center;
color: rgba(255, 255, 0, 100);
font-size: 40px;
line-height: 40px;
}

/* Heading for Value */ 
.sands h4 {
text-align: left;
color: rgba(255, 255, 255, 100);
font-size: 25px;
font-weight: bold;
line-height: 25px;
}

.sands a:link {
  text-decoration: none;
  color: #ffffff;
}

.sands a:visited {
  text-decoration: none;
  color: #fff00;
}

.sands h1 {
      text-shadow:
      2px  3px 0 #000,
      2px  2px 0 #000,  
      2px  2px 0 #000,
      2px  2px 0 #000,
      2px  2px 0 #000;
}

.sands h2 { 
      text-shadow:
      2px  3px 0 #000,
      2px  2px 0 #000,  
      2px  2px 0 #000,
      2px  2px 0 #000,
      2px  2px 0 #000;
}

.sands h3 { 
      text-shadow:
      1px  1px 0 #000,
      1px  1px 0 #000,  
      1px  1px 0 #000,
      1px  1px 0 #000,
      1px  1px 0 #000;
}

.sands h4 { 
      text-shadow:
      1px  1px 0 #000,
      1px  1px 0 #000,  
      1px  1px 0 #000,
      1px  1px 0 #000,
      1px  1px 0 #000;
}

.cell h1 {
text-align: center;
color: rgba(255, 255, 255, 100);
font-size: 25px;
font-weight: bold;
padding-top: 60px;
line-height: 30px;
}

/* Heading for S & S */ 
.cell h2 {
color: rgba(255, 255, 0, 100);
font-size: 20px;
font-weight: bold;
text-align: center;
}

/* Heading for Value */ 
.cell h3 {
text-align: center;
color: rgba(255, 255, 0, 100);
font-size: 20px;
font-weight: bold;
}

/* Heading for Value */ 
.cell h4 {
text-align: left;
color: rgba(255, 255, 255, 100);
font-size: 1rem;
font-weight: bold;
line-height: 25px;
}

/* Heading for Value */ 
.cell h5 {
text-align: left;
font-size: 20px;
font-weight: bold;
}

/* Heading for Value */ 
.cell h6 {
text-align: left;
font-size: 1rem;
font-weight: bold;
}

.cell h1 {
      text-shadow:
      2px  3px 0 #000,
      2px  2px 0 #000,  
      2px  2px 0 #000,
      2px  2px 0 #000,
      2px  2px 0 #000;
}

.cell h2 { 
      text-shadow:
      2px  3px 0 #000,
      2px  2px 0 #000,  
      2px  2px 0 #000,
      2px  2px 0 #000,
      2px  2px 0 #000;
}

.cell h3 { 
      text-shadow:
      1px  3px 0 #000,
      1px  2px 0 #000,  
      1px  2px 0 #000,
      1px  2px 0 #000,
      1px  2px 0 #000;
}

.cell h4 { 
      text-shadow:
      1px  3px 0 #000,
      1px  1px 0 #000,  
      1px  1px 0 #000,
      1px  1px 0 #000,
      1px  1px 0 #000;
}

.cell h5 { 
      text-shadow:
      1px  2px 0 #000,
      1px  1px 0 #000,  
      1px  1px 0 #000,
      1px  1px 0 #000,
      1px  1px 0 #000;
}

.cell h6 { 
      text-shadow:
      1px  2px 0 #000,
      1px  1px 0 #000,  
      1px  1px 0 #000,
      1px  1px 0 #000,
      1px  1px 0 #000;
}

h1 {color: #dd0000; 
      text-align: center;
      font-size: 1.6rem;
      font-weight: bold;
      text-shadow:
      .45px .45px 0 #000,
      .6px  .6px 0 #000,  
      .6px  .6px 0 #000,
      .6px  .6px 0 #000,
      .6px  .6px 0 #000;

       margin: -2px;
}

h2 {color: #dd0000;  text-align: center;
text-align: left;
font-size: 1.5rem;
font-weight: bold;
line-height: 25px;
text-shadow:
     .25px .25px 0 #000,
      .3px  .3px 0 #000,  
      .3px  .3px 0 #000,
      .3px  .3px 0 #000,
      .3px  .3px 0 #000;
}

.cell h6 {
text-align: left;
font-size: 19px;
color: red;
font-weight: bold;
      text-shadow:
      1px  .1px 0 #000,
      1px  .2px 0 #000,  
      1px  .2px 0 #000,
      1px  .2px 0 #000,
      1px  .2px 0 #000;
}

.btn-scroll-down {
    position: absolute;
    bottom: 3%;
    left: 40%;
}
.facebk {
text-align: left;
}

/* Customizing FOOTER Content on EVERY PAGE but index page*/
.footer-content { 
	background-color: #444444;
	color: white;
  line-height: 120%;
}


/* Customizing the FOOTER links to white on EVERY PAGE but index page*/

.footer-content a:link{
   color: white;
   text-decoration: none;
}

.footer-content a:visited{
   color: white;
   text-decoration: none;
}

/* Customizing the FOOTER Hover links on EVERY PAGE but index page */
.footer-content a:hover {
   color: yellow;
   text-decoration: underline;
}

.foot {
   color: white;
   text-align: left;
   font-size: 1rem;
   text-decoration: none;
}

.footHead {
   color: yellow;
   text-align: left;
   font-size: 1rem;
   font-weight: bold;
}

.lst {
   font-size: 1.2rem;
   margin-top: -6px;
}

.cell li{
   margin-top: -5px;
}