@font-face {font-family: 'franklin_gothic_fsbook'; src: url('../fonts/FranklinGothic-Book-webfont.eot'); src: url('../fonts/FranklinGothic-Book-webfont.eot') format('embedded-opentype'), url('../fonts/FranklinGothic-Book-webfont.woff2') format('woff2'), url('../fonts/FranklinGothic-Book-webfont.woff') format('woff'), url('../fonts/FranklinGothic-Book-webfont.ttf') format('truetype'), url('../fonts/FranklinGothic-Book-webfont.svg#franklin_gothic_fsbook') format('svg'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'franklin_gothic_fsdemi'; src: url('../fonts/FranklinGothic-Demi-webfont.eot'); src: url('../fonts/FranklinGothic-Demi-webfont.eot') format('embedded-opentype'), url('../fonts/FranklinGothic-Demi-webfont.woff2') format('woff2'), url('../fonts/FranklinGothic-Demi-webfont.woff') format('woff'), url('../fonts/FranklinGothic-Demi-webfont.ttf') format('truetype'), url('../fonts/FranklinGothic-Demi-webfont.svg#franklin_gothic_fsdemi') format('svg'); font-weight: normal;font-style: normal;}

body,html{
	min-height	:	100%;
}
body{
	font-family		: 	'Open Sans', sans-serif;
	font-size		:	.9rem;
    line-height		: 	1.5;
	color			:	#0C233E;
	font-weight		:	400;
	overflow		:	inherit!important;
	overflow-x		:	hidden!important;
}
body.ios-fix.context-open{
	position		:	fixed;
	pointer-events	:	none;
	width			:	100%;
}
body.ios-fix.context-open .dropdown.open{
	pointer-events	:	initial;
}
body.ios-fix.dialog-open{
	position		:	fixed;
	pointer-events	:	none;
	width			:	100%;
}
body.ios-fix.dialog-open .dialog-container{
	pointer-events	:	initial;
}
body.blur {
    overflow: hidden!important;
    touch-action: manipulation;
}



/* ==================================================================
GENERAL
================================================================== */
a.navbar-brand, .brand,.logo, .box-title{	
	font-family		: 	"franklin_gothic_fsdemi",sans-serif;
    font-weight		: 	normal;
	text-transform	:	none;
	font-size		: 	1.50rem;
	text-decoration	:	none;
    font-kerning	: 	normal;
    letter-spacing	: 	3px;
    text-shadow		: 	1px 1px 1px rgba(255, 255, 255, 0.05);
    text-transform	: 	uppercase;
	line-height		: 	3rem;
	color			:	inherit;
}
.brand-sm{
	font-size		: 	1.2rem!important;
	line-height		: 	2.4rem!important;
	letter-spacing	: 	1px!important;
}

.box-title{
	letter-spacing	: 	1px;
	font-size		: 	1.20rem;
}
a.navbar-brand:hover{
	color			:	inherit;
}

.text-book,.book{
	font-family		:  'franklin_gothic_fsbook', sans-serif!important;
}
.text-gothic,.gothic{
	font-family		: 	"franklin_gothic_fsdemi",sans-serif;
}
.text-merri,.merri{
	font-family		:	'Merriweather', serif;
}
.textw-light{
	font-weight	:	300;
}
.text-bold{
	font-weight	:	700;
}

.textw-semibold{
	font-weight	:	600;
}
.textw-bold{
	font-weight	:	700;
}
.text-sm{
	font-size	:	.8rem;
}
.text-xs{
	font-size	:	.7rem;
}
.text-lg{
	font-size	:	1.2rem;
}
.text-xl{
	font-size	:	1.4rem;
}
.text-line{
	text-decoration: line-through;
}


a{
	color	:	inherit;
}
a:hover{
	color	:	inherit;
}
a.txt-lnk, p > a:not(.btn){
	text-decoration	:	underline;
}

a.goto{
}
a.goto:hover{
	text-decoration	:	none;
}
a.goto > i:nth-child(1){
	margin-right	:	1em;
}
a.goto > i:nth-child(2){
	margin-left		:	1em;
}

a.clipboard{
	cursor	:	copy;
}

.linkalike, .dialog-link{
	cursor	:	pointer;
}
.hovereffect{
	position		:	relative;
}
.hovereffect::after{
	content		:	'';
	position	:	absolute;
	width		:	102%;
	height		:	100%;
	border-radius	:	10px;
	background	:	rgba(0,0,0,0);
	transform	:	scale(0.9);
	-webkit-transition: all 300ms; 
    transition: all 300ms;
	top		:	0;
	left	:	-1%;
	 pointer-events:none;
}
.hovereffect:hover::after, .hovereffect.active::after{
	background	:	rgba(0,0,0,0.03);
	transform	:	scale(1);
}
.hovereffect:active::after{
	background	:	rgba(0,0,0,0.03);
	width		:	100%;
	left		:	0%;
}

@media (min-width: 576px){
	.text-sm-lg{
		font-size	:	1.2rem;
	}
	.text-sm-sm{
		font-size	:	.9rem;
	}
	.text-sm-xs{
		font-size	:	.7rem;
	}
}
@media (min-width: 768px){
	.text-md-lg{
		font-size	:	1.2rem;
	}
	.text-md-sm{
		font-size	:	.9rem;
	}
	.text-md-xs{
		font-size	:	.7rem;
	}
}
@media (min-width: 992px){
	.text-lg-lg{
	font-size	:	1.2rem;
	}
	.text-lg-sm{
		font-size	:	.9rem;
	}
	.text-lg-xs{
		font-size	:	.7rem;
	}	
	.border-lg-top-0{
		border-top	:	0px!important;
	}
	
}
@media (min-width: 1200px){
	.text-xl-lg{
	font-size	:	1.2rem;
	}
	.text-xl-sm{
		font-size	:	.9rem;
	}
	.text-xl-xs{
		font-size	:	.7rem;
	}
}

/* ==================================================================
HEADER STYLES
================================================================== */
h1,.h1{
	font-size	:	32px;
	line-height	:	42px;
	font-weight	:	300;
	font-family	:	'Merriweather', serif;
}
h2, .h2{
	font-size	:	24px;
	line-height	:	34px;
	font-weight	:	300;
	font-family	:	'Merriweather', serif;
}
h3, .h3{
	font-size	:	20px;
	line-height	:	30px;
	font-weight	:	300;
	font-family	:	'Merriweather', serif;
}
h5, .h5{
	font-size	:	16px;
	line-height	:	26px;
	font-weight	:	300;
	font-family	:	'Merriweather', serif;
}
/* ==================================================================
FOOTER STYLES
================================================================== */
body > footer{
	border-top	: 5px solid #F5F5F5;
}
body > footer{
	font-size	:	.9rem;
	color	:	#707070;
}
body > footer a{
	color	:	#707070;
}

/* ==================================================================
SIMPLE ARTICLES LAYOUT
================================================================== */
.article-content h2{
	font-size	:	20px;
	line-height	:	30px;
	font-weight	:	300;
	font-family	:	'Merriweather', serif;
	margin-bottom : 1.5em;
}
.article-content p ~ h2{
	margin-top	:	1.5em;
}
.article-content h3{
	font-size	:	16px;
	line-height	:	26px;
	font-weight	:	300;
	font-family	:	'Merriweather', serif;
	margin-bottom : 1.0em;
}
.article-content p ~  h3{
	margin-top	:	1.0em;
}
.article-content p, .article-content ul{
	font-weight	:	300;
}

.article-content h4{
	
}
.article-content h5{
	
}
/* ==================================================================
THEME BOOTSTRAP
================================================================== */
.bg-primary{
	background-color	:	#0C233E!important;
}
.text-primary{
	color				:	#0C233E!important;
}
.text-highlight{
	color				:	#FE6F5F!important;
}
.bg-info{
	background-color	:	#EBF5FC!important;
}
.bg-secondary{
	background-color	:	#6c757d!important;
}
.bg-success{
	background-color	:	#4DE183!important;
}
.bg-lijstjestijd{
	background			:	#bde5db!important;
}

.text-secondary{
	color				:	#6c757d!important;
	//color				:	#AEDDCB!important;
}
.bg-danger{
	background-color	:	#F5456A!important;
}
.text-danger{
	color				:	#F5456A!important;
}
.text-success{
	color				:	#4DE183!important;
}
.text-active{
	color				:	#FE6F5F;
}


.border-bottom{
	border-color	:	#edf5f6!important;	
}

.badge{
	padding-left	:	1rem;
	padding-right	:	1rem;
	border-radius	:	1rem;
}
.badge-primary{
	background-color	:	 #0C233E!important;
}
.badge-success{
	background-color	:	#4DE183!important;
}
.badge-danger{
	background-color	:	#F5456A!important;
}
.form-group:not(.mb-0){
    margin-bottom: 1.5rem!important;
}
.form-group > label{
	margin-bottom	:	.25rem!important;
}
input.hidden{
	opacity		:	0;
	position	:	absolute;
	width		:	0px;
	height		:	0px;
	overflow	:	hidden;
}
.form-control{
	color				:	#0C233E;
	background-color	:	#F8F9FA;
	border-radius		:	0px;
	border				:	none;
	height				:	calc(1.5em + .75rem + 2px);
	padding				:	.375rem .75rem;
}
.form-control:focus {
    color				:	#0C233E;
    outline				: 0;
	background			:	#F8F9FA;
    box-shadow			:  0 0 0 0.2rem rgba(235,248,254,1);
	/*box-shadow			:  0 0 0 0.2rem rgba(174,221,203,0.5);
	//box-shadow			:  0 0 0 0.2rem rgba(95,183,199,1);
	//box-shadow			:  0 0 0 0.2rem rgba(50,133,230,0.2);*/
}
.btn-group > .btn{
	border-radius	:	0px;
}
.btn-group .btn-light:not(:disabled):not(.disabled):active,
	.btn-group .btn-light:not(:disabled):not(.disabled).active{
	background-color	: #4DD67F;
    border-color		: #4DD67F;
	color				: #FFF;
}
.btn-group .btn-light:not(:disabled):not(.disabled).active:focus,
	.btn-group .btn-light:not(:disabled):not(.disabled).active.focus{
	box-shadow			:  0 0 0 0.2rem rgba(77,225,131,0.25)!important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color		: rgba(12,35,62,0.2);
    opacity		: 0.5; 
	font-weight	:	300;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color		: rgba(12,35,62,0.2);
	opacity		: 0.5; /* Firefox */
	font-weight	:	300;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color		: rgba(12,35,62,0.2);
  opacity: 0.5; /* Firefox */
  font-weight	:	300;
}

.wizard .form-group label:not(.custom-control-label){
	font-weight		:	300;
	font-size		:	0.8rem;
	margin-bottom	:	.25rem!important;
}
.wizard button.btn.input-group-append{
	font-size		:	0.9rem;
}
.wizard .form-group .form-control{
	font-weight	:	300;
	font-size	:	0.9rem;
}

.form-group label > a, small.form-text > a{
	text-decoration	:	underline;
}



/* ==TAGGER CONTAINER== */
.form-control.input-tag-container{
	color				:	#0C233E;
	background-color	:	#F8F9FA;
	border-radius		:	0px;
	border				:	none;
	height				:	auto;
	padding				:	.375rem .75rem;
}
.form-control.input-tag-container > input[type="text"] {
    border				: 	0 none;
    display				: 	inline-block;
    float				: 	left;
    width				:   125px!important;
	height				: 	2rem;
	line-height			:	2rem;
	background			:	transparent;
}
.form-control.input-tag-container > input[type="text"].error{
	color	:	#c0392b;
}
.form-control.input-tag-container > a{
	border		:	none;
	background	:	#0C233E;
	color		:	#FFF;
	font-size	:	0.8rem;
	padding			:	0.125rem 1rem;
	border-radius	:  0.5rem; 
	text-decoration	:	none;
	position	:	relative;
	margin		:	0.3rem 0.5rem 0.3rem 0;
}

.form-control.input-tag-container > a:hover{
	color		:	#FFF;
}

.input-tag-container > a > i {
    color		: #FFFFFF;
	opacity		: 1;
	position	: relative!important;
	top			:	0.250em!important;
	margin-left	:	0.375em;
    
}

.input-tag-container .closeit{
	right	:	0px!important;
}
.input-tag-container .closeit::before, .input-tag-container .closeit::after{
	background-color: #FFF;
	height		:	12px;
	width		:	2px;
	left		:	5px;
}
.badge .closeit{
	opacity		:	1;
	top			:	2px;
	left		:	0.5em;		
	position	:	relative;
	display		:	inline-block;	
}
.badge .closeit::before, .badge .closeit::after{
	display	:	inline-block;
	background-color: #FFF;
}
/** CHECKBOX **/



.custom-control-input:checked ~.custom-control-label::before {
    color			: #fff;
    border-color	: #4DE183;
    background-color: #4DE183;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: rgba(77,225,131,0.5);
    border-color:  rgba(77,225,131,0.5);
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color:  rgba(77,225,131,0.5);
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem  rgba(77,225,131,0.25);
}

.custom-control-sm.custom-switch > label{
	padding-top	:	0.135rem;
	white-space	:	nowrap;
	text-align	:	left;
	line-height	:	1.15rem;
}
.custom-switch.custom-control-sm .custom-control-label::before{
    left: -2rem;
}
.custom-switch.custom-control-sm .custom-control-label::after{
	left: calc(-2rem + 2px);
}
.custom-control-sm.custom-switch > input:not(:checked) + label > span:nth-child(2),
	.custom-control-sm.custom-switch > input:checked + label > span:nth-child(1){
	display	:	none;
}
.dialog  .custom-control.custom-switch > label{
	padding-top	:	0.135rem;
	white-space	:	nowrap;
	text-align	:	left;
	line-height	:	1.15rem;
}

/** DROPDOWN **/
.nocaret .dropdown-toggle::after {
    display	:	none;
}
.dropdown-item{
	color			:	#0C233E;
}
.dropdown-item:focus, .dropdown-item:hover {
    color				: #16181b;
    background-color	: #F8F9FA;
}
.dropdown-item.active, .dropdown-item:active {
    color				: #fff;
    background-color	: #0C233E;
}



.rounded-lg {
    border-radius: .5rem!important;
}

.btn{
	padding		:	.375rem 1.5rem;
}
.btn.input-group-append{
	border-top-left-radius	:	0;
	border-bottom-left-radius	:	0;
}
.btn-primary{
	background-color	: #0C233E;
    border-color		: #0C233E;
}
.btn-primary:hover {
    background-color: #133660;
    border-color	: #133660;
}
.btn-primary:not(:disabled):not(.disabled):active{
	background-color	: #3D3D3D;
    border-color		: #3D3D3D;
}
.btn-primary.focus, .btn-primary:focus{
	background-color	: #3D3D3D;
    border-color		: #3D3D3D;
}
.btn-primary:not(:disabled):not(.disabled):active:focus{
	box-shadow			:  0 0 0 0.2rem rgba(235,248,254,0.9);
}

.btn-danger{
	background-color	:	#F5456A;
	border-color		: 	#F5456A;
}
.btn-danger:hover {
    background-color	: #E62D54;
    border-color		: #E62D54;
}
.btn-danger:not(:disabled):not(.disabled):active{
	background-color	: #E62D54;
    border-color		: #E62D54;
}
.btn-danger.focus, .btn-danger:focus{
	background-color	: #E62D54;
    border-color		: #E62D54;
}
.btn-danger:not(:disabled):not(.disabled):active:focus{
	box-shadow			:  0 0 0 0.2rem rgba(245,69,106,0.4);
}


.btn-success{
	background-color	:	#4DE183;
	border-color		: 	#4DE183;
}
.btn-success:hover {
    background-color: #4DD67F!important;
    border-color: #4DD67F!important;
}
.btn-success:not(:disabled):not(.disabled):active,
	.btn-success:not(:disabled):not(.disabled).active{
	background-color	: #4DD67F;
    border-color		: #4DD67F;
}

.btn-success.focus, .btn-success:focus{
	background-color	: #4DD67F;
    border-color		: #4DD67F;
}
.btn-success:not(:disabled):not(.disabled):active:focus{
	box-shadow			:  0 0 0 0.2rem rgba(77,225,131,0.25);
}


.btn-secondary{
	background-color	:	transparent;
	border-color		: 	transparent;
	color				:	#E62D54;
}
.btn-secondary:hover {
    background-color: transparent;
    border-color	: transparent;
	color				:	#E62D54;
}
.btn-secondary:not(:disabled):not(.disabled):active{
	background-color	: transparent;
    border-color		: transparent;
	color				:	#000;
}
.btn-secondary.focus, .btn-secondary:focus{
	background-color	: transparent;
    border-color		: transparent;
	    box-shadow:  none;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus{
	box-shadow			:  none;
}


.btn-third{
	background-color	:	#FE6F5F;
	border-color		: 	#FE6F5F;
	color				:	#FFFFFF;
}
.btn-third:hover {
    background-color: #FF5B48;
    border-color	: #FF5B48;
	color				:	#FFFFFF;
}
.btn-third:not(:disabled):not(.disabled):active{
	background-color	: #FF5B48;
    border-color		: #FF5B48;
	color				:	#000;
}
.btn-third.focus, .btn-third:focus{
	background-color	: #FF5B48;
    border-color		: #FF5B48;
	    box-shadow:  none;
}
.btn-third:not(:disabled):not(.disabled):active:focus{
	box-shadow			:  none;
}


.btn-facebook{
	background	:	rgba(59, 89, 152, 0.9);
	color		:	#FFFFFF;
	border		:	0px;
}
.btn-facebook:hover,
	.btn-facebook.active, .btn-facebook:active,
		.btn-facebook.focus, .btn-facebook:focus{
	background		:	#3B5998!important;
	border-color	:	#3B5998!important;
}

a.btn-instagram,a.btn-instagram:active,a.btn-instagram:focus{
	border	:	0px;
	background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}
a.btn-square.btn-instagram, a.btn-square.btn-facebook,a.btn-square.btn-pinterest{
	width		:	auto;
	display		:	inline-block;
	padding		: 	0.4em 0.5em;
	vertical-align	:bottom;
	
	color		:	#FFF;
}

.btn-pinterest{
	background	:	rgba(220, 53, 69, 0.9);
	color		:	#FFFFFF;
	border		:	0px;
}
.btn-pinterest:hover,
	.btn-pinterest.active, .btn-pinterest:active,
		.btn-pinterest.focus, .btn-pinterest:focus{
	background		:	#dc3545!important;
	border-color	:	#dc3545!important;
}



.alert-danger{
	background-color	:	#F5456A;
	border-color		:	#F5456A!important;
	color				:	#FFFFFF;
	border-radius	:	0;
	font-size	:	.9rem;
}
.alert-success{
	background-color: #4DD67F!important;
    border-color: #4DD67F!important;
	color				:	#FFFFFF;
	border-radius	:	0;
	font-size	:	.9rem;
}

.dialog form > .alert-danger{
	border		:	0px;
	border-top	:	2px solid #F5456A;
	background	:	rgba(255,255,255,0.8);
	color		:	#F5456A;
	position	:	absolute;
	left		:	0;
	width		:	100%;
	top			:	0;
	box-shadow	: 	0 .125rem .25rem rgba(0,0,0,.075)!important;
	z-index		:	10;
}


/** BOOTSTRAP FORM ERRORS **/
.custom-checkbox.err-required{
	position	:	relative;
}
.custom-checkbox.err-required > label::before{
	box-shadow: 0 0 5px rgba(196, 75, 75, 1);
   // border: 1px solid rgba(196, 75, 75, 1);	
}
.custom-checkbox.err-required > label{
	color	:	rgba(196, 75, 75, 1);
}
.err-required > input[type=text], .err-required > select,.err-required > textarea{
	box-shadow: 0 0 5px rgba(196, 75, 75, 1);
    border: 1px solid rgba(196, 75, 75, 0.2);	
}

.valid > input[type=text],.valid > select,.valid > textarea{
	box-shadow	: 0 0 5px rgba(57, 181, 74, 1);
    border		: 1px solid rgba(57, 181, 74, 0.2);	
}

.select-product.err-required label{
	box-shadow: 0 0 5px rgba(196, 75, 75, 1);
    border: 1px solid rgba(196, 75, 75, 1);	
}

/* ==================================================================
WIZARD ARTICLE / WIZARD LISTITEM
================================================================== */
label[for=dropped]{
	cursor		:	pointer;
	min-height	:	25vh;
}
label[for=dropped] .loader {
    width: 100%;
    height: 50px;
    text-align: center;
    display: none;
}
label[for=dropped] .loader > *{
	background-color: #000;
}
label[for=dropped].loading .loader{
	display	:	block;
}
label[for=dropped].loading .fa{
	display	:	none;
}

.wizard .carousel:not(.carousel-multi) .carousel-item.active{
	display	:	flex!important;
}

.wizard .carousel-control-next, 
	.wizard  .carousel-control-prev{
	z-index		:	50;
	color		:	#000;
}
.wizard .carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.wizard .carousel-control-prev-icon {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
	
}
.img-container{
	position	:	absolute;
	width		:	100%;
	height		:	100%;
	left		:	0;
	top			:	0;
	background	:	#FFF;
}
.img-container:empty,.img-container.empty{
	pointer-events	:	none;
	background		: transparent;
}
.img-container  a.remove {
   /* position	: absolute;
    left		: 50%;
    top			: 50%;
    transform	: translate(-50%,-50%);
    z-index		: 100;
    opacity		: 0;
    font-size	:	1.5em;
	line-height	:	1.5em;
    text-align	: center;*/
	opacity		: 0;
}
.img-container  .slide{
	background-repeat 	: no-repeat;
	background-size		:	contain;
	background-position	:	center center;
}
.img-container   .slide:hover a.remove{
	opacity	:	1;
} 

/** SETTINGS **/
label[for='avatar-file'],label[for='attachments']{
	cursor	:	pointer;
	opacity	:	0.9;
	border	:	2px dashed #CCCCCC;
}
label[for='avatar-file']:hover,label[for='attachments']:hover{
	opacity	:	1;
}
.btn-theme{
	width				:	60px;
	height				:	60px;
	background-color	:	transparent;
	border				:	5px solid #FFFFFF;
	flex				:	initial!important;
}
.btn-theme.active{
	border		:	5px solid #4DD67F;
}
.btn-theme.active.focus,
	.btn-theme.active:focus{
	box-shadow	:	none;
}

.chosen-container-multi .chosen-choices .search-choice{
	//background-color	:	#F8F9FA;
}


/* ==================================================================
LAYOUT GENERAL
================================================================== */
.bg-gradient{
	  background : -moz-linear-gradient(0.04% 100.1% 0deg,rgba(235, 248, 254, 1) 0%,rgba(235, 254, 243, 1) 100%);
	  background : -webkit-linear-gradient(0deg, rgba(235, 248, 254, 1) 0%, rgba(235, 254, 243, 1) 100%);
	  background : -webkit-gradient(linear,0.04% 100.1% ,0.09% 100.1% ,color-stop(0,rgba(235, 248, 254, 1) ),color-stop(1,rgba(235, 254, 243, 1) ));
	  background : -o-linear-gradient(0deg, rgba(235, 248, 254, 1) 0%, rgba(235, 254, 243, 1) 100%);
	  background : -ms-linear-gradient(0deg, rgba(235, 248, 254, 1) 0%, rgba(235, 254, 243, 1) 100%);
	  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBF8FE', endColorstr='#EBFEF3' ,GradientType=0)";
	  background : linear-gradient(90deg, rgba(235, 248, 254, 1) 0%, rgba(235, 254, 243, 1) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBF8FE',endColorstr='#EBFEF3' , GradientType=1);
}
*[class*='waves']{
	width			:	100%;
	position		:	relative;
	/*overflow-x		:	hidden!important;
	overflow-y		:	visible!important;*/
}
*[class*='waves'] > .svg{
	position		:	absolute;
	width			:	100%;
	overflow		:	hidden;
	left			:	0;
	z-index			:	0;
	pointer-events	:	none;
}
*[class*='waves'] > .svg > svg{
	min-width	:	1200px;
	width		:	100%!important;
}
*[class*='waves'] > svg{
	position	:	absolute;
	width		:	100%;
	left		:	0;
	z-index		:	0;
	overflow	:	hidden;
	min-width	:	1200px;
	border		:	1px solid green;
	
}
.waves > svg, .waves > .svg{
	bottom		:	0;
	
}
.waves-bottom-10 > svg,.waves-bottom-10 > .svg{
	bottom			:	-10%;
}
.waves-30 > svg,.waves-30 > .svg{
	top			:	30%;
}

.waves-50 > svg,.waves-50 > .svg{
	top			:	50%;
}
.waves-top-10 > svg,.waves-top-10 > .svg{
	top			:	10%;
}
.waves-top-10 > svg,.waves-top-20 > .svg{
	top			:	20%;
}
.waves-top > svg, .waves-top > .svg{
	top		:	0px;
}
.waves-10 > svg, .waves-top--10 > .svg{
	top			:	-10%;
}
.waves-10 > svg, .waves-10 > .svg{
	top			:	-20%;
}
*[class*='waves'] > *:not(svg):not(.svg){
	position	:	relative;
	z-index		:	10;
}
@media (min-width: 768px){
	.waves_30 > .svg{
		top			:	-50%;
		
	}
}



/* ==================================================================
INFOBAR
================================================================== */

@media (min-width: 768px){
	input[name="toggleusernavbar"] + .infobar{
		padding-left	:	300px;
	}
input[name="toggleusernavbar"]:checked + .infobar{
		padding-left	:	25px;
	}
}

.infobar{
	width	:	100%;
	/*position	:	absolute;
	left		:	0;
	top			:	0;*/
	z-index		:	300;
}
.infobar .closeit{
	right		:	1em;
}

/* ==================================================================
PROFILE
================================================================== */

#profile .navbar .nav-link, .ltd-widget .navbar .nav-link{
	font-size	:	1.0rem;
	font-weight	:	600;
	color		:	#424446;
}
#profile .navbar .nav-link.active,.ltd-widget .navbar .nav-link.active{
	color		:	#FE6F5F;
}

/* ==================================================================
WEBSHOP & PANEL
================================================================== */
.panel{
	border-radius	:	10px;
	background		:	#FFF;
	position		: 	relative;
}
.panel.highlight{
	border		:	2px solid #85E4C0;
}
.panel > .panel-link{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 100;
}
.panel > .panel-link:not(.rounded-0){
    border-radius: 10px!important;
}
.panel > .panel-link:hover {
    box-shadow: 0 .125rem .50rem rgba(0,0,0,.125)!important;
    -webkit-box-shadow: 0 .125rem .50rem rgba(0,0,0,.125)!important;
}
.panel > .panel-link:active {
    box-shadow: 0 .050rem .25rem rgba(0,0,0,.125)!important;
    -webkit-box-shadow: 0 .050rem .25rem rgba(0,0,0,.125)!important;
}
.panel .dropdown{
	z-index	:	200;
}
.panel .dropdown.show{
	z-index	:	220;
}
.panel .clickable{
	z-index	:	200;
}
.panel .clickable:hover{
	text-decoration	:	none;
}
.panel.selectable > input[type='checkbox'],
	.panel.selectable > input[type='radio']{
	opacity	:	0;
	position	:	absolute;
}
.panel.selectable > input[type='checkbox']:checked + label,
	.panel.selectable > input[type='radio']:checked + label{
	border		:	2px solid #85E4C0;
}
/* ==================================================================
LOGIN BLOCK ASIDE
================================================================== */
input[name="toggleloginbar"],input[name="toggleusernavbar"],input[name="togglesidenav"],input[name="togglesubnav"]{
	opacity		:	0;
	position	:	absolute;
	left		:	0;
}
body > .sidebar{
	position	:	fixed;
	height		:	100%;
	top			:	0;
	right		:	0;
	transform	:	translateX(100%);
	z-index		:	500;
	background	:	#bde5db;
}
body.ready > .sidebar{
	transition	: 	transform 300ms ease-out;
}
body > .sidebar ~ *:not(.bg-blur):not(.dialog-container):not(.ui-datepicker):not(.bootbox):not(.modal-backdrop):not(.modal) {
	z-index		: 40;
	transition	: transform 300ms ease-out;
	/*transform	: translateX(0);*/
}
body > .sidebar ~ .bg-blur, input[name="toggleusernavbar"]  ~ .bg-blur {
	z-index		:	300;
	content		:	'';
	position	:	fixed;
	left		:	0;
	top			:	0;
	height		:	100%;
	width		:	100%;
	background	:	#FFFFFF;
	opacity		:	0;
	pointer-events	:	none;
	transition		: opacity 300ms ease-out 250ms;
}
body > .sidebar > .ltd-box{
	opacity		:	0;
	transform	:	translateX(0);
	transition	:   transform 200ms ease-out 0ms;
}
input[name="toggleloginbar"]:checked  + .sidebar ~ *{
	transition	: transform 300ms ease-out 0ms;
	
}
input[name="toggleloginbar"]:checked + .sidebar ~ .bg-blur, input[name="toggleusernavbar"]:checked  ~ .bg-blur {
	opacity		:	0.9;
}
input[name="toggleloginbar"]:checked ~ .sidebar{
	transform	:	translateX(0);
}
input[name="toggleloginbar"]:checked ~ .sidebar > .ltd-box{
	opacity		:	1;
	transform	:	translateX(-10%);
	transition	:   transform 200ms ease-out 250ms;
} 
input[name="toggleloginbar"]:checked + .sidebar ~ *{
	transform	:	translateX(-25%);
}
.sidebar .closeit{
	position	: absolute;
  	right		: 1em;
  	top			: 1em;
	z-index		: 100;
}
/* ==================================================================
MAIN NAV ASIDE
================================================================== */
#usernavbar{
	width		:	98%;
	max-width	:	100%;
	height		:	100%;
	left		:	2%;
	top			:	0;
	transform	:	translateX(100%);
	
	position	:	fixed;
	z-index		:	2000;
}
#usernavbar .closeit{
	position	: absolute;
  	right		: 1em;
  	top			: 0.6rem;
	z-index		: 100;
	cursor		: pointer;
	
}
input[name="toggleusernavbar"]:checked ~ div #usernavbar{
	transition	: 	transform 300ms ease-out;
	transform	:	translateX(0);	
}
#usernavbar > .toggler{
	width			:	75px;
	margin-left		:	-35px;
	padding-left	:	25px;
	cursor			:	pointer;
}
input[name="toggleusernavbar"] ~ div #usernavbar .nav-link{
	padding		:	.5rem 0 .5rem 0!important;
	font-size	:	.9rem;	
}
input[name="toggleusernavbar"] ~ div #usernavbar .nav-link:hover{
	color		:	#FE6F5F;
}	

.nav-shops{
	border-top		:	1px solid #EBF8FE;
	border-bottom	:	1px solid #EBF8FE;
	background		:	#F8F9FA;
	border-right	:	2px solid #FFF;
	border-left		:	2px solid #FFF;

}
.nav-shops a{
	
}

input[name="toggleusernavbar"]  ~ .bg-blur {
	background	:	rgba(0,0,0,0.5);
}

@media (max-width: 768px){
	#main-nav label[for='toggleusernavbar']{
		font-size	:	1.5rem;
	}	
	/*#main-nav{
	    background-color: #fff!important;
		    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	}*/
}

/*@media (min-width: 768px){*/
@media (min-width: 992px){
	#usernavbar{
		left		:	0;
		width		:	300px;
    	flex		: 	0 0 300px;
		position	:	relative;
		transform	:	none;
		transition	: 	flex 300ms ease-out!important;
	}
	#usernavbar > .toggler > i{
		line-height	:	45px;
	}
	#usernavbar > .toggler{
		width		:	50px;
		margin-left	:	-25px;
		padding-left	:	0;
	}
	input[name="toggleusernavbar"]:checked ~ div #usernavbar{
		width		:	50px;
		flex		: 	0 0 50px;
	}
	input[name="toggleusernavbar"]:checked ~ div #usernavbar .d-min-none{
		display	:	none!important;
	}
	input[name="toggleusernavbar"]:checked ~ div #usernavbar .d-min-block{
		display	:	block!important;
	}
	
	input[name="toggleusernavbar"]:checked ~ div #usernavbar .ml-min-auto{
		margin-left	:	auto!important;
	}
	
	#usernavbar .nav-link{
		padding		:  .5rem 1rem .5rem 0rem;
		font-size	:	1rem!important;
		white-space	:	nowrap;
	}
	input[name="toggleusernavbar"]:checked ~ div #usernavbar .nav-link{
		padding		:	.5rem 0 .5rem 0!important;
		font-size	:	1.2rem!important;	
	}
	
	
	input[name="toggleusernavbar"]:checked ~ div #usernavbar .px-min-0{
		padding-left	:	0rem!important;
		padding-right	:	0rem!important;
	}
	input[name="toggleusernavbar"]:checked ~ div #usernavbar .text-min-center > .nav-link{
		-ms-flex-pack: center!important;
    	justify-content: center!important;
	}
}

#usernavbar .navbar-brand{
	padding	:	.05rem 0 0 0;
}
#usernavbar > .bg{
	content				:'';
	background-color	:	#FFF;
	width	:	100%;
	height	:	100%;
	left	:	0;
	top		:	0;
	position	:	absolute;
	z-index		:	0;
}

#usernavbar > .toggler{
	display		:	block;
	height		:	50px;
	
	border-top-right-radius	:	25px;
	border-bottom-right-radius	:	25px;
	position	:	absolute;
	left		:	100%;
	background	:	#FFFFFF;
	text-align	:	center;
	z-index		:	5;
	cursor		:	pointer;
}
#usernavbar > .toggler > i{
	line-height	:	50px;
	font-size	:	1.5em;
}
#usernavbar > .toggler-bg{
	z-index		:	0;
}
#usernavbar > div{
	position	:	relative;
	z-index		:	15;
}

#usernavbar .nav-link.active{
	color	:	#FE6F5F;
}
/* ==================================================================
TOOLS & UTILS
================================================================== */
.closeit {
	width	: 	36px;
	height	: 	36px;
	opacity	: 	0.3;
	cursor	:	pointer;
}
.closeit::hover {
  opacity	: 1;
}
.closeit::before, .closeit::after {
  position	: absolute;
  left		: 16px;
  content	: ' ';
  height	: 36px;
  width		: 2px;
  background-color: #333;
}
.closeit::before {
  transform: rotate(45deg);
}
.closeit::after {
  transform: rotate(-45deg);
}

.closeit-sm{
	width	: 	20px;
	height	: 	20px;	
}
.closeit-sm::before, .closeit-sm::after {
 	left		: 8px;
	height		: 20px;
    width		: 2px;
}

.closeit-xs{
	width	: 	12px;
	height	: 	12px;	
}
.closeit-xs::before, .closeit-xs::after {
 	left		: 4px;
	height		: 12px;
    width		: 2px;
}
.closeit-right{
	right		:	0.5em;
}
.closeit-top{
	top		:	0.5em;
}
/* ==================================================================
FIXABLE
================================================================== */
.fixable.fixed{
	z-index			:	230;
	position		:	fixed!important;
	top				:	0;
}
.fixable.fixed-bottom{
	z-index			:	230;
	position		:	fixed!important;
	bottom			:	0;
	left			:	initial;
	right			:	initial;
}
.w-250 > .fixable.fixed
	/*.w-md-250 > .fixable.fixed, 
		.w-xl-250 > .fixable.fixed,
			.w-lg-250 > .fixable.fixed*/{
	width	:	250px;
}
.w-400 > .fixable.fixed/*, 
	.w-lg-400 > .fixable.fixed
		.w-xl-400 > .fixable.fixed*/{
	width	:	400px;
}

/* ==================================================================
IMAGES AND SHAPES
================================================================== */
.square{
	position		:	relative;
	overflow		:	hidden;
}
.square::after{
	content			:	'';
	position		:	relative;
	display			:	block;
	padding-bottom	:	100%;
	z-index			:	1;
}

.square{
	position		:	relative;
	overflow		:	hidden;
}
.square::after{
	content			:	'';
	position		:	relative;
	display			:	block;
	padding-bottom	:	100%;
	z-index			:	1;
}
.square > a{
	position		:	absolute;
	left			:	0;
	top				:	0;
	width			:	100%;
	height			:	100%;
	z-index			:	10;
}


.rectangle{
	position		:	relative;
	overflow		:	hidden;
}
.rectangle.overflow-visible{
	overflow		:	visible;
}
.rectangle::after{
	content			:	'';
	position		:	relative;
	display			:	block;
	padding-bottom	:	40%;
	z-index			:	1;
}
.rectangle-md::after{
	padding-bottom	:	50%;
}
.rectangle-lg::after{
	padding-bottom	:	60%;
}
.rectangle-xl::after{
	padding-bottom	:	80%;
}
.rectangle > a{
	position		:	absolute;
	left			:	0;
	top				:	0;
	width			:	100%;
	height			:	100%;
	z-index			:	10;
}
.square > .centered, .rectangle > .centered{
	position		:	absolute;
	left			:	0;
	top				:	0;
	width			:	100%;
	height			:	100%;
	z-index			:	10;
}
.cover{
	background-position	:	center center;
	background-size	:	cover;
	background-repeat	:	no-repeat;
}
.contain{
	background-position	:	center center;
	background-size	:	contain;
	background-repeat	:	no-repeat;
}

.circle{
	border-radius	:	50%;
}
.icon-10{
	width		:	10px;
	max-width	:	10px;
}

.icon-50{
	width		:	50px;
	max-width	:	50px;
}
.icon-50 .fa{
	font-size: 1.2em;
}
.icon-75{
	width		:	75px;
	max-width	:	75px;
}
.icon-100{
	width		:	100px;
	max-width	:	100px;
}
.d-flex > .icon-50{
	flex	:	0 0 50px;
}
.d-flex > .icon-75{
	flex	:	0 0 75px;
}
.d-flex > .icon-100{
	flex	:	0 0 100px;
}

.square.bordered{
	border: 4px solid #f0f8f8;
}

.zoom-img-link.zoom-in:hover > img{
	transform			:	scale(1.6);
	-webkit-transform	:	scale(1.6);
	z-index				:	100;
}
.zoom-img-link:hover > img{
	transform			:	scale(0.8);
	-webkit-transform	:	scale(0.8);
}
.zoom-img-link:hover > .overlay{
	opacity		:	1;
}
.zoom-img-link:hover > .overlay > *{
	transform	:	scale(1);
}
.zoom-img-link.zoom-in > img{
	max-width			:	100%;
	height				:	auto;
	position			:	relative;
}
.zoom-img-link > img{
	max-width			:	90%;
	margin				:	auto;
	transition			:    transform 0.2s ease-in-out;
	-webkit-transition	:	 transform 0.2s ease-in-out;
}
.zoom-img-link.slow{
	transition			:    transform 2s ease-in-out;
	-webkit-transition	:	 transform 2s ease-in-out;	
}
.zoom-img-link.hide-zoom{
	overflow	:	hidden;
}
.zoom-img-link > .overlay{
	position	:	absolute;
	width		:	100%;
	height		:	100%;
	left		:	0;
	top			:	0;
	background	:	rgba(207,225,227,0.7);
	opacity		:	0;
	transition			:  opacity 0.2s ease-in-out;
	webkit-transition	:  opacity 0.2s ease-in-out;
}
.zoom-img-link > .overlay > *{
	transform			:	scale(0);
	transition			:    transform 0.3s ease-in-out;
	-webkit-transition	:	 transform 0.3s ease-in-out;
}
@media (min-width: 576px){
	.icon-sm-75{
	
	}
	.d-flex > .icon-25{
		flex	:	0 0 25px;
	}
	.d-flex > .icon-50{
		flex	:	0 0 50px;
	}
}
@media (min-width: 768px){
	.icon-md-75{
	
	}
}
@media (min-width: 992px){
	.icon-lg-75{
		width		:	75px;
		max-width	:	75px;
	}
	.icon-lg-125{
		width		:	125px;
		max-width	:	125px;
	}
	.icon-lg-75 .fa{
		    font-size: 2em;
	}
	.d-flex > .icon-lg-75{
		flex	:	0 0 75px;
		width	:	75px;
		max-width:  75px;
	}
	.d-flex > .icon-lg-100{
		flex	:	0 0 100px!important;
		width	:	100px!important;
		max-width: 100px;
	}
	
	
}
@media (min-width: 1200px){
	.icon-xl-75{
		width		:	75px;
		max-width	:	75px;
	}
	.icon-xl-75 .fa{
		    font-size: 2em;
	}
}

/* ==================================================================
COOKIES
================================================================== */

#cookies{
   text-align	:	left;
   position   : fixed;
  
   right      : 2%;
   bottom     : 2%;
   padding    : 0.2em 1.5em 1.5em 1.5em;
   background : #FFFFFF;
   box-shadow : 0 0 5px 5px rgba(0,0,0,0.05);
   z-index    : 3500;
    transform  : translateY(99%);
   -webkit-transform  : translateY(99%);
	max-width  : 120px;
	
   cursor	:	pointer;
   display	:	none;
}
body.ready #cookies{
	display	:	block;
}
body.ready #cookies:not(.show){
	/*-webkit-animation	: minimize 400ms 0s;
    animation			: minimize 400ms 0s;
	
	animation-fill-mode : forwards;
	animation-name		: minimize;
    animation-duration	: 5s;*/
	transition-property: transform, max-width;
 	transition-duration: .250s, 0s;
	transition-delay   : 0s, 250ms;
}
body.ready #cookies.show{
	
	transition-property: transform, max-width;
 	transition-duration: .250s, 0s;
	transition-delay   : 0s, 0s;
	
}

#cookies .closeit{
	position	: absolute;
  	right		: 1em;
  	top			: 1.2em;
	z-index		: 100;
}
#cookies.show{
	max-width   : 	400px;
	cursor	    :	default;
	transform   : 	translateY(0);
	padding   	: 	1em 1.5em 0em 1.5em;
}

/* ==================================================================
COOKIES
================================================================== */
#cookies h5[data-toggle]{
	cursor	:	pointer;
}
#cookies h5[data-toggle]:hover{
	color	:	#000;
}
h5[aria-expanded=true] i{
	transform	:	rotate(180deg);
}


/*
@keyframes minimize {
  0%   {transform: translateY(98%);max-width   : 	400px;}
  25%  {}
  50%  {}
  100% {max-width:120px;!important}
}
@-webkit-keyframes minimize{
   0%   {transform: translateY(98%);max-width   : 	400px;}
  25%  {}
  50%  {}
  100% {max-width:120px;!important}
}*/

@media screen and (max-width: 700px) {
	#cookies.show{
		max-width   : 	96%;
		right		:	2%;
		cursor	    :	default;
	}
}
#cookies:not(.show) .closeit{
	display	:	none;
}
#cookies:not(.show) .max, #cookies.show .min{
	display	:	none;
}
#cookies.show .max, #cookies:not(.show) .min{
	display	:	block;
}


/* ==================================================================
SIZING
================================================================== */

.mw-90{
	max-width : 80%;
}
.mih-50vh{
	min-height	:	50vh;
}
.mih-75vh{
	min-height	:	75vh;
}
.mih-300{
	min-height : 300px;
}
.mih-400{
	min-height : 400px;
}
.mih-250{
	min-height : 250px;
}
.w-400{
	width	:	400px;
}
.mih-500{
	min-height : 500px;
}
.d-flex > .w-250{
	flex	:	0 0 250px;
}
.d-flex > .w-150{
	flex	:	0 0 150px;
	width	:	150px;
}
.d-flex > .w-400{
	flex	:	0 0 400px;
}
.h-90{
	height	:	90%!important;
}
.h-95{
	height	:	90%!important;
}

.col-xxl-1,.col-xxl-6,.col-xxl-4,.col-xxl-8,.col-xxl-7,.col-xxl-5,.col-xxl-3,.col-xxl-2{
		position: relative;
	    width: 100%;
	    padding-right: 15px;
	    padding-left: 15px;
}


@media (min-width: 576px){
	.w-sm-25{
		max-width	:	25%;
	}	
	.w-sm-75{
		max-width	:	75%;
	}
	.w-sm-50{
		max-width	:	50%;
	}
	.nav-aside, .flex-w-250{
		flex	:	0 0 250px;
	}
	.flex-w-100{
		flex	:	0 0 100px;
	}
	.h-sm-100{
		height	:	100%;
	}
}
@media (min-width: 768px){
	.w-md-25{
		max-width	:	25%;
	}	
	.w-md-75{
		max-width	:	75%;
	}
	.d-flex > .w-md-250{
		flex	:	0 0 250px;
	}
	.d-flex > .w-md-400{
		flex	:	0 0 400px;
	}

	.h-md-100{
		height	:	100%;
	}
	.offset-md-left-50{
		margin-left	:	50px;
	}

	.w-md-250 > .fixable.fixed,.w-md-250 > .fixable.fixed-bottom{
		width	:	250px;
	}
}
@media (min-width: 992px){
	.w-lg-25{
		max-width	:	25%;
	}	
	.w-lg-40{
		max-width	:	40%;
	}
	.w-lg-75{
		max-width	:	75%;
	}
	.flex-lg-250{
		flex	:	0 0 250px;
	}
	.flex-lg-250 > .fixed{
		width	:	250px;
	}
	.d-flex > .w-lg-250{
		flex	:	0 0 250px;
	}
	.d-flex > .w-lg-400{
		flex	:	0 0 400px;
	}
	.h-lg-100{
		height	:	100%;
	}
	.w-lg-250 > .fixable.fixed,.w-lg-250 > .fixable.fixed-bottom{
		width	:	250px;
	}
	.w-lg-400 > .fixable.fixed,.w-lg-400 > .fixable.fixed-bottom{
		width	:	400px;
	}
	.collapse.collapse-lg{
		display	:	block;
	}
}
@media (min-width: 1200px){
	.mih-xl-0{
		min-height : 0%;
	}
	.w-xl-25{
		max-width	:	25%;
	}
	.w-xl-50{
		max-width	:	50%;
	}
	.w-xl-75{
		max-width	:	75%;
	}
	.d-flex > .w-xl-400{
		flex	:	0 0 400px;
	}
	.ltd-container{
		max-width		:	1600px;
		margin-left		:	auto;
		margin-right	:	auto;
	}
	.w-xl-250 > .fixable.fixed,.w-xl-250 > .fixable.fixed-bottom{
		width	:	250px;
	}
	.w-xl-400 > .fixable.fixed,.w-xl-400 > .fixable.fixed-bottom{
		width	:	400px;
	}
}

@media (min-width: 1600px){
	.flex-xxl-row {
	    -ms-flex-direction: row!important;
	    flex-direction: row!important;
	}

	.mt-xxl-0{
		margin-top	:	0px!important;
	}
	.w-xxl-25{
		width	:	25%;
	}
	.icon-xxl-50{
		width	:	50px;
	}
	.icon-xxl-50  .fas{
		font-size	:	1.3rem;
	}
	.col-xxl-1 {
	    -ms-flex: 0 0 8.333333%;
	    flex: 0 0 8.333333%;
	    max-width: 8.333333%;
	}
	.col-xxl-2{
	 -ms-flex: 0 0 16.666666%;
	    flex: 0 0 16.666666%;
	    max-width: 16.666666%;
	}
	.col-xxl-3 {
	    -ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
	.col-xxl-6 {
    	-ms-flex: 0 0 50%;
    	flex: 0 0 50%;
    	max-width: 50%;
	}
	.col-xxl-4 {
    	-ms-flex: 0 0 33.333333%;
    	flex: 0 0 33.333333%;
    	max-width: 33.333333%;
	}
	.col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
    	flex: 0 0 66.666667%;
    	max-width: 66.666667%;
	}
	.col-xxl-5{
		-ms-flex: 0 0 41.666667%;
	    flex: 0 0 41.666667%;
	    max-width: 41.666667%;
	}
	.col-xxl-7{
	    -ms-flex: 0 0 58.333333%;
	    flex: 0 0 58.333333%;
	    max-width: 58.333333%;
	}
	.d-flex > .w-xxl-400{
		flex	:	0 0 400px;
	}
	.d-flex > .w-xxl-250{
		flex	:	0 0 250px;
	}
	.w-xxl-400 > .fixable.fixed,.w-xxl-400 > .fixable.fixed-bottom{
		width	:	400px!important;
	}
	.ml-xxl-5, .mx-xxl-5 {
	    margin-left: 3rem!important;
	}
	.mt-xxl-0, .my-xxl-0 {
	    margin-top: 0!important;
	}
}

/* ==================================================================
TOAST
================================================================== */
.toast {
    display				: block;
    align-items			: center;
	z-index				: 3505;
    background-color	: #323232;
    border-radius		: 2px;
    clear				: both;
    color				: #fff;
    height				: auto;
	padding				: 10px;
	position			: fixed;
	left				: 50%;
	top					: 15px;
	opacity				: 0;
	box-shadow		    : 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
	
	transform			: translateX(-50%);
	-webkit-animation	: fadein 0.5s 0s,fadeout 0.5s 15s;
    animation			: fadein 0.5s 0s,fadeout 0.5s 15s;
	animation-fill-mode : forwards;
}

@-webkit-keyframes fadein2 {
    from {top: 80px; opacity: 0;}
    to 	 {top: 50px; opacity: 1;}
}
@keyframes fadein2 {
	from {top: 80px; opacity: 0;}
    to 	 {top: 50px; opacity: 1;}
}

@-webkit-keyframes fadein {
    from {top: 50px; opacity: 0;}
    to 	 {top: 15px; opacity: 1;}
}
@keyframes fadein {
	from {top: 50px; opacity: 0;}
    to 	 {top: 15px; opacity: 1;}
}
@-webkit-keyframes fadeout {
	from {top: 15px; opacity: 1;}
    to 	 {top: -20px; opacity: 0;}
}
@keyframes fadeout {
	from {top: 15px; opacity: 1;}
    to 	 {top: -20px; opacity: 0;}
}
/* ==================================================================
FEED
================================================================== */
.listinfo.alert{
	
	background	:	transparent;
	border		:	0px;
	color		:	#0C233E;
	font-style	:	italic;
	font-size	:	1.125em;
	font-weight	:	300;
	padding		:	.75rem 0rem;
}
.listinfo.alert.mx-5{
	margin-left: 0!important;
	margin-right: 0!important;
	
}

.feed-table .status{
	display		:	inline-block;
	width		:	10px;
	height		:	10px;
	background	:	#FFFFFF;
	border-radius : 50%;
}
.feed-table .status.unknown{
	background	:	#000000;
}
.feed-table .status.instock{
	background	:	#4DE183;
}
.feed-table .status.outofstock{
	background	:	#FFCC00;
}
.feed-table .status.removed{
	background	:	#F5456A;
}

/*== STICKY  ==*/
.feed-item .article-sticky input{
	opacity		:	0;
	position	:	absolute;
	left		:	-2500;
}
.feed-item  .article-sticky{
	z-index		:	200;
	position	:	relative;
}
.feed-item  .article-sticky > * {
	pointer-events	:	none;
	color			:	
}
.feed-item .article-sticky input[type=checkbox] + i + i{
	color		:	 #f6cc57;
}
.feed-item  .article-sticky input[type=checkbox]:not(:checked) + i + i{
	display		:	none;
}
.feed-item  .article-sticky input[type=checkbox]:checked + i {
	display		:	none;
}


/* ==================================================================
FEED AND FORUM & TREE
================================================================== */
.filter-link{
	padding	:	0.125rem 0;
}
.filter-link > input[type=radio] + label{
	cursor	:	pointer;
	display	:	block;
	margin	:	0;
	padding	:	0.250rem .5rem;
	width				:	100%;
	border-radius		:	5px;
}
.filter-link > input[type=radio]:checked + label{
	background-color	:	#F1F9FF!important;
}

.filter-link > input[type=radio]+ label.topic{
	border-radius		:	5px;
}
.filter-link > input[type=radio]:checked + label.topic{
	background-color	:	#F1F9FF!important;
}

.filter-tree .filter-link:not(.open) + .child-tree,
	.filter-tree  .filter-link:not(.open) > .closetree,
		.filter-tree  .filter-link.open > .opentree{
	display	:	none!important;
}
.child-tree.open > .filter-link:not(.open){
	//display	:	none!important;
}

.filter-tree .filter-link:hover{
	background-color	:	#F1F9FF!important;
}
.filter-link{
	position	:	relative;
}
.filter-link > .overlay{
	left		:	0;
	bottom		:	0;
	z-index		:	0;
	opacity		:	0;
	border-radius	:	  0.5rem; 
}
.filter-link > *:not(.overlay){
	position	:	relative;
	z-index		:	10;
}
.filter-tree .filter-link.opentree:hover + .overlay,
	.filter-tree .filter-link.closetree:hover + .overlay{
	opacity	:	0.8;
	
}
.filter-tree .filter-link > input[type=radio]:checked ~ .overlay{
	opacity	:	1;
	
}
.filter-tree .filter-link > input[type=radio]:checked + label{
	background	:	transparent!important;
	color		:	#FE6F5F;
}
.filter-tree .filter-link > label{
	margin-bottom	:	0px;
}

/*== RIBBONS OUT OF STOCK  ==*/
.ribbon-container{
	position	:	absolute;
	width		:	100%;
	left		:	0;
	top			:	0;
	pointer-events	:	none;
	height		:	200px;
	overflow	:	hidden;
}
.corner-ribbon-left{
  width			: 200px;
  background	: #e43;
  position		: absolute;
  text-align	: center;
  line-height	: 25px;
  letter-spacing: 1px;
  font-size	:	0.7rem;
  color				: #FFFFFF;
  background		: #F37463;
  top				: 22px;
  left				: -65px;
  right				: auto;
  transform			: rotate(-45deg);
  -webkit-transform	: rotate(-45deg);
  z-index			:	201;
}
.corner-ribbon{
  width			: 200px;
  background	: #e43;
  position		: absolute;
  text-align	: center;
  line-height	: 25px;
  letter-spacing: 1px;
  font-size	:	0.7rem;
  color				: #FFFFFF;
  background		: #F37463;
  top				: 27px;
  right				: -60px;
  left				: auto;
  transform			: rotate(45deg);
  -webkit-transform	: rotate(45deg);
  //box-shadow: 0 5px 3px rgba(0,0,0,.05);
  z-index			:	100;
}
.corner-ribbon.inactive,.corner-ribbon-left.inactive{
	background		: #000000;
}
.corner-ribbon.reserved,.corner-ribbon-left.reserved{
	background		: #2ecc71;
}
.corner-ribbon.favorite,.corner-ribbon-left.favorite{
	background		: #f6cc57;
}


.card.hover-bg-light:hover{
	background-color	:	#EFEFEF;
}
.card.hover-bg-light:hover .card-footer{
	background-color	:	#EFEFEF;
}
/**********************
INSPIRATION LIST IT
***********************/
.article-title{
	font-size	:	1rem;
	line-height	:	1.3rem;
	font-weight	:	300;
	font-family	:	'Merriweather', serif;
}
.article-price{
	font-size	:	1rem;
	font-weight	:	600;
}

/*** SUGGEST ***/
.card .card-footer{
	background-color 	: transparent;
	border-top			:	0px;
}
.card > .card-link{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 100;
}

.card > .card-link:hover {
    box-shadow: 0 .125rem .50rem rgba(0,0,0,.125)!important;
    -webkit-box-shadow: 0 .125rem .50rem rgba(0,0,0,.125)!important;
}
.card > .card-link:active {
    box-shadow: 0 .050rem .25rem rgba(0,0,0,.125)!important;
    -webkit-box-shadow: 0 .050rem .25rem rgba(0,0,0,.125)!important;
}


/* ==================================================================
VISITOR & THEME BASICS
================================================================== */
.form-control-amount{
	width	:	100px;
}

.ml-avatar{
	transform	:	translateY(-3%);
	border		:	2px solid #FFFFFF;
}

.ml-head .ltd-select{
	border		:	1px solid #E6E6E6;
}
.ml-title{
	font-size		:	1.1rem;
	font-weight		:	600;
	text-transform	:	uppercase;
}

.product-title{
	font-size	:	1rem;
	line-height	:	1.3rem;
	font-weight	:	300;
	font-family	:	'Merriweather', serif;
}
.product-price{
	font-size	:	1rem;
	font-weight	:	600;
}
@media (min-width: 576px){
	/*SM*/
}
@media (min-width: 768px){
	/*MD*/
	.ml-avatar{
		transform	:	translateY(-25%);
	}
}
@media (min-width: 992px){
	/*LG*/
}
@media (min-width: 1200px){
	/*XL*/
	.view-container, #app-content.view-container{
		max-width		:	1200px;
		width			:	1200px;
		margin-left		:	auto!important;
		margin-right	:	auto!important;	
	}
}

/**
 * CHAT ICON
 */
.icon-chat{
	width	:	60px;
	height	:	60px;
	border-radius			:	50%;
	-webkit-border-radius	:	50%;
	position	:	fixed;
	right		:	2%;
	bottom		:	3%;
	cursor		:	pointer;
	opacity		:	0;
	background-color	:	#6ebbab;
	z-index		:	1000;
	transition  : all 250ms;
	
}
body.ready .icon-chat{ 
	opacity	:	1;
}
.icon-chat:hover{
	transform	:	scale(0.9);
}
.icon-chat > img{
	max-width	:	100%;
}



/**
** DASHBOARD NEWS
**/

.news-link > a{
	border	:	3px solid transparent;
	transform	:	scale(0.9);
}
.news-link .circle-bg {
  fill: none;
  stroke: #FFFF;
  stroke-width: 0;
}
.news-link .circle {
  fill: none;
  stroke-width: 2.8;
}
.news-link .circular-chart.blue .circle {
  stroke: none;
}
.news-link:hover .circular-chart.blue .circle {
	stroke: #6ebbab;
}	
.news-link:hover .circle{
	animation: progress 1s ease-out forwards;
	stroke-linecap: round;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}


/* ==================================================================
DRAWING
================================================================== */
#nav-drawings-drop a.nav-link:not(:last-child)::before{
	content	:'';
	height	:	1px;
	width	:	96%;
	background	:	#EFEFEF;
	background	:	rgba(0,0,0,0.03);
	position	:	absolute;
	bottom		:	0;
	left		:	2%;
}
#nav-drawings-drop a.nav-link.active:not(:last-child)::before,
	#nav-drawings-drop a.nav-link:hover:not(:last-child)::before{
	opacity	:	0;
}

#nav-drawings-drop a.nav-link::after{
	width	:	100%!important;
}

div.quote{
	position	:	relative;
}
div.quote::before{
	content	:	'';
	position	:	absolute;
	left		:	0;
	top			:	-20px;
	border-width		: 10px;
	border-style		: solid;
	border-top-color	: transparent;
    border-bottom-color	: #f8f9fa;
	border-left-color	: #f8f9fa;
	border-right-color	: transparent;
}
.hovereffect[aria-expanded="true"]::after{
	background	:	rgba(0,0,0,0.03);
	transform	:	scale(1);
}
div[data-toggle]{
	cursor	:	pointer;
}
/* ==================================================================
Widgets AND STUFF
================================================================== */
.ltd-widget, .ltd-section{
	border-radius	:   .5rem;
	box-shadow		:	0 .125rem .25rem rgba(0,0,0,.075);
	background		:	#FFF;
}
.ltd-widget{
	padding		:	2rem;
	width		:	100%;
}
.ltd-widget .head{
	border-bottom	:	2px solid #EDF5F6;
	padding-bottom	:	1rem;
}
.ltd-widget .head h2{
	margin			:	0;
}
.ltd-widget .border-bottom:last-child{
	border-bottom-width	:	0px!important;
}
.ltd-widget + .ltd-widget{
	margin-top	:	3rem;
}
.ltd-widget:last-child:not(:first-child){
	margin-bottom	:	3rem;
}

.ltd-item{
	 border-radius	:   .5rem;
	 padding		:	1.5rem;
	 background		:	#FFFFFF;
}


.ltd-select,.ltd-btn{
	background		:	#FFF;
	box-shadow		:	0 .125rem .25rem rgba(0,0,0,.075);
	border-radius	:   5px;
}
.ltd-btn:hover{
	box-shadow		:	0 .125rem .125rem rgba(0,0,0,.050);
}
.ltd-btn:active{
	box-shadow		:	0 0rem 0rem rgba(0,0,0,.050);
}
.ltd-btn{
	cursor	:	pointer;
}
.ltd-select .dropdown-toggle, .ltd-drop .dropdown-toggle{
	padding-right	:	0;
	padding-left	:	1rem;
}
.ltd-select .dropdown-toggle span, .ltd-drop .dropdown-toggle span{
	font-size		:	.9rem;
	padding-right	:	0.5rem;
}
.ltd-select .dropdown-menu,.ltd-select .dropdown-item, .ltd-drop .dropdown-item{
	font-size		:	.9rem;
}

@media (max-width: 768px){
	.ltd-page{
		padding		:	1rem 0rem;
	}
	
}


@media (max-width: 992px){
	#float-btn-add{
		left		:	50%;
		top			:	-1rem;
		transform	:	translate(-50%,-50%);
		box-shadow	:	0 -0.125rem .25rem rgba(0,0,0,.075)!important;
	}
	#app-content > .flex-column + .flex-fill{
		margin-bottom	:125px;
	}
	
	input[name="togglesubnav"] + .ltd-nav{
		position	:	fixed;
		height		:	85px;	
		bottom		:	0;
		left		:	0;
		border-radius	:	0;
		width		:	100%;
		padding		:	1rem 0.5rem 0.5rem;
		z-index		:	299;
		transition 	: 	height 250ms ease-in;
		/*background	:	#0C233E;
		color		:	#FFF;*/
	}
	input[name="togglesubnav"]:checked + .ltd-nav{
		height		:	150px;
	}
	.ltd-nav > nav{
		position		:	relative;
		z-index			:	20;
	    -ms-flex-pack	: justify!important;
    	justify-content	: space-between!important;
	}
	.ltd-nav .nav-link:not(.d-none){
		display: -ms-flexbox!important;
    	display: flex!important;
		 -ms-flex-direction: column!important;
    	flex-direction: column!important;
		width	:	25%;
	}
	.ltd-nav .nav-link > *{
		margin-left		:	auto;
		margin-right	:	auto!important;
	}
	.ltd-nav .nav-link > i{
		font-size	:	1.3rem;
		margin-bottom	:	0.5em;
	}
	
	.ltd-nav > .bg{
		content				:'';
		background-color	:	#FFF;
		width	:	100%;
		height	:	100%;
		left	:	0;
		top		:	0;
		position	:	absolute;
		z-index		:	0;
		box-shadow		:	0 -0.125rem .25rem rgba(0,0,0,.075);
	}
	
	.ltd-nav > .toggler{
		display		:	block;
		height		:	30px;
		width		:	30px;
		border-top-right-radius		:	25px;
		border-top-left-radius		:	25px;
		position	:	absolute;
		right		:	15px;
		top			:	-15px;
		background	:	#FFFFFF;
		text-align	:	center;
		z-index		:	30;
		cursor		:	pointer;
	}
	.ltd-nav > .toggler > i{
		line-height	:	30px;
		font-size	:	1.5em;
	}
	.ltd-nav > .toggler-bg{
		z-index		:	0;
		box-shadow		:	0 -0.125rem .25rem rgba(0,0,0,.075)!important;
	}
	input[name="togglesubnav"]:checked + .ltd-nav .toggler > i{
		transform	:	rotate(180deg);
		line-height	:	40px;
	}
}


@media (min-width: 992px){

	.ltd-nav .nav-link, .ltd-nav .btn-block{
		position	:	relative;
		white-space : nowrap;
	}
	.ltd-nav .nav-link{
		padding-left	:	0.5rem;
		padding-right	:	0.5rem;
	}
	.ltd-nav .nav-link + .nav-link{
		margin-top	:	0.2rem;
	}
	.ltd-nav .nav-link:hover, .ltd-nav .nav-link:active, .ltd-nav .nav-link.active{
		border-radius	:   .5rem;
		background		:	#F8F9FA;
	}
}
/**XL**/
@media (max-width: 1200px){
	input[name='togglepreview']:checked ~ .row > #panel-preview{
		transition	: 	transform 0.5s;
		transform	: 	translateX(0);
	}
	#panel-preview{
		position	:	absolute;
		width		:	100%;
		left		:	0;
		top			:	0;
		transform	: 	translateX(100%);
	}
	#panel-preview .closeit {
		position	:	absolute;
		right		:	1.5em;
		top			:	5px;
	}

}
/* ==================================================================
DIALOG & BLURRING
================================================================== */
body .dialog-container:empty{
	pointer-events	:	none;
	background: rgba(0, 0, 0, 0);
}
body .dialog-container{
	  background: rgba(0, 0, 0, 0.2);
      top			: 0;
  	  left			: 0;
  	  right			: 0;
 	  bottom		: 0;
      position		: fixed;
  	  text-align	: center;
	  z-index		:	3000;
	  height		:	100%;
	  width			:	100%;
	  overflow		:	auto;
	 -webkit-transition	: 	background 0.2s ease-out;
      transition		: 	background 0.2s ease-out;
}
body.blur > *:not(.dialog-container):not(.ui-datepicker):not(.bootbox):not(.modal-backdrop){
	 filter			:	blur(4px);
  -o-filter			:	blur(4px);
  -ms-filter		:	blur(4px);
  -moz-filter		:	blur(4px);
  -webkit-filter	:	blur(4px);
	pointer-events	:	none;
}
body > .modal-backdrop{
	z-index	:	7800;
}
body > .bootbox.modal{
	z-index	:	8000;
}
body > .modal{
	z-index	:	8000;
}
body .dialog-container > .dialog{
	  background	:	#FFFFFF;
	  height		:	auto;
	  display		:	inline-block;
	  vertical-align: 	middle;
	  position		:	relative;
	  min-height	: 	min-content; /* needs vendor prefixes */
	  z-index		:	7500;

	-webkit-transition	: 	opacity 0.2s ease-out;
     transition			: 	opacity 0.2s ease-out;
	 opacity			:	0;
	 margin-bottom		:	auto!important;
  	 margin-top			:	auto;
}
.dialog > .closeit{
	position	: absolute;
  	right		: .5em;
  	top			: .5em;
	z-index		: 100;
}
section.dialog.open{
	opacity				:	1;
}
.dialog-container{
	padding-left	:	1%;
	padding-right	:	1%
}
@media (max-width: 576px){
	.dialog.col-12:not(.col-md-6):not(.col-lg-6):not(.col-xl-6),
		.dialog.col-12.col-md-6{
		max-width			:	98%;
	}
}
@media (max-width: 768px){
	.dialog.col-12.col-md-6{
		max-width			:	98%;
	}
}
@media (max-width: 992px){
	.dialog.col-12.col-lg-6{
		max-width			:	98%;
	}
}
@media (max-width: 1200px){
	.dialog.col-12.col-xl-6{
		max-width			:	98%;
	}
}


/*
.dialog {
	font-size	:	0.9rem;
}
.dialog .form-control{
	font-size	:	0.9rem;
}*/
/* ==================================================================
FORM BUTTON LOADER
================================================================== */
form.loading button{
	position	:	relative;
}
button > .loader{
	margin		: 	0 auto;
	left		:	0;
	top			:	0;
	position	:	absolute;
  	width		: 	100%;
  	height		: 	100%;
  	text-align	: 	center;
 	font-size	: 	10px;
	display		:	none;
}
form.loading  button > .loader{
	display	:	block;
	
}
form.loading button > span{
	 visibility	:	hidden;
	
}
.spinner > div {
  background-color: #FFFFFF;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
/* ==================================================================
FEED LOADER
================================================================== */
.feed-table  ~ .loader{
	height		:	40px;
	visibility	:	hidden;
	position	:	relative;
	margin-top	:	-30px;
	pointer-events	:	none;
}
.feed-table.loading ~ .loader{
	visibility	:	visible;
}
.feed-table.loading{
	margin-bottom	:	3em;
}
.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px); 
}
 .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; 
}
.ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; 
}
.ball-scale-multiple > div {
    background-color	: #5AA797;
    width				: 15px;
    height				: 15px;
    border-radius		: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite; 
}


/* == HYPNO == **/
@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }







.my-carousel .carousel-control-prev,
	.my-carousel .carousel-control-next{
	width	:	1.5rem!important;
	padding	:	0.5rem;
	
	height	:	1.5rem;
	/*bottom	:	-2rem;*/
		top	:	50%;
		font-size	:	0.8rem;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
	width	:	10px;
	height  : 	10px;
}
.my-carousel .carousel-control-next{
	right				:	0;
	left				:	auto;
	transform			:	translate(50%, -50%);
	-webkit-transform	:	translate(50%, -50%);
}
.my-carousel .carousel-control-prev{
	left				:	0;
	transform			:	translate(-50%, -50%);
	-webkit-transform	:	translate(-50%, -50%);
	
}
.my-carousel .carousel-item{
	margin-right: 0;
	float		:	none;
	display		:	block;
	transform	:	none!important;
	-webkit-transform	:	none!important;
}
.my-carousel .carousel-item:not(:first-child){
	margin		:	0!important;   
	transition	:	none; 
	
}
.my-carousel .carousel-item:first-child{
	transition : margin .6s ease-in-out;
	
}
.my-carousel .carousel-item.col-3{
	width		:	25%;
}

@media (max-width: 576px){
	.my-carousel .carousel-item.col-sm-2{
		width	:	16.666667%;
	}
}
@media (max-width: 768px){
	.my-carousel .carousel-item.col-md-4{
		width	:	16.666667%;
	}
}
@media (max-width: 992px){
	.my-carousel .carousel-item.col-lg-4{
		width	:	16.666667%;
	}
}
@media (max-width: 1200px){
	.my-carousel .carousel-item.col-xl-2{
		width	:	16.666667%;
	}
}

/* ==================================================================
MULTI CAROUSEL
================================================================== */
/*
.carousel-multi .carousel-control-next{
 	width: auto;
    transform: translateX(100%);
}
.carousel-multi .carousel-control-prev{
	width: auto;
    transform: translateX(-100%);	
}

.carousel-multi .carousel-inner .active.col-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%; 
        z-index: -1;
        display: block;
        visibility: visible;
}
.carousel-multi .carousel-inner .active.col-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  
        z-index: -1;
        display: block;
        visibility: visible;
}   

@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }
 
    .carousel-multi .carousel-inner .active + .carousel-item {
        display: block;
    }
    .carousel-multi .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-multi .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    .carousel-multi .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /
    .carousel-multi .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

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


@media (min-width: 768px) and (max-width: 991px) {
    .carousel-multi .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%; 
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    .carousel-multi .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 768px) {
   
    .carousel-multi .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-multi .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .carousel-multi .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
 
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
   
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 991px) {
   
    .carousel-multi .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-multi .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
   
    .carousel-multi .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%; 
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
   
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}*/