html,
body {
    height: 100%;
}

body {
    
}



.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}
.spacer {height:10px; clear:both }
.spacer2 {height:20px; clear:both }
.nspacer { margin-left:20px; margin-right:20px; color:#fff; }
#top { width:100%; padding:10px 0 20px 0;}
.line {height:4px; background-color: #666}
 .nopad { padding:0; }
#searchbox { padding:10px 0 20px 0; margin-top:5px; border:1px solid #333; background-color:#E9E9E9 }
.bblu { border:1px solid #999; }.
.fltlft { float:left; }
.fltrgt { float:right; }
.panel-body { min-height:170px;}
.ftop{width:100% ;  height:65px; background: url(images/ftop.jpg);}
.footer{width:100%;  background-color:#3b3b3b}
.smlspacer { height:5px; }
 a.ft:link    {  font-size:14px;     color: #F4EDF9; text-decoration:none; }
 a.ft:visited {  font-size:14px;     color: #F4EDF9; text-decoration:none;}
 a.ft:hover   {  font-size:14px;     color: #fff; text-decoration:none; }
 a.ft:active  {  font-size:14px;     color: #F4EDF9; text-decoration:none;}


 a.navlinks:link    {  font-size:16px;     color: #fff; text-decoration:none; padding:14px  }
 a.navlinks:visited {  font-size:16px;     color: #fff; text-decoration:none;}
 a.navlinks:hover   {  font-size:16px;     color: #FFF; text-decoration:none; background-color:#3d7a55; padding:14px; }
 a.navlinks:active  {  font-size:16px;     color: #fff; text-decoration:none;}

a.nlink:link { font-size : 16px; color : #fff; text-decoration : none; }
a.nlink:visited { font-size : 16px; color : #fff; text-decoration : none; }
a.nlink:hover { font-size : 16px; color : #fff; text-decoration : underline; }
a.nlink:active { font-size : 16px; color : #fff; text-decoration : none; }

a.wlink:link {  color : #fff; text-decoration : none; }
a.wlink:visited {  color : #fff; text-decoration : none; }
a.wlink:hover {  color : #99ccff; text-decoration : none; }
a.wlink:active { color : #fff; text-decoration : none; }

 a.phon:link    {  font-size:16px;     color: #666; text-decoration:none;  }
 a.phon:visited {  font-size:16px;     color: #666; text-decoration:none;}
 a.phon:hover   {  font-size:16px;     color: #185491; text-decoration:none; }
 a.phon:active  {  font-size:168px;     color: #666; text-decoration:none;}

 a.mail:link    {  font-size:16px;     color: #666; text-decoration:none;  }
 a.mail:visited {  font-size:16px;     color: #666; text-decoration:none;}
 a.mail:hover   {  font-size:16px;     color: #185491; text-decoration:none; }
 a.mail:active  {  font-size:16px;     color: #666; text-decoration:none;}


a.slink:link {  color : #333; text-decoration : none; }
a.slink:visited {  color : #333; text-decoration : none; }
a.slink:hover {  color : #999; text-decoration : none; }
a.slink:active { color : #333; text-decoration : none; }


.theadd { font-size:18px; color:#666; float:right; }

.img-border {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}


.wte1 {text-shadow: 1px 1px 1px #000; }