/* Reducir espacio entre círculos del carrusel */
.carousel-cell {
  margin: 0 0.5vw !important;
  padding: 0 !important;
  /* Elimina cualquier espacio extra */
}
.carousel a, .carousel-cell a {
  padding: 0 !important;
  margin: 0 !important;
  display: block;
}
/* Animación hover para círculos de categorías */
.boxCategory {
  transition: transform 0.3s cubic-bezier(.4,1.5,.5,1), box-shadow 0.3s;
  will-change: transform, box-shadow;
}
.boxCategory:hover {
  transform: scale(1.08) rotate(-2deg);
  box-shadow: 0 8px 24px rgba(0,0,0,0.18);
  z-index: 2;
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;200;300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap');

body {
	margin: 0;
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
	width: 100% !important;
	background-color: #FAFAFA !important;
}

a {
	text-decoration: none;
	/*display: unset !important;*/
	font-weight: unset !important;
}

a:hover {
	text-decoration: none;
  font-weight: unset !important;
}

a:visited {
    color: unset;
}

a, a:active, a:link {
    color: unset;
    text-decoration: none !important;
}

img {
	border: 0;
}

p {
	margin: 0;
}

input:focus {
	outline: none;
	background-color: #FFF;
}

textarea:focus {
	outline: none;
}

select:focus {
	outline: none;
}

section {
  width: 100%;
}

p {
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

ol, ul {
  margin:  0 !important;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

a[href^=tel] { color: inherit; text-decoration: none; }

::-webkit-input-placeholder { color: #BBBBBB !important; } /* WebKit */
:-moz-placeholder { color: #BBBBBB !important; } /* Firefox 18- */
::-moz-placeholder { color: #BBBBBB !important; } /* Firefox 19+ */
:-ms-input-placeholder { color: #BBBBBB !important; } /* IE 10+ */

.row {
  width: 100% !important;
}

h2 {
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

h3 {
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  margin: 0;
}

header {
	width: 100%;
  height: 57px;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  background-color: #FF1717;
  position: fixed;
  z-index: 10;
  top:0px
}

.imgZoomProducts {
  width: 100px;
  height: 100px;
}

.wrapper {
  display: none;
}

.secondaNav {
  background-color: #13667e;
}

.secondaNav nav {
  width: auto;
  height: auto;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  z-index: 0;
}

.secondaNav {
  margin-top: 50px;
}

.secondaNav nav ul {
  width: auto;
  height: auto;
  padding: 0;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  margin-top: inherit;
  margin-bottom: inherit;
  height: 60px;
}

.secondaNav li {
  margin: 0;
}

nav li {
  margin: 0 !important;
}

.secondaNav nav li {
  width: auto;
  height: auto;
  list-style-type: none;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  padding:5px;
  margin-top: 0px;
  margin-right: 0px;
  cursor: pointer;
  transition:all 0.7s;
  vertical-align: middle;
  color: #FFF;
}

.secondaNavFooter nav {
  width: 100%;
  height: auto;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  z-index: 0;
}

.secondaNavFooter {
  width: 80%;
  height: auto;
  margin-left: 7.5%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  border-top: 1px solid #FFF;
  margin-top: 10px;
  padding: 14px 0 14px 0;
}

.secondaNavFooter nav ul {
  width: 100%;
  height: auto;
  padding: 0;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  margin-top: inherit;
  margin-bottom: inherit;
  height: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}

.imgLogoFooter {
  max-width: 250px;
}

.secondaNavFooter li {
  margin: 0;
}

.secondaNavFooter nav li {
  width: auto;
  height: auto;
  list-style-type: none;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  padding:5px;
  margin-top: 0px;
  margin-right: 40px;
  cursor: pointer;
  transition:all 0.7s;
  vertical-align: middle;
  color: #333;
}

.lineHNav {
  height: 35px;
  width: 1px;
  background-color: #FFEAED;
  margin: 0px 10px 0px 10px;
}

.btnMayoristas {
  height: 45px;
  background-color: #EEA01A;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  padding: 7px 10px 10px 10px;
  color: #0F6879 !important;
  width: 100%;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 16px;
  font-weight: 800 !important;
  transition: all 0.3s;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.btnMayoristas i {
  font-size: 24px;
  color: #EB0626 !important;
}

.btnMayoristas:hover {
  background-color: #F3BA5A;
  font-weight: 800 !important;
  color: #FFF;
}

.btnMayoristas:hover a {
  color: #FFF !important;
  font-weight: 800 !important;
}

.btnMayoristas:hover a:hover {
  color: #FFF !important;
  font-weight: 800 !important;
}

.bgTitleHomeMayorista {
  background-color: #F4A71B;
  width: 100%;
    height: auto;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.bgTitleHomeMayorista h3 {
  font-size: 22px;
  color: #FFF;
  margin:0px;
  font-weight: 600;
  padding: 15px 0 15px 0;
}

.bgTitleHomeMinorista {
  background-color: #FF1717;
  width: 100%;
    height: auto;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.bgTitleHomeMinorista h3 {
  font-size: 22px;
  color: #FFF;
  margin:0px;
  font-weight: 600;
  padding: 15px 0 15px 0;
}

.btnMinoristas {
  height: 45px;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  background-color: #13667e;
  font-weight: 600 !important;
  padding: 10px 10px 10px 10px;
  color: #5391A1 !important;
  width: 100%;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 16px;
  font-weight: 800 !important;
  transition: all 0.3s;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.btnMinoristas span {
  font-size: 12px;
  font-weight: 600 !important;
}

.btnMinoristas i {
  font-size: 24px;
  color: #EB0626 !important;
}

.btnMinoristas:hover {
  background-color: #0B3A48;
  color: #FFF !important;
  font-weight: 800 !important;
}

.btnMinoristas:hover a {
  font-weight: 800 !important;
}

.btnMinoristasFooter {
  height: 45px;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  background-color: #13667e;
  font-weight: 600 !important;
  padding: 10px 10px 10px 10px;
  color: #5391A1 !important;
  width: 90%;
  margin-left: 5%;
  margin-top: 35px;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 16px;
  font-weight: 800 !important;
  transition: all 0.3s;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  display: none;
}

.btnMinoristasFooter span {
  font-size: 12px;
  font-weight: 600 !important;
}

.btnMinoristasFooter i {
  font-size: 24px;
  color: #EB0626 !important;
}

.btnMinoristasFooter:hover {
  background-color: #0B3A48;
  color: #FFF !important;
  font-weight: 800 !important;
}

.btnMinoristasFooter:hover a {
  font-weight: 800 !important;
}

button i {
  font-size: 28px !important;
}

footer {
  width: 100%;
  min-height: 200px;
  background-color: #156084;
  margin-top: 40px;
}

footer.page-footer {
  padding-top: 10px;
  background-color: #DDD !important;
  color: #555;
}

footer.page-footer .footer-copyright {
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  color: rgba(255, 255, 255, 0.8);
  background-color: #666 !important;
}

footer.page-footer .greyBlue-text {
  color: #333 !important;
}

footer.page-footer a {
  color: #333 !important;
}

footer.page-footer a:hover {
  color: #000 !important;
}

.btnProd {
  background-color: #13667e;
  padding: 5px;
  color: #FFF;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.3s;
}

.btnProd:hover {
  background-color: #FFF;
  color: #13667e;
}

.btnProd i {
  color: #333 !important;
  font-size: 18px !important;
}

.btnProd a {
  color: #333;
}

.greyBlue-text {
    color: rgba(255, 255, 255, 0.8) !important;
}

.flexStart {
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;

  justify-content: flex-start !important;
  align-content: flex-start !important;
}

.logo {
	width: 100%;
}

.logo img {
  /*width: 90%;*/
  /*
  box-shadow: 6px 6px 15px #C7C7C7;
  -webkit-box-shadow: 6px 6px 15px #C7C7C7;
  -moz-box-shadow: 6px 6px 15px #C7C7C7;
  -o-box-shadow: 6px 6px 15px #C7C7C7;*/
}

.logoImg {
  width: auto;
}

.logoResponsiveImg {
  display: none;
}

.logo img {
  /*max-width: 300px;*/
  max-height: 45px;
  margin-top: 0px;
}

ul {
  padding-inline-start: 0px;
}

h1 {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #4C829C;
  display: none;
}

.topHeader {
  width: 100%;
  height: 40px;
  background-color: #12677C;
  display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  transition: all 0.3s;
}

.topHeader p {
  font-size: 14px;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  margin: 0;
}

.topHeader p i {
  font-size: 20px;
  margin-right: 5px;
  color: #FFF;
}

.topHeader i {
  font-size: 20px;
  color: #FFF;
  margin: 0px 8px 0px 8px;
}

.contentTitle {
	width: 100%;
	height: 92px;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.contentSubTitle a {
  background-color: #13667e;
  color: #FFF;
  font-size: 16px;
  padding: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  transition: all 0.3s;
}

.contentSubTitle a:hover {
  background-color: #eb0626;
}

.contentSubTitle a:hover i {
  color: #13667e;
}

.contentSubTitle a i {
  font-size: 14px;
  color: #eb0626;
}

.contentSubTitle {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.contentSubTitle h2 {
  width: 100%;
  font-size: 34px;
  font-weight: 300;
  padding-top: 20px;
  padding-bottom: 0px;
  color: #FF1717;
  text-align: center;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.contentSubTitle i {
  font-size: 22px;
}

#NavDetail {
  width: auto;
  z-index: 9999;
  margin-left: 0px;
  margin-right: 50px;
}

.contentNav {
  width: auto;
  position: absolute;
  z-index: 9999;
  top: 63px;
  right: 220px;
}

.contentNav nav {
  justify-content: flex-end !important;
}

.contentNav nav ul {
  display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
}

.contentHeader {
  width: auto;
   display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.contentHeader p a {
  width: 30px;
  height: 30px;
  float: left;
  background-color: #FFF;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  margin: 5px;
}

.contentHeader p a i {
  color: #eb0626;
  text-align: center;
  vertical-align: middle;
  margin-left: 6px;
  /* float: left; */
  margin-top: 5px;
}

.contentTitle h1 {
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	font-size: 34px;
	color: #FFF !important;
	font-weight: 800;
  display: block;
}

.containerSearch {
  width: 80%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.containerHeader {
  width: 83%;
  height: 70px;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.container {
	width: 90%;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.containerList{
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  padding-bottom: 35px;
  margin-top: 15px;
}

.marginTitle {
  margin-top: 25px;
}

.contentSite {
  width: 90%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  margin-top: 0px;

  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.contentProdSite {
  width: 1130px;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.flexCenter {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.flexCenter iframe {
  float: left;
}

.flexCenterLoginCarrito {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  align-self: center;
  align-content: space-between;
  align-items: center;
}

.flexCenterLoginCarrito form {
  width: 100%;
  margin-top: 20px;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  align-self: center;
  align-content: space-between;
  align-items: center;
}

.flex {
	width: 100%;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	text-align: center;
  	align-self: center;
  	align-content: center;
  	align-items: center;
}

.flexEnvios {
  width: 100%;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	text-align: center;
  	align-self: center;
  	align-content: center;
  	align-items: center;
    z-index: 1;
    margin-top: -22px;
    position: relative;
}

.flexCat {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  padding-top: 55px;

  background-color: #eb0626;
  z-index: 2 !important;
}

.flexCat .nav-menu a {
  font-size: 20px;
  background-color: #D00423;
  color: #FFF;
  padding: 15px;
  margin: 0px 0px 0px 1px;
}
.main-nav {
  width: 75%;
  display: -webkit-flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-pack: center !important;
  -webkit-box-align: center !important;
  display: -moz-flex !important;
  -moz-box-orient: horizontal !important;
  -moz-box-pack: center !important;
  -moz-box-align: center !important;
  display: flex !important;
  box-orient: horizontal !important;
  box-pack: center !important;
  box-align: center !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  text-align: center !important;
  align-self: center !important;
  align-content: center !important;
  align-items: center !important;
}

.flexHeader {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
}

.flexMenu {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  padding-top: 110px;
  padding-bottom: 40px;

  background-color: #FFF;
}

.flexMenu form {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;

  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.flexProdMenu {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  padding-top: 120px;
  margin-bottom: 0px;

  background-color: #eeeeee;
}

.contentFilter {
	width: 25%;
	min-height: 100px;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	text-align: center;
  	align-self: flex-start;
  	align-content: center;
  	align-items: center;
}

.contentDetailProducts {
  width: 100%;
  padding: 0 1% 1% 1%;
  min-height: 500px;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: flex-start;
    align-content: flex-start;
    align-items: center;
}

.contentProducts {
	width: 100%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	text-align: center;
  	align-self: flex-start;
  	align-content: flex-start;
  	align-items: center;
}

.contentDetalle {
  width: 78%;
  height: auto;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    align-self: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}


.contentCarrito {
  width: 100%;
  padding: 1%;
  min-height: 500px;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: flex-start;
  align-content: flex-start;
  align-items: center;
}

.accordion-section {
	width: 100%;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	text-align: center;
  	align-self: center;
  	align-content: center;
  	align-items: center;
}

.ui-widget {
  width: 100%;
}

.contentSearchMayoristas {
  width: 38%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  margin-left: 2%;
}

.contentSearchMayoristas input {
  width: 100%;
  height: 45px;
  border: 0px solid #FFF !important;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  padding: 1% !important;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: #333;
  font-size: 14px !important;
  font-weight: 600;

  background-size: 25px;
  background-image: url("../images/lupita.svg");
  background-repeat: no-repeat;
  background-position-y: 12px;
  background-position-x: 99%;
}

.flexEnd {
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: center;
  align-self: flex-end;
  align-content: flex-end;
  align-items: flex-end;
}

.contentSearch {
  width: 50%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.contentSearch input {
	width: 94%;
  height: 30px;
	border-left: 0px solid #D9D9D9 !important;
  border-top: 0px solid #D9D9D9 !important;
  border-bottom: 0px solid #D9D9D9 !important;
  border-right: 0px solid #D9D9D9 !important;
  
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-o-border-radius: 0px !important;
  
  border-radius: 0px 0px 0px 0px !important;
  /*border-bottom: 1px solid #CCC !important;*/
  border: 0 !important;
	padding: 1% !important;
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	color: #666;
	font-size: 14px !important;
  font-weight: 300;
/*
  background-size: 25px;
  
  background-image: url("../images/lupita.svg");
  background-repeat: no-repeat;
  background-position-y: 12px;
  background-position-x: 99%;*/
}

.contentSearch form {
  width: 100%;
}

.splitSearch {
  width: 2px;
  height: 43px;
  background-color: #D9D9D9;
  position: absolute;
  margin-bottom: 0px;
  margin-right: 40px;
}

.accordion-section-titleStore i {
	float: right;
}

.productsFound {
	width: 100%;
}

.productsFound p {
	width: 90%;
	margin-left: 3%;
	text-align: left;
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 14px;
}

.contentBoxProducts {
	width: 100%;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	text-align: center;
  	align-self: center;
  	align-content: center;
  	align-items: center;
}

.contentBoxCategoryHome {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;

  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.slick-initialized .slick-slide {
  display: -webkit-flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.bgSlideVac1 {
  height: 500px !important;
  margin-top: 0px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
  background-image: url("../slide/2025/dic2025/PO_Vacaciones2026_banner-desktop-01ok.jpg");
}

.bgSlideVac2 {
  height: 500px !important;
  margin-top: 0px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-image: url("../slide/2025/dic2025/PO_Vacaciones2026_banner-desktop-02ok.jpg");
}


.slideMobile {
  display: none;
}

.boxProducts {
	width: 250px;
	height: 350px;
	padding: 15px;
	margin: 15px;
	border: 1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}

.imgProduct {
  /*
  width: 300px;
  height: 290px;*/
  width: 324px;
  height: 318px;
}

.imgProducts {
	width: 100%;
	height: 210px;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	text-align: center;
  	align-self: center;
  	align-content: center;
  	align-items: center;
}

.imgProducts img {
	max-width: 180px;
}

.titleProducts {
	width: 100%;
	height: 35px;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	text-align: center;
  	align-self: center;
  	align-content: center;
  	align-items: center;
}

.titleProducts p {
	width: 100%;
	text-align: left;
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 16px;
	font-weight: 800;

}

.priceProducts {
	width: 100%;
	height: 35px;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	text-align: center;
  	align-self: center;
  	align-content: center;
  	align-items: center;
}

.priceProducts p {
	width: 100%;
	text-align: left;
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 16px;
	font-weight: 800;

}

.btnProducts {
	width: 100%;
	height: 50px;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	text-align: center;
  	align-self: center;
  	align-content: center;
  	align-items: center;
}

.btnAddCart {
	width: 100%;
	height: 40px;
	text-align: center;
	background-color: #3167EB;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	text-align: center;
  	align-self: center;
  	align-content: center;
  	align-items: center;
  	transition: all 0.3s;
}

.btnAddCart p {
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
}

.btnAddCart i {
	font-size: 20px;
	vertical-align: middle;
}

.btnAddCart:hover {
	cursor: pointer;
	background-color: #1142B3;
}



/* Tooltip container */
.tooltipHeader {
  width: auto;
  height: 30px;
  /*
  border-radius: 25px;
  border: 1px solid #FD0203;*/
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 0px 0px 5px;
 /* border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */

 display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.tooltipHeader svg {
  width: 12px;
  color: #FFF;
  fill: #FFF;
}

.tooltipHeader a {
	color: #FFF;
  font-weight: 800;
	transition: all 0.3s;
  float: left;
  width: 100%;
  text-align: center;
  margin-right: 30px;
}

.tooltipHeader a:visited {
	color: #000;
  font-weight: 800;
}

.tooltipHeader a:hover {
	color: #FFF;
  font-weight: 800;
}

.tooltipHeader li {
  text-align: right !important;
  color: #FFF !important;
  width: auto;
}
/* Tooltip text */
.tooltipHeader .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: auto;
    margin-left: -100px;
    font-size: 14px;
    line-height: 16px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #FFF;
    text-align: center;
    padding: 2px;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltipHeader .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #13667e transparent;
    display: none;
}

.tooltip-bottom {
    top: 105%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipHeader:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.nameSession {
  border: 0 !important;
  border-radius: inherit !important;
  -webkit-border-radius: inherit !important;
  -moz-border-radius: inherit !important;
  -o-border-radius: inherit !important;
  width: auto !important;
  height: auto !important;
  margin-left: 15px;
  margin-top: 0px;
}

#cantOrder {
    font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    width: 15px !important;
    height: 15px !important;
    position: absolute !important;
    margin-top: 0px !important;
    margin-left: -10px !important;
    color: #FFF !important;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    background-color: #F4A71B;
    border: 0px;
    padding: 0px !important;
}

nav li {
    list-style-type: none;
    vertical-align: middle;
}

nav .tooltipHeader i {
  font-size: 24px;
  margin-top: 0px;
  color: #FFF;
  vertical-align: -webkit-baseline-middle;
  transition: all 0.3s;
}

nav .tooltipHeader i:hover {
	color: #000;
	cursor: pointer;
}

.spanPopup {
  position: absolute;
  z-index: 50;
}

.titleGral {
  width: 100%;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
}

.titleGral h2 {
    color: #333;
    text-align: left;
    font-size: 38px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-block-start: 0 !important;
}

.titleGral p {
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 36px;
    padding-left: 0px;
    color: #E10613;
}

.titleGral p b {
  font-weight: 400;
}

.txtCuenta {
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  padding-left: 0px;
  color: #29235C;
}

.btnCuenta:hover {
  cursor: pointer;
}

.contentLoginForm {
    width: 100%;
    height: auto;
    background-color: #13667e;
    margin-top: 40px;
    margin-bottom: 80px;
    padding: 4%;

    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
}

.contentLoginFormCarrito {
  width: 100%;
  height: auto;
  background-color: #FFEB3B;
  margin-top: 40px;
  padding: 10%;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.col2 {
    width: 49%;
    height: auto;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    align-self: flex-start;
    align-content: center;
    align-items: center;
}

.col2Between {
  width: auto;
  height: auto;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  align-self: center;
  align-content: space-between;
  align-items: center;
}

.col2Between a {
  font-size: 14px;
  color: #333;
  text-decoration: underline !important;
  transition: all 0.3s;
}

.col2Between a:hover {
  color: #000;
}

.titleForm {
    width: 100%;
    height: auto;
    margin-left: 10px;
}

.titleForm p {
    width: 100%;
    text-align: left;
    margin-top: 5px;
    font-weight: 300;
    color: #FFF;
    font-size: 26px;
}

.titleFormCarrito {
  width: 100%;
  height: auto;
  margin-left: 10px;
}

.titleFormCarrito p {
  width: 100%;
  text-align: left;
  margin-top: 5px;
  font-weight: 300;
  color: #333;
  font-size: 18px;
}

.contentInputForm fieldset {
  border: 1px solid #EEE;
  width: auto;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: center;
    align-self: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.contentInputFormCarrito legend {
  text-align: left;
  padding: 5px;
  font-weight: 600;
  font-size: 20px;
  color: #000;
}

.contentInputForm {
    width: 100%;
    margin-top: 40px;
}

.contentInputFormCarrito {
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    margin-top: 15px;
    background-color: #EEE;
}

.contentInputFormCarrito fieldset {
  border:0;
  width: 100%;

  margin-inline-start: 0px !important;
  margin-inline-end: 0px !important;
  padding-block-start: 0em !important;
  padding-inline-start: 0em !important;
  padding-inline-end: 0em !important;
  padding-block-end: 0em !important;
}

.contentInputFormCarrito legend {
  text-align: left;
  color: #115A75 !important;
  font-weight: 800;
  font-size: 24px;

  padding-inline-start: 0px !important;
  padding-inline-end: 0px !important;
}

.contentInputForm form {
    width: 100%;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
}

.labelForm {
    width: 110px;
    height: 40px;
}

.labelForm p {
    color: #FFF;
    width: 100%;
    text-align: left;
    font-size: 12px;
    margin-top: 12px;
}

.labelFormCP {
  width: auto;
  height: 40px;
  margin-right: 15px;
  margin-top: 20px;
}

.labelFormCP p {
  color: #FFF;
  width: 100%;
  text-align: left;
  font-size: 12px;
  line-height: inherit !important;
}

#cpCarrito {
  width: 50%;
  border: 2px solid #666;
  display: hidden;
}

#cpCarrito {
  pointer-events: none;
  border: 2px solid #CCC;
  background-color: #eeeeee;
}

.inputFormCP {
  width: auto;
  text-align: left;
}

.inputFormCP input {
  width: 100%;
  height: 38px;
  text-align: left;
  border: 1px solid #00A7C2;
  padding: 6px;
}

.inputForm {
    width: 320px;
    text-align: left;
}

.inputFormCarrito {
  width: 100%;
  text-align: left;
}

.inputFormCarrito input {
  width: 100%;
  height: 38px;
  text-align: left;
  padding: 6px;
  border:0;
}


.inputCheckForm {
    width: 35px;
    text-align: left;
}

.inputForm input {
    width: 100%;
    height: 38px;
    text-align: left;
    border: 1px solid #00A7C2;
    padding: 6px;
}

.inputForm select {
    width: 100%;
    height: 38px;
    text-align: left;
    border: 1px solid #00A7C2;
    padding: 6px;
}

.btnForm {
    width: 90px;
    height: 40px;
    text-align: center;
    border: 0;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #FFF;
    margin-left: 122px;
    margin-top: 12px;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    transition: all 0.3s;
}

.btnForm p {
    font-size: 14px;
    color: #FFF;
    
}

.btnForm:hover {
  background-color: rgba(255,255,255,0.7);
}

.btnFormCarrito {
  width: 100px;
  height: auto;
  text-align: center;
  border: 0;
  padding: 8px;
  background-color: #666;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  transition: all 0.3s;
}

.btnFormCarrito p {
  font-size: 14px;
  color: #FFF;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.btnFormCarrito:hover {
background-color: #000;
}

.btnFormReg {
    width: 290px;
    height: 40px;
    text-align: center;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #FFF;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    transition: all 0.3s;
}

.btnFormReg p {
	color: #FFF;
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.btnFormReg:hover {
  background-color: rgba(255,255,255,0.7);
}

.lineVertForm {
    width: 1px;
    height: 200px;
    background-color: rgba(255,255,255,0.5);
}

.rowForm {
	width: 100%;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.rowFormCarritoLogin {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  align-self: center;
  align-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.rowFormCarrito {
  width: 100%;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.obsCarrito  .labelForm p {
  color: #000 !important;
  font-size: 14px;
}

.rowFormCarrito .labelForm p {
  color: #000 !important;
  font-size: 14px;
}

.contentRegForm {
    width: 100%;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    height: auto;

    margin-top: 50px;
    margin-bottom: 60px;
}

.contentRegForm form {
  width: 530px;
}

.container {
  width: 100% !important;
}

.labelRegForm {
    width: 140px;
    height: 40px;
}

.labelRegForm p {
    color: #333;
    width: 100%;
    text-align: left;
    font-size: 12px;
    margin-top: 12px;
}

.inputRegForm {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}

.bgGrey {
  background-color: #EDEDED;
}

.inputRegForm input {
	font-size: 14px;
  margin: 5px 0;
  width: 100%;
  height: 46px;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  text-align: left;
  border: 0;
  padding: 10px;
}

.flexStart {
    width: 100%;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: flex-start;
}

.btnRegFormCarrito {
    width: auto;
    height: 40px;
    text-align: center;
    background-color: #D30522;
    margin-left: 140px;
    margin-top: 12px;
    padding: 10px;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    border: 0;
    transition: all 0.3s;
}

.btnRegFormCarrito p {
    font-size: 14px;
    color: #FFF;
}

.btnRegFormCarrito:hover {
  background-color: #740314;
}

.btnRegFormAccederCarrito {
    width: auto;
    height: 40px;
    text-align: center;
    background-color: #D30522;
    margin-left: 140px;
    margin-top: 35px;
    padding: 10px;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    border: 0;
    transition: all 0.3s;
}

.btnRegFormAccederCarrito p {
    font-size: 14px;
    color: #FFF;
}

.btnRegFormAccederCarrito:hover {
  background-color: #740314;
}

.btnRegForm {
    width: auto;
    height: 40px;
    text-align: center;
    background-color: #FE0104;
    margin-top: 12px;
    padding: 10px 25px 10px 25px;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    align-self: flex-end;
    align-content: center;
    align-items: center;
    border: 0;
    transition: all 0.3s;
}

.btnRegForm p {
    font-size: 12px;
    font-weight: 600;
    color: #FFF;
}

.btnRegForm:hover {
  background-color: #D30522;
}

.msgerror {
  width: auto;
  height: auto;
  position: fixed;
  left: 10px;
  bottom: 20px;
  background-color: rgba(255, 23, 68, 0.9);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  text-align: center;
  padding: auto;
  color: #FFF;
  padding: 20px;
  font-size: 16px;
  display: none;
  z-index: 9000;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.msg {
  min-width: 200px;
  height: auto;
  position: fixed;
  left: 10px;
  bottom: 10px;
  background-color: rgba(0,0,0,0.8);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  line-height: 20px;
  text-align: center;
  padding: 10px;
  color:#FFF;
  font-size: 16px;
  display: none;
  z-index: 20000;

  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 300;
}

#mayomin {
  width: 365px;
  height: auto;
  position: fixed;
  left: 10px;
  bottom: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  text-align: center;
  padding: auto;
  color: #FFF;
  padding: 20px;
  font-size: 26px;
  display: none;
  z-index: 9000;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 300;
}

#mayomin p {
  float: left;
  font-weight: 300;
}

#mayomin i {
  left: inherit;
  float: right;
}

#mayomin img {
  vertical-align: middle;
}

#cargando {
  width: auto;
  height: auto;
  position: fixed;
  left: 10px;
  bottom: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  text-align: center;
  padding: auto;
  color: #FFF;
  padding: 20px;
  font-size: 26px;
  display: none;
  z-index: 9000;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 300;
}

#cargando p {
  float: left;
  font-weight: 300;
}

#cargando i {
  left: inherit;
  float: left;
}

#cargando img {
  vertical-align: middle;
}

/* LIST */
.contentList {
  width: 100%;
  height: auto;
  float: left;
}

.contentBtnList {
  width: 70%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.contentListCuenta {
  width: 100%;
  height: auto;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.txtUsers {
  width: 100%;
  text-align: left;
  font-size: 20px;
  color: #333;
  line-height: 32px;
}

.contenedor {
    display: table;
    width: 100%;
    text-align: center;
    border: 1px solid #EEEEEE;
    margin: 0 auto;
}
.contenedorCuenta {
    display: table;
    width: 100%;
    text-align: center;
    border: 1px solid #EEEEEE;
    margin: 0 auto;
}

#list {
  width: 70%;
  padding: 2%;
  background-color: #FFF;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: flex-start;
  overflow-x: auto;
}

.filaPar {
    display: table-row;
}

.filaImpar {
    display: table-row;
    /*background-color: #EEEEEE;*/
}

.bgHistoryOrder {
  background-color: #C6C6C6;
}

#headerList {
  background-color: transparent;
  color: #FC0203;
  height: 45px;
}

.columna {
  display: table-cell;
  vertical-align: middle;
  padding: 8px 12px 8px 12px;
  text-align: right;
  font-size: 12px;
  border-bottom: 1px solid #EEEEEE;
}

.headColumn {
  font-size: 14px;
  font-weight: 600;
}

.columna input {
  width: 70px;
  padding: 5px;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  text-align: center;
  margin-left: 10px;
}

.contentTotales {
  width: auto;
  /*float: right;*/
  margin-top: 10px;
  margin-bottom: 20px;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.obsCarrito {
  width: 100%;
  height: auto;
  float: left;
}

.textareaObs {
  width: 100%;
  height: 80px;
  float: left;
  border: 1px solid #CCC;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
}

#formEnvio {
  display: none;
}

#carritos {
  width: 100%;
}

.btnMinVolver {
  width: auto;
  height: auto;
  position: absolute;
  padding: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 24px;
  font-weight: 300;
  color: #000;
  cursor: pointer;
  text-align: center;
  top: 220px;
  left: 10px;
  z-index: 9999;
  transition: all 0.3s;
}

.btnVolver {
  width: auto;
  height: auto;
  float: left;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 16px;
  font-weight: 300;
  color: #FFF;
  background-color: #78909C;
  cursor: pointer;
  text-align: center;
  margin-left: 5%;
  transition: all 0.3s;
}

.contentBtnCarrito {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
}

.btnAceptarPedido {
  width: auto;
  height: auto;
  margin:20px;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  background-color: #13667E;
  padding: 10px;
  cursor: pointer;
  transition: all 0.3s;
}

.btnAceptarPedido:hover {
  background-color: #0277bd;
}

.btnAceptarPedido i {
  font-size: 24px;
}

.btnGuardarPedido i {
  font-size: 24px;
}

.btnGuardarPedido {
  width: auto;
  height: auto;
  margin:20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 18px;
  font-weight: 300;
  color: #FAFAFA;
  background-color: #1976D2;
  padding: 10px;
  cursor: pointer;
  transition: all 0.3s;
}

.btnGuardarPedido:hover {
  background-color: #0D47A1;
}

.btnCancelarPedido i {
  font-size: 24px;
}

.btnCancelarPedido {
  width: auto;
  height: auto;
  margin:20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 18px;
  font-weight: 300;
  color: #FAFAFA;
  background-color: #F50057;
  padding: 10px;
  cursor: pointer;
  transition: all 0.3s;
}

.btnCancelarPedido:hover {
  background-color: #D50000;
}

.btnActualizarJuguete {
  width: 35px;
  height: 35px;
  padding-top: 3px;
  margin-left: 20%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: 17px;
  font-weight: 300;
  color: #FFF;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s;
}

.btnActualizarJuguete:hover {
  
}

.btnBorrarJuguete {
  width: 35px;
  height: 35px;
  padding-top: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: 17px;
  font-weight: 300;
  color: #FFF;
  cursor: pointer;
  text-align: center;
  margin-left: 3px;
  transition: all 0.3s;
}

.btnBorrarJuguete:hover {
  
}

.nameHeader {
  position: absolute;
  font-size: 10px;
  vertical-align: middle;
  font-weight: 400;
  margin-top: 5px;
  color: #FFF;
  text-transform: capitalize;
  margin-top: 80px;
  margin-right: 30px;
  width: 0px;
  height: 0px;
  display: none;
}

.nameHeader small {
  text-transform: lowercase;
  font-size: 12px;
  font-weight: 300;
}

.checkSesion {
  width: 25px !important;
  height: 25px !important;
}

.label {
  width: 100%;
  text-align: left;
}

.label p {
  padding: 3px;
  text-align: left;
  margin: 0;
  vertical-align: middle;
  background-color: #f5f5f5;
  font-size: 16px !important;
}

.label span {
  vertical-align: middle;
  font-size: 16px !important;
  color: #d50000;
  margin-right: 5px;
  transition: all 0.3s;
}

.label span:hover {
  color: #b71c1c;
  cursor: pointer;
}

#msgRegister {
  min-width: 200px;
  height: 100px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background-color: #3483FA;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  line-height: 20px;
  text-align: center;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  color:#FFF;
  font-size: 16px;
  display: none;
  z-index: 20000;
  
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 600;
}

#msgRegister i {
  color: #FFF;
}

.btnBack {
  float: left;
  padding: 10px;
  margin-left: 1%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 600 !important;
  background-color: #CCC;
  transition: all 0.3s;
}

.btnBack p {
  color: #FFF;
  font-size: 14px !important;
  vertical-align: middle;
  margin: 0;
}

.btnBack span {
  font-size: 28px !important;
  color: #fff;
  vertical-align: middle;
}

.btnBack:hover {
  background-color: #333;
}

.alignRight {
  min-width: 70px;
  text-align: right !important;
}

.popupcarrito {
  position: fixed;
  top: 150px; /* Buscamos el centro horizontal (relativo) del navegador */
  right: 25%; /* Buscamos el centro vertmountTotalical (relativo) del navegador */
  width: auto; /* Definimos el ancho del objeto a centrar */
  height: auto; /* Definimos el alto del objeto a centrar */
  margin-top: -80px; /* Restamos la mitad de la altura del objeto con un margin-top */
  margin-left: -200px; /* Restamos la mitad de la anchura del objeto con un margin-left */
  box-shadow: 0px 0px 10px #CCC;
  background-color: #FFF;
  padding: 10px;
  z-index: 99999;
  display: none;
 }

.externalmessage {
  position: absolute;
  top: 25%; /* Buscamos el centro horizontal (relativo) del navegador */
  left: 50%; /* Buscamos el centro vertmountTotalical (relativo) del navegador */
  width: 400px; /* Definimos el ancho del objeto a centrar */
  height: auto; /* Definimos el alto del objeto a centrar */
  margin-top: -80px; /* Restamos la mitad de la altura del objeto con un margin-top */
  margin-left: -200px; /* Restamos la mitad de la anchura del objeto con un margin-left */
  background-color: #FFF;
  padding: 25px;
  z-index: 99999;
  display: none;
  box-shadow: 0px 0px 25px #666;
}

.externalmessage b {
  width: 100%;
  text-align: center;
  color: #FFAA01 !important;
  font-weight: 900;
  font-size: 20px;
}

.externalmessage span {
  font-size: 16px;
  color: #14667C;
  font-weight: 700;
}

.externalmessage p {
  width: 100%;
  text-align: center;
  color: #14667C;
}

.externalmessagePedido {
  position: absolute;
  bottom: 15px; /* Buscamos el centro horizontal (relativo) del navegador */
  left: 15px; /* Buscamos el centro vertmountTotalical (relativo) del navegador */
  width: auto; /* Definimos el ancho del objeto a centrar */
  height: auto; /* Definimos el alto del objeto a centrar */
  box-shadow: 0px 0px 30px #666;
  background-color: #FFF;
  padding: 25px;
  z-index: 99999;
  display: none;
}

.externalmessagePedido b {
  width: 100%;
  text-align: center;
  color: #558b2f !important;
  font-weight: 900;
  font-size: 20px;
}

.externalmessagePedido span {
  font-size: 16px;
  color: #000;
  font-weight: 900;
}

.externalmessagePedido p {
  width: 100%;
  text-align: center;
  color: #333;
}

.externalmessagePedido i {
  font-size: 50px;
  color: orange;
}

.countPopupCarrito {
  width: 100%;
  font-size: 12px;
  color: #666;
  text-align: left;
}

.popuptxt {
  font-size: 12px !important;
  color: #000;
  text-align: left;
  text-transform: capitalize;
}

.btnRedireccionar {
  background-color: #14667C;
  padding: 10px;
  width: auto;
  float: left;
  margin-top: 20px;
  transition: all 0.3s;
}

.btnRedireccionar p {
  font-size: 16px;
  color:#FFF;
}

.btnRedireccionar:hover {
  cursor: pointer;
  background-color: #FFAA01;
}

.btnRedireccionar span {
  color: #FFF;
  font-size: 24px;
  vertical-align: middle;
}

.btnCerrar {
  background-color: #14667C;
  padding: 10px;
  width: auto;
  margin-top: 20px;
  width: 50%;
  margin-left: 25%;
  transition: all 0.3s;
}

.btnCerrar p {
  font-size: 16px;
  color:#FFF;
}

.btnCerrar:hover {
  cursor: pointer;
  background-color: #FD0203;
}

.btnCarritoPopup {
  background-color: #8bc34a;
  padding: 5px;
  width: auto;
  float: right;
  margin-top: 10px;
  transition: all 0.3s;
}

.btnCarritoPopup p {
  font-size: 12px;
  color:#FFF;
}

.btnCarritoPopup:hover {
  cursor: pointer;
  background-color: #33691e;
}

.message {
  width: 60%;
  min-height: 50px;
  box-shadow: 0px 0px 40px #CCC;
  -webkit-box-shadow: 0px 0px 40px #CCC;
  -moz-box-shadow: 0px 0px 40px #CCC;
  -o-box-shadow: 0px 0px 40px #CCC;
  position: fixed;
  bottom: 50%;
  color: #FFF;
  text-align: center;
  padding: 20px;
  display: none;
  /*background-color: rgba(255,255,255,0.8);*/
  z-index: 2000;
  margin-left: 20%;
}

#txtMessage {
  font-size: 20px;
  color: #FAFAFA;
  font-weight: 300;
  padding: 0;
  margin: 0;
}

#txtMessage i {
  font-size: 24px;
}

.txtEnvios {
  width: 100%;
  padding: 20px;
  background-color: #EEEEEE;
  margin-top: 15px;
  text-align: left;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.txtEnvios label {
  font-size: 14px;
  color: #333;
  text-align: left;
}

.txtEnvios p {
  font-size: 14px;
  color: #333;
  line-height: 30px;
}

.txtEnvios i {
  font-size: 14px;
  color: #00A7C2;
}

.txtEnvios b {
  color: #00A7C2;
  font-weight: 800;
}

.txtEnvios span p {
  width: 100%;
  font-size: 12px;
  color: #333;
  text-align: left;
  line-height: 16px;
}

.txtEnvios h2 {
  width: 100%;
  text-align: left;
  color: #115A75 !important;
}

.inputCuit {
  width: 300px;
  height: 35px;
  font-size: 14px !important;
  border: 1px solid #00A7C2;
  display: none;
  margin-top: 15px !important;
}

.fixed {top:0; left:0; z-index:300; width:100%; margin-top: 0px !important;}
.NavContainerDetail {
  height: 60px;
}

.marginLogo {
  top: 0px;
  transition: all 0.3s;
}

.contentNavFixed {
  top: 16px !important;
  position: fixed;
}

.topMenu {
  /*top: 144px !important;*/
}

.txtTopHeader {
  display: none;
}

.topHeaderFixed {
  height: 0px;
  padding: 0px 0px 0px 0px !important;
}
.displayNone {display: none;}
.logoChico {
  width: auto;
  margin-top: 5px;
}
.logoRespChico {
  /*width: 90px !important;*/
  margin-top: 5px !important;
}

.tooltipHeaderScroll {
  margin: 10px 5px 0px 5px !important;
}

.marginLogo {
  /*height: 55px !important;
  margin: 10px 0px 10px 0px !important;
  top: 5px;*/
}

.menu {
  margin-top: 0px !important;
}

.btnWhatsapp {
  width: 60px;
  height: 60px;
  position: fixed;
  background-color: rgb(37, 211, 102);
  font-size: 34px !important;
  font-weight: 400 !important;
  color: #FAFAFA !important;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  /*padding: 5px 0px 10px 16px;*/
  bottom: 10px;
  right: 10px;
  transition: all 0.3s;
  z-index: 1900;
  display: none;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.btnWhatsapp:hover {
  background-color: #008b00;
  cursor: pointer;
  color: #FAFAFA !important;
}

.btnWhatsapp i {
  font-size: 34px;
  margin-top: 0px;
}

.boxSelProduct {
  width: 45%;
  min-height: 250px;
  background-color: #EEE;
  margin: 2%;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;

  transition: all 0.3s;
}

.boxSelProduct p {
  font-size: 44px;
}

.boxSelProduct:hover {
  cursor: pointer;
  background-color: #CCC;
}

.boxCategoryHome {
  margin: 5px;
}

.boxCategoryMay {
  width: 450px;
  height: 200px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.boxCategory {
  width: 180px;
  height: 180px;
  border-radius: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;

  background-size: cover;
  transition: all 0.3s;
}

.boxCategory:hover .hoverBoxCategory {
  height: 450px;
}

.boxCategory:hover .btnCategory p {
  font-weight: 600;
}

.hoverBoxCategory {
  width: 300px;
  height: 0px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.6);
  transition: all 0.3s;
  display: none;
  z-index: 10;
}

.titleCategory {
  width: 100%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  margin-top: 250px;
}

.titleCategory p {
  font-size: 18px;
  color: #000;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.flickity-viewport {
  height: 340px !important;
}

.btnCategory {
  width: 100%;
  height: 45px;
  /*border: 1px solid #FFF;
  background-color: rgba(255,255,255,0.5);*/

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  margin-top: 170px;
  transition: all 0.3s;
  position: absolute;
  z-index: 20;
}

.btnCategory p {
  width: 70%;
  font-size: 28px;
  line-height: 32px;
  color: #000;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 300;
  margin: 0 !important;
  transition: all 0.3s;
}

.btnCategory:hover {
  cursor: pointer;
}

.subtitleDest {
  width: 100%;
  margin-top: -80px;
}

.subtitleDest p {
  width: 100%;
  font-size: 24px;
  color: #000;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

.btnCategoryMay {
  width: 100%;
  height: 45px;
 /* border: 1px solid #FFF;
  background-color: rgba(255,255,255,0.6);*/
  background-color: #DF1A22;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  /*margin-top: 100px;*/
  transition: all 0.3s;
}

.btnCategoryMay p {
  width: 100%;
  font-size: 22px;
  line-height: 22px;
  color: #FFF;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 800;
  margin: 0 !important;
}

.btnCategoryMay:hover {
  background-color: rgba(255,255,255,0.9);
  cursor: pointer;
}

.carousel-cell a {
  width: 100%;
}

.flickity-prev-next-button.previous {
  left: 50px !important;
}

.flickity-prev-next-button.next {
  right: 50px !important;
}

/* botonera */
.botonera .sub li:hover {
    color: #00AEDD;
    z-index: 5000;
}

.botonera .subDos li:hover {
    color: #00AEDD;
    z-index: 5000;
}

.botonera ul .sub li {
    float: none;
    z-index: 5000;
    color: #1E4065;
    text-align: left;
    margin-right: 0px;
    margin-left: 0px;
    font-weight: 700;
    transition: all 0.3s;
}

.botonera .sub { 
  min-width: 300px;
  height: 0px;
  text-align: left;
  display:none;
  background-color: #CCC;
  color: #1E4065;
  margin-top: 0px;
  margin-left: -10px;
  padding-left: 0px;
  transition: all 0.3s;
}

.botonera li:hover > ul {
    display:block;
    position: absolute;
    z-index: 5000;
    height: auto;
}

.botonera ul .subDos li {
    min-width: 150px;
    display: inline-block;
    z-index: 5000;
    transition: all 0.3s;
}

.botonera .subDos { 
  margin-left: 75px;
  margin-top: -30px;
    float: left;
    display:none;
    background-color: #FFF;
    color: #333;
    border: solid 1px #CCC;
    padding-top: 5px;
  padding-bottom: 5px;
  transition: all 0.3s;
}

.botonera li img {
  vertical-align: middle;
}

.botonera a {
  color: #092F57;
  text-decoration: none;
}

.botonera nav {
  margin: 0;
}

.botonera nav ul {
  margin: 28px 0px 0px 0px;
  list-style: none;
}

.botonera nav li {
  height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  float: left;
  color: #092F57;
  font-size: 16px;
  font-weight: 300;
  margin-left: 15px;
  cursor: pointer;
  font-family: 'Oswald', sans-serif;
  
}

.botonera nav li:hover {
  background-color: #CED5DD;
}


.btnCuenta {
    width: 19.5%;
    height: 40px;
    background-color: #14667C;
    margin-top: 15px;
    vertical-align: middle;
    transition: all 0.3s;
}

.btnCuenta p {
    color: #FFF;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
}

.btnCuenta i {
  vertical-align: middle;
}

.btnCuenta:hover {
  background-color: #FC0203;
}

.hoverBtnCuenta {
  background-color: #FC0203;
}

.titleHistorial {
  font-size: 20px;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: #FB0103;
  text-align: left;
  font-weight: 400;
}

.logoMP {
  width: 100px;
}

.liHorMenu {
  width: 600px;
}

/* CARRITO */
.rowTotal {
  width: 100%;
   display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.colLabelTotal {
  width: 150px;
  text-align: right;
}

.colTotal {
  min-width: 100px;
  text-align: right;
}

.colTotal {
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.colLabelTotal p {
  font-size: 14px !important;
}

.txtDescPopup {
  color:red;
  font-size: 10px;
  font-weight:100;
  float:left; width:100%;
  text-align:right;
  padding-right: 10px;
  margin-bottom: 5px;
}

.totalFloatCarrito {
  width: 98%;
  text-align: right;
  padding-right: 5%;
  margin-left: 1%;
  padding: 10px 0 10px 0;
  background-color: #EEE;
  float: left;
  margin-bottom: 15px;
}

.totalFloatCarrito p {
  padding-right: 3%;
  padding-left: 3%;
  font-weight: 600;
  font-size: 22px;
  color: #000;
  margin-bottom: 0px !important;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.centerSite {
  width: 80%;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.colSucursales {
    width: 460px;
    height: auto;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.colComprar {
    width: 100%;
    height: auto;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-flex;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-self: center;
    align-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.colComprar img {
  margin-top: 15px;
}

.contentTitleSucursal {
  width: 100%;
  height: 50px;
  margin-bottom: 15px;
}

.contentTitleSucursal p {
  color: #000;
  font-weight: 600;
  font-size: 22px;
  padding: 10px;
  text-align: center;
}

.contentTitleEnvios {
  width: 100%;
  height: auto;
  background-color: #13667e;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.contentTitleEnvios p {
  color: #FFF;
  font-weight: 600;
  font-size: 28px;
  padding: 10px;
  text-align: center;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.direcciones {
  color: #000;
  font-weight: 400 !important;
  font-size: 16px !important;
  padding: 5px !important;
  text-align: left;
}

.txtComoComprar {
  text-align: left !important;
  width: 50%;
  padding: 2%;
  font-size: 16px;
  line-height: 24px;
  text-align: center !important;
}

.subtitleEnvios {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left;
  color: #333;
  padding: 0px 0px 0px 10px !important;
}

.titleEnvios {
  width: 100%;
  background-color: #EB0626;
  color: #FFF;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

.titleEnvios b {
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

.boxCostoEnvioBon {
  width: 100%;
  font-size: 24px;
  margin-top: 15px;
  color: #E11B1C;
  font-weight: 900;
  padding: 0px 0px 5px 0px;
}

.boxEnvio {
  width: 100%;
  background-color: #FFF;
  padding: 5.5%;
  font-weight: 400;
  border: 2px solid #13667e;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 16px;
  margin-top: 40px;
}

.boxEnvio i {
  color: #13667e;
}

.boxEnvio span {
  text-transform: uppercase;
}

.colorEnvio {
  color: #13667e;
}

.colEnvios {
  width: 74%;
  padding: 0% 2% 0 2%;
  height: auto;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: left;
  align-self: flex-start;
  align-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

.colEnvios span {
  min-width: 50%;
  color: #E0171B;
  font-size: 20px;
  text-align: left;
  float: left;
  margin-bottom: 10px;
}

.colEnvios .col2 p {
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: left;
  align-self: flex-start;
  align-content: center;
  align-items: center;
  margin: 0 !important;
}

.spanEnviosRow {
  font-size: 28px !important;
  margin-top: 15px;
}

.iconEnvio {
  float: left;
  margin: 15px 0px 15px 0px;
}

.txtpenvio {
  width: 90%;
  text-align: left;
}

/* FORM FIXED PRODUCTS */
.formFixed {
  width: 250px;
  height: 110px;
  position: fixed;
  bottom: 120px;
  right: -165px;
  background-color: #eb0626;
  z-index: 1000;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  border-radius: 20px 0px 0px 20px;
  -webkit-border-radius: 20px 0px 0px 20px;
  -moz-border-radius: 20px 0px 0px 20px;
  -o-border-radius: 20px 0px 0px 20px;
  transition: all 0.8s;
}

.formFixed:hover {
  right: 0px;
}

.formFixed:hover .contentFormFixed {
  display: block;
  
}

.msgFormFixed {
  width: 90px;
  height: 110px;
  float: left;
}

.msgFormFixed i {
  font-size: 74px;
  color: #000;
  margin-bottom: 10px;
}

.msgFormFixed p {
  width: 100%;
  text-align: justify;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: #FFF;
  font-size: 16px;
  margin-left: 10px;
  font-weight: 300;
  line-height: 20px;
  margin-top: 25px;
}

.lineNews {
  width: 120px;
  height: 5px;
  float: left;
  background-color: #000;
  margin-top: 15px;
  margin-left: 20px;
}

.contentFormFixed {
  width: 160px;
  height: auto;
  float: left;
  margin-top: 5px;
  padding-top: 6px;
  display: block;
  transition: all 0.5s;
}

.contentFormFixed input {
  border: 0 !important;
  background-color: #FFF;
  font-weight: 300;
  font-size: 16px;
  width: 150px;
  padding-left: 5px;
  margin:3px;
  color: #000;
  height:35px;
  margin-top: 0px;
}

/*.btnFormFixed {
  float:  left;
  border: 0;
  background-color: #0094C4;
  text-align: center;
  width: 57px;
  height: 18px;
  color: #FFF;
  font-size: 9px;
  margin-left: 3px;
  margin-top: 4px;
  cursor: pointer;
  transition: all 0.3s;
}*/

.btnFormFixed {
  float: left;
  border: 0;
  /* text-align: right; */
  width: 150px;
  /* height: 18px; */
  color: #000;
  font-weight: 600;
  font-size: 16px;
  margin-left: 0px;
  margin-top: 10px;
  background-color: #FFF;
  cursor: pointer;
  transition: all 0.3s;
}
.contentFormFixed input::-webkit-input-placeholder { color: #CCC !important; } /* WebKit */
.contentFormFixed input:-moz-placeholder { color: #CCC !important; } /* Firefox 18- */
.contentFormFixed input::-moz-placeholder { color: #CCC !important; } /* Firefox 19+ */
.contentFormFixed input:-ms-input-placeholder { color: #CCC !important; } /* IE 10+ */

.inputRegForm input::-webkit-input-placeholder { color: #000 !important; font-weight: 600 !important; } /* WebKit */
.inputRegForm input:-moz-placeholder { color: #000 !important; font-weight: 600 !important; } /* Firefox 18- */
.inputRegForm input::-moz-placeholder { color: #000 !important; font-weight: 600 !important; } /* Firefox 19+ */
.inputRegForm input:-ms-input-placeholder { color: #000 !important; font-weight: 600 !important; } /* IE 10+ */

.phoneWht a {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.phoneWhtEnvios {
  font-size: 16px !important;
  color: #333;
  font-weight: 600 !important;
}

.btnSelProd {
  background-color: #13667E;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  margin-top: 45px;
  vertical-align: middle;
  transition: all 0.3s;
}

.btnSelProd p {
  color: #FFF;
  font-weight: 800;
  padding: 10px;
  font-size: 14px;
  vertical-align: middle;
}

.btnSelProd i {
  vertical-align: middle;
  font-size: 18px;
}

.btnSelProd:hover {
  background-color: #0277bd;
  cursor: pointer;
}

input[type="text"], input[type="url"], input[type="email"], input[type="search"], input[type="date"], input[type="datatime"], input[type="datatime-local"], input[type="month"], input[type="week"], input[type="time"], input[type="tel"], input[type="number"], input[type="password"], textarea, select[multiple], .ch-form-select-multiple {
  margin: 0px !important;
}

.btnSearch {
  border-right: 0px solid #D9D9D9 !important;
  border-top: 0px solid #D9D9D9 !important;
  border-bottom: 0px solid #D9D9D9 !important;
  /*border-left: 0px solid #D9D9D9 !important;*/
  background-color: #FFF;
  border: 0;
  height: 30px;
  padding: 8px;
  color: #BBBBBB;
  font-weight: 600;
  vertical-align: middle;
  /*margin-bottom:5px;
  margin: 0px 0 !important;*/
  margin-left: 0px;
  background-color: #FFF;
  transition: all 0.3s;
}

.btnSearch i {
  color: #000;
  font-size: 16px !important;
  margin: 0;
  transition: 0.3s;
}

.btnSearch i:hover {
  color: #FF1717;
}

.btnSearch:hover {
  background-color: #FFF;
}

.ui-widget {
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  align-self: flex-end;
  align-content: flex-end;
  align-items: flex-end;
}

.alignLeft {
  text-align: left;
}

.alignCenter {
  text-align: center;
}

.contentCategoriesMayorista {
  margin-top: 25px;
}

/* FLECHA ANIMADA */
#arrowAnim {
  width: 80px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.arrow {
  width: 15px;
  height: 15px;
  border: 4px solid;
  border-color: #ED001A transparent transparent #ED001A;
  transform: rotate(135deg);
}


.arrowSliding {
  position: absolute;
  -webkit-animation: slide 2s linear infinite; 
          animation: slide 2s linear infinite;
}

.delay1 {
  -webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s;
}
.delay2 {
  -webkit-animation-delay: 1s; 
    animation-delay: 1s;
}
.delay3 {
  -webkit-animation-delay: 1.5s; 
    animation-delay: 1.5s;
}

@-webkit-keyframes slide {
    0% { opacity:0; transform: translateX(-35px); } 
   20% { opacity:1; transform: translateX(-15px); }  
   80% { opacity:1; transform: translateX(15px); } 
  100% { opacity:0; transform: translateX(35px); }  
}
@keyframes slide {
    0% { opacity:0; transform: translateX(-35px); } 
   20% { opacity:1; transform: translateX(-15px); }  
   80% { opacity:1; transform: translateX(15px); } 
  100% { opacity:0; transform: translateX(35px); }  
}

.slideResponsive {
  display: none;
}

#externalmessagemayorista {
  position: fixed !important;
}

.btnFilter {
  float: right;
  margin-left: 10px;
  padding: 0px 3px 0px 3px;
  color: #DF1A22;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
}

.btnFilter span {
  vertical-align: middle;
}

.btnAccion {
  /*width: 70%;
  margin-left: 15%;
  text-align: center;*/
  text-align: right;
  transition: all 0.3s;
}

.btnAccion:hover i {
  color: #FB0103;
}

.btnAccion i {
  color: #333;
  margin: 4px 0px 0px 0px;
  font-size: 20px;
}

.btnAccionOrder {
  width: 70%;
  margin-left: 15%;
  text-align: center;
  background-color: #F44336;
  transition: all 0.3s;
}

.btnAccionOrder:hover {
  background-color: #B71C1C;
}

.btnAccionOrder i {
  color: #FFF;
  margin: 4px 0px 0px 0px;
  font-size: 24px;
}

.btnAccionOrderDetail {
  width: 260px;
  margin-left: 140px;
  text-align: center;
  color: #FFF;
  background-color: #F44336;
  padding: 10px;
  transition: all 0.3s;
}

.btnAccionOrderDetail:hover {
  background-color: #B71C1C;
}

.btnAccionOrderDetail i {
  color: #FFF;
  font-size: 16px;
}

.btnNav {
  color: #333;
  padding: 10px;
  margin-bottom: 25px;
}

.btnAccionOrderDetailRight {
  width: auto;
  text-align: center;
  color: #FB0103;
  font-weight: 800;
  float: left;
  border: 1px solid #FB0103;
  padding: 5px;
  font-size: 12px;
  margin-top: 15px;
  transition: all 0.3s;
}

.btnAccionOrderDetailRight:hover {
  background-color: #FB0103;
  color: #FFF;
}

.btnAccionOrderDetailRight i {
  color: #FB0103;
  font-size: 14px;
}

.txtTotal {
  margin-top:15px; color: #FB0103; font-size:14px; text-align:right; float: right; min-width: 150px;
}

.fontMin {
  font-size: 16px !important;
  line-height: 18px;
  margin-bottom: 5px;
  padding: 2%;
  background-color: #FFF;
  width: 100%;
}

.InfoMin {
  margin-top: 0px !important;
}

.btnCosto {
  font-size: 12px;
  color: #FFF;
  background-color: #13667e;
  padding: 5px 10px 5px 10px;
  margin-left: 15px;
  transition: 0.3s;
}

.btnCosto:hover {
  background-color: #FFAA00;
  cursor: pointer;
}

#btnEnvioList {
  background-color: #14667C;
}

#btnEnvioList label {
  color: #FFF;
}

#btnEnvioList:hover {
  cursor: pointer;
}

#contentEnvioCaba {
  width: 100%;
  padding: 15px;
  border: 2px solid #14667C;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
  background-color: #14667C;
  margin-bottom: 5px;
  color: #FFF;
  font-size: 16px;
  margin-top: 10px;
  display: none;
}

#costodeenvio {
  width: 100%;
  text-align: left;
  
}

#envioDiv {
  width: 100%;
  height: 0px;
  overflow: hidden;
  transition: all 0.3s;
}

.iconBoxEnvio {
  color:#FFFF;
  font-size: 24px;
}

.borderNone {
  border: 0px !important;
}

#zonaInterior {
  background-color: #14667C;
}

#zonaInteriorLabel {
  color:#FFF;
}

#btnEnvioCabaList {
  background-color: #14667C;
}

#btnEnvioCabaList:hover {
  cursor: pointer;
}

#btnEnvioCabaListLabel {
  color:#FFF;
}

#envioCabaDiv {
  width: 100%;
  height: 0px;
  overflow: hidden;
  transition: all 0.3s;
}

#envioInteriorDiv {
  width: 100%;
  height: 0px;
  overflow: hidden;
  transition: all 0.3s;
}

#zonaInterior:hover {
  cursor: pointer;
}

.col2RighttList {
  width: 20%;
  height: auto;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: flex-start;
  align-content: center;
  align-items: center;
}

.col2LeftList {
  /*width: 80%;*/
  width: auto;
  height: auto;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: flex-start;
  align-content: center;
  align-items: center;
}

.flexbox {
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: flex-start;
  align-content: center;
  align-items: center;
}

.flexBetween {
  justify-content: space-between !important;
}

.flexStart {
  justify-content: flex-start !important;
}

.flexEnd {
  justify-content: flex-end !important;
}

#envioCiudadelaStyle input[type="checkbox"], input[type="radio"] {
  display: none;
}

#envioLanusStyle input[type="checkbox"], input[type="radio"] {
  display: none;
}

#envioLanusStyle:hover {
  cursor: pointer;
}

#envioCiudadelaStyle:hover {
  cursor: pointer;
}

#checkCiudadela {
  display: none;
}

#checkLanus {
  display: none;
}

#checkCABA {
  display: none;
}

#envioInteriorStyle:hover {
  cursor: pointer;
}

#checkInterior {
  display: none;
}

#checkPagoMP {
  display: none;
}

#checkPagoTransferencia {
  display: none;
}

#checkPagoEfectivo {
  display: none;
}

#pagoMPStyle:hover {
  cursor: pointer;
}

#pagoTranferenciaStyle:hover {
  cursor: pointer;
}

#pagoEfectivoStyle:hover {
  cursor: pointer;
}

#envioCABAStyle:hover {
  cursor: pointer;
}

#envioGBAOesteStyle:hover {
  cursor: pointer;
}

#envioGBASurStyle:hover {
  cursor: pointer;
}

#envioGBANorteStyle:hover {
  cursor: pointer;
}

#checkGBAOeste {
  display: none;
}

#checkGBASur {
  display: none;
}

#checkGBANorte {
  display: none;
}

#iconBoxEnvioSucursalOK {
  display: none;
}

#iconBoxEnvioInteriorOK {
  display: none;
}

#iconBoxEnvioCabaOK {
  display: none;
}

.socialFooter {
  padding-left:25%;float:left; margin-right:15px;
}

.contentFlechas {
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: flex-start;
  align-content: center;
  align-items: center;
  margin-bottom: 50px;
}

.flecha1 {
  width: 110px;
  height: 50px;
  background: #BEE1EA;
  position: relative;
  z-index: 100;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
}

.flecha1 p {
  width: 100%;
  color: #FFF;
  font-weight: 600;
  margin: 0;
  font-size: 12px;
}

.lado-derecha1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 110px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: transparent transparent transparent #BEE1EA;
}

.flecha2 {
  width: 80px;
  height: 50px;
  background: #19B4CA;
  position: relative;
  z-index: 90;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
}

.flecha2 p {
  width: 100%;
  color: #FFF;
  font-weight: 600;
  margin: 0;
  font-size: 12px;
  z-index: 100;
}

.lado-derecha2 {
  margin-left: 30px;
}

.lado-derecha2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 80px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: transparent transparent transparent #19B4CA;
}

.lado-derecha2:after {
  content: "";
  position: absolute;
  top: 0;
  right: 55px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: #19B4CA #19B4CA #19B4CA transparent;
  margin-left: 10px;
  max-width: 30px;
  width: 30px;
}

.flecha3 {
  width: 80px;
  height: 50px;
  background: #408EA5;
  position: relative;
  z-index: 90;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
}

.flecha3 p {
  width: 100%;
  color: #FFF;
  font-weight: 600;
  margin: 0;
  font-size: 12px;
  z-index: 100;
}

.lado-derecha3 {
  margin-left: 30px;
}

.lado-derecha3:before {
  content: "";
  position: absolute;
  top: 0;
  left: 80px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: transparent transparent transparent #408EA5;
}

.lado-derecha3:after {
  content: "";
  position: absolute;
  top: 0;
  right: 55px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: #408EA5 #408EA5 #408EA5 transparent;
  margin-left: 10px;
  max-width: 30px;
  width: 30px;
}

.flecha4 {
  width: 80px;
  height: 50px;
  background: #E3E2E2;
  position: relative;
  z-index: 90;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
}

.flecha4 p {
  width: 100%;
  color: #408EA5;
  font-weight: 600;
  margin: 0;
  font-size: 12px;
  z-index: 100;
}

.lado-derecha4 {
  margin-left: 30px;
}

.lado-derecha4:before {
  content: "";
  position: absolute;
  top: 0;
  left: 80px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: transparent transparent transparent #E3E2E2;
}

.lado-derecha4:after {
  content: "";
  position: absolute;
  top: 0;
  right: 55px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: #E3E2E2 #E3E2E2 #E3E2E2 transparent;
  margin-left: 10px;
  max-width: 30px;
  width: 30px;
}

.flecha5 {
  width: 80px;
  height: 50px;
  background: #F9CF13;
  position: relative;
  z-index: 90;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
}

.flecha5 p {
  width: 100%;
  color: #FFF;
  font-weight: 600;
  margin: 0;
  font-size: 12px;
  z-index: 100;
}

.lado-derecha5 {
  margin-left: 30px;
}

.lado-derecha5:before {
  content: "";
  position: absolute;
  top: 0;
  left: 80px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: transparent transparent transparent #F9CF13;
}

.lado-derecha5:after {
  content: "";
  position: absolute;
  top: 0;
  right: 55px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: #F9CF13 #F9CF13 #F9CF13 transparent;
  margin-left: 10px;
  max-width: 30px;
  width: 30px;
}

.flecha6 {
  width: 80px;
  height: 50px;
  background: #F9F9F9;
  position: relative;
  z-index: 90;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
}

.flecha6 p {
  width: 100%;
  color: #000;
  font-weight: 600;
  margin: 0;
  font-size: 12px;
  z-index: 100;
}

.lado-derecha6 {
  margin-left: 30px;
}

.lado-derecha6:before {
  content: "";
  position: absolute;
  top: 0;
  left: 80px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: transparent transparent transparent #F9F9F9;
}

.lado-derecha6:after {
  content: "";
  position: absolute;
  top: 0;
  right: 55px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: #F9F9F9 #F9F9F9 #F9F9F9 transparent;
  margin-left: 10px;
  max-width: 30px;
  width: 30px;
}

.flecha7 {
  width: 90px;
  height: 50px;
  background: #EC343D;
  position: relative;
  z-index: 90;

  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
  flex-wrap: wrap;
  align-self: center;
  align-content: center;
  align-items: center;
}

.flecha7 p {
  width: 100%;
  color: #FFF;
  font-weight: 600;
  margin: 0;
  font-size: 12px;
  z-index: 100;
}

.lado-derecha7 {
  margin-left: 30px;
}

.lado-derecha7:before {
  content: "";
  position: absolute;
  top: 0;
  left: 90px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: transparent transparent transparent #EC343D;
}

.lado-derecha7:after {
  content: "";
  position: absolute;
  top: 0;
  right: 65px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: #EC343D #EC343D #EC343D transparent;
  margin-left: 10px;
  max-width: 30px;
  width: 30px;
}

.iconComoComprar {
  margin-left: 50px;
}

.txtNewEnvios {
  text-align: left !important;
  width: 100%;
  padding: 2%;
  text-align: center !important;
  font-size: 16px;
  line-height: 24px;
}

#backgroundGrey {
  background-color: rgba(0, 0, 0, 0.8) !important;
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 9999;
  display: none;
}

.colOrderLost {
  width: 100%;
}

.colOrderDates {
  width: 100%;
  overflow-x: auto;
}

.colOrderLast {
  width: 35%;
}

.colOrderLeft {
  width: 63%;
}

.colOrder3Dates {
  width: 30%;
}

.notifications {
  height: 70vh !important;
}

.boxValList {
  min-width: 80px;
  float: right;
}

/* header */
#notification_li{position:relative}
#notificationContainer {
background-color: #fff;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
overflow: visible;
position: absolute;
top: 44px;
font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
margin-left: -320px;
min-width: 350px;
z-index: 600;
display: none;
}
#notificationContainer:before {
  /*
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
color: transparent;
border: 10px solid black;
border-color: transparent transparent white;
margin-top: -20px;
margin-left: 318px;*/
}
#notificationTitle {
z-index: 1000;
font-weight: bold;
padding: 8px;
font-size: 13px;
font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
color: #000;
background-color: #ffffff;
width: 100%;
border-bottom: 1px solid #dddddd;
}
#notificationsBody {
padding: 8px !important;
height:400px;
/*overflow-y: auto;*/
font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
#notificationFooter {
background-color: #eb0626;
text-align: center;
font-weight: 800;
font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
padding: 8px;
color: #FFF;
font-size: 18px;
width: 80%;
margin-left: 10%;
}

#notificationLinkFooter {
background-color: #FFF;
text-align: center;
font-weight: 800;
font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
padding: 8px;
color: #eb0626;
font-size: 18px;
}
#notificationLinkFooter b{
color: #eb0626;
}
#notification_count {
padding: 3px 7px 3px 7px;
background: #cc0000;
color: #ffffff;
font-weight: bold;
margin-left: 77px;
font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
border-radius: 9px;
position: absolute;
margin-top: -11px;
font-size: 11px;
}
.titleNotification {
  font-size: 14px;
  color: #000;
  font-weight: 800;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
}
.txtNotification {
  font-size: 14px;
  color: #333;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 0;
}

.dateTimeNotification {
  font-size: 12px;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: 300;
}
.folderNotification {
  font-size: 14px;
  color: #000;
  font-weight: 300;
  margin-bottom: 0px;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  margin-block-start: 0em;
  margin-block-end: 0em;
}
.btnNotificacion {
  font-size: 12px;
  color: #FFF;
  background-color: #8bc34a;
  padding: 3px;
  margin-left: 84%;
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  transition: all 0.3s;
}
.btnNotificacion:hover {
  color: #FFF;
  text-decoration:none;
  background-color: #33691e;
}
.alertMsg {
	position: absolute;
	/*left: 4px;*/
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	top: 0px;
}

.alertMsg i {
	font-size: 20px;
	color: #FFF;
	transition: all 0.3s;
}

.alertMsg i:hover {
	cursor: pointer;
}

/*
.circleAlert {
	width: 18px;
	height: 18px;
	background-color: #F4A71B;
	color: #FFF;
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	position: absolute;
	margin-top: -10px;
	margin-left: 14px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-webkit-border-radius: 20px;
	text-align: center;
	border:0;
}

.circleAlert p {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	font-weight: 300;
}*/

.bgGray {
  background-color: #C7C3C4;
}

/* TAGS */
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
  top: 106px !important;
  left: 2% !important;
  width: 96%;
  height: auto;
  overflow-y: auto;
}

.boxEnvioSucursalExpandido {
  height: 130px !important;
}

.boxEnvioDomicilioExpandido {
  height: 340px !important;
}

.boxEnvioInteriorExpandido {
  height: 100px !important;
}

.estadoCarritoSelected {
    background-color: rgb(225, 27, 28) !important;
    border: 2px solid rgb(225, 27, 28) !important;
}

.numeroEstadoCarritoSelected {
  color: #FFF !important;
}

.categories {
  position: relative;
  margin-top: -215px;
  z-index: 1;
}

#chat-floating-button {
  left: 10px !important;
  bottom: 10px !important;
  z-index: 10 !important;
  display: none !important;
}

/* MENU USUARIO */
.user-menu-dropdown {
    position: absolute;
    top: 40px;
    right: 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    min-width: 220px;
    z-index: 9999;
    padding: 16px 0;
}
.user-menu-header {
    padding: 8px 24px;
    border-bottom: 1px solid #eee;
    color: #333;
}
.user-menu-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.user-menu-dropdown ul li {
    padding: 8px 24px;
}
.user-menu-dropdown ul li a {
    color: #333;
    text-decoration: none;
    display: block;
}
.user-menu-dropdown ul li a:hover {
    background: #f5f5f5;
    color: #000;
}

.listCarrito {
  height: 50vh;
  overflow-y: auto;
}

.circlePallets {
  background-color: #12677c;
}

.circlePallets p {
  color: #FFF;
  font-size: 22px;
  line-height: 26px;
}

.circleMayoristas {
  background-color: #FF1717;
}

.circleMayoristas p {
  color: #FFF;
  font-size: 22px;
  line-height: 26px;
}

.circleMayoristas span {
  color: #FEA900;
  font-size: 16px;
  line-height: 18px;
}