@charset "utf-8";

#container_ #app > #reviews {padding-top:40px;}
#container_ #app > #reviews::after {display:block; content:''; clear:both; height:0; overflow:hidden;}

@media screen and (max-width:599px) {
#container_ #app > #reviews {padding-top:0;}
#container_ #app > #reviews::after {}
}


#container_ #app > #reviews > header {float:left; width:200px;}
#container_ #app > #reviews > header > h1 {display:none;}
#container_ #app > #reviews > header > nav {display:block; margin:-60px 0 0; text-align:left;}
#container_ #app > #reviews > header > nav > section {margin:60px 0 0; font-size:15px;}
#container_ #app > #reviews > header > nav > section > h1 {font-size:15px; font-weight:bold; pointer-events:none;}
#container_ #app > #reviews > header > nav > section .selection {display:none;}
#container_ #app > #reviews > header > nav > section .sub > b {display:none;}
#container_ #app > #reviews > header > nav > section .list {}
#container_ #app > #reviews > header > nav > section .list > li {position:relative; padding:0.7em 1em;}
#container_ #app > #reviews > header > nav > section .list > li > b, 
#container_ #app > #reviews > header > nav > section .list > li > a {display:block; position:relative; margin:-0.7em -1em; padding:inherit; font-size:inherit; text-decoration:none;}
#container_ #app > #reviews > header > nav > section .list > li > b {font-weight:normal;}
#container_ #app > #reviews > header > nav > section .list > li[data-active="true"] > b::before {
	display:block; content:''; width:0.5em; height:0.5em; position:absolute; left:0; top:0; bottom:0; margin:auto; background:#ffcb00; border-radius:1em;}
#container_ #app > #reviews > header > nav > section .list > li > a {padding-right:2em;}
#container_ #app > #reviews > header > nav > section .list > li > a::after {
	display:block; content:''; width:1em; height:1em; position:absolute; right:0; top:0; bottom:0; margin:auto; border:1px solid #ccc; border-radius:2em;}
#container_ #app > #reviews > header > nav > section .list > li[data-active="true"] > a::after {border-color:transparent; background:#ffcb00;}
#container_ #app > #reviews > header > nav > section .list > li > .sub {margin:1em -1em -1em; font-size:12px;}
#container_ #app > #reviews > header > nav > footer {padding:40px 0 0;}
#container_ #app > #reviews > header > nav > footer > .clear {
	display:flex; justify-content:center; align-items:center; padding:1em; background:#eee; text-decoration:none;}
#container_ #app > #reviews > header > nav > footer > .clear::before {display:inline-block; content:'\e833'; margin:0 1em 0 0; font:bold 1em/1 icons;}

#container_ #app > #reviews > header > nav > section .list > li.fac-switcher {overflow:hidden; transition:height 0.3s cubic-bezier(0.645,0.045,0.355,1);}
#container_ #app > #reviews > header > nav > section .list > li.fac-switcher > b {position:relative; padding-right:2em; cursor:pointer;}
#container_ #app > #reviews > header > nav > section .list > li.fac-switcher > b::after {
	display:flex; justify-content:center; align-items:center; 
	content:'\e822'; width:1em; position:absolute; right:0; top:0; bottom:0; font:normal 2em/1 icons; 
	transition:transform 0.3s cubic-bezier(0.645,0.045,0.355,1);}
#container_ #app > #reviews > header > nav > section .list > li.fac-switcher--hidden:not(.fac-switcher--shown) > *:not(b) {display:none;}
#container_ #app > #reviews > header > nav > section .list > li.fac-switcher--shown:not(.fac-switcher--hidden) > b::after {transform:rotate(-180deg);}
html.fac-initial #container_ #app > #reviews > header > nav > section .list > li.fac-switcher,
html.fac-initial #container_ #app > #reviews > header > nav > section .list > li > b::after  {transition-duration:0s;}
#container_ #app > #reviews > header > nav > section > .list {margin:1em 0 0;}

#container_ #app > #reviews > header > nav > section.categories[data-active="true"] > h1::before {
	display:none; content:''; width:0.5em; height:0.5em; position:absolute; left:0; top:0; bottom:0; margin:auto; background:#ffcb00; border-radius:1em;}
#container_ #app > #reviews > header > nav > section.categories .sub {margin-top:0.7em;}
#container_ #app > #reviews > header > nav > section.categories > .sub > .list > li > .list {margin:1em -1em -1em; font-size:12px;}
#container_ #app > #reviews > header > nav > section.format .list {margin-top:0;}
#container_ #app > #reviews > header > nav > section.format .list > li > b {display:none;}
#container_ #app > #reviews > header > nav > section.format .list > li > .sub {margin-top:0; font-size:inherit;}

@media screen and (max-width:1260px) {
#container_ #app > #reviews > header > h1 {margin-left:0; margin-right:-980px;}
}

@media screen and (max-width:599px) {
#container_ #app > #reviews > header {float:none; width:auto; padding:7.8125vw 0 0; font-size:12px; font-size:3.75vw;}
#container_ #app > #reviews > header > h1 {display:block; position:relative; margin:0; padding:1em 8em; background:#01172d; color:#fff; text-align:center;}
#container_ #app > #reviews > header > h1::before {
	display:block; content:''; width:1.5em; height:1.5em; position:absolute; left:50%; top:0; bottom:0; margin:auto; transform:translateX(-6em); 
	background:url(../assets/images/icon_filter.svg) center center no-repeat; background-size:contain; overflow:hidden;}
#container_ #app > #reviews > header > nav {margin:0;}
#container_ #app > #reviews > header > nav > section {margin:0; border-bottom:1px solid #eee; font-size:inherit;}
#container_ #app > #reviews > header > nav > section > h1 {padding:1em; font-size:inherit; font-weight:normal;}
#container_ #app > #reviews > header > nav > section .list {}
#container_ #app > #reviews > header > nav > section .list > li {position:static; padding:1em; border-top:1px solid #eee;}
#container_ #app > #reviews > header > nav > section .list > li > b, 
#container_ #app > #reviews > header > nav > section .list > li > a {margin:-1em;}
#container_ #app > #reviews > header > nav > section .list > li > b {}
#container_ #app > #reviews > header > nav > section .list > li > a {}
#container_ #app > #reviews > header > nav > section .list > li > .sub {margin:0; font-size:10px; font-size:3.125vw;}
#container_ #app > #reviews > header > nav > section > .list {margin:0;}
#container_ #app > #reviews > header > nav > section.categories .sub {margin-top:0;}
#container_ #app > #reviews > header > nav > section.format > h1 {display:none;}
#container_ #app > #reviews > header > nav > section.format .list > li > b {display:flex;}
#container_ #app > #reviews > header > nav > footer > .clear::before {margin-right:0.5em;}

#container_ #app > #reviews > header > nav > section.categories[data-active="true"] > h1::before {display:block;}

html.fac-initial #container_ #app > #reviews > header > nav {transition-duration:0s;}
}


#container_ #app > #reviews > header > nav > .close {display:none;}
#container_ #app > #reviews > header > nav > section .sub > .back {display:none;}
#container_ #app > #reviews > header > nav > footer > .submit {display:none;}

@media screen and (max-width:599px) {
#container_ #app > #reviews > header > nav > .close {
	display:block; width:2.2em; height:0; padding:2.2em 0 0; position:fixed; right:0; top:0; z-index:100; 
	border:none; outline:none; background-color:transparent; color:#fff; font-size:20px; font-size:6.25vw; font-weight:bold; cursor:pointer; appearance:none; overflow:hidden;}
#container_ #app > #reviews > header > nav > .close::after {
	display:flex; justify-content:center; align-items:center; 
	content:'\e833'; position:absolute; left:0; right:0; top:0; bottom:0; font:normal 1em/1 icons;}
#container_ #app > #reviews > header > nav > section .list > li > b, 
#container_ #app > #reviews > header > nav > .categories > h1 {display:flex; align-items:center; pointer-events:auto;}
#container_ #app > #reviews > header > nav > section .list > li[data-active="true"] > b::before {}
#container_ #app > #reviews > header > nav > section .selection {
	display:block; max-width:13em; margin:0 0 0 auto; font-size:10px; font-size:3.125vw; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
#container_ #app > #reviews > header > nav > section .selection > li {display:inline;}
#container_ #app > #reviews > header > nav > section .selection > li::before {content:',';}
#container_ #app > #reviews > header > nav > section .selection > li:first-child::before {display:none;}
#container_ #app > #reviews > header > nav > section .selection > li.none {display:none;}
#container_ #app > #reviews > header > nav > section .selection > li.none:first-child {display:inline;}
#container_ #app > #reviews > header > nav > section .sub {
	width:100vw; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99990; margin:0; padding:14vw 20px 7.8125vw; box-sizing:border-box; transform:translate3d(100vw,0,0);
	background:#fff; overflow-x:hidden; overflow-y:auto; opacity:0; pointer-events:none;
	 -webkit-overflow-scrolling:touch; transition:opacity 0s 0.5s, transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);}
html.fac-initial #container_ #app > #reviews > header > nav > section .sub {transition-duration:0s;}
#container_ #app > #reviews > header > nav > section .sub > b {
	display:block; position:fixed; left:0; right:0; top:0; z-index:10; padding:1em; 
	background:#01172d; color:#fff; font-size:12px; font-size:3.75vw; font-weight:normal; text-align:center;}
#container_ #app > #reviews > header > nav > section .sub > .list {border-bottom:1px solid #eee;}
#container_ #app > #reviews > header > nav > section .sub > .back1 {
	display:block; width:1.5em; height:0; padding:1.5em 0 0; position:fixed; left:0; top:0; z-index:111; 
	border:none; outline:none; box-sizing:border-box; background-color:transparent; color:#fff; font-size:30px; font-size:9.375vw; font-weight:bold; cursor:pointer; appearance:none; overflow:hidden;}
#container_ #app > #reviews > header > nav > section .sub > .back1::after {
	display:flex; justify-content:center; align-items:center; 
	content:'\e823'; position:absolute; left:0; right:0; top:0; bottom:0; font:normal 1em/1 icons;}
#container_ #app > #reviews > header > nav > section .sub > .back2 {
	display:block; width:100%; position:relative; margin:2em 0 0; padding:1em; border:none; box-sizing:border-box; 
	background:#eee; font-size:12px; font-size:3.75vw; text-align:center; cursor:pointer; appearance:none;}
#container_ #app > #reviews > header > nav > section .sub > .back2::before {
	display:flex; justify-content:center; align-items:center; 
	content:'\e823'; width:2em; position:absolute; left:0; top:0; bottom:0; font:normal 2em/1 icons;}
#container_ #app > #reviews > header > nav > section:not(.categories) .list > li.fac-switcher--shown > .sub {
	z-index:99999; transform:translate3d(0,0,0); opacity:1; transition-delay:0s; pointer-events:auto;}
#container_ #app > #reviews > header > nav > section:not(.categories) .list > li.fac-switcher > b::after {content:'\e821';}
#container_ #app > #reviews > header > nav > section:not(.categories) .list > li.fac-switcher--hidden:not(.fac-switcher--shown) > *:not(b) {display:block;}
#container_ #app > #reviews > header > nav > section:not(.categories) .list > li.fac-switcher--shown:not(.fac-switcher--hidden) > b::after {transform:none;}
#container_ #app > #reviews > header > nav > .categories > h1 {position:relative; padding-right:2em; cursor:pointer;}
#container_ #app > #reviews > header > nav > .categories > h1::after {
	display:flex; justify-content:center; align-items:center; 
	content:'\e821'; width:1em; position:absolute; right:0; top:0; bottom:0; font:normal 2em/1 icons; 
	transition:transform 0.3s cubic-bezier(0.645,0.045,0.355,1);}
#container_ #app > #reviews > header > nav > .categories > .sub > .list > li > .list{font-size:10px; font-size:3.125vw;}
#container_ #app > #reviews > header > nav > .categories.fac-switcher--shown {}
#container_ #app > #reviews > header > nav > .categories.fac-switcher--shown > .sub {
	z-index:99999; opacity:1; transform:translate3d(0,0,0); transition-delay:0s; pointer-events:auto;}
#container_ #app > #reviews > header > nav > footer {display:flex; margin:-3.125vw 0 0 -3.125vw; padding:6.25vw 0 0;}
#container_ #app > #reviews > header > nav > footer > * {flex:1 1 100%; margin:3.125vw 0 0 3.125vw; box-sizing:border-box; font-weight:bold;}
#container_ #app > #reviews > header > nav > footer > .submit {display:block; padding:1em; border:none; background:#ffcb00; text-align:center; cursor:pointer; appearance:none;}
}


#container_ #app > #reviews > section.tags {display:flex; margin:0 0 0 250px; text-align:left;}
#container_ #app > #reviews > section.tags + section.tags {margin-top:1em;}
#container_ #app > #reviews > section.tags > h1 {min-width:6.5em; white-space:nowrap;}
#container_ #app > #reviews > section.tags > .c-tags {padding-left:1.5em; overflow:hidden;}

@media screen and (max-width:599px) {
#container_ #app > #reviews > section.tags {display:block; margin:2em 0 0;}
#container_ #app > #reviews > section.tags + section.tags {width:auto; margin-top:1.5em;}
#container_ #app > #reviews > section.tags > h1 {}
#container_ #app > #reviews > section.tags > .c-tags {padding:1em 0 0;}
}


#container_ #app > #reviews > #entry-list {margin:40px 0 0 250px;}
#container_ #app > #reviews > #entry-list > h1 {display:none;}
#container_ #app > #reviews > #entry-list > .c-entry-list {}
#container_ #app > #reviews > #entry-list > footer {margin:70px 0 0;}
#container_ #app > #reviews > #entry-list > footer > .c-pager {}
#container_ #app > #reviews > #entry-list > .not-found {font-size:16px; font-weight:bold;}

@media screen and (max-width:599px) {
#container_ #app > #reviews > #entry-list {margin:7.8125vw 0 0;}
#container_ #app > #reviews > #entry-list > h1 {}
#container_ #app > #reviews > #entry-list > .c-entry-list {}
#container_ #app > #reviews > #entry-list > footer {margin:10.9375vw 0 0;}
#container_ #app > #reviews > #entry-list > footer > .c-pager {}
#container_ #app > #reviews > #entry-list > .not-found {font-size:14px; font-size:4.375vw;}
}