﻿#main.fishing_page {
	position: relative;
	background:url(/res/front/images/fish/fish_bg.jpg) no-repeat bottom center;
}

#fishingTabContent #tab_bg {
	position: relative;
}

#tab_bg img {
    width: 85%;
    margin: 0 auto;
    display: block;
}

#fishingTabContent .tab-pane {
	position: absolute;
    top: 47%;
    left: 49.5%;
    transform: translate(-50%, -50%);
}

#fishingTab {
    width: 100%;
    bottom: 0;
    left: 0;
}

#fishingTab.nav-tabs {
	border-bottom: unset;
}

.tab_deco img {
	max-width: 180px;
}

#fishingTab li {
	margin: 0 auto;
	width: 21%;
}

#fishingTab li.nav-item img:first-child {
	position: relative;
	z-index: 1;
}

#fishingTab li.nav-item img:last-child {
	position: absolute;
    bottom: 60%;
    left: 50%;
    width: 80%;
    z-index: 0;
    transform: translate(-50%, 50%);
}

#fishingTab li.nav-item a {
	transition: transform .5s;
}

#fishingTab li.nav-item a:hover {
    transform: scale(1.2);
}

#fishingTab li.nav-item a:hover img:last-child {
	transform: translate(-50%, 40%);
}

#fishingTab a.nav-link {
	position: relative;
	background: unset;
	border: unset;
}

#fishingTab a.nav-link img {
	transition: transform .25s;
}

@media only screen and (max-width: 991px) {
	#main.fishing_page {
		padding: 60px 0 30px;
	}

	#fishingTab li {
		width: 31%;
		margin: 30px auto;
	}
}

@media only screen and (max-width: 768px) {
	#fishingTab li {
		width: 45%;
	}


	#fishingTab {
		width: 100%;
	}

	#main.fishing_page {
		position: relative;
		background:url(/res/front/images/fish/fish_bg.jpg) no-repeat bottom center;
		/*height: 100vh;*/
	}
}