.advanced-tabber .tab-content {
	display: none;
}
.TAB-65656 img{width:30px; height:30px;margin: 7px;margin-left: 0px;}
.advanced-tabber .tab-content.active {
	display: block;
}
.title-container {
	width: 1165px;
	margin: 0 auto;
}
.libary-wrapper .tabs-container nav {
	margin: 0 auto;
	background: #fff;
}
.libary-wrapper .tab-content.current .tabber-items {
	margin-top: 30px;
}
.libary-wrapper .tabs-container nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	padding: 0 10px;
	width:1140px;
	margin:0 auto;
}

.libary-wrapper .tabs-container nav ul li {
	padding: 1rem;
	cursor: pointer;
	color: #A7A7A7;
	border-top: 1px solid #eee;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 25px;
	border-radius: 10px 10px 0px 0px;
}

.libary-wrapper .tabs-container nav ul li:hover {
	color: #3e4b58;
}

.libary-wrapper .tabs-container nav ul li.active {
	color: #3e4b58;
	border-top: none;
}

.libary-wrapper nav.tabs.content-wrapper ul li.current {
	background-color: #da262e;
	color: #fff;
}

/* the nitty gritty */

.libary-wrapper .tabs-container {
	position: relative;
	height: 3.3em;
}

.libary-wrapper .content-wrapper{
	padding:0px;
}

.libary-wrapper .tabs-container nav ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.libary-wrapper .tabs-container nav ul li {
	order: 1;
}

.libary-wrapper .tabs-container nav ul li.active {
	order: 0;
}

.libary-wrapper .tabs-container nav ul li.active:after {
	border: 8px solid transparent;
	border-top-color: #fff;
	content: "";
	height: 1px;
	position: absolute;
	right: 1.5em;
	top: 1.4em;
	width: 3px;
	z-index: 9999;
}

.libary-wrapper .tabs-container nav ul li:not(.active) {
	position: absolute;
	top: -999em;
}


.libary-wrapper .tabs-container nav ul.expanded li.active:after{
	border-top-color: transparent;
	border-bottom-color: #555;
	top: 1em;
}


.libary-wrapper .tabs-container nav ul.expanded li:not(.active) {
	position: relative;
	top: auto;
}

@media all and (min-width: 768px) {

	.libary-wrapper  nav {
		background: transparent;
	}

	.libary-wrapper  .tabs-container nav ul li.active {
		/*     box-shadow: inset 0 -3px 0 #5098B3; */
	}

	.libary-wrapper  .tabs-container nav ul {
		display: flex;
		flex-direction: row;
		/*     justify-content: center; */
		white-space: nowrap;
		overflow: hidden;
		border: none;
		padding: 0;
	}

	.libary-wrapper  .tabs-container nav ul li {
		display: inline-block;
		margin: 0 0.5rem 0 0.5rem;
		padding: 0 0 .2rem 0;
		border: none;
	}

	.libary-wrapper  .tabs-container nav ul li:not(.active) {
		position: relative;
		top: auto;
	}

	.libary-wrapper  .tabs-container nav ul li.active {
		order: 1;
	}

	.libary-wrapper  .tabs-container nav ul li.active:after {
		display: none;
	}

}

.libary-wrapper .tabs-container {
	z-index: 999;
}
.libary-wrapper .tab-content{
	display: none;
	padding: 15px;
}
.libary-wrapper .tab-content.current{
	display: inherit;
}
.libary-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.libary-wrapper .tabs-container {
	/*   border-bottom: 1px solid #bfbfbf; */
	border-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
}

.libary-wrapper nav.tabs.content-wrapper {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
	max-width:100%;
}

.libary-wrapper nav.tabs.content-wrapper li {
	float: left;
	list-style: none;
	margin-bottom: 0 !important;
	position: relative;
}

.libary-wrapper nav.tabs.content-wrapper ul li {
	display: block;
	background-color: #fff;
	color: #1c1c1c;
	font-family: "proxima-nova",Helvetica,"Arial Unicode",sans-serif;
	font-size: 1rem;
	padding: 1rem 2rem;
	border: 1px solid #fff;
	border-bottom: 0;
	line-height: normal;
	outline: 0;
	padding: 3px 10px 0px 10px;
	text-transform: uppercase;
	transition: background .3s;
	color: #1c1c1c;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.libary-wrapper .tab-nav-icon {
	background-color: #fff;
	border-radius: 100%;
	display: inline-block;
	flex: 0 0 50px;
	height: 45px;
	line-height: 50px;
	text-align: center;
	width: 45px;
	margin-right: 5px;
}
.libary-wrapper .tab-nav-icon svg{width:17px;position: relative;bottom: 3px;}
.libary-wrapper nav.tabs.content-wrapper ul li.active {
	background-color: #da262e;
	color: #fff;
}

.libary-wrapper nav.tabs.content-wrapper ul li:hover {
	background-color: #c7ddf3;
	text-decoration: none;
	z-index: 1;
	color: #1c1c1c;
}

.libary-wrapper .tabs-container nav ul.expanded li:not(.active) {
	position: relative;
	top: auto;
}

@media all and (min-width: 768px) {

	.libary-wrapper .tabs-container nav ul li:not(.active) {
		position: relative;
		top: auto;
	}

	.libary-wrapper .tabs-container nav ul li.active {
		order: 1;
	}

	.tabs-container nav ul li.active:after {
		display: none;
	}
}


.libary-wrapper .tab-content{
	display: none;
}
.libary-wrapper .tab-content.current{
	display: inherit;
}

.libary-wrapper .tabber-content .content-wrapper {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin-bottom: 0;
	margin-left: 0;
}
.libary-wrapper .content-wrappers {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin-bottom: 0;
	margin-left: 0;
	position: relative;
	/*   padding-left: 0.625rem;
	padding-right: 0.625rem; */
	width: 100%;
}
.libary-wrapper .content-wrappers >div>.tabber-items {
	background: #fff;
	height: inherit;
	position: relative;
	width: 100%;
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 35%);
	width: calc(33.2% - 0.83333em);
	/*   margin-bottom: 60px; */
	margin-right: 1.25em;
	font-weight: normal;
	line-height: 1.6;
}
.libary-wrapper span.tab-text {
	display: block;
	padding: 20px 20px 35px;
}

.libary-wrapper .image-wrapper {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.libary-wrapper .image-wrapper img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	min-height: 215px;
	width: 100%;
	object-fit: cover;
}
.libary-wrapper .tab-content {
	flex-wrap: wrap;
	width: 100%;
}
.libary-wrapper .content-wrappers>div>.tabber-items:nth-child(3n) {
	margin-right: 0;
}
.libary-wrapper .tab-title {
	font-size: 26px;
	font-weight: 600;
	margin: 18px !important;
	text-transform: uppercase;
}
.libary-wrapper .tab-title.current {
	display: block;
}
.libary-wrapper div.content-wrapper.title-container {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
	width:80%;
}

.libary-wrapper  .tab-title {
	margin: 20px 0;
}



@media(max-width:767px){
	.libary-wrapper nav.tabs.content-wrapper ul li:hover{background-color: #da262e;color: #fff;}
	.libary-wrapper .tabs-container {
		height: 3.5em;
	}
	.libary-wrapper .tabs-container nav ul {
		border-bottom:0px;  
		width:100% ; 
	}
	.libary-wrapper .content-wrappers>div>.tabber-items {
		width: 100%;
	}
	.libary-wrapper  .tabs-container nav {
		position: absolute;
		width: 100%;
	}
	.libary-wrapper ul.clearfix:after {
		font-family: 'ritz-icons';
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-style: normal;
		font-variant: normal;
		font-weight: 400;
		line-height: 1;
		speak: none;
		text-transform: none;
		background: #fff;
		color: #31548c;
		font-size: 20px;
		margin-left: -45px;
		padding: 3px 0 3px 20px;
		position: relative;
		top: 5px;
		z-index: -1;
		content: '\e62a';
	}
	.libary-wrapper  .content-wrappers>div>.tabber-items {
		margin-right: 0;
	}
	.libary-wrapper  ul.clearfix:after {
		display: none;
	}
	.libary-wrapper  .tab-content {
		padding: 0;
	}
	.libary-wrapper  .content-wrapper {
		margin: 0 auto;
		padding: 0 0;
	}
}


@media(max-width:479px){
	.libary-wrapper  .tab-nav-icon {
		display: inline-block;
		flex: 0 0 20px;
		height: 30px;
		line-height: 30px;
		width: 30px;
		font-size: 10px;
	} 
	.libary-wrapper  .tab-nav-icon svg {
		width: 10px;
	}
	.libary-wrapper  span.title-wrapper {
		display: inline-block;
		font-size: 12px;
	}
	.libary-wrapper .tabs-container nav ul li.active:after {
		border: 5px solid transparent;
		border-top-color: #fff;
	}
}


$phone-narrow-breakpoint-max-width: 34em; 
$phone-breakpoint-max-width: 48em;
$tablet-breakpoint-max-width: 62em;

@mixin media-query($breakpoint) {
	@if $breakpoint == "phone-narrow" {
		@media (max-width: $phone-narrow-breakpoint-max-width) {
			@content;
		}
	}

	@else if $breakpoint == "phone" {
		@media (max-width: $phone-breakpoint-max-width) {
			@content;
		}
	}

	@else if $breakpoint == "tablet" {
		@media (max-width: $tablet-breakpoint-max-width) {
			@content;
		}
	}
}

.tabs-container {
	background:#da262e;
}

.tabs-list-container {
	width: 960px;
	margin: 0 auto;

	@include media-query('tablet') {
		width: 90%;
	}
}

.tabs-list {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	list-style: none;

	li {
		width: 25%;

		@include media-query('phone') {
			width: 100%;
		}
	}

	@include media-query('tablet') {
		width: 95%;
		margin: 0 auto;
	}

	@include media-query('phone') {
		flex-direction: column;
		height: 65px;
		overflow: hidden;

		li {
			height: 65px;
			flex: 0 0 auto;
		}

		li.-active {
			-webkit-box-ordinal-group: -1; // fixes older Safari issues
			order: -1;

			> a:after {
				position: relative;
				right: 30px;
				top: 0;
				content: '\f078';
				font-size: 24px;
				font-family: 'FontAwesome';
				color: crimson;
				display: inline-block;
				float: right;
			}
		}

		&.-is-open {
			height: auto;
		}

		&.-is-open li.-active > a:after {
			content: '\f077';
		}
	}
}

.tab {
	position: relative;
	display: block;
	padding: 30px 0;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	color: #333;

	@include media-query('tablet') {
		padding: 30px 0;
	}

	@include media-query('phone') {
		padding: 20px 0 20px 5%;
		text-align: left;
		font-size: 16px;
	}

	&.-active {
		color: crimson;
		background: #fff;

		@include media-query('phone') {
			background: transparent;
		}
	}
}

.panels-container {
	padding: 80px 0;
	text-align: center;
}

.notice {
	font-size: 12px;
	color: #aaa;
	text-align: center;
}

@media (max-width: 1024px){
	.title-container {
		width: 100% ;
	}
}

@media(max-width:767px){
	.solution-tabs-section .tabset-desktop li {
		display: block;
	}
	.tabs-container nav ul {
		display: flex;
		flex-direction: column;
	}
	.tabs-container nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: 1px solid #ccc;
		padding: 0 10px;
		border-radius:10px;
	}
	.tabs-container nav ul li {
		padding: 1rem;
		cursor: pointer;
		color: #A7A7A7;
		border-top: 1px solid #eee;
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 25px;
	}
	.tabs-container nav ul li.current {
		color: #3e4b58;
		border-top: none;
	}
	.tabs-container nav ul li {
		order: 1;
	}


	.tabs-container nav ul li:not(.current) {
		position: absolute;
		top: -999em;
	}
	.tabs-container nav ul li.active {
		order: 0;
	}
	.tabs-container nav ul li {
		display: flex;
		align-items: center;
		width: 100%;
		position: relative;
	}
	.tabs-container nav ul li > span:last-child {
		margin-left: 9px;
	}

	tabs-container nav ul li.active:after {
		width: 1px;
		height: 1px;
		border: 5px solid transparent;
		border-top: 5px solid #555;
		content: "";
		position: absolute;
		right: 1.5em;
		top: 1.4em;
		z-index: 9999;
	}
	.tabs-container nav ul.expanded li.active:after {
		border-top-color: transparent;
		border-bottom-color: #555;
		top: 1em;
	}

	.tabs-container nav ul li.active:after {
		width: 1px;
		height: 1px;
		border: 8px solid transparent;
		border-top: 7px solid #555;
		content: "";
		position: absolute;
		right: 1.5em;
		top: 2em;
		z-index: 9999;
	}
	.tabs-container nav ul li.active {
		background: red;
		font-size: 15px;
		font-weight: bold;
		margin: 0;
	}
	.tabs-container nav ul {
		padding: 0;
	}
	.tabs-container nav ul li {
		color: #000;
	}
	.tabs-container nav ul li {
		margin: 0;
	}
	.libary-wrapper .tabs-container nav ul {
		padding: 0;
	}
}

@media(max-width:1024px){
	.libary-wrapper .tabs-container nav ul {
		width:100% ; 
	}
}

@media (max-width: 450px){
	.libary-wrapper span.title-wrapper {
		display: inline-block;
		font-size: 9px;
	}
}

.clearfix:before, .clearfix:after {
	display: table;
	content: "";
}