/*
Theme Name: sitte
Theme URI: http://felipemesquita.com/
Description: A theme by <a href="http://www.ndesign-studio.com">N.Design Studio</a>.
Version: 1.0
Author: FM.com
Author URI: http://felipemesquita.com/
*/

@font-face {font-family:'Pangaia'; src: url('misc/fonts/Pangaia-It.woff2')format('woff2'),url('misc/fonts/Pangaia-It.woff')format('woff'); font-weight:normal; font-style:italic; font-display:swap}
@font-face {font-family:'Pangaia'; src: url('misc/fonts/Pangaia.woff2')format('woff2'),url('misc/fonts/Pangaia.woff')format('woff'); font-weight:normal; font-style:normal; font-display:swap}

*,:after,:before {box-sizing:inherit}
html {box-sizing:border-box}
body {font-family:"Mulish",sans-serif; background-color:#ffffff; color:#606060; font-size:14px; line-height:24px; font-weight:400; margin:0; padding:0}
	@media screen and (max-width: 768px) {body {font-family:"Mulish",sans-serif; background-color:#ffffff; color:#606060; font-size:14px; line-height:22px; font-weight:400; margin:0; padding:0}}
::selection {background-color:#2d2d2d; color:#f7f7f7; text-shadow:none}
p {margin:0 auto 0 auto}
hr {box-sizing:content-box; height:0; overflow:visible}
ol,ol ol,ol ul,ul,ul ol,ul ul {margin:0}
a {color:#2d2d2d; text-decoration-color:#eaeaea; text-decoration-thickness:1px; text-underline-offset:6px; background-color:transparent; transition:all 0.6s ease}
a:active,a:hover {color:#606060; text-decoration-color:#5a6e49; text-decoration-thickness:1px; text-underline-offset:6px; transition:all 0.6s ease}
  .link,.link:active,.link:link,.link:visited {color:#d2ccc4; text-decoration:none}
  .link:focus,.link:hover{color:#606060; text-decoration:none; transition:all 0.6s ease}
.small {font-size:12px; line-height:20px}
  @media screen and (max-width:768px) {.small {font-size:10px; line-height:18px}}
strong, b, .bold {font-weight:800; font-style:normal}
em,i,.italic {font-style:italic}
.uppercase {text-transform:uppercase}
.form-control {background-image:none; border:1px solid #f7f7f7; border-radius:12px; color:#606060; display:block;font-family: "Mulish", sans-serif; background-color:#ffffff; color:#606060; font-size:16px; line-height:24px; font-weight:400; max-width:100%; padding:10px; width:100%}


/* typo ********************************************************/

h1 {font-family:'Pangaia',sans-serif; font-weight:400; font-size:42px; line-height:52px; letter-spacing:1px; margin:0; padding:0}
  @media screen and (max-width:768px) {h1 {font-family:'Pangaia',sans-serif; font-weight:400; font-size:38px; line-height:46px; letter-spacing:1px; margin:0; padding:0}}
h2 {font-family:'Pangaia',sans-serif; font-weight:400; font-size:36px; line-height:46px; letter-spacing:1px; margin:0; padding:0}
  @media screen and (max-width:768px) {h2 {font-family:'Pangaia',sans-serif; font-weight:400; font-size:34px; line-height:42px; letter-spacing:1px; margin:0; padding:0}}
h3 {font-family:'Pangaia',sans-serif; font-weight:400; font-size:28px; line-height:38px; letter-spacing:1px; margin:0; padding:0}
  @media screen and (max-width:768px) {h3 {font-family:'Pangaia',sans-serif; font-weight:400; font-size:30px; line-height:38px; letter-spacing:1px; margin:0; padding:0}}
h4 {font-family:'Pangaia',sans-serif; font-weight:400; font-size:20px; line-height:30px; letter-spacing:1px; margin:0; padding:0}
  @media screen and (max-width:768px) {h4 {font-family:'Pangaia',sans-serif; font-weight:400; font-size:26px; line-height:34px; letter-spacing:1px; margin:0; padding:0}}

.text-size1 {font-family: "Mulish", sans-serif; font-size:16px; line-height:26px; margin:0; padding:0}
.text-size2 {font-family: "Mulish", sans-serif; font-size:26px; line-height:36px; font-weight:400; margin:0; padding:0}
.text-size3 {font-family: "Mulish", sans-serif; font-size:36px; line-height:46px; font-weight:400; margin:0; padding:0}
.text-size4 {font-family: "Mulish", sans-serif; font-size:46px; line-height:56px; font-weight:400; margin:0; padding:0}
.text-sizexl {font-family: "Mulish", sans-serif; font-size:108px; line-height:128px; font-weight:700; margin:0; padding:0}
.text-reviews {font-family: "Mulish", sans-serif; font-size:24px; line-height:32px; margin:0; padding:0}
.text-medo {font-weight:600; text-transform:uppercase; font-size:48px; line-height:56px; margin:0; padding:0}
.text-category {font-weight:600; text-transform:uppercase; font-size:10px; line-height:20px; margin:0; padding:0}
.text-scroller {font-family:'Mulish',sans-serif; text-transform:uppercase; font-weight:400; font-size:32px; line-height:40px; letter-spacing:1px; margin:0; padding:0}
.cat01 {background-image:none; border-style:solid; cursor: default; display:inline-block; text-align:center; text-transform:uppercase; border-radius:100px; border-width:1px; border-color:#bcbcbc; background-color:transparent; font-size:10px; line-height:10px; color:#606060; padding:4px 16px; font-weight:400}
.cat02 {background-image:none; border-style:solid; cursor: default; display:inline-block; text-align:center; text-transform:uppercase; border-radius:100px; border-width:1px; border-color:#639cab; background-color:transparent; font-size:10px; line-height:10px; color:#dfe9ec; padding:4px 18px; font-weight:400}
.blockquote{font-family: "Mulish", sans-serif; background-color:#f7f7f7; color:#606060; font-size:16px; line-height:24px; border-left:6px solid #bcdbf0; margin:0; padding:20px}
.list {padding-left:40px}


/* colors ******************************************************/

.text-c1 {color:#2d2d2d}
.text-c2 {color:#5a6e49}
.text-c3 {color:#bca88f}
.text-c4 {color:#fcf5e3}
.text-g1 {color:#808080}
.text-g2 {color:#a0a0a0}
.text-g3 {color:#bcbcbc}
.text-g4 {color:#efefef}

.text-star {color:#ffd250}

.bg-c1 {background-color:#2d2d2d}
.bg-c2 {background-color:#5a6e49}
.bg-c3 {background-color:#bca88f}
.bg-c4 {background-color:#fcf5e3}
.bg-g1 {background-color:#f9f9f9}
.bg-g2 {background-color:#f2f2f2}
.bg-g3 {background-color:#ececec}
.bg-g4 {background-color:#ffffff}


/* header and footer *******************************************/

.h-logo {width:38px;}
.h-space {height:180px}

a.header1,a.header1:visited {color:#2d2d2d; font-size:14px; font-weight:600; text-decoration:none; padding:0}
a.header1:hover {color:#5a6e49; transition:all 0.6s ease}
.bttn-hc2a1 {padding:4px 20px 4px 20px; border-radius:8px; border-color:#f4f4f4; background-color:#2d2d2d; color:#f7f7f7; font-size:14px; font-weight:400}
.bttn-hc2a1:hover {background-color:#5a6e49; color:#f7f7f7; transition:all 0.6s ease}

.menu {float:right; display:flex; align-items:center; gap:16px}
.menu a {text-decoration:none}

.btn {padding:4px 30px; border-radius:8px; font-weight:bold}
.btn a{background:#4e6a51; color:#ffffff}
.btn:hover {background:#005ad1}

a.footer1,a.footer1:visited {color:#2d2d2d; font-size:12px; font-weight:400; text-decoration:none; padding:0}
a.footer1:hover {color:#5a6e49; transition:all 0.6s ease}
.menu-footer {float:left; display:flex; align-items:center; gap:12px}
.menu-footer a {text-decoration:none}


/* buttons *****************************************************/

.bttn {background-image:none; border-style:solid; cursor: default; display:inline-block; margin-bottom:0; text-align:center; text-decoration:none; touch-action:manipulation; transition:all 0.6s ease}
.bttn1, .bttn1:active {border-radius:8px; border-width:0; background-color:#5a6e49; font-size:14px; color:#f7f7f7; padding:8px 30px; font-weight:400}
	@media screen and (max-width: 768px) {.bttn1, .bttn1:active {border-radius:8px; border-width:0; background-color:#5a6e49; font-size:14px; color:#f7f7f7; padding:6px 20px; font-weight:400}}
.bttn1:focus,.bttn1:hover {border-width:0; background-color:#2d2d2d; color:#f7f7f7; transition:all 0.6s ease}

.bttn2, .bttn2:active {border-radius:8px; border-width:0; background-color:#2d2d2d; font-size:14px; color:#f7f7f7; padding:8px 30px; font-weight:400}
	@media screen and (max-width: 768px) {.bttn1, .bttn1:active {border-radius:8px; border-width:0; background-color:#5a6e49; font-size:14px; color:#f7f7f7; padding:6px 20px; font-weight:400}}
.bttn2:focus,.bttn2:hover {border-width:0; background-color:#2d2d2d; color:#f7f7f7; transition:all 0.6s ease}

.bttn-small, .bttn-small:active {font-size:12px; border-radius:8px; border-width:0px; background-color:#fff3e7; font-family:'NormsPro',sans-serif; color:#606060; padding:4px 30px; font-weight:normal}
.bttn-small:focus,.bttn-small:hover {border-width:0px; background-color:#ccdde5; color:#606060; transition:all 0.6s ease}
.bttn:focus,.btn:hover {outline:0; text-decoration:none}
.bttn:active {outline:0; background-image:none}
.bttn.disabled,.bttn[disabled],.bttn[readonly],fieldset[disabled] .bttn {cursor:not-allowed!important;opacity:1;pointer-events:none}


/* misc ********************************************************/

.container-sm {margin-left:auto; margin-right:auto; max-width:600px; width:90%}
.container {margin-left:auto; margin-right:auto; max-width:1000px; width:90%}
.container-xl {margin-left:auto; margin-right:auto; max-width:1400px; width:90%}

.grid-row {display:flex; flex:0 1 auto; flex-direction:row; flex-wrap:wrap; margin:0 -12px}
	@media screen and (max-width: 768px) {.grid-row {margin:0 auto}}
.grid-column {flex:1 0 0%; padding:0 12px}
	@media screen and (max-width: 768px) {.grid-column{flex-grow:1; flex-basis:100%!important; max-width:100%!important; padding:0; margin-left:0}}
.column-top {align-self:flex-start}
.column-center {align-self:center}
.column-bottom {align-self:flex-end}
.span-0 {flex-basis:4.16666%; max-width:4.16666%}
.span-1 {flex-basis:8.33333%; max-width:8.33333%}
.span-2 {flex-basis:16.66667%; max-width:16.66667%}
.span-3,.span-one-fourth {flex-basis:25%; max-width:25%}
.span-4,.span-one-third {flex-basis:33.33333%; max-width:33.33333%}
.span-5 {flex-basis:41.66667%; max-width:41.66667%}
.span-6,.span-half {flex-basis:50%; max-width:50%}
.span-7 {flex-basis:58.33333%; max-width:58.33333%}
.span-8,.span-two-thirds {flex-basis:66.66667%; max-width:66.66667%}
.span-9,.span-three-fourths {flex-basis:75%; max-width:75%}
.span-10 {flex-basis:83.33333%; max-width: 83.33333%}
.span-11 {flex-basis:91.66667%; max-width: 91.66667%}
.span-12,.span-whole {flex-basis:100%; max-width:100%}
.span-one-fifth {flex-basis:20%; max-width:20%}
.span-two-fifths {flex-basis:40%; max-width:40%}
.span-two-fourths {flex-basis:50%; max-width:50%}
.span-three-fifths {flex-basis:60%; max-width:60%}
.span-four-fifths {flex-basis:80%; max-width:80%}
.grid-row-flex-cells>.grid-column {display:flex}
.grid-row-flex-cells>.grid-column>div {width:100%}
.grid-row-top{align-items:flex-start}
.grid-row-center {align-items:center}
.grid-row-bottom {align-items:flex-end}
.offset-1 {margin-left:8.33333%}
.offset-2 {margin-left:16.66667%}
.offset-one-fifth {margin-left:20%}
.offset-3,.offset-one-fourth {margin-left:25%}
.offset-4,.offset-one-third {margin-left:33.33333%}
.offset-two-fifths {margin-left:40%}
.offset-5 {margin-left:41.66667%}
.offset-two-fourths,.offset-6,.offset-half {margin-left:50%}
.offset-7 {margin-left:58.33333%}
.offset-three-fifths {margin-left:60%}
.offset-8,.offset-two-thirds {margin-left:66.66667%}
.offset-9,.offset-three-fourths {margin-left:75%}
.offset-four-fifths {margin-left:80%}
.offset-10{ margin-left:83.33333%}
.offset-11 {margin-left:91.66667%}
.offset-12 {margin-left:100%}

.p0 {padding:0}
.pt0 {padding-top:0}
.pr0 {padding-right:0}
.pb0 {padding-bottom:0}
.pl0 {padding-left:0}
.p1 {padding:10px}
.pt1 {padding-top:10px}
.pr1 {padding-right:10px}
.pb1 {padding-bottom:10px}
.pl1 {padding-left:10px}
.p2 {padding:20px}
.pt2 {padding-top:20px}
.pr2 {padding-right:20px}
.pb2 {padding-bottom:20px}
.pl2 {padding-left:20px}
.p3 {padding:80px}
.pt3 {padding-top:80px}
.pr3 {padding-right:80px}
.pb3 {padding-bottom:80px}
.pl3 {padding-left:80px}
.p4 {padding:120px}
.pt4 {padding-top:120px}
.pr4 {padding-right:120px}
.pb4 {padding-bottom:120px}
.pl4 {padding-left:120px}

.m0 {margin:0}
.mt0 {margin-top:0}
.mr0 {margin-right:0}
.mb0 {margin-bottom:0}
.ml0 {margin-left:0}
.m1 {margin:10px}
.mt1 {margin-top:10px}
.mr1 {margin-right:10px}
.mb1 {margin-bottom:10px}
.ml1 {margin-left:10px}
.m2 {margin:20px}
.mt2 {margin-top:20px}
.mr2 {margin-right:20px}
.mb2 {margin-bottom:20px}
.ml2 {margin-left:20px}
.m3 {margin:80px}
.mt3 {margin-top:80px}
.mr3 {margin-right:80px}
.mb3 {margin-bottom:80px}
.ml3 {margin-left:80px}
.m4 {margin:120px}
.mt4 {margin-top:120px}
.mr4 {margin-right:120px}
.mb4 {margin-bottom:120px}
.ml4 {margin-left:120px}

.sitte-space {clear:both; position:relative; border:none; padding:0; margin:0}
.space-1 {height:10px}
.space-2 {height:20px}
.space-3 {height:80px}
.space-4 {height:120px}

.i {display:inline-block; vertical-align:middle; text-decoration:inherit; text-align:center}
.i-lg {font-size:1.3rem}
.i-2x {font-size:2rem}
.i-3x {font-size:3rem}

.i-fw {width:1.3em; text-align:center}
.border-full {border-color:#dfdfdf; border-style:solid; border-width:1px}
.border-top {border-top-color:#dfdfdf; border-top-style:solid; border-top-width:1px}
.border-right {border-right-color:#dfdfdf; border-right-style:solid; border-right-width:1px}
.border-bottom {border-bottom-color:#dfdfdf; border-bottom-style:solid; border-bottom-width:1px}
.border-left {border-left-color:#dfdfdf; border-left-style:solid; border-left-width:1px}
.border-none {border:0}

.rounded {border-radius:8px}
.rounded-circle {border-radius:200px}
.rounded-top {border-radius:8px 8px 0 0}
.rounded-right {border-radius:0 8px 8px 0}
.rounded-bottom {border-radius:0 0 8px 8px}
.rounded-left {border-radius:8px 0 0 8px}

.circle {border-radius:50%}
.align-left {text-align:left}
.align-center {text-align:center}
.align-right {text-align:right}
.align-justify {text-align:justify}
.no-bullets {list-style:none}

.list-bullet {padding-left:30px}
.list-inline {font-size:0}
.list-inline li {display:inline-block; font-size: 1rem}
.list-inline li {display:inline-block; font-size:1rem}

abbr[title]{border-bottom:none; text-decoration:underline; text-decoration:underline dotted}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
pre {font-family:monospace,monospace;font-size:1em}
hr {border:0;border-top:1px solid #b2b2b2;display:block;height:1px}
code,kbd,pre,samp{font-family:Monaco,Menlo,Consolas,monospace}
.code {background-color:#eee;color:#606060;max-width:100%;padding:.2rem .4rem;white-space:pre}
.pre {background-color:#eee;color:#606060;display:block;line-height:1.6rem;margin-bottom:0;max-width:100%;overflow-x:auto;padding:.8rem .8rem;word-break:break-all;word-wrap:break-word}
.pre, .code {padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}
canvas,iframe,img,svg,video {max-width:100%}
.label{cursor:default;display:inline-block;max-width:100%}
.legend{display:block;white-space:normal;width:100%}

th{text-align:left}
fieldset{border:0;min-width:0}
legend{line-height:inherit;margin:0}
fieldset[disabled] input,input[disabled],input[readonly]{cursor:not-allowed;opacity:1;pointer-events:none}
button{line-height:inherit;vertical-align:middle}

embed,iframe,img,object{display:inline-block;vertical-align:middle}

.dropdown-parent{position:relative}
.dropdown-parent i{line-height:1.5rem;margin-right:-3px}
.dropdown{background-color:#fff; box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);display:none;float:left;left:0;margin-top:0;min-width:5rem;position:absolute;top:100%;z-index:6;width:15rem;overflow:hidden;overflow-y:auto;max-height:16rem}
.dropdown li{cursor:pointer;border-bottom:1px solid #b2b2b2}
.dropdown li a,.dropdown li div,.dropdown li p,.dropdown li span{padding:.8rem;display:block}
.dropdown li .link{text-decoration:none;color:#606060}
.dropdown li a:hover{background-color:#eee}
.dropdown li a:active{background-image:none;color:#606060;outline:0}
.dropdown li:hover{background-color:#eee}
.dropdown li:last-child{border-bottom:none}
.dropdown div.dd-option{cursor:pointer;padding:.5rem}
.dropdown div.dd-option:hover{background:#eee}
.dropdown div.dd-option.hover{background:#eee}
.dropdown-top{bottom:100%;top:auto}
.dropdown-right{left:auto;right:0}

.form-stacked .checkbox,.form-stacked .input,.form-stacked .label,.form-stacked .radio,.form-stacked .select,.form-stacked .textarea{display:block;width:100%}
.form-inline .form-control{display:inline-block;vertical-align:middle;width:auto}
.form-inline .checkbox,.form-inline .radio{display:inline-block;vertical-align:middle}

button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}

.list--inline{font-size:0}
.list--inline li{display:inline-block;font-size:1rem}

.vertical--top{vertical-align:top}
.vertical--middle{vertical-align:middle}
.vertical--bottom{vertical-align:bottom}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.overflow--scroll{overflow:scroll}
.overflow--hidden{overflow:hidden}
.overflow--visible{overflow:visible}
.overflow--auto{overflow:auto}
.show-on-mobile{display:none!important}
  @media screen and (max-width:768px) {.show-on-mobile {display: block!important}
.hide-on-mobile{display:none!important}}

.full-width{width:100%}
.half-width{width:50%}
.fit{max-width:100%}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}

.responsive-map {overflow:hidden; padding-bottom:200px; position:relative; height:0}
.responsive-map iframe {left:0; top:0; height:200px; width:100%; position:absolute}



a
#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
	position: relative;
}
.commentlist .avatar {
	position: absolute;
	top: 5px;
	right: 5px;
	border: solid 1px #ededed;
	padding: 1px;
	background: #fff;
}
.commentlist .alt {
	background: #f1fedb;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #CC6600;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	font-weight: bold;
	color: #666666;
	font-size: 100%;
}
#commentform input{
	width: 153px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 478px;
	height: 115px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(images/btn-bg.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:right;
	width: 144px;
	height: 29px;
}

#searchform {
	background: #bcd67e url(images/searchform-bg.gif) repeat-x;
	width: 220px;
	padding: 10px 10px 10px 10px;
	float:right;
}
#searchform #s {
	border:1px solid #203346;
	width: 135px;
	height: 22px;
	padding: 2px 5px 0px 5px;
	border: 1px solid #bed881;
	background: #e9facc;
	vertical-align: middle;
}
#searchform #searchsubmit {
	background: url(images/search-btn-bg.gif) no-repeat;
	border: none;
	width: 28px;
	height: 24px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
}
#searchform label {
	font-size: 11px;
	color: #41550e;
}
.ul-cat {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
	border-bottom: 1px solid #dceeb7;
}
.ul-cat li{
	margin: 0px;
	padding: 2px 0px 2px 20px;
	border-top: 1px solid #dceeb7;
	background: url(images/mini-category.gif) no-repeat left center;
}
.ul-cat li a, .ul-cat li a:visited{
	color: #495233;
	text-decoration: none;
}
.ul-cat li a:hover{
	color: #FF6600;
	text-decoration: none;
}
.ul-archives {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
	border-bottom: 1px solid #dceeb7;
}
.ul-archives li{
	margin: 0px;
	padding: 2px 0px 2px 20px;
	border-top: 1px solid #dceeb7;
	background: url(images/mini-monthly-archive.gif) no-repeat left center;
}
.ul-archives li a, .ul-archives li a:visited{
	color: #495233;
	text-decoration: none;
}
.ul-archives li a:hover{
	color: #FF6600;
	text-decoration: none;
}






img{border-style:none}




/* plugins *****************************************************/

.scroller__inner {display:flex; flex-wrap:wrap; gap:1rem}
.scroller[data-animated=true] {overflow:hidden}
.scroller[data-animated=true] .scroller__inner {width:fit-content; flex-wrap:nowrap; animation:scroll 50s linear infinite;}
  @keyframes scroll {to {transform: translate(calc(-50% - 0.5rem))}}
.tag-list {margin:0; padding-inline:0; list-style:none}
.tag-list li {background-color:transparent; text-align:center}

.faq-item {border-bottom:1px solid #f4f4f4; overflow:hidden}
.faq-question {width:100%; text-align:left; border:none; outline:none; cursor:pointer; position:relative; background-color:#ffffff; padding-right:40px; transition:background-color 0.3s ease}
.faq-question:hover {background-color:#f7f7f7}
.faq-question .arrow {position:absolute; right:10px; top:14px; transition:transform 0.3s ease}
.faq-question.active .arrow {transform: rotate(180deg)}
.faq-answer {max-height:0; overflow:hidden; transition: max-height 0.3s ease}
.faq-answer p {padding: 20px 10px 20px 10px}

.hero-av {width:40px; height:40px; border-radius:100%; border:4px solid#ffffff; margin-right:-12px; position:relative}

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a,
.wp-pagenavi span {
	border-radius:8px;
	background: #f9f9f9;
	margin: 4px;
	padding: 8px 16px;
	text-decoration: none;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	background: #fcf5e3;
}

.wp-pagenavi span.current {
	font-weight: bold;
}


.consult {width:800px; margin-right:12px}
.cat-consult2 {display:flex}
.cat-consult {overflow:hidden}
.consultlist {display:flex; animation:scroll 60s infinite linear}