body{
	font-family: 'Futura';
	padding-top: 5.7rem;
}

.bg-rosa{
	background: #EC008C;
}

.bg-gris{
	background: #E7E7E7;
}

.bg-contacto{
	background-image:url("../img/fondos/contacto.jpg");
	background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}

.navbar{
	padding-left: 15rem;
}

.img-logo{
	position: absolute;
    left: 5rem;
    width: 10rem;
	height: auto;
    top: 0.5rem;
}

.nav-link{
	font-size:1.5rem;
	color:#fff;
}

.img-red{
	width: 2.5rem;
	height: auto;
}

.carousel-indicators [data-bs-target]{
	height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #EC008C;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 3rem;
    height: 3rem;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EC008C'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EC008C'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.title-section{
	font-size:3rem;
	font-weight:bold;
}

.text-section{
	font-size:1.5rem;
	font-weight:300;
}

.text-nosotros{
	font-size:2rem;
}

.box-categoria{
	position:relative;
}

.show-categoria{
	display:none;
	position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(130,130,130,0.7);
}

.link-cat{
	text-decoration:none;
}

.titulo-categoria{
    font-size:2rem;
	font-weight:bold;
}

.box-categoria:hover .show-categoria{
	display:flex;
}

.input-contacto{
	background-color:transparent;
	border:none;
	border-radius:unset;
	border-bottom:1px solid #fff;
	font-size: 1.5rem;
}

.textarea-contacto{
	background-color:transparent;
	border:none;
	border-radius:unset;
	border-bottom:1px solid #fff;
	height:10rem!important;
	font-size: 1.5rem;
}

.input-contacto::placeholder, .textarea-contacto::placeholder {
    background-color:transparent;
}

.input-contacto:hover,.input-contacto:focus,.input-contacto:active,.textarea-contacto:hover,.textarea-contacto:focus,.textarea-contacto:active {
    background-color:transparent;
	box-shadow:unset;
	border-bottom:2px solid #fff;
}

.form-floating>label {
    font-size: 1.5rem;
}

.form-floating>.input-contacto{
    height: 4.75rem;
}

.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 2rem;
}

.btn-contacto{
	font-size:2.5rem;
	background-color: #EC008C;
	color:#fff;
	font-weight:bold;
}

#map{
	height:40rem;
}

.gm-style .gm-style-iw-c{
	background-color: #EC008C;
	color:#fff;
}

.gm-style .gm-style-iw-d{
	overflow:hidden!important;
}

.btn-mapa{
	background-color:#000;
	color:#fff;
	font-size:1.5rem;
	font-family: 'Futura';
}

.btn-mapa:hover,.btn-mapa:focus,.btn-mapa:active{
	background-color:#000;
	color:#fff;
	text-decoration:none;
	outline:none;
}

.textmap{
	font-size:1.5rem;
	font-family: 'Futura';
}

.gm-style .gm-style-iw-tc::after {
    background: #EC008C;
}

.gm-ui-hover-effect>span {
    background-color: #fff;
	width: 20px!important;
    height: 20px!important;
    margin: 0.5rem 0 0 -0.5rem!important;
}

.title-footer{
	color:#fff;
	font-size:1.5rem;
	font-weight:bold;
}

.text-footer{
	color:#fff;
	font-size:1.75rem;
	font-weight:300;
}

.icon-footer{
	width:2.5rem;
	height:auto;
}
.link-footer,.link-footer:hover,.link-footer:focus,.link-footer:active{
	text-decoration:none;
}

.img-footer{
	width: 3rem;
	height: auto;
}

.title-filtro{
	font-size:2.5rem;
	font-weight:bold;
}

.filtro-text{
	font-size:1.25rem;
	font-weight:bold;
	border-bottom:2px solid #fff;
}

.filtro-label{
	font-size:1.25rem;
	font-weight:bold;
}

.form-check-input {
    background-color: #EC008C;
}

.form-check-input:checked {
    background-color: #EC008C;
    border-color: #EC008C;
}

.content-filtros{
	overflow-y: auto;
    max-height: 88.5%;
    position: absolute;
}

.content-filtros.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{
	background:#fff;
}

.content-productos{
	min-height: 62rem;
}

.box-color{
	width:20px;
	height:20px;
	border:none;
	outline:none;
	border:1px solid #fff;
}

.tooltip-inner {
    font-size: 1.25rem;
}

.show {
  width: 400px;
  height: 400px;
}

.small-img {
  width: 350px;
  height: 70px;
  margin-top: 10px;
  position: relative;
  left: 25px;
}

.small-img .icon-left, .small-img .icon-right {
  width: 12px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.small-img .icon-left { transform: rotate(180deg) }

.small-img .icon-right { right: 0; }

.small-img .icon-left:hover, .small-img .icon-right:hover { opacity: .5; }

.small-container {
  width: 310px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.small-container div {
  width: 800%;
  position: relative;
}

.small-container .show-small-img {
  width: 70px;
  height: 70px;
  margin-right: 6px;
  cursor: pointer;
  float: left;
}

.small-container .show-small-img:last-of-type { margin-right: 0; }

.subtitle-detalle{
	font-size:2rem;
	font-weight:300;
}

.subtitle-precio{
	font-size:2rem;
	font-weight:bold;
}
.radio-color {
	display:none;
}

.label-color{
    width: 2.5rem;
    height: 2.5rem;
}

.radio-color:checked+.label-color {
	border: 2px solid #EC008C;
}

.label-color.disabled {
  opacity:0.5;
}

.radio-talla {
	display:none;
}

.label-talla{
    font-size:2rem;
}

.radio-talla:checked+.label-talla {
	border-bottom: 2px solid #EC008C;
}

.label-talla.disabled {
  opacity:0.5;
}

.btn-car{
	background-color:#EC008C;
	font-size:2rem;
	font-weight:bold;
	color:#fff;
}

.btn-car:hover, .btn-car:active, .btn-car:focus {
    background-color: rgba(236,0,140,0.7)!important;
    color: #fff!important;
}
@media (max-width: 1399.98px) {
	
}

@media (max-width: 1199.98px) {
	
}

@media (max-width: 991.98px) {
	
}

@media (max-width: 767.98px) {
	
}

@media (max-width: 575.98px) {
	
}