@font-face {
  font-family: RobotoBlack;
  src: url(../assets/Fonts/roboto-black.ttf);
}
@font-face {
  font-family: RobotoBold;
  src: url(../assets/Fonts/roboto-bold.ttf);
}
@font-face {
  font-family: RobotoCondensed;
  src: url(../assets/Fonts/roboto-condensed.ttf);
}
@font-face {
  font-family: RobotoLight;
  src: url(../assets/Fonts/roboto-light.ttf);
}
@font-face {
  font-family: RobotoMedium;
  src: url(../assets/Fonts/roboto-medium.ttf);
}
@font-face {
  font-family: RobotoRegular;
  src: url(../assets/Fonts/roboto-regular.ttf);
}
@font-face {
  font-family: RobotoThin;
  src: url(../assets/Fonts/roboto-thin.ttf);
}

@media only screen and (max-width: 800px) {
  p {
    margin-left: 5px !important;
    margin-right: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .d-block {
    object-fit: scale-down !important;
    height: 60vh !important;
  }

  .section-almost {
    display: none;
  }

  .static-section-almost {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) {
  .section-almost {
    height: 140vh !important;
  }
}

a, a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}

/* body {
  height: 100%;
} */

hr.black {
  margin-bottom: 4px;
}

/* Glyph, by Harry Roberts */
hr.style-eight {
  overflow: visible; /* For IE */
  padding: 0;
  border: none;
  border-top: medium double #4a0f23;
  color: #4a0f23;
  margin-top: 6px;
  text-align: center;
  width: 120px;
}
hr.style-eight:after {
  content: "§";
  display: inline-block;
  position: relative;
  top: -0.7em;
  font-size: 1.5em;
  padding: 0 0.25em;
  background: white;
}

i {
  text-align: center;
  width: 35px;
}

iframe {
  width: 100%;
}

p {
  margin-left: 60px;
  margin-right: 60px;
  padding-left: 40px;
  padding-right: 40px;
  text-align: justify;
}

p::first-letter {
  font-size: 40px;
  line-height: 0.1em;
  margin-left: 50px;
}

/* Id Styles */
#about-us {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* #about-us > div > div > p {
  font-family: "RobotoLight";
} */

#background-video {
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
}

#facebook,
#instagram {
  transition-duration: 150ms;
  transition-property: color;
  transition-timing-function: linear;
}

#facebook:hover {
  color: #3B5998;
}

#instagram:hover {
  color: #A92BB3;
}

#footer {
  background-color: #4a0f23;
  padding: 10px;
}

#footer > div > div > h3 {
  color: white;
  font-family: "RobotoThin";
}

#loading-div > h5 > i {
  color: #4a0f23;
}

#mobile-slide,
#mobile-slide-inner {
  height: 80vh;
}

#offers > div  {
  background-position: center;
  background-size: cover;
  border-right: 1px solid black;
  color: white;
  min-height: 180px;

  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.9);
}

#offer-1 {
  background-image: url("../assets/Images/wedding.jpg");
}

#offer-2 {
  background-image: url("../assets/Images/marry.jpg");
}

#offer-3 {
  background-image: url("../assets/Images/birthday.jpg");
}

#offer-4 {
  background-image: url("../assets/Images/bachelors.jpg");
}

/* Class Styles */
.alert {
  bottom: 100px;
  position: fixed;
  right: 80px;
}

.btn-full {
  width: 100%;
}

.btn-outline-light {
  background: transparent;
  border: 1px solid black;
  color: black;
  cursor: pointer;
  transition-duration: 100ms;
  transition-property: background-color color;
  transition-timing-function: linear;
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active {
  background: black;
  border: 1px solid white;
  color: white;
}

.clickable {
  cursor: pointer;
}

.d-block {
  object-fit: fill !important;
}

.form-inline {
  display: inline-block;
}

.header {
  display: inline;
  letter-spacing: 2px;
  position: relative;
}

/* .header {
  display: inline;
  letter-spacing: 2px;
  position: relative;
}

.header::after {
  border-bottom: 1px solid #4a0f23;
  content: "";
  position: absolute;
  left: 30%;
  top: 2px;
  bottom: 0px;
  width: 40%;
} */

.header-banner {
  margin-bottom: 0px;
}

.hide {
  display: none !important;
}

.inner-wrap {
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 10px;
  min-width: 100%;
  text-align: center;
}

.loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 240px;
}

.margin-10 {
  margin: 10px;
}

.no-x-padding {
  padding-left: 0;
  padding-right: 0;
}

.offers-wrapper {
  overflow-x: hidden;
}

.padding-5 {
  padding: 5px !important;
}

.padding-20 {
  padding: 20px;
}

.padding-40-x {
  padding-left: 40px;
  padding-right: 40px;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.static-inside {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
}

.static-section-almost {
  background-image: url("../assets/Images/slide-19.png");
  background-position: center;
  display: none;
  height: 30vh;
}

.section-almost {
  height: 100vh;
}

.section-full {
  height: 85vh;
}

.section-full {
  height: 100vh;
}

.section-sm {
  min-height: 200px;
}

.section-md {
  min-height: 400px;
}

.section-md-fixed {
  height: 400px;
  overflow: hidden;
}

.socials:first-child {
  border-right: 1px solid #4a0f23;
}

.sub-header {
  margin-bottom: 15px;
}

.thin {
  font-family: "RobotoThin" !important;
}

.video-wrapper {
  width: 100%;
  overflow: hidden;
}