@import "variables";
#wrap {
	background-color: #2c2c2c;
	background-repeat: repeat-y;
	background-position: 50% 0;
	position: relative;
	width: 100%;
	min-width: 320px;
	min-height: 100%;
	/*@media (max-width: 1199px){ background-image: url(../templates/images/footer-md.jpg); }
	@media (min-width: 1200px){ background-image: url(../templates/images/footer-lg.jpg); }*/
}
.js-height {
	position: relative;
	overflow: hidden;
}
.wrapper {
	background: #EBEFF2 url(../images/wrapper-gradi.jpg) repeat-x 0 0;
	position: relative;
	z-index: 7;
	& > .container {
		position: relative; z-index: 2;
		@media (max-width: 991px){ width: 100%; padding: 0; }
		@media (max-width: 767px){ padding: 0; }
	}
}
.wrapper-bg {
	//background-color: #EBEFF2;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;
	display: block; width: 100%; height: 100%;
	overflow: hidden;
	@media (max-width: 991px){ display: none; }
	.wrapper-bg__left {
		background-repeat: no-repeat;
		background-position: top right;
		position: absolute; top: 0; bottom: 0; right: 50%;
		display: block; width: 50%;
		margin-right: 570px;
		@media (max-width: 1199px){ margin-right: 470px; }
	}
	.wrapper-bg__right {
		background-repeat: no-repeat;
		background-position: 0 0;
		position: absolute; top: 0; bottom: 0; left: 50%;
		display: block; width: 50%;
		margin-left: 570px;
		@media (max-width: 1199px){ margin-left: 470px; }
	}
}

#content {
	background: $color_white;
	position: relative;
	padding: 24px;
	min-height: 600px;
	@media (max-width: 767px){ padding: 12px; }
}

.content-separator {
	height: 128px;
	@media (max-width: 767px) { height: 196px; }
}
.box-separator {
	background: $color_white;
	&.s-8 { min-height: 8px; }
	&.s-12 { min-height: 12px; }
	&.s-16 { min-height: 16px; }
	&.s-24 { min-height: 24px; }
	&.s-32 { min-height: 32px; }
	&.s-36 { min-height: 36px; }
	&.s-48 { min-height: 48px; }
	&.s-80 { min-height: 80px; }
	&.s-96 { min-height: 96px; }
	&.s-120 { min-height: 120px; }
}

.js-footer {
	position: relative;
	overflow: hidden;
	@media (max-width: 767px) { padding: 0; }
}
.container-footer {
	@media (max-width: 991px) {
		width: auto;
		margin: 0;
		padding: 0;
	}
}
.section-footer {
	background: $color_gray_80;
	position: relative;
	//overflow: hidden;
	font-size: 16px;
	color: $color_white;
	&:not(.withshd){
		@include box-shadow(0px 0px 10px $color_dark);
	}

	a, .type-link {
		border-bottom: 1px solid transparent;
		color: $color_white;
		text-decoration: none;
		&:hover {
			color: $color_yellow;
			border-color: rgba(255,194,14,0.3);
		}
	}
	a:hover > .type-link {
		color: $color_yellow;
		border-color: rgba(255,194,14,0.3);
	}
	.phone-link {
		border-bottom-color: transparent !important;
		color: $white !important;
	}

	.section-footer__row {
		padding: 24px;
		@media (max-width: 767px){ padding: 24px 12px; }
		.section-footer__col-1 {
			@media (min-width: 992px) {
				float: right;
				width: 37%;
			}
		}
		.section-footer__col-2 {
			@media (min-width: 992px) {
				float: right;
				width: 45%;
			}
		}
		.section-footer__col-3 {
			@media (min-width: 992px) {
				float: right;
				width: 18%;
			}
		}
	}

	.footer-menu {
		position: relative;
		@media (max-width: 991px) {
			&:before {
				content: '';
				background: $color_red;
				position: absolute; top: 0px; left: 0px; right: 0px;
				display: block; height: 1px;
			}
			&:after {
				content: '';
				background: $color_red;
				background: -webkit-linear-gradient(90deg, $color_red 0%, $color_white 30%, $color_red 80%);
				background: -moz-linear-gradient(90deg, $color_red 0%, $color_white 30%, $color_red 80%);
				background: -ms-linear-gradient(90deg, $color_red 0%, $color_white 30%, $color_red 80%);
				background: -o-linear-gradient(90deg, $color_red 0%, $color_white 30%, $color_red 80%);
				background: linear-gradient(90deg, $color_red 0%, $color_white 30%, $color_red 80%);
				position: absolute; bottom: 0px; left: 0px; right: 0px;
				display: block; height: 1px;
			}
		}
		.footer-menu__head {
			position: relative;
			padding: 8px;
			text-transform: uppercase;
			@media (min-width: 992px) { display: none; }
			&:hover {
				cursor: pointer;
			}
			.ico {
				position: absolute; top: 50%; right: 8px;
				display: block; width: 16px; height: 16px;
				margin-top: -8px;
				i {
					background: $color_white;
					position: absolute; top: 50%; left: 0px;
					display: block; width: 16px; height: 2px;
					margin-top: -1px;
					&:before {
						content: '';
						background: $color_white;
						position: absolute; top: -5px; left: 0px;
						display: block; width: 16px; height: 2px;
					}
					&:after {
						content: '';
						background: $color_white;
						position: absolute; top: 5px; left: 0px;
						display: block; width: 16px; height: 2px;
					}
				}
			}
		}
		.footer-menu__body {
			@media (min-width: 992px) { display: block !important; }
			@media (max-width: 991px) { display: none; }
			ul {
				margin: 0px; padding: 0px; list-style: none;
				li {
					margin-top: 8px;
					@media (max-width: 991px) {
						border-top: 1px solid $color_gray_10;
						margin-top: 0px;
						a {
							border: none;
							display: block;
							padding: 8px 0px;
						}
					}
					&:first-child {
						border: none;
						margin-top: 0px;
					}
				}
			}
		}
		&.footer-menu_open {
			background: $color_white;
			border-color: $color_white;
			color: $color_dark;
			.footer-menu__head {
				font-weight: 700;
				span {display: none;}
				.ico {
					background: $color_white;
					position: absolute; top: 50%; right: 8px;
					display: block; width: 16px; height: 16px;
					margin-top: -8px;
					@include border-radius(2px);
					&:before {
						content: '';
						background: $color_gray_80;
						position: absolute; top: 50%; left: 0px;
						display: block; width: 16px; height: 2px;
						margin-top: -1px;
						@include transform(rotate(45deg));
					}
					&:after {
						content: '';
						background: $color_gray_80;
						position: absolute; top: 50%; left: 0px;
						display: block; width: 16px; height: 2px;
						margin-top: -1px;
						@include transform(rotate(-45deg));
					}
					i { display: none; }
				}
			}
			.footer-menu__body {
				display: block !important;
				padding: 0px 8px 8px;
				a {color: inherit;}
			}
		}
	}

	.mobile-contacts__phone {
		max-width: 320px;
		margin: 24px auto;
		text-align: center;
		span, a {
			background: $color_water;
			border: none;
			display: block;
			padding: 10px;
			font-size: 20px;
			line-height: 1.5;
			color: $color_dark !important;
			@include border-radius(50px);
			@include box-shadow(0px 2px 5px $color_gray_90);
			//@include linear-gradient(0deg, $color_gray_30, $color_gray_10);
			background: -moz-linear-gradient(top, #e6e6e6 0%, #b3b3b3 100%);
			background: -webkit-linear-gradient(top, #e6e6e6 0%, #b3b3b3 100%);
			background: linear-gradient(to bottom, #e6e6e6 0%, #b3b3b3 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#b3b3b3',GradientType=0 );
		}
	}

	.footer-minimap {
		border: 0 !important;
		display: block;
		color: $color_white;
		fill: $color_white;
		@media (min-width: 450px) { display: none; }
		svg { float: right; }
	}

	.collapser {
		.collapser-head {
			font-size: 18px;
			@media (min-width: 450px){ display: none !important; }
			&:after {
				content: '';
				background: url(../images/icons/footer-collapser-u-d-arr.png) no-repeat 0px -10px;
				position: relative;
				top: -2px;
				display: inline-block;
				vertical-align: middle;
				width: 17px; height: 10px;
			}
		}
		.collapser-body {
			@media (min-width: 450px){ display: block !important; }
			@media (max-width: 449px) {
				background: $color_white;
				margin-top: 10px;
				padding: 12px;
				color: $color_dark;
				@include border-radius(3px);
				a {
					border-bottom-color: $color_blue;
					color: $color_blue;
				}
				.list-dl {
					margin-top: -3px;
				}
			}
		}
		&.collapser-open {
			.collapser-head {
				&:after {
					background-position: 0px 0px;
				}
			}
			.collapser-body {}
		}
	}

	.list-dl {
		margin: 0px; padding: 0px; list-style: none;
		&:first-child { margin-top: 0px; }
		dt {
			margin: 0px 0px 10px 0px;
			padding: 0px;
		}
		dd, li {
			position: relative;
			margin: 3px 0px 0px 0px;
			padding: 0px;
		}
		&.list-dl-dott {
			dd, li {
				margin-left: 12px;
				padding-left: 12px;
				@media (max-width: 767px){ margin-left: 0px; }
				&:before {
					content: '';
					background: $color_gray_60;
					position: absolute; top: 10px; left: 0px;
					display: block; width: 4px; height: 4px;
					@include border-radius(50%);
				}
			}
		}
	}

	.list-dotted {
		li {
			&:before {
				content: '';
				background: $color_gray_60;
				position: absolute; top: 10px; left: 0px;
				display: block; width: 4px; height: 4px;
				@include border-radius(50%);
			}
		}
	}

	.btn-track {
		border: 2px solid #FFC20E !important;
		display: inline-block;
		margin-left: 12px;
		padding: 4px 12px 5px 8px;
		white-space: nowrap;
	}
}

.footer-subscribe {
	padding: 12px 24px;
	@media (max-width: 991px){ padding: 12px 24px; }
	@media (max-width: 767px) { padding: 12px 15px; }
	&.footer-subscribe_yellow {
		background: #ffd14b;
		color: $color_dark;
		//@include linear-gradient(145deg, #ffd14b 50%, #ffc20f 50%);
		background: -moz-linear-gradient(-45deg, rgba(255,209,75,1) 0%, rgba(255,209,75,1) 48%, rgba(255,194,15,1) 48%, rgba(255,194,15,1) 100%);
		background: -webkit-linear-gradient(-45deg, rgba(255,209,75,1) 0%,rgba(255,209,75,1) 48%,rgba(255,194,15,1) 48%,rgba(255,194,15,1) 100%);
		background: linear-gradient(135deg, rgba(255,209,75,1) 0%,rgba(255,209,75,1) 48%,rgba(255,194,15,1) 48%,rgba(255,194,15,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd14b', endColorstr='#ffc20f',GradientType=1 );
		a {
			border-bottom: 1px solid rgba(13,97,171,0.3);
			color: $color_blue;
			&:hover {
				border-bottom-color: $color_blue;
			}
		}
		.p-12-a {
			@media (max-width: 991px){ padding-top: 8px !important; padding-bottom: 0px !important; }
		}
		.form-control { border-color: $color_blue; }
	}
	&.footer-subscribe_black {
		background: $color_gray_90;
		//@include linear-gradient(145deg, lighten($color_dark, 10%) 50%, lighten($color_dark, 5%) 50%);
		background: rgb(26,26,26); /* Old browsers */
		background: -moz-linear-gradient(-45deg, rgba(26,26,26,1) 0%, rgba(13,13,13,1) 48%, rgba(26,26,26,1) 48%, rgba(13,13,13,1) 100%, rgba(25,25,25,1) 100%, rgba(13,13,13,1) 100%);
		background: -webkit-linear-gradient(-45deg, rgba(26,26,26,1) 0%,rgba(13,13,13,1) 48%, rgba(26,26,26,1) 48%, rgba(13,13,13,1) 100%, rgba(25,25,25,1) 100%, rgba(13,13,13,1) 100%);
		background: linear-gradient(135deg, rgba(26,26,26,1) 0%,rgba(13,13,13,1) 48%, rgba(26,26,26,1) 48%, rgba(13,13,13,1) 100%, rgba(25,25,25,1) 100%, rgba(13,13,13,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#0d0d0d', GradientType=1 );
		color: $color_white;
		.p-12-a {
			@media (max-width: 991px){ padding-top: 8px !important; padding-bottom: 0px !important; }
		}
		.form-control { border-color: $color_white; }
	}

	.footer-subscribe-icobox {
		position: relative;
		padding-left: 64px;
		min-height: 48px;
		font-size: 16px;
		line-height: 48px;
		.ico {
			position: absolute; top: 50%; left: 0;
			display: block; width: 48px; height: 48px;
			margin: -24px 0 0 0;
		}
	}

	.icobox {
		&.size_64 {
			padding-left: 64px;
			.ico {
				left : -16px;
			}
		}
		@media (max-width: 991px){
			margin: 0px 0px 5px;
			padding: 0px !important;
			font-weight: bold;
			.ico, svg {display: none;}
		}
	}
}

.section {position: relative;}

.pathway {
	position: relative;
	margin: 0px 0px 24px 0px;
	@media (max-width: 767px) {
		margin-bottom: 12px;
	}
	padding: 0px;
	font-size: 14px;
	list-style: none;
	white-space: nowrap;
	svg {
		position: relative;
		margin-top: -4px;
		display: inline-block;
		vertical-align: middle;
		width: 16px; height: 16px;
	}
	& > li {
		display: inline-block;
		.fa { min-width: 16px; text-align: center; }
		a {
			border: none;
			color: $color_dark;
			text-decoration: none;
			&:hover {
				color: $color_blue;
			}
		}
		&.more {
			//float: right;
			.arrow {
				//position: absolute; top: 0; right: 0;
				margin-left: 8px;
				font-size: 18px;
				line-height: 18px;
				&:hover {
					color: $color_blue;
					cursor: pointer;
				}
			}
			.drop {
				display: none;
				margin: 0;
				padding: 0;
				list-style: none;
			}
		}

		&.pathway-adder {
			display: block;
			font-size: 12px;
			color: $color_gray_50;
			a {
				border: none;
				color: inherit;
				&:hover { color: $color_blue; }
			}
		}

		/*&:last-child, &.last, &:nth-last-child(2) {
			.fa-angle-right { display: none; }
		}*/
	}

	&.pathway-sm {
		margin: -16px 0px 8px 0px;
		@media (max-width: 767px) {
			margin-top: -4px;
		}
	}

	&.lined {
		border-bottom: 1px solid $color_gray_10;
		padding-bottom: 12px;
		@media (min-width: 768px) {
			padding-bottom: 24px;
		}
	}

	&.open {
		.fa-angle-right {
			display: inline-block !important;
			color: $color_blue;
		}
		& > li {
			display: block;
			& + li { padding-top: 4px; }
			a {
				svg { display: none; }
			}
			&.more {
				.arrow {
					position: absolute; top: 0; right: 0;
					@include transform(rotate(180deg));
				}
				.drop {
					display: block;
				}
			}
		}
	}
}

.breadcrumb {
	background: none;
	border: none;
	position: relative;
	margin: 0px -6px 24px -6px; padding: 0px; list-style: none;
	li {
		position: relative;
		display: inline-block;
		vertical-align: top;
		& + li {
			padding-left: 20px;
			&:before {
				content: '';
				background: url(../images/icons/breadcrumb-separator.png) no-repeat 0 0;
				position: absolute; top: 10px; left: 2px;
				display: block; width: 12px; height: 18px;
			}
		}
		& > a, & > span {
			border: none;
			display: block;
			padding: 4px 6px 8px;
			font-size: 12px;
			line-height: normal;
			color: $color_gray_50;
			.name {
				display: block;
				font-size: 20px;
				.black { color: $color_gray_80 !important; }
			}
			.description {
				display: block;
				padding-top: 2px;
				text-decoration: underline;
				&.form-iconbox {
					max-width: 200px;
					input {
						background: $color_water;
						border: 1px solid $color_gray_20;
						@include box-shadow(none);
					}
				}
			}
		}
		a:hover { background: $color_gray_05; }
	}

	.breadcrumb__search {
		padding: 4px 6px;
		line-height: normal;
		.title {
			font-size: 20px;
		}
		.input-group {
			position: relative;
			max-width: 220px;
			.field {
				position: relative;
				input {
					float: none !important;
					padding-right: 24px;
					@include border-radius(3px 0px 0px 3px !important);
				}
				.closer {
					display: none;
					top: 50%;
					margin-top: -8px;
				}
				&.active {
					.closer { display: block; }
				}
			}
			.input-group-addon {
				background: $color_blue;
				border-color: $color_blue;
				background: -moz-linear-gradient(top, #2E75D1 0%, #002B81 100%);
				background: -webkit-linear-gradient(top, #2E75D1 0%, #002B81 100%);
				background: linear-gradient(to bottom, #2E75D1 0%, #002B81 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E75D1', endColorstr='#002B81', GradientType=0 );
				color: $color_white;
				@include border-radius(0px 3px 3px 0px !important);
			}
		}
		/*.field {
			position: relative;
			input {
				//background: $color_water;
			}
			.closer {
				background: $color_blue;
				border: 2px solid $color_blue !important;
				position: absolute; top: 50%; left: 100%;
				width: 32px; height: 32px;
				margin: -16px 0 0 0;
				color: $color_white;
				line-height: 24px;
				text-align: center;
				display: none;
				@include border-radius(0px 2px 2px 0px);
				&:before, &:after { background: $color_white; }
			}

			&.active {
				input {
					@include border-radius(3px 0px 0px 3px);
				}
				.closer {
					display: block;
				}
			}
		}*/
	}
}

.breadcrumb-list-shorter {
	margin-top: -4px;
	@media (min-width: 768px){
		margin-top: -16px;
	}

	.breadcrumb-list {
		&.breadcrumb-list-xl {
			margin-bottom: 8px !important;
		}
	}

	//modifications
	&.hidden-xs {
		@media (max-width: 767px) {
			display: block !important;
			.breadcrumb-list {
				display: none !important;
			}
		}
	}
	&.negative-xs {
		@media (max-width: 767px) {
			margin-top: -12px;
		}
	}
}

.not-breadcrumb {
	margin: 0 0 12px 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	line-height: 16px;
	color: $blue;
	& > li {
		&:not(:first-child){
			margin-top: 4px;
			margin-left: 13px;
		}
		a, .item {
			border-bottom-color: transparent;
			position: relative;
			display: inline-block;
			padding-left: 12px;
			color: inherit;
			& > i {
				position: absolute; top: -2px; left: 0;
				display: block;
				width: 20px;
				height: 20px;
				font-size: 16px;
				line-height: 20px;
			}
			&:active {
				border-bottom-color: $blue;
			}
		}
		.color-half {
			color: #86b0d5;
		}
	}
	&.not-breadcrumb_black {
		& > li:first-child {
			color: $black;
		}
		/*
		color: $black;
		.color-half {
			color: $color_gray_40;
		}*/
	}
}

.breadcrumb-list {
	position: relative;
	margin: 0; padding: 0; list-style: none;
	line-height: 1;
	color: $color_dark;
	a, .type-link {
		display: inline-block;
		vertical-align: top;
		border: none;
		color: inherit;
		text-decoration: none;
		&:hover {
			color: $color_blue;
		}
	}
	.fa-angle-right {
		display: inline-block;
		vert-align: top;
	}
	& > li {
		display: inline-block;
		vertical-align: top;
		.name {}
		.description {}
	}

	.input-group {
		position: relative;
		max-width: 220px;
		margin-top: 4px;
		.field {
			position: relative;
			display: block;
			input {
				float: none !important;
				padding-right: 24px;
				@include border-radius(3px 0px 0px 3px !important);
			}
			.closer {
				display: none;
				top: 50%;
				margin-top: -8px;
			}
			&.active {
				.closer { display: block; }
			}
		}
		.input-group-addon {
			background: $color_blue;
			border-color: $color_blue;
			background: -moz-linear-gradient(top, #2E75D1 0%, #002B81 100%);
			background: -webkit-linear-gradient(top, #2E75D1 0%, #002B81 100%);
			background: linear-gradient(to bottom, #2E75D1 0%, #002B81 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E75D1', endColorstr='#002B81', GradientType=0 );
			color: $color_white;
			@include border-radius(0px 3px 3px 0px !important);
		}
	}

	/*&.breadcrumb-list-xl {
		margin-bottom: 24px;
		@media ( max-width: 767px ){
			border-bottom: 1px solid $color_gray_05;
			padding-bottom: 12px;
			margin-bottom: 12px;
		}
		font-size: 14px;
		& > li {
			a {}
			.name {
				.red, .gray { color: inherit !important; }
			}
			.description {
				display: none;
			}
			.fa-angle-right {
				display: inline-block;
				margin: 0 8px;
			}

			&.breadcrumb-item {
				&.last {
					.fa-angle-right { display: none; }
				}
			}
		}
		.breadcrumb-item-xl {
			.ico-txt {
				display: inline-block;
				.ico {
					display: block;
					width: 16px; height: 16px;
				}
				.txt {
					display: none;
				}
			}
		}
		.breadcrumb-item-lg {
			display: none !important;
		}
	}*/

	&.breadcrumb-list-xl {
		margin-bottom: 24px;
		@media ( max-width: 991px ){
			//border-bottom: 1px solid $color_gray_05;
			//padding-bottom: 12px;
			margin-bottom: 12px;
		}
		font-size: 14px;
		line-height: 20px;
		white-space: nowrap;
		& > li {
			a, .type-link {}
			.name {
				display: inline-block;
				vertical-align: top;
				.red, .gray { color: inherit !important; }
			}
			.description {
				display: none;
			}
			.fa-angle-right {
				display: inline-block;
				margin: 0 8px;
			}

			&.breadcrumb-item {
				&.last {
					.fa-angle-right { display: none; }
				}
			}

			&.more {
				.arrow {
					position: relative;
					overflow: hidden;
					display: inline-block;
					vertical-align: top;
					height: 20px;
					//top: -8px;
					margin-left: 20px;
					.fa {
						position: relative;
						overflow: hidden;
						height: 20px;
						font-size: 20px;
						line-height: 20px;
					}
				}
				.drop {
					display: none;
					margin: 0; padding: 0; list-style: none;
				}
			}
		}
		.breadcrumb-item-xl {
			.ico-txt {
				display: inline-block;
				vertical-align: top;
				.ico {
					position: relative;
					overflow: hidden;
					display: block;
					width: 20px; height: 20px;
				}
				.txt {
					display: none;
				}
			}
		}
		.breadcrumb-item-lg {
			display: none !important;
		}

		&.open {
			position: relative;
			li + li {
				margin-top: 12px;
			}
			& > li {
				display: block !important;
				a, .type-link {
					max-width: 90%;
					.name {
						position: relative;
						overflow: hidden;
						width: 100%;
						text-overflow: ellipsis;
					}
				}
				.icobox {
					.ico { display: none; }
					padding-left: 0;
				}
				.fa-angle-right { display: inline-block !important; }
				&.more {
					.arrow {
						position: absolute; top: 0; right: 0;
						@include transform(rotate(180deg));
					}
					.drop {
						display: block;
					}
				}
			}
			.breadcrumb-item-xl {
				.ico-txt {
					display: inline-block;
					.ico {
						display: none;
					}
					.txt {
						display: block;
					}
				}
			}
		}
	}

	&.breadcrumb-list-lg {
		margin-left: -4px;
		margin-right: -4px;
		margin-bottom: 16px;
		font-size: 20px;
		& > li {
			margin-bottom: 8px;
			a {
				display: block;
				padding: 0 4px 4px;
				&:hover {
					background: $color_gray_05;
					color: $color_dark;
				}
			}
			.type-link {
				display: block;
				padding: 0 4px 4px;
			}
			.name {
				.gray {
					color: $color_gray_40 !important;
				}
			}
			.description {
				display: block;
				padding-top: 2px;
				font-size: 12px;
				color: $color_gray_40;
				text-decoration: underline;
				&.form-iconbox {
					max-width: 200px;
					input {
						background: $color_water;
						border: 1px solid $color_gray_20;
						@include box-shadow(none);
					}
				}
			}
			.fa-angle-right { display: none; }

			&.breadcrumb-item {
				position: relative;
				& + .breadcrumb-item {
					padding-left: 24px;
					&:before {
						content: '';
						background: url(../images/icons/breadcrumb-separator.png) no-repeat 0 0;
						position: absolute; top: 6px; left: 2px;
						display: block; width: 12px; height: 18px;
					}
				}
			}
			&.breadcrumb-item-lg {
				position: relative;
				padding-left: 24px;
				&:before {
					content: '';
					background: url(../images/icons/breadcrumb-separator.png) no-repeat 0 0;
					position: absolute; top: 6px; left: 2px;
					display: block; width: 12px; height: 18px;
				}
			}
		}
		.breadcrumb-item-xl {
			display: none !important;
		}
		.breadcrumb-item-lg {}
	}

	&.breadcrumb-list-responsive {
		@media (max-width: 991px){
			//border-bottom: 1px solid $color_gray_05;
			//padding-bottom: 12px;
			margin-bottom: 12px;
			font-size: 14px;
			line-height: 20px;
			white-space: nowrap;
			& > li {
				//line-height: 16px;
				a, .type-link {}
				.name {
					display: inline-block;
					vertical-align: top;
					.red, .gray { color: inherit !important; }
				}
				.description {
					display: none;
				}
				.fa-angle-right {
					display: inline-block;
					margin: 0 8px;
				}

				&.breadcrumb-item {
					&.last {
						.fa-angle-right { display: none; }
					}
				}

				&.more {
					.arrow {
						position: relative;
						overflow: hidden;
						display: inline-block;
						vertical-align: top;
						height: 20px;
						//top: -8px;
						margin-left: 20px;
						.fa {
							position: relative;
							overflow: hidden;
							height: 20px;
							font-size: 20px;
							line-height: 20px;
						}
					}
					.drop {
						display: none;
						margin: 0; padding: 0; list-style: none;
					}
				}
			}
			.breadcrumb-item-xl {
				.ico-txt {
					display: inline-block;
					vertical-align: top;
					.ico {
						position: relative;
						overflow: hidden;
						display: block;
						width: 20px; height: 20px;
					}
					.txt {
						display: none;
					}
				}
			}
			.breadcrumb-item-lg {
				display: none !important;
			}

			&.open {
				position: relative;
				li + li {
					margin-top: 12px;
				}
				& > li {
					display: block !important;
					a, .type-link {
						max-width: 90%;
						.name {
							position: relative;
							overflow: hidden;
							width: 100%;
							text-overflow: ellipsis;
						}
					}
					.icobox {
						.ico { display: none; }
						padding-left: 0;
					}
					.fa-angle-right { display: inline-block !important; }
					&.more {
						.arrow {
							position: absolute; top: 0; right: 0;
							@include transform(rotate(180deg));
						}
						.drop {
							display: block;
						}
					}
				}
				.breadcrumb-item-xl {
					.ico-txt {
						display: inline-block;
						.ico {
							display: none;
						}
						.txt {
							display: block;
						}
					}
				}
			}
		}
		@media (min-width: 992px){
			margin-left: -4px;
			margin-right: -4px;
			margin-bottom: 16px;
			font-size: 20px;
			& > li {
				margin-bottom: 8px;
				a {
					display: block;
					padding: 0 4px 4px;
					&:hover {
						background: $color_gray_05;
						color: $color_dark;
					}
				}
				.type-link {
					display: block;
					padding: 0 4px 4px;
				}
				.name {
					display: inline-block;
					max-width: 400px;
					white-space: normal;
					.gray {
						color: $color_gray_40 !important;
					}
				}
				.description {
					display: block;
					padding-top: 2px;
					font-size: 12px;
					color: $color_gray_40;
					text-decoration: underline;
					&.form-iconbox {
						max-width: 200px;
						input {
							background: $color_water;
							border: 1px solid $color_gray_20;
							@include box-shadow(none);
						}
					}
				}
				.fa-angle-right { display: none; }
				&.breadcrumb-item {
					position: relative;
					& + .breadcrumb-item {
						padding-left: 24px;
						&:before {
							content: '';
							background: url(../images/icons/breadcrumb-separator.png) no-repeat 0 0;
							position: absolute; top: 6px; left: 2px;
							display: block; width: 12px; height: 18px;
						}
					}
				}
				&.breadcrumb-item-lg {
					position: relative;
					padding-left: 24px;
					&:before {
						content: '';
						background: url(../images/icons/breadcrumb-separator.png) no-repeat 0 0;
						position: absolute; top: 6px; left: 2px;
						display: block; width: 12px; height: 18px;
					}
				}
			}

			.breadcrumb-item-xl {
				display: none !important;
			}
			.breadcrumb-item-lg {}
		}
	}
}

.scroller-x {
	position: relative;
	overflow-x: auto;
}