.inlineBlock.center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.inlineBlock.justify {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.inlineBlock.space {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.inlineBlock.left {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.inlineBlock.right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.inlineBlock.pillows {
  margin-bottom: -2px;/* TODO */
  width: calc(100% + 4px);
}
.inlineBlock.pillows > * > div {
  background: #EFECEC;
  margin: 0 5px 5px 1px;
  border: 1px solid #E0DCDC;
  border-radius: 2px;
  padding: 5px;
}
.inlineBlock.pillows > * > div:hover {
  background: #E0E0E0;
}
.scroll:not(.inlineBlock) {
  display: block;
  overflow: auto;
  max-height: 100%;
  max-width: 100%;
}
.inlineBlock.scroll {
  overflow: auto!important;
}
.inlineBlock.solid {
  display: block!important;
}
.scroll-hidden {
  overflow: hidden;
}
.inlineBlock {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
/*  position: relative; */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -ms-flex-flow: row wrap;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  flex-wrap: wrap;
}
.inlineBlock > * {
  flex: 1 1 auto;
/*  float:left;
  position: relative;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;*/
}
.order-1 {
  -webkit-order: 1!important;
  -ms-flex-order: 1!important;
  order: 1!important;
}
.order-2 {
  -webkit-order: 2!important;
  -ms-flex-order: 2!important;
  order: 2!important;
}
.order-3 {
  -webkit-order: 3!important;
  -ms-flex-order: 3!important;
  order: 3!important;
}
/* A todos */
.w-all-12{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width:100%;
  max-width: 100%;
}
.w-all-11{
  -ms-flex: 0 0 91.66666666666667%;
  flex: 0 0 91.66666666666667%;
  width:91.66666666666667%;
  max-width:91.66666666666667%;
}
.w-all-10{
  -ms-flex: 0 0 83.33333333333333%;
  flex: 0 0 83.33333333333333%;
  width:83.33333333333333%;
  max-width:83.33333333333333%;
}
.w-all-9{
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  width:75%;
  max-width:75%;
}
.w-all-8{
  -ms-flex: 0 0 66.66666666666667%;
  flex: 0 0 66.66666666666667%;
  width:66.66666666666667%;
  max-width:66.66666666666667%;
}
.w-all-7{
  -ms-flex: 0 0 58.333333333333333333333%;
  flex: 0 0 58.333333333333333333333%;
  width:58.333333333333333333333%;
  max-width:58.333333333333333333333%;
}
.w-all-6{
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width:50%;
  max-width:50%;
}
.w-all-5{
  -ms-flex: 0 0 41.66666666666667%;
  flex: 0 0 41.66666666666667%;
  width:41.66666666666667%;
  max-width:41.66666666666667%;
}
.w-all-4{
  -ms-flex: 0 0 33.33333333333333%;
  flex: 0 0 33.33333333333333%;
  width:33.33333333333333%;
  max-width:33.33333333333333%;
}
.w-all-3{
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width:25%;
  max-width:25%;
}
.w-all-2{
  -ms-flex: 0 0 16.66666666666667%;
  flex: 0 0 16.66666666666667%;
  width:16.66666666666667%;
  max-width:16.66666666666667%;
}
.w-all-1{
  -ms-flex: 0 0 8.333333333333333%;
  flex: 0 0 8.333333333333333%;
  width:8.333333333333333%;
  max-width:8.333333333333333%;
}
.w-all {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}
.all-hide {
  display: none!important;
}
.all-show {
  display: block!important;
}
@media screen and (min-width: 981px){
	.desk-hide {
	  display: none!important;
	}
	.desk-show {
	  display: block!important;
	}
  .desk-order-1 {
    -webkit-order: 1!important;
    -ms-flex-order: 1!important;
    order: 1!important;
  }
  .desk-order-2 {
    -webkit-order: 2!important;
    -ms-flex-order: 2!important;
    order: 2!important;
  }
  .desk-order-3 {
    -webkit-order: 3!important;
    -ms-flex-order: 3!important;
    order: 3!important;
  }
  .w-desk-12{
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
  }
  .w-desk-11{
    -ms-flex: 0 0 91.66666666666667%!important;
    flex: 0 0 91.66666666666667%!important;
    width:91.66666666666667%!important;
    max-width:91.66666666666667%!important;
  }
  .w-desk-10{
    -ms-flex: 0 0 83.33333333333333%!important;
    flex: 0 0 83.33333333333333%!important;
    width:83.33333333333333%!important;
    max-width:83.33333333333333%!important;
  }
  .w-desk-9{
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    width:75%!important;
    max-width:75%!important;
  }
  .w-desk-8{
    -ms-flex: 0 0 66.66666666666667%!important;
    flex: 0 0 66.66666666666667%!important;
    width:66.66666666666667%!important;
    max-width:66.66666666666667%!important;
  }
  .w-desk-7{
    -ms-flex: 0 0 58.333333333333333333333%!important;
    flex: 0 0 58.333333333333333333333%!important;
    width:58.333333333333333333333%!important;
    max-width:58.333333333333333333333%!important;
  }
  .w-desk-6{
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    width:50%!important;
    max-width:50%!important;
  }
  .w-desk-5{
    -ms-flex: 0 0 41.66666666666667%!important;
    flex: 0 0 41.66666666666667%!important;
    width:41.66666666666667%!important;
    max-width:41.66666666666667%!important;
  }
  .w-desk-4{
    -ms-flex: 0 0 33.33333333333333%!important;
    flex: 0 0 33.33333333333333%!important;
    width:33.33333333333333%!important;
    max-width:33.33333333333333%!important;
  }
  .w-desk-3{
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    width:25%!important;
    max-width:25%!important;
  }
  .w-desk-2{
    -ms-flex: 0 0 16.66666666666667%!important;
    flex: 0 0 16.66666666666667%!important;
    width:16.66666666666667%!important;
    max-width:16.66666666666667%!important;
  }
  .w-desk-1{
    -ms-flex: 0 0 8.333333333333333%!important;
    flex: 0 0 8.333333333333333%!important;
    width:8.333333333333333%!important;
    max-width:8.333333333333333%!important;
  }
}
/* Tablet */
@media screen and (min-width: 766px) and (max-width: 980px) {
  .tablet-hide {
    display: none!important;
  }
  .tablet-show {
    display: block!important;
  }
  .tablet-order-1 {
    -webkit-order: 1!important;
    -ms-flex-order: 1!important;
    order: 1!important;
  }
  .tablet-order-2 {
    -webkit-order: 2!important;
    -ms-flex-order: 2!important;
    order: 2!important;
  }
  .tablet-order-3 {
    -webkit-order: 3!important;
    -ms-flex-order: 3!important;
    order: 3!important;
  }
  .w-tablet-12{
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
  }
  .w-tablet-11{
    -ms-flex: 0 0 91.66666666666667%!important;
    flex: 0 0 91.66666666666667%!important;
    width:91.66666666666667%!important;
    max-width:91.66666666666667%!important;
  }
  .w-tablet-10{
    -ms-flex: 0 0 83.33333333333333%!important;
    flex: 0 0 83.33333333333333%!important;
    width:83.33333333333333%!important;
    max-width:83.33333333333333%!important;
  }
  .w-tablet-9{
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    width:75%!important;
    max-width:75%!important;
  }
  .w-tablet-8{
    -ms-flex: 0 0 66.66666666666667%!important;
    flex: 0 0 66.66666666666667%!important;
    width:66.66666666666667%!important;
    max-width:66.66666666666667%!important;
  }
  .w-tablet-7{
    -ms-flex: 0 0 58.333333333333333333333%!important;
    flex: 0 0 58.333333333333333333333%!important;
    width:58.333333333333333333333%!important;
    max-width:58.333333333333333333333%!important;
  }
  .w-tablet-6{
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    width:50%!important;
    max-width:50%!important;
  }
  .w-tablet-5{
    -ms-flex: 0 0 41.66666666666667%!important;
    flex: 0 0 41.66666666666667%!important;
    width:41.66666666666667%!important;
    max-width:41.66666666666667%!important;
  }
  .w-tablet-4{
    -ms-flex: 0 0 33.33333333333333%!important;
    flex: 0 0 33.33333333333333%!important;
    width:33.33333333333333%!important;
    max-width:33.33333333333333%!important;
  }
  .w-tablet-3{
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    width:25%!important;
    max-width:25%!important;
  }
  .w-tablet-2{
    -ms-flex: 0 0 16.66666666666667%!important;
    flex: 0 0 16.66666666666667%!important;
    width:16.66666666666667%!important;
    max-width:16.66666666666667%!important;
  }
  .w-tablet-1{
    -ms-flex: 0 0 8.333333333333333%!important;
    flex: 0 0 8.333333333333333%!important;
    width:8.333333333333333%!important;
    max-width:8.333333333333333%!important;
  }
}
/* Phablet */
@media screen and (min-width: 551px) and (max-width: 765px) {
  .phablet-hide {
    display: none!important;
  }
  .phablet-show {
    display: block!important;
  }
  .phablet-order-1 {
    -webkit-order: 1!important;
    -ms-flex-order: 1!important;
    order: 1!important;
  }
  .phablet-order-2 {
    -webkit-order: 2!important;
    -ms-flex-order: 2!important;
    order: 2!important;
  }
  .phablet-order-3 {
    -webkit-order: 3!important;
    -ms-flex-order: 3!important;
    order: 3!important;
  }
  .w-phablet-12{
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
  }
  .w-phablet-11{
    -ms-flex: 0 0 91.66666666666667%!important;
    flex: 0 0 91.66666666666667%!important;
    width:91.66666666666667%!important;
    max-width:91.66666666666667%!important;
  }
  .w-phablet-10{
    -ms-flex: 0 0 83.33333333333333%!important;
    flex: 0 0 83.33333333333333%!important;
    width:83.33333333333333%!important;
    max-width:83.33333333333333%!important;
  }
  .w-phablet-9{
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    width:75%!important;
    max-width:75%!important;
  }
  .w-phablet-8{
    -ms-flex: 0 0 66.66666666666667%!important;
    flex: 0 0 66.66666666666667%!important;
    width:66.66666666666667%!important;
    max-width:66.66666666666667%!important;
  }
  .w-phablet-7{
    -ms-flex: 0 0 58.333333333333333333333%!important;
    flex: 0 0 58.333333333333333333333%!important;
    width:58.333333333333333333333%!important;
    max-width:58.333333333333333333333%!important;
  }
  .w-phablet-6{
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    width:50%!important;
    max-width:50%!important;
  }
  .w-phablet-5{
    -ms-flex: 0 0 41.66666666666667%!important;
    flex: 0 0 41.66666666666667%!important;
    width:41.66666666666667%!important;
    max-width:41.66666666666667%!important;
  }
  .w-phablet-4{
    -ms-flex: 0 0 33.33333333333333%!important;
    flex: 0 0 33.33333333333333%!important;
    width:33.33333333333333%!important;
    max-width:33.33333333333333%!important;
  }
  .w-phablet-3{
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    width:25%!important;
    max-width:25%!important;
  }
  .w-phablet-2{
    -ms-flex: 0 0 16.66666666666667%!important;
    flex: 0 0 16.66666666666667%!important;
    width:16.66666666666667%!important;
    max-width:16.66666666666667%!important;
  }
  .w-phablet-1{
    -ms-flex: 0 0 8.333333333333333%!important;
    flex: 0 0 8.333333333333333%!important;
    width:8.333333333333333%!important;
    max-width:8.333333333333333%!important;
  }
}
/* Movil */
@media screen and (max-width: 550px) { 
  .phone-hide {
    display: none!important;
  }
  .phone-show {
    display: block!important;
  }
  .phone-order-1 {
    -webkit-order: 1!important;
    -ms-flex-order: 1!important;
    order: 1!important;
  }
  .phone-order-2 {
    -webkit-order: 2!important;
    -ms-flex-order: 2!important;
    order: 2!important;
  }
  .phone-order-3 {
    -webkit-order: 3!important;
    -ms-flex-order: 3!important;
    order: 3!important;
  }
  .w-phone-12{
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
  }
  .w-phone-11{
    -ms-flex: 0 0 91.66666666666667%!important;
    flex: 0 0 91.66666666666667%!important;
    width:91.66666666666667%!important;
    max-width:91.66666666666667%!important;
  }
  .w-phone-10{
    -ms-flex: 0 0 83.33333333333333%!important;
    flex: 0 0 83.33333333333333%!important;
    width:83.33333333333333%!important;
    max-width:83.33333333333333%!important;
  }
  .w-phone-9{
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    width:75%!important;
    max-width:75%!important;
  }
  .w-phone-8{
    -ms-flex: 0 0 66.66666666666667%!important;
    flex: 0 0 66.66666666666667%!important;
    width:66.66666666666667%!important;
    max-width:66.66666666666667%!important;
  }
  .w-phone-7{
    -ms-flex: 0 0 58.333333333333333333333%!important;
    flex: 0 0 58.333333333333333333333%!important;
    width:58.333333333333333333333%!important;
    max-width:58.333333333333333333333%!important;
  }
  .w-phone-6{
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    width:50%!important;
    max-width:50%!important;
  }
  .w-phone-5{
    -ms-flex: 0 0 41.66666666666667%!important;
    flex: 0 0 41.66666666666667%!important;
    width:41.66666666666667%!important;
    max-width:41.66666666666667%!important;
  }
  .w-phone-4{
    -ms-flex: 0 0 33.33333333333333%!important;
    flex: 0 0 33.33333333333333%!important;
    width:33.33333333333333%!important;
    max-width:33.33333333333333%!important;
  }
  .w-phone-3{
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    width:25%!important;
    max-width:25%!important;
  }
  .w-phone-2{
    -ms-flex: 0 0 16.66666666666667%!important;
    flex: 0 0 16.66666666666667%!important;
    width:16.66666666666667%!important;
    max-width:16.66666666666667%!important;
  }
  .w-phone-1{
    -ms-flex: 0 0 8.333333333333333%!important;
    flex: 0 0 8.333333333333333%!important;
    width:8.333333333333333%!important;
    max-width:8.333333333333333%!important;
  }
}