@import url("styles/themes/theme-luiza.min.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500,600,300,200,100,800,900);
body, html {
  font-family: 'Roboto', sans-serif !important;
}
.factory-flag {
  visibility: hidden;
}
nav#top-nav {
  background: #ffffff
}
#top-nav.colors-e li a {
  color: #000000
}
#top-nav {
  font-weight: normal;
}
#top-nav, h2, p {
  font-family: 'Roboto', sans-serif;
}
.hover-effect::after, .hover-effect::before {
  content: '';
}
#top-nav.colors-e li a:hover {
  color: #ff0000
}
#top-nav.colors-e .navbar-nav a.active {
  color: #ff0000
}
.colors-e .menu-toggle span, .colors-e .menu-toggle span:after, .colors-e .menu-toggle span:before {
  background-color: #000000;
}
h2 {
  text-align: left;
  font-weight: normal;
  font-size: 30px;
  letter-spacing: 8.5px;
}
.background-white {
  background-color: #ffffff
}
.background-black {
  background-color: #000000
}
.background-grey {
  background-color: #E5E5E5
}
.background-red {
  background-color: #ff0000
}
.font-black {
  color: #000000;
}
.font-red {
  color: #ff0000;
}
.font-white {
  color: #ffffff;
}
.hr-line {
  background-color: #ffffff;
}
.connect-cont {
  padding: 40px 0 0 0;
  font-size: 14px;
}
.connect-cont p {
  font-size: 12px;
  margin-bottom: 9px;
}
.connect-list {
  list-style: none;
  padding-left: 0;
  font-size: 12px;
}
.copy-right {
  padding: 0 0 30px 0;
}
.copy-right p {
  font-size: 12px;
}
.connect-with-us {
  font-size: 14px;
}
.view>.content {
  padding-bottom: 0;
}
.padding-title {
  padding-top: 40px;
  padding-bottom: 30px;
}
.her-voice {
  display: flex;
}
.left-cont {
  width: 50%;
  float: left
}
.right-cont {
  position: relative;
  width: 50%;
}
.right-cont img {
  display: block;
  width: 100%;
}
.home-landing {
  display: flex;
}
.home-landing .left-cont {
  width: 50%;
  float: left
}
.home-landing .right-cont {
  position: relative;
  width: 50%;
}
.home-landing .right-cont img {
  display: block;
  width: 100%;
}
.home-landing .left-cont img {
  display: block;
  width: 100%;
}
.buttons {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 250px;
}
.audio-cont {
  position: relative;
  left: 50%;
  top: 200px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 500px;
}
audio {
  width: 500px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
  border-radius: 90px;
  transform: scale(1.05);
}
.her-voice-cont {
  max-width: 300px;
}
.her-voice-cont audio {
  width: 300px;
}
.btn-text {
  padding-bottom: 50px;
}
.btn-text img {
  width: 100px;
  height: 100px;
}
.btn-text span {
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 3px;
  margin-left: 20px;
  font-weight: 700;
}
.colors-e .menu-toggle.navbar-toggle span, .colors-e .menu-toggle.navbar-toggle span:after, .colors-e .menu-toggle.navbar-toggle span:before {
  background-color: #000000;
}
.colors-e .menu-toggle.show span {
  background-color: transparent;
}
.overlay .title {
  color: #ff0000 !important
}
.overlay .play-icon {
  width: 30px !important;
  height: 30px !important;
}
.hover-overlay:hover img {
  transform: none;
}
.pb-50 {
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .navbar-nav.navbar-center {
    position: relative;
    left: 50%;
    transform: translatex(-50%);
  }
}
.design-by {
  float: right;
}
.design-by a:hover {
  color: #000;
}
.float-right a:hover {
  color: #000000
}
.no-left-padding {
  padding-left: 0
}
.no-right-padding {
  padding-right: 0
}
.background-90-b {
  background-color: rgba(97, 94, 90, .5) !important;
}
.mobile-block {
  display: none;
}
.desktop-block {
  display: block;
}
@media (max-width: 767px) {
  .bg {
    height: 800px;
  }
  .audio-cont {
    max-width: 250px;
    top: 60px;
  }
  audio {
    width: 250px;
  }
  .popup-text {
    padding: 100px 50px 50px 50px;
  }
  .desktop-block {
    display: none;
  }
  .mobile-block {
    display: block;
  }
  .her-voice {
    flex-wrap: wrap;
  }
  .left-cont {
    text-align: center;
    width: 100%;
  }
  .right-cont {
    text-align: center;
    width: 100%;
  }
  .home-landing {
    flex-wrap: wrap;
  }
  .home-landing .left-cont {
    text-align: center;
    width: 100%;
  }
  .home-landing .right-cont {
    text-align: center;
    width: 100%;
  }
  .btn-text {
    display: flex;
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .design-by {
    float: left;
  }
}
.colors-e.background-solid {
  background-color: #ffffff;
}
.colors-e .highlight, .colors-e.highlight {
  color: #000;
}
.colors-e.page-border a {
  color: #000
}
#dot-scroll.colors-e li a span {
  background-color: #000;
}
#dot-scroll.colors-e li a.active span {
  border-color: #ff0000;
}
#dot-scroll.colors-e li a.active span {
  background-color: #ff0000;
}
@media (max-width: 992px) {
  .her-voice {
    flex-wrap: wrap;
  }
  .left-cont {
    text-align: center;
    width: 100%;
  }
  .right-cont {
    text-align: center;
    width: 100%;
  }
  .home-landing {
    flex-wrap: wrap;
  }
  .home-landing .left-cont {
    text-align: center;
    width: 100%;
  }
  .home-landing .right-cont {
    text-align: center;
    width: 100%;
  }
  .btn-text {
    display: flex;
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .design-by {
    float: left;
  }
}
.background-heading-e {
  background-color: #ff0000 !important;
}
.gallery .grid .item>a {
  border-bottom: 4px solid #ff0000;
  margin-bottom: -4px;
  margin-top: 5px;
  margin-left: 4px;
  margin-right: 4px;
  border-right: 4px solid #ff0000;
}