@charset "utf-8";
/* CSS Document */
html,body{
	height:auto;
	min-height:100%;
	font-family: 'Raleway', sans-serif;
}
body{
	margin:0;
	padding:0;
	overflow-x:hidden;
}
img{
	max-width:100%;
}
.slidder {
	width:100%;
	height:100vh;
	
}
.slidder-item {
	width:100%;
	height:100%;
	position:absolute;
	background:red;
	display:block;
}

.carousel {
	position: absolute;
    z-index: 0;
}
.carousel, .carousel-inner, .carousel-item {
	height:100%;
	width:100%;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	width:30px;
	height:30px;
}
.carousel-indicators li {
    max-width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #fff;
}
.carousel-indicators .active {
	background-color: #e86fbb;
}
.contenido-carousel {
	width: 80%;
    max-width: 530px;
    height: 250px;
    background: rgba(255,255,255,.8);
    margin: 0 auto;
    margin-top: calc(50vh - 80px);
}
.carousel-caption {
	width: 100%;
    top: 0px;
    left: 0px;
}
.caption-text {
	text-transform:uppercase;
	width:80%;
	text-align:center;
	margin:auto;
	padding:40px 10px 50px;
	color:#000;
	font-size:24px;
	line-height:28px;
}
.caption-btn {
	width:165px;
	height:35px;
	line-height:35px;
	background:#e451b0;
	text-transform:uppercase;
	margin:0 auto;
	cursor:pointer;
}
.caption-btn:hover {
	background:#ce3096;
}
.navbar-top {
	height:35px;
	width:100%;
	display:block;
	background:rgba(255,255,255,.4);
	position:relative;
}
.btn-navbar-top {
	float: right;
	height:100%;
	padding:0px 20px;
	line-height:35px;
	border-right:1px solid #6b6868;
	border-left:1px solid #6b6868;
	color:#6b6868;
	cursor:pointer;
	font-size:13px;
	margin-right: -1px;
	margin-top: 0px;
}
.btn-navbar-top a {
	color:#6b6868;
}

.btn-navbar-top:hover, .menu li a:hover, .menu li a.active, .btn-navbar-top a:hover {
	color:#e450b0;
	text-decoration: none;
}
.margin-0x {
	margin:0px !important;
}
.margin-top-15x {
	margin-top:15px;
}
.margin-top-30x {
	margin-top:30px;
}
.margin-top-50x {
	margin-top:50px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a29f9f;
  font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #a29f9f;
  font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #a29f9f;
  font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
  color: #a29f9f;
  font-style: italic;
}
.input {
	border: 1px solid  #e451b0;
	background: #fff;
	width: 100%;
	height: 50px;
	margin-bottom: 30px;
	padding: 0px 15px;
}
.btn-search, .btn-search-movil {
	width: 50px;
	text-align: center;
	display: inline-block;
}
.input-search, .input-search-movil {
	display: inline-block;
    width: 200px;
    height: 30px;
    background: none;
    border: 1px solid #ccc;
    padding: 0px 5px;
    background: rgba(255,255,255,.5);
}
.textarea {
	border: 1px solid  #e451b0;
	background: #fff;
	width: 100%;
	height: 170px;
	padding: 12px 15px;
}
.menu {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:44px;
	line-height:44px;
}
.menu li {
	padding:0px 20px;
	line-height:44px;
	
	list-style:none;
	display:inline-block;
	cursor:pointer;
}
.menu li a {
	color:#000;
	text-decoration: none;
}
.menu .icon-usuario {
	font-size: 34px;
}
.banner-pink {
	background:#f277c6;
	border-top:2px solid #fff;
	padding:60px 0px;
}
.title {
	font-weight:200;
	letter-spacing:2px;
	font-size:35px;
}
.font-black {
	font-weight: 700;
}
.color-white {
	color:#fff;
}
.color-grey {
	color:#7d7b7c;
}
.slogan {
	font-weight:700;
	letter-spacing:2px;
	font-size:13px;
	margin:10px 0px 0px;
}
.btn-pink {
	height:35px;
	line-height:35px;
	padding:0px 20px;
	background:#e451b0;
	margin-top:40px;
	width:160px;
	font-size:16px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	color: #fff !important;
}
a.btn-pink {
	color: #fff !important;
	text-decoration: none;
}
.row-boxes-col {
	height:375px;
}
.content-home-white-box {
	width: 100%;
    max-width: 570px;
    height: 100%;
    padding-left: 15px;
}
.valign {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.content-home-white-box .text {
	margin-top:30px;
	max-width:400px;
}
.text {
	font-size:18px;
}
.bg-grey {
	background:#f9f9f9;
}
.color-mask {
	position:absolute;
	height:50%;
	bottom:0;
	right:0;
	left:0;
	z-index:1;
}
.picture, .picture2 {
	background:url(../images/foto2.png) no-repeat;
	background-size:contain;
	background-position: center;
	position:absolute;
	left:0;
	right:0;
	height:100%;
	z-index:0;
}
.picture2 {
	background:url(../images/foto1.png) no-repeat;
	background-size:contain;
	background-position: center;
}
.desc-product-boxes {
	position:absolute;
	bottom:10px;
	z-index:2;
}

.bg-beige {
	background:#fae7d0;
}
.bg-beige .color-mask {
	background: -webkit-linear-gradient(rgba(200, 156, 102, 0), #c89c66); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(200, 156, 102, 0), #c89c66); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(200, 156, 102, 0), #c89c66); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(200, 156, 102, 0), #c89c66);
}
.bg-salmon {
	background:#f7aab1;
}
.bg-salmon .color-mask {
	background: -webkit-linear-gradient(rgba(221, 132, 141, 0), #ec7883); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(221, 132, 141, 0), #ec7883); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(221, 132, 141, 0), #ec7883); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(221, 132, 141, 0), #ec7883);
}
.bg-dark-grey {
	background:#6b6868;
}
.bg-dark-grey .color-mask {
	background: -webkit-linear-gradient(rgba(107, 104, 104, 0), #434242); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(107, 104, 104, 0), #434242); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(107, 104, 104, 0), #434242); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(107, 104, 104, 0), #434242);
}

.bg-orange {
	background:#f37b52;
}
.bg-orange .color-mask {
	background: -webkit-linear-gradient(rgba(223, 142, 116, 0), #d75f36); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(223, 142, 116, 0), #d75f36); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(223, 142, 116, 0), #d75f36); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(223, 142, 116, 0), #d75f36);
}

.bg-pink {
	background:#f5dad1;
}
.bg-pink .color-mask {
	background: -webkit-linear-gradient(rgba(245, 218, 209, 0), #d99281); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba (245, 218, 209, 0), #d99281); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(245, 218, 209, 0), #d99281); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(245, 218, 209, 0), #d99281);
}
.title-section {
	color:#7e7b7c;
	width:auto;
	font-weight:700;
	font-size:25px;
	padding:0px 15px;
	margin-top:65px;
	border-right:3px solid #efc1de;
	border-left:3px solid #efc1de;
}
.slogan-section {
	font-weight:300;
	font-style:italic;
	color:#a29f9f;
	margin-top:10px;
	max-width:250px;
	text-transform: capitalize;
}
.photo-producto {
	width:100%;
	height:150px;
	
	background-size:cover;
	background-position: center;
	position:relative;
	cursor:pointer;
}
.mask-photo {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.8);
	opacity:0;
	-webkit-transition: all 500ms; /* Safari */
    transition: all 500ms;
}
.photo-producto:hover .mask-photo {
	opacity:1;
}
.mask-photo .icon-search {
	font-size:30px;
	productos.:#e451b0;
}
.title-sku {
	font-size:25px;
	color:#1e1e1e;
	margin-top:10px;
}
a .title-sku {
    display: none;
}
.text-sku {
	color:#1e1e1e;
	margin-top:10px;
}
.banner-inf {
	width:100%;
	height:390px;
	background:url(../images/banner.png) no-repeat;
	background-size:cover;
	background-position: center;
	margin:40px 0px;
}
.contenido-banner-inf {
	width: 80%;
    max-width: 530px;
    height: 250px;
    background: rgba(255,255,255,.8);
    margin: 0 auto;
	padding:30px 0px; 
}
.caption-btn-round {
	width:165px;
	height:35px;
	border-radius:18px;
	line-height:35px;
	background:#e451b0;
	margin:0 auto;
	cursor:pointer;
	display: block;
}
.caption-btn-round:hover {
	text-decoration: none;
	color: #fff;
}
.contenido-banner-inf .caption-text {
	padding-bottom:30px;
	padding-top:30px;
}
footer {
	background:#1e1e1e;
	padding:50px 0px 90px;
	position: relative;
}
.footer {
	position: absolute;
    bottom: 0px;
    width: 100%;
    background: #444141;
    padding: 10px;
    color: #9a9393;
}
.title-footer {
	color:#e450b0;
	text-transform:uppercase;
}
footer ul {
	margin-top:20px;
	padding-left:0;
}
footer ul li {
	list-style:none;
	
	text-transform:uppercase;
	cursor:pointer;
}
footer ul li a {
	color:#fff;
}
footer ul li a:hover {
	color:#e450b0;
	
}
.icons-footer {
	font-size:50px;
	color:#e451b0;
	margin-top:20px;
	text-align: right;
}
.icons-footer a {
	margin-left:8px;
	text-decoration: none;
	color:#e451b0 !important;
}
/* menu mobil */
.mobile-nav-bar {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    z-index: 7;
    top: 0;
	left:0px;
    background: rgba(255,255,255,.4)
}
#nav-icon2 {
    cursor: pointer;
}
.navbar-toggle {
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 0px;
	margin-right: 10px;
    margin-top: 6px !important;
	    background: none;
    border: none;
    width: 40px;
    height: 40px;
    outline: none !important;
}
.nav-icon2 {
    width: 100%;
    height: 30px;
    position: relative;
    margin-right: 15px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.nav-icon2 span {
    display: block;
    position: absolute;
    height: 5px;
    width: 14px;
    background: #6b6868;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.nav-icon2 span:nth-child(odd) {
    left: 0px;
}
.nav-icon2 span:nth-child(even) {
    left: 50%;
}
.nav-icon2 span:nth-child(1), .nav-icon2 span:nth-child(2) {
    top: 0px;
}
.nav-icon2 span:nth-child(3), .nav-icon2 span:nth-child(4) {
    top: 10px;
}
.nav-icon2 span:nth-child(5), .nav-icon2 span:nth-child(6) {
    top: 20px;
}
.nav-icon2.open span:nth-child(1), .nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-icon2.open span:nth-child(2), .nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.nav-icon2.open span:nth-child(1) {
    left: 5px;
    top: 7px;
}
.nav-icon2.open span:nth-child(2) {
    left: 14px;
    top: 7px;
}
.nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}
.nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}
.nav-icon2.open span:nth-child(5) {
    left: 5px;
    top: 16px;
}
.nav-icon2.open span:nth-child(6) {
    left: 14px;
    top: 16px;
}
.mobile-nav-bar .menu {
    width: 0px;
    height: 100%;
    position: fixed;
    background: #414143;
    top: 0px;
    right: 0px;
    z-index: -1;
    overflow: hidden;
    transition: 300ms ease-out;
    -webkit-transition: 300ms ease-out;
    -moz-transition: 300ms ease-out;
}
.top-menu-mobile {
    height: 49px;
	background:#f969b3;
}
.txt-item-menu-mobile {
    padding: 0px 20px;
    float: none;
    font-size: 16px;
    height: 54px;
    cursor: pointer;
    line-height: 16px;
    position: relative;
	color:#fff;
    border-bottom: 1px solid #ef96c4;
    transition: 300ms ease-out;
    -webkit-transition: 300ms ease-out;
    -moz-transition: 300ms ease-out;
}
.txt-item-menu-mobile a {
	color: #ff2d99;
}
.txt-item-menu-mobile a:hover {
	color: #f97cbc;
	text-decoration: none;
}
.txt-item-menu-mobile:hover {
	color:#e451b0;
}
.mobile-nav-bar .menu.show {
    width: calc(100% - 60px);
}
.slidder-interior {
	width: 100%;
    height: 440px;
}
.slidder-interior.categorias {
	background:url(../images/banner-categorias.jpg) no-repeat center;
	background-size:cover;
}
.slidder-interior.contacto {
	background:url(../images/banner-contacto.jpg) no-repeat center;
	background-size:cover;
}
.slidder-interior.nosotros {
	background:url(../images/banner-nosotros.jpg) no-repeat center;
	background-size:cover;
}
.slidder-interior.envios {
	background:url(../images/banner-envios.jpg) no-repeat center;
	background-size:cover;
}
.menu {
	background:rgba(255,255,255,.5);
}
.slidder-interior .mobile-nav-bar .menu {
	background: #414143;
}
.title-banner {
    font-size: 60px;
    position: absolute;
    right: 5%;
    margin-top: 40px;
	font-weight:200;
	border-width:5px;  
    border-style:dotted;
	border-top:none;
	border-left:none;
	border-right:0px;
	border-color:rgba(255,255,255,.3);
}
.title-banner.envios {
	border-color:#e451b0;
	right:30%;
}
.title-categoria {
	font-size: 17px;
    line-height: 20px;
    color: #1e1e1e;
    margin-top: 10px;
    font-weight: 700;
    margin-bottom: 30px;
    
}
.link-producto {
	text-decoration: none !important;
}
.link-producto:hover .title-categoria {
	color:#e450b0;
}
#map {
    width: 100%;
    height: 500px;
    background-color: grey;
    position: relative;
}
.info-contact {
	background: #e451b0;
    position: absolute;
    bottom: 20px;
    left: 30px;
    color: #fff;
    padding: 20px;
    width: 300px;
}
.info-contact .icon-mobile, .info-contact .icon-location {
	font-size: 30px;
	display: inline-block;
	vertical-align: middle;
}
.info-contact .txt-info-contact {
	display: inline-block;
    vertical-align: middle;
    width: calc(100% - 30px);
    line-height: 16px;
    margin: 10px 0px;
}
.content-home-white-box img {
	max-height: 375px;
}
.name-producto {
	font-size: 30px;
	color: #e551b1;
}
.desc-producto {
	font-size: 15px;
	color: #afadae;
	margin-bottom: 10px;
	font-style: italic;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
input, textarea, button {
	outline:none;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.label-product-btn {
	height: 50px;
    width: 50px;
    background-color: #da43aa;
    text-align: center;
    color: #fff;
    margin-left: 10px;
    line-height: 50px;
    font-size: 50px;
    font-weight: 200;
}
.input.cantidad {
	max-width: 200px;
}
.label-product-text {
	font-size: 15px;
	color: #afadae;
	margin-bottom: 10px;
	font-style: italic;
	height: 50px;
	line-height: 50px;
    margin-left: 10px;
}
.slideshow1_thumbs li{
	box-sizing: border-box;
	width:24%;
	border: 1px solid #da43aa;
    display: inline-block;
}
.imagen-thumb {
	width:100px;
	max-width:100%;
	height:100px;
	display:block;
	margin:0 auto;
}
#slideshow1 {
	border:1px solid #da43aa;
	margin-bottom:30px;
	max-height: 327px;
	text-align: center;
}
#slideshow1 img {
    max-height: 325px;
   }
.link-producto {
	outline:none;
	text-decoration:none !important;
}
.link-producto:hover .title-sku, .link-producto:hover .text-sku {
	color:#da43aa;
}
.pictures {
	margin-bottom:15px;
}
.pictures img {
	margin-bottom: 5px;
}
.cart {
	color: #6b6868;
    text-decoration: none;
    font-size: 18px;
    height: 30px;
    margin-top: 5px;
    float: right;
    line-height: 30px;
    padding-top: 0px;
}
.icon-cart {
	line-height: 30px;
}
.cart:hover {
	color: #e450b0;
	text-decoration: none;
}
.error {
	padding: 10px;
	line-height: 50px;
	color: #e450b0;
	font-style: italic;
}
table.carrito {
	width: 100%;
	border:1px solid #a29f9f;
	margin-bottom: 20px;
}
.carrito th {
	color: #e450b0;
	text-align: center;
	padding: 10px;
	border-bottom: 1px solid #a29f9f;
}
.carrito td {
	padding: 10px;
	color: #a29f9f;
	border-right: 1px solid #a29f9f;
}
.delete-cart {
	color: #e450b0;
	cursor: pointer;
}
.delete-cart:hover {
	color: #E45082;
	text-decoration: none;
}
#btn-login {
	cursor: pointer;
	margin-top: 0px;
}
.msj-send {
	font-weight: 700;
	color: #e450b0;
	font-size: 16px;
	margin-top: 10px;
}
.pagination {
	margin: 50px auto;
}
.page-item.active .page-link {
	background-color: #e451b0;
    border-color: #e451b0;
}
.page-link:focus, .page-link:hover {
	color: #e451b0;
}
a:focus, a:hover {
    color: #e451b0;
}
.page-link {
	color: #f597d4;
}