@media(hover: hover) and (min-width: 1200px){
	.lbasf-shortcode-wrapper ul{
		padding: 0 !important;
		list-style: none !important;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll {
	  width: 100vh;
	  height: 95vw;
	  overflow-y: auto;
	  overflow-x: hidden;
	  padding: 30px;
	  -webkit-transform-origin: right top;
	          transform-origin: right top;
	  -webkit-transform: rotate(-90deg) translate3d(0, -98vh, 0);
	          transform: rotate(-90deg) translate3d(0, -98vh, 0);
	}
	.lbasf-shortcode-wrapper .horizontal-scroll > * {
	  -webkit-transform-origin: left top;
	          transform-origin: left top;
	  -webkit-transform: rotate(90deg) translate3d(0, calc(-100vh + 60px), 0);
	          transform: rotate(90deg) translate3d(0, calc(-100vh + 60px), 0);
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block {
	  /*width: calc(100vh - 60px);
	  height: calc(100vh - 60px);*/
	  position: relative;
	  width: 470px;
	  height: 470px;
	  overflow: hidden;
	  border-radius: 3px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block:not(:first-child) {
	  margin-top: 30px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block:before{
		content: '';
		background: #00A2F9;
		position: absolute;
		top: -20px;
		right: -60px;
		width: 140px;
		height: 70px;
		transform: rotate(45deg);
		z-index: 1;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block:after{
		content: '';
		background: url('/wp-content/uploads/2019/03/twitter-white.svg');
		background-repeat: no-repeat;
		background-size: 100%;
		position: absolute;
		width: 20px;
		height: 20px;
		top: 12px;
		right: 12px;
		z-index: 2;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background {
	  background: #FFF;
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background-repeat: no-repeat;
	  height: 180px;
	  border-radius: 3px;
	  padding: 20px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a{
		display: block;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.content span{
		color: #999;
		font-size: 16px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.content p{
		color: #333;
		font-size: 16px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.content p span.link{
		color: #00A2F9;
		display: inline;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.user{
		position: absolute;
		top: 200px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.user img{
		display: inline-block;
		vertical-align: middle;
		border-radius: 100px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.user span{
		display: inline-block;
		vertical-align: middle;
		color: #333;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 0.5px;
		margin-left: 10px;
		transform: rotate(0.03deg);
	}
}
@media screen and (min-width:0\0) and (min-width: 1200px){
		.lbasf-shortcode-wrapper ul{
		padding: 0 !important;
		list-style: none !important;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll {
	  width: 100vh;
	  height: 95vw;
	  overflow-y: auto;
	  overflow-x: hidden;
	  padding: 30px;
	  -webkit-transform-origin: right top;
	          transform-origin: right top;
	  -webkit-transform: rotate(-90deg) translate3d(0, -98vh, 0);
	          transform: rotate(-90deg) translate3d(0, -98vh, 0);
	}
	.lbasf-shortcode-wrapper .horizontal-scroll > * {
	  -webkit-transform-origin: left top;
	          transform-origin: left top;
	  -webkit-transform: rotate(90deg) translate3d(0, calc(-100vh + 60px), 0);
	          transform: rotate(90deg) translate3d(0, calc(-100vh + 60px), 0);
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block {
	  /*width: calc(100vh - 60px);
	  height: calc(100vh - 60px);*/
		transform: rotate(90deg);
		margin-left : calc(100vh - 60px) !important;
	  position: relative;
	  width: 470px;
	  height: 470px;
	  overflow: hidden;
	  border-radius: 3px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block:not(:first-child) {
	  margin-top: 30px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block:before{
		content: '';
		background: #00A2F9;
		position: absolute;
		top: -20px;
		right: -60px;
		width: 140px;
		height: 70px;
		transform: rotate(45deg);
		z-index: 1;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block:after{
		content: '';
		background: url('/wp-content/uploads/2019/03/twitter-white.svg');
		background-repeat: no-repeat;
		background-size: 100%;
		position: absolute;
		width: 20px;
		height: 20px;
		top: 12px;
		right: 12px;
		z-index: 2;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background {
	  background: #FFF;
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background-repeat: no-repeat;
	  height: 180px;
	  border-radius: 3px;
	  padding: 20px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a{
		display: block;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.content span{
		color: #999;
		font-size: 16px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.content p{
		color: #333;
		font-size: 16px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.content p span.link{
		color: #00A2F9;
		display: inline;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.user{
		position: absolute;
		top: 200px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.user img{
		display: inline-block;
		vertical-align: middle;
		border-radius: 100px;
	}
	.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.user span{
		display: inline-block;
		vertical-align: middle;
		color: #333;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 0.5px;
		margin-left: 10px;
		transform: rotate(0.03deg);
	}
}

.lbasf-shortcode-wrapper ul{
	padding: 0 !important;
	list-style: none !important;
}
.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}
.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block:not(:first-child) {
  margin-top: 30px;
}
.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block:before{
	content: '';
	background: #00A2F9;
	position: absolute;
	top: -20px;
	right: -60px;
	width: 140px;
	height: 70px;
	transform: rotate(45deg);
	z-index: 1;
}
.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block:after{
	content: '';
	background: url('/wp-content/uploads/2019/03/twitter-white.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 12px;
	right: 12px;
	z-index: 2;
}
.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background {
  background: #FFF;
  background-repeat: no-repeat;
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 70px !important;
}
.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a{
	display: block;
}
.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.content span{
	color: #999;
	font-size: 16px;
}
.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.content p{
	color: #333;
	font-size: 16px;
}

.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.content span.link{
	color: #00A2F9;
	display: inline;
}
.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.user{
	position: absolute;
	bottom: 10px;
}
.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.user img{
	display: inline-block;
	vertical-align: middle;
	border-radius: 100px;
}
.lbasf-shortcode-wrapper .horizontal-scroll .horizontal-scroll__block .background a.user span{
	display: inline-block;
	vertical-align: middle;
	color: #333;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-left: 10px;
	transform: rotate(0.03deg);
}
/* mode mobile */
@media(hover: none){
	.horizontal-scroll li{
		display: none;
	}
	.horizontal-scroll li:nth-child(-n+3){
		display: block;
	} 
}