/* General */
@font-face {
  font-family: 'FontAwesomeAS4';
  src: url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.PM_ASearchTitle, .PM_ASBlockTitle {
  color: #272d33;
}

.PM_ASBlockOutputVertical a {
  color: #272d33;
  transition: color 0.4s linear;
}
.PM_ASBlockOutputVertical a:hover {
  color: #e73a58;
}

.clear { clear: both; }


/* Reset filters */
.PM_ASResetSearch {
  display: none;
  color: inherit;
  font-size: 0.85rem;
  padding:  0.25rem;
  margin: 0 0 0.75rem;
}
.PM_ASBlockOutputVertical .PM_ASResetSearch {
  border: 1px dashed rgba(0,0,0,.125);
  box-shadow: 2px 2px 11px 0 rgba(0,0,0,.1);
}
.PM_ASResetSearch:before {
  content: "\f0e2";
  font-family: "FontAwesome", "FontAwesomeAS4";
  padding-right: 5px;
}

.PM_ASResetGroup {
  font-size: 10px;
  margin-top: 5px;
}
.PM_ASResetGroup:before {
  content: "\f00d";
  font-family: "FontAwesome", "FontAwesomeAS4";
  padding-right: 2px;
}


/* Vertical Search blocks */
.PM_ASBlockOutputVertical .PM_ASForm {
  margin-bottom: 1.5rem;
}

.PM_ASBlockOutputVertical .PM_ASBlockNbProductValue {
  opacity: 0.6;
}
.PM_ASBlockOutputVertical .PM_ASCriterionsGroup {
  margin-bottom: 1rem;
}
.PM_ASBlockOutputVertical .PM_ASCriterionsGroupTitle {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 0.5rem;
  padding-top: 0;
  font-weight: 500;
}
.PM_ASBlockOutputVertical .PM_ASCriterionsGroup ul {
  margin-bottom: 0;
}
.PM_ASBlockOutputVertical .PM_ASSubmitSearch {
  margin-top: 0;
}


/* Groups of Criteria */

/* Lists management */
.PM_ASCriterions ul {
  list-style: none;
}

/* Skip group link */
.PM_ASSkipGroup {
  font-size: 10px;
  float: right;
  margin-top: 5px;
}
.PM_ASSkipGroup:after {
  content: "\f051";
  font-family: "FontAwesome", "FontAwesomeAS4";
  padding-left: 4px;
}

/* Hidden and disabled criteria */
.PM_ASCriterionDisable {
  -khtml-opacity: .50;
  -moz-opacity: .50;
  -ms-filter: "alpha(opacity=50)";
  filter: alpha(opacity=50);
  opacity: .50;
  zoom: 1;
}
.PM_ASShowCriterionsGroupHidden:before {
  font-family: "FontAwesome", "FontAwesomeAS4";
  padding-right: 4px;
}
.PM_ASShowCriterionsGroupHidden:before {
  content: "\f105";
}
.PM_ASShowCriterionsGroupHidden.PM_ASShowCriterionsGroupHiddenOpen:before {
  content: "\f107";
}
.PM_ASShowCriterionsGroupHidden {
  text-align: center;
}
.PM_ASCriterionsGroupHidden {
  display: none;
}

/* Range value for slider */
.PM_ASCritRange {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.PM_ASCritRangeValue {
  display: block;
  text-align: center;
  margin-top: 5px;
}

/* Hide toggle link */
.PM_ASCriterionHideToggleLink {
  font-size: 10px;
  margin-top: 10px;
  display: block;
}

/* Criterions */
ul.PM_ASCriterionGroupImage,
ul.PM_ASCriterionGroupCheckbox,
ul.PM_ASCriterionGroupLinkColor,
ul.PM_ASCriterionGroupLink,
ul.PM_ASCriterionGroupColor,
ul.PM_ASLevelDepth {
  list-style-type: none;
  padding-left: 0;
}

.PM_ASCriterionsSEOGroupDisabled,
.PM_ASCriterionsSEOGroupDisabled a,
.PM_ASCriterionsSEOGroupDisabled input {
  cursor: default;
  color: #272d33 !important;
}

/* Criterion group display */
ul.PM_ASCriterionGroupImage,
.PM_ASCriterionGroupColor {
  clear: both;
}
ul.PM_ASCriterionGroupImage li,
.PM_ASCriterionGroupColor li {
  display: inline-block;
}
ul.PM_ASCriterionGroupImage li a,
.PM_ASCriterionGroupColor li a {
  display: block;
}

/* Criterion display */
.PM_ASCriterionHide,
li.PM_ASCriterionHide {
  display: none;
}
.PM_ASHide {
  display: none;
}
.PM_ASHide:before, .PM_ASShow:before {
  font-family: "FontAwesome", "FontAwesomeAS4";
  padding-right: 4px;
}
.PM_ASHide:before {
  content: "\f106";
}
.PM_ASShow:before {
  content: "\f107";
}

/* Number of results on criterion */
div.PM_ASCriterionNbProduct {
  opacity: 0.6;
  display: inline;
}

/* Color square size */
.PM_ASCriterionGroupColor li a {
  width: 15px;
  height: 15px;
}
.PM_ASCriterionGroupColor.color_to_pick_list li, .PM_ASCriterionGroupLinkColor span.PM_ASCriterionColorSquare {
  border: 1px solid #D6D4D4;
  display: inline-block;
  float: none;
}
.PM_ASCriterionGroupColor.color_to_pick_list li a, .PM_ASCriterionGroupLinkColor span.PM_ASCriterionColorSquare {
  width: 23px;
  height: 23px;
  margin: 1px!important;
  background-size: 100% 100% !important;
}
.PM_ASCriterionGroupColor.color_to_pick_list li.PM_ASCriterionHide, ul.PM_ASCriterionGroupImage li.PM_ASCriterionHide {
  display: none;
}

/* Selected => image and square color */
.PM_ASCriterionGroupImage .PM_ASCriterionLink,
.PM_ASCriterionGroupColor .PM_ASCriterionLink {
  margin: 4px !important;
}
.PM_ASCriterionGroupImage .PM_ASCriterionLinkSelected,
.PM_ASCriterionGroupColor .PM_ASCriterionLinkSelected {
  border: 2px solid #999;
  margin: 2px !important;
}

/* link */
.PM_ASCriterionGroupLink > li {
  float: left;
  margin-right: 10px;
  margin-bottom: 8px;
}

.PM_ASCriterionGroupLink .PM_ASCriterionLinkSelected {
  font-weight: 600;
}

.PM_ASCriterionGroupLink .PM_ASCriterionLink:hover {
  text-decoration: underline;
}

/* Criterion group (color, but not square only) */
.PM_ASCriterionGroupLinkColor .PM_ASCriterionLink {
  height: 23px;
  line-height: 23px;
  margin-bottom: 3px;
  display: block;
}
.PM_ASCriterionGroupLinkColor .PM_ASCriterionLink .PM_ASCriterionValue {
  line-height: 23px;
  display: block;
}
.PM_ASCriterionGroupLinkColor span.PM_ASCriterionColorSquare {
  margin: 0 6px 0 0 !important;
  display: block;
  float: left;
}

/* Selected class for label with link to SEO pages */
.PM_ASCriterionGroupCheckbox .PM_ASLabelCheckboxSelected .PM_ASLabelLink,
.PM_ASCriterionGroupCheckbox .PM_ASLabelCheckbox .PM_ASLabelLink:hover {
  font-weight: bold;
}

/* Remove checkbox border for IE */
.PM_ASCriterionCheckbox {
  border: 0;
  vertical-align: middle;
}


/* Criterion => level depth */
.PM_ASLevelDepth {}

.PM_ASLevelDepth li {
  position: relative
}
.PM_ASLevelDepth li a {
  font-weight: 700;
  display: block;
  font-weight: 600;
  line-height: 30px;
  border-bottom: 2px solid #ebebeb;
}
.PM_ASLevelDepth li:not(.level1) a {
  border-bottom: none;
}
.PM_ASLevelDepth li:not(.level1):not(.PM_ASCriterionLevelSelected) a {
  color: #777777;
  font-weight: normal;
  font-size: .875rem;
}
.PM_ASLevelDepth li span.grower {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.PM_ASLevelDepth li span.grower.PM_ASCriterionClose .add,
.PM_ASLevelDepth li span.grower.PM_ASCriterionOpen .remove {
  display: block;
}
.PM_ASLevelDepth li span.grower.PM_ASCriterionClose .remove,
.PM_ASLevelDepth li span.grower.PM_ASCriterionOpen .add {
  display: none;
}

/* Selected class for category tree view */
.PM_ASLevelDepth .PM_ASCriterionLevelChoosen .PM_ASCriterionLevelChoose {
  font-weight: bold;
}
.PM_ASLevelDepth .PM_ASCriterionLevelSelected.PM_ASCriterionLevelChoosen span + .PM_ASCriterionLevelChoose,
.PM_ASLevelDepth .PM_ASCriterionLevelSelected.PM_ASCriterionLevelChoosen a.PM_ASCriterionLevelChoose {
  text-decoration: underline;
}

/* Link for removing criterion of selection */
.PM_ASCriterionLevelChoosen a:hover {
  text-decoration: line-through !important;
}

/* Selections block display */
.PM_ASSelections li {
  display: inline-block;
}

.PM_ASBlockOutputVertical .PM_ASSelections {
  padding: 0;
  background-color: transparent;
  border: none;
  margin-bottom: 1rem;
}
.PM_ASBlockOutputVertical .PM_ASSelections .active-filter-title {
  display: block;
  margin: 0 0 0.5rem;
}
.PM_ASBlockOutputVertical .PM_ASSelections li {
  /* display: block; */
}
.PM_ASBlockOutputVertical .PM_ASSelections a.PM_ASSelectionsRemoveLink {
  padding: 0.25rem;
}

.PM_ASSelectionsDropDown {
  position: relative;
  height: 25px;
  z-index: 2;
}
.PM_ASSelectionsDropDownMenu {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  padding: 0.5rem;
  z-index: 2;
}

/* Link for showing dropdown selection reminder on vertical block */
a.PM_ASSelectionsDropDownShowLink {
  text-decoration: none;
}
a.PM_ASSelectionsDropDownShowLink:before {
  content: "\f105";
  font-family: "FontAwesome", "FontAwesomeAS4";
  padding-right: 4px;
}
a.PM_ASSelectionsDropDownShowLink.PM_ASSelectionsBlockOpened:before {
  content: "\f107";
}
.PM_ASSelectionsResults .PM_ASSelectionsSelectedCriterion {
  display: inline-block;
  padding-right: 5px;
}
.PM_ASSelectionsResults .PM_ASSelectionsCriterionsGroup .PM_ASSelectionsCriterionsGroupName {
  display: block;
}
.PM_ASSelectionsResults .PM_ASSelectionsCriterionsGroupName strong,
.PM_ASSelectionsResults .PM_ASSelectionsCriterionsGroupName > ul {
  display: inline-block;
}

/* Dropdown selection reminder on vertical block */
.PM_ASBlockOutputVertical .PM_ASSelectionsDropDownMenu {
  width: 100%;
}

/* Link for removing criterion of selection */
a.PM_ASSelectionsRemoveLink:hover {
  text-decoration: line-through;
}
a.PM_ASSelectionsRemoveLink:before {
  content: "\f00d";
  font-family: "FontAwesome", "FontAwesomeAS4";
  padding-right: 5px;
}

/* SEO pages */
#PM_ASearchSeoCrossLinks {
  clear: both;
}

/* Blur */
.as4-loader-blur {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
  filter: blur(2px);
}
.as4-loader:before,
.as4-loader:after,
.as4-loader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: as4loader 1.8s infinite ease-in-out;
  animation: as4loader 1.8s infinite ease-in-out;
}
.as4-loader {
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
  opacity: 1;
}
.as4-loader:before {
  left: -3.5em;
}
.as4-loader:after {
  left: 3.5em;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.as4-loader:before,
.as4-loader:after {
  content: '';
  position: absolute;
  top: 0;
}
@keyframes as4loader { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #333333; } 40% { box-shadow: 0 2.5em 0 0 #666666; } }@-webkit-keyframes as4loader { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #333333; } 40% { box-shadow: 0 2.5em 0 0 #666666; } }


/* Scrollbar and overflow management for webkit */
.PM_ASCriterionsGroupOuter::-webkit-scrollbar {
  width: 5px;
}
.PM_ASCriterionsGroupOuter::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.PM_ASCriterionsGroupOuter::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(0,0,0,0.4);
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.PM_ASCriterionsGroupOuter::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0,0,0,0.2);
}
.PM_ASBlockOutput {
  position: relative;
}

#left-column .PM_ASBlockOutput {
  display: block;
	position: fixed;
	top: 0;
	left: -50vw;
	z-index: 5000;
	height: 100vh;
  background: white;
	overflow: auto;
	width: 50vw;
  transition: left 0.4s ease-in-out;
}

@media (min-width: 992px) {
  #left-column .PM_ASBlockOutput {
    left: -33vw;
    width: 33vw;      
  }
}

@media (min-width: 1200px) {
  #left-column .PM_ASBlockOutput {
    left: -25vw;
    width: 25vw;      
  }
}


#left-column .PM_ASBlockOutput .card {
  margin-bottom: 0;
  padding-bottom: 2rem;
  height: 100%;
}

#left-column .PM_ASBlockOutput.panelvisible {
	left: 0;
	border-right: 1px solid #ccc;
	box-shadow: 3px 0px 6px 0 rgba(0,0,0,.25);
}
#left-column .PM_ASBlockOutput.panelvisible.PM_ASMobileMode {
  width: 100vw;
}

#left-column .PM_ASBlockOutput .card .close-adv-search {
	position: absolute;
	top: 0;
	right: 15px;
	padding: 10px;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.topFilter {
	max-height: 20px;
	overflow: auto;
}


.topFilter li {
	display: inline-block;
	margin-right: 20px;
	cursor: pointer;
  font-size: 0.875rem;
  transition: color 0.4s linear;
}

.topFilter li:hover
{
	color: #e73a58;
}

.topFilter li.isSelected
{
	font-weight: 600;
}

.topFilter li::after {
	content: "\f0d7";
	font-family: "FontAwesome", "FontAwesomeAS4";
	padding-left: 4px;
}

.PM_ASCriterionsGroup.blink{
  animation: blinker 0.750s 2; 
}

@keyframes blinker {   
  50% {
    opacity: 0;
  }
}