.ui-tabs when (@componentsJS-tabs) {
	position   : relative; // position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed")
	.clearfix-mixin();
	text-align : left;

	//    &.ui-widget-content{
	//        border : none;
	//    }
	//
	//    &.ui-tabs-collapsible .ui-tabs-active a{
	//        cursor : pointer;
	//    }

	.ui-tabs-nav {
		background : none;
		padding    : 0;
		.clearfix-mixin();
		position   : relative;
		z-index    : 1;
		margin     : 0;

		// Style li
		li {
			margin-bottom : 12px;
			position      : relative;
			float         : left;
			list-style    : none;
			color         : @tabs-nav-li-color;
			.border-radius(@button-border-radius);

			a {
				text-decoration : none;
				text-align      : left;
				color           : @brand-primary;
				font-weight     : bold;
				font-size       : 1.428rem;
				line-height     : 1.2;
			}

			ul {
				display  : none;
				position : absolute;
				top      : 100%;
				right    : 0;
				width    : 200px;
				margin   : 0;
				padding  : 0;

				li {
					float   : none;
					z-index : 0;

					&.ui-tabs-active, &:hover {
						z-index : 1;
						.ui-tabs-anchor {
							color : #000;
						}
					}

					& + li {
					}
				}
			}

			&.ui-tabs-active, &:hover {

			}

			&:hover {
				cursor       : pointer;
				background   : transparent;
				border-color : @tabs-nav-li-border-hover;
				color        : @tabs-nav-li-color-hover;

				ul {
					display : block;
				}

				a {
					color : @tabs-nav-li-color-active;
				}
			}

			&.ui-tabs-active {
				background   : @tabs-nav-li-bg-active;
				position     : relative;
				border-color : @tabs-nav-li-border-active;
				color        : @tabs-nav-li-color-active;

				a {
					cursor : default;
					color  : @tabs-nav-li-color-active;
				}
			}

			&.ui-tabs-loading, &.ui-state-disabled {

				a {
				}
			}
		}

		// Style a in li
		.ui-tabs-anchor {
			display         : block;
			padding         : 12px @padding-large-horizontal;
			text-decoration : none;
			overflow        : hidden;
			text-overflow   : initial;
			white-space     : normal;
		}
	}

	.ui-tabs-panel {
		position   : relative;
		z-index    : 0;
		//        display    : block;
		overflow   : hidden;
		background : @tabs-container-bg;
		padding    : 0;
		font-size  : 1.571rem;
	}

	// Tabs => Blocks
	@tabs-bg : @brand-primary;
	@tabs-color : @brand-primary;
	@tabs-border-color : @tabs-nav-li-border-active;

	&.blocks when (@tabs-type-blocks) and (@tabs-type) {
		border : 3px solid @tabs-border-color;

		& > .ui-tabs-nav {
			border-bottom : 3px solid @brand-primary;

			li {
				margin  : 0;
				padding : 0;
				border  : none;
				color   : @tabs-color;

				& + li {
					border-left : 3px solid @brand-primary;
				}

				&:hover {
					background : lighten(@tabs-bg, 7%);
					color      : #fff;

					.ui-tabs-anchor {
					}
				}
			}

			.ui-tabs-active {
				background : @tabs-bg;
				color      : #fff;

				.ui-tabs-anchor {
				}
			}

			.ui-tabs-anchor {
			}
		}

		& > .ui-tabs-panel {
			border : none;
		}

		&.vertical {
			& > .ui-tabs-nav {
				margin-right : -3px;
				border       : none;
				border-right : inherit;

				li {
					border : none;

					& + li {
						border-top : 3px solid @brand-primary;
					}

					&.ui-tabs-active, &:hover {
					}
				}
			}

			& > .ui-tabs-panel {
				border-left : 3px solid @brand-primary;
			}
		}
	}
}

#testimonials-tabs {
	width : 100%;
	.ui-tabs-nav {
		li {
			width : 100%;
			a {
				width : 100%;
			}
		}
	}
}

.blog-section {
	position : relative;
	&::before {
		content    : "";
		position   : absolute;
		left       : 0;
		right      : 0;
		top        : 0;
		height     : 38%;
		background : @brand-primary;
	}
	h2 {
		color         : @primary-color;
		margin-bottom : 4.714rem;
	}
}

#news-tabs {
	.ui-tabs-panel {
		padding-left  : 20px;
		padding-right : 20px;
	}
	.ui-tabs-panel {
		margin-left  : -20px;
		margin-right : -20px;
	}
	.tabs-head {
		margin-bottom : 40px;
	}
	h2 {
		.inline-block(middle);
		color         : @primary-color;
		margin-top    : 45px;
		margin-bottom : 45px;
		font-size     : 1.714rem;
	}
	ul {
		& > .tpopup {
			display : none;
		}
		.inline-block(middle);
		.ui-tabs-active {
			position   : relative;
			background : #024380;
			a {
				text-decoration : underline;
			}
			&::before {
				content      : "";
				position     : absolute;
				border-style : solid;
				border-width : 0 7.5px 15px 7.5px;
				border-color : transparent transparent #fff transparent;
				bottom       : 0;
				left         : 50%;
				margin-left  : -7.5px;
			}
		}
	}
	.ui-tabs-nav {
		li {
			margin-bottom : 0;
			.border-radius(0 0 0 0);
			a {
				text-align : center;
			}
		}
		.ui-tabs-anchor {
			padding        : 48.5px 16px;
			min-width      : 214px;
			color          : @primary-color;
			text-transform : uppercase;
			font-size      : 1.285rem;
		}
	}
}