@import url(https://fonts.googleapis.com/css?family=Raleway:400,800,700,600,500,300);
/* line 14, cpi_style.scss */
#cpi_xxss {
  background-color: #f1f1f1;
  padding: 60px 0px;
  margin-top: 55px;
}

/* line 20, cpi_style.scss */
#xxss_container {
  max-width: 1164px;
  width: 100%;
  margin: auto;
  position: relative;
  left: initial;
  top: initial;
  font-family: 'Raleway', sans-serif;
}
@media (max-width: 1180px) {
  /* line 20, cpi_style.scss */
  #xxss_container {
    max-width: 100%;
  }
}
/* line 33, cpi_style.scss */
#xxss_container * {
  box-sizing: border-box;
}
/* line 37, cpi_style.scss */
#xxss_container .action-top {
  padding-bottom: 10px;
  text-align: right;
}
/* line 40, cpi_style.scss */
#xxss_container .action-top .social {
  display: inline-block;
  background: gray;
  color: #fff;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-size: 11px;
  padding: 7px 15px 7px 40px;
  position: relative;
  margin: 5px;
}
/* line 49, cpi_style.scss */
#xxss_container .action-top .social:before {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 10px;
  top: 0px;
  content: '';
  background-size: 24px;
  background-position: left top -24px;
}
/* line 59, cpi_style.scss */
#xxss_container .action-top .social.twitter {
  background: #76A9DA;
}
/* line 61, cpi_style.scss */
#xxss_container .action-top .social.twitter:before {
  background-image: url("../img/twitter.png");
  background-image: url("../img/twitter.svg");
  background-repeat: no-repeat;
}
/* line 65, cpi_style.scss */
#xxss_container .action-top .social.wordpress {
  background: #309DD8;
}
/* line 67, cpi_style.scss */
#xxss_container .action-top .social.wordpress:before {
  background-image: url("../img/wordpress.png");
  background-image: url("../img/wordpress.svg");
  background-repeat: no-repeat;
}
/* line 71, cpi_style.scss */
#xxss_container .action-top .social.youtube {
  background: #C23932;
}
/* line 73, cpi_style.scss */
#xxss_container .action-top .social.youtube:before {
  background-image: url("../img/youtube.png");
  background-image: url("../img/youtube.svg");
  background-repeat: no-repeat;
}
/* line 77, cpi_style.scss */
#xxss_container .action-top .social.facebook {
  background: #445D99;
}
/* line 79, cpi_style.scss */
#xxss_container .action-top .social.facebook:before {
  background-image: url("../img/facebook.png");
  background-image: url("../img/facebook.svg");
  background-repeat: no-repeat;
}
/* line 83, cpi_style.scss */
#xxss_container .action-top .social.linkedin {
  background: #366796;
}
/* line 85, cpi_style.scss */
#xxss_container .action-top .social.linkedin:before {
  background-image: url("../img/linkedin.png");
  background-image: url("../img/linkedin.svg");
  background-repeat: no-repeat;
}
/* line 92, cpi_style.scss */
#xxss_container #filter {
  margin: 0px;
  float: none;
}
/* line 96, cpi_style.scss */
#xxss_container #filter li {
  margin: 0px;
}
/* line 99, cpi_style.scss */
#xxss_container #filter li a {
  width: 32px;
  height: 32px;
  background-position: 0px 0px;
}
/* line 103, cpi_style.scss */
#xxss_container #filter li a.active {
  background-position: 0px -32px;
}
/* line 106, cpi_style.scss */
#xxss_container #filter li a.all {
  background-image: url("../img/all.png");
  background-image: url("../img/all.svg");
  background-repeat: no-repeat;
}
/* line 109, cpi_style.scss */
#xxss_container #filter li a.twitter {
  background-image: url("../img/twitter.png");
  background-image: url("../img/twitter.svg");
  background-repeat: no-repeat;
}
/* line 112, cpi_style.scss */
#xxss_container #filter li a.wordpress {
  background-image: url("../img/wordpress.png");
  background-image: url("../img/wordpress.svg");
  background-repeat: no-repeat;
}
/* line 115, cpi_style.scss */
#xxss_container #filter li a.youtube {
  background-image: url("../img/youtube.png");
  background-image: url("../img/youtube.svg");
  background-repeat: no-repeat;
}
/* line 118, cpi_style.scss */
#xxss_container #filter li a.linkedin {
  background-image: url("../img/linkedin.png");
  background-image: url("../img/linkedin.svg");
  background-repeat: no-repeat;
}
/* line 121, cpi_style.scss */
#xxss_container #filter li a.facebook {
  background-image: url("../img/facebook.png");
  background-image: url("../img/facebook.svg");
  background-repeat: no-repeat;
}
/* line 126, cpi_style.scss */
#xxss_container #filter li + li {
  margin-left: 10px;
}
/* line 131, cpi_style.scss */
#xxss_container #footer .more {
  margin-top: 30px;
}

/* line 137, cpi_style.scss */
#grid .first-box {
  background-color: transparent;
}

/* line 141, cpi_style.scss */
#grid {
  margin: 0px -20px;
  width: auto;
  clear: both;
}
/* line 145, cpi_style.scss */
#grid .item {
  float: left;
  width: 25%;
  max-width: 25%;
  padding: 10px;
  margin: 0px;
  background-color: transparent;
  max-height: inherit;
  height: auto;
  min-height: 180px;
}
/* line 157, cpi_style.scss */
#grid .item.first-box div.h2 {
  left: 15px;
  right: 15px;
  width: auto;
}
/* line 164, cpi_style.scss */
#grid .item .box-wrapper {
  background-color: #fff;
  position: relative;
  padding-bottom: 42px;
}
/* line 169, cpi_style.scss */
#grid .item .box-wrapper .from {
  background: transparent;
  display: table;
  width: 100%;
  margin: 0px;
  padding: 10px 10px 0px 10px;
  box-sizing: border-box;
}
/* line 177, cpi_style.scss */
#grid .item .box-wrapper .from .image {
  display: table-cell;
  width: 25%;
  max-width: 25%;
  margin: 0px;
}
/* line 183, cpi_style.scss */
#grid .item .box-wrapper .from .image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
/* line 190, cpi_style.scss */
#grid .item .box-wrapper .from .user {
  display: table-cell;
  width: 100%;
  margin: 0px;
  padding: 0px 35px 0px 5px;
  box-sizing: border-box;
  position: relative;
}
/* line 198, cpi_style.scss */
#grid .item .box-wrapper .from .user .name {
  font-size: 14px;
  line-height: 1.3em;
  width: 100%;
  white-space: normal;
  padding: 0 0 0 20px;
  margin-bottom: 2px;
  position: relative;
}
/* line 207, cpi_style.scss */
#grid .item .box-wrapper .from .user .name:before {
  content: '@';
  font-size: 17px;
  position: absolute;
  left: 0px;
}
/* line 215, cpi_style.scss */
#grid .item .box-wrapper .from .user .time {
  background-position: left top;
  font-size: 12px;
  line-height: 1.3em;
  padding: 0 0 0 20px;
  background-size: 14px;
}
/* line 223, cpi_style.scss */
#grid .item .box-wrapper .from .user .icon {
  position: absolute;
  right: 0px;
  top: 0px;
}
/* line 230, cpi_style.scss */
#grid .item .box-wrapper .from .image + .user {
  width: 75%;
}
/* line 235, cpi_style.scss */
#grid .item .box-wrapper .content {
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1.4em;
  position: relative;
  bottom: initial;
}
/* line 246, cpi_style.scss */
#grid .item .box-wrapper .content img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-top: 5px;
}
/* line 253, cpi_style.scss */
#grid .item .box-wrapper .content p {
  font-size: inherit;
  line-height: inherit;
}
/* line 258, cpi_style.scss */
#grid .item .box-wrapper .content .play {
  width: 78px;
  height: 58px;
  background-image: url("../img/ico-video-play.png");
  background-size: contain;
  background-position: center center;
}
/* line 265, cpi_style.scss */
#grid .item .box-wrapper .content .play.playing {
  background-image: url("../img/ico-video-play_on.png");
}
/* line 270, cpi_style.scss */
#grid .item .box-wrapper .content iframe {
  width: 100%;
  height: auto;
}
/* line 276, cpi_style.scss */
#grid .item .box-wrapper .actions {
  border-top: 1px solid #cacaca;
  display: block;
}
/* line 279, cpi_style.scss */
#grid .item .box-wrapper .actions > div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
}
/* line 282, cpi_style.scss */
#grid .item .box-wrapper .actions > div:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 288, cpi_style.scss */
#grid .item .box-wrapper .actions .replies a {
  text-indent: -9999em;
  background: url(../img/reply.png) no-repeat center;
  width: 16px;
}
/* line 295, cpi_style.scss */
#grid .item .box-wrapper .actions .replies + .likes {
  margin-left: 75px;
}
/* line 299, cpi_style.scss */
#grid .item .box-wrapper .actions .compatir {
  float: right;
  margin: 0px 5px 0px 0px;
}
/* line 303, cpi_style.scss */
#grid .item .box-wrapper .actions .compatir a {
  display: block;
  width: 24px;
  float: left;
  height: 24px;
  margin: 9px auto;
  background-image: url("../img/compatir2.png");
  background-image: url("../img/compatir2.svg");
  background-repeat: no-repeat;
  background-size: 20px;
}
/* line 313, cpi_style.scss */
#grid .item .box-wrapper .actions .compatir a .at-icon-wrapper {
  display: none;
}
/* line 321, cpi_style.scss */
#grid .item .box-wrapper .actions .views a {
  color: #535353;
  font-size: 0px;
  background: url(../img/yt.png) no-repeat left;
  padding: 0 0 0 20px;
  background-size: contain;
}
/* line 329, cpi_style.scss */
#grid .item .box-wrapper .actions .views + .likes {
  margin-left: 30px;
}
/* line 333, cpi_style.scss */
#grid .item .box-wrapper .actions .likes + .favorites {
  margin-left: 30px;
}
/* line 338, cpi_style.scss */
#grid .item .box-wrapper .actions .favorites a {
  display: block;
  text-indent: -9999em;
  background: url(../img/favorite.png) no-repeat center;
  width: 15px;
}
/* line 347, cpi_style.scss */
#grid .item .box-wrapper .actions .likes a {
  color: #535353;
  font-size: 0px;
  background: url(../img/like.png) no-repeat left;
  padding: 0 0 0 20px;
}
/* line 354, cpi_style.scss */
#grid .item .box-wrapper .actions .shares {
  float: none;
  margin: 0 0 0 90px;
}
/* line 357, cpi_style.scss */
#grid .item .box-wrapper .actions .shares a {
  color: #535353;
  font-size: 0px;
}
/* line 363, cpi_style.scss */
#grid .item .box-wrapper .actions .bubble {
  margin-top: 0px;
}
/* line 365, cpi_style.scss */
#grid .item .box-wrapper .actions .bubble .num {
  background: transparent;
  border: 0px;
  color: #666666;
  margin-left: 0px;
}
/* line 371, cpi_style.scss */
#grid .item .box-wrapper .actions .bubble .nub {
  top: -25px;
  display: none;
}
/* line 374, cpi_style.scss */
#grid .item .box-wrapper .actions .bubble .nub s {
  border-color: transparent #666;
}
/* line 384, cpi_style.scss */
#grid .item.youtube .from .user .icon {
  background-image: url("../img/youtube.png");
  background-image: url("../img/youtube.svg");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center top -30px;
  width: 30px;
  height: 30px;
}
/* line 398, cpi_style.scss */
#grid .item.facebook .from .user .icon {
  background-image: url("../img/facebook.png");
  background-image: url("../img/facebook.svg");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center top -30px;
  width: 30px;
  height: 30px;
}
/* line 407, cpi_style.scss */
#grid .item.facebook .actions {
  background-color: transparent;
}
/* line 415, cpi_style.scss */
#grid .item.twitter .from .user .icon {
  background-image: url("../img/twitter.png");
  background-image: url("../img/twitter.svg");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center top -30px;
  width: 30px;
  height: 30px;
}
/* line 427, cpi_style.scss */
#grid .item.twitter .actions .favorites a {
  background: url(../img/favorite2.png) no-repeat center;
  width: 20px;
}
/* line 439, cpi_style.scss */
#grid .item.wordpress .from .user .icon {
  background-image: url("../img/wordpress.png");
  background-image: url("../img/wordpress.svg");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center top -30px;
  width: 30px;
  height: 30px;
}
/* line 452, cpi_style.scss */
#grid .item.linkedin .from .user .icon {
  background-image: url("../img/linkedin.png");
  background-image: url("../img/linkedin.svg");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center top -30px;
  width: 30px;
  height: 30px;
}
@media (max-width: 960px) {
  /* line 145, cpi_style.scss */
  #grid .item {
    width: 33%;
    max-width: 33%;
    padding: 10px;
  }
}
@media (max-width: 767px) {
  /* line 145, cpi_style.scss */
  #grid .item {
    width: 50%;
    max-width: 50%;
    padding: 10px;
  }
}
@media (max-width: 480px) {
  /* line 145, cpi_style.scss */
  #grid .item {
    width: 100%;
    max-width: 100%;
    padding: 10px 0px;
  }
}

/* line 483, cpi_style.scss */
#filter {
  width: 100%;
  margin: 0px;
}
/* line 487, cpi_style.scss */
#filter li {
  display: inline-block;
}
/* line 491, cpi_style.scss */
#filter li + li {
  margin-left: 20px;
}

/* line 502, cpi_style.scss */
#main-container-wrapper.hospital #grid .item .box-wrapper .actions .replies a {
  text-indent: -9999em;
  background: url(../img/replyW.png) no-repeat center;
  width: 16px;
}
/* line 509, cpi_style.scss */
#main-container-wrapper.hospital #grid .item .box-wrapper .actions .retweets a {
  background: url(../img/retweetW.png) no-repeat center;
}
/* line 514, cpi_style.scss */
#main-container-wrapper.hospital #grid .item .box-wrapper .actions .compatir a {
  background-image: url("../img/compatir2W.png");
  background-image: url("../img/compatir2W.svg");
  background-repeat: no-repeat;
}
/* line 519, cpi_style.scss */
#main-container-wrapper.hospital #grid .item .box-wrapper .actions .favorites a {
  background: url(../img/favoriteW.png) no-repeat center;
}
/* line 525, cpi_style.scss */
#main-container-wrapper.hospital #grid .item .box-wrapper .actions .likes a {
  background: url(../img/likeW.png) no-repeat left;
}
/* line 531, cpi_style.scss */
#main-container-wrapper.hospital #grid .item .box-wrapper .actions .shares a {
  background: url(../img/shareW.png) no-repeat left;
}

/*# sourceMappingURL=cpi_style.css.map */