body{
    padding: 0px !important;
    margin: 0px !important;
}

html {
    position: relative;
    height: 100%;
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
}
.logos{
width: 50px;
}
.bottomfooter{
margin-bottom: 0px !important;
}
.nopaddingbot{
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}
.imgbtmrnd{
border-bottom-left-radius : 2% !important;
border-bottom-right-radius  : 2% !important;
}
.imgrnd{
border-radius: 2% !important;
}
.featurette{
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .margintop{
    margin-top: 10% !important:
    }
.gradient-brand-color {
    background-image: -webkit-linear-gradient(0deg, #000000 0%, #000000 100%);
    background-image: -ms-linear-gradient(0deg, #000000 0%, #000000 100%);
    color: #fff; /* or #fff for contrast */
}
.contact-info__wrapper {
    overflow: hidden;
    border-radius: .625rem .625rem 0 0
}
.list-style--none {
    list-style: none;
}
.featurette-divider{
display: none !important;
}
/*
Removes white gap between slides - chagnge to base color of slide images
*/
.carousel {
  background:#007aeb;
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
}

/* 
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
  display: block;
  width:100%;
}
.navbar{

background: black !important;

}
.carousel {
	background: black !important;
}
.carouselBtn{
display: none !important;
}
.background-dark{
background: black !important;
color : white !important;
}
.imghdn{
display: none !important;
}
.padtop{
padding-top : 1% !important;
}

.featurette-image{
box-shadow: 0px 10px 15px -3px grey;
}
.featurette-image:hover{
cursor:pointer;
filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.rotate-left{
  transform: rotate(25deg); /* Equal to rotateZ(45deg) */
}
/* ANIMATIONS */
/* Grow */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}
/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
.carousel-caption {
    top: auto;
    bottom: 50%;
}
/* movies.html */
.movie-card {
  padding: 10px;
}
.movie-description {
  background: var(--color5);
  border-radius: 0 0 0.5rem 0.5rem;
}
.movie-title {
  color: var(--color3);
  padding: 0.5rem;
  font-size: 1rem;
}
.movie-vote {
  background: var(--color2);
  color: orange;
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.movie-img {
  border-radius: 0.5rem 0.5rem 0 0;
  overflow: hidden;
  max-height: 100% !important;
}
/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}