@media (max-width:767px) {
    .hidden-xs {
        display: none!important
    }
    #reverse { display: flex; flex-direction: row-reverse;}
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none!important
    }
}



#reverse { display: flex; flex-direction: row;}



.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:20px;
  right:20px;
   /* top:200px;*/
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  margin-top:13px;
}



.section-p0 {
  padding: 0px 0;
}

.bloque-italic {
  /*background: #fff;*/
  border-left: 4px solid #e2702b;
  margin: 1.0em 10px;
    
  padding: 0.5em 30px;
  font-family: 'Parisienne', cursive;
    font-size: 32px;
    line-height: 36px;
}


.align-bottom {
    vertical-align: bottom;
    bottom: -20px;
    
}


.bg-slogan {

background: #373638;
background: -moz-linear-gradient(top, #373638 0%, #727175 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #373638), color-stop(100%, #727175));
background: -webkit-linear-gradient(top, #373638 0%, #727175 100%);
background: -o-linear-gradient(top, #373638 0%, #727175 100%);
background: -ms-linear-gradient(top, #373638 0%, #727175 100%);
background: linear-gradient(to bottom, #373638 0%, #727175 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373638', endColorstr='#727175', GradientType=0 );
}

.txt-slogan {

  font-family: 'Parisienne', cursive;
    color: #fff;
    text-align: center;
    font-size: 52px;
    line-height: 56px;
    padding: 50px;
}


.bg-pie {
  background-image: url("../img/bg-flores.jpg");
    padding: 40px 0;
    background-color: #f7f7f7;
    background-repeat: repeat;
}


.logo-pie { max-width: 200px!Important;}



.text-default {font-family: "Roboto", sans-serif;}
.text-gris {color:#8f8f8f;}
.text-orange {color:#e2702b;}


.fondo-gris-blanco {background-color: #dddddd; padding: 12px;}
.fondo-gris-claro {background-color: #aaa9aa;}
.fondo-gris {background-color:#272828;}
.fondo-gris-obs {background-color:#151616;}
.fondo-blanco {background-color:#fff;}


.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify}
.text-bold {font-weight: 700;}
.text-semi-bold {font-weight: 500;}
.text-300 {font-weight: 300;}
.text-italic {font-style: italic;}
.menu-right {float: right;}
.text-upper {text-transform: uppercase;}
.text-espacio3 {letter-spacing: 8px;}
.text-espacio2 {letter-spacing: 4px;}



.top5 { margin-top: 5px;}
.top10 { margin-top: 10px;}
.top20 { margin-top: 20px;}
.top30 { margin-top: 30px;}
.top40 { margin-top: 40px;}
.top50 { margin-top: 50px;}
.top60 { margin-top: 60px;}
.top70 { margin-top: 70px;}
.top80 { margin-top: 80px;}
.top90 { margin-top: 90px;}
.top100 { margin-top: 100px;}
.top150 { margin-top: 150px;}

.top-nega-20 {margin-top: -20px;}
.top-nega-30 {margin-top: -30px;}
.top-nega-40 {margin-top: -40px;}
.top-nega-50 {margin-top: -50px;}
.top-nega-60 {margin-top: -60px;}

.bottom10 { margin-bottom: 10px;}
.bottom20 { margin-bottom: 20px;}
.bottom30 { margin-bottom: 30px;}
.bottom40 { margin-bottom: 40px;}
.bottom50 { margin-bottom: 50px;}
.bottom60 { margin-bottom: 60px;}
.bottom70 { margin-bottom: 70px;}
.bottom80 { margin-bottom: 80px;}
.bottom90 { margin-bottom: 90px;}
.bottom100 { margin-bottom: 100px;}


.font11 { font-size:11px;}
.font12 { font-size:12px;}
.font13 { font-size:13px;}
.font14 { font-size:14px;}
.font15 { font-size:15px;}
.font16 { font-size:16px;}
.font17 { font-size:17px;}
.font18 { font-size:18px;}
.font19 { font-size:19px;}
.font20 { font-size:20px;}
.font21 { font-size:21px;}
.font22 { font-size:22px;}
.inter14 { line-height: 14px!Important;}
.inter16 { line-height: 16px!Important;}
.inter18 { line-height: 18px!Important;}
.inter20 { line-height: 20px!Important;}
.inter22 { line-height: 22px!Important;}
.inter24 { line-height: 24px!Important;}
.inter26 { line-height: 26px!Important;}
.inter28 { line-height: 28px!Important;}
.font-icon-xs { font-size: 1.2em;}
.font-icon-ch { font-size: 2.28571em;}
.font-icon-m { font-size: 3.28571em;}
.font-icon-g { font-size: 4.48571em;}
.font-icon-xl { font-size: 5.28571em;}





.blog-padding {
  
    padding-left: 30px;
    padding-right: 30px;
}

@media (max-width: 768px) {
  .blog-padding {
    padding-left: 0px;
    padding-right: 0px;
}
}

.bg-gris {
  background-color: #f7f7f7;
  bottom: 0;
}

.padd-hor { padding-left: 30px; padding-right: 30px; padding-top: 35px;}