/*
==============================================================
LINKS  . TLC 3.0
==============================================================
*/

@media (min-width: 1200px) /* navbar-expand-xl */ {}
@media (max-width: 1200px) /* navbar-expand-lg */ {}
@media (min-width: 992px) /* navbar-expand-lg */ {}
@media (max-width: 992px) /* navbar-expand-md */ {}
@media (min-width: 768px) /* navbar-expand-md */ {}
@media (max-width: 768px) /* navbar-expand-sm */ {}
@media (min-width: 576px) /* navbar-expand-sm */ {}
@media (max-width: 576px) /* navbar-expand-xs */ {}


/*
===============================
DEFAULT
===============================

Universal - HAS to be listed 1st above ALL other links) */

a, a:link, a:visited,
a.white, .white a,
a.black, .black a,
a.color1, .color1 a, a .color1,
a.color2, .color2 a, a .color2,
a.color3, .color3 a, a .color3 {
	/*font-family: var(--linkFont);*/  
	color:  var(--LinkColor);
	text-transform: var(--LinkTextTransform);
	/* : none|capitalize|uppercase|lowercase|initial|inherit; */
	text-decoration: inherit; 
	/* line(underline,overline,line-through) color style(solid,wavy,dashed) 
	   : none|initial|inherit; */
	font-weight: normal;
	/* : normal|bold|bolder|lighter|number|initial|inherit; */
	font-style: normal;
	/* : normal|italic|oblique|initial|inherit; */
	font-stretch: normal;
	/* : ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit; */
	outline: 0;
    margin: 0 0px;
	
}
a:visited,
a.white:visited, 
a.black:visited, 
a.color1:visited, 
a.color2:visited, 
a.color3:visited {
	color: var(--LinkColor);
}

a:hover, a:active, a:focus,
a.white:hover, .white a:hover,
a.black:hover, .black a:hover,
a.color1:hover, .color1 a:hover,
a.color2:hover, .color2 a:hover,
a.color3:hover, .color3 a:hover {
	color: var(--LinkHoverColor);
	text-decoration: var(--LinkHoverDecoration);
/*	opacity: 1;
	filter: alpha(opacity=100); 	
	transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;*/
}
a:active,
a.white:active, 
a.black:active, 
a.color1:active,
a.color2:active,
a.color3:active {
	color: var(--LinkActiveColor);
}


a.white, .white a {color: white !important;}
/*a.white:hover, .white a:hover {color: var(--color1xl, #787878) !important;}*/

a.black, .black a {color: black !important;}
/*a.black:hover, .black a:hover {color:  var(--color1, #424242) !important;}*/

a.color1, .color1 a {color:  var(--flexcolor1) !important;}
a.color1:hover, .color1 a:hover {color: var(--flexcolor1xl) !important;}

a.color2, .color2 a {color: var(--flexcolor2) !important;}
a.color2:hover, .color2 a:hover {color: var(--flexcolor2xl) !important;}

a.color3, .color3 a {color: var(--flexcolor3) !important;}
a.color3:hover, .color3 a:hover {color: var(--flexcolor3xl)!important;}



/*
===============================
HIT AREA
===============================

HIT AREA - all items(img, text, arrow) - Highlights All a.link(s) within!!! */
.list-hit {
position: relative;
}
.list-hit a { 
	cursor: pointer;
	cursor: hand;
}
.list-hit a:hover,
.list-hit a:hover *,
.list-hit *:hover { 
	cursor: pointer;
	cursor: hand;
}
.list-nohit a:hover,
.list-nohit a:hover * { 
	cursor: default !important;
}

/* prevent color on hover */
.list-hit a p,
.list-hit a div,
.list-nohit a p,
.list-nohit a div { 
	color: var(--FontColor);
	cursor: pointer !important;
}

.list-hit a:hover p,
.list-hit a:hover div,
.list-nohit a:hover p,
.list-nohit a:hover div { 
	color: var(--FontColor);
}
.list-hit a h1, .list-hit div.h1 a,
.list-hit a h2, .list-hit div.h2 a,
.list-hit a h3, .list-hit div.h3 a,
.list-hit a h4, .list-hit div.h4 a,
.list-nohit a h1, .list-nohit div.h1 a,
.list-nohit a h2, .list-nohit div.h2 a,
.list-nohit a h3, .list-nohit div.h3 a,
.list-nohit a h4, .list-nohit div.h4 a { 
/* TRANSITION */
transition: color 300ms ease-out;
}
.list-hit a:hover h1, .list-hit div.h1 a:hover,
.list-hit a:hover h2, .list-hit div.h2 a:hover,
.list-hit a:hover h3, .list-hit div.h3 a:hover,
.list-hit a:hover h4, .list-hit div.h4 a:hover,
.list-nohit a:hover h1, .list-nohit div.h1 a:hover,
.list-nohit a:hover h2, .list-nohit div.h2 a:hover,
.list-nohit a:hover h3, .list-nohit div.h3 a:hover,
.list-nohit a:hover h4, .list-nohit div.h4 a:hover { 
/* TRANSITION */
transition: color 300ms ease-out;
}







a.divLink {
position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
	text-decoration: none;
   /* Makes sure the link doesn't get underlined */
   z-index: 10;
   /* raises anchor tag above everything else in div */
   background-color: white;
   /*workaround to make clickable in IE */
   opacity: 0;
   /*workaround to make clickable in IE */
   filter: alpha(opacity=0);
   /*workaround to make clickable in IE */

}











/*
===============================
H1-H6 LINKS
===============================
*/

h1, .h1, .head1, h1 a:link, h1 a:visited, a h1:link, a h1:visited, .h1 a:link, .h1 a:visited, a .h1:link, a .h1:visited, h2, .h2, .head2, h2 a:link, h2 a:visited, a h2:link, a h2:visited, .h2 a:link, .h2 a:visited, a .h2:link, a .h2:visited, h3, .h3, .head3, h3 a:link, h3 a:visited, a h3:link, a h3:visited, .h3 a:link, .h3 a:visited, a .h3:link, a .h3:visited, h4, .h4, .head4, h4 a:link, h4 a:visited, a h4:link, a h4:visited, .h4 a:link, .h4 a:visited, a .h4:link, a .h4:visited, h5, .h5, .head5, h5 a:link, h5 a:visited, a h5:link, a h5:visited, .h5 a:link, .h5 a:visited, a .h5:link, a .h5:visited, h6, .h6, .head6, h6 a:link, h6 a:visited, a h6:link, a h6:visited, .h6 a:link, .h6 a:visited, a .h6:link, a .h6:visited,
h1 a:active, a h1:active, .h1 a:active, a .h1:active, h2 a:active, a h2:active, .h2 a:active, a .h2:active, h3 a:active, a h3:active, .h3 a:active, a .h3:active, h4 a:active, a h4:active, .h4 a:active, a .h4:active, h5 a:active, a h5:active, .h5 a:active, a .h5:active, h6 a:active, a h6:active, .h6 a:active, a .h6:active{
	transition: all 200ms ease-in-out;
}
h1 a:hover, a h1:hover, .h1 a:hover, a .h1:hover, h2 a:hover, a h2:hover, .h2 a:hover, a .h2:hover, h3 a:hover, a h3:hover, .h3 a:hover, a .h3:hover, h4 a:hover, a h4:hover, .h4 a:hover, a .h4:hover, h5 a:hover, a h5:hover, .h5 a:hover, a .h5:hover, h6 a:hover, a h6:hover, .h6 a:hover, a .h6:hover {
	transition: all 200ms ease-in-out;
}




 h1, h1 a:link, h1 a:visited, h1 a:active, a h1:link, a h1:visited, a h1:active, 
.h1, .h1 a:link, .h1 a:visited, .h1 a:active, a .h1:link, a .h1:visited, a .h1:active
.head1, .head1 a:link, .head1 a:visited, a .head1:link, a .head1:visited, a .head1:active {
	color: var(--H1Color);
}
h1 a:hover, a h1:hover,
.h1 a:hover, a .h1:hover,
.head1 a:hover, a .head1:hover {
	color: var(--H1ColorHover);
}



h5.nohover a:hover {
	color: var(--H5Color);
}


.tag-link,
a.tag-link {
	color: var(--LabelTagColor);
}
.tag-link:hover,
a:hover .tag-link{
	color: var(--LinkHover);
}

/*
h1 a:link, .h1 a:link, h1 a:visited, 
.h1 a:visited, h1 a:active, 
.h1 a:active, .head1 {
  color: var(--header1);
}
h2 a:link, .h2 a:link, h2 a:visited, 
.h2 a:visited, h2 a:active, 
.h2 a:active, .head2 {
  color: var(--header2);
}
h3 a:link, .h3 a:link, h3 a:visited, 
.h3 a:visited, h3 a:active, 
.h3 a:active, .head3 {
  color: var(--header3);
}
h4 a:link, .h4 a:link, h4 a:visited, 
.h4 a:visited, h4 a:active, 
.h4 a:active, .head4 {
  color: var(--header4);
}
h5 a:link, .h5 a:link, h5 a:visited, 
.h5 a:visited, h5 a:active, 
.h5 a:active, .head5 {
  color: var(--header5);
}
h6 a:link, .h6 a:link, h6 a:visited, 
.h6 a:visited, h6 a:active, 
.h6 a:active, .head6 {
  color: var(--header6);
}


*/






a:hover div.color1 {
	color: var(--flexcolor1xl) !important;
}
a:hover div.color2 {
	color: var(--flexcolor2xl) !important;
}
a:hover div.color3 {
	color: var(--flexcolor1) !important;
}


















/*
===============================
HVR  Hover CSS
===============================
*/
.social .hvr-grow:active, 
.social .hvr-grow:focus, 
.social .hvr-grow:hover {
	-webkit-transform: scale(1.45);
	transform: scale(1.45);
}


.hvr-push i:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}




/*
===============================
GO BACK
===============================
*/

/*LINK*/
.goBack {
    margin: 5px 0px;
    text-transform: uppercase;
	color: var(--flexcolor2) !important;	
}
.goBack a,
.goBack a:link,
.goBack a:visited {
	/*color: var(--color3lf3) !important;*/
    font-size: 80%;
	padding: 0px;
	margin: 0 25px 0 0px;
	/*background-color: yellow;*/

/* TRANSITION */
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
 }
 
/*LINK - hover, focus*/
.goBack a:focus, 
.goBack a:hover {
	color: var(--flexcolor1) !important;	
/* TRANSITION TO*/
-webkit-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}



/*
===============================
BREADCRUMBS
===============================
*/

.breadcrumb {
	font-size: 80%;
	color: var(--color1lf2, #ededed);
	padding-bottom: 20px;
}
.breadcrumb a {
	color: var(--color3d, #272727);
}
.breadcrumb a:hover {
	color: var(--color1, #424242);
}
.breadcrumb > li + li:before {
    color: #ccc;
    content: "/ ";
    padding: 0 5px;
}

/* IF GoBack inside breadcrumbs
.breadcrumb >  li:first-child + li:before {  
    color: #ccc;
    content: "";
    padding: 0 5px;
} */

/* Default */
ul.breadcrumb,
.breadcrumb {
	background-color: transparent !important;
	padding: 0 0 0 0px !important;
	margin-bottom: 70px !important;
	border-radius: 0;
	display: inline-block !important;
}
ul.breadcrumb li a {
	text-transform: uppercase;
	color: var(--color2, #a1a1a1);
}
.roCrumbs {
    color: var(--gray2);
	text-transform: uppercase;
}
.roCrumbs.Back {
    margin-right: 20px;
}










/*
===============================
SECTION NAV  (section_menu . Menu Layouts)
===============================
*/

.section_menu {
	/*background-color: #FEFEFE !important;*/
	position: relative;
	margin: 0 0px 0 0;
	padding: 10px 0;

}    
.section_menu ul li div ul {
	display: flex !important;
	/*background-color: green;*/	

	flex-flow: row wrap;
	margin: 0px;
	flex: 1;
	min-width: 0;
	margin-left: 20px;
}

/* Section Header */
.section_menu > ul > li {
	display: flex !important;
	text-transform: uppercase;
	font-size: 70%;
	align-content: start; /* GROUP vertical within container */	
	justify-content: start; /* horizontal */
	align-items: start; /* vertical */
	/*align-self: start;   INDIVIDUAL vertical */
	text-align: left;
	white-space: nowrap;
	padding: 5px 0px;
	/*flex-flow: column wrap;  to wrap Header*/

}



/* Section Links */
.section_menu ul li div ul li {
	display: flex !important;
	margin: 0;
	line-height: inherit;
	text-transform: uppercase;
	
	align-content: start; /* GROUP vertical within container */	
	justify-content: start; /* horizontal */
	align-items: start; /* vertical */
	/*align-self: start;   INDIVIDUAL vertical */
	
/*min-width: 0;*/
	text-align: center;
	/*background-color: rgba(0,0,0,.025);*/
	/*flex-flow: column wrap;*/
	flex: 1; /*flex: grow  shrink  basis */ 
}

.section_menu ul li div ul li a {
	/*background-color: rgba(255,255,255,.4);*/
	white-space: nowrap;
	padding-bottom: 10px;
	padding: 7px 0 !important;
	margin: -7px 0 0 0;
	}    
.section_menu ul li div ul li a .brand-attention {
	margin-top: -9;
}    


.section_menu ul li div ul li:after {
    color: var(--flexcolor3f5);
    content: "|";
    padding: 0 12px;
}
.section_menu ul li div ul li:last-child:after {
    color: blue;
    content: "";
    padding: 0 10px;
}

/* IF GoBack inside breadcrumbs
.breadcrumb >  li:first-child + li:before {  
    color: #ccc;
    content: "";
    padding: 0 5px;
} */



.flexgrow0
/*.section_menu ul li div ul li.flexgrow0*/ {
	flex: 0 !important; /*flex: grow  shrink  basis */ 
}
.flexgrow1
/*.section_menu ul li div ul li.flexgrow0*/ {
	flex: 1 !important; /*flex: grow  shrink  basis */ 
}





@media (max-width: 576px) /* navbar-expand-xs */ {


		.section_menu ul li div ul li {
		align-content: start;
		justify-content: start;
		align-items: start;
		/* min-width: 0; */
		text-align: left;
		flex: 0 !important;
		}
		/* Section Links */
		.section_menu > ul > li {
			flex-flow: column wrap;
		}
		.section_menu ul li div ul {
		margin: 10px 0 0 0;
		}
		.section_menu ul li div ul li:after {
			color: none;
			content: "";
			padding: 0px;
		}
	.section_menu ul li div ul li a {
		/*background-color: rgba(255,255,255,.4);*/
		white-space: wrap;
		padding: 0 20px 10px 0 !important;
}    


}





.flexLink-container,
.flex-container {
  display: flex;
  flex-flow: row wrap;
}

.flexLink,
ul.flexLink,
.flexitem {
	display: flex;
	flex-flow: row;
	/* border: 1px solid; */
	margin: 0;
	flex: 1;
	min-width: 0;
	flex-wrap: nowrap;
}
ul.flexLink a {
	display: flex;
	flex-grow: 1;
	flex: 1;
}

.flexLink-child,
ul.flexLink li,
ul.flexLink a li {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	flex: 1;
	min-width: 0;
	justify-content: center;
	text-align: center;
	/* border: 1px solid dodgerblue; */
	margin: 0 3px 3px 0;
	background-color: yellow !important;
	padding: 10px;
}


ul.flexLink a:hover li {
	background-color: gold !important;
}


.child-title {
  white-space: wrap;
}












/*
===============================
BUTTONS
===============================
*/

.btn, 
.btn-2x, .btn-1x, .btn-2x-wrap, .btn-1x-wrap, .btn-wrap,    
.btn-xxl-2x, .btn-xxl, .btn-xxl-2x-wrap, .btn-xxl-wrap,    
.btn-xl-2x, .btn-xl, .btn-xl-2x-wrap, .btn-xl-wrap,    
.btn-lg-2x, .btn-lg, .btn-lg-2x-wrap, .btn-lg-wrap,    
.btn-md-2x, .btn-md-1x, .btn-md, .btn-md-2x-wrap, .btn-md-1x-wrap, .btn-md-wrap,  /* DEFAULT */    
.btn-sm-2x, .btn-sm, .btn-sm-2x-wrap, .btn-sm-wrap,    
.btn-xs, .btn-xs-wrap,
.submit-button {
	margin: 0px;
	font-family: var(--buttonFont) !important;
	text-transform: var(--buttonTextTransform); 
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	-moz-user-select: none;
	background-image: none;
	border: 0px;
	font-weight: normal;
	padding: 1.5rem 2.25rem 1.5rem 2rem;
	font-size: 1.25rem;
	/*line-height: 1.25rem;*/
	margin-bottom: 0.75rem;
	border-radius: 0.25rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;	
	-webkit-font-smoothing: subpixel-antialiased !important;  /*  fixes font flicker in Safari */
	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-text-stroke: 0.20px !important;  /* fixes font flicker in Safari  - for FOOTER ONLY */
/* TRANSITION
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in; */
/* TRANSFORM 
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
    -moz-transform: scale(1);
    transform: scale(1);   */
    display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline: 0px solid;
outline: 0px auto -webkit-focus-ring-color;
outline-offset: -2px;
}





@keyframes short-press {
	0% {transform: scale(1);}  
	50% { transform: scale(.9); }
	100% { transform: scale(1); }
	}


.submit-button {
  /*display: block;
  font-size: 1em;
  letter-spacing: 1px;
  height: 60px;
  width: 240px;
  line-height:60px;
  overflow: hidden;
  background: #4dbecf;
  border-radius: 3px;
  box-shadow: 0 15px 30px rgba(black,.1);
  border: 0;
  cursor: pointer;
  transition: all .3s ease;*/
 }
  
.submit-button:hover,
.submit-button:focus {
		box-shadow: 0 5px 15px rgba(black,.1);
		}

.submit-button.animated {
		animation: .75s short-press cubic-bezier(0.770, 0.000, 0.175, 1.000) forwards;
		}

.submit-button > span {
	display: block;
	color: white;
	text-align: center;
}

.submit-button > span.pre-state-msg {
	transition: all .7s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition-delay: .75s;
}

.submit-button > span.state-1 .pre-state-msg {
	margin-top: -38px;
	}

.submit-button > span.state-2 .pre-state-msg {
	margin-top: -76px;
}









.btn:hover,
.system_button:hover {
/* TRANSITION TO
	-webkit-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
/* TRANSFORM TO
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);   
	-moz-transform: scale(1.1);
	transform: scale(1.1);	    */

  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;  
  z-index: 1000 !important;
}




/* AFTER ICON (within Button) */
.btn svg {
	margin-right: 7px !important;
}
/* XXL - XXL Button ..................................... */
.btn-xxl,
.btn-xxl-2x {
	padding: 2rem 4rem 2.6rem 4rem;
	font-size: 2.5rem !important;
	line-height: 2.5rem;
   margin: .15rem;
	margin-bottom: 2rem;
	border-radius: 0.5rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	/*max-width: 600px;*/
}
/* XL - X-Large Button..................................... */
.btn.btn-xl,
.btn-xl,
.btn-xl-2x {
	padding: 2rem 4rem 2.4rem 4rem;
	font-size: 2.25rem !important;
	line-height: 2.25rem;
   margin: .15rem;
	margin-bottom: 2rem;
	border-radius: 0.5rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
}
/* LG - Large Button..................................... */
.btn.btn-lg,
.btn-lg,
.btn-lg-2x {
	padding: 1.5rem 3.5rem 1.75rem 3.5rem !important;
	font-size: 2.1rem !important;
	line-height: 2rem;
   margin: .15rem;
	margin-bottom: 1.75rem;
	border-radius: 0.5rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
}

.checkout > .system_button {
	padding: 1.5rem 3.5rem 1.75rem 3.5rem !important;
	font-size: 2.1rem !important;
	line-height: 2rem;
	margin: .15rem;
	margin-bottom: 1.75rem;
	border-radius: 0.5rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	text-transform: capitalize !important;
}









/* MD - Medium Button..................................... */
	.btn.btn-md, .btn-md, .btn-md-2x {
	font-size: 1.5rem;
	/* margin: -6px -6px 0 0; */
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	padding: 0.95rem 2rem 1.05rem 2rem;
	font-size: 1.5rem !important;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	min-width: 150px;
	width: 110%;
	max-width: 350px;
}

/* SM - Small Button..................................... */
.btn.btn-sm,
.btn-sm,
.btn-sm-2x {
	padding: 1rem 2rem 1.1rem 2rem !important;
	font-size: 1.2rem !important;
	line-height: 1.2rem;
	margin: .15rem .15rem .15rem -.05rem;
	border-radius: 0.5rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;

}
/* XS - X-Small Button..................................... */
.btn.btn-xs,
.btn-xs,
.btn-xs-2x {
	padding: 0.75rem 1.75rem 0.85rem 1.75rem;
	font-size: 1rem !important;
	line-height: 1rem;
	margin: .15rem;
	border-radius: 0.4rem; /* Rounded Corners 0 = no */
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
}
/* XXS - XX-Small Button..................................... */
.btn.btn-xxs, 
.btn-xxs, 
.btn-xxs-2x {
	padding: 0.5rem 0.75rem;
	font-size: 0.7rem !important;
	/* line-height: 0.7rem; */
	margin: .15rem;
	border-radius: 0.4rem;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.4rem;
}


.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger {text-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active {-webkit-box-shadow: none;box-shadow: none;}
.btn:active,.btn.active {background-image: none;}

.btn-default, .btn-primary, .btn-secondary, .btn-footer, .btn-color1, .btn-color2, .btn-info, .btn-success, .btn-warning, .btn-danger, .system_button {
	text-shadow: none;
	background-image: none;
	background-repeat: repeat-x;
	border-color: transparent;
	filter: none;
	color: var(--PrimaryButtonTextColor) !important;
	background-color: var(--PrimaryButtonColor) !important;
}
.btn-info, .btn-info:active, .btn-info.active {color: #000000; background-color: gold !important;}
.submit-button,.btn-success, .btn-success:active, .btn-success.active {background-color: #039303 !important;}

.system_button, .system_button:active {background-color: #039303 !important;}

.btn-warning, .btn-warning:active, .btn-warning.active {background-color: darkorange !important;}
.btn-danger, .btn-danger:active, .btn-danger.active {background-color: red !important;}

/* Button LINK */
.btn-footer a:link, a.btn-footer, a.btn-footer:link, .btn-footer a,
.btn-info a:link, a.btn-info, a.btn-info:link, .btn-info a,
.btn-success a:link, a.btn-success, a.btn-success:link, .btn-success a,
.btn-warning a:link, a.btn-warning, a.btn-warning:link, .btn-warning a,
.btn-danger a:link, a.btn-danger, a.btn-danger:link, .btn-danger a {
	color: #FFFFFF !important;
}
.btn-info:not([disabled]):not(.disabled):active, 
.btn-info:not([disabled]):not(.disabled).active, 
.show>.btn-info.dropdown-toggle {
	background-color: #ffe44d !important;
}
.btn.btn-info:hover, .btn-info:hover, .btn-info:focus {
	color: #FFFFFF;
	background-color: #ffe44d !important;
}
.btn-success:hover, .btn-success:focus {
	color: #FFFFFF !important;
	background-color: #00C400 !important;
}
.btn-warning:hover, .btn-warning:focus {
	color: #FFFFFF !important;
	background-color: orange !important;
}
.btn-danger:hover, .btn-danger:focus {
	color: #FFFFFF !important;
	background-color: #c12e2a !important;
}


/* Primary */
.btn.btn-default,
.btn-default:not([disabled]):not(.disabled):active, 
.btn-default:not([disabled]):not(.disabled).active, .show>.btn-default.dropdown-toggle,
.btn-default, .btn-default:active, .btn-default.active,
.btn-primary, .btn-primary:active, .btn-primary.active,
.btn-color1, .btn-color1:active, .btn-color1.active {
   color: var(--PrimaryButtonTextColor) !important;
   background-color: var(--PrimaryButtonColor) !important;}
.btn-secondary, .btn-secondary:active, .btn-secondary.active,
.btn-color2, .btn-color2:active, .btn-color2.active,
.btn-footer, .btn-footer:active, .btn-footer.active {
   color: var(--SecondaryButtonTextColor) !important;
   background-color: var(--SecondaryButtonColor) !important;
}
/* Button LINKS */
.btn-primary a:link, a.btn-primary, a.btn-primary:link, .btn-primary a, .btn-primary:link,
.btn-default a:link, a.btn-default, a.btn-default:link, .btn-default a, .btn-default:link, 
.btn-color1 a:link, a.btn-color1, a.btn-color1:link, .btn-color1 a,  .btn-color1:link {
	color: var(--PrimaryButtonTextColor) !important;
}
.btn-secondary a:link, a.btn-secondary, a.btn-secondary:link, .btn-secondary a, .btn-secondary:link,
.btn-color2 a:link, a.btn-color2, a.btn-color2:link, .btn-color2 a, .btn-color2:link {
	color: var(--SecondaryButtonTextColor) !important;
}

/* Primary HOVER */
.btn.btn-default:hover,
.btn-default:hover, .btn-default:focus,
.btn-default a:hover, a.btn-default:hover,
.btn.btn-primary:hover,
.btn-primary:hover, .btn-primary:focus, 
.btn-primary a:hover, a.btn-primary:hover, 
.btn-color1:hover, .btn-color1:focus,
.btn-color1 a:hover, a.btn-color1:hover {
	color: var(--PrimaryButtonTextColor) !important;
	background-color: var(--PrimaryButtonColor) !important;
}
/* Primary ACTIVE */
.btn-primary:not([disabled]):not(.disabled):active, 
.btn-primary:not([disabled]):not(.disabled).active, .show>.btn-primary.dropdown-toggle,
.btn-default:not([disabled]):not(.disabled):active, 
.btn-default:not([disabled]):not(.disabled).active, .show>.btn-default.dropdown-toggle,
.btn-active,
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.open>.dropdown-toggle.btn-primary.focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover {
	color: var(--PrimaryButtonTextColor) !important;
	/*background-color: var(--PrimaryButtonColor) !important;*/
	background-color: var(--color1d) !important;
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	
}


/* Secondary */
.btn-secondary:not([disabled]):not(.disabled):active, 
.btn-secondary:not([disabled]):not(.disabled).active, 
.show > .btn-secondary.dropdown-toggle {
   color: var(--SecondaryButtonTextColor) !important;
   background-color: var(--color2xd) !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-secondary:not([disabled]):not(.disabled):hover, 
.btn-secondary:not([disabled]):not(.disabled).hover, 
.show > .btn-secondary.dropdown-toggle {
   color: var(--SecondaryButtonTextColor) !important;
   background-color: var(--color2xl) !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* Secondary HOVER */
.btn.btn-secondary:hover,
.btn-secondary:hover, .btn-secondary:focus, 
.btn-secondary a:hover, a.btn-secondary:hover, 
.btn-color2:hover, .btn-color2:focus,
.btn-color2 a:hover, a.btn-color2:hover,
.btn-footer:hover, .btn-footer:focus {
   color: var(--SecondaryButtonTextColor) !important;
   background-color: var(--SecondaryButtonColor) !important;
}

/* Secondary ACTIVE */
.btn-secondary.active.focus, 
.btn-secondary.active:focus, 
.btn-secondary.active:hover, 
.btn-secondary:active.focus, 
.btn-secondary:active:focus, 
.btn-secondary:active:hover, 
.open>.dropdown-toggle.btn-secondary.focus, 
.open>.dropdown-toggle.btn-secondary:focus, 
.open>.dropdown-toggle.btn-secondary:hover {
	color: var(--SecondaryButtonTextColor) !important;
	background-color: var(--SecondaryButtonColor) !important;
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.btn.disabled, 
.btn:disabled {
    opacity: .65;
    background-color: var(--black3) !important;
}







/*
===============================
BUTTON GROUP
===============================
*/

#filters.btn-group,
#sorts.btn-group {
	font-size: 90% !important;
	margin-right: 20px;
} 

.btn-group button.btn-xl,
.btn-group button.btn-lg,
.btn-group button.btn-md,
.btn-group button.btn-sm,
.btn-group button.btn-xs {
	margin: 0;
} 

.btn-group button.btn-xl {
	font-size: 120% !important;
	padding: 25px 30px;
} 
.btn-group button.btn-lg {
	font-size: 100% !important;
	padding: 20px 20px;
} 
.btn-group button.btn-md {
	font-size: 90% !important;
	padding: 15px 25px;
} 

.btn-group button.btn-sm {
	font-size: 85% !important;
	padding: 12px 20px;
} 

.btn-group button.btn-xs {
	font-size: 75% !important;
	padding: 10px 15px;
	margin: 0px -5px 5px 0px !important;
} 




.btn-group>.btn-group, 
.btn-group>.btn {
margin-left: 0px;
margin-right: -5px;
}








/*
===============================
LIST
===============================
*/


.overlayImg {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  /*width: 100%;*/
  transition: .5s ease;
  z-index: 10 !important;
}












/*
===============================
CARDS
===============================
*/
/* 3rd Party */
.team-slider .card-title {
  font-size: 110%;
  text-transform: uppercase;
}
/*::::::::: Adjustments::::::::::::*/
@media (max-width: 768px) /* navbar-expand-sm */ {
  .xs .cardList h5, .xs .cardList .h5 {}
  .xs .cardList h4, .xs .cardList .h4 {}
}
/*::::::::: cardBlock ::::::::::::*/
.cardBlock {
  display: block;
  -moz-animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-timing-function: ease-in-out;
  /* background-color: lightyellow !important; */
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.xlr .cardBlock-item, .xll .cardBlock-item {
  /*background-color: lightblue !important;*/
  /*padding: 10px 40px 20px 40px;	*/
}
.xlr .cardBlock-content, .xll .cardBlock-content {
  /*background-color: lightpink !important;*/
  width: 80%;
}
.xl .cardBlock-item {
  padding: 0px;
}
@media (max-width: 768px) /* navbar-expand-sm */ {
  .xlr .cardBlock-item, .xll .cardBlock-item {
    padding: 30px 0px;
  }
  .xlr .cardBlock-content, .xll .cardBlock-content {
    width: 85%;
  }
  .xl .cardBlock-item {
    padding: 30px 20px;
  }
}


/*CONTENT*/
.cardBlock.xl .cardBlock-content {
  width: 60%;
}
.cardBlock.lg .cardBlock-content, .cardBlock.md .cardBlock-content, .cardBlock.sm .cardBlock-content {
  width: 75%;
}
.cardBlock.xs .cardBlock-content {
  width: 85%;
}
@media (max-width: 768px) /* navbar-expand-sm */ {
  .cardBlock.xl .cardBlock-content {
    width: 80%;
  }
  .cardBlock.lg .cardBlock-content, .cardBlock.md .cardBlock-content, .cardBlock.sm .cardBlock-content {
    width: 90%;
  }
  .cardBlock.xs .cardBlock-content {
    width: 95%;
  }
}
@media (max-width: 576px) /* navbar-expand-xs */ {
  .cardBlock.xl .cardBlock-content {
    width: 97%;
  }
  .cardBlock.lg .cardBlock-content, .cardBlock.md .cardBlock-content {
    width: 90%;
  }
  .cardBlock.sm .cardBlock-content, .cardBlock.xs .cardBlock-content {
    width: 85%;
  }
}
@media (min-width: 1200px) /* navbar-expand-xs */ {
  /*CONTENT*/
  .xl.cardBlock .cardBlock-content .h1, .xll .cardBlock .cardBlock-content .h1, .xlr .cardBlock .cardBlock-content .h1 {
    font-size: 375%;
  }
  .xl.cardBlock .cardBlock-content .h3, .xll .cardBlock .cardBlock-content .h3, .xlr .cardBlock .cardBlock-content .h3 {
    font-size: 190%;
  }
  .cardBlock.xl .cardBlock-content h1, .cardBlock.xl .cardBlock-content .h1 {
    font-size: 400%;
  }
}
@media (min-width: 769px) /* navbar-expand-xs */ {
  /*CONTENT*/
  .cardBlock.xl .cardBlock-content h1 {
    font-size: 360%;
  }
  .xl.cardBlock .cardBlock-content .h1, .xll .cardBlock .cardBlock-content .h1, .xlr .cardBlock .cardBlock-content .h1 {
    font-size: 325%;
  }
  .xl.cardBlock .cardBlock-content .h3, .xll .cardBlock .cardBlock-content .h3, .xlr .cardBlock .cardBlock-content .h3 {
    font-size: 175%;
  }
}
@media (max-width: 768px) /* navbar-expand-xs */ {
  /*CONTENT*/
  .cardBlock.xl .cardBlock-content h1, .cardBlock.xl .cardBlock-content .h1, .xl.cardBlock .cardBlock-content .h1, .xll .cardBlock .cardBlock-content .h1, .xlr .cardBlock .cardBlock-content .h1 {
    font-size: 250%;
  }
  .cardBlock.xl .cardBlock-content .h3, .xl.cardBlock .cardBlock-content .h3, .xll .cardBlock .cardBlock-content .h3, .xlr .cardBlock .cardBlock-content .h3 {
    font-size: 160%;
  }
  .cardBlock.xl .cardBlock-content .head2 {
    font-size: 175%;
  }
  .cardBlock.xl .cardBlock-content .head3 {
    font-size: 150%;
  }
  .cardBlock.xl .cardBlock-content .head4 {
    font-size: 120%;
  }
  .cardBlock.xl .cardBlock-content .head5 {
    font-size: 110%;
  }
  .cardBlock.xl .cardBlock-content .head6 {
    font-size: 105%;
  }
  .cardBlock.lg .cardBlock-content .h2 {
    font-size: 260%;
  }
  .cardBlock.lg .cardBlock-content .h4 {
    font-size: 160%;
  }
  .cardBlock.md .cardBlock-content .h3 {
    font-size: 230%;
  }
  .cardBlock.md .cardBlock-content .h5 {
    font-size: 130%;
  }
  .cardBlock.sm .cardBlock-content .h4 {
    font-size: 210%;
  }
  .cardBlock.sm .cardBlock-content .h6 {
    font-size: 120%;
  }
  .cardBlock.xs .cardBlock-content .h6 {
    font-size: 130%;
  }
}
.cardBlock-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: 0;
  border: 0px solid #fff;
  background: transparent;
  overflow: hidden;
}
.cardBlock-viewport, .cardBlock-wrapper {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
}
.cardBlock-wrapper .cardBlock-viewport {
  border: none !important;
  /*background-color: black !important;*/
}
.cardBlock .bgHolder.parallax {
  /* background-attachment: fixed !important; /* sticky bg, parallax */
}
.cover.Center {
  background-position: center center;
}
.cover.Left {
  background-position: left center;
}
.cover.Right {
  background-position: right center;
}
.cover.Top {
  background-position: center top;
}
.cover.Bottom {
  background-position: center bottom;
}
.cover.Left-Top {
  background-position: left top;
}
.cover.Left-Bottom {
  background-position: left bottom;
}
.cover.Right-Top {
  background-position: right top;
}
.cover.Right-Bottom {
  background-position: right bottom;
}
/* COVER (image) */
.cardBlock .cover.bgHolder {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-transition: -webkit-transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/* CONTAIN (logo) */
.cardBlock .contain.bgHolder {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
  max-width: 100%;
}
/* Ken Burns simulate */
.cardBlock .cover.bgHolder.kenburns, .cardBlock .contain.bgHolder.kenburns {
  -webkit-transition: -webkit-transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.cardBlock:hover .cover.bgHolder.kenburns, .cardBlock:hover .contain.bgHolder.kenburns {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
/*.cardBlock .cardItem img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transition: -webkit-transform 10s;
	transition: transform 10s;
}*/
.cardBlock-item {
  padding: 20px;
  overflow: hidden;
  display: block;
  position: relative;
}
.cardBlock-item:hover .overlay {
  opacity: .5 !important;
}
.cardBlock-item .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0.25;
  transition: .5s ease;
  background-color: black;
}

/*
.card-color1 .list-hit a:hover div .h1, .list-hit a:hover div .h1, .card-color1 .list-hit a:hover div .h2, .list-hit a:hover div .h2, .card-color1 .list-hit a:hover div .h3, .list-hit a:hover div .h3, .card-color1 .list-hit a:hover div .h4, .list-hit a:hover div .h4, .card-color1 .list-hit a:hover div .h4, .list-hit a:hover div .h5, .card-color1 .list-hit a:hover div .h4, .list-hit a:hover div .h6, .card-color1 .list-hit a .h1:hover, .list-hit a .h1:hover, .card-color1 .list-hit a .h2:hover, .list-hit a .h2:hover, .card-color1 .list-hit a .h3:hover, .list-hit a .h3:hover, .card-color1 .list-hit a .h4:hover, .list-hit a .h4:hover, .card-color1 .list-hit a .h5:hover, .list-hit a .h5:hover, .card-color1 .list-hit a .h6:hover, .list-hit a .h6:hover, .card-color1 .list-hit a:hover div h1, .list-hit a:hover div h1, .card-color1 .list-hit a:hover div h2, .list-hit a:hover div h2, .card-color1 .list-hit a:hover div h3, .list-hit a:hover div h3, .card-color1 .list-hit a:hover div h4, .list-hit a:hover div h4, .card-color1 .list-hit a:hover div h4, .list-hit a:hover div h5, .card-color1 .list-hit a:hover div h4, .list-hit a:hover div h6 {
  color: var(--color1, #787878);
}
.card-color2 .list-hit a:hover div .h1, .card-color2 .list-hit a:hover div .h2, .card-color2 .list-hit a:hover div .h3, .card-color2 .list-hit a:hover div .h4, .card-color2 .list-hit a:hover div .h5, .card-color2 .list-hit a:hover div .h6, .card-color2 .list-hit a:hover div h1, .card-color2 .list-hit a:hover div h2, .card-color2 .list-hit a:hover div h3, .card-color2 .list-hit a:hover div h4, .card-color2 .list-hit a:hover div h5, .card-color2 .list-hit a:hover div h6 {
  color: var(--color2xl, #c1c1c1);
}
.card-color3 .list-hit a:hover div .h1, .card-color3 .list-hit a:hover div .h2, .card-color3 .list-hit a:hover div .h3, .card-color3 .list-hit a:hover div .h4, .card-color3 .list-hit a:hover div .h5, .card-color3 .list-hit a:hover div .h6, .card-color3 .list-hit a:hover div h1, .card-color3 .list-hit a:hover div h2, .card-color3 .list-hit a:hover div h3, .card-color3 .list-hit a:hover div h4, .card-color3 .list-hit a:hover div h5, .card-color3 .list-hit a:hover div h6 {
  color: var(--color1, #424242);
}
#cardBlock .card-color1 .list-hit a div .h1, #cardBlock .list-hit a div .h1, #cardBlock .card-color1 .list-hit a div .h2, #cardBlock .list-hit a div .h2, #cardBlock .card-color1 .list-hit a div .h3, #cardBlock .list-hit a div .h3, #cardBlock .card-color1 .list-hit a div .h4, #cardBlock .list-hit a div .h4, #cardBlock .card-color1 .list-hit a div .h5, #cardBlock .list-hit a div .h5, #cardBlock .card-color1 .list-hit a div .h6, #cardBlock .list-hit a div .h6 {
  color: white !important;
}
#cardBlock .card-color1 .list-hit a:hover div .h1, #cardBlock .list-hit a:hover div .h1, #cardBlock .card-color1 .list-hit a:hover div .h2, #cardBlock .list-hit a:hover div .h2, #cardBlock .card-color1 .list-hit a:hover div .h3, #cardBlock .list-hit a:hover div .h3, #cardBlock .card-color1 .list-hit a:hover div .h4, #cardBlock .list-hit a:hover div .h4, #cardBlock .card-color1 .list-hit a:hover div .h5, #cardBlock .list-hit a:hover div .h5, #cardBlock .card-color1 .list-hit a:hover div .h6, #cardBlock .list-hit a:hover div .h6 {
  color: var(--color1xl, #787878);
}
.h6.subclass.nolink a:hover {
  color: var(--color1xl, #787878);
}



*/


.cardContain {
  position: relative;
  width: 100%;
}



.list-hit a .overlay,
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0.3;
  transition: .5s ease;
  background-color: black !important;
}

.list-hit a:hover .overlay
/*a:hover .overlay*/ {
  opacity: 0.5;
}







.cardContain:hover .overlay {
  opacity: .65;
  height: 100%;
  bottom: 0;
  left: 0;
  right: 0;
}
.cardText-inner {
  color: white;
  font-size: 120%;
  position: absolute;
  bottom: 5%;
  left: 5%;
  text-align: left;
}
.cardText-inner:hover {
  opacity: 1;
}
/*.overlay::after {
	display: block;
	position: absolute;
	background-image: linear-gradient(to bottom, transparent 50%, black 100%);
	margin-top: 0;
	height: 100%;
	width: 100%;
	content: '';
}*/








































.label,
.label-sale,
.label-sold {
  font-size: 80%;
  line-height: 105%;
  margin-top: 0px;
  text-transform: var(--tagTextTransform) !important;
  background-color: rgb(255, 255, 255, 0.4);
  padding: 14px 5px 12px 5px;
  margin: 0px;
  text-align: center;  
	position: absolute;
	width: 100%;
	min-height: 60px;
	/* TRANSITION */
	transition: background-color 300ms ease-out;
	z-index: 5;
}
.label-sale,
.label-sold {
    font-size: 120%;
    background-color: rgb(0,128,0,.6) !important;
    padding: 5px 10px 6px 10px;
    min-height: 40px;
    color: white !important;
}

.label.Label-top {top: 0;}
.label.Label-bottom {bottom: 0;}

.label-sold {
    background-color: rgb(0,0,0,.6) !important;
    background-color: rgb(var(--color1raw),.6) !important;
}














.label.Label-light {
  color: #424242;
  background-color: rgb(255, 255, 255, 0.7);
}
a:hover .label.Label-light {
  color: #424242;
  background-color: rgb(255, 255, 255, 0.9);
  transition: background-color 300ms ease;
}


.label.Label-dark {
  color: #EEEEEE;
  background-color: rgb(0, 0, 0, 0.7);
}
a:hover .label.Label-dark {
  color: #EEEEEE;
  background-color: rgb(0, 0, 0, 0.9);
  transition: background-color 300ms ease;
}

.label.Label-color1 {
  color: #FFFFFF;
  background-color: var(--color1f9);
}
a:hover .label.Label-color1 {
  color: #FFFFFF;
  background-color: var(--color1);
  transition: background-color 300ms ease;
}

.label.Label-color2 {
  color: #FFFFFF;
  background-color: var(--color2f9);
}
a:hover .label.Label-color2 {
  color: #FFFFFF;
  background-color: var(--color2);
  transition: background-color 300ms ease;
}

.label.Label-color3 {
  color: #FFFFFF;
  background-color: var(--color3f8);
}
a:hover .label.Label-color3 {
  color: #FFFFFF;
  background-color: var(--color3);
  transition: background-color 300ms ease;
}




/* EXTRA SMALL devices (iPhone Horizontal and smaller) */
@media (max-width: 568px) {
  .label {
    font-size: 70%;
  }
}




.iconFA {
	/*transform: scale3d(1.1, 1.1, 1); */
}





/* IMG HOVER 
a:hover img, a img:hover {
	transform: scale3d(1.1, 1.1, 1);
}
*/



/* i */
.list-hit a i, 
.list-hit a:link i,
.list-hit a .nolink i,
.list-hit a .nolink a:link i,
.list-hit a svg, 
.list-hit a:link svg,
.list-hit a .nolink svg,
.list-hit a .nolink a:link svg 
.list-hit a .nolink {
	transition: all 300ms ease-out;
	transform: scale3d(1, 1, 1);
}

/* i HOVER */
.list-hit a:hover i, 
.list-hit a i:hover,
.list-hit a:hover svg, 
.list-hit a svg:hover,
.list-hit a:hover,
.list-nohit a:hover i, 
.list-nohit a i:hover,
.list-nohit a:hover svg, 
.list-nohit a svg:hover,
.list-hnohitit a:hover{
	transition: all 300ms ease-out;
	transform: scale3d(1.15, 1.15, 1.15);
}

.list-hit .d-flex a:hover i, 
.list-hit .d-flex a i:hover, 
.list-hit .d-flex a:hover svg, 
.list-hit .d-flex a svg:hover, 
.list-hit .d-flex a:hover,
.list-nohit .d-flex a:hover i, 
.list-nohit .d-flex a i:hover, 
.list-nohit .d-flex a:hover svg, 
.list-nohit .d-flex a svg:hover, 
.list-nohit .d-flex a:hover{
	transform: scale3d(1, 1, 1);
}




.list-hit a .nolink,
.list-nohit a .nolink {
	transition: all 300ms ease-out;
	transform: none !important;
	color: inherit;
}





/* IMG HOVER */
a:hover img, a img:hover {
	transform: scale3d(1.1, 1.1, 1);
}

/* IMG HOVER - MIN */
a:hover img.hover-min, 
a img.hover-min:hover,
a:hover i.hover-min,
a i.hover-min:hover,
a:hover svg.hover-min,
a svg.hover-min:hover {
	transform: scale3d(1.025, 1.025, 1);
}
/* IMG HOVER - NO */
a:hover img.hover-no, 
a img.hover-no:hover,
a:hover i.hover-no,
a i.hover-no:hover,
a:hover svg.hover-no,
a svg.hover-no:hover{
	transform: none !important;
	color: inherit;
}





/* IMG CIRCLE */

a img.circle,
img.circle {
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: scale3d(1.05,1.05,1.05) translate(-47%, -47%) !important;
	margin: 0;
	height: 100% !important;
}

a:hover img.circle {
	transform: scale3d(1.15,1.15,1.15) translate(-43%, -43%) !important;
}


a img.circle-logo {
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: scale3d(1,1,1) translate(-50%, calc(-50% - 1px)) !important;
	margin: 0;
	height: 100% !important;
}

a:hover img.circle-logo {
	transform: scale3d(1.1,1.1,1.1) translate(-46%, calc(-46% - 1px)) !important;
}




a i.iconFA,
a svg.iconFA{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: scale3d(1,1,1) translate(-50%, -50%) !important;
	margin: 0;
	height: 100% !important;
}
a:hover i.iconFA,
a:hover svg.iconFA {
	transform: scale3d(1.1,1.1,1.1) translate(-46%, -46%) !important;
}
















h4.FilterSort {
  font-size: 105%;
  margin-bottom: 5px;
}
h4.FilterSortSub {
  font-size: 80%;
}
h5.FilterSortDate {
  font-size: 120%;
  line-height: 120%;
  margin-top: 15px;
}