* {
  font-family: 'Manrope', sans-serif;
  

}



#navbar{
  background: #ffffff !important;
}

.owl-carousel .owl-dots .owl-dot.active span {
  background: #333f;
}

.accent {
    color: #542F72;
  }
  
  .bg-primary {
    background: #542F72 !important;
  }
  
  .heading h1:after, .panel-heading h1:after, .heading h2:after, .panel-heading h2:after, .heading h3:after, .panel-heading h3:after, .heading h4:after, .panel-heading h4:after, .heading h5:after, .panel-heading h5:after, .heading h6:after, .panel-heading h6:after {
    width: 100%;
    background: #542F72;
  }
  
  .icon-filled {
    background: #542F72;
  }
  
  .form-control:focus {
    border-color: #542F72;
    -webkit-box-shadow: 0 0 0 0.2rem #666666;
    box-shadow: 0 0 0 0.2rem#666666;
  }
  
  .card-primary {
    border-color: #542F72;
  }
  
  .card-primary .card-header {
    background: #542F72;
  }
  
  .card-primary .card-body {
    border-color: #542F72;
  }
  
  .top-bar ul.social-custom a:hover {
    background: #542F72;
  }
  
  .top-bar ul.social-custom a {
     font-size: 0.9rem;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
  }
  
  
  .top-bar {
    background: #0b5aa0;
  }
  
  #navbar .navbar-nav > li.active > a {
    background: #542F72 !important;
    border-color: #00A4C7 !important;
  }
  
  #navbar .navbar-nav > li > a:hover {
    background: #0b5aa0;
    border-color: #542F72;
    color: #fff;
  }
  
  #navbar .navbar-nav > li > a:focus {
    background: #542F72 !important;
    border-color: #333333 !important;
  }
  
  #navbar.nav-light .navbar-nav > li.active a.dropdown-toggle,
  #navbar.nav-light .navbar-nav > li.active a.dropdown-toggle:hover {
    border-color: #542F72 !important;
  }
  
  #navbar.nav-light .navbar-nav > li > a:hover {
    border-color: #542F72 !important;
  }
  
  #navbar.nav-light .navbar-nav > li > a:focus {
    border-color: #542F72 !important;
  }
  #navbar .dropdown-menu a.nav-link:hover {
    color: #333333;
    background: #dddddd !important;
  }
  
  .btn-template-main {
    background: #542F72;
    border: 1px solid #542F72 !important;
  }
  
  .btn-template-main:hover, .btn-template-main:focus {
    background: #542F72;
    border-color: #542F72 !important;
  }
  
  .btn-template-white {
      color: #542F72 !important;
    border: 1px solid #542F72 !important; 
  }
  
  .btn-template-white:hover, .btn-template-white:focus {
    background: #542F72 !important;
  }
  
  .btn-template-outlined {
    border: 1px solid #542F72 !important;
    color: #542F72;
    background: #ffffff;
  }
  
  .btn-template-outlined:hover, .btn-template-outlined:focus {
    background: #542F72;
  }
  
  .btn-template-outlined-white:hover, .btn-template-outlined-white:focus {
    color: #542F72 !important;
  }




  
  .dark-mask.mask-primary {
    background: rgba(248, 246, 247, 0.6);
  }
  .home-carousel .owl-carousel {
    padding-top: 0px;
    padding-bottom: 0px;
    /*border-top: 20px solid #d3ccb9;*/
    /*border-bottom: 40px solid #d3ccb9;*/
  }

  .home-carousel .owl-dots {
    z-index: 9999;
    margin-top: 20px;
    margin-bottom:20px;
    text-align: center;
  }
  
  .home-carousel .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 5px;
  }
  
  .home-carousel .owl-dots .owl-dot.active span {
    background: #fff;
  }
  
  .home-carousel .owl-dots .owl-dot span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #aaa;
  }

  .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    width: 100%;
    padding: 20px;
    text-align: right;
  }

  .owl-nav .owl-prev, .owl-nav  .owl-next,  .owl-nav  .owl-play, .owl-nav  .owl-stop  {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #542F72;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {
    background: #fff;
    color: #542F72;
  }
  
  .testimonials .icon {
    color: #542F72;
  }
  
  .testimonials .owl-dot.active span {
    background: #542F72 !important;
  }
  
  .project .owl-dot.active span {
    background: #542F72 !important;
  }
  
  .project .owl-nav .owl-prev, .project .owl-nav .owl-next {
    color: #542F72;
  }
  
  .project .owl-nav .owl-prev:hover, .project .owl-nav .owl-next:hover {
    background: #542F72;
  }
  
  .box-simple .icon-outlined {
    color: #542F72;
    border: 1px solid #542F72;
  }
  
  .package {
    border: 1px solid #542F72;
  }
  
  .best-value .package {
    border: 1px solid #542F72;
  }
  
  #productMain .sizes a:hover {
    background: #542F72;
  }
  
  #checkout .nav-pills {
    border-bottom: 1px solid #542F72;
  }
  
  .nav-pills .nav-link.active {
    background: #542F72;
  }
  
  .tag-cloud a:hover {
    border-color: #542F72;
  }
  
  #map {
    border-top: 1px solid #542F72;
    border-bottom: 1px solid #542F72;
  }
  
  .get-it {
    background: #542F72;
    color: #fff;
  }
  
  footer.main-footer .copyrights a {
    color: #542F72;
  }
  
  .btn-primary {
    color: color-yiq(#542F72);
    background-color: #542F72;
    border-color: #542F72;
  }
  
  .btn-primary:hover {
    color: color-yiq(#542F72);
    background-color: #542F72;
    border-color: #542F72;
  }
  
  .btn-primary:focus, .btn-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(75, 35, 49, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(75, 35, 49, 0.5);
  }
  
  .btn-primary.disabled, .btn-primary:disabled {
    color: color-yiq(#542F72);
    background-color: #542F72;
    border-color: #542F72;
  }
  
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: color-yiq(#542F72);
    background-color: rgb(75, 35, 49);
    border-color: rgb(56, 27, 37);
  }
  
  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(75, 35, 49, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(75, 35, 49, 0.5);
  }
  .btn-outline-optimizador {
    color: #ffffff;
    background-color: #542F72;
    background-image: none;
    border-color: #542F72;
  }
  
  .btn-outline-optimizador:hover {
    color: #542F72;
    background-color: #ffffff;
    border-color: #542F72;
  }
  .btn-outline-primary {
    color: #542F72;
    background-color: transparent;
    background-image: none;
    border-color: #542F72;
  }
  
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #542F72;
    border-color: #542F72;
  }
  
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(75, 35, 49, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(75, 35, 49, 0.5);
  }
  
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #542F72;
    background-color: transparent;
  }
  
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: color-yiq(#542F72);
    background-color: #542F72;
    border-color: #542F72;
  }
  
  .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(75, 35, 49, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(75, 35, 49, 0.5);
  }
  #navbar .navbar-nav > li > a {
    margin: 0;
    
    color: 542F725;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0em;
    font-size: 0.9rem;
    text-decoration: none;
    border-top: .3rem solid transparent;
  }

  a {
    color: #542F72;
  }
  
  a:focus, a:hover {
    color: #542F72;
  }
  
  blockquote, .blockquote {
    padding: 0.5rem 1rem;
    margin-bottom: 2rem;
    font-size: 1rem;
    border-left: 5px solid #4fbfa8;
  }
  
  .text-primary {
    color: #542F72 !important;
  }
  
  a.text-primary:focus, a.text-primary:hover {
    color: #542F72 !important;
  }
  
  .page-item.active .page-link {
    background-color: #542F72;
    border-color: #542F72;
  }
  
  .page-link {
     color: #542F72;
  }
  
  .page-link:focus, .page-link:hover {
    color: #542F72;
  }
  
  .page-link:focus, .page-link:hover {
    color: #542F72;
  }
  
  .dropdown-item.active, .dropdown-item:active {
    background-color: #542F72;
  }
  
  .bg-primary {
    background-color: #542F72 !important;
  }
  
  .border-primary {
    border-color: #542F72 !important;
  }
  
  .text-primary {
    color: #542F72 !important;
  }
  
  .badge-primary {
    background-color: #542F72;
  }
  
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    background-color: #542F72;
  }

  .blockquote, blockquote {
    padding: 0.5rem 1rem;
    margin-bottom: 2rem;
    font-size: 1rem;
    border-left: 5px solid #542F72;
  }

  .ribbon::after {
    border-top: 15px solid #542F72;
  }

  footer.main-footer {
    padding: 30px 0;
    padding-bottom: 0;
    background-color: #666666;
    color: #ffffff;
    margin-top: 10px;
  }
  
  .div-container-header {
    transition: transform .6s ease;
  }

  .div-item-header {
    width: 40%;
  }
  
  .div-item-header h4 {
    font-size: .8em !important;
  }

  .div-container-header:hover {
    transform: scale(1.05);
  }

  @media screen and (min-width: 768px) {
    .div-item-header h4 {
      font-size: 1.6em !important;
    }
  }

  @media screen and (min-width: 1024px) {
    .div-item-header h4 {
      font-size: 2.2em !important;
    }
  }

  @media screen and (min-width: 1360px) {
    .div-item-header h4 {
      font-size: 2.6em !important;
    }
  }

  @media (max-width: 991px) {
    footer.main-footer .photo-stream a {
      width: 120px;
      height: 100px;
    }
  }
  
  @media (max-width: 767px) {
    footer.main-footer .photo-stream li {
      width: 32%;
      margin-bottom: 10px;
    }
    footer.main-footer .photo-stream a {
      width: 100%;
      height: auto;
    }
  }