.tabbed-templates--tabs {
	border-bottom: 8px solid #036aa7;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	position: relative
}

.tabbed-templates--tab:not(#tabbed-nav--1)::before,.tabbed-templates--tab::after {
	content: '';
	width: 10px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	z-index: 1
}

.tabbed-templates--tab:not(#tabbed-nav--1)::before {
	left: 4%;
	-webkit-transform: rotatez(3.3deg);
	-moz-transform: rotatez(3.3deg);
	-ms-transform: rotatez(3.3deg);
	transform: rotatez(3.3deg)
}

.tabbed-templates--tab::after {
	width: 100%;
	height: 19.01vw;
	background-color: transparent;
	background-image: url(/static/images/shadow.png);
	background-size: cover;
	background-position: center bottom;
	left: 0
}

.tabbed-templates--tab {
	min-height: 75vh;
	color: #fff!important;
	background-color: #fff;
	background-size: cover;
	background-position: 10% center;
	text-decoration: none;
	flex: 1;
	position: relative
}

.tabbed-templates--tab:not(#tabbed-nav--1) {
	margin-left: -7%;
	clip-path: polygon(100% 0%,7% 0%,0% 115%,100% 100%)
}

.tabbed-templates--tab.active:not(#tabbed-nav--1)::before {
	left: 2.8%;
	-webkit-transform: rotatez(3.7deg);
	-moz-transform: rotatez(3.7deg);
	-ms-transform: rotatez(3.7deg);
	transform: rotatez(3.7deg)
}

.tabbed-templates--tab.active:not(#tabbed-nav--1) {
	clip-path: polygon(100% 0%,5% 0%,0% 115%,100% 100%)
}

.tabbed-templates--tab.active {
	flex-grow: 2
}

.tabbed-templates--tab .title::before {
	content: '';
	width: 120px;
	border-bottom: 8px solid;
	position: absolute;
	bottom: 0;
	left: 0
}

.tabbed-templates--tab.active .title::after {
	content: '';
	border-right: 47px solid transparent;
	border-left: 47px solid transparent;
	border-top: 47px solid #036aa7;
	position: absolute;
	bottom: -77px;
	left: 0
}

.tabbed-templates--tab .title {
	max-width: 420px;
	padding-bottom: 30px;
	font-family: 'acumin-pro',sans-serif;
	font-size: 2.604vw;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	display: block;
	position: absolute;
	bottom: 30px;
	left: 2.604vw;
	z-index: 9
}

.tabbed-templates--panel {
	display: none
}

.tabbed-templates--panel.active {
	display: block
}

.tabbed-templates--panel .fl-row>.fl-row-content-wrap {
	position: relative;
	z-index: 2
}

@media only screen and (max-width:1340px) {
	.tabbed-templates--tabs,.tabbed-templates--tab .title::before {
		border-bottom-width: 6px
	}

	.tabbed-templates--tab {
		min-height: 500px
	}

	.tabbed-templates--tab .title::before {
		width: 100px
	}

	.tabbed-templates--tab .title {
		font-size: 36px;
		left: 30px
	}

	.tabbed-templates--tab.active {
		flex-grow: 1.2
	}

	.tabbed-templates--tab.active .title::after {
		border-right: 35px solid transparent;
		border-left: 35px solid transparent;
		border-top: 35px solid #036aa7;
		bottom: -65px
	}
}

@media screen and (max-width:1340px) and (min-width:1081px) {
	.tabbed-templates--panels .template-heading>.fl-row-content-wrap {
		padding: 25px 20px 40px
	}

	.tabbed-templates--panels .template-heading h5.fl-heading {
		font-size: 24px
	}

	.tabbed-templates--panels .template-heading h2.fl-heading {
		font-size: 40px
	}

	#superior-safe-batter-technology .fl-col-small:last-of-type>.fl-col-content {
		padding: 0 5.224vw
	}
}

@media only screen and (max-width:1200px) {
	.tabbed-templates--tabs,.tabbed-templates--tab .title::before {
		border-bottom-width: 4px
	}

	.tabbed-templates--tab {
		min-height: 420px
	}

	.tabbed-templates--tab .title::before {
		width: 75px
	}

	.tabbed-templates--tab .title {
		padding-bottom: 25px;
		font-size: 30px;
		bottom: 20px;
		left: 25px
	}

	.tabbed-templates--tab.active .title::after {
		border-right: 27px solid transparent;
		border-left: 27px solid transparent;
		border-top: 27px solid #036aa7;
		bottom: -47px
	}
}

@media only screen and (max-width:1080px) {
	.tabbed-templates--tab {
		min-height: 360px
	}

	.tabbed-templates--tabs,.tabbed-templates--tab .title::before {
		border-bottom-width: 3px
	}

	.tabbed-templates--tab .title::before {
		width: 50px
	}

	.tabbed-templates--tab .title {
		padding-bottom: 15px;
		font-size: 26px;
		bottom: 15px;
		left: 30px
	}

	.tabbed-templates--tab.active .title::after {
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
		border-top: 20px solid #036aa7;
		bottom: -35px
	}
}

@media only screen and (max-width:860px) {
	.tabbed-templates--tabs {
		border-bottom: 0;
		border-left: 3px solid #036aa7;
		display: block
	}

	.tabbed-templates--tab::before {
		display: none
	}

	.tabbed-templates--tab::after {
		width: 100%;
		height: 70px;
		background-size: contain
	}

	.tabbed-templates--tab {
		min-height: auto;
		padding: 20px 15px 20px 30px;
		margin-left: 0!important;
		clip-path: unset!important;
		display: block
	}

	.tabbed-templates--tab .title {
		position: relative;
		bottom: 0;
		left: 0
	}

	.tabbed-templates--tab.active .title::after {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #036aa7;
		margin: -10px 0;
		top: 50%;
		bottom: initial;
		left: -30px
	}
}

@media screen and (max-width:860px) and (min-width:800px) {
	#superior-safe-batter-technology .fl-col-small:last-of-type>.fl-col-content {
		padding: 0 15px
	}
}

@media only screen and (max-width:480px) {
	.tabbed-templates--tab {
		padding: 15px 15px 15px 20px
	}

	.tabbed-templates--tab .title {
		font-size: 24px
	}

	.tabbed-templates--tab.active .title::after {
		left: -23px
	}
}