.center {
    text-align: center;
}
.copyright {
    padding-top: 10px;
}
.directory a{
    color: white;
}
.efficient {
    color: green;
}
.floatleft {
    float: left;
    clear: left;
    margin-right: 25px;
}
.floatright {
    float: right;
    clear: right;
    margin-left: 25px;
}
.footer {
    margin-top: 100px;
    background-color: #00328b;
    color: white;
}
.header {
    height: 750px;
    margin-bottom: 50px;
    background: url(../images/saferoomdetail.png);
    background-position: 0% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    color: white;
    text-shadow: black 0.3em 0.3em 0.3em;
}
/* Creates a tab character */
.left-tab {
    padding-left: 5em;
}
.right {
    float: right;
    clear: both;
}
.scaledimg {
    max-width: 100%;
    height: auto;
}
.shiftright {
    margin-left: 0px;
}
.social {
    background-color: white;
    padding: 10px;
}
/* Creates a buffer for articles */
.spacer {
    margin-bottom: 35px;
}
.strong {
    font-weight: bolder;
}
.strongbuilt{
    color: #00328b;
    font-weight: bold;
}
.subtext {
    font-size: .80em
}
.titlelabel {
    font-size: 1.2em;
}
/* Thumbnail size image */
.thumbs {
    width: 100px;
    height: 100px;
}
.thumbs2 {
    width: auto;
    height: 185px;
}
.thumbslarge{
    width: auto;
    height: 250px;
}
/* Creates an invisible box above the item to prevent overlap when hashjumping*/
.topspace {
    padding-top: 50px;
    margin-top: -50px;
    -webkit-background-clip: content-box;
    background-clip: content-box;
}
.underline{
    text-decoration: underline;
}
.uppercase {
    text-transform: uppercase;
}


q {
    font-style: italic;
}


/* Styles the list in the FAQ section. Removes the original HTML generated numbers and replaced them with stylized numbers for aesthetic purposes. If adding new items to the list, take care to add the proper class to ensure the numbers are properly generated*/

body {    
    counter-reset: item;
}
.faqnums {
    list-style: none;
 }

.faqparas {
    counter-increment: item;    
    margin-bottom: 5px;
    list-style: none;
 }
 
.faqparas:before {
    list-style: none;
    margin-right: 10px;
    margin-left: -40px;
    content: counter(item);
    background: #00328b;
    color: white;
    width: 1.2em;
    text-align: center;
    display: inline-block;
 }




/* NAVBAR EDITS */

@media (min-width:992px) {
    body {padding-top:55px}
    .navbar-static-top {position:fixed;top:0;right:0;left:0;}
}

/*
.navbar {
    margin-bottom: 10px;
} */

/* SLIDESHOW CSS PROPERTIES */


* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 500px;
  position: relative;
  margin: auto;
}

.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: black;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1000.5s;
  animation-name: fade;
  animation-duration: 1000.5s;
}

@-webkit-keyframes fade {
  from {opacity: 1} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 1} 
  to {opacity: 1}
}




/* TABS */

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    margin-bottom: 25px;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
}