header{
	position:fixed;
	top:0;
	z-index:1041;
	width:100%;
}

body{
	margin-top:151px;
}

@media(max-width:768px){
	body{
		margin-top:146px;
	}
}


nav {
margin-bottom:-1px;
}

/* to separate swiper */

.swiper-pagination-bullets {
	position:initial;
	margin-top:5px;
	padding-bottom:5px;
}

/* Mega-menu */

img.img-responsive:hover{
	box-shadow: 0 6px 17px -2px #e106005e;
	transition: 0.25s;
	border-radius: 10px;
}

.mega-link{
	text-decoration: none;
	font-weight: 700;
}

.mega-link:hover{
	text-decoration: none;
	color:#016fe5;
	font-weight: 1000;
}

.megamenu {
	margin-left: 0;
}

.megamenu>li.dark a {
	color: #cb333b;
	font-weight: bold;
}



.megamenu .content-image {
	position: absolute;
	bottom: 0px;
}

.megamenu img {
	width: 100%;
	padding-top: 0;
}

.megamenu .megamenu__item a.mega-link {
	color: #016fe5;
}

.megamenu .megamenu__item a.mega-link:hover {
	color: red;
}

a.mega-link.mega-link-level0.mega-offers-link {
	color: #fff500 !important;
}

a.right-link:hover{
	color:#e10600 !important;
}


ul.megamenu__item.mega-fixed.mega-fixed a {
	text-decoration: none;
	color: #444;
	font-weight: normal;
}

ul.megamenu__item.mega-fixed.mega-fixed a:hover{
	color: #e10600;
}

@media (max-width: 768px) {
	.megamenu {
		margin-top: 35px;
    	}
	.megamenu li, .megamenu ul li {
    		padding: 0.75em 15px 0.75em;
	}

	.main-menu .mega-toggle>.mega-title a {
		transition: opacity 0.3s
		padding-right: 0.5rem;
	}

	.menu-toggleable-left.navbar-toggleable-sm {
		overflow: scroll;
	}

	.menu-toggleable-left .close-menu {
		position: fixed;
		width: 100%;
		z-index: 1;
		background-color: #e10600;
	}

	.mega-title>.plain-link {
  		font-weight: 700;
	}
}

@media(min-width: 769px) and (max-width: 870px){
	.mega-link{
		font-size: 10px;
	}
}

@media(min-width: 1400px){
	.mega-linker{
		display: block;
	}
}

@media(max-width: 1210px){
	.mega-linker{
		font-size: 12px;
		display: block;
	}
}

@media(min-width: 769px) and (max-width: 870px){
	.mega-linker{
		font-size: 10px;
		display: block;
    }
}

@media (min-width: 769px) and (max-width: 1399px) {
	.megamenu>li {
		padding: 0;
	}

	.megamenu>li.blog-item {
		display: none;
	}
}

@media (min-width: 769px){
	.megamenu {
		margin-left: 0;
		height:2.5em;
		margin: 0 auto;
		padding: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.main-menu .mega-fixed li {
		padding: 0.25em 15px !important;
		float: none;
		text-align: left;
		line-height: normal;
	}
	.main-menu .megamenu>li:hover{
		text-decoration: none !important;
		box-shadow: inset 0px -2.4rem 0 0 red;
    		border-radius: 0.6rem 0.6rem 0 0;
		transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1);
	}
	.mega-toggle .col-md-2, .mega-toggle .col-md-3, .mega-toggle .col-md-4{
		display:grid !important;
		justify-content:center;
		grid-template-rows:max-content;
	}
	.back-logo{
		display:none
	}
	.hide-desk{
		display:none !important;
	}
}

@media(max-width: 1280px){
	.mega-link{
		font-size: 12px;
	}
}

@media(min-width: 1280px) {
	.mega-title__item-link {	
		font-size:0.5rem
	}
}

/* Promo bolitas */

.home-8 .col-home-8 {
	-ms-flex: 0 0 21%;
        flex: 0 0 21%;
        max-width: none;
}

.home-promo.home-8 {
	flex-wrap: wrap;
}

img.bolita-anim{
	transition: 0.25s;
	box-shadow: 0px -2px 5px 0px #8080807d;
	border-radius: 10rem;
}

img.bolita-anim:hover{
	box-shadow: none;
	transform: translateY(-0.2em);
	transition: 0.25s;
}

@media (min-width: 768px) {
        .home-promo.home-8 {
		flex-wrap: nowrap;
        }
        .home-8 .col-home-8 {
		-ms-flex: 0 0 10%;
		flex: 0 0 10%;
		max-width: 9rem;
		margin: 0.5%;
        }
}

/* prom-bar-close style */

.prom-bar-close .close-button {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 7px;
	font-size: 1em;
}

/* Legal */

.legal-landing .box-reponse {
	padding: 5px 0;
}

.legal-landing .card {
	border: 1px solid #dadada;
	box-shadow: 0px 1px 18px 9px rgba(0,0,0,0.05);
	border-radius: 8px;
}

.legal-landing .plus-icon {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 8px;
}


.legal-landing .tittle-acordion {
	color: #060643;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	display: inline-block;
	margin-bottom: 5px;
	font-size:15px;
	text-align:left;
	padding-right: 20px;
	
}

@media (max-width: 767.98px){
	.legal-landing .box-reponse {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left:2px;
		padding-right:10px;
	}
}

/* delete black line */

.search-results::before, .enhanced-text::before {
	background-color: #00000000 !important;
	margin-top:-50px;
}

/* suggestion correction */

.suggestions{
	top:45px !important;
	width:100%;
}

@media (max-width:768px){
	.suggestions{
		top:155px !important;
		position:fixed;
		width:100%;
		font-size:15px;
	}
}

/* saving own pet */

body:has(.quadruped_animal.required) .dropdown-menu{
	margin:12.125rem 0 0 !important
}

.datepicker{
	top:423px !important;
}


/* prom-bar-close style */

.prom-bar-close .cerrar-ov-elemento-fijo {
  display: none !important;
}
.prom-bar-close .close-button {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 7px;
    font-size: 1em;

}

.search-results::before, .enhanced-text::before {
background-color: #00000000 !important;
margin-top:-50px !important;
}

.suggestions{
top:45px !important;
width:100% !important;
}

@media (max-width:768px){
.suggestions{
top:127px !important;
position:fixed !important;
width:100% !important;
}
}

.datepicker{
top:423px !important;
}

body:has(.quadruped_animal.required) .dropdown-menu{
margin:12.125rem 0 0 !important
}

.header-banner .content {
    padding: 1.4em;
    margin: -7px 0 .6em !important;
}


header {
  position: fixed !important;
  top: 0 !important;
  z-index: 1041 !important;
  width: 100% !important;
}

.content-2-close-wrapper {
  top: 2px;
  right: 5px;
  padding-bottom: 18px;
  position: absolute;
  margin: 148px 5px 0 0;
  z-index: 999;
  float: right;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.content-2-close-wrapper.visible {
  opacity: 1;
}

.content-2-close-wrapper.dimmed {
  opacity: 0.2 !important;
  transition: opacity 0.5s ease;
}

@media (max-width: 768px) {
  .content-2-close-wrapper {
    padding-bottom: 20px;
    margin: 150px 5px 0 0 !important;
  }

  body {
    padding-top: 150px !important;
  }

  body.prom-bar-visible {
    padding-top: 200px !important;
  }

  .prom-bar-zip {
    margin-top: -53px !important;
  }
}

@media (min-width: 768px) {
  body {
    padding-top: 130px !important;
  }

  body.prom-bar-visible {
    padding-top: 190px !important;
  }

  body.has-banner {
    margin-top: 0;
  }
}

body {
  margin-top: 0 !important;
  transition: padding-top 0.6s ease !important;
}

.swiper-pagination-bullets {
  position: initial;
  margin-top: 5px;
  padding-bottom: 5px;
}

.header-banner.slide-up .close-button.small {
  display: none !important;
}

.prom-bar-zip {
  opacity: 0;
  transform: translateY(-20px);
  visibility: visible;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

body.prom-bar-visible .prom-bar-zip {
  opacity: 1 !important;
  transform: translateY(0)!important;
  visibility: visible!important;
}

#toggle-arrow::before {
  content: '▲';
  display: inline-block;
  transition: transform 0.3s ease;
}

body:not(.prom-bar-visible) #toggle-arrow::before {
  transform: rotate(180deg) !important;
}

@media(max-width:450px){
.line-item-price-info+.price {
    font-size: 20px !important;
}

.cart-page .product-info .card-body .quantity-select-component {
    -ms-flex-pack: distribute;
    justify-content: center !important;
}
.cart-page .product-info .card-body .quantity-select-component button, .cart-page .product-info .card-body .quantity-select-component button:disabled {
    background-color: #00000000;
}
}