:root {
	--color-success: #82C341;
	--color-danger: #EF4129;
	--color-warning: #FCAF17;
	--color-primary: #00ADAA;
	--color-white: #FFFFFF;
	--color-light: #e7e7e7;
	--color-dark: #2B3E3C;
}

body {
	background-color: var(--color-light) !important;
}

/** BTN */
.btn-primary {
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
}

.btn-success {
	background-color: var(--color-success) !important;
	border-color: var(--color-success) !important;
}

.btn-danger {
	background-color: var(--color-danger) !important;
	border-color: var(--color-danger) !important;
}

.btn-warning {
	background-color: var(--color-warning) !important;
	border-color: var(--color-warning) !important;
}

.btn-dark, .btn-secondary {
	background-color: var(--color-dark) !important;
	border-color: var(--color-dark) !important;
}

/**TEXT */
.text-primary {
	color: var(--color-primary) !important;
}

.text-success {
	color: var(--color-success) !important;
}

.text-danger {
	color: var(--color-danger) !important;
}

.text-warning {
	color: var(--color-warning) !important;
}

.text-dark, .text-secondary {
	color: var(--color-dark) !important;
}

.form-control-lg {
	height: calc(1.87em + 1rem + 2px);
	padding: .5rem 1rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .3rem;
	background-color: var(--color-light) !important;
	;
}

.d-logo {
	overflow: hidden;
}

.d-logo img {
	width: 100%;
}

.t9 {
	font-size: 1.57rem;
}

.t7 {
	font-size: 0.87rem;
}

.t8 {
	font-size: 0.78rem;
}

.t5 {
	font-size: 1.2rem;
}

.t-clear {
	font-weight: 100;
}

.text-default {
	color: var(--color-warning);
}

.border-search::before {
	content: "";
	border-left: 5px solid var(--color-warning);
	border-top: 5px solid var(--color-warning);
	padding-left: 1rem;
	position: relative;
}

.bg-icon {
	background-color: #bcbcbc;
	border-right: 3px solid var(--color-dark) !important;
}

.bg-icon {
	position: relative;
}

.bg-icon:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50px 56px 0;
	border-color: transparent #bcbcbc #ffffff transparent;
	line-height: 0px;
	_border-color: #bcbcbc #bcbcbc #bcbcbc #bcbcbc;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.bg-icon .nav-link {
	margin: 0 1rem;
}

@media (max-width: 575.98px) {
	body {
		padding-top: 4rem;
		background-color: var(--color-white);
	}

	.bg-icon {
		background-color: var(--color-success);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		border: 0;
		z-index: 1100;
		width: 100% !important;
	}

	.bg-icon .nav-item a.nav-link>.text-dark {
		color: var(--color-white) !important;
	}

	.bg-icon:before {
		display: none;
	}

	.nav-links {
		background-color: #e8e8e8;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
}

.nav-links .nav-link {
	font-size: 1.17rem;
	color: var(--color-dark);
	font-weight: 400;
}



/***/

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

	/* Show 3rd slide on md  if col-md-4*/
	.carousel-main .active.col-md-4.carousel-card+.carousel-card+.carousel-card+.carousel-card {
		position: absolute;
		top: 0;
		right: -33.3333%;
		/*change this with javascript in the future*/
		z-index: -1;
		display: block;
		visibility: visible;
	}

}

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

	/* Show 2 slide on md  if col-md-4*/
	.carousel-main .active.col-sm-6.carousel-card+.carousel-card+.carousel-card {
		position: absolute;
		top: 0;
		right: -50%;
		/*change this with javascript in the future*/
		z-index: -1;
		display: block;
		visibility: visible;
	}

}

@media (min-width: 576px) {
	.carousel-card {
		margin-right: 0;
	}

	/* show 2 items */
	.carousel-main .active+.carousel-card {
		display: block;
	}

	.carousel-main .carousel-card.active:not(.carousel-item-right):not(.carousel-item-left),
	.carousel-main .carousel-card.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-card {
		transition: none;
	}

	.carousel-main .carousel-item-next {
		position: relative;
		transform: translate3d(0, 0, 0);
	}

	/* left or forward direction */
	.active.carousel-item-left+.carousel-item-next.carousel-item-left,
	.carousel-item-next.carousel-item-left+.carousel-card,
	.carousel-item-next.carousel-item-left+.carousel-card+.carousel-card {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	/* farthest right hidden item must be abso position for animations */
	.carousel-main .carousel-item-prev.carousel-item-right {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		display: block;
		visibility: visible;
	}

	/* right or prev direction */
	.active.carousel-item-right+.carousel-item-prev.carousel-item-right,
	.carousel-item-prev.carousel-item-right+.carousel-card,
	.carousel-item-prev.carousel-item-right+.carousel-card+.carousel-card {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}

}

/*MD*/
@media (min-width: 768px) {

	/* show 3rd of 3 item slide */
	.carousel-main .active+.carousel-card+.carousel-card {
		display: block;
	}

	.carousel-main .carousel-card.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-card+.carousel-card {
		transition: none;
	}


	.carousel-main .carousel-item-next {
		position: relative;
		transform: translate3d(0, 0, 0);
	}


	/* left or forward direction */
	.carousel-next.carousel-item-left+.carousel-card+.carousel-card+.carousel-card {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	/* right or prev direction */
	.carousel-prev.carousel-item-right+.carousel-card+.carousel-card+.carousel-card {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}

}


/*LG 6th*/
@media (min-width: 991px) {

	/* show 4th item */
	.carousel-main .active+.carousel-card+.carousel-card+.carousel-card {
		display: block;
	}

	.carousel-main .carousel-card.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-card+.carousel-card+.carousel-card {
		transition: none;
	}




	/* right or prev direction //t - previous slide direction last item animation fix */
	.carousel-item-prev.carousel-item-right+.carousel-card+.carousel-card+.carousel-card+.carousel-card {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}

}

/*LG 6th*/
@media (min-width: 991px) {

	/* show 5th and 6th item */
	.carousel-main .active+.carousel-card+.carousel-card,
	.carousel-main .active+.carousel-card+.carousel-card+.carousel-card {
		display: block;
	}



	.carousel-main .carousel-card.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-card+.carousel-card,
	.carousel-main .carousel-card.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-card+.carousel-card+.carousel-card {
		transition: none;
	}



	/*show 7th slide for animation when its a 6 slides carousel */
	.carousel-main .active.carousel-card+.carousel-card+.carousel-card+.carousel-card+.carousel-card {
		position: absolute;
		top: 0;
		right: -16.666666666%;
		z-index: -1;
		display: block;
		visibility: visible;
	}

	/* forward direction > */
	.carousel-item-next.carousel-item-left+.carousel-card+.carousel-card,
	.carousel-item-next.carousel-item-left+.carousel-card+.carousel-card+.carousel-card {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	/* prev direction < last item animation fix */
	.carousel-item-prev.carousel-item-right+.carousel-card+.carousel-card+.carousel-card,
	.carousel-item-prev.carousel-item-right+.carousel-card+.carousel-card+.carousel-card+.carousel-card {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}

}

.img-height {
	height: 22.7rem;
	object-fit: contain;
	object-position: center;
}

.carousel-prev, .carousel-next {
	height: 3rem;
	width: 3rem;
	background-color: #dcdcdc;
	margin: auto;
}

.load-body {
	overflow: hidden;
}

.loading {
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1100;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.8);
}

.slider-new .carousel-indicators li {
	background-color: var(--color-danger);
	height: 1rem;
	width: 1rem;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border: 2px solid var(--color-white);
}

.input-group-btn-circle {
	display: flex;
	justify-content: center;
	align-items: center;
}

.input-group-btn-circle .input-group-append {
	position: absolute;
	right: 0;
	z-index: 1100;
}

.input-group-btn-circle button.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.5rem !important;
	width: 2.5rem !important;
	border-radius: 100% !important;
	-webkit-border-radius: 100% !important;
	-moz-border-radius: 100% !important;
	-ms-border-radius: 100% !important;
	-o-border-radius: 100% !important;
}