* {
  font-family: 'Nunito', sans-serif;
}

.list-inline-item {
  font-size: 14px;
}

.lead {
  font-size: 1.25rem;
  font-weight: 600 !important;
}

.page-width {
  max-width: 1500px;
}

.page-width {
  margin: 0 auto;
  width: 95%;
}

.h1,
h1 {
  font-size: 2rem !important;
  letter-spacing: -.1rem;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: none !important;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: none !important;
}

label {
  font-weight: 600 !important;
  font-size: .9rem !important;
}

.lta-text strong {
  font-weight: 400;
  display: inline-block;
  font-family: 'Roboto', sans-serif !important;
  font-size: 2.4rem !important;
}

.navbar-toggler {
  padding: .10rem .25rem;
  font-size: 1.25rem;
  line-height: inherit;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
  background-color: #b51b2e !important;
  color: #f8f9fa;
}

button:focus {
  outline: none !important;
}

.lta-text {
  color: #b51b2e;
  display: block;
}

@media (max-width: 1400px) and (min-width: 1028px) {
  .page-width {
    width: 85%;
  }
}

@media (max-width: 1028px) and (min-width: 476px) {
  .page-width {
    width: 95%;
  }
}

@media (max-width: 768px) {
  .logo{
    margin-left: auto;
    margin-right: auto;
  }
}

.background-img {
  position: absolute;
  width: 100%;
  overflow: hidden;
}

.background-img picture {
  max-height: 50%;
  height: 50%;
  width: 100%;
}

.background-img:after {
  content: "";
  display: block;
  width: 110%;
  height: 30%;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  -webkit-transform: rotate(-3.6deg);
  transform: rotate(-3.6deg);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.background-img picture img {
  width: 100%;
}

.relative {
  position: relative;
}

img {
  max-width: 100%;
  height: auto;
}


/*
 * Custom translucent site header
 */
.site-header a {
  color: #5d5a5a;
  transition: ease-in-out color .15s;
}

.site-header a:hover {
  color: #b62a2e;
  text-decoration: none;
}

.back a {
  color: #fbfdfa !important;
  transition: ease-in-out color .15s;
  font-weight: bold;
  font-size: 14px;
}

.back a:hover {
  color: #e3e3e3 !important;
  text-decoration: none;
}


/*
 * Dummy devices (replace them with your own or something else entirely!)
 */

.product-device {
  position: absolute;
  right: 10%;
  bottom: -30%;
  width: 300px;
  height: 540px;
  background-color: #333;
  border-radius: 21px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.product-device::before {
  position: absolute;
  top: 10%;
  right: 10px;
  bottom: 10%;
  left: 10px;
  content: "";
  background-color: rgba(255, 255, 255, .1);
  border-radius: 5px;
}

.product-device-2 {
  top: -25%;
  right: auto;
  bottom: 0;
  left: 5%;
  background-color: #e5e5e5;
}


.header-top {
  background-color: rgb(181, 27, 46);
}


/*.header-bot {
  background: #f8f9fa;
}*/

.bg-lights {
  background-color: #FBFDFA !important;
  border-top: 1px solid #f2f2f2 !important
}

.roundeds {
  border-radius: .5rem !important;
}

.nav-link {
  color: #000;
  transition: ease-in-out color .15s;
  font-weight: bold;
  font-size: 14px;
}

.nav-link:hover {
  color: #c30a0f;
  text-decoration: none
}


.nav-link.disabled {
  color: #6c757dbf !important;
}

.btn-primarys {
  background: #b51b2e !important;
  color: #fff !important;
}

.btn-primarys:hover {
  background: #a7192b !important;
  color: #fbfdfa !important;
}

.btn-secondarys {
  background: #B0BEC5 !important;
  color: #fbfdfa !important;
}

.btn-secondarys:hover {
  background: #9aa6ac !important;
  color: #fbfdfa !important;
}

.btn:focus {
  box-shadow: none !important;
}