.leftcol {
    float:left;
    width:50%;
}

    .section1,
    .section2,
    .section3,
    .finance{
        float:left;
        clear:left;
        width:100%;
        padding:3.5em;
        border-bottom:1px solid #ccc;
    }

    .finance {
        position: relative;
        text-decoration: none;
        background-color:var(--gold);
        color:#fff;
        display:Grid;
        grid-template-columns: 1fr 1fr;
        grid-gap:3em;
    }

        .hovercover {
            position:absolute;
            left:0;
            top:0;
            width:100%;
            height:100%;
            background-color:#333333dd;
            padding:2em;
            text-align:center;
            pointer-events: none;
            opacity:0;
            transition:opacity 0.25s ease-in-out;
        }

            .hovercover p {
                position: absolute;
                top:50%;
                left:50%;
                transform:translate(-50%,-50%);
                font-size:1.6em;
                border:1px solid var(--gold);
                padding:0.25em 1em;
                color:var(--gold);
                text-transform: uppercase;
            }

            .finance:hover .hovercover{
                opacity:1;
            }

        .finance .maf-btn {
            display:block;
            width:100%;
        }

        .finance p.head {
            color:#eee;
            font-size:1.4em;
            font-weight:bold;
        }

        .finance p:last-of-type{
            margin-bottom:0;
        }

        .finance > img {
            float:left;
            width:100%;
        }
    
    .section3 {
        border-bottom:0;
    }

    h1 {
        font-size:4em;
        text-transform: uppercase;
        margin-bottom:0.75em;
        font-weight:normal;
        clear:both;
    }
    
    .head {
        color:#999;
        font-size:1em;
        text-transform: uppercase;
        text-align:left;
        width:100%;
    }
    
    .vprice {
        color:#b6ab77; /*gold*/
        font-size:4em;
        float:left;
    }
    
    .enquire,
    .share{
        float:right;
        background-color:#b6ab77; /*gold*/
        color:#fff;
        font-size:1.3em;
        text-decoration:none;
        padding:1.3em 3em;
        text-transform: uppercase;
        margin-left:0.5em;
        border-radius:0.25em;
    }
    
        .enquire:hover,
        .share:hover{
            background-color:#c5bb8d;
        }
    
    .sharebtns{
        display:none;
        float:right;
        clear:right;
        margin-top:2em;
    }

        .sharebtns a {
            display:block;
            float:right;
            height:5em;
            margin:0 0 5px 5px;
            text-decoration: none;
        }

            .sharebtns a img {
                height:100%;
            }

            .copy-success {
                float:left;
                opacity:0;
                margin-right:5px;
            }

                .copy-success p {
                    color:#333;
                }
    
    .desc-item {
        float:left;
        width:25%;
        margin-bottom:2em;
        padding-right:2em;
    }
    
        .desc-item:nth-of-type(4n+1){
            clear:left;
        }
        
        .desc-item h3 {
            font-size:2em;
            text-transform: uppercase;
        }
        
        h3.shrink {
            font-size:1.4em;
        }
        
        .desc-item p {
            margin-bottom:0em;
        }
    
    .section3 p,
    .finance p{
        font-size:1.3em;
        line-height: 1.6;
        margin-bottom:1em;
    }
    
        .section3 p.head{
            font-size:1.4em;
            font-weight:bold;
        }
        
    .section2 ul,
    .section2 ol,
    .section3 ul,
    .section3 ol{
        clear:left;
        margin:1em 3em;
    }
    
        .section2 li,
        .section3 li{
            clear:left;
            margin-bottom:1em;
            padding-left:1em;
            font-size:1.3em;
        }
        
        .section2 li p,
        .section3 li p{
            font-size:1em;
        }

        .section2 li li,
        .section3 li li  {
            font-size:1em;
            color:#666;
        }

        .section2 ul ul,
        .section3 ul ul {
            margin-left:1em;
        }

    .history {
        margin-top:5em;
    }

        .hist {
            display:grid;
            grid-template-columns:2fr 1fr 1fr;
            grid-gap: 1em;
            padding:0.5em 1em;
        }

            .hist:nth-last-of-type(even){
                background-color:#eee;
            }

            .hist p {
                margin:0;
                text-align: right;
            }

            .hist p:first-of-type{
                text-align: left;
            }

.options-head {
    margin-top:2em;
}
    
    .options ul {
        padding:0;
        margin:0;
        list-style:none;
    }

        .options li {
            background-color:#f5f5f5;
            padding:1em;
            margin-bottom:2px;
            border-radius:0.25em;
        }

        .options li::before {
            content: '';
            display: inline-block;
            height: 12px;
            width: 12px;
            margin-right:0.75em;
            background-image: url('../img/tick.svg');
          }
    
.rightcol {
    float:right;
    width:50%;
}

    .rightcol img {
        max-width:100%;
        display:block;
    }

    .rightcol ul {
        list-style: none;
    }

    /* .thumb-box {
        max-height:8vw;
        transition:all 0.75s ease-in-out;
    }

    .thumb-box.reveal {
        max-height:10000vw;
    } */
    
    .thumbs {
        float:left;
        clear:both;
        width:100%;
        list-style: none;
        display:grid;
        grid-template-columns: repeat(8,1fr);
    }
    
        .thumbs a {
            float:left;
            width:100%;
            background-color:#333;
        }
        
            .thumbs a img {
                opacity:0.5;
                width:100%;
                -moz-transition: opacity 0.5s;
                -webkit-transition: opacity 0.5s;
                transition: opacity 0.5s;
            }
            
            .thumbs a:hover img,
            .thumbs a .activet{
                opacity:1;
            }

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.walkaround {
	margin-top:5%;
}

	.walkaround h3,
    .articles h3{
		font-size:3em;
		text-transform: uppercase;
		margin-bottom:1em;
		font-weight:normal;
	}

.articles {
    margin-top:5%;
}

.article {
    margin-bottom:5em;
    position:Relative;
}

    .article img {
        width:100%;
    }

    .article:hover .hovercover {
        opacity:1;
    }

@media screen and (max-width:1099px) {
    .section1,
    .section2,
    .section3,
    .finance{
        padding:2.5em;
    }
    
    h1,
    .vprice{
        font-size:3em;
    }
    
    .desc-item {
        width:33.33333333%;
    }
    
        .desc-item:nth-of-type(3n+1) {
            clear:left;
        }
        .desc-item:nth-of-type(4n+1) {
            clear:none;;
        }
    
    .desc-item h3 {
        font-size:1.6em;
    }
    
    h3.shrink {
        font-size:1em;
    }
}

@media screen and (max-width:949px) {
    
    .desc-item {
        width:100%;
        clear:left;
        padding-bottom:1em;
        border-bottom:1px solid #ccc;
    }
    
    .enquire,
    .share{
        float:left;
        width:100%;
        text-align: center;
        margin-top:1.5em;
        margin-left:0;
    }
    
    .thumbs {
        grid-template-columns: repeat(4,1fr);
    }

@media screen and (max-width:849px) {
    .finance {
        grid-template-columns: 1fr;
        grid-gap:1em;
    }
}

@media screen and (max-width:649px) {
    
    .leftcol,
    .rightcol{
        width:100%;
        clear:both;
    }

    .walkaround,
    .articles {
        padding:2em;
    }
}

@media screen and (max-width:379px) {
    h1,
    .vprice{
        font-size:2em;
    }
}