/* general styles */
body{
  font-size: 13px;
  line-height: 1.7em;
  overflow-x: auto;
}

div.centerContent{
  width: 100%;
}

/*      HEADER      */
header div.logoHolder{
  width: 100px;
  padding-top: 15px;
  padding-bottom: 15px;
}




div.menuHolder{
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 3;
}
div.menuHolder nav{
  margin-left: auto;
  margin-right: auto;
}
div.menuHolder nav>ul{
  float: none;
  margin-top: 0px;
  height: auto;
  padding: 0px;
  line-height: 1em;
  box-sizing: border-box;
  border: none;
  width: auto;
}
div.menuHolder nav ul:nth-of-type(1){
  text-align: left;
}
div.menuHolder nav>ul:nth-of-type(2){
  float: none;
  padding-left: 0px;
  padding-right: 0px;
}

div.menuHolder nav>ul:last-child>li,
div.menuHolder nav>ul:last-child>li:last-child,
div.menuHolder nav>ul>li:first-child,
div.menuHolder nav>ul:last-child>li:first-child,
div.menuHolder nav>ul:first-child>li:nth-child(2),
div.menuHolder nav>ul>li:last-child,
div.menuHolder nav>ul:first-child>li:last-child,
div.menuHolder nav>ul>li,
div.menuHolder nav>ul>li:last-child,
div.menuHolder nav>ul>li:hover,
div.menuHolder nav>ul>li.active{
  display: none;
  float: none;
  color: #000;
  font-size: 15px;
  line-height: 1em;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-right: none;
  margin-right: 0px;
  background-color: rgb(227,212,200);
}



div.menuHolder nav ul li ul{
  position: relative;
  display: block;
  float: none;
  margin-top: 0px;
  top: auto;
  left: auto;
  padding-top: 10px;
  padding-bottom: 0px;
  line-height: auto;
}
div.menuHolder nav ul li ul li,
div.menuHolder nav>ul>li ul li:hover,
div.menuHolder nav>ul>li ul li.active{
  color: #000;
  line-height: 1em;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff4f0;
  border-bottom: none;
}


div.menuHolder nav ul li.menuButton{
  display: block;
  background: none;
  color: #48455c;
  line-height: 108px;
  
}
div.menuHolder nav ul li.menuButton span{
  vertical-align: middle;
}
div.menuHolder nav ul li.menuButton span.fa{
  padding-right: 10px;
  font-size: 2em;
}


/*      CONTENT      */
img.bgLeft,
img.bgRight{
  display: none;
}
div.topContent{
  padding-bottom: 0px;
}
div.mainContent{
  padding-top: 20px;
  padding-bottom: 20px;  
}
article h1{
  font-size: 1.4em;
  margin-bottom: 15px;
}


h3.fullWidth,
h1.fullWidth{
  height: auto;
  line-height: 1.2em;
  margin-bottom: 10px;
  font-size: 1.5em;
  padding: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}
h2.five,
article h3{
  font-size: 1.5em;
}

div.content article div.textHolder.wide{
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
div.content article div.textHolder.wide p br{
  display: none;
}
div.textCol{
  width: 100%;
  float: none;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
div.textCol.last{
  margin-left: 0px;
  margin-bottom: 0px;
}

div.visual h2{
  position: absolute;
  right: auto;
  left: 50%;
  bottom: auto;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}



/*    HOME    */
div.content.home div.topContent div.centerContent{
  background: none;
  background-color: #FFF;
  width: 100%;
  display: block;
}
div.content.home div.topContent div.centerContent div.homeHeaderPic{
  width: 100%;
  height: 0px;
  padding-top: 50%;
}
div.content.home div.topContent div.centerContent div.homeHeaderCircle{
  width: 100%;
  height: 100%;
  background: none;
  border-radius: 0px;
  border: none;
  position: absolute;
  left: 0px;
  bottom: 0px;
  top: 0px;
  -webkit-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
div.content.home div.topContent div.centerContent div.homeHeaderCircle a{
  width: 120px;
  height: 120px;
  border-radius: 60px;
  right: auto;
  bottom: auto;
  left: 50%;
  top: 50%;
  padding: 10px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


div.content.home div.topContent div.centerContent article.homeHeaderText{
  width: 100%;
  padding: 20px;
}
div.content.home div.topContent div.centerContent article.homeHeaderText h1{
  margin-bottom: 20px;
}
div.content.home div.mainContent div.centerContent{
  display: block;
  column-gap: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
div.reviewContent{
  width: 100%;
}
div.reviewScroll{ 
  margin-left: 0px;
  margin-right: 0px;
  height: 260px;
  overflow: hidden;
  margin-bottom: 20px;
}
div.review img{
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: block;
}
div.review div.reviewText{
  margin-left: 10px;
  font-size: 0.85em;
  line-height: 1.35em;
}
div.review div span{
  font-weight: 600;
}


div.slideShowHolder{
  width: 100%;
  height: 0px;
  padding-top: 60%;
}
div.slideShow div{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
div.slideShowHolder div.arrow.left{
  left: -18px;
}
div.slideShowHolder div.arrow.right{
  right: -18px;
}



/*      PORTFOLIO     */
div.portfolioGroups{
  padding-top: 40px;
  padding-bottom: 40px;
}
div.content.home div.portfolioGroups{
  margin-top: 20px;
  margin-bottom: 20px;
}
div.content.portfolio div.portfolioGroups{
  display: none;
}
div.portfolioGroups h2.five{
  font-size: 3em;
}

div.portfolioGroups a{
  display: block;
  width: 200px;
  height: 200px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 100px;
  font-size: 1.4em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
div.portfolioGroups a span.groupBG{
  border-radius: 100px;
  width: 180px;
  height: 180px;
  margin-left: 0px;
  margin-top: 0px;
}

div.itemOverview{
  padding-top: 20px;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background: none;
}
div.itemOverview:before{
  content: "";
  background: none;
}
div.itemOverview div.album{
  width: 100%;
  float: none;
  margin-right: 0px;
}
div.itemOverview a span.imageHolder{
  height: auto;
  overflow: auto;
}
div.itemOverview a span.imageHolder img{
  position: relative;
  top: auto;
  display: block;
  width: 100%;
  -webkit-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}


/*      PRICES      */
div.priceCol{
  float: none;
  width: 100%;
  box-sizing: border-box;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: 0px;
}
div.priceGroup{
  margin-bottom: 10px;
}
div.priceGroup h2{
  margin-top: 0px;
}
div.priceGroup h2 span.fa-chevron-down{
  display: none;
}
div.priceGroup h2 span.fa-chevron-right{
  display: block;
}
div.priceHolder{
  display: none;
}
div.priceGroup h3,
div.priceGroup p{
  line-height: 1em;
  padding: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
}
div.priceGroup p{
  padding-right: 60px;
  position: relative;
}
article div.priceGroup h3{
  padding-top: 20px;
}
div.priceGroup p span{
  float: none;
  position: absolute;
  right: 0px;
  top: 7px;
}
div.priceGroup p.note{
  padding-right: 0px;
  font-size: 1em;
  padding-top: 20px;
}


/*      CONTACT     */
div.content.contact div.textHolder{
  float: none;
  width: 100%;
  margin-right: 0px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
div.timesHolder{
  float: none;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

input.inputText, select.inputSelect, label, 
button.submitButton{
  width: 100%;
  margin-right: 0px;
  float: none;
}
button.submitButton{
  margin-bottom: 20px;
}





/*      FOOTER      */
footer{
  padding: 20px;
  height: auto;
}

footer div.times p{
  max-width: 999px;
}
div.footerInfo{
  display: block;
  justify-content: center;
  column-gap: 0px;
}
div.footerInfo div.footerCol{
  text-align: center;
}
div.footerInfo div.footerCol:nth-child(2){
  width: 100%;
}

footer h2{
  font-size: 2em;
  margin-top: 10px;
  margin-bottom: 5px;
}
footer h2.five span{
  margin-right: 0px;
  display: block;
}
footer h2.five a{
  margin-right: 0px;
}

div.socialMedia{
  margin-bottom: 10px;
}
div.footerInfo p br{
  display: inline;
}
div.footerInfo p span{
  -display: none;
}
footer a.agendaButton{
  width: 240px;
  margin-bottom: 20px;
}
div.copyright{
  padding-top: 30px;
}
div.copyright div.legal br{
  display: inline
}