html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: Open Sans, Montserrat, sans-serif;
  margin-bottom: 60px;
  background-color: white;
  font-size: 14px;
  overflow-x: hidden;
  margin: 0 auto;
  padding: 0;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 200px;
  line-height: 60px;
  background-color: #01060D;
  letter-spacing: .2em;
}

footer p {
  color: #bebebe;
  font-size: 12px;
}

footer img {
  margin-top: 38px;
  background-repeat: no-repeat;
  align-items: center;
}


.space {
  margin-bottom: 2vh;
}

#content {}

.nav-item {
  font-size: 13px;
  color: #fff;
  padding-left: 6px;
  padding-right: 6px;
  letter-spacing: .04em;
}

.navbar {
  display: flex;
}


.navbar-custom {
    background-color: #01060d;
    padding-top: 13px;

}

.navbar-brand{
    display: flex;
}

.navbar-toggler {
  display: flex;
}

/* change the brand and text color */
.navbar-custom .navbar-text {
    color: #e5e5e5;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #e5e5e5;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ee0000;
}

#home.masthead {
    height: 100vh;
    min-height: 500px;
    background-image: url('../images/heroimage.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center
}

.masthead h1 {
    padding-top: 280px;
    text-transform: uppercase;
    color: #cdad00;
    font-family: Montserrat, sans-serif;
    letter-spacing: .24em;
}

.masthead h1 {
  animation-duration: 3s;
  animation-delay: 0s;
  animation-iteration-count: 1;
}

.masthead img {
  animation-duration: 3s;
  animation-delay: 1s;
  animation-iteration-count: 1;
}

.masthead h4 {
    text-transform: uppercase;
    color: #ffffff;
    font-family: Montserrat, sans-serif;
    letter-spacing: .5em;
    margin-bottom: 130px;
}


#introbanner {
  background-color: #01060D;
  padding-top: 120px;
  color: #859196;
  font-family: Open Sans, sans-serif;
  letter-spacing: .1em;
}
 

@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 

.fadeInUp { 
    animation-name: fadeInUp; 
}


#introbanner h6 {
  color: #cd3700;
  font-family: Montserrat, sans-serif;
  letter-spacing: .1em;
  margin-bottom: 25px;
}

.btn-outline-secondary {
  font-size: .75rem;
  text-transform: uppercase;
  border-radius: 0px;
  margin-top: 10px;
  color: #cd3700;
  border-color: #cd3700;
  padding-left: 50px;
  padding-right: 50px;
}

.btn:hover, .btn:focus {
  color: #fff;
}

.padDiv {
  padding: 30px 20px;
}

.section-title {
  margin-top: 50px;
  margin-bottom: 10px;
  justify-content: center;
}

.section-title h3 {
  font-family: Montserrat, sans-serif;
  color: #cd6600;
  letter-spacing: .2em;
  text-transform: uppercase;
  justify-content: center;
}

.paddsection {
  padding-top: 90px;
  padding-bottom: 90px;
}

.paddsections {
  padding-top: 90px;
  padding-bottom: 90px !important;
}


.page {
    padding-top: 90px;
    padding-bottom: 90px;
    min-height: 400px;
}

#portfolio {
  background-image: url('../images/showcaseimage.png');
  background-repeat: no-repeat;
  position: relative;
  min-height: 40%;
  padding-top: 90px;
  padding-bottom: 68px;
  background-color: #242724;
}

#portfolio .portfolio-list {
  margin-bottom: 50px;
}


#portfolio .portfolio-list .nav {
  display: flex;
  justify-content: center;
  padding-left: 40px;
}

#portfolio .portfolio-list .nav li {
  margin: 0 40px 0 0;
  float: left;
  font-size: 13px;
  color: #999999;
  line-height: 16px;
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

#portfolio .portfolio-list .nav li:hover, #portfolio .portfolio-list .nav li.filter-active  {
  color: #cdad00;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

#portfolio .portfolio-container {
  display: inline-block;
  margin-bottom: 50px;
  width: 100%;
}

.portfolio-thumbnail {
  margin-bottom: 30px;
  overflow: hidden;
  min-height: 260px;
}

.portfolio-thumbnail img {
  max-width: 100%;
}

#custombanner {
  background-color: #3b0d11;
  padding-top: 160px;
  color: #b95c00;
  font-family: Open Sans, sans-serif;
  letter-spacing: .1em;
}

#custombanner h6 {
  color: #ababab;
  font-family: Montserrat, sans-serif;
  letter-spacing: .25em;
  margin-bottom: 24px;
}

#custom {
  position: relative;
  padding-top: 93px;
  padding-bottom: 300px;
  background-color: #4c4c4c;
}

#custom .section-title h3 {
  text-transform: uppercase;
  letter-spacing: .21em;
  color: #cdad00;
  margin-top: 50px;
  font-family: Montserrat, sans-serif;
}

#custom h6 {
  color: #bebebe;
  font-family: Montserrat, sans-serif;
  letter-spacing: .15em;
  margin-bottom: 24px;
}

.carousel-inner {
  margin-top: 18px;
}


.carousel-thumbnail {
  margin-bottom: 30px;
  overflow: hidden;
  min-height: 260px;
}

.carousel-thumbnail img {
  max-width: 100%;
}

#aboutpg {
    background-image: url('../images/aboutmain.png');
    position: relative;
    background-repeat: no-repeat;
    background-color: #242724;
}

#abt img {
  max-width:100%;

}


#abtintro {
  background-color: #242724;
  padding-top: 10px;
  padding-bottom: 450px;
}

#abtintro h3 {
  color: #cd8500;
  font-family: Montserrat, sans-serif;
  letter-spacing: .1em;
  margin-bottom: 20px;
}

#abtintro h3 {
  animation-duration: 3s;
  animation-delay: 0s;
  animation-iteration-count: 1;
}

#abtintro p {
  color: #b5bdc0;
  font-family: Open Sans, sans-serif;
  letter-spacing: .1em;
  margin-bottom: 20px;
  line-height: 2.6;
}

#abtintro h6 {
  color: #cdad00;
  font-family: Montserrat, sans-serif;
  letter-spacing: .1em;
  line-height: 2;
}



.fade-in {
  animation: fadeIn ease 10s;
  -webkit-animation: fadeIn ease 10s;
  -moz-animation: fadeIn ease 10s;
  -o-animation: fadeIn ease 10s;
  -ms-animation: fadeIn ease 10s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}