ul, ol {
	margin-bottom : 1.5em;
	padding-left  : 2.5em;
	//.clearfix-mixin();

	ol, ul {
		margin : 0.3em 0 1em;
	}

	li {
		margin-bottom : 0.3em;
		//.clearfix-mixin();
	}
}

ul {
	list-style-type : disc;

	ul {
		list-style-type : circle;
	}
}

ol {
	list-style-type : decimal;

	ol {
		list-style-type : lower-latin;
	}
}

dl {
	dt {
		font-weight : bold;
	}

	dd {
		margin-bottom : 0.75em;

		& + dd {
			margin-top : -0.5em;
		}
	}

	&.horizontal {
		dt {
			float      : left;
			clear      : left;
			width      : 35%;
			text-align : right;
		}

		dd {
			margin-left : 37%;
		}
	}
}

[class*=" list-"], [class^="list-"], [class*="list__"] {
	& when (@lists-classes) {
		list-style-type : none;
		padding-left    : 0;
	}
}

ul {
	&.list-unstyled when (@list-unstyled) and (@lists-classes) {
		zoom : 1;

	}

	&.list-striped when (@list-striped) and (@lists-classes) {
		& > li {
			margin  : 0;
			padding : .75em;

			&:nth-child(odd) {
				background : @gray-lighter;
			}
		}
	}

	&.list-inline when (@list-inline) and (@lists-classes) {
		zoom : 1;

		& > li {
			.inline-block(top);
			margin : 0 0.5em;
		}
	}

	&.list-arrow when (@list-arrow) and (@lists-classes) {
		zoom : 1;

		& > li {
			padding-left : 1em;

			&::before {
				float       : left;
				color       : inherit;
				margin-left : -1em;
				& when (@flexkit-icons) {
					font-family : @font-family-icons;
					content     : '\e0ab';
				}
				& when not(@flexkit-icons) {
					content : '>';
				}
			}

			&:hover {
				&::before {
					color : @brand-primary;
				}
			}
		}
	}

	&.list-checkmark when (@list-checkmark) and (@lists-classes) {
		zoom : 1;

		& > li {
			padding-left : 1.7rem;

			&::before {
				margin-top  : 0.25rem;
				text-align  : center;
				float       : left;
				margin-left : -1.7rem;
				font-family : @font-family-icons;
				font-size   : 10px;
				content     : '\e09c';
				height      : 16px;
				width       : 16px;
				line-height : 16px;
				background  : @brand-secondary;
				color       : #fff;
				.border-radius(50%);
			}
		}
	}

	&.list-checkmark_1 when (@list-checkmark) and (@lists-classes) {
		zoom : 1;

		li {
			padding-left : 30px;

			&::before {
				height      : 20px;
				width       : 20px;
				line-height : 20px;
				.inline-block();
				float       : left;
				margin-left : -30px;
				margin-top  : 1px;
				font-family : @font-family-icons;
				font-size   : 12px;
				content     : "\e09b";
				background  : @brand-dark;
				color       : @primary-color;
				text-align  : center;
			}
			ul {
				padding-left  : 0;
				margin-top    : 1rem;
				margin-bottom : 0.58rem;
			}
			li {
				list-style-type : none;
				&::before {
					content : "\e09e";
				}
			}
		}
		.dark-blue-bg &{
			li{
				&::before{
					background  : @brand-secondary;
				}
			}
		}
	}


	&.list-count-sign when (@list-count-sign) and (@lists-classes) {
		counter-reset : list;

		& > li {
			margin-bottom : 0.5em;
			padding-left  : 3em;
			line-height   : 2em;

			&::before {
				.inline-block();
				counter-increment : list;
				content           : counter(list);
				width             : 2em;
				height            : 2em;
				text-align        : center;
				background-color  : fade(#000, 15%);
				margin-left       : -3em;
				margin-right      : 1em;
				color             : #fff;
				.transition(background-color 0.5s);
				.border-radius(10em);
			}

			&:hover {
				&::before {
					background-color : fade(#000, 25%);
				}
			}
		}
	}

	&.list-icon-sign when (@list-icon-sign) and (@lists-classes) {

		& > li {
			margin-bottom : 0.5em;
			padding-left  : 3em;
			line-height   : 2em;

			&::before {
				.inline-block();
				width            : 2em;
				height           : 2em;
				line-height      : inherit;
				text-align       : center;
				background-color : @gray-lighter;
				margin-left      : -3em;
				margin-right     : 1em;
				.transition(background-color 0.5s);
				.border-radius(10em);
			}

			&:hover {
				&::before {
					background : @primary-bg;
					color      : @primary-color;
				}
			}
		}
	}

	&.list-bullet when (@list-bullet) and (@lists-classes) {
		zoom : 1;

		& > li {
			padding-left : 1em;

			&::before {
				content        : '\002022';
				vertical-align : top;
				color          : @brand-primary;
				margin-left    : -1em;
				margin-right   : 1em;
			}

			&:hover {
				&::before {
				}
			}
		}
	}

	&.list-bordered when (@list-bordered) and (@lists-classes) {
		zoom : 1;

		& > li {
			border-bottom  : 1px solid @hr-color;
			margin         : 0;
			padding-top    : @padding-base-vertical;
			padding-bottom : @padding-base-vertical;

			footer & {
				border-color : inherit;
			}
		}

		&.dashed > li {
			border-bottom-style : dashed;
		}
	}

	&.list-separated when (@list-separated) and (@lists-classes) {
		zoom : 1;

		& > li {
			margin         : 0;
			padding-top    : @padding-base-vertical;
			padding-bottom : @padding-base-vertical;

			& + li {
				border-top : 1px solid @hr-color;
			}

			footer & {
				border-color : inherit;
			}
		}

		&.dashed > li {
			border-top-style : dashed;
		}
	}

	&.list-testimonials when (@list-testimonials) and (@lists-classes) {
		zoom : 1;

		li {
			position  : relative;
			margin    : 0 0 3.5em;
			border    : 1px solid @gray-light;
			padding   : @padding-large-vertical;
			font-size : @font-size-small;

			p {
				margin : 0.5em 0 0;

				&:first-child {
					margin : 0;
				}
			}

			cite {
				position : absolute;
				left     : 0;
				right    : 0;
				top      : 100%;
				padding  : 5px 5px 5px 50px;
				color    : @brand-primary;

				& > * {
					color : @text-color;
				}

				&::after, &::before {
					content      : "";
					position     : absolute;
					top          : 0;
					left         : 11px;
					border-style : solid;
					border-width : 15px;
					border-color : #fff #fff transparent transparent;
				}

				&::before {
					left         : 10px;
					border-width : 16px;
					border-color : @gray-light @gray-light transparent transparent;
				}
			}
		}
	}

	&.list-tags when (@list-tags) and (@lists-classes) {
		margin-bottom : 0;
		.clearfix-mixin();

		& > li {
			float       : left;
			margin      : 0.5%;
			padding     : @padding-small-vertical @padding-small-horizontal;
			background  : @gray-lighter;
			cursor      : pointer;
			line-height : 1;
			border      : 1px solid darken(@gray-lighter, 10%);
			.text-overflow;

			&.filed {
				padding : 1px;
			}

			& > * {
				line-height : normal;
			}

			img {
				width      : auto;
				max-height : 16px;
			}

			&:hover, &.active, &.tag-current {
				background : darken(@gray-lighter, 10%);
			}

			&.disabled {
				cursor     : default;
				background : @gray-lighter;
				color      : darken(@gray-lighter, 10%);
			}

			&.active, &.tag-current {
			}
		}
	}

	&.list-icon-line when (@list-icon-line) and (@lists-classes) {
		@icon-size : @icon-size-large;
		@icon-box  : @icon-size * 1.75;
		@size-line : 2px;

		& > li {
			margin      : 0 0 0 @icon-box * 0.75;
			padding     : 10px 0 15px @icon-box;
			border-left : @size-line solid @gray-lighter;
			position    : relative;

			.bubble {
				position         : absolute;
				top              : 5px;
				left             : -(@icon-box * 0.5) - (@size-line / 2);
				width            : @icon-box;
				height           : @icon-box;
				font-size        : @icon-size;
				text-align       : center;
				background-color : #fff;
				border           : @size-line solid @gray-lighter;
				.border-radius(10em);
			}

			&:hover {
				&.bubble {
					border-color : darken(@gray-lighter, 5%);
				}
			}

		}
	}

	&.list-step when (@list-step) and (@lists-classes) {
		text-align : center;

		.step-item {
			display        : inline-block;
			vertical-align : middle;
			line-height    : 3em;
			position       : relative;
			background     : @state-success-bg;
			color          : #fff;
			padding        : 0 1em;
			border-color   : @state-success-bg;
			cursor         : pointer;

			& + .step-item {
				margin-left : 1.5em;
			}

			&::before, &::after {
				content      : '';
				width        : 0;
				height       : 0;
				position     : absolute;
				top          : 0;
				bottom       : 0;
				margin       : auto;
				border-style : solid;
				border-width : 1.5em 0 1.5em 1.5em;
				border-color : inherit;
			}
			&::before {
				z-index           : 1;
				left              : -1.5em;
				border-left-color : transparent !important;
			}
			&::after {
				right               : -1.5em;
				border-top-color    : transparent !important;
				border-bottom-color : transparent !important;
			}
			&.active {
				background   : @brand-success;
				border-color : @brand-success;
			}
			&.active ~ .step-item {
				background   : #ddd;
				border-color : #ddd;

				&:hover {
					background   : darken(#ddd, 5%);
					border-color : darken(#ddd, 5%);
				}
			}
			&.error {
				background   : @state-error-bg !important;
				border-color : @state-error-bg !important;
			}
			&.active.error {
				background   : @brand-error !important;
				border-color : @brand-error !important;
			}
			&:first-child::before, &:last-child::after {
				content : none;
			}
		}

		.step-title {
			font-size   : 1.15em;
			line-height : normal;

			&[data-count]::before {
				content       : attr(data-count);
				border        : 2px solid #fff;
				border-radius : 2em;
				width         : 1.15em;
				height        : 1.15em;
				line-height   : 1.15em;
				font-size     : 1.25em;
				margin-right  : 0.25em;
				.inline-block();
				.box-sizing(content-box);
			}

			&::after {
				&:extend(ul.list-step .step-item::before);
				font-size          : 0.9em;
				z-index            : 0;
				left               : -1.75em;
				border-right-width : .3em;
				border-left-color  : transparent !important;
			}
		}
	}

	&.list-select when (@lists-classes) {
		border     : 1px solid @input-border-color;
		min-height : ~'calc(24px + 1em)';

		& > li {
			padding : .5em;
			margin  : 0;
			cursor  : pointer;

			& + li {
				border-top : 1px solid @gray-light;
			}

			&.active {
				background : @gray-lighter;

				&::after {
					&:extend(.flexkit-icon);
					content   : "\e000";
					color     : @brand-success;
					font-size : 1.45em;
					float     : right;
				}
			}

			&:hover {
				background : @gray-lighter;
			}
		}
	}
	&.financial-requirements__list {
		margin-left  : -1%;
		margin-right : -1%;
		.inline-block-wrap(top);
		li {
			margin-bottom : 2%;
			padding       : 2.142rem 1rem;
			background    : @primary-color;
			border-radius : @button-border-radius;
			.grid-elements(4; @grid-margin-width; false; 2; 2; 1);
			.box-shadow(0px 2px 15px rgba(0, 0, 0, 0.15));
			&::before {
				color         : #8bc34a;
				font-size     : 50px;
				margin-bottom : 10px;
				.border-radius(50%);
			}
		}
		& > .tpopup {
			display : none;
		}
		.financial-requirements__title {
			color          : @brand-primary;
			text-transform : uppercase;
			font-weight    : 700;
			font-size      : 1.714rem;
		}
		.financial-requirements__text {
			color       : #000;
			font-size   : 1.142rem;
			font-weight : bold;
		}
	}
	&.serve-since__list {
		& > .tpopup {
			display : none;
		}
		.inline-block-wrap(top);
		margin-left   : -1.07rem;
		margin-right  : -1.07rem;
		margin-bottom : -2.142rem;
		li {
			.grid-elements(4; 0; true; 2; 2; 1);
			padding-left   : 1.07rem;
			padding-right  : 1.07rem;
			padding-top    : 1.285rem;
			padding-bottom : 1.285rem;
			margin-bottom  : 2.142rem;
			text-align     : center;
			&::before {
				display       : block;
				color         : @brand-primary;
				font-size     : 48px;
				margin-bottom : 50px;
			}
			.panel {
				text-align : left;
			}
			.serve-since__value {
				line-height : 1.2;
				font-size   : 2.857em;
				color       : #000;
			}
			.serve-since__title {
				color          : #919191;
				font-size      : 1.142rem;
				margin-top     : 0.714rem;
				text-transform : none;
			}
			&.icon-protect {
				.serve-since__other-sign {
					font-size : 1.142rem;
				}
			}
		}
	}
	&.list-videos {
		margin-bottom : -1.428rem;
		margin-left   : -1%;
		margin-right  : -1%;
		& > .tpopup {
			display : none;
		}
		.inline-block-wrap(top);
		.flexbox(row; wrap);
		li {
			text-align    : center;
			margin-bottom : 1.428rem;
			.grid-elements(3; @grid-margin-width; false; 2; 2; 1);
		}
		.video-title {
			font-size      : 1.285rem;
			color          : @brand-primary;
			font-weight    : bold;
			text-transform : none;
			font-family    : @font-family-text;
			min-height     : 64px;
		}
		.video-text {
			margin-bottom : 1.428rem;
			min-height    : 106px;
		}
	}
	&.list-contacts {
		.inline-block-wrap(top);
		margin-bottom : -4rem;
		li {
			text-align    : center;
			.grid-elements(3; @grid-margin-width; true; 3; 1);
			margin-bottom : 4rem;
			&.hide {
				display : none;
			}
		}
		span {
			display     : block;
			text-align  : center;
			line-height : 98px;
			height      : 100px;
			width       : 100px;
			background  : rgba(255, 255, 255, 0.5);
			.transition();
			.border-radius(50%);
			margin      : 0 auto;
			font-size   : 48px;
			color       : @primary-color;
			&::before {
				font-size : 48px;
			}
			&:hover {
				background : @brand-secondary;
			}
		}
		h3 {
			font-weight : bold;
			font-size   : 24px;
			color       : #FFF;
			margin      : 10px 0 10px 0;
		}
		a {
			color : @primary-color;
			.transition();
			&:hover {
				color : @brand-secondary;
			}
		}
		p {
			color : @primary-color;
		}
	}
	&.list-our-team {
		& > .tpopup {
			display : none;
		}
		margin-left   : -1%;
		margin-right  : -1%;
		margin-bottom : 0;
		.inline-block-wrap(top);
		.flexbox(row; wrap);
		li {
			text-align    : center;
			margin-bottom : 2%;
			padding       : 2.142rem;
			background    : #FFF;
			border-radius : 6px;
			.box-shadow(0px 2px 15px rgba(0, 0, 0, 0.15));
			.grid-elements(2; @grid-margin-width; false; 2; 2; 1);
		}
		.team-member-image {
			position      : relative;
			.inline-block();
			width         : 100%;
			min-height    : 50px;
			margin-bottom : 1.785rem;
			max-width     : 420px;
			overflow      : hidden;
			.box-shadow(0px 2px 15px rgba(0, 0, 0, 0.4));
			.border-radius(50%);
			& > .tpopup {
				position : absolute;
				left     : 50%;
				top      : 50%;
				.translate(-50%; -50%);
			}
			img {
				width : 100%;
			}
		}
		.team-member-name {
			margin      : 0;
			font-size   : 1.1428em;
			line-height : 1.45;
			font-family : @font-family-text;
			color       : #333;
		}
		.team-member-position {
			letter-spacing : 1px;
			font-size      : 0.857em;
			margin-bottom  : 1.428rem;
			color          : #777;
			min-height     : 19px;
			text-transform : uppercase;
		}
		.team-member-social-links {
			margin-bottom : 0;
			.btn {
				height      : 40px;
				line-height : 40px;
				padding     : 0;
				width       : 40px;
				&[href=""], &[href="mailto:"] {
					display : none;
				}
			}
		}
	}
	&.list-factors {
		.inline-block-wrap();
		.flexbox(row; wrap);
		li {
			width         : 100%;
			position      : relative;
			margin-bottom : 2%;
			padding       : 2.142rem;
			background    : @primary-color;
			border-radius : @button-border-radius;
			.box-shadow(0px 2px 15px rgba(0, 0, 0, 0.15));
			&::before {
				position   : absolute;
				top        : 50%;
				content    : "";
				right      : 100%;
				width      : 2.142rem;
				height     : 2px;
				margin-top : -1px;
				background : @brand-primary;
			}
			& > p:last-child {
				margin-bottom : 0;
			}
		}
		h3 {
			font-size   : 1.5rem;
			font-weight : bold;
			color       : @brand-primary;
		}
		&.two-columns {
			margin-left  : -1%;
			margin-right : -1%;
			text-align   : left;
			li {
				position : relative;
				.grid-elements(2; @grid-margin-width; false; 2; 2; 1);
				&:nth-child(odd) {
					position : relative;
					z-index  : 1;
				}
			}
		}
	}
	&.list-breadcrumbs {
		.inline-block-wrap(middle);
		margin : 0 0 10px;
		li {
			margin-bottom : 0.5rem;
			color         : #919191;
			display       : inline;
			& + li {
				&::before {
					margin-top : -2px;
					.inline-block();
					padding    : 0 0.857rem;
					color      : #919191;
					content    : "/ ";
					font-size  : 28px;
				}
			}
		}
		a {
			text-transform : uppercase;
			font-weight    : bold;
			&.current {
				color          : #919191;
				pointer-events : none;
				cursor         : default;
				font-weight    : normal;
			}
		}
	}
	&.list-how-to-buy-delta {
		.inline-block-wrap(top);
		text-align : center;
		li {
			.grid-elements(3; @grid-margin-width; false; 3; 2; 1);
			margin-bottom : 9rem;
			@media only screen and (min-width : (@responsive-size-mobile + 1)) {
				&:nth-child(3n + 2) {
					.image {
						position      : relative;
						margin-bottom : 1.285rem;
						&::before {
							position   : absolute;
							content    : "";
							width      : 30%;
							right      : 85%;
							top        : 50%;
							border-top : 1px dashed @brand-primary;
						}
						&::after {
							position   : absolute;
							content    : "";
							width      : 30%;
							left       : 85%;
							top        : 50%;
							border-top : 1px dashed @brand-primary;
						}
					}
				}
			}

		}
		.title {
			font-weight   : bold;
			margin-top    : 0;
			font-size     : 3.428rem;
			line-height   : 1.2;
			margin-bottom : 1.142rem;
		}
		.subtitle {
			text-transform : uppercase;
			font-size      : 1.285rem;
			font-weight    : bold;
			line-height    : 1.2;
			color          : #000;
			max-width      : 280px;
			margin         : 0 auto;
		}
		.image {
			margin-bottom : 1.285rem;
		}
	}
	&.list-opportunity {
		counter-reset : list;
		.inline-block-wrap(top);
		margin-bottom : -@grid-margin-width;
		li {
			position      : relative;
			margin-bottom : @grid-margin-width;
			background    : @primary-color;
			color         : @brand-dark;
			.grid-elements(3; @grid-margin-width; false);
			padding       : 3.285rem 1.857rem 1.857rem 40px;
			min-height    : 220px;
			.box-shadow(0 2px 11px rgba(0, 0, 0, 0.4));
			&::before {
				counter-increment : list;
				position          : absolute;
				left              : 0;
				top               : 0;
				height            : 40px;
				width             : 40px;
				line-height       : 40px;
				background        : @brand-dark;
				content           : counter(list);
				color             : @primary-color;
				text-align        : center;
			}
		}
		.services-block & {
			li {
				height         : 200px;
				line-height    : 200px;
				.inline-block();
				padding-top    : 0;
				padding-bottom : 0;
				span, p {
					text-align  : center;
					font-weight : bold;
					font-size   : 1.6rem;
					.inline-block();
					line-height : 1.2;
					width       : 100%;
				}
			}
		}
	}
}