/* Generals and desktop version */
.bcn_destacats_block * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bcn_destacats_block {
  width: 100%;
  position: relative;
}

.bcn_destacats_block .hide{
  display: block; background: transparent; background-image: none; border: none; height: 1px; overflow: hidden; padding: 0; margin: -1px 0 0 -1px; width: 1px; position: absolute; left: -11000px;
}

.bcn_destacats_block .info{
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  padding: 7px 20px 0 20px;
  background-color: #FAFAFA;
  height: 100px;
  overflow: hidden;
}
.bcn_destacats_block .bcn_destacats_block_title{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 2px;
}

.bcn_destacats_block .bcn_destacats_block_body{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #666;
  max-height: 4em;
  overflow: hidden;
}

.bcn_destacats_block .bcn_destacats_block_links{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding-top: 5px;
}

.bcn_destacats_block .bcn_destacats_block_thumb{
  position: relative;
  font-size: 0;
}

.bcn_destacats_block .bcn_destacats_block_thumb .thumb{
	background-size: cover;
	background-position: center;
}

.bcn_destacats_block .bcn_destacats_block_thumb .thumb:after {
	content: " ";
	display: block;
	width: 100%;
	padding-top: 56.25%;
}

.bcn_destacats_block .bcn_destacats_block_thumb .big_play {
  background-image: url(../images/play.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20%;
  height: 0;
  position: absolute;
  cursor: pointer;
  display: none;
  left: 0;
  bottom: 0;
  padding-bottom: 22%;
}

.bcn_destacats_block .bcn_destacats_block_links .field-item{
  display: inline-block;
  margin-right: 10px;
}

.bcn_destacats_block .bcn_destacats_block_links .field-item a:before{
  content: "> ";
}

/* Spinner */
.bcn_destacats_spinner {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-color: rgba(50,50,50,0.5);
  opacity: 1;
  z-index: 2;
}

.bcn_destacats_spinner .spinner{
  top: 50% !important;
  left: 50% !important;
  right: 50% !important;
}


/* Navigation */
.bcn_destacats_block .arrows{
  display: block;
  background-color: #FFF;
  width: 10%;
  border: 1px solid #E5E5E5;
  border-bottom: none;
  float: right;
  z-index: 2;
  position: absolute;
  right: 2%;
  margin-top: -4.9%;
}

.bcn_destacats_block .arrows span{
  background-size: 100%;
  width: 34%;
  height: 0;
  display: inline-block;
  padding-bottom: 34%;
  float: left;
  margin-top: 10%;
  margin-bottom: 8%;
  cursor: pointer;
}

.bcn_destacats_block .arrows .arrow-left{
  background-image: url(../images/arrow-left.png);
  background-position: center;
  background-color: #0069E1;
  margin-left: 13%;
}

.bcn_destacats_block .arrows .arrow-right{
  background-image: url(../images/arrow-right.png);
  background-position: center;
  background-color: #0069E1;
  margin-right: 13%;
  margin-left: 6%;
}

.bcn_destacats_block .arrows .disabled{
  opacity: 0.3;
  cursor: default;
}

/* Mini-preview */
.bcn_destacats_block ul.slides{
  clear: both;
  display: block;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  padding-bottom: 2.3%;
  font-size: 0px;
  overflow: hidden;
  width: 102%;
}

.bcn_destacats_block ul.slides > li{
  list-style: none;
  position: relative;
  margin: 0;
  padding: 2%;
  width: 32.7%;
  display: inline-block;
  border: 1px solid #E5E5E5;
  opacity: 1;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

.bcn_destacats_block ul.slides > li.selected{
  opacity: 0.5;
  box-shadow: 5px 5px 6px #999;
}

.bcn_destacats_block ul.slides > li.first,
.bcn_destacats_block ul.slides > li.second{
  border-right-color: transparent;
}

.bcn_destacats_block ul.slides > li.first,
.bcn_destacats_block ul.slides > li.second,
.bcn_destacats_block ul.slides > li.third{
  opacity: 1;
}

.bcn_destacats_block ul.slides > li.video_slide_thumb:after{
  content: "";
  display: block;
  background: url(../images/play-thumb.png) center center no-repeat;
  width: 40%;
  position: absolute;
  height: 0;
  padding-bottom: 40%;
  bottom: 0;
  left: 0;
  background-size: 100%;
}

.bcn_destacats_block ul.slides .separator{
  display: inline-block;
  width: 1px;
  height: 0;
  padding-bottom: 20%;
  background-color: #E5E5E5;
}

.bcn_destacats_block ul.slides > li.last-visible{
  border-right: none;
}

.bcn_destacats_block ul.slides > li .slide_thumb {
  width: 100%;
  height: 0;
  padding-bottom: 56.2%;
  background-size: 100%;
  background-position: center;
  background-color: #FFF;
  cursor: pointer;
}

/* Responsive iframes */
.bcn_destacats_block .auto-resizable-iframe {
  position: relative;
  padding-bottom: 56.3%;
  height: 0px;
  display: none;
}

.bcn_destacats_block .auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}


/* Mobile version */

.bcn_destacats_block.mobile .info{
  padding: 0 3.4vw;
}

.bcn_destacats_block.mobile .bcn_destacats_block_title{
  font-size: 5vw;
  margin-top: 4vw;
}

.bcn_destacats_block.mobile .bcn_destacats_block_body{
  font-size: 3.5vw;
  line-height: 4vw;
  padding-top: 2vw;
}

.bcn_destacats_block.mobile .bcn_destacats_block_links{
  font-size: 3vw;
  padding-top: 2vw;
}

.bcn_destacats_block.mobile .owl-stage-outer{
  width: calc( 104.3% + 15px );
}

.bcn_destacats_block.mobile .previews-wrapper{
  width: 96%;
}

.bcn_destacats_block.mobile .preview-mobile{
  padding-right: 3.8%;
}

.bcn_destacats_block.mobile .preview-mobile .info{
  border: none;
  height: 41vw;
}

.bcn_destacats_block.mobile > ul{
  display: none;
}

/* Mobile Spinner */
.bcn_destacats_block.mobile .preview-mobile .bcn_destacats_spinner{
  width: 96.2%;
  padding-bottom: 54.2%;
}


/* Mobile Bullets */
.bcn_destacats_block.mobile .owl-controls{
  margin-left: 3%;
}

.bcn_destacats_block.mobile .owl-dots{
  height: auto;
  width: 100%;
  text-align: center;
  padding: 1px 0;
  margin-top: 3%;
}

.bcn_destacats_block.mobile .owl-dots .owl-dot{
  display: inline;
}

.bcn_destacats_block.mobile .owl-dots .owl-dot span{
  display: inline-block;
  width: 4.8%;
  height: 0;
  border-radius: 50%;
  background-color: #c6c8c8;
  opacity: 1;
  padding: 0;
  padding-bottom: 4.8%;
  margin-right: 1.5%;
  border: none;
  cursor: pointer;
}

.bcn_destacats_block.mobile .owl-dots .owl-dot.active span{
  background-color: #717676;
}

/* Admin styles */
#views-live-preview .bcn_destacats_block ul.slides > li,
.view-bcn-destacats.view-display-id-page .bcn_destacats_block ul.slides > li{
  opacity: 1;
}

.view-bcn-destacats.view-display-id-page .bcn_destacats_block ul.slides > li{
  vertical-align: middle;
}

#views-live-preview .bcn_destacats_block ul.slides,
.view-bcn-destacats.view-display-id-page .bcn_destacats_block ul.slides{
  overflow: scroll;
  width: 100%;
}

.view-bcn-destacats.view-display-id-page .bcn_destacats_block{
  min-width: 250px;
}

.view-bcn-destacats.view-display-id-page .bcn_destacats_block ul.slides > li .slide_thumb{
  cursor: default;
}