/* CSS Document */

#sfeertext-home {
padding: 7vw 50% 0 0;
}

#sfeertext-home {
padding-top:20px;
}

#sfeertext-home a.button {
background-color:transparent;
border: solid 2px #FFFFFF;
}

#sfeertext-home a.button:hover, #aside a.button:hover {
background-color:#FFFFFF;
color:#535353;
}

#titlewrapper {
width:100%;
height:auto;
}

#title {
width:100%;
max-width:1240px;
margin: 0 auto;
padding:50px 30px;
text-align:center;
}

#aboutwrapper {
width:100%;
background-color:#c1a480;
}

#about {
width:100%;
max-width:1240px;
margin: 0 auto;
padding:0 0 0 30px;
}

#about-text {
float:left;
width:55%;
padding:50px 30px 20px 0;
}
#about-text h3, #about-text p {color:#fff;}

#about-image {
float:left;
width:27.5%;
background-position:top center;
background-size:cover;
}

#about-payoff {
float:left;
width:17.5%;
background-color:#a67e4d;
position: relative;
padding:15px;
text-align:center;
}

#about-payoff .inner {
border: solid 1px #FFFFFF;
height:100%;
}

#about-payoff .inner span{
width:100%;
left:0;
position:absolute;
top: 50%;
transform: translateY(-50%);
color:#FFFFFF;
font-family: 'Poiret One', cursive;
font-size:52px;
line-height:100%;
}

#blogwrapper {
width:100%;
height:auto;
}

#blog {
width:100%;
max-width:1240px;
margin: 0 auto;
padding:50px 30px;
text-align:center;
}

#reviewswrapper {
width:100%;
background-color:#a67e4d;
}

#reviews {
width:100%;
max-width:1240px;
margin: 0 auto;
padding:0 30px 0 0;
}

#reviews-payoff {
float:left;
width:17.5%;
background-color:#c1a480;
position: relative;
padding:15px;
text-align:center;
}

#reviews-text {
float:left;
width:82.5%;
padding:50px 0 50px 50px;
color:#FFFFFF;
}

#reviews-text h3 {
color:#FFFFFF;
text-transform: none;
}

#reviews-text p {
font-style:italic;
font-size:18px;
margin-bottom:0;
}

#reviews-payoff .inner {
border: solid 1px #FFFFFF;
height:100%;
}

#reviews-payoff .inner span{
width:100%;
left:0;
position:absolute;
top: 50%;
transform: translateY(-50%);
color:#FFFFFF;
font-family: 'Poiret One', cursive;
font-size:52px;
line-height:100%;
}

@media screen and (max-width: 1023px) {

#reviews-payoff {
width:25%;
}

#reviews-text {
float:left;
width:75%;
}

} /* end mediaquery */

@media screen and (max-width: 890px) {
#about {
padding:0;
}

#about-text {
float:left;
width:100%;
padding:50px 30px 20px 30px;
}
	

#about-image {
float:left;
width:55%;
height:50vw;
background-position:top center;
background-size:cover;
}

#about-payoff {
float:left;
width:45%;
}

#reviews-payoff {
width:27%;
}

#reviews-text {
width:73%;
}

} /* end mediaquery */


@media screen and (max-width: 700px) {


#sfeertext-home {
padding: 7vw 25% 0 0;
}

#sfeer h3 {
font-size:40px;
}

#reviews {
padding:0;
}

#reviews-payoff {
width:100%;
height:120px;
}

#reviews-text {
float:left;
width:100%;
padding: 50px 30px 50px 30px;
}

} /* end mediaquery */

@media screen and (max-width: 600px) {

#sfeertext-home {
padding: 7vw 0 0 0;
}

.homegrid-sizer,
.homegrid-item { width: 100%; }

} /* end mediaquery */


/* FAQ*/
.faq {
  width: 100%; }

.faqwrapper {
  margin-bottom: 40px; }

.faqlist {
  float: left;
  width: 49%;
  margin-right: 2%; }

.faqlist:nth-of-type(2n) {
  margin-right: 0; }

.faqitem {
  width: 96%;
  padding: 7px;
  margin-bottom: 15px;
  border-bottom: solid 1px #ccc;
padding-top: 27px;
    border-top: solid 6px #f3702a;
    position: relative;
    padding-bottom: 10px;
}

.faqitem:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 12.5px 0 12.5px;
    border-color: #f3702a transparent transparent transparent;
    z-index: 9;
}



.faqcontent ul {
  margin: 0 45px 15px; }

.faqcontent ol {
  margin: 0 45px 15px; }

.faqcontent ul li {
  padding: 0 15px; }

.faqcontent ol li {
  padding: 0 15px; }

.faqheader p {
  margin-bottom: 0;
  font-size: 16px !important;
  padding-right: 12px; }

a.faqheader {
  display: block;
  color: #000;
  margin-bottom: 0;
  text-decoration: none;
  position: relative;
  padding-right: 10px; }

a.faqheader::after {
  content: "+";
      font-size: 34px;
    font-weight: 500;
    position: absolute;
    top: -29px;
    right: 5px;
    color: #f3702a;}

.faqcontent {
  width: 100% !important;
  display: block;
  margin-top: 15px; }

.faqcontent p {
  margin-bottom: 0;
  font-size: 18px;
  padding: 5px 0; }

@media screen and (max-width: 665px) {
  .faqlist {
    width: 100%;
    margin-right: 0; } }