body {
  font-family: "Open Sans",sans-serif !important;
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(38, 34, 25, 0.81);
}
.dropright .dropdown-toggle::after {
  margin-left: 4.255em;
  right: 18px;
  position: absolute;
}
.font-weight-bold.dropright{
  width: 100%;
}
header .bg-light{
  padding: .1rem 1rem;
  background-color: white !important;
  -webkit-box-shadow: 2px 2px 5px #bdbab554;
  -moz-box-shadow: 2px 2px 5px #bdbab554;
  filter: shadow(color=#bdbab554, direction=135, strength=2);
}
.dropdown-submenu {
 margin-left: 1em !important;
}


.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover{
  color: #FF358F !important;
  background: none;
}
a.dropdown-itemactive {
  color: #f270a9;
  padding: 0rem 1.5rem;
  text-decoration: none;
  width: 100%;
  margin-right: 2em;
  display: block;
}
.dropright .active{
  color: #f270a9 !important;
}

.nav-link.dropright {
  margin: 0rem 1rem;
  padding: 0.1rem 0rem;
  font-weight: 600;
  color:#464646cf;
  transition: 1.3s;
}
.menuPrincipal{
  color: rgba(38, 34, 25, 0.81);
}


/* Define the shape and color of the hamburger lines */
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:active{
  color: #FF358F !important;
  transition: 1.3s;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #FF358F;
  transition: 1.3s;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
  color: #FF358F;

}
.dropdown-item{
  transition: 1.3s;
  color: #464646cf;
}
.dropdown-item .active{
  transition: 1.3s;
  color: #FF358F !important;
}

.dropdown-menu {
  margin-top: 0;
  background: #fffffff0;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  border-top: #ff5da5;
  border-style: outset;
  border-left: none;
  border-bottom: none;
  border-right: none;
  border-radius: 0px;
  font-size: 1em;
  }

.navbar .nav-item:not(:last-child) {
  margin-right: 15px;
}

.product::after {
  transition: transform 0.15s linear;
}

.show.dropdown .product::after {
  transform: translateY(3px);
}

.navbar-toggler span {
  display: block;
  background-color: #4f4f4f;
  height: 1px;
  width: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  left: 0;
  opacity: 1;
  transition: all 0.35s ease-out;
  transform-origin: center left;
}


/* top line needs a little padding */
.navbar-toggler span:nth-child(1) {
  margin-top: 0.3em;
}

/**
 * Animate collapse into X.
 */

/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(1) {
  transform: translate(15%, -33%) rotate(45deg);
}
/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
  transform: translate(15%, 33%) rotate(-45deg) ;
}


/**
 * Animate collapse open into hamburger menu
 */

/* top line moves back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(1) {
  transform: translate(0%, 0%) rotate(0deg) ;
}
/* middle line goes back to regular color and opacity */
.navbar-toggler span:nth-child(2) {
  opacity: 1;
}
/* bottom line goes back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(3) {
  transform: translate(0%, 0%) rotate(0deg) ;
}


.btn-outline-primary:hover {
  color: #fff;
  background-color: #ff358f;
  border-color: #ff358f;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #ff358f;
  border-color: #ff358f;
}

.btn-outline-primary {
  color: #ff358f;
  border-color: #ff358f;
  padding: 0.2em 1.5em;
  font-size: 0.9em;
  height: 2em;
  margin-top: 0.5em;
  margin-left: 2.7em;
}


.swiper-container {
  width: 100%;
  height: 100%;
  background: #000;
}

.swiper-slide {
  font-size: 18px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 60px;
  /*background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255, 53, 143, 0.32) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255, 53, 143, 0.32) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255, 53, 143, 0.32) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ff4d9c",GradientType=1);*/
}

.parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.swiper-slide .title {
  font-size: 41px;
  font-weight: 300;
}

.swiper-slide .subtitle {
  font-size: 21px;
}

.swiper-slide .text {
  max-width: 47%;
  line-height: 1.6;
  color: white;
}
header{
  z-index: 9999;
  position: relative;
}

.amarillo{
  filter: brightness(100%);
}
.swiper-container{
  height: 40em;
}
.swiper-slide{
  margin-top: 6em;
}
.text-shadow {
  text-shadow: 1px 1px 1px #000000b5;
  font-size:1.2em !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Montserrat', sans-serif;
}

@font-face {font-family: "Segoe Print V1";
  src: url("/fonts/c455d94eee43dc4ceeb83c0c0fd0d4c8.eot"); /* IE9*/
  src: url("/fonts/c455d94eee43dc4ceeb83c0c0fd0d4c8.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("/fonts/c455d94eee43dc4ceeb83c0c0fd0d4c8.woff2") format("woff2"), /* chrome、firefox */
  url("/fonts/c455d94eee43dc4ceeb83c0c0fd0d4c8.woff") format("woff"), /* chrome、firefox */
  url("/fonts/c455d94eee43dc4ceeb83c0c0fd0d4c8.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("/fonts/c455d94eee43dc4ceeb83c0c0fd0d4c8.svg#Segoe Print V1") format("svg"); /* iOS 4.1- */
}

.fa-facebook-f:before {
  content: "\f39e";

}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn-icon.btn-xs {
  font-size: .75rem;
  width: 1.75rem;
  height: 1.75rem;

}
.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  color:#797977;
}
.fab:hover {
  color: #000000;
}
*, ::after, ::before {
  box-sizing: border-box;
}

.fa, .fab, .fad, .fal, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.btn-icon.btn-xs {
  font-size: .75rem;
  width: 1.75rem;
  height: 1.75rem;
}

.socialredes{
  margin-top: 1em;
  text-align: right;
}
.copyright{
  text-align: center;
}
footer{
  display: grid;
  background:#FFFFFF;
  border-top-color: #f1f1f1;
  border-top-style: solid;
  border-top-width: 0.1em;
}
@media (max-width: 991px) {
  .dropright {
    margin-left: 0.5rem;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    border-top: none;
    border-left: #FF358F solid;
    border-bottom: none;
    border-right: none;
    border-radius: 0px;
  }
  .navbar-light .navbar-brand{
    margin-left: 0;
    margin-right:0;
    position: relative;
    margin-top: 0;
    padding:0;
    border-radius:0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    filter:none;

  }
  .navbar-light .navbar-brand svg {
    border-radius: 8px;
    width: 71px;
    height: auto;
    padding: 0em 0.4em 0.2em 0.4em !important

  }

  .btn-outline-primary {
    width: 6em;
    margin-left: 80% !important;
    margin-bottom: 1em;
    padding: 0.2em 0em;
  }
  .swiper-slide .text {
    max-width: 100%;
    font-size: 1.05rem!important;
  }
  .swiper-slide{
    margin-top: 2em;
  }
}



@media (min-width: 992px){
  .navbar-expand-lg .navbar-collapse {
    padding-left: 19%;
  }
  .navbar-light .navbar-brand{
    margin-left: 4%;
    margin-right: 3%;
    position: absolute;
    margin-top: 15px;
    padding: .3rem;
    border-radius: .3em;
    background-color: white !important;
    -webkit-box-shadow: 2px 2px 5px #bdbab554;
    -moz-box-shadow: 2px 2px 5px #bdbab554;
    filter: shadow(color=#bdbab554, direction=135, strength=2);
  }
  .navbar-light .navbar-brand svg {
    width:89px;
  }

}