.b31Title
	max-width 700px
	width 100%
	text-align center
	margin auto
	margin-bottom 80px
	.gTitle
		margin-bottom 55px


.b31Wrap
	grid-gap 24px

.b31Item
	position relative
	border-radius 15px
	overflow hidden
	&:after
		content ''
		background linear-gradient(180deg, #0250CC 0%, #EC414A 100%)
		width 100%
		height 100%
		position absolute
		z-index 10
		bottom 0
		left 0
		opacity 0.7
		pointer-events none
		z-index 5
		opacity0()
	figure,picture
		img
			width 100%
	&:before
		content ''
		full()
		background rgba(#000,0.1)
		z-index 2
	h2
		position absolute
		bottom 40px
		left 40px
		z-index 5
		font-size 24px
		textg(t-400,normal,#FFF)
	&:hover
		&:after
			opacity1()
			opacity 0.8
		h2
			opacity0()
		.b31ItemHover
			opacity1()
		
.b31Imgs
	grid-gap 24px

.b31ItemHover
	position absolute
	bottom 0
	left 0
	padding 40px
	opacity0()
	z-index 10
	h3
		font-size 24px
		textg(t-400,normal,#FFF)
	.gParrafo
		color #fff
		margin 24px 0px
	.gButton
		height 42px
		padding 0px 13px
		&:after
			content '\e916'
			font-family icomoon
			color #fff
			margin-left 10px
			font-size 20px
			
		
@media screen and (max-width 1024px)
	.b31Title
		margin-bottom 35px
		.gTitle
			margin-bottom 35px
	.b31Item
		h2
			left 20px
			bottom 20px	
	.b31ItemHover
		padding 20px