.b12FixedList
	position fixed
	top 95px
	width 100%
	background #fff
	z-index 100
	padding 35px 0px
	box-shadow 0px 0px 22px 7px #00000026
	transform translateY(-100%)
	transition all 400ms ease
	padding-bottom 20px
	opacity0()
	&.active
		opacity1()
		transform translateY(0%)
		transition all 400ms ease
	.icon-close
		position absolute
		circle(36,#70839C)
		right -12px
		top -12px
		color #fff
		z-index 10
		&:before
			content '\e605'
			font-family icomoon
	.closeFixed
		top 0
		right 0
		circle(36,#0050DC)
		position absolute
		right -12px
		top -12px
	.gButton
		margin-left 50px
		height 58px
		width 120px
		&.disabled
			opacity 0.5
			pointer-events none
			background #dbdbdb
			border 1px solid #dbdbdb
			color #808080
	.wancho
		max-width 1000px
		position relative
	.b12Info
		padding-top 12px
		p
			text-align center
			font-size 14px
	.b12Item figure
		padding-top 0px
			
.b12FixedWrap
	grid-gap 40px


.b12Paginador
	flexg(center,center)
	grid-gap 32px
	margin-top 90px
	a
		font-size 15px
		textg(t-400,normal,#002346)

.b12WrapContent
	&.noFilter
		.b12Left
			display none
		.b12Right
			width 100%
		.b12Wrap
			display grid
			grid-template-columns: repeat(5, 1fr)

.b12Left
	width 220px
	h3
		font-size 18px
		textg(t-700,normal,#002346)
		margin-bottom 50px
	.tabClickList
		li
			margin-bottom 24px
			&:last-child
				margin 0
		a
			border-radius 0px
			padding 0px
			height auto
			background transparent
			font-size 15px
			textg(t-400,normal,#70839C)
			transition all 400ms ease
			@media screen and (min-width 1025px)
				&.active,
				&:hover
					color #002346
					transition all 400ms ease
			
.b12Right
	width calc(100% - 220px)
	padding-left 35px

.b12Filter
	margin-bottom 40px
	p
		margin-bottom 0px
		font-size 15px
		textg(t-400,normal,#002346)

.b12FilterRight
	.b12FiltrarPor
		font-size 15px
		textg(t-400,normal,#002346)
		margin-right 50px
		flexg(center,flex-end)
		&:last-child
			margin 0
		i
			font-size 20px
			margin-left 10px

.b12Wrap
	grid-gap 45px

.b12Check
	position absolute
	top 18px
	left 18px
	z-index 20
	padding-left 0px
	font-size 14px
	textg(t-400,normal,#002346)
	flexg(center,flex-start)
	cursor pointer
	&.active
		&:after
			opacity1()
			color #fff
		&:before
			background #0050DC
			border 1px solid #0050DC
			transition all 400ms ease
			
	&:before
		content ''
		width 18px
		height 18px
		border-radius 5px
		border 1px solid rgba(#002346,0.5)
		position: relative
		left 0
		display inline-block
		margin-right 10px
	&:after
		content '\e91a'
		font-family icomoon
		font-size 10px
		border-radius 2px
		position: absolute
		top 50%
		transform translateY(-50%)
		left 4px
		opacity0()
.b12Item
	position relative
	figure
		padding 18px
		padding-top 40px
		border-radius: 15px;
		border: 1px solid #E3E8EF;
	&:hover
		.b12Info
			.gButton
				background #FF4141
				transition all 400ms ease
				color #fff
				&.border
					&.white
						border 1px solid #FF4141

.b12Info
	padding-top 16px
	.cat
		font-size 14px
		textg(t-400,normal,#909FB2)
		margin-bottom 12px
	.name
		font-size 16px
		textg(t-400,normal,#002346)
		margin-bottom 16px
	.gButton
		height 40px
		width 100%


.b12FiltrarPor
	position relative
	
.b12SelectFilter
	position absolute
	width 220%
	right 0
	top calc(100% + 5px)
	background #fff
	z-index 90
	opacity0()
	padding 10px 0px
	box-shadow 0px 0px 10px 4px rgba(#000,0.1)
	border-radius 8px
	&.active
		opacity1()
	a
		font-size 16px
		padding 10px
		textg(t-400,normal,#002346)
		position relative
		padding-left 30px
		&:before
			content ''
			width 12px
			height 12px
			position absolute
			border-radius 4px
			left 10px
			centerY()
			display block
			border-radius 2px
			border 1px solid #002346
		&.active
			&:after
				content '\e91a'
				font-family icomoon
				left 12px
				centerY()
				font-size 8px

@media screen and (max-width 1366px)
	.b12Wrap
		grid-gap 32px
		
@media screen and (max-width 1024px)
	.b12Filter
		display none
		&.onlyMobile-1024-flex
			display flex
			width 100%
		p
			display none
	.b12Left
		max-width 350px
		width 100%
		margin auto
		margin-bottom 35px
		h3
			display none
	.b12Right
		width 100%
		padding 0
	.b12
		margin-top 0px
	.b12FilterRight
		width 100%
		justify-content center
		height 64px
		border-bottom 1px solid #E3E8EF
		.b12FiltrarPor
			height 100%
			width 50%
			margin-right 0
			flexg(center,center)
			&:first-child
				border-right 1px solid #E3E8EF
	.b12Left .tabClickList li
		margin-bottom 15px
	
	.b12FixedWrap
		flex-flow nowrap
		overflow-x auto
		padding-top 15px
		grid-gap 20px
		justify-content flex-start
		padding-left 20px
		display flex
		width 100%
		padding-right 20px
		.removeElement
			width 30px
			height 30px
			font-size 14px
		.b12Item
			width 120px
			flex 0 0 auto
			figure
				padding 0px
		.b12Info .name
			font-size 14px
			margin-bottom 0px
			linesText(2)
	.b12FixedList
		padding-top 45px
		.gButton
			margin-left 0px
			margin-top 20px
			height 42px
		.closeFixed
			top initial
			bottom 100%
			right 10px
		.wancho
			width 100%
	.b12WrapContent
		&.noFilter
			.b12Wrap
				grid-template-columns: repeat(4, 1fr)
	.b12Filter
		position relative
		z-index 40
	.b12
		.tabSelectContent.select.mobile .tabClickList
			padding 12px 0px
@media screen and (max-width 768px)
	.b12Wrap
		grid-gap 40px 25px
	.b12WrapContent
		&.noFilter
			.b12Wrap
				grid-template-columns: repeat(3, 1fr)
				
@media screen and (max-width 480px)
	.b12Left
		max-width 100%
	.b12Filter
		margin-bottom 35px
	.b12WrapContent
		&.noFilter
			.b12Wrap
				grid-template-columns: repeat(2, 1fr)