article{
    min-height: 100vh;
}
section{
    padding:1rem 2rem 1rem 2rem;
    position: relative;
}
section:before {
    content: '';
    position: absolute;
    top: 66%;
    left: 6%;
    background-image: url('/static/theme/img/logoicon.svg');
    -moz-background-size: contain;
      -o-background-size: contain;
         background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
    z-index: -1;
}
h1{
    line-height:7rem;
    margin:0;
}
#pagetitle.hide{
    display: none;
}
#search{
    display: none;
    margin: 2.08rem 0;
    max-width: calc(100% - 10rem);
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background: transparent;
}
#search.show{
    display:inline-block;
}
.title {
    justify-content: space-between;
    align-items: center;
    margin-bottom: -7rem;
}
.title div svg{
    width: 3rem;
    height: 3rem;
    margin-left: 1rem;
    cursor: pointer;
}
.title div svg circle{
    fill:#F6EDE8;
}
.title div svg path, .title div svg:hover circle, .title div svg.active circle{
    fill:#2D160E;
}
.title div svg:hover path, .title div svg.active path{
    fill:#F6EDE8;
}
.studioservice {
    justify-content: center;
    width: calc(100% + 1rem);
    margin-left: -.5rem;
    margin-top: 1rem;
    }
.studioservice a{
    width: calc(25% - 1rem);
    text-align: center;
    background: rgba(246, 237, 232, 0.9);
    border-radius: 2px;
    padding: 1rem;
    margin: 0 .5rem 1rem;
    height: auto;
    cursor: pointer;
    text-decoration: none;
    color: #2D160E;
}
.studioservice a:hover{
    background:rgba(196, 156, 126, 0.6);
}
.studioservice a p{
    margin-bottom: 0;
}
.studioservice a.activeprice{
    background: #2D160E;
}
.studioservice a.activeprice h5, .studioservice a.activeprice p{
    color: #F6EDE8;
}
.studiopricelist{
    display: none;
}
.studiopricelist.container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    padding-top: 7rem;
}
.aside{
    width: 25%;
}
.aside a {
    justify-content: space-between;
    align-items: end;
    font-size: 1.357rem;
    line-height: 1.643rem;
    text-decoration: none;
    margin-bottom: 1.5rem;
    color: #2D160E;
    width: 100%;
    cursor: pointer;
}
.aside a:hover, .aside a.active{
    color: #c49c7e;
}
.aside a small{
    font-family: 'Montserrat-Regular';
}
.main {
    width: 75%;
    padding-left: 5%;
    margin-right: 0%;
    margin-bottom: 2rem;
    position: relative;
}
.main h4{
    background: rgba(196, 156, 126, 0.6);
    border-radius: 8px 8px 0px 0px;
    background-color: #c49c7e;
    color: #2D160E;
    width: 100%;
    margin: 0;
    line-height: 4rem;
    background: rgba(196, 156, 126, 0.6);
    border-radius: .571rem .571rem 0px 0px;
    text-align: center;
}
.pricelisttable{
    width: 100%;
}
.pricetable{
    margin-bottom: 2rem;
    position: relative;
    padding-bottom: 4rem;
    border-bottom: 1px solid #F6EDE8;
}
.pricetable.hide{
    display: none;
}
.row{
    align-items: center;
    justify-content: space-between;
    background: #F6EDE8;
    padding: 1.5rem;
}
.row:nth-child(even){
    background:#f9f6f7;
}
.row p, .row h5{
    margin: 0;
}
.row p{
    width: 100%;
    max-width: 70%;
}
.row svg{
    width: 1.571rem;
    height: 1.571rem;
}
.pn1, .pn2{
    fill: #2D160E;
}
.pn3{
    fill: transparent;
}
.row span{
    cursor: pointer;
    width: 1.571rem;
height: 1.571rem;
}
span:hover .pn1, span:hover .pn2, a:hover .pn1, a:hover .pn2{
    fill: #c49c7e;
}
.nomatch {
    position: absolute;
    top: 4rem;
    left: 0;
    background: #F6EDE8;
    padding: 1.5rem;
    margin: 0;
    right: 0;
    z-index: -1;
}
.next{
    display: none;
    margin: 0;
    line-height: 1;
}
.next a {
    margin: 0;
    line-height: 1.571rem;
    width: 1.571rem;
    height: 1.571rem;
}
.row svg.plus {
    height: 1.471rem;
}
.block, #authreg, #authenter{
    width: 100%;
}
#authreg .container, #authenter .container{
    justify-content: space-between;
    align-items: center;
}
#toTop {
    display: none;
    position: fixed;
    bottom: 3rem;
    left: 2rem;
    z-index: 0;
    background-color: #2D160E;
    -webkit-border-radius: .571rem;
    -moz-border-radius: .571rem;
    border-radius: 100%;
    cursor: pointer;
    padding: .8rem;
    }
    #toTop svg {
        width: 1.7rem;
        height: 1.529rem;
        transform: rotate(-90deg);
        margin: 2px 2px 1px;
    }
  #toTop svg path{
    fill:#ffffff
  }
  #toTop:hover {
    background-color: #c49c7e; 
  }
  #toTop:hover svg path{
    fill:#2D160E
  }

@media screen and (max-width: 1100px){
    .studioservice a {
        width: calc(33.33% - 1rem);
    }
}
@media screen and (max-width: 1000px){
    .studioservice a {
        width: calc(50% - 1rem);
    }
    .aside {
        width: 30%;
    }
    .main {
        width: 70%;
    }
    .pricetable .row{
        flex-wrap: wrap;
    }
    .pricetable .row p {
        max-width: 100%;
        margin-bottom: 1rem;
    }
}
@media screen and (max-width: 700px){
    section {
        padding: 1rem;
    }
    .aside {
        width: 100%;
      }
    .studioservice a {
        width: calc(100% - 1rem);
    }
    #search {
        max-width: calc(100% - 4rem);
    }
    h1{
        width: 100%;
      }
      .title div svg {
        display: none;
      }
      .main {
        width: 100%;
        padding: 0;
      }
      .main h4{
        font-size: 1.057rem;
      }
      #toTop {
        right: 1rem;
        bottom: 1rem;
        left: auto;
      }
      #toTop svg {
        width: 1.5rem;
        height: 1.229rem;
      }
      .block{
        flex-flow: column;
        align-items: center;
        justify-content: center;
      }
      .block button{
        margin: auto;
      }
      .block small{
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 1rem;
        left: 0;
        right: 0;
      }
}