/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/*# sourceMappingURL=responsive.desktop.css.map */
/* =============================================================================
 *   Wrappers
 * ========================================================================== */
#header .container .box.box1{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 30%;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;  
}
#header .container .box.box2{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 70%;
  -ms-flex: 0 1 70%;
  flex: 0 1 70%;  
}
.region-sidebar-second{
  margin-top: 40px;  
}
/* =============================================================================
 *   Branding
 * ========================================================================== */
/* =============================================================================
 *   Regions
 * ========================================================================== */
/* =============================================================================
 *   Block Styling
 * ========================================================================== */
/*
 * BLOQUE BANNERS
 */
.view.bnnrScndr .node .field-textoimagen .txtcontent h2,
.view.bnnrMain .node .field-textoimagen .txtcontent h2{
  line-height: normal;
}
/*
 *  BLOQUE SIN BANNER
 */
 .sinbannerwrap{
  min-height: 70px;
}
/*
 * BLOQUE SERVICIOS 
 */
.blckServicios .view .view-content .views-row{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 31.3333%;
  -ms-flex: 0 1 31.3333%;
  flex: 0 1 31.3333%;
  margin: 1%;
}
/*
 * BLOQUE NUESTRO EQUIPO
 */
.minipanelequipo2018{
  padding: 85px 0;
  margin-bottom: 2em;
}
.bloquemensaje2{
  margin-bottom: 8em;
}
/*
 * FOOTER
 */
.minipanelfooter .panel-display{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.minipanelfooter .panel-display .region{
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.minipanelfooter .panel-display .region:last-child{
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
/*
 * BLOQUE MENSAJE BIENVENIDA
 */
.blckMensj2018 .boxwrap .box.bx2{
  max-width: 1200px;
  padding: 0% 10% 5% 10%;
}
.blckMensj2018 .boxwrap .box.bx2 p.p-1{
  margin-bottom: 3%;
  font-size: 112%;
}
/*
 * BLOQUE TRABAJOS REALIZADOS 2018
 */
.blckTrabajos2018 .block-inner{}
.view.trabajos .view-content{}
.view.trabajos .view-content .views-row{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 33.3333%;
  -ms-flex: 0 1 33.3333%;
  flex: 0 1 33.3333%;
  padding: 5px;
  box-sizing: border-box;
}
.view.trabajos .more-link a{
  margin-right: 2%;
}
/*
 * BLOQUE CLIENTES 2018
 */
.view.clientes.page.teaser .view-content .views-row{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 23%;
  -ms-flex: 0 1 23%;
  flex: 0 1 23%;
  margin: 1%;
}
.view.clientes.block.teaser .view-content .views-row{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 14%;
  -ms-flex: 0 1 14%;
  flex: 0 1 14%;
  margin: 1%;
}
/*
 * FOOTER
 */
#footer{}
#footer .panel-display{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;  
}
#footer .panel-display .region{
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 33.3333%;
  -ms-flex: 0 1 33.3333%;
  flex: 0 1 33.3333%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;  
}
#footer .panel-display .region-three-33-bottom{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  padding: 3% 0 0 0;  
}
/* =============================================================================
 *   Node Styling
 * ========================================================================== */
/*
 * VIEWS NUESTROS TRABAJOS 
 */
.view.trabajos.page-teaser .view-header .block-title{
  margin: 2% 15%;
}
/*
 * SERVICIOS: VISTA RESUMEN;
 */
.view.servicios2018.teaser .view-header{
  margin: 0px 20% 20px 20%;
}
/*
 * SERVICION - NODE FULL
 */
.node-type-servicios #main-content-header,
.node-type-servicios .node.node-full{
  margin: 0 8%;
}

/*
 * PAUTA 2021-2022
 */

.page-node-466 #columns{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  }

.page-node-466 #columns #content-column,
.page-node-466 #columns .region-sidebar-second{
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  float: inherit;
}
.page-node-466 #columns #content-column{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 70%;
  -ms-flex: 0 1 70%;
  flex: 0 1 70%;
  }
.page-node-466 #columns #content-column .content-inner{
  margin-right: 0;  
}
.page-node-466 #columns .region-sidebar-second{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 30%;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
  margin-left: 0;
  background-color: #eeeeee;
  margin-top: 0;
  }  


  
/*
 * LANDING PAGE - Impulsa tu Marca al Exito con Grupo Creativo Macondo
 */
 .page-node-471 #main-content{
  margin-right: 30px;
}

.page-node-471 #page-title{

}
.page-node-471 .node-full{}
.page-node-471 .node-full .boxcontent{}
.page-node-471 .node-full .boxcontent .box{}
.page-node-471 .node-full .boxcontent .box .bx{
  -webkit-order: 0;
  order: 0;
  -webkit-flex: 0 1 50%;
  flex: 0 1 50%;
  -webkit-align-self: stretch;
  align-self: stretch;
  margin-bottom: 4em;
}

.page-node-471 .node-full .boxcontent .box.box1{}
.page-node-471 .node-full .boxcontent .box.box2{}
.page-node-471 .node-full .boxcontent .box.box3{}