/** Generated: Saturday, 27th of September 2025, 09:04:46 PM // Powered by AIOM+ (All In One Minify) created by FlipZoom Media Inc. - David Karich (flipzoom.de) **/
.main {
    float:left;
    clear:left;
    width:100%;
    padding:5%;
    border-top:1px solid #fff;
}

h1 {
    clear:left;
    font-size:3.5em;
    margin-bottom:0.75em;
}

    .main > p {
        font-size:1.4em;
        line-height: 1.6;
        margin-bottom:1em;
        clear:left;
    }
    
    .main > h2,
    .main > h3,
    .main > h4,
    .mqin > h5,
    .main > h6 {
        clear:left;
        color:#dd9c00; /* orange */
        font-weight: normal;
        margin-bottom:1em;
        font-size:2em;
    }

.categories {
    float:left;
    clear:left;
    width:100%;
    margin-top:3em;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}
    
    .cat,
    .item{
        position:relative;
      float:left;
      width:32%;
      margin-right:2%;
      margin-bottom:2em;
      border:1px solid #aaa;
      padding:3em;
      padding-bottom:4em;
      text-decoration: none;
      color:#fff;
        display: -webkit-flex; /* Safari */
        -webkit-flex-direction:column;
        flex-direction:column;
        container-type:inline-size;
    }
    
        .cat:nth-of-type(3n),
        .item:nth-of-type(3n){
            margin-right:0;
        }
        
        .cat:hover,
        .item:hover{
            background-color:rgba(255,255,255,0.1);
        }
        
        .cat h2 {
            font-size:1.2em;
            color:#aaa;
        }
    
    .cat img,
    .item img{
        width:100%;
        display:block;
        margin-bottom:1em;
    }
    
    .item:nth-of-type(4n+1){
        clear:left;
      }
      
      .item:hover {
        background:rgba(255,255,255,0.1);
      }
      
      .item:hover .item-text h3 {
        color:#dd9c00; /* orange */
      }
      
      .item-text {
        color:#aaa;
        float:left;
        width:100%;
        font-size:1.1em;
      }
      
        .item-text h2,
        .item-text h3{
          float:left;
          width:70%;
        }
        
        .item-text p {
          float:right;
          width:25%;
          color:#dd9c00; /* orange */
          text-align: right;
        }
    
    .view {
        position:absolute;
        bottom:0;
        width:100%;
        left:0;
        margin:0;
        text-align:center;
        padding:1em;
        color:#dd9c00; /* orange */
        font-size:1em;
        text-transform: uppercase;
        letter-spacing: 2px;
      }

.backto {
    float:left;
    font-size:1.4em;
    margin-bottom:1em;
    color:#dd9c00; /* orange */
}

.itemleft {
    float:left;
    width:47.5%;
}

.itemright {
    float:right;
    width:47.5%;
}

.gallery {
    float:left;
    clear:left;
    width:100%;
}

    .largethumb {
        float:left;
        width:100%;
        margin-bottom:10em;
        cursor:zoom-in;
    }
    
        .largethumb img {
            width:100%;
            display:block;
        }
    
    .thumb {
        float:left;
        width:32%;
        margin-right:2%;
        margin-bottom:2%;
        cursor:zoom-in;
    }
    
        .thumb:nth-of-type(3n+1) {
            margin-right:0;
        }
		
		.thumb img {
			width:100%;
		}
    
    .itemright p {
        font-size:1.4em;
        line-height: 1.6;
        margin-bottom: 1em;
    }
    
    .itemright ul,
    .itemright ol{
        clear:left;
        margin:2em 0;
        margin-left:2em;
    }
    
        .itemright li {
            clear:left;
            font-size:1.4em;
            margin-bottom: 1em;
            padding-left:1em;
        }
    
    .itemright p.price {
        color:#dd9c00; /* orange */
        font-size:2.6em;
    }
    
    .enquire {
        float:left;
        clear:left;
        color:#dd9c00; /* orange */
        border:1px solid #dd9c00; /* orange */
        padding:0.5em 3em;
        text-decoration: none;
        font-size:2em;
        margin-top:1em;
        margin-bottom:2em;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
        .enquire:hover {
            color:#aaa;
            border:1px solid #aaa;
        }

.test {
    float:left;
    clear:left;
    width:100%;
    border:1px solid #aaa;
    padding:1em;
    margin-bottom:2em;
}

    .test-text,
    .test > h2{
        float:left;
        width:70%;
    }
    
    .test > h2 {
        color:#dd9c00; /* orange */
        font-size:2em;
        margin-bottom:1em;
    }
    
    .test-text p {
        clear:left;
        font-size:1.4em;
        line-height: 1.6;
        margin-bottom:1em;
    }
    
    .test > img {
        float:right;
        width:25%;
    }

.contactform {
    float:left;
    clear:left;
    width:100%;
}

    input,
    textarea,
    label {
        float:left;
        clear:left;
        width:100%;
        margin-bottom:1em;
    }
    
    input,
    textarea {
        padding:1em;
        outline:0;
        border:1px solid #aaa;
        font-family: 'Playfair Display', serif;
        font-size:1.4em;
        background:none;
        color:#fff;
    }
    
    .error-text {
        float:left;
        clear:left;
        width:100%;
        font-size:1.4em;
        color:red;
        margin-bottom:1em;
    }
    
    .submit-btn {
        cursor:pointer;
    }
    
        .submit-btn:hover {
            color:#dd9c00; /* orange */
            border:1px solid #dd9c00; /* orange */
        }

.pager-nav,
.pager-nav ul{
    float:left;
    Clear:left;
    width:100%;
    text-align: center;
    padding:0;
    margin:0;
}

.pager-nav {
    margin-bottom:5%;
}

    .pager-nav ul li {
        display:inline-block;
        color:#fff;
        padding:0;
        margin:0;
    }
    
        .main .pager-nav ul li a {
            float:left;
            background-color:#fff;
            padding:0.5em 1em;
            color:#333;
            text-decoration: none;
            margin:0.5em;
        }
        
            .main .pager-nav ul li a:hover,
            .main .pager-nav ul li.active a{
                background-color:#dd9c00;
                color:#333;
            }

@media screen and (max-width:799px) {
  .item,
  .cat{
    padding:2em;
  }
}

@media screen and (max-width:679px) {
  .item,
  .cat{
    padding:3em;
    width:48.5%;
    margin-bottom:2em;
  }
  
    .item:nth-of-type(3n),
    .cat:nth-of-type(3n){
      margin-right:2%;
    }
    
    .item:nth-of-type(2n),
    .cat:nth-of-type(2n){
      margin-right:0;
    }
}

@media screen and (max-width:599px) {
    
    .categories {
        margin-top:0;
    }
    
    .itemleft,
    .itemright {
        width:100%;
        padding:0;
    }
    
    .largethumb,
    .thumbs{
        margin-bottom:2em;
    }
}

@media screen and (max-width:479px) {
  
  .items,
  .categories{
    -webkit-flex-direction:row;
    flex-direction:row;
  }
  
  .item,
  .cat{
    padding:3em;
    width:100%;
    margin-right:0
  }
}
